.profile-img {
	width: 220px;
	max-width: 100%;
	height:68%;
}
.profile-name {
	color: #52a7be;
	font-size: 1.3rem;
	font-weight: bold;
}
.profile-title {
	color: #888;
}
.divider {
	width: 94%;
	height: 12px;
	background: #52a7be;
	border-radius: 7px;
	margin-bottom: 0.8em;
}

.ceomessage
{
	margin-top:5% !important;
}

.ceomessage p {
    text-align: justify;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}

.bootstrap-override {
	letter-spacing: 0.2px !important;
}
.leader-quote {
	background: #fff;
	padding: 2.2rem 1.6rem 1.7rem 1.6rem;
	margin-bottom: 2em;
	align-items: center;
}
.leader-img {
	height: 341px;
	object-fit: cover;
}
.leader-quote blockquote {
	font-size: 1.21em;
	font-weight: 550;
	line-height: 2.15;
	margin-bottom: 0.8em;
	position: relative;
	background: none;
	text-align: justify;
}
.leader-quote blockquote:before {
	color: #1793c6;
	font-size: 2.2em;
	position: absolute;
	left: -0.5em;
	top: 0;
	font-family: serif;
}
.leader-name {
	color: #52a7be;
	font-size: 1.07em;
	font-weight: 800;
	margin-bottom: 4px;
}
.leader-role {
	font-size: .96em;
	color: #555;
	margin-bottom: 8px;
}
.leader-caption {
	margin-top: -0.3em;
	margin-bottom: 1.2em;
	font-size: .96em;
	letter-spacing: .5px;
	color: #444;
}
.blue-underline {
	width: 94%;
	height: 12px;
	background: #52a7be;
	border-radius: 7px;
	margin-bottom: 0.8em;
}


.about-background-section {
    background-image: url('/Style Library/CNHI/images/about_2.png');
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 500px;
    padding: 3rem 0;
    position: relative;
}

.aboutText-overlay {

    padding: 2.5rem;
     text-align:justify;
}

.aboutText-overlay h2
{
  color: #52a7be;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align:justify;

}

.aboutText-overlay p
{
 text-align:justify;
 line-height:2;

}


.aboutText h2 {
    color: #52a7be;
    font-weight: bold;
    margin-bottom: 1.5rem;
    text-align:justify;
}

.aboutText p {
    text-align: justify;
    line-height: 2;
    color: #333;
}

@media (max-width: 768px) {
    .about-background-section {
        min-height: auto;
        padding: 2rem 1rem;
        background:none;
    }
    
    .aboutText-overlay {
        padding: 1.5rem;
    }
}


    @media (max-width: 768px) {
      .leader-img {
        width: 350px;
        height: 280px;
      }
      .leader-quote blockquote {
        font-size: 1em;
        padding-right: 0.7em;
      }
      .blue-underline { width: 100%; height: 9.8px;}
      .leader-quote { padding: 1.2rem 0.8rem 1.3rem 0.8rem;}
    }
    @media (max-width: 550px) {
      .leader-quote blockquote { font-size: 0.93em;}
      .leader-img { width: 350px; height: 280px;}
    }
    
        .left-section {
      padding-left: 2rem;
    }
    .section-title {
      color: #1793c6;
      font-size: 1.75em;
      font-weight: 700;
      margin-bottom: 1rem;
    }
    .section-text {
      font-size: 1.05em;
      line-height: 2;
      color: #2b2b2b;
      text-align: justify;
      margin-bottom: 1.5rem;
    }
    .read-more-btn {
      background: #1793c6;
      color: #fff;
      border: none;
      padding: 0.7rem 2rem;
      border-radius: 25px;
      font-size: 1em;
      font-weight: 600;
      cursor: pointer;
      transition: all 0.3s;
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
    }
    .read-more-btn:hover {
      background: #146fa8;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(23,147,198,0.3);
    }
    .right-section {
      background: linear-gradient(135deg, #f0f8ff 0%, #e6f4ff 100%);
      border-radius: 16px;
      padding: 2rem 1.8rem;
      border: 2px solid #d4ebf7;
      position: relative;
    }
    .quote-icon {
      color: #1793c6;
      font-size: 3em;
      line-height: 0;
      margin-bottom: 0.5rem;
      font-family: Georgia, serif;
    }
    .quote-text {
      font-size: 1.12em;
      font-weight: 600;
      line-height: 2;
      color: #222;
      margin-bottom: 1.5rem;
    }
    .leader-info {
      text-align: center;
      margin-top: 1.5rem;
    }
    .leader-name {
      color: #1793c6;
      font-size: 1.15em;
      font-weight: 800;
      margin-bottom: 0.3rem;
    }
    .leader-title {
      color: #666;
      font-size: 0.95em;
      margin-bottom: 0.2rem;
    }
    .accent-line {
      width: 60px;
      height: 4px;
      background: #1793c6;
      border-radius: 3px;
      margin: 0.8rem auto;
    }
    @media (max-width: 768px) {
      .main-container {
        padding: 1.5rem 1rem;
        margin: 1rem;
      }
      .left-section {
        padding-left: 0;
        margin-bottom: 2rem;
      }
      .section-title {
        font-size: 1.4em;
      }
      .section-text {
        font-size: 0.98em;
      }
      .right-section {
        padding: 1.5rem 1.2rem;
      }
      .quote-text {
        font-size: 1em;
      }
    }
/* Phone Screen new Website */

@media (max-width:550px) {

/* Leader img */
.leader-img {
    width: 300px !important;
    height: 350px !important;
}
.leader-bar {
    width: 350px !important;
    border-radius: 20px !important;
}

}