@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;600;800&display=swap');

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.abt-main-cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-color: #FFFFFF;
    width: 100%;
    font-family: "Open Sans" , sans-serif;
    height: auto;
     margin-top: 50px;
}
.abt-banner-section{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #022B4B;
    width: 100%;
    min-height: 360px;
    padding: 0px 30px;
}
/* .inner-abt-banner-section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1400px;
    width: 100%;
  
} */
.abt-left-cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 908px;
    width: 100%;
    gap: 30px;
    align-items: center;
   
}
.abt-left-cont>h1{
    font-size: 38px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 106%; 
    letter-spacing: 1%;
    text-align: center;
     max-width: 850px;
    width: 100%;
}
.abt-left-cont>p{
    font-size: 18px;
    font-weight: 400;
    color: #EDEDED;
    line-height: 115%;
    letter-spacing: -2%;
     text-align: center;
}
.abt-banner-section>img{
    max-width: 516px;
    width: 100%;
    max-height: 287px;
    height: 100%;
    object-fit: cover;
}

/* missions section  */
.abt-missions-section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
    max-width: 1300px;
    width: 100%;
    height: auto;
    gap: 30px;
    padding: 30px 50px;
    background-color: transparent;
}
.abt-mission-img{
    max-width: 417px;
    width: 100%;
    max-height: 401px;
    height: 100%;
    object-fit: cover;
}
.inner-missions-cont{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 15px;
    /* align-self: flex-end; */
    max-width: 526px;
    width: 100%;
    height: auto;
    background-color: #FDFBF4;
    padding: 25px;
    
}
.inner-missions-cont>div{
   max-width: 285px;
    width: 100%;
    height: 62px;
    border-left: 4px solid #EAD292;
    align-items: center;
    display: flex;
    padding-left: 10px;
}
.inner-missions-cont>div>h1{
    font-size: 26px;
    color: #000000;
    font-weight: 600;
   
}

.inner-missions-cont>p{
    font-size: 16px;
    color: #2E2E2E;
    font-weight: 400;
}
.inner-missions-cont>ul{
    font-size: 16px;
    color: #6E6E6E;
    font-weight: 400;
    padding-left: 20px;
}

/* Choose RHP section  */
.abt-choose-rhp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px 50px;
    background-color: #FDFBF4;
    gap: 10px;
}
.abt-choose-rhp>h1{
    font-size: 26px;
    font-weight: 600;
    color: #2E2E2E;
    line-height: 106%;
    letter-spacing: 1%;
    margin: 20px 0px;
}
.abt-choose-rhp>p{
    font-size: 16px;
    font-weight: 400;
    color: #4E4E4E;
    line-height: 109%;
    letter-spacing: 2%;
    max-width: 609px;
    width: 100%;
    text-align: center;
}
.inner-abt-choose-rhp{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    max-width: 906px;
    width: 100%;
    height: auto;
    margin: 20px 0px;
}
.inner-abt-choose-rhp-card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 407px;
    width: 100%;
   
    /* border-radius: 12px; */
    gap: 10px;
    background-color: #EEDBA8;
    padding: 20px ;
    margin: 20px 0px;
}
.inner-abt-choose-rhp-card>img{
    max-width: 72px;
    width: 100%;
    max-height: 72px;
    height: 100%;
}
.inner-abt-choose-rhp-card>h1{
    font-weight: 500;
    font-size: 20px;
    color: #2E2E2E;
    line-height: 106%;
    letter-spacing: 1%;
}
.inner-abt-choose-rhp-card>p{
    font-weight: 400;
    font-size: 16px;
    color: #4E4E4E;
    line-height: 122%;
    letter-spacing: 1%;
    text-align: center;
}
.inner-abt-choose-rhp-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 407px;
    width: 100%;
    gap: 10px;
    background-color: #EEDBA8;
    padding: 20px;
    margin: 20px 0px;

    /* Hover Animation Properties */
    transition:
        transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
        box-shadow 0.45s ease,
        background-color 0.45s ease;
    cursor: pointer;
    transform-style: preserve-3d;
}

/* Hover Effect */
.inner-abt-choose-rhp-card:hover {
    transform: translateY(-8px) scale(1.03);
    /* background-color: #f3e2c7; */
    box-shadow: 0px 18px 28px rgba(0, 0, 0, 0.18);
}

