iframe,
img {
  max-width: 100%
}

.tab-nav a,
.table th {
  font-size: 1rem
}

#JustinMcIntosh,
.schedulecallBtn {
  font-family: "Source Sans 3", sans-serif
}

.blogToggle>a,
.pagination a,
a,
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none
}

.footer-menu li,
.footer-nav,
.roadmap,
.roadmap-events,
.site-nav ul,
.wpm-pagination {
  list-style: none
}

.carrer-link {
  color: #032d60;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  display: block;
  padding: 0 .25rem
}

.carrer-link:hover,
.site-nav .menu>li:hover>a {
  color: inherit;
  background: #f2f2f2
}

.SearchBox {
  padding: 50px 5px;
  display: flex;
  align-items: center;
  justify-content: space-between
}

@media only screen and (max-width:769px) {
  .SearchBox {
    display: block;
    padding: 30px 0 0 !important
  }
}

.challangeCRMCard,
.cloud-tags,
.modal-dialog,
.site-nav .menu,
.tab-nav {
  display: flex
}

.caseBar {
  width: 80%;
  padding-inline-start: 10px;
  border-radius: 3px;
  padding: 8px;
  border: 2px solid #3a3954;
  background: #fff
}

.caseBarCase {
  padding-inline-start: 10px;
  border-radius: 8px 0 0 8px;
  padding: 8px;
  border: none;
  background: #032d60;
  color: #fff
}

.CaseSearchBtn,
.CaseSearchBtnCase {
  background-color: #032d60;
  color: #fff;
  padding: 0 15px
}

.caseBarCase::placeholder {
  color: #fff;
  opacity: 1
}

.caseBarCase::-ms-input-placeholder {
  color: #fff
}

.CaseSearchBtnCase {
  border: none;
  border-radius: 0 8px 8px 0
}

.CaseSearchBtn {
  border: 2px solid #032d60;
  border-radius: 4px
}

#row,
.searchCase form {
  display: flex !important
}

@media only screen and (min-width:769px) {
  .category-filter {
    margin-top: 15px
  }
}

@media only screen and (min-width:780px) {
  .know-hic-app {
    text-align: right;
    top: 80px;
    padding-right: 60px !important
  }
}

@media(max-width:767px) {
  .beans-footer {
    grid-template-columns: 1fr 1fr !important
  }

  .h1,
  h1 {
    font-size: 1.625rem
  }

  .h2,
  h2 {
    font-size: 1.5rem
  }

  .h3,
  h3 {
    font-size: 1.375rem
  }

  .h4,
  h4 {
    font-size: 1.25rem
  }

  .h5,
  h5 {
    font-size: 1.125rem
  }

  .display-4 {
    font-size: 2rem
  }
}

@media(min-width:768px) and (max-width:800px) {
  #service-cunsulting {
    top: 18% !important
  }
}

@media(min-width:768px) and (max-width:991px) {
  .beans-footer {
    grid-template-columns: 1fr 1fr 1fr !important
  }
}

img {
  height: auto
}

iframe {
  display: block;
  margin: 0 auto
}

.lead {
  font-size: 1.125rem
}

.font-weight-semibold {
  font-weight: 600 !important
}

.btn,
.tab-nav a,
.table th {
  font-weight: 600
}

a.text-muted:focus,
a.text-muted:hover {
  color: #212529 !important
}

.bg-secondary {
  background-color: #fe8401 !important
}

.bg-light,
.bg-success {
  background-color: #eee !important
}

.bg-cover {
  background-color: #cfd4db;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}

.border-secondary {
  border-color: #fe8401 !important
}

.border-bottom-2 {
  border-bottom: 2px solid #dee2e6
}

.rounded-lg {
  border-radius: .5rem !important
}

.svg-4 {
  width: 1.5rem;
  height: 1.5rem
}

.svg-5 {
  width: 1.25rem;
  height: 1.25rem
}

.svg-6 {
  width: 1rem;
  height: 1rem
}

.svg-muted {
  fill: #999
}

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

.form-control::-moz-placeholder {
  color: #898989
}

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

.form-control:-moz-placeholder {
  color: #898989
}

.required {
  color: #f15a29
}

.btn,
.custom-select,
.form-control {
  border-radius: .375rem;
  -webkit-transition: .3s 0;
  -moz-transition: .3s 0;
  transition: .3s 0
}

.custom-select,
.form-control {
  background-color: #fff;
  border-color: #f0f2f5;
  box-shadow: 0 .125rem .5rem rgb(0 0 0 / 15%)
}

.custom-select:focus,
.form-control:focus,
.form-control:focus+.input-group-append .btn {
  background-color: #fff;
  border-color: #dee2e6;
  box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .15)
}

.btn-sm {
  font-size: .75rem
}

#downloadRequestviaMail i,
.accordion .toggler,
.btn-light:not(:disabled):not(.disabled).active,
.btn-outline-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.connectBtnPopupHome:hover,
.hicContactFormSubmitBtnGermany:hover,
.ringHIC:hover,
.show>.btn-outline-primary.dropdown-toggle {
  color: #fff
}

.btn-primary svg,
.btn-primary:not(:disabled):not(.disabled):active:focus svg,
.btn-secondary svg,
.btn-secondary:not(:disabled):not(.disabled):active:focus svg {
  fill: #fff
}

.btn-secondary,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
  color: #fff;
  background-color: #fe8401;
  border-color: #fe8401
}

.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: #ea7900;
  border-color: #ea7900
}

.btn-outline-primary,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 5px rgb(0 0 0 / 5%);
  border: 1px solid #dadce0;
  color: #333;
  background-color: transparent
}

a.btn.btn-outline-primary.btn-sm.font-weight-normal {
  margin-left: 7px;
  border-radius: 2px
}

.btn-light,
.btn-light:not(:disabled):not(.disabled):active:focus {
  color: #212529;
  background-color: #f0f2f5;
  border-color: #f0f2f5
}

.table td,
.table th {
  padding: .625rem
}

.tab-nav {
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1rem
}

.tab-nav a {
  color: #212529;
  border-bottom: 2px solid transparent;
  display: block;
  padding: .5rem 1.5rem
}

.tab-nav a:hover {
  background-color: #f0f2f5
}

.breadcrumb {
  background: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0
}

.breadcrumb-item+.breadcrumb-item::before {
  content: ' ';
  border-top: 2px solid #6c757d;
  border-right: 2px solid #6c757d;
  display: inline-block;
  vertical-align: middle;
  width: .5rem;
  height: .5rem;
  padding-right: 0;
  margin-top: -.25rem;
  margin-right: .5rem;
  transform: rotate(45deg)
}

.pagination {
  justify-content: center
}

.pagination .page-link {
  font-size: 1rem;
  font-weight: 600;
  color: #212529;
  background: #f0f2f5;
  border-color: #f0f2f5;
  border-radius: .5rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  text-align: center;
  padding: 0;
  margin-left: .25rem;
  margin-right: .25rem
}

.pagination .page-link:focus,
.pagination .page-link:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #e2e6ea
}

.modal-dialog {
  min-height: calc(100vh - 3.75rem);
  flex-direction: column;
  justify-content: center;
  overflow: auto;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-header {
  background: #f7f7f7
}

.modal-title {
  text-transform: uppercase;
  line-height: 1.2
}

.modal-body {
  padding: 1.5rem
}

.modal-backdrop.show {
  opacity: .7
}

.accordion .toggler.collapsed {
  color: #007bff;
  background-color: #fff
}

.accordion .toggler:after {
  content: '-';
  font-size: 1.25rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin-left: auto;
  transition: .3s 0
}

.accordion .toggler.collapsed:after {
  content: '+'
}

.accordion-more-info .toggler {
  color: #007bff;
  background-color: #f0f2f5
}

.admin-bar .site-header {
  top: 46px
}

.site-nav ul {
  padding: 0;
  margin: 0
}

.homeProjectsNew .carousel-indicators,
.position.col-12.col-md-6.mb-0,
.salesforce-consultant-germany-case-studies-card,
.site-nav .menu>li,
.site-nav .sub-menu>li,
.why-choose-us-section .nav-tabs .nav-item.active {
  position: relative
}

.site-nav .menu>li>a {
  font-size: 1.1rem;
  font-weight: 700;
  color: #032d60;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  display: block;
  padding: .5rem 1.25rem
}

.site-nav .sub-menu {
  white-space: nowrap;
  background-color: #fff;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  display: none;
  padding: .5rem 0;
  position: absolute;
  z-index: 12;
  top: 100%;
  left: 0;
  min-width: 15rem
}

.site-nav li:hover>.sub-menu {
  display: block
}

.site-nav .sub-menu>li>a {
  color: inherit;
  display: block;
  padding: .5rem 1rem
}

.site-nav .sub-menu>li>.sub-menu {
  top: 0;
  left: 100%
}

@media(max-width:1199px) {
  .site-nav .menu>li>a {
    padding-left: .75rem;
    padding-right: .75rem
  }
}

.adsbygoogle,
.adsbygoogle iframe,
.adsbygoogle ins {
  width: 100% !important
}

.adsbygoogle {
  margin-left: 0 !important
}

.cloud-tags {
  flex-wrap: wrap;
  justify-content: center
}

.cloud-tags a {
  color: inherit;
  background-color: #e4e4e4;
  border-radius: 50rem;
  display: block;
  padding: .5rem 1rem;
  margin: 0 1rem 1.5rem
}

.cloud-tags a:focus,
.cloud-tags a:hover {
  color: inherit;
  background-color: #c4c4c4
}

.list-shares a {
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem
}

.list-shares a:hover {
  opacity: .8
}

.list-shares a.facebook {
  background-color: #455fa1
}

.list-shares a.twitter {
  background-color: #58abf4
}

.list-shares a.pinterest {
  background-color: #cc1d1e
}

.list-shares a.linkedin {
  background-color: #007bb5
}

.list-shares a.email {
  background-color: #1980be
}

.schema-faq-question {
  font-weight: 700;
  cursor: pointer
}

.site-footer .menu li {
  margin-right: 1.5rem
}

.site-footer .menu li a {
  color: inherit;
  font-size: 1rem
}

.site-footer .socials a {
  color: inherit;
  background-color: #f0f2f5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem
}

.site-footer .socials a:hover {
  background-color: #e2e6ea
}

.site-footer .socials a svg {
  fill: #212529;
  transition: .3s 0
}

.site-footer .socials a:hover svg {
  fill: #212529
}

.site-footer .socials a+a {
  margin-left: .5rem
}

.Copyright-box {
  color: #000 !important
}

@media only screen and (min-width:991px) {
  .site-nav {
    margin-right: 0 !important
  }

  .search-br {
    display: none !important
  }
}

#PrimaryBadgec1 {
  width: 80px;
  height: 129px
}

#ContactHicglobalsolutionsCom {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 23px;
  color: #032d60;
  text-align: right;
  display: flex;
  justify-content: right;
  padding-right: 1.25rem
}

.awards,
.flex {
  justify-content: center
}

.logo img {
  width: 160px;
  height: 85.13px
}

#TransformYourSale {
  font-weight: 700;
  line-height: normal;
  display: block;
  margin-bottom: 10px;
  color: #032d60
}

div#PButton {
  margin: 40px auto
}

.schedulecallBtn {
  font-style: normal;
  font-weight: 500;
  background: #032d60;
  border-radius: 50px;
  padding: .5rem 1rem;
  color: #fff;
  display: inline-block;
  transition: .2s ease-in
}

.schedulecallBtn:hover {
  color: #fff;
  background: #149ed9
}

.Testimonials,
.grid,
.slick-initialized .slick-slide,
.sliders {
  display: grid
}

.sliders img {
  width: 370px;
  margin: auto
}

#JustinMcIntosh {
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
  color: #2d91cf
}

#FounderMattiD {
  font-style: normal;
  font-weight: 600;
  font-size: 1.25rem;
  text-align: center;
  color: #5f5f5f;
  margin-bottom: .7rem;
  font-family: "Open Sans", sans-serif
}

#Slide-btns,
.Slide-btns {
  width: 106.62px;
  height: 41.49px;
  margin: auto;
  background: #fff;
  text-align: center;
  padding: 5px;
  box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
  border: 1px solid #032d60;
  border-radius: 50px
}

#Slide-btns #right {
  padding-left: 20px
}

#Slide-btns #left,
.padding-right-20 {
  padding-right: 20px
}

