* {
    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;
}

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

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

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

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

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

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

.HeadingSubContentCenterHD {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0px 50px 6px 70px;
}

.SolutionSubContentText {
    text-align: center;
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.5px;
    line-height: 1.5;
    padding-top: 6px;
}

.SolutionSubContentText2 {
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    line-height: 1.6666;
    font-weight: 500;
    padding-top: 6px;
}

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

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

.SolutionHDSubContentTextWidth {
    width: 100%;
    text-align: justify;
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.5px;
    line-height: 1.5;
    padding-top: 6px;
}


.SolutionSubContentTextWidth90 {
    width: 90%;
    text-align: center;
    font-size: 1rem;
    font-family: 'Rubik', sans-serif;
    color: #595959;
    letter-spacing: 0.5px;
    line-height: 1.5;
    padding-top: 6px;
}

.SubHeadingText {
    color: #555d69;
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 3px;
}

.SubHeadingText2 {
    color: #555d69;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 8px 0px;
}

.SubHeadingSubText {
    color: #555d69;
    font-size: 1.1rem;
    font-weight: 500;
}

.SubHeadingSubText2 {
    color: #555d69;
    font-size: 1rem;
    font-weight: 500;
    padding-top: 5px;
}


.SubHeadingContents {
    font-size: 1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 2;
    font-weight: 400;
    list-style: none;
}

/* ******************** Asset Management ******************** */

.AMConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.AssetManagementContentDiv1 {
    width: 50%;
    padding: 20px 10px 10px 30px;
}

.AssetManagementContentDiv2 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.AssetManagementContentDiv3 {
    display: none;
}

.AMContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
}

.B2cContentDiv1 {
    width: 100%;
    padding: 10px 10px 10px 30px;
}

.AMContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.AMContentDiv3 {
    display: none;
}

.AMImg {
    width: 480px;
    height: auto;
}

.AMImage1 {
    width: 600px;
}

.AMImage2 {
    width: 600px;
}

.AMImage3 {
    width: 600px;
}

/* ******************** Helpdesk CRM ******************** */

.HelpdeskConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.HelpdeskContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.HelpdeskContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HelpdeskContentDiv3 {
    display: none;
}

.HelpdeskImg {
    width: 530px;
}

/* ******************** Maintenance ******************** */

.MaintenanceConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.MaintenanceContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.MaintenanceContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MaintenanceContentDiv3 {
    display: none;
}


.MaintenanceImg {
    width: 480px;
    height: 280px;
}

/* ******************** Contract Management ******************** */

.CMConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.CMContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.CMContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.CMContentDiv3 {
    display: none;
}

.CMImg {
    width: 480px;
    height: 280px;
}


/* ******************** Checklists ******************** */

.ChecklistsConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.ChecklistsContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.ChecklistsContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ChecklistsContentDiv3 {
    display: none;
}

.ChecklistsImg {
    width: 480px;
    height: 280px;
}

/* ******************** Inventory ******************** */

.InventoryConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.InventoryContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.InventoryContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.InventoryContentDiv3 {
    display: none;
}



.InventoryImg {
    width: 480px;
    height: 280px;
}


/* ******************** Workflow ******************** */

.WorkflowConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.WorkflowContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.WorkflowContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.WorkflowImg {
    width: 480px;
    height: 280px;
}

/* ******************** Reporting / BI ******************** */

.ReportingBIConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.ReportingBIContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.ReportingBIContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ReportingBIContentDiv3 {
    display: none;
}


.ReportingBIImg {
    width: 480px;
    height: 280px;
}


/* ******************** HouseKeeping ******************** */


.HKProductsPageParentDiv {
    display: flex;
    padding: 40px 50px;
}