/* Hover Animation for Image */
.inner-abt-choose-rhp-card img {
    transition: transform 0.45s ease, filter 0.4s ease;
}
.inner-abt-choose-rhp-card img {
    transition: transform 1.4s cubic-bezier(0.15, 0.85, 0.25, 1), 
                filter 1.2s ease;
}

.inner-abt-choose-rhp-card:hover img {
    transform: translateZ(8px);
    filter: brightness(1.1);
}


.inner-abt-choose-rhp-card h1,
.inner-abt-choose-rhp-card p {
    transition:
        transform 1.4s cubic-bezier(0.15, 0.85, 0.25, 1),
        color 0.9s ease;
}

.inner-abt-choose-rhp-card:hover h1,
.inner-abt-choose-rhp-card:hover p {
    transform: translateZ(5px);
    color: #1a1a1a;
}





/* Leadership Team  */
.abt-teams-section{
     display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 20px 50px;
    background-color: transparent;
    gap: 10px;
    margin: 25px 0px;
}
.abt-teams-section>h1{
    font-size: 26px;
    font-weight: 600;
    color: #2E2E2E;
    line-height: 106%;
    letter-spacing: 1%;
    margin: 20px 0px;
}
.abt-teams-section>p{
        font-size: 16px;
    font-weight: 400;
    color: #6E6E6E;
    line-height: 106%;
    letter-spacing: 1%;
      max-width: 590px;
    width: 100%;
    text-align: center;
}
.abt-teams-card-cont{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    margin: 20px 0px;
}
.abt-teams-card-cont>div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
    background-color: #FFFFFF;
    border: 1px solid #557186;
    box-shadow: 0px 4px 4px 0px  #EDF2F6;
    max-width: 257px;
    width: 100%;
    height:158px;
    /* border-radius: 12px; */
    gap: 10px;
}
.abt-teams-card-cont>div>img{
  width: 75px;
  height: 75px;
  object-fit: cover;
}
.abt-teams-card-cont>div>h1{
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 1%;
  line-height: 106%;
  text-align: center;
}
.abt-teams-card-cont>div>h2{
  font-size: 14px;
  color: #557186;
  font-weight: 400;
  letter-spacing: 1%;
  line-height: 106%;
  text-align: center;
}
.abt-teams-card-cont>div>p{
  font-size: 12px;
  color: #000000;
  font-weight: 400;
  letter-spacing: 1%;
  line-height: 106%;
  text-align: center;
}
/* Hover  */


/* .abt-teams-card-cont > div {
    transition:
        transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1),
        box-shadow 0.45s ease,
        border-color 0.45s ease,
        background-color 0.45s ease;
    transform-style: preserve-3d;
    perspective: 800px;
    cursor: pointer;
}

.abt-teams-card-cont > div:hover {
    transform: translateY(-10px) scale(1.04) rotateX(4deg);
    border-color: #2c5f85;
    background-color: #f8fbff;
    box-shadow: 0px 18px 30px rgba(0, 0, 0, 0.18);
} */


.abt-teams-card-cont > div:hover img {
    transform: translateZ(12px);
    transition: transform 0.4s ease, filter 0.3s ease;
    filter: brightness(1.08);
}


.abt-teams-card-cont > div:hover h1,
.abt-teams-card-cont > div:hover h2,
.abt-teams-card-cont > div:hover p {
    transform: translateZ(8px);
    transition: transform 0.4s ease;
}


/* .abt-teams-card-cont > div:hover h1 {
    color: #1d1d1d;
}
.abt-teams-card-cont > div:hover h2 {
    color: #2c5f85;
} */
/* .abt-teams-card-cont > div:hover p {
    color: #3a3a3a;
} */


/* Strength */

.abt-str-bhd-section{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
  width: 100%;
  height: auto;

  padding: 30px;
  align-items: center;
  align-self: center;

}
.inner-abt-str-cont{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 30px;
  max-width: 468px;
  width: 100%;
  height: auto;

}
.inner-abt-str-cont>h1{
  font-weight: 600;
  font-size: 28px;
  color: #000000;
  letter-spacing: 1%;
  line-height: 106%;
}
.inner-abt-str-cont>p{
  font-weight: 400;
  font-size: 18px;
  color: #2E2E2E;
  letter-spacing: 1%;
  line-height: 109%;
}
.inner-abt-value-cont{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;
 
  height: auto;
}
.inner-abt-value-cont>h1{
  font-weight: 600;
  font-size: 36px;
  color: #1EAC2E;
  letter-spacing: 1%;
  line-height: 106%;
}
.inner-abt-value-cont>p{
  font-weight: 400;
  font-size: 18px;
  color: #2E2E2E;
  letter-spacing: 1%;
  line-height: 106%;
}