.Service-slide {
  margin: 10px !important
}

.hic-award img {
  padding: 0 13px
}

.awards {
  margin: auto;
  display: flex
}

.ser-p,
.ser-p-one {
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical
}

#about-h2 {
  font-weight: 900;
  color: #fff;
  transition: .3s ease-in
}

#about-h2:hover,
.germanyNumbers h5:hover,
.homeOtherTitleB span,
.industries-list-footer li a:hover,
.titleTextCaseLink:hover,
.titleTextCaseLinkSmall:hover,
.whyConsultationNumbers span {
  color: #4acbff
}

span.sub-about {
  font-weight: 700;
  font-size: 1.3rem
}

.ser-p {
  color: #000;
  -webkit-line-clamp: 2
}

.ser-p-one {
  -webkit-line-clamp: 1
}

.bg-blue {
  background: 0 0/30px 10px #05a7da;
  border-radius: 50px 0 0 50px
}

.flex {
  margin-top: 40px;
  display: flex
}

#block-q {
  fill: rgba(3, 45, 96, 0.1)
}

.form-message {
  padding-top: 40px
}

.bg-dark-blue {
  background: #032d60 !important;
  padding: 10px 30px;
  font-size: 18px
}

.form-group {
  margin-bottom: 2rem !important
}

img.contact-img {
  margin: auto;
  display: flex;
  height: 100%
}

.call-btn a,
h2.call-h2 {
  display: block;
  font-style: normal
}

.copyright {
  color: #000 !important;
  text-overflow: ellipsis;
  font-size: 1rem;
  font-family: "Source Sans Pro", sans-serif;
  background-color: #d5effb;
  padding: 20px
}

.footer-heading {
  font-style: normal;
  font-weight: 700;
  font-size: 25px;
  line-height: 31px;
  color: #032d60
}

footer section p {
  font-weight: 500;
  font-size: 15px;
  color: #494949
}

.footer-logo {
  padding: 5px
}

div#footer-social {
  padding: 20px 20px 0;
  background: #d5effb;
  border-radius: 50px;
  margin: 50px 0
}

div#footer-social svg {
  fill: #032d60
}

.hr {
  border-bottom: 2px solid silver;
  margin-bottom: 20px
}

.footer-nav {
  padding-left: 0;
  margin-bottom: 0
}

.Services-intro {
  position: absolute;
  top: 200px;
  left: 16px;
  width: 100%
}

.ul-list li {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  padding: 10px 0;
  line-height: 25px;
  color: #373737
}

.viww {
  border: 2px solid #032d60;
  border-radius: 5px;
  padding: 7px;
  font-size: 19px !important;
  line-height: 24px !important;
  text-decoration: none !important
}

.locationHeader,
.locationName {
  text-decoration: underline;
  text-underline-offset: 0.75rem;
  text-decoration-color: #4acbff
}

.admin,
.float-right {
  float: right
}

.text-right {
  text-align: right
}

ul.text-right {
  direction: rtl
}

.container.bg-color {
  background: #44d0c9;
  border-radius: 20px
}

.center {
  margin: auto;
  display: flex
}

h2.call-h2 {
  text-align: center;
  color: #fff;
  font-weight: 900;
  font-size: 30px
}

.call-btn a {
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  color: #032d60
}

button.call-btn {
  border: 0;
  background: #fff;
  border-radius: 5px;
  display: flex;
  padding: 5px 20px;
  margin: auto
}

.call-book {
  position: absolute;
  top: 22%
}

@media(min-width:1200px) {
  #container {
    max-width: 920px !important
  }

  .truncate {
    font-size: 22px;
    line-height: 24px
  }
}

.home-blog-ima-special,
.ima-special {
  font-size: .7rem;
  font-weight: 700;
  color: #032d60;
  border-radius: 20px;
  padding: 5px 10px;
  background-color: #fff
}

.decated-service {
  position: absolute;
  top: 150px;
  left: 50px
}

.ima-special {
  top: 35.5%;
  position: absolute;
  left: 5%;
  height: 31px
}

.home-blog-ima-special {
  left: 7px;
  position: relative;
  bottom: 50px;
  display: inline-block;
  min-width: 130px;
  text-align: center
}

.blog-meta,
.blog-special {
  color: #6b6b6b;
  font-weight: initial;
  font-size: 18px;
  padding: 0 .5rem;
  text-overflow: ellipsis
}

.blog-meta {
  text-align: left
}

.publish-date {
  float: left
}

.pagination {
  display: flex;
  margin: 40px 0
}

.pagination a {
  float: left;
  padding: .25rem .75rem;
  background: #032d60;
  margin: 5px;
  color: #fff;
  border-radius: 50px;
  font-weight: 500;
  transition: .2s ease-in
}

.pagination a:hover {
  background: #149ed9
}

.blog-special {
  margin-top: 8px;
  text-align: left
}

.newslater {
  width: 100%;
  margin: 20px 0;
  border-radius: 50px;
  padding: 5px
}

.blog-news h3 {
  font-size: 18px;
  text-align: center
}

.col-12.mb-4.blog-news {
  background: #89e6fa;
  border-radius: 20px;
  padding: 20px;
  margin: auto
}

.col-12.mb-4.blog-news input {
  background: #fff;
  border-radius: 20px
}

.our-articles {
  font-weight: 900;
  font-size: 28px;
  color: #032d60
}

.v-card {
  position: relative;
  margin: .5rem 0 1rem;
  border-radius: 10px
}

.v-card .card-image {
  position: relative;
  min-width: 270px
}

.v-card .card-image img {
  width: 100%;
  height: 100%;
  border-radius: 10px
}

.v-card .card-image .card-body {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .15) 30%, rgba(0, 0, 0, .75) 100%);
  border-radius: 10px;
  z-index: 2;
  padding-bottom: 10px;
  padding-top: 30px
}

.card .card-image .card-excerpt,
.v-card .card-image .card-title {
  margin: 0 10px;
  color: #fff
}

.career-1 img {
  width: 100%;
  height: 423px;
  margin: auto
}

.our-product-1 img {
  margin: auto;
  text-align: center;
  display: flex
}

.career-img img,
.faq .accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 10px
}

.center {
  text-align: center;
  display: flex;
  justify-content: center;
  padding: 15px 0
}

.globle-img img {
  border-radius: 50%;
  width: 150px;
  height: auto;
  object-fit: cover;
  margin: auto;
  display: flex
}

img.svgpage,
svg.svg-6 {
  width: 20px;
  height: 20px
}

.publish-date-press,
.read-more a,
.slick-slide img {
  display: inline-block
}

.our-product {
  width: 808px;
  height: 385px
}

img.press-thumbnail {
  object-fit: cover;
  border-radius: 8px;
  object-position: top
}

.publish-date-press {
  background: #f5f5f5;
  border-radius: 50px;
  font-weight: 700;
  font-size: 14px;
  color: #032d60;
  padding: .25rem 1rem;
  margin-top: 1rem
}

.read-more a {
  font-weight: 600;
  color: #032d60
}

.read-more a:hover {
  text-decoration: underline !important;
  text-underline-offset: .5rem
}

.bg-blue.clr-bx {
  width: 100000px;
  height: 500px
}

.sliders.img-slide img {
  z-index: 9;
  width: 100%;
  position: absolute;
  overflow: hidden;
  padding: 10px
}

.img-slide {
  width: 30000px
}

.padding-0 {
  padding-right: 0 !important
}

.left-right-btn {
  bottom: 50px;
  position: absolute;
  right: 50px
}

.our-project-slider .our-slider .slick-track {
  display: flex;
  align-items: center;
  height: 100%
}

.bottom-unset {
  bottom: unset !important
}

.paged-number {
  vertical-align: middle;
  line-height: 2.2;
  margin-right: 15px;
  font-weight: 700;
  color: #898989;
  display: block;
  position: relative;
  font-size: 14px
}

#wpm-pages,
.wpm-pagination {
  display: flex;
  border-radius: 5px
}

#wpm-pages {
  padding: 5px 10px;
  margin: 40px 0
}

#wpm-pages li {
  margin: 5px
}

.wpm-pagination {
  padding-left: 0;
  margin-left: 5px;
  margin-right: 5px;
  justify-content: center;
  margin-bottom: 10px !important
}

.wpm-pagination .active a {
  background-color: #44d0c9;
  border-color: #032d60;
  color: #032d60;
  border-radius: 10px
}

.pagination li a {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

#casestudy-industry-dropdown,
#casestudy-industryCate-dropdown {
  transform: translate3d(0, 42px, 0) !important
}

.wpm-pagination li a {
  position: relative;
  display: block;
  padding: 5px 10px;
  margin-left: 5px;
  line-height: 1.25;
  font-weight: 500;
  background-color: #fff;
  font-size: 16px;
  color: #032d60;
  border-radius: 10px;
  border: 2px solid #032d60
}

img.svgpage {
  margin-bottom: -3px
}

svg.svg-6 {
  fill: white;
  margin-bottom: -2px
}

@media only screen and (max-width:820px) {
  .logo img {
    width: 97px;
    height: 50px
  }

  #PrimaryBadgec1 {
    width: 40px;
    height: 59px
  }

  .hic {
    padding: 0 10px
  }

  .sliders img {
    width: 300px;
    margin: auto
  }

  .hic-award img {
    padding: 10px;
    width: unset
  }

  .footer-logo {
    padding-bottom: 30px;
    width: 50%;
    margin: auto;
    display: flex
  }

  #ContactHicglobalsolutionsCom {
    font-size: 15px
  }

  .mobile-none {
    display: none
  }

  footer .padding {
    padding: 0 30px
  }

  .decated-service {
    position: unset
  }

  .hic-section {
    padding: 10px 15px !important
  }

  .padding-70 {
    padding: 0 1px !important
  }
}

.no-padding {
  padding: 0 !important
}

.search-input {
  margin-right: 10px;
  box-shadow: none;
  background: #f1f1f1;
  border: 1px solid #032d60
}

#downloadRequestviaMail,
.bg-blue-dark,
.keyCRMConsultingChallanges {
  background: #032d60
}

.padding-70 {
  padding: 0 60px
}

@media only screen and (max-width:600px) {
  .call-book {
    position: unset
  }
}

select#post-category-select {
  border: 0;
  font-size: 24px;
  color: #032d60;
  font-weight: 700;
  margin-top: 5px
}

div#filter {
  margin-left: 20px
}

.featured-img {
  padding: 20px 0
}

.featured-img img,
.our-project-slider .items img {
  width: 100%
}

@media only screen and (max-width:800px) {
  .info .col {
    flex-basis: unset;
    width: 50%
  }
}

@media only screen and (min-width:933px) {
  .col-my {
    max-width: 33.333333%
  }
}

@media only screen and (min-width:1183px) {
  .col-my {
    max-width: 25%
  }
}

.banner-inner .banner-text-sml {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .011em;
  text-transform: capitalize;
  line-height: 1.34
}

.articleInfo-section {
  height: 1px;
  width: 30%;
  background-color: #fff;
  margin: 20px auto 30px 0
}

.banner-text-sml a {
  background-color: #2d91cf;
  padding: .4em .75rem;
  position: relative;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 600
}

.banner-text-sml a:after {
  width: 0;
  position: absolute;
  right: -20px;
  height: 0;
  content: '';
  top: 0;
  border-top: 16px solid transparent;
  border-bottom: 19px solid transparent
}

@media only screen and (max-width:1199px) {
  .banner-inner .banner-left {
    margin-top: 80px
  }
}

@media only screen and (max-width:991px) {
  .site-logo {
    margin: auto !important
  }

  .form-input {
    display: none !important
  }

  .search-br {
    width: auto !important
  }

  .pc {
    display: none
  }

  .mobile {
    display: block !important
  }

  .banner-inner .banner-title {
    width: 100%;
    font-size: 32px;
    line-height: 35px
  }
}

@media only screen and (max-width:767px) {
  .banner-inner .banner-text-sml {
    font-size: 16px
  }

  .banner-inner.blog-single .banner-title {
    font-size: 1.5rem;
    line-height: 29px
  }
}

@media only screen and (min-width:1500px) {

  .career-1 img,
  .sliders img {
    height: auto
  }

  .footer-logo {
    padding: 20px
  }

  .our-p {
    transform: translate(0, 30%);
    margin-top: -60px
  }

  #TransformYourSale {
    font-size: 3rem
  }

  .ul-list li {
    font-size: 30px;
    line-height: unset
  }
}

