.header__area-3.sticky-3 {
    /*  background-color: var(--primary); */
    /*  background-image: linear-gradient(to bottom, #FF5BF5, #FD91F4, #FCC3F0, #ffffff); */
}

.header__logo-2 img {
    max-width: 200px;
}

.offcanvas__logo img {
    max-width: 200px;
}

/* .header__area-3.sticky-3 .main-menu-3>li>a {
    color: white;
} */

.gradient {
    background-image: linear-gradient(65deg,
            hsl(272deg 96% 81%) 1%,
            hsl(263deg 100% 82%) 19%,
            hsl(254deg 100% 83%) 28%,
            hsl(244deg 100% 83%) 34%,
            hsl(235deg 100% 82%) 40%,
            hsl(228deg 99% 80%) 45%,
            hsl(222deg 96% 77%) 50%,
            hsl(218deg 92% 75%) 54%,
            hsl(214deg 87% 73%) 58%,
            hsl(210deg 83% 70%) 62%,
            hsl(207deg 84% 69%) 66%,
            hsl(203deg 88% 68%) 70%,
            hsl(199deg 91% 66%) 74%,
            hsl(196deg 92% 65%) 78%,
            hsl(194deg 92% 64%) 81%,
            hsl(191deg 91% 64%) 85%,
            hsl(188deg 89% 64%) 89%,
            hsl(186deg 86% 65%) 93%,
            hsl(183deg 82% 66%) 96%,
            hsl(179deg 81% 68%) 100%);
}

.gradient-full {
    background-image: linear-gradient(to right top, #ffffff, #d2a1fd, #d2a1fd, #99bdff, #3fe4ff, #6aefec, #ffffff, #ffffff, #ffffff, #ffffff);
}

.gradient-top-bottom {
    background-image: linear-gradient(to bottom, #d2a1fd, #99bdff, #99bdff, #3fe4ff, #6aefec);
}

.gradient-full-2 {

    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 2%, rgba(242, 243, 244, 0.9865079820990896) 8%, rgba(218, 178, 253, 1) 13%, rgba(210, 161, 253, 1) 18%, rgba(181, 184, 248, 1) 22%, rgba(151, 206, 243, 1) 30%, rgba(151, 206, 243, 1) 61%, rgba(106, 239, 236, 1) 66%, rgba(105, 239, 236, 1) 71%, rgba(98, 237, 238, 1) 75%, rgba(249, 247, 247, 1) 80%, rgba(249, 247, 247, 1) 84%, rgba(249, 247, 247, 1) 89%, rgba(255, 255, 255, 1) 97%, rgba(255, 255, 255, 1) 100%);
}

.pr-4 {
    padding-right: 40px;
}

.pr-6 {
    padding-right: 90px;
}