/* Simplon 2023 v.1.0 - Severin */
/* global css, default properties used to get rid of any margin or padding */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

:root {
    /* css variables - customed css properties */
    /* main hexadecimal (units) colors */
    --red: #CF3034;
    --black: #000000;
    --white: #ffffff;

    /* line-height */
    --ln-height-heading-text: 43.09px;
    --ln-height-prg-text: 24.55px;
}

.d-block {
    display: block;
}

.d-flex-column {
    display: flex;
    flex-direction: column;
}

.d-flex-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hidden {
    display: none;
}

.division {
    border: none;
    margin: 6em 0 1.8em;
    padding-inline: 2.55em;
}

.headingTextImpact {
    font-size: clamp(27.99px, 3.5vw, 100px);
}

span {
    font-size: 25px;
    margin: auto 9px;
    font-weight: bolder;
}

*, 
*::before, 
*::after {
    font-family: 'Nunito Sans', sans-serif;
    padding: 0;
    box-sizing: border-box;
    margin: 0;
}

div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    display: block;
    object-fit: cover;
}

p {
    font-size: 18px;  
    font-weight: 300;
}


a {
    border: 0;
    text-decoration: none;
    color: var(--black);
    font-size: var(--min-size);
    align-self: center;
}

body {
    text-size-adjust: 100%;
    margin: 19px 113px 0;
    font-style: normal;
    line-height: 1.13;
    font-size: var(--min-size);
    color: var(--black);
    -webkit-text-size-adjust: 100%;    
    background-color: rgba(173, 193, 222, 0.295);
}

html {
    -webkit-font-smoothing: antialiased;
}


/* Header Simplon 2023 */
/* Navigation Bar (Top) Section CSS */

/* i {
    margin: 6px 7px;
} */

button {
    width: max-content;
    font-family: inherit;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    border: none;
    height: 52px;
    font-size: clamp(14px, 7vw, 18px);
    font-weight: 700;
    border-radius: 6px;
    padding-inline: 50px;
    line-height: var(--ln-height-prg-text);
    cursor: pointer;
    vertical-align: middle;
    background-color: var(--red);
    color: var(--white);
}

.heroBtn {
    transition: all .3s ease-in-out;
}

.heroBtn:hover {
    color: var(--red);
    background-color: var(--white);
    border: 2px solid var(--red);
}

/* Beginning ! ------------------------------------------------- */
/* Header / Navigation Bar Simplon Section CSS */
.custom-fa-bars-open { 
    color: var(--red); 
    width: 56px;
    display: none;
}

.logo {
    width: 76px;
    min-height: auto;
}

.headerBody .navCtn .custom-fa-bars-open {
    width: 75px;
    display: none;
}

.whiteLine {
    height: 1px;
    width: 100%;
    background-color: var(--white);
    border: none;
}

.headerBody {
    width: 100%;
    min-height: 83px;
    position: relative;
}