@media only screen and (max-width:780px) {
  .hic-award img {
    padding: 10px
  }
}

@media only screen and (min-width:2560px) {
  .our-project-p {
    font-weight: 700;
    font-size: 2.5rem;
    color: #032d60;
    margin: 2.5rem 0
  }

  .sliders.img-slide img {
    width: 33%;
    position: absolute;
    left: 0;
    top: 12%;
    z-index: 999;
    opacity: 1;
    max-width: 100%
  }
}

.client-image-home-slider-wb {
  width: 238px;
  margin: auto
}

.contact-page-intro {
  position: absolute;
  top: 45%;
  left: 3%
}

.contactPageHIC-title {
  margin-bottom: 50px
}

.contactPageHIC-title h2 {
  text-align: center;
  color: #032d60;
  font-weight: 900;
  font-size: 48px
}

.contactPageHICForm sup {
  color: red;
  top: 0;
  font-size: 17px
}

.phone-error,
.show-error {
  color: red;
  display: none;
  font-size: 12px
}

.contactPageHICCard {
  background: #fff;
  padding: 20px;
  border-radius: 20px;
  min-height: 267px;
  border: 1px solid #032d60
}

.contactPageHICCard p {
  color: #032d60;
  font-size: 1rem
}

.contactPageHICCard img {
  height: 100%;
  width: 100%;
  max-width: 115px
}

.contactPageHIC-desc {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  margin: 25px 0;
  max-width: 470px
}

.contactPageHIC-us-list {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0
}

.contactPageHIC-us-list li {
  width: 100%;
  position: relative;
  font-size: 16px;
  color: #545454;
  letter-spacing: .025em;
  line-height: 1.2;
  margin: 0 0 30px;
  padding: 0 0 0 38px;
  list-style: none;
  word-break: break-word
}

.contactPageHIC-us-list li .icon {
  width: 30px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0
}

.success-image img {
  width: 100%;
  height: 100%;
  max-width: 170px
}

@media(max-width:1100px) {
  .contact-page-intro-mobile {
    top: 25% !important
  }
}

@media(max-width:800px) {
  .contact-page-intro-mobile-custo {
    top: 16% !important
  }
}

@media(min-width:801px) and (max-width:1100px) {
  .contact-page-intro-mobile-custo {
    top: 25% !important
  }
}

@media(min-width:1211px) and (max-width:1590px) {
  .contact-page-intro-mobile-new {
    top: 25% !important
  }
}

@media(max-width:1210px) {
  .contact-page-intro-mobile-new {
    top: 5% !important;
    position: relative !important;
    padding: 75px 0
  }
}

.nextGerman,
.prevGerman {
  top: 45%;
  position: absolute
}

@media(min-width:768px) and (max-width:1210px) {
  .contact-us-right-img {
    margin-top: 5rem
  }
}

.beans-footer {
  display: grid;
  padding: 0;
  list-style-type: none;
  grid-template-columns: 1fr 1fr 1fr
}

.beans-footer li {
  padding: 2px 0
}

.beans-footer li a {
  color: #fff;
  font-weight: 600;
  font-size: 1.1rem
}

.footer-social-icns-cust {
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding: 15px 20px
}

.footer-social-icns-cust li,
.servicesReadingClientsHIC {
  text-align: center
}

.footer-social-icns-cust li a i {
  color: #032d60;
  background: #d5effb;
  font-size: 1.5rem;
  padding: .5em;
  border-radius: 10px
}

.copyright a {
  padding: 0 3px;
  color: #000
}

.TransformYourSale {
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  display: block;
  margin-bottom: 10px;
  color: #032d60;
  font-size: 3rem
}

.right-our-project-section {
  padding-left: 1rem
}

.line-text,
.our-project-slider .slick-track {
  display: flex;
  align-items: center
}

@media(max-width:1023px) {
  .right-our-project-section {
    padding-left: 2rem
  }
}

.why-we-the-right-choice,
footer {
  background: #1d1d25
}

.footer .btn.btn-social {
  margin-right: 10px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--light);
  font-weight: 400;
  border: 1px solid #fff;
  border-radius: 5px;
  transition: .3s ease-in
}

.cardClientDesignation h5 span,
.consultCasebannerBtn:hover,
.footer .btn.btn-social:hover,
.text-dark-case-study,
.text-dark>a {
  color: #032d60
}

.footer .btn.btn-link {
  display: block;
  margin-bottom: 5px;
  padding: 0;
  text-align: left;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  transition: .3s
}

.footer .btn.btn-link:hover {
  letter-spacing: 1px;
  box-shadow: none
}

.footer .copyright1 {
  padding: 25px 0;
  font-size: 15px;
  border-top: 1px solid rgba(256, 256, 256, .1)
}

.footer .copyright1 a {
  color: var(--light)
}

.footer .footer-menu a {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid rgba(255, 255, 255, .1)
}

.footer .footer-menu a:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0
}

.custom-container-maxwidth {
  max-width: 1680px;
  margin: auto;
  padding-left: 10px;
  padding-right: 10px
}

@media only screen and (max-width:1440px) {
  .custom-container-maxwidth {
    max-width: 1400px
  }
}

@media only screen and (max-width:1280px) {
  .custom-container-maxwidth {
    max-width: 1200px
  }
}

@media only screen and (max-width:1024px) {
  .custom-container-maxwidth {
    max-width: 990px
  }

  .products-we-works-for-germany .client-images-germany figure {
    padding: 3rem 3rem 0 !important
  }
}

@media only screen and (max-width:992px) {
  .custom-container-maxwidth {
    max-width: 960px
  }

  .banner-client-company-image {
    width: 100px !important
  }
}

@media only screen and (max-width:768px) {
  .contact-page-intro {
    position: relative
  }

  .industry-page-intro-mobile {
    top: 0 !important
  }

  .custom-container-maxwidth {
    max-width: 720px
  }
}

@media only screen and (max-width:576px) {
  .custom-container-maxwidth {
    max-width: 540px
  }

  .dreamBanner img {
    width: 168px !important
  }
}

@media only screen and (max-width:540px) {
  .custom-container-maxwidth {
    max-width: 100%
  }

  .products-we-works-for-germany .client-images-germany figure {
    padding: 1rem 4rem !important
  }
}

@media only screen and (max-width:430px) {
  .products-we-works-for-germany .client-images-germany figure {
    padding: 1rem 2rem !important
  }
}

@media only screen and (max-width:320px) {
  .products-we-works-for-germany .client-images-germany figure {
    padding: 1rem !important
  }

  .dreamBanner img {
    width: 129px !important
  }
}

.footer .our-location-img {
  width: auto;
  height: 30px;
  margin: 0 15px 15px 0;
  cursor: pointer;
  border-radius: 5px
}

.footer .our-location .js-tooltip a {
  color: #2a87c1
}

.our-location .js-tooltip .popover-body .fa-solid {
  color: #2a87c1 !important
}

.our-location .popover-header {
  background-color: #d5effb;
  color: #032d60;
  font-size: 28px;
  text-align: center
}

.our-location .popover-content {
  padding: 25px
}

.our-location .arrow {
  border-right-color: #032d60
}

.custom-career-card {
  border: 2px solid #fff;
  padding: 2rem;
  color: #032d60;
  background: #fffffff0;
  border-radius: 8px
}

.img-right-career {
  padding-left: 5.5rem
}

@media(max-width:625px) {
  .custom-career-card {
    padding: 1rem
  }

  .career-icn {
    font-size: 2em !important
  }

  .img-right-career {
    padding-top: 3rem !important;
    padding-left: 0 !important
  }
}

.my-contact-class {
  justify-content: flex-start;
  display: grid
}

.blogToggle>a {
  color: #032d60;
  font-weight: 700
}

.blogToggle div ul li a {
  text-decoration: none;
  color: #032d60;
  font-size: 1rem;
  padding: .5em 0
}

.blogToggle div ul li a:hover {
  color: #003779a3
}

.lineiconContact {
  font-size: 3rem;
  padding: .75rem;
  color: #032d60;
  transition: .2s ease-in
}

#downloadRequestviaMail:hover,
#locationHeading:hover,
#sfdevpageWhy h5,
.caseStudyReadingBookMark:hover,
.contactPageHICCard:hover {
  cursor: pointer
}

.career-card:hover>.career-icn,
.contactPageHICCard:hover>.lineiconContact {
  transform: scale(1.1)
}

.modal-footer>a {
  background: #032d60;
  padding: .75em 1rem;
  color: #fff;
  border-radius: .5em
}

.hic-who-we-are-section {
  background-size: 100% 100%;
  height: 750px
}

@media(max-width:1434px) {
  .hic-who-we-are-section {
    background-size: 100% 137%
  }
}

@media(max-width:413px) {
  .hic-who-we-are-section {
    background-size: 100% 141%;
    height: auto
  }
}

.full-page-nav-links li:hover .drop-menu,
.full-page-nav-links li:hover .megaBoxfullPage {
  top: 0 !important;
  padding: 0 !important;
  z-index: 0
}

.megaBoxfullPage .content {
  margin-top: 5.8rem
}

@media(min-width:971px) {
  .logo {
    z-index: 99999
  }

  .full-page-nav-links li {
    z-index: inherit
  }

  .full-page-nav-links li a {
    z-index: 99999;
    position: relative
  }
}

#blog-allCategory-dropdown,
#blog-category-dropdown {
  transform: translate3d(0, 27px, 0) !important;
  z-index: 11 !important
}

#casestudy-industry-dropdown ul {
  grid-template-columns: 1fr 1fr
}

#casestudy-industryCate-dropdown {
  z-index: 1 !important
}

@media(max-width:560px) {
  #blog-allCategory-dropdown ul {
    grid-template-columns: 1fr 1fr !important
  }
}

@media(max-width:1750px) {
  #casestudy-industryCate-dropdown ul {
    grid-template-columns: 1fr 1fr !important;
    left: -70px !important
  }

  #casestudy-industryCate-dropdown {
    left: -100px !important
  }
}

.cover-icon::before {
  content: '\f04b'
}

.jumbotronFooter {
  background: #1d1d25;
  border-radius: 0;
  padding-bottom: 2rem
}

#locationHeading {
  color: #fff;
  padding: 2rem 0;
  font-size: 1.8rem
}

@media only screen and (max-width:348px) {
  #locationHeading {
    font-size: 1.3rem
  }
}

#locationHeading i,
.challangeCRMCard p,
.counterbigTitlePara,
.slideZConsultMethodCard ul li {
  font-size: 1.25rem
}

#collapseLocate {
  border-top: 2px solid #4acbff;
  border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.locate-card {
  background: 0 0;
  color: #fff;
  transition: .3s
}

.locate-card:hover {
  opacity: 1;
  cursor: pointer
}

.ringHIC {
  display: block;
  margin-top: 1rem;
  color: #fff
}

.rotateLocationIcon {
  transform: rotate(180deg)
}

.locationName {
  font-size: 1.3rem
}

.locationAddress {
  padding-top: 1rem
}

.locationHeader {
  color: #fff;
  margin-top: 1.5rem;
  font-size: 2rem
}

.industries-list-footer {
  list-style-type: disclosure-closed;
  padding-left: 0;
  margin: 1.5rem 0;
  list-style-position: inside
}

.industries-list-footer li a {
  color: #fff;
  font-size: small;
  transition: .2s ease-in
}

.custom-margin-footer-social {
  margin: 1.5rem 0
}

.consultCasebannerBtn {
  background: #fff;
  color: #032d60;
  font-weight: 700;
  border-radius: 5px;
  display: inline-block
}

.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #2d91cf;
  width: 100px;
  height: 100px;
  -webkit-animation: 2s linear infinite spin;
  animation: 2s linear infinite spin;
  margin-top: 6rem
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

#next-page,
#next-page-blog,
#prev-page,
#prev-page-blog {
  background: #032d60;
  color: #fff;
  border: none;
  padding: .5rem 1rem;
  margin: 0 1rem;
  border-radius: 50px
}

#prev-page,
#prev-page-blog {
  margin-left: 0
}

#next-page,
#next-page-blog,
.why-choose-us-section .nav-tabs .nav-item:last-child {
  margin-right: 0
}