.HKProductContMainDiv {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.ProductName2 {
    font-size: 1.5rem;
    color: #595959;
    font-weight: 500;
}

.HKProductImageDiv {
    width: 60%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.HKProductImageDiv2 {
    display: none;
}

.HKProductImageStyle {
    width: 700px;
}

.HKProductImageStyleMob {
    max-width: 320px;
}

.HKProductDetailDiv {
    width: 40%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-right: 20px;
}

.HKProductDetailSubDiv {
    width: 100%;
    height: auto;
}

.HKProductContentText {
    font-size: 1.1rem;
    margin-top: 18px;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
}

.HKcardParent {
    width: 100%;
    margin-top: 90px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    padding: 0px 50px;
}

.HKcardsDiv {
    width: 23%;
    padding: 0px 10px 16px 10px;
    min-height: 260px;
    border-radius: 16px;
    transition: transform 0.3s ease;
}

.HKcardsDiv:hover {
    box-shadow: 3px 12px 28px 0px #daebff;
    transform: translateY(-8px);
}

.HKcardHeading {
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    color: #595959;
    font-weight: 500;
    letter-spacing: 0.3px;
    padding-top: 20px;
}

.HKcardULdiv {
    width: 100%;
    padding-top: 10px;
}

.HKcardListContent {
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.3px;
    list-style: none;
    text-align: center;
}

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

.HKcardIconSubDiv {
    width: 66px;
    height: 66px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20%;
    background-color: #3973BC;
    margin-top: -35px;
    transition: box-shadow 0.3s ease;
}

.HKcardsDiv:hover .HKcardIconSubDiv {
    box-shadow: 3px 12px 28px 0px rgb(210, 230, 255);
}

.HKmainImgDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 50px 0px 40px 0px;
}

.HKmainImgDivForMobile {
    display: none;
}

.HKworkFlowImg {
    width: 1100px;
    border-radius: 60px;
}

.HKworkFlowImgMobile {
    width: 100%;
    max-width: 320px;
    border-radius: 30px;
}

.HKcontentsParentDiv {
    padding-top: 60px;
}

.productModuleListDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 50px;
    gap: 30px;
}

.ModuleListText {
    width: 23%;
    font-size: 1rem;
    line-height: 1.6;
}

.ModuleListTextEmpty {
    width: 23%;
    font-size: 1rem;
    line-height: 1.6;
}

.ModuleListText::before {
    position: relative;
    top: 0px;
    margin-right: 10px;
    content: '\f105';
    font: 400 14px/24px 'FontAwesome';
}

.AuditorsModuleListText {
    width: 30%;
    font-size: 1rem;
    line-height: 1.6;
}


.AuditorsModuleListText::before {
    position: relative;
    top: 0px;
    margin-right: 10px;
    content: '\f105';
    font: 400 14px/24px 'FontAwesome';
}

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

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

.SMARTFMgoesDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-bottom: 6px;
}

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

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

.HouseKeepingContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.HouseKeepingImg {
    width: 480px;
    height: 280px;
}

.HKReqImage1 {
    width: auto;
    height: 450px;
}

.HKReqImage2 {
    width: 600px;
    height: auto;
}


/* ******************** Finance ******************** */

.FinanceDataDiv {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding: 40px 100px 50px 100px;
    gap: 100px;
}

