/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/*Custom Css*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-family: 'Montserrat', sans-serif;
  scroll-behavior: smooth;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 112.5%;
  line-height: 1.42857143; 
  color: #333;
  background-color: #fff;
  padding: 0;
  margin: 0;
  max-width: 100vw;
}
main {
  width: 100%;
  padding: 0;
  margin: 0;
  display: inline-block;
}
p {
  font-size: 0.938rem;
  line-height:1.375rem;
  transition:1s;
  font-family: 'Raleway',sans-serif;
}

@media (max-width: 1200px) {
  p {
    font-size: calc(0.326956522vw + 0.692986957rem);
  }
}
.paraghaph {
  font-size: 1rem;
  line-height:1.75rem;
  transition:1s;
  font-family: 'Raleway',sans-serif;
}

@media (max-width: 1200px) {
  .paraghaph {
    font-size: calc(0.347vw + 0.739rem);
  }
}

.headerparaghaph {
  font-size: 1.75rem;
  line-height:1.25;
  transition:1s;
  font-family: 'Open Sans',sans-serif;
}

@media (max-width: 1200px) {
  .headerparaghaph {
    font-size: calc(1.391vw + 0.707rem);
  }
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: "Montserrat", sans-serif;
  line-height: 1.3;
}
h1,
.h1 {
  font-size: 3rem;
  transition:0.5s;
  font-weight:700;
}
@media (max-width: 1200px) {
  h1,
  .h1 {
    font-size: calc(2.434782609vw + 1.175434783rem);
    transition:0.5s;

  }
}
h2,
.h2 {
  font-size: 2.25rem;
  font-weight:600;
  color: #14213D;
}
@media (max-width: 1200px) {
  h2,
  .h2 {
    font-size: calc(1.565217391vw + 1.077065217rem);
  }
}
h3,
.h3 {
  font-size: 1.75rem;
  font-weight:600;
  color: #14213D;
}
@media (max-width: 1200px) {
  h3,
  .h3 {
    font-size: calc(0.869565217vw + 1.098369565rem);
  }
}

@media (max-width: 1200px) {
  .consistent-content-section h3 {
    font-size: calc(1.043478261vw + 0.968043478rem);
  }
}

h4,
.h4 {
  font-size: 1.25rem;
  font-weight:600;
  color: #14213D;
}
@media (max-width: 1200px) {
  h4,
  .h4 {
    font-size: calc(0.761277174rem + 0.652173913vw);
  }
}

.sub-span {
  font-size: 1.8rem;
  font-weight:600;
  color: #14213D;
}
@media (max-width: 1200px) {
  .sub-span {
    font-size: calc(1.018043478rem + 1.043478261vw);
  }
}

.sub-span-mobile {
  font-size: 1.8rem;
  font-weight:600;
  color: #14213D;
}
@media (max-width: 1200px) {
  .sub-span-mobile {
    font-size: calc(1.018043478rem + 1.043478261vw);
  }
}

.offering-content-left h4, .offering-content-middle h4, .offering-content-right h4{
  font-size: 1.25rem;}

@media (max-width: 1200px) {
  .offering-content-left h4, .offering-content-middle h4, .offering-content-right h4 {
    font-size: calc(1.119673913rem + 0.173913043vw);
  }
}


h5,
.h5 {
  font-size: 1.125rem;
  font-weight:600;
}

@media (max-width: 1200px) {
  h5,
  .h5 {
    font-size: calc(0.217391304vw + 0.962092391rem);
  }
}
h6,
.h6 {
  font-size: 1rem;
  font-weight:500;
}

li{
  font-family: 'raleway';
  font-weight: 400;}

.bullet-points-left ul li{
  font-size: 0.92rem;
  margin-bottom:5px;
  color: #0E0E0E;}

.bullet-points-right ul li{
  font-size: 0.92rem;
  margin-bottom:5px;
  color: #0E0E0E;}

/*@media (max-width: 1200px) {
 .bullet-points-left ul li {
    font-size: calc(0.47826087vw + 0.541603261rem);
  }
  
  .bullet-points-right ul li {
    font-size: calc(0.47826087vw + 0.541603261rem);
  }
}*/

#header-text-details .banner-btn a{
  font-size: 1.5rem;}

@media (max-width: 1200px) {
  #header-text-details .banner-btn a{
    font-size: calc(1.304347826vw + 0.522554348rem);
  }
}

.learn-more-btn a{
  font-size: 0.875rem;}

.learn-more-btn a:hover {
  color: #FCA311;
}

@media (max-width: 1200px) {
  .learn-more-btn a{
    font-size: calc(0.434782609vw + 0.549184783rem);
  }
}

.learn-more-btn-w a{
  font-size: 0.875rem;}

.learn-more-btn-w a:hover {
    color: #FCA311;
}

@media (max-width: 1200px) {
  .learn-more-btn-w a{
    font-size: calc(0.434782609vw + 0.549184783rem);
  }
}

#action-section .action-content-section a{
  font-size: 1.5rem;}