#landingGermanyForm .form-control,
.case-study-mobile-accordian .card {
  border-left: none;
  border-right: none;
  border-radius: 0
}

.counterBigSection h2,
.fs-xl,
.methodologicalHead {
  font-size: 3rem
}

@page {
  size: A4 !important;
  margin: 0 !important;
  -webkit-print-color-adjust: exact
}

.case-study-highlights-section ul li {
  font-size: 21px
}

.case-study-highlights-section ul li::marker {
  font-size: 28px;
  color: #2ec3f2
}

.caseStudyReadingBookMark {
  background: #f0f8ff;
  border-left: 5px solid #032d60;
  padding: 1rem;
  margin: 1.5rem 0
}

.caseStudyReadingBookMark:first-child,
.germanyNumbers p,
.tabCaseStudiesReading .tabCaseStudiesReadinglinks:first-child,
.tabCaseStudiesReadingSols .tabCaseStudiesReadingSolslinks:first-child {
  margin-top: 0
}

.caseStudyReadingBookMark:last-child,
.tabCaseStudiesReading .tabCaseStudiesReadinglinks:last-child,
.tabCaseStudiesReadingSols .tabCaseStudiesReadingSolslinks:last-child {
  margin-bottom: 0
}

.caseStudyReadingBookMark h4 {
  padding-inline-start: 0 !important
}

.case-study-mobile-accordian .case-study-link,
.caseStudyReadingBookMark>h4,
.our-salesforce-implementation-process h4 span,
.products-we-works-for-germany h3 span,
.services-we-offer-germany h3 span {
  color: #2d91cf
}

@media (min-width:1400px) {
  .case-study-salesforce-journey-section a {
    font-size: 1.25rem
  }
}

.case-study-single-subsection {
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #2d91cf
}

.case-study-mobile-accordian .card-header {
  background-color: transparent;
  border-bottom: none;
  cursor: pointer
}

.case-study-mobile-accordian .card-header:hover {
  background-color: #f0f8ff
}

.case-study-mobile-accordian .card-header.collapsed .case-study-link {
  color: #212529
}

.case-study-mobile-accordian .card-header:before {
  font-family: FontAwesome;
  content: "\f063";
  float: left;
  color: #2d91cf;
  padding-right: .5rem
}

.case-study-mobile-accordian .card-header.collapsed:before {
  content: "\f061 ";
  color: #212529
}

.salesforce-consultant-germany-hero {
  background: url(https://res.cloudinary.com/dryz9drg2/images/v1719842852/landing-page-banner-bg/landing-page-banner-bg.svg?_i=AA) top right no-repeat
}

.salesforce-consultant-germany-case-studies h4,
.salesforce-consultant-germany-hero h1 {
  font-family: 'open sans' sans-serif;
  color: #032d60;
  font-weight: 700
}

.salesforce-consultant-germany-clients h2 span,
.salesforce-consultant-germany-hero h1 span {
  font-family: 'open sans' sans-serif;
  color: #2d91cf;
  font-weight: 700
}

.salesforce-consultant-germany-hero p {
  font-family: 'source sans pro' sans-serif;
  color: #403c3c;
  font-size: 20px;
  margin-top: 2rem
}

.bgBannerGrad,
.industries-we-serve-in-germany,
.salesforce-consultant-germany-clients {
  background-image: linear-gradient(#fff, #e9f2ff)
}

.industries-we-serve-in-germany h5,
.salesforce-consultant-germany-clients h2,
.salesforce-consultant-germany-howwe h2 {
  font-family: 'open sans' sans-serif;
  color: #032d60;
  font-weight: 700;
  text-align: center
}

.salesforce-consultant-germany-clients p {
  font-family: 'source sans pro' sans-serif;
  color: #403c3c;
  font-size: 20px;
  margin-top: 2rem;
  text-align: center
}

.salesforce-consultant-germany-clients .client-images-germany img {
  padding: 3rem
}

.products-we-works-for-germany .client-images-germany figure {
  padding: 4rem 4rem 0
}

.salesforce-consultant-germany-case-studies h3 {
  color: #2d91cf;
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'open sans' sans-serif
}

#landingGermanyForm {
  border-radius: 1rem;
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, .08))
}

#landingGermanyForm .form-control {
  box-shadow: none;
  border-top: none;
  border-color: #c3d7f5
}

#landingGermanyForm .germanyLead-label {
  box-shadow: none;
  border: 1px solid #c3d7f5
}

@media only screen and (max-width:768px) {
  .salesforce-consultant-germany-hero {
    background-size: cover
  }
}

.why-we-the-right-choice p {
  font-family: 'source sans pro' sans-serif;
  color: #fff;
  font-size: 20px;
  margin-top: 2rem;
  text-align: center
}

.why-we-the-right-choice h4 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  font-family: 'open sans'
}

.why-we-the-right-choice h4 span {
  color: #4acbff;
  font-family: 'open sans'
}

@media(min-width:1440px) {
  .germanyNumbers h5 {
    font-size: 4.375rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: Sora;
    transition: .3s ease-in
  }
}

.our-salesforce-implementation-process h4 {
  color: #032d60;
  font-weight: 700;
  text-align: center;
  font-family: 'open sans'
}

.our-salesforce-implementation-process h5 {
  color: #032d60;
  font-weight: 600;
  margin-bottom: 1rem
}

.our-salesforce-implementation-process p {
  font-size: 20px
}

.germanyOurProcessSlider p {
  font-size: 17px
}

.germanyNavPills {
  background: #fff;
  filter: drop-shadow(0 .5rem .3rem rgba(0, 0, 0, .12));
  justify-content: space-between;
  border-radius: 50px
}

.fig-group-industry-germany img,
.nextGerman,
.nextGermanServices,
.prevGerman,
.prevGermanServices {
  filter: drop-shadow(0 16px .75rem rgba(0, 0, 0, .12))
}

.germanyNavPills .nav-item .nav-link {
  border-radius: 50px;
  color: #1d1d25
}

.germanyNavPills .nav-item .nav-link.active {
  background-color: #032d60;
  color: #fff
}

.germanyNavPills li a {
  padding: 1rem 2rem;
  font-size: 20px;
  font-weight: 600
}

.industries-we-serve-in-germany p {
  color: #403c3c;
  font-size: 20px;
  margin-top: 2rem;
  text-align: center
}

.fig-group-industry-germany {
  display: flex;
  justify-content: space-around;
  padding: 4rem 0 0
}

.fig-group-industry-germany figcaption {
  color: #032d60;
  font-weight: 700;
  margin-top: 1rem;
  font-family: 'Open Sans'
}

.germany-landing-page-hic-cta-bg,
.salesforce-services-pages-cta-bg {
  background: #032d60;
  border-radius: 20px
}

.germany-landing-page-hic-cta-bg h5 {
  color: #fff;
  font-weight: 700;
  font-family: 'Open Sans';
  line-height: 1.5
}

.germany-landing-page-hic-cta-bg a {
  color: #2d91cf;
  font-size: 1.3rem;
  font-weight: 700;
  font-family: 'source sans pro';
  background: #fff;
  padding: .5rem 1.2rem;
  border-radius: 50px;
  transition: .3s
}

.pressBtn,
.salesforce-consultant-germany-case-studies-card a,
.titleTextCaseLink {
  transition: .3s ease-in
}

.germany-landing-page-hic-cta-bg a:hover {
  background: #2d91cf;
  color: #fff
}

.hicContactFormSubmitBtnGermany {
  font-weight: 600;
  background: #032d60;
  border-radius: 50px;
  padding: .5rem 1.5rem;
  color: #fff;
  text-transform: capitalize;
  font-size: 15px;
  border: none
}

.germanySliderCardFour,
.germanySliderCardThree,
.germanySliderCardTwo {
  border-radius: 10px;
  height: 100% !important
}

.germany-hic-business-suite h5,
.germanyLangdingpageFAQs h6 {
  font-family: 'open sans';
  color: #032d60;
  font-weight: 700;
  text-align: center
}

.germany-hic-business-suite h6 {
  font-family: 'open sans';
  color: #032d60;
  font-weight: 700
}

.germany-hic-business-suite p {
  color: #403c3c;
  font-size: 20px;
  margin-top: 2rem
}

.germanySliderCard {
  min-height: 273px !important
}

.germanySliderCard a::after {
  content: '\f35d';
  font-family: fontawesome;
  padding-left: .6rem
}

.germanySliderCardFive,
.germanySliderCardOne {
  background-image: linear-gradient(to bottom, rgba(74, 203, 255, .12), rgba(44, 122, 153, .12));
  border-radius: 10px;
  height: 100% !important
}

.germanySliderCardTwo {
  background-image: linear-gradient(to bottom, rgba(45, 145, 207, .12), rgba(44, 122, 153, .12))
}

.germanySliderCardThree {
  background-image: linear-gradient(to bottom, rgba(3, 45, 96, .12), rgba(44, 122, 153, .12))
}

.germanySliderCardFour {
  background-image: linear-gradient(to bottom, rgba(39, 174, 96, .12), rgba(44, 122, 153, .12))
}

.germanySliderWrapperPack h4 {
  font-size: 4rem;
  font-weight: 700;
  color: #032d60;
  margin-top: .5rem
}

.germanySliderWrapperPack p {
  font-size: 16px;
  margin-top: 0;
  color: #403c3c
}

.prevGerman {
  z-index: 9
}

.nextGerman i,
.nextGermanServices i,
.prevGerman i,
.prevGermanServices i {
  background: #fff;
  font-size: 1.3rem;
  padding: .5rem;
  border-radius: 50%
}

.nextGerman {
  right: 0
}

.germanySliderWrapperPack {
  height: 100%;
  display: flex
}

.panel-title>a,
.panel-title>a:active {
  display: block;
  padding: 15px;
  color: #555;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  word-spacing: 3px;
  text-decoration: none
}

.panel-heading a:before {
  font-family: fontawesome;
  content: "\f106";
  float: right;
  transition: .5s
}

.panel-heading.active a:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg)
}

.faq .section-title {
  margin-bottom: 54px
}

.faq .section-title h2 {
  margin-bottom: 22px
}

.faq .accordion .card {
  border: none;
  margin-bottom: 30px
}

.faq .accordion .card .card-header {
  border: none;
  border-radius: 10px;
  padding: 0
}

.faq .accordion .card .card-header h5 {
  padding: 0
}

.faq .accordion .card .card-header h5 button {
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  padding: 10px 30px 10px 70px;
  min-height: 80px;
  height: 100%;
  display: block;
  width: 100%;
  color: rgba(30, 48, 86, .8);
  text-align: left;
  background: #fff;
  border-radius: 10px 10px 0 0;
  position: relative;
  border: 1px solid rgba(97, 125, 255, .2);
  border-bottom: none
}

.faq .accordion .card .card-header h5 button:after {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #032d60;
  text-align: center;
  border: 1px solid #032d60;
  border-radius: 50%;
  content: '\f067';
  font-size: 10px;
  line-height: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900
}

.faq .accordion .card .card-header h5 button.collapsed {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(97, 125, 255, .2)
}

.faq .accordion .card .card-header h5 button[aria-expanded=true]:after {
  content: '\f068';
  color: #032d60
}

.faq .accordion .card .card-body {
  border-radius: 0 0 10px 10px;
  margin-top: -6px;
  padding: 15px 70px 23px 72px;
  color: rgba(30, 48, 86, .8);
  line-height: 30px;
  border: 1px solid rgba(97, 125, 255, .2)
}

.germanServicesCard .five,
.germanServicesCard .four,
.germanServicesCard .one,
.germanServicesCard .three,
.germanServicesCard .two {
  min-height: 1rem;
  border-radius: 1rem 1rem 0 0
}

.salesforce-consultant-germany-case-studies-card a:hover {
  color: #b9e2f3 !important
}

.salesforce-consultant-germany-case-studies-card img {
  min-height: 180px;
  object-fit: cover;
  width: 100%
}

@media (min-width:1440px) {
  .salesforce-consultant-germany-hero h1 {
    font-size: 4rem !important
  }

  .sub-title-font {
    font-size: 2.5rem !important
  }

  .salesforce-consultant-germany-case-studies-card img {
    min-height: 290px !important
  }

  .roadmap {
    overflow: unset
  }
}

.salesforce-consultant-germany-case-studies-card .card-text {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 20px 40px;
  background: linear-gradient(180deg, transparent, rgb(0 0 0 / 60%));
  height: 100%;
  display: flex;
  align-items: end
}

