/* font import */
@font-face {
    font-family: Thin-trial;
    src: url(./font/cocogoose/Cocogoose\ Pro\ Thin-trial.ttf);
}

@font-face {
    font-family: Letterpress-R;
    src: url(./font/Cocogoose-Pro-Letterpress-Regular-trial.ttf);
}
@font-face {
    font-family: Ultralight-Italic;
    src: url(./font/Cocogoose-Pro-Ultralight-Italic-trial.ttf);
}
@font-face {
    font-family: Light-Italic;
    src: url(./font/Cocogoose-Pro-Light-Italic-trial.ttf);
}

@font-face {
    font-family: bolt-trial;
    src: url(./font/cocogoose//Cocogoose\ Pro\ Semilight-trial.ttf);
}

.f-c-thin {
    font-family: Thin-trial;
}
.Ultralight-Italic {
    font-family: Ultralight-Italic;
}

.Light-Italic {
    font-family: Light-Italic;
}

.Letterpress-R {
    font-family: Letterpress-R;
}


.f-c-bolt {
    font-family: bolt-trial;
}

svg {
    margin-top: 30px;
    margin-bottom: 20px;
}

.line {
    margin: 10px;
}

.len {
    /* width: 620px; */
    border: 1px rgb(199, 199, 199) solid;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.brd {
    border-radius: 10%;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
}

.crd {
    height: 420px;
}

.mp {
    margin: 0px;
    padding: 0px;
}

.b {
    font-weight: 800;
}


/* scroll effect */
html {
    scroll-behavior: smooth
}

/* btn-cutom    */
.btn-grad {
    /* background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%); */
    /* background-image: linear-gradient(to left, #00d2ff 0%, #3a7bd5 51%, #00d2ff 100%); */
    /* margin: 10px;
    padding: 15px 45px; */
    /* text-align: center; */
    /* text-transform: uppercase;  */
    transition: 0.5s;
    background-size: 200% auto;
    background-image: linear-gradient(to right, #8A6DF3 0%, #00b7ff 51%, #4AB7FF 100%);
    color: white;
    box-shadow: 0 0 20px #eee;
    border-radius: 10px;
    text-decoration: none;
    /* border: #824efc 2px solid; */
    font-weight: 500;
}

.btn-grad:hover {
    background-position: right center;
    /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

a {
    text-decoration: none;
}