.FinanceCardsDiv {
    width: 100%;
    height: auto;
    padding: 30px 40px 30px 40px;
    border-radius: 20px;
    cursor: pointer;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.FinanceCardsDiv:hover {
    transform: scale(1.05);
}

.FinanceCardsDiv2 {
    width: 100%;
    height: auto;
    padding: 30px 40px 30px 40px;
    border-radius: 20px;
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    border: 1px solid #efefef;
    cursor: pointer;
    text-align: center;
    transition: transform 0.3s ease-in-out;
}

.FinanceCardsDiv2:hover {
    transform: scale(1.05);
}

.FinanceDataOne {
    color: #555d69;
    font-size: 1.1rem;
    text-align: center;
    font-weight: 500;
    padding-top: 20px;
    font-family: 'Rubik', sans-serif;
}

.FinanceDataTwo {
    text-align: center;
    font-size: 0.95rem;
    padding-top: 7px;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
}

.LogoDivFinance {
    display: flex;
    justify-content: center;
}

.FinLogoBg1 {
    width: 75px;
    height: 75px;
    background: #EBFAF2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.LogoStyleForFinance1 {
    font-size: 32px;
    color: #0fbc49;
}

.FinLogoBg2 {
    width: 75px;
    height: 75px;
    background: #F4EFFC;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.LogoStyleForFinance2 {
    font-size: 32px;
    color: #6a26da;
}


.FinLogoBg3 {
    width: 75px;
    height: 75px;
    background: #FFF3EE;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.LogoStyleForFinance3 {
    font-size: 32px;
    color: #ff6b0f;
}

/* ******************** Facility Auditing ******************** */

.FAEnhanceTxt {
    text-align: center;
    font-size: 1.2rem;
    font-family: 'Rubik', sans-serif;
    color: #3973BC;
    letter-spacing: 0.5px;
    line-height: 1.5;
    font-weight: 500;
    padding-top: 12px;
}

.FAConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.FAContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
}

.FAContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.FAContentDiv3 {
    display: none;
}


/* ******************** Document Management ******************** */

.DocumentationConParentDiv {
    width: 100%;
    display: flex;
    gap: 70px;
    padding: 10px 50px 30px 50px;
}

.DMContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
}

.DMContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.DMBtnMainDiv {
    width: 100%;
    display: flex;
    padding-top: 20px;
}

.DMBtn {
    width: 140px;
    height: 36px;
    font-size: 0.8rem;
    border: none !important;
    outline: none !important;
    background: #41B152;
    color: white;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #efefef !important;
}

.DMBtn:hover {
    color: white;
    background: #4880F8;
}


/* ******************** VMS ******************** */

.EnhanceTxt {
    text-align: center;
    font-size: 1.1rem;
    font-family: 'Rubik', sans-serif;
    color: #3973BC;
    line-height: 1.6666;
    font-weight: 500;
}

.VisConMainDiv {
    width: 100%;
    padding: 30px 100px;
    display: flex;
    justify-content: center;
}

.VisContentSubDiv {
    width: 100%;
    gap: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.VisitorCard1 {
    width: 460px;
    padding: 40px 40px;
    border-radius: 16px;
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    border: 1px solid #efefef;
    cursor: pointer;
}

.VisitorCard2 {
    width: 390px;
    padding: 40px 40px;
    border-radius: 16px;
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    border: 1px solid #efefef;
    cursor: pointer;
}

.VisitorCard3 {
    width: 390px;
    padding: 40px 40px;
    border-radius: 16px;
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    border: 1px solid #efefef;
    margin-top: 25px;
    cursor: pointer;
}

.VisitorCard4 {
    width: 460px;
    padding: 40px 40px;
    border-radius: 16px;
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
    border: 1px solid #efefef;
    cursor: pointer;
}

.VisitorLogo1 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #EBFAF2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.VisitorLogo2 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #FFF3EE;
    display: flex;
    justify-content: center;
    align-items: center;
}

.VisitorLogo3 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #F4EFFC;
    display: flex;
    padding-left: 6px;
    align-items: center;
}

.VisitorLogo4 {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #e6fbff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.VisitorCardPara1 {
    color: #555d69;
    font-size: 1.1rem;
    font-weight: 500;
    padding-top: 16px;
    font-family: 'Rubik', sans-serif;
}

.VisitorCardPara2 {
    font-size: 0.95rem;
    padding-top: 7px;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
}

.VisitorKnowMoreBtn {
    width: 140px;
    height: 38px;
    font-size: 0.8rem;
    border: none !important;
    outline: none !important;
    background: #41B152;
    color: white;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #efefef !important;
}

