:root {
    /* color */
    --black: #000;
    --dark-blue: linear-gradient(180deg, #0051A5 0%, #013164 100%);
    --endeavour-33: #0051A5;
    --selective-yellow-4: #FFBC00;
    --white: #ffffff;
    --blue-gradient: linear-gradient(90deg, #0051A5 0%, #0051a500 100%);
    --blue-midnight-endeavour: linear-gradient(180deg, #013164 0%, #0051A5 100%);
    --blue-endeavour-midnight: linear-gradient(180deg, #0051A5 0%, #013164 100%);
    --blue-charcoal-583: #020E1B;
    --midnight-441: #012143;
    --midnight-blue-85: #013163;
    --ebony-clay-844: #232C34;
    --apple-5092: #52D03d;
    --oslo-gray-258: #7F868F;
    --sushi-666: #80B940;
    --apple-5093: #52D03E;
    --midnight-blue-90: #013164;
    --alto-20: #D9D9D9;
    --wild-sand-5: #F5F5F5;
    --monorope: 'Manrope', sans-serif;
    --roboto: 'Roboto', sans-serif;
    --roboto-considered: 'Roboto Condensed', sans-serif;
}

*,
*::after,
*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--roboto);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    min-height: 100vh;
}

video {
    aspect-ratio: 16/9;
}

/* Hide the scrollbar in all browsers */
body {
    background: var(--wild-sand-5);
}


/* container */
.container-fluid {
    max-width: 1920px;
    margin: 0 auto;
}

@media(min-width:1550px) {
    .container {
        max-width: 1460px;
    }
}

::selection {
    user-select: none;
}

/* text */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    font-weight: 600;
    line-height: 1;
    margin: 0;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
    display: inline-block;
}

.hero-heading {
    color: var(--main-color);
    font-size: var(--font-size);
}

.main-heading {
    color: var(--main-color);
    font-size: var(--font-size);
}

.sub-heading {
    color: var(--main-color);
    font-size: var(--font-size);
}


a,
a:focus,
a:hover {
    box-shadow: none;
    color: inherit;
    outline: none;
    text-decoration: none;
}

p {
    margin: 0;
}

/* ul */

ol,
ul {
    margin: 0;
    width: 100%;
}

li {
    line-height: 1.2;
    display: flex;
    width: 100%;
}

header ul,
footer ul,
.pagination ul,
.social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination>ul,
.menu>ul,
.social-icons>ul,
.pagination ul li,
.social-icons ul li {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: center;
}

/* img */
figure,
picture {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    width: auto;


}

figcaption {
    flex: 0 0 auto;
}

img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    object-position: center;
    width: auto;
    flex: 0 0 auto;
}

/* video */

video {
    aspect-ratio: 16 / 9;
}

/* button */

.button-group {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    width: max-content;
}

.button {
    align-items: center;
    background: var(--button-color-bg);
    border: none;
    color: var(--button-color);
    display: flex;
    gap: 20px;
    padding: 15px 20px;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.4px;
}

.button:hover {
    background: var(--button-color-bg);
    border: none;
    color: var(--button-color);
}

.button:active {
    scale: 0.95;
}

.button-endeavour {
    --button-color: var(--white);
    --button-color-bg: var(--endeavour-33);
}

.button-selective-yellow {
    --button-color: var(--midnight-blue-90);
    --button-color-bg: var(--selective-yellow-4);
}

/* input */
input::placeholder,
textarea::placeholder {
    color: inherit;
    font: inherit;
}

textarea {
    resize: none;
}

article {
    display: grid;
    gap: 10px;
}

/* inner-docs */
.inner-docs {
    color: var(--inner-docs-color);
    font-family: inherit;
    font-weight: var(--inner-docs-weight);
    line-height: var(--inner-docs-height);
    font-size: var(--inner-docs-size);
}

.inner-docs h2,
.inner-docs h3,
.inner-docs h4,
.inner-docs h5,
.inner-docs h6 {
    color: var(--inner-docs-heading-color);
    font-family: inherit;
    font-weight: var(--inner-docs-heading-weight);
    line-height: var(--inner-docs-heading-height);
    font-size: var(--inner-docs-heading-size);
}

.y-bg-btn,
.y-bg-btn:hover {
    background: var(--selective-yellow-4);
    color: var(--midnight-blue-85);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.b-bg-btn,
.b-bg-btn:hover {
    background: var(--endeavour-33);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.bootom-clip {
    clip-path: polygon(0% 0%, 100% 0, 100% 75%, 50% 100%, 0 75%);
}

.right-clip {
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}

.button {
    align-items: center;
    background: var(--button-color-bg);
    border: none;
    color: var(--button-color);
    display: flex;
    gap: 20px;
    padding: 15px 20px;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.4px;
}

.button:active {
    scale: 0.95;
}

.phone-call {
    --button-color: var(--white);
    --button-color-bg: var(--endeavour-33);
}

.book-online {
    --button-color: var(--midnight-blue-90);
    --button-color-bg: var(--selective-yellow-4);
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: var(--selective-yellow-4);
}
.book_online_form_redirect {
	cursor:pointer;
}