* {
    margin: 0;
    padding: 0;
}

.color-1 {background-color: #768280;}
.color-2 {background-color: #827678;}

.text-type-1 {color: #192422; text-shadow: 2px -2px 30px black;}
.text-type-2 {color: #a59a75; font-family: "PT Serif Caption", serif; font-weight: 400; font-style: normal;}
.text-type-3 {color: #76828063; text-shadow: 2px -2px 20px black;}
.text-type-4 {color: white; }
.text-type-5 {color: #5a727c; font-family: "PT Serif Caption", serif; font-weight: 400; font-style: normal;}

.text-stroke {-webkit-text-stroke: 1px black}

a {
    text-decoration: none;
}

.test {
    border: 2px solid red
}

#copyright {
    color: black;
    -webkit-text-stroke: 0px;
}

.gradient-background {
    background-image: linear-gradient(90deg, #768280, white, #768280);
}

.gradient-background-left {
    background-image: linear-gradient(90deg, #768280, white);
}

.gradient-background-right {
    background-image: linear-gradient(90deg,white, #768280);
}

.nav-link:hover {
    color: black;
}

.dropdown-item:hover {
    font-weight: bold;
    /* color: rgb(22, 35, 107); */
}

.navbar {
    --bs-navbar-active-color: #827678;
}

.slide-right {
    opacity: 0;
    transform: translateX(-100%); /* Start off-screen */
    transition: opacity 0.5s ease, transform 2s ease;
}

.slide-left {
    opacity: 0;
    transform: translateX(100%); /* Start off-screen */
    transition: opacity 0.5s ease, transform 2s ease;
} 

.slide-left.visible, .slide-right.visible {
    opacity: 1;
    transform: translateX(0); /* Slide into view */
}

.slide-up {
    opacity: 0;
    transform: translateY(50%); /* Start off-screen */
    transition: opacity 0.5s ease, transform 2s ease;
} 

.slide-up.visible {
    opacity: 1;
    transform: translateY(0); /* Slide into view */
}

.custom-border-left {
    border-top: 5px dotted rgb(64, 93, 119);
    border-left: 5px solid rgb(64, 93, 119);
    border-bottom: 5px solid rgb(64, 93, 119);
    border-radius: 20px 0px 0px 20px;
    box-shadow: -10px 10px 5px #747474;
    margin-bottom: 5em !important;
}

.custom-border-right {
    border-top: 5px dotted rgb(64, 93, 119);
    border-right: 5px solid rgb(64, 93, 119);
    border-bottom: 5px solid rgb(64, 93, 119);
    border-radius: 0px 20px 20px 0px;
    box-shadow: 10px 10px 5px #747474;
    margin-bottom: 5em !important;
}

.custom-font-1 {
    font-family: "Bona Nova SC", serif;
    font-weight: 400;
    font-style: normal;
}

.custom-font-2 {
    font-family: "Noto Serif Tamil", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.custom-font-3 {
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
}

.custom-font-4 {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    font-style: normal;
    color: white;
}

.title-fs {
    font-size: calc(2.75rem + 1.5vw)!important;
}

@media only screen and (max-width: 1200px)  {
    /* .text-stroke {  -webkit-text-stroke: 0px;
                    color: gray;
                    text-shadow: 2px -2px 30px black;
    } */

    .text-type-1 {text-shadow: unset;}
    .text-type-3 {text-shadow: unset;}

}