@font-face {
    src: url(fonts/Poppins-Bold.ttf);
    font-family: Poppins-Bold;
}

@font-face {
    src: url(fonts/Poppins-Regular.ttf);
    font-family: Poppins;
}

* {
    box-sizing: border-box;
}

body {
    font-size: 12px;
    font-family: Poppins;
    margin: 0;
    background: rgba(238,238,238,1);
    gap: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: none;
    min-height: 982px;
    padding-bottom: 50px;
    /*text-align: justify;*/
}

.Header {
    height: 54px;
    top: 0px;
    position: relative;
    display: flex;
    background: rgba(78,72,59,1);
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
}

h7 {
    font-family: Poppins-Bold;
    font-size: 28px;
    margin: 0px;
    position: relative;
    font-weight: normal;
}

h6 {
    font-family: Poppins-Bold;
    font-size: 18px;
    margin: 0px;
    position: relative;
    font-weight: normal;
}

h5 {
    font-family: Poppins-Bold;
    font-size: 16px;
    margin: 0px;
    position: relative;
    font-weight: normal;
}

h4 {
    font-family: Poppins-Bold;
    font-size: 14px;
    margin: 0px;
    position: relative;
    font-weight: normal;
    color: #666666;
}

h3 {
    font-family: Poppins;
    font-size: 16px;
    margin: 0px;
    position: relative;
    font-weight: normal;
}

h2 {
    font-family: Poppins;
    font-size: 14px;
    margin: 0px;
    position: relative;
    font-weight: normal;
}

h1 {
    font-family: Poppins;
    font-size: 11px;
    margin: 0px;
    color: #666666;
    position: relative;
    font-weight: normal;
}

b4 {
    font-family: Poppins-Bold;
    font-size: 14px;
    margin: 0px;
    position: relative;
    font-weight: normal;
    color: #434549;
}

b3 {
    font-family: Poppins-Bold;
    font-size: 13px;
    margin: 0px;
    position: relative;
    font-weight: normal;
    color: #3A529B;
}

b2 {
    font-family: Poppins-Bold;
    font-size: 12px;
    margin: 0px;
    position: relative;
    font-weight: normal;
    color: #666666;
}

b1 {
    font-family: Poppins-Bold;
    font-size: 11px;
    margin: 0px;
    position: relative;
    font-weight: normal;
    color: #3A529B;
}

p {
    font-family: Poppins;
    font-size: 12px;
    margin: 0px;
    text-align: justify;
    position: relative;
}

p1 {
    font-family: Poppins;
    font-size: 12px;
    margin: 0px;
    text-align: left;
    position: relative;
}

/*#region Logos*/

.TagUrInLogoWhite_TopLeft {
    height: 40px;
    width: 148.11px;
    position: relative;
}

.TagUrInLogoBlue {
    width: 206.96px;
    height: 56.16px;
    color: rgba(58,82,155,1);
    position: relative;
    font-family: Poppins;
    font-weight: Bold;
    font-size: 12px;
    opacity: 1;
}
/*#endregion Logos*/

/*#region icons*/
.icon-15 {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
}