.headerBody .navCtn {
    margin: auto;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerBody .navCtn .navLinks {
    text-align: center;
    align-items: center;
    line-height: 24.55px;
    margin: 0 15px;
    padding: 7px;
    font-weight: 400;
    text-decoration: none; 
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}

.headerBody .navCtn .navLinks .navLinksItem {
    list-style-type: none;
    /* margin: 2px 3px; */
}


.headerBody .navCtn .navLinks .navLinksItem .linkRefc {
    color: var(--black);
    text-decoration: none;
    margin: 0 1.05rem;
    position: relative;
    
}

.headerBody .navCtn .navLinks .navLinksItem .linkRefc:hover {
    transition: all .3s ease-in-out;
    color: var(--white);
    background-color: var(--red);
}

.headerBody .navCtn .navLinks .navLinksItem .linkRefc::after {
    position: absolute;
    content: '';
    bottom: -5px;
    left: 0;
    width: 0%;
    height: 3px;
    transition: .3s ease all;
}

.headerBody .navCtn .navLinks .navLinksItem .linkRefc:hover:after {
    width: 100%;
}

.flex {
    display: flex !important;
}

@media (max-width: 955px) {
    .headerBody .navCtn .custom-fa-bars-open {
        /* display: inline; */
    }

    .headerBody .navCtn {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .headerBody .navCtn .navLinks {
        background-color: white;
        height: 100vh;
        width: 100vw;
        margin: 0;
        padding: 0;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        /* transform: translateX(0); */
        transition: .3s ease all;
        z-index: 10;
        margin-top: 8em;
    }

    .headerBody .navCtn .logo {
        /* margin-left: -5em; */
        width: 100px;
        /* padding-bottom: 5px; */
        /* position: absolute; */
        top: 1em;
        left: 5em;
    }

    .headerBody .navCtn .custom-fa-bars-open {
        margin-right: -2em;
        /* display: block; */
        /* width: 3.65em; */
        /* position: absolute; */
        /* top: 1em; */
        /* right: 5em; */
    }

    .headerBody .navCtn .navLinks {
        display: none;
    }

    .headerBody .navCtn .navLinks .navLinksItem .linkRefc {
        color: var(--black);
    }

    .headerBody .navCtn .navLinks .navLinksItem .linkRefc::after {
        background-color: var(--white);
    }

    .headerBody .navCtn .custom-fa-bars-open {
        display: block;
    }
}

.centeredPosition {
    position: absolute;
    left: 50%;
    top: 45px;
}

@media (max-width: 646px) {
    .headerBody .navCtn {
        padding: 20px 45px;
        display: flex;
        justify-content: space-between;
    }

    .headerBody .navCtn .custom-fa-bars-open {
        display: block;
        margin-right: -15px;
    }
}














/* s1 */
/* Hero - Heading Welcome Section CSS */
.heroCtn {
    background-color: #fff;
    display: flex;
    justify-content: center;
    min-height: 514px;
    gap: 26.8px;
    padding: 40px 50px;
    margin-top: 39px;
}

.bannerLeftCtn {
    gap: inherit;
    display: flex;
    flex-direction: column;
}

.mainTextContent {
    gap: 40px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: start;
}

.bannerLeftCtn, .bannerRightCtn {
    width: 100%;
    min-height: 424px;
}

.bannerRightCtn {
    position: relative;
    right: -50px;
}

.heroBtnContainer {
    gap: 1.2em;
    margin-top: 43px;
    display: flex;
    align-self: flex-start;
}

.welcomeImg {
    width: 100%;
    height: auto;
    object-fit: cover;
}

@media (max-width: 788.8px) {   
    .heroCtn .heroBtnContainer {
        display: flex;
        flex-direction: column;
    }

    .heroCtn .heroBtnContainer button {
        width: 50vw;
        font-size: 1.15em;
        align-self: center;
    }
}

@media (max-width: 800px) {
    .surveyCtn .whiteBannerTestimony .surveyBanner .surveyStudentPhotoCtn {
        height: 5em !important;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner .surveyStudentPhotoCtn .studentPhoto {
        display: none !important;
    }
}

/* s1 Hero - Heading Welcome Section CSS media queries */
@media (max-width: 1384.8px) {
    .heroCtn {
        flex-wrap: wrap;
    }

    .heroCtn .bannerRightCtn {
        display: block;
        width: max-content;
        right: 0;
    }

    .heroCtn .bannerLeftCtn {
        gap: 19.50px;
        justify-content: space-around;
        align-items: center;
    }

    .heroCtn .heroBtnContainer {
        align-self: center;
    }

    .mainTextContent {
        justify-content: center;
        text-align: center;
        align-items: center;
        flex-direction: column;
        gap: 35px;
    }
}

@media (min-width: 400px) and (max-width: 644.99px) {
    .heroCtn {
        max-width: 100%;
        padding: 25px;
    }
    
    .mainTextContent {
        padding: 0;
        justify-content: flex-start !important;
        text-align: left !important;   
        font-size: var(--min-size);
        max-width: 100%;
    }

    .heroCtn .heroBtnContainer .heroBtn {
        align-self: center;
    }

    body {
        margin: 0;
    }
    
    .heroCtn {
        margin-top: 0;
    }

    .heroCtn .bannerLeftCtn .mainLogo, 
    .heroCtn .bannerLeftCtn .mainTextContent {
        align-self: flex-start;
    }

    .mainTextContent .welcomeHeadingText, 
    .footerBody, .innerFooterCtn .inputContactCtn .footerHeadingText {
        font-size: clamp(14px, 2.5vw);
    }

    .mainTextContent p {
        font-size: clamp(11px, 1.5vw);
    }
    
    .heroCtn .heroBtnContainer .heroBtn {
        display: block;
        width: min(232px, 100%);  
    }
}

/* CSS media below 645px */
@media (max-width: 645px) {
    .heroCtn .heroBtnContainer .heroBtn {
        width: 90vw;
    }

    body {
        margin: 0;
    } 
}

@media (max-width: 501px) {
    .heroCtn .bannerRightCtn {
        display: none;
    }
}

/* CSS media below 400px (mobile devices) */
@media (max-width: 400px) {
    .heroCtn .heroBtnContainer {
        width: 70vw;
    }
}

/* s2 */
/* Positive Influence Section CSS */
.InfluenceCtn {
    min-height: 347px;
    gap: 50px;
    flex-direction: column;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.cardList {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.twoCardsFromLeft, .twoCardsFromRight {
    gap: inherit;
    display: flex;
    flex-wrap: wrap;
}

.twoCardsFromLeft p, .twoCardsFromRight p {
    font-size: 18px;
    color: var(--black);
}

.twoCardsFromLeft h1, .twoCardsFromRight h1 {
    font-size: 50px;
    color: var(--red);
}

.card {
    display: flex;
    flex-direction: column;
    padding: .95em;
    color: var(--white);
    background-color: var(--white);
    width: 167px;
    height: 219.5px;
    justify-content: space-between;
}

.card img {
    display: block;
    width: 33px;
    height: 33px;
    align-self: flex-end;
}

.red p {
    color: var(--white);
}

.red {
    color: var(--white);
    background-color: var(--red);
}

/* Positive Influence Section CSS media queries */
@media (max-width: 1000px) {
    .cardList {
        gap: 15px;
        display: inline-grid;
    }

    .twoCardsFromLeft, .twoCardsFromRight {
        gap: 15px;
    }
}


@media (max-width: 370.01px) {
    .InfluenceCtn .cardList .twoCardsFromRight {
        flex-wrap: nowrap;
    }

    .InfluenceCtn .cardList .twoCardsFromRight .card,
    .InfluenceCtn .cardList .twoCardsFromLeft .card
     {
        width: 157px;
        height: 170px;
    }
    
    .InfluenceCtn .cardList .twoCardsFromLeft .card h1, .InfluenceCtn .cardList .twoCardsFromRight .card h1 {
        font-size: 40px;
        color: var(--red);
    }
}

/* @media (max-width: 321.01px) {
    .twoCardsFromRight {
        flex-wrap: nowrap;
    } 
} */



/* s3 */
/* Simplon Course Surveys Section CSS */
/* scroll - slider (carousel student view) CSS */
.nbSlide h3 {
    position: relative;
    font-size: 30px;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.surveyCtn {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 20px;
    min-height: 475px;
    background-color: var(--white);
}

.surveyCtn .whiteBannerTestimony {
    width: inherit;
    height: inherit;
}

.surveyCtn .surveyTextCtn {
    display: flex;
    justify-content: space-evenly;
    gap: 20px;
    flex-direction: column;
    padding: 1em;
}

.surveyCtn .whiteBannerTestimony .surveyBanner .surveyTextCtn .quotes {
    font-size: 170px;
    margin: -30px 0;
    padding: 0;
    color: var(--red);
    font-weight: bolder;
    user-select: none;
}

.surveyCtn .surveyTextCtn .nameSurvey {
    font-size: 1em;
    font-weight: 600;
    color: var(--black);
}

.surveyCtn .surveyTextCtn .surveyDescription {
    min-height: 10px;
    text-align: start;
    color: var(--black);
}

.surveyCtn .surveyBanner .surveyStudentPhotoCtn {
    height: 24em;
}

.surveyCtn .surveyBanner .surveyStudentPhotoCtn .studentPhoto {
    width: 259px;
    margin: 20px auto;
}

.surveyCtn .carouselNumberCtn {
    display: flex;
    align-items: center;
    gap: 5em;
}

.surveyCtn .whiteBannerTestimony .surveyBanner .arrowCtnRightBottomPos {
    margin: 19px auto;
    bottom: 0 !important;
    position: relative;
}

.surveyCtn .surveyStudentPhotoCtn .carouselNumberCtn .arrow  {
    width: 39px;
    height: 39px;
    margin: 0;
    cursor: pointer;
    color: var(--white);
}

.prev, .next {
    transition: .15s ease-in-out;
    cursor: pointer;
    margin: auto 18px;
}

.prev:hover, .next:hover {
   -ms-transform: scale(1.65); 
    -webkit-transform: scale(1.65); 
    transform: scale(1.65);
}

@media (max-width: 1345px) {
    .surveyCtn .whiteBannerTestimony .surveyBanner .surveyStudentPhotoCtn {
        /* flex-wrap: wrap; */
        flex-direction: column;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
        height: 27em;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner .surveyStudentPhotoCtn .arrowCtnRightBottomPos {     
        position: relative;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .surveyCtn .whiteBannerTestimony .hidden {
        display: none;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner .surveyStudentCtn {
        display: flex;
        overflow: hidden;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner .hidden {
        display: none;
        /* not needed */
        /* flex-: column-reverse; */
    }
}

@media (min-width: 1001px) {
    .surveyCtn .whiteBannerTestimony .surveyBanner {
        flex-wrap: nowrap;
    }
}

/* s3 */
/* Simplon Course Surveys Section CSS */
@media (max-width: 1000px) {
    .surveyCtn {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .surveyCtn .whiteBannerTestimony {
        overflow-x: none;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner {
    }
    
    .surveyCtn .whiteBannerTestimony .surveyBanner .arrowCtnRightBottomPos {
        position: relative;
        bottom: 0 !important;
    }
    
    .surveyCtn .surveyStudentPhotoCtn {
        min-width: 100%;
        margin: auto;
    }

    .surveyCtn .whiteBannerTestimony .surveyBanner {
        flex-wrap: nowrap;
    }
}

/* below 645px */
@media (max-width: 645px) {
    .cardList {
        gap: 4.15px;
        display: inline-grid;
    }

    .twoCardsFromLeft, .twoCardsFromRight {
        gap: 4.15px;
    }
    .card {
        width: 183.5px;
        height: 197.5px;
    }
}

/* below 412px */
@media (max-width: 412px) {
    .headingTextImpact {
        left: 8px;
    }

    .InfluenceCtn {
        padding: 0;
    }

    .cardList {
        gap: 3px;
    }

    .twoCardsFromLeft, .twoCardsFromRight {
        gap: 3px;
    }
}






/* s4 */
/* Students at Simplon.co Section CSS ------------------------------  */
.studentBanner {
    position: relative;
    display: flex;
    min-height: 375px;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
}

.studentBanner .studentPhoto2 {
    height: auto;
    min-width: 100%;
    min-height: 100%
}

.studentBanner .whiteContainerAbovePhoto {
    display: flex;
    flex-direction: column;
    gap: 25px;
    z-index: 999;
    width: 30em;
    background-color: var(--white);
    width: 511px;
    min-height: 323px;
    padding: 40px;
    position: absolute;
}

.studentBanner .whiteContainerAbovePhoto .studentBannerBtn:hover {
    color: var(--red);
    background-color: var(--white);
    border: 2px solid var(--red); 
    
}

.studentBanner .whiteContainerAbovePhoto .studentBannerBtn {
    min-width: 28.8vw;
}




/* s6 */
.partnershipBanner {
    position: relative;
    width: 100%;
    width: 400px;
    height: 270px;
    min-height: 163px;
    overflow: hidden;
    background-color: #cdcdcd;
}
.partnershipItem {
      position: absolute;
      width: 100%;
      height: 270px;
      border: 1px solid #2e2e2e;
      top: 0;
      left: 100%;
}
.partnershipItem:active {
    left: 0;
    transition: all 0.3s ease-out;
}

.partnershipBanner .partnershipItem .itemLogo {
    width: 30px;
}

/* Students at Simplon.co Section CSS media queries ------------------------------  */
@media (max-width: 1420px) {
    .studentBanner {
        background-color: var(--white);
        min-height: 376px;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }

    .studentBanner .studentPhoto2 {
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .studentBanner .whiteContainerAbovePhoto {
        height: 22em;
        max-width: fit-content;
        margin-right: 0;
        margin-top: 0;
        position: absolute;
        gap: 39px;
        align-items: center;
        position: relative;
    }

    .studentBanner .whiteContainerAbovePhoto .studentBannerBtn {
        display: block;
        width: 100%;  
    } 
}

@media (max-width: 470.01px) {
    .studentBanner {
        padding: 20px;
    }
 
     .studentBanner .whiteContainerAbovePhoto .heroBtnStudentBanner {
        display: block;
        width: min(232px, 100%);  
    }
 
     .studentBanner .whiteContainerAbovePhoto .studentCtnHeadingText {
         font-size: clamp(14px, 2.5vw);
    }
 
     .studentBanner .whiteContainerAbovePhoto .studentCtnPgText {
         font-size: clamp(11px, 1.5vw);
    }
     
     .studentBanner .whiteContainerAbovePhoto .studentBannerBtn {
         /* width: 100%; */
         display: block;
         width: 90vw;  
    } 
}

/* Footer Simplon 2023 CSS Media queries */
/* DESKTOP TO TABLET  */
.footerBody {
    padding: 20px 104px 50px;
    width: 100%;
    min-height: 351px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: var(--red);
}

.footerBody .innerFooterCtn {
    display: flex;
    padding-top: 30px;
    justify-content: space-around;
}

.footerBody .innerFooterCtn .logoFooterCtn,
.footerBody .innerFooterCtn .inputContactCtn {
    width: 654px;
}

.footerBody .innerFooterCtn .logoFooterCtn {
    color: var(--white);
    gap: 10px;
    flex-direction: column;
}

.footerBody .innerFooterCtn .inputContactCtn {
    color: var(--white);
    height: 161px;
    padding-bottom: 50px;
}

.footerBody, .innerFooterCtn .inputContactCtn .footerHeadingText {
    font-size: 45px;
}

.footerBody, .innerFooterCtn .inputContactCtn .formGroup {
    width: 100%;    
}

.formGroup {
    position: relative;
    padding: 5px 0 0;
}

.formField, 
.formField::placeholder {
    padding-left: 5px;
}

.formGroup {
    position: relative;
    padding: 5px 0 0;
}

.formField, 
.formField::placeholder {
    padding-left: 5px;
}
  
.formField {
    font-family: inherit;
    width: 100%;
    border: 0;
    border: 2px solid white;
    outline: 0;
    font-size: 1.3rem;
    color: var(--white);
    padding: 7px;
    background: transparent;
    padding-left: 1.4em;
    transition: border-color 0.2s;
}

.formField::placeholder {
    margin-block: auto;
    color: var(--red);
    font-size: 18px;
}

.footerBody .innerFooterCtn .inputContactCtn .formGroup #letterIcon {
    background: url("../images/icon-mail.svg") no-repeat right var(--red);
    background-size: 55px;
    color: var(--white);
    width: 100%;
}

.footerBody .partnershipFooterCtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    gap: 1em;
}

.footerBody .footerLinkCtn {
    justify-content: center;
    margin: auto;
    gap: 5px;
    display: flex;
    width: 100%;
    height: 20px;
}

.footerBody .footerLinkCtn .footerLink {
    margin: 8px 8px 8px;
    padding-right: 15px;
    color: var(--white);
    font-size: 13px;
    font-weight: 600;
    border-right: 1px solid var(--white);
    white-space: nowrap;
    transition: all .405s ease;
}

.footerBody .footerLinkCtn .footerLink:hover {
    color: var(--red);
    background-color: var(--white);
}

.footerBody .footerLinkCtn .footerLink {
    margin: 8px 8px 8px;
    padding-right: 15px;
    color: var(--white);
    font-size: 13px;
    font-weight: 600;
    border-right: 1px solid var(--white);
    white-space: nowrap;
}

.footerBody .footerLinkCtn .noRightBorder {
    border-right: none !important;
}


/* Footer Simplon 2023 CSS Media queries */
/* DESKTOP TO TABLET  */
@media (max-width: 1301px) {
    .footerBody .innerFooterCtn {
        display: block;
    }

    .footerBody .innerFooterCtn .inputContactCtn {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .footerBody .innerFooterCtn .inputContactCtn,
    .footerBody .innerFooterCtn .inputContactCtn .footerHeadingText,
    .footerBody .innerFooterCtn .inputContactCtn .footerParagraphText {
        margin: auto;
    }

    .footerBody .innerFooterCtn .logoFooterCtn { 
        margin: 25px auto;  
        width: 25vw;
    }

    .footerBody .footerLinkCtn {
        display: flex;
        margin: auto;
        flex-direction: column;
        gap: 12px;
        height: max-content;
        width: 100%;
    }

    .footerBody .footerLinkCtn .footerLink {
        border-right: transparent;
        font-size: 24px;
        font-size: clamp(17px, 5vw, 24px);
    }
}

/* TABLET TO MOBILE */
@media (max-width: 1080px) {
    .footerBody {
        gap: 60px;
    }

    .footerBody .innerFooterCtn .inputContactCtn {
        width: 100%;
    }

    .footerBody .partnershipFooterCtn {
        gap: 20px;
    }
}

@media (max-width: 763px) {
    .footerBody .innerFooterCtn .inputContactCtn .footerHeadingText {
        white-space: nowrap;
        font-size: clamp(33px, 5vw, 90px);
    }

    .footerBody .innerFooterCtn .logoFooterCtn {
        margin: 60px auto 50px;
        width: 55vw;
    }
}

@media (max-width: 450px) {
    .footerBody {
        padding: 30px 20px 60px;
        gap: 30px;
    }

    .footerBody .innerFooterCtn .inputContactCtn .footerHeadingText {
        white-space: nowrap;
    }

    .formField {
        display: inline-block;
        overflow: auto;
    }

    .logoFooterCtn {
        display: flex !important;
    }

    .footerBody .innerFooterCtn .inputContactCtn .formGroup #letterIcon[type="text"]:focus,
    .footerBody .innerFooterCtn .inputContactCtn .formGroup #letterIcon[type="text"]:valid {
        background: none;
    }

    .footerBody .itemFooter:nth-of-type(1) {
        order: 3;
    }
    
    .footerBody .itemFooter:nth-of-type(2) {
        order: 2;
    }
    
    .footerBody .itemFooter:nth-of-type(3) {
        order: 1;
    }

    .footerBody .innerFooterCtn {
        display: flex;
        flex-direction: column-reverse;
    }

    .footerBody .footerLinkCtn .footerLink {
        align-self: flex-start;
        display: flex;
    }
}

@media (max-width: 367.99px ) {
    /* body { */
        /* display: none; */
    /* } */
}