/**
Breakpoint Variables - Define these as LESS variables for media queries
**/
/**
@media only screen and (max-width: @tablet) {
}

@media only screen and (max-width: @mobile) {
}

mobile fonts
D60px
font-size: 48px;
D24px 
font-size: 21px;
font-size: 18px;
font-size: 16px;
***/
.main-content .history .timeline-wrapper .timeline .bar {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  background-color: var(--afp-teal-light);
  transition: var(--transitionAllFast);
}
.main-content .history .timeline-wrapper .timeline .container .slick-next {
  position: absolute;
  right: 0;
  top: 200px;
  z-index: 100;
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 50px;
  height: 50px;
  width: 50px;
  border-radius: 100%;
  background-color: var(--afp-orange);
  background-size: 40%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 15' style='&%2310; fill: %23f4e554;'%3E%3Cpath d='M8.8837,6.616l-6-6A1.24986,1.24986,0,1,0,1.11613,2.38356L6.23234,7.49977,1.11613,12.616A1.24986,1.24986,0,1,0,2.8837,14.38356l6-6A1.24955,1.24955,0,0,0,8.8837,6.616Z'/%3E%3C/svg%3E");
  font-size: 1px;
  color: transparent;
}
.main-content .history .timeline-wrapper .timeline .container .slick-next.slick-disabled {
  display: none !important;
}
.main-content .history .timeline-wrapper .timeline .container .slick-prev {
  position: absolute;
  left: 0;
  top: 200px;
  z-index: 100;
  font-size: 1px;
  color: transparent;
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 50px;
  height: 50px;
  width: 50px;
  background-color: var(--afp-orange);
  background-size: 40%;
  border-radius: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 15' style='&%2310; fill: %23f4e554;'%3E%3Cpath d='M8.8837,6.616l-6-6A1.24986,1.24986,0,1,0,1.11613,2.38356L6.23234,7.49977,1.11613,12.616A1.24986,1.24986,0,1,0,2.8837,14.38356l6-6A1.24955,1.24955,0,0,0,8.8837,6.616Z'/%3E%3C/svg%3E");
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.main-content .history .timeline-wrapper .timeline .container .slick-prev.slick-disabled {
  display: none !important;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list {
  padding-top: 100px;
  top: -100px;
  margin-bottom: -100px;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track {
  display: flex;
  margin-top: 37px;
  margin-bottom: 50px;
  min-height: 410px;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide {
  transition: var(--transitionAllFast);
  border: 5px solid var(--afp-bright-teal);
  border-top-left-radius: 0px;
  margin: 0 20px;
  background-color: var(--white);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.25);
  border: 5px solid var(--afp-orange);
  position: relative;
  top: -50px;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide:hover .history-item::before {
  display: none;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide:hover .history-item::after {
  display: none;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide:hover .history-item .read-more {
  display: none;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide:first-child {
  border-top-left-radius: 50px;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide:last-of-type {
  border-bottom-right-radius: 50px;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item {
  min-height: 370px;
  max-height: 400px;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item::before {
  transition: var(--transitionAllFast);
  content: "";
  display: block;
  position: absolute;
  top: -41px;
  left: 10%;
  height: 37px;
  width: 6px;
  background-color: var(--afp-teal-light);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover::before {
  background-color: var(--afp-orange);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover::after {
  background-color: var(--afp-orange);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover .read-more {
  display: none;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item .date {
  color: var(--afp-teal-dark);
  display: inline-block;
  transition: var(--transitionAllFast);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item .date::after {
  transition: var(--transitionAllFast);
  height: 4px;
  width: 100%;
  background-color: var(--afp-yellow);
  border-radius: 50px;
  content: "";
  display: block;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item .content-wrapper {
  max-height: 12rem;
  overflow-y: hidden;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item .content-wrapper .content.more-text {
  display: none;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item .read-more {
  position: relative;
  background-color: var(--white);
  width: 100%;
  text-align: right;
  color: var(--afp-teal-dark);
  font-weight: bold;
  cursor: pointer;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item .read-more::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 100%;
  height: 20px;
  background: linear-gradient(0deg, #ffffff 40%, #ffffff 40%, rgba(255, 255, 255, 0.68951331) 75%, rgba(255, 255, 255, 0) 100%);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover .content-wrapper {
  max-height: 25rem;
  overflow-y: scroll;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover .content-wrapper .content.more-text {
  display: block;
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover .date {
  color: var(--afp-teal-dark);
}
.main-content .history .timeline-wrapper .timeline .container .slick-list .slick-track .slick-slide .history-item:hover .date::after {
  background-color: var(--afp-orange);
}
.main-content .csr {
  background-color: var(--afp-teal-light);
}
.main-content .csr:before {
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 100%;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 5' style='&%2310; fill: %23d9f7f3;'%3E%3Cpath d='M476.89648,1.52031c1.12619-.291-2.65274-1.21674-4.52966-1.24323C466.811.22415,461.25525.11841,455.6745.01259c-1.15118-.02647-2.27737-.07939-2.90308.6613-.67572.79352-3.60382,1.32256-5.20547,1.058-1.70172-.29089-3.4285-.50254-5.13028-.74063C441.9101.91194,441.40961.80612,440.884.70032c.60059-.74066-.50042-.50257-1.07611-.529-.65072-.02649-1.30139-.02649-1.952-.02649-1.50165-.02644-3.10334-.31739-4.00422.74063a4.47144,4.47144,0,0,1-1.80181.21162q-6.119-.15874-12.23774-.39678c-4.22943-.18519-8.48382-.6084-12.71325-.6084-6.5318.02649-13.08863.31739-19.62043.529a4.59845,4.59845,0,0,0-.80084.23808c.72577.291,1.35144.529,1.97708.74063-.10012.13223-.0751.13223-.17514.26452-1.30139-.05287-2.65277-.05287-3.9291-.18513a95.79831,95.79831,0,0,0-9.93534-.18515,16.51239,16.51239,0,0,0-2.87805.238,12.5321,12.5321,0,0,1-4.32941.18522c-1.22631-.13229-2.4526-.23806-3.67889-.291-6.18137-.21169-12.38791-.42325-18.5943-.55548a13.21648,13.21648,0,0,0-3.05319.37032c-3.95413.87286-8.0083.63477-12.0625.31739a45.77558,45.77558,0,0,0-5.95621-.44962,137.34871,137.34871,0,0,1-17.14291-.26458C302.5401.75322,298.1355.48873,293.731.27708c-1.55161-.07933-3.00309.6084-2.22739.82a3.48088,3.48088,0,0,1,1.0011.582,6.29441,6.29441,0,0,1-1.52658.23806c-1.27637-.13229-2.52759-.47611-3.804-.50264-4.98016-.18512-9.96035-.291-14.94053-.37028-2.47753-.02643-4.95516.10583-7.43268.15872-.05008-.07942-.07511-.15872-.12515-.23808.62561-.291-10.26065.63483-4.93012.97871-.27525.21165-27.829.26458-28.60483.34388a12.24875,12.24875,0,0,1-2.20225.02644A100.94343,100.94343,0,0,0,209.318,1.81132a7.76338,7.76338,0,0,1-3.10324-.34391,9.28385,9.28385,0,0,0-5.23041-.52907c-2.60269.34389-5.3055.47614-7.98329.6349-.70081.02643-3.72893.26446-.35045,1.0581a12.67556,12.67556,0,0,1-6.35655.10574,49.02288,49.02288,0,0,0-14.84043-1.349c-.6257.0264-1.27635-.05293-1.927-.0793a.61363.61363,0,0,1,.025-.21168c.85083-.13226,1.70172-.26455,2.5276-.37029-5.03026.02641-9.13451.26446-11.86235.47611a5.772,5.772,0,0,0-.951.07931c-1.15119.07942-1.97706.13225-2.42747.13225-1.62669,0-3.27844,0-4.90517.02653a2.52829,2.52829,0,0,0-.90088.34382,8.8417,8.8417,0,0,0,1.42647.21162c-2.853.31742-5.40564.60837-5.35556.55547.85089-1.08451-.75078-.84645-1.65176-.84645-7.00722-.0793-19.79556.291-19.14491.52906-2.72783.10583-5.28046-.05289-7.83309-.07933-2.6028-.02649-7.83319,1.111-6.00632,1.21674-.02493.07933-.05.18516-.075.26452-3.17833-.05293-6.35669-.10576-9.53491-.21159A5.19038,5.19038,0,0,1,101.4558,3.081a13.60461,13.60461,0,0,0-1.80185-.7142,23.6584,23.6584,0,0,1-3.729-.60839C93.52257.75322,91.07,1.15,88.51735,1.36165c-1.3264.10576-3.25343.21159-4.00421-.15873A12.4737,12.4737,0,0,0,79.08249.30357C74.82805.17134,70.5737.11841,66.31927.039a14.89412,14.89412,0,0,0-2.42755.05293A156.3165,156.3165,0,0,1,38.24.99127l-3.00313.13223c-6.18142-.74063-12.21267.21165-13.439.15873-2.67779-.1058-5.3806-.18513-8.05839-.238s-5.60578-.42324-8.0083,0A56.33537,56.33537,0,0,1,0,1.78886V5H480V1.79663C478.96072,1.74057,477.9389,1.64278,476.89648,1.52031Z'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  top: -10px;
  background-size: cover;
  height: 20px;
  z-index: -1;
}
.main-content .csr:after {
  content: "";
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 100%;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 5' style='&%2310; fill:%23d9f7f3;'%3E%3Cpath d='M0,3.2804c.70007.05142,1.39819.11758,2.07758.20689C.9514,3.77682,4.70529,4.698,6.60727,4.72432c5.58075.05259,11.16164.15789,16.71736.26319,1.1512.02626,2.25232.07895,2.878-.658.67567-.78958,3.62872-1.316,5.20538-1.05279,1.67677.28955,3.42854.50012,5.1554.737.52557.079,1.026.18426,1.52658.28956-.60068.73688.50055.5,1.07609.52631.65065.02633,1.30139.02633,1.952.02633,1.50156.02634,3.12828.31581,4.00422-.7369a4.49359,4.49359,0,0,1,1.80184-.21059c4.10425.10529,8.18355.23685,12.26275.39485,4.25445.18416,8.48385.60524,12.73828.60524,6.55685-.02626,13.08865-.31578,19.64547-.52638a3.81347,3.81347,0,0,0,.77581-.23686c-.72576-.28946-1.35146-.52638-1.952-.73688.10011-.13165.07507-.13165.17513-.26321,1.30137.05262,2.62779.05262,3.95414.18425a97.121,97.121,0,0,0,9.98537.18417,16.59075,16.59075,0,0,0,2.878-.23686,12.59922,12.59922,0,0,1,4.32951-.18424c1.22631.13164,2.42759.23693,3.70383.28954,6.20648.21059,12.41295.42111,18.61943.55275a13.28276,13.28276,0,0,0,3.05318-.3685c3.97917-.86853,8.00831-.63168,12.08752-.31581a46.06255,46.06255,0,0,0,5.9813.44737,138.86476,138.86476,0,0,1,17.19285.26318c4.40465.28954,8.78415.55274,13.21381.76333,1.52659.079,3.02813-.60535,2.22729-.81594a3.48724,3.48724,0,0,1-1.001-.579,6.32653,6.32653,0,0,1,1.52658-.23693c1.27627.13164,2.50257.47379,3.80395.50013,4.9802.18423,9.9854.28945,14.96558.3684,2.47752.02634,4.98016-.10522,7.43266-.15788.05008.07893.0751.15788.12518.23686-.62562.28952,10.28568-.63162,4.95514-.97376.27526-.21059,27.87906-.2632,28.65488-.34215a12.285,12.285,0,0,1,2.20225-.02634,110.10655,110.10655,0,0,0,19.77056.47377,7.98038,7.98038,0,0,1,3.12825.34207A9.41444,9.41444,0,0,0,278.6153,4.04c2.6027-.34216,5.30548-.47372,7.9833-.63162.70078-.02635,3.754-.26321.35044-1.05279a12.73717,12.73717,0,0,1,6.35656-.1053,49.41093,49.41093,0,0,0,14.84052,1.34233c.62561-.02634,1.27624.05259,1.92688.079a.60719.60719,0,0,1-.025.21049c-.85077.13163-1.67663.26319-2.52758.36849,5.05529-.02634,9.15954-.2632,11.88739-.47371a5.28025,5.28025,0,0,0,.926-.079c1.12619-.079,1.97708-.13156,2.42746-.13156,1.62671,0,3.30347,0,4.93012-.02634a2.535,2.535,0,0,0,.901-.34215,8.879,8.879,0,0,0-1.42646-.21052c2.85291-.31586,5.43067-.60534,5.38059-.55272-.85089,1.079.75079.84218,1.65167.84218,7.00732.079,19.82068-.28946,19.16995-.52638,2.72785-.10522,5.28055.05269,7.83316.079,2.60273.02627,7.85822-1.10547,6.00635-1.21069a.98221.98221,0,0,0,.05-.26319c3.20334.05261,6.38171.10529,9.585.21051a5.21148,5.21148,0,0,1,1.40152.34216,13.64424,13.64424,0,0,0,1.80176.71062,24.61414,24.61414,0,0,1,3.754.60534c2.40253,1.00009,4.88.60535,7.43268.39475a10.93745,10.93745,0,0,1,4.02921.158,12.58029,12.58029,0,0,0,5.45572.89482c4.25442.13164,8.50888.18423,12.78836.2632a14.95717,14.95717,0,0,0,2.42743-.05263,157.71382,157.71382,0,0,1,25.70175-.89488l3.0281-.13156c6.20649.68428,12.23774-.26318,13.46406-.21059,2.67779.1053,5.38061.18427,8.05841.23686,2.67776.05271,5.63079.42119,8.0083,0A54.74023,54.74023,0,0,1,480,3.12336V0H0Z'/%3E%3C/svg%3E");
  display: block;
  position: absolute;
  bottom: -10px;
  background-size: cover;
  height: 20px;
  z-index: -1;
}
.main-content .sustainability .container .content .items .item {
  flex-basis: 25%;
  padding: 0 20px;
  width: 100%;
}
.main-content .sustainability .container .content .items .item .label {
  color: var(--afp-teal-dark);
  font-weight: bold;
}
.main-content .sustainability .container .content .items .item .icon {
  height: 200px;
  width: 200px;
  border-radius: 150px;
  background-color: var(--afp-orange);
}
@media (max-width: 480px) {
  .main-content .sustainability .container .content .items .item .icon {
    width: 150px;
    height: 150px;
  }
}