.footer-area {
    background-color: #e1ff00;
}

.footer-area .footer-area-inner>*:first-child:after{
    content: none;
}
.copyright-area {
    border-top: none;
}
.footer-social-media{
    display: flex;
    margin-top: 15px !important;
}
.footer-area .footer-social-media li {
    line-height: 30px;
    color: #dfff34 !important;
    background: #000;
    margin: 5px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
}
.footer-area .footer-social-media li:hover {
    color: #dfff34 !important;
    font-size: 13px !important;
}
.footer-area .newsletter-text .text {
    color: var(--primary);
    font-weight: 400;
}
.footer-area .footer-nav-list li {
    font-size: 22px;
    line-height: 40px;
    color: var(--black);
}
.footer-area .footer-nav-list li a:hover {
    color: #000000;
}
.border-end {
    border-right: var(--bs-border-width) var(--bs-border-style) #000000 !important;
}
.footerMenu{
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 !important;
    padding: 25px !important;
}
.footer-area .footer-social-media li a:hover {
    color: #dfff34;
}

.footerMenu li a{
    font-size: 25px;
    line-height: 40px;
}

.content .title {
    color: #fff;
}

.category-blog .blog-box {
    position: relative;
    overflow: visible;
    box-shadow: -15px 15px 0 #e1ff00;
}


.category-blog .blog-box .content{
    opacity: 1;
    visibility: visible;
    bottom: 54px;
}

.category-blog .content h2{
    font-family: 'GothamBold' !important;
}

.blog-area .blogs-wrapper {
    display: grid;
    gap: 45px 50px;
    grid-template-columns: repeat(3, 1fr);
}

.contact-area .section-content{
    grid-template-columns: 1fr 1fr 1fr;
}
.featured-post-area .featured-posts {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
}
.featured-post-area .featured-posts>*:nth-child(1) {
    grid-column: auto;
    grid-row: auto;
}

.featured-post-area .blog-box .thumb img {
    max-height: 600px;
}
.blog-area .blogs-wrapper .blog img{
    max-height: 400px;
    object-fit: cover;
}
.category-blog .content h2 {
    font-size: 20px;
}

.featured-post-area .blog-box .content{
    padding: 0px 15px;
    display: block;
    bottom: 20px;
}

.featured-post-area .blog-box a {
    display: block;
    height: 100%;
}

.blog-posts img {
    border-radius: 7px 7px 0 0;
    object-fit: cover;
}

.blog-posts p {
    font-weight: 300;
    font-size: 15px;
}

.blog-posts .card-title {
    line-height: 25px;
}

.blog-posts .card{
    height: 100%;
    background: transparent;
}
.blog-posts .card-body{
    background: white;
    border-radius: 0 0 7px 7px;
}
.title-wrapper .incontent img{
    height: auto;
}

.about-area .section-content {
    gap: 0px !important;
    align-items: center;
}

.about-area .section-content .text {
    margin-top: 0;
    margin-bottom: 20px;
}
.hero-area {
    position: relative !important;
}

.fun-fact-area {
    background-color: #dfff34;
}
.btn-download {
    background-color: #dfff34 !important;
    color: #000000 !important;
    border: 1px solid black;
    margin-top: 40px;
    padding: 15px 85px;
    border-radius: 54px;
}
.magnifier {
    width: 45%;
    height: 77%;
    margin: 0;
    content: '';
    background: black;
    position: absolute;
    top: 0;
    left: 8%;
    transform: rotate(107deg);
    transform-origin: center;
    z-index: -1;
}

.kapsam video{
    width: 48%;
    margin: 67px;
    position: relative;
    left: 61px;
}
.blog-area .blogs-wrapper .blog img {
    max-height: 260px;
    object-fit: cover;
}
.blog .thumb::after, .blog .thumb::before {
    content: '';
}
.blogs-wrapper .content .title a:hover{
    color: #e5e3e3;
}
.blog .content {
    max-width: 500px;
    margin-top: 43px;
}



@media only screen and (max-width: 1919px) {
    .about-area .section-content {
        grid-template-columns: auto 890px;
    }


}


@media only screen and (max-width: 993px) {
    .topbaslik {
        font-size: 20px !important;
    }
    .hero-area .section-title {
        font-size: 36px !important;
    }
    .text-wrapper {
        font-size: 17px;
        line-height: 23px;
    }

    .has_text_move_anim {
        font-size: 40px !important;
    }

    .magnifier {
        width: 48%;
        height: 86%;
        margin: 50px;
        top: -30%;
        left: 8%;
        transform: rotate(90deg);
    }
    .kapsam video {
        width: 48%;
        margin: 24px;
        position: relative;
        left: 0;
    }
    .blog-area .blogs-wrapper {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
    }
    .section-style {
        padding-bottom: 0;
        margin-top: 0;
    }
    .copyright-area-inner {
        display: flex;
        padding: 20px 0;
    }
    .section-spacing-top h2{
        font-size: 25px;
    }
    .blog .title {
        font-size: 19px;
    }
    .blog-area .blogs-wrapper .blog img {
        height: 155px;
        object-fit: cover;
    }
    .featured-area .section-title {
        font-size: 45px !important;
    }
    .hero-area .section-content .scroll-down {
        display: none;
    }
    .hero-area .section-content .content-bottom {
        margin-inline-start: 10px;
    }
    .contact-area .section-content{
        display: block;
    }
    .box-download {
        margin-top: 75px;
    }
    .mb-100 {
        margin-bottom: 20px;
    }

    .fs-90 {
        font-size: 50px !important;
        margin-top: 20px;
    }
    .formula {
        display: flex !important;
        flex-direction: column;
    }
    .btn.mr-20{
        margin-right: 0;
    }

    .header__logo img{
        height: 51px;
    }
    .work-details-area .hero-area {
        padding-bottom: 50px;
    }


}