@media (max-width: 1200px) {
  #action-section .action-content-section a{
    font-size: calc(1.304347826vw + 0.522554348rem);
  }
}


#second_section h2, #retention_section h2 {
  font-size: 2.25rem;
  transition:1s;
  font-weight: normal;
}

@media (max-width: 1200px) {
  #second_section h2, #retention_section h2 {
    font-size: calc(1.304vw + 1.272rem);
    transition:1s;
  }
}

#second_section h3, #retention_section h3 {
  font-size: 1.5rem;
  transition:1s;
}

@media (max-width: 1200px) {
  #second_section h3, #retention_section h3 {
    font-size: calc(1.913vw + 0.816rem);
    transition:1s;
  }
}



small, .text_small {font-size: 0.8rem;}

/*.row {
  margin-right: -0.938rem;
  margin-left: -0.938rem;
}*/
.container {
  max-width: 1280px;
  width: 100%;
  padding-right: 0.938rem;
  padding-left: 0.938rem;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1280px) {
  .container {
    padding-right: 0;
    padding-left: 0;
  }
  .row {
    padding-left: 0.938rem;
    padding-right: 0.938rem;
  }
  .row {
    margin-right: 0;
    margin-left: 0;
  }
}

/* winning section css */
.bullet-points-left {
    width: 45%;
}

.bullet-points-right {
    width: 45%;
}

.learn-more-btn-w{
  padding: 10px;
  margin: 20px 0 0 0;
}

.learn-more-btn-w a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #14213D;
  border-radius: 100px;
  padding: 0.63rem 1.53rem;
  font-family: raleway !important;
  font-weight: 600;
}

/*winning section css end */

/*new whitepaper section*/
/*section#data-section-two {
  margin: 3rem 0;
}*/

.data-content-section-two {
  align-items: center;
  color: #fff;
  display: flex;
  padding: 20px 0;
}

.column-2 {
    text-align: left;
    width: 65%;
}

.page-slider-list-content-two {
    padding: 0 20px;
}

.page-slider-list-content-link-two {
    margin-top: 40px;
}

/*.right-logo {
  float: right;
  width: 18%;
}*/

p#leader-two {
  margin: 20px 0 0 0;
}

.page-slider-list-content-link-two a{
  border: none!important;
  border-radius: 0.25rem;
  color: #14213D;
  cursor: pointer;
  font-family: raleway;
  letter-spacing: 0!important;
  margin: 1.25rem 0;
  padding: 0.7rem 2rem !important;
  font-weight: 600;
  background: #fca311;
  font-size: 1.125rem !important;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}
.data-content-section-two a:hover{
  color: #fff;
  background: #647AA3;
}

img.leader-photo-two {
  height: auto;
  width: 250px;
}

.page-slider-list-content-two h2 {
    color: #fff;
}

.page-slider-list-content-two h3 {
    color: #fff;
}

.sub-span-mobile{
  display:none;}

@media screen and (max-width: 767px) {
  .sub-span-mobile{
    display:block;}

  .sub-span{
    display:none;}
  
  .page-slider-list-content-link-two{
  margin-top:40px;}
  
  .logo-section {
    display: inline-block !important;}

  .right-logo img{
    padding: 0 !important;
    /* margin: 30px 0 0 0;*/
    max-width: 17rem !important;}
  
  .left-logo img {
    max-width: 15rem !important;
  }
  
  .data-content-section-two{
    display: inline-block;
    padding: 30px 0;}
  
  .column-1 {
    text-align: center;
    margin-top: 30px;
  }

  .column-2{
    width:100%;
    text-align: center;}
  
  .page-slider-list-content-two {
    margin-top: 2vw;
    text-align: center;
  }
  .page-slider-list-content-two {
    padding: 0 20px;
  }
}
/*new whitepaper section ends*/


/* bullet-section css */

.drive-trans-section {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: 40px 0;
}

.drive-trans-column {
  width: 31%;
  background: #F8F8F8;}

.column-image img {
  width: 100%;
  position: relative;
}

.data-in-motion {
  display: flex;
  width: 100%;
  align-items: center;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 10px;
}

.drive-trans-column h5 {
  padding: 0 25px;
  margin: 10px 0;
}

.drive-trans-column h3 {
  padding: 0 25px;
  margin: 20px 0 0 0;
}

.data-in-motion-left {
  width: 8%;
}

.data-in-motion-left img {
  width: 100%;
}

.data-in-motion-right {
  width: 88%;
}

.bullet-points-left ul li::marker {
    font-size: 10px;
}

.bullet-points-right ul li::marker {
    font-size: 10px;
}
.bullet-points-section {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 0 20px 0 40px;
  margin: 20px 0;
}

.learn-more-btn {
  padding: 0 25px;
  margin: 30px 0 20px 0;
}

section#drive-transformation h2 {
  margin: 30px 0;
  text-align: center;}

.learn-more-btn a {
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #14213D;
  border-radius: 100px;
  padding: 0.63rem 1.53rem;
  font-family: raleway !important;
  font-weight: 600;
}

