/* Add here all your CSS customizations */
.loader {
    display: none;
}

#top-nav {
    height: 100px;
    background: linear-gradient(114deg, rgba(255, 190, 64, 1) 17%, rgba(0, 128, 128, 1) 17%);
}

#mainNav {
    margin-bottom: 20px;
}

#header span {
    position: absolute;
    left: 15px;
    top: 42px;
    font-size: 9px;
    color: #008080;
    padding: 0px 0px;
    border-radius: 20px;
    line-height: initial;
}

#search-bar {
    position: absolute;
    width: 616px;
    height: 56px;
    right: 96px;
    top: 22px;
    border-radius: 6px;
}

#search-bar input {
    background-color: #69A0A0;
    padding: 15px 40px;
    border-radius: 6px;
}

#search-bar input:focus {
    color: #fff;
    z-index: 0;
}

#search-bar input::placeholder {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

#search-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 41px;
    right: 682px;
}

#nav-logo img {
    margin-top: 3%;
    margin-bottom: 2%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    /* margin-left: 20%; */
    width: 74px;
    height: 76.56px;
}

#top-nav-right {
    margin-left: 53px;
    margin-top: 2%;
}

#top-nav-right .col-3 {
    height: 50px;
    /* border: 1px solid red; */
    margin-left: 1%;
    cursor: pointer;
}

#email_icon {
    margin-top: 5%;
}

#email_icon img {
    /* width: 20px; */
}

#email p {
    font-size: 14px;
    color: white;
    margin-bottom: 0%;
}

#email p:nth-child(2) {
    font-weight: bold;
    font-size: 18px;
}

#phone_icon {
    margin-top: 5%;
}

#phone_icon img {
    /* width: 20px; */
}

#phone p {
    font-size: 14px;
    color: white;
    margin-bottom: 0%;
}

#phone p:nth-child(2) {
    font-weight: bold;
    font-size: 18px;
}

#language_icon {
    margin-top: 5%;
}

#language_icon img {
    /* width: 20px; */
}

#language p {
    font-size: 14px;
    color: white;
    margin-bottom: 0%;
}

#language p:nth-child(2) {
    font-weight: bold;
    font-size: 18px;
}

#down_icon {
    margin-top: 5%;
}

#down_icon img {
    width: 10px;
}

#login_signup {
    cursor: pointer;
    margin-left: 287px;
}

#login_signup_text {
    font-family: 'Averta';
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #008080;
    font-weight: bold;
    /* margin: 0px; */
    cursor: pointer;
}

#auth_user {
    cursor: pointer;
    margin-left: 245px;
    height: 70px;
}

#auth_user p {
    font-family: 'Averta';
    font-size: 16px;
    letter-spacing: 0.3px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
}

#auth_user #user_icon {
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
}


#second_nav {
    display: flex;
    margin-left: 50px;
}

#footer p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    /* line-height: 21px; */
    letter-spacing: -0.204545px;
    color: #FFFFFF;
}
.social_icon{
    width: 75%;
    height: auto;
}
.social_icon_fb{
    width: 51%;
    height: auto;
}

.pr-1,
.px-1 {
    padding-right: 6.25rem !important;
}

#slider_content-1 p {
    position: absolute;
    left: 150px;
    top: 249px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #008080;
    font-weight: bold;
}

#slider_content-2 h1 {
    position: absolute;
    width: 900px;
    height: 152px;
    left: 148px;
    top: 280px;
    font-size: 60px;
    line-height: 70px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    font-family: 'Averta-Black';
}

#slider_content-3 p {
    position: absolute;
    width: 658px;
    height: 96px;
    left: 148px;
    top: 458px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
}

#slider_content-4 {
    position: absolute;
    width: 214px;
    height: 48px;
    left: 148px;
    top: 600px;
    background: #008080;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    border-color: #008080;
}

#our_services {
    background: #DFF6F6;
    margin-top: -21px;
    height: auto;
}

#our_services h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

#our_services h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
}

#our_services #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#our_services_coloumn_one {
    padding: 0px 300px;
}

#our_services_coloumn_two {
    padding: 0px 200px;
}

#our_services_coloumn_two img {
    width: 126px;
    height: 126px;
    margin: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#our_services_coloumn_two h5 {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    font-weight: 900;
}

#our_services_coloumn_two #paragraph2 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#our_services_coloumn_three img {
    margin-right: auto;
    margin-left: auto;
    display: block;
}

#our_services_coloumn_four {
    padding: 0px 247px;
    text-align: center;
}

#our_services_coloumn_four p {
    font-size: 16px;
}

#our_services button {
    background-color: #008080;
    font-size: 10px;
    padding: 10px 28px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
}

#expanding_options {
    /* background: #DFF6F6; */
    background: url("../img/hazrin_assets/expanding_options.png");
    background-size: cover;
    height: 1200px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

#expanding_options h6 {
    color: #FFC000;
    text-align: center;
    margin-top: 70px;
    font-size: 12px;
    letter-spacing: 1.3px;
}

#expanding_options h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    /* display: flex; */
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
}

#expanding_options #paragraph1 {
    color: #333333;
    text-align: center;
    letter-spacing: 0.3px;
    padding-left: 231px;
    padding-right: 231px;
    font-size: 10px;
    line-height: 16px;
}

#mission_statement #paragraph2 {
    color: #333333;
    /* text-align: center; */
    letter-spacing: 0.3px;
    /* padding-left: 231px;
    padding-right: 231px; */
    font-size: 10px;
    line-height: 16px;
    text-transform: capitalize;
}

#mission_statement h5 {
    text-transform: capitalize;
    /* text-align: center; */
    letter-spacing: 0.3px;
    font-size: 26px;
    font-weight: 600;
    color: #008080;
    margin-top: 101px;
}

#vision_statement #paragraph3 {
    color: #333333;
    /* text-align: center; */
    letter-spacing: 0.3px;
    /* padding-left: 231px;
    padding-right: 231px; */
    font-size: 10px;
    line-height: 16px;
    text-transform: capitalize;
}

#vision_statement h5 {
    text-transform: capitalize;
    /* text-align: center; */
    letter-spacing: 0.3px;
    font-size: 26px;
    font-weight: 600;
    color: #008080;
    margin-top: 101px;
}

#opportunity_img {
    width: 100%;
    height: 100%;
}

#vision_statement_img {
    width: 100%;
    height: 100%;
}

#mission_statement {
    background: #FFF9E6;
}

#vision_statement {
    background: #DFF6F6;
}

#what_we_do {
    background: #FFF9E6;
}

#what_we_do h6 {
    color: #FFC000;
    text-align: center;
    margin-top: 70px;
    font-size: 12px;
    letter-spacing: 1.3px;
}

#what_we_do h1 {
    color: #008080;
    text-align: center;
    font-weight: 900;
}

#what_we_do #paragraph1 {
    color: #333333;
    text-align: center;
    letter-spacing: 0.3px;
    padding-left: 231px;
    padding-right: 231px;
    font-size: 10px;
    line-height: 16px;
}

#what_we_do .container img {
    width: 1100px;
    height: 500px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#what_we_do #paragraph2 {
    color: #333333;
    text-align: center;
    letter-spacing: 0.3px;
    padding-left: 100px;
    padding-right: 100px;
    font-size: 10px;
    line-height: 16px;
}

#why_us {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 27%, rgba(0, 128, 128, 1) 27%);
    margin-top: 55px;
    /* height: 645px; */
}

#why_us .container #why_us_image {
    margin-top: 65px;
}

#top_content {
    background-color: #008080;
    position: absolute;
    top: 100px;
    left: 58%;
    transform: translate(-50%, -50%);
    width: 100px;
}

#top_content h3 {
    color: #FFC000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

#bottom_content {
    background-color: #008080;
    position: absolute;
    top: 597px;
    height: 95px;
    left: 191px;
    transform: translate(-50%, -50%);
    width: 118px;
}

#bottom_content h3 {
    color: #FFC000;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

#play_content {
    position: absolute;
    top: 547px;
    left: 188px;
    transform: translate(-50%, -50%);
    width: 75px;
}

#why_us_column {
    margin-top: 85px;
}

#why_us_column h6 {
    color: #FFC000;
    font-size: 12px;
    letter-spacing: 0.3px;
    font-weight: bold;
}

#why_us_column h1 {
    color: #FFFFFF;
    font-weight: 700;
}

#why_us_column #heading1 {
    color: #FFFFFF;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    line-height: 24px;
    font-weight: bold;
    font-size: 16.5px;
}

#why_us_column #paragraph1 {
    color: #FFFFFF;
    letter-spacing: 0.3px;
    font-size: 10px;
    line-height: 16px;
}

#why_us_column_list {
    color: #ffffff;
    font-size: 12px;
    margin-left: -39px;
}

#why_us_column_list li {
    list-style-type: none;
    display: flex;
    align-items: center;
}

#why_us_column_list li img {
    width: 16px;
    margin-right: 17px;
}

#why_us_column_list li p {
    color: white;
    margin: 0px;
}

#comfort {
    background-color: #FFF9E6;
    margin-top: 55px;
}

#comfort img {
    width: 400px;
    height: 600px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#comfort h6 {
    color: #FFC000;
    margin-top: 130px;
    font-size: 12px;
    letter-spacing: 1.3px;
    padding-left: 69px;
}

#comfort h1 {
    color: #008080;
    font-weight: 900;
    padding-left: 69px;
    padding-right: 69px;
}

#comfort #paragraph1 {
    color: #333333;
    letter-spacing: 0.3px;
    padding-left: 69px;
    padding-right: 118px;
    font-size: 10px;
    line-height: 16px
}

#comfort button {
    background-color: #008080;
    font-size: 10px;
    padding: 10px 38px;
    margin-left: 69px;
    border-radius: 6px;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
}

#community {
    background-color: #fff;
    /* height: 1200px;
    background: url('../img/hazrin_assets/curve.png'); */
}

#community h6 {
    color: #FFC000;
    margin-top: 60px;
    font-size: 12px;
    letter-spacing: 1.3px;
    padding-left: 69px;
}

#community h1 {
    color: #008080;
    font-weight: 900;
    padding-left: 69px;
    padding-right: 69px;
}

#community #community_img {
    width: 605px;
    padding-left: 54px;
}

#community #one_img {
    width: 78px;
    position: absolute;
    right: 67px;
    top: 39px;
}

#community #two_img {
    width: 80px;
    position: absolute;
    left: 37px;
    top: 87px;
}

#community #three_img {
    width: 78px;
    position: absolute;
    right: 67px;
    top: 81px;
}

#community #paragraph1 {
    color: #333333;
    letter-spacing: 0.3px;
    font-size: 10px;
    line-height: 18px;
    text-transform: capitalize;
    padding-right: 100px;
}

#community h5 {
    text-transform: capitalize;
    letter-spacing: 0.3px;
    font-size: 18px;
    font-weight: 900;
    color: #008080;
    margin-top: 81px;
}

#community .row:nth-child(3) {
    margin-top: 50px;
}

#community .row:nth-child(4) {
    margin-top: 50px;
}

#core_values {
    background: #FFF9E6;
    margin-top: 55px;
    height: 500px;
}

#core_values h6 {
    color: #FFC000;
    text-align: center;
    margin-top: 70px;
    font-size: 12px;
    letter-spacing: 1.3px;
}

#core_values h1 {
    color: #008080;
    text-align: center;
    font-weight: 900;
}

#core_values_list {
    color: #ffffff;
    font-size: 12px;
    margin-left: -39px;
}

#core_values_list li {
    list-style-type: none;
    display: flex;
    align-items: center;
}

#core_values_list li img {
    width: 13px;
    margin-right: 17px;
}

#core_values_list li p {
    color: #333333;
    margin: 0px;
    line-height: 20px;
    margin-top: 22px;
}

#explore {
    background-color: #FFF9E6;
    height: 800px;
}

#explore_coloumn_one h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #FFC000;
    margin: 244px 120px
}

#explore_coloumn_one h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin: -221px 120px;
}

#explore_coloumn_one p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 255px 120px;
}

#explore_coloumn_one #button {
    position: absolute;
    width: 214px;
    height: 48px;
    left: 134px;
    top: 600px;
    background: #008080;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    border-color: #008080;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
}

#explore_coloumn_two img {
    margin-top: 50px;
    height: 720px
}

#explore-two {
    height: 500px;
}

#explore-two_coloumn_one {
    padding: 0px 593px;
}

#explore-two_coloumn_one h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

#explore-two_coloumn_one h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
}

#explore-three {
    margin-top: -290px;
    /* max-width: 90%; */
}

#explore-three_coloumn_one {}

#explore-three #explore-three_coloumn_one .row {
    height: 100%;
}

#explore-three #explore-three_coloumn_one #sub_coloumn_one {
    background: url(../../saas/img/hazrin_assets/laptop.png);
    background-size: cover;
    background-repeat: round;
}

#explore-three_coloumn_one #sub_coloumn_two {
    background-color: #FFF9E6;
}

#explore-three_coloumn_two {
    max-width: 810px;
    margin-left: 25px;
}

#featured_capsule {
    width: 135.65px;
    height: 40px;
    background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
    border-radius: 50px;
    float: right;
    margin-top: 20px;
}

#featured_capsule img {
    margin: 9px 28px;
}

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

#explore-three_coloumn_one #sub_coloumn_two h1 {
    font-family: 'Averta';
    font-weight: bold;
    font-size: 32px;
    line-height: 38px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #000000;
    margin: 252px 10px 41px;
}

#explore-three_coloumn_one #sub_coloumn_two #paragraph {
    font-family: 'Averta';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 0px 10px;
}

#explore-three #explore-three_coloumn_one #sub_coloumn_two h2 {
    position: absolute;
    font-family: 'Averta-Black';
    font-size: 32px;
    line-height: 37px;
    text-align: right;
    letter-spacing: -0.03em;
    color: #057471;
    left: 0;
    right: 12px;
    bottom: 0;
}

#explore-three_coloumn_two #sub_coloumn_one img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    height: 248px;
}

#explore-three_coloumn_two #sub_coloumn_two {
    background-color: #FFF9E6;
}

#explore-three_coloumn_two #sub_coloumn_two h1 {
    font-family: 'Averta';
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #000000;
    font-weight: bold;
    margin: 10px 0px;
}

#explore-three_coloumn_two #sub_coloumn_three h2 {
    font-family: 'Averta-Black';
    font-size: 32px;
    line-height: 37px;
    text-align: right;
    letter-spacing: -0.03em;
    color: #057471;
    margin: 10px 20px;
}

#explore-three_coloumn_two #sub_coloumn_three {
    background-color: #FFF9E6;
}

#explore-three_coloumn_two #sub_coloumn_four #paragraph2 {
    font-family: 'Averta';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 10px 0px;
}

#explore-three_coloumn_two #sub_coloumn_four {
    background-color: #FFF9E6;
}

#explore-three_coloumn_two .row:nth-child(2) {
    margin-top: 0px;
    margin-right: -1px;
    margin-left: 0px;
}

#explore-three_coloumn_two .row:nth-child(5) {
    margin-top: 0px;
    margin-right: -1px;
    margin-left: 0px;
}

#explore-three_coloumn_three #button {
    width: 214px;
    height: 48px;
    background: #008080;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    border-color: #008080;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 50px;
}

#blood_drop {
    background-color: #DFF6F6;
}

#blood_drop #boy {
    /* width: 621px; */
    height: 838px;
    margin-top: 50px;
    margin-left: 20px;
    /* margin-right: auto;
    display: block; */
}

#blood_drop #drop {
    position: absolute;
    left: 88.42%;
    right: 49.11%;
    top: 18.28%;
}

#blood_drop_coloumn_two h6 {
    margin-top: 130px;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #FC384E;
    font-weight: bold;
}

#blood_drop_coloumn_two h1 {
    font-family: 'Averta-Black';
    color: #FC384E;
    font-size: 60px;
    line-height: 70px;
    align-items: center;
    letter-spacing: 0.3px;
    padding-right: 260px;
}

#blood_drop_coloumn_two #heading1 {
    font-size: 30px;
    line-height: 36px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #FC384E;
    font-weight: bold;
    padding-right: 145px;
}

#blood_drop_coloumn_two #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.3px;
    color: #333333;
    padding-right: 262px;
}

#blood_drop_coloumn_two button {
    background-color: #FC384E;
    padding: 10px 38px;
    border-radius: 6px;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    width: 197px;
    height: 48px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    margin-top: 25px;
}

#download_app {
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 24%, #FFF9E6 25%, #FFF9E6 74%, rgba(255, 255, 255, 1) 75%);
}

#mobiles {
    width: 1100px;
    height: 1000px;
    margin-left: -166px;
    display: block;
}

#download_app_coloumn_one {
    margin-top: 310px;
}

#download_app_coloumn_one h6 {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #FFC000;
    padding-left: 69px;
    font-weight: bold;
}

#download_app_coloumn_one h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    padding-left: 69px;
    padding-right: 69px;
}

#download_app_coloumn_one #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    padding-left: 69px;
    padding-right: 69px;
}

#googleplay {
    margin-left: 69px;
    border-radius: 6px;
    width: 211.2px;
    margin-top: 10px;
    cursor: pointer;
}

#appstore {
    margin-left: 19px;
    border-radius: 6px;
    width: 211.2px;
    margin-top: 10px;
    cursor: pointer;
}

#footer_logo {
    margin-left: 69px;
}

#footer_paragraph {
    font-style: normal;
    font-weight: normal;
    font-size: 16px !important;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #FFFFFF;
    margin-left: 69px;
    margin-top: 16px;
}


/* vendor landing */

#skill {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
}

#skill_coloumn_one h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #FFC000;
    margin: 244px 120px
}

#skill_coloumn_one h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin: -221px 114px;
}

#skill_coloumn_one p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 255px 120px;
}

#skill_coloumn_one #button {
    position: absolute;
    width: 214px;
    height: 48px;
    left: 134px;
    top: 715px;
    background: #008080;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    border-color: #008080;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
}

#skill_coloumn_two img {
    margin-top: 50px;
    height: 720px
}

#skill_coloumn_three img {
    margin-top: 50px;
    height: 720px;
    margin-left: 20px
}

#grow_community {
    /* background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%); */
    /* margin-top: -21px; */
    height: auto;
}

#grow_community h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

#grow_community h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
}

#grow_community #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#grow_community_coloumn_one {
    padding: 0px 467px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
}

#grow_community_coloumn_two {
    /* height: 400px; */
}

#grow_community_coloumn_two img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#grow_community_row {
    padding: 0px 126px;
}

#grow_community_row:nth-child(2) {
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
}

#how_it_works {
    background: linear-gradient(180deg, rgba(255, 249, 230, 1) 50%, rgba(255, 255, 255, 1) 50%);
    height: 720px;
}

#how_it_works h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

#how_it_works h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
}

#how_it_works #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#how_it_works_coloumn_one {
    padding: 0px 467px;
}

#how_it_works_row {
    padding: 0px 126px;
}

#how_it_works_coloumn_two img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#how_it_works_coloumn_two h4 {
    font-family: 'Averta-Black';
    font-size: 32px;
    line-height: 37px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin-top: 22px;
}

#how_it_works_coloumn_two p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 0px 112px;
}

#right_arrow {
    position: absolute;
    left: 95.95%;
    right: 62.97%;
    top: 136px;
    bottom: 56.08%;
}

#customer_Service {
    height: auto;
    /* filter: contrast(0.5); */
}

#customer_Service h6 {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.3px;
    color: #FFC000;
    margin: 0px 120px;
}

#customer_Service h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    letter-spacing: 0.3px;
    color: #008080;
    margin: 15px 120px;
    white-space: pre;
}

.review_card {
    width: 100%;
    height: 400px;
    border: 1px solid #008080;
    box-sizing: border-box;
    box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
    border-radius: 6px;
    margin-right: 40px;
}

.review_ratings {
    position: absolute;
    width: 112px;
    height: 16px;
    left: 17px;
    top: 45px;
}

.card-columns {
    height: 200px;
    margin-top: 20px !important;
}

.checked {
    color: orange;
}

.card-columns img {
    margin-left: 16px;
}

.card-columns h1 {
    font-size: 36px !important;
    line-height: 47px !important;
    letter-spacing: 0.3px !important;
    color: #008080;
    margin: 0px !important;
}

#customer_Service_row {
    padding: 0px 141px;
    margin-top: 100px;
}

#customer_Service_sub_row_one {
    height: 130px !important;
}

#customer_Service_sub_row_two h5 {
    font-family: 'Averta-Black';
    font-size: 30px;
    line-height: 35px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    text-transform: capitalize;
    margin-left: 16px;
}

#customer_Service_sub_row_three p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.3px;
    color: #333333;
    margin: 0px 27px;
}

.m-t-100 {
    margin-top: 100px !important;
    background-color: #008080;
    color: #fff;
}

.m-t-100 h1,
.m-t-100 h5,
.m-t-100 p {
    color: #fff !important;
}

.m-t-200 {
    margin-top: 200px !important;
}


/* test */

#faqs {
    background-color: #FFF9E6;
}

#faqs h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

#faqs h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #008080;
}

#faqs #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#faqs_coloumn_one {
    padding: 0px 467px;
}

#faq_row {
    margin: 0px 215px !important;
}

#vendor_signup {
    height: 200px;
}

#vendor_signup p {
    font-size: 20px;
    line-height: 23px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
    font-weight: bold;
}

#vendor_signup #button {
    width: 214px;
    height: 48px;
    background: #008080;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    border-color: #008080;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    margin-right: auto;
    margin-left: auto;
    display: block;
}


/* vendor signup */

#signup {}

#signup_left_coloumn {
    background: url("../img/hazrin_assets/background.png");
}

#signup_left_coloumn img {
    height: 100vh;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#signup_right_coloumn {
    /* border: 1px solid red */
}

#signup_right_coloumn img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 50px;
}

#signup_right_coloumn .row:nth-child(2) {
    margin: 65px 159px;
}

#vendor_signup_form input {
    border: 1px solid #C1C1C1 !important;
    box-sizing: border-box;
    border-radius: 6px;
    padding-left: 43px;
}

#vendor_signup_form label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #C1C1C1 !important;
    font-weight: bold;
}

