body {
  font-family: gt_walsheim_proregular;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: gt_walsheim_promedium;
}
p {
  color: #6e7378;
}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #eb5959;
}
.goog-te-gadget {
  color: transparent !important;
  height: 35px !important;
  overflow: hidden;
  width: 137px !important;
  margin: 0 10px 0 0 !important;
}
.goog-te-gadget {
  color: transparent !important;
}
.goog-te-gadget {
  font-family: arial;
  font-size: 11px;
  color: #666;
  white-space: nowrap;
}
#google_translate_element select {
  background-color: #fff;
  color: #9a0202;
  border: none;
  border-radius: 5px;
  padding: 10px 8px;
  overflow: hidden;
  width: 100%;
}
.goog-te-gadget .goog-te-combo {
  margin: 0 !important;
}
.navbar-light .navbar-nav .nav-link {
  color: rgb(255 255 255/72%);
  font-family: gt_walsheim_proregular;
  font-size: 14px;
}
.navigation-bloq {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
}
.top-navigation {
  background-color: #fff;
  padding: 8px 0;
  position: relative;
  z-index: 1;
}
.logo-small-device {
  display: none;
}
.navbar {
  background-color: rgb(135, 0, 0);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  transition: all 0.3s ease;
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgb(255 255 255/5%);
}
.dropdown-menu {
  padding: 0.5rem;
}
.dropdown-item {
  padding: 0.25rem 0.5rem !important;
  border-radius: 4px;
}
.the-hero {
  width: 100%;
  height: 800px;
  overflow: hidden;
  width: 100%;
  position: relative;
}
.hero-footer {
  background-color: rgb(165, 5, 5);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  transition: all 0.3s ease;
  position: absolute;
  height: 140px;
  width: 100%;
  bottom: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hero-footer-box {
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
}
.hero-footer-box p {
  color: #fff;
  font-size: 12px;
  margin-bottom: 0;
}
.hero-footer-box h4 {
  font-family: gt_walsheim_probold;
  color: #c39b52;
  font-size: 20px;
}
.hfb-left {
  margin-right: 15px;
}
.hfb-left img {
  width: 45px;
}
.hfb-left div {
  background-color: #8b0000;
  height: 70px;
  width: 70px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hfb-right {
  text-align: left;
}
.hfb-right h4 {
  color: #fff;
  font-size: 16px;
  margin-bottom: 3px;
}
.hfb-right p {
  font-size: 12px;
}
.carousel-item {
  height: 800px;
  background-size: cover;
  background-position: center center;
}
.navbar-brand img {
  height: 40px;
  transition: all 0.3s ease;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #dc0000;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-menu {
  border: none;
  box-shadow: 0 10px 43px 0 rgb(109 125 145/10%);
}
.dropdown-item {
  font-size: 14px;
  font-weight: 500;
}
.bootstrap-select.btn-group .dropdown-menu {
  padding: 0;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  background-color: #fff;
  border-radius: 0 !important;
}
.bootstrap-select.btn-group .dropdown-menu {
  margin-top: 36px;
  max-height: 300px !important;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
  margin-left: 0 !important;
}
.topnav-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mbl-only {
  display: none !important;
}
.carousel-caption {
  text-align: left;
  max-width: 500px;
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
  padding: 0 20px;
}
.carousel-caption h5 {
  font-size: 44px;
  font-weight: 600;
}
.carousel-caption p {
  color: #fff;
}
.btn-prime {
  background-color: #dc0000;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.3s ease;
}
.btn-prime:hover {
  text-decoration: none;
  color: #fff;
  opacity: 0.9;
}
.carousel-control-prev-icon {
  background-color: rgba(255, 255, 255, 0.22);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 15px;
}
.carousel-control-next-icon {
  background-color: rgba(255, 255, 255, 0.22);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 15px;
}
.in-bloq {
  background-image: url(../images/in-block.png);
  background-size: cover;
  padding-top: 40px;
  padding-bottom: 80px;
}
.intro-card-wrap {
  padding: 50px 0;
  z-index: 1;
  position: relative;
  margin-top: -150px;
}
.intro-card {
  background-color: #fff;
  padding: 40px;
  box-shadow: 0 10px 43px 0 rgb(109 125 145/14%);
  border-radius: 6px;
}
.hero-intro {
  background-color: #dc0000;
  /* background-image: url(../images/katera.jpg); */
  color: #fff;
  background-size: cover;
  padding: 30px 40px;
  box-shadow: 0 10px 43px 0 rgb(109 125 145/14%);
  border-radius: 6px;
}
.hero-intro h2 {
  font-size: 30px;
  margin-bottom: 3px;
}
.hero-intro p {
  color: #fff;
  margin-bottom: 0;
}
.hero-intro-btn {
  text-align: right;
}
.hero-intro-btn a {
  background-color: #fff;
  color: #000;
  text-decoration: none;
  display: inline-block;
  padding: 7px 16px;
  border: 2px solid #fff;
  border-radius: 5px;
  transition: all 0.3s ease;
  font-weight: 600;
}
.hero-intro-btn a:hover {
  background-color: #fff;
  color: #8e0000;
}
.ic-red {
  background-color: #fa1734;
}
.ic-green {
  background-color: #00c3b7;
}
.ic-green::after {
  content: "";
  background-color: rgba(0 195 182/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(45deg);
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(1px);
  transition: all 0.3s ease;
}
.intro-card:hover .ic-green::after {
  transform: rotate(-32deg);
}
.ic-yellow {
  background-color: #e9be44;
}
.ic-purple {
  background-color: #c8a2ff;
}
.ic-purple::after {
  content: "";
  background-color: rgb(200 162 255/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(45deg);
  border: 1px solid hwb(0deg 100% 0%/27%);
  backdrop-filter: blur(1px);
  transition: all 0.3s ease;
}
.intro-card:hover .ic-purple::after {
  transform: rotate(-32deg);
}
.ic-blue {
  background-color: #45ace8;
}
.ic-blue::after {
  content: "";
  background-color: rgb(69 172 232/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: rotate(45deg);
  border: 1px solid hwb(0deg 100% 0%/27%);
  backdrop-filter: blur(1px);
  transition: all 0.3s ease;
}
.intro-card:hover .ic-blue::after {
  transform: rotate(-32deg);
}
.intro-card-icon {
  color: #fff;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  margin-top: -85px;
  border: 4px solid #fff;
  transition: all 0.3s ease;
  position: relative;
}
.intro-card-icon i {
  font-size: 32px;
  transition: all 0.3s ease;
}
.intro-card:hover .intro-card-icon {
  transform: translateY(10px);
}
.intro-card p {
  margin-bottom: 0;
}
.intro-card h4 {
  font-size: 22px;
  color: #000;
  font-weight: 600;
}
.intro-card a {
  color: #000;
  text-decoration: none;
  font-size: 15px;
  display: inline-block;
  margin-top: 10px;
  transition: all 0.3s ease;
}
.intro-card a i {
  color: #dc0000;
  margin-left: 5px;
  transition: all 0.3s ease;
}
.intro-card a:hover i {
  margin-left: 8px;
}
.about-bloq {
  padding-top: 80px;
}
.bloq-title {
  margin-bottom: 20px;
}
.bloq-title span {
  color: #dc0000;
  display: inline-block;
  padding: 2px 10px;
  border: 2px solid #dc0000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
}
.about-bloq h2 {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 18px;
}
.in-detail {
  margin-top: 30px;
  text-align: center;
}
.in-detail a {
  background-color: #dc0000;
  color: #fff !important;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.2s ease;
}
.in-detail a:hover {
  opacity: 0.8;
}
.about-img img {
  width: 100%;
  border-radius: 5px;
}
.carousel-caption {
  left: 19.7%;
  right: 19.7%;
}
.intro-card:hover .intro-card-icon i {
  transform: scale(1.05);
}
.intro-card:hover a {
  color: #dc0000;
}
.what-we-do {
  padding-bottom: 80px;
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px;
  }
}
.what-we-do {
  background-image: url(../images/what-we-do-bg.png);
  background-size: cover;
}
.bloq-title-2x {
  font-size: 38px;
  font-weight: 600;
}
.navbar-brand {
  transition: all 0.3s ease;
}
.navbar-brand img {
  transition: all 0.3s ease;
}
.navigation-bloq {
  transition: all 0.3s ease;
}
.fixed-nav {
  padding: 0;
  box-shadow: 0 10px 43px 0 rgb(109 125 145/10%);
}
.dark-logo {
  display: none;
}
.fixed-nav img {
  height: 40px;
}
.card-2 {
  background-color: #fff;
  padding: 20px;
  box-shadow: 0 10px 43px 0 rgb(109 125 145/14%);
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.card-2:hover .card-2-img {
  transform: translateY(-10px);
}
.card-2-img {
  background-color: #d9dee3;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;
  transition: all 0.3s ease;
  overflow: hidden;
}
.card-2-img img {
  width: 100%;
}
.card-2-body p {
  margin-bottom: 0;
}
.card-2-body h4 {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}
.card-2-body h4 span {
  color: #dc0000;
}
.card-2-body a {
  color: #dc0000;
  display: inline-block;
}
.card-2-body ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.card-2-body ul li:first-child {
  font-style: italic;
}
.goal {
  padding-top: 80px;
  padding-bottom: 80px;
}
.vm-block {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
.vm-block-left {
  width: 100px;
  margin-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 2px solid #b00101;
}
.vm-block-left i {
  color: #dc0000;
  font-size: 34px;
  transition: all 0.3s ease;
}
.vm-block:hover .vm-block-left i {
  transform: scale(1.05);
}
.vm-block-right {
  width: calc(100% - 100px);
}
.vm-block-right h4 {
  font-size: 20px;
  font-weight: 600;
}
.vm-block-right p {
  margin-bottom: 0;
}
.sec-badge {
  margin-top: 15px;
}
.sec-badge img {
  width: 100%;
}
.goal-img img {
  width: 100%;
  border-radius: 8px;
}
.pricing {
  padding-top: 80px;
  padding-bottom: 80px;
  border-top: 1px solid #f2f5f8;
}
.pricing-head {
  text-align: center;
}
.pricing-head h2 {
  font-size: 38px;
  font-weight: 600;
}
.pricing-head {
  margin-bottom: 10px;
}
.price-card {
  background-color: #f2f5f8;
  background-image: url(../images/figure93.png);
  background-repeat: no-repeat;
  background-position: bottom;
  padding: 28px;
  border-radius: 8px;
  border: 1px solid #e2e6eb;
  font-size: 14px;
  position: relative;
  overflow: hidden;
}
.price-card-header h4 {
  font-weight: 400;
}
.price-card-header {
  position: relative;
  margin-bottom: 35px;
}
.price-card-header::before {
  content: "";
  width: 15px;
  height: 4px;
  border-radius: 10px;
  background-color: #fa1515;
  display: block;
  position: absolute;
  top: 40px;
  transition: all 0.3s ease;
}
.price-card-header::after {
  content: "";
  width: 25px;
  height: 4px;
  left: 20px;
  border-radius: 10px;
  background-color: #ff0000;
  display: block;
  position: absolute;
  top: 40px;
  transition: all 0.3s ease;
}
.price-card-header h4 span {
  font-weight: 600;
}
.price-card ul {
  margin: 10px 0 0;
  padding-left: 0;
  list-style: none;
}
.relative {
  position: relative;
}
.price-card ul li {
  position: relative;
  padding-left: 20px;
}
.price-card ul li strong {
  color: #3f0000;
}
.price-card ul li::before {
  content: "";
  width: 13px;
  height: 13px;
  border: 3px solid #dc0000;
  background-color: #fff;
  border-radius: 50px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.price-card-action {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
.price-card-action a {
  background-color: #fff;
  color: #730000;
  display: block;
  width: 100%;
  text-align: center;
  padding: 13px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 500;
  border: 1px solid #e2e6eb;
  transition: all 0.3s ease;
}
.price-card-action a:hover {
  background-color: #960404;
  border-color: #8e0000;
  color: #fff;
}
.price-card-price p.sml-txt {
  font-size: 20px;
}
.price-card-price p {
  color: #8e0000;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 0;
}
.price-card-price sup {
  font-weight: 400;
}
.price-card:hover .price-card-header::after {
  width: 40px;
}
.price-card:hover .price-card-action a {
  background-color: #8e0000;
  border-color: #8e0000;
  color: #fff;
}
.pricing-head div {
  display: flex;
  justify-content: center;
}
.pricing-head div p {
  max-width: 600px;
}
.management-title {
  font-size: 19px !important;
}
.plan-sign {
  width: 100px;
  height: 100px;
  border-radius: 8px;
  position: absolute;
  right: -38px;
  top: 100px;
  transform: rotate(45deg);
  right: -45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan-sign img {
  width: 66px;
  opacity: 0.2;
}
.sign-green {
  background-color: rgb(0 195 183);
}
.sign-green::before {
  content: "";
  background-color: rgba(0 195 182/29%);
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: -11px;
  top: 9px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.sign-green::after {
  content: "";
  background-color: rgba(0 195 182/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 36px;
  bottom: -26px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.plan-green ul li::before {
  border: 3px solid #00c3b7 !important;
}
.plan-green .price-card-header::after {
  background-color: #00c3b7 !important;
}
.plan-green .price-card-header::before {
  background-color: #78dcd8 !important;
}
.plan-green:hover .sign-green::before {
  transform: rotate(-90deg);
}
.plan-green:hover .sign-green::after {
  transform: rotate(-90deg);
}
.sign-purple {
  background-color: rgb(200 162 255);
}
.sign-purple::before {
  content: "";
  background-color: rgb(200 162 255/29%);
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: -11px;
  top: 9px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.sign-purple::after {
  content: "";
  background-color: rgb(200 162 255/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 36px;
  bottom: -26px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.plan-purple ul li::before {
  border: 3px solid #c8a2ff !important;
}
.plan-purple .price-card-header::after {
  background-color: #c8a2ff !important;
}
.plan-purple .price-card-header::before {
  background-color: #e3ceff !important;
}
.plan-purple:hover .sign-purple::before {
  transform: rotate(-90deg);
}
.plan-purple:hover .sign-purple::after {
  transform: rotate(-90deg);
}
.sign-yellow {
  background-color: #d3bb31;
}
.sign-yellow::before {
  content: "";
  background-color: rgb(211 187 49/29%);
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: -11px;
  top: 9px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.sign-yellow::after {
  content: "";
  background-color: rgb(211 187 49/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 36px;
  bottom: -26px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.plan-yellow ul li::before {
  border: 3px solid #d3bb31 !important;
}
.plan-yellow .price-card-header::after {
  background-color: #d3bb31 !important;
}
.plan-yellow .price-card-header::before {
  background-color: #e4d05e !important;
}
.plan-yellow:hover .sign-yellow::before {
  transform: rotate(-90deg);
}
.plan-yellow:hover .sign-yellow::after {
  transform: rotate(-90deg);
}
.sign-blue {
  background-color: #dc0000;
}
.sign-blue::before {
  content: "";
  background-color: rgb(0 128 255/29%);
  width: 25px;
  height: 25px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: -11px;
  top: 9px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.sign-blue::after {
  content: "";
  background-color: rgb(0 128 255/29%);
  width: 50px;
  height: 50px;
  display: block;
  border-radius: 8px;
  position: absolute;
  left: 36px;
  bottom: -26px;
  border: 1px solid rgba(255, 255, 255, 0.27);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
}
.plan-blue ul li::before {
  border: 3px solid #dc0000 !important;
}
.plan-blue .price-card-header::after {
  background-color: #dc0000 !important;
}
.plan-blue .price-card-header::before {
  background-color: #75b5f5 !important;
}
.plan-blue:hover .sign-blue::before {
  transform: rotate(-90deg);
}
.plan-blue:hover .sign-blue::after {
  transform: rotate(-90deg);
}
.calc-wrap {
  background-color: #f2f5f8;
  background-image: url(../images/figure93.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 25px;
  border-radius: 6px;
  border: 1px solid #e2e6eb;
}
.calc-field {
  background-color: #fff;
  padding: 13px 20px;
  border-radius: 8px;
  border: 1px solid #e2e6eb;
  color: #8e0000;
  font-weight: 500;
}
.calc-field span {
  font-size: 14px;
}
.calc-field p {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  display: block;
  margin-top: 3px;
}
.irs-form-field {
  background-color: #fff;
  padding: 13px 20px;
  width: 100%;
  display: block;
  border-radius: 8px;
  border: 1px solid #e2e6eb;
  outline: none;
  font-weight: 500;
}
.calc-wrap h4 {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
  margin-bottom: 0;
}
input.irs-form-field::placeholder {
  color: #aab0b7;
}
.irs--round .irs-handle {
  cursor: pointer;
}
.irs--round .irs-bar {
  background-color: #8e0000 !important;
}
.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
  background-color: #8e0000 !important;
}
.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
  border-top-color: #8e0000 !important;
}
.irs--round .irs-handle {
  border: 4px solid #8e0000 !important;
}
.make-invst button {
  background-color: #8e0000;
  padding: 13px 20px;
  font-size: 14px;
  color: #fff;
  display: block;
  width: 100%;
  border: none;
  border-radius: 6px;
}
.inp-card small {
  color: #9da7b5;
}
.bloq-with-bg {
  padding: 80px 0;
  background-image: url(../images/figure56.png);
  background-size: cover;
}
.bloq-with-bg h2 {
  font-size: 38px;
  font-weight: 600;
}
.bloq-with-bg-head {
  display: flex;
  justify-content: center;
  width: 100%;
}
.bloq-with-bg-head div {
  max-width: 800px;
  text-align: center;
}
.bloq-with-bg-head h2 {
  font-weight: 600;
}
.bloq-with-bg-head p {
  margin-bottom: 0;
}
.title-bronze {
  color: #00c3b7 !important;
}
.title-silver {
  color: #bd90fd !important;
}
.title-gold {
  color: #d3bb31 !important;
}
.title-diamond {
  color: #dc0000 !important;
}
.security {
  padding-top: 50px;
  padding-bottom: 50px;
}
.security__header {
  text-align: center;
  margin-bottom: 15px;
}
.security-seal {
  padding: 0 10px;
}
.security-icon {
  background-color: #f6f6f6;
  padding: 15px;
  text-align: center;
  border-radius: 6px;
  display: flex;
  justify-content: center;
}
.slick-slide img {
  height: 60px;
}
.main-footer {
  background-color: #8e0000;
  color: #fff;
  padding: 80px 0 30px;
}
.afl-dls {
  background-color: #3e4f62;
  padding: 70px 0;
}
.afl-dls h4 {
  color: #fff;
  font-size: 42px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.afl-dls p {
  color: #fff;
  opacity: 0.6;
}
.main-footer h4 {
  font-size: 16px;
}
.main-footer p,
.main-footer a {
  color: #fff;
  opacity: 0.5;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 0;
}
.main-footer ul {
  padding: 0;
  margin: 0;
  list-style: none;
  line-height: 1.6;
}
.main-footer ul li a {
  text-decoration: none;
  transition: all 0.3s ease;
}
.main-footer ul li a:hover {
  text-decoration: underline;
}
.footer-logo {
  width: 70%;
  margin-bottom: 25px;
}
.advs {
  margin-top: 15px;
}
.adv-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
}
.adv-card span {
  color: #dc0000;
  font-weight: 600;
}
.adv-card h5 {
  font-weight: 600;
}
.adv-card p {
  margin-bottom: 0;
}
.card-bg-grey {
  background-color: #f6f6f6;
}
.user-action {
  display: flex;
  align-items: center;
}
.user-action a {
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  padding: 4px 11px;
  border-radius: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 1px solid #fff;
}
.user-action a.register {
  background-color: #dc0000;
  color: #fff;
  display: inline-block;
  margin-left: 15px;
  padding: 4px 11px;
  border-radius: 5px;
  text-decoration: none;
  border-color: #dc0000;
}
.language-translate {
  margin-left: 15px;
  display: none;
}
.selectpicker li a span {
  margin-right: 7px !important;
}
.bootstrap-select > .btn {
  padding: 0;
  border: none;
  border-color: #fff;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  display: none;
}
.bootstrap-select .dropdown-toggle::after {
  display: none;
}
.wwd-blc h4 {
  font-weight: 600;
}
.wwd-blc ul {
  padding: 0;
  margin: 0;
}
.wwd-blc ul li {
  background-color: #dc0000;
  color: #fff;
  display: inline-block;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 5px;
}
.wwd-img img {
  width: 100%;
  border-radius: 8px;
}
.filter-option {
  font-size: 16px;
}
.filter-option span {
  font-size: 20px;
  margin-right: 10px;
  border-radius: 50px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  display: flex;
  align-items: center;
}
.fixed-nav .user-action a.register {
  color: #fff;
}
.user-logo {
  position: fixed;
  top: 50px;
  left: 100px;
}
.user-logo-wrap img {
  height: 45px;
}
.user-wrap {
  background-color: #8e0000;
  display: flex;
}
.user-nly-bg {
  margin-top: 50px;
}
.user-left {
  color: #fff;
  width: 60%;
  display: flex;
  align-items: flex-end;
  padding: 100px;
}
.rg-success-con {
  margin-top: 50px;
}
.rgscs-logo {
  display: none !important;
}
.user-left div {
  max-width: 500px;
}
.user-right {
  background-image: url(../images/landingpage-bg.jpg);
  width: 40%;
  padding: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center, center;
}
.captcha-wrap a {
  margin: 0 10px;
}
.captcha-mtop img {
  width: 20px;
}
.user-right h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 26px;
}
.user-right label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}
.user-right .form-control {
  background-color: #f2f5f8;
  box-shadow: none;
  border: none;
  height: 45px;
  font-size: 14px;
}
.user-right .form-control::placeholder {
  font-size: 14px;
}
.user-side-body .form-control {
  background-color: #f2f5f8;
  box-shadow: none;
  border: none;
  height: 45px;
  font-size: 14px;
}
.user-side-body .form-control::placeholder {
  font-size: 14px;
}
.note {
  background-color: #f2f5f8;
  border-radius: 6px;
  padding: 10px;
  font-size: 12px;
  border-left: 4px solid #00bcd4;
}
.note p {
  color: #7d8287;
  margin-bottom: 0;
}
.form-action button {
  background-color: #8e0000;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 8px 20px;
  transition: all 0.3s ease;
}
.form-action button:hover {
  opacity: 0.9;
}
.register-bloc {
  background-image: url(../images/register-bg.jpg);
  background-size: cover;
}
.login-bloc {
  background-image: url(../images/login-bg.jpg);
  background-size: cover;
}
.recovery-bloc {
  background-image: url(../images/recovery-bg.jpg);
  background-size: cover;
}
.user-left h2 {
  font-weight: 600;
}
.user-left p {
  color: #fff;
  opacity: 0.8;
  font-weight: 300;
  margin-bottom: 0;
}
.user-right-login {
  padding: 8% 11%;
}
.error_span {
  color: #fff !important;
  border-radius: 5px;
  background-color: #f81f1f;
  line-height: 1.8;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 600;
}
.page-header {
  background-color: #8e0000;
  color: #fff;
  height: 265px;
  display: flex;
  align-items: flex-end;
  padding: 50px 0;
}
.about-header {
  background-image: url(../images/about.jpg);
  background-size: cover;
}
.plans-header {
  background-image: url(../images/plans.jpg);
  background-size: cover;
}
.blog-header {
  background-image: url(../images/blog.jpg);
  background-size: cover;
}
.contact-header {
  background-image: url(../images/contact.jpg);
  background-size: cover;
}
.referral-header {
  background-image: url(../images/affiliate.jpg);
  background-size: cover;
}
.reward-header {
  background-image: url(../images/reward.jpg);
  background-size: cover;
}
.influencer-header {
  background-image: url(../images/influencer.jpg);
  background-size: cover;
}
.page-header h1 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0;
}
.page-body {
  padding: 80px 0;
}
.blog-post-next h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}
.bg-cslight {
  background-color: #f6f6f6;
}
.bg-cslight .security-icon {
  background-color: #fff !important;
}
.copyright {
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 70px;
  padding-top: 30px;
}
.copyright p {
  margin-bottom: 0;
}
.contact-bloq h4 {
  font-size: 28px;
  font-weight: 600;
}
.contact-bloq .form-control {
  background-color: #f2f5f8;
  border: none;
  box-shadow: none;
}
.contact-bloq input.form-control {
  height: 45px;
}
.contact-bloq label {
  font-size: 14px;
  margin-bottom: 8px;
  font-weight: 500;
}
.contact-bloq .form-control::placeholder {
  font-size: 14px;
}
.map h4 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 30px;
}
.map iframe {
  border-radius: 8px;
}
.contact-medium {
  background-color: #f2f5f8;
  margin-bottom: 20px;
  padding: 20px 25px;
  border-radius: 8px;
  font-size: 14px;
}
.con-card {
  display: flex;
  align-items: center;
}
.c-icon {
  background-color: #fff;
  width: 60px;
  height: 60px;
  margin-right: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  box-shadow: 0 0 60px rgba(0, 30, 63, 0.1);
  font-size: 28px;
}
.c-text p {
  margin-bottom: 0;
}
.c-text h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
}
.blog-post {
  border: 1px solid #e9edf1;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.blog-post-single {
  border: 1px solid #e9edf1;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.blog-post:hover {
  transform: scale(1.01);
}
.blog-post-img {
  background-color: #f2f5f8;
  height: auto;
}
.blog-post-single-img {
  background-color: #f2f5f8;
  height: auto;
}
.blog-post-img img {
  width: 100%;
}
.blog-post-single-img img {
  width: 100%;
}
.blog-post-content {
  padding: 20px;
  display: block;
  text-decoration: none;
}
.blog-post-single-content {
  padding: 20px;
  display: block;
  text-decoration: none;
}
.blog-post-content p {
  margin-bottom: 0;
}
.blog-post-single-content p {
  margin-bottom: 0;
}
.blog-post-content h4 {
  color: #000;
  font-weight: 500;
}
.blog-post-single-content h4 {
  color: #000;
  font-weight: 600;
}
ul.post-action {
  padding: 15px 0 0;
  margin: 15px 0 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #e9edf1;
}
ul.post-action li:first-child {
  color: #6e7378;
  font-style: italic;
}
ul.post-action li:last-child {
  text-decoration: underline;
}
.blog-post-next ul {
  padding: 0;
  margin: 0;
}
.blog-post-next ul li {
  list-style: none;
  margin-bottom: 5px;
}
.blog-post-next ul li a {
  text-decoration: none;
  display: inline-block;
  background-color: #f2f5f8;
  color: #7d8287;
  padding: 8px 10px;
  border-radius: 5px;
}
.blog-post-single-content span {
  background-color: #e9edf1;
  font-size: 14px;
  padding: 4px 8px;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 4px;
}
.c-icon {
  color: #fff;
}
.c-icon-1 {
  background-color: #c8a2ff;
}
.c-icon-2 {
  background-color: #00c3b7;
}
.c-icon-3 {
  background-color: #44ace9;
}
.toggleclose {
  background-color: #ef5858;
  color: #fff;
  position: absolute;
  top: 58px;
  left: -13px;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggleclose i {
  font-size: 20px;
  display: block;
  margin-top: 3px;
}
.user-sidebar {
  background-color: #fff;
  backdrop-filter: blur(25px);
  max-width: 495px;
  height: 100vh;
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  right: -510px;
  border-left: 1px solid #e7ecf1;
  transition: all 0.3s ease;
}
.user-sidebar.user-form {
  right: 0;
}
.user-side-head {
  background-color: #8e0000;
  color: #fff;
  height: 71px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.user-side-head h4 {
  text-align: center;
}
.user-side-body {
  padding: 50px;
  overflow: hidden;
}
.user-side-body h4 {
  font-size: 24px;
}
@media (max-width: 767.98px) {
  .carousel-caption {
    left: 6.7%;
    right: 6.7%;
  }
  .carousel-caption h5 {
    font-size: 38px;
  }
  .navbar-brand img {
    height: 35px;
  }
  .navigation-bloq {
    padding: 0;
  }
  .the-hero {
    height: 500px;
  }
  .carousel-item {
    height: 500px;
  }
  .intro-card-wrap {
    margin-top: -78px;
  }
  .mbl-top-70 {
    margin-top: 70px;
  }
  .about-img {
    margin-bottom: 30px;
  }
  .goal {
    padding-top: 0;
  }
  .goal-img {
    margin-bottom: 30px;
  }
  .navigation-bloq {
    background-color: #fff;
  }
  .navigation-bloq .dark-logo {
    display: inline-block;
  }
  .navigation-bloq .white-logo {
    display: none;
  }
  .navigation-bloq .navbar-light .navbar-nav .nav-link {
    color: #000;
  }
  .navigation-bloq .user-action a {
    color: #dc0000;
  }
  .navigation-bloq .user-action a:last-child {
    background-color: #dc0000;
    color: #fff !important;
  }
  #google_translate_element select {
    background-color: #dc0000;
    color: #fff;
  }
  .page-body {
    padding: 50px 0;
  }
  .page-header {
    height: 216px;
  }
}
@media (max-width: 1024px) {
  .user-left {
    display: none;
  }
  .user-right {
    width: 100%;
  }
  .user-logo-wrap .dark-logo {
    display: block;
  }
  .user-logo-wrap .white-logo {
    display: none;
  }
  .user-logo {
    left: 11%;
  }
  .user-right {
    padding: 8% 11%;
  }
  .user-wrap {
    height: auto;
  }
  .user-logo {
    position: absolute;
  }
}
.why-us {
  /* background-image: url(../images/call_to2.jpg); */
  background-size: cover;
  background-color: #dc0000;
}
.trans-y-80 {
  transform: translateY(80px);
}
.why-img img {
  width: 100%;
  border-radius: 15px;
}
.why-con {
  margin-left: 40px;
}
.why-con span.why-sub {
  color: #fff;
  display: inline-block;
  padding: 3px 11px;
  border: 2px solid #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  border-radius: 5px;
  margin-bottom: 25px;
}
.why-con h4 {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 25px;
}
.why-con p {
  color: #fff;
}
.why-lis {
  padding: 0;
  margin: 0;
  list-style: none;
}
.why-lis li {
  color: #fff;
  line-height: 2;
  padding-left: 35px;
  position: relative;
}
.why-lis li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNicgaGVpZ2h0PScxNicgZmlsbD0nIzAwODFmZicgY2xhc3M9J2JpIGJpLWNoZWNrLWNpcmNsZS1maWxsJyB2aWV3Qm94PScwIDAgMTYgMTYnPjxwYXRoIGQ9J00xNiA4QTggOCAwIDEgMSAwIDhhOCA4IDAgMCAxIDE2IDB6bS0zLjk3LTMuMDNhLjc1Ljc1IDAgMCAwLTEuMDguMDIyTDcuNDc3IDkuNDE3IDUuMzg0IDcuMzIzYS43NS43NSAwIDAgMC0xLjA2IDEuMDZMNi45NyAxMS4wM2EuNzUuNzUgMCAwIDAgMS4wNzktLjAybDMuOTkyLTQuOTlhLjc1Ljc1IDAgMCAwLS4wMS0xLjA1eicvPjwvc3ZnPg==);
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.why-cta {
  background-color: #ff0505;
  margin-top: 25px;
  height: 150px;
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.why-cta-img {
  background-color: #ddbe68;
  background-image: url(../images/blog11.jpg);
  background-size: cover;
  width: 200px;
  height: 100%;
}
.why-cta-cont {
  padding-left: 50px;
  width: calc(100% - 200px);
}
.why-cta-cont span {
  color: #fff;
  display: block;
  margin-bottom: 0;
}
.why-cta-cont p {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
}
.blog-bloq {
  background-color: #f9f9f9;
  padding: 160px 0 80px;
}
.page-not-found {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100%;
}
.page-not-found div {
  max-width: 500px;
  max-height: 500px;
}
.page-not-found div img {
  width: 100%;
}
.page-not-found div h4 {
  text-align: center;
  font-size: 28px;
  font-weight: 600;
}
.foo-con {
  display: flex;
  align-items: center;
  margin-top: 15px;
}
.foo-con-left {
  background-color: rgba(255, 255, 255, 0.1);
  width: 45px;
  height: 45px;
  margin-right: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.foo-con-right {
  width: calc(100% - 65px);
}
.foo-con-right span {
  font-size: 14px;
}
button:focus:not(:focus-visible) {
  outline: none;
  box-shadow: none;
}
.payment-icons-bloc {
  background-color: #fff;
  padding: 50px;
  padding-bottom: 50px;
}
.pay-ic-home {
  background-color: #f9f9f9 !important;
}
.pay-ic-left p {
  margin-bottom: 0;
}
.pay-icons {
  padding: 0;
  margin: 0 -8px;
  list-style: none;
  display: flex;
  margin-bottom: 10px;
}
.pay-ic-left h4 {
  font-weight: 600;
}
.pay-icons li {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 80px;
  border-radius: 8px;
  margin: 0 8px;
}
.pay-icons li img {
  width: 100%;
}
@media (max-width: 992px) {
  .mbl-only {
    display: block !important;
  }
  .user-action a {
    margin-left: 0 !important;
  }
  .logo-small-device {
    display: block;
  }
  .top-navigation {
    display: none;
  }
  .why-us {
    padding: 50px 0;
  }
  .why-img {
    margin-bottom: 25px;
  }
  .why-con {
    margin-left: 0;
  }
  .why-cta {
    display: none;
  }
  .trans-y-80 {
    transform: none;
  }
  .blog-bloq {
    padding: 50px 0;
  }
  .footer-logo {
    width: auto;
    height: 50px;
  }
  .main-footer {
    padding: 50px 0;
  }
  .copyright {
    margin-top: 30px;
  }
  .in-bloq {
    padding-bottom: 50px;
  }
  .nav-link {
    padding: 0.4rem 1rem;
  }
  .user-action {
    margin-left: 0;
  }
}
.three-steps {
  background: #8e0000;
  color: #fff;
  padding: 80px 0;
}
.three-steps__head {
  text-align: center;
  margin-bottom: 30px;
}
.three-steps__head h5 {
  font-size: 18px;
  margin-bottom: 0;
}
.three-steps__head p {
  color: #fff;
  font-size: 28px;
  font-weight: 500;
}
.three-steps-el {
  padding-left: 70px;
  padding-right: 70px;
  text-align: center;
  position: relative;
}
.three-steps-el div {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.three-steps-el p {
  color: #fff;
  opacity: 0.5;
  font-weight: 300;
  margin-bottom: 0;
}
.three-steps-el div span {
  color: #fff;
  border: 2px solid #dc0000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 600;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  position: relative;
}
.three-steps-el div span::after {
  content: "";
  width: 220px;
  height: 2px;
  background-color: #dc0000;
  left: 106px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.three-steps-el div span::before {
  content: "";
  width: 18px;
  height: 18px;
  border-top: 2px solid #dc0000;
  border-right: 2px solid #dc0000;
  display: block;
  position: absolute;
  top: 50%;
  right: -263px;
  transform: translateY(-50%) rotate(45deg);
}
.three-steps_3 div span::after {
  display: none;
}
.three-steps_3 div span::before {
  display: none;
}
.faq button {
  background-color: #8e0000;
  color: #fff;
  display: block;
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  box-shadow: none;
  outline: none;
  border: none;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.faq button:hover {
  opacity: 0.9;
}
.about-2 {
  background-color: #f9f9f9;
  padding-top: 70px;
  padding-bottom: 70px;
}
.about-3 {
  background-color: #8e0000;
  padding-top: 70px;
  padding-bottom: 70px;
}
.about-3 .pricing-head h2 {
  color: #fff;
}
.about-3 .pricing-head p {
  color: #fff;
}
.card-bordered {
  background-color: #fff;
  padding: 22px 25px;
  border: 1px solid #dc0000;
  border-radius: 8px;
  box-shadow: 0 0 10px rgb(0 129 255/30%);
  display: flex;
  align-items: center;
}
.card-bordered span {
  background-color: #dc0000;
  color: #fff;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-right: 15px;
  border-radius: 50px;
}
.card-bordered p {
  display: block;
  width: calc(100% - 60px);
}
.card-bordered-2 {
  background-color: #13355a;
  padding: 22px 25px;
  border-radius: 8px;
}
.card-bordered-2 p {
  color: #fff;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-weight: 700;
}
.card-bordered p {
  color: #8e0000;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 0;
  font-weight: 700;
}
.certificate {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (max-width: 1024px) {
  .certificate {
    padding: 0;
  }
  .about-2 {
    padding-bottom: 0;
  }
}
.certificate-title {
  font-size: 26px;
  font-weight: 700;
  text-transform: capitalize;
}
.certificate-snap {
  background-color: #ccc;
  border-radius: 8px;
  height: 250px;
  width: 100%;
  border: none;
}
.certificate-thumb {
  background-color: #ccc;
  box-shadow: 0 10px 43px 0 rgb(109 125 145/14%);
  border-radius: 8px;
  height: auto;
  width: 100%;
  border: none;
  cursor: pointer;
}
@media (max-width: 990px) {
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .show > .nav-link {
    color: #000 !important;
  }
}
.certificate-large {
  width: 100%;
}
.fade:not(.show) {
  opacity: 0.9 !important;
}
.modal-header .close {
  background-color: #ff5757;
  color: #fff;
  width: 35px !important;
  height: 35px !important;
  border: none;
  border-radius: 25px;
  font-size: 22px;
}
@media (max-width: 991.98px) {
  .navbar {
    background-color: #fff !important;
  }
  .navbar-brand .white-logo {
    display: none;
  }
  .navbar-brand .dark-logo {
    display: block;
  }
  .navbar-light .navbar-nav .nav-link {
    color: rgb(0 0 0/72%);
  }
  .three-steps-el div span::after {
    width: 170px;
  }
  .hero-intro-btn {
    text-align: left;
    margin-top: 15px;
  }
  .user-action a {
    color: #dc0000;
    border-color: #dc0000;
  }
  .user-action a.register {
    color: #fff;
    margin-left: 10px !important;
  }
  .hero-intro {
    background-position: right;
  }
  .navbar {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .user-action {
    margin-top: 10px;
  }
  .three-steps-el div span::before {
    right: -213px;
  }
  .three-steps-el {
    padding-left: 30px;
    padding-right: 30px;
  }
  .navbar-brand img {
    height: 40px;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 14px;
  }
  .user-action a:last-child {
    padding: 6px 14px;
  }
  .user-action a:last-child {
    margin-left: 10px;
  }
  .user-action a {
    font-size: 14px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  }
  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    margin-top: 50px;
  }
  .user-action a:last-child {
    padding: 8px 20px;
    margin-left: 15px !important;
  }
  .the-hero {
    overflow: unset;
    height: auto;
    margin-top: 64px;
  }
  .hero-footer {
    background-color: rgb(0 30 63);
    height: auto;
    position: relative;
  }
  .hfb-left div {
    background-color: #0e2d4e;
  }
}
@media (max-width: 991.98px) {
  .three-steps-el div span::before {
    display: none;
  }
  .mobile-nav {
    margin-top: 54px;
  }
  .three-steps-el div span::after {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .gtranslate-wrap {
    position: absolute;
    top: 70px;
    left: 59px;
  }
}
.bloq-plain {
  padding-top: 70px;
  padding-bottom: 70px;
}
.bloq-plain img {
  width: 100%;
}
.plain-block span {
  color: #dc0000;
  font-size: 20px;
}
.plain-block h4 {
  font-size: 38px;
  font-weight: 600;
  display: block;
  margin-top: 15px;
  margin-bottom: 20px;
}
@media (max-width: 767.98px) {
  .user-sidebar {
    width: 100%;
    border-left: none;
  }
  .toggleclose {
    left: 15px;
  }
  .gtranslate-wrap {
    position: absolute;
    top: 70px;
    left: 7px;
  }
}
.blog-header {
  padding: 35px 0 !important;
}
.blog-header p {
  color: #fff;
  margin-bottom: 0 !important;
  padding-top: 10px;
}
.leadership-bloq {
  padding-top: 80px;
  padding-bottom: 80px;
}
.leadership-content {
  border-radius: 8px 8px 5px 5px !important;
}
.leadership-modal-body .form-control {
  background-color: #f2f5f8;
  color: #212529;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: none;
  box-shadow: none;
}
.leadership-modal-header {
  background-color: #036;
  color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.leadership-modal-header h5 {
  font-weight: 700;
  font-size: 24px;
}
.leadership-modal-body {
  padding: 20px;
  border-radius: 0 0 10px 10px;
}
.leadership-modal-body .form-label {
  font-weight: 700;
  color: #036;
  margin-bottom: 5px;
}
.leadership-modal-body .form-control:focus {
  box-shadow: none;
  border-color: #036;
}
.leadership-modal-body .form-select {
  background-color: #f2f5f8;
  color: #6d757d;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.leadership-modal-body .form-select:focus {
  box-shadow: none;
  border-color: #036;
}
.leadership-modal-body textarea.form-control {
  height: auto;
}
.leadership-modal-footer {
  background-color: #f2f5f8;
  border: none;
}
.leadership-modal-footer p {
  font-size: 14px;
  margin-bottom: 0;
}
.leadership-modal-footer p a {
  color: #8e0000;
  text-decoration: none;
}
.btn-leadership {
  background-color: #036;
  color: #fff;
  font-weight: 700;
  border-radius: 5px;
  padding: 10px 30px;
  border: none;
}
.btn-leadership:hover {
  opacity: 0.9;
}
.custom-close-button {
  background-color: #fff;
  border-radius: 30%;
  border: none;
  padding: 0;
  margin: 0;
}
.custom-close-button svg {
  color: #043465;
}
.custom-close-button:hover {
  color: #6c757d;
}
.custom-close-button {
  width: 30px;
  height: 30px;
}
.web-link {
  color: #043465;
  text-decoration: none;
}
.mail-link {
  color: #043465;
  text-decoration: none;
}
.success-message {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 40px;
  background-color: #fff;
  border-radius: 10px;
  text-align: center;
}
.success-message__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.success-message__icon i {
  font-size: 48px;
  color: #0089ff;
}
.success-message__title {
  font-size: 24px;
  font-weight: 700;
  color: #8e0000;
  margin-bottom: 10px;
}
.success-message__subtitle {
  font-size: 16px;
  font-weight: 500;
  color: #7d7d7d;
  margin-bottom: 30px;
}
.success-message__details {
  text-align: left;
}
.success-message__text {
  font-size: 16px;
  font-weight: 400;
  color: #8e0000;
  margin-bottom: 20px;
}
.success-message__credentials {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.success-message__credential {
  display: table-row;
}
.success-message__credential-label {
  display: table-cell;
  font-size: 16px;
  font-weight: 500;
  color: #7d7d7d;
  padding-right: 10px;
}
.success-message__credential-value {
  display: table-cell;
  font-size: 16px;
  font-weight: 500;
  color: #8e0000;
}
.success-message__copy-btn {
  display: inline-block;
  background-color: #8e0000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border: none !important;
  border-radius: 5px;
  padding: 10px 20px;
  margin-right: 10px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.success-message__login-link {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #0089ff;
  text-decoration: none;
  margin-bottom: 20px;
}
.success-message__note {
  font-size: 14px;
  color: #7d7d7d;
  margin-top: 20px;
}
.success-message__confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.success-message__credential-label,
.success-message__credential-value {
  width: 50%;
}
.success-message__title,
.success-message__subtitle,
.success-message__text,
.success-message__note {
  text-align: center;
}
.success-message__credentials {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.success-message__details table {
  border-collapse: collapse;
  margin: auto;
  width: 100%;
  max-width: 400px;
}
.success-message__details td {
  padding: 12px 15px;
  text-align: center;
}
.success-message__credential-label,
.success-message__credential-value {
  display: inline-block;
  width: 50%;
  text-align: left;
}
.success-message__credential-label {
  font-weight: 700;
}
table {
  border-collapse: collapse;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
}
table thead {
  background-color: #dc0000;
  color: #fff;
}
table th,
table td {
  padding: 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
table tr:nth-child(even) {
  background-color: #f8f8f8;
}
table tr:hover {
  background-color: #d1d1d1;
}
table th:first-child,
table td:first-child {
  border-left: 1px solid #ddd;
}
table th:last-child,
table td:last-child {
  border-right: 1px solid #ddd;
}
table td.success-message__credential-label {
  font-weight: 700;
  color: #dc0000;
}
table td.success-message__credential-value {
  color: #042b56;
}
.success-message__copy-btn,
.success-message__login-link {
  display: block;
  margin: 0 auto;
  text-align: center;
  max-width: 200px;
}
.check-icon-container {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid #dc0000;
  text-align: center;
  line-height: 30px;
  position: relative;
}
.check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #dc0000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .success-message__credentials {
    text-align: center;
  }
  .success-message {
    height: 300px;
    overflow-y: auto;
  }
  .success-message__credential-label,
  .success-message__credential-value {
    display: block;
    width: 100%;
    text-align: center;
  }
  .success-message {
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem;
    box-shadow: none;
    background-color: #fff;
  }
  .success-message__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .success-message__icon {
    margin-bottom: 1.5rem;
  }
  .success-message__icon i {
    font-size: 3rem;
  }
  .success-message__title {
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
  }
  .success-message__subtitle {
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
  .success-message__details {
    margin-bottom: 2rem;
  }
  .success-message__text {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
  .success-message__credentials {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2rem;
  }
  .success-message__credential {
    margin: 0 1.5rem;
    margin-bottom: 1rem;
  }
  .success-message__credential-label {
    font-size: 1.2rem;
    font-weight: 600;
    display: block;
    margin-bottom: 0.5rem;
  }
  .success-message__credential-value {
    font-size: 1.4rem;
  }
  .success-message__copy-btn {
    background-color: #8e0000;
    color: #fff;
    border: none !important;
    border-radius: 4px;
    font-size: 1.4rem;
    padding: 0.5rem 1rem;
    margin-bottom: 2rem;
    cursor: pointer;
  }
  .success-message__login-link {
    font-size: 1.4rem;
    color: #8e0000;
    text-decoration: underline;
  }
  .success-message__note {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
  .success-message__confetti {
    display: none;
  }
}
@media only screen and (max-width: 575.98px) {
  .language-translate {
    position: absolute;
    top: 20px;
    right: 63px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 600.98px) {
  .language-translate {
    position: absolute;
    top: 20px;
    right: 63px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 678.98px) {
  .language-translate {
    position: absolute;
    top: 20px;
    right: 120px;
  }
}
@media only screen and (min-width: 679px) and (max-width: 700.98px) {
  .language-translate {
    position: absolute;
    top: 20px;
    right: 120px;
  }
}
@media only screen and (min-width: 701px) and (max-width: 767.98px) {
  .language-translate {
    position: absolute;
    top: 20px;
    right: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .language-translate {
    position: absolute;
    top: 20px;
    right: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .price-card .plan-sign {
    width: 85px !important;
  }
  .plan-sign img {
    width: 55px;
  }
}
.cookie-bloq b {
  font-weight: 800 !important;
}
#myTable {
  border-collapse: collapse;
  border: 2px solid #ededed;
  width: 100%;
  margin-bottom: 30px;
  padding-left: 20px;
}
#myTable th {
  border: 2px solid #ededed;
  padding: 12px;
  text-align: left;
  background-color: #dc0000;
  color: #fff;
}
#myTable td {
  border: 2px solid #ededed;
  padding: 12px;
  text-align: left;
  background-color: #dc0000;
  color: #fff;
}
#myTable p {
  color: #fff !important;
  margin-bottom: 0;
}
.toggleclose {
  z-index: 999;
}
.user-side-body {
  padding: 50px;
  overflow-y: scroll;
  height: calc(100vh - 72px);
}
.profile-section {
  background-color: #f7f7f7;
  color: #333;
  padding: 40px;
  border-radius: 20px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.profile-image-container {
  width: 148px;
  height: 148px;
  margin-right: 20px;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 4px solid transparent !important;
  background-image: linear-gradient(135deg, #7b98dd, #1758c5) !important;
}
.profile-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-info {
  display: flex;
  align-items: center;
}
.profile-name-role {
  display: flex;
  flex-direction: column;
}
.profile-name {
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.profile-role {
  font-size: 16px;
  margin: 0;
  color: #888;
}
.section-title {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
}
.profile-experience-list,
.profile-skills-list {
  list-style: none;
  padding-left: 0;
}
.profile-experience-list li,
.profile-skills-list li {
  font-size: 16px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 20px;
}
.profile-experience-list li::before,
.profile-skills-list li::before {
  content: "\2022";
  position: absolute;
  left: 0;
  top: 4px;
  color: #dc0000;
  font-size: 14px;
}
.profile-info {
  margin-bottom: 30px;
}
.float-whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 175px;
  right: 20px;
  z-index: 1000 !important;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px !important;
  z-index: 2;
  margin-top: 16px;
  opacity: 0.9 !important;
}
.float-telegram {
  z-index: 1000 !important;
  position: fixed;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  bottom: 105px;
  right: 20px;
  background-color: #08c;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  font-size: 30px !important;
  margin-top: 16px;
  opacity: 0.9 !important;
}
.float-telegram img {
  height: 25px;
}
.my-float {
  margin-top: 16px;
}
.goog-te-gadget {
  height: 34px;
  overflow: hidden;
  color: transparent !important;
}
.gtranslate-wrap {
  padding-left: 6px;
}
.goog-te-combo {
  outline: none;
}
.goog-te-gadget {
  background: #dc0000;
  border-radius: 5px;
}
.main-404 {
  color: #fff;
  background-image: url(../images/404bg.jpg);
  height: 100vh !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-404 a {
  background-color: #dc0000;
  color: #fff !important;
  text-decoration: none;
  padding: 12px 20px;
  border-radius: 5px;
  display: inline-block;
  transition: all 0.2s ease;
}
.page-error {
  color: #fff;
}
.skiptranslate {
  visibility: hidden !important;
}
.goog-te-combo {
  visibility: visible !important;
}
.social-media-wrap .social-icon {
  background-color: rgba(255, 255, 255, 0.1);
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
}
.social-media-wrap a {
  text-decoration: none;
  cursor: pointer;
  opacity: 1 !important;
}
.con-social-media-wrap .con-social-icon {
  background-color: rgb(0 30 63);
  width: 35px;
  height: 35px;
  margin-right: 15px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #fff;
}
.con-social-media-wrap a {
  text-decoration: none;
  cursor: pointer;
  opacity: 1 !important;
}
.con-social-media-title-wrap h4 {
  font-weight: 600;
}
.eyelign {
  position: absolute;
  top: 15px;
  right: 10px;
}
.eyelign-reg1 {
  position: absolute;
  top: 40px;
  right: 20px;
}
@media (max-width: 1025px) {
  .user-logo {
    display: none;
  }
}
.res-logo {
  width: 175px;
  padding: 10px;
}
@media (min-width: 1025px) {
  .reset-logo {
    display: none;
  }
}
.reset-logo {
  background-color: #00000075;
  margin-bottom: 20px;
  border-radius: 8px;
}
.active-h {
  margin-top: 80px;
}
.active-l {
  margin-bottom: 80px;
}
.guide-header {
  background-color: #8e0000;
  color: #fff;
  height: 265px;
  display: flex;
  align-items: flex-end;
  padding: 50px 0;
}
@media (max-width: 986px) {
  .guide-header {
    height: 335px;
  }
}
.ne-card {
  text-align: center;
  position: relative;
  background-color: #504d4d94 !important;
  padding: 40px;
  overflow: hidden;
  border-radius: 8px;
}
.ne-card p {
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.ne-card h4 {
  color: #fff;
}
.gath-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  position: absolute;
  top: -63px;
  left: -63px;
  opacity: 0.4;
  z-index: -1;
}
.qr-cen-txt {
  margin-top: 35px;
}
.gath-logo img {
  width: 230px;
}
.qr-code-gen img {
  width: 207px;
  border-radius: 9px;
  margin-top: 10px;
}
.qr-cen-field input.form-control[readonly] {
  max-width: 500px;
  background-color: #fff;
  border: none;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.qr-cen-field button {
  background-color: #dc0000 !important;
  width: 50px;
  border: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: 18px;
}
.qr-cen-field {
  display: flex;
  justify-content: center;
}
.form-row {
  margin-top: 30px !important;
  background-color: #f3f6f9;
  width: 100%;
  border-radius: 8px;
  padding: 40px;
}
.act-button {
  background: #8e0000 !important;
  color: #fff !important;
  border: none !important;
  height: 45px !important;
  font-size: 14px !important;
  border-radius: 5px !important;
  padding: 0 15px !important;
  line-height: 45px;
}
.binary-wrap {
  background-color: #003264;
  padding: 10px 40px;
  border-radius: 4px;
  margin-top: 40px;
}
.bi-content h4 {
  color: #fff;
  margin-bottom: 0;
}
.binary-image {
  width: 75px;
}
.award-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bi-get p {
  color: #fff;
  margin-bottom: 0;
  font-size: 22px;
}
.bi-put h4 {
  color: #fff;
}
.bi-put p {
  margin-bottom: 0;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 576px) {
  .binary-wrap {
    text-align: center;
  }
  .affiliate-wrap {
    text-align: center;
  }
  .binary-image {
    margin: auto;
  }
  .bi-content {
    margin-top: 15px;
  }
  .bi-put {
    margin-top: 20px;
  }
  .bi-get {
    margin-top: 5px;
  }
}
.affiliate-body {
  background-color: #00326414;
}
.affiliate-wrap {
  background-color: #020e20e3;
  padding: 10px 40px;
  border-radius: 4px;
  margin-top: 40px;
}
.faq .faq-list {
  padding: 0;
}
.faq .faq-list ul {
  padding: 0;
  list-style: none;
}
.faq .faq-list li + li {
  margin-top: 15px;
}
.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}
.faq .faq-list a {
  display: block;
  position: relative;
  font-family: poppins, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  outline: none;
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  cursor: pointer;
}
.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #47b2e4;
}
.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}
.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0;
}
.faq .faq-list .icon-show {
  display: none;
}
.faq .faq-list a.collapsed {
  color: #37517e;
  transition: 0.3s;
}
.faq .faq-list a.collapsed:hover {
  color: #47b2e4;
}
.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
  display: none;
}
@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}
section {
  padding: 60px 0;
  overflow: hidden;
}
.section-bg {
  background-color: #f3f5fa;
}
.section-title {
  text-align: center;
  padding-bottom: 30px;
}
.section-title h2 {
  font-size: 32px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #37517e;
}
.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}
.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #47b2e4;
  bottom: 0;
  left: calc(50% - 20px);
}
.section-title p {
  margin-bottom: 0;
}
.faq-sl {
  color: #000 !important;
  font-weight: 700;
  margin-right: 10px;
  font-size: 20px;
}
.what-btn {
  background-color: #dc0000;
  color: #fff;
  border: none;
  padding: 7px 10px;
  border-radius: 4px;
}
.what-image img {
  border-radius: 4px;
}
.mission {
  padding: 25px 20px;
  background-color: #0e50911f;
  border-radius: 4px;
  height: 100%;
  max-height: 456px;
}
.what-icon {
  height: 50px;
  width: 50px;
  font-size: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #dc0000;
  border-radius: 4px;
  color: #fff;
}
.mission h4 {
  font-size: 20px;
  margin-top: 15px;
}
.mission p {
  margin-bottom: 0;
  font-size: 15px;
}
.port-wrap {
  padding: 80px 0;
  background-color: #ededed;
}
.port-content {
  background-color: #dc00001a;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  transition: all 0.6s ease-in-out;
}
.port-left {
  width: 50px;
  margin: auto;
  margin-bottom: 10px;
}
.port-right {
  border-radius: 2px;
  padding: 5px 0;
  margin-top: 15px;
}
.port-right h5 {
  margin-bottom: 0;
  font-size: 18px;
  transition: all 0.6s ease-in-out;
}
.port-content:hover {
  background-color: #033667;
  transform: translatey(10px);
}
.port-content:hover .port-right h5 {
  color: #fff;
}
.whyus-icon {
  width: 75px;
}
.whyus-bottom {
  padding: 18px 40px;
  background-color: #f3f9ff;
  text-align: center;
  max-height: 546px;
  height: 100%;
}
.whyus-icon {
  margin: auto;
}
.port-content {
  margin-top: 20px;
}
@media (max-width: 986px) {
  .port-content {
    margin-top: 15px;
  }
}
.right-why {
  border-radius: 4px;
}
.right-why img {
  border-radius: 4px;
}
.why-mar {
  margin-top: 40px;
}
.register-form .user-nly-bg {
  margin-top: 58px;
}