/* bullet css end */

/*data problem section css starts */

section#data-problem-section {
  align-items: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
  margin: -8px 0;
}

section#data-problem-section:before {
    content: "";
    height: 45rem;
    position: absolute;
    width: 100%;
    z-index: 9;
}

#data-problem-section img {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 45rem;
}

#data-problem-section .column-left-image img {
  display: inline-block;
  position: relative;
  width: 100%;
  height: auto;
}

#data-problem-section .data-problem-content-section {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10;
}


#data-problem-section .data-problem-content-section h2 {
    color: #fff;
}

#data-problem-section .data-problem-content-section p{
  color: #a5b1c6;
  font-weight: 500;
  font-size: 1.125rem;
}

@media (max-width: 1200px) {
  #data-problem-section .data-problem-content-section p {
    font-size: calc(0.304347826vw + 0.896929348rem);
  }
}

.data-problem-column-section {
  display: flex;
  justify-content: space-between;
  width: 100%;
  position: relative;
  align-items: center;
  margin-top: 60px;
}

.data-problem-column-left {
  width: 50%;
  align-items: center;
  text-align: left;
}

div#header-text-details span {
  font-weight: 600;
}

.data-problem-left {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.column-left-image {
  width: 28%;
}

.data-problem-column-left img {
  width: 300px !important;
  height: auto !important;
}

.column-left-image-text {
  width: 68%;
  text-align: left;}

.column-left-image-text h3 {
  color: #fff;
}

.data-problem-column-right {
  width: 42%;
}

.data-problem-column-right .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field {
  width: 100%;
  color: #a5b1c6;
  text-align: left;
}

.data-problem-column-right .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field {
  width: 100%;
  color: #a5b1c6;
  text-align: left;
}

.data-problem-column-right .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field {
  width: 100%;
  color: #a5b1c6;
  text-align: left;
}

.hs_jobtitle.hs-jobtitle.hs-fieldtype-text.field.hs-form-field{
width: 50% !important;}

.lets_talk-forms .hs_phone.hs-phone.hs-fieldtype-phonenumber.field.hs-form-field{
  width: 50% !important;}


.data-problem-column-right .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {
  width: 100%;
  color: #a5b1c6;
  text-align: left;
}

.data-problem-column-right .hs_jobtitle.hs-jobtitle.hs-fieldtype-text.field.hs-form-field {
  width: 100%;
  color: #a5b1c6;
  text-align: left;
}

.data-problem-column-right .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field {
  width: 100%;
  color: #a5b1c6;
  text-align: left;
}

.data-problem-column-right form.hs-form input[type=text] {
  background: 0;
  border: none;
  border-bottom: 2px solid #a5b1c6;
  width: 100%;
}

.data-problem-column-right form.hs-form input[type=email] {
  background: 0;
  border: none;
  border-bottom: 2px solid #a5b1c6;
  width: 100%;
}

.data-problem-column-right form.hs-form input[type=tel] {
  background: 0;
  border: none;
  border-bottom: 2px solid #a5b1c6;
  width: 100%;
}

.data-problem-column-right .actions {
  text-align: left;
}

.data-problem-column-right .actions input[type=submit] {
  border: none!important;
  border-radius: 0.25rem;
  color: #14213D;
  cursor: pointer;
  font-family: raleway;
  letter-spacing: 0!important;
  margin: 1.25rem 0;
  padding: 0.7rem 3.15rem;
  font-weight: 600;
  background: #fca311;
  font-size: 1.125rem;
}

.data-problem-column-right form.hs-form input[type="text"] {
  color: #fff;
  font-size: 1rem;
  font-family:'Raleway';
}

.data-problem-column-right form.hs-form input[type="email"] {
  color: #fff;
  font-size: 1rem;
  font-family:'Raleway';
}

.data-problem-column-right form.hs-form input[type="tel"] {
  color: #fff;
  font-size: 1rem;
  font-family:'Raleway';
}
ul.no-list.hs-error-msgs.inputs-list {
  list-style: none;
  text-align: left;
}

.data-problem-column-right .hs-main-font-element {
  color: #a5b1c6;
  font-size: 0.875rem;
  opacity: 0.7;
}

.data-problem-column-right label.hs-error-msg {
  font-size: 0.875rem;
  opacity: 0.7;
}

.data-problem-column-right .actions input[type=submit]:hover {
  color: #fff;
  background: #647AA3;
}

.data-problem-column-right input {
  outline: none;
}

.data-problem-content-section h4 {
  width: 84%;
  margin: auto;
  color:#fff;
  font-weight: normal;
}

/*popup form css*/

button.leadin-button.leadin-advance-button.leadin-button-primary {
  font-family: 'raleway';
  font-weight: 600;
  border-radius: 100px;
}
/*popup form css ends */

/*data probelm section css ends */

/*delivery success section starts */

.consistent-content-section h4 {
  width: 60%;
  margin: auto;
  color: #fff;
  font-weight: normal;
}

section#consistent-section {
  align-items: center;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

section#consistent-section:before {
    content: "";
    height: 25rem;
    position: absolute;
    width: 100%;
    z-index: 9;
}