.iti {
    /* border: 1px solid #C1C1C1 !important; */
    box-sizing: border-box !important;
    border-radius: 6px !important;
    width: 100%;
    padding-left: 0px;
    height: 45px;
}

#field-icon {
    float: left;
    margin-top: -32px !important;
    margin-left: 12px !important;
    position: relative;
    z-index: 2;
}

#password-icon {
    float: right;
    margin-top: -32px !important;
    margin-right: 31px !important;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

#signup_anchor {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
}

#signup_anchor a {
    font-size: 16px !important;
    line-height: 19px;
    letter-spacing: -0.08px;
    text-decoration-line: underline !important;
    color: #008080 !important;
    font-weight: 500 !important;
}

#social_login {
    padding: 0px 110px;
    margin-top: -70px;
    cursor: pointer;
}

#social_signup {
    padding: 0px 110px;
    margin-top: -70px;
    cursor: pointer;
}

#vendor_signup_otp_row {
    text-align: center;
    display: none;
}

#vendor_signup_otp_row h1 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
    font-weight: bold;
    margin-top: 30px;
}

#vendor_signup_otp_row p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    letter-spacing: -0.08px;
    color: #555555;
    padding: 0px 300px;
}

#vendor_signup_otp_row p:nth-child(5) {
    margin-top: 30px;
}


/* otp */

.digit-group {}

.digit-group input {
    width: 80px;
    height: 80px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    font-family: "Averta";
    font-weight: 200;
    color: black;
    margin: 0 2px;
    border: 1px solid #C1C1C1;
    box-sizing: border-box;
    border-radius: 6px;
    margin-right: 20px;
    outline: none;
}

.digit-group input:focus-visible {
    border: 1px solid #008080;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    outline: none;
}

#resend_otp_anchor {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
}

#resend_otp_anchor a {
    font-size: 16px !important;
    line-height: 19px;
    letter-spacing: -0.08px;
    text-decoration-line: underline !important;
    color: #008080 !important;
    font-weight: 500 !important;
    cursor: pointer;
}

#not_responsive {}

#not_responsive h1 {
    font-family: 'Averta-Black';
    font-size: 45px;
    line-height: 47px;
    letter-spacing: -0.08px;
    text-align: center;
    align-items: center;
    color: #008080;
    margin-top: 65px;
}

#not_responsive p {
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 33px;
    color: #333333;
}

#not_responsive a {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
}

#not_responsive a:hover {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    background-color: #0ea5a5 !important;
    border-color: #008080;
}

#not_responsive #googleplay {
    margin-left: 69px;
    border-radius: 6px;
    width: 211.2px;
    margin-top: 10px;
    cursor: pointer;
}

#not_responsive #appstore {
    margin-left: 69px;
    border-radius: 6px;
    width: 211.2px;
    margin-top: 10px;
    cursor: pointer;
}

#privacy {
    height: auto;
}

#privacy_coloumn_one {
    padding: 0px 250px;
}

.privacy_policy_content h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    /* text-align: center; */
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

.privacy_policy_content h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    align-items: center;
    /* text-align: center; */
    letter-spacing: 0.3px;
    color: #008080;
}

.privacy_policy_content h2 {
    font-family: 'Averta-Black';
    font-size: 35px;
    line-height: 70px;
    align-items: center;
    /* text-align: center; */
    letter-spacing: 0.3px;
    color: #008080;
}

.privacy_policy_content p {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 170%;
    color: #333333;
}

/* vendor login */

#login {}

#login_left_coloumn {
    background: url("../img/hazrin_assets/background.png");
}

#login_left_coloumn img {
    height: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

#login_right_coloumn {
    /* border: 1px solid red */
}

#login_right_coloumn img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 50px;
    cursor: pointer;
}

#vendor_login_form_row h1 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
    font-weight: bold;
    margin-top: 30px;
}

#vendor_login_form_row p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    letter-spacing: -0.08px;
    color: #555555;
    /* padding: 0px 300px; */
}

#login_right_coloumn .row:nth-child(2) {
    margin: 65px 159px;
}

#vendor_login_form input {
    border: 1px solid #C1C1C1 !important;
    box-sizing: border-box;
    border-radius: 6px;
    padding-left: 43px;
}

#vendor_login_form label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #C1C1C1 !important;
    font-weight: bold;
}

#login_anchor {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 25px;
}

#login_anchor a {
    font-size: 16px !important;
    line-height: 19px;
    letter-spacing: -0.08px;
    text-decoration-line: underline !important;
    color: #008080 !important;
    font-weight: 500 !important;
}

#fp_anchor {
    float: right;
    margin-top: 5px;
}

#fp_anchor a {
    font-size: 16px !important;
    line-height: 19px;
    letter-spacing: -0.08px;
    text-decoration-line: underline !important;
    color: #008080 !important;
    font-weight: 500 !important;
}

#fp_form input {
    border: 1px solid #C1C1C1 !important;
    box-sizing: border-box;
    border-radius: 6px;
    padding-left: 43px;
}

#fp_form label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #C1C1C1 !important;
    font-weight: bold;
}

#send_email_row {
    text-align: center;
    display: none;
}

#send_email_row h1 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
    font-weight: bold;
    margin-top: 30px;
}

#send_email_row p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    letter-spacing: -0.08px;
    color: #555555;

}

#continue_btn {
    width: 46%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/* email otp */
#fp_otp_row {
    text-align: center;
    display: none;
}

#fp_otp_row h1 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
    font-weight: bold;
    margin-top: 30px;
}

#fp_otp_row p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    letter-spacing: -0.08px;
    color: #555555;
    padding: 0px 300px;
}

#fp_otp_row p:nth-child(5) {
    margin-top: 30px;
}

/* new password */
#np_form_row h1 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #008080;
    font-weight: bold;
    margin-top: 30px;
}

#np_form_row p {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    text-align: center;
    letter-spacing: -0.08px;
    color: #555555;
    /* padding: 0px 300px; */
}

#np_form input {
    border: 1px solid #C1C1C1 !important;
    box-sizing: border-box;
    border-radius: 6px;
    padding-left: 43px;
}

#np_form label {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.08px;
    color: #C1C1C1 !important;
    font-weight: bold;
}

#np_form_row {
    margin: 65px 159px;
    display: none;
}

/* contact us */
#contact_us {}

#contact_us #contact_us_coloumn_one h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin: 95px 114px;
}

#contact_us #contact_us_coloumn_one p {
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin: 15px 120px;
}

#contact_us #contact_us_coloumn_one #contact_form {
    margin: 65px 120px;
}

#contact_us #contact_us_coloumn_two {
    background-image: url(../../saas/img/hazrin_assets/contact_us_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#showlogindiv {
    position: absolute;
    /* width: 180px; */
    max-width: min-content;
    left: 1500px;
    height: 85px;
    right: 0;
    top: 180px;
    background: #FFFFFF;
    border: 1px solid #008080;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    z-index: 10;
    display: none;
}
.cart-icon_login {
    margin-top:15px;
}

#showlogindiv1 {
    position: absolute;
    /* width: 180px; */
    max-width: min-content;
    left: 1500px;
    height: 85px;
    right: 0;
    top: 180px;
    background: #FFFFFF;
    border: 1px solid #008080;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    z-index: 10;
    display: none;

}
#showcartdiv1 {
    position: absolute;
    /* width: 180px; */
    max-width: min-content;
    left: 1500px;
    height: 85px;
    right: 0;
    top: 180px;
    background: #FFFFFF;
    border: 1px solid #008080;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
    border-radius: 10px;
    z-index: 10;
    display: none;
}

#showlogindiv a {
    text-decoration: none;
    cursor: pointer;
    padding: 4px 97px 9px 6px;
    border-radius: 5px;
}

#showlogindiv a:hover {
    background: #008080;
    color: #fff;
    padding: 4px 97px 9px 6px;
    cursor: pointer;
    border-radius: 5px;
}

/* service flow */

#services {
    height: auto;
}

#services h6 {
    margin-top: 73px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: 0.3px;
    color: #FFC000;
    font-weight: bold;
}

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

#services #paragraph1 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#services_coloumn_one {
    padding: 0px 200px;
}

#services_coloumn_two {
    padding: 0px 225px;
}

#services_coloumn_two span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.08px;
    text-decoration-line: underline;
    color: #008080;
    cursor: pointer;
}

#services_coloumn_three {
    padding: 0px 200px;
    cursor: pointer;
}

#services_coloumn_three img {
    width: 126px;
    height: 126px;
    margin: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#services_coloumn_three h5 {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    font-weight: 900;
}

#services_coloumn_three #paragraph2 {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    color: #333333;
}

#service_search_coloumn_one img {
    margin-left: 59px;
    margin-top: 13px;
    cursor: pointer;
}

#service_search_coloumn_two .input-group {
    width: 100%;
    height: 72px;
    border: 1px solid #A1A1A1;
    box-sizing: border-box;
    border-radius: 6px;
}

#service_search_coloumn_two input {
    padding: 11px 54px;
    border-radius: 6px;
    font-size: 20px;
    z-index: 0;
}

#service_search_coloumn_three button {
    width: 197px;
    height: 72px;
    background: #008080;
    border-radius: 6px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    border-color: #008080;
    font-size: 20px;
    line-height: 23px;
}

#service_search_icon {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 23px;
    left: 30px;
}

#services_coloumn_four {
    padding: 0px 200px;
    cursor: pointer;
    margin-left: 14px;
}
.cart-icon-counter span {
    position: absolute;
    left: 15px !important;
    top: 3px !important;
    font-size: 9px !important;
    color: #008080;
    padding: 5px 8px !important;
    border-radius: 20px;
    line-height: initial;
    background-color: #ffbe40;
}
#sub_services_coloumn {
    max-width: 320px;
    height: 386px;
    margin-right: 30px;
    border: 1px solid #C1C1C1;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 30px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-blend-mode: multiply;
}

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

#sub_services_coloumn h1 {
    font-family: 'Averta';
    font-size: 30px;
    line-height: 35px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.3px;
    margin-top: 220px;
    color: #FFFFFF;
}

#sub_services_coloumn p {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}

#sub_services_coloumn .top_div {
    position: absolute;
    width: auto;
    height: 48px;
    left: 19px;
    top: 16px;
    background: #008080;
    border-radius: 4px;
    font-family: 'Averta';
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    padding: 13px 28px;
}

#services_coloumn_five {
    padding: 0px 155px;
    cursor: pointer;
    margin-bottom: 20px;
}

#services_coloumn_five .carousel_data {
    width: calc(100% + 435px);
    height: 230px;
    filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}


/* service flow */

/* all services */

#all_services {}

#all_services_coloumn_one {
    padding: 0px 200px;
}

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

#all_services_coloumn_two {
    padding: 0px 100px;
}

#all_services_coloumn_two img {
    width: 126px;
    height: 126px;
    margin: 12px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

#all_services_coloumn_two h5 {
    text-transform: capitalize;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    font-weight: 900;
    cursor: pointer;
}

/* all services */

/* service type */

#service_type_coloumn_one {
    padding: 0px 200px;
}

#service_type_coloumn_one h1 {
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #008080;
}

hr {
    background-color: #008080;
    margin-top: -9px;
}

#service_type_coloumn_two {
    padding: 0px 200px;
}

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

#service_type_coloumn_three {
    padding: 0px 200px;
    margin-left: 10px;
    margin-bottom: 20px;
}

#service_type_coloumn_three .col-lg-2 {
    width: 240px;
    height: 200.57px;
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    box-sizing: border-box;
    border-radius: 10px;
    margin-right: 30px;
    margin-top: 30px;
}

#service_type_coloumn_three .col-lg-2 img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    margin-top: 30px;
    width: 77.79px;
    height: 77.79px;
}

#service_type_coloumn_three .col-lg-2 p {
    width: 187.74px;
    height: 50px;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
    display: block;
}

#service_type_coloumn_three .col-lg-2 input[type="checkbox"] {
    width: 18px;
    height: 18px;
    float: right;
    margin-top: 11px;
}

#service_type_coloumn_four {
    padding: 0px 200px;
    margin-left: 10px;
}

#service_type_row {
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 10px;
    height: 68px;
}

#service_type_row button {
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 6px;
    width: 140px;
    height: 48px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #C1C1C1;
    font-family: 'Averta';
    margin-left: -8px;
    margin-right: -8px;
}

#service_type_row button.selected:focus {
    -moz-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
    -webkit-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
    border: 1px solid #008080;
    box-sizing: border-box;
    border-radius: 6px;
    outline: none;
}

.selected {
    background: #008080 !important;
    color: #FFFFFF !important;
}

#service_type_coloumn_five button {
    width: 343px;
    height: 48px;
    border-color: #008080;
    background-color: #008080;
    box-shadow: 0px 10px 20px rgb(0 128 128 / 25%);
    border-radius: 6px !important;
    text-transform: none;
    height: 50px;
    font-size: 16px !important;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #FFFFFF;
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/* service type */

/* service details */

#service_details_coloumn_one {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height: 500px;
}

#service_details_coloumn_two {
    padding: 0px 200px;
}

#service_details_coloumn_two h1 {
    padding-right: 1070px;
    font-weight: bold;
    font-size: 38px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

#service_details_coloumn_two p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #555555;
}

#service_details_coloumn_two button {
    width: 214px;
    height: 48px;
    background: #008080;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    letter-spacing: -0.08px;
    margin-top: 20px;
    color: #FFFFFF;
    border-color: #008080;
    filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
}

#multiselect_div {
    background: #FFFFFF;
    border: 1px solid #008080;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 250px;
    height: 242px;
    cursor: pointer;
}
#multiselect_div .feature_icon svg {
    margin-left: 6px;
   
}
#multiselect_div .feature_icon {
    border-radius: 20px;
    color: white;
    background-color: orange;
    padding-left: 17%;
}

#service_details_coloumn_three {
    padding: 0px 200px;
    height: 350px;
}

#service_details_coloumn_three .service_provider {
    background: #FFFFFF;
    border: 1px solid #008080;
    box-sizing: border-box;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    width: 250px;
    height: 242px;
    cursor: pointer;
}
#service_details_coloumn_three .service_provider .feature_icon svg {
    margin-left: 6px;
   
}
#service_details_coloumn_three .service_provider .feature_icon {
    top: 20px;
    left: 37px;
    width: 30px;
    height: 30px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 1;
    border-radius: 100%;
    background-color: orange;
}
#service_details_coloumn_three .service_provider .profile_pic {
    width: 100px;
    height: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 24px;
    border-radius: 100%;
}
#service_details_coloumn_three .service_provider .profile_pic_with_feature {
    width: 100px;
    height: 100px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: -10px;
    border-radius: 100%;
}

#service_details_coloumn_three .service_provider h5 {
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 14px;
    text-transform: capitalize;
}

#service_details_coloumn_three .ratings {
    font-size: 11px;
    margin-left: 75px;
    margin-top: -10px;
}

#service_details_coloumn_three .ratings #text {
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-left: 5px;
}

#service_details_coloumn_two .top_div {
    position: absolute;
    width: auto;
    height: auto;
    left: 650px;
    top: 0px;
    border: 1px solid #008080;
    border-radius: 4px;
    font-family: 'Averta';
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #008080;
    padding: 13px 28px;
}

/* service details */

/* signin signup modal */

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

#loginModal h1 {
    font-weight: bolder;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 30px;
}

#loginModal p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}

#loginModal button {
    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;
}

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

#serviceProviderModal img {
    width: 84px;
    height: 84px;
    border-radius: 100%;
}

#serviceProviderModal h1 {
    font-weight: bolder;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 30px;
}

#serviceProviderModal p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #333333;
}

#serviceProviderModal button:nth-child(1) {
    width: 190px;
    height: 48px;
    left: 767px;
    top: 1197px;
    background: #FFFFFF;
    border: 1px solid #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: #008080;
}

#serviceProviderModal button:nth-child(2) {
    width: 190px;
    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;
}

#serviceProviderModal .custom-text-center {
    text-align: center;
    margin-top: 150px;
}

#serviceProviderModal .modal-footer {
    border-top: 0px !important;
    padding: 0px 127px;
}

#multiselect_div {
    width: 453px;
    height: 362px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 10px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
}

#multiselect_div p {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.08px;
    color: #333333;
    margin-top: 13px;
    text-align: left;
}

#provider_ratings {
    margin-top: -10px;
    font-size: 13px;
}

#multiselect_div input[name='service_providers_list'] {
    margin-top: 28px;
    width: 22.44px;
    height: 22.44px;
    background: #008080;
    border-radius: 4px;
}

/* signin signup modal */

/* Address form */
#Address {
    padding: 0px 120px;
}

#Address #Address_col_one {
    font-weight: bolder;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

#Address #Address_col_one h4 {
    font-weight: bold;
    font-size: 40px;
    line-height: 47px;
    letter-spacing: -0.08px;
    color: #333333;
}

#Address_col_two #add_address {
    box-sizing: border-box;
    width: 450px;
    height: 200px;
    background: #FFFFFF;
    border: 1px dashed #008080;
    border-radius: 6px;
    margin-top: 40px;
    cursor: pointer;
}

#Address_col_two #add_address p {
    font-weight: bold;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.5px;
    color: #008080;
    margin-top: 80px;
}

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

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

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


#Address_col_three #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 36px;
}

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

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

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

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

#Address_col_four input {
    box-sizing: border-box;
    width: 452px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #008080;
    border-radius: 6px;
    cursor: pointer;
}

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

#Address_col_five p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.5px;
    color: #333333;
    margin: -2px -100px;
}

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

/* Address form */

/* news letter subscribe */
#newsletter {}

#newsletter #newsletter_coloumn_one h1 {
    font-family: 'Averta-Black';
    font-size: 60px;
    line-height: 70px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin: 95px 114px;
}

#newsletter #newsletter_coloumn_one p {
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    letter-spacing: 0.3px;
    color: #008080;
    margin: 15px 120px;
}

#newsletter #newsletter_coloumn_one #newsletter_form {
    margin: 65px 120px;
}

#newsletter #newsletter_coloumn_two {
    background: url(../../saas/img/hazrin_assets/requestServiceBg.png) rgba(0,0,0,0.5);
    background-repeat: no-repeat;
    background-size: contain;
    background-blend-mode: multiply;
}

/* responsive */

