.hero {
  padding: 350px 0 200px;
  background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("/assets/images/hero/Group 760.png");
  background-size: cover;
  background-position: right;
}
.hero h1 {
  font-size: 62px;
  line-height: 1.3em;
  letter-spacing: 9.3px;
  color: #fff;
}
.hero .col-lg-7 p {
  opacity: .75;
}
.font-color-db{
  color: #1C2C58;
}
.hero-btn {
  padding: 20px 45px 20px 45px;
}
.product-language-section {
  background-color: #2D4176;
  height: auto;
  position: relative;
  height: 500px;
}
.product-language-section .row:nth-child(2) > div > a {
  /* height: 500px; */
  display: flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
}
.how-it-works-counter h3 {
  font-size: 63px;
  line-height: 1.3em;
  letter-spacing: -5px;
}
.calculator-or-dashboard .left-col .left-col-wrapper {
  max-width: 570px;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
.calculator-or-dashboard .left-col h2 {
  font-size: 45px;
  line-height: 1.3em;
}
.calculator-or-dashboard .right-col {
  background-image: url('/assets/images/calculator-or-dashboard/image.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.calculator-or-dashboard .left-col > p:nth-child(2) {
  font-size: 20px !important;
  line-height: 1.8em;
  padding-left: 5px;
}
.contact-us{
  background-color: #2D4176;
}
.contact-us h2{
  font-size: 50px;
}
.contact-us .card .px-3 {
  padding-right: 17px !important;
  padding-left: 17px !important;
}
.contact-us .container > div:nth-child(3) {
  letter-spacing: 2px;
}
.contact-us .card-text, .contact-us .col-12 p{
  color: #d0d1d3;
}
.strategy {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, .1)), url('/assets/images/strategy/Group 759.png') top;
  background-repeat: no-repeat;
  background-size: cover;
}
.strategy h2 {
  font-size: 45px;
  max-width: 978px;
}
.strategy p {
  font-weight: 500;
  letter-spacing: 2px;
  max-width: 847px;
}
.strategy a.btn {
  padding: 2px 2px 2px;
  max-width: 230px;
  height: 60px;
}
.card {
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin-bottom: 24px;
  background: none;
}
.ordered-item .number-item h3 {
  background-color: #CEE7FD;
  padding: 5px 12px;
  border-radius: 50%;
  font-size: 45px;
}
.how-it-works a, .home-product a, .package-language .card a {
  border-radius: 30px;
}
.sharpest-tool {
  background-color: #2D4176;
}
.services h2 {
  font-size: 35px;
  color: #1C2C58;
}
.services p {
  color: #8A161A;
}
.testimonials h2 {
  font-size: 43px;
}
.testimonials p {
  font-size: 24px;
}
.testimonials{
  background-color: #2D4176;
}
.testimonials .carousel-indicators {
  position: absolute;
  top: 10px;
  left: -13vw;
}
.testimonials-carousel{
  width: 50%;
}
.testimonials-info > p {
  color: #9B9B9F;
}
.proudly-serving{
  background-color: #8A171B;
}
.proudly-serving-wrapper .row h2 {
  margin-bottom: 50px;
  font-size: 25px;
}
.proudly-serving-logos img {
  max-width: 400px;
  width: 400px;
}
.carousel .carousel-indicators button.active::before {
  content: '';
  width: 60px;
  height: 60px;
  display: block;
  border: 1px solid #8A171A;
  border-radius: 100%;
  position: absolute;
  top: -5px;
  left: -5px;
}
.carousel .carousel-indicators button.active {
  opacity: 1;
  z-index: 1;
  position: relative;
}
.carousel .carousel-indicators button:nth-child(2) {
  margin: -31px 3px;
}
.carousel .carousel-indicators button {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #63646F;
  opacity: .5;
}
.carousel-indicators .active {
  opacity: 1;
}
.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;
}
.sign-up {
  background-image: url("/assets/images/american_flag.jpeg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right;
}
.sign-up .row .col-6 {
  padding: 110px;
  width: 695px;
  height: auto;
}
.sign-up h2 {
  font-size: 48px;
  color: #2D4176;
  width: 372px;
}
.sign-up p {
  color: #2D4176;
}
.sign-up a {
  color: #8A171B;
  font-size: 15px;
}
.sign-up i.dripicons-checkmark::before {
  border: 1px solid #8A171B;
  border-radius: 100%;
  padding: 5px 5px;
}
.w-30{
  width: 30%;
}
.w-35{
  width: 35%;
}
.w-40{
  width: 40%;
}
.w-45{
  width: 45%;
}
.navbar-nav .navbar-item a {
  font-size: 14px !important;
  letter-spacing: 1px;
}
/* .navbar-nav .navbar-item:last-child {
  padding-left: 1.5rem !important;
} */

@media screen and (max-width:1399px){
    .product-language-section.product-home-section {
        height: unset;
    }
}
@media screen and (min-width: 1399px) {
    .product-language-section.product-home-section {
      height: unset;
    }
}
@media screen and (min-width: 992px) {
.product-language-section .contact-us-product-lang {
  position: absolute;
  top: 15px;
  right: 60px;
}
.product-language-section .row:nth-child(2) > div > a .card-body-content {
  
  transform: translateY(-30px);
  transition: all 0.2s ease-in-out;
  /* margin-bottom:10px; */
}
.product-language-section .zd-product:hover {
    background-color: #8A171B;
    /* height: 580px !important;
    transform: translateY(-80px); */
}
/* .product-language-section .zd-product:hover .card-body .card-body-content {
  visibility: visible;
  opacity: 1;
  transform: translateY(0) !important;
  max-height: 200px;
}

.product-language-section .zd-product:hover .card-body > p {
  transform: translateY(60px) !important;
}
.product-language-section .zd-product:hover .card-header {
  margin-bottom: 10px !important;
}
.product-language-section .zd-product:hover .card-header h2 {
  height: auto;
} */
.product-language-section h2 {
  height: 100px;
}
}


@media screen and (max-width:991px) {
.section.hero {
  padding: 330px 0 100px;
}
.hero h1 {
  font-size: 6vw;
  line-height: 1.3em;
  letter-spacing: 3px;
}
.calculator-or-dashboard .container, .section.calculator-or-dashboard .left-col .left-col-wrapper {
  max-width: 100%;
}
.section.calculator-or-dashboard .left-col .left-col-wrapper {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.testimonials .carousel-item.active .container {
width: 70% !important;
}
.testimonials .carousel-indicators {
  position: absolute;
  top: 10px;
  left: -10vw;
}
.sign-up h2 {
font-size: 5vw;
color: #2D4176;
width: 372px;
}
.sign-up p {
color: #2D4176;
}
.sign-up a {
color: #8A171B;
font-weight: bold;
}
.carousel.slide {
  width: 100%;
}
.product-language-section, .product-language-section .row:nth-child(2) > div > a {
  /* height: auto; */
}
}
@media screen and (max-width:767px) {
.navbar-brand img {
  width: 40vw;
}
.testimonials h2 {
  font-size: 5vw;
}
.contact-us h2 {
  font-size: 6vw;
}
}

@media screen and (max-width:575px) {
.map-wrapper img {
  width: 90% !important;
}
.hero h1 {
  font-size: 7vw;
  line-height: 1.3em;
  letter-spacing: 3px;
}
.hero-btn {
  padding: 20px 45px 20px 45px;
  font-size: 15px;
}
.contact-us h2 {
  font-size: 10vw;
}
.calculator-or-dashboard .left-col .left-col-wrapper h2 {
  font-size: 8.5vw;
}
.services h2 {
  font-size: 6vw;
  color: #1C2C58;
}
.sign-up .col-md-6 {
  padding: 16px;
}
.sign-up a {
  font-size: 3vw;
}
.navbar-brand img {
  width: 50vw;
}
.hero-btn {
  font-size: 4vw !important;
}
.home-product a{
  font-size: 3.3vw;
}

.about-us-sign-up h2, .sign-up h2 {
  font-size: 7vw;
  width: auto;
}
.testimonials .carousel-item.active .container {
  width: 100% !important;
}
.testimonials p {
  font-size: 4vw;
}
.strategy h2 {
  font-size: 8vw;
  max-width: 978px;
  line-height: 1.3em;
}
.carousel .carousel-indicators button.active::before {
  content: '';
  width: 50px;
  height: 50px;
}
.carousel .carousel-indicators button {
  width: 40px;
  height: 40px;
}
.carousel .carousel-indicators button:nth-child(2) {
  margin: 0px 8px;
}
.testimonials .carousel-indicators {
  position: absolute;
  top: auto;
  left: 0vw;
}
}
