@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&display=swap');
/* html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
html {
scroll-behavior: smooth;
}
body {
line-height: 1.15;
font-family: 'Nunito', sans-serif;
}
/* ol, ul {
list-style: none;
} */
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button{
outline: none;
box-shadow: none;
-webkit-appearance:none;
}
a{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration:none;
outline:none;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a:hover,
a:focus{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration:none;
outline:none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
color: #ccc;
}
:-moz-placeholder { /* Firefox 18- */
color: #ccc;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 50px white inset !important;
}
.container{
max-width: 1440px;
}
/*---------------START----------------*/
#banner{
position: relative;
width: 100%;
height: 100vh;
float: left;
}
#menu{
position: absolute;
width: 100%;
min-height: 68px;
height: auto;
z-index: 1000;
padding: 40px 0px;
}
#banner .carousel-item{
height: 100vh;
background-size: cover !important;
}
.banner-text{
z-index: 999;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.banner-content{
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.carousel-indicators {
position: absolute;
right: inherit;
bottom: 25%;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 13.3%;
list-style: none;
z-index: 9999;
}
.carousel-indicators li{
margin-right: 6px !important;
}
.banner-content h1{
font-size: 48px;
font-style: normal;
font-weight: 900;
line-height: 65px;
letter-spacing: 0em;
text-align: left;
color: #fff;
margin-bottom: 20px;
}
.banner-content p{
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 40px;
letter-spacing: 0em;
text-align: left;
max-width: 529px;
color: #fff;
}
.yellow-btn{
height: 60px;
width: 217.5px;
background: #EDBE00;
border-radius: 100px;
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 60px;
text-transform: uppercase;
letter-spacing: 0em;
text-align: center;
color: #000000;
margin-top: 25px;
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 10px;
height: 10px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip:none;
border: 0px;
opacity: .5;
transition: opacity 0.6s ease;
border-radius: 60px;
}
.nav-link{
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: 60px;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
text-transform: uppercase;
padding: 0px 0px 0px 38px !important;
}
.nav-link:hover{
color: #EDBE00;
}
.login{
display: flex;
}
.login a{
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: 60px;
color: #FFFFFF;
text-transform: uppercase;
}
.login a.profile{
display: flex;
justify-content: center;
align-items: center;
margin-right: 30px;
}
.login a.profile span{
margin-left: 12px;
}
.login a.yellow-btn{
height: 40px;
width: 145px;
border-radius: 100px;
font-size: 16px;
font-style: normal;
font-weight: 900;
line-height: 40px;
margin: 10px 0px;
color: #000;
}
#valueforcusomers{
position: relative;
background: #F1EBE5;
width: 100%;
height: 100vh;
float: left;
padding: 120px 0px 60px;
}
.outer{
display: flex;
align-items: center;
height: 100%;
justify-content: space-between;
}
.imagepart{
    width: 50%;
    float: left;
}
.imagepart img{
    width: 100%;
}
.textpart{
float:left;
width: 50%;
padding:0px 115px;
}
.textpart h2{
font-size: 48px;
font-style: normal;
font-weight: 900;
line-height: 65px;
letter-spacing: 0em;
text-align: left;
color: #4F3721;
margin-bottom: 42px;
}
.list{
float: left;
width: 100%;
margin-bottom: 25px;
}
.list h3{
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color: #4F3721;
}
.list p{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
max-width: 600px;
}
#nowpossible{
position: relative;
background: #F1EBE5;
width: 100%;
height: 100vh;
float: left;
padding: 60px 0px 120px;
}
.imagesliderpart{
max-width: 824px;
width: 100%;
max-height: 636px;
height: 100%;
}
.textsliderpart{
padding: 0px 50px 0px 100px;
max-width: 50%;
}
.textsliderpart h2{
font-size: 48px;
font-style: normal;
font-weight: 900;
line-height: 65px;
letter-spacing: 0em;
text-align: left;
color: #4F3721;
margin-bottom: 42px;
}
.list-slide{
float: left;
width: 50%;
padding-right: 50px;
margin-bottom: 50px;
}
.list-slide h3{
font-size: 28px;
font-style: normal;
font-weight: 900;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
color: #4F3721;
text-transform: uppercase;
margin-bottom: 10px;
}
.list-slide p{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
max-width: 600px;
}
.imagesliderpart .carousel-indicators{
    bottom: -10%;
margin-left: 0;
}
.imagesliderpart .carousel-indicators li{
background-color: #000;
}
#getstratednow{
float: left;
width: 100%;
position: relative;
}
.videopart{
float: left;
width: 50%;
background: url(../images/video-bg.png) no-repeat;
background-size: cover;
height: 632px;
padding: 130px 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.videouter{
    float: left;
    width: 100%;
    position: relative;
}
.videouter a{
    position: absolute;
    width: 109px;
    height: 109px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.videotextpart{
    float: left;
    width: 50%;
    padding: 100px;
}
.videotextpart h4{
 font-size: 48px;
font-style: normal;
font-weight: 900;
line-height: 65px;
letter-spacing: 0em;
text-align: left;
color: #4F3721;
margin-bottom: 42px;
}
.video-list{
    float: left;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.video-list span{
font-size: 80px;
font-style: normal;
font-weight: 900;
line-height: 109px;
letter-spacing: 0em;
text-align: left;
  color: #4F37212B;
}
.video-list h5{
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 38px;
letter-spacing: 0em;
text-align: left;
max-width: 480px;
width: 100%;
margin-left: 20px;
}
#footer{
    float: left;
    width: 100%;
    background: url(../images/footer-bg.jpg) no-repeat;
    height: 244px;
    background-size: cover;
    padding: 48px 0px 53px;
}
.contact{
    float: left;
    width: 100%;
}
.contact h6{
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
margin-bottom: 15px;
text-transform: uppercase;
}
.contact p a,
.contact p,
.contact p.copy-right{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
}
.contact p.copy-right{
    margin-top: 24px;
}
.signup-footer h6{
font-size: 24px;
font-style: normal;
font-weight: 900;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #FFFFFF;
margin-bottom: 15px;
text-transform: uppercase;
}
.signup-footer .yellow-btn{
height: 44px;
width: 167px;
border-radius: 100px;
font-family: Nunito;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 44px;
letter-spacing: 0em;
text-align: center;
display: inline-block;
margin-top: 10px;
}
/*----------------END-----------------*/

.btn {
    font-weight: bold;
}

.btn-primary {
    color: #ffffFF;
    background-color: #EDBE00;
    border-color: #EDBE00;
}
.btn-primary:hover {
    color: #ffffFF;
    background-color: #C9A200;
    border-color: #BE9800;
}
.btn-primary:focus, .btn-primary.focus {
    color: #ffffFF;
    background-color: #C9A200;
    border-color: #BE9800;
    box-shadow: 0 0 0 0.2rem rgba(240, 200, 38, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #ffffFF;
    background-color: #EDBE00;
    border-color: #EDBE00;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #ffffFF;
    background-color: #BE9800;
    border-color: #B28F00;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(240, 200, 38, 0.5);
}
.btn-outline-new {
    color:  #EDBE00;
    border-color: #EDBE00;
}
.btn-outline-new:hover {
    color: #ffffFF;
    background-color: #EDBE00;
    border-color: #EDBE00;
}
.btn-outline-new:focus, .btn-outline-new.focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 190, 0, 0.5);
}
.btn-outline-new.disabled, .btn-outline-new:disabled {
    color: #EDBE00;
    background-color: transparent;
}
.btn-outline-new:not(:disabled):not(.disabled):active, .btn-outline-new:not(:disabled):not(.disabled).active,
.show > .btn-outline-new.dropdown-toggle {
    color: #ffffFF;
    background-color: #EDBE00;
    border-color: #EDBE00;
}
.btn-outline-new:not(:disabled):not(.disabled):active:focus, .btn-outline-new:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-new.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(237, 190, 0, 0.5);
}