@media only screen and (min-width: 1440px) and (max-width: 1710px) {
    #top-nav {
        height: 100px;
        background: linear-gradient(114deg, rgba(255, 190, 64, 1) 17%, rgba(0, 128, 128, 1) 17%);
    }

    #mainNav {
        margin-bottom: 20px;
    }

    #header span {
        position: absolute;
        left: 15px;
        top: 42px;
        font-size: 9px;
        color: #008080;
        padding: 0px 0px;
        border-radius: 20px;
        line-height: initial;
    }

    #search-bar {
        position: absolute;
        width: 640px;
        height: 56px;
        right: 96px;
        top: 11px;
        border-radius: 6px;
    }

    #search-bar input {
        background-color: #69A0A0;
        padding: 15px 40px;
        border-radius: 6px;
        margin-left: 206px;
    }

    #search-bar input:focus {
        color: #fff;
        z-index: 0;
    }

    #search-bar input::placeholder {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    #search-icon {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 43px;
        right: 497px;
    }

    #nav-logo img {
        margin-top: 3%;
        margin-bottom: 2%;
        margin-right: auto;
        margin-left: auto;
        display: block;
        /* margin-left: 20%; */
        width: 74px;
        height: 76.56px;
    }

    #top-nav-right {
        margin-left: 53px;
        margin-top: 2%;
    }

    #top-nav-right .col-3 {
        height: 50px;
        /* border: 1px solid red; */
        margin-left: 1%;
        cursor: pointer;
    }

    #email_icon {
        margin-top: 5%;
    }

    #email_icon img {
        width: 20px;
    }

    #email p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #email p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #phone_icon {
        margin-top: 5%;
    }

    #phone_icon img {
        width: 20px;
    }

    #phone p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #phone p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #language_icon {
        margin-top: 5%;
    }

    #language_icon img {
        width: 20px;
    }

    #language p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #language p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #down_icon {
        margin-top: 8%;
    }

    #down_icon img {
        width: 10px;
    }

    #login_signup {
        cursor: pointer;
        margin-left: 187px;
    }

    #login_signup_text {
        font-family: 'Averta';
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
        /* margin: 0px; */
        cursor: pointer;
        margin-left: -28px;
    }

    #auth_user {
        cursor: pointer;
        margin-left: 165px;
        height: 70px;
    }

    #auth_user p {
        font-family: 'Averta';
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #333333;
        cursor: pointer;
        font-weight: bold;
    }

    #auth_user #user_icon {
        width: 50px;
        height: 50px;
        border-radius: 100% !important;
    }

    #second_nav {
        display: flex;
        margin-left: 50px;
    }

    #footer p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        /* line-height: 21px; */
        letter-spacing: -0.204545px;
        color: #FFFFFF;
    }

    .pr-1,
    .px-1 {
        padding-right: 6.25rem !important;
    }

    #slider_content-1 p {
        position: absolute;
        left: 150px;
        top: 249px;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
    }

    #slider_content-2 h1 {
        position: absolute;
        width: 900px;
        height: 152px;
        left: 148px;
        top: 280px;
        font-size: 50px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        font-family: 'Averta-Black';
        padding-right: 150px;
    }

    #slider_content-3 p {
        position: absolute;
        width: 658px;
        height: 96px;
        left: 148px;
        top: 458px;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        padding-right: 160px;
    }

    #slider_content-4 {
        position: absolute;
        width: 198px;
        height: 41px;
        left: 148px;
        top: 600px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
    }

    #our_services {
        background: #DFF6F6;
        margin-top: -21px;
        height: auto;
    }

    #our_services h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #our_services h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #our_services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_one {
        padding: 0px 300px;
    }

    #our_services_coloumn_two {
        padding: 0px 200px;
    }

    #our_services_coloumn_two img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #our_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #our_services_coloumn_two #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_three img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        width: 90%;
    }

    #our_services_coloumn_four {
        padding: 0px 247px;
        text-align: center;
    }

    #our_services_coloumn_four p {
        font-size: 16px;
    }

    #our_services button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 28px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #expanding_options {
        /* background: #DFF6F6; */
        background: url("../img/hazrin_assets/expanding_options.png");
        background-size: cover;
        height: 1200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    #expanding_options h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #expanding_options h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        /* display: flex; */
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #expanding_options #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #mission_statement #paragraph2 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #mission_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #vision_statement #paragraph3 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #vision_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #opportunity_img {
        width: 100%;
        height: 100%;
    }

    #vision_statement_img {
        width: 100%;
        height: 100%;
    }

    #mission_statement {
        background: #FFF9E6;
    }

    #vision_statement {
        background: #DFF6F6;
    }

    #what_we_do {
        background: #FFF9E6;
    }

    #what_we_do h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #what_we_do h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #what_we_do #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #what_we_do .container img {
        width: 1100px;
        height: 500px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #what_we_do #paragraph2 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 100px;
        padding-right: 100px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 27%, rgba(0, 128, 128, 1) 27%);
        margin-top: 55px;
        /* height: 645px; */
    }

    #why_us .container #why_us_image {
        margin-top: 65px;
    }

    #top_content {
        background-color: #008080;
        position: absolute;
        top: 100px;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 100px;
    }

    #top_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    #bottom_content {
        background-color: #008080;
        position: absolute;
        top: 597px;
        height: 95px;
        left: 191px;
        transform: translate(-50%, -50%);
        width: 118px;
    }

    #bottom_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    #play_content {
        position: absolute;
        top: 547px;
        left: 188px;
        transform: translate(-50%, -50%);
        width: 75px;
    }

    #why_us_column {
        margin-top: 85px;
    }

    #why_us_column h6 {
        color: #FFC000;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight: bold;
    }

    #why_us_column h1 {
        color: #FFFFFF;
        font-weight: 700;
    }

    #why_us_column #heading1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: bold;
        font-size: 16.5px;
    }

    #why_us_column #paragraph1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us_column_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #why_us_column_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #why_us_column_list li img {
        width: 16px;
        margin-right: 17px;
    }

    #why_us_column_list li p {
        color: white;
        margin: 0px;
    }

    #comfort {
        background-color: #FFF9E6;
        margin-top: 55px;
    }

    #comfort img {
        width: 400px;
        height: 600px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #comfort h6 {
        color: #FFC000;
        margin-top: 130px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #comfort h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #comfort #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        padding-left: 69px;
        padding-right: 118px;
        font-size: 10px;
        line-height: 16px
    }

    #comfort button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 38px;
        margin-left: 69px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #community {
        background-color: #fff;
        /* height: 1200px;
        background: url('../img/hazrin_assets/curve.png'); */
    }

    #community h6 {
        color: #FFC000;
        margin-top: 60px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #community h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #community #community_img {
        width: 605px;
        padding-left: 54px;
    }

    #community #one_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 39px;
    }

    #community #two_img {
        width: 80px;
        position: absolute;
        left: 37px;
        top: 87px;
    }

    #community #three_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 81px;
    }

    #community #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 18px;
        text-transform: capitalize;
        padding-right: 100px;
    }

    #community h5 {
        text-transform: capitalize;
        letter-spacing: 0.3px;
        font-size: 18px;
        font-weight: 900;
        color: #008080;
        margin-top: 81px;
    }

    #community .row:nth-child(3) {
        margin-top: 50px;
    }

    #community .row:nth-child(4) {
        margin-top: 50px;
    }

    #core_values {
        background: #FFF9E6;
        margin-top: 55px;
        height: 500px;
    }

    #core_values h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #core_values h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #core_values_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #core_values_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #core_values_list li img {
        width: 13px;
        margin-right: 17px;
    }

    #core_values_list li p {
        color: #333333;
        margin: 0px;
        line-height: 20px;
        margin-top: 22px;
    }

    #explore {
        background-color: #FFF9E6;
        height: 800px;
    }

    #explore_coloumn_one h6 {
        font-weight: bold;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 244px 120px
    }

    #explore_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 50px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: -221px 120px;
    }

    #explore_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 255px 120px;
    }

    #explore_coloumn_one #button {
        position: absolute;
        width: 214px;
        height: 48px;
        left: 134px;
        top: 600px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #explore_coloumn_two img {
        margin-top: 50px;
        height: 720px
    }

    #explore-two {
        height: 500px;
    }

    #explore-two_coloumn_one {
        padding: 0px 450px;
    }

    #explore-two_coloumn_one h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #explore-two_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #explore-three {
        margin-top: -290px;
        /* max-width: 90%; */
    }

    #explore-three_coloumn_one {}

    #explore-three #explore-three_coloumn_one .row {
        height: 100%;
    }

    #explore-three #explore-three_coloumn_one #sub_coloumn_one {
        background: url(../../saas/img/hazrin_assets/laptop.png);
        background-size: cover;
        background-repeat: round;
    }

    #explore-three_coloumn_one #sub_coloumn_two {
        background-color: #FFF9E6;
        height: 100%;
    }

    #explore-three_coloumn_two {
        max-width: 810px;
        margin-left: 0px;
    }

    #featured_capsule {
        width: 135.65px;
        height: 40px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        float: right;
        margin-top: 20px;
    }

    #featured_capsule img {
        margin: 9px 28px;
    }

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

    #explore-three_coloumn_one #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 32px;
        line-height: 38px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        margin: 252px 10px 41px;
    }

    #explore-three_coloumn_one #sub_coloumn_two #paragraph {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 10px;
    }

    #explore-three #explore-three_coloumn_one #sub_coloumn_two h2 {
        position: absolute;
        font-family: 'Averta-Black';
        font-size: 32px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        left: 0;
        right: 12px;
        bottom: 0;
    }

    #explore-three_coloumn_two #sub_coloumn_one img {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    #explore-three_coloumn_two #sub_coloumn_two {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        font-weight: bold;
        margin: 10px 0px;
    }

    #explore-three_coloumn_two #sub_coloumn_three h2 {
        font-family: 'Averta-Black';
        font-size: 26px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_three {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_four #paragraph2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 10px 0px;
    }

    #explore-three_coloumn_two #sub_coloumn_four {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two .row:nth-child(2) {
        margin-top: 0px;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_two .row:nth-child(5) {
        margin-top: 0px;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_three #button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
    }

    #blood_drop {
        background-color: #DFF6F6;
    }

    #blood_drop #boy {
        /* width: 621px; */
        height: 838px;
        margin-top: 50px;
        margin-left: 20px;
        /* margin-right: auto;
        display: block; */
    }

    #blood_drop #drop {
        position: absolute;
        left: 85.42%;
        right: 49.11%;
        top: 18.28%;
    }

    #blood_drop_coloumn_two h6 {
        margin-top: 130px;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
    }

    #blood_drop_coloumn_two h1 {
        font-family: 'Averta-Black';
        color: #FC384E;
        font-size: 60px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        padding-right: 260px;
    }

    #blood_drop_coloumn_two #heading1 {
        font-size: 30px;
        line-height: 36px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
        padding-right: 145px;
    }

    #blood_drop_coloumn_two #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.3px;
        color: #333333;
        padding-right: 262px;
    }

    #blood_drop_coloumn_two button {
        background-color: #FC384E;
        padding: 10px 38px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        width: 197px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        margin-top: 25px;
    }

    #download_app {
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 22%, #FFF9E6 22%, #FFF9E6 81%, rgba(255, 255, 255, 1) 75%);
    }

    #mobiles {
        width: 900px;
        height: 900px;
        margin-left: -166px;
        display: block;
    }

    #download_app_coloumn_one {
        margin-top: 310px;
    }

    #download_app_coloumn_one h6 {
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        padding-left: 69px;
        font-weight: bold;
    }

    #download_app_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        padding-left: 69px;
        padding-right: 69px;
    }

    #download_app_coloumn_one #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        padding-left: 69px;
        padding-right: 69px;
    }

    #googleplay {
        margin-left: 69px;
        border-radius: 6px;
        width: 200px;
        margin-top: 10px;
        cursor: pointer;
    }

    #appstore {
        margin-left: 19px;
        border-radius: 6px;
        width: 200px;
        margin-top: 10px;
        cursor: pointer;
    }

    #footer_logo {
        margin-left: 69px;
    }

    #footer_paragraph {
        font-style: normal;
        font-weight: normal;
        font-size: 16px !important;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        margin-left: 69px;
        margin-top: 16px;
    }

    /* vendor landing */
    #skill {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
    }

    #skill_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 244px 85px
    }

    #skill_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 52px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: -221px 85px;
    }

    #skill_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 255px 85px;
    }

    #skill_coloumn_one #button {
        position: absolute;
        width: 214px;
        height: 48px;
        left: 100px;
        top: 677px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #skill_coloumn_two img {
        margin-top: 50px;
        height: 720px;
        width: 350px;
    }

    #skill_coloumn_three img {
        margin-top: 50px;
        height: 720px;
        margin-left: 40px;
        width: 350px;
    }

    #grow_community {
        /* background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%); */
        /* margin-top: -21px; */
        height: auto;
    }

    #grow_community h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #grow_community h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #grow_community #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #grow_community_coloumn_one {
        padding: 0px 400px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
    }

    #grow_community_coloumn_two {
        /* height: 400px; */
    }

    #grow_community_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    #grow_community_row {
        padding: 0px 126px;
    }

    #grow_community_row:nth-child(2) {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
    }

    #how_it_works {
        background: linear-gradient(180deg, rgba(255, 249, 230, 1) 50%, rgba(255, 255, 255, 1) 50%);
        height: 720px;
    }

    #how_it_works h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #how_it_works h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #how_it_works #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #how_it_works_coloumn_one {
        padding: 0px 467px;
    }

    #how_it_works_row {
        padding: 0px 0px;
    }

    #how_it_works_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #how_it_works_coloumn_two h4 {
        font-family: 'Averta-Black';
        font-size: 32px;
        line-height: 37px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin-top: 22px;
    }

    #how_it_works_coloumn_two p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 105px;
    }

    #right_arrow {
        position: absolute;
        left: 95.95%;
        right: 62.97%;
        top: 136px;
        bottom: 56.08%;
    }

    #customer_Service {
        height: auto;
        /* filter: contrast(0.5); */
    }

    #customer_Service h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 120px;
    }

    #customer_Service h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
        white-space: pre;
    }

    .review_card {
        width: 100%;
        height: 350px;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
        border-radius: 6px;
        margin-right: 40px;
    }

    .review_ratings {
        position: absolute;
        width: 112px;
        height: 16px;
        left: 25px;
        top: 45px;
    }

    .card-columns {
        height: 200px;
        margin-top: 20px !important;
    }

    .checked {
        color: orange;
    }

    .card-columns img {
        margin-left: 16px;
    }

    .card-columns h1 {
        font-size: 29px !important;
        line-height: 47px !important;
        letter-spacing: 0.3px !important;
        color: #008080;
        margin: 0px 10px !important;
    }

    #customer_Service_row {
        padding: 0px 141px;
        margin-top: 70px;
    }

    #customer_Service_sub_row_one {
        height: 130px !important;
    }

    #customer_Service_sub_row_two h5 {
        font-family: 'Averta-Black';
        font-size: 22px;
        line-height: 35px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        text-transform: capitalize;
        margin-left: 16px;
    }

    #customer_Service_sub_row_three p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 27px;
    }

    .m-t-100 {
        margin-top: 100px !important;
        background-color: #008080;
        color: #fff;
    }

    .m-t-100 h1,
    .m-t-100 h5,
    .m-t-100 p {
        color: #fff !important;
    }

    .m-t-200 {
        margin-top: 200px !important;
    }

    /* test */
    #faqs {
        background-color: #FFF9E6;
    }

    #faqs h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #faqs h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #faqs #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #faqs_coloumn_one {
        padding: 0px 467px;
    }

    #faq_row {
        margin: 0px 90px !important;
    }

    #vendor_signup {
        height: 200px;
    }

    #vendor_signup p {
        font-size: 20px;
        line-height: 23px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        font-weight: bold;
    }

    #vendor_signup #button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    /* vendor signup */
    #signup {}

    #signup_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
    }

    #signup_left_coloumn img {
        height: auto;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #signup_right_coloumn {
        /* border: 1px solid red */
    }

    #signup_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
    }

    #signup_right_coloumn .row:nth-child(2) {
        margin: 65px 100px;
    }

    #vendor_signup_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_signup_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    .iti {
        /* border: 1px solid #C1C1C1 !important; */
        box-sizing: border-box !important;
        border-radius: 6px !important;
        width: 100%;
        padding-left: 0px;
        height: 45px;
    }

    #field-icon {
        float: left;
        margin-top: -32px !important;
        margin-left: 12px !important;
        position: relative;
        z-index: 2;
    }

    #password-icon {
        float: right;
        margin-top: -32px !important;
        margin-right: 31px !important;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

    #signup_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #signup_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #social_login {
        padding: 0px 110px;
        margin-top: -70px;
        cursor: pointer;
    }

    #vendor_signup_otp_row {
        text-align: center;
        display: none;
    }

    #vendor_signup_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_signup_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 230px;
    }

    #vendor_signup_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* otp */
    .digit-group {}

    .digit-group input {
        width: 80px;
        height: 80px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        font-family: "Averta";
        font-weight: 200;
        color: black;
        margin: 0 2px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 6px;
        margin-right: 20px;
        outline: none;
    }

    .digit-group input:focus-visible {
        border: 1px solid #008080;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        outline: none;
    }

    #resend_otp_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #resend_otp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
        cursor: pointer;
    }

    #not_responsive {}

    #not_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 45px;
        line-height: 47px;
        letter-spacing: -0.08px;
        text-align: center;
        align-items: center;
        color: #008080;
        margin-top: 65px;
    }

    #not_responsive p {
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        line-height: 33px;
        color: #333333;
    }

    #not_responsive a {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #not_responsive a:hover {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        background-color: #0ea5a5 !important;
        border-color: #008080;
    }

    #not_responsive #googleplay {
        margin-left: 69px;
        border-radius: 6px;
        width: 211.2px;
        margin-top: 10px;
        cursor: pointer;
    }

    #not_responsive #appstore {
        margin-left: 69px;
        border-radius: 6px;
        width: 211.2px;
        margin-top: 10px;
        cursor: pointer;
    }

    #privacy {
        height: auto;
    }

    #privacy_coloumn_one {
        padding: 0px 250px;
    }

    .privacy_policy_content h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    .privacy_policy_content h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content h2 {
        font-family: 'Averta-Black';
        font-size: 35px;
        line-height: 70px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 170%;
        color: #333333;
    }

    /* vendor login */

    #login {}

    #login_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
    }

    #login_left_coloumn img {
        height: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #login_right_coloumn {
        /* border: 1px solid red */
    }

    #login_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
        cursor: pointer;
    }

    #vendor_login_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_login_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #login_right_coloumn .row:nth-child(2) {
        margin: 65px 100px;
    }

    #vendor_login_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_login_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #login_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #login_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_anchor {
        float: right;
        margin-top: 5px;
    }

    #fp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #fp_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #send_email_row {
        text-align: center;
        display: none;
    }

    #send_email_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #send_email_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;

    }

    #continue_btn {
        width: 46%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* email otp */
    #fp_otp_row {
        text-align: center;
        display: none;
    }

    #fp_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #fp_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 230px;
    }

    #fp_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* new password */
    #np_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #np_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #np_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #np_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #np_form_row {
        margin: 65px 100px;
        display: none;
    }

    /* contact us */
    #contact_us {}

    #contact_us #contact_us_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 114px;
    }

    #contact_us #contact_us_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
    }

    #contact_us #contact_us_coloumn_one #contact_form {
        margin: 65px 120px;
    }

    #contact_us #contact_us_coloumn_two {
        background-image: url(../../saas/img/hazrin_assets/contact_us_bg.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #showlogindiv {
        position: absolute;
        /* width: 180px; */
        max-width: min-content;
        left: 1126px;
        height: 85px;
        right: 0;
        top: 180px;
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
        border-radius: 10px;
        z-index: 10;
        display: none;
    }

    #showlogindiv a {
        text-decoration: none;
        cursor: pointer;
        padding: 4px 97px 9px 6px;
        border-radius: 5px;
    }

    #showlogindiv a:hover {
        background: #008080;
        color: #fff;
        padding: 4px 97px 9px 6px;
        cursor: pointer;
        border-radius: 5px;
    }

    /* service flow */

    #services {
        height: auto;
    }

    #services h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

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

    #services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #services_coloumn_one {
        padding: 0px 150px;
    }

    #services_coloumn_two {
        padding: 0px 225px;
    }

    #services_coloumn_two span {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.08px;
        text-decoration-line: underline;
        color: #008080;
        cursor: pointer;
    }

    #services_coloumn_three {
        padding: 0px 150px;
        cursor: pointer;
    }

    #services_coloumn_three img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #services_coloumn_three h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #services_coloumn_three #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #service_search_coloumn_one img {
        margin-left: 59px;
        margin-top: 13px;
        cursor: pointer;
    }

    #service_search_coloumn_two .input-group {
        width: 100%;
        height: 72px;
        border: 1px solid #A1A1A1;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #service_search_coloumn_two input {
        padding: 11px 54px;
        border-radius: 6px;
        font-size: 20px;
        z-index: 0;
    }

    #service_search_coloumn_three button {
        width: 197px;
        height: 72px;
        background: #008080;
        border-radius: 6px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        font-size: 20px;
        line-height: 23px;
    }

    #service_search_icon {
        position: absolute;
        width: 26px;
        height: 26px;
        top: 23px;
        left: 30px;
    }

    #services_coloumn_four {
        padding: 0px 150px;
        cursor: pointer;
    }

    #sub_services_coloumn {
        max-width: 300px;
        height: 386px;
        margin-right: 30px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-blend-mode: multiply;
    }

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

    #sub_services_coloumn h1 {
        font-family: 'Averta';
        font-size: 28px;
        line-height: 35px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        margin-top: 180px;
        color: #FFFFFF;
    }

    #sub_services_coloumn p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

    #sub_services_coloumn .top_div {
        position: absolute;
        width: auto;
        height: 48px;
        left: 19px;
        top: 16px;
        background: #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 15px 17px;
    }

    #services_coloumn_five {
        padding: 0px 110px;
        cursor: pointer;
        margin-bottom: 20px;
    }

    #services_coloumn_five .carousel_data {
        width: calc(100% + 435px);
        height: 230px;
        filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
        border-radius: 10px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


    /* service flow */

    /* all services */

    #all_services {}

    #all_services_coloumn_one {
        padding: 0px 145px;
    }

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

    #all_services_coloumn_two {
        padding: 0px 100px;
    }

    #all_services_coloumn_two img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

    #all_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
        cursor: pointer;
    }

    /* all services */

    /* service type */

    #service_type_coloumn_one {
        padding: 0px 150px;
    }

    #service_type_coloumn_one h1 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    hr {
        background-color: #008080;
        margin-top: -9px;
    }

    #service_type_coloumn_two {
        padding: 0px 150px;
    }

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

    #service_type_coloumn_three {
        padding: 0px 150px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #service_type_coloumn_three .col-lg-2 {
        width: 240px;
        height: 200.57px;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-right: 30px;
        margin-top: 30px;
    }

    #service_type_coloumn_three .col-lg-2 img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 30px;
        width: 77.79px;
        height: 77.79px;
    }

    #service_type_coloumn_three .col-lg-2 p {
        width: 187.74px;
        height: 50px;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        font-weight: bold;
        display: block;
    }

    #service_type_coloumn_three .col-lg-2 input[type="checkbox"] {
        width: 18px;
        height: 18px;
        float: right;
        margin-top: 11px;
    }

    #service_type_coloumn_four {
        padding: 0px 150px;
        margin-left: 10px;
    }

    #service_type_row {
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px;
        height: 68px;
    }

    #service_type_row button {
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        border-radius: 6px;
        width: 140px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #C1C1C1;
        font-family: 'Averta';
        margin-left: -8px;
        margin-right: -8px;
    }

    #service_type_row button.selected:focus {
        -moz-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        -webkit-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 6px;
        outline: none;
    }

    .selected {
        background: #008080 !important;
        color: #FFFFFF !important;
    }

    #service_type_coloumn_five button {
        width: 343px;
        height: 48px;
        border-color: #008080;
        background-color: #008080;
        box-shadow: 0px 10px 20px rgb(0 128 128 / 25%);
        border-radius: 6px !important;
        text-transform: none;
        height: 50px;
        font-size: 16px !important;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* service type */

    /* service details */

    #service_details_coloumn_one {
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 500px;
    }

    #service_details_coloumn_two {
        padding: 0px 150px;
    }

    #service_details_coloumn_two h1 {
        padding-right: 830px;
        font-weight: bold;
        font-size: 38px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #service_details_coloumn_two p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #555555;
    }

    #service_details_coloumn_two button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        margin-top: 20px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #service_details_coloumn_three {
        padding: 0px 150px;
        height: 350px;
    }

    #service_details_coloumn_three .service_provider {
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 250px;
        height: 242px;
        cursor: pointer;
    }

    #service_details_coloumn_three .service_provider img {
        width: 100px;
        height: 100px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 24px;
        border-radius: 100%;
    }

    #service_details_coloumn_three .service_provider h5 {
        font-size: 20px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 14px;
        text-transform: capitalize;
    }

    #service_details_coloumn_three .ratings {
        font-size: 11px;
        margin-left: 75px;
        margin-top: -10px;
    }

    #service_details_coloumn_three .ratings #text {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-left: 5px;
    }

    /* service details */

    /* Address form */
    #Address {
        padding: 0px 85px;
    }

    #Address #Address_col_one {
        font-weight: bolder;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address #Address_col_one h4 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address_col_two #add_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: 200px;
        background: #FFFFFF;
        border: 1px dashed #008080;
        border-radius: 6px;
        margin-top: 40px;
        cursor: pointer;
    }

    #Address_col_two #add_address p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
        margin-top: 80px;
    }

    #Address_col_three #get_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

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

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


    #Address_col_three #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: calc(100% - 47px);
        height: auto;
        text-align: center;
        margin: 12px 36px;
    }

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

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

    #Address_col_three #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: calc(100% - 90px);
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

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

    #Address_col_four input {
        box-sizing: border-box;
        width: calc(100% - 7px);
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

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

    #Address_col_five p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin: -2px -87px;
    }

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

    /* Address form */

    /* news letter subscribe */
    #newsletter {}

    #newsletter #newsletter_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 114px;
    }

    #newsletter #newsletter_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
    }

    #newsletter #newsletter_coloumn_one #newsletter_form {
        margin: 65px 120px;
    }

    #newsletter #newsletter_coloumn_two {
        background: url(../../saas/img/hazrin_assets/requestServiceBg.png) rgba(0,0,0,0.5);
        background-repeat: no-repeat;
        background-size: contain;
        background-blend-mode: multiply;
    }

    .social_icon{
        width: 100%;
        height: auto;
    }
    .social_icon_fb{
        width: 64%;
        height: auto;
    }
    .cart-button{
        margin: 0 30px;
    }
}

