/* * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    background-color: #f5f7fa;
    color: #333;
    line-height: 1.6;
} */

/* .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
} */

/* Header Styles */
header {
    /* position: absolute; */
    width: 100%;
    /* height: 67px; */
    /* top: 27px; */

    /* background: linear-gradient(135deg, #e3d3f594 0%, #37548870 100%); */
    color: rgb(255, 255, 255);
    right: 0;
    /* padding: 20px 0; */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    z-index: 99999;

}

.header-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;


}

.conty {
    margin-top: 100px;
    margin-left: 0;
}

.logo h1 {
    font-size: 24px;
    font-weight: 700;
    font-style: italic;
    margin-left: 10px;
    padding-top: 0;
}

.logo span {
    color: #ffd900;
    font-style: italic;
}



nav a {
    color: rgb(4, 163, 255);
    text-decoration: none;
    font-weight: 700;
    transition: color 0.3s;
    font-style: italic;
}

nav a:hover {
    color: #ff0000;
}

/* Page Header */
/* .page-header {
    padding: 80px 0 40px;
    text-align: center;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect width="100" height="100" fill="%236a11cb" opacity="0.05"/></svg>');
} */

/* .page-header h1 {
    font-size: 42px;
    margin-bottom: 15px;
    color: #2c3e50;
} */

.breadcrumb {
    display: flex;
    /* justify-content: center; */
    list-style: none;
    gap: 10px;
    font-size: 14px;
    color: #666;
}

.abty {
    margin-top: 100px;
    margin-left: 0;
}

.breadcrumb a {
    color: #6a11cb;
    text-decoration: none;
}

.breadcrumb li:not(:last-child)::after {
    content: ">";
    margin-left: 10px;
}

/* About Page Styles */
.about-content {
    /* padding: 60px 0; */
}

.about-section {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 80px;
}

.about-text {
    flex: 1;
    color: #000;
}

.about-image {
    flex: 1;
}

