/* Add here all your CSS customizations */

@font-face {
    font-family: Averta;
    src: url('../fonts/AvertaDemo-Regular.otf');
}

@font-face {
    font-family: Averta-Black;
    src: url('../fonts/AvertaStd-Black.ttf');
}

.loader {
    display: none;
}
form#apply_code_form {
    display: -webkit-box;
}
input[type="button"] {
    -webkit-appearance: button;
    cursor: pointer;
  }
  .promo_applied {
    border: 1px solid #008080; /* Border color */
    padding: 10px; /* Optional: Add padding for better appearance */
    background-color: #F0F8FF; /* Optional: Add a background color */
    color: #008080; /* Optional: Set text color */
    font-weight: bold; /* Optional: Set font weight */
    /* Add any additional styling as needed */
 }
.apply_code_btn{
    background-color: #008080 !important;
    color: #FFFFFF;
    border-radius:0 7px 7px 0;
    border: 1px solid #008080;
    width: 104px;
}
#apply_code_form input {
    box-sizing: border-box;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 6px 0 0 6px;
    cursor: pointer;
    margin-left: 12px;
}

/* consumer dashboard start */

#top_banner_column_one {
    background-image: url(../../saas/img/hazrin_assets/dashboard_banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    border-radius: 10px;
}

#top_banner_column_one p:nth-child(1) {
    position: absolute;
    height: 37px;
    left: 60.05%;
    right: 0%;
    top: calc(50% - 37px/2 - 129.5px);
    font-family: 'Averta';
    font-size: 30px;
    line-height: 35px;
    color: #FFFFFF;
    font-weight: bold;
}

#top_banner_column_one p:nth-child(2) {
    position: absolute;
    height: 37px;
    left: 60.05%;
    right: 0%;
    top: calc(50% - 37px/2 - 66.5px);
    font-family: 'Averta';
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    color: #FFFFFF;
}

#top_banner_column_one p:nth-child(3) {
    position: absolute;
    height: 37px;
    left: 60.05%;
    right: 9%;
    top: calc(50% - 37px/2 - 0.5px);
    font-family: 'Averta';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;

}

#top_banner_column_one button {
    position: absolute;
    width: 214px;
    height: 48px;
    left: 60.05%;
    top: 300px;
    background: #FFFFFF;
    box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
    border-color: #008080;
    border-radius: 6px;
    font-family: 'Averta';
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
    font-weight: bold;
}

#top_banner_column_two #counter1 {
    background-image: url(../../saas/img/hazrin_assets/counter1_bg.png);
    background-color: #D0E6F6;
    border-radius: 10px;
    max-width: 230px;
    height: 162px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 30px;
}

#top_banner_column_two #counter1 p:nth-child(1) {
    position: absolute;
    width: 57px;
    height: 60px;
    left: 87px;
    top: 35px;
    font-family: 'Averta-Black';
    color: #333333;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -0.08px;
}

#top_banner_column_two #counter1 p:nth-child(2) {
    position: absolute;
    left: 55px;
    top: 102px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
}

#top_banner_column_two #counter2 {
    background-image: url(../../saas/img/hazrin_assets/counter2_bg.png);
    background-color: #FFDCC0;
    border-radius: 10px;
    max-width: 230px;
    height: 162px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 30px;
}

#top_banner_column_two #counter2 p:nth-child(1) {
    position: absolute;
    width: 57px;
    height: 60px;
    left: 87px;
    top: 35px;
    font-family: 'Averta-Black';
    color: #333333;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -0.08px;
}

#top_banner_column_two #counter2 p:nth-child(2) {
    position: absolute;
    left: 67px;
    top: 102px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
}

#top_banner_column_two #counter3 {
    background-image: url(../../saas/img/hazrin_assets/counter3_bg.png);
    background-color: #C7CCFF;
    border-radius: 10px;
    max-width: 230px;
    height: 162px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 30px;
}

#top_banner_column_two #counter3 p:nth-child(1) {
    position: absolute;
    width: 57px;
    height: 60px;
    left: 87px;
    top: 35px;
    font-family: 'Averta-Black';
    color: #333333;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -0.08px;
}

#top_banner_column_two #counter3 p:nth-child(2) {
    position: absolute;
    left: 75px;
    top: 102px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
}

#top_banner_column_two #counter4 {
    background-image: url(../../saas/img/hazrin_assets/counter4_bg.png);
    background-color: #FFF0D1;
    border-radius: 10px;
    max-width: 230px;
    height: 162px;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 30px;
}

#top_banner_column_two #counter4 p:nth-child(1) {
    position: absolute;
    width: 57px;
    height: 60px;
    left: 87px;
    top: 35px;
    font-family: 'Averta-Black';
    color: #333333;
    font-weight: bold;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: -0.08px;
}

#top_banner_column_two #counter4 p:nth-child(2) {
    position: absolute;
    left: 45px;
    top: 102px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
}

#myads h1 {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

.myads_section {
    height: 100px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
    margin-bottom: 20px;
}

.myads_section #icon {
    position: absolute;
    width: 72px;
    height: 72px;
    left: 20px;
    top: 13px;
    border-radius: 10px;
}

.myads_section #para1 {
    position: absolute;
    width: 175px;
    height: 60px;
    left: 110px;
    top: 18px;
    font-family: 'Averta';
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0.5px;
    color: #333333;
    font-weight: bold;
}

.myads_section #para2 {
    position: absolute;
    width: 175px;
    height: 60px;
    left: 350px;
    top: 18px;
    font-family: 'Averta';
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.5px;
    color: #C1C1C1;
}

.myads_section #para3 {
    position: absolute;
    width: 175px;
    height: 60px;
    left: 353px;
    top: 42px;
    font-family: 'Averta-Black';
    font-size: 20px;
    line-height: 180%;
    text-align: center;
    letter-spacing: 0.5px;
    color: #008080;
}

.myads_section #para4 {
    position: absolute;
    width: 175px;
    height: 60px;
    left: 615px;
    top: 18px;
    font-family: 'Averta';
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.5px;
    color: #C1C1C1;
}

.myads_section #featured_capsule {
    position: absolute;
    left: 655px;
    top: 47px;
    background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
    border-radius: 50px;
    width: 100px;
    height: 30px;
}

.myads_section #featured_capsule img {
    margin: 4px 13px;
    width: 12px;
}

.myads_section #featured_capsule p {
    margin-top: -20px;
    margin-left: 19px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
}

.myads_section #ad_status {
    position: absolute;
    width: 140px;
    height: 36px;
    left: 890px;
    top: 30px;
    background: #DFF6F6;
    border-radius: 5px;
}

.myads_section #ad_status p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #008080;
    margin-top: 8px;
}

#user_area {
    max-width: 350px;
    height: 1335px;
    border: 1px solid #008080;
    box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin-left: 75px;
    margin-bottom: 20px;
}

#user_area .user_img {
    position: absolute;
    width: 180px;
    height: 180px;
    left: 70px;
    top: 25px;
    border-radius: 50%;
}

#user_area .user_name {
    position: absolute;
    height: 32px;
    left: calc(100% - 265px);
    top: calc(50% - 32px/2 - 430px);
    font-family: 'Averta';
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #333333;
    font-weight: bold;
}

#user_area .fa-map-marker {
    position: absolute;
    width: 10px;
    height: 14.05px;
    left: 85px;
    top: 275px;
    color: #FF6469;
    font-size: 16px;
}

#user_area .user_address {
    position: absolute;
    left: 106px;
    top: 270px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.02em;
    color: #555555;
}

#user_area .user_category {
    background-image: url(../../saas/img/hazrin_assets/category_bg.png);
    position: absolute;
    width: 302px;
    height: 131px;
    left: 20px;
    top: 350px;
    border-radius: 6px;
    background-repeat: no-repeat;
}

#user_area .user_category img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
}

#user_area .user_category p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 8px;
}

#user_area .span1 {
    position: absolute;
    width: 301px;
    height: 0px;
    left: 20px;
    top: 510px;
    border: 1px solid #C1C1C1;
}

#user_area .user_wallet {
    position: absolute;
    height: 32px;
    left: 20px;
    top: 545px;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #333333;
    font-weight: bold;
}

#user_area .today {
    position: absolute;
    height: 32px;
    left: 20px;
    top: 610px;
    font-family: 'Averta';
    font-size: 18px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #333333;
}

#user_area .wallet_transactions {
    position: relative;
    left: 20px;
    top: 665px;
    margin-bottom: 15px;
    bottom: 34px;
    width: 302px;
    height: 150px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
}

#user_area .wallet_transactions .icon {
    position: absolute;
    width: 41px;
    height: 41px;
    left: 8px;
    top: 5px;
}

#user_area .wallet_transactions .p1 {
    position: absolute;
    left: 65px;
    top: 5px;
    font-family: 'Averta';
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: #333333;
}

#user_area .wallet_transactions .p2 {
    position: absolute;
    left: 65px;
    top: 25px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 170%;
}

#user_area .wallet_transactions .p3 {
    position: absolute;
    left: 203px;
    top: 5px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 170%;
}

#user_area .wallet_transactions .p4 {
    position: absolute;
    left: 212px;
    top: 73px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 19px;
    color: #008080;
}

#user_area .wallet_transactions .debit_icon {
    position: absolute;
    left: 8px;
    top: 115px;
    width: 69px;
    height: 25px;
}

#user_area .wallet_transactions .credit_icon {
    position: absolute;
    left: 8px;
    top: 115px;
    width: 69px;
    height: 25px;
}

#user_area .wallet_transactions .p5 {
    position: absolute;
    left: 88px;
    top: 114px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    color: #FFC107;
    background-color: #FFFBEF;
    padding-left: 12px;
    padding-right: 12px;
}

#user_area .span2 {
    position: absolute;
    width: 301px;
    height: 0px;
    left: 20px;
    top: 1005px;
    border: 1px solid #C1C1C1;
}

#user_area .user_Rewards {
    position: absolute;
    height: 32px;
    left: 20px;
    top: 1040px;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.02em;
    color: #333333;
    font-weight: bold;
}

#user_area .rewards_section {
    position: absolute;
    left: 20px;
    top: 1100px;
    width: 100%;
    height: 173.2px;
    background-image: url(../../saas/img/hazrin_assets/rewards_bg.png);
    background-repeat: no-repeat;
}

#user_area .rewards_section .icon {
    position: absolute;
    width: 31.93px;
    height: 34.93px;
    left: 25px;
    top: 65px;
}

#user_area .rewards_section .p1 {
    position: absolute;
    left: 25px;
    top: 5px;
    font-family: 'Averta';
    font-size: 22px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FBFBFB;
    mix-blend-mode: normal;
}

#user_area .rewards_section .p1 span {
    font-family: 'Averta-Black';
    font-size: 30px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FBFBFB;
    mix-blend-mode: normal;
    margin-right: 10px;
}

#user_area .rewards_section .p2 {
    position: absolute;
    left: 65px;
    top: 63px;
    font-family: 'Averta';
    font-size: 14px;
    line-height: 35px;
    display: flex;
    align-items: center;
    color: #FBFBFB;
}

#user_area .rewards_section .p3 {
    position: absolute;
    width: 258.4px;
    height: 31.64px;
    left: 20px;
    top: 120px;
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 123.5%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
}

/* consumer dashboard end */

/* consumer track service order start */

#track_order h1 {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

#services_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#services_tab #column_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 900px;
    margin-left: 65px;
    margin-bottom: 50px;
    display: none;
}

#services_tab #column_left .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#services_tab #column_left .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#services_tab #column_left .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}

#services_tab #column_left .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #333333;
}

#services_tab #column_left .cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
}

#quotation_status_waiting {
    width: 180px;
    height: 25px;
    background: #FFE6E8;
    border-radius: 4px;
    margin-top: 30px;
}

#quotation_status_waiting p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FC384E;
    text-align: center;
    padding-top: 5px;
}

#quotation_status_received {
    width: 180px;
    height: 25px;
    background: #FEF0C5;
    border-radius: 4px;
    margin-top: 30px;
}

