@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
    overflow: visible;
}
body #main > .container {
    max-width: 100%;
    padding: 0;
}
a {
    color: inherit;
}
.letter-container a,
.letter-part-2 a {
    color: #fff !important;
}
.section-title {
    line-height: 1;
    font-size: 52px;
    text-transform: uppercase;
}
.section-title.first-line {
    margin-bottom: 0;
}
.section-title.second-line {
    margin: 0 0 30px 6rem;
}
.all-body-content {
    position: relative;
    overflow: hidden;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Banner Section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.banner-section {
    background: #1E1E1E;
    padding: 120px 0 !important;
}
.banner-inner {
    display: grid;
    gap: 4rem;
}
.banner-section h1 {
    /* font-size: 9.69vw; */
    font-size: 12.69vw;
    text-transform: uppercase;
    line-height: 1;
    color: #51A766;
}
.banner-section h1 span {
    text-align: right;
    display: block;
}
.banner-section h3 {
    color: #fff;
    font-size: 35px;
    font-weight: 700;
    text-transform: uppercase;
}

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Letter Section 
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.letter-section {
    background: #496951;
    padding: 100px 0 120px;
    color: #fff;
    position: relative;
}
.letter-section .letter {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}
.form-img img {
    width: 100%;
    margin: -160px 0 30px;
}
.signature {
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
}
.signature img {
    max-width: 375px;
    width: 100%;
}

.m-img {
    position: absolute;
    left: -226px;
    bottom: -55px;
    max-width: 226px;
    opacity: 0;
    width: 100%;
    transition: all .4s linear;
}
.m-img.in-view {
    left: 0;
    opacity: 1;
    transition: all .4s linear;
}
.map-img {
    max-width: 480px;
    width: 100%;
    position: absolute;
    right: -480px;
    transition: all .4s linear;
    opacity: 0;
}
.map-img.in-view {
    position: absolute;
    right: 0;
    opacity: 1;
    transition: all .4s linear;
}




/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** horizontal Scroll Section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.horizontal-scroll-section {
    padding: 120px 0;
    background: #B3CFDF;
}

.horizontal-scroll-section .info {
    color: #000;
    font-size: 20px;
    max-width: 664px;
    width: 100%;
    margin-bottom: 30px;
}

.horizontal-blocks {
    width: 100%; 
    margin-top: 70px;
} 
.horizontal-blocks .slick-track {
    display: flex;
    gap: 30px;
}
.horizontal-blocks  .slick-list {
    overflow: visible;
}
.horizontal-blocks .slick-slide {
    background: #f0ece4;
    min-height: 280px;
}

.single-block {
    padding: 40px;
}

.single-block h3 {
    color: #000;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.single-block .block-info {
    color: #000;
    font-size: 20px;
    text-align: center;
}


/* Slick Arrow */
.slick-next:before,
.slick-prev:before {
    display: none;
}
.slick-arrow {
    width: 50px;
    background: #fff !important;
    padding: 10px;
    border-radius: 50%;
    aspect-ratio: 1;
    height: auto;
    line-height: 0;
    z-index: 3;
    cursor: pointer;
}
.slick-arrow:hover,
.slick-disabled {
    opacity: .4;
}
.arrow-left img {
    rotate: 180deg;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Strategy Section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.strategy-section {
    background-color: #F0ECE4;
    padding: 80px 0;
}
.strategy-inner {
    max-width: 790px;
    width: 100%;
    margin: 0 auto;
}
.strategy-inner-content {
    text-align: center;
    width: 100%;
}
.strategy-inner-content > h2 {
    color: #496951;
}

.strategy-inner-content > h4 {
    font-weight: 700;
    margin: 20px auto 40px;
    color: #496951;
}

.strategy-inner-content .description {
    color: #000000;
    /* font-family: 'GT America Rg'; */
    font-size: 20px;
    max-width: 425px;
    margin: 0 auto;
    text-align: center;
}
.strategy-listing {
    margin-top: 60px;
}
.strategy-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 65px;
    margin-top: 35px;
    max-width: 790px;
    width: 100%;
}
.strategy-lists .justify-end {
    justify-content: end;
}
.strategy-listing h4 {
    color: #496951;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.sigle-st-con {
    position: relative;
    width: calc(50% - 33px);
}
.sigle-st-con .arrow-2 {
    position: absolute;
    left: -57px;
    top: 50%;
    transform: translateY(-50%);
}
.sigle-st-con .arrow-3 {
    position: absolute;
    top: -57px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}
.sigle-st-con .arrow-4 {
    position: absolute;
    top: 50%;
    transform: translateX(-50%) rotate(180deg);
    right: -84px;
}
.sigle-st-con .arrow-4-last {
    position: absolute;
    top: -57px;
    left: 50%;
    transform: translateX(-50%) rotate(270deg);
}
.single-strategy {
    padding: 30px 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    transition: all .2s;
    border: 3px solid #000;
    justify-content: center;
    aspect-ratio: 1;
}
.sigle-st-con:nth-child(3) {
    order: 4;
}
.single-strategy:hover {
    background: #B3CFDF;
}
.stategy-heading {
    color: #496951;
    /* font-family: 'GT America Rg'; */
    font-size: 25px;
    text-align: center;
    font-weight: 700;
}
.single-strategy:hover .stategy-heading {
    color: #000;
}

.single-strategy .description {
    color: #000;
    font-size: 18px;
    font-family: "Montserrat", serif;
    font-weight: 500;
    text-align: center;
}
.single-strategy:hover .description {
    color: #000;
}




/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Card Section 
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.card-section {
    padding: 100px 0;
    background-color: #51A766;
}
.all-cards {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 30px;
}
.single-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    text-align: center;
    border: 3px solid #1E1E1E;
    padding: 2rem 1rem;
    font-family: "Montserrat", serif;
    transition: all .2s;
}
.single-card:hover {
    background: #1E1E1E;
}
.single-card .description {
    color: #000;
    font-size: 20px;
}
.single-card:hover .description {
    color: #fff;
}
.single-card .card-hd {
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.single-card:hover .card-hd {
    color: #51A766;
}




/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Our Work Section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.our-work-section {
    padding: 100px 0;
    background: #F0ECE4;
}
.work-boxes {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    margin: 4rem 0;
    gap: 2rem;
}
.work-boxes h2 {
    color: #000;
}
.work-boxes .info {
    max-width: 241px;
    color: #000;
    font-size: 20px;
}
.image-and-con-lists {
    margin-top: 60px;
    display: grid;
    gap: 40px;
}

.sgl-work-content {
    display: flex;
    gap: 20px;
    padding: 30px 40px;
    background: #51A766;
}
.sgl-work-content .content {
    color: #fff;
    font-size: 20px;
}
.sgl-work-content .content h2,
.sgl-work-content .content h3,
.sgl-work-content .content h1 {
    font-size: 24px;
    margin-bottom: 1.5rem;
    color: #fff;
}
.sgl-work-content img {
    width: 100%;
}
.sgl-work-content:nth-child(even) {
    flex-direction: row-reverse;
}

.sgl-work-content:nth-child(odd) .content {
    width: calc(100% - 290px);
}
.sgl-work-content:nth-child(even) .content {
    width: calc(100% - 358px);
}
.sgl-work-content.no-img .content {
    width: 100% !important;
}
.sgl-work-content:nth-child(odd) .img {
    width: 270px;
}
.sgl-work-content:nth-child(even) .img {
    width: 338px;
}




/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** conversation-section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.conversation-section {
    padding: 120px 0;
    background: #F0ECE4;
}
.conversation-section .image-and-con-lists {
    gap: 65px;
}
.conversation-section .sgl-work-content {
    background: #B3CFDF;
    color: #000;
}
.conversation-section .sgl-work-content .content,
.conversation-section .sgl-work-content .content * {
    color: #000;
}
.conversation-section .sgl-work-content .content h4,
.conversation-section .sgl-work-content .content h2,
.conversation-section .sgl-work-content .content h3,
.conversation-section .sgl-work-content .content h5, 
.conversation-section .sgl-work-content .content h6,
.conversation-section .sgl-work-content .content strong {
    margin-bottom: 1.3rem;
    /* font-family: 'GT America Exp Rg'; */
}
.conversation-section .sgl-work-content {
    gap: 0;
}
.conversation-section .sgl-work-content:nth-of-type(4n+1),
.conversation-section .sgl-work-content:nth-of-type(4n+3) {
    flex-direction: row;
}
.conversation-section .sgl-work-content:nth-of-type(4n+2),
.conversation-section .sgl-work-content:nth-of-type(4n+4) {
    flex-direction: row-reverse;
}
.conversation-section .sgl-work-content:nth-of-type(4n+1) .content {
    width: calc(100% - 352px);
    color: #000;
}
.conversation-section .sgl-work-content:nth-child(4n+1) .img {
    width: 352px;
    position: relative;
    right: -65px;
}

.conversation-section .sgl-work-content:nth-of-type(4n+3) .content {
    width: calc(100% - 250px);
    color: #000;
}
.conversation-section .sgl-work-content:nth-of-type(4n+3) .img {
    margin-top: -60px;
    margin-bottom: -120px;
    width: 250px;
}

.conversation-section .sgl-work-content:nth-child(4n+2) .content,
.conversation-section .sgl-work-content:nth-of-type(4n+4) .content {
    width: calc(100% - 316px);
    color: #000;
}
.conversation-section .sgl-work-content:nth-child(4n+2) .img,
.conversation-section .sgl-work-content:nth-child(4n+4) .img {
    width: 342px;
    position: relative;
    left: -70px;
}

.conversation-section .sgl-work-content.no-img .content {
    width: 100%;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Leading the Innovations
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */

.innovation-section {
    padding: 120px 0;
    background: #496951;
}
.innovation-content {
    background: #B3CFDF;
    padding: 3rem;
    font-size: 20px ;
    color:#000;
    margin-top: 60px;
}
.inno-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
}
.innovation-content h2,
.innovation-content h3,
.innovation-content h1 {
    font-size: 24px;
    margin-bottom: 1.5rem;
    color: #fff;
    color:#000;
}
.innovation-content .img {
    position: relative;
    margin-bottom: -50%;
}

.testi-and-boxes {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 2rem;
    margin-top: 80px;
}
.testi-and-boxes .sgl-bio,
.broadest-testimonials .sgl-bio {
    background: #F0ECE4;
    max-width: 558px;
    width: 100%;
    padding: 2.3rem 2rem
}
.testi-and-boxes .sgl-bio .bio-cont,
.broadest-testimonials .sgl-bio .bio-cont {
    color: #000;
    max-width: 408px;
    line-height: 1.3;
}
.quote-icon-con {
    display: flex;
    justify-content: center;
}
.quote-icon {
    background: #fff;
    padding: 10px;
    aspect-ratio: 1;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: -30px;
    z-index: 1;
}

.inovation-boxes {
    display: flex;
    gap: 5rem;
    flex-direction: column;
    justify-content: center;
    max-width: 400px;
    width: 100%;
}
.inovation-boxes .info {
    color: #fff;
    font-size: 20px;
}
.ino-box h2 {
    color: #fff;
}

/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** Broadcast Section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.broadest-section {
    padding: 100px 0;
    background: #51A766;
}
.broadest-section .sgl-work-content {
    background: #1E1E1E;
}
.broadest-section .image-and-con-lists {
    gap: 60px;
}
.broadest-section .sgl-work-content:nth-child(odd) .img {
    margin-top: 0;
    margin-bottom: -60px;
}
.broadest-section .sgl-work-content:nth-child(even) {
    padding: 30px 0;
}
.broadest-section .sgl-work-content:nth-child(even) .img {
    left: 0;
    margin-right: -50px;
}

.boxes {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 30px;
    margin: 90px 0 60px;
}

.boxes .sgl-box .box-hd {
    width: 100%;
    color: #fff;
    font-weight: 500;
}
.boxes .sgl-box .box-desc {
    font-size: 20px;
    color: #fff;
    max-width: 268px;
    width: 100%;
}
.broadest-testimonials {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin: 5rem auto 0;
    width: 90%;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
** our partners section
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */

.our_partners-section {
    padding: 100px 0;
    background: #F0ECE4;
}
.our_partners-section .section-title {
    text-align: center;
    margin: 0 auto 50px;
    color: #496951;
    text-transform: uppercase;
}
.partner-hd {
    color: #496951;
}
.partner_contents {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 30px;
    margin-top: 60px;
}
.partner_contents .content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    color: #000;
    font-size: 20px;
    line-height: 1.6;
}
.pc {
    display: grid;
    gap: 70px;
}
.our_partners-section .slick-slide {
    background: #496951;
}
.our_partners-section .slick-slider .slick-track, 
.our_partners-section .slick-slider .slick-list {
    display: flex;
}
.our_partners-section .slick-slide > div {
    height: 100%;
}

.sgl-bio {
    background: #496951;
    padding: 3rem 2rem;
}
.our_partners-section .sgl-bio {
    height: 100%;
}
.bio-img {
    aspect-ratio: 1;
    max-width: 276px;
    width: 100%;
    height: auto;
    background: #F0ECE4;
    margin: 0 auto 30px;
}
.bio-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sgl-bio .bio-cont {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    color: #fff;
    line-height: 1.1;
    max-width: 322px;
    width: 100%;
    margin: 0 auto;
}
.sgl-bio .bio-cont a {
    color: inherit;
    text-decoration: underline;
}
.sgl-bio .name {
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px auto 10px;
}

.sgl-bio {
    width: 100%;
}
.sgl-bio-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Slider arrow */
.our_partners-section .slick-prev, 
.our_partners-section .slick-next {
    top: unset;
    bottom: -100px;
}
.our_partners-section .slick-prev {
    left: unset;
    right: calc(50% - -10px);
}
.our_partners-section .slick-next {
    right: unset;
    left: calc(50% - -10px);
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
**  Media News
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.media-section {
    background: #FFFFFF;
    padding: 100px 0;
}
.news-lists {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5rem;
    margin-top: 5rem;
}
.news-lists .no-link {
    pointer-events: none;
}
.news-lists a {
    position: relative;
    text-decoration: none;
}
.news-lists .has-link:hover .img ,
.news-lists .has-link:hover .heading {
    box-shadow: 3px 6px 10px #4969517d;
}
.news-lists a:nth-child(even).has-link:hover .img ,
.news-lists a:nth-child(even).has-link:hover .heading {
    box-shadow: 3px 6px 10px #51a76659;
}
.news-lists .img {
    width: 100%;
    position: relative;
    border-bottom: 13px solid #496951;
    border-radius: 0 0 10px 10px;
    transition: all .3s;
}
.news-lists a:nth-child(even) .img {
    border-color: #51a766;
}
.news-lists img {
    width: 100%;
    aspect-ratio: 317/300;
    object-fit: cover;
}
.news-lists .chanel {
    background: #496951;
    padding: 10px;
    color: #fff;
    text-align: right;
    font-size: 30px;
    min-width: 79%;
    position: absolute;
    max-width: 100%;
    right: 0;
    bottom: 9px;
    text-decoration: none;
}
.news-lists a:nth-child(even) .chanel {
    background: #51a766;
}
.news-lists .img-blocks {
    display: flex;
    gap: 5px;
    background: #496951;
    padding: 4px 9px 3px;
}
.news-lists a:nth-child(even) .img-blocks {
    background: #51a766;
}
.img-blocks span {
    display: block;
    width: 5px;
    height: 5px;
    background: #fff;
}
.news-lists .heading {
    padding: 8px 16px;
    border: 1px solid #000;
    border-radius: 8px;
    color: #000;
    text-align: center;
    margin: 10px 0 0 0;
    width: 100%;
    text-decoration: none !important;
    transition: all .3s;
    font-size: 14px;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
**   Footer Element
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
.footer-section {
    background: #496951;
    padding: 3rem 0;
}
.footer-section .btn {
    background: #fff;
    color: #000;
    font-weight: 600;
    border-radius: 30rem;
}
.footer-inner {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
}

/* Hide Footer */
#colophon {
    display: none;
}



/* *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *
**   Responsive starts form here
** *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** *  *** */
@media only screen and (max-width: 1100px) {
    
    .section-title {
        font-size: 32px;
    }
    .innovation-content .img {
        margin-right: -65px;
    }

    .broadest-section .sgl-work-content:nth-child(even) .img {
        left: 0;
        margin-right: -20px;
    }

    /* Media */
    .news-lists .chanel {
        font-size: 22px;
    }

    /* Boxes */
    .ino-box h2,
    .boxes .sgl-box .box-hd,
    .ino-box h2 ,
    .work-box h2 {
        font-size: 30px;
    }

}

@media only screen and (max-width: 991px) {
    .map-img {
        max-width: 200px;
        width: 100%;
        transition: all .8s linear;
    }
    .m-img {
        max-width: 110px;
        transition: all .8s linear;
    }
    
    .partner_contents {
        grid-template-columns: 1fr 250px;
        gap: 10px;
    }
    .partner_contents .content {
        font-size: 16px;
    }
    .sgl-bio .bio-cont {
        font-size: 14px;
    }
    .sgl-bio {
        padding: 10px;
    }
    

    /* Media */
    .news-lists {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
        margin-top: 4rem;
    }

    /* Innovation */
    .innovation-content .img {
        margin-bottom: 0;
    }
    .inno-content {
        grid-template-columns: auto;
    }
    .inovation-boxes .info,
    .horizontal-scroll-section .info,
    .single-block .block-info,
    .strategy-inner-content .description,
    .work-boxes .info,
    .sgl-work-content .content,
    .inno-content .content,
    .boxes .sgl-box .box-desc,
    .sgl-work-content .content {
        font-size: 18px;
    }

}


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

    .section-title.second-line {
        margin: 0 0 30px 3rem;
    }
    .banner-section {
        padding: 80px 0;
    }
    .banner-section h3 {
        font-size: 17px;
    }
    .banner-inner img {
        max-width: 120px;
    }
    .letter-section .letter,
    .partner_contents,
    .partner_contents .content {
        grid-template-columns: auto;
    }


    /* Strategy */
    .sigle-st-con {
        position: relative;
        width: 100%;
    }
    .sigle-st-con:nth-child(3) {
        order: unset;
    }
    .sigle-st-con .arrow-2 {
        left: 50%;
        top: -30px;
        transform: translate(-50%, -50%) rotate(90deg)
    }
    .sigle-st-con .arrow-3 {
        position: absolute;
        top: -57px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .sigle-st-con .arrow-4 {
        display: none;
    }
    .sigle-st-con .arrow-4-last {
        transform: translateX(-50%) rotate(90deg);
    }


    /* Single Work */
    .sgl-work-content:nth-child(odd) .img {
        width: 100%;
    }


    /* Signle testimonial */
    .testi-and-boxes, 
    .broadest-testimonials {
        grid-template-columns: auto;
    }




    .boxes, .work-boxes {
        grid-template-columns: auto;
        margin: 50px 0 60px;
        justify-content: center;
        text-align: center;
    }
    .m-img {
        max-width: 80px;
        bottom: -40px;
    }
    .map-img {
        max-width: 150px;
        width: 100%;
    }
    .form-img img {
        width: 100%;
        margin: 0 auto 30px;
    }
    .all-cards {
        grid-template-columns: auto;
        gap: 20px;
    }
    .single-card .card-hd {
        font-size: 25px;
    }
    
    
    .single-card .description,
    .innovation-content,
    .horizontal-scroll-section .info,
    .partner_contents .content,
    .sgl-bio .bio-cont {
        font-size: 16px;
    }
    .innovation-content {
        padding: 20px;
    }
    
    .single-strategy {
        grid-template-columns: auto;
        gap: 0;
        padding: 20px;
    }

    .single-strategy .description {
        font-size: 16px;
    }
    .card-section,
    .our-work-section,
    .innovation-section,
    .our_partners-section,
    .broadest-section,
    .conversation-section,
    .letter-section,
    .strategy-section,
    .horizontal-scroll-section ,
    .media-section {
        padding: 60px 0;
    }


    .sgl-work-content {
        padding: 20px !important;
    }
    .sgl-work-content:nth-child(odd),
    .sgl-work-content:nth-child(even) {
        flex-direction: column-reverse;
    }
    
    .sgl-work-content:nth-child(odd) .content,
    .sgl-work-content:nth-child(even) .content {
        width: 100% !important;
    }
    .conversation-section .sgl-work-content:nth-child(even) .img {
        left: 0;
        width: 100%;
    }
    .conversation-section .sgl-work-content:nth-of-type(4n+1) .img {
        margin-bottom: 0;
        width: 100%;
    }
        
    .sgl-work-content:nth-child(even) .img {
        width: 100%;
        left: 0;
    }

    .sgl-work-content .content {
        font-size: 16px;
    }
    .single-block .block-info {
        font-size: 16px;
        margin-top: 15px;
    }
    .single-block h3 {
        font-size: 25px;
    }


    .sgl-bio {
        position: static;
        opacity: 1;
        pointer-events: unset;
        display: block;
        padding: 20px;
        margin-bottom: 30px;
    }

    /* Media */
    .news-lists {
        gap: 3rem 1rem;
    }


    /* Conversational Section */
    .conversation-section .sgl-work-content {
        gap: 20px;
    }
    .conversation-section .sgl-work-content:nth-of-type(4n+1),
    .conversation-section .sgl-work-content:nth-of-type(4n+3),
    .conversation-section .sgl-work-content:nth-of-type(4n+2),
    .conversation-section .sgl-work-content:nth-of-type(4n+4)  {
        flex-direction: column-reverse;
    }

    .conversation-section .sgl-work-content:nth-of-type(4n+1) .content {
        width: 100%;
    }
    .conversation-section .sgl-work-content:nth-child(4n+1) .img {
        width: 100%;
        right: 0;
    }

    .conversation-section .sgl-work-content:nth-of-type(4n+3) .content {
        width: 100%;
    }
    .conversation-section .sgl-work-content:nth-of-type(4n+3) .img {
        margin-top: 0;
        margin-bottom: 0;
        width: 100%;
    }
    
    .conversation-section .sgl-work-content:nth-child(4n+2) .content,
    .conversation-section .sgl-work-content:nth-of-type(4n+4) .content {
        width: 100%;
    }
    .conversation-section .sgl-work-content:nth-child(4n+2) .img,
    .conversation-section .sgl-work-content:nth-child(4n+4) .img {
        width: 100%;
        position: relative;
        left: 0;
    }


    /* Partner */
    .bio-wrap {
        max-width: 320px;
        width: 100%;
        margin: 50px auto 100px;
    }

    /* Footer Element */
    .footer-section {
        padding: 3rem 0;
    }





}


@media only screen and (max-width: 400px) {
    .news-lists {
        grid-template-columns: 1fr;
    }
}