/* Colors */
html{
    scroll-behavior: smooth !important;
    overflow-x: hidden;
}

/* Smooth scroll behavior */
:root {
    scroll-behavior: smooth !important;
}
.shadow{
    box-shadow: 0px 5px 5px rgba(87, 87, 87, 0.06) !important;
}
.list-group-item {
    border: none !important;
}
.list-group-item{
    background-color: unset!important;
}
.sub-header {
    font-size: 38px;
    font-weight: 500;
    line-height: 48px;
}
.text-gray{
    color: #c0c0c0; !important;
}
.cover-services-list{
    /*line-height: 5px !important;*/
    position: relative;
    cursor: pointer;
}

.btn-hire-us{
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
}
.btn-hire-us:hover{
background: black !important;
    color: var(--secondary);
    /*border: var(--secondary) !important;*/
}

.cover-services-list::after{
    content: '';
    position: absolute;
    bottom: 10px;
    left: 0;
    height: 2px;
    width: 0%;
    background: var(--secondary);
    transition: 0.4s width ease-out;
}




.cover-services-list:hover::after{
    width: 95%;
}

#home-cover{
    /*background:linear-gradient(79deg, rgba(255,255,255,1) 44%, #f4861c  55%);*/
    /*background: url("../../Interview/feenix-final/img/home_page/beautiful-bird-graffiti-building.jpg");*/
    background:linear-gradient(79deg, rgb(23, 23, 23) 45%, rgb(23,23,23,0.7) 55%, rgba(23,23,23, 0.4) 90%), url("../img/home/beautiful-bird-graffiti-building.jpg") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;


}
.bg-dark{
    background: rgb(23,23,23) !important;
}

.bg-dark-1{
    background: rgb(45, 45, 45) !important;
}
#about-cover{
    background:linear-gradient(79deg,  rgb(23, 23, 23) 25%, rgb(23,23,23,0.7) 65%, rgba(23,23,23, 0.4) 90%), url("../img/home/home-cover.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#service-cover{
    background:linear-gradient(79deg,  rgb(23, 23, 23) 25%, rgb(23,23,23,0.7) 65%, rgba(23,23,23, 0.4) 90%), url("../img/home/anete-lusina-zwsHjakE_iI-unsplash.jpg");
    /*background:linear-gradient(79deg, rgb(23, 23, 23) 25%, rgb(23,23,23,0.7) 65%, rgba(23,23,23, 0.4) 90%), url("img/home/new (1)-min.jpg") !important;*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#portfolio-cover{
    background:linear-gradient(79deg, rgb(23, 23, 23) 25%, rgb(23,23,23,0.7) 65%, rgba(23,23,23, 0.4) 90%), url("../img/fashion-artist-tailors-messy-textile-patterns-indoors-generated-by-ai.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#contact-cover{
    background:linear-gradient(79deg,  rgb(23, 23, 23) 25%, rgb(23,23,23,0.7) 65%, rgba(23,23,23, 0.4) 90%), url("../img/home/two-hands-shaking-with-pen-pen-desk.jpg");
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}
@media (max-width: 575px) {
    #home-cover{
        background:linear-gradient(79deg, rgb(0, 0, 0) 10%,rgb(23,23,23,0.7) 65%, rgba(23,23,23, 0.4) 90%), url("../img/home/beautiful-bird-graffiti-building.jpg") !important;
        background-size: cover !important;
        background-position: right center;
        background-repeat: no-repeat;

    }
    #about-cover{
        /*background:linear-gradient(79deg, rgba(255,255,255,1) 10%, rgb(255, 255, 255,0.7) 55%, rgba(255, 255, 255, 0.5) 100%), url("../img/home/home-cover.jpg");*/
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;

    }
    #home-portfolio{
        /*background:linear-gradient(79deg, rgba(255,255,255,1) 10%, rgb(255, 255, 255,0.7) 55%, rgba(255, 255, 255, 0.5) 100%), url("../img/home/interior-design-with-armchair-potted-plant.jpg");*/
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;

    }

    .say-hi {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}