#quotation_status_received p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #E2A325;
    text-align: center;
    padding-top: 5px;
}

#quotation_status_progress {
    width: 180px;
    height: 25px;
    background: #DFF6F6;
    border-radius: 4px;
    margin-top: 30px;
}

#quotation_status_progress p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #008080;
    text-align: center;
    padding-top: 5px;
}

#services_tab #column_left .delete_icon {
    position: relative;
    left: 370px;
    top: -27px;
    width: 20px;
    height: 20px;
}

#services_tab #column_left #vendor_icon {
    position: relative;
    left: 365px;
    top: -35px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

#services_tab #column_right .subservice_card {
    background: #FFFBEF;
    border-radius: 10px;
    display: flex;
    flex-wrap: nowrap;
    margin-right: 10px;
    margin-left: 10px;
}

#services_tab #column_right .subservice_card #icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 92px;
    height: 92px;
    margin-top: 15px;
    border-radius: 10px;
}

#services_tab #column_right .subservice_card #para1 {
    margin-top: 15px;
    border-radius: 10px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #008080;
    font-weight: bold;
}

#services_tab #column_right .subservice_card .service_status {
    position: absolute;
    left: 86.82%;
    right: 9.01%;
    top: 10.5%;
    height: 35px;
    width: 97px;
    bottom: 75.85%;
    background: #008080;
    border-radius: 6px;
}

#services_tab #column_right .subservice_card .service_status p {
    color: #FFFFFF;
    text-align: center;
    margin-top: 5px;
}

#detailsTabHeading h1 {
    font-family: 'Averta';
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
}

#serviceType {
    border: 1px solid #008080;
    border-radius: 6px;
    height: 50px;
    max-width: 350px;
}

#serviceType img {
    width: 30px;
    margin-top: 7px;
}

#serviceType p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
    position: absolute;
    left: 60px;
    bottom: 0px;
}

#detailsTabPar p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #555555;
}

#detailsTabAudio .playback {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0px;
}

#detailsTabAudio #audio-playback {
    width: 100%;
    height: 48px;
    border: 1px solid #008080;
    border-radius: 6px;
    ;
}

audio::-webkit-media-controls-panel,
video::-webkit-media-controls-panel {
    background-color: #fff;
}


#detailsTabImages {
    border: 1px solid #008080;
    border-radius: 10px;
    max-width: 400px;
    margin-left: 15px;
}

#detailsTabImages h1 {
    font-family: 'Averta';
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

#detailsTabImages .col-2 img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
}

#detailsTabVideos {
    border: 1px solid #008080;
    border-radius: 10px;
    max-width: 400px;
    margin-left: 35px;
}

#detailsTabVideos h1 {
    font-family: 'Averta';
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

#detailsTabVideos .col-2 video {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
}

#detailsTabAddress #map {
    height: 250px;
    border-radius: 10px;
}

#detailsTabDateOverview {
    max-width: 270px;
}

#detailsTabTimeOverview {
    max-width: 270px;
}

#detailsTabDate input {
    box-sizing: border-box;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 6px;
    cursor: pointer;
}

#detailsTabTime input {
    box-sizing: border-box;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 6px;
    cursor: pointer;
}

#detailsTabDateOverview input {
    box-sizing: border-box;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 6px;
    cursor: pointer;
}

#detailsTabTimeOverview input {
    box-sizing: border-box;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 6px;
    cursor: pointer;
}

#detailsTabTerms input {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    cursor: pointer;
}

#detailsTabTerms label {
    position: relative;
    top: -3px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5px;
    color: #333333;
    margin-left: 5px;
}

#detailsTabTerms span {
    color: #008080;
    text-decoration: underline;
    font-weight: bold;
}

#detailsTabDynamicForm .form-label {
    font-family: 'Averta';
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
}

#detailsTabDynamicForm .form-control {
    width: 100%;
    height: 48px;
    border: 1px solid #008080;
    color: #008080;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: -0.08px;
}

#detailsTabDynamicForm .form-control:read-only {
    background-color: #fff;
}

#detailsTabDynamicForm .form-control:focus {
    border: 1px solid #008080;
}

#detailsTabDynamicForm select {
    color: #C1C1C1;
}

#detailsTabDynamicForm input[type=checkbox] {
    width: 14% !important;
    height: 20px;

}

#detailsTabDynamicForm ul {
    list-style-type: none;
}

#detailsTabDynamicForm button {
    background: #008080;
    border-radius: 6px;
    width: 343px;
    height: 48px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

#detailsTabDynamicForm input[type=radio] {
    width: 14% !important;
    height: 20px;

}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

#quotationsTabHeading h1 {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    color: #008080;
}

#quotationsTabListing {
    border: 1px solid #008080;
    border-radius: 10px;
    max-width: 400px;
    margin-left: 15px;
    display: flex;
    flex-wrap: nowrap;
}

#quotationsTabListing #vendor_icon {
    margin-top: 9px;
    width: 60px;
    height: 60px;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 30px;
}

#quotationsTabListing .vendor_name #para1 {
    font-family: 'Averta';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 10px;
}

#quotationsTabListing .vendor_name .ratings {
    font-size: 11px;
    margin-top: -15px;
}

.checked {
    color: orange;
}

#quotationsTabListing .vendor_name #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.08px;
    color: #008080;
}

#quotationsTabListing .vendor_name #para2 span {
    color: #555555;
}

#quotationsTabListing #arrow_down {
    position: absolute;
    width: 12px;
    height: 7.7px;
    right: 22px;
    top: 29px;
    cursor: pointer;
}

#quotationsTabListing #arrow_up {
    position: absolute;
    width: 12px;
    height: 7.7px;
    right: 22px;
    top: 29px;
    cursor: pointer;
    display: none;
}

.quotationsTabExtends {
    border: 1px solid #008080;
    max-width: 400px;
    margin-left: 15px;
    height: fit-content;
    display: none;
}

#quotationsTabExtendsHeading h1 {
    font-family: 'Averta';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.08px;
    color: #333333;
    font-weight: bold;
}

#quotationsTabExtendsPar p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    color: #555555;
    font-size: 16px;
}

.quotationsTabExtends .form-control {
    height: 48px;
    border: 1px solid #008080;
    color: #008080;
    border-radius: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: -0.08px;
}

.quotationsTabExtends .form-control:read-only {
    background-color: #fff;
}

#quotationsTabExtendsImages {
    border: 1px solid #008080;
    border-radius: 10px;
    max-width: 367px;
    margin-left: 15px;
}

#quotationsTabExtendsImages h1 {
    font-family: 'Averta';
    font-size: 20px;
    line-height: 25px;
    color: #333333;
    font-weight: bold;
    margin-top: 10px;
}

#quotationsTabExtendsImages .col-2 img {
    width: 70px;
    height: 70px;
    border-radius: 10px;
}

#totalPrice {
    border: 1px solid #008080;
    border-radius: 6px;
    height: 50px;
    max-width: 365px;
}

#totalPrice img {
    width: 28px;
    margin-top: 10px;
}

#totalPrice p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
    position: absolute;
    left: 60px;
    bottom: 0px;
}

#totalPrice span {
    font-family: 'Averta';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
    float: right;
    margin-top: 12px;
}

#quotationsButtonReject {
    font-family: 'Averta';
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #008080;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
}

#quotationsButtonReject:hover {
    font-family: 'Averta';
    height: 48px;
    background: #FFFFFF !important;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #008080;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
}

#quotationsButtonAccept {
    font-family: 'Averta';
    height: 48px;
    background: #008080 !important;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
}

#quotationsButtonAccept:hover {
    font-family: 'Averta';
    height: 48px;
    background: #008080;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
}

#DeleteServiceReqModal .modal-footer {
    border-top: 0px !important;
}

#DeleteServiceReqModal #cancelBtn {
    width: 215px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#DeleteServiceReqModal #cancelBtn:hover {
    background: #FFFFFF !important;
}

#DeleteServiceReqModal #deleteBtn {
    width: 215px;
    height: 48px;
    background: #008080;
    border-radius: 6px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
}

#DeleteServiceReqModal #deleteBtn:hover {
    background: #008080 !important;
}

#DeleteServiceReqModal img {
    width: 221.01px;
    height: 221.02px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#DeleteServiceReqModal h1 {
    font-family: 'Averta';
    font-weight: bolder;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
}

#DeleteServiceReqModal .modal-header {
    border-bottom: 0px !important;
}

#DeleteServiceReqModal #closeModal {
    position: relative;
    left: 440px;
    bottom: 8px;
    font-size: 16px;
    border: 1px solid #008080;
    border-radius: 75px;
    width: 28px;
    height: 29px;
    padding-left: 7px;
    background: #008080;
    color: #ffff;
}

/* consumer track service order end */


/* consumer track product order Start */



#products_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#products_tab #column_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 900px;
    margin-left: 65px;
    margin-bottom: 50px;
    display: none;
}

#products_tab #column_left .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#products_tab #column_left .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#products_tab #column_left .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}

#products_tab #column_left .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #333333;
}

#products_tab #column_left .cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
}

#DeleteServiceReqModal .modal-footer {
    border-top: 0px !important;
}

#DeleteServiceReqModal #cancelBtn {
    width: 215px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#DeleteServiceReqModal #cancelBtn:hover {
    background: #FFFFFF !important;
}

#DeleteServiceReqModal #deleteproductBtn {
    width: 215px;
    height: 48px;
    background: #008080;
    border-radius: 6px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
}

#DeleteProductReqModal #deleteproductBtn:hover {
    background: #008080 !important;
}

#DeleteProductReqModal img {
    width: 30%;
    height: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#DeleteProductReqModal h1 {
    font-family: 'Averta';
    font-weight: bolder;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-bottom: 10%;
}

#DeleteProductReqModal .modal-header {
    border-bottom: 0px !important;
}

#DeleteProductReqModal #closeModal {
    position: relative;
    left: 440px;
    bottom: 8px;
    font-size: 16px;
    border: 1px solid #008080;
    border-radius: 75px;
    width: 28px;
    height: 29px;
    padding-left: 7px;
    background: #008080;
    color: #ffff;
}
#DeleteProductReqModal textarea {
    resize: none;
}
#DeleteProductReqModal h3 {
    font-family: 'AvertaStd-Bold';
    font-weight: bolder;
    font-size: 24px;
    line-height: 36px;
    text-align: left;
    letter-spacing: -0.08px;
    color: #333333;
    margin: 3% 0;
}
#DeleteProductReqModal .submit_btn {
    cursor: pointer;
    width: 98%;
    height: 2%;
    border-radius: 7px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    color: #ffff ;
    border: 1px solid #008080 !important;
    background-color: #008080;
    letter-spacing: 0.08px;
    font-family: 'Averta';
    font-size: 16px;
    padding: 7px 0px;
    margin-top: 3%;
}
#product_order_tab #column_left .delete_icon {
    position: relative;
    left: 184px;
    top: 29px;
    width: 18px;
    height: 19px;
}
/* consumer track product order end */


/* consumer order History Start */

#complete_service_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#complete_service_tab #column_complete_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 612px;
    margin-left: 65px;
    margin-bottom: 50px;
    display: none;
}
#Cancel_order_tabs #column_left .cards {
    position: relative;
    left: 184px;
    top: 29px;
    width: 18px;
    height: 19px;
}
#complete_service_tab #column_left .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#complete_service_tab #column_left .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#complete_service_tab #column_left .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}

#complete_service_tab #column_left .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
    font-weight: bold;
}

#complete_service_tab #column_left .cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
}

#complete_order_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#complete_order_tab #column_complete_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 612px;
    margin-left: 65px;
    margin-bottom: 50px;
    display: none;
}
#Cancel_order_tabs #column_left .cards {
    position: relative;
    left: 184px;
    top: 29px;
    width: 18px;
    height: 19px;
}
#complete_order_tab #column_left .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#complete_order_tab #column_left .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#complete_order_tab #column_left .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}

#complete_order_tab #column_left .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
    font-weight: bold;
}