.VisitorKnowMoreBtn:hover {
    background: #4880F8;
    color: white;
    box-shadow: 0px 15px 20px 0px rgba(5, 5, 5, .05);
}

.VisitorBtnMainDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 5px;
}


/* ******************** Billing ******************** */

.BillingConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.BillingContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.BillingContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.BillingContentDiv3 {
    display: none;
}

.BillingListDiv {
    padding: 5px 0px 0px 30px;
}

.BillListContent {
    font-size: 0.95rem;
    padding-top: 3px;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
    list-style: initial;
}

.BillingBtn {
    width: 140px;
    height: 38px;
    font-size: 0.8rem;
    border: none !important;
    outline: none !important;
    background: #41B152;
    color: white;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #efefef !important;
}

.BillingBtn:hover {
    background: #4880F8;
    color: white;
}

.BillingBtnMainDiv {
    width: 100%;
    display: flex;
    padding: 20px 0px;
}

/* ******************** Time & Attendance ******************** */

.TimeknowMoreBtn {
    width: 150px;
    height: 38px;
    font-size: 0.8rem;
    border: none !important;
    outline: none !important;
    background: #41B152;
    color: white;
    cursor: pointer;
    font-weight: 600;
    letter-spacing: 1px;
    border: 1px solid #efefef !important;
}

.TimeknowMoreBtn:hover {
    background: #4880F8;
    color: white;
}

.TimeBtnMainDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 35px;
}

.TimeAttContentMainDiv {
    width: 100%;
    padding: 30px 50px;
    display: flex;
    justify-content: center;
    gap: 50px;
}

.TimeAttContentMainDiv2 {
    display: flex;
    justify-content: center;
    padding: 0px 0px 40px 0px;
}

.TimeAttCards {
    width: 50%;
    display: flex;
    gap: 20px;
}


.TimesLogos1 {
    padding-top: 3px;
}

.TimesLogos2 {
    padding-top: 3px;
}

.TimesLogos3 {
    padding-top: 5px;
}

/* ******************** IOT ******************** */

.InterConParentDiv {
    width: 100%;
    display: flex;
    gap: 70px;
    padding: 30px 50px 30px 50px;
}

.InterContentDiv1 {
    width: 60%;
    padding: 20px 50px 10px 30px;
}

.InterContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
}

.IOTimageStyle {
    width: 450px;
    height: 500px;
}

/* ******************** Meeting Room Booking ******************** */

.MeetingConMainDiv {
    width: 100%;
    padding: 40px 100px 0px 100px;
    display: flex;
    justify-content: center;
}

.MeetingConMainDiv2 {
    width: 100%;
    padding: 0px 100px;
    display: flex;
    justify-content: center;
}

.MeetingContentSubDiv {
    width: 100%;
    gap: 30px;
    display: flex;
    align-items: center;
}

.MeetingCards {
    width: 30%;
    min-height: 250px;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
    text-align: center;
}

.MeetingCards:hover {
    transform: scale(1.05);
}

.MeetingCardLogoDiv1 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 15px;
}


.MeetingLogo1 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #F4EFFC;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MeetingLogo2 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #FFEFF0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MeetingLogo3 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #e8fcff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MeetingLogo4 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #FFF9F0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MeetingLogo5 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #EBFAF2;
    display: flex;
    padding-left: 9px;
    align-items: center;
}

.MeetingLogo6 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #f0e5e1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MeetingLogo7 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #FFF3EE;
    display: flex;
    justify-content: center;
    align-items: center;
}

.MeetingLogo8 {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #e9ecef;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* ******************** Property Management ******************** */

.PMConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px 50px 15px 50px;
}

.PMContentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.PMContentDiv2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.PMContentDiv3 {
    display: none;
}

.PMImg {
    width: 480px;
    height: 280px;
}

.PMListDiv {
    padding: 5px 0px 0px 30px;
}

