@charset "UTF-8";
/*** CSS Starts Here ***/
#wpadminbar {
  z-index: 99999999 !important;
}

@font-face {
  font-family: "Gilroy-Regular";
  src: url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.woff") format("woff");
  font-display: auto;
}
@font-face {
  font-family: "Gilroy-Black";
  src: url("fonts/Gilroy-Black.woff") format("woff"), url("fonts/Gilroy-Black.woff") format("woff");
  font-display: auto;
}
@font-face {
  font-family: "Gilroy-Bold";
  src: url("fonts/Gilroy-Bold.woff") format("woff"), url("fonts/Gilroy-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gilroy-ExtraBold";
  src: url("fonts/Gilroy-ExtraBold.woff") format("woff"), url("fonts/Gilroy-ExtraBold.woff") format("woff");
  font-weight: bolder;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gilroy Heavy";
  src: url("fonts/Gilroy-Heavy.woff") format("woff"), url("fonts/Gilroy-Heavy.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gilroy Light";
  src: url("fonts/Gilroy-Light.woff") format("woff"), url("fonts/Gilroy-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gilroy Medium";
  src: url("fonts/Gilroy-Medium.woff") format("woff"), url("fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gilroy SemiBold";
  src: url("fonts/Gilroy-SemiBold.woff") format("woff"), url("fonts/Gilroy-SemiBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "Gilroy Thin";
  src: url("fonts/Gilroy-Thin.woff") format("woff"), url("fonts/Gilroy-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}
* {
  margin: 0;
  padding: 0;
  font-family: "Gilroy-Regular";
  color: #333333;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

a:where(:not(.wp-element-button)) {
  text-decoration: none !important;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

textarea {
  resize: vertical;
  overflow: auto;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

img {
  pointer-events: none;
}

textarea {
  resize: none;
}

@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
/*** Loader ***/
@keyframes loader1 {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes "loader1" {
  from {
    -webkit-transform: scale(0, 0);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes grow {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
    opacity: 0.1;
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes check {
  100% {
    stroke-dashoffset: 4.5px;
  }
}
@keyframes check {
  100% {
    stroke-dashoffset: 4.5px;
  }
}
@-webkit-keyframes grinb {
  0%, 10% {
    bottom: 0;
  }
  20%, 40% {
    bottom: 50%;
  }
  50%, 100% {
    bottom: 0;
  }
}
@keyframes grinb {
  0%, 10% {
    bottom: 0;
  }
  20%, 40% {
    bottom: 50%;
  }
  50%, 100% {
    bottom: 0;
  }
}
@-webkit-keyframes grina {
  0%, 10% {
    height: 0;
  }
  20%, 40% {
    height: 100%;
  }
  50%, 100% {
    height: 0;
  }
}
@keyframes grina {
  0%, 10% {
    height: 0;
  }
  20%, 40% {
    height: 100%;
  }
  50%, 100% {
    height: 0;
  }
}
@-webkit-keyframes sadb {
  0%, 10% {
    top: 0;
  }
  20%, 40% {
    top: 50%;
  }
  50%, 100% {
    top: 0;
  }
}
@keyframes sadb {
  0%, 10% {
    top: 0;
  }
  20%, 40% {
    top: 50%;
  }
  50%, 100% {
    top: 0;
  }
}
@keyframes loader1 {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes loader1 {
  from {
    -webkit-transform: scale(0, 0);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes loader1 {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes loader1 {
  from {
    -webkit-transform: scale(0, 0);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
ul {
  padding: 0;
  margin: 0;
}
ul li {
  list-style: none;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body.no_scroll {
  overflow-y: hidden;
  position: initial;
}

textarea {
  resize: vertical;
  overflow: auto;
  resize: none;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

img {
  pointer-events: none;
}

.pcolor {
  color: #006bc0;
}

.wcolor {
  color: #ffffff !important;
}

.purcolor {
  color: #17173a;
}

.pbgcolor {
  background-color: #006bc0;
}

.bgwhite {
  background-color: #fff;
}

.bgdark {
  background-color: #e7e9f1;
}

.lp2bg {
  background-color: #fbfaff;
}

.nlgradbg {
  background: linear-gradient(to right, #006bc0, #691dc0);
}

.nlrevgradbg {
  background: linear-gradient(to left, #006bc0, #691dc0);
}

.revdiagbg {
  background: linear-gradient(to top right, #0661bc, #351999);
}

.allcaps {
  text-transform: uppercase;
}

.bigspacing {
  padding: 80px 0;
}

.smallspacing {
  padding: 40px 0;
}

.vsmallspacing {
  padding: 30px 0;
}

.nomar {
  margin: 0;
}

.nopad {
  padding: 0;
}

.no_mb {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

.ml-30 {
  margin-left: 30px;
}

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

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

.pd20 {
  padding: 20px;
}

.pd40 {
  padding: 40px;
}

.pd60 {
  padding: 60px;
}

.pd80 {
  padding: 80px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pdl40 {
  padding-left: 40px;
}

.pad15 {
  padding: 0 15px;
}

.mr15 {
  margin-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.btn-check:focus + .btn {
  box-shadow: none;
}

.btn:focus {
  box-shadow: none;
}

.prz {
  position: relative;
  z-index: 99;
}

.fgbl {
  font-family: "Gilroy-Black";
}

.fgl {
  font-family: "Gilroy Light";
}

.fgb {
  font-family: "Gilroy-Bold";
}

.fgh {
  font-family: "Gilroy Heavy";
}

.fgm {
  font-family: "Gilroy Medium" !important;
}

.btn-primary {
  padding: 10px 35px;
  border-radius: 30px;
  border: 2px solid #fff;
  background-color: transparent;
  color: #fff;
}
.btn-primary:hover {
  background-color: #006bc0;
  border-color: #006bc0;
}

.btn-secondary {
  padding: 15px 30px;
  border-radius: 30px;
  border: 2px solid #0a6ebe;
  background-color: #fff;
  color: #282828;
}
.btn-secondary:hover {
  border: 2px solid #0a6ebe;
  background-color: #0a6ebe;
  color: #FFF;
}
.btn-secondary:focus {
  border: 2px solid #0a6ebe;
  background-color: #0a6ebe;
  color: #FFF;
}

a.nvbtn3 {
  display: inline-block;
  padding: 8px 25px;
  font-family: Gilroy-Bold;
  background: linear-gradient(to right, #006bc0, #4a3fb3);
  color: #FFF;
  border-radius: 30px;
}

button.nvbtn3 {
  display: inline-block;
  padding: 8px 25px;
  font-family: Gilroy-Bold;
  background: linear-gradient(to right, #006bc0, #4a3fb3);
  color: #FFF;
  border-radius: 30px;
}

.reverse_row {
  display: flex;
  flex-flow: column-reverse;
}

.main_header {
  height: 100px;
  max-height: 100px;
  z-index: 9999;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  animation: smoothScroll 1s forwards;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.18);
}

.navbar {
  background: transparent;
  padding: 0;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  -webkit-transition: background 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
}
.navbar .navbar-brand {
  height: 100px;
  line-height: 100px;
  padding: 20px 0;
}
.navbar .nl_logo {
  background: url(../img/novus_loyalty_logo_white.png) no-repeat;
  display: inline-block;
  width: 144px;
  height: 60px;
}
.navbar .menuBtn {
  float: none !important;
  margin: 0 0 0 10px;
  display: none;
}
.navbar .menuBtn a {
  position: relative;
  width: 33px;
  height: 26px;
  cursor: pointer;
  display: block;
  z-index: 999999999999;
  -webkit-transition: all 20ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 20ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 20ms cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
.navbar .menuBtn span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 33px;
  height: 3px;
  z-index: 1;
  background: #fff;
  -webkit-transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .menuBtn span:last-child {
  top: 22px;
}
.navbar .menuBtn span.cross {
  top: 9px;
  left: 7px;
  z-index: 2;
  background: 0 0;
}
.navbar .menuBtn span.cross:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  -webkit-transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .menuBtn span.cross:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  -webkit-transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 350ms cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .menuBtn:hover span.cross {
  left: 0;
}
.navbar .menuBtn .is-active span:first-child {
  opacity: 0;
}
.navbar .menuBtn .is-active span:last-child {
  opacity: 0;
}
.navbar .menuBtn .is-active span.cross {
  height: 26px;
  top: 0;
  left: 0;
}
.navbar .menuBtn .is-active span.cross:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar .menuBtn .is-active span.cross:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hidebig .nl_logo {
  background: url(../img/novus_loyalty_logo_white.png) no-repeat;
  display: inline-block;
  width: 144px;
  height: 60px;
  margin: 10px 0 0 10px;
}

.navbar.sticky {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
}
.navbar.sticky .nl_logo {
  background: url(../img/novus_loyalty_logo.png) no-repeat;
  display: inline-block;
  width: 144px;
  height: 60px;
}
.navbar.sticky .navigation_box ul li a {
  color: #0a6ebe;
}
.navbar.sticky .navigation_box ul li a i.arrow {
  border-color: #0a6ebe;
}
.navbar.sticky .navigation_box ul li .customDropDown li a {
  color: #000;
}
.navbar.sticky .navigation_box ul li .customDropDown li:hover {
  background: #006bc0;
}
.navbar.sticky .navigation_box ul li .customDropDown li:hover a {
  color: #FFF;
}
.navbar.sticky .navigation_box ul li .customDropDown li:hover .customDropDownSub li a {
  color: #000;
}
.navbar.sticky .navigation_box ul li .customDropDown li:hover .customDropDownSub li:hover a {
  color: #fff;
}
.navbar.sticky .navigation_box a.bookdemo {
  color: #FFF;
  background: #0a6ebe;
}
.navbar.sticky .menuBtn span {
  background: #012a5e;
}
.navbar.sticky .menuBtn span.cross {
  background: 0 0;
}
.navbar.sticky .menuBtn span.cross:after {
  background: #012a5e;
}
.navbar.sticky .menuBtn span.cross:before {
  background: #012a5e;
}
.navbar.sticky .menuBtn a.is-active span {
  background: #fff;
}
.navbar.sticky .menuBtn a.is-active span.cross {
  background: 0 0;
}
.navbar.sticky .menuBtn a.is-active span.cross:after {
  background: #fff;
}
.navbar.sticky .menuBtn a.is-active span.cross:before {
  background: #fff;
}

.navbar.white {
  background: #fff;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
}
.navbar.white .nl_logo {
  background: url(../img/novus_loyalty_logo.png) no-repeat;
  display: inline-block;
  width: 144px;
  height: 60px;
}
.navbar.white .navigation_box ul li a {
  color: #0a6ebe;
}
.navbar.white .navigation_box ul li a i.arrow {
  border-color: #0a6ebe;
}
.navbar.white .navigation_box ul li .customDropDown li a {
  color: #000;
}
.navbar.white .navigation_box ul li .customDropDown li:hover {
  background: #006bc0;
}
.navbar.white .navigation_box ul li .customDropDown li:hover a {
  color: #FFF;
}
.navbar.white .navigation_box ul li .customDropDown li:hover .customDropDownSub li a {
  color: #000;
}
.navbar.white .navigation_box ul li .customDropDown li:hover .customDropDownSub li:hover a {
  color: #fff;
}
.navbar.white .navigation_box a.bookdemo {
  color: #FFF;
  background: #0a6ebe;
}
.navbar.white .menuBtn span {
  background: #012a5e;
}
.navbar.white .menuBtn span.cross {
  background: 0 0;
}
.navbar.white .menuBtn span.cross:after {
  background: #012a5e;
}
.navbar.white .menuBtn span.cross:before {
  background: #012a5e;
}
.navbar.white .menuBtn a.is-active span {
  background: #fff;
}
.navbar.white .menuBtn a.is-active span.cross {
  background: 0 0;
}
.navbar.white .menuBtn a.is-active span.cross:after {
  background: #fff;
}
.navbar.white .menuBtn a.is-active span.cross:before {
  background: #fff;
}

.navigation_box ul li {
  display: inline-block;
  position: relative;
}
.navigation_box ul li a {
  padding: 0 15px;
  color: #FFF;
  display: block;
  position: relative;
}
.navigation_box ul li .customDropDown {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  width: 240px;
  text-align: left;
  margin-top: 40px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  -o-transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  -o-transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  border-radius: 10px;
}
.navigation_box ul li .customDropDown li {
  display: block;
  font-size: 13px;
  padding: 0 15px;
  line-height: 20px;
  background: #FFF;
}
.navigation_box ul li .customDropDown li a {
  font-family: "Gilroy Medium";
  color: #000;
  padding: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  font-size: 14px;
}
.navigation_box ul li .customDropDown li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.navigation_box ul li .customDropDown li:last-child {
  border-bottom: none;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.navigation_box ul li .customDropDown li:last-child a {
  border-bottom: none;
}
.navigation_box ul li .customDropDown li .customDropDownSub {
  position: absolute;
  top: 0;
  left: 100%;
  padding: 0;
  width: 240px;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  -o-transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  -o-transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  margin-left: 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
  border-radius: 10px;
}
.navigation_box ul li .customDropDown li:hover {
  background: #006bc0;
}
.navigation_box ul li .customDropDown li:hover .customDropDownSub {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.navigation_box ul li .customDropDown li:hover .customDropDownSub li a {
  color: #000;
}
.navigation_box ul li .customDropDown li:hover .customDropDownSub li:hover a {
  color: #fff;
}
.navigation_box ul li .customDropDown li:hover a {
  color: #FFF;
}
.navigation_box ul li .customDropDown li:hover a i.arrow {
  border-color: #FFF;
}
.navigation_box ul li:hover .customDropDown {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.navigation_box ul li:hover a i.arrow.down {
  transform: rotate(225deg);
}
.navigation_box a.bookdemo {
  background: #ff9900;
  padding: 10px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  font-family: "Gilroy-Bold";
  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;
}
.navigation_box a.bookdemo:hover {
  background: #ec8f04;
}

.arrow {
  border: solid #fbfaff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin: 0 0 3px 3px;
  transition: all 0.5s ease-in-out;
}

.right {
  transform: rotate(-455deg);
  -webkit-transform: rotate(-45deg);
  margin: 0 0 3px 3px;
  transition: all 0.5s ease-in-out;
}

.customDropDown li a i.arrow {
  border-color: #000;
  float: right;
  margin-top: 7px;
  border-width: 0 2px 2px 0;
}

.header_space {
  margin-top: 100px;
}

.header_logo {
  position: relative;
  z-index: 1;
  float: left;
  padding: 4px 0;
}
.header_logo a {
  display: block;
  width: 150px;
  height: 80px;
  outline: 0;
  background: url(../img/novus_loyalty_logo.png) no-repeat;
  background-size: 100%;
  margin-top: 15px;
}

.navigation_links {
  height: 100px;
  line-height: 100px;
}
.navigation_links ul {
  margin-left: 100px;
  float: right;
}
.navigation_links ul li {
  display: inline-block;
}
.navigation_links ul li a {
  color: #000;
  text-transform: uppercase;
  padding: 15px 15px;
}
.navigation_links ul li a.client_login {
  padding: 10px 30px;
  border: 1px solid #006bc0;
  border-radius: 30px;
}
.navigation_links ul li ul.dropdown_menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0;
  width: 240px;
  text-align: left;
  margin-top: 25px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  -o-transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  transition: all 650ms cubic-bezier(0.76, 0, 0.11, 1);
  -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  -o-transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  transition-timing-function: cubic-bezier(0.76, 0, 0.31, 1);
  margin-left: 34%;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.navigation_links ul li ul.dropdown_menu li {
  display: block;
  font-size: 14px;
  padding: 15px;
  line-height: 20px;
  background: #FFF;
  border-bottom: solid #09428a 1px;
  color: #000;
}
.navigation_links ul li:hover ul.dropdown_menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.navigation {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}

.navigation_logo {
  width: 100px;
  margin: 15px 15px 10px;
}

.loader1 {
  display: inline-block;
  font-size: 0;
  padding: 0;
  display: inline-block;
  font-size: 0;
  padding: 0;
}
.loader1 span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px 2px;
  -webkit-animation: loader1 0.8s linear infinite alternate;
  animation: loader1 0.8s linear infinite alternate;
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px 2px;
  -webkit-animation: loader1 0.8s linear infinite alternate;
  animation: loader1 0.8s linear infinite alternate;
}
.loader1 span:nth-child(1) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(255, 255, 255, 0.6);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(0, 107, 192, 0.6);
}
.loader1 span:nth-child(2) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(255, 255, 255, 0.8);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(0, 107, 192, 0.8);
}
.loader1 span:nth-child(3) {
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  background: #FFF;
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  background: #006bc0;
}
.loader1 span:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(255, 255, 255, 0.8);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(0, 107, 192, 0.8);
}
.loader1 span:nth-child(5) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(255, 255, 255, 0.4);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(0, 107, 192, 0.4);
}

.homebg {
  background: url(../img/home_banner.jpg) no-repeat;
  background-size: cover;
  height: 600px;
}

.herobox {
  position: absolute;
  top: 350px;
  width: 450px;
}
.herobox h2 {
  font-family: "Gilroy-Bold";
  color: #fff;
}
.herobox p {
  font-family: "Gilroy Light";
  color: #fff;
}

.vertical_heading_solutions {
  display: inline-block;
  background-color: #fff;
  position: absolute;
  right: -261px;
  transform: rotate(-90deg);
  margin-top: 261px;
  width: 600px;
  padding: 20px 10px;
}
.vertical_heading_solutions h2 {
  text-align: center;
  margin: 0;
  font-family: "Gilroy Heavy";
  color: #c9c9c9;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.products_section {
  background-color: #fbfaff;
}
.products_section h1 {
  color: #e2e2e2;
  font-family: "Gilroy Heavy";
  font-size: 72px;
  margin-bottom: 40px;
  margin-top: 60px;
}
.products_section h3 {
  font-family: "Gilroy-Black";
  font-size: 32px;
  margin-bottom: 20px;
}
.products_section p {
  font-family: "Gilroy Light";
}

.whatwedo {
  background-color: #fbfaff;
}
.whatwedo h1 {
  color: #e2e2e2;
  font-family: "Gilroy Heavy";
  font-size: 72px;
  margin-bottom: 0;
  text-align: right;
}
.whatwedo .whatwedo_sliderbox {
  background-color: #cee9ff;
  padding: 90px 60px 90px 300px;
}
.whatwedo .whatwedo_sliderbox .whatwedo_slider p {
  font-family: "Gilroy Light";
}

.whatwedo_heading {
  padding-top: 100px;
  position: absolute;
}
.whatwedo_heading h3 {
  font-family: "Gilroy-Black";
  font-size: 54px;
  margin-bottom: 20px;
}
.whatwedo_heading h3::before {
  content: "";
  display: block;
  width: 150px;
  height: 5px;
  background-color: #3189cf;
  position: absolute;
  margin-top: -10px;
}

.novus_footer {
  padding: 40px 0;
}
.novus_footer .footer_link_box {
  padding: 0 0 0 60px;
}
.novus_footer .footer_link_box ul li {
  margin-bottom: 15px;
  text-transform: uppercase;
}
.novus_footer .footer_link_box ul li:nth-last-child(1) {
  margin-bottom: 0;
}
.novus_footer .footer_link_box ul li a {
  color: #000;
}

.newsletter_box input {
  padding: 10px 60px 10px 10px;
  border-radius: 50px;
  border: 1px solid #d7d7d7;
}
.newsletter_box .submitbtn {
  padding: 10px 30px;
  border-radius: 30px;
  position: absolute;
  margin-left: -60px;
  color: #fff;
}

.newsletter_form button#nsubmitting {
  display: none;
  pointer-events: none;
}
.newsletter_form input {
  width: 90%;
  padding: 8px 20px;
  font-size: 14px;
  border: none;
  outline: none;
  border-radius: 25px;
}
.newsletter_form button {
  margin-top: -37px;
  padding: 6.5px 20px;
  float: right;
  z-index: 99;
  position: relative;
  border-radius: 25px;
  border: none;
  outline: none;
  color: #fff;
  background-color: #ff9900;
}
.newsletter_form label {
  margin-left: 20px;
  margin-top: 5px;
}

.nlnewsletter {
  padding: 0 40px;
}
.nlnewsletter h6 {
  padding: 0 20px;
  font-family: "Gilroy Light";
  margin-bottom: 15px;
}

.footer_row {
  margin-top: 60px;
}
.footer_row h5 {
  font-family: "Gilroy-ExtraBold";
  margin-bottom: 20px;
}
.footer_row ul li {
  margin: 10px 0;
  font-size: 16px;
}
.footer_row ul li a {
  color: #FFF;
}

.footer_header {
  display: none;
}

.footer_copyright {
  padding: 10px 0;
}
.footer_copyright p {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Gilroy Light";
}
.footer_copyright ul li {
  display: inline-block;
  margin-right: 30px;
  color: #fff;
}
.footer_copyright ul li:nth-child(5) {
  margin-right: 0;
}
.footer_copyright ul li a {
  color: #fff;
}

.footer_copyright_links {
  float: right;
}

.slider__counter {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 1;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
  mix-blend-mode: difference;
  pointer-events: none;
}

.vertical_heading_solutions_lp {
  display: inline-block;
  background-color: #fbfaff;
  position: absolute;
  right: -261px;
  transform: rotate(-90deg);
  margin-top: 185px;
  width: 600px;
  padding: 20px 10px;
}
.vertical_heading_solutions_lp h2 {
  text-align: center;
  margin: 0;
  font-family: "Gilroy Heavy";
  color: #c9c9c9;
  text-transform: uppercase;
  letter-spacing: 5px;
}

.loyaltyprogram2bg {
  background: url(../img/program2_banner.jpg) no-repeat;
  background-size: cover;
  height: 450px;
}

.experience_box {
  margin-top: 70px;
}
.experience_box:before {
  content: url(../img/lp2_banner_icons_small.png);
  position: absolute;
}

.experience_box_content {
  margin-left: 50px;
  margin-top: 30px;
}
.experience_box_content h1 {
  font-family: "Gilroy-Black";
  color: #fbfaff;
  font-size: 52px;
}
.experience_box_content p {
  font-family: "Gilroy Light";
  color: #fbfaff;
  font-size: 20px;
}
.experience_box_content h2 {
  font-family: "Gilroy-Black";
  color: #fbfaff;
  font-size: 40px;
}

.points_box_content {
  margin-left: 50px;
  margin-top: 30px;
}
.points_box_content h2 {
  font-family: "Gilroy-Black";
  color: #fbfaff;
  font-size: 50px;
  margin-bottom: 15px;
  font-family: "Gilroy-Black";
  color: #fbfaff;
  font-size: 50px;
  margin-bottom: 15px;
}
.points_box_content p {
  font-size: 16px;
  font-family: "Gilroy Light";
  color: #fbfaff;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "Gilroy Light";
  color: #fbfaff;
  margin-bottom: 20px;
}

.lpfeatures {
  background-color: #fbfaff;
  position: relative;
  z-index: 1;
}
.lpfeatures:before {
  content: "";
  background-color: #f2f2ff;
  width: 2500px;
  height: 1000px;
  position: absolute;
  z-index: -1;
  transform: rotate(-45deg);
  display: inline-block;
  left: -90%;
  top: 3%;
}

.section_heading {
  font-family: "Gilroy-Black";
  color: #282828;
  font-size: 40px;
  text-align: center;
}

.wid800 {
  width: 800px;
  margin: 0 auto;
}

.lpfeatures_box {
  margin-top: 60px;
  margin-bottom: 20px;
}

.lpfeatureslists {
  padding: 20px;
  background-color: #FFF;
  height: 300px;
  max-height: 300px;
}
.lpfeatureslists h4 {
  font-family: "Gilroy-Black";
}
.lpfeatureslists p {
  font-family: "Gilroy Light";
  margin-bottom: 0;
}

.lpfeatures_bigcontent h3 {
  font-family: "Gilroy-Black";
  font-size: 40px;
  margin-bottom: 50px;
}
.lpfeatures_bigcontent p {
  font-family: "Gilroy Light";
  font-size: 14px;
  margin-bottom: 30px;
}

a.nvbtn2 {
  display: inline-block;
  padding: 10px 40px;
  font-family: Gilroy-Bold;
  background: linear-gradient(to right, #006bc0, #4a3fb3);
  color: #FFF;
  border-radius: 30px;
}
a.nvbtn2:hover {
  color: #fff;
}

button.nvbtn2 {
  display: inline-block;
  padding: 10px 40px;
  font-family: Gilroy-Bold;
  background: linear-gradient(to right, #006bc0, #4a3fb3);
  color: #FFF;
  border-radius: 30px;
}
button.nvbtn2:hover {
  color: #fff;
}

.olp_slider_box_content_all {
  padding: 15px;
}
.olp_slider_box_content_all h4 {
  font-family: "Gilroy-Black";
}

.olp_slider_box .slick-list {
  margin-right: -20px;
}
.olp_slider_box .slick-slide {
  margin-right: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  height: 440px;
  max-height: 440px;
}
.olp_slider_box .slick-prev {
  position: absolute;
  top: 100%;
  left: 46%;
  margin-top: 20px;
}
.olp_slider_box .slick-prev:before {
  background: url(../img/slider_arrows.png) no-repeat;
  width: 50px;
  height: 40px;
  background-position: 0 -3px;
  display: block;
}
.olp_slider_box .slick-next {
  position: absolute;
  top: 100%;
  right: 48%;
  margin-top: 20px;
}
.olp_slider_box .slick-next:before {
  background: url(../img/slider_arrows.png) no-repeat;
  width: 50px;
  height: 40px;
  background-position: -82px -3px;
  display: block;
}

.lpmimagebox {
  border-radius: 30px;
}

a.nvbtn {
  display: inline-block;
  padding: 10px 20px;
  font-family: Gilroy Heavy;
  background-color: #126eb9;
  color: #FFF;
  border-radius: 20px;
}
a.nvbtn:hover {
  color: #fff;
}

.fullbox {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}
.fullbox .foursixtybox {
  width: 40%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .sixfourtybox {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .halfbox {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .halfbox h2 {
  font-family: "Gilroy-Black";
  color: #282828;
  font-size: 44px;
  margin-bottom: 20px;
}
.fullbox .halfbox p {
  font-family: "Gilroy Light";
  color: #282828;
}
.fullbox .halfbox ul li {
  font-family: "Gilroy SemiBold";
  color: #282828;
  margin-bottom: 20px;
  padding-left: 60px;
}
.fullbox .halfbox ul li:before {
  content: "";
  background: url(../img/yes.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  margin-left: -45px;
  margin-top: 4px;
}
.fullbox .halfbox .membershipbox ul {
  padding-left: 20px;
  margin-top: 20px;
}
.fullbox .halfbox .membershipbox ul li {
  list-style: square;
  padding-left: 20px;
  margin-bottom: 15px;
}
.fullbox .halfbox .membershipbox ul li:before {
  display: none;
}
.fullbox .halfbox .phone_ {
  background: url(../img/thank_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-position: -10px 2px;
}
.fullbox .halfbox .mail_ {
  background: url(../img/thank_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-position: -10px -80px;
}
.fullbox .halfbox .book_a_meeting {
  background: url(../img/booking.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-position: -10px -80px;
}
.fullbox .halfbox .thankyou_box a p {
  font-family: "Gilroy SemiBold";
  font-size: 18px;
  color: #006bc0;
  margin-bottom: 10px;
}
.fullbox .halfbox.normalbullets ul {
  padding-left: 20px;
  margin-bottom: 40px;
}
.fullbox .halfbox.normalbullets ul li {
  list-style: square;
  padding-left: 20px;
}
.fullbox .halfbox.normalbullets ul li:before {
  display: none;
}
.fullbox .fullcontentbox {
  width: 100%;
  vertical-align: middle;
  display: table-column;
}
.fullbox .one_third_box {
  width: 33.3%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .one_third_box .thankyou_box {
  height: 140px;
}
.fullbox .one_third_box .thankyou_box a p {
  font-family: "Gilroy SemiBold";
  font-size: 18px;
  color: #006bc0;
  margin-bottom: 10px;
}
.fullbox .one_third_box .phone_ {
  background: url(../img/thank_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-position: -10px 2px;
}
.fullbox .one_third_box .mail_ {
  background: url(../img/thank_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-position: -10px -80px;
}
.fullbox .one_third_box .book_a_meeting {
  background: url(../img/booking.png) no-repeat;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.fullbox .seventhreebox {
  width: 70%;
  display: table-cell;
  vertical-align: middle;
  width: 70%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .seventhreebox h4 {
  font-family: "Gilroy-Bold";
  color: #000;
  margin-bottom: 0;
}
.fullbox .threesevebox {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .fortysixbox {
  width: 40%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .sixtyfourtybox {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .threesevenbox {
  width: 30%;
  display: table-cell;
  vertical-align: middle;
}
.fullbox .banking_loyalty ul {
  padding-left: 20px;
  margin-bottom: 30px;
}
.fullbox .banking_loyalty ul li {
  list-style-type: square;
  padding-left: 0;
  font-family: "Gilroy Medium";
}
.fullbox .banking_loyalty ul li:before {
  display: none;
}
.fullbox .banking_loyalty h4 {
  font-family: "Gilroy Light";
  margin-bottom: 20px;
  font-size: 20px;
}
.fullbox .halfbox.deals_box ul {
  padding-left: 70px;
}
.fullbox .halfbox.deals_box ul li {
  font-family: "Gilroy-Regular";
  font-size: 18px;
  list-style: square;
  padding-left: 15px;
}
.fullbox .halfbox.deals_box ul li:before {
  display: none;
}

.wid900 {
  width: 900px;
  margin: 0 auto;
}

.pci_dss {
  background: url(../img/pci-dss.png) no-repeat;
  width: 118px;
  height: 62px;
  display: block;
}

.wid700 {
  width: 700px;
  margin: 0 auto;
}

.upper_footer_row h2 {
  font-family: "Gilroy-Black";
  color: #17173a;
  font-size: 36px;
  margin-bottom: 30px;
}

.awrap {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ahead {
  position: relative;
  cursor: pointer;
  padding: 20px 45px 20px 15px;
  background: transparent;
  color: #333333;
  font-family: "Gilroy Medium";
  border-bottom: 1px solid #dfdfdf;
  font-size: 18px;
}
.ahead:after {
  position: absolute;
  background: url(../img/accordian_arrow.png) no-repeat;
  content: "";
  right: 10px;
  transition: transform 0.2s;
  width: 20px;
  height: 20px;
  background-size: contain;
  top: 25px;
}

.abody {
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  max-height: 0;
  height: auto;
  background: transparent;
  color: #333;
}

.ahead.open:after {
  transform: rotate(90deg);
}
.ahead.open + .abody {
  max-height: 600px;
  padding: 20px 15px;
}

.loyalty_banner {
  padding: 160px 0 100px 100px;
  color: #FFF;
}
.loyalty_banner h1 {
  font-family: "Gilroy-Black";
}
.loyalty_banner p {
  font-family: "Gilroy Light";
}

.wid1000 {
  width: 1000px;
  margin: 0 auto;
}

.rewards_box .rewards_box_imagebox {
  position: relative;
  overflow: hidden;
}

.rewards_box_content {
  padding: 30px;
  color: #FFF;
  position: relative;
  margin-top: -320px;
}
.rewards_box_content h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
}
.rewards_box_content p {
  font-family: "Gilroy Light";
  font-size: 16px;
}

.automate_content_box {
  margin-top: 70px;
  color: #FFF;
}
.automate_content_box h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
}
.automate_content_box p {
  font-family: "Gilroy Light";
  font-size: 16px;
}

.automate_bg {
  background: url(../img/automate_bg.jpg) no-repeat;
  background-size: cover;
  height: 400px;
}

.main_heading {
  font-family: "Gilroy-Black";
  font-size: 40px;
  color: #17173a;
  text-align: center;
  margin-bottom: 100px;
}

.boxspacebelow {
  margin-bottom: 80px;
}

.startprogrambox {
  padding: 50px 10px;
  text-align: center;
  width: 260px;
  border-radius: 25px;
  background-color: #FFF;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  border: 2px solid #FFF;
  height: 240px;
}
.startprogrambox h3 {
  font-family: "Gilroy Light";
  color: #FFF;
  margin-bottom: 0;
}
.startprogrambox h2 {
  font-family: "Gilroy-Black";
}

.fullbox.pad15 {
  padding: 0 15px;
}

.halfbox .membershipbox h2 {
  font-family: "Gilroy-Bold";
}

.pdl0 {
  padding-left: 0;
}

.pdr0 {
  padding-right: 0;
}

.startprogrambox.startprogrambox_ {
  height: auto;
  background-color: transparent;
}

.thankyou_banner {
  background: url(../img/thankyou_banner.jpg) no-repeat;
  background-size: cover;
  height: 225px;
  padding: 0;
}

.thankyou_ {
  padding: 125px 100px 45px 100px;
}
.thankyou_ h1 {
  font-size: 40px;
  font-family: "Gilroy-Black";
  color: #ffffff;
}

.fullbox.thankyou__ {
  margin-bottom: 60px;
}

.main_thankyou_box h2 {
  font-family: "Gilroy-Black";
  font-size: 48px;
  margin-bottom: 20px;
}
.main_thankyou_box p {
  font-size: 20px;
  margin-bottom: 60px;
}
.main_thankyou_box h4 {
  font-family: "Gilroy-Bold";
  font-size: 32px;
  margin-bottom: 30px;
}

.thankyou__.fullbox .halfbox {
  padding: 0 10px;
}
.thankyou__.fullbox .halfbox .thankyou_box {
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #eae9eb;
}
.thankyou__.fullbox .one_third_box {
  padding: 0 10px;
}
.thankyou__.fullbox .one_third_box .thankyou_box {
  padding: 10px;
  background-color: #FFF;
  border: 1px solid #eae9eb;
}

.loyalty_engine_banner {
  background: url(../img/loyalty_engine_banner.jpg) no-repeat;
  background-size: cover;
  height: 440px;
  padding: 0;
}

.loyalty_engine_container {
  padding: 200px 100px 45px 100px;
  color: #FFF;
}
.loyalty_engine_container h1 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 20px;
}
.loyalty_engine_container p {
  font-family: "Gilroy Light";
  font-size: 18px;
}

.header_col h2 {
  font-family: "Gilroy-Black";
  font-size: 40px;
  margin-bottom: 25px;
  color: #282828;
}
.header_col p {
  font-family: "Gilroy Light";
  font-size: 16px;
}

.loyalty_benefit_table {
  width: 50%;
  float: left;
  padding: 0;
}
.loyalty_benefit_table .lbtl {
  padding: 15px;
  height: 100px;
  min-height: 100px;
  border-bottom: 1px solid #e1e1e1;
}
.loyalty_benefit_table .lbtl:last-child {
  border-bottom: none;
}

.loyalty_benefit_table_box h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  text-align: center;
}

.loyalty_engine_box {
  padding: 0 60px;
  text-align: center;
}
.loyalty_engine_box img {
  max-width: 300px;
  margin-bottom: 30px;
}
.loyalty_engine_box h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
}
.loyalty_engine_box p {
  font-family: "Gilroy Light";
  font-size: 16px;
}

.rewards_marketplace_banner {
  background: url(../img/rewards_marketplace_banner.jpg) no-repeat;
  background-size: cover;
  height: 440px;
  padding: 0;
}

.rewards_marketplace_container {
  padding: 200px 100px 45px 100px;
  color: #FFF;
}
.rewards_marketplace_container h1 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 20px;
}
.rewards_marketplace_container p {
  font-family: "Gilroy Light";
  font-size: 18px;
}

.rewards_heading {
  color: #282828;
}
.rewards_heading h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 20px;
}

.nlcontainer3 {
  width: 1260px;
  margin: 0 0 40px auto;
}

.managerewardsBox {
  padding-right: 60px;
}
.managerewardsBox h2 {
  font-family: "Gilroy-Black";
  font-size: 44px;
  margin-bottom: 20px;
  color: #17173a;
}
.managerewardsBox p {
  font-family: "Gilroy Light";
  font-size: 16px;
  margin-bottom: 40px;
}
.managerewardsBox ul {
  margin-left: 20px;
}
.managerewardsBox ul li {
  list-style: square;
  margin-bottom: 20px;
}

.giftcard_management {
  padding-top: 170px;
}
.giftcard_management ul {
  margin-left: 20px;
}
.giftcard_management ul li {
  list-style: square;
  margin-bottom: 20px;
}
.giftcard_management p {
  font-family: "Gilroy Light";
  font-size: 16px;
  margin-bottom: 30px;
}
.giftcard_management h2 {
  font-family: "Gilroy-Black";
  font-size: 44px;
  margin-bottom: 20px;
}

.offersBox h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
}
.offersBox p {
  font-family: "Gilroy Light";
  font-size: 16px;
  margin-bottom: 30px;
}

.offersimagebox {
  background: url(../img/offers-promotions.jpg) no-repeat;
  background-size: cover;
  height: 520px;
  margin: 0;
  margin-bottom: 30px;
}

.offersfeatures {
  margin-bottom: 30px;
}
.offersfeatures .offersbenefitbox {
  padding: 20px;
  border-right: 1px solid #dfdfdf;
  height: 88px;
}
.offersfeatures .offersbenefitbox p {
  margin-bottom: 0;
}
.offersfeatures .offersbenefitbox.brr {
  border-right: none;
}

.giftcardmanagement_banner {
  background: url(../img/giftcardmanagement.jpg) no-repeat;
  background-size: cover;
  height: 615px;
  padding: 0;
}

.services_sliderBox {
  position: relative;
  margin-right: 30px;
}
.services_sliderBox:last-child {
  margin-right: 0;
}

.service_slider_contentBox {
  position: absolute;
  bottom: 0;
  padding: 20px;
}
.service_slider_contentBox h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
}
.service_slider_contentBox p {
  font-family: "Gilroy Light";
  font-size: 16px;
  margin-bottom: 30px;
}

.abovefooterrow h2 {
  font-family: "Gilroy-Black";
  font-size: 40px;
  margin-bottom: 40px;
}

.blog_row h2 {
  font-family: "Gilroy-Black";
  font-size: 40px;
  margin-bottom: 20px;
}
.blog_row p {
  font-size: 18px;
  margin-bottom: 60px;
}

.loyalty_blog_box {
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(149, 157, 165, 0.2);
  transition: all 0.25s ease-in-out;
}
.loyalty_blog_box .blog_image_box {
  overflow: hidden;
  border-radius: 10px;
  padding: 15px;
  padding-bottom: 10px;
}
.loyalty_blog_box .blog_image_box figure {
  margin: 0;
}
.loyalty_blog_box .blog_image_box img {
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
}
.loyalty_blog_box .blog_content_box {
  padding: 15px;
  padding-top: 0;
}
.loyalty_blog_box .blog_content_box h4 {
  font-family: "Gilroy SemiBold";
  margin-bottom: 10px;
  font-size: 24px;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.18;
  color: #333333;
}
.loyalty_blog_box .blog_content_box p {
  font-size: 16px;
  font-family: "Gilroy Medium";
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.48;
}
.loyalty_blog_box .blog_content_box span {
  display: block;
  font-family: "Gilroy Light";
  font-size: 13px;
  margin-bottom: 15px;
}
.loyalty_blog_box .blog_content_box p {
  font-size: 16px;
  margin-bottom: 15px;
}
.loyalty_blog_box .blog_content_box .blogbutton {
  text-align: right;
}
.loyalty_blog_box .blog_content_box a.nvbtn2 {
  font-size: 14px;
  padding: 5px 15px;
}
.loyalty_blog_box .blog_content_box a.cta {
  color: #4550c2;
  font-family: "Gilroy SemiBold";
  position: relative;
  display: inline-flex;
  line-height: 1;
  font-size: 14px;
  text-decoration: none;
  padding-bottom: 2px;
  transition: color 0.3s ease;
}
.loyalty_blog_box .blog_content_box a.cta::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4550c2;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.loyalty_blog_box .blog_content_box a.cta:hover {
  color: #2e3897;
}
.loyalty_blog_box .blog_content_box a.cta:hover::before {
  transform: scaleX(1);
}

.blog_header_box {
  margin-bottom: 40px;
}
.blog_header_box h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 20px;
}
.blog_header_box ul li {
  display: inline-block;
  font-family: "Gilroy Light";
  font-size: 14px;
  margin-right: 40px;
  position: relative;
}
.blog_header_box ul li.read___time span.clock {
  content: "";
  position: absolute;
  top: -3px;
  right: 100%;
  margin-right: 10px;
  margin-top: 5px;
  width: 16px;
  height: 16px;
  background-image: url(../img/readingtime_icons.png);
  background-position: -10px -10px;
  display: inline-block;
}
.blog_header_box .blog_banner_box {
  border-radius: 20px;
}
.blog_header_box .blog_banner_box img {
  border-radius: 20px;
}

.blog_content_box h1 {
  font-family: "Gilroy-Bold";
}
.blog_content_box h1 a {
  font-family: "Gilroy-Bold";
}
.blog_content_box h2 {
  font-family: "Gilroy-Bold";
}
.blog_content_box h2 a {
  font-family: "Gilroy-Bold";
}
.blog_content_box h3 {
  font-family: "Gilroy-Bold";
}
.blog_content_box h3 a {
  font-family: "Gilroy-Bold";
}
.blog_content_box h4 {
  font-family: "Gilroy-Bold";
}
.blog_content_box h4 a {
  font-family: "Gilroy-Bold";
}
.blog_content_box h5 {
  font-family: "Gilroy-Bold";
}
.blog_content_box h5 a {
  font-family: "Gilroy-Bold";
}
.blog_content_box h6 {
  font-family: "Gilroy-Bold";
}
.blog_content_box h6 a {
  font-family: "Gilroy-Bold";
}
.blog_content_box ul {
  padding-left: 40px;
  margin-bottom: 15px;
}
.blog_content_box ul li {
  margin-bottom: 5px;
  list-style: square;
}
.blog_content_box ol li::marker {
  font-weight: bold;
}

.sharesociallinks {
  float: right;
}
.sharesociallinks ul {
  position: relative;
  margin-top: -47px;
  margin-left: 50px;
}
.sharesociallinks ul li {
  display: inline-block;
  margin-right: 10px;
}
.sharesociallinks ul li a div.fb {
  background: url(../img/share_social.png) no-repeat;
  width: 25px;
  height: 35px;
  margin: 0 auto;
  background-position: 0 2px;
  background-size: cover;
}
.sharesociallinks ul li a div.tw {
  background: url(../img/share_social.png) no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-position: -38px 2px;
  background-size: cover;
}
.sharesociallinks ul li a div.li {
  background: url(../img/share_social.png) no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-position: -83px 0px;
  background-size: cover;
}

.dbbg {
  background-color: #0c265c;
}

.partner_program_box h2 {
  font-family: "Gilroy Medium";
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 28px;
}
.partner_program_box h2 span {
  font-family: "Gilroy-Bold";
  padding: 0 8px;
}
.partner_program_box h2 span.silk {
  background-color: #ff9900;
}
.partner_program_box h2 span.chifon {
  background-color: #7d6be3;
}
.partner_program_box h2 span.masked {
  background-color: #f45365;
}
.partner_program_box p {
  font-family: "Gilroy Light";
}

.clients_box {
  padding: 0 0 0 150px;
}
.clients_box h2 {
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}
.clients_box h4 {
  font-size: 20px;
  margin-bottom: 60px;
}

.scale_clients_box {
  padding: 0 150px 0 20px;
}
.scale_clients_box h2 {
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}
.scale_clients_box h4 {
  font-size: 20px;
  margin-bottom: 60px;
}

.client_successs_box {
  padding-right: 20px;
  margin-bottom: 25px;
}
.client_successs_box h3 {
  font-size: 22px;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}

.partner_earningsbg {
  background: url(../img/partner_earnings.jpg) no-repeat;
  background-size: cover;
  height: 540px;
  padding: 0;
}

.wid600 {
  width: 600px;
  margin: 0 auto;
}

.partner_earningsBox {
  padding-top: 75px;
}
.partner_earningsBox h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  text-align: center;
  margin-bottom: 0;
}
.partner_earningsBox h3 {
  font-size: 36px;
  text-align: center;
  margin-bottom: 40px;
}

.subscription_box h4 {
  font-family: "Gilroy-Black";
}
.subscription_box h3 {
  font-family: "Gilroy-Black";
  text-align: left;
  margin-bottom: 20px;
}
.subscription_box p {
  margin-bottom: 0;
  font-size: 14px;
}
.subscription_box p.sub_period {
  margin-bottom: 20px;
  font-size: 18px;
}

.standard_box {
  padding-left: 60px;
}

.boxspacebelow_ {
  margin-bottom: 50px;
  padding-top: 50px;
}

p.partnerlinks {
  margin-bottom: 0;
  font-size: 20px;
}

.partnerlinks a {
  font-family: "Gilroy SemiBold";
}

.joinpromotebg {
  background-color: #f7f6fd;
}

.rule_engine_banner {
  background: url(../img/rule_engine.jpg) no-repeat;
  background-size: cover;
  height: 340px;
  padding: 0;
}

.rule_engine_container {
  padding: 170px 100px 0 100px;
  color: #FFF;
}
.rule_engine_container h1 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
}
.rule_engine_container p {
  font-family: "Gilroy Light";
  font-size: 22px;
  margin-bottom: 20px;
}

.rules_editor_row h2 {
  font-family: "Gilroy-Black";
  font-size: 44px;
  margin-bottom: 15px;
  color: #17173a;
}
.rules_editor_row p {
  margin-bottom: 40px;
}

.rule_engine_row .fullbox .halfbox h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
  color: #17173a;
}

.rule_engine_content_box {
  padding: 0 50px;
}

.customize_campaigns {
  background: url(../img/customize_campaigns.jpg) no-repeat;
  background-size: cover;
  height: 490px;
  padding: 0;
}

.customize_campaigns_row {
  padding-top: 170px;
  color: #000;
  padding-left: 50px;
}
.customize_campaigns_row h2 {
  font-family: "Gilroy-Black";
  font-size: 40px;
  margin-bottom: 15px;
}
.customize_campaigns_row p {
  font-size: 16px;
  margin-bottom: 30px;
}

.gift_card_banner {
  background: url(../img/gift_card.jpg) no-repeat;
  background-size: cover;
  height: 350px;
  padding: 0;
}

.gift_card_container {
  padding: 130px 100px 0 100px;
  color: #FFF;
}
.gift_card_container h1 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
}
.gift_card_container p {
  font-family: "Gilroy Light";
  font-size: 18px;
  margin-bottom: 20px;
}

.giftcardContainer {
  background-color: #e9efff;
  padding: 60px 60px;
}

.giftcardBox {
  padding: 0 30px;
}
.giftcardBox h2 {
  font-family: "Gilroy-Black";
  font-size: 40px;
  margin-bottom: 25px;
}
.giftcardBox p {
  font-family: "Gilroy Light";
  font-size: 15px;
  margin-bottom: 20px;
}

.gift_card_row {
  text-align: center;
}
.gift_card_row h2 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
  color: #17173a;
}
.gift_card_row p {
  font-size: 17px;
}

.offer_banner {
  background-color: #006bc0;
  height: 250px;
}

.offer_container {
  padding: 125px 100px 0 100px;
  color: #FFF;
}
.offer_container h1 {
  font-family: "Gilroy-Black";
  font-size: 36px;
  margin-bottom: 15px;
}
.offer_container p {
  font-family: "Gilroy Light";
  font-size: 18px;
  margin-bottom: 20px;
}

.personalization {
  background: url(../img/personalization.jpg) no-repeat;
  background-size: cover;
  height: 590px;
  padding: 0;
}

.personalization_row {
  padding-top: 180px;
  color: #000;
  padding-left: 50px;
}
.personalization_row h2 {
  font-family: "Gilroy-Black";
  font-size: 38px;
  margin-bottom: 20px;
}
.personalization_row p {
  font-size: 20px;
  margin-bottom: 30px;
}
.personalization_row p span {
  font-family: "Gilroy-Bold";
  color: #255bca;
  margin-bottom: 30px;
}

.offer_features_row {
  background-color: #255bca;
  padding: 40px;
}

.offer_features_box {
  text-align: center;
  color: #FFF;
  margin-bottom: 40px;
}
.offer_features_box .api {
  background: url(../img/offer_management_icons.png) no-repeat;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  background-position: 35px -5px;
  margin-bottom: 10px;
}
.offer_features_box .crm {
  background: url(../img/offer_management_icons.png) no-repeat;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  background-position: 35px -165px;
  margin-bottom: 10px;
}
.offer_features_box .sca {
  background: url(../img/offer_management_icons.png) no-repeat;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  background-position: 40px -320px;
  margin-bottom: 10px;
}
.offer_features_box .prod {
  background: url(../img/offer_management_icons.png) no-repeat;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  background-position: 35px -470px;
  margin-bottom: 10px;
}
.offer_features_box .cc {
  background: url(../img/offer_management_icons.png) no-repeat;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  background-position: 35px -628px;
  margin-bottom: 10px;
}
.offer_features_box .mc {
  background: url(../img/offer_management_icons.png) no-repeat;
  width: 200px;
  height: 100px;
  margin: 0 auto;
  background-position: 35px -780px;
  margin-bottom: 10px;
}
.offer_features_box h4 {
  font-family: "Gilroy-Black";
}

.darkbgcolor {
  background-color: #191e3e;
}

.softbgcolor {
  background-color: #e9efff;
}

.loaderwhite {
  display: inline-block;
  font-size: 0;
  padding: 0;
}
.loaderwhite span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px 2px;
  -webkit-animation: loader1 0.8s linear infinite alternate;
  animation: loader1 0.8s linear infinite alternate;
}
.loaderwhite span:nth-child(1) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(255, 255, 255, 0.6);
}
.loaderwhite span:nth-child(2) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(255, 255, 255, 0.8);
}
.loaderwhite span:nth-child(3) {
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  background: #FFF;
}
.loaderwhite span:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(255, 255, 255, 0.8);
}
.loaderwhite span:nth-child(5) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(255, 255, 255, 0.4);
}

@media screen and (max-width: 767px) {
  .bigspacing {
    padding: 40px 0;
  }
  .smallspacing {
    padding: 30px 0;
  }
}
@media screen and (max-width: 990px) {
  .no_show {
    display: none;
  }
}
@media screen and (min-width: 1250px) {
  .my_container {
    width: 1200px !important;
    margin: 0 0 0 200px !important;
  }
}
@media only screen and (min-width: 200px) and (max-width: 767px) {
  .loyalty_program_slider .pagingInfo {
    display: none;
  }
}
@media (min-width: 769px) {
  .loyalty_solution_slider_row {
    display: none;
  }
}
@media only screen and (min-width: 1200px) {
  .lptypeswrapper .container {
    width: 960px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .tncbox {
    padding-bottom: 40px !important;
  }
  .termsAndCondition__list li {
    padding-left: 0 !important;
  }
  .termsAndCondition__list li h3 {
    padding-left: 40px !important;
  }
  .termsAndCondition__list ol li {
    padding: 0;
  }
}
@media (min-width: 576px) {
  .modal-dialog {
    width: 100%;
    margin: 1.75rem auto;
  }
  .modal-content {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 990px) {
  .navbar-menu {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .referralloyaltybg {
    display: none;
  }
  .coalitionloyaltybg {
    display: none;
  }
  div br {
    display: none;
  }
  .hide-sm {
    display: none !important;
  }
  header {
    display: none;
  }
  .loyalty_solution_container {
    display: none;
  }
  .mt-50 {
    margin-top: 0px;
  }
  .testimonial_container {
    margin-top: 0px;
  }
  .vertical_heading_solutions {
    display: none;
  }
  .vertical_heading_program {
    display: none;
  }
  .vertical_heading {
    display: none;
  }
  .vertical_heading_solutions_lp {
    display: none;
  }
  .vertical_heading_pricing {
    display: none;
  }
  .case_studies_heading {
    width: 100%;
    margin: 0 auto;
  }
  .case_studies_heading h1::after {
    display: none;
  }
  .herobox {
    width: 100%;
    position: relative;
    top: 100px;
  }
  .whatwedo h1 {
    text-align: left;
    font-size: 54px;
    margin-bottom: 20px;
  }
  .whatwedo .whatwedo_sliderbox {
    padding: 20px;
  }
  .whatwedo_slider .slick-dots {
    margin-bottom: 20px;
  }
  .whatwedo_heading {
    position: relative;
    padding: 10px;
  }
  .whatwedo_heading h3 {
    font-size: 36px;
  }
  .lpbox {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }
  .novus_footer .footer_link_box {
    padding: 10px 0;
  }
  .novus_footer .logo_box {
    padding: 10px 0;
  }
  .novus_footer .newsletterbox {
    padding: 10px 0;
  }
  .engage_heading {
    padding: 10px;
  }
  .engage_slider .slick-prev {
    top: -30px;
    left: 62%;
  }
  .engage_slider .slick-next {
    top: -30px;
  }
  .engage_slider .engage_slider_box {
    margin-right: 0;
  }
  .engage_section .engage_heading p {
    margin-bottom: 30px;
  }
  .engage_box {
    margin-right: 0;
    margin-top: 80px;
  }
  .business_box_content {
    padding: 40px;
  }
  .business_box_heading {
    font-size: 80px;
  }
  .business_box_details {
    width: 100%;
    height: auto;
    margin: 10px;
  }
  .business_box_details.first_box {
    margin-left: 10px;
  }
  .business_box .ml-30 {
    margin-left: 0;
  }
  .loyalty_program h2 {
    margin: 0;
    padding: 10px 10px 10px 0;
  }
  .slider_button {
    display: none;
  }
  .case_study_slider .slick-prev {
    left: 35%;
  }
  .case_study_slider .slick-next {
    right: 45%;
  }
  .case_study_slider .case_study_box {
    margin-right: 0;
  }
  .olp_slider_box .slick-prev {
    left: 35%;
  }
  .olp_slider_box .slick-next {
    right: 45%;
  }
  .discover_more_content {
    padding: 20px;
  }
  .lpmcontent {
    padding: 20px 0;
  }
  .lpmcontent .tab-label {
    padding: 0.8em 0;
  }
  .services_sliderBox {
    position: relative;
    margin-right: 0;
  }
  .processbg {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .process_box {
    margin-bottom: 14px;
  }
  .lpfeatureslists {
    height: auto;
    max-height: fit-content;
    margin-bottom: 15px;
  }
  .experience_box_content {
    margin: 0;
  }
  .experience_box_content h1 {
    font-size: 46px;
  }
  .rlp_table_box {
    margin-bottom: 10px;
    border-right: none;
    width: 100%;
    height: auto;
  }
  .nvrowbox {
    padding: 0;
    margin-top: 50px;
  }
  .experience_box:before {
    margin-top: -30px;
  }
  .lpfeatures_bigcontent a.nvbtn2 {
    margin-bottom: 20px;
  }
  .reason_boxed_content {
    margin-top: -100px;
  }
  .customerloyaltyprogrambg {
    height: auto;
    padding-bottom: 40px;
  }
  .festivebg {
    height: auto;
    padding-bottom: 40px;
  }
  .cl_box {
    margin: 15px 15px 40px 15px;
  }
  .highlights_clp {
    padding: 15px;
  }
  .highlights_clp ul {
    padding-right: 15px;
  }
  .ditch_content {
    padding: 30px 15px;
  }
  .nvrowbox_big {
    width: 100%;
    padding: 0 15px;
    margin-top: 15px;
    padding: 0;
  }
  .nvpboxcontent {
    padding: 0;
  }
  .nvpboxcontent .nvptablebox:first-child {
    display: none;
  }
  .wid600 {
    width: 100%;
  }
  .wid700 {
    width: 100%;
  }
  .wid800 {
    width: 100%;
  }
  .wid900 {
    width: 100%;
  }
  .wid1000 {
    width: 100%;
  }
  .campaign_image_box {
    width: 100%;
  }
  .nlcontainer3 {
    width: 100%;
  }
  .blcontained {
    width: 100%;
  }
  .blcontained .fullbox {
    margin-bottom: 0;
  }
  .blcontained .fullbox .halfbox.leftcontentbox {
    padding-right: 0;
  }
  .blcontained .fullbox .halfbox.rightcontentbox {
    padding-left: 15px;
    padding-right: 15px;
  }
  .blcontained .blrow_ {
    margin-bottom: 0;
  }
  .blcontained .blrow_ .blrow_content {
    padding-right: 15px;
  }
  .blcontained .cprow_ {
    margin-bottom: 0;
  }
  .blcontained .cprow_ h4 {
    font-size: 20px;
  }
  .blcontained .cprow_ p {
    font-size: 16px;
  }
  .blcontained h2.blpartnerheading {
    font-size: 20px;
  }
  .client_box .table_box {
    width: 100%;
  }
  .reasons_slider_box .slick-prev {
    top: -35px;
    left: 65%;
  }
  .reasons_slider_box .slick-next {
    top: -35px;
    right: 15%;
  }
  .nvpricingtable {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
  .nvpricingtable .nvpmainbox {
    display: none;
  }
  .nvpricingtable .nvpmainbox.nvmaintablebox {
    display: flex;
  }
  .nvpricingtable .nvpmainbox.active {
    display: flex;
    display: block;
  }
  .pricing_tabs {
    display: flex;
    justify-content: center;
    padding: 10px 0;
  }
  .pricing_tabs .tab {
    padding: 5px 4px;
    border: solid 1px #dedede;
    margin: 0 5px;
    color: #012a5e;
    font-weight: 400;
    width: 100%;
    text-align: center;
  }
  .pricing_tabs .tab.active {
    background-color: #006bc0;
    color: #fff;
  }
  .gc_box {
    margin-bottom: 15px;
  }
  .rewards_box {
    margin-bottom: 15px;
    background: #17173a;
    border-radius: 15px;
  }
  .rewards_box img {
    display: none;
  }
  .loyalty_refund {
    display: none;
  }
  .liquidity {
    padding: 60px 15px;
  }
  .transaction_box {
    margin-bottom: 15px;
    width: auto;
    height: auto;
  }
  .transaction_box h3 {
    font-size: 48px;
  }
  .transaction_box h3 span {
    font-size: 48px;
  }
  .transaction_box p {
    font-size: 14px;
  }
  .startprogrambox {
    margin-bottom: 15px;
    width: 100%;
    height: auto;
    padding: 20px;
  }
  .startprogrambox p {
    margin-bottom: 0;
  }
  .tp_box {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .tp_container {
    padding: 0 15px;
  }
  .partner_padding {
    padding: 40px 15px;
  }
  .testimonial__slider_box h3 {
    font-size: 24px;
  }
  .testimonial__slider_box p {
    font-size: 16px;
  }
  .demo_form_box {
    margin-top: 40px;
  }
  .nlnewsletter {
    margin-top: 20px;
    padding: 0 15px;
  }
  .footer_row {
    margin-top: 20px;
  }
  .footer_row h5 {
    display: none;
  }
  .footer_row h5.footer_header {
    display: block;
  }
  .footer_link_list {
    display: none;
  }
  .boxwithcircle:before {
    display: none;
  }
  .boxwithcirclereverse:after {
    display: none;
  }
  .footer_copyright_links {
    float: none;
  }
  .footer_copyright_links li {
    display: block;
  }
  .fullbox .halfbox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .one_third_box {
    width: 100%;
    display: block;
    padding: 0 15px;
    margin-bottom: 10px;
  }
  .fullbox .fortysixbox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .sixtyfourtybox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .seventhreebox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .seventhreebox h4 {
    text-align: center;
    margin-bottom: 15px;
  }
  .fullbox .threesevenbox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .sixfourtybox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .foursixtybox {
    width: 100%;
    display: block;
    padding: 0 15px;
  }
  .fullbox .sixtyfourtybox.dashboardBox {
    padding: 30px;
  }
  .fullbox .halfbox.deals_box {
    margin-top: 20px;
  }
  .fullbox .halfbox.deals_box ul li {
    padding-left: 15px;
  }
  .fullbox .halfbox.social_media_box {
    padding: 20px 40px;
  }
  .fullbox .fortysixbox.loyalty_program_content_box {
    padding: 40px 20px;
  }
  .fullbox .sixtyfourtybox.clients_box {
    padding: 20px 30px;
  }
  .fullbox .sixtyfourtybox.scale_clients_box {
    padding: 20px 30px;
  }
  .flexible_row {
    display: flex;
    flex-direction: column-reverse;
  }
  .workflow_row {
    display: flex;
    flex-direction: column-reverse;
  }
  .navbar {
    position: relative;
  }
  .navbar-menu ul li {
    display: none;
  }
  .navbar-menu ul li.menuBtn {
    display: block;
  }
  .loyalty_banner {
    padding: 80px 0;
  }
  .loyalty_program_solution ul li span {
    display: block;
  }
  .loyalty_program_solution ul:before {
    height: 380px;
  }
  .boxspacebelow {
    margin-bottom: 40px;
  }
  .main_heading {
    margin-bottom: 40px;
  }
  .rewards_box_content {
    margin-top: 0;
  }
  .automate_content_box {
    margin-top: 0;
  }
  .onboard_rewards {
    margin-top: 0;
    padding: 40px 10px;
  }
  .reporting_banner_container {
    padding: 30px 40px 50px 20px;
  }
  .pricingvaluebox {
    margin-bottom: 15px;
    height: auto;
  }
  .pricingpopperbox {
    margin-bottom: 15px;
  }
  .pricing_banner_bg {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .reporting_banner {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .thankyou_banner {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .loyalty_engine_banner {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .gift_card_banner {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .foroforbanner {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
    height: auto;
    background-position: center;
  }
  .bank_loyalty {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .loyalty_program_types_banner {
    height: auto;
    background-position: center;
    margin-top: -100px;
    padding-top: 100px;
  }
  .pricing_banner_container {
    padding: 40px;
  }
  .fbloyalty_banner {
    height: auto;
  }
  .pro {
    box-shadow: none;
    border-radius: 0;
  }
  .pro .nvpheadbox {
    background-color: #f0f0f9;
  }
  .wallet_heading {
    margin-bottom: 40px;
  }
  .row-cols-5 .col {
    width: 100%;
  }
  .row-cols-4 .col {
    width: 100%;
  }
  .cammgmnt_banner_container {
    padding: 60px 40px;
  }
  .cammgmnt_banner_container h1 {
    font-size: 36px;
    margin-bottom: 25px;
  }
  .cammgmnt_banner_container p {
    font-size: 16px;
  }
  .cammgmnt_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .gamification_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .loyalty_types_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .offer_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .rule_engine_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .rewards_marketplace_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .pricing__bg {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .loyalty_blog_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .partner_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .integration_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .contact_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .howitworks_banner {
    height: auto;
    margin-top: -100px;
    padding-top: 100px;
  }
  .loyalty_campaign_row {
    padding: 30px;
    background: none;
  }
  .loyalty_campaign_row h2 {
    margin-bottom: 30px;
  }
  .gamification_banner_container {
    padding: 60px 20px;
  }
  .gamification_banner_container h1 {
    font-family: "Gilroy-Black";
    font-size: 32px;
    line-height: 1.4;
  }
  .gamification_banner_container p {
    font-family: "Gilroy Light";
    font-size: 16px;
  }
  .loyalty_engine_container {
    padding: 60px 20px;
  }
  .offer_container {
    padding: 60px 20px;
  }
  .rewards_marketplace_container {
    padding: 60px 20px;
  }
  .gift_card_container {
    padding: 60px 20px;
  }
  .banner_container {
    padding: 60px 20px;
  }
  .loyalty_blog_container {
    padding: 60px 20px;
  }
  .partner_container {
    padding: 60px 20px;
  }
  .integration_container {
    padding: 60px 20px;
  }
  .contact_banner_container {
    padding: 60px 20px;
  }
  .howitworks_container {
    padding: 60px 20px;
  }
  .foroforbannercontainer {
    padding: 60px 20px;
    padding: 60px 40px;
  }
  .bank_banner {
    padding: 60px 20px;
  }
  .loyalty_program_types_container {
    padding: 60px 20px;
  }
  .gamefeaturebox {
    width: 100%;
  }
  .software_form {
    padding: 10px;
  }
  .software_form .fullbox .halfbox.halfcontentbox {
    padding: 15px;
  }
  .software_form .fullbox .halfbox.demo_form_box {
    padding: 15px;
  }
  .contact_form {
    padding: 10px;
  }
  .contact_form .fullbox .halfbox {
    padding: 0;
  }
  .contact_form .fullbox .halfbox button {
    margin-top: 15px;
  }
  body.lockScroll {
    overflow: hidden;
  }
  .loyalty_types_container {
    padding: 40px 20px;
  }
  .loyalty_types_container h1 {
    font-size: 36px;
  }
  .mr15 {
    margin-right: 0;
  }
  .ml15 {
    margin-left: 0;
  }
  .loyalty_engine_box {
    padding: 0 20px;
  }
  .loyalty_benefit_table .lbtl {
    height: 175px;
  }
  .personalization_row {
    padding-top: 50px;
    padding-left: 15px;
    padding-bottom: 30px;
  }
  .customize_campaigns_row {
    padding-top: 50px;
    padding-left: 15px;
    padding-bottom: 30px;
  }
  .border_right {
    border-right: none;
  }
  .api_box {
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .dynamic_box {
    margin-bottom: 15px;
  }
  .offer_features_row {
    padding: 40px 15px;
  }
  .giftcard_management {
    padding: 40px 15px;
  }
  .offer_features_box .api {
    background: url(../img/offer_management_icons.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: -15px -5px;
  }
  .offer_features_box .crm {
    background: url(../img/offer_management_icons.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: -15px -165px;
  }
  .offer_features_box .sca {
    background: url(../img/offer_management_icons.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: -15px -320px;
  }
  .offer_features_box .prod {
    background: url(../img/offer_management_icons.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: -15px -470px;
  }
  .offer_features_box .cc {
    background: url(../img/offer_management_icons.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: -15px -628px;
  }
  .offer_features_box .mc {
    background: url(../img/offer_management_icons.png) no-repeat;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: -15px -780px;
  }
  .offersfeatures .offersbenefitbox {
    border-right: none;
    border-bottom: 1px solid #dfdfdf;
    padding: 10px 0;
    height: auto;
  }
  .grewardssilder .slick-prev {
    top: -15%;
    left: 68%;
  }
  .grewardssilder .slick-next {
    top: -15%;
    right: 10%;
  }
  .giftcardContainer {
    padding: 40px 20px;
  }
  .giftcardBox {
    padding: 0;
    margin-bottom: 15px;
  }
  .pricing_table_ {
    padding: 0;
    margin-bottom: 15px;
  }
  .innerbanner {
    height: auto;
    margin-top: -100px;
    padding: 80px 0 0 0;
  }
  .referral_box {
    padding: 10px;
  }
  .referral_box .fullbox .halfbox.first {
    padding-left: 15px;
    margin-bottom: 15px;
  }
  .everything_row {
    padding: 30px 15px;
    margin: 0 10px;
  }
  .everything_row .fullbox .sixtyfourtybox h2 {
    margin-bottom: 20px;
  }
  .full_comparison a:after {
    display: none;
  }
  .custom_requirements {
    padding: 20px;
  }
  .custom_requirements .fullbox .seventhreebox {
    margin-bottom: 20px;
  }
  .custom_requirements a {
    display: inline-block;
  }
  .success_stories_row {
    margin: 20px 0;
  }
  .testimonial__container {
    padding: 30px 15px;
    border-radius: 0;
  }
  .testimonial__container h2 {
    margin-bottom: 20px;
  }
  .testimonialsBox {
    height: auto;
  }
  .npcirow .fullbox .fortysixbox img {
    margin-bottom: 40px;
  }
  .loyalty_blog_box {
    margin: 0 0 30px;
  }
  .loyalty_blog_box .blog_content_box {
    padding: 15px;
  }
  .connectrow {
    padding: 15px;
  }
  .connectbox {
    margin-bottom: 15px;
  }
  .novus_partner_row {
    padding: 40px 0;
  }
  .novus_partner_row h2 {
    font-size: 44px;
  }
  .novus_partner_row h4 {
    font-size: 24px;
  }
  .partner_earningsBox {
    padding: 40px 15px;
  }
  .standard_box {
    padding: 20px 15px;
  }
  .boxspacebelow_ {
    padding-top: 20px;
    margin-bottom: 0;
  }
  .generalinquirybox {
    border-left: none;
    padding: 15px;
  }
  .product_feedback_row {
    padding: 0;
  }
  .product_feedback_row a {
    margin-bottom: 10px;
    display: inline-block;
  }
  .product_feedback_row .fullbox .halfbox {
    padding: 0;
  }
  .product_feedback_row .fullbox .halfbox p {
    padding-right: 0;
  }
  .loyaltybox__ .loyaltybox__content {
    height: auto;
  }
  .loyaltyprogram__row a {
    float: none;
  }
  .loyalty_program_solution.vip_program_solution ul:before {
    height: 400px;
  }
  .loyalty_program_solution.loyalty_points_solution ul:before {
    height: 340px;
  }
  .pricing_container {
    padding: 50px 15px;
  }
  .nvptablebox .nvptd {
    padding: 5px 10px;
    height: 50px;
    max-height: 50px;
    line-height: normal;
  }
  .nvpfeaturesbox {
    margin-top: 40px;
  }
  .contactus_row h2 {
    padding: 0 25px;
  }
  .home_heading {
    margin-bottom: 0;
  }
  .moreoverrow {
    text-align: center;
    padding: 40px 0;
  }
  .moreoverrow h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }
  .datadrivebox {
    height: auto;
    margin-bottom: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .loyalty_programbg {
    background-position: center;
  }
  .loyalty_solution_slider_row {
    display: block;
    margin-top: 40px;
    padding: 0 15px;
  }
  .loyalty_solution_slider .loyalty_solution_slider_box {
    margin: 0 auto;
    margin-right: 15px;
  }
  .loyalty_solution_slider .loyalty_solution_slider_box h4 {
    text-align: center;
    margin-top: 10px;
    font-family: "Gilroy-Bold";
  }
  .loyalty_solution_slider .loyalty_solution_slider_box br {
    display: block;
  }
  .offersimagebox {
    background-position: center;
    height: 250px;
  }
  .livedemorow {
    text-align: center;
  }
  .livedemorow h2 {
    font-size: 24px;
  }
  .livedemorow p {
    font-size: 16px;
  }
  .livedemorow .livedemobtn {
    font-size: 16px;
  }
  .softbgcolor {
    background-color: transparent;
  }
  .cpheading {
    margin-bottom: 30px;
  }
  .blbenefitsbox.blbenefitsboxright {
    padding-left: 0;
  }
  .blbenefitsbox.blbenefitsboxleft {
    padding-right: 0;
  }
  .lptypesfullbox .fullbox .halfbox {
    padding: 0;
  }
  .lptypesfullbox .fullbox .halfbox.lptleft p {
    padding-right: 0;
  }
  .lptypesfullbox .fullbox .halfbox.lptright {
    padding-left: 0;
  }
  .dwalletspace {
    padding: 0;
  }
  .referral_programs {
    padding: 15px;
  }
  .loyalty_referral_program {
    background-color: #e9efff;
    background-image: none;
    height: auto;
    padding: 40px 15px;
  }
  .emprefeatures {
    padding-top: 40px;
  }
  .emprefeatures .emprefeaturescontent h2 {
    margin-bottom: 20px;
  }
  .gift_card_container_ {
    padding: 0 15px;
  }
  .gift_card_container_ .fullbox .foursixtybox {
    padding-left: 15px;
  }
  .giftcardfeabox {
    margin-bottom: 30px;
  }
  .cashbackfeaturesbox {
    padding: 20px;
    height: auto;
  }
  .blog_row h2 {
    font-size: 36px;
  }
  .leader_row .row-cols-5 {
    padding: 0;
    margin: 0;
  }
  .leader_row .row-cols-5 .col {
    width: 50%;
  }
  .leader_row .row-cols-5 .col .leadersbox {
    width: 100%;
    height: 60px;
    margin-bottom: 15px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .leader_row .row-cols-5 .col .leadersbox div {
    width: 100%;
    height: 60px;
    background-size: cover;
  }
  .leader_row .row-cols-5 .col .leadersbox .lr {
    background-position: 0px 0px;
  }
  .leader_row .row-cols-5 .col .leadersbox .npci {
    background-position: 0px -54px;
  }
  .leader_row .row-cols-5 .col .leadersbox .idbi {
    background-position: -2px -110px;
  }
  .leader_row .row-cols-5 .col .leadersbox .bom {
    background-position: -2px -168px;
  }
  .leader_row .row-cols-5 .col .leadersbox .lc {
    background-position: -2px -234px;
  }
  .leader_row .row-cols-5 .col .leadersbox .jana {
    background-position: 0px -534px;
  }
  .leader_row .row-cols-5 .col .leadersbox .equi {
    background-position: -2px -350px;
  }
  .leader_row .row-cols-5 .col .leadersbox .saras {
    background-position: -2px -414px;
  }
  .leader_row .row-cols-5 .col .leadersbox .cosmos {
    background-position: -2px -472px;
  }
  .leader_row .row-cols-5 .col .leadersbox .svc {
    background-position: -2px -290px;
  }
  .leader_row h2 {
    font-size: 36px;
    margin-bottom: 40px;
  }
  .connect_newsletterform {
    width: 100%;
  }
  .novus_partner {
    height: auto;
  }
  .integrations_partner_box div.col-md-3 {
    width: 50%;
  }
  .integrations_partner_box div.col-md-3 .integration_partners {
    width: 100%;
    height: 100px;
    margin-bottom: 25px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 10px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners div {
    width: 100%;
    height: 100px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .sg {
    background-position: -12px 10px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .sho {
    background-position: -12px -75px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .mag {
    background-position: -10px -165px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .rp {
    background-position: -10px -255px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .twil {
    background-position: -12px -345px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .pp {
    background-position: -12px -435px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .tw {
    background-position: -12px -542px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .ya {
    background-position: -12px -645px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .jm {
    background-position: -12px -745px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .fm {
    background-position: -12px -840px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .ccd {
    background-position: -12px -955px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .fk {
    background-position: -12px -1075px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .li {
    background-position: -10px -1165px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .fb {
    background-position: -12px -1252px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .twi {
    background-position: -10px -1335px;
  }
  .integrations_partner_box div.col-md-3 .integration_partners .wa {
    background-position: -12px -1425px;
  }
  .integrations_features_box {
    height: auto;
    border-right: none;
    padding-right: 0;
  }
  .tirow p {
    margin-bottom: 40px;
  }
  .pricing_heading {
    font-size: 36px;
    margin-bottom: 40px;
  }
  .morebox .morecontentbox {
    padding: 20px 10px;
  }
  .morecontentbox p {
    margin-bottom: 0;
  }
  .footer_copyright ul li {
    display: block;
  }
  .footer_copyright ul li:nth-child(2) {
    display: none;
  }
  .footer_copyright ul li:nth-child(4) {
    display: none;
  }
}
@media only screen and (min-width: 769px) {
  .hideondesktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .hideonsmallscreen {
    display: none;
  }
}
@media screen and (min-width: 1450px) and (max-width: 1700px) {
  .home_heading {
    font-size: 48px;
  }
  .fullbox .halfbox p {
    font-size: 18px;
  }
  .container {
    max-width: 1200px;
  }
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
  .nlhome_bg {
    height: auto;
    background-position: center;
  }
}
@media screen and (max-width: 1200px) {
  .lpfeatures:before {
    display: none;
  }
}
@media (max-width: 480px) {
  .navbar .menuBtn {
    margin: 0 20px 0 10px;
  }
}
@media (min-width: 769px) {
  .menuWrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 2;
    overflow-y: scroll;
    overflow-x: hidden;
    visibility: hidden;
  }
  .menuWrapper .menuInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: url(../img/menu_bg.jpg) left top no-repeat #012a5e;
    background-size: cover;
    -webkit-transition: all 50ms ease-out;
    -o-transition: all 50ms ease-out;
    transition: all 50ms ease-out;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
  }
  .menuWrapper .circle {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    z-index: -1;
    height: 100%;
    background: rgba(1, 42, 94, 0.88);
    -webkit-transition: all 50ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 50ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 50ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .menuWrapper .navContainer {
    position: absolute;
    top: 50%;
    left: 45%;
    width: 400px;
    margin-top: -75px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .menuWrapper .navContainer ul {
    margin: 0;
  }
  .menuWrapper .navContainer ul li {
    position: relative;
    z-index: 1;
    display: block;
    font-family: "Gilroy-Bold";
    font-size: 40px;
    line-height: 60px;
    -webkit-transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .menuWrapper .navContainer ul li a {
    display: inline-block;
    color: #fff;
    -webkit-transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: color 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .menuWrapper .navContainer ul li .dropdown {
    position: absolute;
    top: 21px;
    left: 100%;
    padding-left: 0;
    visibility: hidden;
    -webkit-transition: visibility 10ms ease-out;
    -o-transition: visibility 10ms ease-out;
    transition: visibility 10ms ease-out;
    -webkit-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
  }
  .menuWrapper .navContainer ul li .dropdown li {
    font-family: "Gilroy-Bold";
    font-size: 16px;
    opacity: 0;
    margin: 0 0 20px;
    text-align: left;
    line-height: 24px;
    white-space: nowrap;
    text-transform: none;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    -o-transform: translateX(-30%);
    transform: translateX(-30%);
    -webkit-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .menuWrapper .navContainer ul li .dropdown li:before {
    display: none;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(1) {
    -webkit-transition-delay: 780ms;
    -o-transition-delay: 780ms;
    transition-delay: 780ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(2) {
    -webkit-transition-delay: 740ms;
    -o-transition-delay: 740ms;
    transition-delay: 740ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(3) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(4) {
    -webkit-transition-delay: 660ms;
    -o-transition-delay: 660ms;
    transition-delay: 660ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(5) {
    -webkit-transition-delay: 620ms;
    -o-transition-delay: 620ms;
    transition-delay: 620ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(6) {
    -webkit-transition-delay: 540ms;
    -o-transition-delay: 540ms;
    transition-delay: 540ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(7) {
    -webkit-transition-delay: 520ms;
    -o-transition-delay: 520ms;
    transition-delay: 520ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(8) {
    -webkit-transition-delay: 480ms;
    -o-transition-delay: 480ms;
    transition-delay: 480ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(9) {
    -webkit-transition-delay: 440ms;
    -o-transition-delay: 440ms;
    transition-delay: 440ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(10) {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(11) {
    -webkit-transition-delay: 360ms;
    -o-transition-delay: 360ms;
    transition-delay: 360ms;
  }
  .menuWrapper .navContainer ul li .dropdown li:nth-child(12) {
    -webkit-transition-delay: 320ms;
    -o-transition-delay: 320ms;
    transition-delay: 320ms;
  }
  .menuWrapper .navContainer ul li .dropdown li a {
    background: 0 0;
  }
  .menuWrapper .navContainer ul li .dropdown.adjustUpSide {
    top: -75px;
  }
  .menuWrapper .navContainer ul li .dropdown.adjustUpSide2 {
    top: auto;
    bottom: 0;
  }
  .menuWrapper .navContainer ul li:hover.hasDropDown:before {
    width: 40px;
  }
  .menuWrapper .navContainer ul li:hover a {
    color: #fff;
  }
  .menuWrapper .navContainer ul li:hover .dropdown {
    visibility: visible;
    -webkit-transition-delay: 10ms;
    -o-transition-delay: 10ms;
    transition-delay: 10ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(1) {
    -webkit-transition-delay: 340ms;
    -o-transition-delay: 340ms;
    transition-delay: 340ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(2) {
    -webkit-transition-delay: 380ms;
    -o-transition-delay: 380ms;
    transition-delay: 380ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(3) {
    -webkit-transition-delay: 420ms;
    -o-transition-delay: 420ms;
    transition-delay: 420ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(4) {
    -webkit-transition-delay: 460ms;
    -o-transition-delay: 460ms;
    transition-delay: 460ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(6) {
    -webkit-transition-delay: 540ms;
    -o-transition-delay: 540ms;
    transition-delay: 540ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(7) {
    -webkit-transition-delay: 580ms;
    -o-transition-delay: 580ms;
    transition-delay: 580ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(8) {
    -webkit-transition-delay: 620ms;
    -o-transition-delay: 620ms;
    transition-delay: 620ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(9) {
    -webkit-transition-delay: 660ms;
    -o-transition-delay: 660ms;
    transition-delay: 660ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(10) {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(11) {
    -webkit-transition-delay: 740ms;
    -o-transition-delay: 740ms;
    transition-delay: 740ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown li:nth-child(12) {
    -webkit-transition-delay: 780ms;
    -o-transition-delay: 780ms;
    transition-delay: 780ms;
  }
  .menuWrapper .navContainer ul li:hover .dropdown:hover li a {
    opacity: 0.6;
  }
  .menuWrapper .navContainer ul li:hover .dropdown:hover li a:hover {
    opacity: 1;
  }
  .menuWrapper .navContainer ul li.hasDropDown:before {
    content: "";
    position: absolute;
    top: 33px;
    left: 340px;
    width: 0;
    height: 1px;
    z-index: -1;
    background: #fff;
    -webkit-transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .menuWrapper .navContainer ul:hover li.hasDropDown {
    opacity: 0.6;
  }
  .menuWrapper .navContainer ul:hover li.hasDropDown:hover {
    opacity: 1;
  }
  .menuWrapper.showMenu {
    opacity: 1;
    visibility: visible;
  }
  .menuWrapper.showMenu .menuInner {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .menuWrapper .circle {
    width: 100%;
  }
  .menuWrapper .navContainer {
    left: 80px;
  }
}
@media (min-width: 769px) and (max-width: 1366px) {
  .menuWrapper .navContainer ul li a {
    padding-right: 0;
  }
  .menuWrapper .navContainer ul li .dropdown li {
    font-size: 15px;
  }
}
@media (min-width: 769px) and (max-width: 1199px) {
  .menuWrapper .navContainer {
    width: 350px;
  }
  .menuWrapper .navContainer ul li.hasDropDown:before {
    top: 27px;
    left: 280px;
  }
  .menuWrapper .navContainer ul li {
    font-size: 33px;
    line-height: 60px;
  }
  .menuWrapper .navContainer ul li .dropdown {
    top: 15px;
  }
  .blcontained {
    width: 100%;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .menuWrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    visibility: hidden;
    -webkit-transition: visibility 850ms ease-out;
    -o-transition: visibility 850ms ease-out;
    transition: visibility 850ms ease-out;
  }
  .menuWrapper:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
    display: none;
  }
  .menuWrapper:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 96%;
    z-index: 3;
    bottom: 0;
    background: rgba(13, 67, 136, 0.96);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    -webkit-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
  }
  .menuWrapper .menuInner {
    position: relative;
    z-index: 100;
    height: 100%;
  }
  .menuWrapper .menuInner .navContainer {
    height: 100%;
    overflow: auto;
    padding: 150px 0 60px;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
  }
  .menuWrapper .menuInner .navContainer ul {
    padding: 0;
  }
  .menuWrapper .menuInner .navContainer ul li {
    display: block;
    font-size: 30px;
    line-height: 60px;
  }
  .menuWrapper .menuInner .navContainer ul li a {
    display: inline-block;
    color: #fff;
    padding: 0 30px;
  }
  .menuWrapper .menuInner .navContainer ul li .dropdown {
    display: none;
    padding-left: 15px;
  }
  .menuWrapper .menuInner .navContainer ul li .dropdown li {
    font-size: 16px;
    opacity: 0.8;
    line-height: 30px;
  }
  .menuWrapper .menuInner .navContainer ul li.active .dropdown {
    display: block;
  }
  .menuWrapper .menuInner .addressBox {
    padding: 0;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
  }
  .menuWrapper .menuInner .addressBox .atext {
    display: none;
  }
  .menuWrapper .menuInner .addressBox .rightBox {
    display: none;
  }
  .menuWrapper .menuInner .addressBox .follow {
    padding: 11px 30px;
  }
  .menuWrapper .menuInner .addressBox .follow h4 {
    float: left;
    margin: 0;
    width: 50%;
    font-family: proxima_novaregular;
    color: #fff;
    line-height: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .menuWrapper .menuInner .addressBox .follow ul {
    padding: 0;
    margin: 0;
    width: 50%;
    float: right;
    text-align: right;
  }
  .menuWrapper .menuInner .addressBox .follow ul li {
    display: inline-block;
    font-size: 18px;
    margin: 0 10px;
    line-height: 28px;
  }
  .menuWrapper .menuInner .addressBox .follow ul li a {
    color: #fff;
    display: block;
  }
  .nav-active .menuWrapper {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .nav-active .menuWrapper:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0.2s;
  }
  .nav-active .menuWrapper:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition-delay: 0.3s;
  }
  .nav-active .menuWrapper .addressBox {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .nav-active .menuWrapper .navContainer {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (min-width: 380px) and (max-width: 395px) {
  .loyalty_program_solution ul:before {
    height: 360px;
  }
  .loyalty_program_solution.vip_program_solution ul:before {
    height: 380px;
  }
}
@media (min-width: 1450px) and (max-width: 1600px) {
  .erpmainbox {
    margin-top: -135px;
  }
}
@media (min-width: 1601px) {
  .erpmainbox {
    margin-top: -150px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  a.nvbtn2 {
    padding: 10px 20px;
  }
  button.nvbtn2 {
    padding: 10px 20px;
  }
  h2.home_heading br {
    display: none;
  }
  .wid1000 {
    width: 100%;
  }
  .wid900 {
    width: 100%;
  }
  .wid800 {
    width: 100%;
  }
  .nlcontainer3 {
    width: 100%;
  }
  .fullbox .fortysixbox {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fullbox .loyalty_program_content_box {
    padding: 40px 20px;
  }
  .fullbox .dashboardBox {
    padding: 0 20px;
  }
  .fullbox .sixtyfourtybox.clients_box {
    padding-left: 40px;
  }
  .fullbox .sixtyfourtybox.scale_clients_box {
    padding-right: 40px;
  }
  .gamifield_slider_row p br {
    display: none;
  }
  .offersBox p br {
    display: none;
  }
  .grewardssilderbox {
    height: auto;
  }
  .offersfeatures .offersbenefitbox {
    height: auto;
  }
  .offer_container {
    padding: 140px 50px 50px 50px;
  }
  .banner_container {
    padding: 140px 50px 50px 50px;
  }
  .banner_container h5 br {
    display: none;
  }
  .loyalty_types_container {
    padding: 140px 50px 50px 50px;
  }
  .loyalty_blog_container {
    padding: 140px 50px 50px 50px;
  }
  .partner_container {
    padding: 140px 50px 50px 50px;
  }
  .integration_container {
    padding: 140px 50px 50px 50px;
  }
  .pricing_banner_container {
    padding: 140px 50px 50px 50px;
  }
  .howitworks_container {
    padding: 140px 50px 50px 50px;
  }
  .contact_banner_container {
    padding: 140px 50px 50px 50px;
  }
  .giftcard_management {
    padding: 50px 20px;
  }
  .giftcard_management h2 {
    font-size: 36px;
  }
  .bigspacing {
    padding: 50px 0;
  }
  .innerbanner {
    height: auto;
    padding: 0;
  }
  .novus_partner_row {
    padding: 50px 20px;
    margin-top: 0;
  }
  .testimonial__container {
    padding: 40px;
  }
  .testimonialsBox {
    height: auto;
  }
  .testimonialsBox h4 {
    height: 240px;
  }
  .novus_partner {
    height: auto;
    background-position: -500px 0;
  }
  .boxspacebelow_ {
    margin-bottom: 0;
    padding-top: 0;
  }
  .boxspacebelow_ .one_third_box {
    padding: 10px;
  }
  .startprogrambox {
    width: 100%;
  }
  .boxwithcircle:before {
    content: none;
  }
  .boxwithcirclereverse:after {
    content: none;
  }
  .integrations_partner_box .integration_partners {
    width: 100%;
    margin-bottom: 20px;
  }
  .integrations_partner_box .integration_partners .sg {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px 15px;
  }
  .integrations_partner_box .integration_partners .sho {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -75px;
  }
  .integrations_partner_box .integration_partners .mag {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -165px;
  }
  .integrations_partner_box .integration_partners .rp {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -255px;
  }
  .integrations_partner_box .integration_partners .twil {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -345px;
  }
  .integrations_partner_box .integration_partners .pp {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -435px;
  }
  .integrations_partner_box .integration_partners .tw {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -542px;
  }
  .integrations_partner_box .integration_partners .ya {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -645px;
  }
  .integrations_partner_box .integration_partners .jm {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -745px;
  }
  .integrations_partner_box .integration_partners .fm {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -840px;
  }
  .integrations_partner_box .integration_partners .ccd {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -955px;
  }
  .integrations_partner_box .integration_partners .fk {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: -20px -1075px;
  }
  .integrations_partner_box .integration_partners .li {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: 0px -895px;
    background-size: cover;
  }
  .integrations_partner_box .integration_partners .fb {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: 0px -965px;
    background-size: cover;
  }
  .integrations_partner_box .integration_partners .twi {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: 2px -1030px;
    background-size: cover;
  }
  .integrations_partner_box .integration_partners .wa {
    background: url(../img/integrations_icons.png) no-repeat;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    background-position: 0px -1100px;
    background-size: cover;
  }
}
* {
  margin: 0;
  padding: 0;
  font-family: "Gilroy-Regular";
  color: #333333;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  position: relative;
}

ul {
  padding: 0;
  margin: 0;
}

ul li {
  list-style: none;
}

a {
  text-decoration: none;
}

textarea {
  resize: vertical;
  overflow: auto;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

img {
  pointer-events: none;
}

textarea {
  resize: none;
}

iframe#launcher {
  display: none;
}

.slick-next:before,
.slick-prev:before {
  font-size: 0;
}

.allcaps {
  text-transform: uppercase;
}

.bigspacing {
  padding: 80px 0;
}

.mediumbigspacing {
  padding: 60px 0;
}

.smallspacing {
  padding: 40px 0;
}

.vsmallspacing {
  padding: 30px 0;
}

.somespacing {
  padding: 0 40px;
}

@media screen and (max-width: 767px) {
  .bigspacing {
    padding: 40px 0;
  }
  .smallspacing {
    padding: 30px 0;
  }
}
.pbgcolor {
  background-color: #4550c2;
}

.basebgcolor {
  background-color: #f7f9fe;
}

.nomar {
  margin: 0;
}

.nopad {
  padding: 0;
}

.no_mb {
  margin-bottom: 0 !important;
}

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

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

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

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

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

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

.ml-30 {
  margin-left: 30px;
}

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

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

.pd20 {
  padding: 20px;
}

.pd40 {
  padding: 40px;
}

.pd60 {
  padding: 60px;
}

.pd80 {
  padding: 80px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pdl40 {
  padding-left: 40px;
}

.pad15 {
  padding: 0 15px;
}

.mr15 {
  margin-right: 15px;
}

.ml15 {
  margin-left: 15px;
}

.btn-check:focus + .btn,
.btn:focus {
  box-shadow: none;
}

.prz {
  position: relative;
  z-index: 99;
}

@media screen and (max-width: 990px) {
  .no_show {
    display: none;
  }
}
.common_h2 {
  margin-bottom: 20px;
  font-size: 36px;
  font-family: "Gilroy Light";
}

.common_h2 span {
  font-family: "Gilroy-Bold";
}

.fullbox {
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
}

.fullbox .halfbox {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.fullbox .onethreebox {
  width: 33%;
  display: table-cell;
  vertical-align: middle;
}

.fullbox .twothreebox {
  width: 67%;
  display: table-cell;
  vertical-align: middle;
}

.fullbox .twofivebox {
  width: 40%;
  display: table-cell;
  vertical-align: middle;
}

.fullbox .threefivebox {
  width: 60%;
  display: table-cell;
  vertical-align: middle;
}

.reverse_row {
  display: flex;
  flex-flow: column-reverse;
}

.main_header {
  height: 100px;
  max-height: 100px;
  z-index: 9999;
  background-color: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  animation: smoothScroll 1s forwards;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.18);
}

.footerbgcolor {
  background-image: linear-gradient(#5548c2, #4650c2);
}

.hardbasebgcolor {
  background-color: #e3e5fd;
}

span.strikeme {
  text-decoration: line-through;
}

.tencomob {
  display: none;
}

#scroll {
  position: fixed;
  right: 0px;
  bottom: 150px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: #4550c2;
  text-indent: -9999px;
  display: none;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 5px 0 0 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

#scroll span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -8px;
  margin-top: -12px;
  height: 0;
  width: 0;
  border: 8px solid transparent;
  border-bottom-color: #FFFFFF;
}

#scroll span:hover {
  background-color: #5A4FCF;
}

.noscrollinghere {
  overflow: hidden;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1240px;
  }
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes loader {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes loader {
  from {
    -webkit-transform: scale(0, 0);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes loader_white {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes loader_white {
  from {
    -webkit-transform: scale(0, 0);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes movebtn {
  0% {
    right: 20px;
  }
  50% {
    right: 25px;
  }
  100% {
    right: 20px;
  }
}
.loader {
  display: inline-block;
  font-size: 0;
  padding: 0;
}

.loader span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px 2px;
  -webkit-animation: loader 0.8s linear infinite alternate;
  animation: loader 0.8s linear infinite alternate;
}

.loader span:nth-child(1) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(69, 80, 194, 0.6);
}

.loader span:nth-child(2) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(69, 80, 194, 0.8);
}

.loader span:nth-child(3) {
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  background: #4550c2;
}

.loader span:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(69, 80, 194, 0.8);
}

.loader span:nth-child(5) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(69, 80, 194, 0.4);
}

.loader_white {
  display: inline-block;
  font-size: 0;
  padding: 0;
}

.loader_white span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 3px 2px;
  -webkit-animation: loader_white 0.8s linear infinite alternate;
  animation: loader 0.8s linear infinite alternate;
}

.loader_white span:nth-child(1) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(255, 255, 255, 0.6);
}

.loader_white span:nth-child(2) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(255, 255, 255, 0.8);
}

.loader_white span:nth-child(3) {
  -webkit-animation-delay: -0.26666s;
  animation-delay: -0.26666s;
  background: #FFFFFF;
}

.loader_white span:nth-child(4) {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  background: rgba(255, 255, 255, 0.8);
}

.loader_white span:nth-child(5) {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  background: rgba(255, 255, 255, 0.4);
}

.hidebig .b_logo {
  background: url(../img/bidhom_logo_white.png) no-repeat;
  display: inline-block;
  width: 144px;
  height: 60px;
}

.navbar {
  height: 100px;
  background: transparent;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  -webkit-transition: background 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: background 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: background 150ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.navbar .logobox {
  margin-top: 10px;
}

.navbar .logobox a {
  background: url(../img/logo/bidhom_logo_white.svg) no-repeat;
  background-size: contain;
  width: 180px;
  height: 70px;
  display: inline-block;
}

.navbar .navbar-menu .navbar-menu-left {
  margin-left: 50px;
}

.navbar .navbar-menu .navbar-menu-left ul {
  display: flex;
}

.navbar .navbar-menu .navbar-menu-left ul li {
  padding: 0 10px;
  font-family: "Gilroy Light";
  font-size: 18px;
}

.navbar .navbar-menu .navbar-menu-left ul li a {
  color: #FFFFFF;
}

.navbar .navbar-menu .navbar-menu-left ul li.small_navigation {
  position: relative;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box {
  position: absolute;
  left: 10px;
  width: 225px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: all 0.35s ease-in-out;
  padding: 10px;
  background-color: #FFF;
  border-radius: 10px;
  transform: translateY(150px);
  margin-top: 10px;
  opacity: 0;
  transform: translateY(150px);
  visibility: hidden;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box ul {
  display: flex;
  flex-direction: column;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box ul li {
  padding: 4px 8px;
  margin-bottom: 0;
  transition: all 0.25s ease-in-out;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box ul li a h6 {
  color: #000000;
  display: flex;
  font-size: 16px;
  margin-bottom: 5px;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box ul li a p {
  font-size: 10px;
  font-family: "Gilroy Light";
  margin-bottom: 4px;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box ul li:last-child {
  margin-bottom: 0;
}

.navbar .navbar-menu .navbar-menu-left ul li div.small_navigation_box ul li:hover {
  background-color: #f0f1fb;
}

.navbar .navbar-menu .navbar-menu-left ul li.small_navigation.show div.small_navigation_box {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.navbar .navbar-menu-right {
  float: right;
}

.navbar .navbar-menu-right a {
  color: #FFFFFF;
}

.navbar .navbar-menu-right a.phonebtn {
  margin-right: 30px;
  position: relative;
}

.navbar .navbar-menu-right a.phonebtn:before {
  content: "";
  background: url(../img/phone.png) no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  background-size: cover;
  margin-right: 10px;
  position: absolute;
  left: -20px;
  top: 2px;
}

.navbar .navbar-menu-right a.navibtn {
  display: inline-block;
  padding: 10px 15px;
  background-color: #FFFFFF;
  color: #000000;
  margin-right: 5px;
}

.navbar .navbar-menu-right a.softbtn {
  margin-right: 10px;
  padding-bottom: 5px;
  font-weight: 500;
  color: #FFFFFF;
}

.navbar .navbar-menu-right a.softbtn.consalesbtn {
  padding: 10px 15px;
  background: #FFFFFF;
  color: #4550c2;
  display: inline-block;
  border-bottom: none;
}

.mobile_menu {
  display: none;
}

@media only screen and (max-width: 991px) {
  .mobile_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.navbar.sticky {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.06);
}

.navbar.sticky .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
}

.navbar.sticky .navbar-menu-left ul li a {
  color: #000000;
}

.navbar.sticky .navbar-menu-left ul li .active a {
  color: #4550c2;
  border-bottom-color: #4550c2;
}

.navbar.sticky .navbar-menu-right a {
  color: #000000;
}

.navbar.sticky .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.png) no-repeat;
  background-size: cover;
}

.navbar.sticky .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
  .navbar.sticky .navbar-menu-right a.navibtn {
    padding: 10px;
  }
}
.navbar.sticky .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar.sticky .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.big_navigation {
  position: absolute;
  width: 800px;
  padding: 10px;
  background-color: var(--white-color);
  margin-top: 20px;
  display: flex;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  transition: all 0.25s ease-in-out;
  opacity: 0;
  transform: translateY(150px);
  visibility: hidden;
}

.big_navigation .big_navigation_box {
  display: flex;
  width: 100%;
}

.big_navigation .big_navigation_box .navigation_left {
  width: 30%;
}

.big_navigation .big_navigation_box .navigation_left h5 {
  font-size: 18px;
  font-family: "Gilroy-Bold";
  color: #212121;
  margin-bottom: 0;
  padding: 5px;
  padding-left: 8px;
  background-color: #f0f1fb;
  border-right: 1px solid #FFFFFF;
  border-top-left-radius: 10px;
}

.big_navigation .big_navigation_box .navigation_left ul {
  padding: 10px;
  flex-direction: column;
}

.big_navigation .big_navigation_box .navigation_left ul li {
  padding: 0;
  display: block !important;
  border-radius: 4px;
}

.big_navigation .big_navigation_box .navigation_left ul li a {
  padding: 8px;
  display: flex;
  flex-direction: column;
}

.big_navigation .big_navigation_box .navigation_left ul li a h6 {
  font-size: 14px;
  font-family: "Gilroy Medium";
  margin-bottom: 4px;
  color: #212121;
}

.big_navigation .big_navigation_box .navigation_left ul li a p {
  font-size: 12px;
  font-family: "Gilroy Light";
  margin-bottom: 0;
}

.big_navigation .big_navigation_box .navigation_left ul li a:hover {
  background-color: #f0f1fb;
}

.big_navigation .big_navigation_box .navigation_right {
  width: 70%;
}

.big_navigation .big_navigation_box .navigation_right h5 {
  font-size: 18px;
  font-family: "Gilroy-Bold";
  color: #212121;
  margin-bottom: 0;
  padding: 5px;
  padding-left: 8px;
  background-color: #f0f1fb;
  border-top-right-radius: 10px;
}

.big_navigation .big_navigation_box .navigation_right ul {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.big_navigation .big_navigation_box .navigation_right ul li {
  width: calc(50% - 5px);
  padding: 0;
  display: block !important;
  border-radius: 4px;
}

.big_navigation .big_navigation_box .navigation_right ul li a {
  padding: 8px;
  display: flex;
  flex-direction: column;
}

.big_navigation .big_navigation_box .navigation_right ul li a h6 {
  font-size: 14px;
  font-family: "Gilroy Medium";
  margin-bottom: 4px;
  color: #212121;
}

.big_navigation .big_navigation_box .navigation_right ul li a p {
  font-size: 12px;
  font-family: "Gilroy Light";
  margin-bottom: 0;
}

.big_navigation .big_navigation_box .navigation_right ul li a:hover {
  background-color: #f0f1fb;
}

.big_navigation.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

@media only screen and (max-width: 900px) {
  .big_navigation {
    display: none;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  .navbar .navbar-menu .navbar-menu-left ul li {
    font-size: 14px;
    padding: 0 8px;
  }
  .navbar .navbar-menu .navbar-menu-right .softbtn {
    display: none !important;
  }
  .navbar.navbar_new .logobox a {
    background-size: contain;
  }
}
.navbar.navbar_new .restricted_container {
  position: relative;
}

.navbar.navbar_new .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
}

.navbar.navbar_new .navbar-menu-left ul li a {
  color: #000;
}

.navbar.navbar_new .navbar-menu-left ul li.active a {
  color: #4550c2;
  border-bottom-color: #4550c2;
}

.navbar.navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}

.navbar.navbar_new .navbar-menu-right a {
  color: #000;
}

.navbar.navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}

.navbar.navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar.navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar.navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
  .navbar.navbar_new {
    display: none;
  }
}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .navbar.navbar_new .logobox {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
  .navbar.navbar_new .logobox a {
    width: 140px;
    height: 50px;
    background-size: cover;
  }
}
.navbar.navbar_new .restricted_container {
  position: relative;
}

.navbar.navbar_new .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
}

.navbar.navbar_new .navbar-menu-left {
  margin-left: 0;
}

.navbar.navbar_new .navbar-menu-left ul li a {
  color: #000;
}

.navbar.navbar_new .navbar-menu-left ul li.active a {
  color: #4550c2;
  border-bottom-color: #4550c2;
}

.navbar.navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}

.navbar.navbar_new .navbar-menu-right a {
  color: #000;
}

.navbar.navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}

.navbar.navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar.navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar.navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar.navbar_new .navigation_box_new {
  position: absolute;
  width: 1240px;
  left: 0;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  transform: translateY(150px);
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 45px;
}

.navbar.navbar_new .navigation_box_new.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.navbar.navbar_new .navigation_box_new_inner h3 {
  color: #4550c2;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
  font-size: 24px;
}

.navbar.navbar_new .navigation_box_new_inner_section {
  display: flex;
  justify-content: space-between;
}

.navbar.navbar_new .navigation_box_new_inner_section_box {
  width: calc(20% - 10px);
  padding: 0;
  background: rgb(248, 248, 254);
  background: linear-gradient(180deg, rgb(248, 248, 254) 0%, rgb(215, 218, 243) 100%);
  border: 1px solid #eeeeee;
  border-radius: 10px;
  overflow: hidden;
  align-self: stretch;
}

.navbar.navbar_new .navigation_box_new_inner_section_box a {
  display: flex;
  flex-direction: column;
}

.navbar.navbar_new .navigation_box_new_inner_section_box a h5 {
  color: #4550c2;
  margin-bottom: 20px;
  font-family: "Gilroy Medium";
  padding: 10px 0 0 10px;
}

.navbar.navbar_new .navigation_box_new_inner_section_box a img {
  border: 10px solid #f3f3fb;
  border-right: none;
  margin-left: 10px;
  max-height: 120px;
  width: 100%;
  object-fit: cover;
  height: auto;
}

.navbar.navbar_new .navigation_box_new_inner_explore {
  display: flex;
  justify-content: space-between;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box {
  width: calc(25% - 10px);
  padding: 0 15px;
  border-right: 1px solid #eeeeee;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box h4 {
  color: #4550c2;
  margin-bottom: 20px;
  font-family: "Gilroy Medium";
  font-size: 24px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1), .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) {
  width: 20%;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul {
  display: flex;
  flex-direction: column;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li {
  margin-bottom: 15px;
  padding: 10px 15px;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 10px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li:last-child, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li a, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li a {
  display: flex;
  align-items: center;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li a img, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li a img {
  margin-right: 6px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li a span, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li a span {
  font-family: "Gilroy Medium";
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li:hover, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul {
  display: flex;
  flex-direction: column;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li {
  margin-bottom: 15px;
  padding: 0;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 10px 15px;
  border: 1px solid #eeeeee;
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  border-radius: 10px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a p {
  margin-bottom: 0;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a span {
  width: 40px;
  height: 40px;
  border: 2px solid #4550c2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  position: relative;
  transition: all 0.25s ease-in-out;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a span:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #4550c2;
  position: absolute;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a span:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #4550c2;
  border-right: 2px solid #4550c2;
  background-color: transparent;
  transform: rotate(45deg);
  position: absolute;
  right: 9px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(245, 246, 253) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a:hover span {
  transform: rotate(-45deg);
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li:last-child {
  margin-bottom: 0;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) {
  width: calc(25% - 10px);
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) {
  width: 30%;
  border-right: none;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) p {
  font-size: 14px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) a {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) a img {
  border-radius: 10px;
  width: 100%;
  transition: all 0.25s ease-in-out;
}

.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) a:hover img {
  transform: scale(1.05);
}

.navbar.navbar_new .navigation_box_new_small {
  position: absolute;
  width: 800px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  transform: translateY(150px);
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  left: 30%;
}

.navbar.navbar_new .navigation_box_new_small.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.navbar.navbar_new .navigation_box_new_small h3 {
  color: #4550c2;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
  font-size: 24px;
}

.navbar.navbar_new .navigation_box_new_small_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar.navbar_new .navigation_box_new_small_inner_box {
  width: calc(25% - 5px);
}

.navbar.navbar_new .navigation_box_new_small_inner_box a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  border: 1px solid #eeeeee;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}

.navbar.navbar_new .navigation_box_new_small_inner_box a span {
  font-family: "Gilroy Medium";
  margin-left: 5px;
}

.navbar.navbar_new .navigation_box_new_small_inner_box a:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(245, 246, 253) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.navbar.navbar_new .navigation_box_new_medium {
  position: absolute;
  width: 1000px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  transform: translateY(150px);
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  left: 20%;
}

.navbar.navbar_new .navigation_box_new_medium.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}

.navbar.navbar_new .navigation_box_new_medium h3 {
  color: #4550c2;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
  font-size: 24px;
}

.navbar.navbar_new .navigation_box_new_medium_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navbar.navbar_new .navigation_box_new_medium_inner_box {
  width: calc(25% - 5px);
}

.navbar.navbar_new .navigation_box_new_medium_inner_box a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  border: 1px solid #eeeeee;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}

.navbar.navbar_new .navigation_box_new_medium_inner_box a span {
  font-family: "Gilroy Medium";
  margin-left: 5px;
  font-size: 14px;
}

.navbar.navbar_new .navigation_box_new_medium_inner_box a:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(245, 246, 253) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.navbar.navbar_new_white .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}

.navbar.navbar_new_white .navbar-menu-left ul li a {
  color: #FFFFFF;
}

.navbar.navbar_new_white .navbar-menu-left ul li a:hover {
  color: #FFFFFF;
}

.navbar.navbar_new_white .navbar-menu-left ul li:hover a {
  color: #FFFFFF;
}

.navbar.navbar_new_white .navbar-menu-left ul li.active a {
  color: #FFFFFF;
  border: none;
}

.navbar.navbar_new_white .navbar-menu-right a.softbtn {
  color: #FFFFFF;
}

.navbar.navbar_new_white .navigation_box_new_medium_inner_box a {
  border: 1px solid #eeeeee !important;
}

.navbar.navbar_new_white.sticky .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
  filter: none;
}

.navbar.navbar_new_white.sticky .navbar-menu-left ul li a {
  color: #000000;
}

.navbar.navbar_new_white.sticky .navbar-menu-left ul li a:hover {
  color: #000000;
}

.navbar.navbar_new_white.sticky .navbar-menu-left ul li:hover a {
  color: #000000;
}

.navbar.navbar_new_white.sticky .navbar-menu-left ul li.active a {
  color: #4550c2;
}

.navbar.navbar_new_white.sticky .navbar-menu-right a.softbtn {
  color: #000000;
}

.navbar.navbar_new_white.sticky .navbar-menu-right a.softbtn.consalesbtn {
  color: #FFFFFF;
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .navbar.navbar_new .logobox {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
  .navbar.navbar_new .logobox a {
    width: 140px;
    height: 50px;
    background-size: cover;
  }
  .navbar.navbar_new .navbar-menu-right a.softbtn.consalesbtn {
    display: none;
  }
}
.btnBidhom {
  display: inline-block;
  padding: 10px 35px;
  background-color: #4550c2;
  color: #FFFFFF;
  border-radius: 2px;
}

.btnBidhom.whitebtn {
  background-color: #FFFFFF;
  color: #2e39aa;
}

.btnBidhom:hover {
  background-color: #2e39aa;
  color: #FFFFFF;
}

.btnBidhom.whitebox {
  border: 1px solid #FFFFFF;
}

.btnBidhom_white {
  color: #4550c2;
  border: 2px solid #4550c2;
  background: transparent;
  display: inline-block;
  padding: 10px 25px;
  font-family: "Gilroy SemiBold";
  border-radius: 4px;
}

.btnBidhom_white:hover {
  color: #FFFFFF;
  border: 2px solid #4550c2;
  background: #4550c2;
}

.customModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  background: #111517;
  -webkit-transition: all 0.4s ease-out, 0s;
  -o-transition: all 0.4s ease-out, 0s;
  transition: all 0.4s ease-out, 0s;
}

.customModal.is-open {
  opacity: 1;
  visibility: visible;
}

.customModal .closeModal {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 10;
}

@media (max-width: 600px) {
  .customModal .closeModal {
    width: 20px;
    top: 20px;
    right: 20px;
  }
}
.playerContainer {
  margin: 0 auto;
  width: 75%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.playerContainer .videoWrap {
  position: relative;
  background: #060910;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  -o-transform: scale(0.65);
  transform: scale(0.65);
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

.playerContainer .videoWrap .videoElement {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0s ease-out;
  -o-transition: all 0s ease-out;
  transition: all 0s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.playerContainer .videoWrap #btnPlayPause {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.playerContainer .videoWrap #btnPlayPause .playIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
}

.playerContainer .videoWrap #btnPlayPause.play {
  background: rgba(0, 0, 0, 0.35);
}

.playerContainer .videoWrap #btnPlayPause.play .playIcon {
  opacity: 1;
  visibility: visible;
}

.playerContainer .videoWrap #btnPlayPause.pause {
  background: rgba(0, 0, 0, 0);
}

.playerContainer .videoWrap #btnPlayPause.pause .playIcon {
  opacity: 0;
  visibility: hidden;
}

.playerContainer .progressBar {
  position: relative;
  z-index: 1;
  width: 40%;
  left: 20%;
  height: 6px;
  border: none;
  background: #434343;
  -webkit-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

.playerContainer .progressBar .progressFill {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 6px;
  background: #ef323a;
}

.playerContainer.is-open .videoWrap {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.playerContainer.is-open .videoWrap .videoElement {
  opacity: 1;
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

.playerContainer.is-open .progressBar {
  width: 100%;
  left: 0;
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

@media (max-width: 1199px) {
  .playerContainer {
    width: 90%;
  }
}
.accordian {
  max-width: 900px;
  width: 100%;
  color: #1d1d1d;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  font-size: 16px;
  margin: 0 auto;
}

.accordian ul > li {
  margin-bottom: 10px;
}

.accordian ul ul {
  display: none;
  height: 100%;
  margin-bottom: -7px;
}

.accordian ul ul li {
  background-color: #FFFFFF;
  padding: 1rem;
  color: #000;
  box-shadow: none;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}

.accordian ul ul li p {
  opacity: 0;
  transition: all 0.5s;
  transform: translatey(-20px);
}

.accordian ul ul.open {
  margin-bottom: 0;
}

.accordian ul ul.open li {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.accordian ul ul.open p {
  opacity: 1;
  transform: translatey(0px);
  margin-bottom: 0;
}

.accordian h3 {
  cursor: pointer;
  background-color: #f0f4fd;
  padding: 1rem;
  margin: 0;
  display: block;
  position: relative;
  font-size: 18px;
  transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  border-radius: 10px;
  border: 2px solid #f0efef;
  color: #1d1d1d;
  font-family: "Gilroy Medium";
}

.accordian h3:hover .arrow {
  background: url(../img/add.webp) no-repeat;
  background-size: contain;
}

.accordian h3:hover .arrow.closed {
  background: url(../img/minus.webp) no-repeat;
  background-size: contain;
}

.accordian h3.closed {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.accordian .arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 8px;
  transition: transform 600ms cubic-bezier(0.175, 0.885, 0.32, 1);
  background: url(../img/add.webp) no-repeat;
  background-size: contain;
  border: none;
  padding: 0;
}

.accordian .arrow.closed {
  background: url(../img/minus.webp) no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 767px) {
  .accordian .arrow {
    margin-right: 0;
    position: absolute;
    right: 15px;
  }
  .accordian h3 {
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 35px;
  }
}
.set {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}

.set > a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  color: #131212;
  font-weight: 600;
}

.set > a:before {
  content: "+";
  display: inline-block;
  position: absolute;
  right: 15px;
  font-size: 26px;
  top: 5px;
}

.set > a.active {
  background-color: #4350c0;
  color: #FFFFFF;
}

.set > a.active:before {
  content: "-";
}

.content {
  background-color: #4350c0;
  color: #FFFFFF;
  display: none;
  padding: 10px 15px;
}

.content p {
  margin: 0;
  color: #FFFFFF;
  margin-bottom: 10px;
}

.content p:last-child {
  margin-bottom: 0;
}

.content p b {
  color: #FFFFFF;
}

.content p a {
  color: #FFFFFF;
  text-decoration: underline;
}

#snow {
  background: none;
  font-family: Androgyne;
  background-image: url("https://4.bp.blogspot.com/-RGdg1HwjcN0/V0MfveH5tnI/AAAAAAAAV9U/JuZAFpkJmHkhrLHTY3Nzt--f1_D4QUDRACLcB/s1600/s1.png"), url("https://3.bp.blogspot.com/-lLYG_aPYaWI/V0MfvZui2cI/AAAAAAAAV9Q/ivLLay21G6IKLLGEI-bHgpzmPRHFubhwgCLcB/s1600/s2.png"), url("https://3.bp.blogspot.com/-mPW9Z5fvV5w/V0MfvZ1kmnI/AAAAAAAAV9Y/qU7_F2J0XP4bXNi3rIyV55Y1z9RyTRoqQCLcB/s1600/s3.png");
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-animation: snow 12s linear infinite;
  -moz-animation: snow 12s linear infinite;
  -ms-animation: snow 12s linear infinite;
  animation: snow 12s linear infinite;
  z-index: 999;
}

@keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-moz-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 400px 1000px, 200px 400px, 100px 300px;
  }
}
@-webkit-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
@-ms-keyframes snow {
  0% {
    background-position: 0px 0px, 0px 0px, 0px 0px;
  }
  50% {
    background-position: 500px 500px, 100px 200px, -100px 150px;
  }
  100% {
    background-position: 500px 1000px, 200px 400px, -100px 300px;
  }
}
.herobanner {
  background: url(../img/home_banner.webp) no-repeat;
  height: 600px;
  background-size: cover;
}

.herocontainer {
  padding-top: 190px;
  color: #FFFFFF;
}

.herocontainer h1 {
  font-family: "Gilroy-Bold";
  font-size: 48px;
  color: #FFFFFF;
  margin-bottom: 25px;
}

.herocontainer p {
  font-size: 20px;
  font-family: "Gilroy Light";
  color: #FFFFFF;
  margin-bottom: 25px;
}

.basebg {
  background: url(../img/base_bg.webp) no-repeat;
  background-position: right;
}

.idxbox {
  margin-bottom: 50px;
}

.idxintegration {
  padding: 0 30px 0 80px;
  color: #333333;
}

.idxintegration h2 {
  font-size: 36px;
  font-family: "Gilroy Light";
}

.idxintegration h2 span {
  font-family: "Gilroy-Bold";
}

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

.stepsbox {
  padding: 0 10px;
  transition: all 0.25s ease-in-out;
  width: calc(20% - 10px);
  align-self: stretch;
}

.stepsbox .stepsicon {
  background: url(../img/home_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
}

.stepsbox .stepsicon.stepsicon_1 {
  background-position: -10px 8px;
}

.stepsbox .stepsicon.stepsicon_2 {
  background-position: 0px -65px;
}

.stepsbox .stepsicon.stepsicon_3 {
  background-position: 0 -145px;
}

.stepsbox .stepsicon.stepsicon_4 {
  background-position: 0px -223px;
}

.stepsbox .stepsicon.stepsicon_5 {
  background-position: -10px -305px;
}

.stepsbox .register {
  background: url(../img/home_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: -10px 8px;
}

.stepsbox .add {
  background: url(../img/home_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: 0px -65px;
}

.stepsbox .plan {
  background: url(../img/home_icons.png) no-repeat;
  width: 60px;
  height: 50px;
  display: inline-block;
  background-position: 5px -145px;
}

.stepsbox .payment {
  background: url(../img/home_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: 0px -223px;
}

.stepsbox .launch {
  background: url(../img/home_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: -6px -305px;
}

.stepsbox h4 {
  font-family: "Gilroy SemiBold";
}

.stepsbox:hover .stepsicon {
  filter: brightness(0) invert(1);
}

.realestatebg {
  background: url(../img/bidhom_footer_bg.png) no-repeat;
  background-position: bottom right;
  background-color: #4550c2;
}

.realestateheader {
  text-align: center;
  margin-bottom: 40px;
  color: #FFFFFF;
}

.realestateheader h2 {
  font-family: "Gilroy Light";
  color: #FFFFFF;
}

.realestateheader h2 strong {
  color: #FFFFFF;
}

.realestateheader p {
  font-family: "Gilroy Light";
  color: #FFFFFF;
}

.realestatesolutionbox {
  color: #FFFFFF;
  padding: 0 40px 0 80px;
}

.realestatesolutionbox h3 {
  font-family: "Gilroy Light";
  margin-bottom: 40px;
  color: #FFFFFF;
}

.realestatesolutionbox p {
  color: #FFFFFF;
  margin-bottom: 40px;
  font-size: 20px;
}

.idx_btn {
  font-size: 20px;
}

.resolutionrow {
  margin-bottom: 20px;
}

.resolutionbox {
  margin-bottom: 40px;
}

.resolutionbox .fast {
  background: url(../img/need_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: -5px 3px;
  margin-bottom: 10px;
}

.resolutionbox .lead {
  background: url(../img/need_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: -5px -81px;
  margin-bottom: 10px;
}

.resolutionbox .exposure {
  background: url(../img/need_icons.png) no-repeat;
  width: 50px;
  height: 50px;
  display: inline-block;
  background-position: -5px -163px;
  margin-bottom: 10px;
}

.resolutionbox .sales {
  background: url(../img/need_icons.png) no-repeat;
  width: 60px;
  height: 50px;
  display: inline-block;
  background-position: 0px -248px;
  margin-bottom: 10px;
}

.resolutionbox .relation {
  background: url(../img/need_icons.png) no-repeat;
  width: 60px;
  height: 50px;
  display: inline-block;
  background-position: 0px -336px;
  margin-bottom: 10px;
}

.resolutionbox .idx {
  background: url(../img/need_icons.png) no-repeat;
  width: 65px;
  height: 50px;
  display: inline-block;
  background-position: 0px -426px;
  margin-bottom: 10px;
}

.resolutionbox h4 {
  font-size: 18px;
  color: #FFFFFF;
}

.testimonialbg {
  background: url(../img/testimonial_bg_2.webp) no-repeat;
  height: 535px;
  background-size: cover;
}

.testimonial_box {
  width: 600px;
  margin: 0 auto;
  text-align: center;
  color: #FFFFFF;
  padding-top: 150px;
}

.testimonial_box h4 {
  font-size: 24px;
  font-family: "Gilroy Light";
  margin-bottom: 25px;
  color: #FFFFFF;
}

.testimonial_box p {
  font-size: 16px;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.testimonial_box p.founder_name {
  font-family: "Gilroy SemiBold";
  font-size: 24px;
  margin-bottom: 5px;
}

.testimonial_box a {
  display: inline-block;
  margin-bottom: 20px;
}

.growdetailsbox {
  padding: 10px 30px;
  margin-bottom: 10px;
  border-left: 3px solid #f7f9fe;
}

.growdetailsbox.active {
  background-color: #edefff;
  border-left: 3px solid #4550c2;
}

.growdetailsbox h4 {
  margin-bottom: 10px;
  font-family: "Gilroy SemiBold";
}

.growdetailsbox p {
  margin-bottom: 0;
  display: none;
}

.growdetailsbox.active p {
  display: block;
}

.growdetailsbox:hover {
  cursor: pointer;
}

.growbox h2 {
  color: #333333;
  margin-bottom: 20px;
  font-size: 40px;
}

.growbox h2 span {
  font-family: "Gilroy-Bold";
}

.growbox h5 {
  font-family: "Gilroy Light";
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.5;
}

.growbox p {
  margin-bottom: 20px;
}

.getstartedbox_ {
  padding: 0 40px;
  color: #FFFFFF;
}

.getstartedbox_ h4 {
  font-size: 36px;
  color: #FFFFFF;
  margin-bottom: 20px;
}

.getstartedbox_ h4 span {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
}

.getstartedbox_ p {
  font-size: 16px;
  font-family: "Gilroy Light";
  margin-bottom: 40px;
  color: #FFFFFF;
  line-height: 1.6;
}

.getstartedimagebox {
  padding-right: 40px;
}

.grealtors img, .gauctioneers img, .gbrokeage img {
  display: none;
}

.grealtors.active img, .gauctioneers.active img, .gbrokeage.active img {
  display: block;
}

.blog_row a {
  position: relative;
}

.blogheader {
  text-align: center;
}

.blogheader h3 {
  font-size: 36px;
  color: #333333;
  font-family: "Gilroy SemiBold";
}

.blogheader h4 {
  font-size: 16px;
  color: #333333;
  margin-bottom: 50px;
  line-height: 1.5;
}

.blogbox .blogimagebox {
  overflow: hidden;
}

.blogbox .blogimagebox img {
  transition: all 0.3s ease-in-out;
}

.blogbox p {
  padding: 10px;
  margin-bottom: 0;
  color: #333333;
  font-size: 20px;
}

.blogbox span {
  padding: 0 10px;
  color: #4f4f4f;
  font-size: 14px;
}

.blogbox .homeblogcbox {
  padding: 15px 15px 20px;
  background-color: #FFFFFF;
}

.blogbox .homeblogcbox p {
  font-family: "Gilroy SemiBold";
}

.blogbox:hover img {
  transform: scale(1.1);
}

.basebox h2 {
  font-family: "Gilroy-Bold";
  font-size: 36px;
  margin-bottom: 20px;
}

.basebox p {
  margin-bottom: 20px;
}

.footer_container {
  border-bottom: 1px solid #7170ce;
}

.footerlinks ul li {
  margin-bottom: 10px;
  color: #FFFFFF;
}

.footerlinks ul li:first-child {
  font-family: "Gilroy SemiBold";
  text-transform: uppercase;
}

.footerlinks ul li a {
  color: #FFFFFF;
  position: relative;
}

.footerlinks ul li a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #FFFFFF;
  display: inline-flex;
  position: absolute;
  left: 0;
  bottom: -4px;
  transition: all 0.25s ease-in-out;
}

.footerlinks ul li a:hover:after {
  width: 100%;
}

.footerlinks ul.social_media li {
  display: inline-block;
  margin-right: 10px;
}

.footerlinks.footercontact ul li a:after {
  content: none;
}

.footer_subscribe {
  padding: 15px;
  background-color: #5962c5;
  border-radius: 10px;
}

@media only screen and (max-width: 768px) {
  .footer_subscribe {
    margin-top: 15px;
  }
}
.footer_subscribe h4 {
  font-family: "Gilroy Medium";
  color: #FFFFFF;
  font-size: 22px;
  margin-bottom: 10px;
}

.footer_subscribe p {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.36;
  font-family: "Gilroy Light";
}

.footer_subscribe .subscribe_form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;
}

.footer_subscribe .subscribe_form_box {
  width: 100%;
}

.footer_subscribe .subscribe_form_box.end {
  display: flex;
  justify-content: end;
}

.footer_subscribe .subscribe_form_box input {
  padding: 8px 10px;
  width: 100%;
  border: none;
  border-radius: 0;
  outline: none;
}

.footer_subscribe .subscribe_form_box label {
  color: #FF0000;
}

.footer_subscribe .subscribe_form_box button {
  padding: 5px 10px;
  border: none;
  background: #4550c2;
  color: #FFFFFF;
}

.bidPop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.bidPop.show {
  display: block;
}

.bidPop_box {
  width: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
}

.bidPop_box a {
  position: absolute;
  font-size: 18px;
  top: 12px;
  right: 12px;
  text-decoration: none;
  color: #121212;
  font-weight: 400;
}

.bidPop_box h4 {
  text-align: center;
  font-size: 24px;
  margin-bottom: 10px;
}

.bidPop_box p {
  text-align: center;
  font-size: 16px;
  margin-bottom: 0;
}

.homebanner_2 {
  background: url(../img/new_homepage/home_banner.webp) no-repeat;
  background-size: cover;
}

.home_container_2 {
  padding: 140px 15px 80px 15px;
}

.homebox {
  padding: 0;
  width: 100%;
  display: table;
  margin: 0;
}

.homebox .homehalfbox {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.homebox .homehalfbox h1 {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
  margin-bottom: 20px;
  font-size: 36px;
  padding-right: 40px;
}

.homebox .homehalfbox h4 {
  font-family: "Gilroy Light";
  color: #FFFFFF;
  font-size: 20px;
  line-height: 1.36;
  margin-bottom: 30px;
}

.homebox .homehalfbox a {
  display: inline-block;
  border: 1px solid #FFFFFF;
  color: #4550c2;
  padding: 10px 20px;
  margin-right: 10px;
  background-color: #FFFFFF;
  font-family: "Gilroy SemiBold";
}

.homebox .homehalfbox ul {
  list-style: none;
  margin-bottom: 20px;
  -moz-column-count: 2;
  -moz-column-gap: 0;
  -webkit-column-count: 2;
  -webkit-column-gap: 0;
  column-count: 2;
  column-gap: 0;
}

.homebox .homehalfbox ul li {
  color: #FFFFFF;
  margin-bottom: 5px;
  position: relative;
  padding-left: 30px;
}

.homebox .homehalfbox ul li:before {
  display: inline-block;
  transform: rotate(45deg);
  height: 20px;
  width: 10px;
  border-bottom: 3px solid #FFFFFF;
  border-right: 3px solid #FFFFFF;
  content: "";
  position: absolute;
  left: 5px;
}

@media only screen and (max-width: 768px) {
  .homebox .homehalfbox ul {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    margin-bottom: 20px;
  }
  .homebox .homehalfbox ul h4 {
    margin-bottom: 20px;
  }
}
.home_slider2 {
  display: grid;
  width: 100%;
}

h2.section1_heading {
  text-align: center;
  margin-bottom: 40px;
  font-family: "Gilroy Light";
}

h2.section1_heading span {
  font-family: "Gilroy-Bold";
}

.section_1box {
  background-color: #eff0ff;
  padding: 20px;
  height: 315px;
}

.section_1box h4 {
  font-family: "Gilroy-Bold";
}

.section_1box p {
  font-family: "Gilroy Light";
  margin-bottom: 0;
}

.section_1box:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: #E6E6FA;
}

.s1icon {
  width: 100px;
  height: 100px;
  background: url(../img/new_homepage/section1_icons.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-bottom: 15px;
}

.s1icon.s1icon_1 {
  background-position-x: -8px;
}

.s1icon.s1icon_2 {
  background-position-x: -126px;
}

.s1icon.s1icon_3 {
  background-position-x: -240px;
}

.s1icon.s1icon_4 {
  background-position-x: -355px;
}

.section2_heading {
  margin-bottom: 40px;
}

.section2_heading h2 {
  text-align: center;
  font-family: "Gilroy Light";
  color: #FFFFFF;
  font-size: 36px;
  margin-bottom: 20px;
}

.section2_heading h2 span {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
}

.section2_heading p {
  text-align: center;
  font-family: "Gilroy Light";
  color: #FFFFFF;
  font-size: 18px;
  line-height: 1.48;
}

.ebmainbox {
  background-color: #4c57cf;
  border-radius: 15px;
}

.innerbox {
  padding: 0;
  display: table;
  width: 100%;
  margin: 0;
}

.innerbox .innerhalfbox {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.wid1000 {
  max-width: 1000px;
  margin: 0 auto;
}

.fullbox .threefivebox.ready_cbox h3 {
  font-family: "Gilroy-ExtraBold";
  color: #FFFFFF;
  font-size: 44px;
  line-height: 1.32;
  margin-bottom: 20px;
}

.fullbox .twofivebox.ready_c2box p {
  color: #FFFFFF;
  font-size: 18px;
  margin-bottom: 25px;
}

.fullbox .twofivebox.ready_c2box a {
  display: inline-block;
  padding: 10px 30px;
  background-color: #FFFFFF;
  color: #4550c2;
  font-family: "Gilroy SemiBold";
}

.sliderbg {
  background-color: #ededed;
}

.fullbox.somespacing {
  padding: 0 40px;
}

.growbusinessbox {
  text-align: center;
}

.growbusinessbox h2 {
  color: #FFFFFF;
  margin-bottom: 30px;
}

.growbusinessbox h5 {
  color: #FFFFFF;
  margin-bottom: 30px;
  font-size: 18px;
  font-family: "Gilroy Light";
  line-height: 1.48;
}

.growbusinessbox h5 span {
  color: #FFFFFF;
  font-family: "Gilroy SemiBold";
}

.growbusinessbox p {
  color: #FFFFFF;
  margin-bottom: 20px;
}

.growbusinessbox p span {
  color: #FFFFFF;
  font-family: "Gilroy SemiBold";
}

.fsupport_heading {
  text-align: center;
  margin-bottom: 30px;
}

.fsupport_heading h3 {
  font-family: "Gilroy-Bold";
  margin-bottom: 1rem;
}

.fsupportbox {
  padding: 10px;
}

.fsupportbox h4 {
  font-family: "Gilroy SemiBold";
}

.fsupporticon {
  width: 80px;
  height: 80px;
  background: url(../img/features_new_icons.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-bottom: 10px;
}

.fsupporticon.fsupporticon_1 {
  background-position-x: -9px;
}

.fsupporticon.fsupporticon_2 {
  background-position-x: -118px;
}

.fsupporticon.fsupporticon_3 {
  background-position-x: -217px;
}

.about_banner {
  background: url(../img/about_banner.webp) no-repeat;
  height: 450px;
  background-size: cover;
}

.values_container .valuebox {
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 25px;
  border: 1px solid transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.values_container .valuebox h5 {
  font-family: "Gilroy Medium";
  font-size: 16px;
  margin-bottom: 0;
}

.values_container .valuebox .know {
  background: url(../img/values_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: 0px 6px;
  margin-bottom: 10px;
}

.values_container .valuebox .create {
  background: url(../img/values_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: -3px -122px;
  margin-bottom: 10px;
}

.values_container .valuebox .elevate {
  background: url(../img/values_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: -6px -248px;
  margin-bottom: 10px;
}

.values_container .valuebox .communicate {
  background: url(../img/values_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: -5px -364px;
  margin-bottom: 10px;
}

.values_container .valuebox .adapt {
  background: url(../img/values_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: -6px -475px;
  margin-bottom: 10px;
}

.values_container .valuebox:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background-color: rgba(69, 80, 194, 0.08);
  border-color: #4550c2;
}

.aboutbox h2 {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
  font-size: 36px;
  margin-bottom: 20px;
}

.aboutbox h5 {
  font-family: "Gilroy Light";
  margin-bottom: 40px;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 1.4;
}

.aboutbox p {
  font-family: "Gilroy Light";
  margin-bottom: 20px;
  color: #FFFFFF;
}

.aboutbox ul {
  padding-left: 40px;
}

.aboutbox ul li {
  margin-bottom: 15px;
  color: #FFFFFF;
}

.aboutbox ul li:before {
  content: "";
  background: url(../img/arrow_right.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  margin-left: -40px;
}

.auction_banner {
  background: url(../img/about_banner.webp) no-repeat;
  height: 400px;
  background-size: cover;
}

.auction_container .auctionbox {
  text-align: center;
  padding: 20px 15px;
  background-color: #FFFFFF;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}

.auction_container .auctionbox h5 {
  font-family: "Gilroy Medium";
  font-size: 18px;
}

.auction_container .auctionbox .register {
  background: url(../img/auction_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: 5px 7px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.auction_container .auctionbox .post {
  background: url(../img/auction_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: 5px -108px;
  margin-bottom: 10px;
}

.auction_container .auctionbox .activate {
  background: url(../img/auction_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: 4px -215px;
  margin-bottom: 10px;
}

.auction_container .auctionbox .track {
  background: url(../img/auction_icons.png) no-repeat;
  width: 80px;
  height: 80px;
  display: inline-block;
  background-position: 4px -322px;
  margin-bottom: 10px;
}

.builtcontainer h1 {
  font-family: "Gilroy Light";
  margin-bottom: 30px;
  color: #FFFFFF;
  font-size: 36px;
}

.builtcontainer .fullbox .halfbox .bundlebox {
  text-align: center;
}

.builtcontainer .fullbox .halfbox .bundlebox h1 {
  font-size: 48px;
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
}

.builtcontainer .fullbox .halfbox .bundlebox h1 span {
  color: #FFFFFF;
  text-decoration: line-through;
  font-family: "Gilroy Light";
}

.builtcontainer .fullbox .halfbox .bundlebox h2 {
  color: #FFFFFF;
  margin-bottom: 30px;
}

.builtcontainer .fullbox .halfbox .bundlebox h2 span {
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
}

.builtcontainer .fullbox .halfbox .bundlebox h4 {
  color: #FFFFFF;
  font-family: "Gilroy Medium";
  margin-bottom: 20px;
}

.builtcontainer .fullbox .halfbox .auctioneersbox {
  padding-right: 120px;
}

.builtcontainer .fullbox .halfbox p {
  color: #FFFFFF;
  line-height: 1.6;
  font-size: 18px;
}

.ahbestbox h2 {
  font-size: 36px;
}

.ahbestbox h2 span {
  font-family: "Gilroy-Bold";
}

.ahbox .ahboximage {
  overflow: hidden;
}

.ahbox .ahboximage img {
  transition: all 0.3s ease-in-out;
}

.ahbox :hover .ahboximage img {
  transform: scale(1.1);
}

.ahbox .ahboxcontent {
  text-align: center;
  padding: 20px;
}

.ahbox .ahboxcontent h5 {
  font-family: "Gilroy SemiBold";
  font-size: 20px;
}

.ahbox .ahboxcontent p {
  font-family: "Gilroy Light";
  margin-bottom: 10px;
}

.getstartedbox {
  padding: 50px 40px;
  background-color: #4550c2;
  border-radius: 20px;
  margin-bottom: 0;
}

.getstartedbox h2 {
  color: #FFFFFF;
  margin-bottom: 0;
  font-family: "Gilroy Light";
  font-size: 36px;
}

.getstartedbox h2 span {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
}

.getstartedbox h3 {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
  font-size: 32px;
}

.getstartedbox p {
  color: #FFFFFF;
  margin-bottom: 0;
  font-family: "Gilroy Light";
}

.ahfbox {
  padding: 25px;
  background-color: #FFFFFF;
  height: 340px;
  margin-bottom: 25px;
  transition: all 0.25s ease-in-out;
}

.ahfbox h5 {
  font-family: "Gilroy Medium";
  font-size: 20px;
}

.ahfbox p {
  margin-bottom: 0;
}

.ahfbox:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

.ahfbox .sell {
  background: url(../img/auctionhouse_icons.png) no-repeat;
  width: 100px;
  height: 100px;
  display: inline-block;
  background-position: -5px 12px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.ahfbox .marketing {
  background: url(../img/auctionhouse_icons.png) no-repeat;
  width: 100px;
  height: 100px;
  display: inline-block;
  background-position: -5px -84px;
  margin-bottom: 10px;
}

.ahfbox .view {
  background: url(../img/auctionhouse_icons.png) no-repeat;
  width: 100px;
  height: 100px;
  display: inline-block;
  background-position: 1px -200px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.ahfbox .secure {
  background: url(../img/auctionhouse_icons.png) no-repeat;
  width: 100px;
  height: 100px;
  display: inline-block;
  background-position: -8px -317px;
  margin-bottom: 10px;
}

.ahfbox .selectbid {
  background: url(../img/auctionhouse_icons.png) no-repeat;
  width: 100px;
  height: 100px;
  display: inline-block;
  background-position: 0px -420px;
  margin-bottom: 10px;
}

.ahfcontainer h3 {
  font-family: "Gilroy-Bold";
  font-size: 36px;
  margin-bottom: 20px;
}

.auction_container h5 {
  font-family: "Gilroy Light";
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 30px;
}

.contact_banner {
  background: url(../img/contact_banner.webp) no-repeat;
  height: 220px;
  background-size: cover;
}

.contactform input, .contactform textarea {
  width: 100%;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-radius: 0;
  display: block;
  border: 1px solid #d7d8da;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.contactform input:focus-visible, .contactform input:focus, .contactform textarea:focus-visible, .contactform textarea:focus {
  border-radius: 0;
  border: 1px solid #d7d8da;
  outline: none;
}

.contactform label {
  color: #4550c2;
  position: relative;
  margin-top: -15px;
  display: block;
  margin-bottom: 5px;
  text-align: left;
}

.wid600 {
  max-width: 600px;
  margin: 0 auto;
}

.contactformBox h1 {
  font-family: "Gilroy Light";
  text-align: center;
  margin-bottom: 30px;
  font-size: 32px;
}

.contactformBox h1 span {
  font-family: "Gilroy-Bold";
}

.contactformBox h4 {
  text-align: center;
  margin-bottom: 20px;
}

button.btnBidhomsubmit {
  display: block;
  width: 100%;
  border: none;
  background-color: #4550c2;
  color: #FFFFFF;
  font-size: 24px;
  padding: 20px;
  font-family: "Gilroy Medium";
}

.halfbox.buttonboX {
  padding-left: 10px;
}

.cbx {
  margin: auto;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
}

.cbx span {
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.cbx span a {
  color: #4550c2;
  text-decoration: underline;
}

.cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 0px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid #000000;
  transition: all 0.2s ease;
}

.cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #e0e0e0;
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
}

.cbx span:last-child {
  padding-left: 10px;
  width: calc(100% - 20px);
}

.cbx:hover span:first-child {
  border-color: #000000;
}

.inp-cbx:checked + .cbx span:first-child {
  background: #4550c2;
  border-color: #4550c2;
  animation: wave 0.4s ease;
}

.inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(3.5);
  opacity: 0;
  transition: all 0.6s ease;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
.realtors_banner {
  background: url(../img/realtors_banner.webp) no-repeat;
  height: 450px;
  background-size: cover;
}

.customidxbox h2 {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin-bottom: 20px;
  font-size: 36px;
}

.customidxbox h2 span {
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
}

.customidxbox h5 {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.4;
}

.customidxbox p {
  color: #FFFFFF;
}

.customidxbox ul {
  padding-left: 40px;
  margin-bottom: 40px;
}

.customidxbox ul li {
  margin-bottom: 10px;
  color: #FFFFFF;
}

.customidxbox ul li:before {
  content: "";
  background: url(../img/arrow_right.png) no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  margin-top: 5px;
  margin-left: -40px;
}

.bestfeatures_box h2 {
  line-height: 1.4;
  margin-bottom: 20px;
}

.bestfeatures_box p {
  font-size: 18px;
  margin-bottom: 40px;
  line-height: 1.6;
}

.customrealbox {
  padding: 25px 60px 25px 25px;
}

.customrealbox h3 {
  font-family: "Gilroy-Regular";
  font-size: 32px;
  line-height: 1.4;
  margin-bottom: 20px;
}

.customrealbox h3 span {
  font-family: "Gilroy-Bold";
}

.customrealbox p {
  font-size: 18px;
  line-height: 1.6;
}

.getrealwork h2.common_h2 {
  font-size: 40px;
}

.getrealwork h4 {
  font-family: "Gilroy Light";
  font-size: 18px;
  margin-bottom: 20px;
  line-height: 1.5;
}

.pricing_banner {
  background: url(../img/pricing_banner.webp) no-repeat;
  height: 400px;
  background-size: cover;
}

.pricing_banner_container {
  padding-top: 120px;
}

.pricing_heading h2.common_h2 {
  font-size: 32px;
  line-height: 1.28;
  margin-bottom: 0;
  color: #000000;
}

.pricing_heading h2.common_h2 span {
  color: #000000;
}

.detailsbox {
  text-align: center;
}

.detailsbox h2 {
  text-transform: uppercase;
  color: #000000;
  font-family: "Gilroy-Bold";
  font-size: 28px;
}

.detailsbox h5 {
  text-transform: uppercase;
  color: #000000;
}

.pricing_container {
  padding: 0 15px 40px;
}

.pricing_container h2 {
  font-family: "Gilroy-Bold";
}

.pricing_header {
  margin-bottom: 40px;
}

.detailsbox a {
  color: #000000;
  text-decoration: underline;
}

.pricingrow .pricingbox {
  padding: 30px;
  border-radius: 0;
  height: 1430px;
}

.pricingrow .pricingbox .pricinghead {
  text-align: center;
  margin-bottom: 20px;
}

.pricingrow .pricingbox .pricinghead h3 {
  color: #4550c2;
  text-transform: uppercase;
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.pricingrow .pricingbox .pricinghead h3.custom_title {
  margin-bottom: 5px;
}

.pricingrow .pricingbox .pricinghead h4 {
  text-transform: lowercase;
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.pricingrow .pricingbox .pricinghead h4.monprice.monstriked {
  font-size: 20px;
  text-decoration: line-through;
  font-family: "Gilroy Light";
}

.pricingrow .pricingbox .pricinghead p {
  margin-bottom: 20px;
}

.pricingrow .pricingbox .pricinghead p span {
  font-family: "Gilroy SemiBold";
}

.pricingrow .pricingbox .pricinghead a {
  font-family: "Gilroy Medium";
}

.pricingrow .pricingbox .pricinghead .premier {
  background: url(../img/custom_pricing.png) no-repeat;
  width: 45px;
  height: 40px;
  background-size: contain;
  margin-bottom: 5px;
  text-align: center;
  margin: 10px auto;
}

.pricingrow .pricingbox .pricingbody {
  margin-bottom: 30px;
  margin-top: 30px;
}

.pricingrow .pricingbox .pricingbody p span {
  font-family: "Gilroy-Bold";
}

.pricingrow .pricingbox .pricingbody ul li {
  margin-bottom: 15px;
  padding-left: 30px;
  font-family: "Gilroy Light";
}

.pricingrow .pricingbox .pricingbody ul li:before {
  content: "";
  background: url(../img/square.png) no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  margin-top: 10px;
  margin-left: -30px;
}

.pricingrow .pricingbox.annualpricing {
  height: 1515px;
}

.pricingrow .pricingbox.pro_box {
  padding: 30px;
}

.annprice,
.annbillprice,
.annsaves {
  display: none;
}

.annsaves {
  padding: 4px 20px;
  background-color: #FFFFFF;
  border-radius: 25px;
  font-size: 14px;
  font-family: "Gilroy Medium";
  margin-bottom: 0;
  margin-left: 10px;
}

.annsaves.esannsaves {
  background-color: #4550c2;
  color: #FFFFFF;
}

.annbillprice {
  color: #DCE0F5;
  font-size: 16px;
  font-family: "Gilroy Medium";
  margin-bottom: 10px;
}

.annbillprice.esannbillprice {
  color: #000000;
}

.annprice {
  font-size: 28px;
}

.billing_container {
  padding-bottom: 95px;
}

.billingbox {
  text-align: center;
  display: block;
  margin: auto;
  width: 22%;
  padding: 0;
}

.billingbox ul {
  list-style: none;
  display: table;
  background-color: transparent;
  border-radius: 30px;
  border: 1px solid #4550c2;
}

.billingbox ul li {
  display: table-cell;
  width: 150px;
  color: #4550c2;
  font-family: "Gilroy Medium";
  height: 50px;
  line-height: 20px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 30px;
}

.billingbox ul li span {
  font-size: 10px;
  color: #4550c2;
}

.billingbox ul li.active {
  background-color: #4550c2;
  color: #FFFFFF;
}

.billingbox ul li.active span {
  color: #FFFFFF;
}

@media only screen and (max-width: 500px) {
  .billingbox {
    text-align: center;
    display: block;
    margin: auto;
    width: 100%;
    padding: 0;
  }
  .billingbox ul {
    margin: 0 auto;
  }
  .billingbox ul li br {
    display: block;
  }
}
.popular_tag {
  text-align: center;
  padding: 10px;
  background-color: #DCE0F5;
  color: #4550c2;
  font-family: "Gilroy-Bold";
  margin-top: -42px;
  display: none;
}

/* .essentials_box{background-color: $white-color;}
.pro_box{background-color: $primary-color;color:$white-color;}
.pro_box .pricinghead{text-align: center;}
.pro_box .pricinghead h3,.pro_box .pricinghead h4,.pro_box .pricinghead p,.pro_box .pricingbody ul li,.pro_box .pricinghead p span{color:$white-color;}
.pro_box .pricingbody ul li:before{content:'';background: url(../img/square_white.png) no-repeat;width: 10px;height: 10px;display: inline-block;position: absolute;margin-top: 10px;margin-left: -30px;}
.pro_box .pricinghead a{background-color: $white-color;color:$primary-color;} */
.pro_box,
.free_box {
  background-color: #FFFFFF;
}

.essentials_box {
  background-color: #4550c2;
  color: #FFFFFF;
}

.essentials_box .pricinghead {
  text-align: center;
}

.essentials_box .pricinghead h3, .essentials_box .pricinghead h4, .essentials_box .pricinghead p {
  color: #FFFFFF;
}

.essentials_box .pricinghead h3 span, .essentials_box .pricinghead h4 span, .essentials_box .pricinghead p span {
  color: #FFFFFF;
}

.essentials_box .pricinghead ul li {
  color: #FFFFFF;
}

.essentials_box .pricinghead ul li:before {
  content: "";
  background: url(../img/square_white.png) no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
  position: absolute;
  margin-top: 10px;
  margin-left: -30px;
}

.essentials_box .pricinghead a {
  background-color: #FFFFFF;
  color: #4550c2;
}

.premier_box {
  text-align: center;
}

.bidannualbtn {
  display: none;
}

.blog_banner {
  background: url(../img/blog_banner.webp) no-repeat;
  height: 380px;
  background-size: cover;
}

.blog_header {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .blog_header {
    height: auto;
    padding-bottom: 40px;
  }
}
.blog_header:after, .blog_header:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 40%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .blog_header:after, .blog_header:before {
    content: none;
  }
}
.blog_header:before {
  left: -8rem;
  width: 25%;
}

.blog_header:after {
  right: -8rem;
  width: 25%;
  top: 0;
}

.blog_header_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 100px;
}

.blog_header_box h1 {
  font-size: 60px;
  color: #4550c2;
  font-family: "Gilroy-ExtraBold";
  margin-bottom: 15px;
}

.blog_header_box h1 span {
  color: #000000;
  font-family: "Gilroy-ExtraBold";
}

.blog_header_box p {
  text-align: center;
  font-size: 18px;
  line-height: 1.48;
  margin-bottom: 20px;
  font-family: "Gilroy Medium";
}

@media only screen and (max-width: 768px) {
  .blog_header_box {
    margin-top: 20px;
  }
  .blog_header_box h1 {
    font-size: 36px;
    text-align: center;
  }
  .blog_header_box p {
    font-size: 16px;
  }
}
.blog_details_container {
  padding-top: 150px;
}

.blog_container {
  width: 900px;
  margin: 0 auto 40px;
}

.blog_container .featuredimage {
  margin-bottom: 20px;
}

.blog_container .blogposteddetails {
  margin-bottom: 20px;
  padding-left: 20px;
}

.blog_container .blogposteddetails ul li {
  display: inline-block;
}

.blog_container .blogposteddetails ul li.blogdate {
  margin-right: 50px;
  margin-left: 20px;
}

.blog_container .blogposteddetails ul li.blogdate:before {
  content: "";
  position: absolute;
  margin-right: 0;
  margin-left: -30px;
  margin-top: 2px;
  width: 18px;
  height: 18px;
  background-image: url(../img/blog_date.png);
  display: inline-block;
  background-size: cover;
}

.blog_container .blogposteddetails ul li.blogreadtime {
  position: relative;
}

.blog_container .blogposteddetails ul li.blogreadtime span.clock {
  content: "";
  position: absolute;
  top: -1.5px;
  right: 100%;
  margin-right: 10px;
  margin-top: 5px;
  width: 16px;
  height: 16px;
  background-image: url(../img/readingtime_icons.png);
  background-position: -10px -10px;
  display: inline-block;
}

.blog_container .blog_content {
  padding: 0 10px;
  margin-bottom: 20px;
}

.blog_container .blog_content h3, .blog_container .blog_content h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.blog_container .blog_content p {
  font-family: "Gilroy Light";
  margin-bottom: 30px;
}

.blog_container .blog_content img {
  padding: 10px 0;
}

.blog_container .blog_content a {
  display: inline-block;
  color: #4550c2;
  text-decoration: none;
}

.blog_container .blog_content a.bookademobtn {
  display: inline-block;
  background-color: #4550c2;
  text-decoration: none;
  padding: 10px 30px;
  color: #FFFFFF;
  margin-bottom: 30px;
  border-radius: 2px;
}

.blog_container .blog_content a.bookademobtn:after {
  content: none;
}

.blog_container .blog_content a.bookademobtn:hover {
  background-color: #2e39aa;
  color: #FFFFFF;
}

.blog_container .blog_content a:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #4550c2;
  transition: width 0.3s;
}

.blog_container .blog_content a:hover:after {
  width: 100%;
  transition: width 0.3s;
}

.blog_container .blog_content ul {
  padding-left: 30px;
}

.blog_container .blog_content ul li {
  margin-bottom: 15px;
}

.blog_container .blog_content ul li ul {
  margin-top: 15px;
}

.blog_container .blog_content ul li:before {
  content: "-";
  position: absolute;
  margin-left: -30px;
}

.blog_container .blog_content ul li span {
  display: block;
  font-family: "Gilroy-Bold";
}

.blog_container .blog_content ul.evenly li:nth-child(even):before {
  content: "";
  position: absolute;
  margin-left: -30px;
}

.blog_container .blog_content ul.evenly li:nth-child(even) span {
  display: block;
  font-family: "Gilroy-Bold";
}

.blog_container .blog_content ul.orderly {
  list-style-type: none;
}

.blog_container .blog_content ul.orderly li {
  counter-increment: step-counter;
}

.blog_container .blog_content ul.orderly li div.moreadds p {
  margin-top: 15px;
  margin-left: 20px;
  position: relative;
}

.blog_container .blog_content ul.orderly li div.moreadds p:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #000000;
  display: inline-block;
  margin-left: -20px;
  position: absolute;
  margin-top: 10px;
}

.blog_container .blog_content ul.orderly li:before {
  content: counter(step-counter);
  font-family: "Gilroy-Bold";
}

.blog_container .blog_content ul.orderly p {
  margin-bottom: 15px;
}

.blog_container .blog_content ul.orderly div.unorderly {
  padding-left: 30px;
}

.blog_container .blog_content ol.optimized li {
  margin-bottom: 10px;
}

.blog_container .blog_content .sharesociallinks {
  display: none;
  position: fixed;
  left: 130px;
  top: 150px;
  padding: 10px 15px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9;
}

.blog_container .blog_content .sharesociallinks ul {
  padding: 0;
  list-style: none;
}

.blog_container .blog_content .sharesociallinks ul li {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
}

.blog_container .blog_content .sharesociallinks ul li:hover {
  background-color: #4550c2;
  border-radius: 5px;
}

.blog_container .blog_content .sharesociallinks ul li:hover a {
  filter: invert(1);
}

.blog_container .blog_content .sharesociallinks ul li:before {
  content: none;
}

.blog_container .blog_content .sharesociallinks ul li a div.fb {
  background: url(../img/share_social.png) no-repeat;
  width: 25px;
  height: 35px;
  margin: 0 auto;
  background-position: 0 2px;
  background-size: cover;
}

.blog_container .blog_content .sharesociallinks ul li a div.tw {
  background: url(../img/share_social.png) no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-position: -38px 2px;
  background-size: cover;
}

.blog_container .blog_content .sharesociallinks ul li a div.li {
  background: url(../img/share_social.png) no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-position: -83px 0px;
  background-size: cover;
}

.blog_container .blog_content .sharesociallinks ul li a:after {
  content: none;
}

.blog_container .blog_content .sharesociallinks ul li a:hover:after {
  content: none;
}

.blog_container .blog_content .sharesociallinks p {
  margin-bottom: 5px;
}

.blog_container .blog_content .sharesociallinks.sticky {
  display: block;
}

@media only screen and (max-width: 768px) {
  .blog_container .blog_content .sharesociallinks {
    width: 100%;
    padding: 10px;
    background-color: #4550c2;
    position: fixed;
    left: 0;
    bottom: 0;
    top: auto;
  }
  .blog_container .blog_content .sharesociallinks p {
    display: none;
  }
  .blog_container .blog_content .sharesociallinks ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .blog_container .blog_content .sharesociallinks ul li {
    width: calc(33.3333333333% - 10px);
    margin-right: 10px;
    margin-bottom: 0;
    background-color: #FFFFFF;
    border-radius: 5px;
  }
  .blog_container .blog_content .sharesociallinks ul li:hover {
    background-color: #FFFFFF;
  }
  .blog_container .blog_content .sharesociallinks ul li:hover a {
    filter: none;
  }
  .blog_container .blog_content .sharesociallinks ul li:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .blog_container .blog_content .sharesociallinks {
    left: 200px;
    top: 140px;
  }
}
.blog_container a {
  font-family: "Gilroy-Bold";
  color: #000000;
}

.blogscontentrow {
  margin-bottom: 40px;
}

.blogscontentrow h2 {
  text-align: center;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

table.bidhom_table {
  width: 100%;
  margin-bottom: 30px;
}

table.bidhom_table thead tr th {
  padding: 5px;
  border: 1px solid #ccc;
}

table.bidhom_table tbody tr td {
  padding: 5px;
  border: 1px solid #ccc;
}

@media only screen and (max-width: 500px) {
  .blog_container .blogposteddetails {
    padding-left: 0;
  }
  .blog_container .blogposteddetails ul li.blogdate {
    margin-right: 20px;
    margin-left: 25px;
  }
  .blog_container .blogposteddetails ul li.blogdate:before {
    margin-left: -25px;
  }
  .blog_container .blogposteddetails ul li.blogreadtime {
    margin-left: 25px;
  }
  .blog_container .blogposteddetails ul li.blogreadtime span.clock {
    margin-right: 10px;
  }
}
.fof_banner {
  background: url(../img/404_banner.webp) no-repeat;
  height: 210px;
  background-size: cover;
}

.fourofourbox h1 {
  color: #000000;
}

.fourofourbox span {
  font-family: "Gilroy-ExtraBold";
  color: #000000;
}

.fourofourbox a {
  font-family: "Gilroy-Bold";
}

.modal {
  background-color: #4b4dc2;
  z-index: 99999999;
}

@media (min-width: 576px) {
  .modal .modal-dialog {
    width: 100%;
    margin: 1.75rem auto;
  }
}
.modal .modal-content {
  background: transparent;
  border: none;
}

@media (min-width: 576px) {
  .modal .modal-content {
    max-width: 500px;
    margin: 0 auto;
  }
}
.modal .bookademopopupbox {
  text-align: center;
}

.modal .bookademopopupbox h5 {
  font-family: "Gilroy-Bold";
  font-size: 28px;
  margin-bottom: 10px;
  color: #FFFFFF;
}

.modal .bookademopopupbox p {
  font-family: "Gilroy Light";
  font-size: 20px;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.modal .bookademopopupbox span.bidhom_logo {
  background: url(../img/bidhom_logos.webp) no-repeat;
  width: 180px;
  height: 70px;
  display: inline-block;
  background-position-y: -68px;
  margin: 0 auto 10px;
}

.modal.bookademopopup .modal-content img {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
}

.btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  background: url(../img/close_button_demo.png) no-repeat;
  opacity: 1;
  z-index: 99999;
}

.btn-close:focus {
  box-shadow: none;
}

.bookademo_formbox input {
  color: #FFFFFF;
  outline: none;
  border: 1px solid #FFFFFF;
  border-radius: 0;
  position: relative;
  z-index: 99;
  box-shadow: none;
  margin: 0;
  margin-bottom: 20px;
  padding: 10px 50px 10px 10px;
  background-color: #5453c4;
}

.bookademo_formbox input.nameit {
  background: url(../img/book_a_demo_icons.png) no-repeat;
  background-color: #5453c4;
  background-position: 450px 5px;
}

.bookademo_formbox input.mailit {
  background: url(../img/book_a_demo_icons.png) no-repeat;
  background-color: #5453c4;
  background-position: 450px -42px;
}

.bookademo_formbox input .phoneit {
  background: url(../img/book_a_demo_icons.png) no-repeat;
  background-color: #5453c4;
  background-position: 450px -91px;
}

.bookademo_formbox input:focus {
  box-shadow: none;
  border-color: #FFFFFF;
  background-color: #5453c4;
}

.bookademo_formbox input:-internal-autofill-selected {
  background-color: #5453c4;
}

.bookademo_formbox input.hidden {
  display: none;
}

.bookademo_formbox textarea {
  resize: none;
  padding: 10px 20px 10px 10px;
  margin-bottom: 20px;
  background-color: #5453c4;
  border: 1px solid #FFFFFF;
  border-radius: 0;
  color: #FFFFFF;
}

.bookademo_formbox textarea:focus {
  box-shadow: none;
  border-color: #FFFFFF;
  background-color: #5453c4;
}

.bookademo_formbox .g-recaptcha {
  margin-bottom: 20px;
}

.bookademo_formbox label {
  color: #FF0000;
  position: relative;
  margin-top: -15px;
  display: block;
  margin-bottom: 5px;
  text-align: left;
}

.bookademo_formbox label .mycheckbox {
  color: #FFFFFF;
  position: relative;
  margin-top: 0;
  display: block;
  margin-bottom: 20px;
  text-align: left;
  font-size: 14px;
  margin-left: 25px;
  width: 100%;
  margin-bottom: 50px;
  white-space: break-spaces;
}

.bookademo_formbox label .mycheckbox a {
  color: #FFFFFF;
  font-weight: 700;
  text-decoration: underline;
}

.bookademo_formbox label input {
  margin-bottom: 10px;
  margin-bottom: 10px;
  position: absolute;
  left: -25px;
  top: 2px;
}

.bookademo_formbox button {
  width: 100%;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0;
  font-family: "Gilroy Medium";
  color: #4550c2;
  font-size: 18px;
  padding: 12px;
}

.bookademo_formbox input::placeholder,
.bookademo_formbox textarea::placeholder,
.bookademo_formbox input:focus,
.bookademo_formbox textarea:focus {
  color: #FFFFFF;
}

.bookademo_formbox input:focus,
.bookademo_formbox textarea:focus {
  box-shadow: none;
  border-color: #FFFFFF;
  background-color: #5453c4;
}

.bidhom_bookademoform label.mycheckbox {
  color: #FFFFFF;
  position: relative;
  margin-top: 0;
  display: block;
  text-align: left;
  font-size: 14px;
  margin-left: 25px;
  width: calc(100% - 20px);
  margin-bottom: 30px;
  cursor: pointer;
}

.bidhom_bookademoform label.mycheckbox svg {
  display: block;
  position: absolute;
}

.bidhom_bookademoform label.mycheckbox input {
  display: block;
  outline: none;
  padding: 0;
  margin: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 18px;
  height: 18px;
  border-radius: 36%/36%;
  background: var(--background, transparent);
  transition: background 0.25s linear, box-shadow 0.25s linear;
  border: 2px solid #FFFFFF;
}

.bidhom_bookademoform label.mycheckbox input + svg {
  width: 21px;
  height: 18px;
  left: -26px;
  top: 3px;
  /* color: var(--active); */
  z-index: 999;
  display: none;
}

.bidhom_bookademoform label.mycheckbox input + svg .tick {
  stroke-dasharray: 20;
  stroke-dashoffset: var(--stroke-dashoffset, 20);
  transition: stroke-dashoffset 0.2s;
  color: #5453c4;
}

.bidhom_bookademoform label.mycheckbox input + svg .tick.mask {
  stroke: var(--active-tick);
}

.bidhom_bookademoform label.mycheckbox input:checked {
  background-color: #FFFFFF;
  --border: var(--active);
}

.bidhom_bookademoform label.mycheckbox input:checked + svg {
  --stroke-dashoffset: 0;
  display: block;
}

.bidhom_bookademoform label.mycheckbox input:checked + svg + svg {
  --animation: check;
}

.bidhom_bookademoform label.mycheckbox input input:-internal-autofill-selected {
  background-color: #FFFFFF;
}

.bidhom_bookademoform label.mycheckbox:hover input:not(:checked) {
  --border: var(--border-hover);
}

.bidhom_bookademoform label.mycheckbox label.error {
  margin-left: -25px;
  margin-bottom: 0;
  display: block;
  margin-top: 0;
  font-size: 16px;
}

.casestudy_banner {
  background: url(../img/case_studies_banner.webp) no-repeat;
  height: 380px;
  background-size: cover;
}

.casestudy_banner p {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin-bottom: 20px;
}

.headingBox h3 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
}

.modal .getcasestudypopupbox {
  text-align: center;
}

.modal .getcasestudypopupbox p {
  font-family: "Gilroy Light";
  font-size: 20px;
  margin-bottom: 15px;
  color: #FFFFFF;
}

.modal .getcasestudypopupbox.modal-content img {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 15px;
}

@keyframes wave {
  50% {
    transform: scale(0.9);
  }
}
.offerpopupmainbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: default;
  z-index: 999999;
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}

.offerpopupmainbox.with_campaign {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 9999999;
}

.offerpopupbox {
  display: block;
  background: #FFFFFF;
  padding: 4% 2%;
  width: 550px;
  position: absolute;
  cursor: default;
  z-index: 10001;
  border-radius: 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  text-align: center;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

.offerpopupbox h2 {
  font-size: 150px;
  font-family: "Gilroy-Bold";
  color: #4550c2;
  line-height: 1;
}

.offerpopupbox h4 {
  font-family: "Gilroy Medium";
  color: #FFFFFF;
}

.offerpopupbox h3 {
  font-family: "Gilroy Light";
}

.offerpopupbox p {
  color: #000000;
  font-size: 16px;
  text-transform: capitalize;
  font-family: "Gilroy Light";
}

.offerpopupbox span.uptov {
  font-size: 44px;
  text-transform: uppercase;
  transform: rotate(-90deg);
  display: inline-block;
  top: 42px;
  position: absolute;
  font-family: "Gilroy-Bold";
  color: #4550c2;
  left: 40px;
}

.offerpopupbox span.ff {
  font-size: 75px;
  font-family: "Gilroy-Bold";
  color: #4550c2;
  position: absolute;
  bottom: -5px;
  right: 78px;
  letter-spacing: 1.2px;
}

.offerpopupbox form input {
  width: 100%;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #ccc;
  padding-right: 110px;
}

.offerpopupbox form input:focus {
  outline-color: #4550c2;
}

.offerpopupbox form button {
  padding: 10px 20px;
  border: 1px solid #4550c2;
  background-color: #4550c2;
  color: #FFFFFF;
  margin-top: 0px;
  position: absolute;
  right: 0;
}

.offerpopupbox form button #lisubmitting {
  display: none;
}

.offerpopupbox form label {
  display: block;
  position: absolute;
  color: #4550c2;
  margin-left: 10px;
}

.offerpopupbox.with_banner {
  background: url(../img/campaigns/cyber_monday_bg.webp) no-repeat;
  background-size: cover;
  display: block;
  padding: 4% 2%;
  width: 500px;
  position: absolute;
  cursor: default;
  z-index: 10001;
  border-radius: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  text-align: center;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  margin: 0;
}

.offerpopupbox.with_banner img {
  margin-bottom: 10px;
  max-width: 250px;
  margin-top: 100px;
}

.offerpopupbox.with_banner h2 {
  font-size: 100px;
  font-family: "Gilroy-ExtraBold";
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0;
}

.offerpopupbox.with_banner h3 {
  color: #FFFFFF;
  font-size: 22px;
  font-family: "Gilroy-ExtraBold";
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 1.32;
}

.offerpopupbox.with_banner h3.main_title {
  margin-top: 30px;
  font-family: "Gilroy-ExtraBold";
  color: #001c4b;
  font-size: 32px;
  position: relative;
}

.offerpopupbox.with_banner h3.main_title span {
  font-family: "Gilroy-Bold";
  padding: 5px;
  background-color: #4550c2;
  color: #FFFFFF;
  border-radius: 4px;
  position: relative;
}

.offerpopupbox.with_banner h3.main_title span:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 24px solid transparent;
  border-bottom: 24px solid transparent;
  border-right: 30px solid #4550c2;
  position: absolute;
  top: 0;
  margin-top: 0px;
  right: -28px;
  z-index: 2;
  transform: rotate(180deg);
}

.offerpopupbox.with_banner h3.main_title:before {
  content: "";
  width: 50px;
  height: 50px;
  background: url(../img/new_homepage/bid_icon.webp) no-repeat;
  background-size: contain;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -5px;
}

.offerpopupbox.with_banner h4 {
  color: #FFFFFF;
}

.offerpopupbox.with_banner p {
  color: #FFFFFF;
  margin-bottom: 10px;
}

.offerpopupbox.with_banner p.oba {
  color: #FFFFFF;
  font-size: 24px;
  margin-bottom: 5px;
  text-transform: lowercase;
}

.offerpopupbox.with_banner ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  padding: 0;
  margin: 0 auto 20px;
}

.offerpopupbox.with_banner ul li {
  display: inline-block;
  color: #FFFFFF;
  width: 50%;
}

.offerpopupbox.with_banner ul li:first-child {
  text-align: left;
  position: relative;
}

.offerpopupbox.with_banner ul li:first-child:after {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #FFFFFF;
  display: inline-block;
  position: absolute;
  right: -10px;
}

.offerpopupbox.with_banner ul li:last-child {
  text-align: right;
}

.offerpopupbox.with_banner span.uptov {
  font-size: 30px;
  text-transform: uppercase;
  transform: rotate(-90deg);
  display: inline-block;
  top: 27px;
  position: absolute;
  font-family: "Gilroy-ExtraBold";
  color: #FFFFFF;
  left: 75px;
}

.offerpopupbox.with_banner span.its {
  font-size: 48px;
  font-family: "Gilroy-ExtraBold";
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 0;
  margin-right: 10px;
}

.offerpopupbox.with_banner span.ff {
  font-size: 65px;
  font-family: "Gilroy-ExtraBold";
  color: #FFFFFF;
  position: absolute;
  bottom: -12px;
  right: 85px;
  letter-spacing: 1px;
}

.offerpopupbox.with_banner form {
  width: 80%;
  margin: 0 auto;
}

.offerpopupbox.with_banner form input:focus {
  outline-color: #4550c2;
}

.offerpopupbox.with_banner form button {
  background-color: #4550c2;
  border-color: #FFFFFF;
  text-transform: uppercase;
}

.offerpopupbox.with_banner form button#lisubmitting {
  display: none;
}

.offerpopupbox.with_banner form label {
  display: block;
  position: absolute;
  color: #FFFFFF;
  margin-left: 10px;
}

.offerpopupbox.with_banner .offer_tag {
  display: inline-block;
  padding: 5px 20px;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  font-family: "Gilroy-Regular";
  color: #4550c2;
  font-size: 18px;
}

.offerpopupbox.with_banner .offer_tag span {
  font-family: "Gilroy-Bold";
  color: #4550c2;
}

.offerpopupbox.with_banner a.super_btn {
  background-color: #FFFFFF;
  color: #000000;
  text-transform: capitalize;
  padding: 10px 30px;
  display: inline-block;
  font-family: "Gilroy SemiBold";
}

.offerpopupbox.with_banner .closeofferpopupbox {
  background-color: #FFFFFF;
  top: 15px;
  right: 15px;
}

.offerpopupbox.with_banner.with_bf_campaign {
  background-color: #4550c2;
  background-image: none;
  overflow: hidden;
}

.offerpopupbox.with_banner.with_bf_campaign:after {
  content: "";
  background: url(../img/campaigns/black_friday_2024.webp) no-repeat;
  background-size: contain;
  width: 200px;
  height: 200px;
  display: inline-flex;
  position: absolute;
  bottom: -10px;
  right: -100px;
  z-index: -1;
}

.offerpopupbox.with_banner.with_bf_campaign .offerdiscount span.its {
  position: relative;
}

.offerpopupbox.with_banner.with_bf_campaign .offerdiscount span.its:before {
  content: "";
  display: inline-flex;
  background: url(../img/campaigns/black_friday_sale_tag.webp) no-repeat;
  background-size: contain;
  position: absolute;
  height: 85px;
  width: 85px;
  left: -70px;
  bottom: -55px;
  z-index: 0;
}

.offerpopupbox.with_banner.with_holiday_campaign {
  background-color: #4550c2;
  background-image: none;
  overflow: hidden;
}

.offerpopupbox.with_banner.with_holiday_campaign:after {
  content: "";
  background: url(../img/campaigns/holidays/holidays_1.webp) no-repeat;
  background-size: contain;
  width: 190px;
  height: 180px;
  display: inline-flex;
  position: absolute;
  top: -30px;
  left: -60px;
  z-index: -1;
}

.offerpopupbox.with_banner.with_holiday_campaign:before {
  content: "";
  background: url(../img/campaigns/holidays/holidays_2.webp) no-repeat;
  background-size: contain;
  width: 550px;
  height: 110px;
  display: inline-flex;
  position: absolute;
  bottom: -60px;
  left: 0px;
  z-index: -1;
  opacity: 0.2;
}

.offerpopupbox.with_banner.with_holiday_campaign .offerdiscount span {
  font-size: 36px;
  font-family: "Gilroy-ExtraBold";
  color: #FFFFFF;
  margin-right: 15px;
}

.offerpopupbox.with_banner.with_holiday_campaign .offerdiscount h2.free {
  position: relative;
}

.offerpopupbox.with_banner.with_holiday_campaign .offerdiscount h2.free:before {
  content: "";
  display: inline-flex;
  background: url(../img/campaigns/holidays/santa_cap.webp) no-repeat;
  background-size: contain;
  position: absolute;
  height: 50px;
  width: 50px;
  left: -20px;
  top: -3px;
  z-index: 0;
  transform: rotate(-10deg);
}

.offerpopupbox.with_banner.with_holiday_campaign span.snowflake {
  background: url(../img/campaigns/holidays/holidays_3.webp) no-repeat;
  width: 50px;
  height: 50px;
  background-size: contain;
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 60px;
}

.offerpopupbox.with_banner.with_holiday_campaign form {
  display: flex;
  align-items: center;
  width: 85%;
  margin: 0 auto;
}

.offerpopupbox.with_banner.with_holiday_campaign form input {
  width: 100%;
  padding: 15px;
  border-radius: 50px;
  border: 1px solid #ccc;
  padding-right: 30%;
  outline: none;
}

.offerpopupbox.with_banner.with_holiday_campaign form button {
  background-color: #4550c2;
  text-transform: uppercase;
  border-radius: 30px;
  border: none;
  margin-right: 7.5px;
}

.offerpopupbox.with_banner.with_holiday_campaign form label {
  bottom: -25px;
  margin-left: 15px;
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .offerpopupbox.with_banner_new {
    padding-top: 15% !important;
  }
}
@media only screen and (max-width: 500px) {
  .offerpopupbox.with_banner_new .closeofferpopupbox {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 25px;
  }
}
.offerpopupbox.with_banner_new h3 {
  color: #FFFFFF;
  font-size: 44px;
  font-family: "Gilroy Medium";
  margin-top: 0px;
  margin-bottom: 15px;
  line-height: 1;
}

.offerpopupbox.with_banner_new h3 span {
  font-family: "Gilroy-Bold";
  color: #FFF;
  letter-spacing: 2px;
}

.offerpopupbox.with_banner_new h4 {
  color: #FFFFFF;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}

.offerpopupbox.with_banner_new h5 {
  color: #FFFFFF;
  font-size: 16px;
  font-family: "Gilroy Light";
  margin-bottom: 15px;
}

.offerpopupbox.with_banner_new form {
  display: flex;
  align-items: center;
  width: 85%;
  margin: 0 auto;
}

.offerpopupbox.with_banner_new form input {
  width: 100%;
  padding: 15px;
  border-radius: 50px;
  border: 1px solid #ccc;
  padding-right: 30%;
  outline: none;
}

.offerpopupbox.with_banner_new form button {
  background-color: #4550c2;
  text-transform: uppercase;
  border-radius: 30px;
  border: none;
  margin-right: 7.5px;
}

.offerpopupbox.with_banner_new form label {
  bottom: -25px;
  margin-left: 15px;
  color: #FFFFFF;
}

.offerpopupbox.bf_campaign {
  display: block;
  padding: 4% 2%;
  width: 500px;
  position: absolute;
  cursor: default;
  z-index: 10001;
  border-radius: 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.9);
  text-align: center;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  margin: 0;
  background: url(../img/campaigns/bf_campaign.jpg) no-repeat;
  background-size: cover;
  background-position: center;
}

.offerpopupbox.bf_campaign .offerdiscount .closeofferpopupbox {
  background-color: #FFFFFF;
}

.offerpopupbox.bf_campaign .offerdiscount h2 {
  color: #4550c2;
  font-family: "Gilroy-ExtraBold";
  font-size: 100px;
  line-height: 1;
}

.offerpopupbox.bf_campaign .offerdiscount span.sale {
  font-family: "Great Vibes", cursive;
  position: absolute;
  color: #FFF;
  font-size: 40px;
  transform: rotate(-25deg);
  line-height: 1;
}

.offerpopupbox.bf_campaign p {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin-bottom: 15px;
}

.closeofferpopupbox {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #000000;
  font-size: larger;
  font-weight: 100;
  width: 30px;
  height: 30px;
  background-color: #4550c2;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
  transition: all 0.25s ease-in-out;
}

.closeofferpopupbox:hover {
  color: #000000;
  background-color: #FFFFFF;
  transform: rotate(360deg);
}

.offerdiscount {
  position: relative;
  width: 100%;
  max-width: 450px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.offerdiscountimage {
  display: none;
}

.limitedofferform {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .offerpopupbox {
    width: 90%;
    position: absolute;
    top: 20%;
    left: 5%;
    margin: 0 0 0 0;
    padding: 5%;
  }
  .offerpopupbox h2 {
    font-size: 120px;
  }
  .offerpopupbox span.uptov {
    position: relative;
    transform: rotate(0deg);
  }
  .offerpopupbox.with_banner {
    width: 90%;
    position: absolute;
    padding: 5%;
    padding-bottom: 8%;
    background: url(../img/campaigns/christmas_banner_no_image.webp) no-repeat;
    background-size: cover;
  }
  .offerpopupbox.with_banner h2 {
    font-size: 72px;
  }
  .offerpopupbox.with_banner h3.main_title {
    margin-top: 50px;
    font-size: 28px;
  }
  .offerpopupbox.with_banner h3.main_title span:after {
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    border-right: 30px solid #4550c2;
  }
  .offerpopupbox.with_banner p {
    margin-bottom: 10px;
  }
  .offerpopupbox.with_banner img {
    margin-top: 30px;
  }
  .offerpopupbox.with_banner span.its {
    font-size: 28px;
  }
  .offerpopupbox.with_banner ul {
    width: 100%;
  }
  .offerpopupbox.with_banner ul li {
    font-size: 14px;
  }
  .offerpopupbox.with_banner form {
    width: 100%;
  }
  .offerpopupbox.with_banner.with_holiday_campaign .offerdiscount {
    display: flex;
  }
  .offerpopupbox.with_banner.with_holiday_campaign .offerdiscount span {
    font-size: 28px;
  }
  .offerpopupbox.with_banner.with_holiday_campaign .offerdiscount h2 {
    font-size: 72px;
  }
  .offerpopupbox.with_banner.with_holiday_campaign .offerdiscount h2.free:before {
    width: 40px;
    height: 35px;
    left: -13px;
  }
  .offerpopupbox.with_banner.with_holiday_campaign h4 {
    margin-top: 10px;
  }
  .offerpopupbox.with_banner.with_holiday_campaign p {
    margin-bottom: 20px;
  }
  .offerpopupbox.with_banner.with_holiday_campaign form {
    width: 95%;
  }
  .offerpopupbox.with_banner.with_holiday_campaign form button {
    font-size: 14px;
  }
  .offerpopupbox.with_banner.with_holiday_campaign span.snowflake {
    display: none;
  }
  .offerpopupbox.with_banner_new h3 {
    font-size: 32px;
  }
  /*.offerdiscount{display: none;}*/
  .offerdiscountimage {
    display: block;
    margin-bottom: 0;
  }
  .offerdiscountimage img {
    margin-top: 0;
  }
  .stepsmainbox {
    padding: 0 15px;
  }
  .stepsbox {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .stepsbox:nth-child(2), .stepsbox:nth-child(4) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1500px) {
  .offerpopupbox .with_banner span.uptov {
    left: 95px;
  }
  .offerpopupbox .with_banner span.ff {
    position: absolute;
    bottom: -10px;
    right: 105px;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 380px) {
  .offerpopupbox.with_banner img {
    width: 250px;
  }
  .stepsmainbox {
    padding: 0 15px;
  }
  .stepsbox {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1650px) {
  .fullbox .launchbox {
    max-width: 1240px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .navbar .navbar-menu .navbar-menu-left {
    float: right;
  }
  .navbar .navbar-menu .navbar-menu-left ul li {
    padding: 0 10px;
    font-size: 16px;
  }
  .banner_container {
    padding: 120px 40px 40px;
  }
  .banner_container h1 br {
    display: none;
  }
  .pricing_heading h2 br {
    display: none;
  }
  .getrealwork h4 br {
    display: none;
  }
  .auction_container h5 br {
    display: none;
  }
  .builtcontainer .fullbox .halfbox p br {
    display: none;
  }
  .ahfcontainer h3 br {
    display: none;
  }
  .ahfcontainer p br {
    display: none;
  }
  .values_container .valuebox {
    padding: 20px;
    margin-bottom: 20px;
    height: auto;
  }
  .values_container .valuebox h5 br {
    display: none;
  }
  .values_container p br {
    display: none;
  }
  .values_container .row-cols-5 > * {
    width: 33.3%;
  }
  .pricingrow .pricingbox {
    height: auto;
    margin-top: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .detailsbox h2 {
    font-size: 32px;
  }
  .builtcontainer .fullbox .halfbox.auctioneersbox {
    padding-right: 20px;
  }
  .ahfbox {
    height: 300px;
    margin-bottom: 20px;
  }
  .contactformBox h4 {
    padding: 0 60px;
  }
}
@media screen and (min-width: 769px) and (max-width: 990px) {
  .navbar-menu-right {
    display: none;
  }
  .navbar .col-md-4 {
    display: none;
  }
  .bidhom_footerlogo img {
    width: 100px;
  }
}
@media (max-width: 768px) {
  .addsomebgcolor {
    background-color: #4550c2;
  }
  .fullbox .halfbox, .fullbox .twofivebox, .fullbox .threefivebox, .fullbox .onethreebox, .fullbox .twothreebox {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .fullbox.ready_box {
    padding: 0 15px;
  }
  .fullbox .threefivebox.ready_cbox h3 {
    font-size: 32px;
  }
  .fullbox .twofivebox.ready_c2box p {
    font-size: 16px;
  }
  .fullbox .halfbox .g-recaptcha {
    margin-bottom: 20px;
  }
  .fullbox .halfbox.buttonboX {
    padding-left: 0;
  }
  .fullbox .wid600, .fullbox .wid1000 {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .fullbox .homebox .homehalfbox {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .fullbox .innerbox .innerhalfbox {
    display: block;
    width: 100%;
    margin-bottom: 15px;
  }
  .fullbox .somespacing {
    padding: 0;
  }
  .navbar {
    display: none;
  }
  .herobanner,
  .about_banner,
  .blog_banner,
  .contact_banner,
  .realtors_banner,
  .auction_banner,
  .pricing_banner,
  .thankyou_banner,
  .fof_banner,
  .casestudy_banner,
  .privacy_banner,
  .homebanner_2 {
    height: auto;
    background-position: center;
    margin-top: -100px;
  }
  .herocontainer {
    padding: 150px 15px 60px 15px;
  }
  .banner_container {
    padding: 120px 0 40px 0;
  }
  .blogbox {
    margin-bottom: 15px;
  }
  .row-cols-5 > * {
    width: 50%;
  }
  .idxintegration {
    padding: 0;
  }
  .realestatesolutionbox {
    padding: 0;
    margin-top: 20px;
  }
  .testimonialbg {
    height: auto;
    background-size: cover;
    background-position: center;
  }
  .testimonial_box {
    width: 100%;
    display: block;
    padding: 30px 0;
  }
  .values_container .valuebox {
    margin-bottom: 15px;
  }
  .col-4, .col-3 {
    width: 100%;
    margin-bottom: 20px;
  }
  .getstartedbox {
    padding: 20px;
  }
  .builtcontainer .fullbox .halfbox.auctioneersbox {
    padding-right: 0;
  }
  .ahfbox {
    height: auto;
  }
  .shortboxrow {
    padding: 20px 0;
  }
  .searchboxrow {
    padding: 0;
  }
  br {
    display: none;
  }
  .blog_container {
    width: 100%;
  }
  .blog_container .blog_content {
    padding: 0;
  }
  .blog_container .blogposteddetails ul li {
    font-size: 14px;
  }
  .mobile_menu {
    display: block;
  }
  .resolutionrow .col-4 {
    width: 50%;
    margin-bottom: 10px;
  }
  .resolutionbox {
    text-align: center;
  }
  .pricingrow .pricingbox {
    height: auto;
    margin-bottom: 20px !important;
  }
  .pricing_heading h2.common_h2 {
    font-size: 28px;
    line-height: 1.48;
  }
  .essentials_box {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  }
  .footerlinks {
    margin-bottom: 20px;
  }
  .tencomob {
    display: block;
  }
  .tenco {
    display: none;
  }
  .breakonmob {
    width: 50%;
    float: left;
  }
  .bidhom_footerlogo img {
    max-width: 100px;
    margin-bottom: 20px;
  }
  .footercontact {
    margin-bottom: 0;
  }
  .leadgenerationbox h2 {
    line-height: 1.4;
  }
  .topagents_header {
    padding-bottom: 0;
  }
  .shortboxrow {
    top: 0;
  }
  .fullbox .somespacingonmob, .fullbox .getrealwork {
    padding-left: 30px;
    padding-right: 30px;
  }
  .getstartedimagebox {
    padding: 0 15px;
  }
  .billing_container {
    padding-bottom: 30px;
  }
  .pricingrow .pricingbox.annualpricing {
    height: auto;
  }
  .pricingrow .pricingbox.essentials_box {
    margin-bottom: 0;
  }
  .pricingrow .pricingbox.pro_box {
    margin-bottom: 30px;
  }
  .pricingrow .pricingbox.premier_box {
    background-color: #FFFFFF;
  }
  .pricingrow .pricingbox .pricingbody {
    margin-bottom: 0;
  }
  .pricingrow .pricingbox .pricingbody ul li {
    margin-bottom: 10px;
  }
  .pricingrow .pricingbox .pricingbody ul li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .popular_tag {
    margin-top: 30px;
  }
  .detailsbox {
    text-align: left;
    padding: 20px;
    background-color: aliceblue;
    border-radius: 15px;
  }
  .detailsbox h2 {
    font-size: 24px;
  }
  .section_1box {
    height: auto;
    margin-bottom: 15px;
  }
  .launchbox .twofivebox {
    padding: 0 15px;
  }
  .launchbox .twofivebox h3 {
    font-size: 36px;
  }
  .homehalfbox h1 {
    padding-right: 0;
  }
  .homehalfbox h4 {
    font-size: 16px;
  }
  .homehalfbox a {
    margin-bottom: 10px;
  }
  .eblist {
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .eblist ul {
    display: flex;
    border: none;
  }
  .eblist ul li {
    display: block;
    width: 100%;
  }
  .eblist ul li.active {
    font-family: "Gilroy SemiBold";
    background-color: #FFFFFF;
    color: #4550c2;
  }
  .eblist ul li.active:before {
    content: none;
  }
  .ebbox {
    padding: 25px 20px;
  }
  .home_container_2 {
    padding-bottom: 40px;
  }
  .fourofourbox {
    margin: 0 15px;
  }
  .shortbox {
    height: auto;
  }
}
@media screen and (max-width: 400px) {
  .clients_slider .slick-slide img {
    width: 150px;
    margin: 0 auto;
  }
}
.animated_image_box {
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  height: 450px;
  display: flex;
  align-items: center;
}

.animated_image_boxed {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.circular_box {
  background-color: #4550c2;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.circular_box:after {
  content: "";
  width: 115px;
  height: 115px;
  border: 1px dashed #4550c2;
  display: inline-block;
  border-radius: 100%;
  position: absolute;
}

.animbox {
  width: 150px;
  height: 80px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: absolute;
}

.animimagebox {
  width: 150px;
  height: 80px;
  border-radius: 10px;
  background-color: #FEFEFA;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  align-items: center;
  padding: 10px;
  z-index: 999;
  transition: all 0.25s ease-in-out;
}

.bid_section_row.letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox .animimagebox {
  animation: float 6s infinite linear;
}

/* .bid_section_row.letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox .animimagebox{animation: slowfade 0.5s infinite linear;} */
.animbox .animbox_1 {
  top: 0;
}

.animbox .animbox_1:before {
  content: "";
  width: 1px;
  height: 90px;
  background-color: #4550c2;
  display: inline-block;
  top: 95%;
  position: absolute;
  left: 50%;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_1 .animimagebox {
  animation-delay: 1000ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_1:before {
  animation: slowfade 1s linear;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_1:after {
  animation: slowfadebox 0.5s linear;
  animation-delay: 0.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_2:before {
  animation: slowfade2 1s linear;
  animation-delay: 1s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_2:after {
  animation: slowfade3 0.5s linear;
  animation-delay: 1.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_2 span:after {
  animation: slowfadebox 0.5s linear;
  animation-delay: 0.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_2 .animimagebox {
  animation-delay: 1500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_3:before {
  animation: slowfade3_1 1s linear;
  animation-delay: 2s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_3:after {
  animation: slowfade3 0.5s linear;
  animation-delay: 2.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_3 span:after {
  animation: slowfadebox 0.5s linear;
  animation-delay: 0.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_3 .animimagebox {
  animation-delay: 2500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_4:before {
  animation: slowfade4 1s linear;
  animation-delay: 2500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_4:after {
  animation: slowfadebox 0.5s linear;
  animation-delay: 3000ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_4 .animimagebox {
  animation-delay: 3500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_5:before {
  animation: slowfade5_1 1s linear;
  animation-delay: 3500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_5:after {
  animation: slowfade3 0.5s linear;
  animation-delay: 4000ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_5 span:after {
  animation: slowfadebox 0.5s linear;
  animation-delay: 0.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_5 .animimagebox {
  animation-delay: 4500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_6:before {
  animation: slowfade6_1 1s linear;
  animation-delay: 4500ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_6:after {
  animation: slowfade3 0.5s linear;
  animation-delay: 4750ms;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_6 span:after {
  animation: slowfadebox 0.5s linear;
  animation-delay: 0.5s;
}

.bid_section_row .letsanimate .bid_section_ibox .animated_image_box .animated_image_boxed .animbox.animbox_6 .animimagebox {
  animation-delay: 5500ms;
}

.animbox.animbox_1:after {
  content: "+";
  width: 20px;
  height: 20px;
  display: inline-flex;
  bottom: -65%;
  position: absolute;
  left: 44%;
  border: 1px solid #4550c2;
  border-radius: 100%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  color: #4550c2;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
}

.animbox.animbox_2 {
  top: 25%;
  right: -10%;
}

.animbox.animbox_2:before {
  content: "";
  width: 1px;
  height: 55px;
  background-color: #4550c2;
  display: inline-block;
  top: 40%;
  position: absolute;
  left: -53%;
  transform: rotate(45deg);
}

.animbox.animbox_2:after {
  content: "";
  width: 90px;
  height: 1px;
  background-color: #4550c2;
  display: inline-block;
  top: 50%;
  position: absolute;
  left: -40%;
}

.animbox.animbox_2 span:after {
  content: "+";
  width: 20px;
  height: 20px;
  display: inline-flex;
  bottom: 35%;
  position: absolute;
  left: -47%;
  border: 1px solid #4550c2;
  border-radius: 100%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  color: #4550c2;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
  z-index: 9;
}

.animbox.animbox_3 {
  top: 60%;
  right: -10%;
}

.animbox.animbox_3:before {
  content: "";
  width: 1px;
  height: 70px;
  background-color: #4550c2;
  display: inline-block;
  top: -17%;
  position: absolute;
  left: -55%;
  transform: rotate(135deg);
}

.animbox.animbox_3:after {
  content: "";
  width: 90px;
  height: 1px;
  background-color: #4550c2;
  display: inline-block;
  top: 50%;
  position: absolute;
  left: -40%;
}

.animbox.animbox_3 span:after {
  content: "+";
  width: 20px;
  height: 20px;
  display: inline-flex;
  bottom: 35%;
  position: absolute;
  left: -47%;
  border: 1px solid #4550c2;
  border-radius: 100%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  color: #4550c2;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
  z-index: 9;
}

.animbox.animbox_4 {
  bottom: 0;
}

.animbox.animbox_4:before {
  content: "";
  width: 1px;
  height: 90px;
  background-color: #4550c2;
  display: inline-block;
  top: -107%;
  position: absolute;
  left: 50%;
}

.animbox.animbox_4:after {
  content: "+";
  width: 20px;
  height: 20px;
  display: inline-flex;
  top: -70%;
  position: absolute;
  left: 44%;
  border: 1px solid #4550c2;
  border-radius: 100%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  color: #4550c2;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
}

.animbox.animbox_5 {
  top: 60%;
  left: -10%;
}

.animbox.animbox_5:before {
  content: "";
  width: 1px;
  height: 60px;
  background-color: #4550c2;
  display: inline-block;
  top: -13%;
  position: absolute;
  right: -58%;
  transform: rotate(45deg);
}

.animbox.animbox_5:after {
  content: "";
  width: 90px;
  height: 1px;
  background-color: #4550c2;
  display: inline-block;
  top: 50%;
  position: absolute;
  right: -44%;
}

.animbox.animbox_5 span:after {
  content: "+";
  width: 20px;
  height: 20px;
  display: inline-flex;
  bottom: 38%;
  position: absolute;
  right: -50%;
  border: 1px solid #4550c2;
  border-radius: 100%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  color: #4550c2;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
  z-index: 9;
}

.animbox.animbox_6 {
  top: 25%;
  left: -10%;
}

.animbox.animbox_6:before {
  content: "";
  width: 1px;
  height: 55px;
  background-color: #4550c2;
  display: inline-block;
  top: 37%;
  position: absolute;
  right: -55%;
  transform: rotate(135deg);
}

.animbox.animbox_6:after {
  content: "";
  width: 90px;
  height: 1px;
  background-color: #4550c2;
  display: inline-block;
  top: 50%;
  position: absolute;
  right: -44%;
}

.animbox.animbox_6 span:after {
  content: "+";
  width: 20px;
  height: 20px;
  display: inline-flex;
  bottom: 38%;
  position: absolute;
  right: -50%;
  border: 1px solid #4550c2;
  border-radius: 100%;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  color: #4550c2;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
  z-index: 9;
}

@keyframes fadeInUp {
  0% {
    transform: translate(0px, 100px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    transform: translateX(-10px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(-10px);
  }
}
@keyframes float {
  from {
    transform: rotate(0deg) translate3d(5px, 0, 0) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translate3d(5px, 0, 0) rotate(-360deg);
  }
}
@keyframes slowfade {
  from {
    opacity: 0.5;
    transform: translateY(90px);
    height: 0;
  }
  to {
    opacity: 1;
    height: 90px;
    transform: translateY(0);
  }
}
@keyframes slowfade2 {
  from {
    opacity: 0.1;
    transform: translateX(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(45deg);
  }
}
@keyframes slowfade3 {
  from {
    opacity: 0.1;
    /* transform: translateX(0) rotate(45deg); */
  }
  to {
    opacity: 1;
    /* transform: translateX(0) rotate(45deg); */
  }
}
@keyframes slowfade3_1 {
  from {
    opacity: 0.1;
    transform: translateX(0) rotate(135deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(135deg);
  }
}
@keyframes slowfade5_1 {
  from {
    opacity: 0.1;
    transform: translateX(0) rotate(45deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(45deg);
  }
}
@keyframes slowfade6_1 {
  from {
    opacity: 0.1;
    transform: translateX(0) rotate(135deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotate(135deg);
  }
}
@keyframes slowfade4 {
  from {
    opacity: 0.1;
    transform: translateY(0);
    height: 0;
  }
  to {
    opacity: 1;
    height: 90px;
    transform: translateY(0);
  }
}
@keyframes slowfadebox {
  from {
    opacity: 0;
    visibility: hidden;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
.banner_homes {
  display: none;
}

.banner_homes.open {
  display: block;
}

.newbasebgcolor {
  background-color: #fefefe;
}

.new_home_bg_2 {
  background-color: #f6f7f9;
}

.new_home_bg_light {
  background-color: #eff0ff;
}

@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.new_home__ {
  padding-top: 180px;
  padding-bottom: 120px;
  text-align: center;
}

.new_home__ h1 {
  font-family: "Gilroy-ExtraBold";
  color: #000000;
  font-size: 100px;
  text-transform: capitalize;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.new_home__ h1 span {
  font-family: "Gilroy-ExtraBold";
  color: #4550c2;
  text-transform: capitalize;
  transition: 1.75s ease-out;
  opacity: 0;
  visibility: hidden;
  display: none;
}

.new_home__ h1 span.show {
  opacity: 1;
  visibility: visible;
  display: block;
}

.new_home__ h2 {
  font-family: "Gilroy-ExtraBold";
  color: #000000;
  font-size: 100px;
  text-transform: capitalize;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.new_home__ h2.use_bidhom {
  margin-bottom: 20px;
}

.new_home__ p {
  font-size: 20px;
  margin-bottom: 30px;
  font-family: "Gilroy Medium";
}

.new_home__ ul li {
  display: inline-flex;
}

.new_home__ ul li a {
  padding: 10px;
  width: 200px;
  border: 1px solid #4550c2;
  color: #4550c2;
  background-color: transparent;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.new_home__ ul li:first-child {
  margin-right: 8px;
}

@media only screen and (max-width: 768px) {
  .new_home__ ul li:first-child {
    margin-right: 0;
  }
}
.new_home__ ul li:first-child:hover a:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-flex;
  position: absolute;
  border-top: 1px solid #4550c2;
  border-right: 1px solid #4550c2;
  right: 20px;
  transform: rotate(45deg);
  animation-name: movebtn;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.new_home__ ul li:last-child a {
  background-color: #4550c2;
  color: #FFFFFF;
}

.new_home__ ul li:last-child:hover a {
  background-color: #343eaa;
  border-color: #343eaa;
}

h1.use_bidhom {
  margin-bottom: 20px;
}

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
.trusted_by_title {
  text-align: center;
  margin-bottom: 40px;
  font-family: "Gilroy-Bold";
  color: #000000;
  font-size: 32px;
}

.stepsbox {
  padding: 20px 15px;
  background-color: #eff0ff;
}

.stepsbox p {
  margin-bottom: 0;
}

.stepsbox:hover {
  background-color: #4550c2;
}

.stepsbox:hover div {
  filter: brightness(0) invert(1);
}

.stepsbox:hover h4, .stepsbox:hover p {
  color: #FFFFFF;
}

.home_client_mainbox {
  max-width: 1050px;
}

.home_client_mainbox .home_client_box {
  width: calc(16.6666666667% - 15px);
}

.home_client_mainbox .home_client_box img {
  width: 130px;
  animation: action3 3s linear infinite;
  -webkit-animation: action3 3s linear infinite;
}

@-webkit-keyframes action3 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes action3 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}
.new_home_bg {
  background: linear-gradient(90deg, #FFFFFF 47.12%, #E6E9FF 88.21%);
}

.nhero_box {
  padding-top: 40px;
  padding-bottom: 150px;
}

.nhero_box h1 {
  text-align: center;
  font-family: "Gilroy-Bold";
  color: #000000;
}

.nhero_box h3 {
  text-align: center;
  font-family: "Gilroy-Bold";
  color: #000000;
  font-size: 36px;
}

.nhero_box p {
  text-align: center;
  color: #000000;
  margin-bottom: 40px;
}

.nhero_box ul.nhero_tabs {
  list-style: none;
  text-align: center;
  padding-bottom: 40px;
}

.nhero_box ul.nhero_tabs li {
  display: inline-block;
  text-align: center;
  padding: 10px 30px;
  font-family: "Gilroy SemiBold";
  cursor: pointer;
  color: #000000;
  margin-right: 15px;
  border: 1px solid #c6caf4;
  border-radius: 30px;
}

.nhero_box ul.nhero_tabs li:last-child {
  margin-right: 0;
}

.nhero_box ul.nhero_tabs li:hover {
  color: #4550c2;
  background-color: #c6caf4;
}

.nhero_box ul.nhero_tabs li.active {
  background-color: #4550c2;
  border-color: #4550c2;
  color: #FFFFFF;
}

.nhero_box ul.nhero_tabs li.active:hover {
  background-color: #4550c2;
  border-color: #4550c2;
  color: #FFFFFF;
}

.nhero_box_head {
  max-width: 800px;
  margin: 0 auto;
}

.bidgetstartedform {
  width: 500px;
  margin: 0 auto;
  margin-bottom: 30px;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bidgetstartedform input {
  width: 75%;
  padding: 10px;
  border-radius: 0;
  border: 1px solid #4550c2;
  background: #FFFFFF;
  color: #000000;
  outline: none;
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.bidgetstartedform button {
  padding: 10px 15px;
  position: relative;
  width: 25%;
  border: 1px solid #4550c2;
  border-left: none;
  background-color: #4550c2;
  color: #FFFFFF;
  border-radius: 0 4px 4px 0;
}

.bidgetstartedform button.btndown {
  pointer-events: none;
}

.bidgetstartedform label {
  position: absolute;
  margin-top: 80px;
  padding-left: 10px;
  color: red;
}

.nhero_tab_content {
  position: relative;
}

.maindash {
  width: 1000px;
  background-color: #FFFFFF;
  border-radius: 20px;
  height: 520px;
  margin: 0 auto;
  display: flex;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.mdlside {
  width: 20%;
  background-color: #FFFFFF;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 6px -6px 12px;
}

.mdlside_logobox {
  width: 100%;
  padding: 5px 15px;
}

.mdlside_logo {
  width: 160px;
  height: 60px;
  background: url(../img/bidhom_logos.webp) no-repeat;
  background-size: cover;
  background-position-y: 0;
}

/* .mdlside img{padding: 10px 20px;width: 180px;} */
.dashsideum {
  padding: 10px 20px 10px 50px;
  position: relative;
  border-bottom: 1px solid #DFDFDF;
  font-size: 13px;
}

.dashsideum span.sideicon {
  width: 18px;
  height: 18px;
  background: url(../img/new_homepage/tabonesideicons_.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-top: 4px;
  position: absolute;
  left: 20px;
}

.dashsideum span.sideicon.sideicon_1 {
  background-position-y: 0;
}

.dashsideum span.sideicon.sideicon_2 {
  background-position-y: -20px;
}

.dashsideum span.sideicon.sideicon_3 {
  background-position-y: -38px;
  margin-top: 1px;
}

.dashsideum.active {
  background-color: #4550c2;
  color: #FFFFFF;
  border-color: #4550c2;
  position: relative;
}

.dashsideum.active:after {
  content: "";
  display: inline-block;
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  transform: rotate(225deg);
  position: absolute;
  right: 15px;
  top: 15px;
}

.mdlside ul li {
  padding: 8px 5px 8px 70px;
  border-bottom: 1px solid #DFDFDF;
  font-size: 13px;
}

.mdlside ul li.active {
  color: #4550c2;
  font-weight: 600;
}

.mdrside {
  width: 80%;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

.mdrside_head {
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  border-top-right-radius: 20px;
  font-size: 12px;
}

.mdrside_body {
  background-color: #EEEEEE;
  padding: 20px;
}

.mdrside_head_left {
  display: flex;
  align-items: center;
}

.hamburger-icon-4 {
  pointer-events: none;
  margin-right: 26px;
}

.hamburger-icon-4 span {
  display: block;
  position: absolute;
  height: 1px;
  width: 18px;
  background: #000000;
  content: "";
}

.hamburger-icon-4 span:before, .hamburger-icon-4 span:after {
  display: block;
  position: absolute;
  height: 1px;
  width: 18px;
  background: #000000;
  content: "";
}

.hamburger-icon-4 span:before {
  top: -6px;
}

.hamburger-icon-4 span:after {
  bottom: -6px;
}

.mdrside_head_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 30px;
  position: relative;
  cursor: pointer;
}

.avatar {
  overflow: hidden;
}

.user-icon {
  font-size: 2em;
  float: left;
  margin: 0;
  margin-right: 0.5rem;
  border-radius: 1em;
  border: 1px solid #707070;
  height: 1em;
  width: 1em;
  background: none;
  padding: 0;
}

.user-icon:before {
  content: " ";
  display: block;
  height: 0.25em;
  width: 0.25em;
  background: #707070;
  position: relative;
  left: 0.32em;
  top: 0.15em;
  border-radius: 0.25em;
}

.user-icon:after {
  content: " ";
  display: block;
  height: 0.25em;
  width: 0.5em;
  background: #707070;
  position: relative;
  left: 0.2em;
  top: 0.18em;
  border-radius: 0.5em 0.5em 0 0;
}

.user_name {
  position: relative;
  font-size: 12px;
  pointer-events: none;
}

.user_name:after {
  content: "";
  display: inline-block;
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  transform: rotate(225deg);
  position: absolute;
  right: -20px;
  top: 2px;
}

.admin_dropbox {
  position: absolute;
  background-color: #FFFFFF;
  width: 100px;
  right: 0;
  top: 100px;
  z-index: 99;
  display: none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.admin_dropbox ul li {
  padding: 2px 5px;
  cursor: pointer;
  font-size: 10px;
}

.admin_dropbox ul li:hover, .admin_dropbox ul li.active {
  background-color: #4550c2;
  color: #FFFFFF;
}

.admin_dropbox.showme {
  display: flex;
  top: 40px;
  flex-direction: column;
}

.agentsfilterbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.agentsfilterbox .filtertitle {
  font-family: "Gilroy-Bold";
  font-size: 14px;
}

.agentsfilterbox .filters {
  display: flex;
  justify-content: end;
  align-items: center;
}

.agentsfilterbox .filters_searchbox {
  margin-right: 10px;
  position: relative;
}

.agentsfilterbox .filters_searchbox:before {
  content: "";
  background: url(../img/new_homepage/search_icon.webp) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  top: 7px;
  left: 8px;
}

.agentsfilterbox .filters_searchbox input {
  padding: 5px 10px 5px 30px;
  border-radius: 0;
  border: 1px solid #ccc;
  outline: none;
  font-size: 12px;
}

.agentsfilterbox .filters_searchbox button {
  background-color: #D1D5FF;
  border: 1px solid #4550c2;
  padding: 5px 10px;
  color: #000000;
  text-transform: uppercase;
  font-family: "Gilroy Medium";
  margin-left: -10px;
  font-size: 12px;
}

.agentsfilterbox .filter_1 {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 12px;
}

.agentsfilterbox .filter_select {
  padding: 5px;
  width: 80px;
  border: 1px solid #000000;
  position: relative;
  font-size: 12px;
  background-color: #FFFFFF;
}

.agentsfilterbox .filter_select:after {
  content: "";
  display: inline-block;
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  transform: rotate(225deg);
  position: absolute;
  right: 8px;
  top: 8px;
}

.agentsfilterbox .filter_select.fsf {
  margin-right: 5px;
}

.agentsfilterbox .filter_select.fsf .filter_select_dropdown {
  position: absolute;
  display: block;
  width: 80px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 0;
  right: -1px;
  margin-top: 10px;
  display: none;
  cursor: pointer;
}

.agentsfilterbox .filter_select.fsf .filter_select_dropdown ul li {
  padding: 0 5px;
  cursor: pointer;
}

.agentsfilterbox .filter_select.fsf .filter_select_dropdown ul li:hover {
  background-color: #4550c2;
  color: #FFFFFF;
}

.agentsfilterbox .filter_select.rpp {
  width: 130px;
  cursor: pointer;
}

.agentsfilterbox .filter_select.rpp .filter_select_dropdown {
  position: absolute;
  display: block;
  width: 130px;
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 0;
  right: -1px;
  margin-top: 10px;
  z-index: 999;
  display: none;
  cursor: pointer;
}

.agentsfilterbox .filter_select.rpp .filter_select_dropdown ul li {
  padding: 0 5px;
  cursor: pointer;
}

.agentsfilterbox .filter_select.rpp .filter_select_dropdown ul li:hover {
  background-color: #4550c2;
  color: #FFFFFF;
}

.new_agent_btn {
  font-size: 12px;
  background-color: #4550c2;
  color: #FFFFFF;
  padding: 6px 10px;
}

.permission_box {
  padding: 15px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.permission_box h4 {
  font-size: 18px;
  font-family: "Gilroy Medium";
  margin-bottom: 20px;
}

.pss_main_box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.pss_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 10px;
}

.pss_box div.hideit {
  filter: blur(3px);
}

.pss_box_left,
.pss_box_right {
  width: calc(50% - 20px);
}

div.toggler label {
  position: relative;
  cursor: pointer;
  display: block;
  width: 30px;
  height: 15px;
  background: #cccccc;
  border-radius: 50px;
  transition: 300ms linear;
}

div.toggler label:before {
  position: absolute;
  top: 49%;
  left: 2px;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #FFFFFF;
  border-radius: 50%;
  transition: left 300ms linear;
}

div.toggler input {
  display: none;
}

div.toggler input:checked + label {
  background: #4550c2;
}

div.toggler input:checked + label:before {
  left: 15.5px;
}

div.toggler input:disabled + label {
  background-color: #848ac7;
}

div.toggler input:disabled + label:before {
  left: 15.5px;
}

.mdrside_body_c {
  display: flex;
}

.mdrside_body_c1 {
  width: calc(65% - 15px);
  margin-right: 15px;
}

.agents__box {
  background-color: #FFFFFF;
  display: flex;
  border-radius: 10px;
  margin-bottom: 15px;
}

.agentsd__box {
  padding: 10px;
  display: flex;
  align-items: flex-start;
  border-right: 1px solid #e1e1e1;
  width: 45%;
}

.agentsd__info {
  padding: 0 8px;
}

.agentsd__info ul li {
  font-size: 12px;
  margin-bottom: 3px;
}

.agentsd__info ul li:nth-child(odd) {
  font-family: "Gilroy-Bold";
}

.agentss__box {
  padding: 10px;
  border-right: 1px solid #e1e1e1;
  width: 35%;
}

.agentss__box div.agentss__asas {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3px;
}

.agentss__box div:last-child p:last-child {
  margin-bottom: 0;
}

.agentss__box .astitle {
  font-size: 12px;
  font-family: "Gilroy SemiBold";
  display: block;
  margin-bottom: 0;
}

.agentss__box .asstatus {
  padding: 2px 5px;
  background-color: #40C278;
  color: #FFFFFF;
  font-size: 11px;
  margin-bottom: 0;
  display: inline-block;
}

.agentss__box p {
  font-size: 11px;
  text-align: left;
  margin-bottom: 5px;
}

.agentss__box p span {
  color: #4550c2;
}

.agentsi__box {
  padding: 10px;
  font-size: 11px;
  width: 20%;
}

.agentsi__box div {
  display: flex;
  justify-content: space-between;
}

.agentsi__box div ul li {
  font-size: 12px;
  margin-bottom: 3px;
}

.agentsi__box div ul li:first-child {
  font-family: "Gilroy SemiBold";
}

.agentsi__box div ul li:last-child {
  margin-bottom: 5px;
}

.mdrside_body_c2 {
  width: 35%;
}

.listing_monitor {
  padding: 15px;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.listing_monitor h4 {
  font-family: "Gilroy SemiBold";
  font-size: 18px;
  margin-bottom: 10px;
}

.current_bid {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.cb_image {
  width: 40%;
}

.cb_details {
  width: calc(60% - 30px);
  margin-left: 30px;
  position: relative;
}

.cb_details p {
  font-size: 11px;
  text-align: left;
  margin-bottom: 0;
}

.map_pin {
  position: absolute;
  top: 0;
  margin-left: -20px;
  border-radius: 50% 50% 50% 0;
  border: 1px solid #000000;
  width: 12px;
  height: 12px;
  transform: rotate(-45deg);
}

.map_pin:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -2.5px;
  background-color: #000000;
}

.auction_listings {
  display: flex;
  text-align: center;
  margin-bottom: 15px;
}

.auction_listings .albox {
  border-right: 1px solid #ccc;
}

.auction_listings .albox:last-child {
  border-right: none;
}

.auction_listings .albox.albox_1 {
  width: 25%;
}

.auction_listings .albox.albox_2 {
  width: 35%;
}

.auction_listings .albox.albox_3 {
  width: 40%;
}

.auction_listings .albox div {
  font-size: 10px;
  color: #292727;
}

.auction_listings .albox div:first-child {
  opacity: 0.56;
}

.bidding_details table {
  width: 100%;
  text-align: center;
}

.bidding_details table thead {
  background-color: #4550c2;
  border: 1px solid #4550c2;
}

.bidding_details table thead th {
  font-size: 8px;
  padding: 8px;
  color: #FFFFFF;
  font-weight: 100;
}

.bidding_details table tbody {
  border: 1px solid #ccc;
}

.bidding_details table tbody tr td {
  border: none;
  font-size: 12px;
  font-family: "Gilroy-Bold";
  padding: 10px;
}

.tab1leftbox {
  position: absolute;
  width: 190px;
  background-color: #FFFFFF;
  padding: 20px 15px;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  bottom: 80px;
  left: 20px;
}

.tab1leftbox ul li {
  position: relative;
  margin-left: 30px;
  font-size: 14px;
  margin-bottom: 20px;
  font-family: "Gilroy Medium";
}

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

span.iconic {
  width: 20px;
  height: 20px;
  background: url(../img/new_homepage/tabonesideicons_.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-top: 4px;
  position: absolute;
  left: -30px;
}

.iconic.iconic_1 {
  background-position-y: -74px;
  margin-top: 2px;
}

.iconic.iconic_2 {
  background-position-y: -102px;
}

.iconic.iconic_3 {
  background-position-y: -127px;
}

.tab1middlebox {
  position: absolute;
  width: 190px;
  background-color: #FFFFFF;
  padding: 15px 0;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  left: 240px;
  bottom: -60px;
}

.tab1middlebox p {
  text-align: left;
  background-color: #4550c2;
  color: #FFFFFF;
  padding: 5px 15px;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  font-family: "Gilroy Medium";
  font-size: 14px;
}

.tab1middlebox p:after {
  content: "";
  display: inline-block;
  margin: 0;
  width: 8px;
  height: 8px;
  border-top: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
  transform: rotate(225deg);
  position: absolute;
  right: 15px;
  top: 25px;
}

.tab1middlebox p.settings_i:before {
  content: "";
  background: url(../img/new_homepage/settings.webp) no-repeat;
  width: 22px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  background-size: contain;
}

.tab1middlebox ul {
  margin-top: 5px;
}

.tab1middlebox ul li {
  list-style: none;
  padding: 5px 0;
  border-bottom: 1px solid #F4F4F4;
  font-family: "Gilroy Medium";
  padding-left: 30%;
  font-size: 14px;
}

.tab1middlebox ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #000000;
  display: inline-block;
  position: absolute;
  margin-top: 9px;
  margin-left: -15px;
}

.tab1middlebox ul li:last-child {
  border-bottom: none;
}

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

.table1filterbox .filtertitle {
  font-family: "Gilroy-Bold";
}

.table1filterbox .filters {
  display: flex;
  justify-content: end;
  align-items: center;
}

.icono-filter {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  color: #000000;
  text-align: left;
  text-indent: -9999px;
  direction: ltr;
  width: 0;
  height: 0;
  border: 10px solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
  padding: 3px;
  box-shadow: inset 0 7px;
  margin: 9px 4px;
}

.icono-filter:before, .icono-filter:after {
  content: "";
  pointer-events: none;
}

.filters_searchbox {
  position: relative;
}

.filters_searchbox input {
  padding: 5px 10px 5px 20px;
  border-radius: 0;
  border: 1px solid #ccc;
  outline: none;
  font-size: 10px;
}

.filters_searchbox button {
  background-color: #D1D5FF;
  border: 1px solid #4550c2;
  padding: 5px 10px;
  color: #000000;
  text-transform: uppercase;
  font-family: "Gilroy Medium";
  margin-left: -10px;
  font-size: 10px;
}

.filters_searchbox:before {
  content: "";
  background: url(../img/new_homepage/search_icon.webp) no-repeat;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-size: contain;
  position: absolute;
  top: 8px;
  left: 6px;
}

.pimainbox {
  position: relative;
}

.piheader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  position: absolute;
  margin-top: 15px;
  width: 100%;
}

.auct_status {
  padding: 5px 8px;
  background-color: #000000;
  color: #FFFFFF;
  font-family: "Gilroy SemiBold";
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1;
}

.star-icon {
  color: #000000;
  font-size: 24px;
  position: relative;
  line-height: 1;
  display: inline-block;
}

.pifooter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 15px;
  width: 100%;
  position: absolute;
  margin-top: -85px;
}

.pifooter_lb {
  display: flex;
}

.piflbbox {
  width: 50px;
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 4px;
  margin-right: 5px;
}

.piflbbox span {
  font-size: 8px;
  display: block;
  margin: 5px 0 0;
  line-height: 1;
}

.piflbbox.active span {
  color: #4550c2;
}

.detaicon {
  width: 100%;
  background-color: #7F7F7F;
  height: 40px;
  border-radius: 4px;
}

.pifooter_rb {
  text-align: right;
}

.pifooter_rb p {
  text-align: center;
  padding: 5px 8px;
  background-color: #4550c2;
  color: #FFFFFF;
  font-size: 12px;
  font-family: "Gilroy SemiBold";
  text-transform: uppercase;
  margin-bottom: 5px;
}

.pifooter_rb span {
  padding: 5px 8px;
  background-color: #FFFFFF;
  color: #4550c2;
  font-size: 12px;
  font-family: "Gilroy SemiBold";
  text-transform: uppercase;
  margin-bottom: 0;
  border: 1px solid #000000;
  display: inline-block;
}

.pifmd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.pifmd_a {
  margin-left: 30px;
}

.pifmd_a:before {
  content: "";
  background: url(../img/new_homepage/asset_type_icons.webp) no-repeat;
  width: 15px;
  height: 18px;
  display: inline-block;
  background-size: cover;
  background-position-y: 0px;
  position: absolute;
  margin-left: -25px;
  margin-top: 2px;
}

.pifmd_a p {
  font-family: "Gilroy-Bold";
  margin-bottom: 0;
  font-size: 12px;
}

.pifmd_a span {
  color: #4550c2;
  font-size: 12px;
  display: block;
}

.pifmd_d {
  display: flex;
}

.pifmd_dd {
  padding: 0 10px;
  border-right: 1px solid #4550c2;
  font-size: 12px;
}

.pifmd_dd:last-child {
  border-right: none;
}

.pifmd_dd p {
  margin-bottom: 0;
  font-family: "Gilroy-Bold";
}

.pifmd_b {
  display: block;
  text-align: right;
  font-size: 12px;
}

.pifmd_b p {
  color: #4550c2;
  margin-bottom: 0;
  font-family: "Gilroy-Bold";
}

.pdtimer {
  background-color: rgba(69, 80, 194, 0.12);
  border-radius: 5px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px;
  text-align: center;
  margin: 5px 15px;
}

.pdtimer span {
  font-family: "Gilroy-Bold";
  font-size: 18px;
  line-height: 1;
}

.pdtimer p {
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 0;
}

.pd_needs {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 15px 0;
  font-size: 14px;
}

.pd_needs div {
  width: 50%;
  padding: 0 20px;
  font-size: 12px;
}

.pd_needs div:first-child {
  border-right: 1px solid #4550c2;
}

.al_details {
  width: 70%;
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  font-size: 14px;
}

.pdc_listed {
  text-align: center;
  position: relative;
}

.pdc_listed span {
  display: inline-flex;
  padding: 4px 8px;
  margin-bottom: 5px;
  background-color: #FFFFFF;
  z-index: 9;
  position: relative;
  font-size: 14px;
}

.pdc_listed:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #707070;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 13px;
  z-index: 0;
}

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

.blistedbybox_l {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.blistedbybox_l img {
  border-radius: 100%;
  width: 70px;
  height: 70px;
}

.blistedbybox_l ul {
  font-size: 13px;
}

.blistedbybox_l ul li:first-child {
  font-family: "Gilroy-Bold";
}

.blistedbybox_r {
  width: 50%;
  text-align: center;
}

.blistedbybox_r p {
  margin: 0;
  font-family: "Gilroy-Bold";
  font-size: 14px;
}

.blistedbybox_r a {
  display: inline-block;
  color: #4550c2;
  font-size: 14px;
}

.buybidbox {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px;
}

.buybidtbox {
  padding: 8px 10px;
  text-align: center;
  background-color: #4550c2;
  color: #FFFFFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.buybidtbox h4 {
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
  font-size: 16px;
  margin-bottom: 2px;
}

.buybidtbox p {
  margin-bottom: 0;
  font-size: 10px;
  color: #FFFFFF;
}

.buybiddbox {
  padding: 0;
  background-color: #FFFFFF;
  border-radius: 10px;
}

.buybiddetbox {
  text-align: center;
  margin: 0;
  border-bottom: 1px solid #ddd;
}

.buybiddetbox h3 {
  font-family: "Gilroy-ExtraBold";
  font-size: 24px;
  color: #4550c2;
  margin-bottom: 0;
}

.buybiddetbox p {
  margin-bottom: 5px;
  font-size: 12px;
}

.buybidrbox {
  padding: 5px 15px;
}

.buybidrbox p {
  text-align: center;
  font-size: 12px;
  margin-bottom: 5px;
}

.buybidrbox p span {
  font-family: "Gilroy-Bold";
}

.buybidrbox ul li {
  text-align: center;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 8px;
  font-size: 14px;
  background-color: #d9ffea;
  color: #2ea645;
}

.placebidmainbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
  margin-top: 5px;
  font-family: "Gilroy-Bold";
}

.placebidbox {
  width: calc(70% - 5px);
  background-color: #FFFFFF;
  padding: 5px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 10px;
  position: relative;
}

.placebidbox:before, .placebidbox:after {
  display: inline-block;
  font-size: 18px;
  position: absolute;
  left: 8px;
  top: -2px;
  color: #4550c2;
}

.placebidbox:before {
  content: "-";
  left: 8px;
}

.placebidbox:after {
  content: "+";
  left: auto;
  right: 8px;
}

.placebidbtn {
  width: calc(30% - 5px);
  padding: 5px;
  background-color: #4550c2;
  text-align: center;
  color: #FFFFFF;
  border-radius: 5px;
  border: 1px solid #4550c2;
  font-size: 10px;
}

.bidendbox {
  border-top: 1px solid #ddd;
  padding: 8px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bidendbox p {
  font-family: "Gilroy-Bold";
  margin-bottom: 0;
  font-size: 10px;
}

.buyer__boxed {
  display: flex;
  justify-content: space-between;
}

.buyer__boxed_l,
.buyer__boxed_r {
  width: calc(50% - 5px);
  padding: 10px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin-top: 10px;
}

.buyer__boxed_l h4,
.buyer__boxed_r h4 {
  font-size: 14px;
  font-family: "Gilroy SemiBold";
}

.listedbyboxed {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.listedbyboxed div:last-child {
  margin-left: 5%;
}

.listedbyboxed ul li {
  font-size: 12px;
}

.listedbyboxed ul li a {
  color: #4550c2;
}

.buyer__boxed_r ul li {
  background-color: #4550c2;
  padding: 5px;
  border-radius: 5px;
  font-size: 10px;
  margin-bottom: 5px;
  text-align: center;
}

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

.buyer__boxed_r ul li a {
  color: #FFFFFF;
}

.buyer__boxed_r ul li a img {
  margin-right: 4px;
}

.hbo__box {
  width: 320px;
  position: absolute;
  background-color: #FFFFFF;
  border-radius: 20px;
  padding: 15px;
  bottom: -40px;
  left: 365px;
  z-index: 99;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.hbo__box_head {
  font-size: 16px;
  font-family: "Gilroy SemiBold";
  margin-bottom: 8px;
}

.hbo__box_offerbox {
  display: flex;
  align-items: center;
}

.hbo__box_offerbox div:first-child {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  background-color: #cccccc;
  margin-right: 8px;
}

.hbo__box_offerbox div:last-child p {
  margin-bottom: 3px;
  font-size: 10px;
  text-align: left;
}

.hbo__box_offerbox div:last-child span.hbo__val {
  font-family: "Gilroy-Bold";
  margin-right: 8px;
  font-size: 13px;
}

.HBO__value__box {
  display: flex;
  align-items: center;
}

.HBO__value__box span.hbo__val {
  font-family: "Gilroy-Bold";
  margin-right: 10px;
}

.HBO__value__box span.offer__tag {
  padding: 3px 6px;
  border-radius: 10px;
  background-color: #848EF5;
  color: #FFFFFF;
  font-size: 10px;
}

.hbo__buttons {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.hbo__buttons div {
  width: calc(20% - 5px);
  margin-right: 5px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 3px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.hbo__buttons div p {
  font-size: 10px;
  margin-bottom: 0;
}

.hbo__buttons div:last-child {
  margin-right: 0;
  width: 20%;
}

.home_hboicon {
  width: 18px;
  height: 18px;
  background: url(../img/new_homepage/buyer_icons.webp) no-repeat;
  background-size: cover;
  display: block;
  margin: 0 auto;
}

.home_hboicon.home_hboicon_1 {
  background-position-y: 0px;
  background-position-x: 3px;
}

.home_hboicon.home_hboicon_2 {
  background-position-x: -69.5px;
}

.home_hboicon.home_hboicon_3 {
  background-position-x: -132.5px;
}

.home_hboicon.home_hboicon_4 {
  background-position-x: -198.5px;
}

.home_hboicon.home_hboicon_5 {
  background-position-x: -283px;
}

.buyerdash__box {
  width: 550px;
  display: flex;
  position: absolute;
  border-radius: 15px;
  padding: 0;
  align-items: center;
  top: 180px;
  left: 0px;
}

.buyer__as {
  width: 120px;
  background-color: #4550c2;
  border-radius: 10px;
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.buyer__as h5 {
  font-size: 12px;
  text-align: center;
  font-family: "Gilroy SemiBold";
  color: #FFFFFF;
}

.buyer__as p {
  font-size: 12px;
  text-align: center;
  font-family: "Gilroy SemiBold";
  color: #FFFFFF;
  margin-top: 5px;
  margin-bottom: 0;
}

.buyer__as .auction__status {
  text-align: center;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  background-color: #FFFFFF;
}

.buyer__as .auction__status span {
  color: #000000;
  font-size: 9px;
  font-family: "Gilroy-Bold";
}

.buyer__aas {
  background: #F0F0FA;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  display: flex;
  justify-content: space-around;
  padding: 25px 10px;
  font-size: 10px;
  box-shadow: rgba(100, 100, 111, 0.15) 20px 2px 30px 0px;
}

.buyer__aas div {
  border-right: 1px solid #b9b9e0;
  margin-right: 5px;
}

.buyer__aas div:nth-child(1) {
  width: 25%;
}

.buyer__aas div:nth-child(2) {
  width: 20%;
}

.buyer__aas div:nth-child(3) {
  width: 20%;
}

.buyer__aas div:nth-child(4) {
  width: 20%;
}

.buyer__aas div:nth-child(5) {
  width: 15%;
  border-right: none;
  margin-right: 0;
}

.buyer__aas div p {
  margin-bottom: 0;
  font-size: 10px;
  text-align: left;
}

.buyer__aas div p:first-child {
  margin-bottom: 5px;
  font-family: "Gilroy SemiBold";
}

.home_client_mainbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-flow: wrap;
  width: 700px;
  margin: 0 auto 60px;
}

.home_client_box {
  width: calc(25% - 15px);
  margin-right: 15px;
  text-align: center;
}

.home_client_box:nth-child(4), .home_client_box:nth-child(8) {
  margin-right: 0;
}

.home_client_box img {
  width: 120px;
}

.mob_re_image {
  display: none;
}

.new_home__ {
  position: relative;
}

.new_home__:after, .new_home__:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 40%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
}

.new_home__:before {
  left: -8rem;
  width: 25%;
}

.new_home__:after {
  right: -8rem;
  width: 25%;
  top: 0;
}

.nhero_box {
  position: relative;
}

.nhero_box:before {
  background: radial-gradient(47.81% 42.13% at 47.03% 58.48%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 51.56%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 14rem;
  content: "";
  filter: blur(137.377px);
  height: 35%;
  left: -5rem;
  position: absolute;
  transform: rotate(-165deg);
  width: 30%;
  z-index: -1;
}

.nhero_box:after {
  background: radial-gradient(45.31% 36.9% at 54.69% 63.1%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  content: "";
  filter: blur(137.377px);
  height: 40%;
  position: absolute;
  right: 0;
  top: 15rem;
  transform: rotate(-176.31deg);
  width: 30%;
  z-index: -1;
}

.bid_section_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;
}

.bid_section_cbox {
  width: 45%;
  padding-right: 8%;
}

.bid_section_cbox h4 {
  font-family: "Gilroy-Bold";
}

.bid_section_ibox {
  width: 55%;
}

.bid_section_ibox img {
  text-align: center;
  filter: drop-shadow(0px 48px 100px rgba(17, 12, 46, 0.15));
}

.common_header_home {
  margin-bottom: 40px;
  text-align: center;
}

.common_header_home h3 {
  font-family: "Gilroy-Bold";
  margin-bottom: 0;
}

.common_header_home p {
  margin-bottom: 0;
}

.home_manage_row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 1.5rem;
}

.home_manage_boxL {
  width: 30%;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home_manage_boxR {
  width: 70%;
  padding: 20px;
  border-radius: 10px;
  background-color: #FFFFFF;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.home_manage_list {
  padding: 10px;
  background-color: #FFFFFF;
  border-radius: 8px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.home_manage_list:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.home_manage_list:last-child {
  margin-bottom: 0;
}

.home_manage_list:after {
  content: "";
  width: 12px;
  height: 12px;
  border-top: 1px solid #4550c2;
  border-right: 1px solid #4550c2;
  transform: rotate(45deg);
  position: absolute;
  right: 20px;
}

.micon {
  width: 40px;
  height: 35px;
  background: url(../img/new_homepage/manage_icons.webp) no-repeat;
  background-size: cover;
  display: inline-flex;
}

.micon.micon_1 {
  background-position-x: 4px;
}

.micon.micon_2 {
  background-position-x: -39px;
}

.micon.micon_3 {
  background-position-x: -83px;
}

.micon.micon_4 {
  background-position-x: -129px;
}

.micon.micon_5 {
  background-position-x: -175px;
}

.micon.micon_6 {
  background-position-x: -218px;
}

.micon.micon_7 {
  background-position-x: -263px;
}

.home_manage_list h4 {
  font-family: "Gilroy SemiBold";
  margin-bottom: 0;
  margin-left: 15px;
  font-size: 20px;
}

.home_manage_list:hover h4 {
  color: #4550c2;
}

.home_manage_list.active {
  background-color: #4550c2;
}

.home_manage_list.active h4 {
  color: #FFFFFF;
}

.home_manage_list.active .micon {
  filter: brightness(0) invert(1);
}

.home_manage_list.active:after {
  border-color: #FFFFFF;
}

.home_manage_box_content {
  display: none;
}

.home_manage_box_content.active {
  display: flex;
  justify-content: space-between;
}

.home_manage_cbox {
  width: calc(50% - 15px);
}

.home_manage_cbox h5 {
  font-family: "Gilroy SemiBold";
  margin-bottom: 10px;
}

.home_manage_cbox p {
  line-height: 1.6;
}

.home_manage_cbox p a {
  color: #424cb9;
}

.home_manage_cbox ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.home_manage_cbox ul li {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.home_manage_cbox ul li:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #4550c2;
  border-radius: 8px;
  display: inline-flex;
  position: absolute;
  left: -20px;
}

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

.home_manage_ibox {
  width: calc(50% - 15px);
}

.smrehub {
  position: relative;
}

.home_smrecontainer {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}

.home_smrecontainer:after, .home_smrecontainer:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 40%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
}

.home_smrecontainer:before {
  left: -8rem;
  width: 15%;
  top: 10%;
}

.home_smrecontainer:after {
  right: -8rem;
  width: 15%;
  bottom: 10%;
}

.home_smrebox {
  display: flex;
  align-items: center;
  padding: 60px 0;
  border-bottom: 1px solid #e4e4e4;
  position: sticky;
  top: 90px;
  background-color: #FFFFFF;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.home_smrebox:last-child {
  border-bottom: none;
}

.home_smrebox.home_smrebox_1 {
  z-index: 0;
}

.home_smrebox.home_smrebox_2 {
  z-index: 1;
}

.home_smrebox.home_smrebox_3 {
  z-index: 2;
}

.home_smreibox {
  width: 45%;
  display: flex;
  justify-content: center;
}

.home_smrecbox {
  width: 55%;
  padding: 0 25px;
}

.home_smrecbox h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 10px;
  line-height: 1.24;
}

.home_ps_ul {
  display: flex;
  justify-content: space-between;
}

.home_ps_li {
  width: 25%;
  padding: 15px 2%;
  font-family: "Gilroy-Bold";
  text-align: center;
  position: relative;
  cursor: pointer;
}

.home_ps_li:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: transparent;
  display: inline-flex;
  position: absolute;
  left: 0;
  bottom: 0;
}

.home_ps_li.active {
  cursor: default;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.home_ps_li.active:after {
  background-color: #4550c2;
}

.home_ps_mainbox {
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 0;
}

.home_ps_box {
  display: none;
  align-items: center;
}

.home_ps_box.active {
  display: flex;
}

.home_ps_ibox {
  width: 45%;
  display: flex;
  justify-content: center;
}

.home_ps_cbox {
  width: 55%;
  padding-left: 5%;
}

.home_ps_cbox h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.cs_newslideinner {
  border-radius: 20px;
}

.cs_newslideibox img {
  max-width: 100%;
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.cs_newslidecbox {
  padding: 20px;
  background-color: #f2f3ff;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cs_newslidecbox h5 {
  font-family: "Gilroy SemiBold";
  text-transform: capitalize;
}

.cs_newslidecbox h4 {
  font-family: "Gilroy SemiBold";
  text-transform: capitalize;
}

.cs_newslidecbox p {
  color: #222222;
  margin-bottom: 10px;
}

.cs_newslidecbox span {
  display: flex;
  width: 100%;
  height: 1px;
  background-color: #e9e9e9;
  margin-bottom: 10px;
}

.case_study_new_slider .slick-list {
  margin: 0 -10px;
  overflow: visible;
}

.case_study_new_slider .slick-slide {
  margin: 0 10px;
}

@media only screen and (max-width: 992px) {
  .maindash,
  .tab1leftbox,
  .tab1middlebox,
  .agentdash,
  .listings__mainbox,
  .attaskbox,
  .attarrowbox,
  .buyerdashboard {
    display: none;
  }
  .mob_re_image {
    display: block;
  }
}
@media only screen and (max-width: 1199px) {
  .new_home__:after, .new_home__:before {
    content: none;
  }
  .smrehub:after, .smrehub:before {
    content: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .new_home__ {
    padding: 80px 0;
  }
  .new_home__ h1, .new_home__ h2 {
    font-size: 72px;
  }
  .new_home__:after, .new_home__:before {
    content: none;
  }
  .home_smrecontainer:after, .home_smrecontainer:before {
    content: none;
  }
  .nhero_box {
    padding-bottom: 40px;
  }
  .home_manage_boxL {
    width: calc(40% - 15px);
  }
  .home_manage_boxR {
    width: calc(60% - 15px);
  }
  .home_manage_cbox {
    width: 100%;
  }
  .home_manage_ibox {
    display: none;
  }
  .home_manage_list h4 {
    font-size: 18px;
  }
  .softhomehead h3, .softhomehead h4 {
    font-size: 32px;
    margin-bottom: 30px;
  }
  .stepsmainbox {
    flex-wrap: wrap;
  }
  .stepsbox {
    width: calc(50% - 15px);
    height: auto;
    margin-bottom: 30px;
    align-self: stretch;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5px;
  }
  .stepsbox:last-child {
    margin-bottom: 0;
  }
  .ready_box {
    padding: 0 15px;
  }
  .fullbox .threefivebox.ready_cbox h3 {
    font-size: 32px;
    margin-bottom: 0;
  }
  .fullbox .twofivebox.ready_c2box p {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
.home_manage_row_mobile {
  display: none;
}

@media only screen and (max-width: 768px) {
  .bidgetstartedform {
    width: 100%;
    flex-direction: column;
  }
  .bidgetstartedform input {
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #4550c2;
  }
  .bidgetstartedform button {
    width: 100%;
  }
  .bidgetstartedform label {
    position: relative;
    margin-top: 0;
    padding-left: 10px;
    color: red;
    margin-bottom: 15px;
  }
  .new_home__:after, .new_home__:before {
    content: none;
  }
  .smrehub:after, .smrehub:before {
    content: none;
  }
  .nhero_box {
    padding-bottom: 40px;
  }
  .nhero_box ul.nhero_tabs {
    padding-bottom: 30px;
  }
  .nhero_box ul.nhero_tabs li {
    padding: 10px 20px;
    margin-right: 10px;
  }
  .nhero_box_head,
  .home_client_mainbox {
    width: 100%;
  }
  .maindash,
  .tab1leftbox,
  .tab1middlebox,
  .agentdash,
  .listings__mainbox,
  .attaskbox,
  .attarrowbox,
  .buyerdashboard {
    display: none;
  }
  .home_client_box {
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .mob_re_image {
    display: block;
  }
  .new_home__ {
    padding: 40px 0;
  }
  .new_home__ h1, .new_home__ h2 {
    font-size: 48px;
  }
  .new_home__ p {
    font-size: 16px;
  }
  .new_home__ ul li {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .home_client_mainbox {
    margin-bottom: 0;
    width: 100%;
  }
  .home_client_mainbox .home_client_box {
    width: calc(50% - 15px);
    margin-bottom: 10px;
  }
  .home_client_mainbox .home_client_box img {
    animation: none;
  }
  .stepsbox {
    height: auto;
    margin-bottom: 15px;
  }
  .bid_section_row {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .bid_section_row.flexible_row {
    flex-direction: column-reverse;
  }
  .bid_section_cbox,
  .bid_section_ibox {
    width: 100%;
    padding: 0;
  }
  .home_smrebox,
  .home_manage_row {
    flex-direction: column;
  }
  .home_smreibox,
  .home_smrecbox,
  .home_manage_boxL,
  .home_manage_boxR,
  .home_ps_ibox,
  .home_ps_cbox {
    width: 100%;
  }
  .home_manage_boxL {
    margin-bottom: 20px;
  }
  .home_smreibox {
    margin-bottom: 15px;
  }
  .home_manage_box_content.active {
    flex-direction: column;
  }
  .home_manage_cbox,
  .home_manage_ibox {
    width: 100%;
  }
  .home_manage_cbox {
    margin-bottom: 15px;
  }
  .home_manage_ibox img {
    width: 100%;
  }
  .home_smrebox {
    padding: 30px 0;
  }
  .home_smrecbox {
    padding: 0;
  }
  .home_ps_box.active {
    flex-direction: column;
  }
  .home_ps_ibox img {
    width: 100%;
    height: auto;
  }
  .home_ps_mainbox {
    padding: 30px 0;
  }
  .home_ps_cbox {
    padding-left: 0;
  }
  .home_ps_cbox p {
    margin-bottom: 10px;
  }
  .csNmainrow {
    padding: 0 20px;
  }
  .home_ps_ul {
    flex-wrap: wrap;
  }
  .home_ps_li {
    width: calc(50% - 8px);
    margin-bottom: 10px;
  }
  .home_manage_row {
    display: none;
  }
  .home_manage_row_mobile {
    display: flex;
    flex-direction: column;
  }
  .home_manage_box_mob {
    margin-bottom: 10px;
  }
  .home_manage_box_mob:last-child {
    margin-bottom: 0;
  }
  .home_manage_box_mob_content {
    display: none;
  }
  .home_manage_box_mob_content.active {
    display: block;
    padding: 15px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 10px;
    margin-top: 10px;
  }
  .home_manage_box_mob_content h5 {
    font-family: "Gilroy SemiBold";
    margin-bottom: 10px;
  }
  .home_manage_box_mob_content p {
    line-height: 1.48;
  }
  .home_manage_box_mob_content ul {
    padding-left: 20px;
    margin-bottom: 20px;
  }
  .home_manage_box_mob_content ul li {
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
  }
  .home_manage_box_mob_content ul li:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #4550c2;
    border-radius: 8px;
    display: inline-flex;
    position: absolute;
    left: -20px;
  }
  .home_manage_box_mob_content ul li:last-child {
    margin-bottom: 0;
  }
  .home_manage_box_mob_content img {
    width: 100%;
    height: auto;
    margin-top: 15px;
  }
  .home_manage_box_mob_header {
    padding: 10px;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .home_manage_box_mob_header:after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-flex;
    position: absolute;
    right: 15px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(135deg);
    margin-top: -5px;
  }
  .home_manage_box_mob_header h4 {
    margin-bottom: 0;
    margin-left: 10px;
    font-family: "Gilroy SemiBold";
    font-size: 18px;
  }
  .home_manage_box_mob_header .micon {
    width: 35px;
    height: 30px;
  }
  .home_manage_box_mob_header .micon.micon_1 {
    background-position-x: 3px;
  }
  .home_manage_box_mob_header .micon.micon_2 {
    background-position-x: -33px;
  }
  .home_manage_box_mob_header .micon.micon_3 {
    background-position-x: -70px;
  }
  .home_manage_box_mob_header .micon.micon_4 {
    background-position-x: -110px;
  }
  .home_manage_box_mob_header .micon.micon_5 {
    background-position-x: -150px;
  }
  .home_manage_box_mob_header .micon.micon_6 {
    background-position-x: -187px;
  }
  .home_manage_box_mob_header .micon.micon_7 {
    background-position-x: -225px;
  }
  .home_manage_box_mob_header.active {
    background-color: #4550c2;
  }
  .home_manage_box_mob_header.active h4 {
    color: #FFFFFF;
  }
  .home_manage_box_mob_header.active span {
    filter: brightness(0) invert(1);
  }
  .home_manage_box_mob_header.active:after {
    transform: rotate(315deg);
    border-color: #FFFFFF;
    margin-top: 0;
  }
  .home_smrecontainer:after, .home_smrecontainer:before {
    content: none;
  }
}
@media only screen and (min-width: 451px) {
  .nhero_box ul.nhero_tabs li {
    width: 120px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 450px) {
  .nhero_box ul.nhero_tabs li {
    width: 90px;
  }
  .new_home__ h1, .new_home__ h2 {
    font-size: 36px;
  }
}
@media only screen and (min-width: 769px) {
  #hiddenDiv {
    display: none;
    position: fixed;
    top: 120px;
    right: 20px;
    width: 20%;
    background-color: #FFFFFF;
    border: 1px solid rgb(69, 80, 194);
    color: #4550c2;
    padding: 10px;
    border-radius: 5px;
    font-family: "Gilroy SemiBold";
    z-index: 999;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }
  #hiddenDiv a {
    text-decoration: underline;
    color: #4550c2;
    font-family: "Gilroy SemiBold";
  }
}
@media only screen and (min-width: 1400px) {
  .new_home__ {
    padding-top: 200px;
    padding-bottom: 150px;
    text-align: center;
  }
}
.blog_row {
  display: flex;
  justify-content: space-between;
  padding: 0 15px;
}

.home_blog_box {
  width: calc(33.3333333333% - 15px);
  align-self: stretch;
  padding: 0;
}

.home_blog_box:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.blog_more {
  margin-top: 40px;
}

.blogbox .homeblogcbox {
  padding: 20px;
}

.blogbox .homeblogcbox p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0;
  margin-bottom: 10px;
}

.blogbox .homeblogcbox span {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .blog_more {
    margin-top: 30px;
  }
  .blog_row {
    flex-direction: column;
  }
  .home_blog_box {
    width: 100%;
    margin-bottom: 15px;
  }
  .home_blog_box .blogbox {
    margin-bottom: 0;
  }
  .blogimagebox img {
    width: 100%;
    height: auto;
  }
}
.planpopupbox {
  width: 100%;
  display: block;
  background: #FFFFFF;
  position: fixed;
  height: 100%;
  z-index: 9999999;
  top: 0;
  left: 0;
}

.planinnerbox {
  max-width: 900px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #4550c2;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
}

.planinnerboxed {
  padding: 40px 80px;
  text-align: center;
}

.planinnerboxed img {
  margin-bottom: 10px;
}

.planinnerboxed h2 {
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
  font-size: 28px;
  margin-bottom: 10px;
}

.planinnerboxed p {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  font-size: 18px;
  margin-bottom: 20px;
}

.plan_row {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
}

.plan_box {
  width: calc(33.3333333333% - 15px);
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.plan_box h5 {
  color: #4550c2;
  font-family: "Gilroy-Bold";
}

.plan_box p {
  color: #202020;
  font-family: "Gilroy Light";
  margin-bottom: 0;
  font-size: 16px;
}

.plan_box_up {
  position: absolute;
  width: 125px;
  height: 125px;
  border-radius: 100%;
  background-color: #4550c2;
  border: 4px solid #FFFFFF;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  top: -20%;
  left: 50%;
  transform: translate(-50%, 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.plan_box_up h4 {
  font-family: "Gilroy Light";
  color: #FFFFFF;
  font-size: 16px;
}

.plan_box_up h3 {
  color: #FFFFFF;
  margin-bottom: 0;
  font-family: "Gilroy-ExtraBold";
  letter-spacing: 0.5px;
}

.plan_cbox {
  margin-top: 60px;
}

.planpopupclose {
  width: 15px;
  height: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  background: url(img/close_button_demo.png) no-repeat;
  background-size: contain;
  cursor: pointer;
  z-index: 9999999999;
}

@media only screen and (max-width: 768px) {
  .planinnerbox {
    width: 90%;
  }
  .planinnerboxed {
    padding: 20px;
  }
  .plan_row {
    flex-direction: column;
  }
  .plan_box {
    width: 100%;
    margin-bottom: 20px;
  }
}
.gsplanbox {
  text-align: center;
}

.gsplanbox h2 {
  font-family: "Gilroy-Bold";
}

.gsplan_row {
  display: flex;
  justify-content: space-between;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 80px;
}

@media only screen and (max-width: 768px) {
  .gsplan_row {
    flex-direction: column;
  }
}
.gsplan_box {
  width: calc(33.3333333333% - 15px);
  background-color: #FFFFFF;
  border-radius: 10px;
  position: relative;
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #e8eaed;
}

@media only screen and (max-width: 768px) {
  .gsplan_box {
    width: 100%;
    padding: 15px;
    margin-bottom: 15px;
  }
  .gsplan_box:last-child {
    margin-bottom: 0;
  }
}
.gsplan_box:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  cursor: pointer;
}

.gsplan_box h5 {
  color: #4550c2;
  font-family: "Gilroy-Bold";
}

.gsplan_box p {
  color: #202020;
  font-family: "Gilroy Light";
  margin-bottom: 0;
  font-size: 16px;
}

.gsplan_box.active {
  background-color: #4550c2;
  position: relative;
}

.gsplan_box.active h5,
.gsplan_box.active p {
  color: #FFFFFF;
}

.gsplan_box.active:before {
  content: "";
  width: 20px;
  height: 20px;
  background-color: #FFFFFF;
  border-radius: 20px;
  display: inline-flex;
  position: absolute;
  right: 10px;
  top: 10px;
}

.gsplan_box.active:after {
  content: "";
  width: 6px;
  height: 12px;
  background-color: transparent;
  border-top: 1px solid #4550c2;
  border-left: 1px solid #4550c2;
  display: inline-flex;
  position: absolute;
  right: 17px;
  top: 13px;
  transform: rotate(-135deg);
}

.gsplan_box.active:hover {
  cursor: default;
  box-shadow: none;
}

.gsplan_box_up {
  position: absolute;
  width: 125px;
  height: 125px;
  border-radius: 100%;
  background-color: #4550c2;
  border: 4px solid #FFFFFF;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  top: -35%;
  left: 50%;
  transform: translate(-50%, 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  .gsplan_box_up {
    position: relative;
    margin-bottom: 15px;
  }
}
.gsplan_box_up h4 {
  font-family: "Gilroy Light";
  color: #FFFFFF;
  font-size: 16px;
}

.gsplan_box_up h3 {
  color: #FFFFFF;
  margin-bottom: 0;
  font-family: "Gilroy-ExtraBold";
  letter-spacing: 0.5px;
}

.gsplan_cbox {
  margin-top: 60px;
}

@media only screen and (max-width: 768px) {
  .gsplan_cbox {
    margin-top: 0;
  }
}
.gsplanformrow {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
  .gsplanformrow {
    margin-top: 20px;
  }
}
.gsplanformbox {
  padding: 30px;
  border-radius: 10px;
  background-color: #eff0ff;
}

@media only screen and (max-width: 499px) {
  .gsplanformbox {
    padding: 15px;
  }
}
.gsplanform {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

@media only screen and (max-width: 499px) {
  .gsplanform {
    flex-direction: column;
  }
}
.gsplanform input {
  width: 100%;
  padding: 15px;
  border: 1px solid #4550c2;
  border-radius: 10px;
  outline: none;
}

.gsplanform button {
  width: 15%;
  padding: 15px;
  border: none;
  position: absolute;
  right: 1px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background-color: #4550c2;
  color: #FFFFFF;
  font-family: "Gilroy SemiBold";
  text-transform: uppercase;
}

@media only screen and (max-width: 499px) {
  .gsplanform button {
    width: 100%;
    position: relative;
    margin-top: 15px;
    border-radius: 10px;
  }
}
.csNmainrow {
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}

.wid800 {
  max-width: 800px;
  margin: 0 auto;
}

.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 40px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3.wcolor {
  color: #FFFFFF;
}

.common_heading_box h4 {
  font-size: 32px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h4.wcolor {
  color: #FFFFFF;
}

.common_heading_box p.wcolor {
  color: #FFFFFF;
}

.apbanner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 650px;
  margin-top: 50px;
}

.apcbox {
  width: 50%;
}

.apcbox h1 {
  font-family: "Gilroy-Bold";
  font-size: 40px;
}

.apcbox a {
  font-family: "Gilroy-Bold";
}

.apibox {
  width: 50%;
}

.apibox img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
  padding-left: 5%;
}

.agent_bg {
  background-color: #f6f6fc;
}

.auction_clients_box {
  padding: 15px;
}

.auction_clients_box .slick-center .auction_slide_box {
  background-color: #4350c0;
}

.auction_clients_box .slick-center .auction_slide_box h5, .auction_clients_box .slick-center .auction_slide_box p {
  color: #FFFFFF !important;
}

.auction_slide_box {
  padding: 20px;
  background-color: #FFFFFF;
  text-align: center;
}

.auction_slide_box img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.auction_slide_box h5 {
  font-family: "Gilroy-Bold";
}

.auction_slide_box p {
  margin-bottom: 15px;
}

.auction_slide_box span {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  display: inline-block;
  margin: 0 auto;
}

.auction_client_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #bbbbbb;
}

.auction_client_slider .slick-dots li button:before {
  content: none;
}

.auction_client_slider .slick-dots li.slick-active button {
  border-color: #4350c0;
}

.auction_client_slider .slick-dots li.slick-active button:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #4350c0;
  border-radius: 4px;
}

.auction_clients_box .auction_slide_box .quoteit {
  width: 60px;
  height: 50px;
  background: url(../img/quote_icon.webp) no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.auction_clients_box.slick-center .auction_slide_box .quoteit {
  background: url(../img/quote_icon_white.webp) no-repeat;
}

.reemainbox {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 60px;
}

.ree_box {
  padding: 30px 20px;
  background-color: #f7f9fe;
  border-radius: 5px;
  width: calc(33.3333333333% - 20px);
  margin-right: 20px;
  align-self: stretch;
  text-align: center;
  border-radius: 20px;
}

.ree_box h4, .ree_box h5 {
  font-family: "Gilroy SemiBold";
}

.ree_box p {
  margin-bottom: 0;
}

.ree_box:last-child {
  margin-right: 0;
}

.reeiconbox2 {
  width: 90px;
  height: 90px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  border-radius: 100%;
}

.reeiconbox2.reeiconbox2_1 {
  background-color: #4550c2;
}

.reeiconbox2.reeiconbox2_2 {
  background-color: #ffc639;
}

.reeiconbox2.reeiconbox2_3 {
  background-color: #4c83d3;
}

.reeiconbox2.reeiconbox2_4 {
  background-color: #41a3e0;
}

.reeiconbox2.reeiconbox2_5 {
  background-color: #00cfc7;
}

.reeiconbox2.reeiconbox2_6 {
  background-color: #fe668c;
}

.reeicon {
  width: 90px;
  height: 80px;
  background: url(../img/agent-platform/ap_icons.webp) no-repeat;
  background-size: cover;
  margin: 0 auto 15px;
  display: flex;
}

.reeicon.reeicon_1 {
  background-position-x: 0;
}

.reeicon.reeicon_2 {
  background-position-x: -102px;
}

.reeicon.reeicon_3 {
  background-position-x: -202px;
}

.reeicon2 {
  width: 60px;
  height: 60px;
  background-image: url(../img/agent-platform/ap_icons_2.webp);
  background-size: cover;
  margin: 0 auto;
  display: flex;
  background-repeat: no-repeat;
}

.reeicon2.reeicon_1 {
  background-position-x: -2px;
}

.reeicon2.reeicon_2 {
  background-position-x: -83px;
}

.reeicon2.reeicon_3 {
  background-position-x: -162px;
}

.reeicon2.reeicon_4 {
  background-position-x: -242px;
}

.reeicon2.reeicon_5 {
  background-position-x: -327px;
}

.reeicon2.reeicon_6 {
  background-position-x: -407px;
}

.creoasfeaturesrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.creoasfeaturescbox {
  width: 50%;
  padding-right: 8%;
  padding-left: 4%;
}

.creoasfeaturescbox h5 {
  font-family: "Gilroy SemiBold";
}

.creoasfeaturescbox p {
  font-family: "Gilroy Light";
}

.creoasfeaturesibox {
  width: 50%;
}

.creoasfeaturesibox img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
}

.creoasfeaturesreverserow .creoasfeaturescbox {
  padding-left: 8%;
}

.creoashiwbox {
  width: 200px;
  height: 200px;
  transform: rotate(45deg);
  border-radius: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.creoashiwbox.creoashiwbox1 {
  background-color: #13a1c1;
}

.creoashiwbox.creoashiwbox2 {
  background-color: #4e7aad;
}

.creoashiwbox.creoashiwbox3 {
  background-color: #08909e;
}

.creoashiwbox.creoashiwbox4 {
  background-color: #03cd9d;
}

.creoashiwbox.creoashiwbox5 {
  background-color: #6c76de;
}

.creoashiwbox.creoashiwbox6 {
  background-color: #19abff;
}

.creoashiwbox:last-child {
  margin-right: 0;
}

.creoashiwbox p {
  margin-bottom: 0;
  color: #FFFFFF;
}

.creoashiwbox.creoashiwbox_1 {
  margin-top: 310px;
  margin-left: -50px;
}

.creoashiwinnerbox {
  transform: rotate(-45deg);
  margin-top: -15px;
  margin-left: -15px;
}

.creoashiwicon {
  width: 65px;
  height: 60px;
  display: inline-block;
  background: url(../img/creoas/creoaswebicons.webp) no-repeat;
  background-size: cover;
  margin: 0 auto 5px;
}

.creoashiwicon.creoashiwicon_1 {
  background-position-x: -12px;
}

.creoashiwicon.creoashiwicon_2 {
  background-position-x: -84px;
}

.creoashiwicon.creoashiwicon_3 {
  background-position-x: -157px;
}

.creoashiwicon.creoashiwicon_4 {
  background-position-x: -233px;
}

.creoashiwicon.creoashiwicon_5 {
  background-position-x: -305px;
}

.creoashiwicon.creoashiwicon_6 {
  background-position-x: -377px;
}

.readyhbobanner {
  background: url(../img/high-and-best-bidder/readyhbobanner.webp) no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  align-items: center;
}

.reemainbox_nomargin {
  margin-bottom: 20px;
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

@media only screen and (max-width: 768px) {
  .apbanner {
    flex-direction: column;
    height: auto;
    padding: 40px 0;
  }
  .apcbox,
  .apibox {
    width: 100%;
  }
  .apcbox {
    margin-bottom: 15px;
  }
  .creoashcbox {
    margin-bottom: 20px;
  }
  .wid800 {
    width: 100%;
  }
  .reemainbox,
  .creoasfeaturesrow {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .ree_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .ree_box:last-child {
    margin-bottom: 0;
  }
  .set > a {
    padding: 10px 40px 10px 15px;
  }
  .common_heading_box h2 {
    font-size: 32px;
  }
  .creoasfeaturesreverserow .creoasfeaturescbox {
    padding-left: 0;
  }
  .hiwcbox p {
    margin-bottom: 0;
  }
  .readyhbobanner {
    padding: 40px 0;
    height: auto;
  }
}
.pdb60 {
  padding-bottom: 60px;
}

.wid1150 {
  max-width: 1150px;
  margin: 0 auto;
}

.auction_banner {
  background: url(img/auction-software-banner.webp) no-repeat;
  background-size: cover;
  height: 400px;
}

.oaslist {
  list-style: none;
  margin-bottom: 30px;
}

.oaslist li {
  display: inline-block;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "Gilroy SemiBold";
}

.oaslist li:after {
  content: "|";
  margin: 0 30px;
}

.oaslist li:nth-last-child(1):after {
  content: none;
}

.idxintegration {
  padding: 0 50px 0 0;
  color: #030303;
}

.idxintegration h2 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #030303;
}

.idxintegration p {
  color: #030303;
  line-height: 1.54;
  margin-bottom: 20px;
}

.keyfeatures {
  padding-bottom: 40px;
}

.keyfeatures h3 {
  margin-bottom: 40px;
  color: #030303;
  font-size: 32px;
}

.keyfeatures h3 span {
  font-family: "Gilroy-Bold";
  color: #030303;
}

.bfeaturesbox {
  padding: 30px 20px;
  background-color: #eff1ff;
  height: 370px;
  margin-bottom: 25px;
}

.bfeaturesbox h4 {
  font-family: "Gilroy-Bold";
}

.bfeaturesbox p {
  margin-bottom: 0;
}

.bfeatureicon {
  width: 90px;
  height: 80px;
  background: url(../img/auction_icons_new.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-bottom: 10px;
}

.bfeatureicon.bfeatureicon_1 {
  background-position-x: -18px;
}

.bfeatureicon.bfeatureicon_2 {
  background-position-x: -132px;
}

.bfeatureicon.bfeatureicon_3 {
  background-position-x: -222px;
}

.bfeatureicon.bfeatureicon_4 {
  background-position-x: -322px;
}

.bfeatureicon.bfeatureicon_5 {
  background-position-x: -440px;
}

.bfeatureicon.bfeatureicon_6 {
  background-position-x: -568px;
}

.bfeatureicon.bfeatureicon_7 {
  background-position-x: -678px;
}

.bfeatureicon.bfeatureicon_8 {
  background-position-x: -775px;
}

.auction_clients_box {
  padding: 15px;
}

.auction_clients_box .slick-center .auction_slide_box {
  background-color: #4350c0;
}

.auction_clients_box .slick-center .auction_slide_box p,
.auction_clients_box .slick-center .auction_slide_box h5 {
  color: #FFFFFF !important;
}

.auction_slide_box {
  padding: 20px;
  background-color: #FFFFFF;
  text-align: center;
}

.auction_slide_box img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.auction_slide_box h5 {
  font-family: "Gilroy-Bold";
}

.auction_slide_box span {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  display: inline-block;
  margin: 0 auto;
}

.auction_slide_box p {
  margin-bottom: 15px;
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

.auction_client_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #bbbbbb;
}

.slick-dots li button:before {
  content: none;
}

.auction_client_slider .slick-dots li.slick-active button {
  border-color: #4350c0;
}

.auction_client_slider .slick-dots li.slick-active button:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #4350c0;
  border-radius: 4px;
}

.auction_clients_box .auction_slide_box .quoteit {
  width: 60px;
  height: 50px;
  background: url(../img/quote_icon.webp) no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.auction_clients_box.slick-center .auction_slide_box .quoteit {
  background: url(../img/quote_icon_white.webp) no-repeat;
}

.blogscontentrow.latestblogs {
  margin-bottom: 0;
}

.faqbox {
  padding: 15px;
}

.faqbox h5 {
  color: #FFFFFF;
}

.content ul {
  padding-left: 20px;
  margin-bottom: 10px;
}

.content ul li {
  color: #FFFFFF;
  list-style: square;
}

.content ul li span {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .auction_banner {
    height: auto;
  }
  .idxintegration {
    padding: 20px 0;
  }
  .oaslist li {
    display: block;
    margin-bottom: 2px;
  }
  .oaslist li:after {
    margin: 0;
    content: none;
  }
  .keyfeatures h3 {
    margin-bottom: 20px;
  }
  .bfeaturesbox {
    height: auto;
    padding: 20px;
    margin-bottom: 20px;
  }
  .auction_container h5 {
    margin-bottom: 0;
  }
}
/*** NEW Updates ***/
.auction_banner_new {
  background: url(../img/auction/bidhom_auction_banner.webp) no-repeat;
  background-size: cover;
  height: 470px;
}

.auction_banner_container {
  padding: 150px 0 60px;
}

.auction_banner_container h1 {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
  margin-bottom: 15px;
}

.auction_banner_container h4 {
  font-family: "Gilroy Light";
  color: #FFFFFF;
}

.auction_banner_container ul {
  display: block;
  margin: 20px 0;
}

.auction_banner_container ul li {
  display: inline-block;
  color: #FFFFFF;
  padding-right: 20px;
  border-right: 1px solid #FFFFFF;
  margin-right: 20px;
}

.auction_banner_container ul li:last-child {
  padding-right: 0;
  border-right: 0;
}

.wcb_head {
  text-align: center;
  margin-bottom: 30px;
}

.wcb_head span {
  font-family: "Gilroy-Bold";
}

.wcb_box {
  padding: 20px;
  background-color: #f0f1ff;
  margin-bottom: 20px;
  background: #f0f1ff;
  background: -webkit-linear-gradient(to right, #f7f8ff, #f0f1ff);
  background: linear-gradient(to right, #f7f8ff, #f0f1ff);
}

.wcbicon {
  width: 65px;
  height: 60px;
  background: url(../img/auction/wcb_icons.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-bottom: 15px;
}

.wcbicon.wcbicon_1 {
  background-position-x: -201px;
}

.wcbicon.wcbicon_2 {
  background-position-x: -135px;
}

.wcbicon.wcbicon_3 {
  background-position-x: 0;
}

.wcbicon.wcbicon_4 {
  background-position-x: -67px;
}

.wcb_box h4 {
  font-family: "Gilroy-Bold";
  font-size: 20px;
}

.wcb_box p {
  margin-bottom: 0;
}

.fullbox.osremainbox {
  margin-top: 60px;
}

.osrebox_head h3 {
  text-align: center;
  margin-bottom: 20px;
}

.osrebox_head h3 span {
  font-family: "Gilroy-Bold";
}

.osre_cbox {
  padding-right: 60px;
}

.osre_cbox h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.osre_cbox p {
  margin-bottom: 15px;
}

.osre_cbox ul {
  padding-left: 40px;
}

.osre_cbox ul li {
  margin-bottom: 8px;
}

.osre_cbox ul li:before {
  content: "";
  background: url(../img/arrow_right_color.png) no-repeat;
  width: 20px;
  height: 20px;
  background-size: contain;
  display: inline-block;
  position: absolute;
  margin-left: -40px;
  margin-top: 5px;
}

.fullbox.flexible_row .osre_cbox {
  padding-left: 40px;
}

.unleash_head {
  text-align: center;
}

.unleash_head h2 {
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.unleash_imagebox img {
  display: none;
  text-align: center;
  margin: 0 auto;
}

.unleash_imagebox img.active {
  display: block;
}

.unleashcbox {
  padding: 20px 30px;
  margin-bottom: 20px;
  border-radius: 15px;
  border: 1px solid transparent;
  cursor: pointer;
}

.unleashcbox h5 {
  font-family: "Gilroy-Bold";
}

.unleashcbox p {
  margin-bottom: 10px;
  font-size: 14px;
}

.unleashcbox a {
  padding: 0;
  color: #4550c2;
  display: inline-block;
  border-bottom: none;
  opacity: 0;
  visibility: hidden;
  font-family: "Gilroy-Bold";
  display: none;
}

.unleashcbox a:after {
  content: "";
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-right: 2px solid #4550c2;
  border-top: 2px solid #4550c2;
  display: inline-block;
  transform: rotate(45deg);
  border-radius: 0px;
  left: 0;
  position: relative;
  transition: all 0.25s ease-in-out;
}

.unleashcbox a:hover {
  color: #4550c2;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.unleashcbox.active {
  background-color: #FFFFFF;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(149, 157, 165, 0.2);
}

.unleashcbox.active a {
  display: inline-block;
  opacity: 1;
  visibility: visible;
}

.unleashcbox:hover {
  background-color: #FFFFFF;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(149, 157, 165, 0.2);
}

.unleashcbox:hover a {
  opacity: 1;
  visibility: visible;
}

.unleashcbox:hover a:after {
  left: 4px;
}

.hpawbox {
  padding-right: 60px;
}

.hpawbox h3 {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
}

.hpawbox p {
  color: #FFFFFF;
}

.hpawbox a {
  background-color: #FFFFFF;
  color: #4550c2;
  display: inline-block;
  padding: 8px 15px;
  font-family: "Gilroy SemiBold";
}

.apl__row {
  margin-bottom: 50px;
}

.apl_heading {
  text-align: center;
}

.apl_heading h3 {
  font-family: "Gilroy-Bold";
  color: #FFFFFF;
  font-size: 32px;
  margin-bottom: 20px;
}

.apl_heading p {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin-bottom: 40px;
}

.apl__box {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 50px 30px;
  text-align: center;
}

.apl__box h5 {
  color: #333333;
  margin-bottom: 0;
  font-family: "Gilroy-Bold";
}

.apl_icon {
  width: 70px;
  height: 60px;
  background: url(../img/auction/bidhom_auction_process_icons.webp) no-repeat;
  background-size: cover;
  display: inline-block;
  margin-bottom: 15px;
}

.apl_icon.apl_icon1 {
  background-position-x: -12px;
}

.apl_icon.apl_icon2 {
  background-position-x: -101px;
}

.apl_icon.apl_icon3 {
  background-position-x: -184px;
}

.apl_icon.apl_icon4 {
  background-position-x: -268px;
}

.buildfreebtn {
  background-color: #FFFFFF;
  color: #4550c2;
  display: inline-block;
  padding: 10px 20px;
  font-family: "Gilroy SemiBold";
}

.buildfreebtn:hover {
  color: #4550c2;
}

.uptbmainbox {
  background: url(../img/auction/bg.webp) no-repeat;
  background-size: cover;
  padding: 0;
  border-radius: 15px;
}

.uptbmainbox h3 {
  font-family: "Gilroy-Bold";
  padding: 40px;
}

.uptbmainbox ul {
  width: 100%;
  display: flex;
}

.uptbmainbox ul li {
  display: inline-block;
  width: 20%;
  padding: 10px;
  text-align: center;
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #bebebe;
  font-family: "Gilroy Medium";
  font-size: 14px;
}

.uptbmainbox ul li.active {
  border-color: #4550c2;
  color: #4550c2;
  font-family: "Gilroy SemiBold";
}

.uptbabox {
  display: none;
  padding: 40px;
}

.uptbabox .fullbox .halfbox {
  position: relative;
  vertical-align: top;
}

.uptbabox .halfbox img.tm_1 {
  animation: action3 3s linear infinite;
  -webkit-animation: action3 3s linear infinite;
}

.uptbabox .halfbox img.tm_2 {
  position: absolute;
  bottom: 15px;
  left: 30px;
  animation: action 3s linear infinite;
  -webkit-animation: action 3s linear infinite;
}

.uptbabox .halfbox img.pm_1 {
  max-height: 300px;
  animation: action3 3s linear infinite;
  -webkit-animation: action3 3s linear infinite;
}

.uptbabox .halfbox img.pm_2 {
  position: absolute;
  bottom: -15px;
  left: 25px;
  width: 150px;
  animation: action 3s linear infinite;
  -webkit-animation: action 3s linear infinite;
}

.uptbabox .halfbox img.et_1 {
  max-height: 300px;
  animation: action3 3s linear infinite;
  -webkit-animation: action3 3s linear infinite;
}

.uptbabox .halfbox img.et_2 {
  position: absolute;
  bottom: 5px;
  left: 50px;
  width: 150px;
  animation: action 3s linear infinite;
  -webkit-animation: action 3s linear infinite;
}

.uptbabox.uptbabox_4 .fullbox .halfbox img, .uptbabox.uptbabox_5 .fullbox .halfbox img {
  height: 300px;
}

.uptbabox.active {
  display: block;
}

@-webkit-keyframes action3 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes action3 {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0px);
  }
}
@-webkit-keyframes action {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes action {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0px);
  }
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  .auction_banner_new {
    margin-top: -80px;
  }
}
@media only screen and (max-width: 768px) {
  .wid1150 {
    width: 100%;
  }
  .auction_banner_new {
    height: auto;
    background-position: center;
    margin-top: -100px;
  }
  .auction_banner_container {
    padding: 130px 0 40px 0;
  }
  .auction_banner_container h4 {
    font-size: 20px;
  }
  .auction_banner_container ul li {
    border-right: none;
    margin-bottom: 5px;
    display: flex;
  }
  .wcb_box {
    padding: 15px;
    margin-bottom: 15px;
  }
  .wcbicon {
    margin-bottom: 10px;
  }
  .fullbox .flexible_row {
    display: flex;
    flex-direction: column-reverse;
  }
  .fullbox .osre_cbox {
    padding: 0;
  }
  .fullbox.flexible_row .osre_cbox {
    padding: 0;
  }
  .fullbox.osremainbox {
    margin-top: 30px;
  }
  .hpawmainbox {
    padding: 30px 0;
  }
  .hpawbox {
    padding-right: 0;
  }
  .uptblistbox {
    height: auto;
    overflow-x: auto;
    white-space: nowrap;
  }
  .uptblistbox ul {
    display: flex;
    border: none;
  }
  .uptblistbox ul li {
    display: block;
    width: 100%;
  }
  .uptblistbox ul li.active {
    font-family: "Gilroy SemiBold";
    background-color: #FFFFFF;
    color: #4550c2;
  }
  .uptbmainbox h3 {
    padding: 20px;
  }
  .uptbabox {
    padding: 20px;
  }
  .uptbabox .fullbox .halfbox img {
    height: auto;
  }
  .hbidbox {
    flex-direction: column;
  }
  .hbidbox_l {
    margin-right: 0;
  }
  .unleashcbox a {
    display: none;
  }
  .unleashcbox p {
    margin-bottom: 0;
  }
  .apl__row {
    margin-bottom: 40px;
  }
  .apl__box {
    margin-bottom: 10px;
    padding: 20px;
  }
}
.hbobg {
  background-color: #f6f6fc;
}

.hbobanner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 650px;
}

.hbocbox {
  width: 45%;
}

.hboibox {
  width: 55%;
}

.hboibox img {
  filter: drop-shadow(0px 48px 100px rgba(17, 12, 46, 0.15));
}

.auction_clients_box {
  padding: 15px;
}

.auction_clients_box.slick-center .auction_slide_box {
  background-color: #4350c0;
}

.auction_clients_box.slick-center .auction_slide_box p, .auction_clients_box.slick-center .auction_slide_box h5 {
  color: #FFFFFF !important;
}

.auction_slide_box {
  padding: 20px;
  background-color: #FFFFFF;
  text-align: center;
}

.auction_slide_box h5 {
  font-family: "Gilroy-Bold";
}

.auction_slide_box p {
  margin-bottom: 15px;
}

.auction_slide_box img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.auction_slide_box span {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  display: inline-block;
  margin: 0 auto;
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

.auction_client_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #bbbbbb;
}

.auction_client_slider .slick-dots li.slick-active button {
  border-color: #4350c0;
}

.auction_client_slider .slick-dots li.slick-active button:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #4350c0;
  border-radius: 4px;
}

.slick-dots li button:before {
  content: none;
}

.auction_clients_box .auction_slide_box .quoteit {
  width: 60px;
  height: 50px;
  background: url(../img/quote_icon.webp) no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.auction_clients_box.slick-center .auction_slide_box .quoteit {
  background: url(../img/quote_icon_white.webp) no-repeat;
}

.readyhbobanner {
  background: url(../img/high-and-best-bidder/readyhbobanner.webp) no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  align-items: center;
}

.hbomainbox {
  position: relative;
}

.hbomainbox:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 20%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
  left: 5%;
  width: 20%;
  border: 0;
}

.hbomainbox:after {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 20%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
  right: 0rem;
  width: 20%;
  top: 10%;
}

.hbocbox h1 {
  font-family: "Gilroy-Bold";
  font-size: 40px;
}

.wid800 {
  max-width: 800px;
  margin: 0 auto;
}

.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h3 {
  font-size: 32px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h4 {
  font-size: 28px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.hboibox img {
  position: relative;
}

.hboibox img:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 20%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
  left: 5%;
  width: 20%;
}

.whybidhborow {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin: 0 auto;
}

.hboiconbox {
  width: 80px;
  height: 80px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #4550c2;
  border-radius: 80px;
  margin-bottom: 15px;
}

.hboicon {
  width: 50px;
  height: 50px;
  display: inline-block;
  background: url(../img/brokers/broker_icons.webp) no-repeat;
  background-size: cover;
}

.hboicon.hboicon_1 {
  background-position-x: -8px;
}

.hboicon.hboicon_2 {
  background-position-x: -72px;
}

.hboicon.hboicon_3 {
  background-position-x: -138px;
}

.hboicon.hboicon_4 {
  background-position-x: -201px;
}

.experiencemainbox h4 {
  font-family: "Gilroy-Bold";
  font-size: 24px;
  margin-bottom: 40px;
}

.experiencemainboxed {
  display: flex;
  align-items: self-start;
  justify-content: space-between;
}

.exmainleft {
  width: 50%;
  padding-right: 5%;
}

.exmainright {
  width: 50%;
}

.exmainright img {
  display: none;
}

.exmainright img.active {
  display: block;
}

.experiencebox {
  padding: 4% 0 4% 5%;
  border-left: 3px solid #ccc;
  cursor: pointer;
}

.experiencebox h5 {
  font-family: "Gilroy-Bold";
}

.experiencebox p {
  margin-bottom: 0;
}

.experiencebox.active {
  border-color: #4550c2;
}

.experiencebox.active h5 {
  color: #4550c2;
}

.integrateautorow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.integrateautorow:last-child {
  margin-bottom: 0;
}

.integrateautocbox {
  width: 45%;
  padding-right: 5%;
}

.integrateautocbox h4 {
  font-family: "Gilroy-Bold";
  font-size: 24px;
  margin-bottom: 15px;
}

.integrateautoibox {
  width: 55%;
}

.integrateautorow_l .integrateautocbox {
  padding-left: 4%;
}

.hbofeaturerow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

.hbofeaturecbox {
  width: 45%;
  padding-right: 5%;
}

.hbofeaturecbox h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.hbofeatureibox {
  width: 55%;
  position: relative;
}

.hbofeatureibox img {
  filter: drop-shadow(0px 48px 100px rgba(17, 12, 46, 0.15));
}

.benefitshborow {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1150px;
  margin: 0 auto 30px;
}

.benefitshbobox {
  width: calc(33.3333333333% - 20px);
  margin-right: 20px;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 30px;
  border-radius: 20px;
  align-self: stretch;
}

.benefitshbobox h5 {
  font-family: "Gilroy SemiBold";
}

.benefitshbobox p {
  margin-bottom: 0;
}

.benefitshbobox:nth-child(3n) {
  margin-right: 0;
}

.benefitshbobox:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.propbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 5px;
  background-color: aliceblue;
  margin-bottom: 10px;
}

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

.proplbox img {
  margin-right: 10px;
}

.proplbox ul li:nth-child(1) {
  color: #41a3e0;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
}

.proplbox ul li:nth-child(2) {
  color: #282828;
  font-weight: 500;
  font-size: 10px;
}

.proprbox ul li {
  font-size: 10px;
}

.buyerbox {
  margin-bottom: 5px;
}

.buyerbox .bbhead {
  padding: 5px 10px;
  background-color: lightgray;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}

.buyerbox .bbhead:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border: none;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(45deg);
  position: absolute;
  right: 10px;
}

.buyerbox .bbbody {
  padding: 5px 10px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
}

.buyerbox .bbbody.bbbody_2 {
  border: 1px solid #dadada;
  border-top: none;
  padding: 10px;
}

.bbbodytablebox {
  width: 50%;
}

.bbbodytablebox table {
  width: 100%;
  font-size: 12px;
}

.bbbodytablebox table tr td {
  border: none;
  padding: 0;
}

.bbbodytablebox table tr td:first-child {
  font-weight: 700;
}

.buyerbuttons {
  margin-top: 10px;
  margin-bottom: 15px;
}

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

.buyerbuttons ul li {
  padding: 4px 10px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 8px;
  border-radius: 4px;
  margin-right: 4px;
  cursor: pointer;
}

.buyerbuttons ul li:nth-child(odd) {
  background-color: #41a3e0;
}

.buyerbuttons ul li:nth-child(even) {
  background-color: #228B22;
}

.hbohomemainbox {
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.hbohomemainboxed {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}

.hbohomemainboxed_l {
  width: 5%;
  text-align: center;
  background-color: #FFFFFF;
}

.hbohomeiconbox {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
}

.hbohomeicon {
  width: 15px;
  height: 15px;
  display: inline-block;
  background: url(../img/high-and-best-bidder/hbo_home_icons.webp) no-repeat;
  background-size: cover;
  margin-bottom: 5px;
}

.hbohomeicon.hbohomeicon_1 {
  background-position-y: -9px;
}

.hbohomeicon.hbohomeicon_2 {
  background-position-y: -37px;
}

.hbohomeicon.hbohomeicon_3 {
  background-position-y: -66px;
}

.hbohomeicon.hbohomeicon_4 {
  background-position-y: -94px;
}

.hbohomeicon.hbohomeicon_5 {
  background-position-y: -121px;
}

.hbohomeicon.hbohomeicon_6 {
  background-position-y: -149px;
}

.hbohomeicon.hbohomeicon_7 {
  background-position-y: -178px;
}

.hbohomeicon.hbohomeicon_8 {
  background-position-y: -206px;
}

.hbohomeicon.hbohomeicon_9 {
  background-position-y: -235px;
}

.hbohomeicon.hbohomeicon_10 {
  background-position-y: -263px;
}

.hbohomeicon.hbohomeicon_11 {
  background-position-y: -290px;
}

.hbohomeicon.hbohomeicon_12 {
  background-position-y: -319px;
}

.hbohomemainboxed_r {
  width: 95%;
}

.hbohomemainboxed_r .headerr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  padding: 0 10px;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  margin-bottom: 5px;
}

.headingr {
  font-size: 14px;
  font-weight: 700;
}

.headerr .userr_icon {
  width: 20px;
  height: 20px;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.headerr .userr_icon i {
  background: url(../img/high-and-best-bidder/hbo_home_icons.webp) no-repeat;
  width: 15px;
  height: 15px;
  background-size: cover;
  background-position-y: -67px;
  background-position-x: -1px;
  filter: invert(1) brightness(100);
}

.listingr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 5px;
}

.listingr_l {
  color: #4550c2;
  font-weight: 700;
}

.listingr_r ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.listingr_r ul li {
  width: 80px;
  font-size: 12px;
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
  border-radius: 4px;
  padding: 4px 0;
}

.listingr_r ul li:first-child {
  margin-right: 5px;
}

.filterbox {
  display: flex;
  justify-content: end;
  padding-right: 10px;
  margin-bottom: 5px;
}

.filterbox div {
  font-size: 12px;
  padding: 2px 5px;
  border: 1px solid #dadada;
  background-color: #FFFFFF;
  border-radius: 4px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.filterbox div span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #dadada;
  margin-left: 5px;
}

.filterbox div.nostyle {
  border: none;
  background-color: transparent;
}

.filterbox div:last-child {
  margin-right: 0;
}

.youtube {
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
  overflow: hidden;
  transition: all 200ms ease-out;
  cursor: pointer;
  margin: 0 auto;
}

.youtube .play {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ+CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
  background-size: 64px 64px;
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  filter: invert(1);
}

.youtube .play:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

iframe {
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .hbomainbox {
    padding: 0;
  }
  .hbobanner {
    flex-direction: column;
    height: auto;
    padding: 40px 0;
  }
  .hbocbox,
  .hboibox,
  .hbofeaturecbox,
  .hbofeatureibox {
    width: 100%;
  }
  .whybidhborow,
  .wid800,
  .benefitshborow {
    width: 100%;
  }
  .hbocbox {
    margin-bottom: 20px;
  }
  .whybidhborow,
  .hbofeaturerow,
  .benefitshborow {
    flex-wrap: wrap;
  }
  .whybidhbobox,
  .benefitshbobox {
    width: 100%;
    margin-right: 0;
  }
  .hbofeaturecbox {
    padding: 0;
    margin-bottom: 15px;
  }
  .hbofeaturerow {
    margin-bottom: 30px;
  }
  .hbofeaturerow.flexible_row {
    flex-direction: column-reverse;
  }
  .set > a {
    padding: 10px 40px 10px 15px;
  }
  .integrateautorow {
    flex-wrap: wrap;
  }
  .integrateautorow.flexible_row {
    flex-direction: column-reverse;
  }
  .integrateautocbox,
  .integrateautoibox {
    width: 100%;
  }
  .experiencemainboxed {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  .exmainleft,
  .exmainright {
    width: 100%;
  }
  .exmainleft {
    padding: 0;
    margin-top: 30px;
  }
  .experiencemainbox h4 {
    margin-bottom: 30px;
  }
  .hbomainbox :after, .hbomainbox :before {
    content: none;
  }
}
.navbar .navbar_new .logobox a {
  background: url(../img/bidhom_logo_colored.webp) no-repeat;
}

.navbar .navbar_new .navbar-menu-left ul li a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}

.navbar .navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar .navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.wid800 {
  max-width: 800px;
  margin: 0 auto;
}

.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 40px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3.wcolor {
  color: #FFFFFF;
}

.common_heading_box h4 {
  font-size: 32px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h4.wcolor {
  color: #FFFFFF;
}

.common_heading_box p.wcolor {
  color: #FFFFFF;
}

.creoasbanner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 650px;
}

.creoashcbox {
  width: 45%;
}

.creoashcbox h1 {
  font-family: "Gilroy-Bold";
  font-size: 40px;
}

.creoashibox {
  width: 55%;
}

.creoashibox img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
}

.auction_clients_box {
  padding: 15px;
}

.auction_clients_box .slick-center .auction_slide_box {
  background-color: #4350c0;
}

.auction_clients_box .slick-center .auction_slide_box p,
.auction_clients_box .slick-center .auction_slide_box h5 {
  color: #FFFFFF !important;
}

.auction_clients_box .auction_slide_box .quoteit {
  width: 60px;
  height: 50px;
  background: url(../img/quote_icon.webp) no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.auction_slide_box {
  padding: 20px;
  background-color: #FFFFFF;
  text-align: center;
}

.auction_slide_box h5 {
  font-family: "Gilroy-Bold";
}

.auction_slide_box p {
  margin-bottom: 15px;
}

.auction_slide_box span {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  display: inline-block;
  margin: 0 auto;
}

.auction_slide_box img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.auction_client_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #bbbbbb;
}

.auction_client_slider .slick-dots li.slick-active button {
  border-color: #4350c0;
}

.auction_client_slider .slick-dots li.slick-active button:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #4350c0;
  border-radius: 4px;
}

.slick-dots li button:before {
  content: none;
}

.auction_clients_box .slick-center .auction_slide_box .quoteit {
  background: url(../img/quote_icon_white.webp) no-repeat;
}

.wccmainbox {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 60px;
}

.wccmainbox.wccmainbox_creoas .wcc_box {
  padding: 30px 20px;
  background-color: #f7f9fe;
  border-radius: 5px;
  width: calc(33.3333333333% - 20px);
  margin-right: 20px;
  align-self: stretch;
  text-align: center;
  border-radius: 20px;
}

.wccmainbox.wccmainbox_creoas .wcc_box h4 {
  font-family: "Gilroy SemiBold";
}

.wccmainbox.wccmainbox_creoas .wcc_box p {
  margin-bottom: 0;
}

.wccmainbox.wccmainbox_creoas .wcc_box:last-child {
  margin-right: 0;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon {
  width: 80px;
  height: 80px;
  background: url(../img/creoas/creoasicons.webp) no-repeat;
  background-size: cover;
  margin: 0 auto 15px;
  display: flex;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_1 {
  background-position-x: -22px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_2 {
  background-position-x: -120px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_3 {
  background-position-x: -220px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_4 {
  background-position-x: -315px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_5 {
  background-position-x: -412px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_6 {
  background-position-x: -508px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_7 {
  background-position-x: -605px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_8 {
  background-position-x: -700px;
}

.wccmainbox.wccmainbox_creoas .wcc_box .wccicon.wccicon_9 {
  background-position-x: -795px;
}

.creoasfeaturesrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 60px;
}

.creoasfeaturescbox {
  width: 50%;
  padding-right: 8%;
  padding-left: 4%;
}

.creoasfeaturescbox h5 {
  font-family: "Gilroy SemiBold";
}

.creoasfeaturescbox p {
  font-family: "Gilroy Light";
}

.creoasfeaturesibox {
  width: 50%;
}

.creoasfeaturesibox img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
}

.creoasfeaturesreverserow .creoasfeaturescbox {
  padding-left: 8%;
}

.wccmainbox_nomargin {
  margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .wid800 {
    width: 100%;
  }
  .wccmainbox,
  .creoasfeaturesrow {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .wccmainbox.wccmainbox_creoas .wcc_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .wccmainbox.wccmainbox_creoas .wcc_box:last-child {
    margin-bottom: 0;
  }
  .set > a {
    padding: 10px 40px 10px 15px;
  }
}
.navbar .navbar_new .logobox a {
  background: url(../img/bidhom_logo_colored.webp) no-repeat;
}

.navbar .navbar_new .navbar-menu-left ul li a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}

.navbar .navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar .navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.wid800 {
  max-width: 800px;
  margin: 0 auto;
}

.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 40px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3.wcolor {
  color: #FFFFFF;
}

.common_heading_box h4 {
  font-size: 32px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h4.wcolor {
  color: #FFFFFF;
}

.common_heading_box p.wcolor {
  color: #FFFFFF;
}

.common_heading_box a {
  color: #4550c2;
}

.common_heading_box a:hover {
  color: #4550c2;
}

.doapbanner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 650px;
}

.doaphcbox {
  width: 45%;
}

.doaphcbox h1 {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  margin-bottom: 20px;
}

.doaphcbox p {
  margin-bottom: 20px;
}

.doaphcbox a {
  font-family: "Gilroy-Bold";
}

.doaphibox {
  width: 55%;
}

.doaphibox img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
  padding-left: 5%;
}

.agent_bg {
  background-color: #f6f6fc;
}

.auction_clients_box {
  padding: 15px;
}

.auction_clients_box .slick-center .auction_slide_box {
  background-color: #4350c0;
}

.auction_clients_box .slick-center .auction_slide_box p,
.auction_clients_box .slick-center .auction_slide_box h5 {
  color: #FFFFFF !important;
}

.auction_clients_box .auction_slide_box .quoteit {
  width: 60px;
  height: 50px;
  background: url(../img/quote_icon.webp) no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.auction_slide_box {
  padding: 20px;
  background-color: #FFFFFF;
  text-align: center;
}

.auction_slide_box h5 {
  font-family: "Gilroy-Bold";
}

.auction_slide_box p {
  margin-bottom: 15px;
}

.auction_slide_box span {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  display: inline-block;
  margin: 0 auto;
}

.auction_slide_box img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.auction_client_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #bbbbbb;
}

.auction_client_slider .slick-dots li.slick-active button {
  border-color: #4350c0;
}

.auction_client_slider .slick-dots li.slick-active button:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #4350c0;
  border-radius: 4px;
}

.slick-dots li button:before {
  content: none;
}

.auction_clients_box .slick-center .auction_slide_box .quoteit {
  background: url(../img/quote_icon_white.webp) no-repeat;
}

.wccmainbox {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 60px;
}

.wcc_box {
  padding: 30px 20px;
  background-color: #f7f9fe;
  border-radius: 5px;
  width: calc(33.3333333333% - 20px);
  margin-right: 20px;
  align-self: stretch;
  text-align: center;
  border-radius: 20px;
}

.wcc_box h4,
.wcc_box h5 {
  font-family: "Gilroy SemiBold";
}

.wcc_box p {
  margin-bottom: 0;
}

.wcc_box:last-child {
  margin-right: 0;
}

.wcciconbox2 {
  width: 90px;
  height: 90px;
  margin: 0 auto 15px;
  display: flex;
  align-items: center;
  border-radius: 100%;
}

.wcciconbox2.wcciconbox2_1 {
  background-color: #4550c2;
}

.wcciconbox2.wcciconbox2_2 {
  background-color: #ffc639;
}

.wcciconbox2.wcciconbox2_3 {
  background-color: #4c83d3;
}

.wcciconbox2.wcciconbox2_4 {
  background-color: #41a3e0;
}

.wcciconbox2.wcciconbox2_5 {
  background-color: #00cfc7;
}

.wcciconbox2.wcciconbox2_6 {
  background-color: #fe668c;
}

.wccicon {
  width: 90px;
  height: 80px;
  background: url(../img/dutch-online-auction/dutch-auction-icons.webp) no-repeat;
  background-size: cover;
  margin: 0 auto 15px;
  display: flex;
}

.wccicon.wccicon_1 {
  background-position-x: 5px;
}

.wccicon.wccicon_2 {
  background-position-x: -98px;
}

.wccicon.wccicon_3 {
  background-position-x: -198px;
}

.wccicon.wccicon_4 {
  background-position-x: -300px;
}

.wccicon.wccicon_5 {
  background-position-x: -400px;
}

.wccicon.wccicon_6 {
  background-position-x: -502px;
}

.wccicon.wccicon_7 {
  background-position-x: -602px;
}

.wccicon.wccicon_8 {
  background-position-x: -708px;
}

.wccicon.wccicon_9 {
  background-position-x: -810px;
}

.wccicon2 {
  width: 60px;
  height: 60px;
  background-image: url(../img/dutch-online-auction/dutch-auction-icons.webp);
  background-size: cover;
  margin: 0 auto;
  display: flex;
  background-repeat: no-repeat;
}

.wccicon2.wccicon_1 {
  background-position-x: -2px;
}

.wccicon2.wccicon_2 {
  background-position-x: -83px;
}

.wccicon2.wccicon_3 {
  background-position-x: -162px;
}

.wccicon2.wccicon_4 {
  background-position-x: -242px;
}

.wccicon2.wccicon_5 {
  background-position-x: -327px;
}

.wccicon2.wccicon_6 {
  background-position-x: -407px;
}

.wccmainbox_nomargin {
  margin-bottom: 20px;
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

.blogscontentrow.latestblogs {
  margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
  .doapbanner {
    flex-direction: column;
    height: auto;
    padding: 40px 0;
  }
  .doaphcbox,
  .doaphibox {
    width: 100%;
  }
  .creoashcbox {
    margin-bottom: 20px;
  }
  .wid800 {
    width: 100%;
  }
  .wccmainbox,
  .creoasfeaturesrow {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .wcc_box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .wcc_box:last-child {
    margin-bottom: 0;
  }
  .creoasfeaturescbox {
    width: 100%;
    padding: 0;
  }
  .creoasfeaturesibox {
    width: 100%;
  }
  .creoasfeaturesrow.creoasfeaturesreverserow {
    flex-direction: column-reverse;
  }
  .creoashiwmainimagebox {
    display: none;
  }
  .set > a {
    padding: 10px 40px 10px 15px;
  }
  .common_heading_box h2 {
    font-size: 32px;
  }
  .readyhbobanner {
    padding: 40px 0;
    height: auto;
  }
}
.hbobg {
  background-color: #f6f6fc;
}

.hbobanner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 650px;
}

.hbocbox {
  width: 45%;
}

.hboibox {
  width: 55%;
}

.hboibox img {
  filter: drop-shadow(0px 48px 100px rgba(17, 12, 46, 0.15));
}

.auction_clients_box {
  padding: 15px;
}

.auction_clients_box.slick-center .auction_slide_box {
  background-color: #4350c0;
}

.auction_clients_box.slick-center .auction_slide_box p,
.auction_clients_box.slick-center .auction_slide_box h5 {
  color: #FFFFFF !important;
}

.auction_clients_box.slick-center .auction_slide_box .quoteit {
  background: url(../img/quote_icon_white.webp) no-repeat;
}

.auction_clients_box .auction_slide_box .quoteit {
  width: 60px;
  height: 50px;
  background: url(../img/quote_icon.webp) no-repeat;
  background-size: contain;
  margin: 0 auto;
  margin-bottom: 15px;
}

.auction_slide_box {
  padding: 20px;
  background-color: #FFFFFF;
  text-align: center;
}

.auction_slide_box img {
  margin: 0 auto;
  margin-bottom: 20px;
}

.auction_slide_box span {
  font-family: "Gilroy-Bold";
  font-size: 40px;
  display: inline-block;
  margin: 0 auto;
}

.auction_slide_box p {
  margin-bottom: 15px;
}

.auction_slide_box h5 {
  font-family: "Gilroy-Bold";
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

.slick-dots li button:before {
  content: none;
}

.auction_client_slider .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 2px solid #bbbbbb;
}

.auction_client_slider .slick-dots li.slick-active button {
  border-color: #4350c0;
}

.auction_client_slider .slick-dots li.slick-active button:after {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  margin-left: -4px;
  background-color: #4350c0;
  border-radius: 4px;
}

.readyhbobanner {
  background: url(../img/high-and-best-bidder/readyhbobanner.webp) no-repeat;
  background-size: cover;
  height: 550px;
  display: flex;
  align-items: center;
}

.hbomainbox {
  position: relative;
}

.hbomainbox:after, .hbomainbox:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 20%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
}

.hbomainbox:before {
  left: 5%;
  width: 20%;
  border: 0;
}

.hbomainbox:after {
  right: 0rem;
  width: 20%;
  top: 10%;
}

.hbocbox h1 {
  font-family: "Gilroy-Bold";
  font-size: 40px;
}

.hboibox img {
  position: relative;
}

.hboibox img:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 20%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
  left: 5%;
  width: 20%;
}

.whybidhborow {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: 1150px;
  margin: 0 auto;
}

.whybidhbobox {
  width: calc(33.3333333333% - 15px);
  margin-right: 15px;
  text-align: center;
  padding: 20px 30px;
  border-radius: 20px;
  align-self: stretch;
}

.whybidhbobox:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.whybidhbobox:last-child {
  margin-right: 0;
}

.whybidhbobox h5 {
  font-family: "Gilroy SemiBold";
}

.whybidhbobox p {
  margin-bottom: 0;
}

.hboicon {
  width: 80px;
  height: 80px;
  display: inline-block;
  background: transparent url(../img/high-and-best-bidder/hboicons.webp) no-repeat;
  background-size: cover;
  border-radius: 80px;
  margin-bottom: 15px;
}

.hboicon.hboicon_1 {
  background-position-x: -3px;
  background-color: #4550c2;
}

.hboicon.hboicon_2 {
  background-position-x: -85px;
  background-color: #76b1ee;
}

.hboicon.hboicon_3 {
  background-position-x: -175px;
  background-color: #7145c2;
}

.hboicon.hboicon_4 {
  background-position-x: -260px;
  background-color: #4550c2;
}

.hboicon.hboicon_5 {
  background-position-x: -338px;
  background-color: #fdc53a;
}

.hboicon.hboicon_6 {
  background-position-x: -420px;
  background-color: #4c83d3;
}

.hboicon.hboicon_7 {
  background-position-x: -508px;
  background-color: #41a3e0;
}

.hboicon.hboicon_8 {
  background-position-x: -590px;
  background-color: #00cfc7;
}

.hboicon.hboicon_9 {
  background-position-x: -668px;
  background-color: #fe668c;
}

.hbofeaturerow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 80px;
}

.hbofeaturecbox {
  width: 45%;
  padding-right: 5%;
}

.hbofeaturecbox h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.hbofeatureibox {
  width: 55%;
  position: relative;
}

.hbofeatureibox img {
  filter: drop-shadow(0px 48px 100px rgba(17, 12, 46, 0.15));
}

.benefitshborow {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1150px;
  margin: 0 auto 30px;
}

.benefitshbobox {
  width: calc(33.3333333333% - 20px);
  margin-right: 20px;
  text-align: center;
  margin-bottom: 20px;
  padding: 20px 30px;
  border-radius: 20px;
  align-self: stretch;
}

.benefitshbobox h5 {
  font-family: "Gilroy SemiBold";
}

.benefitshbobox p {
  margin-bottom: 0;
}

.benefitshbobox:nth-child(3n) {
  margin-right: 0;
}

.benefitshbobox:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.otbmainbox {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 15px;
  position: absolute;
  width: 565px;
  right: 0;
}

.propbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 5px;
  background-color: aliceblue;
  margin-bottom: 10px;
}

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

.proplbox ul li:nth-child(1) {
  color: #41a3e0;
  font-weight: 700;
  font-size: 12px;
  margin-bottom: 5px;
}

.proplbox ul li:nth-child(2) {
  color: #282828;
  font-weight: 500;
  font-size: 10px;
}

.proplbox img {
  margin-right: 10px;
}

.proprbox ul li {
  font-size: 10px;
}

.buyerbox {
  margin-bottom: 5px;
}

.buyerbox .bbhead {
  padding: 5px 10px;
  background-color: lightgray;
  font-size: 12px;
  font-weight: 600;
  position: relative;
}

.buyerbox .bbbody {
  padding: 5px 10px;
  background-color: #FFFFFF;
  display: flex;
  justify-content: space-between;
}

.bbbodytablebox {
  width: 50%;
}

.bbbodytablebox table {
  width: 100%;
  font-size: 12px;
}

.bbbodytablebox table tr td {
  border: none;
  padding: 0;
}

.bbbodytablebox table tr td:first-child {
  font-weight: 700;
}

.buyerbuttons {
  margin-top: 10px;
  margin-bottom: 15px;
}

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

.buyerbuttons ul li {
  padding: 4px 10px;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 8px;
  border-radius: 4px;
  margin-right: 4px;
  cursor: pointer;
}

.buyerbuttons ul li:nth-child(odd) {
  background-color: #41a3e0;
}

.buyerbuttons ul li:nth-child(even) {
  background-color: #228B22;
}

.otbmainboxed {
  position: absolute;
  width: 350px;
  background-color: #FFFFFF;
  padding: 10px;
  border-radius: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px;
  top: 40%;
  left: -80px;
}

.otbmainboxed .heead {
  font-weight: 700;
  margin-bottom: 5px;
}

.hbofeatureibox_1,
.hbofeatureibox_3 {
  height: 450px;
}

.buyerbox .bbhead:after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  border: none;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  transform: rotate(45deg);
  position: absolute;
  right: 10px;
}

.headingr {
  font-size: 14px;
  font-weight: 700;
}

.headerr .userr_icon {
  width: 20px;
  height: 20px;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
}

.headerr .userr_icon i {
  background: url(../img/high-and-best-bidder/hbo_home_icons.webp) no-repeat;
  width: 15px;
  height: 15px;
  background-size: cover;
  background-position-y: -67px;
  background-position-x: -1px;
  filter: invert(1) brightness(100);
}

.listingr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 5px;
}

.listingr_l {
  color: #4550c2;
  font-weight: 700;
}

.listingr_r ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.listingr_r ul li {
  width: 80px;
  font-size: 12px;
  background-color: #000000;
  color: #FFFFFF;
  text-align: center;
  border-radius: 4px;
  padding: 4px 0;
}

.listingr_r ul li:first-child {
  margin-right: 5px;
}

.filterbox {
  display: flex;
  justify-content: end;
  padding-right: 10px;
  margin-bottom: 5px;
}

.filterbox div {
  font-size: 12px;
  padding: 2px 5px;
  border: 1px solid #dadada;
  background-color: #FFFFFF;
  border-radius: 4px;
  margin-right: 4px;
  display: flex;
  align-items: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.filterbox div span {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #dadada;
  margin-left: 5px;
}

.filterbox div.nostyle {
  border: none;
  background-color: transparent;
}

.filterbox div:last-child {
  margin-right: 0;
}

.faqbox {
  margin-top: 10px;
}

.faqbox h5 {
  color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  .hbomainbox {
    padding: 0;
  }
  .hbobanner {
    flex-direction: column;
    height: auto;
    padding: 40px 0;
  }
  .hbocbox,
  .hboibox,
  .hbofeaturecbox,
  .hbofeatureibox {
    width: 100%;
  }
  .whybidhborow,
  .wid800,
  .benefitshborow,
  .readyhbobox {
    width: 100%;
  }
  .hbocbox {
    margin-bottom: 20px;
  }
  .whybidhborow,
  .hbofeaturerow,
  .benefitshborow {
    flex-wrap: wrap;
  }
  .whybidhbobox,
  .benefitshbobox {
    width: 100%;
    margin-right: 0;
  }
  .hbofeaturecbox {
    padding: 0;
    margin-bottom: 15px;
  }
  .hbofeaturerow {
    margin-bottom: 30px;
  }
  .hbofeaturerow.flexible_row {
    flex-direction: column-reverse;
  }
  .readyhbobanner {
    height: auto;
  }
  .readyhbobox ul {
    flex-direction: column;
  }
  .readyhbobox ul li {
    width: 100%;
    margin: 0 0 15px;
  }
  .readyhbobox ul li:last-child {
    margin-bottom: 0;
  }
  .set > a {
    padding: 10px 40px 10px 15px;
  }
}
.navbar .navbar_new .logobox a {
  background: url(../img/bidhom_logo_colored.webp) no-repeat;
}

.navbar .navbar_new .navbar-menu-left ul li a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}

.navbar .navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar .navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h3 {
  font-size: 32px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.common_heading_box h4 {
  font-size: 28px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

img.hideondesk {
  display: none;
}

@media only screen and (max-width: 768px) {
  .common_heading_box {
    margin-bottom: 25px;
  }
  .common_heading_box h2 {
    font-size: 28px;
    line-height: 1.36;
  }
  .common_heading_box h4 {
    font-size: 24px;
    line-height: 1.4;
  }
  .bidding_container {
    width: 100%;
    padding: 0 15px;
  }
  .cm_row {
    padding: 0;
  }
  .cm_cbox h4 {
    font-size: 24px;
  }
  .cm_ibox div {
    width: 30px;
    height: 30px;
  }
  .cm_ibox div:before {
    width: 10px;
    height: 10px;
    border-width: 2px;
  }
  .contentm__slide {
    margin-right: 0;
  }
  .contentm__slide img {
    width: 100%;
  }
  .ds__box,
  .assistance_box {
    padding: 20px;
  }
  .property_estimator {
    height: auto;
    padding: 60px 0;
    background-position: center;
  }
  img.hideondesk {
    display: block;
  }
  img.hideonmobi {
    display: none;
  }
  .si__row {
    flex-wrap: wrap;
  }
  .si__leftbox,
  .si__rightbox {
    width: 100%;
  }
  .si__leftbox .si__cbox:first-child, .si__leftbox .si__cbox:nth-child(2), .si__leftbox .si__cbox:last-child {
    margin-top: 0;
  }
  .si__rightbox .si__cbox:first-child, .si__rightbox .si__cbox:nth-child(2), .si__rightbox .si__cbox:last-child {
    margin-top: 0;
  }
  .si__cbox {
    padding: 15px;
    background-color: #f9f9f9;
    margin-bottom: 15px;
    border-radius: 15px;
    text-align: center;
  }
  .si__cbox img {
    display: block;
    max-width: 125px;
    margin: 0 auto 10px;
  }
  .si__imagebox {
    display: none;
  }
  .si___box {
    width: 100%;
    padding: 20px;
    background-color: #FFFFFF;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    flex-direction: column;
    border-radius: 10px;
    margin-bottom: 15px;
  }
  .si___box:nth-child(5) {
    margin-bottom: 15px;
  }
  .si___ibox,
  .si___cbox {
    width: 100%;
  }
  .si___ibox {
    margin-bottom: 10px;
  }
  .si___ibox span {
    transform: rotate(0);
    background-color: transparent;
    width: 100%;
    height: auto;
    box-shadow: none;
    justify-content: center;
  }
  .si___ibox span img {
    transform: rotate(0);
    max-width: 150px;
  }
  .si___cbox {
    text-align: center;
  }
  .si___cbox h4 {
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 1400px) {
  .listing_management_row {
    max-width: 1220px;
    margin: 0 auto;
  }
}
.property-listing-banner {
  padding: 120px 0 40px;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .property-listing-banner {
    height: auto;
    margin-top: -100px;
    padding: 80px 0 40px;
  }
}
.property-listing-banner .container {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .property-listing-banner .container {
    padding-top: 40px;
    display: block;
  }
}
.property-listing-banner_left {
  width: 50%;
  padding-left: 40px;
  padding-top: 20px;
}

.property-listing-banner_left h1 {
  font-family: "Gilroy-Bold";
  font-size: 36px;
  color: #4550c2;
  margin-bottom: 15px;
}

.property-listing-banner_left p {
  color: var(--soft-black-color);
}

@media (max-width: 767px) {
  .property-listing-banner_left {
    width: 100%;
    margin-bottom: 20px;
    padding-left: 15px;
  }
}
.property-listing-banner_right {
  width: 50%;
}

.property-listing-banner_right img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
}

@media (max-width: 767px) {
  .property-listing-banner_right {
    width: 100%;
  }
}
/* .choose_bd_card {
    background: $white-color;
    box-shadow: 0 10px 38px rgba(0,0,0,0.16);
    text-align: center;
}

.choose_bd_card_icon {
    width: 100px;
    height: 100px;
    background: #e7eaf9;
    display: inline-block;
    border-radius: 50%;
} */
.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.property_manage_row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.property_manage_box {
  width: calc(33.3333333333% - 15px);
  padding: 40px 20px;
  background-color: #FFFFFF;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 20px;
  align-self: stretch;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

.property_manage_box h4 {
  font-family: "Gilroy-Black";
  font-size: 20px;
}

.property_manage_box:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media (max-width: 767px) {
  .property_manage_box {
    width: 100%;
  }
}
.pro_icon {
  background: url(../img/property_listing_management/spm_icons.webp) no-repeat;
  background-size: cover;
  width: 120px;
  height: 100px;
  display: inline-block;
  margin-bottom: 15px;
}

.pro_icon.fm_icon1 {
  background-position-x: 0;
}

.pro_icon.fm_icon2 {
  background-position-x: -118px;
}

.pro_icon.fm_icon3 {
  background-position-x: -238px;
}

.graybg {
  background-color: #fbfaff;
}

.bidHom_difference_main_row {
  height: 1400px;
}

@media (max-width: 767px) {
  .bidHom_difference_main_row {
    height: auto;
  }
}
.pin-spacerFixedAfter {
  display: flex;
  align-items: flex-end;
}

@media (max-width: 767px) {
  .pin-spacerFixedAfter {
    display: block;
  }
}
.bid_difference_main_box {
  position: relative;
}

.bid_difference__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px;
  border-radius: 20px;
  position: sticky;
  top: 90px;
}

.bid_difference__box.bid_difference__box_1 {
  background-color: #eff2ff;
  z-index: 1;
}

.bid_difference__box.bid_difference__box_2 {
  background-color: #ACE1AF;
  z-index: 2;
}

.bid_difference__box.bid_difference__box_3 {
  background-color: #FFEFD5;
  z-index: 3;
}

.bid_difference__box.bid_difference__box_4 {
  background-color: #FDBCB4;
  z-index: 4;
}

.bid_difference__box.bid_difference__box_5 {
  background-color: #FFF0F5;
  z-index: 5;
}

.bid_difference__box.bid_difference__box_6 {
  background-color: #FFFFF0;
  z-index: 6;
}

.bid_difference__cbox,
.bid_difference__ibox {
  width: 50%;
}

.bid_difference__cbox h4 {
  font-size: 32px;
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
}

.bid_difference__cbox p {
  font-size: 18px;
  margin-bottom: 0;
}

.bid_difference__ibox {
  text-align: center;
}

.bid_difference__ibox img {
  width: 100%;
  max-width: 400px;
}

.bidHom_difference_main {
  position: relative;
  height: 400px;
  width: 100%;
}

.bidHom_difference_main.fixedCard {
  position: fixed;
  width: 100%;
  height: 600px;
  top: 150px;
  left: auto;
}

@media (max-width: 767px) {
  .bidHom_difference_main.fixedCard {
    position: static;
    height: auto;
  }
}
@media (max-width: 767px) {
  .bidHom_difference_main {
    height: auto;
  }
}
.bidHom_difference_card {
  max-width: 1218px;
  background: #eff2ff;
  border-radius: 10px;
  padding: 20px 0 0 100px;
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  transition: 1000ms;
}

.bidHom_difference_card.card_1 {
  background-color: #eff2ff;
  z-index: 1;
}

.bidHom_difference_card.card_2 {
  background-color: #b6c3fd;
  z-index: 2;
  top: 10rem;
  visibility: hidden;
  opacity: 0;
}

.bidHom_difference_card.card_3 {
  background-color: #b6fdd3;
  z-index: 3;
  top: 10rem;
  visibility: hidden;
  opacity: 0;
}

.bidHom_difference_card.card2Show {
  visibility: visible;
  opacity: 1;
  top: 1rem;
}

.bidHom_difference_card.card3Show {
  visibility: visible;
  opacity: 1;
  top: 2rem;
}

@media (max-width: 767px) {
  .bidHom_difference_card {
    display: block;
    position: relative;
    padding: 30px 0 0 30px;
  }
}
.bidHom_difference_card__left {
  width: 50%;
}

.bidHom_difference_card__left h1 {
  font-family: "Gilroy-Black";
}

.bidHom_difference_card__left h3 {
  font-size: 24px;
}

@media (max-width: 767px) {
  .bidHom_difference_card__left {
    width: 100%;
  }
}
.bidHom_difference_card__right {
  width: 30%;
}

@media (max-width: 767px) {
  .bidHom_difference_card__right {
    width: 100%;
  }
}
.ready_to_upgrade {
  background: url("../img/property_listing_management/ready-to-upgrade-your-listing-management-game.webp") center center no-repeat;
  background-size: cover;
  height: 315px;
  display: flex;
  align-items: center;
  border-radius: 15px;
  margin-bottom: 60px;
}

.ready_to_upgrade_box {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding-left: 12%;
}

.ready_to_upgrade_box h2 {
  font-family: "Gilroy-Black";
  color: #4550c2;
}

.ready_to_upgrade_box h3 {
  margin-bottom: 20px;
}

.ready_to_upgrade_box a {
  display: inline-flex;
  width: fit-content;
}

.section_2_Slider .slick-slide h4 {
  font-size: 18px;
  font-family: "Gilroy-Bold";
}

.section_2_Slider .slick-slide p {
  font-size: 16px;
}

.section_2_Slider .slick-slide .section_3_Slider .slick-slide h4 {
  font-size: 18px;
  font-family: "Gilroy-Bold";
}

.section_2_Slider .slick-slide .section_3_Slider .slick-slide p {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .common_heading_box {
    margin-bottom: 20px;
  }
  .common_heading_box h2 {
    font-size: 28px;
    margin-bottom: 0;
  }
  .common_heading_box h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .common_heading_box h4 {
    font-size: 24px;
  }
  .bid_difference__box {
    flex-direction: column;
    padding: 20px;
    border-radius: 10px;
    top: 50px;
  }
  .bid_difference__cbox,
  .bid_difference__ibox {
    width: 100%;
  }
  .bid_difference__cbox {
    margin-bottom: 15px;
  }
  .ready_to_upgrade {
    padding: 20px;
    height: auto;
    background-position-x: left;
  }
  .ready_to_upgrade_box {
    width: 100%;
    padding-left: 0;
  }
  .property_manage_box {
    padding: 20px;
  }
  .property_manage_box p {
    margin-bottom: 0;
  }
}
header {
  background-color: #FFFFFF;
  height: 80px;
}

.mobile_menu .logo {
  background: url(../img/logo/bidhom_logo_white.svg) no-repeat;
  display: inline-block;
  width: 176px;
  height: 60px;
  margin: 15px 0 10px 10px;
  background-size: contain;
}

.mobile_menu.header_new .logo {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  display: inline-block;
  width: 176px;
  height: 60px;
  margin: 15px 0 10px 10px;
  background-size: contain;
}

@media only screen and (min-width: 992px) {
  .mobile_menu.header_new {
    display: none;
  }
}
.mobile_menu.sticky a .menuBtn > span {
  background-color: #4550c2;
}

.menuBtn {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 20px;
  top: 25px;
  z-index: 101;
  display: inline-flex;
}

.menuBtn > span {
  background-color: #FFFFFF;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}

.menuBtn > span:after, .menuBtn > span:before {
  content: "";
  background-color: #FFFFFF;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}

.menuBtn > span:after {
  top: -7px;
}

.menuBtn > span:before {
  bottom: -7px;
}

.menuBtn.header_new > span {
  background-color: #4550c2;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}

.menuBtn.header_new > span:after, .menuBtn.header_new > span:before {
  content: "";
  background-color: #4550c2;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}

.menuBtn.header_new > span:after {
  top: -7px;
}

.menuBtn.header_new > span:before {
  bottom: -7px;
}

.menuBtn.act > span {
  height: 0;
}

.menuBtn.act > span:after, .menuBtn.act > span:before {
  background-color: #4550c2;
  top: 1px;
}

.menuBtn.act > span:after {
  transform: rotate(45deg);
}

.menuBtn.act > span:before {
  transform: rotate(-45deg);
}

/* main menu block */
.mainMenu {
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  display: table;
  text-align: center;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transform: scale(0);
}

.mainMenu ul li {
  padding: 8px 0;
  transition: all 400ms 510ms;
  opacity: 0;
}

.mainMenu ul li:nth-child(odd) {
  transform: translateX(30%);
}

.mainMenu ul li:nth-child(even) {
  transform: translateX(-30%);
}

.mainMenu ul li:last-child {
  transform: none;
}

.mainMenu a {
  color: #4550c2;
  display: inline-block;
  font-size: 20px;
  font-family: "Gilroy-Bold";
}

.mainMenu a.suBtn {
  color: #FFFFFF;
}

.mainMenu.act {
  opacity: 1;
  transform: scale(1);
}

.mainMenu.act ul {
  display: table-cell;
  vertical-align: middle;
}

.mainMenu.act ul li {
  opacity: 1;
  transform: translateX(0);
}

.suBtn {
  background-color: blue;
  border-radius: 5px;
  padding: 10px 20px;
}

@media only screen and (min-width: 992px) {
  .mobile_menu.header_new {
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .mobile_menu.header_new {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
  }
  .mobile_menu.header_new .mobile_menu_left_box {
    width: 40%;
    display: flex;
    align-items: center;
  }
  .mobile_menu.header_new .mobile_menu_left_box a.logo {
    background: url(../img/logo/bidhom_logo.svg) no-repeat;
    display: inline-block;
    width: 130px;
    height: 50px;
    background-size: contain;
    margin: 0;
  }
  .mobile_menu.header_new .mobile_menu_right_box {
    width: 60%;
    display: flex;
    justify-content: end;
    align-items: center;
  }
  .mobile_menu.header_new .mobile_menu_right_box a {
    padding: 5px 12px;
    background-color: #4550c2;
    color: #FFFFFF;
    border-radius: 2px;
  }
  .mobile_menu.header_new .mobile_menu_right_box a.menuBtn {
    position: relative;
    top: auto;
    right: auto;
    background-color: transparent;
    margin-left: 15px;
  }
  .mobile_menu.header_new .mobile_menu_right_box a.menuBtn span {
    background-color: #4550c2;
  }
  .mobile_menu.header_new .mobile_menu_right_box a.menuBtn span:before, .mobile_menu.header_new .mobile_menu_right_box a.menuBtn span:after {
    background-color: #4550c2;
  }
}
.property-listing-banner {
  padding: 160px 0;
  display: flex;
  align-items: center;
}

.property-listing-banner .container {
  display: flex;
  align-items: center;
  position: relative;
}

.property-listing-banner .container:after, .property-listing-banner .container:before {
  background: radial-gradient(50% 50% at 50% 50%, rgba(69, 80, 194, 0.3) 0, rgba(69, 80, 194, 0.3) 50%, rgba(69, 80, 194, 0.3) 100%);
  bottom: 4rem;
  content: "";
  filter: blur(100px);
  height: 40%;
  position: absolute;
  transform: rotate(-146.42deg);
  z-index: -1;
  width: 25%;
}

.property-listing-banner .container:before {
  left: -8rem;
  bottom: 0;
}

.property-listing-banner .container:after {
  right: -8rem;
  top: 0;
}

@media (max-width: 767px) {
  .property-listing-banner .container {
    padding-top: 40px;
    display: block;
  }
}
@media (max-width: 767px) {
  .property-listing-banner {
    height: auto;
    margin-top: -100px;
    padding: 80px 0 60px;
  }
}
.property-listing-banner_left {
  padding-left: 40px;
  padding-top: 20px;
  width: 50%;
}

.property-listing-banner_left h1 {
  font-family: "Gilroy-Bold";
  font-size: 36px;
  color: var(--soft-black-color);
  margin-bottom: 15px;
}

.property-listing-banner_left p {
  color: var(--soft-black-color);
}

@media (max-width: 767px) {
  .property-listing-banner_left {
    padding-left: 15px;
    width: 100%;
    margin-bottom: 20px;
  }
}
.property-listing-banner_right {
  width: 50%;
}

.property-listing-banner_right img {
  filter: drop-shadow(0px 7px 29px rgba(100, 100, 111, 0.2));
}

@media (max-width: 767px) {
  .property-listing-banner_right {
    width: 100%;
  }
}
/* .choose_bd_card {
    background: $white-color;
    box-shadow: 0 10px 38px rgba(0,0,0,0.16);
    text-align: center;
}

.choose_bd_card_icon {
    width: 100px;
    height: 100px;
    background: #e7eaf9;
    display: inline-block;
    border-radius: 50%;
} */
.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 36px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.somebg {
  background-color: #f6f6fc;
}

.common_heading h3 {
  font-size: 44px;
  font-family: "Gilroy-ExtraBold";
  margin-bottom: 20px;
  color: #000000;
}

.property_manage_row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 50px;
}

.property_manage_box {
  width: calc(33.3333333333% - 15px);
  padding: 40px 20px;
  background-color: #FFFFFF;
  border-radius: 15px;
  text-align: center;
  margin-bottom: 20px;
  align-self: stretch;
  box-shadow: rgba(100, 100, 111, 0.1) 0px 7px 29px 0px;
}

.property_manage_box h4 {
  font-family: "Gilroy-Black";
  font-size: 20px;
}

.property_manage_box:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media (max-width: 767px) {
  .property_manage_box {
    width: 100%;
  }
}
.pro_icon {
  background: url(../img/property_listing_management/spm_icons.webp) no-repeat;
  background-size: cover;
  width: 120px;
  height: 100px;
  display: inline-block;
  margin-bottom: 15px;
}

.pro_icon.fm_icon1 {
  background-position-x: 0;
}

.pro_icon.fm_icon2 {
  background-position-x: -118px;
}

.pro_icon.fm_icon3 {
  background-position-x: -238px;
}

.graybg {
  background-color: #fbfaff;
}

.bidHom_difference_main_row {
  height: 1400px;
}

@media (max-width: 767px) {
  .bidHom_difference_main_row {
    height: auto;
  }
}
.om__row {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 80px;
}

.om__box {
  width: calc(33.3333333333% - 10px);
  background-color: #f7f9fe;
  border-radius: 10px;
  padding: 30px;
  align-self: stretch;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  text-align: center;
}

.om__box h4 {
  font-family: "Gilroy-Bold";
}

.om__box p {
  margin-bottom: 0;
}

.omicon {
  width: 90px;
  height: 80px;
  background: url(../img/offer_management/om_icons.webp) no-repeat;
  background-size: cover;
  display: inline-flex;
}

.omicon.omicon_1 {
  background-position-x: -2px;
}

.omicon.omicon_2 {
  background-position-x: -108px;
}

.omicon.omicon_3 {
  background-position-x: -204px;
}

.om_row,
.omirow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.om_cbox,
.om_ibox {
  width: 50%;
}

.om_cbox {
  padding-right: 8%;
  padding-left: 4%;
}

.om_cbox h3 {
  font-family: "Gilroy-Bold";
  font-size: 32px;
  margin-bottom: 30px;
}

.omi_cbox {
  width: 45%;
  padding: 0 3%;
}

.omi_cbox h4 {
  font-family: "Gilroy-Bold";
  font-size: 28px;
  margin-bottom: 20px;
}

.omi_ibox {
  width: 55%;
}

.omirow:last-child {
  margin-bottom: 0;
}

.clients_header {
  margin-bottom: 40px;
}

.clients_header h4 {
  margin-bottom: 15px;
}

.omclientsrow {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.omclientsbox {
  width: calc(12.5% - 8px);
}

.omclientsbox img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .common_heading_box {
    margin-bottom: 20px;
  }
  .common_heading_box h2 {
    font-size: 28px;
    margin-bottom: 0;
  }
  .common_heading_box h3 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .common_heading_box h4 {
    font-size: 24px;
  }
  .property-listing-banner_left {
    padding: 0;
  }
  .property-listing-banner_left h1 {
    font-size: 32px;
  }
  .clients_header {
    margin-bottom: 20px;
  }
  .clients_header h4 {
    font-size: 24px;
  }
  .common_heading h3 {
    font-size: 32px;
    margin-bottom: 10px;
  }
  .common_heading h4 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 480px) {
  .omclientsrow {
    flex-wrap: wrap;
    justify-content: center;
  }
  .omclientsbox {
    width: calc(33.3333333333% - 8px);
    padding: 8px;
    margin-bottom: 5px;
  }
}
.partner_banner {
  background: url(../img/partners/partner_banner.webp) no-repeat;
  background-size: cover;
  background-position: right;
  height: 445px;
  display: flex;
  align-items: center;
}

.partner_banner_box {
  padding: 0 80px;
  margin-top: 40px;
}

.partner_banner_box h1 {
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.partner_banner_box p {
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin-bottom: 20px;
  font-size: 20px;
}

.jrerow {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.jrebox {
  width: calc(33.3333333333% - 15px);
  padding: 20px 15px;
  background-color: #FFFFFF;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 10px;
  align-self: stretch;
  text-align: center;
}

.jrebox h4 {
  font-family: "Gilroy-Black";
  font-size: 22px;
}

.jreicon {
  width: 100px;
  height: 100px;
  background-color: #e7eaf9;
  border-radius: 100%;
  margin: 0 auto 15px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jreicon:before {
  content: "";
  width: 60px;
  height: 60px;
  background: url(../img/partners/partner_icons.webp) no-repeat;
  background-size: cover;
}

.jreicon.jreicon1:before {
  background-position-x: -5px;
}

.jreicon.jreicon2:before {
  background-position-x: -81px;
}

.jreicon.jreicon3:before {
  background-position-x: -152px;
}

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

.partner_cbox {
  width: 55%;
  padding-right: 10%;
}

.partner_cbox h3 {
  font-family: "Gilroy-Black";
  font-size: 44px;
  line-height: 1.18;
  margin-bottom: 20px;
}

.partner_cbox p {
  margin-bottom: 20px;
}

.partner_ibox {
  width: 45%;
}

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

.affiliate_cbox,
.affiliate_ccbox {
  width: 50%;
}

.affiliate_cbox h4 {
  color: #FFFFFF;
  font-family: "Gilroy-Black";
  font-size: 40px;
  line-height: 1.1;
  margin-bottom: 10px;
}

.affiliate_cbox p {
  color: #FFFFFF;
  font-family: "Gilroy Medium";
  margin-bottom: 0;
}

.affbox {
  width: 70%;
  padding: 25px;
  background-color: #FFFFFF;
  border-radius: 10px;
  margin-bottom: 15px;
}

.affbox p {
  margin-bottom: 0;
}

.affbox:last-child {
  margin-bottom: 0;
}

.affinnerbox {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-bottom: 10px;
}

.affinnerbox h5 {
  margin-bottom: 0;
  font-family: "Gilroy-ExtraBold";
}

.afficon {
  width: 50px;
  height: 40px;
  background: url(../img/partners/affiliate_icons.webp) no-repeat;
  display: inline-block;
  background-size: cover;
}

.afficon.afficon1 {
  background-position-x: -4px;
}

.afficon.afficon2 {
  background-position-x: -61px;
}

.partner_program_row {
  display: none;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.partner_program_box {
  width: 100%;
  padding: 15px;
  background-color: #FFFFFF;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 15px;
  border-radius: 10px;
  border: 1px solid #4550c2;
}

.partner_program_box h5 {
  font-size: 20px;
  font-family: "Gilroy-Bold";
  margin-bottom: 5px;
  color: #4550c2;
}

.partner_program_box p {
  font-family: "Gilroy Light";
  margin-bottom: 0;
}

.partner_program_box:last-child {
  margin-bottom: 0;
}

.becomepartnermainbox {
  background: url(../img/partners/become-a-partner.webp) no-repeat;
  background-size: cover;
  background-position: right;
  height: 300px;
  display: flex;
  align-items: center;
  border-radius: 20px;
}

.becomepartnerbox {
  padding: 0 40px;
}

.becomepartnerbox h4 {
  color: #4550c2;
  font-family: "Gilroy-Black";
  font-size: 32px;
  line-height: 1.1;
  margin-bottom: 0;
}

.becomepartnerbox p {
  font-family: "Gilroy Medium";
  margin-bottom: 10px;
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  .mobile_menu.header_new .logo {
    margin-top: 10px !important;
  }
  .partner_banner {
    height: auto;
    background-position: left;
  }
  .partner_banner_box {
    padding: 50px 0;
  }
  .common_heading_box {
    margin-bottom: 30px;
  }
  .common_heading_box h2 {
    font-size: 32px;
  }
  .common_heading_box h3 {
    font-size: 28px;
  }
  .jrerow {
    flex-wrap: wrap;
  }
  .jrebox {
    width: 100%;
    margin-bottom: 15px;
  }
  .jrebox:last-child {
    margin-bottom: 0;
  }
  .partner__row {
    flex-wrap: wrap;
    padding: 0 15px;
  }
  .partner_cbox,
  .partner_ibox {
    width: 100%;
  }
  .partner_cbox {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .partner_cbox h3 {
    font-size: 36px;
  }
  .affiliate_row {
    flex-wrap: wrap;
  }
  .affiliate_cbox,
  .affiliate_ccbox {
    width: 100%;
  }
  .affiliate_cbox {
    margin-bottom: 20px;
  }
  .affbox {
    width: 100%;
    padding: 20px;
  }
  .becomepartnermainbox {
    height: auto;
    padding: 40px 20px;
    background-position: left;
  }
  .becomepartnerbox {
    padding: 0;
  }
  .becomepartnerbox h4 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .becomepartnerbox p {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .partner_program_row {
    display: flex;
  }
  .partner_program_mainbox img {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .partner_cbox h3 {
    font-size: 32px;
  }
}
.bold {
  font-family: "Gilroy-Bold";
}

.medium {
  font-family: "Gilroy Medium";
}

.pricing_new_banner {
  background: url(../img/pricing/banner.webp) no-repeat;
  background-size: cover;
  height: 470px;
  display: flex;
  align-items: center;
}

.pricing_new_box {
  width: 50%;
  padding-left: 40px;
  margin-top: 40px;
}

.pricing_new_box h1 {
  color: #FFFFFF;
  font-family: "Gilroy-Bold";
  margin-bottom: 15px;
  font-size: 40px;
}

.pricing_new_box p {
  color: #FFFFFF;
  line-height: 1.6;
}

.usps_box {
  background-color: #e3e5fd;
  padding: 25px 0;
  text-align: center;
}

.usps_box ul li {
  display: inline-flex;
  padding: 0 15px;
  border-right: 1px solid #000000;
  color: #000000;
  font-size: 18px;
}

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

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

.common_heading_box.common_heading_box_with_subheading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 10px;
  color: #4550c2;
  font-size: 36px;
}

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

.full_breakdown_popupbox {
  display: block;
  padding: 0;
  max-width: 1200px;
  width: 1200px;
  position: absolute;
  cursor: default;
  z-index: 10001;
  text-align: center;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  margin: 0;
  max-height: 450px;
  overflow-y: scroll;
}

.full_breakdown_popupbox:-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.full_breakdown_popupbox:-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.full_breakdown_popupbox:-webkit-scrollbar-thumb {
  background-color: #4550c2;
  border: 1px solid #4550c2;
}

@media only screen and (max-width: 1199px) {
  .full_breakdown_popupbox {
    width: 100%;
    padding: 0 1% 0 3%;
    height: 500px;
  }
}
.close_the_full {
  position: absolute;
  right: 0;
  color: #4550c2;
  font-size: 28px;
  top: 0px;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  text-align: center;
  border-bottom-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.close_the_full:hover {
  background-color: #4550c2;
  color: #FFFFFF;
}

.full_breakdown_popup_2 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999999;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1px);
}

.full_breakdown_popup_2.active {
  display: block;
}

.full_breakdown_popupbox_2_table {
  display: block;
  padding: 0;
  max-width: 1200px;
  width: 100%;
  position: absolute;
  cursor: default;
  z-index: 10001;
  text-align: center;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  margin: 0;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.full_breakdown_popupbox_header,
.full_breakdown_popupbox_body {
  display: flex;
}

.full_breakdown_popupbox_body {
  overflow-y: scroll;
  max-height: 400px;
}

.full_breakdown_popupbox_header {
  background-color: #4550c2;
  align-items: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.full_breakdown_popupbox_header_L,
.full_breakdown_popupbox_body_L {
  width: 25%;
}

.full_breakdown_popupbox_header_L {
  color: #FFFFFF;
  font-size: 20px;
  font-family: "Gilroy SemiBold";
}

.full_breakdown_popupbox_header_R,
.full_breakdown_popupbox_body_R {
  width: 75%;
  display: flex;
}

.full_breakdown_popupbox_header_R_in,
.full_breakdown_popupbox_body_R_in {
  width: 25%;
}

.full_breakdown_popupbox_header_R_in {
  padding: 10px;
}

.full_breakdown_popupbox_header_R_in h4 {
  color: #FFFFFF;
  font-family: "Gilroy SemiBold";
}

.full_breakdown_popupbox_header_R_in p {
  margin-bottom: 0;
  color: #FFFFFF;
}

.full_breakdown_popupbox_header_R_in p span {
  color: #FFFFFF;
}

.full_breakdown_popupbox_body {
  background-color: #FFFFFF;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.full_breakdown_popupbox_body ul li {
  padding: 10px;
  font-family: "Gilroy Medium";
  font-size: 14px;
  height: 40px;
  display: flex;
  align-items: center;
}

.full_breakdown_popupbox_body:-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.full_breakdown_popupbox_body:-webkit-scrollbar {
  width: 8px;
  background-color: #F5F5F5;
}

.full_breakdown_popupbox_body:-webkit-scrollbar-thumb {
  background-color: #4550c2;
  border: 1px solid #4550c2;
}

.full_breakdown_popupbox_body_R ul li {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  position: relative;
}

.full_breakdown_popupbox_body_R ul li:nth-child(2n) {
  background-color: #f6f6f9;
}

.full_breakdown_popupbox_body_R ul li.yes:before {
  content: "";
  width: 8px;
  height: 16px;
  border-right: 2px solid green;
  border-bottom: 2px solid green;
  display: inline-flex;
  transform: rotate(45deg);
}

.full_breakdown_popupbox_body_R ul li.no:before {
  content: "×";
  color: red;
  display: inline-flex;
  font-size: 40px;
  line-height: 0.75;
}

.full_breakdown_popupbox_body_L ul li:nth-child(2n) {
  background-color: #f6f6f9;
}

.close_full_popup {
  position: absolute;
  right: 0;
  color: #4550c2;
  font-size: 28px;
  top: 0px;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  text-align: center;
  border-bottom-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

@media only screen and (max-width: 768px) {
  .full_breakdown_popupbox_2_table {
    padding: 0 15px;
    overflow-x: scroll;
  }
  .full_breakdown_popupbox_header_L {
    font-size: 16px;
    line-height: 1.24;
  }
  .full_breakdown_popupbox_header_R_in h4 {
    font-size: 16px;
    white-space: nowrap;
  }
  .full_breakdown_popupbox_header_R_in p {
    font-size: 12px;
    white-space: nowrap;
  }
  .full_breakdown_popupbox_body_L ul li {
    padding: 10px 15px;
    font-size: 12px;
  }
  .full_breakdown_popupbox_body_R ul li {
    font-size: 12px;
    line-height: 1.18;
  }
  .full_breakdown_popupbox_body_R ul li.yes:before {
    width: 6px;
    height: 12px;
    border-right: 1px solid green;
    border-bottom: 1px solid green;
  }
  .full_breakdown_popupbox_body_R ul li.no:before {
    font-size: 24px;
    line-height: 1;
    font-family: "Gilroy Light";
  }
  .full_breakdown_popupbox_header_R,
  .full_breakdown_popupbox_body_R {
    width: 100%;
  }
  .full_breakdown_popupbox_header_L,
  .full_breakdown_popupbox_body_L {
    width: 100%;
  }
  .full_breakdown_popupbox_body {
    overflow-x: hidden;
    width: fit-content;
  }
  .full_breakdown_popupbox_header_R_in,
  .full_breakdown_popupbox_body_R_in {
    width: 100%;
    min-width: 200px;
  }
  .full_breakdown_popupbox_header_L {
    background-color: #4550c2;
    white-space: nowrap;
    padding: 0 15px;
    min-width: 250px;
  }
  .full_breakdown_popupbox_body_L {
    min-width: 250px;
  }
  .full_breakdown_popupbox_body_L ul li {
    white-space: nowrap;
    justify-content: center;
  }
  .full_breakdown_popupbox_header_L_in {
    padding: 10px 15px;
  }
  .full_breakdown_popupbox_header_R_in {
    padding: 10px 15px;
    background-color: #4550c2;
  }
  .full_breakdown_popupbox_header_R_in:last-child {
    border-top-right-radius: 10px;
  }
  .full_breakdown_popupbox_body_R ul li {
    white-space: nowrap;
    justify-content: center;
  }
  .full_breakdown_popupbox_header,
  .full_breakdown_popupbox_body {
    border-radius: 0;
  }
}
.pvebg {
  background-color: #fbfaff;
}

.common_heading_box {
  margin-bottom: 50px;
  text-align: center;
}

.common_heading_box h2 {
  font-size: 40px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.pvemainbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 460px;
  background: url(../img/property-value-estimator/banner.webp) no-repeat;
  background-size: cover;
}

.pvecbox {
  width: 100%;
  margin-top: 60px;
}

.pvecbox h1 {
  font-family: "Gilroy-Bold";
  font-size: 36px;
  margin-bottom: 20px;
  color: #FFFFFF;
}

.pvecbox p {
  margin-bottom: 30px;
  font-family: "Gilroy Light";
  font-size: 16px;
  color: #FFFFFF;
}

.pvewcbrow {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-bottom: 80px;
}

.pvewcbbox {
  width: calc(33.3333333333% - 15px);
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  border-radius: 15px;
  align-self: stretch;
}

.pvewcbbox h5 {
  font-family: "Gilroy-Bold";
}

.pvewcbicon {
  width: 90px;
  height: 80px;
  background: url(../img/property-value-estimator/icons.webp) no-repeat;
  background-size: cover;
  margin: 0 auto 15px;
  display: flex;
}

.pvewcbicon.pvewcbicon_1 {
  background-position-x: 0;
}

.pvewcbicon.pvewcbicon_2 {
  background-position-x: -102px;
}

.pvewcbicon.pvewcbicon_3 {
  background-position-x: -203px;
}

.pvebotmainbox {
  background-color: #e7eaf9;
  border-radius: 10px;
}

.pvebotrow {
  display: flex;
  justify-content: space-between;
}

.pvebotcbox,
.pvebotibox {
  width: 50%;
}

.pvebotcbox {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 60px;
}

.pvebotcbox a {
  display: inline-flex;
  width: fit-content;
}

.pvebotcbox h3 {
  font-size: 36px;
  color: #4550c2;
  position: relative;
}

.pvebotcbox h3 span {
  font-family: "Gilroy-Bold";
}

.pvebotcbox img {
  width: fit-content;
  max-width: 50px;
  margin-bottom: 10px;
}

.pvebotibox img {
  margin-top: 60px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .pvemainbox {
    height: auto;
    background-position: right;
    margin-top: -100px;
  }
  .pvecbox {
    padding: 60px 0;
  }
  .pvecbox h1 {
    font-size: 28px;
  }
  .pvewcbrow,
  .pvebotrow {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .pvebotrow {
    padding: 40px 0;
  }
  .pvewcbbox,
  .pvebotcbox,
  .pvebotibox {
    width: 100%;
    margin-bottom: 15px;
  }
  .pvewcbrow {
    margin-bottom: 30px;
  }
  .pvewcbbox:last-child {
    margin-bottom: 0;
  }
  .pvebotcbox {
    padding: 0 15px;
    margin-bottom: 30px;
  }
  .pvebotcbox p {
    margin-bottom: 0;
  }
  .pvebotibox img {
    margin: 0;
    padding: 0 15px;
  }
}
.saftbox {
  width: 100%;
  padding: 0;
  margin: 0;
  display: table;
}

.saft50 {
  width: 50%;
  padding: 40px 80px;
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}

.saftgradbg {
  background: rgb(0, 107, 192);
  background: linear-gradient(37deg, rgb(0, 107, 192) 0%, rgba(69, 0, 119, 0.49) 100%);
}

.saftcontentbox,
.saftformbox {
  padding: 30px;
}

.saftcontentbox img {
  margin-bottom: 30px;
}

.saftcontentbox h1 {
  font-family: "Gilroy Heavy";
  font-size: 36px;
  color: #FFFFFF;
  margin-bottom: 40px;
}

.saftcontentbox h3 {
  font-family: "Gilroy Light";
  font-size: 20px;
  color: #FFFFFF;
  line-height: 1.4;
}

.saftformmainbox h2 {
  font-family: "Gilroy Heavy";
  font-size: 38px;
  color: #18171b;
  margin-bottom: 20px;
}

.saftformmainbox ul {
  margin-bottom: 30px;
}

.saftformmainbox ul li {
  display: inline-block;
  margin-right: 10px;
  font-family: "Gilroy Light";
  font-size: 14px;
}

.saftformmainbox ul li:before {
  content: "";
  background: url(../img/check_green.png) no-repeat;
  width: 15px;
  height: 10px;
  background-size: contain;
  display: inline-block;
  margin-right: 5px;
}

.saftformmainbox ul li:nth-child(3) {
  margin-right: 0;
}

a.goback {
  color: #4550c2;
  position: absolute;
  right: 3%;
  top: 5%;
  font-family: "Gilroy Light";
  font-size: 14px;
}

a.goback:after {
  content: "";
  position: absolute;
  top: 88%;
  height: 2px;
  width: 90%;
  left: 5%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.3s ease all 0.1s;
}

div.bookdemomobbox {
  display: none;
}

@media only screen and (max-width: 768px) {
  a.goback {
    color: #FFFFFF;
    right: 5%;
    top: 2%;
  }
  a.goback::after {
    background-color: rgba(255, 255, 255, 0.6);
  }
  .saftformmainbox ul li {
    display: block;
    font-size: 18px;
  }
  div.bookdemomobbox {
    display: block;
  }
  div.bookdemomobbox ul li {
    display: inline-block;
  }
  div.bookdemomobbox ul li.menuBtn {
    display: inline-block;
  }
  div.bookdemomobbox .menuBtn {
    display: inline-block;
  }
  div.bookdemomobbox .menuBtn a {
    position: relative;
    top: 7px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  a.goback {
    color: #006bc0;
    right: 4%;
    top: 2%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 991px) and (max-width: 1199px) {
  div.bookdemomobbox {
    display: none;
  }
}
.saftfooter {
  background-color: #085b9d;
}

.saftfooter ul li:nth-child(3) {
  margin-right: 5px;
}

.starttrialformcontainer {
  padding: 40px;
  margin-top: 100px;
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

.common_heading h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 30px;
  color: #030303;
  font-size: 36px;
}

.foroforbanner {
  background: url(../img/404_banner.jpg) no-repeat;
  background-size: cover;
  height: 210px;
  padding: 0;
}

.foroforbannercontainer {
  padding: 120px 30px 35px 30px;
}

.foroforbannercontainer h1 {
  font-size: 40px;
  font-family: "Gilroy-Black";
  color: #FFFFFF;
  margin-bottom: 15px;
}

.v4 {
  background-color: rgba(0, 0, 0, 0.3);
  border: 0;
}

.v4:hover {
  background-color: #255bca;
  border: 0;
}

:root {
  --bubble:6em;
  --bubble-radius:999px;
  --shadow: calc( var(--bubble) / 10);
  --blue: 69, 80, 194;
  --pink: 255, 255, 255;
  --light: 240, 248, 255;
}

.close-btn {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.close-btn .bar {
  height: 2px;
  background: #FFFFFF;
}

.close-btn .bar:nth-child(1) {
  transform: rotate(45deg);
}

.close-btn .bar:nth-child(2) {
  transform: translateY(-2px) rotate(-45deg);
}

.opened {
  display: flex;
}

.opened img {
  animation: animatepopup 1s ease-in-out 0.8s;
  -webkit-animation: animatepopup 0.3s ease-in-out forwards;
  padding: 10px;
}

@keyframes animatepopup {
  to {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}
.navbar .navbar_new .logobox a {
  background: url(../img/bidhom_logo_colored.webp) no-repeat;
}

.navbar .navbar_new .navbar-menu-left ul li a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a {
  color: #000000;
}

.navbar .navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}

.navbar .navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.navbar .navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}

.navbar .navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}

.blog_header_boxed {
  margin-top: 125px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .blog_header_boxed {
    margin-top: 30px;
    margin-bottom: 20px;
  }
}
.blog_header_boxed_inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
@media only screen and (max-width: 768px) {
  .blog_header_boxed_inner {
    flex-direction: column;
  }
}
.blog_header_boxed_inner_left {
  width: 50%;
}
.blog_header_boxed_inner_left h3 {
  color: #121212;
  font-family: "Gilroy-Bold";
  font-size: 32px;
  margin-bottom: 20px;
}
.blog_header_boxed_inner_left_blog {
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(149, 157, 165, 0.2);
}
.blog_header_boxed_inner_left_blog_image {
  padding: 15px;
  padding-bottom: 0;
  position: relative;
}
.blog_header_boxed_inner_left_blog_image figure {
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 10px;
}
.blog_header_boxed_inner_left_blog_image figure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.blog_header_boxed_inner_left_blog_image .post-tags {
  position: absolute;
  bottom: 15px;
  left: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog_header_boxed_inner_left_blog_image .post-tags a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 30px;
  font-size: 11px;
  min-width: 45px;
  line-height: 1;
  backdrop-filter: blur(4px);
  color: #FFF;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  background-color: hsla(0, 0%, 100%, 0.3);
  border: 1px solid hsla(0, 0%, 100%, 0.4);
  border-radius: 20px;
  bottom: 20px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
.blog_header_boxed_inner_left_blog_content {
  padding: 15px;
  padding-top: 0;
}
.blog_header_boxed_inner_left_blog_content h2 {
  font-size: 32px;
  font-family: "Gilroy SemiBold";
  color: #121212;
  margin-bottom: 15px;
}
.blog_header_boxed_inner_left_blog_content ul {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.blog_header_boxed_inner_left_blog_content ul li {
  display: inline-block;
  font-size: 14px;
  font-family: "Gilroy Light";
  color: #a1a1a1;
  line-height: 1;
}
.blog_header_boxed_inner_left_blog_content ul li:last-child {
  color: #4550c2;
  font-family: "Gilroy Medium";
}
.blog_header_boxed_inner_left_blog_content p {
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.48;
  color: #333333;
  font-size: 16px;
  font-family: "Gilroy Medium";
  margin-bottom: 5px;
}
.blog_header_boxed_inner_left_blog_content a {
  color: #4550c2;
  font-family: "Gilroy SemiBold";
  position: relative;
  display: inline-flex;
  line-height: 1;
  font-size: 16px;
  text-decoration: none;
  padding-bottom: 2px;
  transition: color 0.3s ease;
}
.blog_header_boxed_inner_left_blog_content a::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4550c2;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.blog_header_boxed_inner_left_blog_content a:hover {
  color: #2e3897;
}
.blog_header_boxed_inner_left_blog_content a:hover::before {
  transform: scaleX(1);
}
.blog_header_boxed_inner_left_blog:hover .blog_header_boxed_inner_left_blog_image figure img {
  transform: scale(1.05);
}
@media only screen and (max-width: 768px) {
  .blog_header_boxed_inner_left {
    width: 100%;
  }
  .blog_header_boxed_inner_left h3 {
    font-size: 28px;
    margin-bottom: 15px;
  }
  .blog_header_boxed_inner_left_blog_image {
    padding: 10px;
  }
  .blog_header_boxed_inner_left_blog_image figure {
    margin-bottom: 10px;
  }
  .blog_header_boxed_inner_left_blog_image .post-tags {
    bottom: 10px;
    left: 20px;
    gap: 5px;
  }
  .blog_header_boxed_inner_left_blog_image .post-tags a {
    padding: 5px 8px;
    font-size: 10px;
    min-width: 35px;
  }
  .blog_header_boxed_inner_left_blog_content h2 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .blog_header_boxed_inner_left_blog_content ul {
    margin-bottom: 10px;
  }
  .blog_header_boxed_inner_left_blog_content ul li {
    font-size: 13px;
  }
  .blog_header_boxed_inner_left_blog_content p {
    font-size: 14px;
    line-height: 1.32;
    margin-bottom: 5px;
  }
}
.blog_header_boxed_inner_right {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .blog_header_boxed_inner_right {
    width: 100%;
  }
}
.blog_header_boxed_inner_right h3 {
  color: #121212;
  font-family: "Gilroy-Bold";
  font-size: 32px;
  margin-bottom: 20px;
}
.blog_header_boxed_inner_right_inner .top_posts {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(149, 157, 165, 0.2);
  padding: 15px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
  border-radius: 15px;
  background-color: #FFFFFF;
  transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 599px) {
  .blog_header_boxed_inner_right_inner .top_posts {
    flex-direction: column;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
  }
}
.blog_header_boxed_inner_right_inner .top_posts:last-child {
  margin-bottom: 0;
}
.blog_header_boxed_inner_right_inner .top_posts_figure {
  width: 50%;
}
@media only screen and (max-width: 599px) {
  .blog_header_boxed_inner_right_inner .top_posts_figure {
    width: 100%;
  }
}
.blog_header_boxed_inner_right_inner .top_posts_figure figure {
  margin: 0;
  overflow: hidden;
  border-radius: 10px;
}
.blog_header_boxed_inner_right_inner .top_posts_figure figure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
}
.blog_header_boxed_inner_right_inner .top_posts_content {
  width: 50%;
}
@media only screen and (max-width: 599px) {
  .blog_header_boxed_inner_right_inner .top_posts_content {
    width: 100%;
  }
}
.blog_header_boxed_inner_right_inner .top_posts_content h4 {
  font-size: 20px;
  font-family: "Gilroy SemiBold";
}
.blog_header_boxed_inner_right_inner .top_posts_content ul {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
}
.blog_header_boxed_inner_right_inner .top_posts_content ul li {
  display: inline-block;
  font-size: 13px;
  font-family: "Gilroy Light";
  color: #a1a1a1;
  line-height: 1;
}
.blog_header_boxed_inner_right_inner .top_posts_content ul li:last-child {
  color: #4550c2;
  font-family: "Gilroy Medium";
}
.blog_header_boxed_inner_right_inner .top_posts_content .post-tags {
  display: flex;
  align-items: center;
  gap: 8px;
}
.blog_header_boxed_inner_right_inner .top_posts_content .post-tags p {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  background-color: #4550c2;
  border-radius: 30px;
  font-size: 11px;
  min-width: 45px;
  line-height: 1;
  color: #FFF;
  border-radius: 20px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 768px) {
  .blog_header_boxed_inner_right_inner .top_posts_content .post-tags p {
    margin: 0;
  }
}
.blog_header_boxed_inner_right_inner .top_posts:hover .top_posts_figure figure img {
  transform: scale(1.05);
}

.category_list_box {
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 40px;
}
.category_list_box_header {
  margin-bottom: 25px;
}
.category_list_box_header h4 {
  color: #121212;
  font-family: "Gilroy-Bold";
  margin: 0;
}
.category_list_box_list {
  border: 1px solid rgba(149, 157, 165, 0.2);
  border-radius: 40px;
  padding: 15px;
  white-space: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  background: #FFFFFF;
  padding: 1rem;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.category_list_box_list::-webkit-scrollbar {
  display: none;
}
.category_list_box_list ul {
  display: flex;
  align-items: center;
  gap: 8px;
}
.category_list_box_list ul li a {
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 14px;
  background-color: #4550c2;
  cursor: pointer;
  color: #FFFFFF;
  transition: all 0.25s ease-in-out;
}
.category_list_box_list ul li:hover a {
  background-color: #7079d1;
  color: #FFFFFF;
}
.category_list_box_list ul li.active a {
  background-color: #2f3a9c;
  color: #FFFFFF;
  cursor: default;
}

.blogs_row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .blogs_row {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}

@media only screen and (max-width: 992px) {
  .site-content-large {
    margin-top: -100px;
  }
}
.blogsbox {
  background-color: #FFFFFF;
  border-radius: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border: 1px solid rgba(149, 157, 165, 0.2);
  transition: all 0.25s ease-in-out;
}
.blogsbox .blogsimagebox {
  overflow: hidden;
  border-radius: 10px;
  padding: 15px;
  padding-bottom: 10px;
}
.blogsbox .blogsimagebox figure {
  margin: 0;
}
.blogsbox .blogsimagebox figure img {
  border-radius: 10px;
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: auto;
}
.blogsbox .blogscontentbox {
  padding: 15px;
  padding-top: 0;
}
.blogsbox .blogscontentbox h4 {
  font-family: "Gilroy SemiBold";
  margin-bottom: 10px;
  font-size: 24px;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  color: #000000;
  line-height: 1.18;
  color: #333333;
}
.blogsbox .blogscontentbox_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blogsbox .blogscontentbox_inner_left span {
  display: inline-block;
  font-size: 13px;
  font-family: "Gilroy Light";
  margin-bottom: 10px;
  color: #a1a1a1;
  line-height: 1;
}
.blogsbox .blogscontentbox_inner_right {
  width: 50%;
}
.blogsbox .blogscontentbox_inner_right .post-tags {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 5px;
}
.blogsbox .blogscontentbox_inner_right .post-tags a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  background-color: #4550c2;
  border-radius: 20px;
  font-size: 9px;
  min-width: 40px;
  line-height: 1;
  color: #FFF;
}
.blogsbox .blogscontentbox p {
  font-size: 16px;
  font-family: "Gilroy Medium";
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.48;
}
.blogsbox .blogscontentbox a.cta {
  color: #4550c2;
  font-family: "Gilroy SemiBold";
  position: relative;
  display: inline-flex;
  line-height: 1;
  font-size: 14px;
  text-decoration: none;
  padding-bottom: 2px;
  transition: color 0.3s ease;
}
.blogsbox .blogscontentbox a.cta::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #4550c2;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.blogsbox .blogscontentbox a.cta:hover {
  color: #2e3897;
}
.blogsbox .blogscontentbox a.cta:hover::before {
  transform: scaleX(1);
}
.blogsbox:hover {
  transform: translateY(-4px);
}
@media only screen and (max-width: 600px) {
  .blogsbox {
    border-radius: 10px;
  }
  .blogsbox .blogsimagebox {
    border-radius: 8px;
    padding: 10px;
    padding-bottom: 10px;
  }
  .blogsbox .blogsimagebox figure img {
    border-radius: 8px;
  }
  .blogsbox .blogscontentbox {
    padding: 10px;
    padding-top: 0;
  }
  .blogsbox .blogscontentbox h4 {
    font-size: 20px;
  }
  .blogsbox .blogscontentbox_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .blogsbox .blogscontentbox_inner_left {
    width: 25%;
    display: flex;
  }
  .blogsbox .blogscontentbox_inner_left span {
    font-size: 10px;
    margin-bottom: 0;
  }
  .blogsbox .blogscontentbox_inner_right {
    width: 75%;
  }
  .blogsbox .blogscontentbox_inner_right .post-tags {
    gap: 4px;
  }
  .blogsbox .blogscontentbox_inner_right .post-tags a {
    padding: 4px 8px;
    background-color: #4550c2;
    border-radius: 20px;
    font-size: 8px;
    min-width: 35px;
    line-height: 1;
    color: #FFF;
  }
  .blogsbox .blogscontentbox p {
    font-size: 13px;
  }
  .blogsbox .blogscontentbox a.cta {
    font-size: 12px;
  }
}

.blog_form_box {
  max-width: 1000px;
  margin: 0 auto;
  padding: 25px;
  background-color: #4550c2;
  border-radius: 10px;
}
.blog_form_box_inner h4 {
  font-family: "Gilroy SemiBold";
  color: #FFFFFF;
  margin-bottom: 10px;
  font-size: 28px;
}
.blog_form_box_inner p {
  color: #FFFFFF;
  margin-bottom: 10px;
  font-family: "Gilroy Light";
  font-size: 18px;
}
.blog_form_box_inner p:last-child {
  margin-bottom: 0;
}
.blog_form_box_inner form {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .blog_form_box_inner form {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}
.blog_form_box_inner form div input {
  width: 100%;
  padding: 0 8px;
  font-size: 14px;
  background-color: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  height: 40px;
  line-height: 40px;
  outline: none;
}
.blog_form_box_inner form div input::placeholder {
  color: #FFFFFF;
}
.blog_form_box_inner form div button {
  width: 100%;
  font-size: 16px;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  font-family: "Gilroy SemiBold";
  height: 40px;
  line-height: 40px;
  color: #121212;
  text-transform: uppercase;
  outline: none;
}

.cbreadcrumbs {
  margin-top: 125px;
  padding: 15px 0;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .cbreadcrumbs {
    margin: 0;
  }
}
.cbreadcrumbs_inner ul {
  display: flex;
  align-items: center;
}
.cbreadcrumbs_inner ul li {
  font-size: 14px;
  display: inline-flex;
}
.cbreadcrumbs_inner ul li a {
  color: #4550c2;
}
@media only screen and (max-width: 768px) {
  .cbreadcrumbs_inner ul {
    overflow: hidden;
    white-space: nowrap;
  }
  .cbreadcrumbs_inner ul li {
    font-size: 13px;
  }
  .cbreadcrumbs_inner ul li.active {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
  }
}

.blog_single_post {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .blog_single_post {
    flex-direction: column;
  }
}
.blog_single_post_content {
  width: 75%;
}
@media only screen and (max-width: 768px) {
  .blog_single_post_content {
    width: 100%;
  }
}
.blog_single_post_content_inner_header {
  padding: 20px 0;
}
.blog_single_post_content_inner_header h1 {
  font-size: 40px;
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
  color: #121212;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 425px) {
  .blog_single_post_content_inner_header h1 {
    font-size: 28px;
    margin-bottom: 10px;
  }
}
.blog_single_post_content_inner_header_info {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info {
    flex-direction: column;
    gap: 10px;
  }
}
.blog_single_post_content_inner_header_info_left {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_left {
    width: 100%;
  }
}
.blog_single_post_content_inner_header_info_left ul {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_left ul {
    gap: 10px;
  }
}
.blog_single_post_content_inner_header_info_left ul li {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_left ul li {
    font-size: 13px;
  }
}
@media screen and (max-width: 425px) {
  .blog_single_post_content_inner_header_info_left ul li {
    font-size: 12px;
  }
}
.blog_single_post_content_inner_header_info_left ul li img {
  width: 20px;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_left ul li img {
    width: 15px;
  }
}
@media screen and (max-width: 425px) {
  .blog_single_post_content_inner_header_info_left ul li img {
    width: 12px;
  }
}
.blog_single_post_content_inner_header_info_left ul li span {
  color: #4550c2;
  font-family: "Gilroy SemiBold";
}
.blog_single_post_content_inner_header_info_right {
  width: 25%;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_right {
    width: 100%;
  }
}
.blog_single_post_content_inner_header_info_right ul {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_right ul {
    justify-content: start;
  }
}
.blog_single_post_content_inner_header_info_right ul li {
  display: flex;
  align-items: center;
  transition: all 0.25s ease-in-out;
}
.blog_single_post_content_inner_header_info_right ul li a {
  display: inline-flex;
}
.blog_single_post_content_inner_header_info_right ul li a img {
  width: 25px;
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_right ul li a img {
    width: 20px;
  }
}
.blog_single_post_content_inner_header_info_right ul li:hover {
  transform: translateY(-2px);
}
@media screen and (max-width: 768px) {
  .blog_single_post_content_inner_header_info_right.sticky {
    position: fixed;
    padding: 10px;
    background-color: #FFFFFF;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    width: auto;
    border-top-right-radius: 5px;
    top: 50%;
    border-bottom-right-radius: 5px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  }
  .blog_single_post_content_inner_header_info_right.sticky ul {
    flex-direction: column;
  }
  .blog_single_post_content_inner_header_info_right.sticky ul li a img {
    width: 25px;
  }
}
.blog_single_post_content_inner_body_featuredimage {
  margin-bottom: 20px;
}
@media only screen and (max-width: 499px) {
  .blog_single_post_content_inner_body_featuredimage {
    margin-bottom: 10px;
  }
}
.blog_single_post_content_inner_body_featuredimage figure {
  margin: 0;
}
.blog_single_post_content_inner_body_featuredimage figure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.blog_single_post_content_inner_body_listening {
  display: flex;
  justify-content: end;
  margin-bottom: 15px;
}
@media only screen and (max-width: 499px) {
  .blog_single_post_content_inner_body_listening {
    margin-bottom: 10px;
  }
}
.blog_single_post_content_inner_body_listening p {
  margin: 0;
}
.blog_single_post_content_inner_body_listening p button {
  padding: 5px 20px;
  border: 1px solid #4550c2;
  color: #121212;
  margin-left: 0;
  border-radius: 20px;
  font-family: "Gilroy Medium";
  background-color: transparent;
  display: flex;
  align-items: center;
  gap: 5px;
}
@media only screen and (max-width: 499px) {
  .blog_single_post_content_inner_body_listening p button {
    padding: 4px 10px;
    font-size: 13px;
    gap: 4px;
  }
}
.blog_single_post_content_inner_body_tags {
  padding: 10px 0;
  border-top: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  gap: 15px;
}
.blog_single_post_content_inner_body_tags p {
  margin: 0;
  font-size: 16px;
}
@media only screen and (max-width: 499px) {
  .blog_single_post_content_inner_body_tags {
    padding: 8px 0;
    gap: 10px;
  }
  .blog_single_post_content_inner_body_tags p {
    font-size: 14px;
  }
}
.blog_single_post_content_inner_body_tags .tags {
  display: flex;
  gap: 8px;
}
.blog_single_post_content_inner_body_tags .tags a {
  min-width: 40px;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: 14px;
  border: 1px solid #e1e1e1;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 499px) {
  .blog_single_post_content_inner_body_tags .tags a {
    font-size: 13px;
    padding: 4px 8px;
  }
}
.blog_single_post_content_inner_body_tags .tags a:hover {
  background-color: #4550c2;
  border-color: #4550c2;
  color: #FFFFFF;
}
.blog_single_post_content_inner_body_content h1, .blog_single_post_content_inner_body_content h2, .blog_single_post_content_inner_body_content h3, .blog_single_post_content_inner_body_content h4, .blog_single_post_content_inner_body_content h5, .blog_single_post_content_inner_body_content h6 {
  font-family: "Gilroy-Bold";
}
.blog_single_post_content_inner_body_content h1 span, .blog_single_post_content_inner_body_content h2 span, .blog_single_post_content_inner_body_content h3 span, .blog_single_post_content_inner_body_content h4 span, .blog_single_post_content_inner_body_content h5 span, .blog_single_post_content_inner_body_content h6 span {
  font-family: "Gilroy-Bold";
}
.blog_single_post_content_inner_body_content h1 span strong, .blog_single_post_content_inner_body_content h2 span strong, .blog_single_post_content_inner_body_content h3 span strong, .blog_single_post_content_inner_body_content h4 span strong, .blog_single_post_content_inner_body_content h5 span strong, .blog_single_post_content_inner_body_content h6 span strong {
  font-family: "Gilroy-Bold";
  font-weight: normal;
}
.blog_single_post_content_inner_body_content h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 0.8em;
  color: #1a1a1a;
}
.blog_single_post_content_inner_body_content h2 {
  font-size: 2rem;
  line-height: 1.3;
  margin-bottom: 0.8em;
  color: #222;
}
.blog_single_post_content_inner_body_content h3 {
  font-size: 1.5rem;
  line-height: 1.35;
  margin-bottom: 0.8em;
  color: #333;
}
.blog_single_post_content_inner_body_content h4 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-bottom: 0.8em;
  color: #444;
}
.blog_single_post_content_inner_body_content h5 {
  font-size: 1.125rem;
  margin-bottom: 0.8em;
  color: #555;
}
.blog_single_post_content_inner_body_content h6 {
  font-size: 1rem;
  margin-bottom: 0.8em;
  color: #666;
}
@media (max-width: 768px) {
  .blog_single_post_content_inner_body_content h1 {
    font-size: 2rem;
  }
  .blog_single_post_content_inner_body_content h2 {
    font-size: 1.75rem;
  }
  .blog_single_post_content_inner_body_content h3 {
    font-size: 1.375rem;
  }
  .blog_single_post_content_inner_body_content h4 {
    font-size: 1.125rem;
  }
}
.blog_single_post_content_inner_body_content p {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.48;
  font-family: "Gilroy Light";
}
.blog_single_post_content_inner_body_content a {
  display: inline-flex;
  color: #4550c2;
  text-decoration: none;
  position: relative;
}
.blog_single_post_content_inner_body_content a:after {
  content: "";
  display: inline-block;
  width: 0;
  height: 1px;
  background: #4550c2;
  transition: width 0.3s;
  position: absolute;
  bottom: 0;
}
.blog_single_post_content_inner_body_content a:hover:after {
  width: 100%;
  transition: width 0.3s;
}
.blog_single_post_content_inner_body_content a.bookademobtn {
  display: inline-block;
  background-color: #4550c2;
  text-decoration: none;
  padding: 10px 30px;
  color: #FFFFFF;
  margin-bottom: 30px;
  border-radius: 2px;
}
.blog_single_post_content_inner_body_content a.bookademobtn:after {
  content: none;
}
.blog_single_post_content_inner_body_content a.bookademobtn:hover {
  background-color: #2e39aa;
  color: #FFFFFF;
}
.blog_single_post_content_inner_body_content figure {
  margin-bottom: 15px;
}
.blog_single_post_content_inner_body_content figure img {
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.blog_single_post_content_inner_body_content table {
  width: 100%;
  border-collapse: collapse;
  margin: 25px 0;
  font-size: 0.9em;
  min-width: 400px;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 500px) {
  .blog_single_post_content_inner_body_content table {
    margin: 15px 0;
    font-size: 0.9em;
    min-width: auto;
  }
}
.blog_single_post_content_inner_body_content table thead tr {
  background-color: #4a6fa5;
  color: #ffffff;
  text-align: left;
  font-weight: bold;
}
.blog_single_post_content_inner_body_content table th,
.blog_single_post_content_inner_body_content table td {
  padding: 10px;
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  .blog_single_post_content_inner_body_content table th,
  .blog_single_post_content_inner_body_content table td {
    padding: 5px;
    font-size: 13px;
  }
}
@media only screen and (max-width: 425px) {
  .blog_single_post_content_inner_body_content table th,
  .blog_single_post_content_inner_body_content table td {
    padding: 4px;
    font-size: 12px;
  }
}
.blog_single_post_content_inner_body_content tbody tr {
  border-bottom: 1px solid #dddddd;
}
.blog_single_post_content_inner_body_content tbody tr:nth-of-type(even) {
  background-color: #f8f9fa;
}
.blog_single_post_content_inner_body_content tbody tr:last-of-type {
  border-bottom: none;
}
.blog_single_post_content_inner_body_content tbody tr:hover {
  background-color: #e9ecef;
  cursor: pointer;
}
.blog_single_post_content_inner_body_content .key-takeaways {
  background: #f5f5f5;
  padding: 20px;
  margin: 20px 0;
  border-left: 4px solid #4550c2;
  border-radius: 8px;
  position: relative;
}
.blog_single_post_content_inner_body_content .key-takeaways ul li {
  margin: 0 0 5px 0;
  padding-left: 24px;
  position: relative;
  line-height: 1.36;
  color: #333;
}
.blog_single_post_content_inner_body_content .key-takeaways ul li:last-child {
  margin-bottom: 0;
}
.blog_single_post_content_inner_body_content .key-takeaways ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #4550c2;
  font-weight: bold;
}
.blog_single_post_sidebar {
  width: 25%;
  position: sticky;
  top: 100px;
}
@media only screen and (max-width: 991px) {
  .blog_single_post_sidebar {
    position: relative;
    top: auto;
  }
}
@media only screen and (max-width: 768px) {
  .blog_single_post_sidebar {
    width: 100%;
  }
}
.blog_single_post_sidebar_inner_box {
  margin-bottom: 20px;
}
.blog_single_post_sidebar_inner_box:last-child {
  margin-bottom: 0;
}
.blog_single_post_sidebar_inner h3 {
  font-size: 28px;
  font-family: "Gilroy SemiBold";
  margin-bottom: 0;
  color: #121212;
  padding: 15px 0;
}
.blog_single_post_sidebar_inner .sidebar_post_row {
  display: flex;
  flex-wrap: wrap;
}
.blog_single_post_sidebar_inner .sidebar_post_box {
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #e1e1e1;
  margin-bottom: 15px;
}
.blog_single_post_sidebar_inner .sidebar_post_box:last-child {
  margin-bottom: 0;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_image figure {
  margin-bottom: 0;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_image figure img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 0;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content {
  padding: 8px;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content h4 {
  font-family: "Gilroy SemiBold";
  font-size: 18px;
  line-height: 1.48;
  margin-bottom: 0;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content_inner {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: center;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content_inner span {
  font-size: 13px;
  font-family: "Gilroy Light";
  color: #a1a1a1;
  line-height: 1;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content_inner .post-tags {
  display: flex;
  align-items: center;
  gap: 5px;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content_inner .post-tags a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 8px;
  background-color: #4550c2;
  border-radius: 30px;
  font-size: 10px;
  min-width: 45px;
  line-height: 1;
  color: #FFFFFF;
  border-radius: 20px;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content a.know_more {
  color: #4550c2;
  font-family: "Gilroy SemiBold";
  position: relative;
  display: inline-flex;
  line-height: 1;
  font-size: 14px;
  text-decoration: none;
  padding-bottom: 2px;
  transition: color 0.3s ease;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content a.know_more:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #4550c2;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
}
.blog_single_post_sidebar_inner .sidebar_post_box_blog_content a.know_more:hover:before {
  transform: scaleX(1);
}
.blog_single_post_sidebar_inner .sidebar_post_box:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box {
  padding: 15px;
  background-color: #4550c2;
  border-radius: 10px;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box h4 {
  color: #FFF;
  font-size: 28px;
  line-height: 1.24;
  font-family: "Gilroy SemiBold";
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box ul {
  margin-bottom: 15px;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box ul li {
  color: #FFFFFF;
  font-size: 14px;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box form div {
  margin-bottom: 15px;
  position: relative;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box form div:last-child {
  margin-bottom: 10px;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box form div input {
  width: 100%;
  border: 1px solid #FFFFFF;
  background-color: #FFFFFF;
  padding: 8px;
  font-size: 16px;
  border-radius: 4px;
  outline: none;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box form div label.error {
  font-size: 13px;
  color: #FFFFFF;
  line-height: 1;
}
.blog_single_post_sidebar_inner .blog_post_subscriber_box form div button {
  width: 100%;
  padding: 8px;
  border: none;
  background-color: #1e2997;
  color: #FFFFFF;
  border-radius: 4px;
}
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-prev,
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background-color: #4550c2;
  color: #FFFFFF;
  border: none;
  cursor: pointer;
  z-index: 2;
  transition: all 0.3s ease;
}
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-prev svg,
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-next svg {
  width: 15px;
  height: 15px;
  stroke: #FFFFFF;
  transition: stroke 0.3s ease;
}
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-prev:hover,
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-next:hover {
  background-color: #4550c2;
  transform: translateY(-50%) scale(1.1);
}
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-prev:hover svg,
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-next:hover svg {
  stroke: #FFFFFF;
}
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-prev {
  left: 5px;
}
.blog_single_post_sidebar_inner .sidebar_blog_slider .slick-next {
  right: 5px;
}

#toc_container {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 15px;
  background-color: #4550c2;
  color: #FFFFFF;
  max-width: 250px;
}
#toc_container p.toc_title {
  color: #FFFFFF;
  text-align: left;
  font-family: "Gilroy SemiBold";
}
#toc_container ul li {
  font-size: 14px;
  transition: all 0.25s ease-in-out;
}
#toc_container ul li a {
  color: #FFFFFF;
}
#toc_container ul li a:after {
  content: none;
}
#toc_container ul li:hover {
  margin-left: 2px;
}
@media only screen and (max-width: 768px) {
  #toc_container {
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 479px) {
  #toc_container p.toc_title {
    margin-bottom: 8px;
  }
  #toc_container ul li {
    font-size: 12px;
  }
}

.footer_container {
  border-bottom: 1px solid #7170ce;
}

.footerlinks ul li {
  margin-bottom: 10px;
  color: #FFFFFF;
}
.footerlinks ul li:first-child {
  font-family: "Gilroy SemiBold";
  text-transform: uppercase;
}
.footerlinks ul li a {
  color: #FFFFFF;
  position: relative;
}
.footerlinks ul li a:after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #FFFFFF;
  display: inline-flex;
  position: absolute;
  left: 0;
  bottom: -4px;
  transition: all 0.25s ease-in-out;
}
.footerlinks ul li a:hover:after {
  width: 100%;
}
.footerlinks ul.social_media li {
  display: inline-block;
  margin-right: 10px;
}
.footerlinks.footercontact ul li a:after {
  content: none;
}

.footer_subscribe {
  padding: 15px;
  background-color: #5962c5;
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .footer_subscribe {
    margin-top: 15px;
  }
}
.footer_subscribe h4 {
  font-family: "Gilroy Medium";
  color: #FFFFFF;
  font-size: 22px;
  margin-bottom: 10px;
}
.footer_subscribe p {
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.36;
  font-family: "Gilroy Light";
}
.footer_subscribe .subscribe_form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;
}
.footer_subscribe .subscribe_form_box {
  width: 100%;
}
.footer_subscribe .subscribe_form_box.end {
  display: flex;
  justify-content: end;
}
.footer_subscribe .subscribe_form_box input {
  padding: 8px 10px;
  width: 100%;
  border: none;
  border-radius: 0;
  outline: none;
}
.footer_subscribe .subscribe_form_box label {
  color: #FF0000;
}
.footer_subscribe .subscribe_form_box button {
  padding: 5px 10px;
  border: none;
  background: #4550c2;
  color: #FFFFFF;
}

.copyrightbox {
  padding: 20px;
}
.copyrightbox p {
  margin-bottom: 0;
  color: #FFFFFF;
  font-family: "Gilroy Light";
}
.copyrightbox p a {
  color: #FFFFFF;
  font-family: "Gilroy Light";
}
.copyrightbox .leftbox p {
  color: #FFFFFF;
}
.copyrightbox .rightbox {
  text-align: right;
}
.copyrightbox .rightbox p {
  font-family: "Gilroy Light";
}
.copyrightbox .rightbox p span {
  color: #FFFFFF;
  font-family: "Gilroy Light";
}
.copyrightbox .rightbox ul li {
  display: inline-block;
  padding: 0 15px;
}
.copyrightbox .rightbox ul li a, .copyrightbox .rightbox ul li span {
  color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .copyrightbox {
    padding: 20px 0;
  }
  .copyrightbox .fullbox .halfbox {
    padding: 0;
  }
  .copyrightbox .fullbox .halfbox p {
    font-size: 16px;
  }
  .copyrightbox .fullbox .halfbox.leftbox {
    margin-bottom: 5px;
  }
  .copyrightbox .rightbox {
    text-align: left;
  }
  .copyrightbox .rightbox ul li {
    font-size: 16px;
  }
  .copyrightbox .leftbox span {
    margin-left: 0;
    display: block;
  }
}

.navbar.navbar_new .restricted_container {
  position: relative;
}
.navbar.navbar_new .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
}
.navbar.navbar_new .navbar-menu-left {
  margin-left: 0;
}
.navbar.navbar_new .navbar-menu-left ul li a {
  color: #000;
}
.navbar.navbar_new .navbar-menu-left ul li.active a {
  color: #4550c2;
  border-bottom-color: #4550c2;
}
.navbar.navbar_new .navbar-menu-left ul li:hover a {
  color: #4550c2;
}
.navbar.navbar_new .navbar-menu-right a {
  color: #000;
}
.navbar.navbar_new .navbar-menu-right a.phonebtn:before {
  background: url(../img/phone_colored.webp) no-repeat;
  background-size: cover;
}
.navbar.navbar_new .navbar-menu-right a.navibtn {
  background-color: #4550c2;
  color: #FFFFFF;
}
.navbar.navbar_new .navbar-menu-right a.softbtn {
  color: #4550c2;
  border-color: #4550c2;
}
.navbar.navbar_new .navbar-menu-right a.softbtn.consalesbtn {
  background-color: #4550c2;
  color: #FFFFFF;
}
.navbar.navbar_new .navigation_box_new {
  position: absolute;
  width: 1240px;
  left: 0;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  transform: translateY(150px);
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 45px;
}
.navbar.navbar_new .navigation_box_new.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar.navbar_new .navigation_box_new_inner h3 {
  color: #4550c2;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}
.navbar.navbar_new .navigation_box_new_inner_section {
  display: flex;
  justify-content: space-between;
}
.navbar.navbar_new .navigation_box_new_inner_section_box {
  width: calc(20% - 10px);
  padding: 0;
  background: rgb(248, 248, 254);
  background: linear-gradient(180deg, rgb(248, 248, 254) 0%, rgb(215, 218, 243) 100%);
  border: 1px solid #eeeeee;
  border-radius: 10px;
  overflow: hidden;
  align-self: stretch;
}
.navbar.navbar_new .navigation_box_new_inner_section_box a {
  display: flex;
  flex-direction: column;
}
.navbar.navbar_new .navigation_box_new_inner_section_box a h5 {
  color: #4550c2;
  margin-bottom: 20px;
  font-family: "Gilroy Medium";
  padding: 10px 0 0 10px;
}
.navbar.navbar_new .navigation_box_new_inner_section_box a img {
  border: 10px solid #f3f3fb;
  border-right: none;
  margin-left: 10px;
  max-height: 120px;
  width: 100%;
  object-fit: cover;
  height: auto;
}
.navbar.navbar_new .navigation_box_new_inner_explore {
  display: flex;
  justify-content: space-between;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box {
  width: calc(25% - 10px);
  padding: 0 15px;
  border-right: 1px solid #eeeeee;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box h4 {
  color: #4550c2;
  margin-bottom: 20px;
  font-family: "Gilroy Medium";
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1), .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) {
  width: 20%;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul {
  display: flex;
  flex-direction: column;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li {
  margin-bottom: 15px;
  padding: 10px 15px;
  border-bottom: 1px solid #EEEEEE;
  border-radius: 10px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li:last-child, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li a, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li a {
  display: flex;
  align-items: center;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li a img, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li a img {
  margin-right: 6px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li a span, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li a span {
  font-family: "Gilroy Medium";
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(1) ul li:hover, .navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) ul li:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul {
  display: flex;
  flex-direction: column;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li {
  margin-bottom: 15px;
  padding: 0;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 10px 15px;
  border: 1px solid #eeeeee;
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  border-radius: 10px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a p {
  margin-bottom: 0;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a span {
  width: 40px;
  height: 40px;
  border: 2px solid #4550c2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 40px;
  position: relative;
  transition: all 0.25s ease-in-out;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a span:before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: #4550c2;
  position: absolute;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a span:after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #4550c2;
  border-right: 2px solid #4550c2;
  background-color: transparent;
  transform: rotate(45deg);
  position: absolute;
  right: 9px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(245, 246, 253) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li a:hover span {
  transform: rotate(-45deg);
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(2) ul li:last-child {
  margin-bottom: 0;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(3) {
  width: calc(25% - 10px);
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) {
  width: 30%;
  border-right: none;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) p {
  font-size: 14px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) a {
  display: flex;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) a img {
  border-radius: 10px;
  width: 100%;
  transition: all 0.25s ease-in-out;
}
.navbar.navbar_new .navigation_box_new_inner_explore_box:nth-child(4) a:hover img {
  transform: scale(1.05);
}
.navbar.navbar_new .navigation_box_new_small {
  position: absolute;
  width: 800px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  transform: translateY(150px);
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  left: 30%;
}
.navbar.navbar_new .navigation_box_new_small.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar.navbar_new .navigation_box_new_small h3 {
  color: #4550c2;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}
.navbar.navbar_new .navigation_box_new_small_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar.navbar_new .navigation_box_new_small_inner_box {
  width: calc(25% - 5px);
}
.navbar.navbar_new .navigation_box_new_small_inner_box a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  border: 1px solid #eeeeee;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}
.navbar.navbar_new .navigation_box_new_small_inner_box a span {
  font-family: "Gilroy Medium";
  margin-left: 5px;
}
.navbar.navbar_new .navigation_box_new_small_inner_box a:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(245, 246, 253) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.navbar.navbar_new .navigation_box_new_medium {
  position: absolute;
  width: 1000px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 15px;
  transform: translateY(150px);
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  opacity: 0;
  margin-top: 50px;
  left: 20%;
}
.navbar.navbar_new .navigation_box_new_medium.show {
  display: block;
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
}
.navbar.navbar_new .navigation_box_new_medium h3 {
  color: #4550c2;
  font-family: "Gilroy Medium";
  margin-bottom: 15px;
}
.navbar.navbar_new .navigation_box_new_medium_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar.navbar_new .navigation_box_new_medium_inner_box {
  width: calc(25% - 5px);
}
.navbar.navbar_new .navigation_box_new_medium_inner_box a {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 15px;
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 246, 253) 100%);
  border: 1px solid #eeeeee;
  border-radius: 10px;
  transition: all 0.25s ease-in-out;
}
.navbar.navbar_new .navigation_box_new_medium_inner_box a span {
  font-family: "Gilroy Medium";
  margin-left: 5px;
  font-size: 14px;
}
.navbar.navbar_new .navigation_box_new_medium_inner_box a:hover {
  background: rgb(245, 246, 253);
  background: linear-gradient(180deg, rgb(245, 246, 253) 0%, rgb(255, 255, 255) 100%);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.navbar.navbar_new_white .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
  filter: brightness(0) invert(1);
}
.navbar.navbar_new_white .navbar-menu-left ul li a {
  color: #FFFFFF;
}
.navbar.navbar_new_white .navbar-menu-left ul li a:hover {
  color: #FFFFFF;
}
.navbar.navbar_new_white .navbar-menu-left ul li:hover a {
  color: #FFFFFF;
}
.navbar.navbar_new_white .navbar-menu-left ul li.active a {
  color: #FFFFFF;
  border: none;
}
.navbar.navbar_new_white .navbar-menu-right a.softbtn {
  color: #FFFFFF;
}
.navbar.navbar_new_white .navigation_box_new_medium_inner_box a {
  border: 1px solid #eeeeee !important;
}
.navbar.navbar_new_white.sticky .logobox a {
  background: url(../img/logo/bidhom_logo.svg) no-repeat;
  background-size: contain;
  filter: none;
}
.navbar.navbar_new_white.sticky .navbar-menu-left ul li a {
  color: #000000;
}
.navbar.navbar_new_white.sticky .navbar-menu-left ul li a:hover {
  color: #000000;
}
.navbar.navbar_new_white.sticky .navbar-menu-left ul li:hover a {
  color: #000000;
}
.navbar.navbar_new_white.sticky .navbar-menu-left ul li.active a {
  color: #4550c2;
}
.navbar.navbar_new_white.sticky .navbar-menu-right a.softbtn {
  color: #000000;
}
.navbar.navbar_new_white.sticky .navbar-menu-right a.softbtn.consalesbtn {
  color: #FFFFFF;
}
@media only screen and (min-width: 993px) and (max-width: 1199px) {
  .navbar.navbar_new .logobox {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
  .navbar.navbar_new .logobox a {
    width: 140px;
    height: 50px;
    background-size: cover;
  }
  .navbar.navbar_new .navbar-menu-right a.softbtn.consalesbtn {
    display: none;
  }
}

.blog_inner_banner {
  background: url(../img/blog_banner.webp) no-repeat;
  height: 350px;
  background-size: cover;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .blog_inner_banner {
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  .banner_container {
    padding: 60px 0 0 0;
  }
}
.banner_container h1 {
  font-size: 44px;
  color: #FFFFFF;
  font-family: "Gilroy Light";
  margin: 0;
}
.banner_container h1 span {
  font-size: 44px;
  font-family: "Gilroy SemiBold";
  padding: 4px 15px;
  background-color: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  color: #121212;
  backdrop-filter: blur(4px);
}
@media only screen and (max-width: 768px) {
  .banner_container h1 {
    font-size: 36px;
  }
  .banner_container h1 span {
    font-size: 36px;
  }
}
@media only screen and (max-width: 599px) {
  .banner_container h1 {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: start;
  }
  .banner_container h1 span {
    font-size: 24px;
    padding: 2px 10px;
    border-radius: 5px;
  }
}

.blogs__row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
@media only screen and (max-width: 768px) {
  .blogs__row {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
}

.blog_container .blogposteddetails {
  margin-bottom: 20px;
  padding-left: 20px;
}

.blog_container .blogposteddetails ul li {
  display: inline-block;
}

.blog_container .blogposteddetails ul li.blogdate {
  margin-right: 50px;
  margin-left: 20px;
}

.blog_container .blogposteddetails ul li.blogdate:before {
  content: "";
  position: absolute;
  margin-right: 0;
  margin-left: -30px;
  margin-top: 2px;
  width: 18px;
  height: 18px;
  background-image: url(../img/blog_date.png);
  display: inline-block;
  background-size: cover;
}

.blog_container .blogposteddetails ul li.blogreadtime {
  position: relative;
}

.blog_container .blogposteddetails ul li.blogreadtime span.clock {
  content: "";
  position: absolute;
  top: -1.5px;
  right: 100%;
  margin-right: 10px;
  margin-top: 5px;
  width: 16px;
  height: 16px;
  background-image: url(../img/readingtime_icons.png);
  background-position: -10px -10px;
  display: inline-block;
}

.blog_container .blog_content {
  padding: 0 10px;
  margin-bottom: 20px;
}

.blog_container .blog_content h3, .blog_container .blog_content h4 {
  font-family: "Gilroy-Bold";
  margin-bottom: 20px;
}

.blog_container .blog_content p {
  font-family: "Gilroy Light";
  margin-bottom: 30px;
}

.blog_container .blog_content img {
  padding: 10px 0;
}

.blog_container .blog_content a {
  display: inline-block;
  color: #4550c2;
  text-decoration: none;
}

.blog_container .blog_content ul {
  padding-left: 30px;
}

.blog_container .blog_content ul li {
  margin-bottom: 15px;
}

.blog_container .blog_content ul li ul {
  margin-top: 15px;
}

.blog_container .blog_content ul li:before {
  content: "-";
  position: absolute;
  margin-left: -30px;
}

.blog_container .blog_content ul li span {
  display: block;
  font-family: "Gilroy-Bold";
}

.blog_container .blog_content ul.evenly li:nth-child(even):before {
  content: "";
  position: absolute;
  margin-left: -30px;
}

.blog_container .blog_content ul.evenly li:nth-child(even) span {
  display: block;
  font-family: "Gilroy-Bold";
}

.blog_container .blog_content ul.orderly {
  list-style-type: none;
}

.blog_container .blog_content ul.orderly li {
  counter-increment: step-counter;
}

.blog_container .blog_content ul.orderly li div.moreadds p {
  margin-top: 15px;
  margin-left: 20px;
  position: relative;
}

.blog_container .blog_content ul.orderly li div.moreadds p:before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #000000;
  display: inline-block;
  margin-left: -20px;
  position: absolute;
  margin-top: 10px;
}

.blog_container .blog_content ul.orderly li:before {
  content: counter(step-counter);
  font-family: "Gilroy-Bold";
}

.blog_container .blog_content ul.orderly p {
  margin-bottom: 15px;
}

.blog_container .blog_content ul.orderly div.unorderly {
  padding-left: 30px;
}

.blog_container .blog_content ol.optimized li {
  margin-bottom: 10px;
}

.blog_container .blog_content .sharesociallinks {
  display: none;
  position: fixed;
  left: 130px;
  top: 150px;
  padding: 10px 15px;
  background: #FFFFFF;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9;
}

.blog_container .blog_content .sharesociallinks ul {
  padding: 0;
  list-style: none;
}

.blog_container .blog_content .sharesociallinks ul li {
  display: flex;
  margin-bottom: 10px;
  justify-content: center;
}

.blog_container .blog_content .sharesociallinks ul li:hover {
  background-color: #4550c2;
  border-radius: 5px;
}

.blog_container .blog_content .sharesociallinks ul li:hover a {
  filter: invert(1);
}

.blog_container .blog_content .sharesociallinks ul li:before {
  content: none;
}

.blog_container .blog_content .sharesociallinks ul li a div.fb {
  background: url(../img/share_social.png) no-repeat;
  width: 25px;
  height: 35px;
  margin: 0 auto;
  background-position: 0 2px;
  background-size: cover;
}

.blog_container .blog_content .sharesociallinks ul li a div.tw {
  background: url(../img/share_social.png) no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-position: -38px 2px;
  background-size: cover;
}

.blog_container .blog_content .sharesociallinks ul li a div.li {
  background: url(../img/share_social.png) no-repeat;
  width: 30px;
  height: 35px;
  margin: 0 auto;
  background-position: -83px 0px;
  background-size: cover;
}

.blog_container .blog_content .sharesociallinks ul li a:after {
  content: none;
}

.blog_container .blog_content .sharesociallinks ul li a:hover:after {
  content: none;
}

.blog_container .blog_content .sharesociallinks p {
  margin-bottom: 5px;
}

.blog_container .blog_content .sharesociallinks.sticky {
  display: block;
}

@media only screen and (max-width: 768px) {
  .blog_container .blog_content .sharesociallinks {
    width: 100%;
    padding: 10px;
    background-color: #4550c2;
    position: fixed;
    left: 0;
    bottom: 0;
    top: auto;
  }
  .blog_container .blog_content .sharesociallinks p {
    display: none;
  }
  .blog_container .blog_content .sharesociallinks ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .blog_container .blog_content .sharesociallinks ul li {
    width: calc(33.3333333333% - 10px);
    margin-right: 10px;
    margin-bottom: 0;
    background-color: #FFFFFF;
    border-radius: 5px;
  }
  .blog_container .blog_content .sharesociallinks ul li:hover {
    background-color: #FFFFFF;
  }
  .blog_container .blog_content .sharesociallinks ul li:hover a {
    filter: none;
  }
  .blog_container .blog_content .sharesociallinks ul li:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) {
  .blog_container .blog_content .sharesociallinks {
    left: 200px;
    top: 140px;
  }
}
@media only screen and (max-width: 500px) {
  .blog_container .blogposteddetails {
    padding-left: 0;
  }
  .blog_container .blogposteddetails ul li.blogdate {
    margin-right: 20px;
    margin-left: 25px;
  }
  .blog_container .blogposteddetails ul li.blogdate:before {
    margin-left: -25px;
  }
  .blog_container .blogposteddetails ul li.blogreadtime {
    margin-left: 25px;
  }
  .blog_container .blogposteddetails ul li.blogreadtime span.clock {
    margin-right: 10px;
  }
}
.novus-popup {
  display: none;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}
.novus-popup-inner {
  background-color: white;
  margin: 10% auto;
  padding: 20px;
  width: 90%;
  max-width: 400px;
  text-align: center;
  font-size: 1.2rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  animation: popup 0.5s;
  border-radius: 10px;
  position: relative;
}
.novus-popup-inner img {
  margin-bottom: 15px;
}
.novus-popup-inner p {
  margin-bottom: 15px !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
  color: #121212 !important;
}
.novus-popup-inner button {
  background: #4550c2;
  color: #FFFFFF;
  border: none;
  padding: 5px 15px;
  border-radius: 20px;
  cursor: pointer;
}

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