#service-detail-main .service-detail-right .discription span {
    font-size: 11px;
}

#service-detail-main .service-detail-right .discription .star-discription i {
    color: rgb(211, 9, 9);
    font-size: revert;
}

#service-detail-main .main-btn {
    font-size: x-large;
    width: 100%;
}

#service-detail-main .main-btn-phone {
    display: none;
    text-align: center;
}


#service-detail-main .main-phone {
    border: 2px dashed green;
    padding: 1em;
    width: 100%;
    margin-top: 1em;
    border-radius: 8px;
    background-color: #f4fff3;
}

    #service-detail-main .main-phone i {
        font-size: xxx-large;
        margin-right: 5px;
        color: green !important;
    }

    #service-detail-main .main-phone a {
        color: black !important;
    }

#service-detail-main .main-phone-tel, #service-detail-main .main-phone-count {
    align-items: center;
    text-align: center;
}

    #service-detail-main .main-phone-tel strong {
        font-size: xx-large;
    }

    #service-detail-main .main-phone-tel a {
        color: black;
    }

        #service-detail-main .main-phone-tel a:hover {
            color: black;
        }

    #service-detail-main .main-phone-count span {
        font-size: small;
    }

@media (max-width: 350px) {
    #section-5 .video-overlay {
        height: 75%;
    }

    #section-5 .video-full {
        height: 75%;
    }
}

@media (min-width: 351px) and (max-width: 399.99px) {
    #section-5 .video-overlay {
        height: 90%;
    }

    #section-5 .video-full {
        height: 90%;
    }
}

@media (max-width: 400px) {
    main #section-2 .category-item {
        /*min-height: 155px;*/
        min-height: 120px;
    }
}

@media (max-width: 575.98px) {
    #section-7 .why-us .why-us-slider .owl-nav .owl-prev {
        left: 8%;
    }

    #dashboard-aside {
        max-width: 90% !important;
    }

    .years-image {
        width: 30px;
    }
}

@media (min-width: 576px) {
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (max-width: 767.98px) {
    .mobile-scroll {
        height: 60vh;
        overflow-y: auto;
    }

    #section-13 #comment-slider .owl-dots {
        right: 34%;
    }

    #about-us-main .right-side .right-side-image {
        height: 240px;
        border-top-right-radius: 100px;
    }

    #about-us-main .right-side .help img {
        /*height: 170px;*/
        width: 72%;
    }

    #about-us-main .right-side .right-side-text {
        font-size: 0.75rem;
    }

    #about-us-main .left-side img {
        border-top-left-radius: 100px;
    }

    #faq-main .banner .main-btn {
        width: 100%;
        margin-top: 8px;
    }

    #faq-main .banner h5 {
        font-size: 1rem;
    }

    #faq-main .faq-banner {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        min-height: 200px;
    }

    #faq-main .bg-overlay {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    #service-detail-main .main-btn {
        width: 100%;
        z-index: 10;
    }

        #service-detail-main .main-btn i {
            font-size: x-large;
            padding-right: 10px;
        }

    #service-detail-main .main-btn-phone {
        position: fixed;
        bottom: 2px;
        justify-content: center;
        align-items: center;
        border-radius: 0px !important;
    }

    #order-main .address-box {
        flex-direction: row;
        align-items: center;
        width: 100%;
    }

    #order-main .add-address-box {
        width: 100%;
    }

    /*#order-main .invoice-order .service-steps {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }*/

    /*#order-main .invoice-order .service-progress {
        width: 2px;
        height: 50px;
        margin-right: 18px;
    }*/

    #dashboard-main .new-suggestions {
        flex-direction: column;
    }

    .estate-ads .fixed-md {
        position: fixed;
        bottom: 0%;
        width: 100%;
        border-radius: 0px;
    }

    .estate-ads .estate-ads-text {
        max-height: 350px;
        overflow-y: auto;
    }

    .expert-user-account-links {
        width: 100%;
        text-align: center;
    }

    #dashboard-main .dashboard-item {
        width: 100%;
    }

    .main-btn {
        width: 100%;
    }

    .w-sm-100 {
        width: 100%;
    }

    #faq-main .faq-box {
        transform: translate(0, 20px);
    }

    .w-md-80 {
        width: 80%;
    }

    .w-md-80-address {
        width: 95%;
    }


    #detailModal .title-2 {
        font-weight: bold;
    }

    #dashboard-main .user-wallet form .amount_input {
        max-width: 100%;
    }

    #faq-main .search-box {
        bottom: -10%;
    }

    .price-item {
        background: #fafafa;
        border-radius: 8px;
        border: 1px solid #b8b8b8;
        box-shadow: 0px 0px 6px rgba(33, 33, 33, 0.2);
        overflow: hidden;
    }

    #all-services-main .price-item img {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    #all-services-main .all-services-link {
        width: 100%;
    }

    #all-services-main .continue {
        width: 100%;
    }

    #service-detail-main .service-detail-left #service-detail-text {
        /*max-height: 350px;*/
        /*overflow: auto;*/
    }

    #order-main .previos_btn,
    #order-main .next_btn {
        width: 40%;
        padding: 12px 0px;
    }

    #order-main .review_edit {
        width: 100%;
    }

    #order-main .review_register {
        position: fixed;
        bottom: 0%;
        z-index: 1000;
        border-radius: 0px;
    }

    #order-main .upload-image-btn,
    #dashboard-main .upload-image-btn {
        max-width: 30%;
    }

    #detailModal .title {
        font-weight: bold;
    }

    .w-sm-20 {
        width: 20%;
    }

    .w-sm-70 {
        width: 70%;
    }

    .w-sm-45 {
        width: 45%;
    }

    /* #user-menu {
        max-width: 90%;
    } */
}

