@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
    outline: 0 !important;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    font-family: 'Poppins', sans-serif;

}

html,
body {
    width: 100%;
    min-height: 100vh;
    background-color: #ffffff !important;
}

body {
    font-size: 14px;
    line-height: 1.5;
    color: #121212;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    width: 100%;
    overflow-x: hidden;
}

ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


a {
    color: #ff8900;
    outline: none;
    text-decoration: none;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

input,
textarea,
select {
    font-size: 14px;
    color: #121212;
    outline: none;
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

input[type="button"] {
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}


.transition {
    -webkit-transition: ease-in-out .2s;
    -moz-transition: ease-in-out .2s;
    -ms-transition: ease-in-out .2s;
    -o-transition: ease-in-out .2s;
    transition: ease-in-out .2s;
}

img {
    border: none;
    vertical-align: top;
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    color: #121212;
}

.vcontainer {
    max-width: 1202px;
    margin: 0 auto;
    padding: 0 16px;
}

.vcontainer-flex {
    max-width: 1202px;
    margin: 0 auto;
    display: flex;
    padding: 0 16px;
    flex: 1;
}

.vflex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.vitems-center {
    align-items: center;
}

.vjustify-between {
    justify-content: space-between;
}

.vmid {
    display: flex;
    align-items: center;
    justify-content: center;
}

.white {
    color: #fff !important;
}

.black {
    color: #000;
}

a:hover {
    color: #dd1c1a;
}

.brand {
    color: #ff8900;
}

.bg-brand {
    background-color: #ff8900;
}

.brand:hover {
    color: #dd1c1a;
}

.vlink {
    color: #ff8900;
}

.vlink:hover {
    color: #dd1c1a;
}


.primary {
    color: #121212;
}

.ba {
    border: 1px solid;
}

.b--brand {
    border-color: #ff8900;
}

.brand-underline {
    color: #ff8900;
}

.brand-underline:hover {
    text-decoration: underline;
}

.white-underline {
    color: #fff;
}

.white-underline:hover {
    text-decoration: underline;
    color: #fff;
}

.b--brand-secondar {
    border-color: #ff8900;
}

.b--light {
    border-color: #f8faf9;
}

.br4 {
    border-radius: 4px;
}

.br5 {
    border-radius: 5px;
}

.br6 {
    border-radius: 6px;
}


.ttc {
    text-transform: capitalize;
}

.ttu {
    text-transform: uppercase;
}

.relative {
    position: relative;
}

.z-10 {
    z-index: 10;
}

.overflow-hidden {
    overflow: hidden;
}


.vbtn {
    background-color: #ff8900;
    cursor: pointer;
    color: #fff;
    position: relative;
    border-radius: 4px;
}

.vbtn:hover {
    background-color: #dd1c1a;
    color: #fff;
}

.vbtn-brand {
    background-color: #ff8900;
    cursor: pointer;
    color: #fff;
    position: relative;
    border-radius: 4px;
}

.vbtn-brand:hover {
    background-color: #dd1c1a;
    color: #fff;
}

.vbtn::after,
.vbtn::before,
.vbtn-brand::after,
.vbtn-brand::before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    transition: .5s;
}

.vbtn::after,
.vbtn-brand::after {
    top: -4px;
    left: -4px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
}

.vbtn::before,
.vbtn-brand::before {
    bottom: -4px;
    right: -4px;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
}

.vbtn:hover::after,
.vbtn:hover::before {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-color: #dd1c1a;
    border-radius: 4px;
}

.whiteBtn.vbtn{
    background: #fff;
    color: #121212;
}

.whiteBtn.vbtn:hover::after,
.whiteBtn.vbtn:hover::before {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-color: #121212;
    color: rgb(58, 55, 55);
    border-radius: 4px;
}

.whiteBtn.vbtn:hover {
    background-color: #121212;
    color: #fff;
}

.vbtn-brand:hover::after,
.vbtn-brand:hover::before {
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    border-color: #dd1c1a;
    border-radius: 4px;
}

.vsection {
    padding: 60px 0;
}


@media all and (min-width:1024px) {

    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background-color: #ddd;
    }

    ::-webkit-scrollbar-thumb {
        background: #dd1c1a;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #dd1c1a;
    }
}
li b{
    font-weight: bold !important;
}