@media (max-width:425px) {
  .salesforce-consultant-germany-case-studies-card .card-text {
    align-items: center
  }

  .products-we-works-for-germany .client-images-germany img,
  .salesforce-consultant-germany-clients .client-images-germany figure {
    padding: 1rem
  }
}

@media (max-width:1169px) {
  .germanyNavPills li a {
    font-size: 15px
  }
}

.products-we-works-for-germany,
.services-we-offer-germany {
  background-image: linear-gradient(#fff, #e9f2ff);
  position: relative
}

.services-we-offer-germany p {
  color: #403c3c;
  font-size: 20px
}

.products-we-works-for-germany h3,
.services-we-offer-germany h3 {
  color: #032d60;
  font-weight: 700;
  text-align: center
}

.arrows .slick-disabled {
  opacity: 0 !important
}

.services-we-offer-germany .arrows {
  display: flex;
  justify-content: center
}

.germanServicesCard {
  background: #fff;
  margin: 1rem;
  border-radius: 1rem
}

.connectBtnPopupHome,
.pressBtn {
  border-radius: 50px;
  background: #2d91cf
}

.germanServicesCard h4 {
  font-weight: 700;
  color: #2d91cf
}

.germanServicesCard .one {
  background: #2d91cf
}

.germanServicesCard .two {
  background: #4acbff
}

.germanServicesCard .three {
  background: #032d60
}

.germanServicesCard .four {
  background: #149ed9
}

.germanServicesCard .five {
  background: #f161ad
}

.products-we-works-for-germany p {
  color: #403c3c;
  font-size: 20px;
  margin-top: 2rem;
  text-align: center;
  font-family: 'Source Sans Pro', sans-serif
}

.tabCaseStudiesReadingSolslinks,
.tabCaseStudiesReadinglinks {
  margin: 2rem 0
}

.tabCaseStudiesReadingSolslinks.active,
.tabCaseStudiesReadinglinks.active {
  margin: .75rem 0
}

.tabCaseStudiesReadingSolslinks:hover,
.tabCaseStudiesReadinglinks:hover {
  cursor: pointer;
  color: #2d91cf
}

@media screen {
  .case-study-banner-section .tag-btn {
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    border-radius: 50px;
    background: #fff
  }

  #challenges-print,
  #pdf-logo,
  #solutions-print {
    display: none
  }

  #solutions {
    display: block
  }
}

@media print {
  .case-study-banner-section .tag-btn {
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    border-radius: 50px;
    background: 0 0
  }

  body {
    -webkit-print-color-adjust: exact;
    margin: 0 !important;
    size: A4 !important
  }

  #solutions,
  .excluded-print {
    display: none
  }

  #challenges-print,
  #pdf-logo,
  #solutions-print {
    display: block
  }
}

.connectBtnPopupHome {
  color: #fff;
  text-decoration: none;
  padding: .5rem 1rem;
  width: fit-content;
  font-weight: 600
}

.blinkingText {
  animation: .7s ease-in infinite blinker;
  font-weight: 700;
  color: #032d60
}

@keyframes blinker {
  0% {
    opacity: 0
  }

  50% {
    opacity: .5;
    opacity: 1
  }
}

.hicHeadPara {
  font-size: 18px
}

@media only screen and (min-width:1440px) {
  .footerFormPageImg img {
    max-width: 70%
  }
}

.blogcardHomePage a {
  color: #149ed9;
  transition: .3s
}

.blogcardHomePage a:hover {
  color: #000;
  text-decoration: underline
}

.rank-math-breadcrumb {
  text-decoration: underline;
  text-underline-offset: 0.5rem;
  text-decoration-thickness: 3px;
  text-decoration-color: #149ed9
}

.rank-math-breadcrumb a {
  color: #2d91cf;
  font-weight: 700
}

.industries-container {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  justify-content: space-around;
  scrollbar-width: none;
  padding-bottom: 2rem;
  -ms-overflow-style: -ms-autohiding-scrollbar
}

.industries-home {
  display: flex;
  flex-wrap: nowrap
}

.industries-home figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 auto;
  margin: 0
}

.industries-home img {
  display: block;
  width: 100px;
  height: auto
}

.industries-home figcaption {
  margin-top: 10px;
  text-align: center
}

@keyframes strokeoffset {
  0% {
    stroke-dashoffset: 0px
  }

  100% {
    stroke-dashoffset: 1000px
  }
}

.roadmap {
  position: relative;
  padding: 0 80px 80px 0;
  overflow: hidden;
  color: #fff;
  font-family: Muli, arial, sans-serif
}

.outline-btn-service,
.pressBtn {
  font-style: normal;
  font-family: "Source Sans 3", sans-serif
}

.roadmap-timeline {
  display: flex;
  height: 0
}

.roadmap-timeline::before {
  content: "";
  position: relative;
  background: #fff
}

@media (max-width:1200px) {
  .roadmap {
    padding: 0 0 80px;
    align-items: center;
    width: auto;
    justify-content: flex-start
  }

  .roadmap-timeline {
    flex-direction: column;
    height: auto;
    width: 0;
    padding-left: 48%;
    padding-right: 50%
  }

  .roadmap-timeline::before {
    height: 300px;
    left: -5px;
    width: 10px
  }
}

.roadmap-timeline::after {
  content: "";
  position: absolute;
  align-self: center;
  width: 80px;
  height: 800px;
  left: 0;
  background-repeat: no-repeat
}

.roadmap-timeframe {
  display: flex;
  flex-grow: 1;
  flex-direction: column-reverse;
  align-self: flex-end;
  position: relative;
  z-index: 1;
  min-width: 100px;
  width: 0
}

.roadmap-timeframe::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  background: #f74cac;
  border-radius: 50%
}

.roadmap-timeframe:nth-child(3n-2) .roadmap-swirly path {
  animation-delay: -2s
}

.roadmap-timeframe:nth-child(3n-1) .roadmap-swirly path {
  animation-delay: -4s
}

.roadmap-timeframe:nth-child(2n) {
  flex-direction: column;
  align-self: flex-start
}

.roadmap-timeframe:nth-child(2n) .roadmap-date {
  bottom: auto
}

.roadmap-swirly {
  position: absolute
}

.roadmap-swirly path {
  stroke-width: 4px;
  stroke: #f74cac;
  fill-opacity: 0;
  vector-effect: non-scaling-stroke;
  stroke-dashoffset: 0;
  stroke-dasharray: 50;
  animation: 55s linear infinite strokeoffset
}

.roadmap-swirly path:first-of-type {
  stroke-dasharray: 0;
  animation: none
}

.roadmap-swirly path:nth-of-type(2) {
  stroke: rgba(165, 245, 255, 0.72)
}

.roadmap-date {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 60px;
  text-align: center;
  text-transform: uppercase;
  color: #fff
}

.roadmap-events {
  position: relative;
  padding-bottom: 150px;
  padding-left: 0 !important
}

.roadmap-events::after {
  content: "";
  position: absolute;
  background: #fff
}