@media (min-width: 768px) {
   

    .w-md-30 {
        width: 30%;
    }

    .w-md-60 {
        width: 60%;
    }

    .w-md-80 {
        width: 80%;
    }

    .w-md-80-address {
        width: 80%;
    }

    #section-11 .main-btn {
        width: 30%;
    }

    #service-detail-main .main-btn-phone {
        display: none !important;
        justify-content: center;
        align-items: center;
    }

    #service-detail-main .main-btn i {
        font-size: large;
        padding-right: 10px;
    }

    #faq-main .faq-not-found {
        width: 80%;
        margin: 0px auto 16px;
        transform: translate(0, -80px);
    }

    .modal-dialog {
        max-width: 75%;
    }

    #zoomImageModal .modal-dialog {
        max-width: 50%;
    }

    #order-main .invoice-order .titles {
        width: 500px;
        text-align: center;
        justify-content: space-around;
    }

    #order-main .invoice-order .expert-contact {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    #dashboard-main .service-steps {
        flex-direction: row;
        justify-content: space-between;
    }

    #dashboard-main .dashboard-discount {
        flex-direction: row;
    }

    #dashboard-main .user-wallet form input {
        max-width: 65%;
        margin-top: 0rem;
    }

    #dashboard-main .user-wallet form {
        margin-top: 0rem;
    }

    #dashboard-main .active-service {
        flex-direction: row;
    }

    #detailModal .title-2 {
        min-width: 230px;
    }

    .min-w-150 {
        min-width: 150px;
    }

    .expert-user-account-links {
        width: 170px;
        font-size: 0.75rem;
        padding-right: 8px;
        padding-left: 8px;
    }

        .expert-user-account-links:hover {
            font-size: 0.75rem;
        }

    #section-9 .join-us .main-btn {
        max-width: 10rem;
    }

    .estate-user .number-info {
        width: 50%;
    }

    .charge-wallet-alert {
        flex-direction: row;
    }

    #section-11 .main-btn {
        max-width: 12rem;
    }

    #contact-us-header .contact-us-header-items {
        flex-direction: row;
    }

    #contact-us-header .contact-us-header-item {
        flex-direction: column;
    }

        #contact-us-header .contact-us-header-item .contact-us-header-icon {
            margin-bottom: 16px;
        }

    #order-main .address-box {
        flex-direction: row;
        align-items: center;
        padding: 16px;
    }

    #dashboard-main span.delete-image,
    #ticketModal span.delete-image,
    #order-main span.delete-image {
        left: -8%
    }

    #section-5 #video-content {
        position: absolute;
        top: 40%;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    header .header-part-3 {
        background-color: #fedcc0;
        height: 60px;
        display: flex;
        align-items: center;
        padding: 8px 0px;
    }

    aside .mobile-menu.open {
        width: 50%;
    }

    main .popular-service-slider .owl-nav .owl-prev,
    main .automobile-service-slider .owl-nav .owl-prev,
    main .special-service-slider .owl-nav .owl-prev {
        right: -4%;
    }

    main .popular-service-slider .owl-nav .owl-next,
    main .automobile-service-slider .owl-nav .owl-next,
    main .special-service-slider .owl-nav .owl-next {
        left: -4%;
    }

    #section-13 #comment-slider .owl-dots {
        right: 46%;
    }

    #about-us-main .right-side .right-side-image {
        height: 240px;
    }

    #about-us-main .right-side .help img {
        height: 140px;
        width: 45%;
    }

    #faq-main .search-box {
        width: 70%;
    }

    #faq-main .faq-box {
        width: 80%;
        margin: 0px auto 16px;
        transform: translate(0, -50px);
    }

    #dashboard-main .user-wallet form input {
        max-width: 62%;
    }

    #order-main .upload-image-btn,
    #dashboard-main .upload-image-btn {
        max-width: 25%;
    }

    /* #user-menu {
        max-width: 50%;
    } */
}

