:root {
  --theme-color: #;
  --accent-color: #006FCF;
  --blue-color: #0178d0;
  --theme-font: "Open Sans", sans-serif;
  --white-color: #fff;
  --black-color: #000;
  --dark-color: #050d12;
  --lightDark-color: #0b0b0b;
  --light-text-color: #a9a9a9;
  --border-color: #ffffff24;
  --hover-card-color: #494949;
  --spinner-active-color: var(--accent-color);
  --spinner-text-color: var(--light-text-color);
  --spinner-opacity-low: 0.65;
  --spinner-opacity-mid: 0.85;
  --spinner-scale-small: 0.75;
  --spinner-scale-mid: 0.9;
  --spinner-scale-active: 1.05;
  --spinner-font-size: 1.5rem;
  --spinner-transition: 0.6s cubic-bezier(0.65, 0, 0.35, 1);
  --spinner-transition-transform: 0.8s cubic-bezier(0.65, 0, 0.35, 1);
}




.wrapper-body {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    /* background: linear-gradient(45deg,#95c8f5, #95c8f5, #95c8f5 , #fff,#95c8f5, #fff); */
    /* background: linear-gradient(45deg, #ffffff, #cceaff, #ffffff, #fff, #ffffff, #fff); */
    background-size: 600% 100%;
    animation: gradient 16s linear infinite;
    animation-direction: alternate;
}
/* @keyframes gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
} */

.why-bool-us{
    .heading{
        p{
            color: var(--accent-color);
            font-size: 20px;
            margin-bottom: 5px;
            font-weight: 600;
        }
    }
    .peragraph{
        font-size: 18px;
        color: #000;
        width: 80%;
    }
    .why-book-cards{
        .cardb{
            display: flex;
            gap: 20px;
            margin-bottom: 15px;
            align-items: center;
            img{
                width: 70px;
            }
            h3{
                font-size: 20px;
                font-weight: 600;
            }
            p{
                color: #000;
                font-size: 16px;
            }
        }
    }
}
.booking-section{
    .heading{
        h3{
            font-size: 32px;
            font-weight: 700;
        }
    }
    .details-phone{
        p{
            color: var(--accent-color);
            font-size: 16px;
        }
    
    }
    .line-shape {
        position: absolute;
        right: 0;
        top: 0;
        img{
            width: 150px;
        }
    }
}
.main-right-shadow{
    position: absolute;
    right: 0;
    top: 0;
    img{
        width: 100%;
    }
}
.top-right-shadow{
    position: absolute;
    top: 0;
    left: 0;
    img{
        width: 100%;
    }
}
.center-center-shadow{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    img{
        width: 100%;
    }
}
.services-section{
    position: relative;
    .card-services{
        z-index: 2;
    }
    .autoplay{
        z-index: 2;
    }
}
.line-shape {
        position: absolute;
        right: 0;
        top: 50%;
        img{
            width: 150px;
        }
    }
    .line-shape2 {
        position: absolute;
        left: 0;
        opacity: 0.5;
        top: 90%;
        img{
            width: 100px;
        }
    }