/* Industry Relationships */
.abt-inst-rel-section{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 30px;
  padding: 30px;
  align-items: center;
}

.abt-inst-rel-section > h1{
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  line-height: 106%;
  text-align: center;
  margin: 15px 0px;
}

.scroll-wrap {
  max-width: 1200px;
  width: 100%;
  overflow: hidden;
  /* white-space: nowrap; */
  
}
.scroll-content {
  display: inline-flex;
  gap: 30px;
  animation: scroll 35s linear infinite;
}

.scroll-wrap.ltr .scroll-content {
  animation-direction: reverse;
}

.scroll-content > div {
    width: 185px;
    height: 141px;
    background-color: #FFFFFF;
    border: 0.6px solid #E1E1E1;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        1.29px 1.29px 3.86px rgba(73, 125, 168, 0.1),
        6.44px 5.15px 7.72px rgba(73, 125, 168, 0.09),
        14.16px 11.58px 10.3px rgba(73, 125, 168, 0.05),
        24.46px 20.59px 12.87px rgba(73, 125, 168, 0.01),
        38.62px 32.18px 14.16px rgba(73, 125, 168, 0.0);
}

.scroll-content > div > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}



/* KEYFRAMES */
@keyframes scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Last section  */

.abt-last-section{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  /* margin: 20px 0px; */
  padding:50px 30px;
  width: 100%;
  height: auto;
  gap: 20px;
  background-color: #022B4B;
}
.abt-last-section>h1{
  font-size: 32px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 106%;
  letter-spacing: 1%;
  text-align: center;
  max-width: 873px;
  width: 100%;
  margin: 5px 0px;
}
.abt-last-section>p{
  font-size: 16px;
  font-weight: 400;
  color: #EBEBEB;
  line-height: 106%;
  letter-spacing: 1%;
  text-align: center;
  max-width: 673px;
  width: 100%;
}
.abt-last-section>a{
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  line-height: 106%;
  letter-spacing: 1%;
  text-align: center;
  height: 32px;
  background-color: #EAD292;
  /* border-radius: 6px; */
  outline: none;
  max-width: 217px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: none;
  cursor: pointer;
    margin: 5px 0px;
}
.abt-last-section>a:hover {
  background: #e5e5e5;
}

.abt-last-section>button>img{
  width: 18px;
  height: 18px;
  object-fit: contain;
}

  .abt-inst-rel-section > h1 {
    font-size: 26px;
  }










@media (max-width: 1400px) {
  .abt-left-cont > h1 {
    font-size: 40px;
  }

  .inner-abt-banner-section img {
    max-width: 470px;
  }
  .abt-banner-section{
    min-height: 360px;
  }
}


@media (max-width: 1200px) {
  .abt-left-cont > h1 {
    font-size: 38px;
  }

  .abt-left-cont > p {
    font-size: 17px;
  }

  .inner-abt-banner-section img {
    max-width: 420px;
  }
   .inner-missions-cont > h1 {
    font-size: 26px;
  }

  .inner-missions-cont > p,
  .inner-missions-cont > ul {
    font-size: 17px;
  }
   .inner-abt-choose-rhp {
    justify-content: center;
    gap: 25px;
  }
    .abt-teams-section > h1 {
    font-size: 24px;
  }

  .abt-teams-section > p {
    font-size: 17px;
  }
    .inner-abt-str-cont > h1 {
    font-size: 26px;
  }

  .inner-abt-value-cont > h1 {
    font-size: 34px;
  }
}

@media (max-width: 1024px) {
  .scroll-content {
    gap: 22px;
  }

  .scroll-content img {
    width: 105px;
    height: 90px;
  }
    .abt-last-section {
    padding: 45px 25px;
  }
  .abt-last-section > h1 {
    font-size: 28px;
  }
}

