@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

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

:root {
    --mobile-para: 14px; /* Define the variable */
    --mobile-small-para: 10px;
    --mobile-heading-2: 28px;
    --Primary-font: Poppins, sans-serif;
}

html, body {
    height: 100%;
    width: 100%;
    font-family: var(--Primary-font);
    scroll-behavior: smooth;
}
p, h2, h3, h1, h4, a{
    font-family: var(--Primary-font);
    color: #202224;
    letter-spacing: 0.3px; 
}
.sectionheading h2 {
    line-height: 46px;
}
.sectionsubheading {
    margin-bottom: 40px;
}
.dashLogo img{
    max-width: 166px;
}
.requirement-item.BOQDisabled {
    cursor: not-allowed; /* Disabled cursor */
    pointer-events: none; /* Disable all interactions */
    opacity: 0.5; /* Optional: Dim the row for visual distinction */
}

.requirement-item.BOQEnabled {
    cursor: pointer; /* Normal cursor for enabled rows */
}

a{
    font-family: var(--Primary-font);
    color: #1BA89D;
    text-decoration: none;
}
a:hover{
    font-family: var(--Primary-font);
    color: #202224;
}
/* DesiDashboard Main */

.dashboardMain{
    display:flex;
}
.dashboardCol1{
    flex: 0 0 16.5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 307px;
    gap: 9px;
    padding-right: 16px;
    padding-top: 30px;   
}
.dashboardCol1 > * {
    width: 100%;
}
.dashLogo{
    display: flex;
    justify-content: center;
    margin: 24px 25px;
}
.dashboardheading-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.DashboardStatsSection {
    text-align: right;
}
.totalnumber {
    font-size: 32px;
    font-weight: 600;
}
.totalnumberLable {
    color: rgba(34, 0, 34, 0.50);
}
.DashboardStatsSection .totalnumber {
    line-height: 2.5rem;
}
.totalnumberLable p {
    line-height: 1.3rem;
    color: rgba(34, 0, 34, 0.50);
    font-weight: 600;
}

/* DashboardLeftLCol */
.dashboardbutton{
    display: flex;
    justify-content: left;
    gap: 20px;
    
}
.dashboardbutton a{
    background-color: #00A79D;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100%;
    min-height: 50px;
    border-radius: 6px;
    letter-spacing: 0.3px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}
.dashboardbuttonLink span {
    position: absolute;
    left: 18px;
}
.dashboardbuttonLink span img {
    width: 18px;
}
.dashboardAwrapper{
    display: flex;
    justify-content: center;
    flex: 0 0 86%;
}
.lefthighlighter{
    width:5px;
    min-height:100%;
    background-color: #00A79D;
    border-radius: 0 41px 41px 0px;
}
.dashboardbuttonLink:hover{
    cursor: pointer;
}
.dashboardbuttonLink img{
    margin-right: 7px;
    margin-top: 5px;
}
.ProfileType, .Creditbalance, .ProfileActivation{
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 14px;
    min-height: 41px;
}

.ProfileType p, .Creditbalance p, .ProfileActivation p{
    font-size: 14px;
}
.ProfileType a {
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 13px;
    color: rgba(32, 34, 36, 0.80);
    flex: 0 0 100%;

}
.ProfileType img {
    max-width: 26px;
}
.new-lable {
    position: absolute;
    right: 0;
    min-width: 36px;
}
.BetaFeature {
    position: absolute;
    bottom: -5px;
    left: 0px;
    background: #ffffffb3;
    font-size: 11px;
    color: #00A79D;
}