@media (max-width: 991.98px) {
    main #section-2 .category-item {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    main #section-3 .item {
        margin-bottom: 10px;
    }

    main #section-4 .popular-service .item .main-btn,
    main #section-5 .automobile-service .item .main-btn,
    main #section-6 .special-service .item .main-btn {
        display: flex;
        top: 65%;
    }

    #search-result-main .mobile-service-register,
    #all-services-main .mobile-service-register {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #ec7c1d;
        color: white;
        padding: 8px 12px;
        border-radius: 6px;
        border: none;
        width: 80%;
    }

    #search-result-main .item,
    #all-services-main .item {
        align-items: center;
        /* border: 1px solid #b8b8b8; */
        padding: 0px;
        /* border-radius: 8px; */
        /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); */
    }

    .all_services_main .item {
        border: 1px solid #b8b8b8;
        border-radius: 8px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
        height: 100%;
    }

        .all_services_main .item .flex-column {
            height: 100%;
        }

            .all_services_main .item .flex-column > img {
                min-height: calc(100% - 110px);
                object-fit: cover;
            }

    #dashboard-aside {
        position: absolute;
        max-width: 50%;
        left: 0%;
        top: 0%;
        overflow: auto;
        display: none;
        z-index: 10;
    }

        #dashboard-aside #dashboard-aside-list li:not(:last-child) {
            border-bottom: 1px solid #b8b8b8;
        }

    .w-sm-50 {
        width: 50%;
    }

    .price_view_table th:not(:last-child) {
        width: 48%;
    }

    main #section-2 .category-item {
        height: 100px;
    }

    main #section-4 .popular-service .item .main-btn,
    main #section-5 .automobile-service .item .main-btn,
    main #section-6 .special-service .item .main-btn,
    main .special-service .item .main-btn {
        margin-top: 16px;
        min-width: 9rem;
    }
}