@media (max-width: 992px) {
  .inner-abt-banner-section {
    gap: 40px;
  }

  .abt-left-cont > h1 {
    font-size: 34px;
  }

  .inner-abt-banner-section img {
    max-width: 380px;
  }
    .abt-missions-section,
  .abt-vision-section {
    padding: 25px 40px;
  }

  .inner-missions-cont {
    max-width: 500px;
  }

  .inner-missions-cont > h1 {
    font-size: 24px;
  }

  .inner-missions-cont > p,
  .inner-missions-cont > ul {
    font-size: 16px;
  }
    .abt-choose-rhp > h1 {
    font-size: 26px;
  }

  .abt-choose-rhp > p {
    font-size: 17px;
  }

  .inner-abt-choose-rhp-card {
    max-width: 360px;
  }

    .abt-teams-card-cont {
    gap: 24px;
  }

  .abt-teams-card-cont > div {
    max-width: 240px;
  }

  .abt-teams-card-cont > div > h1,
  .abt-teams-card-cont > div > h2 {
    font-size: 15px;
  }

  .abt-teams-card-cont > div > p {
    font-size: 11px;
  }
  .abt-str-bhd-section {
    gap: 40px;
  }

  .inner-abt-str-cont {
    max-width: 420px;
  }

  .inner-abt-str-cont > h1 {
    font-size: 24px;
  }

  .inner-abt-value-cont > h1 {
    font-size: 32px;
  }

  .inner-abt-value-cont > p,
  .inner-abt-str-cont > p {
    font-size: 17px;
  }
}


@media (max-width: 768px) {
  .abt-banner-section {
    /* min-height: auto; */
    padding: 50px 20px;
  }

  .inner-abt-banner-section {
    flex-direction: column;
    text-align: center;
    gap: 30px;
  }

  .abt-left-cont {
    align-items: center;
  }

  .abt-left-cont > h1 {
    font-size: 30px;
    max-width: 95%;
  }

  .abt-left-cont > p {
    font-size: 15px;
    max-width: 90%;
  }

  .inner-abt-banner-section img {
    max-width: 350px;
  }
    .abt-missions-section,
  .abt-vision-section {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px 25px;
  }

  .inner-missions-cont {
    align-self: center;
  }

  .inner-missions-cont > ul {
    text-align: left;
  }
    .abt-choose-rhp {
    padding: 20px 30px;
    text-align: center;
  }

  .inner-abt-choose-rhp {
    flex-direction: column;
    align-items: center;
    gap: 22px;
  }

  .inner-abt-choose-rhp-card {
    max-width: 420px;
  }

  .inner-abt-choose-rhp-card > h1 {
    font-size: 20px;
  }

  .inner-abt-choose-rhp-card > p {
    font-size: 14px;
  }
   .abt-teams-section {
    padding: 20px 25px;
    text-align: center;
  }

  .abt-teams-section > h1 {
    font-size: 22px;
  }

  .abt-teams-section > p {
    font-size: 16px;
    max-width: 90%;
  }

  .abt-teams-card-cont {
    flex-direction: column;
    align-items: center;
  }

  .abt-teams-card-cont > div {
    max-width: 340px;
  }
  .abt-str-bhd-section {
    flex-direction: column;
    text-align: center;
    margin: 40px 20px;
    gap: 35px;
  }

  .inner-abt-str-cont,
  .inner-abt-value-cont {
    max-width: 100%;
    align-items: center;
  }

  .inner-abt-value-cont {
    gap: 14px;
  }
    .abt-inst-rel-section {
    padding: 20px;
    gap: 20px;
  }

  .abt-inst-rel-section > h1 {
    font-size: 20px;
  }

  .scroll-content {
    gap: 18px;
  }

  .scroll-content img {
    width: 95px;
    height: 80px;
  }
    .abt-last-section {
    padding: 40px 20px;
    gap: 16px;
  }
  .abt-last-section > h1 {
    font-size: 24px;
  }
  .abt-last-section > p {
    font-size: 15px;
  }
  .abt-last-section > button {
    max-width: 200px;
    height: 30px;
    font-size: 15px;
  }
}