.image-placeholder {
    /* height: 300px; */
    /* background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%); */
    /* border-radius: 10px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f38209;
    font-size: 100px;
}

.section-title {
    font-size: 32px;
    margin-bottom: 20px;
    color: #2c3e50;
}

.mission-vision {
    background: white;
    /* padding: 60px 0; */
    border-radius: 10px;
    margin-bottom: 60px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.mv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.mv-card {
    background: #f8f9fa;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    transition: transform 0.3s;
    color: #000;
    border: 1px solid rgb(219, 219, 219);
}

.mv-card:hover {
    transform: translateY(-5px);
}

.mv-icon {
    font-size: 40px;
    margin-bottom: 20px;
    color: #6a11cb;
}

.mv-title {
    font-size: 22px;
    margin-bottom: 15px;
    color: #2c3e50;
}

.stats {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    padding: 80px 0;
    text-align: center;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
}

.stat-item {
    padding: 20px;
}

.stat-number {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 10px;
}

.stat-label {
    font-size: 18px;
    opacity: 0.9;
}

/* Contact Page Styles */
.contact-content {
    /* padding: 60px 0; */
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    margin-bottom: 60px;
}

.contact-method {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.contact-icon {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.contact-form {
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #2c3e50;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #a7a7a7;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #6a11cb;
    outline: none;
}

.submit-btn {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    border: none;
    padding: 15px 30px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.3s;
    width: 100%;
}

.submit-btn:hover {
    transform: translateY(-2px);
}

.faq-section {
    background: white;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.faq-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-top: 30px;
}

.faq-item {
    padding: 10px;
    background: #f8f9fa;
    border-radius: 8px;
    color: #000;
    border: 1px solid rgb(219, 219, 219);
    margin-bottom: 20px;
    box-shadow: 4px 12px 24px rgb(189, 189, 189);
}

.faq-item h3 {
    color: #2c3e50;
    margin-bottom: 10px;
}

/* Legal Pages Styles */
.legal-content,
.privacy-content {
    padding: 25px 0;
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-bottom: 60px;
}

.legal-section,
.privacy-section {
    margin-bottom: 25px;
    padding: 0 25px;
    color: #000;
}

.legal-text,
.privacy-text {
    margin-bottom: 20px;
}

.warning-box {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-left: 5px solid #fdcb6e;
    padding: 20px;
    border-radius: 5px;
    margin: 30px 0;
}

.warning-box h3 {
    color: #856404;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.legal-box {
    background: #d1ecf1;
    border: 1px solid #bee5eb;
    border-left: 5px solid #17a2b8;
    padding: 20px;
    border-radius: 5px;
    margin: 30px 0;
}

.legal-box h3 {
    color: #0c5460;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.highlight-box {
    background: #e8f4fd;
    border: 1px solid #b6e0fe;
    border-left: 5px solid #2575fc;
    padding: 25px;
    border-radius: 8px;
    margin: 25px 0;
}

.highlight-box h3 {
    color: #1a5fb4;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
    background: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.table-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-bottom: 1px solid #dee2e6;
}

.table-row.header {
    background: #6a11cb;
    color: white;
}

.table-cell {
    padding: 15px;
}

.table-row:last-child {
    border-bottom: none;
}

.table-row:nth-child(even):not(.header) {
    background: #f1f3f5;
}

.last-updated {
    text-align: center;
    padding: 20px;
    background: #6a11cb;
    color: white;
    border-radius: 8px;
    margin-top: 40px;
}

.contact-info {
    background: #f8f9fa;
    padding: 10px;
    border-radius: 10px;
    margin-top: 40px;
    color: #000;
}

.contact-info h3 {
    margin-bottom: 15px;
    color: #2c3e50;
    margin-left: 0;
}

.contact-btn {
    display: inline-block;
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 15px;
    transition: transform 0.3s;
}

.contact-btn:hover {
    transform: translateY(-2px);
}

/* Flash Messages */
.flash-messages {
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 1000;
}

.flash-message {
    padding: 15px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    color: white;
    font-weight: 500;
}

.flash-message.success {
    background: #28a745;
}

.flash-message.error {
    background: #dc3545;
}

/* Responsive Design */
@media (max-width: 768px) {
    .header-content {
        flex-direction: column;
        gap: 15px;
    }

    nav ul {
        /* gap: 15px; */
        flex-wrap: wrap;
        justify-content: center;
    }

    .page-header h1 {
        font-size: 32px;
    }

    .about-section {
        flex-direction: column;
    }

    .contact-grid {
        grid-template-columns: 1fr;
    }

    .legal-section,
    .privacy-section {
        padding: 0 20px;
    }

    .table-row {
        grid-template-columns: 1fr;
    }

    .table-row.header {
        display: none;
    }

    .table-cell::before {
        content: attr(data-label);
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        color: #6a11cb;
    }
}

/* /// */


.page-template-template-home #wrapper {
    background: url(../../../../themes/remove/images/bg_body.png) no-repeat top center;
    padding-top: 120px
}

#header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 45;
    /* padding: 43px 0; */
    -webkit-transition: top .4s, padding .4s, background .2s;
    -o-transition: top .4s, padding .4s, background .2s;
    transition: top .4s, padding .4s, background .2s
}

.navi {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    margin-top: 5px;
    /* background-color: #66666694; */
}

.navbar {
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#header.header-scrolled {
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    /* background: #00d9ffb5; */
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1)
}

.rst-logo {
    float: left;
    margin-right: 80px
}

.rst-nav-menu {
    display: flex;
    padding-top: 8px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    margin-left: -66px;
}

.rst-nav-menu ul {
    display: flex;
    margin: 0;
    list-style: none;
    font-size: 0;
    position: relative
}

.rst-nav-menu li {
    display: inline-block;
    /* position: relative; */
    margin-left: 35px;

    padding-bottom: 10px
}

.rst-nav-menu .drop-down-ul {
    display: none;
    position: absolute;
    background: transparent;
    /* padding-top: 25px; */
    border-radius: 10px;
    left: -25px;
    min-width: 180px
}

.header-scrolled .drop-down-ul {
    /* padding-top: 15px */
}

.rst-nav-menu .drop-down-ul.active {
    display: block
}

.rst-nav-menu .mega-menu-item:hover .drop-down-ul {
    display: block
}

.rst-nav-menu .drop-down-ul:hover {
    display: block
}

.rst-nav-menu .drop-down-ul li {
    padding: 15px 30px !important;
    width: 100%;
    margin-left: 0;
    background-color: #fff;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, .08)
}