#consistent-section img {
    display: inline-block;
    height: 25rem;
    position: relative;
    width: 100%;
}

#consistent-section .consistent-content-section {
    display: inline-block;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10;
}


#consistent-section .consistent-content-section h2 {
    color: #fff;
}

#consistent-section .consistent-content-section p{
    color: #fff;
}

.successful-column-sections-starts {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    margin: 40px 0 0 0;
}

.success-9 span{
  font-size: 1.875rem;
  color: #fff;
  font-weight: 600;}

@media (max-width: 1200px) {
  .success-9 span {
    font-size: calc(1.630434783vw + 0.653192935rem);
  }
}

.success-9{
  font-size:3.75rem;
  color: #fff;
  font-weight: 600;}

@media (max-width: 1200px) {
  .success-9 {
    font-size: calc(3.47826087vw + 1.143478261rem);
  }
}

.successful-column-one {
    width: 33%;
}

.consistent-content-section h3 {
  color: #fff;
}

/* delivery success section ends */

.drive-trans-column p {
  padding: 0 25px;}

/* Offering Section*/
#offering-section, #disclaimer-section {
  display: inline-block;
  position: relative;
  width: 100%;
}
#offering-section{
  margin: 2.5rem 0 1rem 0;
}
.offering-heading {
  font-style: normal;
  margin: 0 0 1.25rem 0;
  text-align: center;
  width: 100%;
}
.offering-content-section {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin: 40px 0;
}
.offering-content-left, .offering-content-middle, .offering-content-right {
  width: 30%;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 1.25rem 0;
  transition: width 0.5s;
  border-top: 4px solid;
  border-image: linear-gradient(to right,#647AA3,#FCA311) 1 0 0 0;
}
.offering-content-left img, .offering-content-middle img, .offering-content-right img {
  width: 100%;
}
.offering-content-left h3, .offering-content-middle h3, .offering-content-right h3 {
  color: #0070c0;
  margin: 1rem 0 0.625rem 0;
  padding: 0 0.938rem;
  display: flex;
}
.offering-content-left h4, .offering-content-middle h4, .offering-content-right h4 {
  color: #0e0e0e;
  margin: 0 0.938rem;
  padding: 0;
  display: flex;
}
.offering-content-left p, .offering-content-middle p, .offering-content-right p {
  color: #0e0e0e;
  font-style: normal;
  font-weight: 400;
  margin: 0.625rem 0.938rem;
  font-size: 0.95rem;
}

.offering-content-left h6, .offering-content-middle h6, .offering-content-right h6{
  margin: 0.625rem 0.938rem;}

/* Disclaimer Section*/
.disclaimer-content-section {
  position: relative;
  width: 100%;
  display: inline-block;
  margin: 0.625rem 0;
}
.disclaimer-content-section p { 
  color: #333;
  font-style: normal;
  padding: 0;
  margin: 1rem 0;
  text-align: center;
}

.footer-middle a:hover {
  text-decoration: underline;
}

footer {
  background: #f3f3f3;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}
.footer-section {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-left {
  width: 40%;
  position: relative;
  display: flex;
}
.footer-middle {
  width: 30%;
  position: relative;
  display: flex;
  justify-content: center;
}
.footer-right {
  width: 30%;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.footer-left p {
  color: #000;
  letter-spacing: 0;
  margin: 1.25rem 0;
  text-align: left;
  font-size: 0.85rem;

}

.footer-middle a {
  color: #000;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  letter-spacing: 0!important;
  margin: 0 0.625rem;
  padding: 0;
  text-align: left;
  text-decoration: none;
  font-size: 0.85rem;
}
.footer-right ul {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
  padding-right: 1.25rem;
  align-items: center;
}
.footer-right ul li {
  margin: 0 0.625rem;
  color: #000;
  font-size: 0.85rem;

}

.know-more-btn {
  margin-bottom: 20px;
}

.know-more-btn-first-fold{
  margin-top:50px;
}

.footer-right ul li:hover {
  opacity: 0.8;
}

@media screen and (max-width: 1024px) {
  .offering-content-left, .offering-content-middle, .offering-content-right {
    width: 31%;
    background: #f8f8f8;
    border-radius: 0.5rem;
  }
  .footer-right ul {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  
  
    .offering-content-section {
    display: inline-block;
  }
  .offering-content-left, .offering-content-middle, .offering-content-right {
    width: 100%;
    transition: width 0.5s;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .footer-section {
    display: flex;
    flex-direction: column-reverse;
    padding-top:0.625rem;
  }
  .footer-left {
    width: 100%;
  }
  .footer-left p {
    text-align: center;
    margin: 0.625rem 0;
    width: 100%;
  }
  
  .footer-middle {
    width: 100%;
    margin-bottom: 1rem;
  }
  .footer-right {
    width: 100%;
    margin-bottom: 0.625rem;
    justify-content: center;
  }

}

.insights-btn {
  margin: 30px 0;
}
/* Action Section */
#action-section {
  width: 100%;
  position: relative;
  text-align: center;
  align-items: center;
  overflow: hidden;
  line-height: 0;
}

section#drive-transformation {
  margin: 40px 0 0 0;
}

#action-section .action-content-section h2 {
  color: #14213d;
/*  padding: 0 1.3rem 2.813rem 1.3rem;*/
}

#action-section img {
  width: 100%;
  position: relative;
  display: inline-block;
  height: 20rem;
}

label.hs-error-msg.hs-main-font-element {
  display: none;
}

#action-section .action-content-section {
  display: inline-block;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}

#action-section .action-content-section a {
  font-family: 'Raleway';
  background: #fca311;
  border-radius: 0.25rem;
  color: #14213D;
  font-weight: 600;
  padding: 0.7rem 3.15rem;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

.know-more-btn-first-fold a{
  font-family: 'Raleway';
  background: #fca311;
  border-radius: 0.25rem;
  color: #14213D;
  font-weight: 600;
  padding: 0.7rem 3.15rem;
  text-decoration: none;
  transition: 0.3s ease-in-out;}

.know-more-btn-first-fold a:hover{
  color: #fff;
  background: #647AA3;}

.page-slider-list-content-link-two a:hover{
  color: #fff;
  background: #647AA3;}

.insights-btn a:hover{
  color: #fff;
  background: #647AA3;}

#action-section:before {
  /*background: rgba(0,0,0,.3);*/
  content: "";
  height: 20rem;
  position: absolute;
  width: 100%;
  z-index: 9;
}
#action-section .action-content-section a:hover {
  color: #fff;
  background: #647AA3;
}

.event-sec {
  border: 3px solid #fca311;
  padding: 10px;
}
/* Leader Comment - Start */
.carousel {
  width: 100%;
  padding: 40px 0;
  text-align: center;
  background-color: transparent;
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner > .item {
  position: relative;
  display: none;
  animation: 0.5s ease-in-out;
}

.carousel-inner > .active,
.carousel-inner > .next {
  display: block;
}

.carousel-inner > .next {
  position: absolute;
  top: 0;
  width: 100%;
}

.carousel-inner > .to-left {
  animation-name: left;
}

.carousel-inner > .from-right {
  animation-name: right;
}

.carousel-inner > .to-right {
  animation-name: right;
  animation-direction: reverse;
}

.carousel-inner > .from-left {
  animation-name: left;
  animation-direction: reverse;
}

.slider-container {
  margin: 0 auto;
}

blockquote {
  padding: 10px 20px;
  margin: 30px 90px;
}

.author {
  margin: 0;
  opacity: 0.5;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  cursor: pointer;
}

.carousel-control.right {
  right: 0;
  left: auto;
}

.carousel-control > .arrow {
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNiAyMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+QXJyb3c8L3RpdGxlPjxwYXRoIGQ9Ik0yNS42IDEwLjk3NGwtOC41MyA4LjYyYTEuMzYgMS4zNiAwIDAgMS0xLjkzNS4wMDMgMS4zODcgMS4zODcgMCAwIDEtLjAwMi0xLjk1bDYuMjAxLTYuMjY4SDEuMzY4QTEuMzc0IDEuMzc0IDAgMCAxIDAgMTBjMC0uNzYyLjYxMy0xLjM4IDEuMzY4LTEuMzhoMTkuOTY2bC02LjItNi4yNjdhMS4zODcgMS4zODcgMCAwIDEgLjAwMS0xLjk1IDEuMzYgMS4zNiAwIDAgMSAxLjkzNi4wMDJsOC41MyA4LjYyMWMuNTMyLjUzOC41MzIgMS40MSAwIDEuOTQ4IiBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=") center center no-repeat;
  background-size: 26px 20px;
  opacity: 0.6;
  transform: translateY(-50%);
}

.carousel-control > .arrow:hover {
  opacity: 0.8;
}

.carousel-control > .arrow.left {
  transform: translateY(-50%) rotate(180deg);
}

.carousel-control > .arrow.right {
  right: 50%;
}

.carousel-indicators {
  position: absolute;
  bottom: 20px;
  left: 50%;
  padding-left: 0;
  margin: 0;
  list-style: none;
  transform: translateX(-50%);
}

.carousel-indicators li {
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  margin: 0px 1px;
}

.carousel-indicators li.active {
  background-color: #FFFFFF;
}

@media (min-width: 992px) {
  .slider-container {
    width: 970px;
  }
}

@media screen and (max-width: 767px) {
  #action-section img{
    height: 26rem;}

/* #header-logo img{
    max-width: 15rem !important;}*/

  #action-section .action-content-section h2 {
   /* padding: 0 0 2.813rem 0;*/
  }

  .consistent-content-section h4 {
    width: 100%;
  }
 
  .data-problem-left{
    padding: 10px;}

  .data-problem-content-section h4 {
    width: 100%
  }

  #offering-section {
    margin: 0;
  }

  section#consistent-section{
    margin: 1.5rem 0 0 0}

  section#drive-transformation h2{
    margin: 20px 0;}

  .drive-trans-section{
    margin: 10px 0;}

  .offering-heading {
    margin: 1rem 0;
  }

  .offering-content-section{
    margin: 20px 0 0 0}

  /*form section css starts*/

  .data-problem-column-section {
    display: inline-block;}

  .data-problem-column-left{
    width: 100%;}

  .data-problem-column-right{
    width: 100%;}

  #data-problem-section img{
    height:65rem;}

  /*form section css ends*/

  /* drive transformation section starts */
  .drive-trans-column {
    width: 100%;
    margin-bottom: 1rem;
    padding-bottom: 1rem;}

  .drive-trans-section{
    display: inline-block;}
  /* drive transformation section ends 
  
  .list-content>p {
    min-height: 14.9rem;*/
  }
}

