* {

    scroll-behavior: smooth;

}



.border-radius-10 {

    border-radius: 0.625rem;

}



.shadow-default {

    box-shadow: 0rem 0.25rem 0.625rem 0rem rgba(0, 0, 0, 0.06);

}



.shadow-default-top {

    box-shadow: 0rem -0.25rem 0.625rem 0rem rgba(0, 0, 0, 0.06);

}



.rounded-10 {

    border-radius: 0.625rem;

}



.w-35 {

    width: 35% !important;

}



.w-55 {

    width: 55%;

}



.w-110 {

    width: 6.875rem;

}



.w-308 {

    width: 19.25rem;

}



.w-350 {

    width: 21.875rem;

}



.w-500 {

    width: 31.25rem;

}



.wh-100 {

    min-width: 100px;

    min-height: 100px;

}



.wh-150 {

    width: 9.375rem;

    height: 9.375rem;

}



.h-70vh {

    height: 70vh;

}



.h-80vh {

    height: 80vh;

}



.max-h-21_87 {

    max-height: 21.875rem;

}



/* 30 px = 1.875rem */



.gap-7_5 {

    gap: 1.875rem;

}



.p-7_5 {

    padding: 1.875rem;

}



.py-7_5 {

    padding-top: 1.875rem;

    padding-bottom: 1.875rem;

}



.py-50 {

    padding-top: 3.125rem;

    padding-bottom: 3.125rem;

}



.text-xxs {

    font-size: 0.625rem;

}



.text-2-5xl {

    font-size: 1.625rem;

}



.z--9 {

    z-index: -9;

}



input {

    outline: 0 !important;

}



[multiple],

[type=date],

[type=datetime-local],

[type=email],

[type=month],

[type=number],

[type=password],

[type=search],

[type=tel],

[type=text],

[type=time],

[type=url],

[type=week],

select,

textarea {

    --tw-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: #fff;

    border-color: #6b7280;

    border-radius: 0;

    border-width: 1px;

    border: 0;

    padding: 0;

}



[type=checkbox]:checked {

    background-image: url(../Assets/Vectors/tick.svg);

    background-repeat: no-repeat;

    background-size: 95%;

    -webkit-print-color-adjust: exact;

    print-color-adjust: exact;

    background-color: #1b4e9b;

    border: none;

}



[type=checkbox]:focus,

[type=radio]:focus {

    --tw-ring-offset-color: none;

}



[multiple],

[type=date],

[type=datetime-local],

[type=email],

[type=month],

[type=number],

[type=password],

[type=search],

[type=tel],

[type=text],

[type=time],

[type=url],

[type=week],

select,

textarea {

    background-color: transparent;

    outline: 0 !important;

}



select {

    border: 1px solid #e8e8e8;

    margin-top: 4px !important;

}



::placeholder {

    color: var(--text-extra-light) !important;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

}



/* .prefer {

    border-radius: 0.625rem 0rem;

    background: rgba(255, 255, 255, 0.80);

    backdrop-filter: blur(0.125rem);

} */



.active::after {

    content: "";

    width: 1.875rem;

    height: 0.125rem;

    display: block;

    background-color: var(--primary-orange);

    border-radius: 10rem;

    position: absolute;

    left: 0;

}



.header-menu-desktop li a:before {

    content: "";

    height: 1.25rem;

    width: 0.063rem;

    background-color: var(--border-stroke);

    display: block;

    margin-right: 1.25rem;

    position: absolute;

    left: -1.25rem;

}



#modalservicedropdown a::before {

    display: none;

}



.header-menu-desktop li:first-child a:before {

    display: none;

}



.active-item {

    color: var(--primary-orange) !important;

}



.active-item path {

    stroke: var(--primary-orange);

}



.footer {

    background: url(../Assets/Images/footer.png), lightgray 50% / cover no-repeat;

}



.title h2:after {

    content: "";

    width: 6px;

    height: 6px;

    background: #ef7f1a;

    display: block;

    border-radius: 50px;

    position: absolute;

    left: -20px;

}



.title h2:before {

    content: "";

    width: 6px;

    height: 6px;

    background: #ef7f1a;

    display: block;

    border-radius: 50px;

    position: absolute;

    right: -20px;

}



/* .tab-active-left {

    background-color: var(--primary-blue) !important;

    color: white !important;

    border-top-left-radius: 0.5rem;

    border-bottom-left-radius: 0.5rem;

}



.tab-active-right {

    background-color: var(--primary-blue) !important;

    color: white !important;

    border-top-right-radius: 0.5rem;

    border-bottom-right-radius: 0.5rem;

} */



.rounded-left-10 {

    border-top-left-radius: 0.625rem;

    border-bottom-left-radius: 0.625rem;

}



.rounded-right-10 {

    border-top-right-radius: 0.625rem;

    border-bottom-right-radius: 0.625rem;

}



#default-tab button {

    color: var(--primary-blue);

}



/* .yash {

    background-image: url(../Assets/Images/bannerone.png);

    object-fit: cover;

    height: 50vh;

    background-repeat: no-repeat;

} */