.rst-nav-menu .drop-down-ul li:first-child {
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0
}

.rst-nav-menu .drop-down-ul li:last-child {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px
}

.rst-nav-menu .drop-down-ul li:not(:last-child) {
    border-bottom: 1px solid #eee
}

.rst-nav-menu .drop-down-ul li:not(:first-child) {
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, .08)
}

.rst-nav-menu .drop-down-ul li p {
    font-weight: 400;
    margin-bottom: 0
}

.rst-nav-menu .drop-down-ul li p span {
    font-weight: 400;
    font-size: 12px;
    color: #999
}

@media only screen and (max-width:870px) {
    .rst-nav-menu .drop-down-ul {
        position: unset !important;
        display: block;
        padding-top: 0;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0
    }

    .rst-nav-menu .drop-down-ul li {
        background-color: #fff;
        box-shadow: none !important;
        padding: 5px 30px !important;
        border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        -ms-border-radius: 0 !important;
        -o-border-radius: 0 !important
    }
}

.rst-nav-menu li:first-child {
    margin: 0
}

.rst-nav-menu li:last-child {
    padding-right: 0
}

.rst-nav-menu li a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    font-family: "Roboto", sans-serif;
    font-style: italic;
    text-shadow: 2px 4px 8px rgb(0, 0, 0);
}

.rst-nav-menu li.current-menu-item>a,
.rst-nav-menu li a:hover {
    color: #ff0000
}

.rst-nav-menu .sub-menu {
    border-radius: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    /* top: 100%; */
    left: -20px;
    z-index: 9999;
    display: none;
    background: #fff;
    min-width: 250px;
    box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 3px 3px 13px 0 rgba(0, 0, 0, .1)
}

.rst-nav-menu .sub-menu li:first-child a {
    border-radius: 4px 4px 0 0
}

.rst-nav-menu .sub-menu li:last-child a {
    border-radius: 0 0 4px 4px
}

.rst-nav-menu li:hover>.sub-menu {
    animation: 0.3s ease 0s normal none 1 running fadeInDownMenu;
    display: block;
    z-index: 999
}

.sub-menu li {
    display: block;
    text-align: left;
    border: none;
    margin: 0;
    padding: 0 !important
}

.rst-nav-menu .sub-menu li a {
    display: block;
    padding: 8px 20px;
    color: #000 !important;
    border: none;
    font-size: 15px
}

.rst-nav-menu .sub-menu li a:hover {
    background: #f4f4f4;
    color: #4e7efe !important
}

.sub-menu li:first-child {
    border: none
}

.rst-nav-menu ul.sub-menu .sub-menu {
    left: 100%
}

.rst-nav-menu ul ul.sub-menu.rst-position-left {
    left: 100%;
    right: auto
}

.rst-nav-menu ul ul.sub-menu.rst-position-right {
    left: auto;
    right: 100%
}

.rst-nav-menu ul.sub-menu li:hover>ul.sub-menu {
    top: 0
}



.btn-a {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #4000ff, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #bababa;
    color: #c3c3c3;
}

