@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&display=swap');


.heading-regular {
    font-family: "Crimson Text", serif;
    font-weight: 400;
    font-style: normal;
}

.heading-semibold {
    font-family: "Crimson Text", serif;
    font-weight: 600;
    font-style: normal;
}

.heading-bold {
    font-family: "Crimson Text", serif;
    font-weight: 700;
    font-style: normal;
}

.body-regular, p, a, summary, li, input, lable, ::placeholder {
    font-family: "Jost", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.heading-onest {
  font-family: "Onest", sans-serif;
  font-style: normal;
}

.heading-monospace {
  font-family: "DM Mono", monospace;
  font-style: normal;
}



[type='text']:focus, input:where(:not([type])):focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
    --tw-ring-offset-color: transparent !important;
    --tw-ring-color: transparent !important;
    --tw-ring-offset-shadow: none !important;
    --tw-ring-shadow: none !important;
    box-shadow: none !important;
}


/*Scrollbar Bar CSS Start*/

.scrollbar::-webkit-scrollbar {
  width: 4px;
  margin-left: 15px;
  border-radius: 10px;
}
 
.scrollbar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);3); */
  border-radius: 10px;
}
 
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #000000;
  outline: 1.5px solid #000000;
  border-radius: 10px;
}

/*Scrollbar Bar CSS End*/


/* Header CSS Start */

.mobile_menu {
    transform: translateX(-100%);
    transition: 0.4s ease-in-out;
}

.mobile_menu.menu_open {
    transform: translateX(0%);
    transition: 0.4s ease-in-out;
}

/* Header CSS End */



/* Service Details Page FAQ Start */

.service_details_faq[open] svg {
    transform: rotate(180deg);
}

/* Service Details Page FAQ End */