@media (min-width: 1200px) {
  .slider-container {
    width: 1170px;
  }
}

@keyframes left {
  from {
    left: 0;
  }
  to {
    left: -100%;
  }
}

@keyframes right {
  from {
    left: 100%;
  }
  to {
    left: 0;
  }
}
#data-section{
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(https://mastechinfotrellis.com/hubfs/accelerators.webp);
  color:#fff
}
.page-slider-list-content h2{
  color:#fff;
}
.data-content-section{display: flex; flex-wrap: wrap;color:#fff}
.data-content-section a{
  border-radius: 25px;
  display: inline-flex;
  padding: 10px 25px;
  align-items: center;
  color: #14213d;
  text-decoration: none;
  background-color: #fff;
  font-weight: 600 !important;
}
.data-content-section a:hover{background: #647aa3; color: #fff;}    
.page-slider-list-content{padding:0px 20px;}
.popup-case-study{margin-top:2vw}
img.leader-photo{max-width: 80%;transition: max-width 0.5s;}
.column-one{width:30%;/*display: flex;*/align-items: center;justify-content: center;}
.column-two{width:65%;text-align: left;}
@media (max-width:768px){

  .column-one{width:100%;transition:width 1s;text-align:center}
  .column-two{width:100%;transition:width 1s;margin-top:2vw;
  }
  .page-slider-list-content{text-align: center;margin-top:2vw;}
  img.leader-photo{max-width: 40%;}
  .data-content-section{padding:0px 0px 40px 0px;}
  .carousel-control{bottom:50%;}
  .popup-case-study{margin-top:4vw;}
}

@media screen and (min-width: 768px) and (max-width: 850px) {
.bullet-points-left {
    width: 40%;
}
.bullet-points-right {
    width: 40%;
}
  
  .bullet-points-left ul li, .bullet-points-right ul li{
    font-size:0.85rem;}
}

@media screen and (min-width: 550px) and (max-width: 767px) {
  #data-problem-section img {
    height: 73rem;
  }}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  img.leader-photo{max-width: 65%;transition: max-width 0.5s;}
  .carousel-control {
    width: 5%;
    transition: width 0.5s;
  }
  .popup-case-study{margin-top:1.8vw}
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
  img.leader-photo{max-width: 80%;transition: max-width 0.5s;}
  .carousel-control {
    width: 5%;
    transition: width 0.5s;
  }
}
/*Leader Comment - End*/

