p, h1, h2, h3, h4, h5, h6 {
 padding: 0;
 margin: 0;
}
.col-12 {
 padding: 0;
}
/*banner css*/
.mobile-banner-image {
 display: none;
}
.banner-image {
 display: block;
}
.about-content h2 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 290%;
 color: #fff;
 margin: 0 0 1rem 0;
 text-transform: capitalize;
}
.about-content p {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 148%;
 color: #fff;
}
.about-banner-section {
 position: relative;
}
.about-content {
 position: absolute;
 bottom: 8%;
 left: 0%;
 right: 0%;
 text-align: center;
}
.banner-image img {
 width: 100%;
 height: auto;
 aspect-ratio: auto 1440/600;
}
/* past section */
.past-section {
 padding: 5rem 0 3rem 0;
}
.past-section-wrapper {
 display: flex;
}
.past-heading h2 {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 130%;
 color: #24B34B;
 position: relative;
 margin: 0 0 2rem 0;
 letter-spacing: 3px;
 text-transform: uppercase;
}
.past-heading h2::before {
 position: absolute;
 content: "";
 width: 17%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 55%;
 left: -19%;
}
.past-content h3 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 430%;
 color: #001257;
 margin: 0 0 2rem 0;
 text-transform: capitalize;
}
.past-content p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 122%;
 color: #272727;
 margin: 0 0 20px 0;
}
.past-content span {
 font-family: "Work Sans", sans-serif;
 font-weight: 500;
 font-size: 115%;
 color: #272727;
}
.past-content-wrapper {
 width: 65%;
 padding: 6rem 8rem 0 8rem;
}
.past-image {
 width: 35%;
}
.past-image img {
 width: 100%;
 height: 100%;
 aspect-ratio: auto 560 / 800;
}
/* present css */
.present-section {
 padding: 3rem 0;
}
.present-section-wrapper {
 display: flex;
}
.present-heading h2 {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 130%;
 color: #24B34B;
 position: relative;
 margin: 0 0 2rem 0;
 letter-spacing: 3px;
 text-transform: uppercase;
}
.present-heading h2::before {
 position: absolute;
 content: "";
 width: 12%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 55%;
 left: -15%;
}
.present-content h3 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 475%;
 color: #001257;
 margin: 0 0 2rem 0;
}
.present-content p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 122%;
 color: #272727;
 margin: 0 0 20px 0;
}
.present-content span {
 font-family: "Work Sans", sans-serif;
 font-weight: 500;
 font-size: 115%;
 color: #272727;
}
.present-content-wrapper {
 width: 65%;
 padding: 5rem 7rem 0 7rem;
 background: #F5F5F5;
}
.present-image {
 width: 35%;
}
.present-image img {
 width: 100%;
 height: 100%;
 aspect-ratio: auto 560 / 800;
}
/* future css */
.future-image img {
 height: 100%;
 aspect-ratio: auto 560 / 800;
}
.future-section {
 padding: 2rem 0 5rem 0;
}
.future-section-wrapper {
 display: flex;
}
.future-heading h2 {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 130%;
 color: #24B34B;
 position: relative;
 margin: 0 0 2rem 0;
 letter-spacing: 3px;
 text-transform: uppercase;
}
.future-heading h2::before {
 position: absolute;
 content: "";
 width: 17%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 55%;
 left: -19%;
}
.future-content h3 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 475%;
 color: #001257;
 margin: 0 0 2rem 0;
}
.future-content p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 122%;
 color: #272727;
 margin: 0 0 20px 0;
}
.future-content span {
 font-family: "Work Sans", sans-serif;
 font-weight: 500;
 font-size: 115%;
 color: #272727;
}
.future-content-wrapper {
 width: 65%;
 padding: 6rem 8rem 0 8rem;
}
.future-image {
 width: 35%;
}
.future-image img {
 width: 100%;
 height: auto;
 aspect-ratio: auto 560/800;
}
/* team css */
.team-section {
 padding: 5rem 0;
 background: #000A2F;
}
.team-heading h2 {
 font-family: "Jost", sans-serif;
 ;
 font-weight: 300;
 font-size: 130%;
 color: #24B34B;
 position: relative;
 margin: 0 0 2rem 0;
 letter-spacing: 3px;
 text-transform: uppercase;
}
.team-heading h2::before {
 position: absolute;
 content: "";
 width: 17%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 55%;
 left: -19%;
}
.team-content h3 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 370%;
 color: #fff;
 margin: 2rem 0 2rem 0;
 text-transform: capitalize;
}
ul.tabs {
 margin: 0px;
 padding: 0px;
 list-style: none;
}
ul.tabs li {
 background: none;
 display: inline-block;
 cursor: pointer;
 background: #000A2F;
 color: #f5f5f5;
 border: 1px solid #f5f5f5;
 padding: 10px 2rem;
 border-radius: 25px;
 font-size: 135%;
 font-family: "Jost", sans-serif;
 font-weight: 300;
 margin: 0 0 0 1rem;
}
.team-content-wrapper {
 padding: 0 0 0 1rem;
}
ul.tabs li.current {
 background: #000A2F;
 color: #fff;
 border: 1px solid #fff;
 padding: 10px 2rem;
 border-radius: 25px;
 border-width: 1px 1px 3px 1px;
}
.tab-content-team {
 display: none;
    /* background: #ededed;
     */
 padding: 15px;
}
.tab-content-team.current {
 display: inherit;
}
.single-leader {
 width: calc((100% - 60px) / 3);
 margin: 35px 20px 0 0px;
 border-radius: 6px;
 border: 1px solid #DCDCDC;
 background: #FFF;
}
.text-heading {
 text-align: center;
 padding: 2rem 0;
}
.text-heading h2 {
 font-family: "Jost", sans-serif;
 font-size: 160%;
 color: #001257;
 font-weight: 400;
 padding: 0 0 10px 0;
 background: #fff;
}
.text-heading p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 100%;
 color: #000;
 font-weight: 300;
 background: #fff;
}
.leader-team-wrapper {
 display: flex;
 flex-wrap: wrap;
    /* position: relative;
     */
}
.single-leader-management {
 width: calc((100% - 60px) / 3);
 margin: 35px 20px 0 0px;
 border-radius: 6px;
 border: 1px solid #DCDCDC;
 background: #FFF;
}
.leader-image img {
 width: 100%;
 height: auto;
 aspect-ratio: auto 438 / 522;
}
/* flip-css-team */
.box-container {
 align-items: center;
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 justify-content: center;
    /* justify-content: space-around;
     padding: 35px 15px;
     width: 100%;
     */
}
@media screen and (min-width:1380px) {
 .box-container {
     flex-direction: row 
 }
}
.box-item {
 position: relative;
 -webkit-backface-visibility: hidden;
 margin-bottom: 35px;
 max-width: 100%;
}
.flip-box {
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;
 -webkit-transform-style: preserve-3d;
 perspective: 1000px;
 -webkit-perspective: 1000px;
 height: 100%;
}
.flip-box-front, .flip-box-back {
 background-size: cover;
 background-position: center;
 border-radius: 4px;
    /* -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);
     */
 transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
 -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 height: 100%;
}
.flip-box-front {
 -ms-transform: rotateY(0deg);
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
 -webkit-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;
 background: #fff;
 border: 1px solid #ccc;
 border-radius: 5px;
}
.flip-box:hover .flip-box-front {
 -ms-transform: rotateY(-180deg);
 -webkit-transform: rotateY(-180deg);
 transform: rotateY(-180deg);
 -webkit-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
.flip-box-back {
 position: absolute;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 width: 100%;
 padding: 1rem;
 -ms-transform: rotateY(180deg);
 -webkit-transform: rotateY(180deg);
 transform: rotateY(180deg);
 -webkit-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
.flip-box:hover .flip-box-back {
 -ms-transform: rotateY(0deg);
 -webkit-transform: rotateY(0deg);
 transform: rotateY(0deg);
 -webkit-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
.flip-box .inner {
 position: absolute;
 left: 0;
    /* width: 100%;
     padding: 60px;
     */
 outline: 1px solid transparent;
 -webkit-perspective: inherit;
 perspective: inherit;
 z-index: 2;
 transform: translateY(-50%) translateZ(60px) scale(.94);
 -webkit-transform: translateY(-50%) translateZ(60px) scale(.94);
 -ms-transform: translateY(-50%) translateZ(60px) scale(.94);
 top: 50%;
}
.inner-content h2 {
 font-family: "Jost", sans-serif;
 font-size: 160%;
 color: #001257;
 font-weight: 400;
 padding: 0 0 10px 0;
 background: #fff;
}
.inner-content p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 100%;
 color: #000;
 font-weight: 300;
 background: #fff;
 padding: 0 0 1rem 0;
}
.header-flip-class {
 position: relative;
}
.inner-content .header-flip-class::after {
 position: absolute;
 content: "";
 width: 18%;
 height: 2px;
 border-top: 1px solid #24B34B;
 bottom: 0%;
 left: 0%;
 right: 0%;
 margin: 0 auto;
}
.flip-box-header {
 font-size: 110%;
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 color: #212121;
 padding: 2rem 2rem 0 2rem;
 text-align: center;
}
.flip-box p {
 line-height: 1.5em;
}
/* experiance css */
.what-to-do-section {
 background: #F5F5F5;
}
.what-to-do-section .experiance-heading h2 {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 130%;
 color: #24B34B;
 position: relative;
 margin: 0 0 2rem 0;
 letter-spacing: 3px;
 text-transform: uppercase;
}
.what-to-do-section .experiance-heading h2::before {
 position: absolute;
 content: "";
 width: 17%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 55%;
 left: -19%;
}
.what-to-do-section .experiance-main-content {
 padding: 4rem 7rem 4rem 7rem;
}
.what-to-do-section .experiance-content h3 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 370%;
 color: #001257;
 margin: 2rem 0 2rem 0;
 text-transform: capitalize;
}
.what-to-do-section .experiance-content p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 120%;
 color: #272727;
 width: 90%;
 margin: 0 0 1rem 0;
}
.what-to-do-section .experiance-content span {
 font-family: "Work Sans", sans-serif;
 font-weight: 400;
 font-size: 94%;
 color: #272727;
}
.what-to-do-section .nav-pills .nav-link.active {
 background-color: #F5F5F5;
 ;
 color: #001257;
}
.what-to-do-section .nav-pills .nav-link.active::before {
 position: absolute;
 content: "";
 width: 10%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 52%;
 left: -11%;
 z-index: 1;
}
.what-to-do-section .nav-link {
 color: #212121;
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 300%;
 text-transform: capitalize;
 text-align: left;
 padding: 0;
}
.what-to-do-section .nav {
 padding: 5rem 0 0 4rem;
}
.what-to-do-section .nav p {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 200%;
 color: #212121;
 width: 92%;
 margin: 0 0 3rem 0;
 text-transform: capitalize;
}
.what-to-do-section .nav-pills .nav-link {
 padding: 2rem 0 2rem 0;
 border-top: 1px solid #212121;
 border-radius: 0px;
 color: #212121;
}
.what-to-do-section .nav-pills .nav-link:last-child {
 border-bottom: 1px solid #212121;
 border-radius: 0px;
}
.what-to-do-section .items-wrapper {
 position: relative;
 padding: 0 0 5rem 0;
}
.desktop-view {
 display: block;
}
.mobile-view {
 display: none;
}
.mobile-view-text .new-text {
 display: none;
}
/* values css */
.values-section {
 padding: 4rem 0;
}
.values-heading h2 {
 font-family: "Jost", sans-serif;
 font-weight: 300;
 font-size: 130%;
 color: #24B34B;
 position: relative;
 margin: 0 0 2rem 0;
 letter-spacing: 3px;
 text-transform: uppercase;
}
.values-heading h2::before {
 position: absolute;
 content: "";
 width: 17%;
 height: 2px;
 border-top: 1px solid #24B34B;
 top: 55%;
 left: -19%;
}
.values-content {
 width: 80%;
}
.values-content h3 {
 font-family: "Jost", sans-serif;
 font-weight: 200;
 font-size: 370%;
 color: #001257;
 margin: 2rem 0 2rem 0;
 text-transform: capitalize;
 width: 75%;
}
.value-image-wrapper img {
 height: auto;
 aspect-ratio: auto 36 / 34;
 max-width: 10%;
 width: 100%;
}
.value-card-content h4 {
 font-family: "Jost", sans-serif;
 font-weight: 400;
 font-size: 170%;
 color: #000;
 padding: 2rem 0 1rem 0;
}
.value-card-content p {
 font-family: "Work Sans", sans-serif;
 font-weight: 300;
 font-size: 118%;
 color: #000;
 padding: 0px 25px 0 0;
}
.values-card-wrapper {
 display: flex;
 justify-content: space-between;
 padding: 3rem 0 0 0;
}
.value-card {
 width: calc((100% - 60px) / 3);
 margin: 0 20px 0 0;
 border-right: 1px solid #00000066;
}
.value-card:nth-child(3) {
 margin-right: 0;
 border-right: none;
}
.value-image-wrapper img {
 height: auto;
 aspect-ratio: auto 36 / 34;
}
#tab-2 .leader-team-wrapper {
 width: 100%;
}
@media screen and (min-width: 2000px) and (max-width: 2499px) {
    /* banner css*/
    .about-content {
     position: absolute;
     bottom: 8%;
 }
 .about-content h2 {
     font-size: 400%;
 }
 .about-content p {
     font-size: 170%;
 }
 /*past css*/
 .past-content-wrapper {
     width: 65%;
     padding: 4rem 8rem 0 8rem;
 }
 .past-heading h2 {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 175%;
 }
 .past-content h3 {
     font-size: 520%;
     width: 100%;
     max-width: 70%;
 }
 .past-content p {
     font-size: 165%;
 }
 .past-image img {
     width: 100%;
     height: 100%;
     aspect-ratio: auto 560 / 800;
 }
 /*present css*/
 .present-section-wrapper {
     display: flex;
     background: #F5F5F5;
 }
 .present-content-wrapper {
     width: 65%;
     padding: 2rem 7rem 0 9rem;
     background: none;
 }
 .present-heading h2 {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 175%;
 }
 .present-content h3 {
     font-size: 520%;
     width: 100%;
     max-width: 70%;
 }
 .present-content p {
     font-size: 165%;
 }
 .present-heading h2::before {
     width: 9%;
     left: -13%;
 }
 /*future css*/
 .future-heading h2 {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 175%;
 }
 .future-content h3 {
     font-size: 520%;
     width: 100%;
     max-width: 70%;
 }
 .future-content p {
     font-size: 165%;
 }
 /*team css*/
 .team-heading h2 {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 175%;
 }
 .team-content h3 {
     font-size: 430%;
 }
 ul.tabs li {
     font-size: 200%;
 }
 .text-heading h2 {
     font-family: "Jost", sans-serif;
     font-size: 180%;
 }
 .inner-content h2 {
     font-size: 180%;
 }
 /*experiance css*/
 .what-to-do-section .experiance-heading h2 {
     font-size: 130%;
 }
 .what-to-do-section .experiance-content h3 {
     font-size: 450%;
 }
 .what-to-do-section .experiance-content p {
     font-size: 165%;
 }
 .what-to-do-section .nav {
     padding: 0 0 0 8rem;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     width: 15%;
     top: 52%;
     left: -20%;
 }
 .what-to-do-section .nav-link {
     font-size: 350%;
 }
 .what-to-do-section .nav p {
     font-size: 215%;
 }
 .mobile-view-text .new-text {
     display: none;
 }
 /*values css*/
 .values-heading h2 {
     font-size: 175%;
 }
 .values-content h3 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 420%;
 }
 .value-card-content h4 {
     font-size: 195%;
 }
}
@media screen and (min-width: 1600px) and (max-width: 1999px) {
    /* past css*/
    .past-content p {
     font-size: 120%;
 }
 /* present css*/
 .present-content p {
     font-size: 120%;
 }
 /* future css */
 .future-content h3 {
     width: 100%;
     max-width: 70%;
 }
 .future-content p {
     font-size: 120%;
 }
 /*team css*/
 .flip-box-header {
     font-size: 110%;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     top: 50%;
     left: -11%;
 }
 .mobile-view-text .new-text {
     display: none;
 }
}
@media screen and (min-width: 1201px) and (max-width: 1499px) {
    /* bannercss */
    .about-content h2 {
     font-size:240%;
 }
 .about-content p {
     font-size: 120%;
 }
 .about-content {
     position: absolute;
     bottom: 8%;
 }
 /*past css*/
 .past-heading h2::before {
     left: -21%;
 }
 .past-content h3 {
     font-size: 300%;
 }
 .past-content p {
     font-size: 100%;
 }
 .past-content span {
     font-size: 100%;
 }
 /*present css*/
 .present-heading h2::before {
     left: -17%;
 }
 .present-content h3 {
     font-size: 415%;
 }
 .present-content p {
     font-size: 95%;
 }
 .present-content span {
     font-size: 100%;
 }
 /*future css*/
 .future-heading h2::before {
     left: -21%;
 }
 .future-content h3 {
     font-size: 415%;
     width: 100%;
     max-width: 70%;
 }
 .future-content p {
     font-size: 100%;
 }
 .future-content span {
     font-size: 100%;
 }
 /*team css*/
 .team-heading h2::before {
     top: 55%;
     left: -21%;
 }
 .team-content h3 {
     font-size: 335%;
 }
 .text-heading h2 {
     font-family: "Jost", sans-serif;
     font-size: 145%;
 }
 .text-heading p {
     font-size: 85%;
 }
 .flip-box-header {
     font-size: 90%;
 }
 .inner-content h2 {
     font-family: "Jost", sans-serif;
     font-size: 145%;
 }
 .inner-content p::after {
     top: 30%;
 }
 /*experience css*/
 .what-to-do-section .experiance-content h3 {
     font-size: 325%;
 }
 .what-to-do-section .experiance-content p {
     font-size: 100%;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     width: 9%;
     top: 50%;
     left: -11%;
 }
 .mobile-view-text .new-text {
     display: none;
 }
 /*values css*/
 .values-content h3 {
     font-size: 320%;
     width: 70%;
     ;
 }
 .value-card-content h4 {
     font-size: 155%;
 }
 .value-card-content p {
     font-size: 95%;
 }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    /* banner css*/
    .about-content h2 {
     font-size: 200%;
 }
 .about-content p {
     font-size: 100%;
 }
 .about-content {
     position: absolute;
     bottom: 12%;
 }
 /*past css*/
 .past-heading h2 {
     margin: 0px 0 1rem 0;
 }
 .past-content-wrapper {
     width: 65%;
     padding: 2rem 2rem 0 2rem;
 }
 .past-heading h2::before {
     left: -20%;
 }
 .past-content h3 {
     font-size: 350%;
 }
 .past-content p {
     font-size: 99%;
 }
 /* present css*/
 .present-heading h2 {
     margin: 0px 0 1rem 0;
 }
 .present-content-wrapper {
     width: 65%;
     padding: 2rem 2rem 0 2rem;
 }
 .present-heading h2::before {
     left: -20%;
     width: 5%;
 }
 .present-content h3 {
     font-size: 350%;
     margin: 0 0 1rem 0;
 }
 .present-content p {
     font-size: 99%;
     margin: 0 0 15px 0;
 }
 .present-image img {
     height: 100%;
     aspect-ratio: auto 560 / 800;
 }
 /*future css*/
 .future-heading h2 {
     margin: 0px 0 1rem 0;
 }
 .future-content-wrapper {
     width: 65%;
     padding: 2rem 2rem 0 2rem;
 }
 .future-heading h2::before {
     left: -20%;
 }
 .future-content h3 {
     font-size: 350%;
 }
 .future-content p {
     font-size: 99%;
 }
 /*team css*/
 .team-content h3 {
     font-size: 320%;
 }
 ul.tabs li {
     font-size: 120%;
 }
 .text-heading h2 {
     font-family: "Jost", sans-serif;
     font-size: 140%;
 }
 .text-heading p {
     font-size: 72%;
 }
 .inner-content h2 {
     font-family: "Jost", sans-serif;
     font-size: 140%;
 }
 .flip-box-header {
     font-size: 80%;
     padding: 2rem 1rem 0 1rem;
 }
 .inner-content p::after {
     width: 18%;
     height: 2px;
     border-top: 1px solid #24B34B;
     top: 30%;
     left: 40%;
 }
 /*experiance css*/
 .what-to-do-section .experiance-content h3 {
     font-size: 250%;
 }
 .what-to-do-section .experiance-main-content {
     padding: 3rem 0rem 3rem 5rem;
 }
 .what-to-do-section .experiance-content p {
     font-size: 100%;
 }
 .what-to-do-section .nav-link {
     font-size: 225%;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     width: 12%;
     top: 46%;
     left: -15%;
 }
 .mobile-view-text .new-text {
     display: none;
 }
 .values-content h3 {
     font-size: 330%;
     width: 85%;
 }
 .value-image-wrapper img {
     height: auto;
     aspect-ratio: auto 36 / 34;
     max-width: 15%;
 }
 .value-card-content h4 {
     font-size: 130%;
 }
 .value-card-content p {
     font-size: 110%;
 }
 #tab-2 .leader-team-wrapper {
     width: 100%;
 }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
 .about-content p {
     font-size: 95%;
 }
 .about-content h2 {
     font-size: 150%;
 }
 .about-content {
     position: absolute;
     bottom: 8%;
     left: 0%;
 }
 .past-content-wrapper {
     width: 65%;
     padding: 6rem 2rem 0 2rem;
 }
 .past-content h3 {
     font-size: 380%;
 }
 .past-content p {
     font-size: 105%;
 }
 .present-content-wrapper {
     width: 65%;
     padding: 6rem 2rem 0 2rem;
 }
 .present-content h3 {
     font-size: 380%;
 }
 .present-content p {
     font-size: 105%;
 }
 .present-heading h2::before {
     width: 5%;
     height: 2px;
     border-top: 1px solid #24B34B;
     top: 55%;
     left: -7%;
 }
 .future-content-wrapper {
     width: 65%;
     padding: 0rem 2rem 0 2rem;
 }
 .future-content h3 {
     font-size: 380%;
 }
 .future-content p {
     font-size: 105%;
 }
 .future-image img {
     width: 100%;
     height: 100%;
     aspect-ratio: auto 560 / 800;
 }
 .text-heading h2 {
     font-family: "Jost", sans-serif;
     font-size: 110%;
 }
 .flip-box-header {
     font-size: 75%;
     padding: 1rem 1rem 0 1rem;
 }
 .inner-content p::after {
     top: 21%;
 }
 .inner-content p {
     font-size: 85%;
 }
 .text-heading p {
     font-size: 90%;
 }
 .inner-content h2 {
     font-family: "Jost", sans-serif;
     font-size: 110%;
 }
 .what-to-do-section .experiance-main-content {
     padding: 3rem 3rem 3rem 3rem;
 }
 .what-to-do-section .experiance-content h3 {
     font-size: 240%;
 }
 .what-to-do-section .nav-link {
     font-size: 200%;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     width: 10%;
     height: 2px;
     border-top: 1px solid #24B34B;
     top: 50%;
     left: -14%;
 }
 .what-to-do-section .nav {
     padding: 0rem 0 0 3rem;
 }
 .values-content h3 {
     font-size: 280%;
     width: 100%;
 }
 .value-card-content p {
     font-size: 100%;
 }
 .value-image-wrapper img {
     height: auto;
     aspect-ratio: auto 36 / 34;
     max-width: 15%;
 }
 .mobile-view-text .new-text {
     display: none;
 }
 #tab-2 .leader-team-wrapper {
     width: 100%;
 }
}
@media screen and (min-width: 569px) and (max-width: 768px) {
    /* banner css */
    .about-content h2 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 120%;
 }
 .about-content p {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 130%;
 }
 .about-content {
     position: absolute;
     bottom: 8%;
     left: 2%;
 }
 /*past css*/
 .past-section-wrapper {
     flex-direction: column;
 }
 .past-heading h2 {
     font-size: 185%;
 }
 .past-content-wrapper {
     width: 100%;
     padding: 0rem 2rem 2rem 2rem;
 }
 .past-image {
     width: 100%;
 }
 .past-content h3 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 400%;
 }
 .past-content p {
     font-family: "Work Sans", sans-serif;
     font-weight: 300;
     font-size: 120%;
 }
 .past-section {
     padding: 3rem 0;
 }
 /*present css*/
 .present-section-wrapper {
     flex-direction: column-reverse;
 }
 .present-content-wrapper {
     width: 100%;
     padding: 0rem 2rem 2rem 2rem;
     background: #fff;
 }
 .present-heading h2 {
     font-size: 185%;
 }
 .present-content-wrapper {
     width: 100%;
     padding: 0rem 2rem 2rem 2rem;
 }
 .present-image {
     width: 100%;
 }
 .present-content h3 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 400%;
 }
 .present-content p {
     font-family: "Work Sans", sans-serif;
     font-weight: 300;
     font-size: 120%;
 }
 .present-section {
     padding: 3rem 0;
 }
 /*future css*/
 .future-section-wrapper {
     flex-direction: column;
 }
 .future-heading h2 {
     font-size: 185%;
 }
 .future-content-wrapper {
     width: 100%;
     padding: 0rem 2rem 2rem 2rem;
 }
 .future-image {
     width: 100%;
 }
 .future-content h3 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 400%;
 }
 .future-content p {
     font-family: "Work Sans", sans-serif;
     font-weight: 300;
     font-size: 120%;
 }
 .future-section {
     padding: 3rem 0 0 0;
 }
 .single-leader {
     width: calc((100% - 60px) / 2);
     margin: 35px 20px 0 0px;
 }
 ul.tabs li {
     font-size: 175%;
 }
 .team-heading h2 {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 185%;
 }
 .flip-box-header {
     font-size: 80%;
     padding: 1rem 1rem 0 1rem;
 }
 /*experience css*/
 .what-to-do-section .experiance-main-content {
     padding: 3rem 2rem 3rem 2rem;
 }
 .what-to-do-section .experiance-content h3 {
     font-size: 250%;
 }
 .what-to-do-section .nav-link {
     font-size: 190%;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     width: 15%;
     top: 50%;
     left: -22%;
     z-index: 1;
 }
 .what-to-do-section .nav {
     padding: 0rem 0 0 3rem;
 }
 .what-to-do-section .nav p {
     font-size: 150%;
     color: #212121;
     width: 92%;
     margin: 0 0 1rem 0;
 }
 .mobile-view-text .new-text {
     display: none;
 }
 /*values css*/
 .values-heading h2 {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 185%;
 }
 .values-content h3 {
     font-size: 270%;
     width: 90%;
 }
 .value-image-wrapper img {
     height: auto;
     aspect-ratio: auto 36 / 34;
     max-width: 18%;
 }
 .value-card-content p {
     font-size: 95%;
     color: #000;
     padding: 0px 15px 0 0;
 }
 #tab-2 .leader-team-wrapper {
     width: 100%;
 }
 .what-to-do-section .nav-pills .nav-link.active::before {
     width: 10%;
     top: 50%;
     left: -17%;
     z-index: 1;
 }
 .single-leader-management {
     width: calc((100% - 20px) / 2);
 }
 .single-leader-management:nth-child(2) {
     margin-right: 0;
 }
}
@media screen and (min-width: 320px) and (max-width: 568px) {
 .mobile-banner-image {
     display: block;
     position: relative;
 }
 .banner-image {
     display: none;
 }
 .mobile-banner-image img {
     height: auto;
     aspect-ratio: auto 480 / 800;
 }
 .about-content h2 {
     font-size: 100%;
 }
 .about-content p {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 100%;
 }
 .about-content {
     position: absolute;
     bottom: 8%;
 }
 /*past css*/
 .past-section-wrapper {
     flex-direction: column;
 }
 .past-content-wrapper {
     width: 100%;
     padding: 0rem 1rem 2rem 3rem;
 }
 .past-image {
     width: 100%;
 }
 .past-content h3 {
     font-size: 260%;
 }
 .past-heading h2 {
     font-size: 120%;
 }
 .past-content p {
     font-family: "Work Sans", sans-serif;
     font-weight: 300;
     font-size: 100%;
 }
 .past-section {
     padding: 3rem 0;
 }
 /* present css */
 .present-heading h2 {
     font-size: 120%;
 }
 .present-section-wrapper {
     flex-direction: column-reverse;
 }
 .present-content-wrapper {
     width: 100%;
     padding: 0rem 1rem 2rem 3rem;
     background: #fff;
 }
 .present-image {
     width: 100%;
 }
 .present-content h3 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 280%;
 }
 .present-content p {
     font-family: "Work Sans", sans-serif;
     font-weight: 300;
     font-size: 100%;
 }
 .present-section {
     padding: 0rem 0;
 }
 /* future css */
 .future-heading h2 {
     font-size: 120%;
 }
 .future-section-wrapper {
     flex-direction: column;
 }
 .future-content-wrapper {
     width: 100%;
     padding: 0rem 1rem 2rem 3rem;
 }
 .future-image {
     width: 100%;
 }
 .future-content h3 {
     font-family: "Jost", sans-serif;
     font-weight: 200;
     font-size: 280%;
 }
 .future-content p {
     font-family: "Work Sans", sans-serif;
     font-weight: 300;
     font-size: 100%;
 }
 .future-section {
     padding: 3rem 0 0 0;
 }
 /*team css*/
 .team-heading h2 {
     font-size: 120%;
 }
 .team-content-wrapper {
     padding: 0 2rem 0 3rem;
 }
 .team-content h3 {
     font-size: 230%;
 }
 ul.tabs li {
     padding: 10px 1rem;
     border-radius: 25px;
     font-size: 100%;
     margin: 0 0 0 10px;
 }
 .single-leader {
     width: 100%;
     margin: 35px 0px 0 0px;
 }
 .single-leader-management {
     width: 100%;
     margin: 35px 0px 0 0px;
 }
 .leader-team-wrapper {
     flex-direction: column;
 }
 .box-container {
     flex-direction: column;
 }
 .flip-box-header {
     font-size: 85%;
     padding: 1rem 1rem 0 1rem;
 }
 /*experiance css*/
 .what-to-do-section .experiance-heading h2 {
     font-size: 120%;
 }
 .what-to-do-section .experiance-main-content {
     padding: 3rem 2rem 3rem 2rem;
 }
 .what-to-do-section .experiance-content h3 {
     font-size: 230%;
 }
 .what-to-do-section .experiance-content p {
     font-size: 110%;
     width: 100%;
 }
 .what-to-do-section .experiance-content span {
     font-size: 100%;
 }
 .d-flex {
     flex-direction: column;
 }
 .what-to-do-section .nav {
     padding: 0 0 0 0rem;
 }
 .what-to-do-section .nav-link {
     font-size: 190%;
 }
 .accordion-item.active::before {
     position: absolute;
     content: "";
     width: 3%;
     height: 2px;
     border-top: 1px solid #24B34B;
     top: 22%;
     left: 41%;
     z-index: 1;
 }
 .accordion-item:first-of-type .accordion-button {
     background: none;
     border: none;
     padding: 2rem 0 2rem 1rem;
 }
 .accordion-button:not(.collapsed)::after {
     display: none;
 }
 .accordion-button::after {
     display: none;
 }
 .accordion-body {
     padding: 0;
 }
 .desktop-view {
     display: none !important;
 }
 .mobile-view {
     display: block;
 }
 .mobile-view-text .new-text {
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 200%;
     color: #212121;
     width: 100%;
     margin: 0 0 1rem 0;
     padding: 0 0 0 2rem;
     text-transform: capitalize;
 }
 .head-text {
     color: #212121;
     font-family: "Jost", sans-serif;
     font-weight: 300;
     font-size: 120%;
     text-transform: capitalize;
     text-align: left;
     padding: 2rem 1rem;
 }
 .accordion {
     background: none;
     border: none;
 }
 .accordion-item {
     background: none;
     border-bottom: 1px solid gray;
     border-radius: 0px;
 }
 .accordion-button {
     background: #F5F5F5;
 }
 .accordion-button:not(.collapsed) {
     color: #001257;
     background-color: #F5F5F5;
     box-shadow: none;
 }
 /*values css*/
 .values-heading h2 {
     font-size: 120%;
 }
 .what-to-do-section {
     background: #F5F5F5;
 }
 .values-card-wrapper {
     flex-direction: column;
     padding: 0;
 }
 .value-card {
     width: 100%;
     margin: 20px px 0 0;
     border-right: none;
     border-bottom: 1px solid #00000066;
     padding: 2rem 0 2rem 0;
 }
 .value-card:last-child {
     border-bottom: none;
 }
 .values-section {
     padding: 4rem 2rem;
 }
 .values-content h3 {
     margin: 1rem 0 1rem 0;
     text-transform: capitalize;
     width: 100%;
     font-size: 130%;
 }
 .value-card-content h4 {
     font-family: "Jost", sans-serif;
     font-weight: 400;
     font-size: 145%;
 }
 #tab-2 .leader-team-wrapper {
     width: 100%;
 }
 .mobile-view-text .new-text {
     display: block;
 }
 .past-content span {
     display: block;
 }
 .present-content span {
     display: block;
 }
 .future-content span {
     display: block;
 }
 .present-content br {
     display: none;
 }
 #past {
    scroll-margin-top: 5rem;
 }
 #present {
scroll-margin-top: -20rem;
 }
 #future {
    scroll-margin-top: -55rem;
 }
}