/* ================================
           GLOBAL ROOT VARIABLES
        =================================*/

        :root {
            --primary-color: #293031;
            --secondary-color: #23BBFD;
            --bg-color: #434343;
            --theme-white: #ffffff;
            --theme-black: #000000;
            --theme-transparent: #ffffff00;
        }
        .b-border-bottom{
            border-bottom: 15px solid var(--secondary-color);
        }
        body{
            padding: 0;
            margin: 0;
        }
        a{
            text-decoration: none;
        }
        .c-white{
            color: var(--theme-white);
        }
        .c-black{
            color: var(--theme-black);
        }
        .c-primary{
            color: var(--primary-color);
        }
        .c-secondary{
            color: var(--secondary-color);
        }
        .c-bg-color{
            background: var(--bg-color);
        }
        .heading-h1{
            font-weight: 700;
            font-size: 45px;
            line-height: 55px;
            margin: 0;
        }
        .heading-h2{
            font-weight: 600;
            font-size: 35px;
            line-height: 45px;
            margin: 0;
        }
        .heading-h3{
            font-weight: 600;
            font-size: 18px;
            line-height: 25px;
            margin: 0;
        }
        .underline{
            position: relative;
        }
        .underline::after{
            content: "";
            position: absolute;
            background: var(--secondary-color);
            width: 38px;
            height: 1px;
            bottom: -5px;
            left: 1px;
        }
        .heading-h4{
            font-weight: 600;
            font-size: 24px;
            line-height: 30px;
            margin: 0;
        }
        .heading-h5{
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            margin: 0;
        }
        .text-description{
            font-size: 16px;
            line-height: 23px;
            margin: 0;
        }
        .f-w-700{
            font-weight: 700;
        }
        .f-w-500{
            font-weight: 500;
        }
        .ul-list{
            padding-left:0px;
            list-style: none;
            margin: 0px;
        }
        .full-width-container{
            width: 100%;
            font-family: "Poppins", Sans-serif;
        }
        .content-container{
            max-width: 1170px;
            margin: 0 auto;
            padding: 0px 20;
        }
        .container-width-75{
            width:75%
        }
        .container-width-70{
            width:70%
        }
        .container-width-65{
            width:65%
        }
        .container-width-60{
            width:60%
        }
        .container-width-55{
            width:55%
        }
        .container-width-50{
            width:50%
        }
        .container-width-45{
            width:45%
        }
        .container-width-40{
            width:40%
        }
        .container-width-35{
            width:35%
        }
        .container-width-29{
            width:29%
        }
        .d-flex-container{
            display: flex;
        }
        .d-flex-space-between{
            justify-content: space-between;
        }
        .d-align-center{
            align-items: center;
        }
        .d-align-end{
            align-items: flex-end;
        }
        .d-flex-column{
            flex-direction: column;
        }
        .d-flex-wrap{
            flex-wrap: wrap;
        }
        .gap-30{
            gap: 30px;
        }
        .gap-25{
            gap: 25px;
        }
        .gap-20{
            gap: 20px;
        }
        .gap-15{
            gap: 15px;
        }
        .gap-10{
            gap: 10px;
        }
        .padding-top-80{
            padding-top: 80px;
        }
        .padding-top-70{
            padding-top: 70px;
        }
        .padding-top-60{
            padding-top: 60px;
        }
        .padding-top-50{
            padding-top: 50px;
        }
        .padding-top-40{
            padding-top: 40px;
        }
        .padding-bottom-80{
            padding-bottom: 80px;
        }
        .padding-bottom-70{
            padding-bottom: 70px;
        }
        .padding-bottom-60{
            padding-bottom: 60px;
        }
        .padding-bottomp-50{
            padding-bottom: 50px;
        }
        .padding-bottom-40{
            padding-bottom: 40px;
        }
        .padding-right-20{
            padding-right: 20px;
        }
        .padding-left-20{
            padding-left: 20px;
        }
        .border-radius-25{
            border-radius: 25px;
        }
        .lp-btn-text{
            font-weight: 600;
            font-size: 14px;
            padding: 15.5px 20px;
            border-radius: 8px;
        }
        .book-btn-bg-primary{
            background: var(--primary-color);
            color: var(--theme-white);
        }
        .book-btn-bg-white{
            background: var(--theme-white);
            color: var(--primary-color);
        }
        .call-btn{
            background: var(--secondary-color);
            color: var(--theme-white);
        }







        .web-logo a img{
            width: 230px;
        }
        .bg-hero-banner{
            background:
                url(../assets/images/ovaerlay.webp),   /* overlay image */
                url(../assets/images/hero-banner.webp); /* main background */
            background-position: center;
            background-size: cover;
            background-repeat: no-repeat;
        }
        .ul-list li{
            position: relative;
            padding-left: 20px;
        }
        .ul-list li::before{
            content: "";
            position: absolute;
            background: url(../assets/images/check\ icon.webp);
            background-repeat: no-repeat;
            width: 17px;
            height: 17px;
            top:0px;
            left: -5px;
        }