@media (min-width:1201px) {
  .roadmap-timeline::before {
    width: 25px;
    top: -5px;
    height: 10px
  }

  .roadmap-timeframe::after {
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%)
  }

  .roadmap-timeframe:last-child .roadmap-events::after {
    content: none
  }

  .roadmap-timeframe:nth-child(2n)::after {
    top: 0;
    transform: translate(-50%, -50%)
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-date {
    transform: translateY(calc(-100% - 25px / 2))
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-events {
    padding: 150px calc(15vw - 288px) 0 0
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-events::after,
  .roadmap-timeframe:nth-child(2n) .roadmap-events::before {
    top: -5px;
    bottom: auto
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-event:first-child {
    padding-top: 0
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-event:first-child .roadmap-vline::after {
    top: calc(50% + 14px / 2 + 10px - 10px)
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-event:last-child {
    padding-bottom: 20px
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-event:last-child .roadmap-vline::before {
    bottom: calc(50% + 14px / 2 + 10px)
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-swirly {
    transform: rotateX(180deg);
    bottom: auto;
    top: 30px
  }

  .roadmap-swirly {
    height: 110px;
    bottom: 30px;
    left: calc(-3% + 7px);
    width: calc(53% - 5px)
  }

  .roadmap-date {
    bottom: 0;
    transform: translateY(calc(100% + 25px / 2));
    font-size: 25px;
    font-weight: 700
  }

  .roadmap-event {
    min-width: 180px
  }

  .roadmap-events {
    padding-right: calc(15vw - 288px)
  }

  .roadmap-events::before {
    content: "";
    position: absolute;
    background: #fff;
    height: 10px;
    left: 0;
    right: calc(50% + 42.5px);
    bottom: -5px
  }

  .roadmap-events::after {
    height: 10px;
    left: calc(50% + 42.5px);
    right: 0;
    bottom: -5px
  }
}

@media (max-width:1200px) {
  .roadmap-timeline::after {
    top: 0;
    transform: translateX(calc(100vw - 330px)) rotateZ(90deg);
    width: 800px;
    height: 800px;
    left: -50vw
  }

  .roadmap-timeframe {
    width: 50vw;
    max-width: 300px
  }

  .roadmap-timeframe::after {
    right: -12.5px;
    bottom: -12.5px
  }

  .roadmap-timeframe:first-child {
    width: 40vw;
    margin-top: -42.5px
  }

  .roadmap-timeframe:nth-child(2n)::after {
    right: auto;
    left: -12.5px
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-date {
    justify-content: flex-end;
    transform: translate(-100%, -50%);
    top: 50%
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-events {
    padding: 0 25px 150px 10vw
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-events::after {
    left: -5px
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-event {
    text-align: right;
    justify-content: flex-end
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-event::before {
    order: 2;
    margin: 0 0 0 20px
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-swirly {
    transform: rotateY(180deg);
    height: 145px;
    bottom: 0;
    top: auto;
    left: auto;
    right: calc(-6% + 36px);
    width: calc(106% - 64px)
  }

  .roadmap-timeframe:nth-child(2n) .roadmap-vline::after,
  .roadmap-timeframe:nth-child(2n) .roadmap-vline::before {
    left: auto;
    right: 5px
  }

  .roadmap-swirly {
    height: 145px;
    bottom: 0;
    left: calc(-6% + 36px);
    width: calc(106% - 64px)
  }

  .roadmap-date {
    transform: translate(100%, -50%);
    justify-content: flex-start;
    padding: 0 30px;
    top: 50%;
    font-size: 19px
  }

  .roadmap-events {
    position: relative;
    padding-bottom: 150px;
    list-style: none;
    padding-left: 25px;
    padding-right: 10vw
  }

  .roadmap-events::after {
    top: 42.5px;
    bottom: 42.5px;
    right: -5px;
    width: 10px
  }
}

.roadmap-event {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding: 20px 0
}

.roadmap-event::before {
  content: "";
  flex-shrink: 0;
  left: 0;
  margin-right: 10px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #f74cac
}

.roadmap-event:first-child .roadmap-vline::before,
.roadmap-event:last-child .roadmap-vline::after {
  content: none
}

.roadmap-event:last-child {
  padding-bottom: 0
}

.roadmap-event:last-child .roadmap-vline::before {
  bottom: calc(50% + 14px / 2 + 10px - 10px)
}

.roadmap-vline {
  position: absolute;
  top: 0;
  bottom: 0
}

.roadmap-vline::after,
.roadmap-vline::before {
  content: "";
  position: absolute;
  left: 5px;
  width: 4px;
  background: #f74cac
}

.roadmap-vline::before {
  top: 0;
  bottom: calc(50% + 14px / 2 + 10px)
}

.roadmap-vline::after {
  top: calc(50% + 14px / 2 + 10px);
  bottom: 0
}

.pressTrim {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.pressBtn {
  font-weight: 500;
  padding: .5rem 1rem;
  color: #fff;
  display: inline-block
}

.can,
.gbz,
.img-right-career h3,
.pointsGPTW h4,
.usa {
  font-weight: 700
}

.pressBtn:hover:after {
  content: '\f061';
  font-family: fontAwesome;
  padding-left: .25rem
}

.career-card {
  border: 2px solid #fff;
  padding: 3rem 2rem;
  color: #fff
}

.career-card p {
  font-size: 1.2rem
}

.career-icn {
  font-size: 3em;
  color: red;
  transition: transform 250ms;
  position: absolute
}

.button-career-benifits a {
  padding: 1rem 1.5rem;
  border: 1px solid #fff;
  border-radius: 10px;
  color: #fff;
  text-transform: capitalize
}

.work-with-us .work-with-us-bg {
  position: relative;
  min-height: 370px;
  background: linear-gradient(90deg, #013e5b, #2e8799)
}

.work-with-us .work-with-us-bg .bg-image {
  min-height: 370px
}

.work-with-us .inner-section {
  position: absolute;
  width: 100%;
  top: 0;
  padding: 2rem 4rem;
  height: 100%;
  display: flex;
  align-items: center
}

.work-with-us .inner-section .right-thumbnail {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.work-with-us .inner-section .right-thumbnail img {
  max-width: 434px;
  position: absolute
}

.work-with-us .inner-section .right-thumbnail i {
  color: red;
  font-size: 55px;
  position: absolute;
  cursor: pointer
}

.work-with-us .inner-section .text h4 {
  color: #fff;
  font-weight: 700;
  font-size: 3rem
}

.work-with-us .inner-section .text p {
  color: #fff;
  margin-top: 1.5rem;
  font-size: 1.4rem
}

.work-with-us .inner-section .text a {
  color: #fff;
  background: #2d91cf;
  font-size: 1.2rem;
  padding: .5em 1em;
  font-weight: 600;
  margin-top: .5rem;
  display: inline-block;
  border-radius: 10px
}

.work-with-us .inner-section .text h4 span {
  background: #f161ad;
  padding: 0 .5rem
}

.work-with-us .modal-content .close-btn {
  position: absolute;
  opacity: .6;
  top: -3px;
  right: 0;
  background: #fff;
  color: #000;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.work-with-us .modal-content .close-btn:hover {
  opacity: 1
}

.our-location .popover {
  border: none;
  background: #fff;
  box-shadow: #2d91cf -10px 10px 0
}

.our-location .popover-header {
  padding: .5rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

@media (max-width:767px) {
  .work-with-us .work-with-us-bg .bg-image {
    min-height: 830px;
    display: none !important
  }

  .work-with-us .inner-section {
    align-items: start;
    padding: 2rem
  }

  .work-with-us .inner-section .right-thumbnail {
    min-height: 300px
  }

  .work-with-us .work-with-us-bg {
    min-height: 700px
  }
}

@media (min-width:576px) {
  .work-with-us .modal-dialog {
    max-width: 593px;
    margin: 1.75rem auto
  }
}

.pointsGPTW h4 {
  color: #032d60
}

.pointsGPTW {
  padding: .5rem 0
}

.pointGPTW {
  margin-top: 2rem;
  max-width: 90%;
  border-radius: .5em;
  padding: 1rem 2rem;
  box-shadow: 10px 10px 20px #2d91cf
}

.global-presence-career-page h3 {
  color: #2d91cf;
  transition: .3s ease-in;
  font-weight: 600
}

.global-presence-career-page h3:hover {
  color: #f161ad;
  cursor: pointer
}

.partner-card {
  overflow: hidden;
  padding: 1rem 2rem
}

.contact-page-data-cta,
.homeProjectsNew .nav-pills {
  overflow-x: scroll;
  -ms-overflow-style: none;
  white-space: nowrap;
  scrollbar-width: none
}

.partner-card:hover {
  box-shadow: rgba(0, 0, 0, .15) 0 10px 53px 12px;
  border-radius: 1em
}

.partner-card img {
  width: 90%;
  transition: .5s ease-in-out
}

.partner-card:hover img {
  transform: scale(1.3)
}

.line-text::after,
.line-text::before {
  content: "";
  flex: 1;
  border-bottom: .5px solid #d1d1d1;
  margin: 0 10px
}

.contact-brands figure img {
  filter: grayscale(1);
  max-width: 140px
}

.contact-page-fa i {
  position: absolute;
  color: #2d91cf;
  top: 1.3rem;
  left: .5rem;
  padding: .75rem;
  background: #fff;
  border-radius: 50px;
  margin: .25rem
}

.contact-page-data-cta::-webkit-scrollbar {
  display: none
}

.cardContactGradient {
  background-image: linear-gradient(to top, rgba(74, 203, 255, .12), #fff);
  border-radius: 10px
}

.cardContactGradientT {
  background-image: linear-gradient(to bottom, rgba(3, 45, 96, .12), rgba(44, 122, 153, .12));
  border-radius: 10px
}

.outline-btn-service {
  font-weight: 500;
  background: 0 0;
  border-radius: 50px;
  padding: .5rem 1rem;
  color: #032d60;
  display: inline-block;
  border: 2px solid #032d60
}

.challangeCRMCard h6,
.counterBig,
.title_text_service {
  font-family: Sora, sans-serif
}

.outline-btn-service:hover {
  color: #149ed9;
  border: 2px solid #149ed9
}

#sfdevpageWhy [data-bs-toggle=collapse]:after {
  font-family: 'font Awesome 5 Free';
  content: "\f067";
  float: right;
  color: #121518;
  font-size: 16px;
  font-weight: 900;
  transition: .3s
}

#sfdevpageWhy [data-bs-toggle=collapse][aria-expanded=true]:after {
  font-family: 'font Awesome 5 Free';
  content: "\f068";
  float: right;
  color: #121518;
  font-size: 16px;
  font-weight: 900;
  transition: .3s
}

@media (min-width:1024px) {

  .germany-hic-business-suite h6,
  .germany-landing-page-hic-cta-bg h5,
  .salesforce-consultant-germany-hero h1,
  .sub-title-font {
    font-size: 2.5rem
  }

  .salesforce-consultant-germany-case-studies-card img {
    min-height: 250px
  }

  .why-hic-develop {
    max-width: 80%
  }
}

.dreamforcebtn {
  background: #f09d51;
  transition: .3s ease-in
}

.dreamforcebtn:hover,
.dreamforcebtnTwo:hover {
  background: #4acbff;
  color: #fff
}

.dreamforcebtnTwo {
  background: #032d60;
  transition: .3s ease-in;
  color: #fff
}

.cardClientDesignation,
.cardImpactBanner {
  text-align: center;
  transition: .5s;
  background: #fff
}

#TransformYourSaleHead {
  font-weight: 700;
  line-height: normal;
  display: block;
  margin-bottom: 10px;
  color: #032d60;
  font-size: 5rem
}

.decorated-banner-text {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  color: #149ed9;
  z-index: 3
}

.decorated-banner-text svg {
  position: absolute;
  left: 0;
  top: 33%
}

.cardClientDesignation h5 {
  color: #4acbff;
  font-weight: 600
}

.cardImpactBanner {
  position: absolute;
  top: 24%;
  left: 0;
  z-index: 2;
  transform: translateX(-80px)
}

.swiper-wrapperx .slick-active .cardClientDesignation,
.swiper-wrapperx .slick-active .cardImpactBanner {
  transform: unset !important
}

.cardClientDesignation {
  padding: .5rem;
  position: absolute;
  right: 18%;
  bottom: 0;
  z-index: 1;
  transform: translateY(-80px)
}

.iconIndustry,
.polkaBanner {
  position: absolute;
  z-index: 0
}

.hire-card,
.it-card {
  transition: .3s ease-in
}

.cardImpactBanner h6 {
  font-weight: 600;
  color: #f06543
}

.cardImpactBanner p {
  color: #776871;
  font-weight: 600;
  width: 90%;
  margin: auto
}

.polkaBanner {
  width: 40px;
  right: 12%;
  top: 25%
}

.iconIndustry {
  width: 80px;
  right: 14%;
  top: 0
}

.sliders .client-image {
  max-width: 370px;
  width: 100%;
  margin: auto;
  position: relative;
  z-index: 1;
  left: 3rem
}

@media (max-width:1399.92px) {
  #TransformYourSaleHead {
    font-size: 4rem
  }

  .iconIndustry,
  .polkaBanner {
    right: 2%
  }
}

@media only screen and (max-width:820px) {
  .logo img {
    width: 97px;
    height: 50px
  }

  #PrimaryBadgec1 {
    width: 40px;
    height: 59px
  }

  .hic {
    padding: 0 10px
  }

  .hic-award img {
    padding: 10px;
    width: unset
  }

  .footer-logo {
    padding-bottom: 30px;
    width: 50%;
    margin: auto;
    display: flex
  }

  #ContactHicglobalsolutionsCom {
    font-size: 15px
  }

  .mobile-none {
    display: none
  }

  footer .padding {
    padding: 0 30px
  }

  .decated-service {
    position: unset
  }

  .hic-section {
    padding: 10px 15px !important
  }

  .padding-70 {
    padding: 0 1px !important
  }
}

.hire-card a,
.project-card a {
  transition: background .3s ease-in;
  padding: 10px 20px;
  text-decoration: none
}

@media only screen and (max-width:1440px) {
  .salesforce-consultant-germany-clients .client-images-germany img {
    padding: 2rem
  }

  .cardImpactBanner p {
    font-size: 13px
  }
}

@media only screen and (max-width:1024px) {
  .cardImpactBanner {
    top: 35%
  }

  .cardClientDesignation h5 {
    font-size: 17px
  }

  #TransformYourSaleHead {
    font-size: 3rem
  }
}

@media only screen and (min-width:993px) {
  .banner-client-company-image {
    width: 150px !important
  }
}

@media only screen and (max-width:576px) {
  .cardClientDesignation {
    right: 13%
  }
}

@media only screen and (max-width:425px) {
  .sliders .client-image {
    left: 1rem
  }

  .cardClientDesignation {
    right: 0;
    bottom: 0
  }

  .cardImpactBanner {
    top: 38%;
    width: 39%
  }
}

@media only screen and (max-width:280px) {
  .cardImpactBanner h6 {
    font-size: 32px
  }

  .cardImpactBanner p {
    font-size: 10px
  }

  #TransformYourSaleHead {
    font-size: 2.5rem
  }
}

@media only screen and (min-width:1500px) {
  .footer-logo {
    padding: 20px
  }

  .our-p {
    transform: translate(0, 30%);
    margin-top: -60px
  }

  .career-1 img {
    height: auto
  }

  #TransformYourSaleHead {
    font-size: 5rem
  }

  .ul-list li {
    font-size: 30px;
    line-height: unset
  }
}

#scroll-left,
#scroll-right {
  color: #032d60;
  font-size: 1.5rem;
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  top: 0;
  text-align: center
}

.cover-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #fff;
  padding: 1.7rem
}

.cover-icon::before {
  content: '\f04b';
  font-family: fontAwesome;
  font-size: 35px;
  color: #2d91cf
}

.connectBtn:before,
.learnBtn:before {
  font-family: FontAwesome;
  padding-right: .5rem;
  display: inline-block
}

.pulse-animHome {
  animation: 1s infinite pulse-animation
}

@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 203, 255, .5);
    box-shadow: 0 0 0 0 #4acbff
  }

  100% {
    box-shadow: 0 0 0 20px transparent
  }
}

.homeOtherTitle,
.homeOtherTitleB {
  font-size: 4rem
}

.counterBig.BigOne,
.homeOtherTitle span,
.keyCRMConsultingChallanges h5 span {
  color: #f06543
}

.project-card {
  background: rgba(45, 145, 207, .1);
  border: 2px solid #2d91cf;
  padding: 1.5rem;
  border-radius: 15px
}

.project-card a {
  background: #2d91cf;
  color: #fff;
  display: inline-block;
  border-radius: 5px
}

.project-card a:hover {
  background: #1d1d25;
  color: #fff
}

.hire-card a,
.hire-card a:hover,
.it-card a {
  color: #1d1d25
}

.connectBtn:before {
  content: '\f590'
}

.connectBtn:hover:before,
.learnBtn:hover:before {
  animation: .5s infinite shake
}

.learnBtn:before {
  content: '\f08e'
}

@keyframes shake {

  0%,
  100% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-10px)
  }
}

.it-card {
  background: rgba(240, 157, 81, .1);
  padding: 1.5rem;
  border-radius: 15px;
  border: 2px solid rgba(240, 157, 81, .1)
}

.it-card:hover {
  border: 2px solid #f09d51
}

.it-card a {
  background: 0 0;
  transition: background .3s ease-in;
  display: inline-block;
  text-decoration: none;
  border-radius: 0
}

.it-card a:hover {
  background: 0 0;
  color: #1d1d25
}

.hire-card {
  background: rgba(161, 174, 190, .1);
  padding: 1.5rem;
  border-radius: 15px;
  border: 2px solid rgba(161, 174, 190, .1)
}

.hire-card:hover {
  border: 2px solid #a1aebe
}

#category-tabs .nav-item .nav-link,
#scroll-left,
#scroll-right {
  background: #fff;
  border-radius: 50px
}

.hire-card a {
  background: 0 0;
  display: inline-block;
  border-radius: 5px
}

@media only screen and (min-width:1281px) {
  .project-card {
    height: 100%
  }
}

.homeProjectsNew .nav-pills {
  flex-wrap: nowrap;
  padding: .25rem 0 1rem
}

.homeProjectsNew .nav-pills::-webkit-scrollbar {
  display: none
}

#scroll-right {
  right: 0;
  align-items: center;
  justify-content: center
}