.dashboard-profiledetails{
    padding-left: 32px;
    padding-bottom: 40px;
    padding-top: 41px;
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.ProfileActivation svg{
    margin-top: 2px;
}
.userActivation{
    text-align: center;
    font-size: 17px;
    color: #1BA89D;
    font-weight: 500;
    letter-spacing: 0.9px;
}
.UserProfileActivation{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 23px;
}
.dashboardPages{
    padding-left: 32px;
    padding-bottom: 40px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 35px;
    z-index: 999;
}
.dashboardCol1 hr {
    background-color: rgba(32, 34, 36, 0.10);
    height: 1px;
    border: 0;
}
.dashboardPages h3{
    line-height: 61px;
    font-size: 18px;
    font-weight:400;
    letter-spacing: 0.5px;
}
/* .dashboardPages .ProfileType a{
    color: #202224;
} */
.dashboardPages .ProfileType{
    min-height: 50px;
}


/* Dashboard navigation */

.dashboardCol2{
    width: 100%;
}
.dashboard_navigation{
    display: flex;
    justify-content: space-evenly;
    margin-left: -163px;
    position: relative;
    z-index: -1;
}
.dashboard_navigation img{
    border-radius: 22px;
}
.dashboard_navigation > ul{
    display: flex;
    min-height: 68px;
    justify-content: center;
    align-items: center;
}
.dashboard_navigation li{
    list-style: none;
}
.dashboard_navigation a{
    text-decoration: none;
    color: #000000;
}
.DashboardContentArea{
    background-color: #F3FCFC;
    min-height: 100%;
    min-width: 100%;
    padding: 24px 32px;
    
}
.welcomeMessage p{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.8px;
    font-family: var(--Primary-font);
}
.welcomeMessage {
    margin: 6px 8px;
}

/* Dashboard Contents Main */

.QuickStatWrapper{
    display:flex;
    justify-content: space-between;
    gap: 12px;
}
.quickstatCol1{
    display:flex;
    flex-direction: column;
    gap:13px;
}
/* .QuickStatIcon{
    padding: 12px;
    background-color: #e5e4fd;
    border-radius: 22px;
} */
.dashboardQuickStats{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 29px;
    margin-top: 25px;
    
}

.DashboardQuickStatContainer{
    background-color: #fff;
    padding: 14px 15px 7px 19px;
    border-radius: 14px;
    box-shadow: 6px 6px 54px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    gap: 26px;
    flex: 0 0 23%;
    transition: 0.3s;
}
.DashboardQuickStatContainer h2{
    font-size: 28px;
    letter-spacing: 1px;
}
.quickstatCol1 h3{
    font-size: 18px;
    font-weight: 500;
    color: #636466;
}
.DashboardQuickStatContainer p{
    font-size: 18px;
    font-weight: 500;
}
.DashboardQuickStatProducts:hover {
    background: #FFF3D6;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.DashboardQuickStatProfile:hover {
    background: #E5E4FF;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.DashboardQuickStatEnquiries:hover {
    background: #BBF1D6;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
.DashboardQuickStatEndorsement:hover {
    background: #FFDED1;
    box-shadow: 4px 4px 20px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}
/* Dashboard Projects Area */
.dashboardProjectsAreaContainer, .dashboardRequirementsAreaContainer, .dashboardEnquiriesAreaContainer, .dashboardBOQSection{
    margin: 30px 0px;
    padding: 24px 19px;
    background-color: #fff;
    border-radius: 14px;
    /* box-shadow: 6px 54px 0px rgba(0, 0, 0, 0.05); */
}
.dashboardProjectsAreaContainer h3, .dashboardRequirementsAreaContainer h3, .dashboardEnquiriesAreaContainer h3, .RequirementheadingSection h3{
    margin-bottom: 28px;
    font-size: 25px;
    font-weight: 400;
    font-family: var(--Primary-font);
}
.DashboardProjects img{
    border-radius: 10px;
}
.DashboardRequirements > .requirements-table, .DashboardEnquiries > .Enquiries-table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    overflow: hidden; 
    border-radius: 11px;
}
.DashboardRequirements > .requirements-table thead, .DashboardEnquiries > .Enquiries-table thead{
    background-color: #f1f4f9;
    overflow: hidden;
    border-radius: 22px;
}
.DashboardRequirements > .requirements-table thead th, .DashboardEnquiries > .Enquiries-table thead th{
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #202224;
}
.requirements-table td{
    color: rgba(32, 34, 36, 0.8);
    font-size: 16px;
    font-weight: 500;
    padding: 18px 0px;
}
.requirements-table td{
    color: rgba(32, 34, 36, 0.8);
    font-size: 16px;
    font-weight: 500;
    padding: 18px 0px;
}
.DashboardRequirements > .requirements-table h3{
    margin:0;
    padding: 30px 0px;
    color: #000;
}
.DashboardRequirements table, .DashboardEnquiries table{
    font-size: 14px;
    letter-spacing: 0.3px;
}
.DashboardRequirements table h3, .DashboardEnquiries table h3{
    font-size: 14px;
    letter-spacing: 0.3px;
}
.DashboardEnquiries > .Enquiries-table td{
    margin:0;
    padding: 30px 0px;
    color: rgba(32, 34, 36, 0.8);
    font-size: 16px;
    font-weight: 500;
    padding: 18px 0px;
}
.requirementTitle {
    text-decoration: none;
    color: rgba(32, 34, 36, 0.8);
}

.details-button{
    color: #fff;
    background-color: #00B69B;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 2px 11px;

}
.DashboardAlertviewBtn {
    padding: 8px 46px;
    border-radius: 4px;
    border: 1px solid #090A0B;
    color: #090A0B;
    font-weight: 500;
}
/* Endorsement Page */
.RecommendationForm {
    display: flex;
    justify-content: center;
    gap: 38px;
}
.RecommendationForm .rows .mb-3 {
    max-width: fit-content;
}
.RecievedEndorsements {
    height: 256px;
    overflow-y: scroll;
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.RecievedEndorsements {
    background: #d2d3d3;
    padding: 4px;
    border-radius: 2%;
    
}
.RecievedEndorsement {
    background: #f2ffff;
    padding: 5px;
    border-radius: 2%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
/* Endorsement Page Ends */


.details-button:hover{
    color: #fff;
}
tbody tr{
    border-bottom: 1px solid #9797971c;
}

.DashboardProjects{
    display: flex;
    gap: 20px;
}
.addprojectbutton{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 15px;
}
/* .addprojectbutton a{
    padding: 20px 23px;
    border: 1px solid #000;
    border-radius: 115px;
} */
.EnquiryID{
    max-width: 30px;
}

/* Dropdown CSS */
.dropdown {
    position: relative;
    padding: 12px 0px;
}

.dropdown-content {
    position: absolute;
    background-color: #fff;
    top: 100%;
    right: 0;
    display: none;
    border: 1px solid rgba(0, 0, 0, 0.20);
    z-index: 9999;
}
.dropdown-content li{
    padding: 10px 26px;
}
.dropdown-content li:hover{
    background-color: #eee;
}


/* Dropdown css end */

/* Notification */
.badge {
    position: absolute;
    right: -5px;
    top: -11px;
    padding: 2px 6px;
    border-radius: 29px;
    font-size: 13px;
    background-color: #404040;
    color: #fff;
}
.notifications {
    display:none;
    position: absolute;
    top: 100%;
    right: 0%;
    width: 319px;
    background: #fff;
    padding: 20px 15px;
    z-index: 999;
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.NotificationTitle {
    font-size: 16px;
    letter-spacing: 0.3px;
}
.customnotification-box{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.notification-item {
    padding: 20px 0px;
    background-color: transparent;
}
.Date p {
    color: #767676;
}
.notificationBtnCont:hover {
    cursor: pointer;
}
.CreditBalance {
    font-size: 13px;
}

/* BOQ Page Buttons */

.Boq-Start-btn{
    padding: 4px 29px;
    border: #1BA89D solid 1px;
    border-radius: 22px;
    color: #000;
    font-weight: 600;
}
.Boq-Start-btn:hover {
    background-color: #1BA89D;
    color: #fff;
}
.quick-bid-btn{
    color: #000;
    font-weight: 500;
    font-size: 16px;
}

#boqQuoteForm textarea{
    width: 100%;
    height:150px;
}
.editBid {
    cursor: pointer;
    color: #388DE1 !important;
}
.WonBid {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: #0B7B69;
    border-radius: 100%;
    margin-right: 5px;
}
.LostBid {
    width: 13px;
    height: 13px;
    display: inline-block;
    background: #8C1823;
    border-radius: 100%;
    margin-right: 5px;
}
.ProductDisabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
/* BOQ Listing and Customize Page */

.customizeProduct{
    display: flex;
    gap: 20px;
    padding: 20px 20px;
    border-radius: 7px;
    border: 1px solid #00000029;
    background-color: #fff;
}
.BOQprodimage {
    min-height: 135px;
    display: flex;
    align-items: center;
}
.customizeProduct:hover {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
}
.BOQProductdetails{
    width: 100%;
}

.SpecificationsContainer{
    display: flex;
    gap: 40px;
}
.BOQCustomize_Options{
    display: flex;
    gap: 30px;
}
.BOQProductdetails {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.specTitle {
    text-transform: uppercase;
    font-weight: 600;
}
.CustomizeOption {
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 6px;
    
}
.CustomizeOption:hover {
    color:#38B87C;
}
.CustomizeOption:hover {
    cursor: pointer;
}
.BoqProductName {
    text-transform: uppercase;
}
.DashboardContentArea h2{
    font-family: var(--Primary-font);
    font-size: 36px;
}
.activateContainer h2 {
    font-family: 'Playfair Display';
    font-size: 48px;
    color: #00A79D;
    font-weight: 700;
}
.CompleteYour {
    color: #404040;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin: 16px 0px;
}
.YouareThere {
    color: #F00;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin: 15px 0px;
}
.quickstatCol1 h2{
    font-family: var(--Primary-font);
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 600;
}
.customizationDetails {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.customizeProductWrapper {
    margin: 20px 0px;
}
.BOQProductMeta{
    display: flex;
    flex-direction: column;
}
.BOQ-products h2 {
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* Temp CSS */
.customizationDetails li{
    list-style: none;
    padding: 10px 20px;
    border: 1px solid #48a99d;
    text-transform: uppercase;
}
.customizationDetails li:hover{
    color: #fff;
    background-color: #48a99d;
    border: 1px solid #48a99d;
    cursor: pointer;
}
.customizationDetails ul {
    display: flex;
    gap: 21px;
    flex-wrap: wrap;
}

/* NewCustomizeCSS */
.CusProdListCont{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.CustProdCard{
    display: flex;
    gap: 20px;
}
.BOQProdCol1{
    flex: 0 0 215px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.optionsicons{
    display: flex;
    align-items: center;
    display:none;
}
.livetracking {
    margin-top: 8px;
}
.BOQProdRightCOL {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    /* justify-content: center; */
}
.BOQCustomizeopts {
    display: flex;
    position: absolute;
    bottom: -16px;
    right: -17px;
    gap: 30px;
    align-items: center;
}
.BOQProdCol {
    flex: 0 0 16.5%;
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}
.BOQProductMeta{
    min-width: 142px;
    gap: 7px;
}

.CustProdCard {
    padding: 15px 17px;
    /* border: solid 1px #DDDDDD; */
    background: #fff;
    border-bottom: 1px solid rgba(32, 34, 36, 0.05);
}
.BoqProdName {
    text-transform: uppercase;
    font-family: var(--Primary-font);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    color: #7E7E8C;
}
.QuoteNowBtn {
    padding: 6px 16px;
    background-color: #388DE1;;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.ReduceQuantity, .IncreaseQuantity {
    font-size: 19px;
    font-weight: 500;
    background-color: #00A79D;
    padding: 0px 8px;
    border-radius: 4px;
    color: #fff;
}
.ReduceQuantity:hover, .IncreaseQuantity:hover {
    cursor: pointer;
}
/* Search Input CSS */
.HeroSearch {
    border: 1px solid rgba(0, 0, 0, 0.20);
}
.search-container {
    display: flex;
    align-items: center;
    border-radius: 8px;    
    background-color: #fff;
    margin-left: 37px;
    margin-right: 10px;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.20);
    padding-left: 27px;
}

.search-icon {
    font-size: 20px;
    display: flex;
    background-color: #00A79D;
    padding: 10px 6px;
    border-radius: 0px 5px 5px 0px;    
}

.search-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight: 300;
    background: none;
    color: rgba(32, 34, 36, 0.70);
}

.search-input::placeholder {
    color: rgba(32, 34, 36, 0.50);
}

.search-container:hover,
.search-container:focus-within {
    border-color: #666;
    
}

/* Search End */

/* DashboardNew Navigation*/

.dashboardrow1{
    display: flex;
    align-items: start;
    gap: 25px;
    background-color: #F0F9F9;
}
.locationContainer{
    display:none;
    /* display: flex; */
    align-items: center;
    gap: 6px;
}
.Loccity p{
    font-size: 12px;
    font-weight: 400;
    line-height: 8px;
}
.Locpincode p{
    font-size: 12px;
}
.dashboardrow2 .dashboard_navigation{
    background-color: #fff;
    height: 44px;
    align-items: center;
    position: relative;
    z-index: -1;
    left: -6%;
}
.dashboardrow2 .dashboard_navigation a{
    color: rgba(32, 34, 36, 0.80);
    font-size: 18px;
    font-weight: 500;
}
.dashboardrow2 .dashboard_navigation > ul {
    gap: 26px;
}
.ProfileLi {
    display:flex;
    align-items: center;
    gap: 7px;
}
.ProfileLi img {
    width: 45.581px;
    height: 45.581px;
}
.ProfileLi h3 {
    font-size: 14px;
    font-weight: 700;
}
.ProfileLi p {
    font-size: 12px;
    font-weight: 600;
}
.Locpincode p {
    color: rgba(32, 34, 36, 0.70);
}
.currentBrand {
    font-family: var(--Primary-font);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}


/* Sorting Row */
.sortRowoptions{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 5px;
    margin-top: 31px;
}
.SortByCols{
    display: flex;
    font-size: 14px;
}
.productsFound {
    width: 273px;
}
.SortByCols {
    width: 100%;
}
.SortCol{
    flex: 0 0 16.5%;
}
.SortCol P{
    text-align: center;
}
.nested-spec-options{
    margin-top: 25px;
}

/* New Dashboard Topbar */

.DashboardRow {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    width:100%;
    justify-content: space-between;
}
.DashRowCol1 {
    display: flex;
    align-items: start;
    flex: 0 0 16%;
}
.DashRowCol2 {
    width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.DashRowCol3 {
    margin-top:12px;
}

.DashSearchLoc {
    display:flex;
    align-items: center;
    justify-content: center;
}
.arqonzlogo {
    padding-left: 30px;
    margin-top: 10px;
}
.search-container {
    width: 53.5vw;
    position: relative;
}
.search-icon {
    cursor: pointer;
}
.dashboard_navigation ul li a{
    cursor: pointer;
}

.DashMainNav1 .dashboard_navigation {
    background-color: #fff;
    height: 44px;
    align-items: center;
}
.DashMainNav1 .dashboard_navigation > ul{
    display: flex;
    min-height: 68px;
    justify-content: center;
    align-items: center;
    gap: 26px;
}
.DashMainNav1 .dashboard_navigation a {
    color: rgba(32, 34, 36, 0.80);
    font-size: 18px;
    font-weight: 500;
}
.download-quote-btn {
    cursor: pointer;
}


/* Popup Form */
.popup {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}

.popup-content {
    background-color: #fff;
    margin: 8% auto;
    padding: 27px 40px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 18px;
    top: 6px;
}
.Toastclose {
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.Toastclose:hover {
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#quoteForm {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

#quoteForm div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#quoteForm label {
    font-size: 16px;
    font-weight: 500;
}
#quoteForm input[readonly] {
    color: #888;
}

#quoteForm input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 11px;
    font-size: 16px;
    font-weight: 500;
    
}

#quoteForm button {
    padding: 11px 20px;
    background-color: #A6DFC7;
    color: #000;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 18px 0px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--Primary-font);
}

#quoteForm button:hover {
    cursor: pointer;
}

#quoteSuccess {
    text-align: center;
    font-weight: bold;
    color: #1BA89D;
    margin-top: 20px;
}


/* Edit Bid Form */
.Edit-popup {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
}
.popup h2 {
    margin-bottom: 27px;
}

.Edit-popup-content {
    background-color: #fff;
    margin: 8% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 500px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

.Edit-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 18px;
    top: 6px;
}

.Edit-close:hover,
.Edit-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

#Edit-quoteForm {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#Edit-quoteForm div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#Edit-quoteForm label {
    font-weight: 500;
    font-size: 16px;
}
#Edit-quoteForm input[readonly] {
    color: #888;
}

#Edit-quoteForm input {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 11px;
    font-size: 16px;
    font-weight: 500;
}

#Edit-quoteForm button {
    padding: 11px 20px;
    background-color: #A6DFC7;
    color: #000;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin: 18px 0px;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--Primary-font);
}



