* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}


:hover {
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}


.see-more
{
  width: 100%;
  height: auto;
  margin: 40px 0 0 0;
}
.see-more a
{
  background: #69B445;
  text-decoration: none;
  color: #fff;
  font-size: 18px;
  padding: 12px 30px;
  border-radius: 15px 0;
  font-family: "aptos-bold";
}



.about-sec-1
{
	width: 100%;
	height: auto;
	padding: 70px 0;
  background: #EDF8FF;
}
.about-dec
{
  width: 100%;
  height: auto;
}
.about-dec h3
{
  font-size: 36px;
  color: #213565;
  font-family: "aptos-bold";
  text-transform: uppercase;
  margin:0 0 20px 0;
}
.about-dec p
{
  font-size: 18px;
  color: #213565;
  font-weight: 400;
  margin:0 0 10px 0;
}
.about-dec ul li{

  font-size: 18px;
  color: #213565;
  font-weight: 400;
  margin:0 0 10px 0;
}
.about-pic
{
  width: 100%;
  height: auto;
  text-align: right;
}
.about-pic img
{
  max-width: 97%;
}
.about-flx
{
  justify-content: left;
  align-items: center;
  display: flex;
}

.related
{
  justify-content: center;
  align-items: center;
  display: flex;
}
.related-box
{
  width: 33%;
  height: auto;
  background:#E5F3FC;
  min-height: 250px;
  border-radius:50px 0;
  padding: 30px;
}



.about-sec-2
{
  width: 100%;
  height: auto;
  padding: 70px 0;
}
.about-sec-2 h2
{
   color: #213565;
   font-size: 36px;
   margin: 0 0 40px 0;
   font-family: "aptos-bold";
}
.rel-arw
{
  width: 50px;
  height: 50px;
  float: right;
}
.rel-arw a
{
  display: block;
  border:2px solid #213565;
  border-radius: 50%;
}
.rel-arw img
{
  width: 100%;
  height: 100%;
  transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
.rel-arw a:hover img
{
   rotate: 30deg;
   transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}
.rel-icon
{
  width: 100%;
  height: auto;
  margin: 90px 0 10px;
}
.rel-icon img
{
  max-height: 45px;
}
.related-box h4
{
  color: #213565;
  font-size: 28px;
  margin: 0 0 0px 0;
  font-weight: 600;
}
.rel-1
{
  background: #213565;
}
.rel-1 .rel-arw a
{
  border:2px solid #BDE6FF;
}
.related-box.rel-1 h4
{
  color: #BDE6FF;
}
.related-box:hover .rel-arw a img
{
   rotate: 30deg;
   transition: all .4s;
  -moz-transition: all .4s;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
}

.CommitmentsSection{
  padding: 80px 0;
}
.commitmentblock{
  background-color: #213565;
  border-radius: 0 20px;
  padding: 30px;
  color: #fff;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 1.5rem;
}
.commitmentblock h5{
  font-family: "aptos-semibold";
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0%;
  text-transform: uppercase;
}
.commitmentblock p{
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0%;
}

.thoughtLeadership .about-dec h3{
  margin: 30px 0 50px;
}

@media only screen and (min-width: 1851px) and (max-width: 5000px) {

  .container
  {
    max-width: 1750px;
  }

.about-dec h3
{
  font-size: 40px;
}
.about-dec p {
  font-size: 24px;
  line-height: 140%;
}
.about-dec ul li {
  font-size: 24px;
}
.about-sec-2 h2 {
  font-size: 40px;
}
.related-box h4
{
  font-size: 36px;
}
.related-box
{
  padding: 30px 50px 40px;
}

}
@media only screen and (min-width: 1700px) and (max-width: 1850px) {
  .container
  {
    max-width: 1500px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1699px) {
    .container {
        max-width: 1400px;
    }
  .commitmentblock h5{
    font-size: 22px;
  }
  .commitmentblock p{
    font-size: 18px;
  }
}

@media only screen and (max-width: 991px) {
 .container{
    max-width: 95%;
  }
}
@media only screen and (max-width: 881px) {
  .about-dec h3 {
    font-size: 30px;
  }
  .related-box {
    width: 50%;
  }
  .related-box h4
  {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {

.about-dec h3 {
  font-size: 28px;
}
.about-pic
{
  margin-top: 30px;
  text-align: center;
}
.about-pic img {
  max-width: 100%;
}
.about-sec-2 h2
{
  font-size: 24px;
}
.about-sec-2 {
  padding:30px 0;
}
.related {
  display: block;
}
.related-box {
  width: 100%;
  margin-bottom: 10px;
}
.related-box h4
{
  font-size: 26px;
}
.rel-icon {
  margin:60px 0 10px;
}
.about-sec-1 {
  padding:30px 0;
}


}


@media screen and (max-width: 1580px){
  .commitmentblock h5{
    font-size: 20px;
  }
  .commitmentblock p{
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px){
  .commitmentblock h5{
    font-size: 18px;
  }
  .commitmentblock p{
    font-size: 16px;
  }
  .thoughtLeadership .about-dec h3{
    margin: 00px 0 30px;
    font-size: 32px;
  }
  .calist .webinar-dec span{
    font-size: 14px;
  }
  .calist .webinar-dec h3 {
    font-size: 22px;
  }
  .calist .webinar-dec h4{
    font-size: 20px;
  }
  .calist .webinar-dec p {
    font-size: 14px;
    line-height: 121%;
    font-family: "aptos-bold";
  }

}
@media screen and (max-width: 1280px){
  .commitmentblock h5{
    font-size: 16px;
  }
  .commitmentblock p{
    font-size: 14px;
  }
}

.about_Custom_Container .about-dec p{
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 1.2rem;
}
.about_Custom_Container .about-dec p strong{
  font-family: "aptos-semibold";
}

.about_Custom_Container .tab-buttons{
  width: 95%;
}


@media screen and (max-width: 1840px){
  .about_Custom_Container .about-dec p{
    font-size: 22px;
    line-height: 140%;
  }
  .about_Custom_Container .tab-buttons{
    width: 100%;
  }

}
@media screen and (max-width: 1640px){
  .about_Custom_Container .about-dec p{
    font-size: 20px;
    line-height: 140%;
  }
}
@media screen and (max-width: 1440px){
  .about_Custom_Container .about-dec p{
    font-size: 16px;
    line-height: 140%;
  }
  .about_Custom_Container .tab-button
  {
    height: 200px !important;
    border-radius: 80px 0 !important;
  }
  .about-dec h3 {
    font-size: 27px;
    margin-bottom: 15px;
  }
  .about-sec-1, .sustainability-sec-1{
    padding: 50px 0 !important;
  }
}
@media screen and (max-width: 570px){
  .thoughtLeadership .about-dec h3{
    font-size: 24px;
  }
}
@media screen and (max-width: 425px){
.about-dec h3 {
    font-size: 24px;
}
}