#complete_order_tab #column_left .cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
}

#canceled_service_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#canceled_service_tab #column_canceled_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 900px;
    margin-left: 65px;
    margin-bottom: 50px;
    display: none;
}

#canceled_service_tab #column_left .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#canceled_service_tab #column_left .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#canceled_service_tab #column_left .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}

#canceled_service_tab #column_left .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
    font-weight: bold;
}

#canceled_service_tab #column_left .cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
}


#canceled_order_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#canceled_order_tab #column_canceled_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 900px;
    margin-left: 65px;
    margin-bottom: 50px;
    display: none;
}

#canceled_order_tab #column_left .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#canceled_order_tab #column_left .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#canceled_order_tab #column_left .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}

#canceled_order_tab #column_left .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
    font-weight: bold;
}

#canceled_order_tab #column_left .cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
}
#payment_method{
    color: #008080;
    text-align: right;
    font-size: 20px;
}
#column_complete_right #header_bg{
    background-color: #FFFBEF !important;
    width: 100%;
    height: 350px;
}
#column_canceled_right #cancel_header_bg{
    background-color: #FFFBEF !important;
    width: 100%;
    height: 350px;
}
#product_column_right #header_bg{
    background-color: #FFFBEF !important;
    width: 100%;
    height: 350px;
}
#product_column_right #cancel_header_bg{
    background-color: #FFFBEF !important;
    width: 100%;
    height: 350px;
}
#product_image{
    display: inline-block;
    justify-content: center;
    align-items: center
}
#product_image img{
    width: 92px;
    height: 92px;
    border-radius: 12px;
    display: inline-block;
    margin-left: 38%;
}
#column_complete_right #product_title{
    text-align: center;
}
#column_canceled_right #product_title{
    text-align: center;
}
#product_title #para1 {
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
}
#product_title #para2{
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #008080;
    margin-right: 10px;
}
#product_image #para2{
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #008080;
    text-align: right;
    margin-left: 0px;
    margin-right: 30px;
    position: absolute;
    right: 0;
    top: 0;
}
#product_title #para3{
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #008080;
    text-align: right;
    margin-left: 330px;
}

#write_review_btn,#write_complain_btn{
    font-family: 'Averta';
    font-size: 20px;
    line-height: 28px;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 5px;
    width: 80%;
    padding: 15px 0px;
    text-align: center;
    font-weight: 800;
}


#billing_detail{

    font-family: 'Averta Demo';
    font-size: 20px;
    line-height: 28px;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 5px;
    min-width: 80%;
    padding: 0px 0px;
    text-align: center;
    font-weight: 800;
    letter-spacing: 0.5px;

}
#canceled_billing_detail{

    font-family: 'Averta Demo';
    font-size: 20px;
    line-height: 28px;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 5px;
    min-width: 80%;
    padding: 15px 0px;
    text-align: center;
    font-weight: 800;
    letter-spacing: 0.5px;

}
p#home_icon {
    border: solid 1px #008080;
    width: 80px;
    font-size: 12px;
    margin-right: 10px;
    margin-top: -20px;
}
#billing_data #para1{
    line-height: 28px;
    color: #008080;
    text-align: left;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;

}
#billing_data .para2{
    line-height: 28px;
    color: #333333;
    text-align: left;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;
    font-weight: initial;

}

#order_details{

    font-family: 'Averta Demo';
    font-size: 20px;
    line-height: 28px;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 5px;
    width: 100%;
    padding: 15px 0px;
    text-align: center;
    font-weight: 800;
    
}
#cancel_order_details{

    font-family: 'Averta Demo';
    font-size: 20px;
    line-height: 28px;
    color: #008080;
    border: 1px solid #008080;
    border-radius: 5px;
    width: 80%;
    padding: 15px 0px;
    text-align: center;
    font-weight: 800;
    
}

#order_detail .para{
    text-align: left;
    color: #555555;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 18px;

}
#order_detail .para_data{
    text-align: right  ;
    color: #008080;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;
    font-weight: initial;
    font-size: 16px;
    
}
#order_detail .para_total_left{
    line-height: 28px;
    color: #008080;
    text-align: left;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;
    
}
#order_detail .para_total_right{
    text-align: right  ;
    line-height: 28px;
    color: #008080;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;
    display: inline-flex;
}
#order_detail .para_total_right span{
    text-align: right  ;
    line-height: 28px;
    color: #008080;
    font-family: 'Averta Demo';
    letter-spacing: 0.5px;
    font-weight: initial;
    font-size: 13px;
}
hr {
    width: 87%;
    border-top: 1px solid #C1C1C1;
    height: 2px;
}
#stars_complete_order{
    text-align: left;
}
#stars_cancel_order{
    text-align: left;
}

#product_order_tab #column_left {
    background: #FFFFFF;
    border-radius: 10px;
}

#product_order_tab #product_column_right {
    background: #FFFFFF;
    border: 2px solid #008080;
    border-radius: 10px;
    height: fit-content;
    max-width: 630px;
    margin-left: 145px;
    margin-bottom: 50px;
    display: none;
}

#product_order_tab #column_left .product_cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    width: 564px;
    /* border-right: 6px solid #008080; */
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
}

#product_order_tab #column_left .product_cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: -5px;
    height: 195px;
    width: 180px;
    top: 8.19%;
    bottom: 73.77%;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#product_order_tab #column_left .product_cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #333333;
    margin-right: 10px;
    margin-top: 12px;
}

#product_order_tab #column_left .product_cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
    font-weight: bold;
}

#product_order_tab #column_left .product_cards #para3 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #008080;
}

/* consumer order History End */

/* consumer track order overview */

#get_address {
    box-sizing: border-box;
    width: 512px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
    margin-top: 40px;
}

#get_address .row:nth-child(1) .col-1 input {
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin: 12px 9px;
    cursor: pointer;
}

#get_address .row:nth-child(1) .col-8 p {
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.5px;
    color: #008080;
    margin: 12px 12px;
}


#get_address .row:nth-child(1) .col-4 p {
    font-weight: bold;
    font-size: 12px;
    line-height: 180%;
    letter-spacing: 0.5px;
    color: #008080;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 4px;
    width: 80px;
    height: auto;
    text-align: center;
    margin: 12px 55px;
}

#get_address .row:nth-child(2) .col-12 p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5px;
    color: #333333;
    margin-left: 10px;
}

#get_address .row:nth-child(3) .col-12 p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5px;
    color: #333333;
    margin-left: 10px;
    margin-right: 10px;
}

#get_address .row:nth-child(4) .col-6 p {
    font-weight: bold;
    font-size: 12px;
    line-height: 180%;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    background: #008080;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    width: 72px;
    height: 26px;
    text-align: center;
    margin: 10px 10px;
    cursor: pointer;
    padding: 4px 22px 26px;
}

#get_address .row:nth-child(4) .col-6 img {
    float: right;
    margin: 16px 14px;
    cursor: pointer;
}

#get_service {
    box-sizing: border-box;
    width: 512px;
    height: auto;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
    margin-top: 40px;
}

#get_service .row:nth-child(1) .col-12 p {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    letter-spacing: -0.08px;
    color: #333333;
    margin: 12px 12px;
}

#get_service .cards {
    background: #FFFBEF;
    border-radius: 10px;
    height: auto;
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    margin-left: 10px;
    margin-right: 10px;
}

#get_service .cards #icon {
    display: block;
    margin-top: 9px;
    margin-left: 15px;
    height: 92px;
    width: 100px;
    filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
    border-radius: 10px;
}

#get_service .cards #para1 {
    font-weight: bold;
    font-family: 'Averta';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: #333333;
}

#get_service .cards #para2 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #333333;
    width: 300px;
    margin-top: -10px;
}

#totalPriceOveriew {
    border: 1px solid #008080;
    border-radius: 6px;
    height: 50px;
    max-width: 510px;
}

#totalPriceOveriew img {
    width: 28px;
    margin-top: 10px;
}

#totalPriceOveriew p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
    position: absolute;
    left: 60px;
    bottom: 0px;
}

#totalPriceOveriew span {
    font-family: 'Averta';
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
    float: right;
    margin-top: 15px;
}

#overviewContBtn {
    font-family: 'Averta';
    width: 510px;
    height: 48px;
    background: #008080 !important;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
}

#product_status_progress {
    width: 180px;
    height: 25px;
    background: #DFF6F6;
    border-radius: 4px;
    margin-top: -8%;
    margin-bottom: 10%;
}

#product_status_progress p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #008080;
    text-align: center;
    padding-top: 5px;
}
#product_status_rejected {
    width: 180px;
    height: 25px;
    background: #FFE6E8;
    border-radius: 4px;
    margin-top: -8%;
    margin-bottom: 10%;
}

#product_status_rejected p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #FC384E;
    text-align: center;
    padding-top: 5px;
}
#product_status_cancel {
    width: 180px;
    height: 25px;
    background: #DFF6F6;
    border-radius: 4px;
    margin-top: 30px;
}

#product_status_cancel p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #008080;
    text-align: center;
    padding-top: 5px;
}

/* consumer track order overview end */


/* consumer track order payment */
.payment_card {
    text-align: left;
}

.payment_card h2 {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

#cash_payment {
    border: 1px solid #008080;
    box-sizing: border-box;
    border-radius: 10px;
    width: 602px;
    height: 70px;
}

#cash_payment img {
    margin: 10px 14px 14px 8px;
}

#cash_payment label {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 20px !important;
    line-height: 23px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#cash_payment input[type="radio"] {
    float: right;
    width: 16px;
    height: 16px;
    border: 1px solid #008080;
    box-sizing: border-box;
    margin: 22px 14px 14px 8px;
}

#easypaisa_payment {
    border: 1px solid #008080;
    box-sizing: border-box;
    border-radius: 10px;
    width: 602px;
    height: 70px;
}

#easypaisa_payment img {
    margin: 10px 14px 14px 8px;
}

#easypaisa_payment label {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 20px !important;
    line-height: 23px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#easypaisa_payment input[type="radio"] {
    float: right;
    width: 16px;
    height: 16px;
    border: 1px solid #008080;
    box-sizing: border-box;
    margin: 22px 14px 14px 8px;
}

#card_payment {
    border: 1px solid #008080;
    box-sizing: border-box;
    border-radius: 10px;
    width: 602px;
    height: 70px;
}

#card_payment img {
    margin: 10px 14px 14px 8px;
}

#card_payment label {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 20px !important;
    line-height: 23px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#card_payment input[type="radio"] {
    float: right;
    width: 16px;
    height: 16px;
    border: 1px solid #008080;
    box-sizing: border-box;
    margin: 22px 14px 14px 8px;
}

#hazrin_wallet {
    border: 1px solid #008080;
    box-sizing: border-box;
    border-radius: 10px;
    width: 602px;
    height: 70px;
}

#hazrin_wallet img {
    margin: 10px 14px 14px 8px;
}

#hazrin_wallet label {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 20px !important;
    line-height: 23px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#hazrin_wallet input[type="radio"] {
    float: right;
    width: 16px;
    height: 16px;
    border: 1px solid #008080;
    box-sizing: border-box;
    margin: 22px 14px 14px 8px;
}

#payment_column_left {
    padding: 0px 67px;
}

#payment_column_right {
    padding: 0px 67px;
}

#cash_div {
    display: none;
}

#cash_div h2 {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

#cash_div p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    margin-top: 25px;
}

#cash_div img {
    position: absolute;
    right: -78px;
    top: 250px;
}

#placeOrderBtn {
    font-family: 'Averta';
    width: 350px;
    height: 48px;
    background: #008080 !important;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    margin-top: 100px;
}
.ShopOrderBtn {
    font-family: 'Averta';
    width: 350px;
    height: 48px;
    background: #008080 !important;
    border: 1px solid #008080;
    border-radius: 10px !important;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 19px;
    align-items: center;
    text-align: center;
    margin-top: 100px;
}

#OrderSuccessModal h1 {
    font-family: 'Averta';
    font-weight: bolder;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 30px;
    padding: 0px 100px;
}