@media only screen and (min-width: 1270px) and (max-width: 1440px) {
    #top-nav {
        height: 100px;
        background: linear-gradient(114deg, rgba(255, 190, 64, 1) 17%, rgba(0, 128, 128, 1) 17%);
    }

    #mainNav {
        margin-bottom: 20px;
    }

    #header span {
        position: absolute;
        left: 15px;
        top: 42px;
        font-size: 9px;
        color: #008080;
        padding: 0px 0px;
        border-radius: 20px;
        line-height: initial;
    }

    #search-bar {
        position: absolute;
        width: 560px;
        height: 56px;
        right: 96px;
        top: 22px;
        border-radius: 6px;
    }

    #search-bar input {
        background-color: #69A0A0;
        padding: 15px 40px;
        border-radius: 6px;
        margin-left: 206px;
    }

    #search-bar input:focus {
        color: #fff;
        z-index: 0;
    }

    #search-bar input::placeholder {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    #search-icon {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 41px;
        right: 421px;
    }

    #nav-logo img {
        margin-top: 3%;
        margin-bottom: 2%;
        margin-right: auto;
        margin-left: auto;
        display: block;
        /* margin-left: 20%; */
        width: 74px;
        height: 76.56px;
    }

    #top-nav-right {
        margin-left: 0px;
        margin-top: 3%;
        width: 795px;
    }

    #top-nav-right .col-3 {
        height: 50px;
        /* border: 1px solid red; */
        margin-left: 1%;
        cursor: pointer;
    }

    #email_icon {
        margin-top: 5%;
    }

    #email_icon img {
        width: 20px;
    }

    #email p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #email p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #phone_icon {
        margin-top: 5%;
    }

    #phone_icon img {
        width: 20px;
    }

    #phone p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #phone p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #language_icon {
        margin-top: 5%;
    }

    #language_icon img {
        width: 20px;
    }

    #language p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #language p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #down_icon {
        margin-top: 9%;
        margin-left: 3%;
    }

    #down_icon img {
        width: 10px;
    }

    #login_signup {
        cursor: pointer;
        margin-left: 131px;
    }

    #login_signup_text {
        font-family: 'Averta';
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
        /* margin: 0px; */
        cursor: pointer;
        margin-left: -35px;
    }

    #auth_user {
        cursor: pointer;
        margin-left: 100px;
        height: 70px;
    }

    #auth_user p {
        font-family: 'Averta';
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #333333;
        cursor: pointer;
        font-weight: bold;
    }

    #auth_user #user_icon {
        width: 50px;
        height: 50px;
        border-radius: 100% !important;
    }

    #second_nav {
        display: flex;
        margin-left: 50px;
    }

    #footer p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        /* line-height: 21px; */
        letter-spacing: -0.204545px;
        color: #FFFFFF;
    }

    .pr-1,
    .px-1 {
        padding-right: 6.25rem !important;
    }

    #slider_content-1 p {
        position: absolute;
        left: 90px;
        top: 200px;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
    }

    #slider_content-2 h1 {
        position: absolute;
        width: 900px;
        height: 152px;
        left: 90px;
        top: 197px;
        font-size: 40px;
        line-height: 48px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        font-family: 'Averta-Black';
        padding-right: 165px;
    }

    #slider_content-3 p {
        position: absolute;
        width: 658px;
        height: 96px;
        left: 90px;
        top: 333px;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        padding-right: 215px;
    }

    #slider_content-4 {
        position: absolute;
        width: 198px;
        height: 41px;
        left: 90px;
        top: 451px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
    }

    #our_services {
        background: #DFF6F6;
        margin-top: -21px;
        height: auto;
    }

    #our_services h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #our_services h1 {
        font-family: 'Averta-Black';
        font-size: 50px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #our_services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_one {
        padding: 0px 300px;
    }

    #our_services_coloumn_two {
        padding: 0px 200px;
    }

    #our_services_coloumn_two img {
        width: 100px;
        height: 100px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #our_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #our_services_coloumn_two #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_three img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        width: 90%;
    }

    #our_services_coloumn_four {
        padding: 0px 247px;
        text-align: center;
    }

    #our_services_coloumn_four p {
        font-size: 16px;
    }

    #our_services button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 28px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #expanding_options {
        /* background: #DFF6F6; */
        background: url("../img/hazrin_assets/expanding_options.png");
        background-size: cover;
        height: 1200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    #expanding_options h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #expanding_options h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        /* display: flex; */
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #expanding_options #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #mission_statement #paragraph2 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #mission_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #vision_statement #paragraph3 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #vision_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #opportunity_img {
        width: 100%;
        height: 100%;
    }

    #vision_statement_img {
        width: 100%;
        height: 100%;
    }

    #mission_statement {
        background: #FFF9E6;
    }

    #vision_statement {
        background: #DFF6F6;
    }

    #what_we_do {
        background: #FFF9E6;
    }

    #what_we_do h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #what_we_do h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #what_we_do #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #what_we_do .container img {
        width: 1100px;
        height: 500px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #what_we_do #paragraph2 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 100px;
        padding-right: 100px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 27%, rgba(0, 128, 128, 1) 27%);
        margin-top: 55px;
        /* height: 645px; */
    }

    #why_us .container #why_us_image {
        margin-top: 65px;
    }

    #top_content {
        background-color: #008080;
        position: absolute;
        top: 100px;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 100px;
    }

    #top_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    #bottom_content {
        background-color: #008080;
        position: absolute;
        top: 597px;
        height: 95px;
        left: 191px;
        transform: translate(-50%, -50%);
        width: 118px;
    }

    #bottom_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    #play_content {
        position: absolute;
        top: 547px;
        left: 188px;
        transform: translate(-50%, -50%);
        width: 75px;
    }

    #why_us_column {
        margin-top: 85px;
    }

    #why_us_column h6 {
        color: #FFC000;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight: bold;
    }

    #why_us_column h1 {
        color: #FFFFFF;
        font-weight: 700;
    }

    #why_us_column #heading1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: bold;
        font-size: 16.5px;
    }

    #why_us_column #paragraph1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us_column_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #why_us_column_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #why_us_column_list li img {
        width: 16px;
        margin-right: 17px;
    }

    #why_us_column_list li p {
        color: white;
        margin: 0px;
    }

    #comfort {
        background-color: #FFF9E6;
        margin-top: 55px;
    }

    #comfort img {
        width: 400px;
        height: 600px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #comfort h6 {
        color: #FFC000;
        margin-top: 130px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #comfort h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #comfort #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        padding-left: 69px;
        padding-right: 118px;
        font-size: 10px;
        line-height: 16px
    }

    #comfort button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 38px;
        margin-left: 69px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #community {
        background-color: #fff;
        /* height: 1200px;
        background: url('../img/hazrin_assets/curve.png'); */
    }

    #community h6 {
        color: #FFC000;
        margin-top: 60px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #community h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #community #community_img {
        width: 605px;
        padding-left: 54px;
    }

    #community #one_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 39px;
    }

    #community #two_img {
        width: 80px;
        position: absolute;
        left: 37px;
        top: 87px;
    }

    #community #three_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 81px;
    }

    #community #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 18px;
        text-transform: capitalize;
        padding-right: 100px;
    }

    #community h5 {
        text-transform: capitalize;
        letter-spacing: 0.3px;
        font-size: 18px;
        font-weight: 900;
        color: #008080;
        margin-top: 81px;
    }

    #community .row:nth-child(3) {
        margin-top: 50px;
    }

    #community .row:nth-child(4) {
        margin-top: 50px;
    }

    #core_values {
        background: #FFF9E6;
        margin-top: 55px;
        height: 500px;
    }

    #core_values h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #core_values h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #core_values_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #core_values_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #core_values_list li img {
        width: 13px;
        margin-right: 17px;
    }

    #core_values_list li p {
        color: #333333;
        margin: 0px;
        line-height: 20px;
        margin-top: 22px;
    }

    #explore {
        background-color: #FFF9E6;
        height: 800px;
    }

    #explore_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 244px 120px
    }

    #explore_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 39px;
        line-height: 48px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: -221px 120px;
    }

    #explore_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 244px 120px;
    }

    #explore_coloumn_one #button {
        position: absolute;
        width: 198px;
        height: 41px;
        left: 134px;
        top: 546px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #explore_coloumn_two img {
        margin-top: 50px;
        height: 720px
    }

    #explore-two {
        height: 500px;
    }

    #explore-two_coloumn_one {
        padding: 0px 400px;
    }

    #explore-two_coloumn_one h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #explore-two_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 50px;
        line-height: 60px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #explore-three {
        margin-top: -290px;
        /* max-width: 90%; */
    }

    #explore-three_coloumn_one {}

    #explore-three #explore-three_coloumn_one .row {
        height: 100%;
    }

    #explore-three #explore-three_coloumn_one #sub_coloumn_one {
        background: url(../../saas/img/hazrin_assets/laptop.png);
        background-size: cover;
        background-repeat: round;
    }

    #explore-three_coloumn_one #sub_coloumn_two {
        background-color: #FFF9E6;
        height: 100%;
    }

    #explore-three_coloumn_two {
        max-width: 810px;
        margin-left: 0px;
    }

    #featured_capsule {
        width: 135.65px;
        height: 40px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        float: right;
        margin-top: 20px;
    }

    #featured_capsule img {
        margin: 9px 28px;
    }

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

    #explore-three_coloumn_one #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-weight: bold;
        font-size: 28px;
        line-height: 38px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        margin: 252px 10px 41px;
    }

    #explore-three_coloumn_one #sub_coloumn_two #paragraph {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 10px;
    }

    #explore-three #explore-three_coloumn_one #sub_coloumn_two h2 {
        position: absolute;
        font-family: 'Averta-Black';
        font-size: 22px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        left: 0;
        right: 12px;
        bottom: 0;
    }

    #explore-three_coloumn_two #sub_coloumn_one img {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    #explore-three_coloumn_two #sub_coloumn_two {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        font-weight: bold;
        margin: 10px 0px;
    }

    #explore-three_coloumn_two #sub_coloumn_three h2 {
        font-family: 'Averta-Black';
        font-size: 19px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_three {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_four #paragraph2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 10px 0px;
    }

    #explore-three_coloumn_two #sub_coloumn_four {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two .row:nth-child(2) {
        margin-top: 0px;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_two .row:nth-child(5) {
        margin-top: 0px;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_three #button {
        width: 198px;
        height: 41px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
    }

    #blood_drop {
        background-color: #DFF6F6;
    }

    #blood_drop #boy {
        width: 579px;
        height: 838px;
        margin-top: 50px;
        margin-left: 0px;
        padding: 30px;
    }

    #blood_drop #drop {
        position: absolute;
        left: 85.42%;
        right: 49.11%;
        top: 18.28%;
        width: 85px;
    }

    #blood_drop_coloumn_two h6 {
        margin-top: 130px;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
    }

    #blood_drop_coloumn_two h1 {
        font-family: 'Averta-Black';
        color: #FC384E;
        font-size: 50px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        padding-right: 130px;
    }

    #blood_drop_coloumn_two #heading1 {
        font-size: 25px;
        line-height: 34px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
        padding-right: 120px;
    }

    #blood_drop_coloumn_two #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 21px;
        letter-spacing: 0.3px;
        color: #333333;
        padding-right: 115px;
    }

    #blood_drop_coloumn_two button {
        background-color: #FC384E;
        padding: 10px 38px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        width: 198px;
        height: 45px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        margin-top: 25px;
    }

    #download_app {
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 22%, #FFF9E6 22%, #FFF9E6 81%, rgba(255, 255, 255, 1) 75%);
    }

    #mobiles {
        width: 800px;
        height: 850px;
        margin-left: -166px;
        display: block;
    }

    #download_app_coloumn_one {
        margin-top: 310px;
    }

    #download_app_coloumn_one h6 {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        padding-left: 69px;
        font-weight: bold;
    }

    #download_app_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 50px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        padding-left: 69px;
        padding-right: 69px;
    }

    #download_app_coloumn_one #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        padding-left: 69px;
        padding-right: 69px;
        margin-top: -19px;
    }

    #googleplay {
        margin-left: 69px;
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        cursor: pointer;
    }

    #appstore {
        margin-left: 19px;
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        cursor: pointer;
    }

    #footer_logo {
        margin-left: 69px;
    }

    #footer_paragraph {
        font-style: normal;
        font-weight: normal;
        font-size: 16px !important;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        margin-left: 69px;
        margin-top: 16px;
    }

    /* vendor landing */
    #skill {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 32%, rgba(223, 246, 246, 1) 32%);
    }

    #skill_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 244px 75px
    }

    #skill_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 38px;
        line-height: 44px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: -221px 75px;
    }

    #skill_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 238px 75px;
    }

    #skill_coloumn_one #button {
        position: absolute;
        width: 198px;
        height: 41px;
        left: 90px;
        top: 636px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #skill_coloumn_two img {
        margin-top: 50px;
        height: 720px;
        width: 330px;
    }

    #skill_coloumn_three img {
        margin-top: 50px;
        height: 720px;
        margin-left: 50px;
        width: 330px;
    }

    #grow_community {
        /* background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%); */
        /* margin-top: -21px; */
        height: auto;
    }

    #grow_community h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #grow_community h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 56px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #grow_community #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #grow_community_coloumn_one {
        padding: 0px 320px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 32%, rgba(223, 246, 246, 1) 32%);
    }

    #grow_community_coloumn_two {
        /* height: 400px; */
    }

    #grow_community_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
    }

    #grow_community_row {
        padding: 0px 126px;
    }

    #grow_community_row:nth-child(2) {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%);
    }

    #how_it_works {
        background: linear-gradient(180deg, rgba(255, 249, 230, 1) 50%, rgba(255, 255, 255, 1) 50%);
        height: 720px;
    }

    #how_it_works h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #how_it_works h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #how_it_works #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #how_it_works_coloumn_one {
        padding: 0px 467px;
    }

    #how_it_works_row {
        padding: 0px 0px;
    }

    #how_it_works_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #how_it_works_coloumn_two h4 {
        font-family: 'Averta-Black';
        font-size: 32px;
        line-height: 37px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin-top: 22px;
    }

    #how_it_works_coloumn_two p {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 105px;
    }

    #right_arrow {
        position: absolute;
        left: 95.95%;
        right: 62.97%;
        top: 136px;
        bottom: 56.08%;
    }

    #customer_Service {
        height: auto;
        /* filter: contrast(0.5); */
    }

    #customer_Service h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 120px;
    }

    #customer_Service h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 52px;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
        white-space: pre;
    }

    .review_card {
        width: 100%;
        height: 380px;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
        border-radius: 6px;
        margin-right: 0px;
    }

    .review_ratings {
        position: absolute;
        width: 112px;
        height: 16px;
        left: 25px;
        top: 37px;
    }

    .card-columns {
        height: 200px;
        margin-top: 20px !important;
    }

    .checked {
        color: orange;
    }

    .card-columns img {
        margin-left: 16px;
        width: 70px;
    }

    .card-columns h1 {
        font-size: 25px !important;
        line-height: 47px !important;
        letter-spacing: 0.3px !important;
        color: #008080;
        margin: 0px 10px !important;
    }

    #customer_Service_row {
        padding: 0px 123px;
        margin-top: 70px;
    }

    #customer_Service_sub_row_one {
        height: 130px !important;
    }

    #customer_Service_sub_row_two h5 {
        font-family: 'Averta-Black';
        font-size: 18px;
        line-height: 35px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        text-transform: capitalize;
        margin-left: 16px;
    }

    #customer_Service_sub_row_three p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 27px;
    }

    .m-t-100 {
        margin-top: 100px !important;
        background-color: #008080;
        color: #fff;
    }

    .m-t-100 h1,
    .m-t-100 h5,
    .m-t-100 p {
        color: #fff !important;
    }

    .m-t-200 {
        margin-top: 200px !important;
    }

    /* test */
    #faqs {
        background-color: #FFF9E6;
    }

    #faqs h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #faqs h1 {
        font-family: 'Averta-Black';
        font-size: 42px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #faqs #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #faqs_coloumn_one {
        padding: 0px 370px;
    }

    #faq_row {
        margin: 0px 0px !important;
    }

    #vendor_signup {
        height: 200px;
    }

    #vendor_signup p {
        font-size: 20px;
        line-height: 23px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        font-weight: bold;
    }

    #vendor_signup #button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    /* vendor signup */
    #signup {}

    #signup_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
    }

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

    #signup_right_coloumn {
        /* border: 1px solid red */
    }

    #signup_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
    }

    #signup_right_coloumn .row:nth-child(2) {
        margin: 65px 100px;
    }

    #vendor_signup_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_signup_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    .iti {
        /* border: 1px solid #C1C1C1 !important; */
        box-sizing: border-box !important;
        border-radius: 6px !important;
        width: 100%;
        padding-left: 0px;
        height: 45px;
    }

    #field-icon {
        float: left;
        margin-top: -32px !important;
        margin-left: 12px !important;
        position: relative;
        z-index: 2;
    }

    #password-icon {
        float: right;
        margin-top: -32px !important;
        margin-right: 31px !important;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

    #signup_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #signup_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #social_login {
        padding: 0px 50px;
        margin-top: -70px;
        cursor: pointer;
    }

    #vendor_signup_otp_row {
        text-align: center;
        display: none;
    }

    #vendor_signup_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_signup_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 165px;
    }

    #vendor_signup_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* otp */
    .digit-group {}

    .digit-group input {
        width: 60px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        font-family: "Averta";
        font-weight: 200;
        color: black;
        margin: 0 2px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 6px;
        margin-right: 20px;
        outline: none;
    }

    .digit-group input:focus-visible {
        border: 1px solid #008080;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        outline: none;
    }

    #resend_otp_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #resend_otp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
        cursor: pointer;
    }

    #not_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 45px;
        line-height: 47px;
        letter-spacing: -0.08px;
        text-align: center;
        align-items: center;
        color: #008080;
        margin-top: 65px;
    }

    #not_responsive p {
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        line-height: 33px;
        color: #333333;
    }

    #not_responsive a {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #not_responsive a:hover {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        background-color: #0ea5a5 !important;
        border-color: #008080;
    }

    #not_responsive #googleplay {
        margin-left: 69px;
        border-radius: 6px;
        width: 211.2px;
        margin-top: 10px;
        cursor: pointer;
    }

    #not_responsive #appstore {
        margin-left: 69px;
        border-radius: 6px;
        width: 211.2px;
        margin-top: 10px;
        cursor: pointer;
    }

    #privacy {
        height: auto;
    }

    #privacy_coloumn_one {
        padding: 0px 200px;
    }

    .privacy_policy_content h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    .privacy_policy_content h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content h2 {
        font-family: 'Averta-Black';
        font-size: 35px;
        line-height: 70px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 170%;
        color: #333333;
    }

    /* vendor login */

    #login {}

    #login_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
    }

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

    #login_right_coloumn {
        /* border: 1px solid red */
    }

    #login_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
        cursor: pointer;
    }

    #vendor_login_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_login_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #login_right_coloumn .row:nth-child(2) {
        margin: 65px 80px;
    }

    #vendor_login_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_login_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #login_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #login_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_anchor {
        float: right;
        margin-top: 5px;
    }

    #fp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #fp_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #send_email_row {
        text-align: center;
        display: none;
    }

    #send_email_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #send_email_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;

    }

    #continue_btn {
        width: 46%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* email otp */
    #fp_otp_row {
        text-align: center;
        display: none;
    }

    #fp_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #fp_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 165px;
    }

    #fp_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* new password */
    #np_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #np_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #np_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #np_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #np_form_row {
        margin: 65px 100px;
        display: none;
    }

    /* contact us */
    #contact_us {}

    #contact_us #contact_us_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 114px;
    }

    #contact_us #contact_us_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
    }

    #contact_us #contact_us_coloumn_one #contact_form {
        margin: 65px 120px;
    }

    #contact_us #contact_us_coloumn_two {
        background-image: url(../../saas/img/hazrin_assets/contact_us_bg.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #showlogindiv {
        position: absolute;
        /* width: 180px; */
        max-width: min-content;
        left: 940px;
        height: 85px;
        right: 0;
        top: 180px;
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
        border-radius: 10px;
        z-index: 10;
        display: none;
    }

    #showlogindiv a {
        text-decoration: none;
        cursor: pointer;
        padding: 4px 97px 9px 6px;
        border-radius: 5px;
    }

    #showlogindiv a:hover {
        background: #008080;
        color: #fff;
        padding: 4px 97px 9px 6px;
        cursor: pointer;
        border-radius: 5px;
    }

    /* service flow */

    #services {
        height: auto;
    }

    #services h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

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

    #services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #services_coloumn_one {
        padding: 0px 128px;
    }

    #services_coloumn_two {
        padding: 0px 85px;
    }

    #services_coloumn_two span {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.08px;
        text-decoration-line: underline;
        color: #008080;
        cursor: pointer;
    }

    #services_coloumn_three {
        padding: 0px 85px;
        cursor: pointer;
    }

    #services_coloumn_three img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #services_coloumn_three h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #services_coloumn_three #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #service_search_coloumn_one img {
        margin-left: 40px;
        margin-top: 15px;
        cursor: pointer;
    }

    #service_search_coloumn_two .input-group {
        width: 100%;
        height: 72px;
        border: 1px solid #A1A1A1;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #service_search_coloumn_two input {
        padding: 11px 54px;
        border-radius: 6px;
        font-size: 20px;
        z-index: 0;
    }

    #service_search_coloumn_three button {
        width: 175px;
        height: 72px;
        background: #008080;
        border-radius: 6px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        font-size: 20px;
        line-height: 23px;
    }

    #service_search_icon {
        position: absolute;
        width: 26px;
        height: 26px;
        top: 23px;
        left: 30px;
    }

    #services_coloumn_four {
        padding: 0px 85px;
        cursor: pointer;
        margin-left: 50px;
    }

    #sub_services_coloumn {
        max-width: 275px;
        height: 386px;
        margin-right: 30px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-blend-mode: multiply;
    }

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

    #sub_services_coloumn h1 {
        font-family: 'Averta';
        font-size: 28px;
        line-height: 35px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        margin-top: 180px;
        color: #FFFFFF;
    }

    #sub_services_coloumn p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

    #sub_services_coloumn .top_div {
        position: absolute;
        width: auto;
        height: 48px;
        left: 19px;
        top: 16px;
        background: #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 15px 17px;
    }

    #services_coloumn_five {
        padding: 0px 60px;
        cursor: pointer;
        margin-bottom: 20px;
        height: 300px;
    }

    #services_coloumn_five .carousel_data {
        width: calc(100% + 435px);
        height: 230px;
        filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
        border-radius: 10px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


    /* service flow */

    /* all services */

    #all_services {}

    #all_services_coloumn_one {
        padding: 0px 125px;
    }

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

    #all_services_coloumn_two {
        padding: 0px 100px;
    }

    #all_services_coloumn_two img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

    #all_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
        cursor: pointer;
    }

    /* all services */

    /* service type */

    #service_type_coloumn_one {
        padding: 0px 100px;
    }

    #service_type_coloumn_one h1 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    hr {
        background-color: #008080;
        margin-top: -9px;
    }

    #service_type_coloumn_two {
        padding: 0px 100px;
    }

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

    #service_type_coloumn_three {
        padding: 0px 100px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #service_type_coloumn_three .col-lg-2 {
        width: 240px;
        height: 200.57px;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-right: 30px;
        margin-top: 30px;
    }

    #service_type_coloumn_three .col-lg-2 img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 30px;
        width: 77.79px;
        height: 77.79px;
    }

    #service_type_coloumn_three .col-lg-2 p {
        width: 150.74px;
        height: 50px;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        font-weight: bold;
        display: block;
    }

    #service_type_coloumn_three .col-lg-2 input[type="checkbox"] {
        width: 18px;
        height: 18px;
        float: right;
        margin-top: 11px;
    }

    #service_type_coloumn_four {
        padding: 0px 100px;
        margin-left: 10px;
    }

    #service_type_row {
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px;
        height: 68px;
    }

    #service_type_row button {
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        border-radius: 6px;
        width: 140px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #C1C1C1;
        font-family: 'Averta';
        margin-left: -8px;
        margin-right: -8px;
    }

    #service_type_row button.selected:focus {
        -moz-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        -webkit-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 6px;
        outline: none;
    }

    .selected {
        background: #008080 !important;
        color: #FFFFFF !important;
    }

    #service_type_coloumn_five button {
        width: 343px;
        height: 48px;
        border-color: #008080;
        background-color: #008080;
        box-shadow: 0px 10px 20px rgb(0 128 128 / 25%);
        border-radius: 6px !important;
        text-transform: none;
        height: 50px;
        font-size: 16px !important;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }


    /* service type */

    /* service details */

    #service_details_coloumn_one {
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 380px;
    }

    #service_details_coloumn_two {
        padding: 0px 100px;
    }

    #service_details_coloumn_two h1 {
        font-weight: bold;
        font-size: 38px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
        padding-right: 610px;
    }

    #service_details_coloumn_two p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #555555;
    }

    #service_details_coloumn_two button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        margin-top: 20px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #service_details_coloumn_three {
        padding: 0px 100px;
        height: 350px;
    }

    #service_details_coloumn_three .service_provider {
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 250px;
        height: 242px;
        cursor: pointer;
    }

    #service_details_coloumn_three .service_provider img {
        width: 100px;
        height: 100px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 24px;
        border-radius: 100%;
    }

    #service_details_coloumn_three .service_provider h5 {
        font-size: 20px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 14px;
        text-transform: capitalize;
    }

    #service_details_coloumn_three .ratings {
        font-size: 11px;
        margin-left: 75px;
        margin-top: -10px;
    }

    #service_details_coloumn_three .ratings #text {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-left: 5px;
    }

    /* service details */

    /* Address form */
    #Address {
        padding: 0px 85px;
    }

    #Address #Address_col_one {
        font-weight: bolder;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address #Address_col_one h4 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address_col_two #add_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: 200px;
        background: #FFFFFF;
        border: 1px dashed #008080;
        border-radius: 6px;
        margin-top: 40px;
        cursor: pointer;
    }

    #Address_col_two #add_address p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
        margin-top: 80px;
    }

    #Address_col_three #get_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

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

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


    #Address_col_three #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: calc(100% - 47px);
        height: auto;
        text-align: center;
        margin: 12px 36px;
    }

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

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

    #Address_col_three #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: calc(100% - 90px);
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

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

    #Address_col_four input {
        box-sizing: border-box;
        width: calc(100% - 7px);
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

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

    #Address_col_five p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin: -2px -68px;
    }

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

    /* Address form */

    /* news letter subscribe */
    #newsletter {}

    #newsletter #newsletter_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 114px;
    }

    #newsletter #newsletter_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
    }

    #newsletter #newsletter_coloumn_one #newsletter_form {
        margin: 65px 120px;
    }

    #newsletter #newsletter_coloumn_two {
        background: url(../../saas/img/hazrin_assets/requestServiceBg.png) rgba(0,0,0,0.5);
        background-repeat: no-repeat;
        background-size: contain;
        background-blend-mode: multiply;
    }
    .social_icon{
        width: 168%;
        height: auto;
    }
    .social_icon_fb{
        width: 100%;
        height: auto;
    }
    .cart-button{
        margin: 0 30px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1270px) {
    #top-nav {
        height: 100px;
        background: linear-gradient(114deg, rgba(255, 190, 64, 2) 28%, rgba(0, 128, 128, 1) 28%)
    }

    #header {
        display: none;
    }

    #mainNav {
        margin-bottom: 20px;
    }

    #header span {
        position: absolute;
        left: 85%;
        top: 6px;
        font-size: 9px;
        background-color: #008080;
        color: #fff;
        padding: 0px 18px;
        border-radius: 20px;
        line-height: inherit;
    }

    #slider_img {
        height: 450px;
    }

    #cart {
        position: absolute;
        width: 32px;
        height: 30.17px;
        left: 81%;
        top: 38px;
        display: block !important;
    }

    #collapse_button {
        position: absolute;
        width: 26.75px;
        height: 21px;
        left: 89%;
        top: 41px;
        display: block !important;
    }

    #cancel {
        position: absolute;
        width: 26.75px;
        height: 21px;
        left: 89%;
        top: 41px;
    }

    #search-bar {
        position: absolute;
        width: 560px;
        height: 56px;
        right: 96px;
        top: 22px;
        border-radius: 6px;
        display: none;
    }

    #search-bar input {
        background-color: #69A0A0;
        padding: 15px 40px;
        border-radius: 6px;
        margin-left: 206px;
    }

    #search-bar input:focus {
        color: #fff;
        z-index: 0;
    }

    #search-bar input::placeholder {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    #search-icon {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 41px;
        right: 421px;
        display: none;
    }

    /* mobile search bar */
    #search-bar_mobile {
        position: absolute;
        width: 560px;
        height: 5px;
        left: 193px;
        top: 11px;
        border-radius: 6px;
        display: block !important;
    }

    #search-bar_mobile input {
        padding: 15px 40px;
        border-radius: 6px;
        margin-left: 0px;
        width: 60%;
        border-color: #008080;
        height: 40px;
        margin-top:1px;
    }

    #search-bar_mobile input:focus {
        color: #c1c1c1;
        z-index: 0;
    }

    #search-bar_mobile input::placeholder {
        color: #c1c1c1;
        font-weight: bold;
        font-size: 16px;
    }

    #search-icon_mobile {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 21px;
        left: 204px;
        display: block !important;
    }

    #nav-logo img {
        margin-top: 6%;
        margin-bottom: 1%;
        margin-right: auto;
        margin-left: 5%;
        display: block;
        /* margin-left: 20%; */
        width: 100px;
        height: 76.56px;
    }

    #top-nav-right {
        margin-left: 0px;
        margin-top: 3%;
        width: 795px;
        display: none;
    }

    #top-nav-right .col-3 {
        height: 50px;
        /* border: 1px solid red; */
        margin-left: 1%;
        cursor: pointer;
    }

    #email_icon {
        margin-top: 5%;
    }

    #email_icon img {
        width: 20px;
    }

    #email p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #email p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #phone_icon {
        margin-top: 5%;
    }

    #phone_icon img {
        width: 20px;
    }

    #phone p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #phone p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #language_icon {
        margin-top: 5%;
    }

    #language_icon img {
        width: 20px;
    }

    #language p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #language p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #down_icon {
        margin-top: 9%;
        margin-left: 3%;
    }

    #down_icon img {
        width: 10px;
    }

    #login_signup {
        cursor: pointer;
        position: absolute;
        left: 55px;
        top: 16px;
        margin-left: 0px !important;
        /* display: none; */
    }

    #login_signup .col-1:nth-child(2) {
        position: absolute;
        left: 63px;
    }

    #login_signup .col-1:nth-child(3) {
        /* display: none; */
    }

    #login_signup_text {
        font-family: 'Averta';
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
        /* margin: 0px; */
        cursor: pointer;
        margin-left: -35px;
    }

    #auth_user {
        cursor: pointer;
        position: absolute;
        left: 20px;
        top: 16px;
        margin-left: 0px !important;
        /* display: none; */
    }

    #auth_user p {
        font-family: 'Averta';
        font-size: 14px;
        letter-spacing: 0.3px;
        color: #333333;
        cursor: pointer;
        font-weight: bold;
        margin-left: -155px;
        padding: 0px 97px;
        margin-top: 0px;
        line-height: 19px;
    }

    #auth_user #user_icon {
        width: 45px;
        height: 45px;
        border-radius: 100% !important;
    }

    #auth_user .col-1:nth-child(3) {
        display: none;
    }

    #second_nav {
        display: flex;
        margin-left: 0px;
    }

    #footer p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        /* line-height: 21px; */
        letter-spacing: -0.204545px;
        color: #FFFFFF;
        margin-left: 0px;
    }

    .pr-1,
    .px-1 {
        padding-right: 6.25rem !important;
    }

    #slider_content-1 p {
        position: absolute;
        left: 90px;
        top: 106px;
        font-size: 16px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
    }

    #slider_content-2 h1 {
        position: absolute;
        width: 900px;
        height: 152px;
        left: 90px;
        top: 105px;
        font-size: 36px;
        line-height: 48px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        font-family: 'Averta-Black';
        padding-right: 209px;
    }

    #slider_content-3 p {
        position: absolute;
        width: 658px;
        height: 96px;
        left: 90px;
        top: 243px;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        padding-right: 215px;
    }

    #slider_content-4 {
        position: absolute;
        width: 157px;
        height: 36px;
        left: 90px;
        top: 364px;
        background: #008080;
        border-radius: 6px;
        font-size: 11px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
    }

    #our_services {
        background: #DFF6F6;
        margin-top: -21px;
        height: auto;
    }

    #our_services h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #our_services h1 {
        font-family: 'Averta-Black';
        font-size: 50px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #our_services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_one {
        padding: 0px 115px;
    }

    #our_services_coloumn_two {
        padding: 0px 200px;
    }

    #our_services_coloumn_two img {
        width: 100px;
        height: 100px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #our_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #our_services_coloumn_two #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_three img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        width: 90%;
    }

    #our_services_coloumn_four {
        padding: 0px 130px;
        text-align: center;
    }

    #our_services_coloumn_four p {
        font-size: 14px;
    }

    #our_services button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 28px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #expanding_options {
        /* background: #DFF6F6; */
        background: url("../img/hazrin_assets/expanding_options.png");
        background-size: cover;
        height: 1200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    #expanding_options h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #expanding_options h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        /* display: flex; */
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #expanding_options #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #mission_statement #paragraph2 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #mission_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #vision_statement #paragraph3 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #vision_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #opportunity_img {
        width: 100%;
        height: 100%;
    }

    #vision_statement_img {
        width: 100%;
        height: 100%;
    }

    #mission_statement {
        background: #FFF9E6;
    }

    #vision_statement {
        background: #DFF6F6;
    }

    #what_we_do {
        background: #FFF9E6;
    }

    #what_we_do h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #what_we_do h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #what_we_do #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #what_we_do .container img {
        width: 1100px;
        height: 500px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #what_we_do #paragraph2 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 100px;
        padding-right: 100px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 27%, rgba(0, 128, 128, 1) 27%);
        margin-top: 55px;
        /* height: 645px; */
    }

    #why_us .container #why_us_image {
        margin-top: 65px;
    }

    #top_content {
        background-color: #008080;
        position: absolute;
        top: 100px;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 100px;
    }

    #top_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    #bottom_content {
        background-color: #008080;
        position: absolute;
        top: 597px;
        height: 95px;
        left: 191px;
        transform: translate(-50%, -50%);
        width: 118px;
    }

    #bottom_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    #play_content {
        position: absolute;
        top: 547px;
        left: 188px;
        transform: translate(-50%, -50%);
        width: 75px;
    }

    #why_us_column {
        margin-top: 85px;
    }

    #why_us_column h6 {
        color: #FFC000;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight: bold;
    }

    #why_us_column h1 {
        color: #FFFFFF;
        font-weight: 700;
    }

    #why_us_column #heading1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: bold;
        font-size: 16.5px;
    }

    #why_us_column #paragraph1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us_column_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #why_us_column_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #why_us_column_list li img {
        width: 16px;
        margin-right: 17px;
    }

    #why_us_column_list li p {
        color: white;
        margin: 0px;
    }

    #comfort {
        background-color: #FFF9E6;
        margin-top: 55px;
    }

    #comfort img {
        width: 400px;
        height: 600px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #comfort h6 {
        color: #FFC000;
        margin-top: 130px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #comfort h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #comfort #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        padding-left: 69px;
        padding-right: 118px;
        font-size: 10px;
        line-height: 16px
    }

    #comfort button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 38px;
        margin-left: 69px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #community {
        background-color: #fff;
        /* height: 1200px;
        background: url('../img/hazrin_assets/curve.png'); */
    }

    #community h6 {
        color: #FFC000;
        margin-top: 60px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #community h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #community #community_img {
        width: 605px;
        padding-left: 54px;
    }

    #community #one_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 39px;
    }

    #community #two_img {
        width: 80px;
        position: absolute;
        left: 37px;
        top: 87px;
    }

    #community #three_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 81px;
    }

    #community #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 18px;
        text-transform: capitalize;
        padding-right: 100px;
    }

    #community h5 {
        text-transform: capitalize;
        letter-spacing: 0.3px;
        font-size: 18px;
        font-weight: 900;
        color: #008080;
        margin-top: 81px;
    }

    #community .row:nth-child(3) {
        margin-top: 50px;
    }

    #community .row:nth-child(4) {
        margin-top: 50px;
    }

    #core_values {
        background: #FFF9E6;
        margin-top: 55px;
        height: 500px;
    }

    #core_values h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #core_values h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #core_values_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #core_values_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #core_values_list li img {
        width: 13px;
        margin-right: 17px;
    }

    #core_values_list li p {
        color: #333333;
        margin: 0px;
        line-height: 20px;
        margin-top: 22px;
    }

    #explore {
        display: none !important;
    }

    #explore_responsive {
        background-color: #FFF9E6;
        height: auto;
        display: block !important;
    }

    #explore_responsive #explore_coloumn_one {
        padding: 0px 120px;
        margin-top: 20px;
    }

    #explore_responsive #explore_coloumn_two {
        padding: 0px 120px;
    }

    #explore_responsive #explore_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 0px;
        text-align: center;
    }

    #explore_responsive #explore_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 40px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 23px 0px;
        text-align: center;
    }

    #explore_responsive #explore_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 0px;
        text-align: center;
    }

    #explore_responsive #explore_coloumn_one #button {
        position: initial;
        margin: 22px 60px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        height: 41px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #explore_responsive #explore_coloumn_two img {
        margin-top: 50px;
        height: 275px
    }

    #explore-two {
        display: none;
    }

    #explore-two_responsive {
        height: auto;
        display: block !important;
    }

    #explore-two_responsive #explore-two_coloumn_one {
        padding: 0px 120px;
        margin-top: 20px;
    }

    #explore-two_responsive #explore-two_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 0px;
        text-align: center;
    }

    #explore-two_responsive #explore-two_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 40px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 23px 0px;
        text-align: center;
    }

    #explore-three {
        display: none;
    }

    #explore-three_responsive {
        display: block !important;
        /* margin-top: -180px; */
        max-width: 90%;
    }

    #explore-three_responsive #explore-three {
        margin-top: -180px;
        /* max-width: 90%; */
    }

    #explore-three_responsive #explore-three_coloumn_one {}

    #explore-three_responsive #explore-three_coloumn_one #sub_coloumn_one img {
        width: calc(100% - 150px);
        height: 350px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #explore-three_responsive #explore-three_coloumn_one #sub_coloumn_two {
        background-color: #FFF9E6;
        max-width: calc(100% - 179px);
        height: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #explore-three_responsive #explore-three_coloumn_two {
        max-width: 810px;
        margin-left: 0px;
    }

    #featured_capsule {
        width: 135.65px;
        height: 40px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        float: right;
        margin-top: 20px;
    }

    #featured_capsule img {
        margin: 9px 28px;
    }

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

    #explore-three_coloumn_one #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-size: 32px;
        line-height: 37px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        font-weight: bold;
        margin: 100px 10px 41px;
    }

    #explore-three_coloumn_one #sub_coloumn_two #paragraph {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 10px;
    }

    #explore-three_coloumn_one #sub_coloumn_two h2 {
        font-family: 'Averta-Black';
        font-size: 26px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        margin-top: 30px;
    }

    #explore-three_coloumn_two #sub_coloumn_one img {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    #explore-three_coloumn_two #sub_coloumn_two {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        font-weight: bold;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_three h2 {
        font-family: 'Averta-Black';
        font-size: 19px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_three {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_four #paragraph2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_four {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two .row:nth-child(2) {
        margin-top: -125px;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_two .row:nth-child(5) {
        margin-top: -18%;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_three #button {
        width: 198px;
        height: 41px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
    }

    #blood_drop {
        background-color: #DFF6F6;
        display: none;
    }

    #blood_drop_responsive {
        background-color: #DFF6F6;
        display: block !important;
        height: 100%;
    }

    #blood_drop #drop_responsive {
        position: absolute;
        left: 85.42%;
        right: 49.11%;
        top: 18.28%;
        width: 85px;
        display: block !important;
    }

    #blood_drop_responsive #blood_drop_coloumn_two h6 {
        margin-top: 0px;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two h1 {
        font-family: 'Averta-Black';
        color: #FC384E;
        font-size: 40px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        padding-right: 0;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two #heading1 {
        font-size: 25px;
        line-height: 34px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
        padding-right: 0;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 21px;
        letter-spacing: 0.3px;
        color: #333333;
        padding-right: 0;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two {
        padding: 0px 120px;
        margin-top: 20px;
    }

    #blood_drop_responsive #blood_drop_coloumn_two button {
        background-color: #FC384E;
        padding: 10px 38px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        width: 198px;
        height: 45px;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        margin-top: 25px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    #download_app {
        display: none;
    }

    #download_app_responsive {
        height: 100%;
        display: block !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 18%, #FFF9E6 18%, #FFF9E6 100%, rgba(255, 255, 255, 1) 75%)
    }

    #download_app_responsive #download_app_coloumn_one {
        margin-top: 120px;
    }

    #download_app_responsive #download_app_coloumn_one h6 {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        text-align: center;
        font-weight: bold;
    }

    #download_app_responsive #download_app_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 70px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        text-align: center;
    }

    #download_app_responsive #download_app_coloumn_one #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin-top: 0px;
        text-align: center;
    }

    #download_app_responsive #googleplay {
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #download_app_responsive #appstore {
        margin-left: 2%;
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #footer {
        margin-top: 80px !important;
    }

    #footer_logo {
        margin-left: 0px;
    }

    #footer_paragraph {
        font-style: normal;
        font-weight: normal;
        font-size: 16px !important;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        margin-left: 69px;
        margin-top: 16px;
    }

    /* vendor landing */
    #skill {
        display: none;
    }

    #skill_responsive {
        display: block !important;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 335px, rgba(223, 246, 246, 1) 325px);
    }

    #skill_responsive #skill_coloumn_one {
        padding: 0px 120px;
        margin-top: 20px;
    }

    #skill_responsive #skill_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px;
        text-align: center;
    }

    #skill_responsive #skill_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 44px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 20px;
        text-align: center;
    }

    #skill_responsive #skill_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 20px;
        text-align: center;
    }

    #skill_responsive #skill_coloumn_one #button {
        position: relative;
        width: 198px;
        height: 41px;
        left: 0px;
        top: 16px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #skill_responsive #skill_coloumn_two img {
        margin-top: 50px;
        height: 500px;
        width: 90%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #skill_responsive #skill_coloumn_three img {
        margin-top: 50px;
        height: 720px;
        width: 330px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #grow_community {
        /* background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%); */
        /* margin-top: -21px; */
        height: auto;
    }

    #grow_community h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #grow_community h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 44px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 20px;
        text-align: center;
    }

    #grow_community #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #grow_community_coloumn_one {
        padding: 0px 120px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 335px, rgba(223, 246, 246, 1) 325px);
    }

    #grow_community_coloumn_two {
        /* height: 400px; */
    }

    #grow_community_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        margin-top: 10px;
    }

    #grow_community_row {
        padding: 0px 5%;
    }

    #grow_community_row:nth-child(2) {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 335px, rgba(223, 246, 246, 1) 325px);
    }

    #how_it_works {
        display: none;
    }

    #how_it_works_responsive {
        display: block !important;
        background: linear-gradient(180deg, rgba(255, 249, 230, 1) 50%, rgba(255, 255, 255, 1) 50%);
        height: 535px;
    }

    #how_it_works_responsive h6 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #how_it_works_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 44px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 20px;
        text-align: center;
    }

    #how_it_works_responsive #how_it_works #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #how_it_works_responsive #how_it_works_coloumn_one {
        padding: 0px 0px;
    }

    #how_it_works_responsive #how_it_works_row {
        padding: 0px 0px;
    }

    #how_it_works_responsive #how_it_works_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: auto;
    }

    #how_it_works_responsive #how_it_works_coloumn_two h4 {
        font-family: 'Averta-Black';
        font-size: 32px;
        line-height: 37px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin-top: 22px;
    }

    #how_it_works_responsive #how_it_works_coloumn_two p {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 105px;
    }

    #how_it_works_responsive #right_arrow {
        position: absolute;
        left: 95.95%;
        right: 62.97%;
        top: 32.43%;
        bottom: 56.08%;
    }

    #customer_Service {
        display: none;
    }

    #customer_Service_responsive {
        height: auto;
        display: block !important;
        /* filter: contrast(0.5); */
    }

    #customer_Service_responsive h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 120px;
        text-align: center;
    }

    #customer_Service_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 52px;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 120px;
        text-align: center;
    }

    #customer_Service_responsive .review_card {
        width: 100%;
        height: auto;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
        border-radius: 6px;
        margin-right: 0px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #customer_Service_responsive .review_ratings {
        position: absolute;
        width: 112px;
        height: 16px;
        left: 15px;
        top: 37px;
    }

    #customer_Service_responsive .card-columns {
        height: 200px;
        margin-top: 20px !important;
    }

    #customer_Service_responsive .checked {
        color: orange;
    }

    #customer_Service_responsive .card-columns img {
        margin-left: 16px;
        width: 70px;
    }

    #customer_Service_responsive .card-columns h1 {
        font-size: 25px !important;
        line-height: 47px !important;
        letter-spacing: 2.3px !important;
        color: #008080;
        margin: 0px 0px !important;
        white-space: pre;
    }

    #customer_Service_responsive #customer_Service_row {
        padding: 0px 123px;
        margin-top: 70px;
    }

    #customer_Service_responsive #customer_Service_sub_row_one {
        height: 130px !important;
    }

    #customer_Service_responsive #customer_Service_sub_row_two h5 {
        font-family: 'Averta-Black';
        font-size: 18px;
        line-height: 35px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        text-transform: capitalize;
        margin-left: 16px;
    }

    #customer_Service_responsive #customer_Service_sub_row_three p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 27px;
        margin-bottom: 22px;
    }

    .m-t-100 {
        margin-top: 0px !important;
        background-color: #008080;
        color: #fff;
    }

    .m-t-100 h1,
    .m-t-100 h5,
    .m-t-100 p {
        color: #fff !important;
    }

    .m-t-200 {
        margin-top: 200px !important;
    }

    /* test */
    #faqs {
        background-color: #FFF9E6;
    }

    #faqs h6 {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #faqs h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #faqs #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #faqs_coloumn_one {
        padding: 0px 120px;
        margin-top: 20px;
    }

    #faq_row {
        margin: 0px 0px !important;
    }

    #vendor_signup {
        height: 200px;
    }

    #vendor_signup p {
        font-size: 20px;
        line-height: 23px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        font-weight: bold;
    }

    #vendor_signup #button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    /* vendor signup */
    #signup {}

    #signup_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
    }

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

    #signup_right_coloumn {
        /* border: 1px solid red */
    }

    #signup_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
        cursor: pointer;
        width: 40%;
    }

    #signup_right_coloumn .row:nth-child(2) {
        margin: 65px 20px;
    }

    #google_signup {
        width: auto !important;
    }

    #facebook_signup {
        width: auto !important;
    }

    #apple_signup {
        width: auto !important;
    }

    #social_signup {
        padding: 0px 50px;
        margin-top: -70px;
        cursor: pointer;
    }

    #vendor_signup_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_signup_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    .iti {
        /* border: 1px solid #C1C1C1 !important; */
        box-sizing: border-box !important;
        border-radius: 6px !important;
        width: 100%;
        padding-left: 0px;
        height: 45px;
    }

    #field-icon {
        float: left;
        margin-top: -31px !important;
        margin-left: 12px !important;
        position: relative;
        z-index: 2;
        width: initial !important;
    }

    #password-icon {
        float: right;
        margin-top: -32px !important;
        margin-right: 23px !important;
        position: relative;
        z-index: 2;
        cursor: pointer !important;
        width: initial !important;
    }

    #signup_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #signup_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #social_login {
        padding: 0px 50px;
        margin-top: -70px;
        cursor: pointer;
    }

    #google_login {
        width: auto !important;
    }

    #facebook_login {
        width: auto !important;
    }

    #apple_login {
        width: auto !important;
    }

    #vendor_signup_otp_row {
        text-align: center;
        display: none;
    }

    #vendor_signup_otp_row img {
        width: auto !important;
    }

    #vendor_signup_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_signup_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 80px;
    }

    #vendor_signup_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* otp */
    .digit-group {}

    .digit-group input {
        width: 60px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        font-family: "Averta";
        font-weight: 200;
        color: black;
        margin: 0 2px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 6px;
        margin-right: 10px;
        outline: none;
    }

    .digit-group input:focus-visible {
        border: 1px solid #008080;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        outline: none;
    }

    #resend_otp_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #resend_otp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
        cursor: pointer;
    }

    #not_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 45px;
        line-height: 47px;
        letter-spacing: -0.08px;
        text-align: center;
        align-items: center;
        color: #008080;
        margin-top: 65px;
    }

    #not_responsive p {
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        line-height: 33px;
        color: #333333;
    }

    #not_responsive a {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #not_responsive a:hover {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        background-color: #0ea5a5 !important;
        border-color: #008080;
    }

    #not_responsive #googleplay {
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #not_responsive #appstore {
        margin-left: 2%;
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #privacy {
        height: auto;
    }

    #privacy_coloumn_one {
        padding: 0px 100px;
    }

    .privacy_policy_content h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    .privacy_policy_content h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content h2 {
        font-family: 'Averta-Black';
        font-size: 35px;
        line-height: 40px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 170%;
        color: #333333;
    }

    /* vendor login */

    #login {}

    #login_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
    }

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

    #login_right_coloumn {
        /* border: 1px solid red */
    }

    #login_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
        cursor: pointer;
        width: 40%;
    }

    #vendor_login_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_login_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #login_right_coloumn .row:nth-child(2) {
        margin: 65px 20px;
    }

    #vendor_login_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_login_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #login_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #login_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_anchor {
        float: right;
        margin-top: 5px;
    }

    #fp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #fp_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #send_email_row {
        text-align: center;
        display: none;
    }

    #send_email_row img {
        width: auto !important;
    }

    #send_email_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #send_email_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;

    }

    #continue_btn {
        width: 46%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* email otp */
    #fp_otp_row {
        text-align: center;
        display: none;
    }

    #fp_otp_row img {
        width: auto !important;
    }

    #fp_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #fp_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 100px;
    }

    #fp_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* new password */
    #np_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #np_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
    }

    #np_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #np_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #np_form_row {
        margin: 65px 30px;
        display: none;
    }

    /* contact us */
    #contact_us {}

    #contact_us #contact_us_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 40px;
    }

    #contact_us #contact_us_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 40px;
    }

    #contact_us #contact_us_coloumn_one #contact_form {
        margin: 65px 40px;
    }

    #contact_us #contact_us_coloumn_two {
        background-image: url(../../saas/img/hazrin_assets/contact_us_bg.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    #showlogindiv {
        position: absolute;
        /* width: 180px; */
        max-width: min-content;
        left: 940px;
        height: 85px;
        right: 0;
        top: 180px;
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
        border-radius: 10px;
        z-index: 10;
        display: none;
    }

    #showlogindiv a {
        text-decoration: none;
        cursor: pointer;
        padding: 4px 97px 9px 6px;
        border-radius: 5px;
    }

    #showlogindiv a:hover {
        background: #008080;
        color: #fff;
        padding: 4px 97px 9px 6px;
        cursor: pointer;
        border-radius: 5px;
    }

    /* service flow */

    #services {
        height: auto;
    }

    #services h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #services h1 {
        font-weight: bold;
        font-size: 34px;
        line-height: 41px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #services_coloumn_one {
        padding: 0px 65px;
    }

    #services_coloumn_two {
        padding: 0px 85px;
    }

    #services_coloumn_two span {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.08px;
        text-decoration-line: underline;
        color: #008080;
        cursor: pointer;
    }

    #services_coloumn_three {
        padding: 0px 85px;
        cursor: pointer;
    }

    #services_coloumn_three img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #services_coloumn_three h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #services_coloumn_three #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #service_search_coloumn_one img {
        margin-left: 22px;
        margin-top: 13px;
        cursor: pointer;
    }

    #service_search_coloumn_two .input-group {
        width: 100%;
        height: 72px;
        border: 1px solid #A1A1A1;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #service_search_coloumn_two input {
        padding: 11px 54px;
        border-radius: 6px;
        font-size: 20px;
        z-index: 0;
    }

    #service_search_coloumn_three button {
        width: 197px;
        height: 72px;
        background: #008080;
        border-radius: 6px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        font-size: 20px;
        line-height: 23px;
    }

    #service_search_icon {
        position: absolute;
        width: 26px;
        height: 26px;
        top: 23px;
        left: 30px;
    }

    #services_coloumn_four {
        padding: 0px 65px;
        cursor: pointer;
    }

    #sub_services_coloumn {
        max-width: 272px;
        height: 386px;
        margin-right: 30px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-blend-mode: multiply;
    }

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

    #sub_services_coloumn h1 {
        font-family: 'Averta';
        font-size: 28px;
        line-height: 35px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        margin-top: 180px;
        color: #FFFFFF;
    }

    #sub_services_coloumn p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

    #sub_services_coloumn .top_div {
        position: absolute;
        width: auto;
        height: 48px;
        left: 19px;
        top: 16px;
        background: #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 15px 17px;
    }

    #services_coloumn_five {
        padding: 0px 22px;
        cursor: pointer;
        margin-bottom: 20px;
    }

    #services_coloumn_five .carousel_data {
        width: calc(100% + 435px);
        height: 230px;
        filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
        border-radius: 10px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


    /* service flow */

    /* all services */

    #all_services {}

    #all_services_coloumn_one {
        padding: 0px 45px;
    }

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

    #all_services_coloumn_two {
        padding: 0px 30px;
    }

    #all_services_coloumn_two img {
        width: 110px;
        height: 110px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

    #all_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
        cursor: pointer;
    }

    /* all services */

    /* service type */

    #service_type_coloumn_one {
        padding: 0px 35px;
    }

    #service_type_coloumn_one h1 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    hr {
        background-color: #008080;
        margin-top: -9px;
    }

    #service_type_coloumn_two {
        padding: 0px 35px;
    }

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

    #service_type_coloumn_three {
        padding: 0px 35px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #service_type_coloumn_three .col-md-3 {
        width: 240px;
        height: 200.57px;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-right: 30px;
        margin-top: 30px;
    }

    #service_type_coloumn_three .col-md-3 img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 30px;
        width: 77.79px;
        height: 77.79px;
    }

    #service_type_coloumn_three .col-md-3 p {
        width: 150.74px;
        height: 50px;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        font-weight: bold;
        display: block;
    }

    #service_type_coloumn_three .col-md-3 input[type="checkbox"] {
        width: 18px;
        height: 18px;
        float: right;
        margin-top: 11px;
    }

    #service_type_coloumn_four {
        padding: 0px 35px;
        margin-left: 10px;
    }

    #service_type_row {
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px;
        height: 68px;
    }

    #service_type_row button {
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        border-radius: 6px;
        width: 140px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #C1C1C1;
        font-family: 'Averta';
        margin-left: -8px;
        margin-right: -8px;
    }

    #service_type_row button.selected:focus {
        -moz-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        -webkit-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 6px;
        outline: none;
    }

    .selected {
        background: #008080 !important;
        color: #FFFFFF !important;
    }

    #service_type_coloumn_five button {
        width: 343px;
        height: 48px;
        border-color: #008080;
        background-color: #008080;
        box-shadow: 0px 10px 20px rgb(0 128 128 / 25%);
        border-radius: 6px !important;
        text-transform: none;
        height: 50px;
        font-size: 16px !important;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* service type */

    /* service details */

    #service_details_coloumn_two .top_div {
        position: absolute;
        width: auto;
        height: auto;
        left: 63px;
        top: -59px;
        border: 1px solid #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-weight: bold;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #008080;
        padding: 10px 28px;
    }

    #service_details_coloumn_one {
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 300px;
    }

    #service_details_coloumn_two {
        padding: 0px 60px;
    }

    #service_details_coloumn_two h1 {
        font-weight: bold;
        font-size: 38px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
        padding-right: 200px;
    }

    #service_details_coloumn_two p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #555555;
    }

    #service_details_coloumn_two button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        margin-top: 20px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #service_details_coloumn_three {
        padding: 0px 60px;
        height: 350px;
    }

    #service_details_coloumn_three .service_provider {
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 250px;
        height: 242px;
        cursor: pointer;
    }

    #service_details_coloumn_three .service_provider img {
        width: 100px;
        height: 100px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 24px;
        border-radius: 100%;
    }

    #service_details_coloumn_three .service_provider h5 {
        font-size: 20px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 14px;
        text-transform: capitalize;
    }

    #service_details_coloumn_three .ratings {
        font-size: 11px;
        margin-left: 75px;
        margin-top: -10px;
    }

    #service_details_coloumn_three .ratings #text {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-left: 5px;
    }

    /* service details */

    /* Address form */
    #Address {
        padding: 0px 20px;
    }

    #Address #Address_col_one {
        font-weight: bolder;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address #Address_col_one h4 {
        font-weight: bold;
        font-size: 28px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address_col_two #add_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: 200px;
        background: #FFFFFF;
        border: 1px dashed #008080;
        border-radius: 6px;
        margin-top: 40px;
        cursor: pointer;
    }

    #Address_col_two #add_address p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
        margin-top: 80px;
    }

    #Address_col_three #get_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

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

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


    #Address_col_three #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: calc(100% - 35px);
        height: auto;
        text-align: center;
        position: absolute;
        left: 192px;
        bottom: -6px;
    }

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

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

    #Address_col_three #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: calc(100% - 65px);
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

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

    #Address_col_four input {
        box-sizing: border-box;
        width: calc(100% - 7px);
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
    }

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

    #Address_col_five p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin: -2px -50px;
    }

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

    /* Address form */

    /* news letter subscribe */
    #newsletter {}

    #newsletter #newsletter_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 40px;
    }

    #newsletter #newsletter_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 40px;
    }

    #newsletter #newsletter_coloumn_one #newsletter_form {
        margin: 65px 40px;
    }

    #newsletter #newsletter_coloumn_two {
        background: url(../../saas/img/hazrin_assets/requestServiceBg.png) rgba(0,0,0,0.5);
        background-repeat: no-repeat;
        background-size: contain;
        background-blend-mode: multiply;
    }

}