.PMListContent {
    font-size: 0.95rem;
    padding: 1px 0px;
    font-family: 'Rubik', sans-serif;
    color: #555d69;
    line-height: 1.6666;
    font-weight: 400;
    list-style: initial;
}

/* ****************** Facility Register ****************** */

.FRConParentDiv {
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 30px 50px;
}

.FRcontentDiv1 {
    width: 50%;
    padding: 20px 10px 10px 20px;
}

.FRcontentDiv2 {
    width: 50%;
    display: flex;
    justify-content: end;
    align-items: center;
    padding-top: 40px;
}

.FRcontentDiv3 {
    display: none;
}

.FRImage {
    width: 100%;
}


/* ******************** SLA ******************** */

.SLAMainContent {
    font-size: 1.3rem;
    display: flex;
    flex-direction: column;
    font-family: 'Rubik', sans-serif;
    color: #53595e;
    font-weight: 500;
    padding: 0px 0px 10px 0px;
}

.SolutionPagesSubContentListDiv {
    padding: 0px 0px 0px 18px;
}

.SolutionDotListContent {
    font-size: 1rem;
    padding-top: 3px;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
    list-style: initial;
}

.SLAimg {
    width: 560px;
}

.SLAcontentDiv1 {
    width: 60%;
    padding: 20px 10px 10px 30px;
    display: flex;
    align-items: center;
}

.SLAcontentDiv2 {
    width: 40%;
    display: flex;
    justify-content: end;
    align-items: center;
}

/* ******************** TechnicalResources ******************** */

.AuditImageSectionWeb {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 60px 0px 30px 0px;
}

.AuditImageSectionMob {
    display: none;
}


.InfographicImgDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 60px 0px 30px 0px;
}

.InfographicImgDivMob {
    display: none;
}


.TRContentDiv1 {
    width: 50%;
    display: flex;
    align-items: center;
    padding: 0px 0px 0px 10px;
}

.TRContentDiv2 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.TRContentDiv3 {
    display: none;
}

.TRImg1 {
    width: 600px;
    border-radius: 16px;
}

.TRImg2 {
    width: 550px;
}

.ResourcesImg {
    width: 80%;
}

/* ******************** Home Maintenance App ******************** */

.HomeMaintenanceMainText {
    text-align: center;
    font-size: 1.2rem;
    /* font-weight: 500; */
    font-family: 'Rubik', sans-serif;
    color: #3973BC;
    letter-spacing: 0.5px;
    line-height: 1.5;
    padding-top: 6px;
}

.HomePackageParentDiv {
    width: 100%;
    margin-top: 40px;
}

.PackageText {
    width: 100%;
    text-align: center;
    font-size: 1.3rem;
    color: #595959;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.PackageListParentDiv {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
    padding: 40px 0px;
}