.sm-pack{
    color: var(--light) !important;
}
.sm-pack:hover{
    color: var(--secondary) !important;
}
.cover-social-links{
    font-size: 26px;
    color: var(--light) !important;
}
.cover-social-links:hover{
    background: var(--primary);
    color: var(--secondary);
    text-decoration: none;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
.hero {
    overflow-x: hidden;
    padding: 0;
}

.hero .carousel {
    width: 100%;
    min-height: 100vh;
    padding: 80px 0;
    margin: 0;
    position: relative;
}

.hero .carousel-item {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1;
    transition-duration: 0.4s;
}

.hero .carousel-item::before {
    content: "";
    /*background-color: rgba(0, 0, 0, 0.7);*/
    position: absolute;
    inset: 0;
}



@media (min-width: 640px) {
    .hero .carousel-control-prev {
        padding-left: 15px;
    }
}

.hero .carousel-control-next {
    justify-content: end;
}

@media (min-width: 640px) {
    .hero .carousel-control-next {
        padding-right: 15px;
    }
}

.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {
    background: none;
    font-size: 26px;
    line-height: 0;
    background: var(--dark);
    color: var(--secondary) !important;
    border-radius: 50px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero .carousel-control-prev,
.hero .carousel-control-next {
    z-index: 3;
    transition: 0.3s;
}

.hero .carousel-control-prev:focus,
.hero .carousel-control-next:focus {
    opacity: 1;
}

.hero .carousel-control-prev:hover,
.hero .carousel-control-next:hover {
    opacity: 0.9;
}

/*--------------------------------------------------------------
# why choose Section
--------------------------------------------------------------*/
.features .nav-tabs {
    border: 0;
}
.navbar-img{
   height: 50px !important;
    width: auto;

}
@keyframes rotateAnimation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.features .nav-link {
    padding: 15px 0;
    transition: 0.3s;
    color: var(--secondary);
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    border: 0;
    border-bottom: 4px solid #e2e4e6;
}

.features .nav-link i {
    padding-right: 15px;
    font-size: 48px;
}

.features .nav-link h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

@media (max-width: 575px) {
    .features .nav-link h4 {
        font-size: 16px;
    }
}

.features .nav-link:hover {
    color: var(--secondary);
}

.features .nav-link.active {
    color: var(--secondary);
    background-color: transparent;
    border-color: var(--secondary);
}

.features .tab-content {
    margin-top: 30px;
}

.features .tab-pane h3 {
    font-weight: 700;
    font-size: 32px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.features .tab-pane h3:after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 3px;
    background: var(--secondary);
    left: 0;
    bottom: 0;
}

.features .tab-pane ul {
    list-style: none;
    padding: 0;
}

.features .tab-pane ul li {
    padding-top: 10px;
}

.features .tab-pane ul i {
    font-size: 20px;
    padding-right: 4px;
    color: var(--secondary);
}

.features .tab-pane p:last-child {
    margin-bottom: 0;
}
.bg-why-choose{
background-image: url("../img/aboutUs/bckground 1.png");

    /*background: rgb(23,23,23) !important;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
@media (max-width: 425px) {
    .bg-why-choose{
        background-image: unset;
    }
}
.img-web {
    background: linear-gradient(0deg, rgb(255, 255, 255), rgba(0, 0, 0, 0));
}
/*--------------------------------------------------------------
# Features Section End
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.service-item-1 {
    padding: 40px;
    padding-left: 0px !important;
    /*background: #fff;*/
    height: 100%;
}

.service-item-1 .icon {
    width: 48px;
    height: 48px;
    position: relative;
    margin-bottom: 50px;
}

.service-item-1 .icon i {
    color: #f4861c;
    font-size: 60px;
    transition: ease-in-out 0.3s;
    z-index: 2;
    position: relative;
    line-height: 1.8;
}

.service-item-1 .icon:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(192, 192, 192, 0.62);
    border-radius: 50px;
    z-index: 1;
    top: 10px;
    right: -15px;
    transition: 0.3s;
}

.service-item-1 h3 {
    color: #f0f0f0;
    font-weight: 500;
    margin: 0 0 20px 0;
    padding-bottom: 8px;
    font-size: 22px;
    position: relative;
    display: inline-block;
    border-bottom: 4px solid #ebebed;
    transition: 0.3s;
}

.service-item-1 p {
font-weight: 400 !important;
}

.service-item-1 .readmore {
    margin-top: 15px;
    display: inline-block;
    color: var(--secondary);
}

.service-item-1:hover .icon:before {
    background:  #e2e4e6;
}

.service-item-1:hover h3 {
    border-color: var(--secondary);
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.tec-stack{
    width: 120px !important;
    height: auto;
}
/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients-logo {
    width: 140px;
    height: 140px;
}

.section-border {
    border:1px solid #dadada !important;
    border-left: 1px !important;
    border-right: 1px !important;
    border-bottom: 1px !important;
}

.img-achievement {
    height: 200px;
}

.say-hi {
    font-size: 58px;
    line-height: 76px;
    font-weight: 500;
}
.bg-say-hi{
    background-image: url("../img/home/cover 1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.highlight-fonts {
    color: var(--secondary);
    text-decoration: underline;
    cursor: pointer;
}
.highlight-fonts:hover {
    color: var(--dark);

}
/*--------------------------------------------------------------
#Portfolio
--------------------------------------------------------------*/
#home-portfolio{
    /*background:linear-gradient(90deg, rgba(255,255,255,0.1) 10%, rgb(255, 255, 255,0.7) 300%, rgba(255, 255, 255, 1) 60%), url("../img/home/interior-design-with-armchair-potted-plant.jpg") !important;*/


    /*background:linear-gradient(75deg, rgba(255, 255, 255, 0.18) 10%, rgba(255, 255, 255, 0.55) 20%, rgb(255, 255, 255) 30%), url("../img/home/interior-design-with-armchair-potted-plant.jpg") !important;*/
    background-repeat: no-repeat !important ;
    background-size: contain;
    background-position: left;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer {
    /*color: #fff;*/
    /*background: url("../img/footer-bg.jpg") top center no-repeat;*/
    background-size: cover;
    font-size: 14px;
    /*padding: 80px 0 60px 0;*/
    position: relative;
}

/*.footer:before {*/
/*    content: "";*/
/*    background: rgba(0, 0, 0, 0.8);*/
/*    position: absolute;*/
/*    inset: 0;*/
/*}*/

.footer .footer-content .footer-info {
    margin-bottom: 30px;
}

.footer .footer-content .footer-info h3 {
    font-size: 28px;
    margin: 0 0 20px 0;
    padding: 2px 0 2px 0;
    line-height: 1;
    font-weight: 700;
    /*text-transform: uppercase;*/
}

.footer .footer-content .footer-info h3 span {
    color: var(--primary);
}

.footer .footer-content .footer-info p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    font-family: var(--primary);
    /*color: #fff;*/
}

.footer .footer-content .social-links a {
    font-size: 18px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.1);
    color: var(--dark);
    line-height: 1;
    margin-right: 8px;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    transition: 0.3s;
}

.footer .footer-content .social-links a:hover {
    background: var(--primary);
    color: var(--secondary);
    text-decoration: none;
}

.footer .footer-content h4 {
    font-size: 16px;
    font-weight: 600;
    /*color: #fff;*/
    position: relative;
    padding-bottom: 12px;
    cursor: pointer;
}

.footer .footer-content .footer-links {
    margin-bottom: 30px;
}

.footer .footer-content .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer .footer-content .footer-links ul li {
    padding: 8px 0;
}

.footer .footer-content .footer-links ul li:first-child {
    padding-top: 0;
}

.footer .footer-content .footer-links ul {
    color:var(--light);
    transition: 0.3s;
    display: inline-block;
    line-height: 1;
}

.footer .footer-content .footer-links ul li:hover {
    color: var(--dark);
    cursor: pointer;
}

.footer .footer-legal .copyright {
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.footer .footer-legal .credits {
    padding-top: 4px;
    font-size: 13px;
    /*color: #fff;*/
}

.footer .footer-legal .credits a {
    color: var(--primary);
}

/*----=====About us page====----*/
/*--------------------------------------------------------------
# Our Team Section
--------------------------------------------------------------*/
.team .member {
    position: relative;
}
.team-img{
    width:300px;
    height: 300px;
}
#member-1{
    background-image: url("../img/team/Dev-1.jpg");
    background-size: cover;
    /*background: red;*/
    background-position: center;
    background-repeat: no-repeat;
}
#member-1:hover{
    background-image:url("../img/team/Dev-2.jpg");
    transition: 0.2s ease-in-out;
}

