@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

:root {
    --white: #f8f7f2;
    --black: #3d4348;
    --dark-blue: #2d3337;
    --gold: #ddcf8c;
    --dark-green: #978c56;
    --darkest-green: #776c39;
    --light-gray: #f8f7f2;
    --gray: #f8f6f0;
    --gray-md: #7e878d;
    --dark-gray: rgba(119, 108, 57, 0.05);
}


* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
	font-family: 'Nunito Sans' !important;
}

body,
input,
a,
button {
    font-family: 'Nunito Sans' !important;
}

[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
    color: none;
    background-color: none;
    text-decoration: none;
	outline : none;
}


/* Header Section */

.header_container {
    position: relative!important;
    height: 560px;
    /* 70px height mobile navbar */
    display: flex!important;
    flex-direction: column!important;
    padding: 30px!important;
}

.video {
  position: absolute!important;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.video video {
	object-fit: cover;
	height: 560px; 
	width:100%;
}

.slider_imgs > .img {
    display: none!important;
}

.slider_titles {
	height:100%!important;
}

.slider_titles > .title {
    display: none!important; 
}

/* .slider_img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: -1;
}
 */
.slider_overlay {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    object-fit: cover!important;
    width: 100%!important;
    height: 100%!important;
    z-index: 1!important;
    background-color: rgba(0, 0, 0, 0.6)!important;
}


.slider_container {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    width: 80%;
    flex: 1;
    padding-bottom: 60px;
    overflow: hidden;
    z-index: 2;
    bottom: 0;
}

.slider_title {
    font-size: 24px!important;
    font-weight: 300!important;
    color: var(--white)!important;
    max-width: 700px!important;
}

.slider_title>span {
    color: var(--gold)!important;
}

.slider_footer {
	width : 100%;
	display : flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
    margin-top: 40px!important;
}

.slider_action_button {
    appearance: none!important;
    border: none!important;
    background-color: transparent!important;
    cursor: pointer!important;
    display: flex!important;
    align-items: center!important;
    gap: 16px!important;
    padding: 14px 16px 14px 16px!important;
    justify-content: space-between!important;
    border: 1px solid var(--white)!important;
}

.slider_action_button>span {
    color: var(--white)!important;
    font-size: 16px!important;
    font-weight: 300!important;
}

.slider_action_button>svg {
    color: var(--gold)!important;
    width: 22px!important;
    height: 22px!important;
}

.slider_control_container {
	margin-top : 20px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: space-between!important;
    width: 250px;
    height: 60px!important;
}


.slider_control {
    flex: 1!important;
    display: flex!important;
    align-items: center!important;
    gap: 16px!important;
    margin-right: 60px!important;
}

.slider_control_current,
.slider_control_total {
    font-size: 14px!important;
    font-size: 200!important;
    color: var(--white)!important;
}

.slider_control_progress_bar {
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 20p;
    background-color: rgba(230, 230, 230, 0.25);
}

.slider_control_progress {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 0%!important;
    height: 4px!important;
    border-radius: 20px!important;
    background-color: var(--gold)!important;
    transition: width 0.35s ease!important;
}

.slider_button_next {
    appearance: none!important;
    border: none!important;
    background-color: transparent!important;
    cursor: pointer!important;
	padding: 10px 14px 0px 0px;
}

.slider_button_next>svg {
    color: var(--white)!important;
    width: 22px!important;
    height: 22px!important;
}