@media only screen and (max-width: 600px) {
    #top-nav {
        height: 100px;
        background: linear-gradient(114deg, rgba(255, 190, 64, 2) 28%, rgba(0, 128, 128, 1) 28%)
    }

    #header {
        display: none;
    }

    #mainNav {
        margin-bottom: 20px;
    }

    #header span {
        position: absolute;
        left: 170px;
        top: 6px;
        font-size: 9px;
        background-color: #008080;
        color: #fff;
        padding: 0px 4%;
        border-radius: 20px;
        line-height: inherit;
    }

    #slider_img {
        height: 450px;
    }

    #cart {
        position: absolute;
        width: 32px;
        height: 30.17px;
        left: 74%;
        top: 38px;
        display: block !important;
    }

    #collapse_button {
        position: absolute;
        width: 26.75px;
        height: 21px;
        left: 89%;
        top: 41px;
        display: block !important;
    }

    #cancel {
        position: absolute;
        width: 26.75px;
        height: 21px;
        left: 89%;
        top: 41px;
    }

    #search-bar {
        position: absolute;
        width: 560px;
        height: 56px;
        right: 96px;
        top: 22px;
        border-radius: 6px;
        display: none;
    }

    #search-bar input {
        background-color: #69A0A0;
        padding: 15px 40px;
        border-radius: 6px;
        margin-left: 206px;
    }

    #search-bar input:focus {
        color: #fff;
        z-index: 0;
    }

    #search-bar input::placeholder {
        color: #fff;
        font-weight: bold;
        font-size: 16px;
    }

    #search-icon {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 41px;
        right: 421px;
        display: none;
    }

    /* mobile search bar */
    #header .header-nav-main {
        top: 130% !important;
    }

    #search-bar_mobile {
        position: absolute;
        width: 560px;
        height: 5px;
        left: 30px;
        top: 57px;
        border-radius: 6px;
        display: block !important;
    }

    #search-bar_mobile input {
        padding: 15px 40px;
        border-radius: 6px;
        margin-left: 0px;
        width: auto;
        border-color: #008080;
        height: 40px;
    }

    #search-bar_mobile input:focus {
        color: #c1c1c1;
        z-index: 0;
    }

    #search-bar_mobile input::placeholder {
        color: #c1c1c1;
        font-weight: bold;
        font-size: 16px;
    }

    #search-icon_mobile {
        position: absolute;
        width: 18px;
        height: 18px;
        top: 68px;
        left: 42px;
        display: block !important;
    }

    #nav-logo img {
        margin-top: 41%;
        margin-bottom: 1%;
        margin-right: auto;
        margin-left: 13%;
        display: block;
        /* margin-left: 20%; */
        width: 50px;
        height: 50px;
    }

    #top-nav-right {
        margin-left: 0px;
        margin-top: 3%;
        width: 795px;
        display: none;
    }

    #top-nav-right .col-3 {
        height: 50px;
        /* border: 1px solid red; */
        margin-left: 1%;
        cursor: pointer;
    }

    #email_icon {
        margin-top: 5%;
    }

    #email_icon img {
        width: 20px;
    }

    #email p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #email p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #phone_icon {
        margin-top: 5%;
    }

    #phone_icon img {
        width: 20px;
    }

    #phone p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #phone p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #language_icon {
        margin-top: 5%;
    }

    #language_icon img {
        width: 20px;
    }

    #language p {
        font-size: 14px;
        color: white;
        margin-bottom: 0%;
    }

    #language p:nth-child(2) {
        font-weight: bold;
        font-size: 16px;
    }

    #down_icon {
        margin-top: 9%;
        margin-left: 3%;
    }

    #down_icon img {
        width: 10px;
    }

    #login_signup {
        cursor: pointer;
        position: absolute;
        left: 55px;
        top: 16px;
        margin-left: 0px !important;
        /* display: none; */
    }

    #login_signup .col-1:nth-child(2) {
        position: absolute;
        left: 63px;
    }

    #login_signup .col-1:nth-child(3) {
        /* display: none; */
    }

    #login_signup_text {
        font-family: 'Averta';
        font-size: 16px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
        /* margin: 0px; */
        cursor: pointer;
        margin-left: -35px;
    }

    #auth_user {
        cursor: pointer;
        position: absolute;
        left: 20px;
        top: 16px;
        margin-left: 0px !important;
        /* display: none; */
    }

    #auth_user p {
        font-family: 'Averta';
        font-size: 12px;
        letter-spacing: 0.3px;
        color: #333333;
        cursor: pointer;
        font-weight: bold;
        margin-left: 0px;
        margin-top: -6px;
        line-height: 19px;
    }

    #auth_user #user_icon {
        width: 45px;
        height: 45px;
        border-radius: 100% !important;
        margin-top: -10px;
    }

    #auth_user .col-1:nth-child(3) {
        display: none;
    }

    #second_nav {
        display: flex;
        margin-left: 0px;
    }

    #footer p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        /* line-height: 21px; */
        letter-spacing: -0.204545px;
        color: #FFFFFF;
        margin-left: 0px;
    }

    .pr-1,
    .px-1 {
        padding-right: 6.25rem !important;
    }

    #slider_content-1 p {
        position: absolute;
        left: 30px;
        top: 39px;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #008080;
        font-weight: bold;
    }

    #slider_content-2 h1 {
        position: absolute;
        width: auto;
        height: 152px;
        left: 30px;
        top: 35px;
        font-size: 26px;
        line-height: 30px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        font-family: 'Averta-Black';
    }

    #slider_content-3 p {
        position: absolute;
        width: auto;
        height: 96px;
        left: 30px;
        top: 168px;
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
    }

    #slider_content-4 {
        position: absolute;
        width: 157px;
        height: 36px;
        left: 30px;
        top: 293px;
        background: #008080;
        border-radius: 6px;
        font-size: 11px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
    }

    #our_services {
        background: #DFF6F6;
        margin-top: -21px;
        height: auto;
    }

    #our_services h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #our_services h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 70px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #our_services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 20px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_one {
        padding: 0px 40px;
    }

    #our_services_coloumn_two {
        padding: 0px 40px;
    }

    #our_services_coloumn_two img {
        width: 100px;
        height: 100px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #our_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #our_services_coloumn_two #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 16px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #our_services_coloumn_three img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        width: 90%;
    }

    #our_services_coloumn_four {
        padding: 0px 40px;
        text-align: center;
    }

    #our_services_coloumn_four p {
        font-size: 13px;
    }

    #our_services button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 28px;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #expanding_options {
        /* background: #DFF6F6; */
        background: url("../img/hazrin_assets/expanding_options.png");
        background-size: cover;
        height: 1200px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    #expanding_options h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #expanding_options h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        /* display: flex; */
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #expanding_options #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #mission_statement #paragraph2 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #mission_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #vision_statement #paragraph3 {
        color: #333333;
        /* text-align: center; */
        letter-spacing: 0.3px;
        /* padding-left: 231px;
        padding-right: 231px; */
        font-size: 10px;
        line-height: 16px;
        text-transform: capitalize;
    }

    #vision_statement h5 {
        text-transform: capitalize;
        /* text-align: center; */
        letter-spacing: 0.3px;
        font-size: 26px;
        font-weight: 600;
        color: #008080;
        margin-top: 101px;
    }

    #opportunity_img {
        width: 100%;
        height: 100%;
    }

    #vision_statement_img {
        width: 100%;
        height: 100%;
    }

    #mission_statement {
        background: #FFF9E6;
    }

    #vision_statement {
        background: #DFF6F6;
    }

    #what_we_do {
        background: #FFF9E6;
    }

    #what_we_do h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #what_we_do h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #what_we_do #paragraph1 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 231px;
        padding-right: 231px;
        font-size: 10px;
        line-height: 16px;
    }

    #what_we_do .container img {
        width: 1100px;
        height: 500px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #what_we_do #paragraph2 {
        color: #333333;
        text-align: center;
        letter-spacing: 0.3px;
        padding-left: 100px;
        padding-right: 100px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 27%, rgba(0, 128, 128, 1) 27%);
        margin-top: 55px;
        /* height: 645px; */
    }

    #why_us .container #why_us_image {
        margin-top: 65px;
    }

    #top_content {
        background-color: #008080;
        position: absolute;
        top: 100px;
        left: 58%;
        transform: translate(-50%, -50%);
        width: 100px;
    }

    #top_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 18px;
        font-weight: 600;
    }

    #bottom_content {
        background-color: #008080;
        position: absolute;
        top: 597px;
        height: 95px;
        left: 191px;
        transform: translate(-50%, -50%);
        width: 118px;
    }

    #bottom_content h3 {
        color: #FFC000;
        text-align: center;
        font-size: 20px;
        font-weight: bold;
    }

    #play_content {
        position: absolute;
        top: 547px;
        left: 188px;
        transform: translate(-50%, -50%);
        width: 75px;
    }

    #why_us_column {
        margin-top: 85px;
    }

    #why_us_column h6 {
        color: #FFC000;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight: bold;
    }

    #why_us_column h1 {
        color: #FFFFFF;
        font-weight: 700;
    }

    #why_us_column #heading1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        text-transform: capitalize;
        line-height: 24px;
        font-weight: bold;
        font-size: 16.5px;
    }

    #why_us_column #paragraph1 {
        color: #FFFFFF;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 16px;
    }

    #why_us_column_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #why_us_column_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #why_us_column_list li img {
        width: 16px;
        margin-right: 17px;
    }

    #why_us_column_list li p {
        color: white;
        margin: 0px;
    }

    #comfort {
        background-color: #FFF9E6;
        margin-top: 55px;
    }

    #comfort img {
        width: 400px;
        height: 600px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    #comfort h6 {
        color: #FFC000;
        margin-top: 130px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #comfort h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #comfort #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        padding-left: 69px;
        padding-right: 118px;
        font-size: 10px;
        line-height: 16px
    }

    #comfort button {
        background-color: #008080;
        font-size: 10px;
        padding: 10px 38px;
        margin-left: 69px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #community {
        background-color: #fff;
        /* height: 1200px;
        background: url('../img/hazrin_assets/curve.png'); */
    }

    #community h6 {
        color: #FFC000;
        margin-top: 60px;
        font-size: 12px;
        letter-spacing: 1.3px;
        padding-left: 69px;
    }

    #community h1 {
        color: #008080;
        font-weight: 900;
        padding-left: 69px;
        padding-right: 69px;
    }

    #community #community_img {
        width: 605px;
        padding-left: 54px;
    }

    #community #one_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 39px;
    }

    #community #two_img {
        width: 80px;
        position: absolute;
        left: 37px;
        top: 87px;
    }

    #community #three_img {
        width: 78px;
        position: absolute;
        right: 67px;
        top: 81px;
    }

    #community #paragraph1 {
        color: #333333;
        letter-spacing: 0.3px;
        font-size: 10px;
        line-height: 18px;
        text-transform: capitalize;
        padding-right: 100px;
    }

    #community h5 {
        text-transform: capitalize;
        letter-spacing: 0.3px;
        font-size: 18px;
        font-weight: 900;
        color: #008080;
        margin-top: 81px;
    }

    #community .row:nth-child(3) {
        margin-top: 50px;
    }

    #community .row:nth-child(4) {
        margin-top: 50px;
    }

    #core_values {
        background: #FFF9E6;
        margin-top: 55px;
        height: 500px;
    }

    #core_values h6 {
        color: #FFC000;
        text-align: center;
        margin-top: 70px;
        font-size: 12px;
        letter-spacing: 1.3px;
    }

    #core_values h1 {
        color: #008080;
        text-align: center;
        font-weight: 900;
    }

    #core_values_list {
        color: #ffffff;
        font-size: 12px;
        margin-left: -39px;
    }

    #core_values_list li {
        list-style-type: none;
        display: flex;
        align-items: center;
    }

    #core_values_list li img {
        width: 13px;
        margin-right: 17px;
    }

    #core_values_list li p {
        color: #333333;
        margin: 0px;
        line-height: 20px;
        margin-top: 22px;
    }

    #explore {
        display: none !important;
    }

    #explore_responsive {
        background-color: #FFF9E6;
        height: auto;
        display: block !important;
    }

    #explore_responsive #explore_coloumn_one {
        padding: 0px 40px;
        margin-top: 20px;
    }

    #explore_responsive #explore_coloumn_two {
        padding: 0px 120px;
    }

    #explore_responsive #explore_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 0px;
        text-align: center;
    }

    #explore_responsive #explore_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 23px 0px;
    }

    #explore_responsive #explore_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 0px;
        text-align: center;
    }

    #explore_responsive #explore_coloumn_one #button {
        position: initial;
        margin: 22px 60px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        height: 41px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #explore_responsive #explore_coloumn_two img {
        margin-top: 50px;
        height: 275px
    }

    #explore-two {
        display: none;
    }

    #explore-two_responsive {
        height: auto;
        display: block !important;
    }

    #explore-two_responsive #explore-two_coloumn_one {
        padding: 0px 40px;
        margin-top: 20px;
    }

    #explore-two_responsive #explore-two_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 0px;
        text-align: center;
    }

    #explore-two_responsive #explore-two_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 23px 0px;
    }

    #explore-three {
        display: none;
    }

    #explore-three_responsive {
        display: block !important;
        /* margin-top: -180px; */
        max-width: 90%;
    }

    #explore-three_responsive #explore-three {
        margin-top: -180px;
        /* max-width: 90%; */
    }

    #explore-three_responsive #explore-three_coloumn_one {}

    #explore-three_responsive #explore-three_coloumn_one #sub_coloumn_one img {
        width: calc(100% - 5px);
        height: 350px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #explore-three_responsive #explore-three_coloumn_one #sub_coloumn_two {
        background-color: #FFF9E6;
        max-width: calc(100% - 33px);
        height: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #explore-three_responsive #explore-three_coloumn_two {
        max-width: 810px;
        margin-left: 0px;
    }

    #featured_capsule {
        width: 135.65px;
        height: 40px;
        background: linear-gradient(0deg, #008080 0%, #14C6B9 100%);
        border-radius: 50px;
        float: right;
        margin-top: 20px;
    }

    #featured_capsule img {
        margin: 9px 28px;
    }

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

    #explore-three_coloumn_one #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-size: 32px;
        line-height: 37px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        font-weight: bold;
        margin: 142px 10px 41px;
    }

    #explore-three_coloumn_one #sub_coloumn_two #paragraph {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 10px;
    }

    #explore-three_coloumn_one #sub_coloumn_two h2 {
        font-family: 'Averta-Black';
        font-size: 20px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        margin-top: 30px;
    }

    #explore-three_coloumn_two #sub_coloumn_one img {
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    #explore-three_coloumn_two #sub_coloumn_two {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_two h1 {
        font-family: 'Averta';
        font-size: 20px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #000000;
        font-weight: bold;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_three h2 {
        font-family: 'Averta-Black';
        font-size: 19px;
        line-height: 37px;
        text-align: right;
        letter-spacing: -0.03em;
        color: #057471;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_three {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two #sub_coloumn_four #paragraph2 {
        font-family: 'Averta';
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 19px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 10px 20px;
    }

    #explore-three_coloumn_two #sub_coloumn_four {
        background-color: #FFF9E6;
    }

    #explore-three_coloumn_two .row:nth-child(2) {
        margin-top: -125px;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_two .row:nth-child(5) {
        margin-top: -18%;
        margin-right: -1px;
        margin-left: 0px;
    }

    #explore-three_coloumn_three #button {
        width: 198px;
        height: 41px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
    }

    #blood_drop {
        background-color: #DFF6F6;
        display: none;
    }

    #blood_drop_responsive {
        background-color: #DFF6F6;
        display: block !important;
        height: 100%;
        
    }

    #blood_drop #drop_responsive {
        position: absolute;
        left: 85.42%;
        right: 49.11%;
        top: 18.28%;
        width: 85px;
        display: block !important;
    }

    #blood_drop_responsive #blood_drop_coloumn_two h6 {
        margin-top: 0px;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two h1 {
        font-family: 'Averta-Black';
        color: #FC384E;
        font-size: 30px;
        line-height: 40px;
        align-items: center;
        letter-spacing: 0.3px;
        padding-right: 0;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two #heading1 {
        font-size: 25px;
        line-height: 34px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FC384E;
        font-weight: bold;
        padding-right: 0;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 21px;
        letter-spacing: 0.3px;
        color: #333333;
        padding-right: 0;
        text-align: center;
    }

    #blood_drop_responsive #blood_drop_coloumn_two {
        padding: 0px 40px;
        margin-top: 20px;
    }

    #blood_drop_responsive #blood_drop_coloumn_two button {
        background-color: #FC384E;
        padding: 10px 38px;
        border-radius: 6px;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        width: 198px;
        height: 45px;
        font-size: 13px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        margin-top: 25px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
    }

    #download_app {
        display: none;
    }

    #download_app_responsive {
        height: 100%;
        display: block !important;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 80px, #FFF9E6 80px, #FFF9E6 1000px, rgba(255, 255, 255, 1) 80px);
    }

    #download_app_responsive #download_app_coloumn_one {
        margin-top: 120px;
    }

    #download_app_responsive #download_app_coloumn_one h6 {
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        text-align: center;
        font-weight: bold;
        margin-right: 60px;
    }

    #download_app_responsive #download_app_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        text-align: center;
    }

    #download_app_responsive #download_app_coloumn_one #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin-top: 0px;
        text-align: center;
        padding-right: 0px;
        padding-left: 0px;
    }

    #download_app_responsive #googleplay {
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
    }

    #download_app_responsive #appstore {
        margin-left: 2%;
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #footer {
        margin-top: 80px !important;
    }

    #footer_logo {
        margin-left: 0px;
    }

    #footer_paragraph {
        font-style: normal;
        font-weight: normal;
        font-size: 16px !important;
        line-height: 24px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #FFFFFF;
        margin-left: 69px;
        margin-top: 16px;
    }

    /* vendor landing */
    #skill {
        display: none;
    }

    #skill_responsive {
        display: block !important;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 335px, rgba(223, 246, 246, 1) 325px);
    }

    #skill_responsive #skill_coloumn_one {
        padding: 0px 40px;
        margin-top: 20px;
    }

    #skill_responsive #skill_coloumn_one h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px;
        text-align: center;
    }

    #skill_responsive #skill_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 20px;
        text-align: center;
    }

    #skill_responsive #skill_coloumn_one p {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 20px;
        text-align: center;
    }

    #skill_responsive #skill_coloumn_one #button {
        position: relative;
        width: 198px;
        height: 41px;
        left: 0px;
        top: 16px;
        background: #008080;
        border-radius: 6px;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #skill_responsive #skill_coloumn_two img {
        margin-top: 50px;
        height: 500px;
        width: 90%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #skill_responsive #skill_coloumn_three img {
        margin-top: 50px;
        height: 720px;
        width: 330px;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #grow_community {
        /* background: linear-gradient(90deg, rgba(255, 255, 255, 1) 34%, rgba(223, 246, 246, 1) 34%); */
        /* margin-top: -21px; */
        height: auto;
    }

    #grow_community h6 {
        margin-top: 73px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #grow_community h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 20px;
        text-align: center;
    }

    #grow_community #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #grow_community_coloumn_one {
        padding: 0px 40px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 335px, rgba(223, 246, 246, 1) 325px);
    }

    #grow_community_coloumn_two {
        /* height: 400px; */
    }

    #grow_community_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        margin-top: 10px;
    }

    #grow_community_row {
        padding: 0px 5%;
    }

    #grow_community_row:nth-child(2) {
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 335px, rgba(223, 246, 246, 1) 325px);
    }

    #how_it_works {
        display: none;
    }

    #how_it_works_responsive {
        display: block !important;
        background: linear-gradient(180deg, rgba(255, 249, 230, 1) 50%, rgba(255, 255, 255, 1) 50%);
        height: 535px;
    }

    #how_it_works_responsive h6 {
        margin-top: 10px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #how_it_works_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 44px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 20px;
        text-align: center;
    }

    #how_it_works_responsive #how_it_works #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #how_it_works_responsive #how_it_works_coloumn_one {
        padding: 0px 0px;
    }

    #how_it_works_responsive #how_it_works_row {
        padding: 0px 0px;
    }

    #how_it_works_responsive #how_it_works_coloumn_two img {
        display: block;
        margin-right: auto;
        margin-left: auto;
        width: auto;
    }

    #how_it_works_responsive #how_it_works_coloumn_two h4 {
        font-family: 'Averta-Black';
        font-size: 25px;
        line-height: 37px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin-top: 22px;
    }

    #how_it_works_responsive #how_it_works_coloumn_two p {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 18px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 40px;
    }

    #how_it_works_responsive #right_arrow {
        position: absolute;
        left: 95.95%;
        right: 62.97%;
        top: 32.43%;
        bottom: 56.08%;
    }

    #customer_Service {
        display: none;
    }

    #customer_Service_responsive {
        height: auto;
        display: block !important;
        /* filter: contrast(0.5); */
    }

    #customer_Service_responsive h6 {
        font-weight: bold;
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0.3px;
        color: #FFC000;
        margin: 0px 40px;
        text-align: center;
    }

    #customer_Service_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 40px;
        text-align: center;
    }

    #customer_Service_responsive .review_card {
        width: 100%;
        height: auto;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 15px 25px rgb(0 0 0 / 10%);
        border-radius: 6px;
        margin-right: 0px;
    }

    #customer_Service_responsive .review_ratings {
        position: absolute;
        width: 112px;
        height: 16px;
        left: 114px;
        top: -182px;
    }

    #customer_Service_responsive .card-columns {
        height: 200px;
        margin-top: 20px !important;
    }

    #customer_Service_responsive .checked {
        color: orange;
    }

    #customer_Service_responsive .card-columns img {
        margin-left: 16px;
        width: 70px;
    }

    #customer_Service_responsive .card-columns h1 {
        font-size: 20px !important;
        line-height: 47px !important;
        color: #008080;
        /* margin: 0px 10px !important; */
        position: absolute;
        top: -220px;
        left: 115px;
    }

    #customer_Service_responsive #customer_Service_row {
        padding: 0px 40px;
        margin-top: 70px;
    }

    #customer_Service_responsive #customer_Service_sub_row_one {
        height: 130px !important;
    }

    #customer_Service_responsive #customer_Service_sub_row_two h5 {
        font-family: 'Averta-Black';
        font-size: 18px;
        line-height: 35px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        text-transform: capitalize;
        margin-left: 16px;
    }

    #customer_Service_responsive #customer_Service_sub_row_three p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
        letter-spacing: 0.3px;
        color: #333333;
        margin: 0px 27px;
        margin-bottom: 22px;
    }

    .m-t-100 {
        margin-top: 0px !important;
        background-color: #008080;
        color: #fff;
    }

    .m-t-100 h1,
    .m-t-100 h5,
    .m-t-100 p {
        color: #fff !important;
    }

    .m-t-200 {
        margin-top: 200px !important;
    }

    /* test */
    #faqs {
        background-color: #FFF9E6;
    }

    #faqs h6 {
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #faqs h1 {
        font-family: 'Averta-Black';
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #008080;
    }

    #faqs #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #faqs_coloumn_one {
        padding: 0px 40px;
    }

    #faq_row {
        margin: 0px 0px !important;
    }

    #vendor_signup {
        height: 200px;
    }

    #vendor_signup p {
        font-size: 20px;
        line-height: 23px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
        font-weight: bold;
    }

    #vendor_signup #button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
        margin-right: auto;
        margin-left: auto;
        display: block;
    }

    /* vendor signup */
    #signup {}

    #signup_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
        display: none !important;
    }

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

    #signup_right_coloumn {
        /* border: 1px solid red */
    }

    #signup_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
        cursor: pointer;
        width: 50%;
    }

    #signup_right_coloumn .row:nth-child(2) {
        margin: 65px 10px;
    }

    #google_signup {
        width: auto !important;
    }

    #facebook_signup {
        width: auto !important;
    }

    #apple_signup {
        width: auto !important;
    }

    #social_signup {
        padding: 0px 50px;
        margin-top: -70px;
        cursor: pointer;
    }

    #vendor_signup_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_signup_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    .iti {
        /* border: 1px solid #C1C1C1 !important; */
        box-sizing: border-box !important;
        border-radius: 6px !important;
        width: 100%;
        padding-left: 0px;
        height: 45px;
    }

    #field-icon {
        float: left;
        margin-top: -32px !important;
        margin-left: 12px !important;
        position: relative;
        z-index: 2;
        width: initial !important;
    }

    #password-icon {
        float: right;
        margin-top: -32px !important;
        margin-right: 31px !important;
        position: relative;
        z-index: 2;
        cursor: pointer !important;
        width: initial !important;
    }

    #signup_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #signup_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #social_login {
        padding: 0px 50px;
        margin-top: -70px;
        cursor: pointer;
    }

    #google_login {
        width: auto !important;
    }

    #facebook_login {
        width: auto !important;
    }

    #apple_login {
        width: auto !important;
    }

    #vendor_signup_otp_row {
        text-align: center;
        display: none;
    }

    #vendor_signup_otp_row img {
        width: auto !important;
    }

    #vendor_signup_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_signup_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 80px;
    }

    #vendor_signup_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* otp */
    .digit-group {}

    .digit-group input {
        width: 60px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        font-family: "Averta";
        font-weight: 200;
        color: black;
        margin: 0 2px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 6px;
        margin-right: 0px;
        outline: none;
    }

    .digit-group input:focus-visible {
        border: 1px solid #008080;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
        outline: none;
    }

    #resend_otp_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #resend_otp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
        cursor: pointer;
    }

    #not_responsive h1 {
        font-family: 'Averta-Black';
        font-size: 45px;
        line-height: 47px;
        letter-spacing: -0.08px;
        text-align: center;
        align-items: center;
        color: #008080;
        margin-top: 65px;
    }

    #not_responsive p {
        font-style: normal;
        font-weight: normal;
        font-size: 26px;
        line-height: 33px;
        color: #333333;
    }

    #not_responsive a {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #not_responsive a:hover {
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        background-color: #0ea5a5 !important;
        border-color: #008080;
    }

    #not_responsive #googleplay {
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 0px;
    }

    #not_responsive #appstore {
        margin-left: 2%;
        border-radius: 6px;
        width: 150px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    #privacy {
        height: auto;
    }

    #privacy_coloumn_one {
        padding: 0px 30px;
    }

    .privacy_policy_content h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    .privacy_policy_content h1 {
        font-family: 'Averta-Black';
        font-size: 40px;
        line-height: 40px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content h2 {
        font-family: 'Averta-Black';
        font-size: 25px;
        line-height: 40px;
        align-items: center;
        /* text-align: center; */
        letter-spacing: 0.3px;
        color: #008080;
    }

    .privacy_policy_content p {
        font-family: 'Averta';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 170%;
        color: #333333;
    }

    /* vendor login */

    #login {}

    #login_left_coloumn {
        background: url("../img/hazrin_assets/background.png");
        display: none;
    }

    #login_left_coloumn img {
        height: 100%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    #login_right_coloumn {
        /* border: 1px solid red */
    }

    #login_right_coloumn img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 50px;
        cursor: pointer;
        width: 50%;
    }

    #vendor_login_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #vendor_login_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #login_right_coloumn .row:nth-child(2) {
        margin: 65px 10px;
    }

    #vendor_login_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #vendor_login_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #login_anchor {
        text-align: center;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 25px;
    }

    #login_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_anchor {
        float: right;
        margin-top: 5px;
    }

    #fp_anchor a {
        font-size: 16px !important;
        line-height: 19px;
        letter-spacing: -0.08px;
        text-decoration-line: underline !important;
        color: #008080 !important;
        font-weight: 500 !important;
    }

    #fp_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #fp_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #send_email_row {
        text-align: center;
        display: none;
    }

    #send_email_row img {
        width: auto !important;
    }

    #send_email_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #send_email_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;

    }

    #continue_btn {
        width: 46%;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* email otp */
    #fp_otp_row {
        text-align: center;
        display: none;
    }

    #fp_otp_row img {
        width: auto !important;
    }

    #fp_otp_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #fp_otp_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        padding: 0px 30px;
    }

    #fp_otp_row p:nth-child(5) {
        margin-top: 30px;
    }

    /* new password */
    #np_form_row h1 {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
        font-weight: bold;
        margin-top: 30px;
    }

    #np_form_row p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* or 150% */
        text-align: center;
        letter-spacing: -0.08px;
        color: #555555;
        /* padding: 0px 300px; */
    }

    #np_form input {
        border: 1px solid #C1C1C1 !important;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 43px;
    }

    #np_form label {
        font-size: 14px;
        line-height: 16px;
        letter-spacing: -0.08px;
        color: #C1C1C1 !important;
        font-weight: bold;
    }

    #np_form_row {
        margin: 65px 20px;
        display: none;
    }

    /* contact us */
    #contact_us {}

    #contact_us #contact_us_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 10px;
    }

    #contact_us #contact_us_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 10px;
    }

    #contact_us #contact_us_coloumn_one #contact_form {
        margin: 65px 10px;
    }

    #contact_us #contact_us_coloumn_two {
        background-image: url(../../saas/img/hazrin_assets/contact_us_bg.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

    /* service flow */

    #services {
        height: auto;
    }

    #services h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #services h1 {
        font-weight: bold;
        font-size: 34px;
        line-height: 41px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #services_coloumn_one {
        padding: 0px 15px;
    }

    #services_coloumn_two {
        padding: 0px 85px;
    }

    #services_coloumn_two span {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.08px;
        text-decoration-line: underline;
        color: #008080;
        cursor: pointer;
    }

    #services_coloumn_three {
        padding: 0px 85px;
        cursor: pointer;
    }

    #services_coloumn_three img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #services_coloumn_three h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #services_coloumn_three #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #service_search_coloumn_one img {
        margin-left: 3px;
        margin-top: 0px;
        margin-bottom: 20px;
        cursor: pointer;
    }

    #service_search_coloumn_two .input-group {
        width: 100%;
        height: 72px;
        border: 1px solid #A1A1A1;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #service_search_coloumn_two input {
        padding: 0px 128px 0px 51px;
        border-radius: 6px;
        font-size: 20px;
        z-index: 0;
    }

    #service_search_coloumn_three button {
        position: absolute;
        width: 100px;
        height: 50px;
        background: #008080;
        border-radius: 6px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        font-size: 16px;
        line-height: 23px;
        bottom: 11px;
        right: 26px;
    }

    #service_search_icon {
        position: absolute;
        width: 26px;
        height: 26px;
        top: 23px;
        left: 30px;
    }

    #services_coloumn_four {
        padding: 0px 25px;
        cursor: pointer;
    }

    #sub_services_coloumn {
        max-width: 375px;
        height: 386px;
        margin-right: 30px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-blend-mode: multiply;
    }

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

    #sub_services_coloumn h1 {
        font-family: 'Averta';
        font-size: 28px;
        line-height: 35px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        margin-top: 180px;
        color: #FFFFFF;
    }

    #sub_services_coloumn p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

    #sub_services_coloumn .top_div {
        position: absolute;
        width: auto;
        height: 48px;
        left: 19px;
        top: 16px;
        background: #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 15px 17px;
    }

    #services_coloumn_five {
        padding: 0px 0px;
        cursor: pointer;
        margin-bottom: 20px;
    }

    #services_coloumn_five .carousel_data {
        width: calc(100% + 0px);
        height: 230px;
        filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
        border-radius: 10px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


    /* service flow */

    /* all services */

    #all_services {}

    #all_services_coloumn_one {
        padding: 0px 0px;
    }

    #all_services_coloumn_one h1 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
        text-align: center;
    }

    #all_services_coloumn_two {
        padding: 0px 0px;
    }

    #all_services_coloumn_two img {
        width: 110px;
        height: 110px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        cursor: pointer;
    }

    #all_services_coloumn_two h5 {
        text-transform: capitalize;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
        cursor: pointer;
    }

    /* all services */

    /* service type */

    #service_type_coloumn_one {
        padding: 0px 35px;
    }

    #service_type_coloumn_one h1 {
        font-weight: bold;
        font-size: 30px;
        line-height: 37px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    hr {
        background-color: #008080;
        margin-top: -9px;
    }

    #service_type_coloumn_two {
        padding: 0px 35px;
    }

    #service_type_coloumn_two h1 {
        font-weight: bold;
        font-size: 30px;
        line-height: 37px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #service_type_coloumn_three {
        padding: 0px 100px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #service_type_coloumn_three .col-md-3 {
        width: 240px;
        height: 200.57px;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-right: 30px;
        margin-top: 30px;
    }

    #service_type_coloumn_three .col-md-3 img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 30px;
        width: 77.79px;
        height: 77.79px;
    }

    #service_type_coloumn_three .col-md-3 p {
        width: 150.74px;
        height: 50px;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        font-weight: bold;
        display: block;
    }

    #service_type_coloumn_three .col-md-3 input[type="checkbox"] {
        width: 18px;
        height: 18px;
        float: right;
        margin-top: 11px;
    }

    #service_type_coloumn_four {
        padding: 0px 35px;
        margin-left: 10px;
    }

    #service_type_row {
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px;
        height: 68px;
    }

    #service_type_row button {
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        border-radius: 6px;
        width: 140px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #C1C1C1;
        font-family: 'Averta';
        margin-left: -8px;
        margin-right: -8px;
    }

    #service_type_row button.selected:focus {
        -moz-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        -webkit-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 6px;
        outline: none;
    }

    .selected {
        background: #008080 !important;
        color: #FFFFFF !important;
    }

    #service_type_coloumn_five button {
        width: 343px;
        height: 48px;
        border-color: #008080;
        background-color: #008080;
        box-shadow: 0px 10px 20px rgb(0 128 128 / 25%);
        border-radius: 6px !important;
        text-transform: none;
        height: 50px;
        font-size: 16px !important;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* service type */

    /* service details */

    #service_details_coloumn_two .top_div {
        position: absolute;
        width: auto;
        height: auto;
        left: 37px;
        top: -40px;
        border: 1px solid #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-weight: bold;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #008080;
        padding: 5px 28px;
    }

    #service_details_coloumn_one {
        background-repeat: no-repeat !important;
        background-size: contain !important;
        height: 120px;
    }

    #service_details_coloumn_two {
        padding: 0px 35px;
    }

    #service_details_coloumn_two h1 {
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.08px;
        color: #333333;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    #service_details_coloumn_two p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #555555;
    }

    #service_details_coloumn_two button {
        width: 214px;
        height: 48px;
        background: #008080;
        border-radius: 6px;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        margin-top: 20px;
        color: #FFFFFF;
        border-color: #008080;
        filter: drop-shadow(0px 5px 10px rgba(0, 128, 128, 0.25));
    }

    #service_details_coloumn_three {
        padding: 0px 35px;
        height: 350px;
        /* margin-left: 50px; */
    }

    #service_details_coloumn_three .service_provider {
        background: #FFFFFF;
        border: 1px solid #008080;
        box-sizing: border-box;
        box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        width: 250px;
        height: 242px;
        cursor: pointer;
    }

    #service_details_coloumn_three .service_provider img {
        width: 100px;
        height: 100px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-top: 24px;
        border-radius: 100%;
    }

    #service_details_coloumn_three .service_provider h5 {
        font-size: 20px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 14px;
        text-transform: capitalize;
    }

    #service_details_coloumn_three .ratings {
        font-size: 11px;
        margin-left: 75px;
        margin-top: -10px;
    }

    #service_details_coloumn_three .ratings #text {
        font-size: 12px;
        line-height: 14px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-left: 5px;
    }

    #multiselect_div {
        width: 100%;
        height: 362px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px;
        display: block;
        margin-right: auto;
        margin-left: auto;
        overflow: auto;
    }

    #serviceProviderModal h1 {
        font-weight: bolder;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 30px;
    }

    #serviceProviderModal p {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #333333;
    }

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

    #serviceProviderModal button:nth-child(1) {
        width: 135px;
        height: 42px;
        left: 767px;
        top: 1197px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        display: block;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #008080;
    }

    #serviceProviderModal button:nth-child(2) {
        width: 135px;
        height: 42px;
        left: 767px;
        top: 1197px;
        background: #008080;
        border-radius: 6px;
        display: block;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto;
        font-size: 14px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
    }

    #loginModal img {
        width: 190px;
        height: 190px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
    }

    #loginModal p {
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        color: #333333;
    }

    #serviceProviderModal img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }

    #multiselect_div p {
        position: absolute;
        font-weight: bold;
        font-size: 12px;
        line-height: 19px;
        letter-spacing: -0.08px;
        color: #333333;
        bottom: 6px;
        left: 64px;
    }

    #provider_ratings {
        position: absolute;
        font-size: 10px;
        bottom: 6px;
        left: 64px;
    }

    #multiselect_div input[name='service_providers_list'] {
        width: 15.44px;
        height: 50.44px;
        background: #008080;
        border-radius: 4px;
        position: absolute;
        right: 20px;
        bottom: 12px;
    }

    /* service details */

    /* Address form */
    #Address {
        padding: 0px 20px;
    }

    #Address #Address_col_one {
        font-weight: bolder;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address #Address_col_one h4 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address_col_two #add_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: 200px;
        background: #FFFFFF;
        border: 1px dashed #008080;
        border-radius: 6px;
        margin-top: 40px;
        cursor: pointer;
    }

    #Address_col_two #add_address p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
        margin-top: 80px;
    }

    #Address_col_three #get_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

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

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


    #Address_col_three #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: calc(100% - 35px);
        height: auto;
        text-align: center;
        position: absolute;
        right: 0px;
        bottom: -6px;
    }

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

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

    #Address_col_three #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: calc(100% - 65px);
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

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

    #Address_col_four input {
        box-sizing: border-box;
        width: calc(100% - 7px);
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
        margin-top: 15px;
    }

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

    #Address_col_five p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin: -30px 31px;
    }

    #address_form_btn {
        width: 320px;
        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;
    }

    /* Address form */

    /* news letter subscribe */
    #newsletter {}

    #newsletter #newsletter_coloumn_one h1 {
        font-family: 'Averta-Black';
        font-size: 60px;
        line-height: 70px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 95px 10px;
    }

    #newsletter #newsletter_coloumn_one p {
        font-size: 24px;
        line-height: 28px;
        display: flex;
        align-items: center;
        letter-spacing: 0.3px;
        color: #008080;
        margin: 15px 10px;
    }

    #newsletter #newsletter_coloumn_one #newsletter_form {
        margin: 65px 10px;
    }

    #newsletter #newsletter_coloumn_two {
        background: url(../../saas/img/hazrin_assets/requestServiceBg.png) rgba(0,0,0,0.5);
        background-repeat: no-repeat;
        background-size: contain;
        background-blend-mode: multiply;
    }
}

