.caseBanner {background: url("../img/testimonialsbg.png"); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; padding: 100px 0 120px; }
.caseBanner h1 {font-size: 63px; font-family: "d-din_condenseddinCnBd"; text-align: center; color: #fff; letter-spacing: 4px; }
.caseBanner p {font-size: 18px; font-family: "Roboto"; text-align: center; color: #fff; margin-top: 40px; letter-spacing: 1px; }
.ctbanner {width: 1170px; max-width: 100%; margin: -50px auto 0; }
.quote-container {border: #8e939c 1px solid; border-radius: 18px; position: relative; margin-bottom: 39px; background-color: #f3f5f9; }
.quote-content {margin: 34px 30px 35px; letter-spacing: 1.2px; line-height: 28px; }
.quote-content p {font-size: 16px; line-height: 26px; font-family: "Roboto"; color: #475262; }
.quote-container:after {content: " "; position: absolute; width: 0; height: 0; left: 19px; bottom: -22px; border: 11px solid; border-color: #f3f5f9 transparent transparent #f3f5f9; }
.quote-container:before {content: " "; position: absolute; width: 0; height: 0; left: 18px; bottom: -24px; border: 12px solid; border-color: #8e939c transparent transparent #8e939c;}
.ctleft .csImage {border-bottom: 8px solid #3181ff; }
.ctleft .csImage img {width: 100%; }
.ctleft a {display: block; }
.ctleft a .content {padding: 22px; }
.ctleft a .content h2 {text-transform: none; font-size: 20px; font-family: "d-din_condenseddinCnBd"; letter-spacing: 0px; }
.ctleft a .content p {color: #475262; margin: 10px 0 0; font-family: "d-din_condenseddinCnBd"; text-transform: uppercase; font-size: 36px; line-height: 48px; }
.ctleft a .content h6 {color: #2b2c31; font-weight: 300; font-size: 30px; line-height: 33px; font-family: "Roboto"; letter-spacing: 1px; text-transform: capitalize; }
.ctleft a .content h3 {color: #2b2c31; font-weight: 300; font-size: 30px; line-height: 33px; font-family: "Roboto"; letter-spacing: 1px; text-transform: capitalize; }
.csContent {border: 1px solid #e3e3e3; }
.mobCaseStudy .marbtm30 {margin-bottom: 30px; }
.mobCaseStudy .marbtm30 .hoverBoxCaseStudy:hover {box-shadow: 0 6px 18px 0 rgba(21, 34, 53, 0.3); }
.csRead {letter-spacing: 2px; margin: 10px 0 0; font-size: 16px; font-family: "Roboto"; color: #1a6df8; }
.csRead img {margin-right: 5px; }
.customer-item {background-color: #fff; box-shadow: 0 1px 6px 0 rgba(21, 34, 53, 0.4); border-radius: 3px; margin-bottom: 30px; }
.customer-item:hover {box-shadow: 0 6px 18px 0 rgba(21, 34, 53, 0.3); }
.customer-item .story-logo-container {min-height: 70px; border-bottom: 1px solid #dbdfe5; display: flex; justify-content: center; align-items: center; padding: 10px;}
.customer-item .story-logo-container h2 {color: #1a6df8; font-size: 25px; font-family: "d-din_condenseddinCnBd"; letter-spacing: 1px; text-align: center; text-transform: uppercase; line-height: 34px;}
.customer-item .story-text-container {padding: 18px; }
.customer-item .story-text-container p {font-family: "Roboto"; font-size: 13px; color: #1a6df8; text-transform: uppercase; margin-bottom: 5px; }
.customer-item .story-text-container h3 {font-family: "Roboto"; line-height: 28px; margin-bottom: 0px; font-size: 20px; color: #475262; text-transform: uppercase;}
.customer-item .story-text-container .story-content-new {color: #475262; font-size: 20px; font-family: "d-din_condenseddinCnBd"; margin-bottom: 20px; }
.custom-card-icon {margin-right: 5px; }
.cta-section {background-color: #152235; padding: 80px 0; text-align: center; margin-top: 30px; }
.cta-section .osptext {font-size: 45px; line-height: 48px; margin-bottom: 40px; margin-top: 0; font-family: "d-din_condenseddinCnBd"; color: #fff; }
.cta-section .btnClass {color: #fff; background-color: #3181ff; border-color: #3181ff; font-family: "Roboto"; padding: 11px 36px; width: 350px; font-size: 21px; font-weight: 600; }
.cta-section .btnClass:hover {background-color: #2f79ec; border-color: #2f79ec; }

@media screen and (max-width: 1280px) {
  .case-testimonial-crumb{ padding-left: 18px !important; }
}

@media screen and (max-width: 959px) {
  .ctleft a .content h6 {font-size: 20px; line-height: 26px }
  .ctleft a .content h3 {font-size: 20px; line-height: 26px }
  .ctleft a .content p {font-size: 34px; line-height: 38px }
  .customer-item .story-logo-container h2 {line-height: 28px; font-size: 22px }
  .mobCaseStudy .d-flex {display: block !important }
  .caseBanner h1 {letter-spacing: 0px; font-size: 40px }
  .caseBanner p {margin-top: 10px; letter-spacing: 0px }
  .mobCaseStudy .tabOne {max-width: 100% !important; margin-bottom: 10px }
}
@media screen and (max-width: 768px) {
  .mobCaseStudy .tabOne {max-width: 100% !important; margin-bottom: 10px }
  .mobCaseStudy .d-flex {display: block !important }
  .caseBanner h1 {letter-spacing: 0px; font-size: 40px }
  .caseBanner p {margin-top: 10px; letter-spacing: 0px }
}
@media screen and (max-width: 767px) {
  .cta-section {padding:50px 0 }
  .cta-section .osptext {font-size: 38px; line-height: 38px; margin-bottom: 30px }
  .cta-section .btnClass {width: 100% }
  .ctleft a .content h6 {font-size: 20px; line-height: 26px }
  .ctleft a .content h3 {font-size: 20px; line-height: 26px }
  .ctleft a .content p {font-size: 34px; line-height: 38px }
  .customer-item .story-logo-container h2 {line-height: 28px; font-size: 22px }
  .mobCaseStudy .d-flex {display: block !important }
  .caseBanner h1 {letter-spacing: 0px; font-size: 32px; line-height: 32px }
  .caseBanner p {margin-top: 10px; letter-spacing: 0px }
  .caseBanner {background: 0 0; background-color: #196ef8 }
}
 @media screen and (max-width: 480px) {
  .caseBanner p {font-size:16px }
  .caseBanner h1 {font-size: 28px; line-height: 28px }
  .ctleft a:nth-child(1) {height: 120px; overflow: hidden }
  .ctleft a:nth-child(1) .csImage, .ctleft a:nth-child(1) .csImage img {height: 100% }
}