/*------Retention Section------*/
#retention_section {
  display: inline-block;
  margin: 1.25rem 0 4rem;
  position: relative;
  width: 100%;
}

.top-perform-imgPara p {
  color: #333;
  font-style: normal;
  font-weight: 400;
  margin-top: 0;
}
.top-perform-imgPara h3 {
  color: #1870b9;
  font-style: normal;
  font-weight: 500;
}

h2.retention-heading {
  color: #0e0e0e;
  font-weight: 300;
  margin:0 0 1.5rem 0;
  font-style: normal;
}

.retention-content-section {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.retention-content-section-left,
.retention-content-section-rignt {
  width: 49%;
}

.img-para-main {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  align-items: flex-start;
}
.top-perform-imgPara h3 {
  margin: 0;
}
.retention-content-section-left.retention-heading {
  margin: 0;
}
.ret-sec-video video {
  width: 100%;
}
.top-perform-imgPara {
  margin-bottom: 1rem;
  padding-right: 0.625rem;
  width: 90%;
}
.img-top-Performers img{
  margin-top: 0.3rem;
}
.img-para-main img{
  margin: 0rem 0.7rem 0 0;
  min-width: 0.2vw;
  width:40px;
  height:40px;
}

/*--------------responsive------------*/

@media only screen and (max-width: 1024px) {
  .retention-content-section {
    display: block;
  }
  .retention-content-section-left,.retention-content-section-rignt {
    width: 60%;
    margin: 0 auto;
    transition: width .5s ease-in-out;
  }
  .retention-content-section-left {
    width: 100%;
  }
  .retention-content-section-left{
    margin:1rem 0 0 0;
  }

  .retention-content-section {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
  }
}
/* @media only screen and (width: 768px) {
.retention-content-section-left{
width:100% !important;
}
.retention-content-section-right{
width:100%;
}
} */

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .retention-content-section-left,
  .retention-content-section-right {
    width: 100%;
  }
}
/*------Retention Section End------*/
/* Banner Layout Style */
/*#header-logo img {
  max-width: 18.75rem;
  padding: 3.875rem 2.5rem 0.625rem 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}*/