.PackageListSubDiv {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.ConsumerAppParentDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.ConsumerImageDiv {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: end;
}

.ConsumerAppimg {
    width: 220px;
}

.ConsumerText {
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    font-weight: 500;
    color: #595959;
}

.ConsumerWebimg {
    width: 350px
}

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

.appStoreImageStyle {
    width: 150px;
    height: 100px;
}

.KeyFeaturesParentDiv {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px 0px;
}

.KeyFeaturesCardsParentDiv {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
}

.KeyFeaturesCardsSubDiv {
    width: 22%;
    cursor: pointer;
    padding: 0px;
    min-height: 110px;
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    transition: transform 0.3s ease-in-out;
}

.KeyFeaturesCardsSubDiv:hover {
    transform: scale(1.05);
}

.KeyFeaturesContentText {
    font-size: 1rem;
    color: #595959;
    text-align: center;
}

.KeyFeatureSvg {
    width: 40px !important;
    height: 40px !important;
    margin-top: 6px !important;
}

.ArrowPointsContentsParent {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 2px 0px;
}

.ArrowPointsContent {
    font-size: 1rem;
    font-family: 'Rubik', sans-serif;
    color: #6c757d;
    line-height: 1.6666;
    font-weight: 400;
    list-style: initial;
}

.ArrowPointsDiv::before {
    position: relative;
    top: 0px;
    margin-right: 8px;
    content: '\f105';
    font: 400 12px/24px 'FontAwesome';
}

.WenSubContentListDiv {
    padding: 0px 0px 0px 56px;
}

.WebSubDotListContent {
    font-size: 0.95rem;
    padding-top: 4px;
    list-style: initial;
}

.ConsumerAppContentDiv1 {
    width: 50%;
    padding: 20px 10px 10px 30px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.ConsumerAppContentDiv2 {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ConsumerAppContentDiv3 {
    display: none;
}

#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;
}









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

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

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

    #WhatsAppTop {
        display: none !important;
    }

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

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

    .SolutionContentHeadingText {
        font-size: 1.3rem;
    }

    .SolutionContentHeadingDiv {
        padding-top: 0px;
    }

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

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

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

    .SolutionSubContentText {
        font-size: 1rem;
    }

    .AMConParentDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 0px;
    }

    .FRConParentDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 30px 0px 0px 0px;
    }

    .AMContentDiv1 {
        width: 100%;
        padding: 10px;
    }

    .B2cContentDiv1 {
        width: 100%;
        padding: 10px;
    }

    .AssetManagementContentDiv1 {
        width: 100%;
        padding: 0px 10px 0px 10px;
    }

    .AssetManagementContentDiv2 {
        display: none;
    }

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

    .SubHeadingText {
        font-size: 1.1rem;
        padding-bottom: 3px;
    }

    .SubHeadingContents {
        font-size: 0.9rem;
    }

    .AMContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .AMContentDiv2 {
        display: none;
    }


    .FRcontentDiv1 {
        width: 100%;
        padding: 10px;
    }

    .FRcontentDiv2 {
        display: none;
    }

    .FRcontentDiv3 {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: center;
        padding-top: 10px;
    }

    .FRImage {
        min-width: 320px;
        width: 100%;
    }


    .TRContentDiv1 {
        width: 100%;
        padding: 20px 10px 0px 10px;
    }

    .TRContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .TRContentDiv2 {
        display: none;
    }

    .TRImg1,
    .TRImg2,
    .SLAimg {
        min-width: 320px;
        width: 100%;
    }

    .ConsumerAppContentDiv1 {
        width: 100%;
        padding: 20px 10px 0px 10px;
    }

    .ConsumerAppContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .ConsumerAppContentDiv2 {
        display: none;
    }

    .ConsumerWebimg {
        width: 300px
    }

    .AMImg {
        max-width: none;
        height: auto;
        min-width: 320px;
        width: 100%;
    }

    .HKReqImage1 {
        max-width: none;
        height: auto;
        min-width: 320px;
        width: 100%;
    }

    .HKReqImage2 {
        max-width: none;
        height: auto;
        min-width: 320px;
        width: 100%;
    }

    .AMImage1,
    .AMImage2,
    .AMImage3 {
        width: 100%;
        min-width: 320px;
    }

    .AssetDivForpadding {
        padding: 20px 0px 30px 0px;
    }

    .HelpdeskConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .HelpdeskContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .HelpdeskContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .HelpdeskContentDiv2 {
        display: none;
    }

    .HelpdeskImg {
        width: 100%;
        min-width: 320px;
        padding: 20px 0px;
    }

    .MaintenanceContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .MaintenanceContentDiv2 {
        display: none;
    }

    .MaintenanceImg {
        width: 100%;
        min-width: 320px;
        height: auto;
        padding-top: 10px;
    }

    .MaintenanceConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .MaintenanceContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .CMConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .CMContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .CMContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .CMContentDiv2 {
        display: none;
    }

    .CMImg,
    .ChecklistsImg,
    .InventoryImg,
    .WorkflowImg,
    .ReportingBIImg {
        width: 100%;
        min-width: 320px;
        height: auto;
    }

    .HKProductImageStyleMob,
    .HKworkFlowImgMobile {
        width: 100%;
        min-width: 320px;
        max-width: none;
        height: auto;
    }

    .ChecklistsContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .ChecklistsContentDiv2 {
        display: none;
    }

    .ChecklistsConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .ChecklistsContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .InventoryContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .InventoryContentDiv2 {
        display: none;
    }

    .InventoryConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .InventoryContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .WorkflowConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .WorkflowContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .WorkflowContentDiv2 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .SLAcontentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .SLAcontentDiv2 {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: center;
        padding-top: 20px;
    }

    .ReportingBIContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .ReportingBIContentDiv2 {
        display: none;
    }

    .ReportingBIConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .ReportingBIContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .HouseKeepingContentDiv2 {
        display: none;
    }

    .HouseKeepingImage2 {
        max-width: 320px;
        height: 220px;
    }

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

    .SMARTFMgoesText {
        font-size: 1.1rem;
        font-weight: 400;
    }

    .SMARTFMgoesText2 {
        width: 100%;
        padding-top: 10px;
        font-size: 1.1rem;
        font-weight: 400;
    }

    .FinanceDataDiv {
        display: flex;
        flex-direction: column;
        padding: 20px 10px 20px 10px;
        gap: 10px;
    }

    .FinanceCardsDiv2 {
        box-shadow: none;
        border: none;
    }

    .FAEnhanceTxt {
        font-size: 1rem;
    }

    .FAConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
    }

    .FAContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .FAContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .FAContentDiv2 {
        display: none;
    }

    .Facilityimage1,
    .Facilityimage2 {
        min-width: 320px;
        width: 100%;
        padding: 10px 0px;
    }

    .SubHeadingSubText {
        font-size: 1rem;
    }

    .DocumentationConParentDiv {
        display: flex;
        flex-direction: column;
        padding: 0px;
        gap: 20px;
    }

    .DMContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

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

    .DocImg {
        min-width: 320px;
        width: 100%;
        padding: 0px 10px;
    }

    .SubHeadingText2 {
        font-size: 1.1rem;
    }

    .SolutionSubContentText2 {
        font-size: 1.1rem;
    }

    .VisConMainDiv {
        width: 100%;
        padding: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .VisContentSubDiv {
        display: flex;
        flex-direction: column;
        padding: 30px 15px;
    }

    .VisitorCard1,
    .VisitorCard2,
    .VisitorCard3,
    .VisitorCard4 {
        width: 100%;
    }

    .BillingContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 0px;
    }

    .BillingContentDiv2 {
        display: none;
    }

    .BillingConParentDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 0px 10px;
    }

    .BillingContentDiv1 {
        width: 100%;
        padding: 10px 10px 0px 10px;
    }

    .BillingImage {
        min-width: 320px;
        width: 100%;
    }

    .TimeAttContentMainDiv {
        width: 100%;
        padding: 30px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 30px;
    }

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

    .TimeBtnMainDiv {
        justify-content: start;
        padding-top: 25px;
    }

    .TimeAttContentMainDiv2 {
        display: flex;
        justify-content: center;
        padding: 0px 10px 10px 10px;
    }

    .InterConParentDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 0px 10px;
        gap: 20px;
    }

    .InterContentDiv2 {
        width: 100%;
        padding-top: 20px;
    }

    .IOTimageStyle {
        min-width: 320px;
        height: auto;
        width: 100%;
    }

    .InterContentDiv1 {
        width: 100%;
        padding: 0px 10px 0px 10px;
    }

    .PMConParentDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 0px 10px;
    }

    .PMContentDiv3 {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 10px;
    }

    .PMContentDiv1 {
        width: 100%;
        padding: 0px 10px 0px 10px;
    }

    .PMContentDiv2 {
        display: none;
    }

    .PMImg {
        max-width: 320px;
        height: 220px;
    }

    .MeetingConMainDiv {
        width: 100%;
        padding: 40px 10px 0px 10px;
    }

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

    .MeetingCards {
        width: 100%;
        min-height: 190px;
    }

    .MeetingConMainDiv2 {
        width: 100%;
        padding: 30px 0px;
    }


    .HomeAppConParentDiv {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 10px 10px 0px 10px;
        gap: 20px;
    }

    .HomeAppContentDiv2 {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 20px;
    }

    .HomeAppStyle {
        max-width: 320px;
        height: 360px;
    }

    .HomeAppContentDiv1 {
        width: 100%;
        padding: 20px 10px;
        display: flex;
        align-items: center;
    }

    .PackageNames {
        font-size: 0.9rem;
        padding: 15px 15px 0px 15px;
        font-weight: 400;
        text-align: center;
    }

    .ExtendContent {
        font-size: 1rem;
        line-height: 1.7;
        letter-spacing: 0.3px;
    }

    .HomeAppLogo {
        font-size: 38px;
    }

    .OptionBtnMainDiv {
        width: 100%;
        display: flex;
        justify-content: center;
        padding-top: 25px;
    }

    .SLAMainContent {
        font-size: 1.15rem;
    }

    .SolutionPagesSubContentListDiv {
        padding: 0px 0px 0px 16px;
    }

    .SolutionDotListContent {
        font-size: 0.9rem;
        padding-top: 4px;
        line-height: 1.8;
    }

    .HKmainImgDiv {
        display: none;
    }

    .HKmainImgDivForMobile {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 25px 0px 20px 0px;
    }

    .InfographicImgDiv {
        display: none;
    }

    .InfographicImgDivMob {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 30px 0px;
    }

    .AuditImageSectionWeb {
        display: none;
    }

    .AuditImageSectionMob {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 30px 0px;
    }

    .HKProductImageDiv {
        display: none;
    }

    .HKProductImageDiv2 {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 30px;
        align-items: center;
    }

    .HKProductContMainDiv {
        flex-direction: column;
    }

    .HKProductsPageParentDiv {
        padding: 10px 15px;
    }

    .HKProductDetailDiv {
        width: 100%;
        justify-content: center;
        padding: 30px 0px 10px 0px;
    }

    .ProductName2 {
        display: none;
    }

    .ProductNameMob {
        font-size: 1.3rem;
        color: #595959;
        font-weight: 500;
    }

    .HKProductContentText {
        font-size: 1rem;
        margin-top: 5px;
        text-align: center;
    }


    .HKcontentsParentDiv {
        padding-top: 30px;
    }

    .HKcardParent {
        width: 100%;
        margin-top: 55px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 60px;
        padding: 0px 20px;
    }


    .HKcardsDiv {
        width: 100%;
        min-height: 0px;
        padding: 10px 15px 20px 15px;
    }

    .productModuleListDiv {
        flex-direction: column;
        padding: 20px;
        gap: 10px;
    }

    .ModuleListText {
        width: 100%;
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .AuditorsModuleListText {
        width: 100%;
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .ModuleListTextEmpty {
        display: none;
    }

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

    .TimeAttContentCenter {
        text-align: center;
    }

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

    .ConsumerImageDiv {
        height: auto;
    }

    .KeyFeaturesCardsParentDiv {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .KeyFeaturesCardsSubDiv {
        width: 100%;
    }

    .HomeMaintenanceMainText {
        font-size: 1rem;
    }

    .HeadingSubContentCenterHD {
        padding: 0px 10px 6px 10px;
    }

    .SolutionHDSubContentTextWidth {
        width: 100%;
        text-align: center;
        font-size: 0.95rem;
    }

    .PackageText {
        font-size: 1.2rem;
    }

    .KeyFeaturesContentText {
        font-size: 0.9rem;
    }

    .ArrowPointsContent {
        font-size: 0.9rem;
    }

}