#OrderSuccessModal img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}

#OrderSuccessModal p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #555555;
    padding: 0px 100px;
}

#OrderSuccessModal button {
    font-family: 'Averta';
    width: 386px;
    height: 48px;
    left: 767px;
    top: 1197px;
    background: #008080;
    border-radius: 6px;
    display: block;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
}

#OrderSuccessModal button:hover {
    background: #008080 !important;
}

#OrderSuccessModal .modal-footer {
    border-top: 0px !important;
}

#OrderSuccessModal .modal-header {
    border-bottom: 0px !important;
}

#totalPricePayment {
    border: 1px solid #008080;
    box-sizing: border-box;
    border-radius: 10px;
    max-width: 602px;
    height: 70px;
}

#totalPricePayment img {
    margin: 20px 14px 14px 15px;
}

#totalPricePayment p {
    font-style: normal;
    display: flex;
    position: absolute;
    left: 81px;
    bottom: 8px;
    font-family: 'Averta';
    font-weight: 600;
    font-size: 20px !important;
    line-height: 23px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
}

#totalPricePayment span {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 19px;
    align-items: center;
    letter-spacing: -0.08px;
    color: #008080;
    float: right;
    margin-top: 24px;
}

/* consumer track order payment end */

@media only screen and (min-width: 1440px) and (max-width: 1855px) {

    .iq-sidebar-menu .iq-menu li b:nth-child(1)::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        height: 29px;
        width: 256px;
        border-bottom-right-radius: 50px;
        background: #0CB5A8;
    }

    .iq-sidebar-menu .iq-menu li b:nth-child(3)::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        height: 29px;
        width: 256px;
        border-top-right-radius: 50px;
        background: #0CB5A8;
    }

    /* consumer dashboard start */

    #top_banner_column_one {
        background-image: url(../../saas/img/hazrin_assets/dashboard_banner.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 400px;
        border-radius: 10px;
    }

    #top_banner_column_one p:nth-child(1) {
        position: absolute;
        height: 37px;
        left: 60.05%;
        right: 0%;
        top: calc(50% - 37px/2 - 129.5px);
        font-family: 'Averta';
        font-size: 30px;
        line-height: 35px;
        color: #FFFFFF;
        font-weight: bold;
    }

    #top_banner_column_one p:nth-child(2) {
        position: absolute;
        height: 37px;
        left: 60.05%;
        right: 0%;
        top: calc(50% - 37px/2 - 66.5px);
        font-family: 'Averta';
        font-weight: 400;
        font-size: 24px;
        line-height: 35px;
        color: #FFFFFF;
    }

    #top_banner_column_one p:nth-child(3) {
        position: absolute;
        height: 37px;
        left: 60.05%;
        right: 5%;
        top: calc(50% - 37px/2 - 0.5px);
        font-family: 'Averta';
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;

    }

    #top_banner_column_one button {
        position: absolute;
        width: 214px;
        height: 48px;
        left: 60.05%;
        top: 300px;
        background: #FFFFFF;
        box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border-color: #008080;
        border-radius: 6px;
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
    }

    #top_banner_column_two #counter1 {
        background-image: url(../../saas/img/hazrin_assets/counter1_bg.png);
        background-color: #D0E6F6;
        border-radius: 10px;
        max-width: 180px;
        height: 162px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 20px;
    }

    #top_banner_column_two #counter1 p:nth-child(1) {
        position: absolute;
        width: 57px;
        height: 60px;
        left: 65px;
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }

    #top_banner_column_two #counter1 p:nth-child(2) {
        position: absolute;
        left: 35px;
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #top_banner_column_two #counter2 {
        background-image: url(../../saas/img/hazrin_assets/counter2_bg.png);
        background-color: #FFDCC0;
        border-radius: 10px;
        max-width: 180px;
        height: 162px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 20px;
    }

    #top_banner_column_two #counter2 p:nth-child(1) {
        position: absolute;
        width: 57px;
        height: 60px;
        left: 65px;
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }

    #top_banner_column_two #counter2 p:nth-child(2) {
        position: absolute;
        left: 50px;
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #top_banner_column_two #counter3 {
        background-image: url(../../saas/img/hazrin_assets/counter3_bg.png);
        background-color: #C7CCFF;
        border-radius: 10px;
        max-width: 180px;
        height: 162px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 20px;
    }

    #top_banner_column_two #counter3 p:nth-child(1) {
        position: absolute;
        width: 57px;
        height: 60px;
        left: 65px;
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }

    #top_banner_column_two #counter3 p:nth-child(2) {
        position: absolute;
        left: 55px;
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #top_banner_column_two #counter4 {
        background-image: url(../../saas/img/hazrin_assets/counter4_bg.png);
        background-color: #FFF0D1;
        border-radius: 10px;
        max-width: 180px;
        height: 162px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 20px;
    }

    #top_banner_column_two #counter4 p:nth-child(1) {
        position: absolute;
        width: 57px;
        height: 60px;
        left: 65px;
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }

    #top_banner_column_two #counter4 p:nth-child(2) {
        position: absolute;
        left: 20px;
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #myads h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    .myads_section {
        height: 100px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .myads_section #icon {
        position: absolute;
        width: 72px;
        height: 72px;
        left: 20px;
        top: 13px;
        border-radius: 10px;
    }

    .myads_section #para1 {
        position: absolute;
        width: 130px;
        height: 60px;
        left: 110px;
        top: 18px;
        font-family: 'Averta';
        font-size: 16px;
        line-height: 125%;
        letter-spacing: 0.5px;
        color: #333333;
        font-weight: bold;
    }

    .myads_section #para2 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 300px;
        top: 18px;
        font-family: 'Averta';
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #para3 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 300px;
        top: 42px;
        font-family: 'Averta-Black';
        font-size: 20px;
        line-height: 180%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
    }

    .myads_section #para4 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 500px;
        top: 18px;
        font-family: 'Averta';
        font-size: 16px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #featured_capsule {
        position: absolute;
        left: 540px;
        top: 47px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        width: 100px;
        height: 30px;
    }

    .myads_section #featured_capsule img {
        margin: 4px 13px;
        width: 12px;
    }

    .myads_section #featured_capsule p {
        margin-top: -20px;
        margin-left: 19px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
    }

    .myads_section #ad_status {
        position: absolute;
        width: 110px;
        height: 36px;
        left: 690px;
        top: 30px;
        background: #DFF6F6;
        border-radius: 5px;
    }

    .myads_section #ad_status p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #008080;
        margin-top: 8px;
    }

    #dashboard_area{
        max-width: 825px;
    }

    #user_area {
        max-width: 350px;
        height: 1335px;
        border: 1px solid #008080;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
        border-radius: 6px;
        margin-left: 50px;
        margin-bottom: 20px;
    }

    #user_area .user_img {
        position: absolute;
        width: 180px;
        height: 180px;
        left: 70px;
        top: 25px;
        border-radius: 50%;
    }

    #user_area .user_name {
        position: absolute;
        height: 32px;
        left: calc(100% - 210px);
        top: calc(50% - 32px/2 - 430px);
        font-family: 'Averta';
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
        font-weight: bold;
    }

    #user_area .fa-map-marker {
        position: absolute;
        width: 10px;
        height: 14.05px;
        left: 122px;
        top: 275px;
        color: #FF6469;
        font-size: 16px;
    }

    #user_area .user_address {
        position: absolute;
        left: 137px;
        top: 270px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.02em;
        color: #555555;
    }

    #user_area .user_category {
        background-image: url(../../saas/img/hazrin_assets/category_bg.png);
        position: absolute;
        width: 302px;
        height: 131px;
        left: 20px;
        top: 350px;
        border-radius: 6px;
        background-repeat: no-repeat;
    }

    #user_area .user_category img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 15px;
    }

    #user_area .user_category p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 8px;
    }

    #user_area .span1 {
        position: absolute;
        width: 301px;
        height: 0px;
        left: 20px;
        top: 510px;
        border: 1px solid #C1C1C1;
    }

    #user_area .user_wallet {
        position: absolute;
        height: 32px;
        left: 20px;
        top: 545px;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
        font-weight: bold;
    }

    #user_area .today {
        position: absolute;
        height: 32px;
        left: 20px;
        top: 610px;
        font-family: 'Averta';
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
    }

    #user_area .wallet_transactions {
        position: relative;
        left: 20px;
        top: 665px;
        margin-bottom: 15px;
        bottom: 34px;
        width: 302px;
        height: 150px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
    }

    #user_area .wallet_transactions .icon {
        position: absolute;
        width: 41px;
        height: 41px;
        left: 8px;
        top: 5px;
    }

    #user_area .wallet_transactions .p1 {
        position: absolute;
        left: 65px;
        top: 5px;
        font-family: 'Averta';
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.03em;
        color: #333333;
    }

    #user_area .wallet_transactions .p2 {
        position: absolute;
        left: 65px;
        top: 25px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 170%;
    }

    #user_area .wallet_transactions .p3 {
        position: absolute;
        left: 203px;
        top: 5px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 170%;
    }

    #user_area .wallet_transactions .p4 {
        position: absolute;
        left: 212px;
        top: 73px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 19px;
        color: #008080;
    }

    #user_area .wallet_transactions .debit_icon {
        position: absolute;
        left: 8px;
        top: 115px;
        width: 69px;
        height: 25px;
    }

    #user_area .wallet_transactions .credit_icon {
        position: absolute;
        left: 8px;
        top: 115px;
        width: 69px;
        height: 25px;
    }

    #user_area .wallet_transactions .p5 {
        position: absolute;
        left: 88px;
        top: 114px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 25px;
        text-align: center;
        color: #FFC107;
        background-color: #FFFBEF;
        padding-left: 12px;
        padding-right: 12px;
    }

    #user_area .span2 {
        position: absolute;
        width: 301px;
        height: 0px;
        left: 20px;
        top: 1005px;
        border: 1px solid #C1C1C1;
    }

    #user_area .user_Rewards {
        position: absolute;
        height: 32px;
        left: 20px;
        top: 1040px;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
        font-weight: bold;
    }

    #user_area .rewards_section {
        position: absolute;
        left: 20px;
        top: 1100px;
        width: 100%;
        height: 173.2px;
        background-image: url(../../saas/img/hazrin_assets/rewards_bg.png);
        background-repeat: no-repeat;
    }

    #user_area .rewards_section .icon {
        position: absolute;
        width: 31.93px;
        height: 34.93px;
        left: 25px;
        top: 65px;
    }

    #user_area .rewards_section .p1 {
        position: absolute;
        left: 25px;
        top: 5px;
        font-family: 'Averta';
        font-size: 22px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #FBFBFB;
        mix-blend-mode: normal;
    }

    #user_area .rewards_section .p1 span {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #FBFBFB;
        mix-blend-mode: normal;
        margin-right: 10px;
    }

    #user_area .rewards_section .p2 {
        position: absolute;
        left: 65px;
        top: 63px;
        font-family: 'Averta';
        font-size: 14px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #FBFBFB;
    }

    #user_area .rewards_section .p3 {
        position: absolute;
        width: 258.4px;
        height: 31.64px;
        left: 20px;
        top: 120px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 123.5%;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }

    /* consumer dashboard end */

    /* consumer track order start */

    #track_order h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #services_tab #column_left {
        background: #FFFFFF;
        border-radius: 10px;
    }

    #services_tab #column_right {
        background: #FFFFFF;
        border: 2px solid #008080;
        border-radius: 10px;
        height: fit-content;
        max-width: 700px;
        margin-left: 109px;
        margin-bottom: 50px;
        display: none;
    }

    #services_tab #column_left .cards {
        background: #FFFBEF;
        border-radius: 10px;
        height: auto;
        width: 500px;
        /* border-right: 6px solid #008080; */
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
    }

    #services_tab #column_left .cards #icon {
        display: block;
        margin-top: 9px;
        margin-left: 15px;
        height: 92px;
        width: 100px;
        top: 8.19%;
        bottom: 73.77%;
        filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
        border-radius: 10px;
    }

    #services_tab #column_left .cards #para1 {
        font-weight: bold;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.03em;
        color: #333333;
        margin-right: 10px;
    }

    #services_tab #column_left .cards #para2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.03em;
        color: #333333;
    }

    #services_tab #column_left .cards #para3 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.03em;
    }

    #quotation_status_waiting {
        width: 180px;
        height: 25px;
        background: #FFE6E8;
        border-radius: 4px;
        margin-top: 30px;
    }

    #quotation_status_waiting p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #FC384E;
        text-align: center;
        padding-top: 5px;
    }
    #product_status_rejected {
        width: 180px;
        height: 25px;
        background: #FFE6E8;
        border-radius: 4px;
        margin-top: 30px;
    }

    #product_status_rejected p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #FC384E;
        text-align: center;
        padding-top: 5px;
    }

    #quotation_status_received {
        width: 180px;
        height: 25px;
        background: #FEF0C5;
        border-radius: 4px;
        margin-top: 30px;
    }

    #quotation_status_received p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #E2A325;
        text-align: center;
        padding-top: 5px;
    }

    #quotation_status_progress {
        width: 180px;
        height: 25px;
        background: #DFF6F6;
        border-radius: 4px;
        margin-top: 30px;
    }

    #quotation_status_progress p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #008080;
        text-align: center;
        padding-top: 5px;
    }
    #product_status_progress {
        width: 180px;
        height: 25px;
        background: #DFF6F6;
        border-radius: 4px;
        margin-top: 30px;
    }

    #product_status_progress p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #008080;
        text-align: center;
        padding-top: 5px;
    }

    #services_tab #column_left .delete_icon {
        position: relative;
        left: 310px;
        top: -27px;
        width: 20px;
        height: 20px;
    }

    #services_tab #column_left #vendor_icon {
        position: relative;
        left: 300px;
        top: -35px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

    #services_tab #column_right .subservice_card {
        background: #FFFBEF;
        border-radius: 10px;
        display: flex;
        flex-wrap: nowrap;
        margin-right: 10px;
        margin-left: 10px;
    }

    #services_tab #column_right .subservice_card #icon {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 92px;
        height: 92px;
        margin-top: 15px;
        border-radius: 10px;
    }

    #services_tab #column_right .subservice_card #para1 {
        margin-top: 15px;
        border-radius: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.03em;
        color: #008080;
        font-weight: bold;
    }

    #services_tab #column_right .subservice_card .service_status {
        position: absolute;
        left: 81.82%;
        right: 9.01%;
        top: 10.5%;
        height: 35px;
        width: 97px;
        bottom: 75.85%;
        background: #008080;
        border-radius: 6px;
    }

    #services_tab #column_right .subservice_card .service_status p {
        color: #FFFFFF;
        text-align: center;
        margin-top: 5px;
    }

    #detailsTabHeading h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
    }

    #serviceType {
        border: 1px solid #008080;
        border-radius: 6px;
        height: 50px;
        max-width: 350px;
    }

    #serviceType img {
        width: 30px;
        margin-top: 7px;
    }

    #serviceType p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        position: absolute;
        left: 60px;
        bottom: 0px;
    }

    #detailsTabPar p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        color: #555555;
    }

    #detailsTabAudio .playback {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 0px;
    }

    #detailsTabAudio #audio-playback {
        width: 100%;
        height: 48px;
        border: 1px solid #008080;
        border-radius: 6px;
        ;
    }

    audio::-webkit-media-controls-panel,
    video::-webkit-media-controls-panel {
        background-color: #fff;
    }


    #detailsTabImages {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 300px;
        margin-left: 15px;
    }

    #detailsTabImages h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
        margin-top: 10px;
    }

    #detailsTabImages .col-2 img {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #detailsTabVideos {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 300px;
        margin-left: 35px;
    }

    #detailsTabVideos h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
        margin-top: 10px;
    }

    #detailsTabVideos .col-2 video {
        width: 60px;
        height: 70px;
        border-radius: 10px;
        object-fit: cover;
    }

    #detailsTabAddress #map {
        height: 250px;
        border-radius: 10px;
    }

    #detailsTabDateOverview {
        max-width: 270px;
    }

    #detailsTabTimeOverview {
        max-width: 270px;
    }

    #detailsTabDate input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

    #detailsTabTime input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

    #detailsTabDateOverview input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }
    
    #detailsTabTimeOverview input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

    #detailsTabTerms input {
        width: 16px;
        height: 16px;
        border-radius: 4px;
        cursor: pointer;
    }

    #detailsTabTerms label {
        position: relative;
        top: -3px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin-left: 5px;
    }

    #detailsTabTerms span {
        color: #008080;
        text-decoration: underline;
        font-weight: bold;
    }

    #detailsTabDynamicForm .form-label {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
    }

    #detailsTabDynamicForm .form-control {
        width: 100%;
        height: 48px;
        border: 1px solid #008080;
        color: #008080;
        border-radius: 6px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
    }

    #detailsTabDynamicForm .form-control:read-only {
        background-color: #fff;
    }

    #detailsTabDynamicForm .form-control:focus {
        border: 1px solid #008080;
    }

    #detailsTabDynamicForm select {
        color: #C1C1C1;
    }

    #detailsTabDynamicForm input[type=checkbox] {
        width: 14% !important;
        height: 20px;

    }

    #detailsTabDynamicForm ul {
        list-style-type: none;
    }

    #detailsTabDynamicForm button {
        background: #008080;
        border-radius: 6px;
        width: 343px;
        height: 48px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }

    #detailsTabDynamicForm input[type=radio] {
        width: 14% !important;
        height: 20px;

    }

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    #quotationsTabHeading h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
        color: #008080;
    }

    #quotationsTabListing {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 400px;
        margin-left: 15px;
        display: flex;
        flex-wrap: nowrap;
    }

    #quotationsTabListingCol{
        max-width: 320px;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #quotationsTabListing #vendor_icon {
        margin-top: 9px;
        width: 60px;
        height: 60px;
        filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
        border-radius: 30px;
    }

    #quotationsTabListing .vendor_name #para1 {
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 10px;
    }

    #quotationsTabListing .vendor_name .ratings {
        font-size: 11px;
        margin-top: -15px;
    }

    .checked {
        color: orange;
    }

    #quotationsTabListing .vendor_name #para2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #quotationsTabListing .vendor_name #para2 span {
        color: #555555;
    }

    #quotationsTabListing #arrow_down {
        position: absolute;
        width: 12px;
        height: 7.7px;
        right: 22px;
        top: 29px;
        cursor: pointer;
    }

    #quotationsTabListing #arrow_up {
        position: absolute;
        width: 12px;
        height: 7.7px;
        right: 22px;
        top: 29px;
        cursor: pointer;
        display: none;
    }

    .quotationsTabExtends {
        border: 1px solid #008080;
        max-width: 400px;
        margin-left: 15px;
        height: fit-content;
        display: none;
    }

    #quotationsTabExtendsHeading h1 {
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: bold;
    }

    #quotationsTabExtendsPar p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        color: #555555;
        font-size: 16px;
    }

    .quotationsTabExtends .form-control {
        height: 48px;
        border: 1px solid #008080;
        color: #008080;
        border-radius: 6px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
    }

    .quotationsTabExtends .form-control:read-only {
        background-color: #fff;
    }

    #quotationsTabExtendsImages {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 290px;
        margin-left: 15px;
    }

    #quotationsTabExtendsImages h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
        margin-top: 10px;
    }

    #quotationsTabExtendsImages .col-2 {
        margin-right: 19px !important;
    }

    #quotationsTabExtendsImages .col-2 img {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #totalPrice {
        border: 1px solid #008080;
        border-radius: 6px;
        height: 50px;
        max-width: 285px;
    }

    #totalPrice img {
        width: 28px;
        margin-top: 10px;
    }

    #totalPrice p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        position: absolute;
        left: 60px;
        bottom: 0px;
    }

    #totalPrice span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 12px;
    }

    #quotationsButtonReject {
        font-family: 'Averta';
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #008080;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #quotationsButtonReject:hover {
        font-family: 'Averta';
        height: 48px;
        background: #FFFFFF !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #008080;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #quotationsButtonAccept {
        font-family: 'Averta';
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #quotationsButtonAccept:hover {
        font-family: 'Averta';
        height: 48px;
        background: #008080;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #DeleteServiceReqModal .modal-footer {
        border-top: 0px !important;
    }

    #DeleteServiceReqModal #cancelBtn {
        width: 215px;
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #DeleteServiceReqModal #cancelBtn:hover {
        background: #FFFFFF !important;
    }

    #DeleteServiceReqModal #deleteBtn {
        width: 215px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #DeleteServiceReqModal #deleteBtn:hover {
        background: #008080 !important;
    }

    #DeleteServiceReqModal img {
        width: 221.01px;
        height: 221.02px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #DeleteServiceReqModal h1 {
        font-family: 'Averta';
        font-weight: bolder;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #DeleteServiceReqModal .modal-header {
        border-bottom: 0px !important;
    }

    #DeleteServiceReqModal #closeModal {
        position: relative;
        left: 440px;
        bottom: 8px;
        font-size: 16px;
        border: 1px solid #008080;
        border-radius: 75px;
        width: 28px;
        height: 29px;
        padding-left: 7px;
        background: #008080;
        color: #ffff;
    }

    /* consumer track order end */


    /* consumer track order overview */

    #get_address {
        box-sizing: border-box;
        width: 512px;
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

    #get_address .row:nth-child(1) .col-1 input {
        width: 16px;
        height: 16px;
        border-radius: 4px;
        margin: 12px 9px;
        cursor: pointer;
    }

    #get_address .row:nth-child(1) .col-8 p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #008080;
        margin: 12px 12px;
    }


    #get_address .row:nth-child(1) .col-4 p {
        font-weight: bold;
        font-size: 12px;
        line-height: 180%;
        letter-spacing: 0.5px;
        color: #008080;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 4px;
        width: 80px;
        height: auto;
        text-align: center;
        margin: 12px 55px;
    }

    #get_address .row:nth-child(2) .col-12 p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin-left: 10px;
    }

    #get_address .row:nth-child(3) .col-12 p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin-left: 10px;
        margin-right: 10px;
    }

    #get_address .row:nth-child(4) .col-6 p {
        font-weight: bold;
        font-size: 12px;
        line-height: 180%;
        letter-spacing: 0.5px;
        color: #FFFFFF;
        background: #008080;
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        width: 72px;
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

    #get_address .row:nth-child(4) .col-6 img {
        float: right;
        margin: 16px 14px;
        cursor: pointer;
    }

    #get_service {
        box-sizing: border-box;
        width: 512px;
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

    #get_service .row:nth-child(1) .col-12 p {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.08px;
        color: #333333;
        margin: 12px 12px;
    }

    #get_service .cards {
        background: #FFFBEF;
        border-radius: 10px;
        height: auto;
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
        margin-left: 10px;
        margin-right: 10px;
    }

    #get_service .cards #icon {
        display: block;
        margin-top: 9px;
        margin-left: 15px;
        height: 92px;
        width: 100px;
        filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
        border-radius: 10px;
    }

    #get_service .cards #para1 {
        font-weight: bold;
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.03em;
        color: #333333;
    }

    #get_service .cards #para2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        color: #333333;
        width: 300px;
        margin-top: -10px;
    }

    #totalPriceOveriew {
        border: 1px solid #008080;
        border-radius: 6px;
        height: 50px;
        max-width: 510px;
    }

    #totalPriceOveriew img {
        width: 28px;
        margin-top: 10px;
    }

    #totalPriceOveriew p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        position: absolute;
        left: 60px;
        bottom: 0px;
    }

    #totalPriceOveriew span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 15px;
    }

    #overviewContBtn {
        font-family: 'Averta';
        width: 510px;
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    /* consumer track order overview end */


    /* consumer track order payment */
    .payment_card {
        text-align: left;
    }

    .payment_card h2 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #cash_payment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 550px;
        height: 70px;
    }

    #cash_payment img {
        margin: 10px 14px 14px 8px;
    }

    #cash_payment label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #cash_payment input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #easypaisa_payment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 550px;
        height: 70px;
    }

    #easypaisa_payment img {
        margin: 10px 14px 14px 8px;
    }

    #easypaisa_payment label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #easypaisa_payment input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #card_payment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 550px;
        height: 70px;
    }

    #card_payment img {
        margin: 10px 14px 14px 8px;
    }

    #card_payment label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #card_payment input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #hazrin_wallet {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 550px;
        height: 70px;
    }

    #hazrin_wallet img {
        margin: 10px 14px 14px 8px;
    }

    #hazrin_wallet label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #hazrin_wallet input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #payment_column_left {
        padding: 0px 67px;
    }

    #payment_column_right {
        padding: 0px 25px;
    }

    #cash_div {
        display: none;
    }

    #cash_div h2 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #cash_div p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        margin-top: 25px;
    }

    #cash_div img {
        position: absolute;
        right: -78px;
        top: 250px;
    }

    #placeOrderBtn {
        font-family: 'Averta';
        width: 350px;
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        margin-top: 100px;
    }
    .ShopOrderBtn {
        font-family: 'Averta';
        width: 350px;
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        margin-top: 100px;
    }

    #OrderSuccessModal h1 {
        font-family: 'Averta';
        font-weight: bolder;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 30px;
        padding: 0px 100px;
    }

    #OrderSuccessModal img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 30px;
    }

    #OrderSuccessModal p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.5px;
        color: #555555;
        padding: 0px 100px;
    }

    #OrderSuccessModal button {
        font-family: 'Averta';
        width: 386px;
        height: 48px;
        left: 767px;
        top: 1197px;
        background: #008080;
        border-radius: 6px;
        display: block;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #OrderSuccessModal button:hover {
        background: #008080 !important;
    }

    #OrderSuccessModal .modal-footer {
        border-top: 0px !important;
    }

    #OrderSuccessModal .modal-header {
        border-bottom: 0px !important;
    }

    #totalPricePayment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        max-width: 550px;
        height: 70px;
    }
    
    #totalPricePayment img {
        margin: 20px 14px 14px 15px;
    }
    
    #totalPricePayment p {
        font-style: normal;
        display: flex;
        position: absolute;
        left: 81px;
        bottom: 8px;
        font-family: 'Averta';
        font-weight: 600;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }
    
    #totalPricePayment span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 24px;
    }

    /* consumer track order payment end */
}