.btn-secondary {
    color: #ffffFF;
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}
.btn-secondary:hover {
    color: #ffffFF;
    background-color: #777777;
    border-color: #707070;
}
.btn-secondary:focus, .btn-secondary.focus {
    color: #ffffFF;
    background-color: #777777;
    border-color: #707070;
    box-shadow: 0 0 0 0.2rem rgba(157, 157, 157, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
    color: #ffffFF;
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
    color: #ffffFF;
    background-color: #707070;
    border-color: #696969;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(157, 157, 157, 0.5);
}
.btn-outline-secondary {
    color:  #8c8c8c;
    border-color: #8c8c8c;
}
.btn-outline-secondary:hover {
    color: #ffffFF;
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #8c8c8c;
    background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
    color: #ffffFF;
    background-color: #8c8c8c;
    border-color: #8c8c8c;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(140, 140, 140, 0.5);
}

.modal-header {
    background-color: #EDBE00;
}

.modal-title {
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
}

.bg-light {
    border-bottom: 1px solid #4F37212B !important;
}

.bg-light .navbar-toggler {
    border: 1px solid #F1EBE5 !important;
    background-color: #4F3721;
}

.bg-light .navbar-brand {
    padding: 0 !important;
}

.bg-light .navbar-brand img {
    height: 50px;
}

.bg-light a.nav-link, .bg-light .profile {
    color: #4F3721 !important;
}

.fixed-top {
    transition: 0.5s; /* Add a transition effect (when scrolling - and font size is decreased) */
}

#footer .contact p {
    margin: 5px 0;
}

#footer .contact a:hover {
    color: #EDBE00;
}

.yellow-btn-sm {
    height: 40px;
    width: 145px;
    border-radius: 100px;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    color: #000;
    background-color: #EDBE00;
    border: none;
    outline: none !important;
}

.grey-btn-sm {
    height: 40px;
    width: 145px;
    border-radius: 100px;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    color: #fff;
    background-color: #8c8c8c;
    border: none;
    outline: none !important;
}