.myshubhlife-hero-section{
    background-image: linear-gradient(var(--white), var(--lavendor));
}
.myshubhlife-product-offering{
    margin-top:10%;
    margin-bottom: 5%;
    font-size: 30px;
    font-weight: bold;
}
.product-offering-card{
    background:var(--white);
    border: none;
    border-radius: 2px;
    position: relative;
    margin: 1rem 1.5rem;
}
.product-offering-card-icon {   
    position: absolute;
    border: 1px solid var(--orange);
    border-radius: 50%;
    padding: 10px;
    background: var(--white);
    top: -20px;
    left: -20px;
    width: 72px;
    height: 72px;
}
.product-offering-icon{
    height: 50px;
    width: auto;
}
.product-offering-card-heading{
    padding: 1rem 1px 1rem 55px;
    background-color: var(--orange);
    color: var(--white);
    border-top-right-radius: 5px;
}
.product-offering-heading{
    color: var(--white);
}
.product-offering-card-body{
    padding: 1rem 1.5rem;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.product-offering-card-content{
    margin-top: 20px;
    margin-bottom: 20px;
}
.feature-container {
    flex-grow: 1;
}
.feature-heading{
    margin-bottom: 50px;
}
.features{
    margin-bottom: 30px;
}
.features-content-img{
    max-width: 55px;
    height: 55px;
}
.feature-rating-card{
    background:var(--orange);
    border-radius: 10px;
}
.features-content-item{
  max-width: 50%;
  flex: 0 0 50%;
  padding-right: 15px;
  align-items: center;
}
.features-content{
    margin-top: 10px;
    margin-left: 10px;
    flex: 1;
}
.feature-customer-card{
    font-size: 26px;
    font-weight: bold;
    line-height:1.5;
    margin-top:2rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    margin-right: 9rem;
    color: var(--white);
}
.feature-customer-card-rating{
    font-size: 40px;
    font-weight: bold;
    color: var(--white);
}
.feature-customer-card-rating-hr-line, .feature-customer-card-star-rating{
    margin-left: 2rem;  
    margin-right: 2rem;  
    font-size: 30px;
    margin-top: 20px;
}
.feature-customer-card-star-rating-info{
    font-size: 16px;
    margin-top:2rem;
    line-height: 1.4;
    margin-left: 2rem;
    margin-bottom: 4rem;
    margin-right: 2rem;
    color: var(--white);
    width:118px;
}
.why-financial-wellness{
  margin: 10% auto;
}
.investment-img{
    width:500px;
}
.why-financial-wellness-main-content{
    margin-bottom: 30px;
}
.why-financial-wellness-content{
    margin-left: 30px;
    margin-top: -20px;
    margin-bottom: 20px;
}
.why-patner-with-us-heading {
    margin-top:1.5rem;
    margin-bottom: 3rem;
}
.why-patner-with-us-heading-content {
  margin-top: 10px;
}
.lending-patner-heading{
    padding: 3rem;
    font: 700 18px/30px var(--font-ubuntu);
}
.our-lending-patner-card-container {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(10rem,20rem));
  justify-content: center;
}
.our-lending-patner-card-image {
  border: 1px solid var(--primary-white);
}
.our-lending-patner-card-image .partner-name {
   color: var(--grey);
   font: 700 15px/18px var(--font-ubuntu); 
}
.lending-partner-card {
    margin-bottom: 3rem;
}
.our-lending-patner-card-image:hover {
  box-shadow: 10px 10px 5px var(--primary-white);
}
.our-lending-patner-card-container h4  {
  color: var(--grey);
}
.myshubhlife-address {
padding-right: 15px;
padding-left: 15px;
}
.myshubhlife-field {
 margin:0 3em;
 padding:0 1.5rem;
}
.contact-input {
    width:100%;
    padding:12px 12px;
	outline:none;
	resize:none;
	border:0;
    border-bottom:2px solid var(--secondary-grey)
}
.contact-input:focus {
    border-bottom:2px solid var(--orange)
}
.input-field:before { 
    content:attr(type)
}
.contact-submit {
    width:100%;
    font-size: 16px;
    color:var(--white);
    padding:15px 12px;
    border: none;
    border-radius: 3px;
	background: var(--orange);
	cursor:pointer;
}
 .media-card-body {
    padding:1.25rem;
}
  .media_card {
    flex:0 0 29%;
    margin:2%;
    transition: 0.5s;
    border-radius: 3px;
  }
  .media-card-img {
    width:100%;
    height: 200px;
    vertical-align: middle;
    border-bottom: 1px solid var(--primary-grey);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .card-date {
    color:var(--grey);
  }
  .card-title {
    font-size: 20px;
  }
  .card-read-more {
    color: var(--orange);
    font-weight: bold;
    text-decoration: none;
  }
  .career {
    background: var(--lightgrey);
  }
  .carrer-img {
      max-width:100%;
  }
  .carrer-content {
    padding: 0 3rem;
    background-color: var(--lightgrey);
    display: flex;
    align-self: center;
  }
  .carrer-section-img{
    background-color: var(--lightgrey);
  }
  .carrer-text{
      padding:1.5rem;
      font-size: 18px;
      text-align: center;
      font-weight: bold;
  }
  .carrer-sub-heading {
      padding: 3rem 1rem;
      text-align: center;
      font-size: 17px;
  }
  .carrer-text-primary{
      color: var(--orange);
  }
  .paragraph-content{
      padding: 1rem;
      font: 400 1rem/1.5 var(--font-ubuntu);
      color: var(--border-grey);
  }
  .paragraph-content.principles p.paragraph-heading {
    margin-bottom: .5rem;
  }
  .paragraph-heading{
      font-size: 23px;
      font-weight: bold;
  }
  .paragraph-text{
      color: var(--body-grey);
      word-break: break-word;
  }
  ol.paragraph-text,
  ol.paragraph-text ul,
  ul.paragraph-text {
    padding-left: 20px;
  }
  .square-list{
    list-style-type: square;
  }
  .text-zero-margin-bottom{
      margin-bottom: 0;
  }
  .contact-us-banner {
    min-height: 350px;
  }
  .myshubhlife-product-offering-cards{
    margin-top: 25px;
  }
  .myshubhlife-product-offering-cards > div{
    display: flex;
    align-items: stretch;
  }
@media screen and (max-width: 769px) {
    .myshubhlife-hero-section, .feature-section, .why-financial-wellness, .contact-us, .media-card-section{
        flex-direction: column;
    } 
    .hero-section-title{
        margin-left: auto;
        text-align: center;
    }
    .feature-heading{
      text-align: center;
    }
    .feature-container {
      max-width: 100%;
      flex-wrap: nowrap;
    }
    .features-content-img{
      width: auto;
      height: 50px;
    }
    .myshubhlife-field {
      margin: 0;
      padding: 0;
    }
    .myshubhlife-product-offering{
      text-align: center;
    }
    .product-offering-card {
      margin:2rem 1rem;
      width: inherit;
      display: flex;
      flex-direction: column;
    }
    .action-container {
        justify-content: center;
    }
    .hero-section-banner-image{
        max-width: 100%;
    }
    .feature-rating-card{
        max-width: 100%;
    }
    .investment-img{
        width:300px;
    }
    .why-financial-wellness-financial-plan{
        max-width: 100%;
        text-align: justify;
    }
    .testimonial-container .testimonial-slider .customer_comment{
        margin-left: auto;
        margin-right: auto;
  }
  .myshubhlife-address, .media-section-main-title, .carrers-section-main-title{
      text-align: center;
  }
  .carrer-content{
      padding: 0;
  }
  .lending-patner-heading{
      padding: 1rem;
  }
}
  @media screen and (max-width: 600px) {
    .features-content {
      flex: unset;
      font-size: 14px;
    }
  }