@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

:root{
    --black : #101010;
    --white : #fff;
    --orange :#F26A41;
    --green : #064532;
    --light-green : #77CCB4;
    --golden : linear-gradient(90deg, rgba(193,146,1,1) 0%, rgba(216,174,1,1) 55%);
    --cream : #FFFEF0;
    --red : #DB3C3C;
    --light-grey : #F5F5F5;
    --yellow : #FFC700;
    --text-dark-grey : #424242;
}
*{
    font-family: 'Poppins', sans-serif;
    border: none;  outline: none;
    list-style: none;
    text-decoration: none;
    text-transform: capitalize;
    box-sizing:  border-box;
}
.lowercase{
    text-transform: lowercase !important;
}

*::selection{
  background-color: var(--green);
  color: var(--white);
}
*:focus {
    outline: none;
}

body {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body::-webkit-scrollbar , .box-mobile::-webkit-scrollbar {
    width: 8px;
}

body::-webkit-scrollbar-track  , .box-mobile::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px #fff;
}

body::-webkit-scrollbar-thumb , .box-mobile::-webkit-scrollbar-thumb  {
    background-color:  var(--green);
    outline: 1px solid var(--green);
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}

a , a:hover{
    text-decoration: none;
    color: var(--black);
}
ul{
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Libre Baskerville", serif;
    margin-bottom: 0;
}
img{
    max-width: 100%;
    height: auto;
}

span,a,li,p {
    font-size: 16px;
    margin-bottom: 0;
    text-transform: math-auto;
}

.container{
    max-width: 1170px
}

section{
    padding: 60px 0;
}
.bilink{

    animation: red-hover 500ms infinite alternate;
}

.f-14{ font-size: 14px;  line-height: 20px; }
.f-16{ font-size: 16px;  line-height: 22px; }
.f-17{ font-size: 17px;  line-height: 24px; }
.f-18{ font-size: 18px;  line-height: 25px; }
.f-30{ font-size: 30px;  line-height: 36px; }
.f-35{ font-size: 35px;  line-height: 41px; }
.f-70{ font-size: 70px;  line-height: 76px; }
.f-25{ font-size: 25px;  line-height: 31px; }
.f-22{ font-size: 22px;  line-height: 29px; }
.f-20{ font-size: 20px;  line-height: 27px; }
.f-60{ font-size: 60px;  line-height: 66px; }
.f-65{ font-size: 65px;  line-height: 71px;}
.f-45{ font-size: 45px;  line-height: 50px; }
.f-40{ font-size: 40px;  line-height: 46px; }
.f-55{ font-size: 55px;  line-height: 56px;}
.f-50{ font-size: 50px;  line-height: 56px;}

.fw-100{ font-weight: 100; }
.fw-200{ font-weight: 200; }
.fw-300{ font-weight: 300; }
.fw-400{font-weight: 400; }
.fw-500{font-weight: 500; }
.fw-600{font-weight: 600; }
.fw-700{font-weight: 700; }
.fw-800{font-weight: 800; }
.f-900{font-weight: 900; }

/*  color  */

.orange{
    background-color: var(--orange);
}
.cream{
    background-color: var(--cream);
}
.golden{
    background: var(--golden);
}
.black{
    background-color: var(--black);
}
.green{
    background-color: var(--green);
}
.light-grey{
    background-color: var(--light-grey);
}
.white{
    background-color: var(--white);
}
.light-green{
    background-color: var(--light-green);
}
.text-orange{
    color: var(--orange);
}
.text-green{
    color: var(--green);
}
.text-yellow{
    color: var(--yellow);
}
.text-black{
    color: var(--black);
}  
.text-white{
    color: var(--white);
}
.text-dark-grey{
    color: var(--text-dark-grey);
}
.text-red{
    color: var(--red);
}
.text-grey{
    color: var(--grey);
}
.libre{
font-family: "Libre Baskerville", serif;
}
figure {
    margin: 0;
}
.bg-tansparent{
    background-color: transparent !important;
}