body a {
    text-decoration: none !important;
}

/* ----------------- header / navbar --------------------------- */
.n_l a {
    font-size: large;
    font-weight: bold;
    color: rgb(28, 0, 128);
}

.n_l a:focus {
    color: rgb(95, 0, 173);
}

.n_l a:hover {
    color: rgb(95, 0, 173);
    transition: .3s;
}

.n_l::after {
    content: "";
    position: absolute;
    /* background: rgb(95, 0, 173); */
    background: linear-gradient(to right, rgb(255, 255, 255), rgb(28, 0, 128));
    height: 2px;
    width: 0;
    left: 0;
    transition: .3s;
}

.n_l:hover::after {
    width: 100%;
}
.dropdown-menu {
    border: none;
    border-radius: 6px;
    background: linear-gradient(to right, rgb(28, 0, 128), rgb(95, 0, 173));
}
/* --------------------------- */
.n_ll a {
    font-size: large;
    font-weight: bold;
    color: rgb(28, 0, 128);
}

.n_ll a:focus {
    color: rgb(95, 0, 173);
}

.n_ll a:hover {
    color: rgb(95, 0, 173);
    transition: .3s;
}

.n_ll::after {
    background: linear-gradient(to right, rgb(255, 255, 255), rgb(28, 0, 128));
    height: 2px;
}

.n_ll .dropdown-menu {
    border: none;
    border-radius: 6px;
    margin-right: 2px;
    background: linear-gradient(to right, rgb(28, 0, 128), rgb(95, 0, 173));
}

@media only screen and (min-width:768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown .dropdown-menu {
        display: none;
    }

    .dropdown:hover .dropdown-toggle::after {
        border-top: 0;
        border-bottom: .3em solid;
    }
}

.dropdown-menu .dropdown-item {
    color: white;
}

.dropdown-menu .dropdown-item:hover {
    background: rgb(255, 255, 255);
}

.sign,
.offcanvas_btn {
    /* padding: 20px; */
    border-radius: 10px;
    background: linear-gradient(to right, rgb(28, 0, 128), rgb(95, 0, 173));
    color: white;
    font-size: medium;
    font-weight: bold;
    box-shadow: none;
    padding: 10px 20px;
    border: 1px solid white;
}

.sign:hover {
    background: white;
    color: rgb(95, 0, 173);
    border: 1px solid rgb(28, 0, 128);
    transition: .3s;
}

.sign:focus,
.offcanvas_btn:focus {
    box-shadow: none;

}

/* ----------------- section one --------------------------- */
.section_1 {
    background-image: url('../../img/elements/c1.png'), url('../../img/elements/c2.png');
    background-position: left bottom, right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 30% 60%, auto auto;
    min-height: 100vh;
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .section_1 {
        background-size: 50% 30%, 20% 50%;
    }
}

.h1 {
    font-size: 2rem;
    font-weight: bold;
    color: rgb(49, 60, 120);
}

@media (max-width: 768px) {
    .h1 {
        font-size: 2rem;
        font-weight: bold;
        color: rgb(49, 60, 120);
    }

    .p {
        font-size: 0.5rem;
        color: rgb(49, 60, 120);
    }

    .get_start {
        width: 100% !important;
    }
}

.p {
    font-size: 11px;
    color: rgb(49, 60, 120);
}

/* ----------------- section two --------------------------- */
.section_2 {
    background-image: url('../../img/elements/sc2_1.png'), url('../../img/elements/sc2_2.png');
    background-position: left top, left bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 15% 40%, 30% 30%;
    min-height: 100vh;
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .section_2 {
        background-size: 20% 20%, 40% 20%;
    }
}

/*
.section_2 .section_2_row2_col2_img {
    margin-top: -20%;
}

Media query for screens smaller than 768px
@media (max-width: 768px) {
    .section_2 .section_2_row2_col2_img {
        margin-top: 0;
    }
} */

/* ----------------- section three --------------------------- */
.section_3 {
    background-image: url('../../img/elements/sc3_1.png'), url('../../img/elements/sc3_2.png'), url('../../img/elements/sc3_3.png'), url('../../img/elements/sc3_4.png');
    background-position: left top, left bottom, right bottom, center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 24.8% 60%, 20% 18%, 15% 50%, 50% 100%;
    min-height: 100vh;
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .section_3 {
        background-size: 33% 30%, 33% 14%, 35% 38%, 100% 45%;
    }

    .section_3 .section_3_row1_col1 .h1 {
        font-size: 1.4rem;
        font-weight: bold;
    }

    .section_3 .section_3_row1_col1 .p {
        font-size: 0.889rem;
    }
}

/* ----------------- section four --------------------------- */
.section_4 {
    background-image: url('../../img/elements/sc4_1.png'), url('../../img/elements/sc4_2.png');
    background-position: left top, right top;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 18.4% 60%, 12% 40%;
    min-height: 100vh;
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .section_4 {
        background-size: 30% 10%, 28% 10%;
    }
}

.section_4 .img {
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
    padding: 20px;
    border: 3px solid #bda8d1;
    border-radius: 15px;
}

/* ----------------- section five --------------------------- */
.section_5 {
    background-image: url('../../img/elements/sc5_1.png'), url('../../img/elements/sc5_2.png'), url('../../img/elements/sc5_3.png'), url('../../img/elements/sc5_4.png');
    background-position: left center, center center, 95% 70%, right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 10% 60%, 80% 100%, 10% 25%, 14% 17%;
    min-height: 100vh;
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .section_5 {
        background-image: url('../../img/elements/sc5_2.png'), url('../../img/elements/sc5_3.png'), url('../../img/elements/sc5_4.png');
        background-position: center center, 96% 90%, right bottom;
        background-size: 140% 80%, 20% 15%, 30% 15%;
    }
}

.section_5 .sign_invert,
.section_6 .sign_invert {
    border-radius: 10px;
    background: white;
    color: rgb(95, 0, 173);
    border: 1px solid rgb(28, 0, 128);
    font-size: medium;
    font-weight: bold;
    box-shadow: none;
    padding: 10px 20px;
}

.section_5 .sign_invert:hover {
    transition: .3s;
    background: linear-gradient(to right, rgb(28, 0, 128), rgb(95, 0, 173));
    color: white;
    border: 1px solid white;
}

/* ----------------- section 6 --------------------------- */
.section_6 {
    background-image: url('../../img/elements/sc6_1.png'), url('../../img/elements/sc6_2.png');
    background-position: left center, right center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 50% 100%, 51.7% 100%;
    min-height: 100vh;
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .section_6 {
        background-position: left top, right top;
        background-size: 50% 50%, 110% 50%;
    }
}

.section_6 .card {
    border: none;
    border-radius: 25px;
}

.section_6 .card img {
    border-radius: 25px 25px 0px 0px;
}

.section_6 .card-body {
    color: white;
    background: linear-gradient(to right, rgb(28, 0, 128), rgb(95, 0, 173));
    position: relative;
    clip-path: polygon(0% 100%, 0% 0%, 100% 55%, 100% 100%);
    border-radius: 0px 0px 25px 25px;
    padding-top: 30%;
    margin-top: -50%;
}

.section_6 .card .card-body .card-text {
    width: 65%;
}

/* ----------------- footer --------------------------- */
.footer {
    background-image: url('../../img/elements/footer.png');
    background-position: left top, ;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 10% 80%;
    /* min-height: 100vh; */
}

@media (max-width: 768px) {

    /* Adjust this breakpoint as needed */
    .footer {
        background-size: 10% 25%;
    }
}