@media (max-width: 576px) {
  .abt-left-cont > h1 {
    font-size: 26px;
    font-weight: 500;
  }

  .inner-missions-cont>div>h1{
    font-weight: 500;
  }

  .abt-left-cont > p {
    font-size: 14px;
    line-height: 130%;
  }

  .inner-abt-banner-section img {
    max-width: 280px;
  }
    .inner-missions-cont > h1 {
    font-size: 22px;
  }

  .inner-missions-cont > p,
  .inner-missions-cont > ul {
    font-size: 14px;
    text-align: left;
  }

  .inner-missions-cont > ul {
    padding-left: 15px;
  }
    .abt-choose-rhp > h1 {
    font-size: 20px;
  }

  .abt-choose-rhp > p {
    font-size: 14px;
    line-height: 130%;
  }

    .abt-teams-section > h1 {
    font-size: 21px;
    font-weight: 500;
  }

  .inner-abt-choose-rhp-card {
    padding: 16px;
    max-width: 100%;
  }

  .inner-abt-choose-rhp-card > img {
    max-width: 60px;
  }
    .abt-teams-section > h1 {
    font-size: 25px;
  }

  .abt-teams-section > p {
    font-size: 15px;
    line-height: 130%;
  }

  .abt-teams-card-cont > div {
    max-width: 100%;
    padding: 22px 16px;
  }

  .abt-teams-card-cont > div > img {
    width: 65px;
    height: 65px;
  }

  .abt-teams-card-cont > div > p {
    font-size: 14px;
  }
   .inner-abt-str-cont > h1 {
    font-size: 22px;
  }

  .inner-abt-str-cont > p {
    font-size: 15px;
    line-height: 130%;
  }

  .inner-abt-value-cont > h1 {
    font-size: 28px;
  }

  .inner-abt-value-cont > p {
    font-size: 15px;
  }
    .abt-inst-rel-section {
    padding: 15px;
    gap: 15px;
  }

  .abt-inst-rel-section > h1 {
  font-size: 20px;
    font-weight: 500;
  }

  .scroll-content img {
    width: 85px;
    height: 70px;
    padding: 6px;
  }
  .abt-last-section {
    padding: 35px 18px;
    gap: 14px;
  }
  .abt-last-section > h1 {
    font-size: 20px;
    font-weight: 500;
  }
  .abt-last-section > p {
    font-size: 14px;
  }
  .abt-last-section > button {
    max-width: 180px;
    height: 30px;
    font-size: 14px;
  }

    .abt-choose-rhp > h1 {
    font-size: 20px;
    font-weight: 500;
  }
}






@media (max-width: 400px) {
  .abt-left-cont > h1 {
    font-size: 22px;
  }

  .abt-left-cont > p {
    font-size: 13px;
  }

  .inner-abt-banner-section img {
    max-width: 240px;
  }
    .inner-missions-cont > h1 {
    font-size: 20px;
  }

  .inner-missions-cont > p,
  .inner-missions-cont > ul {
    font-size: 14px;
  }
 

  .inner-abt-choose-rhp-card > h1 {
    font-size: 18px;
  }

  .inner-abt-choose-rhp-card > p {
    font-size: 14px;
  }

  .inner-abt-choose-rhp-card > img {
    max-width: 50px;
  }
  

  .abt-teams-card-cont > div > h1,
  .abt-teams-card-cont > div > h2 {
    font-size: 19px;
  }


    .inner-abt-str-cont > h1 {
    font-size: 20px;
  }

  .inner-abt-value-cont > h1 {
    font-size: 26px;
  }

  .inner-abt-value-cont > p {
    font-size: 14px;
  }
   .abt-inst-rel-section {
    padding: 12px;
  }

  .abt-inst-rel-section > h1 {
    font-size: 20px;
    font-weight: 500;
  }

  .scroll-content img {
    width: 75px;
    height: 60px;
    padding: 5px;
  }
    .abt-last-section {
    padding: 30px 15px;
    gap: 12px;
  }
  .abt-last-section > h1 {
    font-size: 18px;
  }
  .abt-last-section > p {
    font-size: 13px;
  }
  .abt-last-section > button {
    max-width: 170px;
    height: 28px;
    font-size: 13px;
  }
}
@media (max-width: 360px) {
  .scroll-content img {
    width: 65px;
    height: 55px;
  }
    .abt-last-section > h1 {
    font-size: 16px;
  }
  .abt-last-section > p {
    font-size: 12px;
  }
  .abt-last-section > button {
    max-width: 150px;
    height: 26px;
    font-size: 12px;
    gap: 6px;
  }
  .abt-last-section > button > img {
    width: 16px;
    height: 16px;
  }
}