#marketing-1{
    background-image: url("../img/team/marketing-1.jpg");
    background-size: cover;
    /*background: red;*/
    background-position: center;
    background-repeat: no-repeat;
}
#marketing-1:hover{
    background-image:url("../img/team/marketing-2.jpg");
    transition: 0.2s ease-in-out;
}
.team .member .member-img {
    /*margin: 0 80px;*/
    /*border-radius: 50%;*/
    overflow: hidden;
    position: relative;
}

/*--------------------------------------------------------------
# contact form Section
--------------------------------------------------------------*/
.btn-submit{

    background-color: var(--secondary);
    color: black;
    border-radius: 5px;
}
.btn-submit:hover{
    background-color: var(--dark);
    color: white;

}

/*======AboutUs page========*/
#team-img{
    background-image: url("../img/aboutUs/aboutUs.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
}


/*--------------------------------------------------------------
# Our Projects Section
--------------------------------------------------------------*/
.projects .portfolio-flters {
    padding: 0;
    margin: 0 auto 20px auto;
    list-style: none;
    text-align: center;
}

.projects .portfolio-flters li {
    cursor: pointer;
    display: inline-block;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    margin: 0 10px;
    line-height: 1;
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

.projects .portfolio-flters li:hover,
.projects .portfolio-flters li.filter-active {
    color: var(--secondary);
}

.projects .portfolio-flters li:first-child {
    margin-left: 0;
}

.projects .portfolio-flters li:last-child {
    margin-right: 0;
}

@media (max-width: 575px) {
    .projects .portfolio-flters li {
        font-size: 14px;
        margin: 0 5px;
    }
}

.projects .portfolio-content {
    position: relative;
    overflow: hidden;
}

.projects .portfolio-content img {
    transition: 0.3s;
}

.projects .portfolio-content .portfolio-info {
    opacity: 0;
    position: absolute;
    inset: 0;
    z-index: 3;
    transition: all ease-in-out 0.3s;
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
}

.projects .portfolio-content .portfolio-info h4 {
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    background-color: var(--dark);
}

.projects .portfolio-content .portfolio-info p {
    position: absolute;
    bottom: 10px;
    text-align: center;
    display: inline-block;
    left: 0;
    right: 0;
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
}

.projects .portfolio-content .portfolio-info .preview-link,
.projects .portfolio-content .portfolio-info .details-link {
    position: absolute;
    left: calc(50% - 40px);
    font-size: 26px;
    top: calc(50% - 14px);
    color: #fff;
    transition: 0.3s;
    line-height: 1.2;
}

.projects .portfolio-content .portfolio-info .preview-link:hover,
.projects .portfolio-content .portfolio-info .details-link:hover {
    color: var(--dark);
}

.projects .portfolio-content .portfolio-info .details-link {
    left: 50%;
    font-size: 34px;
    line-height: 0;
}

.projects .portfolio-content:hover .portfolio-info {
    opacity: 1;
}

.projects .portfolio-content:hover img {
    transform: scale(1.1);
}

/********************feenix********************/

.text-white{
    color: #FFFFFF !important;
}


/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    box-sizing: border-box;*/
/*}*/
/*body {*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    background: #001122;*/
/*    display: grid;*/
/*    place-items: center;*/
/*    font-family: "Poppins", sans-serif;*/
/*    font-size: 5rem;*/
/*    font-weight: 800;*/
/*}*/
.loader {
    perspective: 1000px;
    -webkit-perspective: 1000px;
}
.loader > span {
    display: inline-block;
    color: #1c1c1c;
    transform-style: preserve-3d;
    transform-origin: 0 100%;
    animation: anim 3s  linear;
}
.loader > span:nth-child(even) {
    color: #f4861c;
}
.loader > span:nth-child(2) {
    animation-delay: 0.2s;
}
.loader > span:nth-child(3) {
    animation-delay: 0.4s;
}
.loader > span:nth-child(4) {
    animation-delay: 0.6s;
}
.loader > span:nth-child(5) {
    animation-delay: 0.8s;
}
.loader > span:nth-child(6) {
    animation-delay: 1s;
}
.loader > span:nth-child(7) {
    animation-delay: 1.2s;
}
.loader > span:nth-child(8) {
    animation-delay: 1.4s;
}
.loader > span:nth-child(9) {
    animation-delay: 1.6s;
}
.loader > span:nth-child(10) {
    animation-delay: 1.8s;
}
.loader > span:nth-child(11) {
    animation-delay: 2s;
}
.loader > span:nth-child(12) {
    animation-delay: 2.2s;
}
.loader > span:nth-child(13) {
    animation-delay: 2.4s;
}
.loader > span:nth-child(14) {
    animation-delay: 2.6s;
}
@keyframes anim {
    35% {
        transform: rotateX(360deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}


/***********************************/
#spin {
    color: #f4861c;
    font-weight: 700;
    font-family: Montserrat !important;
 }
/*#spin:after {*/
/*    content:"";*/
/*    animation: spin 6s linear infinite;*/
/*}*/
/*@keyframes spin {*/
/*    0% { content:"#Success";}*/

/*    25% { content:"#Design";}*/

/*    50% { content: "#Deliver"; }*/

/*    75% { content: "#Develop"; }*/
/*    100% { content:"#Success";}*/
/*}*/

#home-contact{
min-height: 70vh;
}

/*services*/

.services-topic:after {
    content: "";
    position: absolute;
    display: block;
    width: 100px;
    height: 3px;
    background: var(--secondary);
    left: 0;
    bottom: 0;
}

/*--------------------------------------------------------------
#Services
--------------------------------------------------------------*/
.services-digital-marketing{
    background:linear-gradient( rgba(0, 0, 0, 0.4) 0%, rgb(0, 0, 0.4) 100%), url("../img/home/portfolio/modern-art-studio-composition.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

}
/*** Service ***/
.service-item {
    position: relative;
    height: 350px;
    /*padding: 30px 25px;*/
    /*background: var(--primary);*/
    background: rgba(28, 28, 28, 0.68);
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
    transition: .5s;
    /*border: 1px solid rgb(244, 134, 28);*/
    border: 1px solid #dadada;
    border-radius: 10px !important;
}

.service-item:hover {
    background: var(--primary);
    /*background: #1c1c1c;*/
    border: 1px solid rgb(244, 134, 28);
}

.service-item .service-icon {
    margin: 0 auto 20px auto;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    /*background: url(../img/icon-shape-primary.png) center center no-repeat;*/
    transition: .5s;
}

.service-item:hover .service-icon {
    color: var(--primary);
    background: url(../img/icon-shape-white.png);
}

.service-item h5,
.service-item p {
    transition: .5s;
    color: var(--light);
}

.service-item:hover h5,
.service-item:hover p {
    /*color: var(--light);*/
    color: #ffffff;
}

.service-item a.btn {
    position: relative;
    display: flex;
    color: var(--light);
    transition: .5s;
    z-index: 1;
}

.service-item:hover a.btn {
    color: var(--light);
}

.service-item a.btn::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
    border-radius: 35px;
    background: var(--primary);
    transition: .5s;
    z-index: -1;
}

.services-menu{
    background:linear-gradient(90deg, rgba(31, 29, 29, 0.9) 30%, rgba(31, 29, 29, 0.9)50%, rgba(31, 29, 29, 0.9) 60%), url("../img/home/portfolio/glowing-bonfire-burning-bright-fractal-blaze-pattern-generated-by-ai.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

}

.service-item:hover a.btn::before {
    width: 100%;
    background: #1c1c1c;
    border-radius: 5px;
}
.contact-action:after {
    content: "";
    position: absolute;
    display: block;
    width: 50px;
    height: 3px;
    background: var(--secondary);
    left: 0;
    bottom: 0;
}

.call-number{
    color: var(--primary);
    font-size: 28px;
    font-weight: 600;

}

/*service tabs*/
.web-tab{
    background:linear-gradient(90deg, rgb(23, 23, 23) 40%, rgba(23, 23, 23, 0.85) 60%, rgba(23, 23, 23, 0.07) 80%), url("../img/home/modern-businessman-working-computer-dark-office-generated-by-ai.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;

}
.marketing-tab{
    background:linear-gradient(90deg, rgb(17, 17, 17) 40%, rgba(31, 29, 29, 0.85) 60%, rgba(31, 29, 29, 0.07) 80%), url("../img/home/laptop-with-graph-screen-that-says-29-it.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;

}
.creativeStudio-tab{
    background:linear-gradient(90deg, rgb(17, 17, 17) 40%, rgba(31, 29, 29, 0.85) 60%, rgba(31, 29, 29, 0.07) 80%), url("../img/home/modern-office-space-illuminated-by-glowing-computer-monitor-generated-by-ai.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;

}
.perfomanceMarketing-tab{
    background:linear-gradient(90deg, rgb(17, 17, 17) 40%, rgba(31, 29, 29, 0.85) 60%, rgba(31, 29, 29, 0.07) 80%), url("../img/home/zoom-colorful-glass-circle-abstract-generated-by-ai.jpg");
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;

}

/*------------------------*/


.contact-form{
    border: 1px solid rgb(244, 134, 28);;
    border-radius: 10px;
}
.bg-portfolio{
    /*background:linear-gradient(90deg, rgba(31, 29, 29, 0.2) , rgba(31, 29, 29, 0.2) ),url("img/home/portfolio/glowing-bonfire-burning-bright-fractal-blaze-pattern-generated-by-ai.jpg") !important;*/
    background:linear-gradient(90deg, rgb(255, 255, 255)40%, rgba(229, 229, 229, 0.9) ),url("../img/home/portfolio/woman-art-exhibition.jpg") !important;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
}

.case-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: 0.4s;
}