.about-left {
        position: relative;
        width: 100%;
        height: 600px;
        z-index:1;
    }

    .about-left:before {
        position: absolute;
        content: '';
        top: -10px;
        left: -10px;
        width: 430px;
        height: 375px;
        border-radius: 10px;
        z-index: -1;
        -webkit-animation: a-one 5s infinite linear;
        animation: a-one 5s infinite linear;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 186, 45, 1) 0%, rgba(0, 49, 147, 1) 70%);
    }

    .about-left img {
        width: 100%;
        height: 100%;
        z-index: 1;
        border-radius: 10px;
        -webkit-animation: a-seven 10s infinite linear;
        animation: a-seven 10s infinite linear;
    }

    .about-left:after {
        position: absolute;
        content: '';
        bottom: -10px;
        right: -10px;
        width: 430px;
        height: 375px;
        border-radius: 10px;
        z-index: -1;
        -webkit-animation: a-two 5s infinite linear;
        animation: a-two 5s infinite linear;
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 186, 45, 1) 0%, rgba(0, 49, 147, 1) 70%);
    }
        
    .about-item {
        margin-bottom: 30px;
    }

    .about-right {
        padding-left: 40px;
        position: relative;
    }

    .about-right img {
        position: absolute;
        top: 36px;
        right: 0;
        z-index: -1;
        width: 56px;
        -webkit-animation: a-three 5s infinite linear;
        animation: a-three 5s infinite linear;
    }

    .pt-100 {
        padding-top: 100px;
    }

    .pb-70 {
        padding-bottom: 70px;
    }

    .section-title {
        margin-bottom: 30px;
        margin-top: 0px;
    }

    .gallery.sets {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 20px;
    }
    .gallery.sets a img{
        border-radius:15px;
    }

    .gallery-modal {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.9);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
    }

    .gallery-modal img {
        max-width: 85%;
        max-height: 85%;
        border-radius: 10px;
        transition: opacity 0.3s ease;
    }

    .gallery-modal .close-btn {
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 45px;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
    }

    .gallery-modal .nav-btn {
        position: absolute;
        top: 50%;
        font-size: 60px;
        color: white;
        cursor: pointer;
        user-select: none;
        font-weight: bold;
        transform: translateY(-50%);
        padding: 10px;
    }

    .gallery-modal .prev-btn {
        left: 30px;
    }

    .gallery-modal .next-btn {
        right: 30px;
    }

    .gallery-modal .nav-btn:hover,
    .gallery-modal .close-btn:hover {
        color: #ffbb2c;
    }

    @media(max-width:990px) {
        .about-right {
            padding-left: 0px !important;
        }
    }
    @-webkit-keyframes a-one {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(-20px, -20px);
		transform: translate(-20px, -20px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes a-one {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(-20px, -20px);
		transform: translate(-20px, -20px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes a-two {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(20px, 20px);
		transform: translate(20px, 20px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}
@-webkit-keyframes a-seven {
	0% {
		transform: scale(1)
	}

	50% {
		transform: scale(1.1)
	}

	100% {
		transform: scale(1)
	}
}


@-webkit-keyframes a-three {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 35px);
		transform: translate(0, 35px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}