:root {
    --cu-darkpurple:rgba(67, 17, 148, 0.28);
    --cu-midpurple:rgb(85, 38, 223);
    --cu-white:rgb(251, 249, 255);
    --dark:rgb(9,9,11);
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-extrabold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Peyda';
    src: url('../fonts/PeydaWeb-black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

.pythin {
    font-family: 'Peyda', sans-serif;
    font-weight: 100;
}

.pyregular {
    font-family: 'Peyda', sans-serif;
    font-weight: 400;
}

.pymedium {
    font-family: 'Peyda', sans-serif;
    font-weight: 500;
}

.pysemibold {
    font-family: 'Peyda', sans-serif;
    font-weight: 600;
}

.pybold {
    font-family: 'Peyda', sans-serif;
    font-weight: 700;
}

.pyextrabold {
    font-family: 'Peyda', sans-serif;
    font-weight: 800;
}

.pyblack {
    font-family: 'Peyda', sans-serif;
    font-weight: 900;
}

.shadow-contactus-box{
   /* filter: drop-shadow(-4px 5px 12px rgba(134, 93, 255, 0.5)); */
    box-shadow: -4px 4px 25px rgba(134, 93, 255, 0.5);
}

.baner-background{
   /* background: linear-gradient(to bottom,rgb(0,0,0)  24%, var(--cu-darkpurple) 58% , var(--cu-midpurple) 90% , var(--cu-white) 100% ); */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24%, rgba(67.34, 17.25, 147.90, 0.28) 58%, #5526DF 83%, #FBF9FF 100%);
}

#banerBackLight{
    box-shadow: 5px 10px 20px 0px rgba(99 ,50 ,245 ,1);
}

/* menu icon style start */

#nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.cu-blur-md{
    filter:blur(12px);
}

.cu-backdrop-blur-md{
    backdrop-filter: blur(12px);
}

/* menu icon style end */