* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

.main-color {
    color: #F25D46;
}

.secondary-color {
    color: #F5F1F0;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.main-background-color {
    background-color: #F25D46;

}

.secondary-background-color {
    background-color: #F5F1F0;
}

.background-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/* .btn-bg-color {
    background: rgb(239, 41, 64);
    background: linear-gradient(90deg, rgba(239, 41, 64, 1) 0%, rgba(246, 156, 79, 1) 100%);
}

.btn-bg-color:hover {
    background: rgb(246, 156, 79);
    background: linear-gradient(90deg, rgba(246, 156, 79, 1) 0%, rgba(239, 41, 64, 1) 100%);
    transition: 2s ease-in-out;
} */

.primary-btn-bg-color {
    /* background: rgb(239, 41, 64) !important; */
    background: rgba(239, 41, 64, 1) !important;
}

.primary-btn-bg-color:hover {
    /* background: rgb(246, 156, 79) !important; */
    background: rgba(246, 156, 79, 1) !important;
    transition: .3s ease-in-out;
}

.secondry-btn-bg-color {
    /* background: rgb(239, 41, 64) !important; */
    background: rgba(246, 156, 79, 1) !important;
}

.secondry-btn-bg-color:hover {
    /* background: rgb(246, 156, 79) !important; */
    background: rgba(239, 41, 64, 1) !important;
    transition: .3s ease-in-out;
}

.header {
    background-color: #00000090;
    background-image: url('../gif/blog.gif');
    background-blend-mode: darken;
}

.navbar-brand img {
    width: 250px;
}

.nav-link {
    color: #F5F1F0 !important;
}

.nav-link:hover {
    color: #F5F1F0 !important;
}

.main-heading {
    font-size: 3rem;
}

.form-control {
    width: 100%;
}


#contactForm p {
    width: 100%;
}

.card-a {
    text-decoration: none !important;
}

.worksingle-content img {
    max-width: 100%;
    height: auto;
    display: block;
}


.blog-card {
    border: none !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
}

.blog-card:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}