#scroll-left {
  left: 0;
  align-items: center;
  justify-content: center
}

#category-tabs .nav-item .nav-link {
  color: #000;
  font-size: 1.2rem;
  font-family: 'Source Sans 3';
  margin: 0 .5rem;
  filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, .3))
}

#category-tabs .nav-item .nav-link.active {
  background: #4acbff;
  color: #fff;
  font-weight: 700;
  filter: unset
}

@media only screen and (max-width:576px) {

  .homeOtherTitle,
  .homeOtherTitleB {
    font-size: 3rem
  }
}

.case-content-home {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px
}

.homeProjectsNew .carousel-indicators [data-bs-target] {
  background-color: #a1aebe
}

.homeProjectsNew .carousel-indicators .active {
  background-color: #149ed9
}

.homeProjectsNew .percentage {
  font-size: 4rem;
  font-weight: 700;
  color: #4acbff
}

.homeProjectsNew .impact {
  font-size: 1.2rem;
  color: #fff
}

.footerHICText {
  color: #4acbff;
  transition: .2s ease-in
}

#consultingAccordion [data-bs-toggle=collapse][aria-expanded=true],
.counterBig.BigTwo,
.footerHICText:hover,
.whatconsultingOffer h3 span {
  color: #149ed9
}

.countryIDText {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-size: 14px
}

@media (max-width:1024px) {

  .germany-hic-business-suite h6,
  .germany-landing-page-hic-cta-bg h5,
  .sub-title-font {
    font-size: 2rem
  }

  .salesforce-consultant-germany-hero h1 {
    font-size: 3rem
  }

  .contact-brands figure img {
    max-width: 100px
  }

  .countryIDText {
    font-size: 12px !important
  }
}

@media (max-width:390px) {
  .homeOtherTitle {
    font-size: 2rem
  }
}

.half-decoration {
  position: relative;
  display: inline-block
}

.half-decoration::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 50%;
  height: 2px;
  background-color: #f161ad
}

#table-of-contents ul,
.case-content-home ul {
  list-style-type: none;
  padding-left: 0
}

.dreamforce-logo-banner {
  bottom: -37px;
  left: 44%;
  width: 250px;
  background: #fff;
  padding: 1rem 2rem;
  border-radius: 50px;
  filter: drop-shadow(2px 4px 6px #0002);
  position: absolute;
  z-index: 1
}

.dreamforce-logo-banner figure img {
  width: 250px
}

.contents-banner-dreamforce {
  background-image: linear-gradient(#fff, #94d6f591);
  position: relative
}

@media(min-width:768px) {
  .admin-bar .site-header {
    top: 32px
  }

  .dreamforce-banner-guests {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    z-index: 1
  }

  .contents-banner-dreamforce .container img {
    max-width: 70%
  }

  .slideServHome {
    width: 49%
  }
}

.guests-info-dreamforce {
  background: #fff;
  display: inline-block;
  padding: 1rem
}

@media(max-width:1440px) {
  .dreamforce-logo-banner {
    left: 41%
  }
}

@media(max-width:1024px) {
  .dreamforce-logo-banner {
    left: 38%
  }
}

@media(max-width:768px) {
  #TransformYourSale {
    font-size: 2.5rem
  }

  .dreamforce-logo-banner {
    left: 35%
  }

  .contentdreamforce24::-webkit-scrollbar {
    display: none
  }

  .contentdreamforce24 {
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap;
    overflow-x: scroll
  }
}

@media(max-width:540px) {
  .contents-banner-dreamforce .container img {
    max-width: 45%
  }

  .dreamforce-logo-banner {
    left: 30%;
    width: 200px
  }
}

@media(max-width:375px) {
  .dreamforce-logo-banner {
    left: 25%;
    width: 190px
  }
}

.pc-fontsize {
  font-size: 70px !important
}

.sfservicesApproachOverflow {
  flex-wrap: nowrap;
  overflow-x: scroll
}

.autoSlideImprovementsCaseSlider,
.sfservicesApproachOverflowHome {
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.sfservicesApproachOverflowHome::-webkit-scrollbar {
  display: none
}

.sfservicesApproachOverflow::-webkit-scrollbar {
  width: thin;
  height: 4px
}

.sfservicesApproachOverflow::-webkit-scrollbar-thumb {
  background: #149ed9;
  border-radius: 10px
}

.sfservicesApproachOverflow::-webkit-scrollbar-thumb:hover {
  background: #2d91cf
}

.sfservicesApproachOverflow::-webkit-scrollbar-track {
  background: #f1f1f1
}

#scrollLeft,
#scrollRight,
.slick-next-project,
.slick-prev-project, .slider-button{
  background: #fff !important;
  border: none;
  padding: 1rem .5rem;
  border-radius: 50px;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .2));
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s ease-in
}

#ConsultingServicesOfferingCarouselNextBtn:hover,
#ConsultingServicesOfferingCarouselPrevBtn:hover,
#scrollLeft:hover,
#scrollRight:hover,
.slick-next-project:hover,
.slick-prev-project:hover, .slider-button:hover {
  background: #2d91cf !important;
  color: #fff
}

@media(min-width:992px) {
  .slideServHome {
    width: 32.7%
  }
}

.impactPercentageCase {
  font-size: 3rem;
  font-weight: 600;
  color: #149ed9
}

.hide {
  display: none
}

.ourProjectHomeImage:hover+.hide,
.ourProjectHomeImageMin:hover+.hide {
  display: block;
  transition: .3s ease-in
}

.ourProjectContainer {
  position: relative;
  overflow: hidden
}

.ourProjectHomeImage {
  object-fit: cover;
  border-radius: 10px;
  height: 100%;
  display: block;
  width: 100%
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  color: #fff
}

.titleTextCase {
  margin: 0;
  position: relative;
  transform: translateY(0);
  transition: transform .3s ease-in-out
}

.titleTextCaseLink,
.titleTextCaseLinkSmall {
  color: #fff;
  text-decoration: none;
  margin-bottom: .5rem;
  display: block;
  position: relative
}

.titleTextCaseLink {
  font-size: 2rem
}

.titleTextCaseLinkSmall {
  font-size: 1.5rem;
  transition: .3s ease-in
}

.readMore {
  display: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .3s ease-in-out, transform .3s ease-in-out;
  margin-top: 1rem;
  font-size: 1rem
}

.ourProjectContainer:hover .readMore {
  display: block;
  opacity: 1;
  transform: translateY(0)
}

.ourProjectContainer:hover .titleTextCase {
  transform: translateY(-10px)
}

@media (max-width:768px) {
  .overlay {
    padding: 10px
  }
}

.autoSlideImprovementsCaseSlider::-webkit-scrollbar {
  display: none
}

.autoSlideImprovementsCaseSlide,
.consultingPageCardBenifitsWrapperSmall .col-lg-4 {
  width: 94%
}

.carousel-indicators-case {
  position: relative;
  display: flex;
  gap: 10px
}

.carousel-indicators-case button {
  border: none;
  background-color: #ededed !important
}

.carousel-indicators-case .active {
  background-color: #149ed9 !important
}

#largeScreenProjects p {
  color: #000
}

@media(max-width:767px) {

  #largeScreenProjects,
  .contact-form-hide,
  .single .breadcrumb-item.active {
    display: none
  }

  .contact-page-intro-mobile-new {
    padding: 30px 0;
    top: 11% !important
  }

  .hic-who-we-are-section {
    background-size: 100% 141%;
    height: auto;
    background-image: none !important
  }

  .slideServHome {
    width: 93%
  }

  #smallScreenProjectSlider {
    display: block
  }

  .projectHeadHome {
    font-size: 2rem;
    font-weight: 700;
    color: #032d60
  }
}

.ourProjectHomeImageMin {
  object-fit: cover;
  border-radius: 10px;
  min-height: 55vh;
  display: block;
  width: 100%
}

.why-choose-us-section .nav-tabs .nav-item {
  margin-right: 1rem
}

.why-choose-us-section .nav-tabs .nav-item .nav-link {
  padding: 10px;
  white-space: nowrap;
  cursor: pointer
}

.why-choose-us-section .nav-tabs .nav-item .nav-link:active,
.why-choose-us-section .nav-tabs .nav-item .nav-link:focus,
.why-choose-us-section .nav-tabs .nav-item .nav-link:hover {
  border: none
}

.why-choose-us-section .nav-tabs .nav-item.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #2d91cf;
  animation: 5s linear forwards bg-spin
}

@keyframes bg-spin {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

.why-choose-us-section .nav-tabs .nav-item.active .nav-link:hover {
  animation-play-state: paused
}

.borderProduct {
  border-right: 2px solid #032d60
}

.title_text_service {
  font-weight: 700;
  font-size: 4.375rem;
  color: #032d60
}

.banner_Para_service {
  font-size: 1.5rem
}

.counterBig {
  font-weight: 700;
  font-size: 6rem
}

.consultingPageCardBenifitsWrapper h4,
.consultingPageCardBenifitsWrapperSmall h4,
.ourConsultingClientsHeading {
  color: #032d60;
  font-size: 2rem
}

.ourConsultingClientsHeading {
  font-weight: 700;
  font-family: 'Source Sans 3', sans-serif
}

.salesforceConsultingBenifitsHeading {
  position: sticky;
  top: 140px
}

.salesforceConsultingBenifitsHeading h3 {
  font-size: 3.7rem
}

.salesforceConsultingBenifitsHeading p {
  font-size: 1.3rem;
  margin-top: 1.5rem
}

.salesforceConsultingBenifitsHeading h6 {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #149ed9
}

.consultingPageCardBenifitOne {
  border: none;
  background: rgba(233, 247, 239, .4)
}

.consultingPageCardBenifitTwo {
  border: none;
  background: rgba(74, 203, 255, .1)
}

.consultingPageCardBenifitThree {
  border: none;
  background: rgba(241, 97, 173, .1)
}

.consultingPageCardBenifitFour {
  border: none;
  background: rgba(240, 101, 67, .1)
}

.cardInternalBenifitsOne {
  border-left: 5px solid #27ae60
}

.cardInternalBenifitsTwo {
  border-left: 5px solid #4acbff
}

.cardInternalBenifitsThree {
  border-left: 5px solid #f161ad
}

.cardInternalBenifitsFour {
  border-left: 5px solid #f06543
}

.counterConsultingDesc {
  font-size: 1.1rem;
  font-weight: 600
}

.counterBig.BigThree,
.footerCompanyText:hover {
  color: #f161ad
}

.whatconsultingOffer h3 {
  color: #032d60;
  font-size: 3.5rem
}

.whatConsultingOfferPara {
  margin-top: 1.3rem;
  font-size: 1.3rem
}

.ConsultingServicesOfferingCarousel-item {
  background: #fff;
  border-radius: 10px;
  border-top: 15px solid #2d91cf !important;
  flex: 1 0 100%;
  box-sizing: border-box;
  border: 1px ridge
}

.ConsultingServicesOfferingCarousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 20px 0
}

.ConsultingServicesOfferingCarousel-inner {
  display: flex;
  transition: transform .5s
}

@media (min-width:992px) {
  .countryIDText {
    font-size: 14px
  }

  .ConsultingServicesOfferingCarousel-controls {
    display: flex
  }
}

#ConsultingServicesOfferingCarouselNextBtn,
#ConsultingServicesOfferingCarouselPrevBtn {
  background: #fff !important;
  border: none;
  padding: 1rem .5rem;
  border-radius: 50px;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, .2));
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .2s ease-in
}

