@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.gloock-regular {
    font-family: "Gloock", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .1rem;
}

.playfair{
    font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 100;
    font-style: normal;
    letter-spacing: .05rem;
}

h1, h2, h3, h4, h5 {
    font-family: "Gloock", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .1rem;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2rem;
}

h3 {
    font-size: 1.3rem;
}

.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.covering-image-background {
    width: 100%; /* Makes it responsive to screen width */
    background: 
      linear-gradient(to right, rgba(176, 38, 8, 0.95), rgba(236, 110, 55, 0.95)), 
      url('./assets/img/bg_img.jpg');
    background-size: cover; /* Ensures the image covers the entire container */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents tiling of the image */
    padding: 20px; /* Optional: Adds space inside the container */
    color: #fff; /* Ensures content is readable */
    box-sizing: border-box; /* Ensures padding is included in total dimensions */
}

.gradient-background {
    background: linear-gradient(to right, #B02608, #FF774E);
}

.service-icon{
    width:100px;
    height:100px;
}

.divider{
    width:100px;
    height:2px;
}

.divider-container{
    padding-top: 70px;
    padding-bottom: 70px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}