.discount:after {

    content: "";

    width: 80%;

    height: 1px;

    display: block;

    background: #535353;

    border-radius: 100px;

    position: absolute;

    top: 10px;

    right: 0;

    transform: rotate(337deg);

}



#locationdropdown li a:before,

#servicedropdown li a:before {

    display: none !important;

}



.rating svg:hover {

    fill: #EF7F1A;

}



.single-review:after {

    content: "";

    width: 200px;

    height: 1px;

    background: #E8E8E8;

    margin-top: 15px;

}



input[type="file"]::file-selector-button {

    border-radius: 4px;

    width: 106px;

    height: 40px;

    cursor: pointer;

    background-color: #F0F6FD;

    border: 1px solid #1B4E9B;

    transition: background-color 200ms;

    color: #1B4E9B;

    padding: 8px 10px;

    float: right;

    font-weight: 500;

    line-height: 0%;

}



input[type="file"] {

    line-height: 36px;

    padding-left: 10px;

}



input[type="file"]::file-selector-button:hover {

    background-color: #ffffff;

    border: 1px solid #EF7F1A;

    transition: background-color 200ms;

    color: #EF7F1A;

}



#what,

#why,

#benefits,

#review {

    scroll-margin-top: 6.813rem;

}





.equipment-content li:before {

    content: "";

    width: 4px;

    height: 4px;

    background: #535353;

    display: block;

    border-radius: 100px;

    position: absolute;

    left: -14px;

}



.blog-content li:before {

    content: "";

    width: 4px;

    height: 4px;

    background: rgba(0, 0, 0, 0.40);

    display: block;

    border-radius: 100px;

    position: absolute;

    left: -14px;

}



.location-details:before {

    content: "";

    width: 1px;

    height: 80px;

    background: #E8E8E8;

    position: absolute;

    right: 12%;

}



.address .location-details:last-child::before {

    display: none;

}



.radio-group .radio {

    position: relative;

}



.radio input {

    visibility: hidden;

    position: absolute;



}



.radio label:hover {

    cursor: pointer;

}



.radio input:checked+label {

    border-color: #1B4E9B;

    background-color: transparent;

}



.radio input:checked+label p {

    color: #1B4E9B;

}





@media (min-width: 1024px) {

    .inquiry-modal {

        width: 31.25rem !important;

    }

}



@media (max-width:1024px) {



    input[type="file"]::file-selector-button {

        font-size: 12px;

    }



    .reviews svg {

        width: 1rem;

    }



    .container {

        padding: 0 15px;

    }



    .logo img {

        width: 70%;

        margin: 0 auto;

    }



    .header .logo img {

        margin-left: 0;

    }



    #drawer-example .logo img {

        margin-left: auto !important;

    }



    .title h2 {

        font-size: 18px;

    }



}



@media (max-width:767px) {



    .location-details:before {

        width: 2px;

        right: unset;

        bottom: -30%;

        transform: rotate(90deg);

        left: 20px;

    }



    .banner-img {

        object-fit: cover;

        object-position: right;

    }



    .banner-content {

        width: 90% !important;

    }

    .banner-img {
        opacity: 0.1 !important;
    }


    .title p {

        width: 100%;

    }



    .title h2 {

        font-size: 18px;

    }

}





/* New css */



.active-tab {

    background: #f0f6fd;

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    outline: 0;

}



.active-tab button {

    /* color: #fff !important; */

    letter-spacing: 1px;

}



.title-2 h2 {

    border-bottom: 2px solid;

    padding-bottom: 10px;

}



.title-3 h2:after {

    content: "";

    width: 100px;

    height: 2px;

    background: #1b4e9b;

    position: absolute;

    bottom: -10px;

    border-radius: 50px;

}



.title-3 h2 {

    display: flex;

    justify-content: center;

}



select:not([size]) {

    margin: 0 !important;

    border: 0;

}





.details {

    font-size: 16px;

    color: #535353;

    font-weight: 300;

}



.details ul {

    display: grid;

    gap: 30px;

}



.details ul li {

    list-style: disc;

    color: #535353;

    font-size: 16px;

    font-weight: 400;

}



.pointer-section li {

    list-style: none !important;

    display: flex;

    align-items: center;

    gap: 6px;

}



.pointer-section li:before {

    content: "";

    background-image: url(https://shalbyhomecare.org/wp-content/themes/twenty-twenty-three-child/assets/images/Vectors/point_orange.svg);

    min-width: 20px;

    height: 20px;

    display: block;

    background-repeat: no-repeat;

}



.details p {

    color: #535353;

    font-size: 16px;

    font-weight: 400;

}

.message {

    color: green;

    font-weight: bold;

}

.error {

    color: red;

}

.thankyou {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding-bottom: 50px;
    background: #f0f6fd;
}

.thankyou img {
    width: 30%;
    filter: saturate(0.5);
}

@media (max-width:768px) {

.banner-img {
    object-fit: cover;
    opacity: 0.3;
    object-position: left;
}
}

@media (max-width:1024px) {
    .thankyou {
        height: 70vh;
    }
}


@media (max-width:500px) {

    .thankyou img {
        width: 70%;
    }

}