.whyConsultationNumbers {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700
}

.faqTitleConsulting {
  font-size: 3.5rem
}

#consultingAccordion [data-bs-toggle=collapse]:before,
#locationHeading [data-bs-toggle=collapse]:before {
  font-family: 'font Awesome 5 Free';
  content: "\f107";
  float: left;
  color: #121518;
  font-size: 16px;
  font-weight: 900;
  transition: .3s;
  padding: .35rem;
  border-radius: 50px;
  margin-right: .5rem;
  background: rgba(20, 158, 217, .1);
  width: 30px;
  height: 30px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 10px
}

#consultingAccordion [data-bs-toggle=collapse][aria-expanded=true]:before,
#locationHeading [data-bs-toggle=collapse][aria-expanded=true]:before {
  font-family: 'font Awesome 5 Free';
  content: "\f106";
  float: left;
  color: #149ed9;
  font-size: 16px;
  font-weight: 900;
  transition: .3s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 10px
}

.consultingFAQCard {
  padding-bottom: 1.5rem
}

.consultingFAQCard-body {
  padding-top: 1.5rem;
  font-size: 20px
}

.consultingFAQCard-header {
  border-bottom: 1.5px solid #e7e6e6;
  padding-bottom: 1rem;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  padding-left: 42px
}

.keyCRMConsultingChallanges h5 {
  color: #fff;
  font-size: 2.3rem
}

.challangeCRMCard img {
  width: 200px;
  height: auto
}

.challangeCRMCard h6 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: .75rem
}

.cardsWrapperKeyCRMConsultingChallanges {
  flex-wrap: nowrap;
  overflow-x: scroll;
  padding-bottom: 1rem
}

@media(min-width:768px) {
  #smallScreenProjectSlider {
    display: none
  }

  #largeScreenProjects {
    display: block
  }

  .projectHeadHome {
    font-size: 3rem;
    font-weight: 700;
    color: #032d60
  }

  .counterServiceBanner {
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 100%
  }

  .cardsWrapperKeyCRMConsultingChallanges::-webkit-scrollbar {
    height: 10px
  }

  .cardsWrapperKeyCRMConsultingChallanges::-webkit-scrollbar-track {
    background: #ede9e9;
    border-radius: 10px
  }

  .cardsWrapperKeyCRMConsultingChallanges::-webkit-scrollbar-thumb {
    background: #4acbff;
    border-radius: 10px
  }

  .cardsWrapperKeyCRMConsultingChallanges::-webkit-scrollbar-thumb:hover {
    background: #2d91cf
  }
}

.consultingPageCardBenifitsWrapperSmall {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  margin: 3rem 0 0;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.consultingPageCardBenifitsWrapperSmall::-webkit-scrollbar {
  display: none
}

.relatedCaseStudy {
  text-decoration: underline;
  color: #032d60;
  text-underline-offset: 0.5rem;
  text-decoration-color: #2d91cf;
  font-size: 3.5rem
}

.germanyNumbers h5 {
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-family: Sora;
  transition: .3s ease-in;
  font-size: 4rem
}

@media(min-width:992px) {
  .consultingPageCardBenifitsWrapperSmall {
    display: none
  }
}

@media(max-width:991px) {
  .site-nav {
    background-color: #fff;
    overflow-y: auto;
    width: 17.5rem;
    position: fixed;
    left: -17.5rem;
    top: 0;
    bottom: 0;
    transition: .3s 0;
    z-index: 1002
  }

  body.open-site-nav .site-nav {
    left: 0
  }

  .site-overlay {
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0
  }

  .site-nav .menu {
    display: block
  }

  .site-nav .menu>li {
    border-bottom: 1px solid #dee2e6;
    padding: .75rem 2.5rem .75rem .75rem;
    margin-left: 0
  }

  .site-nav .menu>li+li {
    margin-left: 0
  }

  .site-nav .menu>li>a {
    display: inline;
    padding: 0
  }

  .site-nav .menu>li.menu-item-has-children:before {
    content: ' ';
    border-top: 2px solid #212121;
    border-left: 2px solid #212121;
    cursor: pointer;
    float: right;
    width: .5rem;
    height: .5rem;
    position: absolute;
    top: 1.25rem;
    right: 1rem;
    transform: rotateZ(-135deg);
    transition: .3s 0
  }

  .site-nav .menu>li.menu-item-has-children.active:before {
    transform: rotateZ(45deg)
  }

  .site-nav .menu>li>.sub-menu {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    clear: both;
    display: none;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    margin: .5rem 0
  }

  .consultingPageCardBenifitsWrapper,
  .site-nav .menu>li:hover>.sub-menu {
    display: none
  }

  .itemCase {
    width: 93%
  }
}

@media(max-width:280px) {
  .ourConsultingClientsHeading {
    font-size: 1.7rem
  }

  .counterBig,
  .germanyNumbers h5 {
    font-size: 3.1rem
  }
}

.slideZConsultMethodCard {
  background: rgba(3, 45, 96, .06)
}

.slideZConsultMethodCard ul li::marker {
  color: #149ed9
}

.slideZConsultMethodCard h6 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #032d60
}

@media(max-width:320px) {
  .dreamforce-logo-banner {
    left: 25%;
    width: 152px
  }

  .title_text_service {
    font-size: 2.5rem !important
  }

  .counterBigSection h2,
  .faqTitleConsulting,
  .methodologicalHead,
  .relatedCaseStudy,
  .salesforceConsultingBenifitsHeading h3,
  .whatconsultingOffer h3,
  .whyConsultationNumbers {
    font-size: 2.3rem !important
  }

  .counterBig,
  .germanyNumbers h5 {
    font-size: 3.5rem
  }

  .keyCRMConsultingChallanges h5,
  .ourConsultingClientsHeading {
    font-size: 1.7rem !important
  }
}

@media(max-width:375px) {

  .counterBigSection h2,
  .faqTitleConsulting,
  .methodologicalHead,
  .relatedCaseStudy,
  .salesforceConsultingBenifitsHeading h3,
  .whatconsultingOffer h3,
  .whyConsultationNumbers {
    font-size: 3rem
  }

  .title_text_service {
    font-size: 3.7rem
  }

  .keyCRMConsultingChallanges h5,
  .ourConsultingClientsHeading {
    font-size: 2rem
  }
}

@media(max-width:1240px) {
  .germanyNumbers h5 {
    font-size: 4rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: Sora;
    transition: .3s ease-in
  }
}

@media(max-width:1024px) {
  .germanyNumbers h5 {
    font-size: 3.4rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    font-family: Sora;
    transition: .3s ease-in
  }
}

.whatHicOffersInConsultingWrapperSmaller {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.cardOfferingServicesConsulting {
  width: 89%
}

.whatHicOffersInConsultingWrapperSmaller::-webkit-scrollbar {
  display: none
}

.servicesReadingClientsHIC img {
  padding: 1rem;
  max-width: 80%
}

@media (max-width:576px) {
  .servicesReadingClientsHIC img {
    padding: .35rem;
    max-width: 100%
  }

  .title_text_service {
    font-size: 2.9rem
  }
}

@media(min-width:1024px) and (max-width:1200px) {
  .salesforceConsultingBenifitsHeading h3 {
    font-size: 3rem
  }
}

@media(min-width:1201px) and (max-width:1400px) {
  .salesforceConsultingBenifitsHeading h3 {
    font-size: 3.5rem
  }
}

@media(min-width:993px) and (max-width:1024px) {
  .salesforceConsultingBenifitsHeading h3 {
    font-size: 3rem
  }
}

.footerCompanyText {
  color: #4acbff;
  transition: .2s ease-in;
  font-weight: 500
}

.dreamforcePopupBtn {
  position: absolute;
  bottom: 15%;
  left: 20%;
  font-size: 1.1rem;
  padding: .5rem 1.5rem
}

@media(max-width:425px) {
  .dreamforce-logo-banner figure img {
    width: 150px
  }

  .dreamforcePopupBtn {
    font-size: 9px !important
  }
}

@media(min-width:1024px) {
  .dreamforcePopupBtn {
    bottom: 18%
  }
}

@media(max-width:768px) {
  .dreamforcePopupBtn {
    padding: .25rem .75rem;
    font-size: 1rem
  }
}

.dreamforcesubHeadFontHome {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  font-family: sora, sans-serif;
  color: #032d60;
  margin-bottom: -1rem;
  margin-top: 1rem
}

.dreamforceHomePageBtn {
  background: #f9eb3a;
  padding: .5rem 1.5rem;
  color: #000;
  font-weight: 600;
  border-radius: 50px;
  transition: .2s ease-in
}

.dreamforceHomePageBtn:hover {
  color: #fff;
  background: #f06543
}

.dreamforceWiderFont {
  filter: drop-shadow(19px 6px 0px #4acbff);
  width: 100%
}

#letsNumSpk .germanyNumbers h5,
#letsNumSpk .germanyNumbers p {
  color: #032d60 !important
}

#letsNumSpk .germanyNumbers a:hover h5,
#letsNumSpk .germanyNumbers a:hover p {
  color: #4acbff !important
}

.blogBannerSectionElement {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0
}

@media(min-width:1950px) {
  .blogBannerSectionElement {
    width: 13%
  }
}

@media(min-width:1400px) {
  .blogBannerSectionElement {
    width: 9%
  }
}

@media(min-width:1024px) and (max-width:1199px) {
  .blogBannerSectionElement {
    width: 13%
  }
}

@media(min-width:768px) and (max-width:992px) {
  .blogBannerSectionElement {
    width: 18%
  }
}

@media(max-width:767px) {
  .borderProduct {
    border-bottom: 2px solid #032d60;
    border-right: 0
  }

  .cardsWrapperKeyCRMConsultingChallanges::-webkit-scrollbar {
    display: none
  }

  .cardsWrapperKeyCRMConsultingChallanges {
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .challangeCRMCard {
    max-width: 88%
  }

  .slideZConsultMethod {
    width: 93%
  }

  .blogBannerSectionElement {
    width: 38%
  }
}

.services-sitemap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  list-style-type: none;
  padding-left: 0;
  line-height: 2;
  font-size: 18px
}

.services-sitemap li {
  padding-right: 10px
}

.services-sitemap li a {
  color: #149ed9;
  transition: .2s ease-in
}

.services-sitemap li a:hover {
  color: #ed6aff
}

@media(max-width:992px) {
  .our-project-slider {
    align-self: center !important
  }

  .services-sitemap {
    grid-template-columns: 1fr 1fr
  }
}

@media(max-width:576px) {
  .caseStudyClientsHIC img {
    padding: .35rem
  }

  .banner_Para_service {
    font-size: 1.3rem
  }

  .dreamforcesubHeadFontHome {
    margin-bottom: 0;
    margin-top: 3rem;
    font-size: 1.5rem
  }

  .dreamforceHomePageBtn {
    margin-top: 1rem;
    display: inline-block
  }

  .services-sitemap {
    grid-template-columns: 1fr
  }
}

.careerPageAnniversary {
  display: block;
  max-width: 100%;
  margin: 00;
  width: 100%;
  aspect-ratio: 16/9
}

.stickyTableOfContent {
  position: sticky;
  top: 12%
}

#table-of-contents {
  background: #f0f8ff;
/*   border-radius: 5px; */
	border-radius: 14px;
    padding: 1.4rem;
}
#table-of-contents ul{
    display: flex;
    flex-direction: column;
	margin-bottom: 0px;
    gap: .1rem;
    max-height: 320px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #D4E4F0 transparent;
}
#table-of-contents ul li{
    font-size: 14px;
}

.popupBtnHoliday {
  position: absolute;
  bottom: 5%;
  left: 43%;
  font-size: 1.2rem
}

@media(max-width:992px) {
  .popupBtnHoliday {
    font-size: 1rem;
    padding: .25rem .75rem !important;
    left: 41%
  }
}

@media(max-width:425px) {
  .popupBtnHoliday {
    font-size: .9rem;
    bottom: 2%;
    left: 39%
  }
}

@media(max-width:430px) {
  .popupBtnHoliday {
    font-size: .8rem;
    bottom: 5%;
    left: 39%
  }
}

@media(max-width:390px) {
  .popupBtnHoliday {
    font-size: .7rem;
    bottom: 4%
  }
}

@media(max-width:320px) {
  .popupBtnHoliday {
    left: 34%
  }
}