@media only screen and (min-width: 1270px) and (max-width: 1440px) {

    .iq-sidebar-menu .iq-menu li b:nth-child(1)::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        height: 29px;
        width: 256px;
        border-bottom-right-radius: 50px;
        background: #0CB5A8;
    }

    .iq-sidebar-menu .iq-menu li b:nth-child(3)::before {
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        height: 29px;
        width: 256px;
        border-top-right-radius: 50px;
        background: #0CB5A8;
    }

    /* consumer dashboard start */

    #top_banner_column_one {
        background-image: url(../../saas/img/hazrin_assets/dashboard_banner.png);
        background-size: cover;
        background-repeat: no-repeat;
        height: 300px;
        width: calc(100% + 62px);
        border-radius: 10px;
    }

    #top_banner_column_one p:nth-child(1) {
        position: absolute;
        height: 37px;
        left: 57%;
        right: 0%;
        top: 20px;
        font-family: 'Averta';
        font-size: 30px;
        line-height: 35px;
        color: #FFFFFF;
        font-weight: bold;
    }

    #top_banner_column_one p:nth-child(2) {
        position: absolute;
        height: 37px;
        left: 57%;
        right: 1%;
        top: 70px;
        font-family: 'Averta';
        font-weight: 400;
        font-size: 20px;
        line-height: 30px;
        color: #FFFFFF;
    }

    #top_banner_column_one p:nth-child(3) {
        position: absolute;
        height: 37px;
        left: 57%;
        right: 1%;
        top: 120px;
        font-family: 'Averta';
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
    }

    #top_banner_column_one button {
        position: absolute;
        width: 160px;
        height: 40px;
        left: 57%;
        top: 236px;
        background: #FFFFFF;
        box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border-color: #008080;
        border-radius: 6px;
        font-family: 'Averta';
        font-size: 14px;
        line-height: 10px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
    }

    #top_banner_column_two #counter1 {
        background-image: url(../../saas/img/hazrin_assets/counter1_bg.png);
        background-color: #D0E6F6;
        border-radius: 10px;
        max-width: calc(100% - 230px);
        height: 162px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 30px;
    }
    
    #top_banner_column_two #counter1 p:nth-child(1) {
        position: absolute;
        height: 60px;
        left: calc(100% - 100px);
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }
    
    #top_banner_column_two #counter1 p:nth-child(2) {
        position: absolute;
        left: calc(100% - 143px);
        right: calc(100% - 152px);
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }
    
    #top_banner_column_two #counter2 {
        background-image: url(../../saas/img/hazrin_assets/counter2_bg.png);
        background-color: #FFDCC0;
        border-radius: 10px;
        max-width: calc(100% - 230px);
        height: 162px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 30px;
    }
    
    #top_banner_column_two #counter2 p:nth-child(1) {
        position: absolute;
        height: 60px;
        left: calc(100% - 100px);
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }
    
    #top_banner_column_two #counter2 p:nth-child(2) {
        position: absolute;
        left: calc(100% - 143px);
        right: calc(100% - 152px);
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }
    
    #top_banner_column_two #counter3 {
        background-image: url(../../saas/img/hazrin_assets/counter3_bg.png);
        background-color: #C7CCFF;
        border-radius: 10px;
        max-width: calc(100% - 230px);
        height: 162px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 30px;
    }
    
    #top_banner_column_two #counter3 p:nth-child(1) {
        position: absolute;
        height: 60px;
        left: calc(100% - 100px);
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }
    
    #top_banner_column_two #counter3 p:nth-child(2) {
        position: absolute;
        left: calc(100% - 143px);
        right: calc(100% - 152px);
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }
    
    #top_banner_column_two #counter4 {
        background-image: url(../../saas/img/hazrin_assets/counter4_bg.png);
        background-color: #FFF0D1;
        border-radius: 10px;
        max-width: calc(100% - 230px);
        height: 162px;
        background-repeat: no-repeat;
        background-size: contain;
        margin-right: 30px;
        margin-top: 15px;
    }
    
    #top_banner_column_two #counter4 p:nth-child(1) {
        position: absolute;
        height: 60px;
        left: calc(100% - 100px);
        top: 35px;
        font-family: 'Averta-Black';
        color: #333333;
        font-weight: bold;
        font-size: 48px;
        line-height: 56px;
        text-align: center;
        letter-spacing: -0.08px;
    }
    
    #top_banner_column_two #counter4 p:nth-child(2) {
        position: absolute;
        left: calc(100% - 125px);
        right: calc(100% - 125px);
        top: 102px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #myads h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    .myads_section {
        height: 100px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .myads_section #icon {
        position: absolute;
        width: 72px;
        height: 72px;
        left: 20px;
        top: 13px;
        border-radius: 10px;
    }

    .myads_section #para1 {
        position: absolute;
        width: 130px;
        height: 60px;
        left: 110px;
        top: 18px;
        font-family: 'Averta';
        font-size: 14px;
        line-height: 125%;
        letter-spacing: 0.5px;
        color: #333333;
        font-weight: bold;
    }

    .myads_section #para2 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 230px;
        top: 18px;
        font-family: 'Averta';
        font-size: 14px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #para3 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 230px;
        top: 42px;
        font-family: 'Averta-Black';
        font-size: 18px;
        line-height: 180%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
    }

    .myads_section #para4 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 375px;
        top: 18px;
        font-family: 'Averta';
        font-size: 14px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #featured_capsule {
        position: absolute;
        left: 410px;
        top: 47px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        width: 100px;
        height: 30px;
    }

    .myads_section #featured_capsule img {
        margin: 4px 13px;
        width: 12px;
    }

    .myads_section #featured_capsule p {
        margin-top: -20px;
        margin-left: 19px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
    }

    .myads_section #ad_status {
        position: absolute;
        width: 90px;
        height: 30px;
        left: 540px;
        top: 30px;
        background: #DFF6F6;
        border-radius: 5px;
    }

    .myads_section #ad_status p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #008080;
        margin-top: 5px;
    }

    #dashboard_area{
        max-width: calc(100% - 465px);
    }

    #user_area {
        max-width: 350px;
        height: 1335px;
        border: 1px solid #008080;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
        border-radius: 6px;
        margin-left: 50px;
        margin-bottom: 20px;
    }

    #user_area .user_img {
        position: absolute;
        width: 180px;
        height: 180px;
        left: 70px;
        top: 25px;
        border-radius: 50%;
    }

    #user_area .user_name {
        position: absolute;
        height: 32px;
        left: calc(100% - 265px);
        top: calc(50% - 32px/2 - 430px);
        font-family: 'Averta';
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
        font-weight: bold;
    }

    #user_area .fa-map-marker {
        position: absolute;
        width: 10px;
        height: 14.05px;
        left: 85px;
        top: 275px;
        color: #FF6469;
        font-size: 16px;
    }

    #user_area .user_address {
        position: absolute;
        left: 106px;
        top: 270px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: -0.02em;
        color: #555555;
    }

    #user_area .user_category {
        background-image: url(../../saas/img/hazrin_assets/category_bg.png);
        position: absolute;
        width: 302px;
        height: 131px;
        left: 20px;
        top: 350px;
        border-radius: 6px;
        background-repeat: no-repeat;
    }

    #user_area .user_category img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 15px;
    }

    #user_area .user_category p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 8px;
    }

    #user_area .span1 {
        position: absolute;
        width: 301px;
        height: 0px;
        left: 20px;
        top: 510px;
        border: 1px solid #C1C1C1;
    }

    #user_area .user_wallet {
        position: absolute;
        height: 32px;
        left: 20px;
        top: 545px;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
        font-weight: bold;
    }

    #user_area .today {
        position: absolute;
        height: 32px;
        left: 20px;
        top: 610px;
        font-family: 'Averta';
        font-size: 18px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
    }

    #user_area .wallet_transactions {
        position: relative;
        left: 20px;
        top: 665px;
        margin-bottom: 15px;
        bottom: 34px;
        width: 302px;
        height: 150px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
    }

    #user_area .wallet_transactions .icon {
        position: absolute;
        width: 41px;
        height: 41px;
        left: 8px;
        top: 5px;
    }

    #user_area .wallet_transactions .p1 {
        position: absolute;
        left: 65px;
        top: 5px;
        font-family: 'Averta';
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.03em;
        color: #333333;
    }

    #user_area .wallet_transactions .p2 {
        position: absolute;
        left: 65px;
        top: 25px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 170%;
    }

    #user_area .wallet_transactions .p3 {
        position: absolute;
        left: 203px;
        top: 5px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 170%;
    }

    #user_area .wallet_transactions .p4 {
        position: absolute;
        left: 212px;
        top: 73px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 19px;
        color: #008080;
    }

    #user_area .wallet_transactions .debit_icon {
        position: absolute;
        left: 8px;
        top: 115px;
        width: 69px;
        height: 25px;
    }

    #user_area .wallet_transactions .credit_icon {
        position: absolute;
        left: 8px;
        top: 115px;
        width: 69px;
        height: 25px;
    }

    #user_area .wallet_transactions .p5 {
        position: absolute;
        left: 88px;
        top: 114px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 25px;
        text-align: center;
        color: #FFC107;
        background-color: #FFFBEF;
        padding-left: 12px;
        padding-right: 12px;
    }

    #user_area .span2 {
        position: absolute;
        width: 301px;
        height: 0px;
        left: 20px;
        top: 1005px;
        border: 1px solid #C1C1C1;
    }

    #user_area .user_Rewards {
        position: absolute;
        height: 32px;
        left: 20px;
        top: 1040px;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.02em;
        color: #333333;
        font-weight: bold;
    }

    #user_area .rewards_section {
        position: absolute;
        left: 20px;
        top: 1100px;
        width: 100%;
        height: 173.2px;
        background-image: url(../../saas/img/hazrin_assets/rewards_bg.png);
        background-repeat: no-repeat;
    }

    #user_area .rewards_section .icon {
        position: absolute;
        width: 31.93px;
        height: 34.93px;
        left: 25px;
        top: 65px;
    }

    #user_area .rewards_section .p1 {
        position: absolute;
        left: 25px;
        top: 5px;
        font-family: 'Averta';
        font-size: 22px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #FBFBFB;
        mix-blend-mode: normal;
    }

    #user_area .rewards_section .p1 span {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #FBFBFB;
        mix-blend-mode: normal;
        margin-right: 10px;
    }

    #user_area .rewards_section .p2 {
        position: absolute;
        left: 65px;
        top: 63px;
        font-family: 'Averta';
        font-size: 14px;
        line-height: 35px;
        display: flex;
        align-items: center;
        color: #FBFBFB;
    }

    #user_area .rewards_section .p3 {
        position: absolute;
        width: 258.4px;
        height: 31.64px;
        left: 20px;
        top: 120px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 123.5%;
        display: flex;
        align-items: center;
        color: #FFFFFF;
    }

    /* consumer dashboard end */

    /* consumer track order start */

    #track_order h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #services_tab #column_left {
        background: #FFFFFF;
        border-radius: 10px;
    }

    #services_tab #column_right {
        background: #FFFFFF;
        border: 2px solid #008080;
        border-radius: 10px;
        height: fit-content;
        max-width: calc(100% - 520px);
        margin-left: 109px;
        margin-bottom: 50px;
        display: none;
    }

    #services_tab #column_left .cards {
        background: #FFFBEF;
        border-radius: 10px;
        height: auto;
        width: calc(100% + 115px);
        /* border-right: 6px solid #008080; */
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
    }

    #services_tab #column_left .cards #icon {
        display: block;
        margin-top: 9px;
        margin-left: 15px;
        height: 92px;
        width: 100px;
        top: 8.19%;
        bottom: 73.77%;
        filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
        border-radius: 10px;
    }

    #services_tab #column_left .cards #para1 {
        font-weight: bold;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.03em;
        color: #333333;
        margin-right: 10px;
    }

    #services_tab #column_left .cards #para2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.03em;
        color: #333333;
    }

    #services_tab #column_left .cards #para3 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.03em;
    }

    #quotation_status_waiting {
        width: 180px;
        height: 25px;
        background: #FFE6E8;
        border-radius: 4px;
        margin-top: 30px;
    }

    #quotation_status_waiting p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #FC384E;
        text-align: center;
        padding-top: 5px;
    }
    #product_status_rejected {
        width: 180px;
        height: 25px;
        background: #FFE6E8;
        border-radius: 4px;
        margin-top: 30px;
    }

    #product_status_rejected p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #FC384E;
        text-align: center;
        padding-top: 5px;
    }

    #quotation_status_received {
        width: 180px;
        height: 25px;
        background: #FEF0C5;
        border-radius: 4px;
        margin-top: 30px;
    }

    #quotation_status_received p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #E2A325;
        text-align: center;
        padding-top: 5px;
    }

    #quotation_status_progress {
        width: 180px;
        height: 25px;
        background: #DFF6F6;
        border-radius: 4px;
        margin-top: 30px;
    }

    #quotation_status_progress p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #008080;
        text-align: center;
        padding-top: 5px;
    }
    #product_status_progress {
        width: 180px;
        height: 25px;
        background: #DFF6F6;
        border-radius: 4px;
        margin-top: 30px;
    }

    #product_status_progress p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #008080;
        text-align: center;
        padding-top: 5px;
    }

    #services_tab #column_left .delete_icon {
        position: relative;
        left: 260px;
        top: -27px;
        width: 20px;
        height: 20px;
    }

    #services_tab #column_left #vendor_icon {
        position: relative;
        left: 250px;
        top: -35px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

    #services_tab #column_right .subservice_card {
        background: #FFFBEF;
        border-radius: 10px;
        display: flex;
        flex-wrap: nowrap;
        margin-right: 10px;
        margin-left: 10px;
    }

    #services_tab #column_right .subservice_card #icon {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 92px;
        height: 92px;
        margin-top: 15px;
        border-radius: 10px;
    }

    #services_tab #column_right .subservice_card #para1 {
        margin-top: 15px;
        border-radius: 10px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-family: 'Averta';
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.03em;
        color: #008080;
        font-weight: bold;
    }

    #services_tab #column_right .subservice_card .service_status {
        position: absolute;
        left: calc(100% - 115px);
        right: calc(100% - 115px);
        top: 10.5%;
        height: 35px;
        width: 97px;
        bottom: 75.85%;
        background: #008080;
        border-radius: 6px;
    }

    #services_tab #column_right .subservice_card .service_status p {
        color: #FFFFFF;
        text-align: center;
        margin-top: 5px;
    }

    #detailsTabHeading h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
    }

    #serviceType {
        border: 1px solid #008080;
        border-radius: 6px;
        height: 50px;
        max-width: 350px;
    }

    #serviceType img {
        width: 30px;
        margin-top: 7px;
    }

    #serviceType p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        position: absolute;
        left: 60px;
        bottom: 0px;
    }

    #detailsTabPar p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        color: #555555;
    }

    #detailsTabAudio .playback {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 0px;
    }

    #detailsTabAudio #audio-playback {
        width: 100%;
        height: 48px;
        border: 1px solid #008080;
        border-radius: 6px;
        ;
    }

    audio::-webkit-media-controls-panel,
    video::-webkit-media-controls-panel {
        background-color: #fff;
    }


    #detailsTabImages {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 250px;
        margin-left: 15px;
    }

    #detailsTabImages h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
        margin-top: 10px;
    }

    #detailsTabImages .col-2 img {
        width: 50px;
        height: 70px;
        border-radius: 10px;
    }

    #detailsTabVideos {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 250px;
        margin-left: 35px;
    }

    #detailsTabVideos h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
        margin-top: 10px;
    }

    #detailsTabVideos .col-2 video {
        width: 50px;
        height: 70px;
        border-radius: 10px;
        object-fit: cover;
    }

    #detailsTabAddress #map {
        height: 250px;
        border-radius: 10px;
    }

    #detailsTabDateOverview {
        max-width: 270px;
    }

    #detailsTabTimeOverview {
        max-width: 270px;
    }

    #detailsTabDate input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

    #detailsTabTime input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

    .quotationsTabExtends #detailsTabDate input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
        width: 230px;
    }

    .quotationsTabExtends #detailsTabTime input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
        width: 230px;
        margin-top: 10px;
    }
    .quotationsTabExtends .row:nth-child(7){
        display: block;
    }

    #detailsTabDateOverview input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }
    
    #detailsTabTimeOverview input {
        box-sizing: border-box;
        color: #008080;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

    #detailsTabTerms input {
        width: 16px;
        height: 16px;
        border-radius: 4px;
        cursor: pointer;
    }

    #detailsTabTerms label {
        position: relative;
        top: -3px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin-left: 5px;
    }

    #detailsTabTerms span {
        color: #008080;
        text-decoration: underline;
        font-weight: bold;
    }

    #detailsTabDynamicForm .form-label {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
    }

    #detailsTabDynamicForm .form-control {
        width: 100%;
        height: 48px;
        border: 1px solid #008080;
        color: #008080;
        border-radius: 6px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
    }

    #detailsTabDynamicForm .form-control:read-only {
        background-color: #fff;
    }

    #detailsTabDynamicForm .form-control:focus {
        border: 1px solid #008080;
    }

    #detailsTabDynamicForm select {
        color: #C1C1C1;
    }

    #detailsTabDynamicForm input[type=checkbox] {
        width: 14% !important;
        height: 20px;

    }

    #detailsTabDynamicForm ul {
        list-style-type: none;
    }

    #detailsTabDynamicForm button {
        background: #008080;
        border-radius: 6px;
        width: 343px;
        height: 48px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 30px;
    }

    #detailsTabDynamicForm input[type=radio] {
        width: 14% !important;
        height: 20px;

    }

    /* Chrome, Safari, Edge, Opera */
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox */
    input[type=number] {
        -moz-appearance: textfield;
    }

    #quotationsTabHeading h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px;
        line-height: 25px;
        color: #008080;
    }

    #quotationsTabListing {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 400px;
        margin-left: 15px;
        display: flex;
        flex-wrap: nowrap;
    }

    #quotationsTabListingCol{
        max-width: 260px;
        margin-right: auto;
        margin-bottom: 15px;
    }

    #quotationsTabListing #vendor_icon {
        margin-top: 9px;
        width: 60px;
        height: 60px;
        filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
        border-radius: 30px;
    }

    #quotationsTabListing .vendor_name #para1 {
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 10px;
    }

    #quotationsTabListing .vendor_name .ratings {
        font-size: 11px;
        margin-top: -15px;
    }

    .checked {
        color: orange;
    }

    #quotationsTabListing .vendor_name #para2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #quotationsTabListing .vendor_name #para2 span {
        color: #555555;
    }

    #quotationsTabListing #arrow_down {
        position: absolute;
        width: 12px;
        height: 7.7px;
        right: 15px;
        top: 29px;
        cursor: pointer;
    }

    #quotationsTabListing #arrow_up {
        position: absolute;
        width: 12px;
        height: 7.7px;
        right: 15px;
        top: 29px;
        cursor: pointer;
        display: none;
    }

    .quotationsTabExtends {
        border: 1px solid #008080;
        max-width: 400px;
        margin-left: 15px;
        height: fit-content;
        display: none;
    }

    #quotationsTabExtendsHeading h1 {
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: bold;
    }

    #quotationsTabExtendsPar p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        line-height: 25px;
        color: #555555;
        font-size: 16px;
    }

    .quotationsTabExtends .form-control {
        height: 48px;
        border: 1px solid #008080;
        color: #008080;
        border-radius: 6px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
    }

    .quotationsTabExtends .form-control:read-only {
        background-color: #fff;
    }

    #quotationsTabExtendsImages {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 230px;
        margin-left: 15px;
    }

    #quotationsTabExtendsImages h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 25px;
        color: #333333;
        font-weight: bold;
        margin-top: 10px;
    }

    #quotationsTabExtendsImages .col-2 {
        margin-right: 32px !important;
    }

    #quotationsTabExtendsImages .col-2 img {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #totalPrice {
        border: 1px solid #008080;
        border-radius: 6px;
        height: 50px;
        max-width: 230px;
    }

    #totalPrice img {
        width: 28px;
        margin-top: 10px;
    }

    #totalPrice p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        position: absolute;
        left: 60px;
        bottom: 0px;
    }

    #totalPrice span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 12px;
    }

    #quotationsButtonReject {
        font-family: 'Averta';
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #008080;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #quotationsButtonReject:hover {
        font-family: 'Averta';
        height: 48px;
        background: #FFFFFF !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #008080;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #quotationsButtonAccept {
        font-family: 'Averta';
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #quotationsButtonAccept:hover {
        font-family: 'Averta';
        height: 48px;
        background: #008080;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    #DeleteServiceReqModal .modal-footer {
        border-top: 0px !important;
    }

    #DeleteServiceReqModal #cancelBtn {
        width: 215px;
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #DeleteServiceReqModal #cancelBtn:hover {
        background: #FFFFFF !important;
    }

    #DeleteServiceReqModal #deleteBtn {
        width: 215px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        margin-bottom: 30px;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #DeleteServiceReqModal #deleteBtn:hover {
        background: #008080 !important;
    }

    #DeleteServiceReqModal img {
        width: 221.01px;
        height: 221.02px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #DeleteServiceReqModal h1 {
        font-family: 'Averta';
        font-weight: bolder;
        font-size: 30px;
        line-height: 36px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #DeleteServiceReqModal .modal-header {
        border-bottom: 0px !important;
    }

    #DeleteServiceReqModal #closeModal {
        position: relative;
        left: 440px;
        bottom: 8px;
        font-size: 16px;
        border: 1px solid #008080;
        border-radius: 75px;
        width: 28px;
        height: 29px;
        padding-left: 7px;
        background: #008080;
        color: #ffff;
    }

    /* consumer track order end */


    /* consumer track order overview */

    #get_address {
        box-sizing: border-box;
        width: 512px;
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

    #get_address .row:nth-child(1) .col-1 input {
        width: 16px;
        height: 16px;
        border-radius: 4px;
        margin: 12px 9px;
        cursor: pointer;
    }

    #get_address .row:nth-child(1) .col-8 p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #008080;
        margin: 12px 12px;
    }


    #get_address .row:nth-child(1) .col-4 p {
        font-weight: bold;
        font-size: 12px;
        line-height: 180%;
        letter-spacing: 0.5px;
        color: #008080;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 4px;
        width: 80px;
        height: auto;
        text-align: center;
        margin: 12px 55px;
    }

    #get_address .row:nth-child(2) .col-12 p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin-left: 10px;
    }

    #get_address .row:nth-child(3) .col-12 p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin-left: 10px;
        margin-right: 10px;
    }

    #get_address .row:nth-child(4) .col-6 p {
        font-weight: bold;
        font-size: 12px;
        line-height: 180%;
        letter-spacing: 0.5px;
        color: #FFFFFF;
        background: #008080;
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        width: 72px;
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

    #get_address .row:nth-child(4) .col-6 img {
        float: right;
        margin: 16px 14px;
        cursor: pointer;
    }

    #get_service {
        box-sizing: border-box;
        width: 512px;
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

    #get_service .row:nth-child(1) .col-12 p {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: -0.08px;
        color: #333333;
        margin: 12px 12px;
    }

    #get_service .cards {
        background: #FFFBEF;
        border-radius: 10px;
        height: auto;
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
        margin-left: 10px;
        margin-right: 10px;
    }

    #get_service .cards #icon {
        display: block;
        margin-top: 9px;
        margin-left: 15px;
        height: 92px;
        width: 100px;
        filter: drop-shadow(0px 20px 40px rgba(2, 32, 44, 0.05));
        border-radius: 10px;
    }

    #get_service .cards #para1 {
        font-weight: bold;
        font-family: 'Averta';
        font-size: 16px;
        line-height: 19px;
        letter-spacing: -0.03em;
        color: #333333;
    }

    #get_service .cards #para2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        color: #333333;
        width: 300px;
        margin-top: -10px;
    }

    #totalPriceOveriew {
        border: 1px solid #008080;
        border-radius: 6px;
        height: 50px;
        max-width: 510px;
    }

    #totalPriceOveriew img {
        width: 28px;
        margin-top: 10px;
    }

    #totalPriceOveriew p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        position: absolute;
        left: 60px;
        bottom: 0px;
    }

    #totalPriceOveriew span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 15px;
    }

    #overviewContBtn {
        font-family: 'Averta';
        width: 510px;
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
    }

    /* consumer track order overview end */


    /* consumer track order payment */
    .payment_card {
        text-align: left;
    }

    .payment_card h2 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #cash_payment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 495px;
        height: 70px;
    }

    #cash_payment img {
        margin: 10px 14px 14px 8px;
    }

    #cash_payment label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #cash_payment input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #easypaisa_payment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 495px;
        height: 70px;
    }

    #easypaisa_payment img {
        margin: 10px 14px 14px 8px;
    }

    #easypaisa_payment label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #easypaisa_payment input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #card_payment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 495px;
        height: 70px;
    }

    #card_payment img {
        margin: 10px 14px 14px 8px;
    }

    #card_payment label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #card_payment input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #hazrin_wallet {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        width: 495px;
        height: 70px;
    }

    #hazrin_wallet img {
        margin: 10px 14px 14px 8px;
    }

    #hazrin_wallet label {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #hazrin_wallet input[type="radio"] {
        float: right;
        width: 16px;
        height: 16px;
        border: 1px solid #008080;
        box-sizing: border-box;
        margin: 22px 14px 14px 8px;
    }

    #payment_column_left {
        padding: 0px 67px;
    }

    #payment_column_right {
        padding: 0px 25px;
    }

    #cash_div {
        display: none;
    }

    #cash_div h2 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #cash_div p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        margin-top: 25px;
    }

    #cash_div img {
        position: absolute;
        right: -78px;
        top: 250px;
    }

    #placeOrderBtn {
        font-family: 'Averta';
        width: 350px;
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        margin-top: 100px;
    }
    .ShopOrderBtn {
        font-family: 'Averta';
        width: 350px;
        height: 48px;
        background: #008080 !important;
        border: 1px solid #008080;
        border-radius: 10px !important;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 19px;
        align-items: center;
        text-align: center;
        margin-top: 100px;
    }

    #OrderSuccessModal h1 {
        font-family: 'Averta';
        font-weight: bolder;
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 30px;
        padding: 0px 100px;
    }

    #OrderSuccessModal img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 30px;
    }

    #OrderSuccessModal p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.5px;
        color: #555555;
        padding: 0px 100px;
    }

    #OrderSuccessModal button {
        font-family: 'Averta';
        width: 386px;
        height: 48px;
        left: 767px;
        top: 1197px;
        background: #008080;
        border-radius: 6px;
        display: block;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #OrderSuccessModal button:hover {
        background: #008080 !important;
    }

    #OrderSuccessModal .modal-footer {
        border-top: 0px !important;
    }

    #OrderSuccessModal .modal-header {
        border-bottom: 0px !important;
    }

    #totalPricePayment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        max-width: 495px;
        height: 70px;
    }
    
    #totalPricePayment img {
        margin: 20px 14px 14px 15px;
    }
    
    #totalPricePayment p {
        font-style: normal;
        display: flex;
        position: absolute;
        left: 81px;
        bottom: 8px;
        font-family: 'Averta';
        font-weight: 600;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }
    
    #totalPricePayment span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 24px;
    }

    /* consumer track order payment end */
}