@media (min-width: 992px) {
    .service-detail-right {
        margin-top: -4em;
    }
    header .header-part-3 {
        background-color: #fedcc0;
        height: 85px;
        display: flex;
        align-items: flex-end;
        padding-bottom: 8px;
        margin-top: 20px;
    }

    aside .mobile-menu {
        display: none;
    }

    #section-10 .app-bg img {
        max-height: 380px;
    }

    #search-result-main .item.hover .service-register,
    #all-services-main .item.hover .service-register {
        display: flex;
    }

    #search-result-main .mobile-service-register,
    #all-services-main .mobile-service-register {
        display: none;
    }

    #privacy-main .privacy-box,
    #price-main .price-box {
        padding: 16px 55px;
    }

    #login-main .login-box .login-box-content {
        width: 50%;
    }

    #contact-us-header .contact-us-text {
        width: 75%;
    }

    #contact-us-main .info-input {
        width: 47%;
    }

    #faq-main .search-box {
        width: 50%;
    }

    #order-main .choose-expert .choose-expert-item {
        /*width: 32%;*/
    }

    #order-main .expert-resume .expert-resume-left {
        padding: 36px;
    }

    #order-main .invoice-order .expert-contact {
        width: 60%;
    }

    #faq-main .faq-box {
        width: 80%;
        margin: 0px auto 16px;
        transform: translate(0, -100px);
    }

    .w-lg-30 {
        width: 30%;
    }

    .w-lg-90 {
        width: 90%;
    }

    /* #user-menu {
        display: none;
    } */

    #dashboard-main #dashboard-aside {
        width: 100% !important;
        padding: 30px 0px;
    }

        #dashboard-main #dashboard-aside #dashboard-aside-list li a:hover {
            background-color: #f3e5d9;
        }

    #bread-crump {
        padding-top: 30px;
    }

    .price_view_table th:not(:last-child) {
        width: 28%;
    }

    main #section-2 .category-item img {
        max-width: 70px;
    }

    main #section-2 .category-item span {
        font-size: 0.875rem;
    }

    main #section-4 .popular-service .item .main-btn.service_register_desktop,
    main #section-5 .automobile-service .item .main-btn.service_register_desktop,
    main #section-6 .special-service .item .main-btn.service_register_desktop,
    main .special-service .item .main-btn.service_register_desktop {
        position: absolute;
        top: 65%;
        right: 30%;
    }

    main
    #section-4
    .popular-service
    .item.hover
    .main-btn.service_register_desktop,
    main
    #section-5
    .automobile-service
    .item.hover
    .main-btn.service_register_desktop,
    main
    #section-6
    .special-service
    .item.hover
    .main-btn.service_register_desktop,
    main .special-service .item.hover .main-btn.service_register_desktop {
        display: flex;
    }

    main #section-4 .popular-service .item .main-btn.service_register_mobile,
    main #section-5 .automobile-service .item .main-btn.service_register_mobile,
    main #section-6 .special-service .item .main-btn.service_register_mobile,
    main .special-service .item .main-btn.service_register_mobile {
        display: none;
    }

    main #section-4 .popular-service .item, main #section-5 .automobile-service .item, main #section-6 .special-service .item {
        min-height: 130px;
    }

    .triangle_bottomright {
        top: 0px;
        left: 2.5%;
        position: absolute;
    }

    #dashboard-main .user-wallet form input {
        max-width: 65%;
    }

    #all-services-main .all-services-mobile-register {
        display: none;
    }

    #all-services-main .item:hover .all-services-register {
        display: flex;
    }

    .all_services_main .item .flex-column > img {
        min-height: 145px;
        object-fit: cover;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    #about-us-main .right-side .right-side-image {
        height: 240px;
    }

    #about-us-main .right-side .help img {
        height: 140px;
    }
}

@media (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
    #about-us-main .right-side .help img {
        border-radius: 8px;
        /*box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);*/
        width: 47%;
        margin: 10px auto;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
    #dashboard-main .user-wallet form input {
        max-width: 70%;
    }

    #section-5 #video-content {
        position: absolute;
        top: 40%;
    }
}

@media (min-width: 2000px) {
    #section-5 #video-content {
        position: absolute;
        top: 25%;
    }
}


.glow-on-hover {
    width: 220px;
    height: 50px;
    border: none;
    outline: none;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

    .glow-on-hover:before {
        content: '';
        background: linear-gradient(90deg, #EC7C1D, #df8531, #f5af19, #00ffd5, #7bcae9, #62ccf7, #0081B4, #0e6181,#EC7C1D);
        position: absolute;
        top: -2px;
        left: -2px;
        background-size: 400%;
        z-index: -1;
        filter: contrast(2px);
        width: calc(100% + 4px);
        height: calc(100% + 4px);
        animation: glowing 40s linear infinite;
        opacity: 2;
        transition: opacity 0.5s ease-in-out;
        border-radius: 10px;
    }

    .glow-on-hover:after {
        z-index: -1;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        /* background:#EC7C1D; */
        left: 0;
        top: 0;
        border-radius: 10px;
    }

@keyframes glowing {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 400% 0;
    }

    100% {
        background-position: 0 0;
    }
}