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

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Rubik", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
}

.EamSMARTFMgoesText {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.EAMContentHeadingDiv {
    width: 100%;
    height: auto;
    padding-top: 30px;
}

.FCContentHeadingDiv {
    width: 100%;
    height: auto;
    padding: 40px 0px;
}

.UFContentParentDiv {
    width: 100%;
    height: auto;
    padding: 40px 0px;
}

.UFContentParentDiv2 {
    width: 100%;
    height: auto;
    padding: 20px 0px;
}

.EAMContentHeadingText {
    text-align: center;
    font-size: 1.7rem;
    color: #595959;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.EAMHeadingSubContentCenter {
    width: 100%;
    display: flex;
    justify-content: center;
}

.UFHeadingSubContentCenter {
    width: 100%;
}

.EAMSubContentTextWidthTenant {
    width: 80%;
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: 1.9;
    padding-top: 6px;
}

.KFSubContentTextWidth {
    width: 80%;
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: 1.9;
    font-weight: 500;
}

.FCSubContentTextWidth {
    width: 100%;
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: 1.9;
    padding-top: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.EAMMidRequestDemoParent {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 16px;
}

.FCReqDemoParent {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 60px;
    margin-top: 24px;
}

.EAMMidRequestDEmoBtn {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 0.9rem;
    letter-spacing: 0.6px;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none !important;
    color: #fff;
    cursor: pointer;
    width: auto;
}

.EAMMidRequestDEmoBtn:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #41B152;
    color: #fff;
    border-radius: 8px;
    z-index: -2;
}

.EAMMidRequestDEmoBtn:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #fff;
    color: #3973BC;
    transition: all 0.3s;
    border-radius: 8px;
    z-index: -1;
}

.EAMMidRequestDEmoBtn:hover {
    color: #3973BC;
}

.EAMMidRequestDEmoBtn:hover:before {
    width: 100%;
}

.EAMMidRequestDEmoBtnText {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-decoration: none;
}

.UFIntelligenceHeadingText {
    font-size: 1.5rem;
    color: #595959;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.UFIntelligenceHeadingSubText {
    width: 100%;
    font-size: 1.05rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.6px;
    padding-top: 6px;
}

.UFIntelligenceHeadingSubText2 {
    width: 100%;
    font-size: 1rem;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 0.6px;
    padding-top: 6px;
}


.EAMPageContainer {
    width: 100%;
    display: flex;
    justify-content: center;
}

.EAMParentDiv {
    min-width: 1200px;
    max-width: 1400px;
    height: auto;
    margin-top: 95px;
    padding-left: 25px;
    padding-right: 25px;
}

.FCParentDiv2 {
    min-width: 1200px;
    max-width: 1400px;
    height: auto;
    margin-top: 30px;
    padding-left: 25px;
    padding-right: 25px;
}

.UFQuickTakeAwayParent {
    width: 100%;
    height: auto;
    margin-top: 12px;
    background-color: #ffa5001a;
    border-left: 6px solid orange;
    border-radius: 12px;
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}

.UFQuickTakeAwayContent {
    font-size: 1.1rem;
    letter-spacing: 0.5px;
    color: #333;
    line-height: normal;
    font-weight: 500;
}

.UFQuickTakeAwayContent1 {
    font-size: 1rem;
    letter-spacing: 0.5px;
    color: #595959;
}