#Edit-quoteSuccess {
    text-align: center;
    font-weight: bold;
    color: #1BA89D;
    margin-top: 20px;
}





.ImpsupplierChoice {
    display: flex;
    justify-content: center;
    gap: 22px;
}

.yesAccepted{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #00A79D;
    gap: 3px;
    cursor: pointer;
    min-height: 49.5px;
}

.NoRejected {
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(32, 34, 36, 0.70);
    gap: 3px;
    cursor: pointer;
}

/* Bid Recieved table */
.RecievedBidTable {
    border-collapse: collapse;
}

.RecievedBidTable th {
    padding: 0px 32px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    width: 8.2%;
    font-family: var(--Primary-font);
    font-size: 16px;
    font-weight: 600;
}
.RecievedBidTable td {
    text-align: center;
    height: 85px;
    
}
.RecievedBids { 
    padding-top: 13px;
    padding-bottom: 55px;
    padding-left: 4px;
    padding-right: 4px;
    
    background-color: #fff;
    /* border-left: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
    border-bottom: solid 1px #DDDDDD; */
}
.CustProdWrapper {
    border: 1px solid rgba(26, 26, 26, 0.40);
    border-radius: 8px 8px 0px 8px;
    overflow: hidden;
}
.bidamt {
    cursor: pointer;
}
.bidamt:hover {
    border: 1px solid #38B87C;
    background: #F0F9F9;
    box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.25);
}
.selected-bid {
    border: 1px solid #38B87C;
    background: #F0F9F9;
    box-shadow: 4px 4px 24px 0px rgba(0, 0, 0, 0.25);
}
.non-clickable {
    cursor: default;
    pointer-events: none;
}

/* Timer CSS */

/* @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
                            
.countdown-container {
    text-align: center;
    margin-bottom: 20px;
    font-size: 1rem;
}

.countdown-timer {
    display: flex;
    justify-content: center;
    gap: 15px;
    font-family: var(--Primary-font);
    padding: 20px;
    border-radius: 8px;
}

.time-section {
    background: #00A79D;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    padding: 10px;
    border-radius: 8px;
    
}

.time-number {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 5px;
    transition: transform 0.5s;
}

.time-label {
    font-size: 1rem;
}

.time-number {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
} */

/* Timer CSS Ends */

/* New Timer CSS */
.countdown-timer {
    display: flex;
    gap: 9px;
    justify-content: center;

    font-size: 32px;
    font-family: var(--Primary-font);
    font-weight: 600;
    margin-bottom: 13px;
    color: #00A79D;
}
.ExpiresinText p {
    font-size: 32px;
    font-family: var(--Primary-font);
    font-weight: 600;
    margin-bottom: 13px;
    color: rgba(32, 34, 36, 0.80);
}
.countdown-container .time-section {
    display: flex;
    gap: 3px;
}
.countdown-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
}

/* new Timer CSS Ends */

/* Dashboard Projects Page CSS */


