@font-face {
    font-family: scrip-font;
    src: url(../font/SVN-Ameyallinda-Signature.otf);
  }

@font-face {
    font-family: title-font;
    src: url(../font/SVN-Saudagar.otf);
  }

@font-face {
    font-family: main-font;
    src: url(../font/DesignerVN-Poppins-Regular.ttf);
  }


:root{
    --primary-color: #ED1556;
    --secondary-color: rgb(243, 86, 86);
    --bg: ;
    --sub-color: ;
    
    --text-white: #fff; 
    --text-black: #000;
    

    --scrip-font: scrip-font;
    --title-font: title-font;
    --main-font: main-font;
}
/* uikit change */
.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
    border-color: var(--primary-color) !important;
}
.uk-navbar-nav>li>a {
    color: #2f2f2f;
}

/*
* Created with https://www.css-gradient.com
* Gradient link: https://www.css-gradient.com/?c1=bdfde4&c2=2a36dd&gt=r&gd=dcc
*/



.script-font {
    font-family: var(--scrip-font);
}
.title-font{
    font-family: var(--title-font);
}
.main-font{
    font-family: var(--main-font);
}

.primary-color {
    color: var(--primary-color) !important;
}

.primary-bg {
    background-color: var(--primary-color) !important;
}
.primary-bg-75 {
    background-color: var(--primary-color) !important;
    opacity: .75;
}
.primary-bg-50 {
    background-color: var(--primary-color) !important;
    opacity: .5;
}
.primary-bg-10 {
    position: relative;
}
.primary-bg-10::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: var(--primary-color) !important;
    opacity: .1;
    z-index: -1;
}
.gradient-bg-30 {
    position: relative;
}
.gradient-bg-30::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-image: radial-gradient(circle at top right, var(--primary-color) 0, var(--secondary-color) );
    opacity: .3;
    z-index: -1;
}

.gradient-bg-10 {
    position: relative;
}
.gradient-bg-10::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-image: radial-gradient(circle at top right, var(--primary-color) 0, var(--secondary-color) );
    opacity: .1;
    z-index: -1;
}

.secondary-color {
    color: var(--secondary-color) !important;
}
.secondary-bg {
    background-color: var(--secondary-color) !important;
}
.sub-color {
    color: var(--sub-color) !important;
}
.sub-bg {
    background-color: var(--sub-color) !important;
}
.black-color {
    color: #000 !important;
}
.white-color {
    color: #fff !important;
    
}
.text-gradient {
    background: -webkit-linear-gradient( var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.black-bg {
    background-color: #000 !important;
}
.white-bg{
    background-color: #fff !important;
}
.blur-bg {
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(5px) !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.gradient-circle-topright {
    background-image: radial-gradient(circle at top right, var(--primary-color) 0, var(--secondary-color) );
    transition: .5s;
}
.gradient-light-circle-topright {
    background-image: radial-gradient(circle at top right, var(--primary-color) 0, var(--text-white) );
    transition: .5s;
}
.gradient-hover:hover {
    background-image: radial-gradient(circle at top right, var(--secondary-color) 0, var(--primary-color) );
    transition: .5;
}
/* border */
.primary-boder {
    border: 1px solid var(--primary-color);
}
/* overlay  */
.uk-overlay-primary-20 {
    background: rgba(34,34,34,.2);
}
.uk-overlay-primary-50 {
    background: rgba(34,34,34,.5);
}

.uk-overlay-default-20 {
    background: rgba(255,255,255,.2);
}
.uk-overlay-default-50 {
    background: rgba(255,255,255,.5);
}
/* gradient */




body {
    font-family: var(--main-font);
    font-size: clamp(14px , 2vw , 18px);
    color : var(--text-black)
}