@media only screen and (max-width: 370px) {
    #customer_Service_responsive .card-columns h1 {
        font-size: 15px !important;
        line-height: 47px !important;
        color: #008080;
        /* margin: 0px 10px !important; */
        position: absolute;
        top: -226px;
        left: 106px;
    }

    #customer_Service_responsive .review_ratings {
        position: absolute;
        width: 112px;
        height: 16px;
        left: 106px;
        top: -192px;
    }

    /* service flow */

    #services {
        height: auto;
    }

    #services h6 {
        margin-top: 73px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: 0.3px;
        color: #FFC000;
        font-weight: bold;
    }

    #services h1 {
        font-weight: bold;
        font-size: 34px;
        line-height: 41px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #services #paragraph1 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #services_coloumn_one {
        padding: 0px 15px;
    }

    #services_coloumn_two {
        padding: 0px 85px;
    }

    #services_coloumn_two span {
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.08px;
        text-decoration-line: underline;
        color: #008080;
        cursor: pointer;
    }

    #services_coloumn_three {
        padding: 0px 85px;
        cursor: pointer;
    }

    #services_coloumn_three img {
        width: 126px;
        height: 126px;
        margin: 12px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    #services_coloumn_three h5 {
        text-transform: capitalize;
        font-size: 24px;
        line-height: 28px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        font-weight: 900;
    }

    #services_coloumn_three #paragraph2 {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        display: flex;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        color: #333333;
    }

    #service_search_coloumn_one img {
        margin-left: 3px;
        margin-top: 0px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    #service_search_coloumn_two .input-group {
        width: 100%;
        height: 72px;
        border: 1px solid #A1A1A1;
        box-sizing: border-box;
        border-radius: 6px;
    }

    #service_search_coloumn_two input {
        padding: 0px 128px 0px 51px;
        border-radius: 6px;
        font-size: 20px;
        z-index: 0;
    }

    #service_search_coloumn_three button {
        position: absolute;
        width: 100px;
        height: 50px;
        background: #008080;
        border-radius: 6px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        border-color: #008080;
        font-size: 16px;
        line-height: 23px;
        bottom: 11px;
        right: 26px;
    }

    #service_search_icon {
        position: absolute;
        width: 26px;
        height: 26px;
        top: 23px;
        left: 30px;
    }

    #services_coloumn_four {
        margin-left: 34px;
        padding: 0px 0px;
        cursor: pointer;
    }

    #sub_services_coloumn {
        max-width: 275px;
        height: 386px;
        margin-right: 30px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-top: 30px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-blend-mode: multiply;
    }

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

    #sub_services_coloumn h1 {
        font-family: 'Averta';
        font-size: 28px;
        line-height: 35px;
        align-items: center;
        text-align: center;
        letter-spacing: 0.3px;
        margin-top: 180px;
        color: #FFFFFF;
    }

    #sub_services_coloumn p {
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        color: #FFFFFF;
    }

    #sub_services_coloumn .top_div {
        position: absolute;
        width: auto;
        height: 48px;
        left: 19px;
        top: 16px;
        background: #008080;
        border-radius: 4px;
        font-family: 'Averta';
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 15px 17px;
    }

    #services_coloumn_five {
        padding: 0px 0px;
        cursor: pointer;
        margin-bottom: 20px;
    }

    #services_coloumn_five .carousel_data {
        width: calc(100% + 0px);
        height: 230px;
        filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.1));
        border-radius: 10px;
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }


    /* service flow */

    /* service type */

    #service_type_coloumn_one {
        padding: 0px 35px;
    }

    #service_type_coloumn_one h1 {
        font-weight: bold;
        font-size: 30px;
        line-height: 37px;
        letter-spacing: -0.08px;
        color: #008080;
    }

    hr {
        background-color: #008080;
        margin-top: -9px;
    }

    #service_type_coloumn_two {
        padding: 0px 35px;
    }

    #service_type_coloumn_two h1 {
        font-weight: bold;
        font-size: 30px;
        line-height: 37px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #service_type_coloumn_three {
        padding: 0px 40px;
        margin-left: 10px;
        margin-bottom: 20px;
    }

    #service_type_coloumn_three .col-md-3 {
        width: 240px;
        height: 200.57px;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 10px;
        margin-right: 30px;
        margin-top: 30px;
    }

    #service_type_coloumn_three .col-md-3 img {
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-top: 30px;
        width: 77.79px;
        height: 77.79px;
    }

    #service_type_coloumn_three .col-md-3 p {
        width: 150.74px;
        height: 50px;
        font-size: 18px;
        line-height: 23px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #333333;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        font-weight: bold;
        display: block;
    }

    #service_type_coloumn_three .col-md-3 input[type="checkbox"] {
        width: 18px;
        height: 18px;
        float: right;
        margin-top: 11px;
    }

    #service_type_coloumn_four {
        padding: 0px 0px;
        margin-left: 38px;
    }

    #service_type_row {
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 10px;
        height: 68px;
    }

    #service_type_row button {
        cursor: pointer;
        background: #FFFFFF;
        border: 1px solid #C1C1C1;
        border-radius: 6px;
        width: 120px;
        height: 48px;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #C1C1C1;
        font-family: 'Averta';
        margin-left: -8px;
        margin-right: -8px;
    }

    #service_type_row button.selected:focus {
        -moz-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        -webkit-box-shadow: 0px 5px 10px rgb(0 128 128 / 25%);
        border: 1px solid #008080;
        box-sizing: border-box;
        border-radius: 6px;
        outline: none;
    }

    .selected {
        background: #008080 !important;
        color: #FFFFFF !important;
    }

    #service_type_coloumn_five button {
        width: 285px;
        height: 48px;
        border-color: #008080;
        background-color: #008080;
        box-shadow: 0px 10px 20px rgb(0 128 128 / 25%);
        border-radius: 6px !important;
        text-transform: none;
        height: 50px;
        font-size: 16px !important;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.08px;
        color: #FFFFFF;
        display: block;
        margin-right: auto;
        margin-left: auto;
    }

    /* service type */

    #footer .footer-copyright p {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 15px;
        line-height: 30px;
        letter-spacing: -0.204545px;
    }

    .digit-group input {
        width: 42px;
        height: 60px;
        line-height: 50px;
        text-align: center;
        font-size: 24px;
        font-family: "Averta";
        font-weight: 200;
        color: black;
        margin: 0 2px;
        border: 1px solid #C1C1C1;
        box-sizing: border-box;
        border-radius: 6px;
        margin-right: 0px;
        outline: none;
    }

    /* Address form */
    #Address {
        padding: 0px 20px;
    }

    #Address #Address_col_one {
        font-weight: bolder;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address #Address_col_one h4 {
        font-weight: bold;
        font-size: 40px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
    }

    #Address_col_two #add_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: 200px;
        background: #FFFFFF;
        border: 1px dashed #008080;
        border-radius: 6px;
        margin-top: 40px;
        cursor: pointer;
    }

    #Address_col_two #add_address p {
        font-weight: bold;
        font-size: 18px;
        line-height: 150%;
        text-align: center;
        letter-spacing: 0.5px;
        color: #008080;
        margin-top: 80px;
    }

    #Address_col_three #get_address {
        box-sizing: border-box;
        width: calc(100% - 5px);
        height: auto;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        margin-top: 40px;
    }

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

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


    #Address_col_three #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: calc(100% - 35px);
        height: auto;
        text-align: center;
        position: absolute;
        left: 172px;
        bottom: -6px;
    }

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

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

    #Address_col_three #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: calc(100% - 65px);
        height: 26px;
        text-align: center;
        margin: 10px 10px;
        cursor: pointer;
        padding: 4px 22px 26px;
    }

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

    #Address_col_four input {
        box-sizing: border-box;
        width: calc(100% - 7px);
        height: 48px;
        background: #FFFFFF;
        border: 1px solid #008080;
        border-radius: 6px;
        cursor: pointer;
        margin-top: 15px;
    }

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

    #Address_col_five p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin: -30px 31px;
    }

    #address_form_btn {
        width: 260px;
        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;
    }

    /* Address form */

}