.dashboard-projects {
    text-align: left;
    font-family: var(--Primary-font);
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    position: relative;

}
.Breadcrumb-active {
    color: rgba(32, 34, 36);
    font-family: var(--Primary-font);
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.Breadcrumb-nonactive a {
    color: rgba(32, 34, 36, 0.70);
    font-family: var(--Primary-font);
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
}
.breadcrumb-divider {
    margin: 0px 4px;
    color: rgba(32, 34, 36, 0.70);
}


.line-8 {
    margin: 8px 0px;
    border-style: solid;
    border-color: rgba(32, 34, 36, 0.2);
    border-width: 1px 0 0 0;
    align-self: stretch;
    flex-shrink: 0;
    height: 0px;
    position: relative;
}
.DashProjectsListSection {
    display: flex;
    gap: 7px;
    margin-top: 10px;
    margin-bottom: 41px;
    margin-left: -12px;
}
.DashprojectfeaturedImg {
    max-height: 167px;
    overflow: hidden;
    border-radius: 14px;
}
.DashprojectfeaturedImg img{
    border-radius: 14px;
}
.DashprojectLocation {
    display: flex;
    justify-content: space-between;
}
.DashprojectLocation .pleftcol {
    display: flex;
}
.Dashprojecttitle h3 {
    font-size: 16px;
    font-weight: 600;
    color: #202;
    margin: 5px 0px;
}
.DashprojectLocation p {
    font-size: 16px;
    font-weight: 500;
    color: rgba(32, 34, 36, 0.80);
}
.Projectssinglecontainer {
    padding: 5px;
    width: 272px;
}

/* Ends here */

/* Enquiries Page CSS */

.DashboardProjectsMain {
    background-color: #fff;
    padding: 24px 16px;
    border-radius: 13px;
    
}
.DashboardProjectsMain table {
    width: 100%;
    border-collapse: collapse;
    border-radius: 14px;
    overflow: hidden;
}
.DashboardProjectsMain table tbody {
   text-align: center; 
}
.DashboardProjectsMain table thead {
    background-color: #F1F4F9;
}
.DashboardProjectsMain table thead th{
    padding: 7px 0px;
    font-weight: 500;
}
.DashboardProjectsMain table tbody td{
    padding: 10px 0px;
    font-weight: 500;
}
.enquiriesView {
    display: flex;
    justify-content: center;
    gap: 3px;
}
.enquiryMessage {
    display: flex;
    justify-content: center;
}
.enquiryMessage p{
    padding: 8px 15px;
    background-color: #F1F4F9;
    border-radius: 10px;
    color: rgba(32, 34, 36, 0.70);
}

/* Enquiry Details Page CSS */

.SingleEnquiryDetail {
    padding: 80px 20px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.SingleEnquiryDetail .EnquiryField {
    display: flex;
    align-items: center;
}
.EnquiryField .Field {
    width: 100%;
    background-color: #F1F4F9;
    padding: 10px 20px;
}
.EnquiryField .Field {
    min-width: 100px;
    background-color: #F1F4F9;
    padding: 10px 20px;
    border-radius: 7px;
}
.SingleEnquiryDetail .EnquiryFieldLabel {
    min-width: 100px;
}
.SingleEnquiryDetail .Field {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 2.8rem;
}
.hiddenfield {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.07) 0%, rgba(0, 0, 0, 0.04) 100%), rgba(255, 255, 255, 0.70);
    backdrop-filter: blur(15px);
}
.Recommendationsection {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 50px 10px;
    filter: drop-shadow(6px 6px 54px rgba(0, 0, 0, 0.05));
    border-radius: 9px;
}
.recommendationtitle h3 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 35px;
}

.RecommendationForm select {
    min-height: 37px;
    font-size: 16px;
    flex: 0 0 59.5%;
    padding: 10px;
    border: 1px solid rgba(32, 34, 36, 0.20);
    border-radius: 4px;
}
.RecommendationForm select option {
    color: rgba(32, 34, 36, 0.4);
}
.RecommendationForm input {
    min-height: 37px;
    font-size: 16px;
    padding: 10px;
    border: 1px solid rgba(32, 34, 36, 0.20);
    border-radius: 4px;
    padding: 0px 10px;
    flex: 0 0 56%;
}
.RecommendationForm .rows .mb-3 {
    display: flex;
    gap: 32px;
    align-items: center;

}
.RecommendationForm .rows .mb-3 label {
    font-weight: 500;
    min-width: 114px;
}
.RecommendationForm button {
    background: #388DE1;
    padding: 8px 46px;
    border: 0px;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    border-radius: 4px;
}
.RecommendationForm button:hover {
    cursor: pointer;
}
.buyCreditsbutton {
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.buyCreditsbutton a{
    border-radius: 7px;
    background: #FFE071;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
    color: #000;
}
/* Enquiry Details Page End */


/* Add project Page Design */

/* Hide the original file input */
.custom-file-input {
    display: none;
}
.custom-file-input-floormap {
    display: none;
}


/* Style the custom file button */
#custom-file-button {
    background-color: #F2F2F2;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    color: rgba(32, 34, 36, 0.80);
    font-weight: 600;
}
#custom-file-button-floormap {
    background-color: #F2F2F2;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    color: rgba(32, 34, 36, 0.80);
    font-weight: 600;
}

/* Style the file-selected text */
#file-selected {
    margin-left: 10px;
    
    color: #555;
}
.AddProjectForm .Projectdetails {
    background-color: #fff;
    padding: 31px 30px;
}
.editform .Projectdetails {
    background-color: #fff;
    padding: 31px 30px;
}
.choosefilebtn {
    border: 1.5px solid #979797;
    border-radius: 5px;
    padding: 5px 9px;
}
.Projectdetails .mb-3 {
    margin-bottom: 8px;
}
.AddProjectForm .form-field {
    margin-bottom: 37px;
}
.editform .form-field {
    margin-bottom: 37px;
}
.AddProjectForm .FormRow1 {
    display: flex;
    gap:6%
}
.editform .FormRow1 {
    display: flex;
    gap:6%
}
.AddProjectForm .FormRow1 .ProjectTitle {
    flex: 0 0 47%;
}
.editform .FormRow1 .ProjectTitle {
    flex: 0 0 47%;
}
.AddProjectForm .FormRow1 .ProjectLocation {
    flex: 0 0 47%;
}
.editform .FormRow1 .ProjectLocation {
    flex: 0 0 47%;
}
.AddProjectForm .FormRow1 input {
    width: 100%;
    height: 41px;
    padding: 0px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
}
.editform .FormRow1 input {
    width: 100%;
    height: 41px;
    padding: 0px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
}
.AddProjectForm .FormRow1 .form-field select {
    width: 100%;
    height: 41px;
    font-size: 15px;
    padding: 0px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
}
.editform .FormRow1 .form-field select {
    width: 100%;
    height: 41px;
    font-size: 15px;
    padding: 0px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
}
.AddProjectForm label {
    margin-bottom: 8px;
    font-weight: 500;
}
.editform label {
    margin-bottom: 8px;
    font-weight: 500;
}
.Projectdetails input {
    width: 100%;
    height: 41px;
    font-size: 15px;
    padding: 0px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
    border: 1.5px solid #979797;
    border-radius: 5px;
    
}
.Projectdetails textarea {
    width: 100%;
    padding: 10px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
    font-size: 15px;
}

.AddProjectForm .col-sm-10 {
    margin-top: 8px;
}
.editform .col-sm-10 {
    margin-top: 8px;
}
.AddProjectForm .FormRow2 {
    display: flex;
    justify-content: space-between;
    gap: 6%;
}
.editform .FormRow2 {
    display: flex;
    justify-content: space-between;
    gap: 6%;
}
.AddProjectForm .FormRow2 .ProjectValue{
    flex: 0 0 47%
}
.editform .FormRow2 .ProjectValue{
    flex: 0 0 47%
}
.AddProjectForm .FormRow2 .ProjectSpecs{
    flex: 0 0 47%
}
.editform .FormRow2 .ProjectSpecs{
    flex: 0 0 47%
}
.FormRow2 select {
    width: 100%;
    height: 41px;
    font-size: 15px;
    padding: 0px 10px;
    border: 1.5px solid #979797;
    border-radius: 5px;
}
.page-header h1 {
    font-family: var(--Primary-font);
    margin-bottom: 40px;
}