.btn-b {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #fe0303, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-c {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #9dff00, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-d {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #ff00d0, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-e {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #ff8000, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-f {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #830000, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-g {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #250152, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-h {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #1a6e00, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-i {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #0062ff, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-j {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #afce00, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-k {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #d201c1, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-l {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #bf022b, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-m {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #02c61f, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-n {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #2f0045, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-o {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #026fbc, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-p {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #10004e, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}

.btn-q {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 127px;
    margin: 1px 0;
    border-radius: 40px;
    background: linear-gradient(150deg, #01c17e, transparent);
    box-shadow: 5px 5px 5px rgb(28, 27, 27), inset -4px -4px 10px rgb(255, 255, 255), inset 2px 2px 10px #ffffff;
    color: #c3c3c3;
}


.btn-a :hover {
    background: linear-gradient(140deg, #4000ff, rgb(212, 212, 212));
}

.btn-b :hover {
    background: linear-gradient(140deg, #fe0303, rgb(212, 212, 212));
}

.btn-c :hover {
    background: linear-gradient(140deg, #78ce00, rgb(212, 212, 212));
}

.btn-d :hover {
    background: linear-gradient(140deg, #fe03ed, rgb(212, 212, 212));
}

.btn-e :hover {
    background: linear-gradient(140deg, #fe7803, rgb(212, 212, 212));
}

.btn-a :active {
    background: linear-gradient(140deg, #4000ff, white, rgb(255, 255, 255));
    box-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 60px rgb(255, 255, 255), inset 2px 2px 7px #ffffff, inset 4px -4px 7px #ffffff;
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    border: 0;
    text-shadow: none;
    color: #9d9d9d;
    cursor: none;
}

.btn-b :active {
    background: linear-gradient(140deg, #fe0303, white, rgb(255, 255, 255));
    box-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 60px rgb(255, 255, 255), inset 2px 2px 7px #ffffff, inset 4px -4px 7px #ffffff;
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    border: 0;
    text-shadow: none;
    color: #9d9d9d;
    cursor: none;
}

.btn-c :active {
    background: linear-gradient(140deg, #9dff00, white, rgb(255, 255, 255));
    box-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 60px rgb(255, 255, 255), inset 2px 2px 7px #ffffff, inset 4px -4px 7px #ffffff;
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    border: 0;
    text-shadow: none;
    color: #9d9d9d;
    cursor: none;
}

.btn-d :active {
    background: linear-gradient(140deg, #ff00b3, white, rgb(255, 255, 255));
    box-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 60px rgb(255, 255, 255), inset 2px 2px 7px #ffffff, inset 4px -4px 7px #ffffff;
    text-shadow: none;

    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    border: 0;
    text-shadow: none;
    color: #9d9d9d;
    cursor: none;
}

.btn-e :active {
    background: linear-gradient(140deg, #ff8000, white, rgb(255, 255, 255));
    box-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 60px rgb(255, 255, 255), inset 2px 2px 7px #ffffff, inset 4px -4px 7px #ffffff;
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    border: 0;
    text-shadow: none;
    color: #9d9d9d;
    cursor: none;
}

.logo {
    /* position: absolute;
    left: 61px;
    top: 20px;
    font-size: 2em; */
    font-weight: bold;
    font-style: italic;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    background-image: linear-gradient(90deg, rgb(0, 21, 255), rgb(255, 0, 0), rgb(60, 255, 0), rgb(238, 0, 255), rgb(0, 208, 255), rgb(255, 140, 0));
    background-size: 400% 10%;
    animation: animate 12s infinite;
    text-shadow: 4px 8px 12px rgb(0, 0, 0);
}

@keyframes animate {
    0% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 100%;
    }

    100% {
        background-position: 0 0;
    }
}

.logo:hover {
    color: rgb(255, 255, 255);
    text-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 80px rgb(255, 255, 255),
        0px 0px 120px rgb(255, 255, 255),
        0px 0px 160px rgb(255, 255, 255);
}

.hul {

    margin-top: 15px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    box-shadow: none;
    z-index: 10;
}

.help {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 158px;
    margin-top: 12px;
    margin-right: 10px;
    /* margin-bottom: 12px; */
    border-radius: 20px;
    list-style: none;
    background: linear-gradient(160deg, #fe03ed, rgba(109, 109, 109, 0.956));
    box-shadow: inset 1px 1px 7px #282525, inset -5px -5px 10px #ffffff, 5px 5px 10px #585858;
    font-size: 1.1em;
    border: 1px solid #ffffff;
    color: #000;
}

.help:hover {
    background: linear-gradient(150deg, white, #00c8ff);
}

.help:active {
    height: 24px;
    width: 158px;

    background: #ffffff;
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0px 0px 10px rgb(255, 255, 255),
        0px 0px 20px rgb(255, 255, 255),
        0px 0px 40px rgb(255, 255, 255),
        0px 0px 60px rgb(255, 255, 255), inset 4px 4px 10px #c6c6c6, inset -1px -1px 10px #d6d6d6;
    text-shadow: none;
    border: 1px solid rgb(181, 181, 181);
    cursor: none;
}

.help a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.help a:hover {
    cursor: pointer;
    text-decoration: none;
    color: rgb(255, 0, 0);
}

.ravi {

    margin-top: 15px;
    margin-right: 27px;
    list-style: none;
}

/* /// */
.disty {
    margin-top: 80px;
    margin-left: 0;
}

.prty {
    margin-top: 80px;
    margin-left: 0;
}