/* @font-face {
    font-family: 'Poppins';
    src: url('/storage/fonts/Poppins-Medium.ttf') format('ttf');
    /* font-weight: normal;
    font-style: normal; */
}

@font-face {
    font-family: 'Outfit-Regular';
    src: url('Outfit-Regular.ttf') format('ttf');
    /* font-weight: normal;
    font-style: normal; */
} */

.ptitle{
    font-family: 'Outfit-Regular',serif;
    font-weight: bold;
}
.pdesc{
    font-family: 'Outfit-Regular',serif;
}
.navbar{
    background-color: transparent;
}

.navbar-toggler{
    background:white !important;
}

.divide{
    margin-right:30px;
}

@media screen and (max-width:768px){
    .divide{
        margin-right:auto;
    }
}

.nav-link,
.nav-link:hover,
.nav-link:active,
.nav-link.active {
    color: black !important;
}

body{
    background-color:#f1f2f7 !important;
}

.rounded-btn{
    border-radius: 25px;
    background-color: #ff4800;
    color: white;
}

.service_card {
    /* height: 100vh;
    width: 100%; */
    position: sticky;
    top: 0;
  background-color: rgb(20 18 18);
  color: white;
   /* Not needed if 100vh
   &:nth-last-child(1) {
      height: 100vh;
   } */
}

.scroll-container {
    display: flex;
    overflow-x: hidden;
    scroll-behavior: smooth;
    gap: 10px;
    white-space: nowrap;
    width: 100%;
}

.scroll-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 7px 15px;
    z-index: 10;
    border-radius: 50%;
}

.left-btn {
    left: 0;
}

.right-btn {
    right: 0;
}

.color-options {
    display: flex;
    /* justify-content: center; */
    gap: 10px;
    margin-top: 10px;
}

.color-options input[type="radio"] {
    display: none;
}

.color-options label {
    width: 25px;
    height: 25px;
    /*border-radius: 50%;*/
    border: 2px solid #ccc;
    cursor: pointer;
    display: inline-block;
}

/* Highlight the selected variant */
.color-options input[type="radio"]:checked + label {
    border: 2px solid black;
}

footer{
    background-color:white;
    color:black;
}

.navbar{
    background-color:white;
}