@media only screen and (min-width: 1360px) and (max-width: 1366px) {
    .myads_section {
        height: 100px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .myads_section #icon {
        position: absolute;
        width: 72px;
        height: 72px;
        left: 20px;
        top: 13px;
        border-radius: 10px;
    }

    .myads_section #para1 {
        position: absolute;
        width: 100px;
        height: 60px;
        left: 110px;
        top: 18px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 125%;
        letter-spacing: 0.5px;
        color: #333333;
        font-weight: bold;
    }

    .myads_section #para2 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 195px;
        top: 18px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #para3 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 195px;
        top: 42px;
        font-family: 'Averta-Black';
        font-size: 16px;
        line-height: 180%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
    }

    .myads_section #para4 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 326px;
        top: 18px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #featured_capsule {
        position: absolute;
        left: 370px;
        top: 47px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        width: 90px;
        height: 25px;
    }

    .myads_section #featured_capsule img {
        width: 12px;
        margin-top: 0px;
    }

    .myads_section #featured_capsule p {
        margin-top: -22px;
        margin-left: 19px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
    }

    .myads_section #ad_status {
        position: absolute;
        width: 90px;
        height: 30px;
        left: 495px;
        top: 30px;
        background: #DFF6F6;
        border-radius: 5px;
    }

    .myads_section #ad_status p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        color: #008080;
        margin-top: 5px;
    }

    #services_tab #column_left #vendor_icon {
        position: relative;
        left: 230px;
        top: -35px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

    #services_tab #column_left .delete_icon {
        position: relative;
        left: 240px;
        top: -27px;
        width: 20px;
        height: 20px;
    }

    #quotationsTabListingRow {
        display: block;
    }

    #card_payment {
        width: 455px;
    }

    #hazrin_wallet {
        width: 455px;
    }

    #cash_payment {
        width: 455px;
    }

    #easypaisa_payment {
        width: 455px;
    }

    #detailsTabImages {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 225px;
        margin-left: 15px;
    }

    #detailsTabImages .col-2{
       margin-right: 30px !important;
    }

    #detailsTabImages .col-2 img {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #detailsTabVideos {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 225px;
        margin-left: 15px !important;
    }

    #detailsTabVideos .col-2{
        margin-right: 30px !important;
     }

     #detailsTabVideos .col-2 video {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #totalPricePayment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        max-width: 455px;
        height: 70px;
    }
    
    #totalPricePayment img {
        margin: 20px 14px 14px 15px;
    }
    
    #totalPricePayment p {
        font-style: normal;
        display: flex;
        position: absolute;
        left: 81px;
        bottom: 8px;
        font-family: 'Averta';
        font-weight: 600;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }
    
    #totalPricePayment span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 24px;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1280px) {
    .myads_section {
        height: 100px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-bottom: 20px;
    }

    .myads_section #icon {
        position: absolute;
        width: 72px;
        height: 72px;
        left: 20px;
        top: 13px;
        border-radius: 10px;
    }

    .myads_section #para1 {
        position: absolute;
        width: 100px;
        height: 60px;
        left: 110px;
        top: 18px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 125%;
        letter-spacing: 0.5px;
        color: #333333;
        font-weight: bold;
    }

    .myads_section #para2 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 195px;
        top: 18px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #para3 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 195px;
        top: 42px;
        font-family: 'Averta-Black';
        font-size: 16px;
        line-height: 180%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
    }

    .myads_section #para4 {
        position: absolute;
        width: 175px;
        height: 60px;
        left: 320px;
        top: 18px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #C1C1C1;
    }

    .myads_section #featured_capsule {
        position: absolute;
        left: 365px;
        top: 47px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        width: 90px;
        height: 25px;
    }

    .myads_section #featured_capsule img {
        width: 12px;
        margin-top: 0px;
    }

    .myads_section #featured_capsule p {
        margin-top: -22px;
        margin-left: 19px;
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        color: #FFFFFF;
    }

    .myads_section #ad_status {
        position: absolute;
        width: 65px;
        height: 30px;
        left: 480px;
        top: 30px;
        background: #DFF6F6;
        border-radius: 5px;
    }

    .myads_section #ad_status p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 17px;
        text-align: center;
        color: #008080;
        margin-top: 5px;
    }

    #services_tab #column_left #vendor_icon {
        position: relative;
        left: 220px;
        top: -35px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
    }

    #services_tab #column_left .delete_icon {
        position: relative;
        left: 230px;
        top: -27px;
        width: 20px;
        height: 20px;
    }

    #quotationsTabListingRow {
        display: block;
    }

    #card_payment {
        width: 445px;
    }

    #hazrin_wallet {
        width: 445px;
    }

    #cash_payment {
        width: 445px;
    }

    #easypaisa_payment {
        width: 445px;
    }

    #detailsTabImages {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 225px;
        margin-left: 15px;
    }

    #detailsTabImages .col-2{
       margin-right: 30px !important;
    }

    #detailsTabImages .col-2 img {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #detailsTabVideos {
        border: 1px solid #008080;
        border-radius: 10px;
        max-width: 225px;
        margin-left: 15px !important;
        margin-top: 20px;
    }

    #detailsTabVideos .col-2{
        margin-right: 30px !important;
     }

     #detailsTabVideos .col-2 video {
        width: 60px;
        height: 70px;
        border-radius: 10px;
    }

    #totalPricePayment {
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 10px;
        max-width: 445px;
        height: 70px;
    }
    
    #totalPricePayment img {
        margin: 20px 14px 14px 15px;
    }
    
    #totalPricePayment p {
        font-style: normal;
        display: flex;
        position: absolute;
        left: 81px;
        bottom: 8px;
        font-family: 'Averta';
        font-weight: 600;
        font-size: 20px !important;
        line-height: 23px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
    }
    
    #totalPricePayment span {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 19px;
        align-items: center;
        letter-spacing: -0.08px;
        color: #008080;
        float: right;
        margin-top: 24px;
    }
}

.txt-nowrap {
    text-wrap-mode: nowrap !important;
}