.logo-section {
  display: flex;
  width: 100%;
  position: relative;
  justify-content: space-between;
}

.left-logo img {
  max-width: 18rem;
  padding: 3.875rem 0 0.625rem 0;
}

.right-logo img {
  max-width: 20rem;
  padding: 3.875rem 0 0.625rem 0;
}

#header-logo {
  position: absolute;
  width: 100%;
  z-index: 1;
}

#header-banner {
  display: inline-block;
  position: relative;
  width: 100%;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%;
}

section#header-banner::before {
    content: "";
    height: 45rem;
    position: absolute;
    width: 100%;
}
/*#header-banner img {
  height: 50rem;
  width: 100%;
  object-fit: cover;
}*/

section#header-banner img {
  width: 100%;
 height: 45rem;
  object-fit: cover;
}

#header-text-details {
  color: #fff;
  display: inline-block;
  left: 0;
  /*padding-bottom: 2rem;*/
  padding-top: 2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}
/*#header-text-details h1 {
  font-weight: 600;
  text-align: left;
  font-size:2.5rem;
}*/
@media (max-width: 1200px) {
 /* #header-text-details h1 {
    font-size: calc(1.739130435vw + 1.19673913rem);
    transition:0.5s;
  }*/
  #header-text-details p{
    font-size: calc(0.869565217vw + 0.848369565rem) !important;
    line-height: 1.5rem;
  }
}
#header-text-details h1 span {
  color: #7cc8ff;
}
#header-text-details h2 {
  font-weight: 600;
  color: #fff;
  text-align: left;
}
#header-text-details .banner-btn a {
  font-family: 'Raleway';
  background: #fff;
  border-radius: 3.125rem;
  color: #14213D;
  font-weight: 600;
  padding: 1.1rem 2rem;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

#header-text-details .banner-btn a:hover {
  background: #647AA3;
  border-radius: 2.5rem;
 /* box-shadow: 0 0.625rem 3.75rem 0.625rem rgba(0, 23, 147, 0.8); */
  color: #fff;
  transition: 0.4s ease-in-out;
}
#header-text-details .banner-btn {
  padding-top: 1.875rem;
  padding-bottom: 2.5rem;
}
#banner-bottom-text {
  margin: 0.625rem auto;
}
#header-text-details p {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: left;
  margin: 10px 0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header-text-details p {
    width: 100%;
  }
 /* #header-logo img {
    max-width: 15.625rem;
    width: 100%;
  }*/
  #header-text-details {
    padding-top: 6rem;
  }
 
  #header-text-details .banner-btn {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
}
.data-problem-column-right h3 {
  color: #fff;
  text-align: left;
  margin: 20px 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  section#header-banner:before{
  height: 55rem;}
 section#header-banner img{
  height: 65rem;}
  #header-text-details p {
    width: 100%;
  }  
}

@media screen and (max-device-width: 820px) and (orientation : landscape){
  #header-text-details h2 {
    padding-top: 0;
  }
  #header-text-details p {
    padding-top: 0;
    width: 100%;
  }
  section.form-section {
    overflow: scroll;
  }
}
@media screen and (orientation : landscape){
  section.form-section {
    overflow: scroll !important;
  }
}

@media screen and (max-width: 300px) {
  #header-text-details .banner-btn a {
    display: inline-block;
    padding: 0.625rem 1rem;
    margin: 0 0.7rem;
  }
}

section#second_section{
  background: #f8f8f8;
  position: relative;
  width: 100%;
  margin: -15px 0 0 0;}

/* intro-section */
.intro-content-section {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  width: 100%;
}
.intro-content-section-right-details-contents h3 {
  margin: 0;
}

.intro-content-section-right-details {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin:15px 0;
}
.intro-content-section-left{
 width: 40%;}
.intro-content-section-right {
  width: 48%;
}

h2.speaker {
  color: #fff;
  text-align: center;
  padding: 40px 0 0 0;
}

.insights-btn a {
  background: #fca311;
  color: #14213d!important;
  letter-spacing: 0;
  padding: 0.7rem 3.15rem;
  text-decoration: none;
  border-radius: 0.25rem;
  margin: 0 25px;
  font-weight: 600;
  font-size: 1rem;
  transition: 0.3s ease-in-out;
}

/*.intro-content-section-right-details img {
  min-width: 0.2vw;
  width: 40px;
  height: 40px;
}*/

