/*********************************
* BASE
*********************************/
body {
  /* background: #fff !important; */
}
/*********************************
* Components
*********************************/
.btn-primary {
  background-color: #8A171A !important;
  border-color: #8A171A !important;
  -webkit-boxbox-shadow: unset !important;
  box-shadow: unset !important;
}
.btn-primary-blue {
  background-color: #1C52B4 !important;
  border-color: #1C52B4 !important;
  -webkit-boxbox-shadow: unset !important;
  box-shadow: unset !important;
}
.page-item.active, .page-item.active .page-link {
  background-color: #8A171A !important;
  border-color: #8A171A !important;
}
.orders-item.active {
  background-color: transparent !important;
  border-bottom: 3px solid #8A171A !important;
  color: #8A171A !important;
}
.bg-completed {
  color: #0acf97;
}
.bg-processing {
  color: #39afd1;
}
.bg-canceled {
  color: #fa5c7c;
}
.bg-on-hold {
  color: #ffbc00;
}
.bg-court {
  color: #727cf5;
}
.bg-client {
  color: #6c757d;
}
.primary-link {
  color: #8A171A !important;
}
.primary-link-blue {
  color: #1C52B4 !important;
}
.primary-link:hover, .nav-link:hover {
  color: #8A171A !important;
}
.text-right {
  text-align: right;
}
.action-notice {
  color: #6c757d;
}
.dark-strong strong {
  color: #6c757d;
}
.form-check-input:checked {
  background-color: #8A171A !important;
  border-color: #8A171A !important;
}
.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dark-strong strong {
  color: #6c757d;
}
.bg-blue-light {
  background-color: #1C52B4;
}
.bg-blue-dark {
  background-color: #2D4176;
}
.bg-blue-superlight {
  background-color: #F3F7FA;
}
.color-white {
  color: #fff;
}
.text-blue {
  color: #1C52B4 !important;
}
.bg-primary {
  background-color: #8A171A !important;
}
/*********************************
* HEADER
*********************************/
.zinarrowDropdown.flex-row {
  flex-direction: column !important;
}
.navbar-toggler i {
  font-size: 35px !important;
}
.navbar-nav .navbar-item:last-child {
  padding-left: 0.75rem !important;
}
.navbar-item .login-nav {
  border-radius: 30px;
  font-weight: 700;
}
/*********************************
* FOOTER
*********************************/
.signup-btn {
  border-radius: 30px;
}
.footer-content .row {
  padding: 130px 0;
}
.footer-content-title::after {
  content: '';
  display: block;
  width: 50px;
  height: 4px;
  background-color: #961519;
  position: absolute;
  z-index: 999;
  left: 0;
  bottom: -25px;
}
.footer-content-title {
  position: relative;
}
.footer-links {
  list-style-type: none;
}
.footer-links .link-item a {
  position: relative;
  margin-left: 25px;
}
.footer-links .link-item a i {
  position: absolute;
  top: -9px;
  font-size: 30px;
  left: -40px;
}
.footer-links .link-item a.readmore-btn {
  font-weight: 700;
}
.color-white.m-0.readmore-btn::after {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 9px;
  right: -60px;
}
/*********************************
* HOME
*********************************/
.home .hero .right-col{
  background: url('/assets/images/products/notice-to-owner.png') no-repeat center;
}
.hero {
  padding: 200px 0;
}
.hero h1 {
  font-size: 70px;
  line-height: 90px;
  letter-spacing: 5px;
  color: #2E4277;
}
.hero p {
  letter-spacing: 2px;
}
.hero-btn {
  border-radius: 30px;
}
.product-language h2, .how-it-works h2, .calculator-or-dashboard h2, .customers-testimonial h2, .package-language h2 {
  font-size: 50px;
  line-height: 65px;
  letter-spacing: 5px;
}
.product-language .card a i::before {
  position: relative;
  top: -3px;
}
.home-product .card {
  box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
  min-height: 420px;
}
.home-product .card.hovered {
  background-color: #F3F7FA;
}
.product-language-item {
  text-align: left;
}
.product-language-item .list-group-item {
  background-color: transparent;
}
.ordered-item .number-item h3 {
  background-color: #CEE7FD;
  padding: 5px 12px;
  border-radius: 50%;
  font-size: 45px;
}
.how-it-works a, .calculator-or-dashboard a, .package-language .card a {
  border-radius: 30px;
}
.calculator-or-dashboard {
  padding: 150px 0;
}
.customers-testimonial {
  background-color: #F3F7FA;
}
.package-language .card h3 {
  font-size: 35px;
  position: relative;
}
.package-language .card h3::after {
  content: '';
  height: 4px;
  width: 50px;
  display: block;
  background-color: #8A171A;
  position: absolute;
  left: 50%;
  bottom: -20px;
  transform: translateX(-50%);
}
.package-language .card .package-list {
  list-style-type: none;
}
#TestimonialCarousel .row {
  max-width: 1080px;
  margin: auto;
}
#TestimonialCarousel .card {
  border-radius: 35px;
}
#TestimonialCarousel .author-name {
  font-size: 25px;
}
#TestimonialCarousel .carousel-control-next, #TestimonialCarousel .carousel-control-prev {
  opacity: 1 !important;
}
#TestimonialCarousel .carousel-control-next i, #TestimonialCarousel .carousel-control-prev i {
  color: #8A171A;
  font-size: 30px;
  padding: 5px 13px;
  border: 2px solid #8A171A;
  border-radius: 50%;
}
#TestimonialCarousel .carousel-control-next {
  right: -60px;
}
#TestimonialCarousel .carousel-control-prev {
  left: -60px;
}
/*********************************
* REQUEST NOTICE TO OWNER
*********************************/
.nav-link.page-item.active:hover {
  color: #fff !important;
}
/*********************************
* MY Account
*********************************/
.list-group.my-account-nav {
  border-radius: 0;
}
.list-group.my-account-nav li.list-group-item {
  background: transparent ;
}
.my-account-nav .list-group-item.active {
  border-color: #eef2f7 !important;
}
.my-account-nav .list-group-item.active a {
  color: #8A171A !important;
}
/*********************************
* MY ORDERS
*********************************/
.nav-item {
  position: relative;
}
.dripicons-clockwise::before {
  transform: scaleX(-1) rotate(-90deg);
}
.my-orders-filter .nav-item, .my-orders-filter .filter-item {
  height: 60px !important;
  border-right: 1px solid #EEF2F7;
}
.my-orders-filter .nav-item:last-child {
  border-right: 0px;
}
.filter-dropdown {
  background-color:  transparent !important;
  border: 0px !important;
  box-shadow: none !important;
}
.my-orders-filter .dropdown-toggle::after {
  display:  none;
}
.my-orders-table .table, .my-orders-table .table thead, .my-orders-table .table tbody, .my-orders-table .table tr, .my-orders-table .table th, .my-orders-table .table td {
  border: 0px !important;
}
/*********************************
* MESSAGE CENTER
*********************************/
.tickets-btn:focus {
  box-shadow: none;
}
.swal2-shown {
  overflow: unset !important;
  padding-right: 0px !important;
}
/*********************************
* MESSAGE CENTER TEMPLATE
*********************************/
.message-template-user img {
  width: 60px;
  height: 60px;
}
.message-template-content-agent::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #eef2f7;
  position: absolute;
  top: -15px;
  right: 30px;
}
.message-template-content-cx::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #EEF2F7;
  position: absolute;
  top: -15px;
  left: 30px;
}

@media screen and (max-width: 980px) {
  .zinarrowDropdown h4, .zinarrowDropdown p {
    display: none;
  }
}