.icon-20 {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.icon-30 {
    width: 30px;
    height: 30px;
    flex-shrink: 0;
}
/*#endregion icons*/

.OnlyShowMobile {
    display: none
}

.DontShowMobile {
    display: block;
}

.OnlyShowDesktop {
    display: block
}

.OnlyShowTablet {
    display: none
}

/*#region buttons*/
.SignOutButton_Header {
    font-family: Poppins;
    font-size: 14px;
    border: none;
    background: none;
    color: white;
    margin-left: 10px;
    margin-right: 30px;
    position: relative;
}

.HeaderMenuButtons_Header {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    gap: 30px;
}

.HeaderBadge {
    padding: 0px;
    position: absolute;
    left: 50%;
    /* margin-top: 5px; */
    margin-left: 44px;
    border-radius: 20px;
    top: -9%;
    width: 17px;
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    height: 16px;
    text-align: center;
    font-size: 9px;
    color: #EEEEEE;
    background: #FB3F4A;
}

.ProfileButton_Header {
    font-family: Poppins;
    font-size: 14px;
    border: none;
    background: none;
    color: white;
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: row;
    margin-left: 10px;
    margin-right: 30px;
    position: relative;
}

.ExploreButton_Header {
    font-family: Poppins-Bold;
    font-size: 14px;
    border: none;
    background: none;
    margin-left: 10px;
    margin-right: 10px;
    color: white;
    position: relative;
}

.BlueButton {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: none;
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
    display: flex;
    justify-items: center;
    border-radius: 10px;
    text-align: center;
    background: rgba(58,82,155,1);
    color: rgba(238,238,238,1);
    font-family: Poppins;
    font-size: 12px;
}

.HorizontalIconButton15 {
    display: flex;
    border: none;
    align-content: center;
    gap: 15px;
    font-family: Poppins;
}

.BorderButton {
    padding: 10px 12px 10px 12px;
    opacity: 1;
    font-family: Poppins;
    font-size: 12px;
    position: relative;
    background: none;
    border: 1px solid #666666;
    border-radius: 10px;
}

.BorderButton-2 {
    padding: 10px;
    opacity: 1;
    font-family: Poppins;
    font-size: 12px;
    position: relative;
    background: none;
    border: 1px solid #666666;
    border-radius: 5px;
}

.BlankButton-2 {
    padding: 10px;
    opacity: 1;
    font-family: Poppins;
    font-size: 12px;
    position: relative;
    background: none;
}


/*#endregion buttons*/

/*#region text*/ /*sorted by text size*/
.HeaderTextButton {
    font: Poppins;
    font-size: 14px;
    color: #EEEEEE;
}

.ErrorText {
    font-family: Poppins;
    color: rgba(234,67,53,1);
    font-size: 11px;
    margin-top: 5px;
    position: relative;
    width: 300px;
}

.Poppins_Heading0 {
    position: relative;
    font-family: Poppins;
    font-weight: normal;
    font-size: 11px;
    opacity: 1;
    text-align: left;
    color: #434549;
}

.Poppins_Paragraph {
    font-family: Poppins;
    font-size: 12px;
    color: black;
    position: relative;
    left: 0px;
    max-width: 617px;
    text-align: justify;
}


.Poppins_RegularHeading {
    position: relative;
    font-family: Poppins;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}

.Label {
    color: rgba(0,0,0,1);
    position: relative;
    top: 0px;
    left: 5px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}

.Poppins_BoldHeading {
    position: relative;
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    color: #434549;
    text-align: left;
}

.Poppins_BoldHeading1 {
    position: relative;
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: 24px;
    opacity: 1;
    text-align: left;
}

.OrText {
    position: absolute;
    padding: 10px;
    background: rgba(238,238,238,1);
    color: rgba(0,0,0,1);
    font-family: Poppins;
    font-size: 14px;
    text-align: center;
    justify-self: center;
    grid-row: 1 / 1;
    margin-top: -20px;
}



/*#endregion text*/

/*#region input*/
.InputBox {
    width: 300px;
    height: 38.4px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 10px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.InputBox1 {
    width: 75px;
    height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 12px;
}

.InputBox2 {
    width: 240px;
    height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 10px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 9.6px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.InputBox3 {
    width: 150px;
    height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 12px;
}

.InputArea1 {
    width: 600px;
    height: 183px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
    padding-top: 10px;
}

.InputArea2 {
    width: 300px;
    height: 150px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding: 12px;
}

.InputBoxLong_Settings {
    width: 400px;
    height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.SearchInput_EventsFeed {
    width: 400px;
    height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.LookingFor_EventsFeed {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    background: none;
    height: 135px;
}

.MessageInput_EventsFeed {
    width: 390px;
    height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.MessageInputChat_Messages {
    width: 616px;
    height: 38.4px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}
/*#endregion input*/

/*#region alignment*/
/*#region flex*/
.VerticalFlex {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    background: none;
}

.HorizontalFlex {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
}

.HorizontalScrollCover {
    display: flex;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    width: 100%;
}

.HorizontalStretch {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.VerticalStretch {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: center;
    border: none;
    background: none;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.HorizontalBlue-Bold {
    display: flex;
    font-family: Poppins-Bold;
    font-size: 14px;
    border: none;
    flex-direction: row;
    align-items: center;
    border: none;
    gap: 5px;
    color: #3A529B;
}

.HorizontalRed-Bold {
    display: flex;
    font-family: Poppins-Bold;
    font-size: 14px;
    border: none;
    flex-direction: row;
    align-items: center;
    border: none;
    gap: 5px;
    color: #EA4335;
}

.PCHoriz-MVertFlex {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    gap: 30px;
    align-items: start;
}

.PCHoriz-MVertStretch {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
}

.position-bottom {
    width: 100%;
    height: fit-content;
    padding: 5px;
    position: absolute;
    bottom: 0;
}
/*#endregion flex*/
/*#region grid*/
.SingleColumnGrid {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr;
    border: none;
}

.TwoColumnGrid {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    border: none;
}

.ThreeColumnGrid {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr 1fr;
    border: none;
}

.FourColumnGrid {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: none;
    gap: 15px;
}
/*#endregion grid*/



/*#endregion alignment/*/

/*#region popups*/
.Plain_Popup {
    width: 450px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    margin-left: -225px;
    top: 50%;
    margin-top: -128px;
    padding-bottom: 20px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 20px;
    display: grid;
    border: 1px solid rgba(219,111,28,1);
    justify-items: center;
    background: #EEEEEE;
    align-items: center;
}

.popup {
    border-radius: 10px;
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    border: 1px solid #666666;
    justify-items: center;
    background: #EEEEEE;
    align-items: start;
    gap: 30px;
}

.overlay {
    padding: 120px;
    position: absolute;
    display: flex;
    align-items: center;
    width: 100vw;
    height: 100vw;
    flex-direction: column;
}

/*#endregion popups*/

/*#region frames*/
.SimpleFrame {
    padding: 30px;
    gap: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #4E483B;
}
/*#endregion frames*/

/*#region Other*/



ul {
    list-style-type: none;
    font-size: 12px;
}

    ul li:before {
        content: '\2011';
        position: absolute;
        margin-left: -20px;
        display: none;
    }


.tab {
    overflow: hidden;
    border: none;
    display: relative;
}

    /* Style the buttons that are used to open the tab content */
    .tab button {
        background-color: inherit;
        float: left;
        border-radius: 10px;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        color: black;
        background: none;
        outline: none;
        border: 1px solid #666666;
        font-size: 12px;
        font-family: Poppins;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            font-family: Poppins;
            color: #eeeeee;
            background: #4E483B;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #4E483B;
            color: #eeeeee;
            font-family: Poppins;
        }

::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}
/* Track */
::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 5px #434549;*/
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #3A529B;
    border-radius: 2px;
    width: 15px;
}
/* Buttons */
::-webkit-scrollbar-button:single-button {
    /*background-color: #000000;*/
    /*color: #EEEEEE;*/
    display: block;
    /*border-style: solid;*/
    background-image: image("LeftArrow.png");
    height: 13px;
    width: 16px;
}

::-webkit-scrollbar-corner {
    background: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}



/* Style the tab content */
.tabcontent {
    display: block;
    width: 500px;
    padding: 30px;
    border: 1px solid #666666;
    border-radius: 10px;
}
/*#endregion Other*/

/*#region tables*/
#participants {
    font-family: Poppins;
    border-collapse: collapse;
    width: 100%;
}

    #participants td, #customers th {
        border: 1px solid #767171;
        padding: 5px;
        font-size: 12px;
    }

    #participants tr:nth-child(even) {
        background-color: #EEEEEE;
    }

    #participants tr:hover {
        background-color: #ddd;
    }

    #participants th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: left;
        font-size: 12px;
        font-family: Poppins;
        background-color: #4E483B;
        color: white;
    }

/*#endregion tables*/

.Frame {
    padding: 30px;
    opacity: 1;
    position: relative;
    border: 1px solid #4E483B;
    border-radius: 10px;
    overflow: hidden;
}

.LocationFrame {
    height: 292px;
    width: 442px;
    opacity: 1;
    position: relative;
    border: 1px solid #4E483B;
    border-radius: 10px;
    overflow: hidden;
}

.UploadFrame_ServiceProvider {
    height: 150px;
    width: 100%;
    display: flex;
    gap: 10px;
    padding: 15px;
    position: relative;
    border: 1px solid #4E483B;
    border-radius: 10px;
    overflow: hidden;
    flex-direction: column;
    overflow-y: scroll;
}

.ProfileFrame {
    width: 500px;
    height: 440px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: relative;
    border: 1px solid #666666;
    border-radius: 10px;
    overflow: hidden;
}

.ProfileImageIcon {
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: relative;
    border: 1px solid #666666;
    border-radius: 3px;
    overflow: hidden;
}

.ProfileImageIcon2 {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: relative;
    border: 1px solid #666666;
    border-radius: 5px;
    overflow: hidden;
    background: #FFFFFF;
}


/*#region SP Squeeze*/
.MainContent_Squeeze {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 35px;
    gap: 50px;
}

.Info-Border_Squeeze {
    width: 871px;
    height: 500px;
    position: relative;
    border: 1px solid #666666;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Info-Border-Heading_Squeeze {
    width: inherit;
    max-width: inherit;
    font-size: 18px;
    color: #EEEEEE;
    padding: 5px;
    position: relative;
    background: #4E483B;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Info-Border-Text_Squeeze {
    width: 518px;
    height: inherit;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
}

.TagUrInBanner_Squeeze {
    display: flex;
    position: relative;
    overflow: hidden;
    justify-items: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #666666;
    height: 374px;
    padding: 15px;
    padding-right: 30px;
    align-content: flex-start;
    justify-content: center;
}

.PhotoGridInner_Squeeze {
    display: flex;
    position: relative;
    gap: 10px;
    flex-wrap: wrap;
    overflow: hidden;
    /*    height: 150px;*/
    width: 770px;
}

.Venueimg_Squeeze {
    width: 358.07px;
    height: 345.03px;
    object-fit: cover;
}

.Photographersimg_Squeeze {
    width: 153.98px;
    height: 128.16px;
    object-fit: cover;
}

.Cleaningimg_Squeeze {
    width: 172.02px;
    height: 128.15px;
    object-fit: cover;
}

.Decorimg_Squeeze {
    width: 423.17px;
    height: 126.18px;
    object-fit: cover;
}

.Transportimg_Squeeze {
    width: 388.88px;
    height: 199.13px;
    object-fit: cover;
}

.Securityimg_Squeeze {
    width: 191.24px;
    height: 199.13px;
    object-fit: cover;
}

.Cateringimg_Squeeze {
    width: 169.54px;
    height: 199.13px;
    object-fit: cover;
}

.MasterofCimg_Squeeze {
    width: 352.63px;
    height: 345.03px;
    object-fit: cover;
}
/*#endregion  SP Squeeze*/
/*#region SignUp & SignIn*/
.SelectAccontTypeFlex {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    gap: 30px;
    margin-top: 15px;
}

.SelectAccountOptions_SignInUp {
    align-items: center;
    font-family: Poppins;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    border: none;
    background: none;
}
/*#endregion SignUp & SignIn*/
/*#region Profile-Landing*/
.Border_Profile-Landing {
    width: 1044px;
    height: 630px;
    border-radius: 10px;
    position: relative;
    padding: 50px;
    display: grid;
    border: 0.5px solid #666666;
    justify-items: center;
    align-items: center;
    gap: 15px
}

.PhotoGridLarge_Profile-Landing {
    display: flex;
    position: relative;
    gap: 5px;
    margin-top: 50px;
}

.PhotoGridMedium_Profile-Landing {
    display: none;
}

.PhotoGridInner_Profile-Landing {
    display: flex;
    position: relative;
    gap: 5px;
    flex-wrap: wrap;
    overflow: hidden;
    width: 457px;
}

.PhotoGridSmall_Profile-Landing {
    display: none;
}

.Venueimg_Profile-Landing {
    width: 211.15px;
    height: 139.97px;
}

.Photographersimg_Profile-Landing {
    width: 90.8px;
    height: 51.99px;
}

.Cleaningimg_Profile-Landing {
    width: 101.44px;
    height: 51.99px;
}

.Decorimg_Profile-Landing {
    width: 249.54px;
    height: 51.99px;
}

.Transportimg_Profile-Landing {
    width: 229.27px;
    height: 80.78px;
}

.Securityimg_Profile-Landing {
    width: 112.77px;
    height: 80.78px;
}

.Cateringimg_Profile-Landing {
    width: 99.98px;
    height: 80.78px;
}

.MasterofCimg_Profile-Landing {
    height: 139.97px;
}

.Close_Profile-Landing {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: end;
    align-self: start;
}

.Logo_Profile-Landing {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center
}

/*#endregion Profile-Landing*/

/*#region ProfileCreation*/
.ContinueBanner_ProfileCreation {
    width: 100%;
    display: flex;
    height: 20px;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    top: 0px;
    padding-right: 40px;
    background: rgba(219,111,28,1);
    flex-wrap: wrap;
    justify-content: flex-end;
}

.ContinueBannerButton_ProfileCreation {
    width: 20px;
    height: 20px;
    font-family: Poppins-Bold;
    font-size: 17px;
    position: relative;
    background: none;
}

.FormHeading_ProfileCreation {
    width: 1520px;
    height: 150px;
    margin: 30px;
    opacity: 1;
    position: relative;
    top: 220px;
    left: 50%;
    margin-left: -505px;
    overflow: hidden;
}

.h1_ProfileCreation {
    width: 100%;
    margin-top: 1%;
    color: rgba(58,82,155,1);
    position: absolute;
    top: 20px;
    font-family: Poppins;
    font-weight: Bold;
    font-size: 40px;
    opacity: 1;
    text-align: center;
}

.h2_ProfileCreation {
    width: 100%;
    color: black;
    position: absolute;
    top: 130px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 13px;
    opacity: 1;
    text-align: center;
}

.h3_ProfileCreation {
    width: 600px;
    color: black;
    position: absolute;
    top: 160px;
    left: 50%;
    margin-left: -300px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    text-align: center;
}

.Formh1_ProfileCreation {
    width: 252px;
    color: rgba(0,0,0,1);
    position: relative;
    top: 0px;
    left: 0px;
    font-family: Poppins-Bold;
    font-weight: 900;
    font-size: 28px;
    opacity: 1;
    text-align: left;
}

.Label_Bold_ProfileCreation {
    color: rgba(0,0,0,1);
    position: relative;
    top: 0px;
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: 18px;
    opacity: 1;
    text-align: left;
}

.Label_Boldh2 {
    width: 100%;
    color: rgba(67,69,73,1);
    position: relative;
    top: 0px;
    left: 0px;
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}
/*
.InputBoxLong {
    width: 525px;
    height: 64px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    top: 36px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 24px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}
*/
.Checkbox {
    display: flex;
    font-family: Poppins;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    gap: 5px;
    font-family: Poppins;
    font-size: 12px;
    width: 100%;
}

    .Checkbox span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 100%
    }
/*#region ProfileCreation_p1*/


.ProfileBannerInfoIcon_ProfileCreation_p1 {
    width: 12px;
    height: 12px;
}

.TootTip {
    top: -8px;
    position: relative;
    font-family: Poppins;
    font-size: 11px;
    color: #666666;
}

    .TootTip:hover::after {
        content: attr(data-ToolTip);
    }

.UploadIcon_ProfileCreation_p1 {
    top: 1%;
    left: 73px;
    opacity: 1;
    position: absolute;
}

.ServiceTypeTable_ProfileCreation_p1 {
    width: inherit;
    position: relative;
    overflow: hidden;
    display: grid;
    padding: 0px;
    font-size: 11px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: none;
    justify-items: start;
}


.UploadButton_ProfileCreation_p1 {
    top: 88%;
    left: 80%;
    border: 1px solid #666666;
    padding: 3px;
    border-radius: 5px;
    padding-left: 5px;
    background: #eeeeee;
    position: absolute;
    display: flex;
    gap: 15px;
    align-content: center;
    align-items: center;
}




