*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;}
body{
    background-color: #eeede6;}
.logo{
    font-family: "Italianno", cursive;
    font-weight: 600;
    font-style: normal;
    font-size: 35px;}
.focus-ring:focus {
    animation: changeColor 0.5s forwards;}
.navbar{
    z-index: 1050 !important;
    background-color: #eef4eb;}
.background1, .background2{
    width: 100%;
    height: 75vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;}
.modal-open .copySpan{
    display: inline-block !important;}
.card1::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    background-color: rgb(0, 98, 65);
    opacity: 0.1;
    transition: all 0.5s ease;
    pointer-events: none;}
.card1:hover::after{
    width: 100%;
    height: 100%;}
.card1::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0, 98, 65);
    opacity: 0.1;
    transition: all 0.5s ease;
    pointer-events: none;}
.card1:hover::before{
    width: 100%;
    height: 100%;}
.background1{
    background-image: url(../images/sec1-item38.jpeg);}
.background2{
    background-image: url(../images/bg-6.jpeg);}
.profile-card {
    transition: transform 0.5s ease;}
.profile-card:hover {
    transform: scale(0.90);}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);}
.rightClipped-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%);}
.leftClipped-img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}
@media (max-width: 768px) {
    .rightClipped-img,
    .leftClipped-img {clip-path: none;}}
.icon-img {
    height: 60px;
    transform: rotateY(20deg) rotateX(10deg);
    filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.4));}
.cardImg{
    overflow: hidden;}
.cardImg img {
    transition: transform 0.5s ease-in-out;}
.cardImg:hover img {
    transform: scale(1.03);}
.itemsPic img{
    height: 400px !important;
    object-fit: fill;}
.textFont{
    font-family: "Merienda", cursive;
        font-optical-sizing: auto;
        font-weight: 900;
        font-style: normal;}
.bg-dark-50 {
    background-color: rgba(33, 37, 41, 0.3);}
.bg-light-100{
    background-color: #F0F0F0;}
.bg-success-100{
    background-color: #B6CEB4;}
.accordion-button:focus{
    background-color: #F0F0F0;}
.accordion-button,
.accordion-button:not(.collapsed) {
    background-color: #F0F0F0 !important;
    color: #000 !important;
}