.Projectdetails button {
    padding: 10px 30px;
    background: #388DE1;
    border: 0px;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
}
.Projectdetails button:hover {
    cursor: pointer;
}
.DashboardRequirements {
    background-color: #fff;
    border-radius: 12px;
}
.RequirementsMain {
    background-color: #fff;
    filter: drop-shadow(6px 6px 54px rgba(0, 0, 0, 0.05));
    border-radius: 9px;
    padding: 20px 30px;
}
.addrequirebtn {
    padding: 10px 20px;
    border: 1px solid #202224;
    color: #202224;
    border-radius: 5px;
}
.addrequirebtn:hover {
    background-color: #388DE1;
    color: #fff;
    border: 0px;
}
.DashProjectsListSection {
    background: #fff;
    padding: 34px 0px;
    border-radius: 8px;
}
.requirementcontent {
    background-color: #fff;
    padding: 16px 30px;
}

/* Dashboard Profile Page */
.DashProfileMain {
    background: #fff;
    padding: 30px 0px;
    border-radius: 25px;
    margin: 32px 0px;
}
.ProfileTopNavigation li {
    list-style: none;
}
.ProfileTopNavigation {
    display: flex;
    justify-content: space-around;
    min-height: 60px;
}
.ProfileTopNavigation a {
    text-decoration: none;
    color: #202224;
    padding: 10px 0px;
}
.selectedProfile {
    color: #00A79D !important;
    border-bottom: 2px solid #00A79D;
}
.DashProfileMain .PersonalProfile {
    padding: 10px 30px;
}
.PersonalProfileFrames {
    display: flex;
    gap: 4%;
    margin: 20px 0px;
}
.PersonalProfileForm .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    gap: 5px;
}
.PersonalProfileForm .FormRow {
    display:flex;
    gap: 6%;
}
.PersonalProfileFrames .ProfilePicture {
    flex: 0 0 6%;
}
.PersonalProfileFrames .PersonalProfileForm {
    width: 100%;
}
.PersonalProfileForm .FormRow .form-group {
    flex: 0 0 47%;
}
.PersonalProfileForm .form-group input {
    height: 43px;
    font-family: var(--Primary-font);
    font-size: 17px;
    padding: 0px 15px;
    border: 1px solid #9da6ac;
    border-radius: 12px;
}
.PersonalProfileForm .form-group label {
    font-size: 17px;
    font-weight: 500;
}
.PersonalProfileFrames .ProfilePicture img {
    border-radius: 100%;
}
.PersonalProfileForm .form-group button {
    width: 160px;
    padding: 14px 0px;
    background-color: #388DE1;
    border: 0px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 25px 0px;
}
.PersonalProfileForm .form-group button:hover {
    cursor: pointer;
}
.PersonalProfileForm .form-group textarea {
    height: 120px;
    font-family: var(--Primary-font);
    font-size: 17px;
    padding: 13px 15px;
    border: 1px solid #9da6ac;
    border-radius: 12px;
}

/* Dashboard Add Product Form */

.AddProjectContainer {
    border-radius: 15px;
    overflow: auto;
}

.main .alert {
    height: 44px;
    display: flex;
    justify-items: center;
    align-items: center;
    gap: 30px;
    padding: 0px 20px;
}

.alert-success {
    background-color: #01e17b52;
}

/* Dashboard */

.RequirementheadingSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.addRequireButton {
    padding: 6px 18px;
    border: 1px solid #000;
    border-radius: 5px;
    color: #000;
    margin-bottom: 16px;
}
.addRequireButton:hover {
    background:#388DE1;
    color: #fff;
}
.editBidLink:hover {
    cursor: pointer;
}
#builder_add_project_form_ReraApproval {
    width:20px !important;
}
.ProjectCollab .form-check {
    display:flex;
    align-items: center;
    gap: 7px;
}
.ProjectCollab .form-check .form-check-label {
    margin-bottom: 0px;
}

#unlockButton {
    padding: 20px 30px;
    border-radius: 10px;
    background: #23262F;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
}

/* Subscription Popup */

.popup-unlock-contact .Row1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-unlock-contact .Row1 .profile img {
    max-width: 40px;
    border-radius: 100%;
}

