@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap');
@font-face {
    font-family: "quentin";
    src: url("../fonts/quentin-webfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
:root {
    
    --bg_color: #f6f9ff;
    --primary_color: #0E1317;
    /* --secondary_color: #8e7917; */
    --secondary_color: #c09342;
    --text_gray: #d8d8d8;
    --coal_color: #0c0c12;
    --black_color: #000;
    --white_color: #fff;
    --noRadius: 0px;
    --font_rubik: "Rubik", sans-serif;
    --font_quentin: "quentin", senrif;
    --font_afacad: "Afacad Flux", sans-serif;
    --sfTransition: all 0.3s linear 0s;
   }

.qentin {
    font-family: var(--font_quentin);
}
.afacad {
    font-family: var(--font_afacad);
}

h1{ font-size: 65px;}
h6{ font-size: 18px;}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl
{
    max-width: 1280px;
}

.p-rel-dex
{
    position: relative;
    z-index: 99;
}
p,
span,
li {
    margin: 0;
}
ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
.bg-primary {
    background: var(--primary_color) !important;
}
.text-light {
    color: var(--white_color) !important;
}
.text-primary {
    color: var(--primary_color) !important;
}
.text-secondary {
    color: var(--secondary_color) !important;
}
.text-subtitle
{
    color: var(--subtitle) !important;
    
}

.twoLines {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sf-btn {
    width: max-content;    
    padding: 0 25px !important;
    border-radius: 21px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    transition:var( --sfTransition);
    border: 1px solid transparent;
}

.sf-btn-primary {   
    background: var(--primary_color);
    color: var(--white_color)
}

.sf-btn-secondary {   
    background: var(--secondary_color) ;
    color: var(--white_color) ;
}
.sf-btn-secondary:hover,
.sf-btn-primary:hover
{
    background: var(--white_color);
    color: var(--secondary_color);   
    border-color: var(--secondary_color);
}


.section-space
{
    padding-top: 100px;
}

.section-m-space
{
    margin-top: 100px;
}

.section-y-space
{
    padding: 100px 0;
}

.sf-divider-separator {
    position: relative;
    width: 10px;
    height: 10px;
    background: var(--secondary_color);
    display: flex;
    margin: 10px 0;
    direction: ltr;
}

.sf-divider-separator:after
{
    content: "";
    width: 70px;
    height: 1px;
    position: absolute;
    top: 4px;
    left: 17px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, var(--secondary_color), rgb(58 123 213 / 0%));
    border-image-slice: 1;
}

.sf-divider-before:before
{
   content: "";
    width: 70px;
    height: 1px;
    position: absolute;
    top: 4px;
    right: 18px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, rgb(58 123 213 / 0%), #c49f66);
    border-image-slice: 1;
}
.img-cover
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

marquee[direction="left"] {
    text-align: center;
    transform: translateX(-90%);
    overflow: visible;
    display: initial;
}


@media (max-width:767px) {
    .section-y-space {
        padding: 50px 0;
    }
    .section-space {
        padding-top: 50px;
    }
}