#contact, #app-development{
	background-color: #30302f !important;
    
}

#contact p{
    color: #af965d !important;
    text-align: justify;
}

 #app-development h3{
    color: #af965d !important;
}

h3{
    margin: 1em;
}

.icon {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    vertical-align: middle;
}

* iran-germany flags animation */

.flags-container {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 150px; /* Or whatever fits your flags */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}


.flag {
    width: 100px; /* Adjust to your flag size */
    height: auto;
    position: absolute;
}

.animate-germany {
    animation: FlagslideFromLeft 2s ease-out forwards;
    left: -150px;
}

.animate-iran {
    animation: FlagslideFromRight 2s ease-out forwards;
    right: -150px;
}

@keyframes FlagslideFromLeft {
    from {
        left: -150px;
    }
    to {
        left: calc(50% - 110px); /* Adjust this to fine-tune position */
    }
}

@keyframes FlagslideFromRight {
    from {
        right: -150px;
    }
    to {
        right: calc(50% - 110px); /* Adjust this to fine-tune position */
    }
}