.intro-content-section-right-details-contents {
  width: 90%;
  margin-bottom: 1rem;
}
.intro-content-section-left h2 {
  color: #14213d;
  font-style: normal;
  font-weight: 600 !important;
}
.intro-content-section-left p {
  color: #333;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0 !important;
  margin: 1.25rem 0 1rem 0;
  font-size: 1.1rem;
  line-height: 1.6rem;
}
.intro-content-section-left a {
  background: #fca311;
  color: #14213d!important;
  letter-spacing: 0;
  padding: 0.5rem 2rem;
  text-decoration: none;
  border-radius:0.5rem;
  font-weight: 600;
}
/*.intro-content-section-left a:hover {
  background: 14213d;
  color: #fca311!important;
}*/
.intro-content-section-right-details-contents h3 {
  color: #14213d;
  font-weight: 600;
  text-align: left;
}
.intro-content-section-right-details-contents p {
  color: #0e0e0e;
  letter-spacing: 0 !important;
}

@media (max-width: 1024px) {
  .intro-content-section {
    width: 100%;
    display: block;
  }

  .retention-content-section-left {
    margin-top: 3.125rem;
  }
  .intro-content-section-left,
  .intro-content-section-right {
    width: 100%;
  }
  .intro-content-section-right {
    margin-top: 3.125rem;
  }
  .intro-content-section-left a {
    display: flex;
    margin: 0 auto;
    width: max-content;
  }


  .intro-content-section-right-details-contents {
    width: 93%;
  }
  .hs-form-private .hs-form-field{
    width: 100% !important;
    float: left;
  }
}

section.form-section {
  width: 100%;
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  z-index: 9999;
  overflow: hidden;
  background: hsl(0, 1%, 36%,0.8);
}
section#speak-with-our-specialists:before {
  content: "";
  background: #0000006e;
  position: absolute;
  width: 100%;
  height: 100%;
}


div#close_form {
  cursor: pointer;
  position: absolute;
  top: 40px;
  right: 15px;
}

#speak-with-our-specialists{
  display: none;
}
.show_form{
  display: flex !important;
  align-items: center;
}

.new_lets_talk_section {
  background: #FFF;
  padding: 1.25rem 1.875rem;
  text-align: left;
  margin:  2.5rem auto 0px auto;
  position: relative;
}
.lets_talk-contents h4 {
  align-items: center;
  color: #14213D;
  display: flex;
  font-style: normal;
  font-weight: 600;
  font-family: Montserrat;
  letter-spacing: 0!important;
  font-size: 1.75rem;
  margin-bottom: 30px;
}

@media (max-width: 1200px) {
  .lets_talk-contents h4{
    font-size: calc(0.434782609vw + 1.424184783rem);
  }
}
.lets_talk-forms form {
  display: inline-block;
  padding: 0!important;
  position: relative;
  width: 100%;
}
.lets_talk-forms form fieldset.form-columns-3 {
  margin-top: 20px;
  max-width: 100%;
  width: 100%;
}
.lets_talk-forms .hbspt-form label span, .lets_talk-forms .hs-form-field>label {
  align-items: center;
  color: #000;
  display: flex;
  font-family: Raleway;
  font-style: normal;
  font-weight: 400!important;
  letter-spacing: 0!important;
}
.lets_talk-forms form.hs-form input[type=text], .lets_talk-forms input[type=email], .lets_talk-forms input[type=tel], textarea.hs-input {
  background: 0 0!important;
  border: none;
  border-bottom: 2px solid #14213D !important;
  border-radius: 0;
  font-family: Raleway!important;
  width: 90%;
  min-height: 2.813rem;
}
.hs-form-62aaa424-a6b7-48f6-a3ef-2b13821c479c_cacd89b2-c4c8-4fba-81b5-f379a770d5a2 fieldset.form-columns-3 .input {
  margin-right: 0.5rem;
}
.hs-form-62aaa424-a6b7-48f6-a3ef-2b13821c479c_7ce82da3-6958-4f34-ac3d-a227d08ed3d7 fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  max-width: 100%;
  display: flex;
}
.hs-form-private .form-columns-2 .hs-form-field {
  width: 99%;
}
.lets_talk-forms fieldset.form-columns-2 {
  max-width: 100%;
}
.lets_talk-forms input:focus {
  border: 0;
}
.hs-form-private .hs-form-field{
  width: 32.7%;
  float: left;
  margin-bottom: 1.25rem!important;
}
.lets_talk-forms .actions {
  text-align: center;
}

.lets_talk-forms .actions input[type=submit]:hover {
  color: #FCA311;
}

.lets_talk-forms .actions input[type="submit"] {
  color: #fff;
    text-decoration: none;
    text-align: center;
    background: #14213D;
    border-radius: 100px;
    padding: 0.63rem 1.53rem;
    font-family: raleway !important;
    font-weight: 600;
}

.popup-form-section{
  position: relative;
  display: inline-block;
  width: 100%;
}

.lets_talk-forms .hs-error-msg {color: red;font-size: .75rem;}.lets_talk-forms input {outline: none;}.lets_talk-forms .hs-main-font-element{color: red;font-size: .75rem;}.lets_talk-forms ul.no-list.hs-error-msgs.inputs-list {list-style: none;}