.UFCountsMainDiv {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.UFCountsParent {
    margin-top: 5px;
}

.UFCountsDiv {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.UFCountText {
    font-size: 2.5rem;
    font-weight: 300;
    letter-spacing: 0.5px;
    line-height: normal;
}

.UFCountHeaderDiv {
    width: 100%;
    display: flex;
    align-items: end;
    gap: 6px;
}

.UFCountHeader {
    color: #555d69;
    font-size: 1.2rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}

.UFCountContents {
    font-size: 1rem;
    padding-top: 6px;
    line-height: 1.8;
}

.UFCountFirstExtraParent {
    margin-top: 12px;
}

.UFCountFirstExtra {
    padding: 16px;
    border-radius: 8px;
    background-color: #f1f1f1;
    color: #5b5b5b;
    font-size: 1rem;
    letter-spacing: 0.5px;
    display: inline-flex;
}

.UFCountFirstExtraCon {
    font-weight: 500;
}

.UFCountSecondExtraParent {
    padding-left: 40px;
    padding-top: 8px;
}

.UFRoadMapContentParent {
    padding-left: 40px;
}

.UFCountSecondExtraCon {
    font-size: 1rem;
    padding-top: 6px;
    list-style: initial;
}

.UFRoadMapContent {
    font-size: 1rem;
    padding-top: 6px;
    list-style: decimal;
}

.UFCountThirdExtraParent {
    width: 100%;
    height: auto;
    padding-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 26px;
}

.UFBenifitsSec {
    width: 100%;
    height: 100%;
    padding: 14px 20px;
}

.UFAnimateCard1 {
    position: relative;
    width: 450px;
    height: 185px;
    border-radius: 14px;
    z-index: 3;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.UFAnimateCard2 {
    position: relative;
    width: 450px;
    height: 185px;
    border-radius: 14px;
    z-index: 3;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.UFAnimateCardBG1 {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 442px;
    height: 177px;
    z-index: 2;
    background: #fff;
    backdrop-filter: blur(24px);
    border-radius: 10px;
    overflow: hidden;
    outline: 2px solid white;
}

.UFAnimateCardBG2 {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 442px;
    height: 177px;
    z-index: 2;
    background: #fff;
    backdrop-filter: blur(24px);
    border-radius: 10px;
    overflow: hidden;
    outline: 2px solid white;
}

.UFAnimateCardGreenShade {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 350px;
    border-radius: 50%;
    background-color: #41b15243;
    opacity: 1;
    filter: blur(12px);
    animation: UF-Animate-Green-Shade 5s infinite ease;
}

.UFAnimateCardBlueShade {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 350px;
    border-radius: 50%;
    background-color: #3873bb3b;
    opacity: 1;
    filter: blur(12px);
    animation: UF-Animate-Blue-Shade 5s infinite ease;
}

@keyframes UF-Animate-Green-Shade {
    0% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }

    25% {
        transform: translate(-100%, -100%) translate3d(100%, 0, 0);
    }

    50% {
        transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
    }

    75% {
        transform: translate(-100%, -100%) translate3d(0, 100%, 0);
    }

    100% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }
}

@keyframes UF-Animate-Blue-Shade {
    0% {
        transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
    }

    25% {
        transform: translate(-100%, -100%) translate3d(0, 100%, 0);
    }

    50% {
        transform: translate(-100%, -100%) translate3d(0, 0, 0);
    }

    75% {
        transform: translate(-100%, -100%) translate3d(100%, 0, 0);
    }

    100% {
        transform: translate(-100%, -100%) translate3d(100%, 100%, 0);
    }
}

.MiddleContentParent {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #3973BC;
    margin: 60px 0px 0px 0px;
}

.MiddleContentParent2 {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #3973BC;
    margin: 10px 0px 0px 0px;
}

.MiddleContentSubDiv {
    min-width: 1200px;
    max-width: 1400px;
    height: auto;
    min-height: 100px;
    padding: 35px 0px;
}

.SMARTFMgoesDiv {
    width: 100%;
    display: flex;
    justify-content: center;
}

.EamSMARTFMgoesText {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.SMARTFMgoesText4 {
    width: 85%;
    text-align: center;
    font-size: 1.3rem;
    color: #fff;
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.8;
    margin-top: 10px;
}

.fa-star-of-life {
    --fa: "\f621";
    font-size: 12px;
    top: -1px;
    position: relative;
    color: #3973BC;
}

.FCourSolutionParentSec {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    padding-top: 60px;
}

.FCOurSolutionSubContent {
    color: #6c757d;
    font-size: 1.05rem;
    padding-top: 10px;
}

.FCAnimateCard1 {
    position: relative;
    width: 500px;
    height: 243px;
    border-radius: 14px;
    z-index: 3;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.FCAnimateCardBG1 {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 491px;
    height: 234px;
    z-index: 2;
    background: #fff;
    backdrop-filter: blur(24px);
    border-radius: 10px;
    overflow: hidden;
    outline: 2px solid white;
}

.FCAnimateCard2 {
    position: relative;
    width: 500px;
    height: 243px;
    border-radius: 14px;
    z-index: 3;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.FCAnimateCardBG2 {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 491px;
    height: 234px;
    z-index: 2;
    background: #fff;
    backdrop-filter: blur(24px);
    border-radius: 10px;
    overflow: hidden;
    outline: 2px solid white;
}

.FCAnimateCardRedShade {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 450px;
    height: 350px;
    border-radius: 50%;
    background-color: #ff00003b;
    opacity: 1;
    filter: blur(12px);
    animation: UF-Animate-Blue-Shade 5s infinite ease;
}

.FCCountSecondExtraParent {
    padding-left: 30px;
    padding-top: 6px;
}

.FCHeadingSubContentCenter {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 0px;
}

.FCRevolutionaryHead1 {
    width: 100%;
    font-size: 1.2rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: 1.9;
    font-weight: 500;
    text-align: center;
}

.FCRevolutionaryHead2 {
    width: 100%;
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    letter-spacing: 0.4px;
    line-height: 1.9;
    font-weight: 400;
    text-align: center;
}

.FCRevolutionaryHead3 {
    width: 100%;
    font-size: 1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    letter-spacing: 0.4px;
    line-height: 1.9;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.FCRealImpactHead3 {
    width: 100%;
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    letter-spacing: 0.4px;
    line-height: 1.9;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.FCContentCardSection {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 3%;
    padding: 30px 0px 30px 0px;
}

.FCContentCardSection2 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 3%;
    padding: 30px 0px 30px 0px;
}

.FCContentCardParent {
    width: 30%;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: transform 0.3s ease;
    border: 1px solid #f1f1f1;
}

.FCContentCardParent:hover {
    transform: translateY(-10px);
}

.FCRevoluCardContText1 {
    font-size: 1.2rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: normal;
    font-weight: 500;
    padding-top: 10px;
}

.FCRevoluCardContText2 {
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: normal;
    font-weight: 500;
}

.FCRevoluULContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 1rem;
    color: #6a757c;
    letter-spacing: 0.4px;
    margin-top: 6px;
}

.FCProvenCardContText1 {
    font-size: 2rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.4px;
    line-height: normal;
    font-weight: 500;
}

.FCProvenULContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-size: 1rem;
    color: #6a757c;
    letter-spacing: 0.4px;
    margin-top: 6px;
    list-style: none;
}

.FCContentCardParent2 {
    width: 26%;
    height: auto;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 8px;
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    transition: transform 0.3s ease;
    border: 1px solid #f1f1f1;
}

.FCContentCardParent2:hover {
    transform: translateY(-10px);
}

.RealImpactConParent {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
}

.RealImpactConSubParent {
    display: flex;
    align-items: center;
}

.RealImpactConBold {
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    letter-spacing: 0.4px;
    font-weight: 500;
    padding-left: 4px;
}

.RealImpactConNonBold {
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    letter-spacing: 0.4px;
    font-weight: 400;
    padding-left: 6px;
}

.FCTableDivParent {
    width: 100%;
    overflow: hidden;
}

.FCTableParent {
    width: 100%;
    max-width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 30px;
    letter-spacing: 0.4px;
    font-size: 16px;
}

.TableBorNone {
    border: none !important;
}

.BorderLeftBottom {
    border-bottom-left-radius: 8px;
}

.BorderRightBottom {
    border-bottom-right-radius: 8px;
}

.FCTableHead th {
    background: #333;
    color: white;
    text-align: left;
    padding: 16px;
    font-weight: 500;
}

.FCTableBody td {
    background: #fff;
    padding: 16px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.FCTableBody tr:last-child td {
    background: #f1f1f1;
    font-weight: 500;
}

.FCTableBody tr:last-child td:nth-child(2) {
    font-weight: 500;
}

.FCTableBody tr:last-child td:nth-child(3) {
    font-weight: 500;
}

.FCTableBody tr:last-child td:nth-child(4) {
    font-weight: 500;
}

.FCTableBody tr:last-child td:nth-child(5) {
    font-weight: 500;
}

.FCTableBody tr:nth-child(2n):not(:last-child) td {
    background: #fff;
}

.KFContentMainDiv {
    width: 100%;
    padding: 12px;
}

.NatureUnleashedImgSection {
    float: right;
    width: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 30px;
}

.NatureUnleashedImg {
    width: 100%;
}

.NatureUnleashedImgTxt {
    text-align: center;
    padding: 12px 12px 0px 12px;
    font-size: 0.9rem;
    color: #6a757c;
    letter-spacing: 0.4px;
}

.NatureUnleashedCon {
    font-size: 1.05rem;
    font-family: 'Rubik', sans-serif;
    color: #5b5b5b;
    line-height: 1.8;
    font-weight: 400;
    padding-bottom: 20px;
}

.NatureUnleashedCon1 {
    font-size: 1.05rem;
    font-family: 'Rubik', sans-serif;
    color: #3973BC;
    line-height: 1.8;
    font-weight: 500;
}

.FloodDevastationImgSection {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: flex-end;
    padding-bottom: 20px;
    gap: 20px;
}

.FloodDevastationImg {
    width: 400px;
}

.FloodDevastationImgTexts {
    width: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 1rem;
    color: #6a757c;
    letter-spacing: 0.4px;
}

.MappingFloodsImgSec {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
    gap: 5px;
}

.MappingFloodsImgSec2 {
    width: 48%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
    gap: 5px;
}

.MappingFloodsImg {
    width: 600px;
}

.MappingFloodsImg2 {
    width: 400px;
}

.MappingFloodsImgText {
    width: auto;
    font-size: 0.9rem;
    color: #6a757c;
    letter-spacing: 0.4px;
}

.MappingFloodsFlexImgParent {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 1%;
}

.KFContentHeadingDiv {
    width: 100%;
    height: auto;
    padding: 20px 0px 10px 0px;
}

.KFResultsCardSec {
    width: 100%;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2%;
}

.KFResultsCardParent {
    width: 22%;
    height: auto;
    padding: 16px 10px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.KFResultsCardCon1 {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #fff;
}

.KFResultsCardCon2 {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #fff;
}

.KFImportWord {
    font-weight: 600;
    color: #3973BC;
}

.KFResultsCardBg1 {
    background: linear-gradient(135deg, rgba(102, 126, 234, 1) 0%, rgba(102, 126, 234, 0.6) 100%);
}

.KFResultsCardBg2 {
    background: linear-gradient(135deg, rgba(255, 165, 0, 1) 0%, rgba(255, 165, 0, 0.6) 100%);
}

.KFResultsCardBg3 {
    background: linear-gradient(135deg, rgba(79, 172, 254, 1) 0%, rgba(79, 172, 254, 0.6) 100%);
}

.KFResultsCardBg4 {
    background: linear-gradient(135deg, rgba(139, 69, 19, 1) 0%, rgba(139, 69, 19, 0.6) 100%);
}

.KFContentHeadingText {
    text-align: center;
    font-size: 1.5rem;
    color: #595959;
    font-family: 'Rubik', sans-serif;
    font-weight: 500;
    letter-spacing: 0.6px;
}

.BlogAuthorHead {
    width: 100%;
    height: auto;
    padding: 14px 10px;
    border-top: 1px solid #d3d3d3;
    font-size: 15px;
    color: #5b5b5b;
    text-align: center;
    margin-top: 10px;
}

#ui-to-top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 35px;
    right: 25px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background: linear-gradient(to right, #00aafc, #00caad);
    transition: all 400ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    z-index: 20;
}

.ArrowColor {
    color: white;
    font-size: 18px;
}

#WhatsAppTop {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 110px;
    right: 25px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background: #3EAA51;
    transition: all 400ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    cursor: pointer;
    z-index: 20;
}

.WhatsAppLinkColor {
    color: white;
    font-size: 26px;
}

.FCMailWebDiv {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.FCMailWebText {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.4px;
}

/* ************************* Media Query Section *************************** */

/* For screens smaller than 768px (phones) */
@media only screen and (max-width: 767px) {

    .BlogAuthorHead {
        font-size: 13px;
    }

    .KFContentHeadingText {
        font-size: 1.2rem;
    }

    .NatureUnleashedImgSection {
        float: none;
        width: 100%;
        margin-left: 0px;
        padding: 12px 0px;
    }

    .NatureUnleashedCon {
        font-size: 0.9rem;
        padding-bottom: 10px;
    }

    .KFContentMainDiv {
        width: 100%;
        padding: 0px;
    }

    .KFContentHeadingDiv {
        padding: 12px 0px 12px 0px;
    }

    .FloodDevastationImgSection {
        flex-direction: column;
        padding-bottom: 10px;
        gap: 10px;
    }

    .FloodDevastationImg {
        width: 100%;
    }

    .FloodDevastationImgTexts {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row;
        gap: 0px;
        font-size: 0.8rem;
    }

    .MappingFloodsImgSec {
        padding-bottom: 10px;
        gap: 0px;
    }

    .MappingFloodsFlexImgParent {
        flex-direction: column;
        gap: 10px;
    }

    .MappingFloodsImgSec2 {
        width: 100%;
        padding-bottom: 10px;
    }

    .MappingFloodsImg2 {
        width: 100%;
    }

    .MappingFloodsImgText {
        font-size: 0.8rem;
        text-align: center;
    }

    .NatureUnleashedImgTxt {
        padding: 10px 0px 0px 0px;
        font-size: 0.8rem;
    }

    .KFResultsCardSec {
        padding-bottom: 10px;
        flex-wrap: wrap;
        gap: 10px;
    }

    .MappingFloodsImg {
        width: 100%;
    }

    .KFResultsCardParent {
        width: 80%;
        padding: 12px 10px;
        gap: 0px;
    }

    .FCTableDivParent {
        overflow-x: auto !important;
    }

    .FCTableParent {
        margin-top: 16px;
        font-size: 13px;
    }

    .FCTableBody td {
        padding: 10px 12px;
    }

    .FCTableHead th {
        padding: 10px 12px;
    }

    .RealImpactConSubParent {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
        margin-top: 5px;
    }

    .FCProvenCardContText1 {
        font-size: 1.6rem;
    }

    .FCProvenULContent {
        font-size: 0.95rem;
    }

    .FCRealImpactHead3 {
        font-size: 0.9rem;
        text-align: center;
    }

    .RealImpactConBold {
        font-size: 0.95rem;
    }

    .RealImpactConNonBold {
        font-size: 0.95rem;
    }

    .FCContentCardSection2 {
        flex-wrap: wrap;
        gap: 20px;
        padding: 20px 0px;
    }

    .FCContentCardParent2 {
        width: 100%;
        padding: 20px 0px;
        gap: 6px;
    }

    .FCRevoluULContent {
        gap: 2px;
        font-size: 0.95rem;
        margin-top: 0px;
    }

    .FCRevoluCardContText1 {
        font-size: 1.1rem;
        padding-top: 4px;
    }

    .FCRevoluCardContText2 {
        font-size: 1rem;
    }

    .FCContentCardParent {
        width: 100%;
        padding: 16px;
        gap: 8px;
    }

    .FCContentCardSection {
        flex-wrap: wrap;
        gap: 20px;
        padding: 16px 0px;
    }

    .FCRevolutionaryHead3 {
        font-size: 1rem;
        flex-wrap: wrap;
        gap: 12px;
        padding-top: 4px;
    }

    .FCHeadingSubContentCenter {
        gap: 4px;
        padding: 2px 0px;
    }

    .FCRevolutionaryHead2 {
        font-size: 1rem;
    }

    .FCRevolutionaryHead1 {
        font-size: 1.05rem;
    }

    .FCAnimateCardBG2 {
        top: 4.5px;
        left: 4.5px;
        width: 97.5%;
        height: 200.5px;
    }

    .FCAnimateCard2 {
        width: 100%;
        height: 210px;
    }

    .FCAnimateCardBG1 {
        top: 4.5px;
        left: 4.5px;
        width: 97.5%;
        height: 272.5px;
    }

    .FCAnimateCard1 {
        width: 100%;
        height: 282px;
    }

    .FCourSolutionParentSec {
        flex-direction: column;
        gap: 24px;
        padding-top: 30px;
    }

    .FCSubContentTextWidth {
        font-size: 1rem;
        line-height: normal;
        flex-wrap: wrap;
        gap: 16px;
    }

    .UFCountFirstExtra {
        padding: 10px 16px;
        border-radius: 8px;
        font-size: 0.9rem;
        display: block;
    }

    .UFCountFirstExtraParent {
        margin-top: 8px;
    }

    .UFQuickTakeAwayContent {
        font-size: 1rem;
    }

    .UFQuickTakeAwayContent1 {
        font-size: 0.9rem;
    }

    .UFQuickTakeAwayParent {
        padding: 10px 14px;
        gap: 6px;
    }

    .EamSMARTFMgoesText {
        font-size: 1.3rem;
    }

    .SMARTFMgoesText4 {
        font-size: 1.1rem;
    }

    .MiddleContentSubDiv {
        min-width: 320px;
        max-width: 360px;
        height: auto;
        min-height: 100px;
        padding: 30px 0px;
    }

    .MiddleContentParent {
        margin: 20px 0px 0px 0px;
    }

    .UFContentParentDiv2 {
        padding: 12px 0px;
    }

    .UFCountContents {
        font-size: 0.9rem;
        padding-top: 2px;
    }

    .UFCountSecondExtraParent {
        padding-left: 30px;
        padding-top: 6px;
    }

    .UFCountSecondExtraCon {
        font-size: 0.9rem;
        padding-top: 2px;
    }

    .UFCountHeader {
        font-size: 1.1rem;
    }

    .UFCountText {
        font-size: 2rem;
    }

    #ui-to-top {
        display: none !important;
    }

    .EAMParentDiv {
        width: 100%;
        min-width: 320px;
        margin-top: 70px;
        padding: 0px 15px;
    }

    .FCParentDiv2 {
        width: 100%;
        min-width: 320px;
        margin-top: 20px;
        padding: 0px 15px;
    }

    .UFIntelligenceHeadingSubText {
        width: 100%;
        font-size: 0.95rem;
    }

    .UFIntelligenceHeadingSubText2 {
        width: 100%;
        font-size: 0.9rem;
    }

    .UFIntelligenceHeadingText {
        font-size: 1.2rem;
    }

    .EAMMidRequestDEmoBtnText {
        font-size: 0.95rem;
    }

    .EAMMidRequestDEmoBtn {
        margin-top: 0px;
        width: auto;
        padding: 8px 20px;
    }

    .EAMSubContentTextWidthTenant {
        width: 100%;
        font-size: 1rem;
    }

    .KFSubContentTextWidth {
        width: 100%;
        font-size: 1rem;
    }

    .EAMContentHeadingText {
        font-size: 1.3rem;
    }

    .EAMContentHeadingDiv {
        padding-top: 20px;
    }

    .FCContentHeadingDiv {
        padding: 20px 0px;
    }

    .UFContentParentDiv {
        padding: 20px 0px;
    }

    .UFRoadMapContentParent {
        padding-left: 30px;
    }

    .UFCountThirdExtraParent {
        flex-direction: column;
        gap: 24px;
        align-items: center;
        justify-content: flex-start;
    }

    .UFRoadMapContent {
        font-size: 0.95rem;
        padding-top: 6px;
        list-style: decimal;
    }

    .UFBenifitsSec {
        padding: 6px 12px;
    }

    .UFAnimateCard1 {
        width: 320px;
        height: 148px;
    }

    .UFAnimateCard2 {
        width: 320px;
        height: 165px;
    }

    .UFAnimateCardBG1 {
        width: 312px;
        height: 140px;
    }

    .UFAnimateCardBG2 {
        width: 312px;
        height: 157px;
    }

    .EAMMidRequestDemoParent {
        gap: 10px;
        margin-top: 10px;
    }

    .FCReqDemoParent {
        gap: 12px;
        margin-top: 10px;
    }

    .FCReqDemoParent {
        gap: 30px;
        margin-top: 30px;
        flex-direction: column;
    }

    .FCMailWebText {
        font-size: 1rem;
    }
}