@media only screen and (min-width: 768px) and (max-width: 768px) {
    
    #service_details_coloumn_two h1 {
        font-weight: bold;
        font-size: 36px;
        line-height: 47px;
        letter-spacing: -0.08px;
        color: #333333;
        padding-right: 125px;
    }

    #auth_user p {
        margin-left: -130px;
    }

    #service_details_coloumn_one {
        height: 250px;
    }

    #services_coloumn_four {
        padding: 0px 0px;
        cursor: pointer;
        margin-left: 110px;
    }

    #login_left_coloumn {
        display: none !important;
    }

    #signup_left_coloumn {
        display: none !important;
    }

    #social_login {
        padding: 0px 150px !important;
    }

    #social_signup {
        padding: 0px 150px !important;
    }

    #Address_col_five p {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.5px;
        color: #333333;
        margin: -2px -35px;
    }

    #Address_col_three #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: calc(100% - 35px);
        height: auto;
        text-align: center;
        position: absolute;
        left: -27px;
        bottom: -6px;
    }

}

@media only screen and (min-width: 375px) and (max-width: 375px) {
    #Address_col_three #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: calc(100% - 35px);
        height: auto;
        text-align: center;
        position: absolute;
        left: 200px;
        bottom: -6px;
    }
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -330px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 70rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 0.25rem;
}
img.minicart-img {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
.min-cart-heading {

    display: inline;
    right: 0;
    margin: 31px 6px;
    color: rgba(51, 15, 51, 1);
    font-family: Averta-Semibold;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    top: -10px;

}
#header span.min-price {
    position: absolute;
    left: 80px;
    top: 34px;
    font-size: 20px;
    color: #008080;
    padding: 0px 0px;
    border-radius: 20px;
    line-height: initial;
    font-family: AvertaStd-Bold;
}
#header span.cross {
    position: absolute;
    left: 270px;
    top: -1px;
}