/*#endregion ProfileCreation_p1*/

/*#region ProfileCreation_p2*/

.SearchBar_ProfileCreation_p2 {
    width: 800px;
    height: 48px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.SearchIcon_ProfileCreation_p2 {
    width: 30px;
    height: 30px;
    justify-self: center;
    position: absolute;
    margin-left: -60px;
    margin-top: 10px;
}

.MapBorder_ProfileCreation_p2 {
    width: 800px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: relative;
    left: 0px;
    border: 1px solid #666666;
    overflow: hidden;
}

.OrLine_ProfileCreation_p2 {
    width: 300px;
    position: relative;
}

.InputBox_Username_ProfileCreation_p2 {
    width: 300px;
    height: 48px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    left: 70px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.InputBox_Website_ProfileCreation_p2 {
    width: 700px;
    height: 48px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.WebsiteHint_ProfileCreation_p2 {
    width: inherit;
    color: rgba(78,72,59,1);
    position: absolute;
    top: 64px;
    left: 0px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 11px;
    opacity: 1;
    text-align: left;
}

.UploadHint_ProfileCreation_p2 {
    width: inherit;
    color: rgba(78,72,59,1);
    position: absolute;
    top: 365px;
    left: 0px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 11px;
    opacity: 1;
    text-align: left;
}

.UploadBorder_ProfileCreation_p2 {
    width: 800px;
    height: 300px;
    opacity: 1;
    position: relative;
    border: 1px solid #666666;
    border-radius: 10px;
    overflow-y: scroll;
    padding: 30px;
    display: flex;
    gap: 15px;
    flex-direction: column;
    align-items: center
}

.Label2_ProfileCreation_p2 {
    width: 100%;
    position: absolute;
    top: 10px;
    left: 22%;
    font-family: Poppins;
    font-weight: normal;
    font-size: 16px;
    opacity: 1;
    text-align: left;
}

.Label3_ProfileCreation_p2 {
    width: 100%;
    position: absolute;
    top: 25%;
    left: 0px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 16px;
    opacity: 1;
    text-align: left;
}

.Poppins_RegularHeading {
    position: relative;
    font-family: Poppins;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}

.UploadsField_ProfileCreation_p2 {
    width: inherit;
    height: 371px;
    top: 71%;
    position: absolute;
}

.SelectFileButton_ProfileCreation_p2 {
    width: 160px;
    height: 30px;
    top: 10%;
    left: 83%;
    border: none;
    position: absolute;
}

.NewFolderButton_ProfileCreation_p2 {
    width: 252px;
    height: 30px;
    top: 84%;
    left: 6%;
    border: none;
    position: absolute;
}

.UploadButton_ProfileCreation_p2 {
    width: 175px;
    height: 30px;
    top: 84%;
    left: 83%;
    border: none;
    position: absolute;
}


.Form_ProfileCreation_p2 {
    width: 800px;
    height: 1850px;
    align-content: center;
    opacity: 1;
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -400px;
    overflow: hidden;
}

.Formh2_ProfileCreation_p2 {
    width: 279px;
    color: rgba(0,0,0,1);
    position: absolute;
    top: 30px;
    left: 310px;
    font-family: Poppins;
    font-weight: Bold;
    font-size: 14px;
    opacity: 1;
    margin-top: 60px;
    text-align: left;
}

.CompanyInformationProgress_ProfileCreation_p2 {
    position: absolute;
    top: 70px;
    left: 310px;
}

.GeneralInformationProgress_ProfileCreation_p2 {
    top: 70px;
    left: 0px;
    position: absolute;
}

.GeneralInformationLabel_ProfileCreation_p2 {
    top: 40px;
    left: 0px;
    position: absolute;
    font-family: Poppins;
    color: rgba(24,128,56,1);
    font-size: 14px;
    display: block;
}

/*#endregion ProfileCreation_p2*/

/*#region ProfileCreation_p3*/
.Background_ProfileCreation_p3 {
    width: 100%;
    height: 1260px;
    background: rgba(238,238,238,1);
    opacity: 1;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

.AddIcon_ProfileCreation_p3 {
    width: 25px;
    height: 25px;
    left: 0px;
    top: -1px;
    position: absolute;
}

.Form_ProfileCreation_p3 {
    width: 550px;
    height: 830px;
    align-content: center;
    opacity: 1;
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -275px;
    overflow: hidden;
}

.InputBox_ProfileCreation_p3 {
    width: 250px;
    height: 44px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: absolute;
    left: 250px;
    top: 25px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 12px;
}


.LabelAdd_ProfileCreation_p3 {
    width: 100%;
    position: absolute;
    top: 2px;
    left: 30px;
    font-family: Poppins-Bold;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    color: rgba(58,82,155,1);
    text-align: left;
}

.Label_ProfileCreation_p3 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 35px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 14px;
    opacity: 1;
    text-align: left;
}

.Label_PleaseNote_ProfileCreation_p3 {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 35px;
    font-family: Poppins;
    font-weight: normal;
    font-size: 16px;
    opacity: 1;
    text-align: left;
    color: rgba(102,102,102,1);
}

.ServiceTypeField_ProfileCreation_p3 {
    width: 400px;
    height: 100px;
    top: 80px;
    position: absolute;
}

.ItemField_ProfileCreation_p3 {
    width: 400px;
    height: 100px;
    top: 160px;
    position: absolute;
}

.PriceField_ProfileCreation_p3 {
    width: 400px;
    height: 100px;
    top: 240px;
    position: absolute;
}

.QuantityField_ProfileCreation_p3 {
    width: 400px;
    height: 100px;
    top: 320px;
    position: absolute;
}

.DescriptionField_ProfileCreation_p3 {
    width: 400px;
    height: 100px;
    top: 400px;
    position: absolute;
}

.DepositField_ProfileCreation_p3 {
    width: 400px;
    height: 100px;
    top: 585px;
    position: absolute;
}

.AddServiceItemButton {
    width: 165px;
    height: 30px;
    top: 700px;
    position: absolute;
    border: none;
    left: 0px;
}

.Formh2_ProfileCreation_p3 {
    width: 279px;
    color: rgba(0,0,0,1);
    position: absolute;
    top: 30px;
    left: 620px;
    font-family: Poppins;
    font-size: 16px;
    opacity: 1;
    margin-top: 60px;
    text-align: left;
    font-weight: bold;
}

.CompanyInformationLabel_ProfileCreation_p3 {
    display: block;
    position: absolute;
    top: 40px;
    left: 310px;
    font-family: Poppins;
    font-size: 16px;
    color: rgba(24,128,56,1);
}

.PreviousStepButton_ProfileCreation_p3 {
    width: 232px;
    height: 48px;
    opacity: 1;
    top: 95%;
    left: 48%;
    margin-left: -275px;
    position: absolute;
    overflow: hidden;
    border: none;
}

.PricingProgress_ProfileCreation_p3 {
    position: absolute;
    top: 70px;
    left: 620px;
}

.ProgressButton_ProfileCreation {
    display: flex;
    font-family: Poppins;
    font-size: 13px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    gap: 15px;
}

.DoneButton_ProfileCreation_p3 {
    width: 160px;
    height: 48px;
    opacity: 1;
    top: 95%;
    left: 49%;
    margin-left: 180px;
    position: absolute;
    overflow: hidden;
    border: none;
}

.DoneIcon_ProfileCreation_p3 {
    height: 28px;
    width: 28px;
    left: 0px;
    opacity: 1;
    position: relative;
}

.CompanyInformationProgress_ProfileCreation_p3 {
    position: absolute;
    top: 70px;
    left: 310px;
}
/*#endregion ProfileCreation_p3*/
/*#endregion ProfileCreation*/

/*#region Footer*/
.Footer {
    width: 100%;
    /* height: 105px; */
    position: relative;
    /* left: 50%; */
    /* margin-left: -231px; */
    display: flex;
    justify-items: center;
    flex-direction: column;
    align-items: center;
}


.ButtonsGrid_Footer {
    position: relative;
    display: flex;
    border: none;
    gap: 30px;
    font-family: Poppins;
    font-size: 16px;
    margin-top: 20px;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: none;
    flex-wrap: nowrap;
}

.Buttons_Footer {
    position: relative;
    border: none;
    font-family: Poppins;
    font-size: 16px;
    border: none;
    background: none;
}
/*#endregion Footer*/

/*#region Settings-Header*/

.EditButton_Settings {
    height: 20px;
    width: 63px;
    position: absolute;
    left: 86%;
    top: 0px;
    border: none;
    background: rgba(238,238,238,1);
    color: rgba(58,82,155,1);
}

.EditButtonIcon_Settings {
    height: 18px;
    width: 18px;
    position: absolute;
    margin-top: -9px;
    top: 50%;
    left: 0px;
    border: none;
}

.EditButtonLabel_Settings {
    height: 18px;
    width: 30px;
    position: absolute;
    font-size: 13px;
    font-family: Poppins-Bold;
    margin-top: -9px;
    top: 50%;
    left: 25px;
    border: none;
    color: rgba(58,82,155,1);
}


.SubSectionHeading_Settings {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: space-evenly;
    align-items: center;
    justify-items: end;
}
/*#endregion Settings*/

/*#region Settings-left-side*/
.Left-Bar_Settings {
    width: 400px;
    position: relative;
    height: inherit;
    display: flex;
    background: none;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.ProfilePicBorder_LeftBarSettings {
    width: 285px;
    height: 251px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: relative;
    border: 1px solid #666666;
    border-radius: 10px;
    overflow: hidden;
}

.VerticalDivider_Settings {
    position: absolute;
    left: 100%;
    fill: rgba(78,72,59,1);
}

.Left-Bar-Buttons_Settings {
    margin-top: 50px;
    display: flex;
    background: none;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 5px;
    align-items: start;
}

.Left-Bar-Button_Settings {
    display: flex;
    padding-left: 18px;
    align-items: center;
    background: none;
    width: inherit;
    height: 50px;
    font-family: Poppins;
    font-size: 16px;
    border: none;
    gap: 18px;
    padding-left: 30px;
}

.HorizontalDivider_Settings {
    width: 100%;
    min-width: 716px;
}
/*#endregion Settings-left-side*/

/*#region Settings*/

.ScreenFlex_Settings {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%
}

.BackButton_Settings {
    display: none;
}

.Hint_Settings {
    font-family: Poppins;
    color: rgba(102,102,102,1);
    font-size: 12px;
}

.Section_Settings {
    position: relative;
    margin-top: 70px;
    width: inherit;
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.InputBox_Settings {
    width: 300px;
    height: 44px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.InputArea_Settings {
    width: 300px;
    height: 150px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
    padding-top: 10px;
}

.InputBoxLong_Settings {
    width: 400px;
    height: 44px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.InputBoxTiny_Settings {
    width: 75px;
    height: 44px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.InputBoxSmall_Settings {
    width: 250px;
    height: 44px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    margin-bottom: 15px;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.Input_Settings {
    position: relative;
    width: inherit;
}

.InputButtons_Settings {
    position: relative;
    margin-top: 15px;
    display: grid;
    width: 300px;
    grid-template-columns: 1fr 1fr;
    border: none
}

.ButtonInput_Settings {
    border: none;
    font-family: Poppins;
    font-size: 13px;
    text-align: left;
    padding: 0px;
    background: none;
}

.DoneInputLabel_Settings {
    font-family: Poppins-Bold;
    font-size: 13px;
    top: -6px;
    margin-right: 10px;
    color: rgba(58,82,155,1);
    position: relative;
    background: none;
}

.CanelInputLabel_Settings {
    font-family: Poppins;
    font-size: 13px;
    top: -6px;
    margin-left: 10px;
    position: relative;
}

.MainContent_Settings {
    position: relative;
    max-width: 1000px;
    padding: 20px;
    gap: 50px;
    display: flex;
    flex-direction: column;
}

.TextFeild_Settings {
    position: relative;
    width: inherit;
    left: 0px;
}

.MobileHead_Settings {
    display: none;
}

.ExtraOptions_Settings {
    display: flex;
    width: 100%;
    gap: 15px;
    padding: 5px;
    flex-direction: column;
    align-items: flex-end;
}

/*#endregion Settings*/

/*#region Servie-Provider-Profile*/
.Layout_Service-Provider-Profile {
    grid-column-gap: 60px;
    grid-row-gap: 30px;
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
}

.BillingVerification_Service-Provider-Profile {
    grid-area: 4/1/5/3;
    gap: 10px;
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
}

.BillingVerificationContent_Service-Provider-Profile {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    border: none;
    gap: 50px;
    align-items: start;
}
/*#endregion Servie-Provider-Profile*/

/*#region Service-provider-manage-profile*/
/*#region top grid section */
.ViewProfileButton_ManageProfile {
    border: none;
    position: relative;
    font-family: Poppins;
    color: rgba(58,82,155,1);
    width: 130px;
    font-size: 14px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-self: end;
}

.ProfileStatusGrid_ManageProfile {
    border: none;
    position: relative;
    font-family: Poppins-Bold;
    font-size: 14px;
    align-items: start;
    display: grid;
    grid-template-columns: 1fr;
}

.ProfileStatus_ManageProfile {
    border: none;
    position: relative;
    font-family: Poppins-Bold;
    font-size: 14px;
}

.InCompleteHeading_ManageProfile {
    border: none;
    position: relative;
    font-family: Poppins-Bold;
    font-size: 14px;
    color: red;
}

.InCompleteReason_ManageProfile {
    border: none;
    position: relative;
    font-family: Poppins;
    font-size: 14px;
    color: rgba(219,111,28,1);
}

.SubmitForApproval_ManageProfile {
    border: none;
    font-family: Poppins-Bold;
    color: #3A529B;
    padding-left: 0px;
    text-align: start;
}

.SubmitIcon_ManageProfile {
    top: 5px;
    position: relative;
}
/*#endregion top grid section */
/*#region General Information*/
.ProfileBanner_ManageProfile {
    position: relative;
    margin-top: 50px;
    height: 470px;
    width: inherit;
    left: 0px;
}
/*#endregion*/

/*#region Company Information*/

.Location_ManageProfile {
    position: absolute;
    top: 100px;
    height: 470px;
    width: inherit;
    left: 0px;
}

.SearchBoxLocation_ManageProfile {
    width: 500px;
    height: 44px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    margin-top: 5px;
    left: 0px;
    border: 0.5px solid #666666;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.MapBorder_ProfileCreation_ManageProfile {
    width: 500px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    top: -1px;
    position: relative;
    border: 1px solid #666666;
    overflow: hidden;
}

.OrLine_ManageProfile {
    width: 250px;
    position: relative;
    margin-top: 40px;
    left: 50%;
    margin-left: -125px;
}

.OrText_ManageProfile {
    width: 60px;
    position: relative;
    padding: 10px;
    background: rgba(238,238,238,1);
    margin-left: -145px;
    left: 50%;
    color: rgba(0,0,0,1);
    font-family: Poppins;
    font-size: 14px;
    text-align: center;
}

.Links_ManageProfile {
    position: absolute;
    top: 170px;
    height: 47px;
    width: inherit;
    left: 0px;
}

.LinkLabel_ManageProfile {
    position: relative;
    margin-top: 20px;
    width: inherit;
    left: 0px;
    overflow: hidden;
}

.DisplayLabelLink_Settings {
    font-family: Poppins;
    font-size: 12px;
    color: black;
    top: -6px;
    margin-left: 15px;
    position: relative;
    text-align: justify;
}

.LinkInput_Settings {
    font-family: Poppins;
    font-size: 12px;
    color: black;
    margin-left: 35px;
    top: -25px;
    position: relative;
    text-align: justify;
}

.Uploads_ManageProfile {
    position: relative;
    margin-top: 35px;
    width: inherit;
    left: 0px;
}

.UploadsToolTip_ManageProfile {
    left: 60px;
    top: -8px;
    position: absolute;
    font-family: Poppins;
    font-size: 11px;
    color: #666666;
}

    .UploadsToolTip_ManageProfile:hover::after {
        content: attr(data-ToolTip);
    }

.UploadBorder_ManageProfile {
    width: 617px;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    position: relative;
    margin-top: 20px;
    left: 0px;
    border: 1px solid #666666;
    border-radius: 10px;
    overflow-y: scroll;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.UploadButton_ManageProfile {
    width: 80px;
    height: 30px;
    top: 84%;
    left: 83%;
    border: rgba(238,238,238,1);
    position: absolute;
    background: none;
}

.UploadLabel_ManageProfile {
    width: 50px;
    height: 20px;
    font-family: Poppins-Bold;
    font-size: 13px;
    color: rgba(58,82,155,1);
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -10px;
}


.UploadIcon_ManageProfile {
    fill: rgba(58,82,155,1);
    position: absolute;
    top: 0px;
    left: 54px;
}
/*#endregion*/

/*#region Pricing*/
.DisplayLabelCenter_Settings {
    font-family: Poppins-Bold;
    font-size: 12px;
    color: black;
    position: relative;
    width: 80px;
    margin-top: 10px;
    text-align: center;
}

.DisplayLabelPricing_Settings {
    font-family: Poppins;
    font-size: 12px;
    color: black;
    position: relative;
    left: 0px;
    margin-top: 10px;
    text-align: justify;
}

.PricingScheme_ManageProfile {
    margin-top: 55px;
    position: relative;
}

.PricingSchemeButton_ManageProfile {
    position: relative;
    margin-top: 30px;
    border: none;
    display: flex;
    font-family: Poppins-Bold;
    background: none;
    color: rgba(58,82,155,1);
    flex-direction: row;
    align-items: center;
    gap: 15px;
}


.PricingGrid_manageProfile {
    position: relative;
    margin-top: 35px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: none;
    align-items: center;
    max-width: 609px;
}

.PricingLabel_ManageProfile {
    font-family: Poppins;
    font-size: 14px;
    width: 100px;
    align-self: start;
}
/*#endregion Pricing*/

/*#region Bookings*/
.SyncCalendarToolTip_ManageProfile {
    left: 112px;
    top: -8px;
    position: absolute;
    font-family: Poppins;
    font-size: 11px;
    color: #666666;
}

    .SyncCalendarToolTip_ManageProfile:hover::after {
        content: attr(data-ToolTip);
    }

.SyncCalendarButtonsRow_Settigs {
    display: flex;
    margin-top: 50px;
    position: relative;
    gap: 50px;
}

.SyncCalendarButton_Settigs {
    display: flex;
    position: relative;
    gap: 30px;
    padding: 15px;
    flex-direction: row;
    border: 1px solid #666666;
    border-radius: 10px;
    max-width: 250px;
}
/*#endregion Bookings*/

/*#endregion Service-provider-manage-profile*/

/*#region Dashboard*/
.CalendarBorder_DashboardSP {
    width: 716px;
    height: 666px;
    position: relative;
    border: 1px solid #666666;
    border-radius: 10px;
}

.CalendarSettingsArea_Dashboard {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    border: none;
    align-items: start;
    gap: 30px;
    margin-top: 35px;
}

.EventScrollCalendar_DashboardSP {
    display: grid;
    padding: 15px;
    font-family: Poppins;
    font-size: 14px;
    height: 326px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    align-items: start;
    gap: 30px;
    overflow: scroll;
}

.WatchListContent_DashboardSP {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    border: none;
    width: inherit;
    gap: 15px;
    min-height: 665px;
    max-width: 800px;
}

.EventImage_DashboardSP {
    width: 118px;
    height: 134.52px;
    border: 1px solid #666666;
    border-radius: 10px;
    flex-shrink: 0;
}

.EventButton_DashboardSP {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: center;
    border: none;
    background: none;
    align-items: start;
    gap: 15px;
    width: 350px;
}

.WatchlistEventBorder_DashboardSP {
    width: 430px;
    border: 1px solid #666666;
    border-radius: 10px;
    font-size: 14px;
    min-height: 665px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.UpcomingEventBorder_DashboardSP {
    width: 430px;
    border: 1px solid #666666;
    border-radius: 10px;
    font-size: 14px;
    min-height: 510px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.WatchListEventOptions_DashboardSP {
    width: inherit;
    display: flex;
    padding: 0px;
    border: none;
    align-items: center;
    justify-content: space-between;
}

.WatchlistNotes_DashboardSP {
    width: 100%;
    border: 1px solid #666666;
    border-radius: 10px;
    height: 100px;
}

.MessageInput_DashboardSP {
    width: 300px;
    height: 38.4px;
    background: rgba(255,255,255,1);
    opacity: 1;
    position: relative;
    left: 0px;
    border: 0.5px solid #666666;
    border-radius: 10px;
    overflow: hidden;
    font-family: Poppins;
    font-size: 12px;
    color: rgba(116,117,120,1);
    padding-left: 15px;
}

.EventFrame_Dashboard {
    gap: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    border: 1px solid #4E483B;
    width: 700px;
    height: 353px;
}

.EventDescription_Dashboard {
    height: 75px;
    width: 450px;
    overflow-y: scroll;
    font-size: 12px;
}

.EventOptions_Dashboard {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    background: none;
    width: 650px;
    gap: 30px;
}

.Share-options {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: start;
    border: none;
    background: none;
    gap: 15px;
    width: 100%;
    overflow-x: scroll;
}
/*#endregion Dashboard*/
/*#region messages*/
.MessageIcon_Messages {
    width: 75px;
    height: 75px;
    border: 1px solid #666666;
    border-radius: 10px;
}

.MessageButton_Messages {
    display: flex;
    gap: 15px;
    align-items: flex-start;
}

.MessageScroll_Messages {
    display: flex;
    width: 650px;
    height: 1024px;
    gap: 15px;
    padding-right: 15px;
    overflow-y: scroll;
    margin-top: 35px;
    flex-direction: column;
}

.MessageDivider_Settings {
    min-width: 615px;
}

.MessageInformation_Messages {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    background: none;
}

.Chat_Messages {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-y: scroll;
    margin-top: 35px;
    margin-bottom: 35px;
}

.ChatIcon_Messages {
    width: 50px;
    height: 50px;
    border: 1px solid #666666;
    border-radius: 10px;
}

.IncomingMessage_Messages {
    display: flex;
    gap: 15px;
    align-items: center;
}

.OutgoingMessage_Messages {
    display: flex;
    gap: 15px;
    align-items: center;
    align-self: flex-end;
}
/*#endregion messages*/

/*#region Events Feed*/
.MainContent_EventsFeed {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}


.SearchOptions_EventsFeed {
    display: flex;
    gap: 15px;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: center;
    border: none;
}

.AdvancedSearchOptions_EventsFeed {
    display: flex;
    gap: 60px;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
}

.Event_EventsFeed {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: center;
    border: none;
    background: none;
    align-items: start;
    gap: 15px;
    width: 600px;
}

.EventContent_EventsFeed {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    border: none;
    gap: 30px;
}

.EventScroll_EventsFeed {
    display: grid;
    font-family: Poppins;
    font-size: 14px;
    grid-template: 1fr;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    align-items: start;
    gap: 30px;
    max-height: 665px;
    overflow-y: scroll;
}

.EventScrollSeeMore_EventsFeed {
    display: grid;
    font-family: Poppins;
    font-size: 14px;
    grid-template-columns: 1fr 1fr;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    align-items: start;
    gap: 30px;
}

.SelectedEventButtons_EventsFeed {
    display: flex;
    position: relative;
    justify-items: start;
    align-items: start;
    border: none;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.ActionButton_SelectedEventButton_EventsFeed {
    display: flex;
    font-family: Poppins;
    font-size: 12px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    gap: 15px;
}

.SeeMoreButton_EventsFeed {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    gap: 15px;
    justify-self: end;
}

.EventImage_EventsFeed {
    width: 118px;
    height: 134.52px;
    flex-shrink: 0;
    border: 1px solid #666666;
    border-radius: 10px;
}

.SelectedEventArea_EventsFeed {
    min-height: 516.6px;
    width: 526px;
    border: 1px solid #666666;
    border-radius: 10px;
    margin-top: 40px;
    font-size: 14px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.IconRight_EventsFeed {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: 5px;
    top: 50%;
    justify-self: end;
}

.EventDetails_EventsFeed {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.BlankEvent {
    position: absolute;
    width: inherit;
    margin-left: -15px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
}
/*#endregion Events Feed*/

/*#region Service-Provider profile*/
.MainContent_Profile {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.CompanyDescrtiption_Profile {
    max-width: 450px;
    max-height: 115px;
    overflow: scroll;
}
/*#endregion Service-Provider profile*/

/*#region explore*/
.TagUrInBanner {
    display: grid;
    position: relative;
    justify-items: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    border: 1px solid #666666;
    height: 175px;
    padding: 15px;
    padding-right: 30px
}

.ServiceProviderCard {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #666666;
    border-radius: 10px;
    gap: 15px;
    width: 290px;
    height: 415px;
}

.ServiceProvider-Mini-Card {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid #666666;
    border-radius: 10px;
    gap: 15px;
    width: 400px;
    height: 175px;
    overflow: hidden;
}

.ServiceProvider-Mini-Cards-Display {
    grid-auto-flow: column;
    display: inline-grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-rows: 1fr 1fr;
    border: none;
    gap: 15px;
    max-height: 379px;
    width: 820px;
    padding-bottom: 10px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.SP-miniImage {
    width: 168px;
    height: 100%;
    flex-shrink: 0;
    position: relative;
    /* overflow: hidden; */
    object-fit: fill;
}

.ServiceProviderType {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    gap: 15px;
    width: 100%;
    margin-top: 30px;
}

.ServiceProviderCardsView {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    gap: 60px;
    width: 100%;
    padding-bottom: 10px;
    overflow: scroll
}

.SearchOptions {
    display: flex;
    gap: 60px;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
}

.MainContent_Explore {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    margin-left: 30px;
    margin-right: 15px;
    width: 100%;
    gap: 40px;
    padding-left: 60px;
    padding-right: 60px;
}

.ServiceProviders_Explore {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    gap: 40px;
    width: 100%;
}

.ServiceProviderRow {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: column;
    align-items: start;
    border: none;
    background: none;
    gap: 15px;
    width: 100%;
}

.ServiceProviderCards {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    gap: 60px;
    padding: 10px;
    overflow: scroll;
    width: 100%
}

.ServiceProviderExploreImage {
    width: 100%;
    height: 290px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
/*#endregion explore*/


/*#region Create-Events*/
.ThemeBorder_CreateEvents {
    display: block;
    width: 118px;
    height: 134.52px;
    border: 1px solid #666666;
    border-radius: 10px;
    overflow: hidden;
}

.MainContent_CreateEvents-1 {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr;
    border: none;
    gap: 30px;
    max-width: 1137.56px;
}

.MainContentCustomise_CreateEvents-1 {
    display: flex;
    position: relative;
    justify-items: start;
    align-items: start;
    border: none;
    flex-direction: column;
    gap: 30px;
    max-width: 1124px;
}

.PreviewTheme_CreateEvents-1 {
    width: inherit;
    border-radius: 10px;
    width: 562px;
    height: 821.67px;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #4E483B;
}

.PreviewButtons_CreateEvents-1 {
    display: flex;
    overflow-x: scroll;
    max-width: 489px;
    gap: 38px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.PreviewButtonsCustomise_CreateEvents-1 {
    display: flex;
    overflow-x: scroll;
    gap: 63.5px;
    max-width: 528px;
    padding-right: 15px;
    padding-bottom: 5px;
}

.PreviewThemeCustomise_CreateEvents-1 {
    width: inherit;
    border-radius: 10px;
    width: 589px;
    height: 800px;
    overflow: hidden;
    border: 1px solid #4E483B;
}

.CustomiseOptions_CreateEvents-1 {
    width: inherit;
    border-radius: 10px;
    width: 362px;
    flex-direction: column;
    padding: 15px;
    display: flex;
    gap: 30px;
    border: 1px solid #4E483B;
}

.SelectTheme_CreateEvents-1 {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: none;
    gap: 30px;
    padding-right: 5px;
    height: 344.74px;
    overflow-y: scroll
}

.SelectTheme_CreateEvents-1-Enterprise {
    display: grid;
    position: relative;
    justify-items: start;
    align-items: start;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: none;
    gap: 30px;
    padding-right: 5px;
    height: 200px;
    overflow-y: scroll
}

.SelectThemeCustomise_CreateEvents-1 {
    display: Flex;
    position: relative;
    justify-items: start;
    align-items: start;
    border: none;
    gap: 30px;
    width: 980px;
    overflow-x: scroll;
}

.MainContent_CreateEvents-2 {
    display: flex;
    flex-direction: column;
    align-items: start;
    border: none;
    background: none;
    gap: 30px;
    max-width: 1137.56px;
    padding-left: 35px;
    padding-right: 35px;
}

.AddParticiapntOptions_CreateEvents-2 {
    display: flex;
    font-family: Poppins;
    flex-direction: row;
    align-items: center;
    border: none;
    background: none;
    width: 100%;
    overflow-x: scroll;
    gap: 56px;
}

.ParticipantExampleimg-CreateEvents-2 {
    width: 659px;
    height: 188.62px;
    object-fit: scale-down;
}

.ServiceProviderCardsView-2 {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    align-items: center;
    border: none;
    gap: 60px;
    width: 959px;
    padding-bottom: 10px;
    overflow: scroll
}

.View-Edit-Options {
    display: flex;
    font-family: Poppins;
    font-size: 14px;
    flex-direction: row;
    border: none;
    background: none;
    width: 100%;
    align-items: stretch;
    justify-content: space-between;
    align-items: flex-start;
}

.RSVP {
    width: 980px;
    height: fit-content;
    border-radius: 10px;
    position: relative;
    padding: 30px;
    display: flex;
    flex-direction: row;
    border: 0.5px solid #666666;
    justify-items: center;
    align-items: flex-start;
    gap: 15px;
}

.PreviewTheme_RSVP {
    width: inherit;
    border-radius: 10px;
    width: 488px;
    flex-shrink: 0;
    height: 662px;
    padding: 0px;
    overflow: hidden;
    border: 1px solid #4E483B;
}
/*#endregion Create-Events*/
/*#region Add-ons*/
.addon-body {
    border-radius: 10px;
    position: relative;
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 650px;
    display: flex;
    flex-direction: column;
    border: 1px solid #666666;
    background: #EEEEEE;
    align-items: center;
    gap: 30px;
    transform: translateY(-5px); /* Adjust this value for desired lift */
    box-shadow: 0 5px 15px #434549;
}

.addon-grid {
    position: relative;
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.addon-icon {
    width: 20px;
    height: 20px;
}

.addon-button {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 75px;
    align-items: center;
}

.addon-setup {
    width: 100%;
    width: 100%;
    margin: -15px;
    padding: 30px;
    margin-left: -30px;
    margin-right: -30px;
    border-radius: 10px;
    background: #FFFFFF;
    border: .5px solid #434549;
    box-shadow: inset 0 0 3px #434549;
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.AdditionalInformation-Add-ons {
    position: relative;
    width: 100%;
    height: 350px;
    border: 1px solid #666666;
    border-radius: 10px;
}

.addon-folders-albums-frame {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
    overflow-y: hidden;
    max-height: 300px;
    border-radius: 10px;
    padding: 15px;
    border: .5px solid #747578;
}

.folder-album {
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-family: Poppins;
    color: black;
    height: 50px;
    width: 85px;
    font-size: 12px;
    align-items: center;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
}

    .folder-album:hover {
        color: #3A529B;
        font-family: Poppins-Bold;
    }

    .folder-album svg {
        fill: currentColor;
    }

    .folder-album span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 100%
    }

.album-image {
    width: 95px;
    height: 95px;
    border-radius: 10px;
    border: .5px solid #747578;
}

.Test {
    width: 10px;
    height: 10px
}

/*endregion Add-ons*/




@media only screen and (max-width:1024px) /*Tablets*/ {
    .OnlyShowTablet {
        display: block;
    }

    .OnlyShowDesktop {
        display: none;
    }

    .OnlyShowMobile {
        display: none;
    }

    .DontShowMobile {
        display: block;
    }

    /*#region inputs*/
    .InputBox {
        width: 210px;
        height: 44px;
    }

    .InputBox2 {
        width: 210px;
        height: 44px;
    }

    .MessageInput_EventsFeed {
        width: 350px;
    }

    .MessageInput_DashboardSP {
        width: 280px
    }


    /*#endregion inputs*/
    /*#region Profile-Landing*/
    .PhotoGridMedium_Profile-Landing {
        display: flex;
        position: relative;
        gap: 10px;
        margin-top: 50px;
    }

    .PhotoGridLarge_Profile-Landing {
        display: none;
    }

    .PhotoGridSmall_Profile-Landing {
        display: none;
    }

    .Border_Profile-Landing {
        height: 550px;
        width: 840px;
    }
    /*#region Profile-Landing*/
    /*#region Explorer*/
    .TagUrInBanner {
        padding-right: 0px;
    }

    .SearchOptions {
        gap: 15px;
    }
    /*#endregion Explorer*/

    /*#region Settings*/
    .ProfilePicBorder_LeftBarSettings {
        width: 216px;
        height: 216px;
    }

    .ScreenFlex_Settings {
        gap: 5px
    }

    .WatchlistEventBorder_DashboardSP {
        width: 410px;
    }

    .UpcomingEventBorder_DashboardSP {
        width: 410px;
    }
    /*#endregion Settings*/
    /*#region EventsFeed*/
    .Event_EventsFeed {
        width: 460px;
    }

    .AdvancedSearchOptions_EventsFeed {
        gap: 30px;
    }

    .SelectedEventArea_EventsFeed {
        width: 480px
    }
    /*#endregion EventsFeed*/

    .Info-Border_Squeeze {
        width: 650px;
    }
}


@media only screen and (max-device-width: 900px) /*and (orientation:landscape)*/ /*Cellphones*/ {
    body {
        gap: 50px
    }

    .HeaderTextButton {
        font-size: 9px;
    }
    /*#region inputs*/
    .InputArea1 {
        width: 321px;
        height: 188px;
    }

        .InputArea1:invalid {
            border: 0.5px solid rgba(234,67,53,1);
        }

    .InputArea2 {
        width: 230px;
        height: 100px;
    }

    .InputBox1 {
        width: 75px;
        height: 44px;
    }

    .InputBox2 {
        width: 230px;
        height: 44px;
    }

    .InputBox {
        width: 230px;
        height: 44px;
    }

    .MessageInput_EventsFeed {
        width: 215px
    }
    /*#endregion inputs*/
    .TootTip {
        display: none;
    }


    .Plain_Popup {
        width: 370px;
        margin-left: -185px;
        padding: 40px 20px 30px 20px;
    }

    .Frame {
        padding: 15px;
    }

    .tabcontent {
        display: block;
        width: 350px;
        padding: 30px;
        border: 1px solid #666666;
        border-radius: 10px;
    }

    .OnlyShowMobile {
        display: block
    }

    .DontShowMobile {
        display: none;
    }

    .OnlyShowDesktop {
        display: none
    }

    .OnlyShowTablet {
        display: none
    }

    .TagUrInLogoBlue {
        width: 144.872px;
        height: 39.312px;
        color: rgba(58,82,155,1);
        position: relative;
        font-family: Poppins;
        font-weight: Bold;
        font-size: 12px;
        opacity: 1;
    }

    .BlueButton {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8px;
        padding-bottom: 7px;
        border: none;
        position: relative;
        border-radius: 10px;
        text-align: center;
        background: rgba(58,82,155,1);
        color: rgba(238,238,238,1);
        font-family: Poppins;
        font-size: 11px;
    }

    .MessageInput_DashboardSP {
        width: 225px;
    }


    .InputBoxLong {
        width: 300px;
        height: 54px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: absolute;
        top: 36px;
        left: 0px;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 18px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
    }

    .Label {
        width: 100%;
        color: rgba(0,0,0,1);
        position: relative;
        top: 0px;
        left: 5px;
        font-family: Poppins;
        font-weight: normal;
        font-size: 12px;
        opacity: 1;
        text-align: left;
    }

    .Poppins_Paragraph {
        max-width: 300px;
    }


    .BorderButton {
        font-size: 11px;
    }

    .TagUrInBanner {
        padding: 5px;
    }

    .PCHoriz-MVertFlex {
        flex-direction: column;
    }

    .PCHoriz-MVertStretch {
        gap: 30px;
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
    /*region SignUp & SignIn*/
    .SelectAccontTypeFlex {
        gap: 9px;
    }
    /*endregion SignUp & SignIn*/

    /*#region Profile-Landing*/
    .Border_Profile-Landing {
        width: 360px;
        height: 600px;
        border-radius: 10px;
        position: absolute;
        padding: 20px;
        display: grid;
        border: 0.5px solid #666666;
        justify-items: center;
        align-items: center;
        height: 650px;
    }

    .PhotoGridLarge_Profile-Landing {
        display: none;
    }

    .PhotoGridMedium_Profile-Landing {
        display: none;
    }

    .PhotoGridLeft_Profile-Landing {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 5px;
        width: 104px;
    }

    .PhotoGridSmall_Profile-Landing {
        display: flex;
        gap: 5px;
    }

    PhotoGridSmall_Profile-Landing {
        display: none;
    }

    .Venueimg_Profile-Landing {
        width: 104px;
        height: 68.94px;
    }

    .Cateringimg_Profile-Landing {
        width: 104px;
        height: 89px;
    }

    .Photographersimg_Profile-Landing {
        width: 96.8px;
        height: 51.99px;
    }

    .Cleaningimg_Profile-Landing {
        width: 101.44px;
        height: 51.99px;
    }

    .PhotoGridTop_Profile-Landing {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 5px;
        flex-direction: row;
    }

    .PhotoGridRight_Profile-Landing {
        display: flex;
        position: relative;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 5px;
    }

    .Decorimg_Profile-Landing {
        width: 203px;
        height: 41px;
    }

    .Transportimg_Profile-Landing {
        width: 203px;
        height: 62px;
    }



    /*#endregion Profile-Landing*/

    /*#region ProfileCreation*/
    .ContinueBanner_ProfileCreation {
        width: 100%;
        height: 30px;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        top: 0px;
        background: rgba(219,111,28,1);
    }

    .ContinueBannerLabel_ProfileCreation {
        width: 218px;
        height: 20px;
        font-family: Poppins-Bold;
        font-size: 14px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 50%;
        margin-left: -109px;
        color: rgba(238,238,238,1);
    }

    .ContinueBannerButton_ProfileCreation {
        width: 24px;
        height: 20px;
        font-family: Poppins-Bold;
        font-size: 17px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 90%;
        background: none;
    }

    .UploadBorder_ProfileCreation_p2 {
        grid-template-columns: 12% 62% 20%;
    }
    /*#region ProfileCreation_p1*/
    .UploadButton_ProfileCreation_p1 {
        width: 100px;
        height: 48px;
        top: 80%;
        left: 57%;
        border: none;
        position: absolute;
    }

    .UploadIcon_ProfileCreation_p1 {
        top: 0px;
        left: 70%;
        opacity: 1;
        position: absolute;
    }

    .Label2_ProfileCreation_p1 {
        width: 100%;
        position: absolute;
        top: 25%;
        left: 0px;
        font-family: Poppins;
        font-weight: normal;
        font-size: 16px;
        opacity: 1;
        text-align: left;
    }

    .ServiceTypeTable_ProfileCreation_p1 {
        position: relative;
        left: 0px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        border: none;
    }

    .ProfileFrame {
        width: 300px;
        height: 264px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        opacity: 1;
        position: relative;
        border: 1px solid #666666;
        border-radius: 10px;
        overflow: hidden;
    }

    /*#endregion ProfileCreation_p1*/

    /*#region ProfileCreation_p2*/


    .UploadIcon_ProfileCreation_p1 {
        top: 1%;
        left: 73px;
        opacity: 1;
        position: absolute;
    }

    .SearchBar_ProfileCreation_p2 {
        width: 332px;
        height: 44px;
    }

    .SearchIcon_ProfileCreation_p2 {
        margin-left: -40px;
        margin-top: 5px;
    }

    .MapBorder_ProfileCreation_p2 {
        width: 332px;
        height: 309px;
    }

    .AreaToolTip_ProfileCreation_p2 {
        display: none;
    }

    .OrLine_ProfileCreation_p2 {
        width: 280px;
    }

    .OrText_ProfileCreation_p2 {
        width: 30px;
        position: absolute;
        padding: 8px;
        background: rgba(238,238,238,1);
        top: 469px;
        left: 50%;
        margin-left: -30px;
        color: rgba(0,0,0,1);
        font-family: Poppins;
        font-size: 12px;
        text-align: center;
    }

    .InputBox_Website_ProfileCreation_p2 {
        width: 275px;
        height: 44px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 12px;
    }

    .UploadBorder_ProfileCreation_p2 {
        width: 332px;
        height: 377px;
    }

    .UploadButton_ProfileCreation_p2 {
        width: 175px;
        height: 30px;
        top: 84%;
        left: 66%;
        border: none;
        position: absolute;
    }

    .UploadIcon_ProfileCreation_p2 {
        top: 0px;
        left: 72px;
        opacity: 1;
        position: absolute;
    }
    /*#endregion ProfileCreation_p2*/
    .ProgressButton_ProfileCreation {
        font-size: 12px;
        gap: 5px;
    }
    /*#endregion ProfileCreation*/
    /*#region header*/
    .Header {
        height: 44px;
        top: 0px;
        padding-right: 15px;
    }

    .TagUrInLogoWhite_TopLeft {
        height: 25.11px;
        width: 93px;
        left: 15px;
        position: absolute;
    }

    .SignOutButton_Header {
        font-family: Poppins;
        font-size: 12px;
        border: none;
        background: none;
        color: white;
        margin-left: 5px;
        margin-right: 10px;
        position: relative;
    }

    .ExploreButton_Header {
        font-family: Poppins-Bold;
        font-size: 12px;
        border: none;
        background: none;
        margin-left: 5px;
        margin-right: 5px;
        color: white;
        position: relative;
    }

    .ProfileButton_Header {
        font-size: 9px;
        margin-left: 5px;
        display: flex;
        margin-right: 5px;
        gap: 10px;
        align-items: center;
    }

    .HeaderMenuButtons_Header {
        gap: 10px;
    }
    /*#endregion header*/
    /*#region Footer*/
    .Footer {
        width: 324px;
        height: 105px;
        position: relative;
        margin-bottom: 50px;
    }

    .Buttons_Footer {
        position: relative;
        border: none;
        font-family: Poppins;
        font-size: 12px;
    }
    /*#endregion Footer*/

    /*#region Settings-Header*/
    .Header_Settings {
        height: 54px;
        top: 0px;
        position: absolute;
        background: rgba(78,72,59,1);
    }

    .HorizontalDivider_Settings {
        min-width: 350px;
    }

    .EditButtonIcon_Settings {
        height: 18px;
        width: 18px;
        position: absolute;
        margin-top: -9px;
        top: 50%;
        left: 0px;
        border: none;
    }

    .EditButtonLabel_Settings {
        height: 18px;
        width: 30px;
        position: absolute;
        font-size: 13px;
        font-family: Poppins-Bold;
        margin-top: -9px;
        top: 50%;
        left: 25px;
        border: none;
        color: rgba(58,82,155,1);
    }

    .Poppins_Paragraph {
        font-family: Poppins;
        font-size: 12px;
        color: black;
        position: relative;
        left: 0px;
        top: 15px;
        width: 617px;
        text-align: justify;
    }


    /*#endregion Settings*/

    /*#region Settings-left-side*/
    .Left-Bar_Settings {
        width: 360px;
        position: absolute;
        height: inherit;
        left: 75px;
        background: none;
        display: none;
    }

    .Left-Bar-Button_Settings {
        height: 71px;
        display: flex;
        padding-left: 18px;
        align-items: center;
        background: none;
        width: inherit;
        font-family: Poppins;
        font-size: 16px;
        border: none;
        gap: 18px;
    }

    .Burger-Menu-Button_Settings {
        position: relative;
        width: inherit;
        border: none;
        font-size: 18px;
        font-family: Poppins;
    }

    .ButtonIcon_Settings {
        top: 50%;
        margin-top: -10px;
        height: 20px;
        width: 20px;
        position: absolute;
        left: 5px;
        fill: rgba(78,72,59,1)
    }

    .ChevronIcon_Settings {
        top: 50%;
        margin-top: -16px;
        height: 32px;
        width: 32px;
        position: absolute;
        left: 100%;
    }

    /*#endregion Settings-left-side*/

    /*#region Settings*/

    .ScreenFlex_Settings {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .BackButton_Settings {
        display: flex;
        border: none;
        flex-direction: row;
        gap: 5px;
        font-family: Poppins;
        font-size: 20px;
        position: relative;
        align-items: center;
        align-self: start;
    }

    .MobileHead_Settings {
        position: relative;
        flex-direction: column;
        margin-top: 10px;
        height: 340px;
        display: flex;
        align-items: center;
        gap: 5px;
    }

    .Hint_Settings {
        font-family: Poppins;
        color: rgba(102,102,102,1);
        font-size: 11px;
    }

    .Section_Settings {
        position: relative;
        margin-top: 70px;
        width: inherit;
    }

    .InputBox_Settings {
        width: 260px;
        height: 44px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        margin-top: 5px;
        margin-bottom: 15px;
        left: 0px;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
    }

    .InputArea_Settings {
        width: 260px;
        height: 150px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        margin-top: 5px;
        margin-bottom: 15px;
        left: 0px;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
        padding-top: 10px;
    }

    .InputBoxLong_Settings {
        width: 300px;
        height: 44px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        margin-top: 5px;
        margin-bottom: 15px;
        left: 0px;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
    }

    .InputBoxTiny_Settings {
        width: 75px;
        height: 44px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        margin-top: 5px;
        margin-bottom: 15px;
        left: 0px;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
    }

    .InputBoxSmall_Settings {
        width: 250px;
        height: 44px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        margin-top: 5px;
        margin-bottom: 15px;
        left: 0px;
        border: 0.5px solid #666666;
        border-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
    }

    .Input_Settings {
        position: relative;
        width: inherit;
    }

    .InputButtons_Settings {
        position: relative;
        margin-top: 15px;
        display: grid;
        width: 300px;
        grid-template-columns: 1fr 1fr;
        border: none
    }

    .ButtonInput_Settings {
        border: none;
        font-family: Poppins;
        font-size: 13px;
        text-align: left
    }

    .DoneInputLabel_Settings {
        font-family: Poppins-Bold;
        font-size: 13px;
        top: -6px;
        margin-right: 10px;
        color: rgba(58,82,155,1);
        position: relative;
    }

    .CanelInputLabel_Settings {
        font-family: Poppins;
        font-size: 13px;
        top: -6px;
        margin-left: 10px;
        position: relative;
    }

    .MainContent_Settings {
        position: relative;
        max-width: 100vw;
        padding: 20px;
        top: 0px;
    }

    .TextFeild_Settings {
        position: relative;
        width: inherit;
        left: 0px;
    }
    /*#endregion Settings*/

    /*#region Service-provider-manage-profile*/

    /*#region General Information*/
    .ProfileBanner_ManageProfile {
        position: relative;
        height: 300px;
        width: inherit;
        left: 0px;
    }
    /*#endregion*/

    /*#region Company Information*/

    .Location_ManageProfile {
        position: absolute;
        top: 100px;
        height: 470px;
        width: inherit;
        left: 0px;
    }

    .SearchBoxLocation_ManageProfile {
        width: 300px;
        height: 44px;
        background: rgba(255,255,255,1);
        opacity: 1;
        position: relative;
        margin-top: 5px;
        left: 0px;
        border: 0.5px solid #666666;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        overflow: hidden;
        font-family: Poppins;
        font-size: 12px;
        color: rgba(116,117,120,1);
        padding-left: 15px;
    }

    .MapBorder_ProfileCreation_ManageProfile {
        width: 300px;
        height: 200px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        opacity: 1;
        top: -1px;
        position: relative;
        border: 1px solid #666666;
        overflow: hidden;
    }


    .Links_ManageProfile {
        position: absolute;
        top: 170px;
        height: 47px;
        width: inherit;
        left: 0px;
    }

    .LinkLabel_ManageProfile {
        position: relative;
        margin-top: 20px;
        width: inherit;
        left: 0px;
        max-width: 350px;
    }

    .DisplayLabelLink_Settings {
        font-family: Poppins;
        font-size: 12px;
        color: black;
        top: -6px;
        margin-left: 15px;
        position: relative;
        text-align: justify;
    }

    .LinkInput_Settings {
        font-family: Poppins;
        font-size: 12px;
        color: black;
        margin-left: 35px;
        top: -25px;
        position: relative;
        text-align: justify;
    }

    .Uploads_ManageProfile {
        position: relative;
        margin-top: 35px;
        width: inherit;
        left: 0px;
    }

    .UploadsToolTip_ManageProfile {
        left: 60px;
        top: -8px;
        position: absolute;
        font-family: Poppins;
        font-size: 11px;
        color: #666666;
    }

        .UploadsToolTip_ManageProfile:hover::after {
            content: attr(data-ToolTip);
        }

    .UploadBorder_ManageProfile {
        width: 335px;
        height: 250px;
        grid-template-columns: 8% 70% 17%;
    }

    .UploadButton_ManageProfile {
        width: 80px;
        height: 30px;
        top: 84%;
        left: 75%;
        border: none;
        position: absolute;
    }

    .UploadLabel_ManageProfile {
        width: 50px;
        height: 20px;
        font-family: Poppins-Bold;
        font-size: 13px;
        color: rgba(58,82,155,1);
        position: absolute;
        left: 0px;
        top: 50%;
        margin-top: -10px;
    }

    .UploadIcon_ManageProfile {
        fill: rgba(58,82,155,1);
        position: absolute;
        top: 0px;
        left: 54px;
    }
    /*#endregion*/

    /*#region Pricing*/
    .DisplayLabelCenter_Settings {
        font-family: Poppins-Bold;
        font-size: 12px;
        color: black;
        position: relative;
        width: 80px;
        margin-top: 10px;
        text-align: center;
    }

    .DisplayLabelPricing_Settings {
        font-family: Poppins;
        font-size: 12px;
        color: black;
        position: relative;
        left: 0px;
        margin-top: 10px;
        text-align: justify;
    }

    .PricingScheme_ManageProfile {
        margin-top: 55px;
        position: relative;
    }

    .PricingSchemeButton_ManageProfile {
        position: relative;
        margin-top: 30px;
        border: none;
        font-family: Poppins-Bold;
        color: rgba(58,82,155,1);
    }


    .PricingGrid_manageProfile {
        max-width: 318px;
    }

    .PricingLabel_ManageProfile {
        font-family: Poppins;
        font-size: 14px;
    }
    /*#endregion Pricing*/
    /*#region Bookings*/
    .SyncCalendarToolTip_ManageProfile {
        left: 112px;
        top: -8px;
        position: absolute;
        font-family: Poppins;
        font-size: 11px;
        color: #666666;
    }

        .SyncCalendarToolTip_ManageProfile:hover::after {
            content: attr(data-ToolTip);
        }

    .SyncCalendarButtonsRow_Settigs {
        display: flex;
        margin-top: 50px;
        position: relative;
        gap: 50px;
        flex-direction: column;
    }

    /*#endregion Bookings*/
    /*#endregion Service-provider-manage-profile*/

    /*#region Service-provider-dashboard*/
    .CalendarBorder_DashboardSP {
        height: 450px;
        width: 350px;
    }

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

    .WatchlistEventBorder_DashboardSP {
        width: 350px;
        padding: 10px;
    }

    .UpcomingEventBorder_DashboardSP {
        width: 350px;
    }
    /*#endregion Service-provider-dashboard*/
    /*#region Account Settings*/
    /*#region Account Information*/
    .ProfilePicBorder_AccountSettings {
        width: 285px;
        height: 251px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        opacity: 1;
        position: absolute;
        top: 30px;
        left: 0px;
        border: 1px solid #666666;
        border-radius: 10px;
        overflow: hidden;
    }


    .ProfilePic_AccountSettings {
        margin-top: 50px;
        height: 282px;
        width: inherit;
        position: relative;
    }

    /*#endregion Account Settings*/

    /*#region Billing Information*/

    .BankDetails_AccountSettings {
        width: inherit;
        margin-top: 35px;
        position: relative;
        left: 0px;
    }

    .BankDetailSection_AccountSettings {
        width: inherit;
        margin-top: 5px;
        position: relative;
        left: 0px;
    }

    .BankDetailHeading_AccountSettings {
        font-family: Poppins-Bold;
        font-size: 12px;
    }

    .BankDetailLabel_AccountSettings {
        font-family: Poppins;
        font-size: 12px;
        margin-left: 5px;
    }
    /*#endregion Billing Information*/

    /*#region Verification*/
    .VerficationBoxes_AccountSettings {
        margin-left: 0px;
        left: 0px;
    }

    .verificationflex {
        display: flex;
        flex-direction: column;
        gap: 60px;
        margin-top: 15px;
    }


    /*#endregion Verification*/

    /*#endregion Account Settings*/

    /*#region Messages*/
    .MessageScroll_Messages {
        width: 350px;
    }

    .MessageDivider_Settings {
        min-width: 316px;
    }

    /*#endregion Messages*/
    /*#region Servie-Provider-Profile*/
    .Layout_Service-Provider-Profile {
        grid-column-gap: 0px;
        grid-row-gap: 30px;
        display: grid;
        position: relative;
        justify-items: start;
        align-items: start;
        grid-template-columns: 1fr;
        padding: 13px;
    }

    .BillingVerification_Service-Provider-Profile {
        grid-area: auto;
        gap: 10px;
        display: flex;
        font-family: Poppins;
        font-size: 14px;
        flex-direction: column;
        align-items: start;
        border: none;
    }

    .BillingVerificationContent_Service-Provider-Profile {
        flex-direction: column;
        width: 290px;
    }

    .LocationFrame {
        width: 350px;
    }
    /*#endregion Servie-Provider-Profile*/

    /*#region explore*/
    .SearchOptions {
        display: flex;
        gap: 15px;
        flex-direction: column;
        align-items: start;
    }

    .MainContent_Explore {
        margin-left: 15px;
        gap: 30px
    }

    .HeaderBadge {
        left: 27px
    }

    .ServiceProviderExploreImage {
        height: 100%;
        width: 229px
    }

    .ServiceProviderCard {
        width: 230px;
        height: 390px;
    }
    /*#endregion explore*/
    .BlueButton {
        padding-top: 10px;
        padding-bottom: 8px;
        border: none;
        position: relative;
        border-radius: 10px;
        text-align: center;
        background: rgba(58,82,155,1);
        color: rgba(238,238,238,1);
        font-family: Poppins;
        font-size: 11px;
        display: flex;
        justify-content: center
    }


    /*#region events feed*/
    .AdvancedSearchOptions_EventsFeed {
        flex-direction: column;
        gap: 15px;
    }

    .SearchInput_EventsFeed {
        width: 290px;
    }

    .SearchOptions_EventsFeed {
        align-items: start
    }

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

    .Event_EventsFeed {
        width: 350px;
    }

    .EventImage_EventsFeed {
        width: 150px;
        height: 150px;
    }

    .SelectedEventArea_EventsFeed {
        width: 350px;
        height: 526.6px;
    }

    .SelectedEventButtons_EventsFeed {
        gap: 45px;
    }

    .ActionButton_SelectedEventButton_EventsFeed {
        font-size: 12px;
    }

    .BlankEvent {
        display: none;
    }

    .SeeMoreButton_EventsFeed {
        display: none;
    }
    /*#endregion events feed*/
    /*#region chat*/
    .MessageInputChat_Messages {
        width: 250px
    }
    /*#endregion chat*/

    /*#region SP Squeeze*/


    .Info-Border_Squeeze {
        width: 350px;
        height: 600px;
    }

    .Info-Border-Text_Squeeze {
        width: 300px;
        height: inherit;
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .TagUrInBanner_Squeeze {
        padding: 5px;
    }

    .TagUrInBannerSmall_Squeeze {
        display: block;
    }

    .Venueimg_Squeeze {
        width: 249px;
        height: 228.37px;
        object-fit: cover;
    }

    .Transportimg_Squeeze {
        width: 249px;
        height: 129px;
        object-fit: cover;
    }

    .Photographersimg_Squeeze {
        width: 110px;
        height: 91.55px;
        object-fit: cover;
    }

    .Cleaningimg_Squeeze {
        width: 110px;
        height: 128.15px;
        object-fit: cover;
    }


    .Cateringimg_Squeeze {
        width: 110px;
        height: 131.29px;
        object-fit: cover;
    }

    /*#endregion  SP Squeeze*/

    /*#region CreateEvent*/
    .MainContent_CreateEvents-1 {
        display: flex;
        flex-direction: column;
        max-width: 100%;
        padding-left: 35px;
        justify-items: start;
        padding-right: 35px;
    }

    .SelectTheme_CreateEvents-1 {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .ThemeBorder_CreateEvents {
        width: 100px;
        height: 114px;
    }

    .PreviewTheme_CreateEvents-1 {
        height: 550px;
        width: 300px;
        align-self: center;
    }

    .PreviewThemeCustomise_CreateEvents-1 {
        height: 755.33px;
        width: 412px;
    }

    .PreviewButtonsCustomise_CreateEvents-1 {
        max-width: 342px;
        gap: 30px;
    }


    .MainContent_CreateEvents-2 {
        /*padding-left: 0px;*/
        width: 100%;
    }

    .PreviewButtons_CreateEvents-1 {
        width: 350px;
        gap: 10px;
    }

    .AddParticiapntOptions_CreateEvents-2 {
        max-width: 730px;
        overflow-x: scroll;
        gap: 45px;
    }

    .ParticipantExampleimg-CreateEvents-2 {
        width: 310px;
        height: 36.2px;
    }

    .ServiceProvider-Mini-Cards-Display {
        display: flex;
        flex-direction: column;
        max-height: 526px;
        flex-wrap: wrap;
        overflow-x: scroll;
        width: 100%;
        padding-bottom: 10px;
    }

    .ServiceProvider-Mini-Card {
        width: 310px;
    }

    .SP-miniImage {
        width: 125px;
    }

    .View-Edit-Options {
        display: flex;
        font-family: Poppins;
        font-size: 14px;
        flex-direction: column;
        border: none;
        background: none;
        width: 100%;
        gap: 15px;
        justify-content: space-between;
        align-items: flex-start;
    }
    /*#region Profile-Landing*/
    .RSVP {
        width: 360px;
        flex-direction: column;
    }

    .PreviewTheme_RSVP {
        width: inherit;
        border-radius: 10px;
        width: 300px;
        height: 393px;
        padding: 0px;
        overflow: hidden;
        border: 1px solid #4E483B;
    }

    /*#endregion CreateEvent*/
    /*#region Add-ons*/
    /*  .addon-body {
        width: 350px;
        padding-left: 15px;
        padding-right: 15px;
    }*/

    .PreviewButtons_CreateEvents-1 {
        width: 300px;
    }

    /*   .addon-grid {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
*/
    .SelectTheme_CreateEvents-1 {
        gap: 15px;
        /*#endregion Add-ons*/
    }

    .EventFrame_Dashboard {
        width: 100%;
        height: fit-content;
    }




    .EventDescription_Dashboard {
        width: 290px;
    }

    .ErrorText {
     
        width: 210px;
    }
}

@media only screen and (max-width: 768px) and (orientation: portrait) {
    /* Example of styles for landscape mode */
    .EventOptions_Dashboard {
        width: 350px;
    }
}