.popup-unlock-contact .Row2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-unlock-contact .Row2 img {
    max-width: 205px;
}
.popup-unlock-contact .Row2 p {
    font-size: 96px;
    font-weight: 700;
    font-family: var(--Primary-font);
}
.popup-unlock-contact .Row3 p {
    color: rgba(32, 34, 36, 0.80);
    font-family: var(--Primary-font);
    font-size: 24px;
    font-weight: 700;
}
.popup-unlock-contact .Row3 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-unlock-contact .row4wrapper img{
    max-width: 34px;
}
.Col3Wrapper {
    display:flex;
    gap:20px;
    justify-content: space-evenly;
}
.popup-unlock-contact .row4wrapper p{
    color: #202224;
    font-family: var(--Primary-font);
    font-size: 16px;
    font-weight: 600;
}
.popup-unlock-contact .row4wrapper {
    display: flex;
    width: fit-content;
    gap: 10px;
    padding: 10px 22px;
    background-color: #F0F9F9;
    border-radius: 8px;
    margin: 10px 0px;
}
.popup-unlock-contact .Row4 {
    display: flex;
    justify-content: center;
}
.popup-unlock-contact .Row5 {
    display: flex;
    justify-content: center;
}
.popup-unlock-contact .Row5 button {
    color: #fff;
    padding: 13px 114px;
    background-color: #23262F;
    border-radius: 4px;
    border: 0px;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px;
    cursor: pointer;
}
.supplier-contact-reveal {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.Cont-Unlocked {
    margin-bottom: 20px;
        margin-bottom: 10px;
}
.Cont-Unlocked p {
    font-size: 25px;
    font-weight: 600;
}
.supplier-phone {
    display: flex;
    align-items: center;
}
.supplier-phone img{

    max-width: 34px;
}
.supplier-phone p{
    font-size: 20px;
    font-weight: 500;
}

.supplier-phone a{
    display: flex;
    align-items: center;
}
.supplier-contact-reveal .supplier-Name {
    margin-bottom: 10px;
}

/* Buy Credits Popup */

.popup-buy-credits .Row1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.popup-buy-credits .Row1 .profile img {
    max-width: 40px;
    border-radius: 100%;
}

.popup-buy-credits .Row2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-buy-credits .Row2 img {
    max-width: 205px;
}
.popup-buy-credits .Row2 p {
    font-size: 96px;
    font-weight: 700;
    font-family: var(--Primary-font);
}
.popup-buy-credits .Row3 p {
    color: rgba(32, 34, 36, 0.80);
    font-family: var(--Primary-font);
    font-size: 24px;
    font-weight: 700;
}
.popup-buy-credits .Row3 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-buy-credits .row4wrapper img{
    max-width: 34px;
}
.popup-buy-credits .row4wrapper p{
    color: #202224;
    font-family: var(--Primary-font);
    font-size: 16px;
    font-weight: 600;
}
.popup-buy-credits .row4wrapper {
    display: flex;
    width: fit-content;
    gap: 10px;
    padding: 10px 22px;
    background-color: #F0F9F9;
    border-radius: 8px;
    margin: 10px 0px;
}
.popup-buy-credits .Row4 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.popup-buy-credits .Row5 {
    display: flex;
    justify-content: center;
}
.popup-buy-credits .Row5 button {
    color: #fff;
    padding: 13px 114px;
    background-color: #23262F;
    border-radius: 4px;
    border: 0px;
    font-size: 18px;
    font-weight: 500;
    margin: 15px 0px;
    cursor: pointer;
}
.wonBidWrapper {
    display: flex;
    justify-content: center;
}
.wonBidWrapper p {
    padding: 17px 10px;
    background: #00A79D;
    color: #fff;
}

/* Dashboard buy Subscription Page Pricing */
.SubscriptionPackages {
    display:flex;
    gap: 24px;
}
.SubscriptionPackages .Sub-Package .packageTitle {
    text-align: center;
}
.SubscriptionPackages .Sub-Package .packagesubheading {
    text-align: center;
}
.SubscriptionPackages .Sub-Package .PackageGST-Disclaimer {
    text-align: center;
}
.SubscriptionPackages .SubscriptionBuyNowbtn {
   display:flex;
   justify-content: center;
   align-items: center;
}
.SubscriptionPackages .packageBuyNowBtn {
    padding: 8px 46px;
    background: #388DE1;
    border-radius: 4px;
    color: #fff;
}
.SubscriptionPackages .Sub-Package {
background: #fff;
padding: 24px 15px;
display: flex;
gap: 24px;
flex-direction: column;
}
.Sub-Package .sourceLink {
font-size: 12px;
}
.Sub-Package .trialterms .Termfeature {
display: flex;
gap: 11px;
}
.Termfeature img {
    max-width: 14px;
    width: 100%;
}
.Sub-Package .trialterms {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.Sub-Package .packageTryFree {
    text-align: center;
}
.Sub-Package .PackageTryFreeContainer {
    display: flex;
    justify-content: center;
    align-items: end;
    gap: 5px;
}
.Sub-Package .PackageTryFreeContainer .packageTryFree {
    color: #388DE1;
    font-size: 16px;
    font-weight: 500;
}
.Sub-Package .PackSubHeadCont {
    display: flex;
    justify-content: center;
    gap:5px;
    align-items: end;
}
.Sub-Package .priceCont {
    display: flex;
    justify-content: center;
}
.Sub-Package .priceCont p{
    color: #388DE1;
    font-size: 32px;
    font-weight: 700;
}
.Sub-Package .trialTermsHead {
    font-weight: 600;
}
.Sub-Package .packagesubheading {
    font-weight: 600;
}
.TermLinks {
    padding: 40px 0px;
    display: flex;
    flex-direction: column;
    gap: 27px;
    font-weight: 600;
}
.TermLinks span {
    color: #388DE1;
}
.frequentlysearched {
    margin-left: 6%;
}
.frequentlysearched p {
    font-weight: 600;
}
.frequentlysearched .lable {
    opacity: 0.6;
}
.HomeProductCard .ProdImgCOntainer {
    overflow: hidden;
    border-radius: 0%;
    width: 140px;
    height: 140px;
}
.HomeProductfeaturedImage {
    width: 100%;
    height: 100%;
}
.HomeProductCard {

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 10px 20px 10px;
    /* background-color: #fff; */
    border-radius: 16.809px;
    min-height: 18rem;
    min-width: 203px;
}
.HomeProductCard .HomeProductDesc {
    font-size: 12px;
    text-align: center;
}

.HomeProductTitle {
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0px;
    text-align: center;
}
.HomeProductsList {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px 30px;
    justify-content: center;
    align-items: center;
    margin: 40px 0px;
}

.ArqonzVideoSection {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}

.ArqonzVideoSection iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.IndiaFirstSection {
    display: flex;
    padding-top: 36px;
    gap: 33px;
    background: #FCFCFD;
}
.IndiaFirstImage {
    flex: 0 0 48%;
}
.IndiaFirstImage img {
    width: 100%;
}
.IndiasFirstTitle {
    font-family: var(--Primary-font);
    font-size: 64px;
    font-weight: 400;
    line-height: 112.3%;
}
.Indiafeature {
    display: flex;
    gap: 16px;
}
.IndiaFirstFeatures {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.IndiaFirstContent {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    font-size: 20px;
    font-weight: 500;
}
.IndiaFirstPara {
    color: rgba(35, 38, 47, 0.60);
}
.FirstLearnmoreWorks .LearnMore {
    padding: 20px 30px;
    border-radius: 10px;
    background: #23262F;
    color: #fff;
    font-weight: 400;
}
.FirstLearnmoreWorks .HowWorks{
    color: #000;
    text-decoration: underline;
}

.FirstLearnmoreWorks {
    display: flex;
    align-items: center;
    gap: 34px;

}

/* Activate Profile Page */

.OverlayFixed {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000075;
}
.OverlayFixed .activateContainer {
    text-align: center;
    padding: 29px 28px;
    background: linear-gradient(239deg, #00A79D -57.38%, #FFF 83.2%);
    max-width: 908px;
    width: 100%;
    max-height: 586px;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    border-radius: 8px;
    margin: 5px 5px;
}
.ActivateButtonContainer {
    margin: 24px 22px;
    max-width: 586px;
    width: 100%;
}
.ActivateButtonContainer a {
    padding: 10px 28px;
    background-color: #202224;
    color: #fff;
    border-radius: 4px;
    width: 100%;
    display: block;
}

/* Activate profile Page Ends */

/* Whatsapp

.Whatsappapp {
    position: fixed;
    bottom: 20px;
    right: 13px;
    z-index: 99999999;
}
.Whatsappapp img{
    width: 51px;
    height: 64px;
} */

/* Whatsapp Widget */
.whatsapp-widget {
    position: fixed;
    bottom: 20px;
    right: 13px;
    z-index: 99999999;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0;
    transform: translateY(50px);
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}

.whatsapp-widget.active {
    opacity: 1;
    transform: translateY(0);
}

.whatsapp-message {
    background-color: #00A79D;
    color: white;
    border-radius: 25px;
    padding: 10px 15px;
    font-size: 14px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-button {
    position: relative;
}

.whatsapp-button a {
    display: inline-block;
}

.whatsapp-button img {
    width: 51px;
    height: 64px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.whatsapp-button img:hover {
    transform: scale(1.1);
}

.whatsapp-close {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: #00A79D;
    color: white;
    border: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    font-size: 12px;
    display: none;
}

.whatsapp-button:hover .whatsapp-close {
    display: block;
}

/* Toggle Button */
.whatsapp-toggle {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 19px;
    background-color: #00A79D;
    color: #000;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    z-index: 99999999;
    transition: transform 0.3s ease;
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    padding-bottom: 4px;
}

.DashboardGo {
    display: flex;
    justify-content: center;
}
.DashboardGo a {
    background-color: #00A79D;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    border-radius: 6px;
    letter-spacing: 0.3px;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    padding: 20px;
    text-decoration: none;
}

/* Hidden state */
.hidden {
    display: none;
}

.FilterForm .CityField form .mb-3 {
    max-width: 12rem;
}
.FilterForm .CityField form .mb-3 select {
    max-width: 12rem;
    padding: 3px;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(50px);
    }
}

/* Whatsapp End */


/* Email Verification CSS */

.EmailVerificationMain {
    display:flex;
    justify-content: center;
    align-items: center;
    min-height: 476px;
    
}
.verificationmessage {
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

/* Top Verification Bar */
/* Email Verification Banner Styling */
.email-verify-notice {
    background-color: #ffefef; /* Light red for a softer notification */
    color: #d9534f;
    padding: 15px;
    text-align: center;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--Primary-font);
  }
  
  /* Close Button Styling */
  .email-verify-close-btn {
    margin-left: 20px;
    color: #d9534f;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .email-verify-close-btn:hover {
    color: #f5c6cb;
  }
  
  /* Message Text and Link Styling */
  .email-verify-text {
    margin: 0;
    font-size: 16px;
  }
  
.email-verify-link {
color: #007bff;
text-decoration: underline;
}
  
.email-verify-link:hover {
color: #0056b3;
}

#menuclose {
display: none;
}

.menuopen img {
    display:none;
}

.dropIcon {
    display:none;
}


/* Top Verification Ends */

/* Email verification CSS Ends */

/* ZEMCH 2024 Registration Banner Styling */
.zemch-register-notice {
    background-color: #f0f8ff; /* Light blue for a softer notification */
    color: #007bff; /* Blue text for a more inviting prompt */
    padding: 15px;
    text-align: center;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--Primary-font);
  }
  
  /* Close Button Styling */
  .zemch-register-close-btn {
    margin-left: 20px;
    color: #007bff;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
  }
  
  .zemch-register-close-btn:hover {
    color: #0056b3;
  }
  
  /* Message Text and Link Styling */
  .zemch-register-text {
    margin: 0;
    font-size: 16px;
  }
  
  .zemch-register-link {
    color: #007bff;
    text-decoration: underline;
  }
  
  .zemch-register-link:hover {
    color: #0056b3;
  }

/* Phone Verification */

#phoneverify_form>div {
    display: flex;
    justify-content: center;
    padding: 8px 20px;
}
#phoneverify_form>div>input {
    padding: 7px 6px;
}
.resentOTPbtn {
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.OTPPageButtons {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.OTPPageButtons a {
    padding: 7px;
    background-color: #1BA89D;
    color: #fff;
} 
/* Phone verification Ends */


/* Page Loading Animation & FOrm Submit */

/* Full-screen overlay for loading animation */
.loading-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

/* Loading spinner animation */
.loading-spinner {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #00A79D; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Page Loading Animation Ends */

/* Dashboard BOQ Alert */
.DashboardBOQAlert {
    display: flex;
    justify-content: center;
    margin: 30px 0px;
    gap:20px;

}
.ExpiringBOQs > p {
    font-weight: 700;
}
.DashboardBOQAlertDesc p {
    font-weight: 700;
    text-align: center;
}
.ExpiringBOQs {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 16rem;
}
/* Dashboard BOQ Alert Ends */

/* Projects Edit Form */

.Add-project-button {
    margin: 10px 10px 10px 23px;
    width: fit-content;
    padding: 10px 20px;
    color: #202224;
    border-radius: 5px;
    cursor: pointer;
}
.Add-project-button a {
    color: #202224;
    
}

.Add-project-button:hover a{
    color: #fff;
}

/* Projects Edit For Ends. */

/* Homepage Responsive */

@media (max-width: 829px) {
    .DashRowCol2 {
        width: 45%;
    }

}

@media (max-width: 1070px) {

    /* header */
    .DashRowCol1 {
        flex: 0 0 22%;
    } 
    .search-container {
        width: 38.5vw;
    }
    .DashRowCol2 {
        width: 50%;
    }
    
    
    .HeroSectionTextCOntent {
        max-width: 520px;
    }
    .HeroSectionTextCOntent .heroTitle h2 {
        font-size: 38px !important;
    }
    .HeroSectionTextCOntent .heroTitle {
        width: 100% !important;
    }
    .HeroSearch {
        width: 100% !important;
    }
    .HeroSearch select {
        font-size: 16px !important;
    }
    .searchoptions .SearchCOl2 input {
        font-size: 16px !important;
    }
    #HerosearchButton {
        font-size: 16px !important;
    }
    .HeroSearch .searchoptions {
        flex: 0 0 84% !important;
    }
    .searchoptions .SearchCOl1 {
        flex: 0 0 44% !important;
    }
    /* .HomeProductsWrapper { 
        overflow-y: scroll;
    } */
    .HomeProductsList {
        overflow-y: scroll;
        justify-content: flex-start;
    }
    .HomeProfessionalList {
        flex-direction: column;
        align-items: center;
    }

    .test6container {
        top: -32px !important;
        right: 0 !important;
        max-width: 250px !important;
    }
    .test5container {
        
        top: -39px !important;
        left: 0px !important;
        width: 250px !important;
    }
    
    .page3 {
        margin-top: 60px;
    }
    .imagecontainer img {
        max-width: 100% !important;
    }
    .text9container p {
        height: 70px !important;
    }
    .content-con {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }
    .content-con .content {
        width: 100% !important;
        text-align: left !important; 
    }
    .head1 h1 {
        font-size: 38px !important;
    }
    

    


  }
  @media screen and (min-width: 900px) and (max-width: 1070px) {
    .homeheroSection .HeroSectionImage img {
        right: -35% !important;
        top: 25% !important;
    }
  }

  @media (max-width: 900px) {
    .homeheroSection {
        height: 50rem !important;
    }

  }
  @media (max-width: 840px) {
    .homeheroSection .heroCircle {
        left: -75% !important;
    }
    .About-herosection .TextContainer {
        padding: 0px 29px;
    }
    .TextContainer h2 {
        font-size: 40px !important;
    }
    .TextContainer h6 {
        font-size: 35px;
    }
    .imagecontainer img {
        max-width: 100% !important;
    }
    .page3 {
        top: 66px;
    }
    .test5container {
        width: 250px;
        top: -57px !important;
        left: 0px !important;   
    }
    .test6container {
        right: 0px !important;
        top: -55px !important;
        max-width: 250px !important;
    }
    .text9container p {
        height: 206px !important;
    }
    .text2container .submit a {
        padding: 10px 10px;
    }
    .Single {
        flex-direction: column;
        gap: 28px;
    }
    h3{
        font-size: 30px !important;
    }
    .scale {
        flex-direction: column-reverse;
    }
    .text2container .submit {
        justify-content: center;
    }
    .everything {
        flex-direction: column-reverse;
        padding: 19px 24px !important;
     }
    .automate {
        flex-direction: column;
        padding: 22px 24px !important;
     }
     .container {
        padding: 22px 23px !important;
     }
    .head1 h1{
        font-size: 30px !important;
    }
  }
  @media (max-width: 622px) {
    .homeheroSection .heroCircle {
        display: none;
    }
    .HeroBackgroundimg {
        height: 100%;
    }
  }

  @media (max-width: 724px) {
    .homeheroSection .heroCircle {
        
        left: -96% !important;
        top: -130% !important;
    }
    .homeheroSection {
        position:relative !important;
    }
    .homeheroSection .HeroSectionImage img {
        
        right: unset !important;
        top: 84% !important;
        max-width: 63% !important;
        left: 19%;
        z-index: 99999;
    }
    .HomeProductsWrapper { 
        position: relative;
        top: 245px; 
    }
    .HomeProductsWrapper {
        top: 0;
        padding: 23px 12px !important;
    }
    .homeheroSection { 
        justify-content: center;
    }
    .HeroSearch { 
        margin-left: 0% !important;
    }
    .HeroSectionTextCOntent {
        max-width: 92vw;
    }
    .HeroSectionTextCOntent .heroTitle h2 {
        text-align: center;
    }
    .HeroSectionTextCOntent .heroTitle p {
        text-align: center;
    }
    .HeroSectionTextCOntent .heroTitle {
        margin-left: 0% !important;
    }
    #HerosearchButton {
        padding: 15px 0px !important;
    }
    .IndiaFirstSection {
        flex-direction: column;
    }
    
    .DashRowCol1 {
        flex: 0 0 42%;
    }
    .IndiasFirstTitle {
        font-size: 36px;
    }
    .HeroSectionTextCOntent .heroTitle p {
        font-size: 18px;
    }
    .IndiaFirstPara {
        font-size: 18px;
    }
    .IndiaFirstContent {
        gap: 32px;
    }
    .IndiaFirstSection {
        padding: 12px;
    }
    .FirstLearnmoreWorks {
        
        justify-content: center;
    }
    .HomeProductsSection {
        padding-left: 12px !important;
        padding-right: 12px !important;
        
    }
    .HomeProductsWrapper {
        padding: 22px 18px;
    }
    .HomeProfessionalList {
        flex-direction: column;
    }
    .HomeProfessionalList .ProfessionalImageCon {
        flex-direction: column;
    }
    .HomeProfessionalCard {
        width: 100% !important;
    }
    .ProfName h3 {
        font-size: 22px !important;
        text-align: center;
    }
    .ProjectsList {
        align-items: center;
    }
    .IndiaFirstFeatures {
        font-size: 18px !important;
    }
    .FirstLearnmoreWorks {
        font-size: 18px !important;
    }
    #footer {
        margin-top: 100px;
    }
    #HomeProductsSection {
        padding-top: 130px !important;
    }
    .search-container {
        display:none;
    }
    .Single {
        flex-direction: column;
        gap: 35px !important;
    }
    .scale {
        flex-direction: column-reverse;
    }
    
    .page3 {
        top: 53px;
    }
    .test5container {
        width: 253px !important;
        top: -58px !important;
    }

    /* Navigation css for mobile */

    .DashnavMain {
        flex-direction: column;
        align-items: flex-start;
        
        width: 100%;
        position: absolute;
        top: 12vw;
        left: 0;
        z-index: 1000;
        padding: 20px;
    }
    
    

    .mobileMenu {
        display: block;
    }

    .Parent-Menu {
        flex-direction: column;
        width: 100%;
        background-color: #eff8f8;
        display:none;
    }
    .menuopen img {
        display:block;
    }

    .Parent-Menu > li {
        width: 100%;
    }
    .dropIcon {
        display:block;
    }

    .Parent-Menu > li > a {
        padding: 15px 20px;
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        display:flex;
        gap:10px;
    }

    /* Submenu styling for mobile */
    .Children-Menu {
        display: none; /* Initially hidden */
        position: relative;
        flex-direction: column;
        background-color: #f8f9fa;
        border: none;
        box-shadow: none;
    }

    .Children-Menu li a {
        padding: 10px 15px;
        font-size: 14px;
    }

    /* Show submenu horizontally */
    .Parent-Menu > li.active > .Children-Menu {
        display: flex;
        flex-direction: column;
    }
    .DashRowCol2 {
        width: 37% !important;
    }

    
    
    
}


  @media (max-width: 602px) {
    .homeheroSection .HeroSectionImage img {
        bottom: -40vw;
    }
    
    .arqonzlogo {
        padding-left: 15px;
    }
    .loginsignUp {
        margin: 0px 11px !important;
    }
    .ProductsHeadingSection .HomeSectiontitle {
        font-size: 28px !important;
    }
    .ProductsTopSection {
        flex-direction: column;
    }
    .ProductsHeadingSection .HomeSectionSubtitle {
        font-size: var(--mobile-para) !important; 
    }
    .ProductsExplore p {
        font-size: var(--mobile-para) !important; 
    }
    
    .HomeProductsSection {
        padding: 29px 50px 0px 50px;
    }
    .IndiaFirstImage {
        display: none;
    }
    .ProjectimgContainer {
        width: 154px !important;
        height: 117px !important;
    }
    .ProjectsList {
        justify-content: center !important;
    }
    .HomeProfessionalCard .Row1 {
        flex-direction: column !important;
    }
    #footer-logo {
        display: flex;
        justify-content: center;
    }
    #Download-app {
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    #downloadapple {
        display:flex;
        justify-content: center;
    }
    #downlodandroid {
        display:flex;
        justify-content: center;
    }
    .test6container {
        right: 0px !important;
        top: -69px !important;
        max-width: 225px !important;
        font-size: 14px !important;
    }
    .test5container {
        max-width: 225px !important;
        font-size: 14px !important;
    }
    .text9container p {
        font-size: 14px !important;
    }
    .page3 {
        margin-top: 60px;
    }
    
  }
  
  @media (max-width: 504px) {
    .HeroSectionTextCOntent .heroTitle h2 {
      font-size: 28px !important;
    }
    .TextContainer h2 {
        font-size: 32px !important;
    }
    .TextContainer h6 {
        font-size: 32px;
    }
    .ima5container {
        width: 100% !important;
    }
  }

  @media (max-width: 702px) {
    .loginsignUp .Register a {
        padding: 8px 15px;
    }
    .DashRowCol1 {
        flex: 0 0 24% !important;
    }
  }
  @media (max-width: 580px) {
    .loginsignUp .Register a {
        padding: 8px 15px;
    }
    .HeroSearch {
        width: 69% !important;
    }
    .loginsignUp {
        gap: 12px;
    }
    .DashboardRow {
        align-items: center;
    }
    .loginsignUp {
        font-size: 12px;
    }
  }

  @media (max-width: 524px) {
    .HeroSearch {
        display: none;
    }
  }

  @media (max-width: 395px) {
    .homeheroSection {
        height: 40rem !important;
    }
    .homeheroSection .HeroSectionImage img {
        top: 74% !important;
    }
    .searchoptions .SearchCOl1 {
        flex: 0 0 52% !important;
    }
    .HomeProductsList {
        gap: 25px 25px !important;
    }
    .HeroSectionTextCOntent .heroTitle p {
        font-size: var(--mobile-para) !important;
    }
    .loginsignUp .login a {
        font-size: var(--mobile-para) !important;
    }
    .loginsignUp .Register a {
        font-size: var(--mobile-para) !important;
    }
    .HeroSearch select {
        font-size: var(--mobile-para) !important;
    }
    .searchoptions .SearchCOl2 input {
        font-size: var(--mobile-para) !important;
    }
    #HerosearchButton {
        font-size: var(--mobile-para) !important; 
    }
    .frequentlysearched p {
        font-size: var(--mobile-para) !important; 
    }
    .IndiaFirstPara {
        font-size: var(--mobile-para) !important;
    }
    .IndiaFirstFeatures {
        font-size: var(--mobile-para) !important;
    }
    .FirstLearnmoreWorks {
        font-size: var(--mobile-para) !important;
    }
    .ProfessionalProfileDesc p {
        font-size: var(--mobile-para) !important;
    }
    .ProfessionalFeaturedSection {
        font-size: var(--mobile-para) !important;
    }
    #footercontact {
        font-size: var(--mobile-para) !important;
    }

    #footer a {
        font-size: var(--mobile-para) !important;
    }
    .copyrighttext {
        font-size: var(--mobile-para) !important;
    }
    .HomeProfessionalCard .Row1 {
        flex-direction: column;
    }
    .ProjectimgContainer {
        width: 144px !important;
        height: 127px !important;
    }
    .HomeProjectName h3 {
        font-size: var(--mobile-para) !important;
    }
    .HomeProjectName p {
        font-size: var(--mobile-small-para) !important;
    }
    .homeheroSection .HeroSectionImage img {
        max-width: 70% !important;
        left: 15% !important; 
    }
    #footer-logo {
        display: flex;
        justify-content: center;
    }
    #Download-app {
        display:flex;
        flex-direction: column;
        align-items: center;
    }
    #downloadapple {
        display:flex;
        justify-content: center;
    }
    #downlodandroid {
        display:flex;
        justify-content: center;
    }
    p {
       font-size: var(--mobile-para) !important;
    }
    .yearprojects {
        font-size: var(--mobile-para) !important;
    }
    select {
        font-size: var(--mobile-para) !important;
    }
    #filter_form__submit {
        font-size: var(--mobile-para) !important;
    }
    .HomeProductCard {
        min-height: 19rem;
    }
    .IndiasFirstTitle {
        font-size: var(--mobile-heading-2);
    }

    .form-signin {
        margin-top: 68px !important;
    }
    .form-signin h1 {
        font-size: 28px !important;
    }
    .form-signin input{
        font-size: var(--mobile-para) !important;
    }
    .custom-checkbox {
        font-size: var(--mobile-para) !important;
    }
    .form-signin button {
        font-size: var(--mobile-para) !important;
    }
    #footersections h3 {
        font-size: 22px;
    }
    #registration-form h1 {
        font-size: 28px !important;
    }
    #registration-form label {
        font-size: var(--mobile-para) !important
    }
    #registration-form input {
        font-size: var(--mobile-para) !important
    }
    #registration-form button {
        font-size: var(--mobile-para) !important
    }
    .HomeProductDesc{
        font-size: 12px !important
    }
    .TextContainer h2 {
        font-size: 28px !important;
    }
    .TextContainer h6 {
        font-size: 28px;
    }
    .Single {
        padding: 45px 27px !important;
    }
    h3 {
        font-size: 22px !important;
    }
    .Text10Container li {
        font-size: 14px;
    }
    .scale {
        padding: 45px 27px !important;
    }
    .scale li{
        font-size: 14px;
    }
    .scale .submit {
        font-size: 14px;
    }

    .text2container .submit {
        justify-content: center !important;
        flex-direction: column !important;
        gap: 27px !important;
        align-items: center !important;
    }
    .imagecontainer {
        display: none;
    }
    .test6container {
        position: static !important;
        max-width: 100%;

    }
    .test5container {
        position: static !important;
        margin-left: 0px !important;
        max-width: unset !important;
        width: 100% !important;
    }
    .page3 {
        flex-direction: column;
        margin-top: 0px !important;
        gap: 23px !important;
        top: 0px !important;

    }
    .test6container {
        max-width: unset !important;
        width: 100% !important;
    }
    .text9container p {
        margin-top: -24px;
    }
    .text7container li {
        font-size: 14px !important;
    }
    .text8container li {
        font-size: 14px !important;
    }
    .text8container li {
        font-size: 14px !important;
    }
    .content-con {
        grid-template-columns: 1fr !important;
        margin-bottom: 40px !important;
    }
    .loginsignUp .Register a {
        padding: 5px 14px !important;
        white-space: nowrap;
    }
   
   


  }