/**
* Theme Name: Axtra Child
* Description: This is a child theme of Axtra, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/crowdyflow">Crowdyflow</a>
* Template: axtra
* Version: 1.5
*/
:root{
    --color-change: linear-gradient(90deg, #7F3F98 -19.86%, #9628BE 19.83%, #BC00FF 79.66%);
}

.roll__area,
.wc-btn-primary span, 
.wc-btn-black span, 
.wc-btn-light span,
.wc-btn-pink span, 
.portfolio__info,
.wc-btn-secondary span,
.service__img-wrapper span,
.workflow__slide::after,
.story__area .from-text
{
 background:var(--color-change);
}
.hero__area .hero__title{
    font-size:clamp(40px, 78px, 105px);
}


.portfolio__detail .block-img-text img{
    display:none;
}
.portfolio__detail .block-img-text{
    all:unset !important;
}
.portfolio__detail .block-img-text p{
    padding:0 !important;
}
.portfolio__detail h2{
    color:#fff;
    margin:15px 0;
}
.portfolio__detail .portfolio__detail-text,
.portfolio__detail p{
    color:#fff !important;
}
:not(.dark) .footer__info-6 li a.phone
{
    color:var(--white);
}
:not(.dark) .footer__info-6 li a.phone::after{
    background-color: #fff;;
}
#client_cursor.cursor{
    color:var(--black-2) !important;
}
#client_cursor.cursor:after{
    content:"View More";
    color:#fff;
    font-size:12px;
    position:absolute;
}
.testimonial__area-2 .testimonial__video img{
    margin-top:100px;
}
.testimonial__inner-2{
    background-image:url(assets/quote-mark.webp) !important;
}
.text-section strong{
    color:#000;
}
.team__area-6 .swiper-pagination{
    display:none;
}
.team__area-6 .swiper-pagination-bullet{
    background:#fff;
}
.team__area-6 .swiper-pagination-bullet-active{
    background:#8B32AD;
}

.custom-widget .testimonial__wrapper{
    padding-top:50px;
}
.custom-widget .testimonial__item.item-2{
    padding-bottom:50px;
}

.about__area .container{
    padding-top:0 !important;
}
.about__area .about__title-wrapper{
    z-index: 3;
    position: relative;
    background: var(--black-2);
    padding-top: 200px;
    margin-right: 300px;
}
.hero__about .hero__about-award{
    display:none;
}

.widget_custom-social-icon .social-icon-custom a{
    color:#999999;
}
.widget_custom-social-icon .social-icon-custom a:hover{
    color:#fff;
}
.widget_custom-social-icon .social-icon-custom{
    display:flex;
    gap:15px;
}

.header__area .header__support p{
    display:flex;
    flex-direction: column;
    text-align: center;
    padding-left: 80px;
}
.hero__about-content .breadcrumbs {
	margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: fit-content;
    padding-left: 0;
    padding-right: 16px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 10px !important;
}
.hero__about-content .breadcrumbs  span,
.hero__about-content .breadcrumbs  .breadcrumb-sep{
    color:#fff !important;
    font-size:15px;
}

/* Section Work */
.portfolio__info p{
	display: none;
}

/* Partners Logo */
.section-marketing__partners .brand__list-3{
	grid-template-columns: repeat(4,1fr);
}

/* Jobs */
.job__area .job__list a{
	pointer-events: none;
}

/* Testimonials */
.dark .testimonial__role{
	max-width: 320px;
}

.footer__info-6 li:last-child a{
    text-transform: lowercase;
    text-decoration: underline;
}

@media only screen and (max-width:768px){
    .hero__area .hero__title{
        font-size:23px !important;
    }
    .hero__area .hero__content img[alt="Arrow Down Icon"]{
        width:25%;
        margin:40px 0;
    }
    .hero__about-content {
        padding-top: 200px !important;
    }
    .about__area .about__title-wrapper {
        width:100%;
        padding-top:60px;
    }
    .about__area .sec-title div{
        display:inline !important;
    }
    .about__area .about__img-right{
        display:none;
    }
    .service__area .wc-btn-secondary{
        background-color: #8B32AD;
    }
    .blog__area .row div{
        display:none;
    }
    .blog__area .row div:first-child{
        display:block;
    }
    .blog__area .row div:nth-child(2){
        display:block
    }
    .story__area .row img{
        display:none
    }
    .story__area .row div:nth-child(2) img{
        display:block;
        margin-top: 30px;
    }
    .team__area-6  .team__slider{
        padding-bottom:25px;
    }
    .team__area-6 .swiper-slide a{
        pointer-events:none;
        cursor:default;
    }
    .story__area .container{
        padding-bottom:60px !important;
    }
    .team__area-6 .sec-title {
        padding-top: 20px !important;
    }
    .team__area-6 .swiper-pagination{
        display:block;
    }
    .brand__item{
        padding:30px !important;
    }
}
@media only screen and (max-width:1400px) and (min-width:1025px){
    .hero__area .hero__title{
        font-size:78px !important;
    }
}