#header span.quantity {
    position: absolute;
    left: 270px;
    top: -1px;
}

/* start shop Quantity css */


input,
textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-group1 {
  clear: both;
  margin: 15px 0;
  position: relative;
}

.input-group1 input[type='button'] {
    background-color: #77CFE1;
    min-width: 24px;
    width: auto;
    transition: all 300ms ease;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    z-index: 1;
    font-family: AvertaStd;
    border: none;
}
.input-group1 .button-minus1,
.input-group1 .button-plus1 {
  font-weight: bold;
  height: 24px;
  padding: 0;
  width: 38px;
  position: relative;
}

.input-group1 .quantity-field1 {
    position: relative;
    height: 24px;
    left: -60px;
    top: 10px;
    text-align: center;
    width: 80px;
    display: inline-block;
    font-size: 20px;
    margin: 0 0 5px;
    resize: vertical;
    background-color: #C3F3FD;
    border: 0px solid #fff;
    border-radius: 30px;
}
.min-card {
    background: #fff;
    padding: 0em;
    line-height: 1.5em;
    border: 0px solid rgba(0, 0, 0, 0.06);
}
.button-plus1 {
    left: -59px;
    top: -20px;
}
.button-minus1 {
    left: -1px;
    top: 33px;
  }
.input-group1 input[type='button'][value="-"] {
    padding-bottom: 5px;
  }
input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}

/* end shop Quantity css */

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(255,255,255,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(255,255,255,.03);
    border-top: 1px solid rgba(255,255,255,.125);
}
.card-body {
    padding: 32px;
    padding: 1rem;
}
.custom-btn-width {
    width: 130px;
    padding: 0.533rem 0.2329999999999927rem !important;
}
.card-footer.py-3 {
    display: flex;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(255,255,255,.125);
}
.btn-success {
    background-color: #008080;
    border-color: #008080 #008080 #008080;
    color: #FFF;
}
.btn-view-cart {
    background-color: #FFFFFF;
    border-color: #008080 #008080 #008080;
    color: #008080;
}
.btn-outline-success {
    color: #008080;
    border-color: #008080;
}
.btn-outline-success:hover {
    background-color: #1fa5a5;
    border-color: #1fa5a5;
}
.btn-success:hover, .btn-success.hover {
    background-color: #1fa5a5;
    border-color: #1fa5a5 #1fa5a5 #1fa5a5;
    color: #FFF;
}

div.totalprice-min {
    color: rgba(0, 128, 128, 1);
    float: right;
    font-weight: 700;
}

p.user-name-container
{
    width: max-content;

}