

.contact__area-6 .sec-title-2 {
    font-weight: 600;
    line-height: 1.2;
}
.hero__text-2 p {
     font-size: 14px !important;
     max-width: 55% !Important;
}
.wc-btn-pink {
    border: 1px solid var(--green-5) !important;
    color: var(--green-3) !important;
}

.main-menu>li>a,
.main-menu-4>li>a {
    color: var(--black) !important;
    font-weight: 600 !important;
}
.main-menu>li>a:hover{
    color: var(--yellow) !important;
}
.main-menu li.active>a>.menu-text {
    text-shadow: 0 16px 0 var(--yellow) !important;
    color: var(--yellow) !important;
}
.main-menu-4>li>a .menu-text {
    text-shadow: 0 16px 0 var(--black) !important;
}

.main-menu>li>a .menu-text,
.main-menu-4>li>a .menu-text {
    display: flex;
    overflow: hidden;
    text-shadow: 0 16px 0 var(--black);
}

.sticky-2 .main-menu>li>a,
.main-menu-4>li>a {
    color: var(--black) !important;
}
.hero__area-2 {
    background-image: none !important;
    background-color: var(--pink-6) !important;
}
.hero__area-2 .sec-title-3{
    color: var(--black);
    font-weight: 600;
}
.hero__text-2 p{
    color: var(--black);
}
.hero__text-2 {
    background-image: none !important;
  
}
.roll__area-3 {
    background-color: var(--green-5);
}
.roll__area-3 .roll__slide h2 {
    color: var(--white);
}

header.header__area-2.sticky-2
{
    background: var(--white) !important;
}
.footer__inner {
    background-color: var(--pink-6) !important;
}
.footer__widget-title,
.footer__link li a,
.footer__widget p,
.footer__social li a,
.footer__contact,
.footer__contact li a {
    color: var(--black) !important;
}

.footer__social li a:hover,
.footer__contact li a:hover {
    color: var(--green-5) !important;
}
.footer__widget {
    grid-column: span 3 !important;
}
.footer__widget-3 {
    grid-column: span 3 !important;
}
.footer__copyright {
    grid-column: span 8 !important;
}
.footer__copyright p{
    color: var(--black);
    max-width: 100%;
}
.footer__copyright p a{
    color: var(--green-5);
}
.footer__widget-4 a {
    color: var(--green-5);
    border-color: var(--green-3);
}
.wc-btn-primary:hover,
.wc-btn-black:hover,
.wc-btn-light:hover,
.wc-btn-pink:hover,
.wc-btn-secondary:hover
 {
    color: var(--white) !important;
    border: 1px solid var(--green-5) !important;
}
.wc-btn-primary span,
.wc-btn-black span,
.wc-btn-light span,
.wc-btn-pink span,
.wc-btn-secondary span{
    background-color: var(--green-5);
}
.shape .primary {
    background-color: var(--green-5);
}
.wc-btn-primary,
.wc-btn-black,
.wc-btn-light,
.wc-btn-pink,
.wc-btn-secondary {
   color: var(--green-3) !important;
    border: 1px solid var(--green-5) !important;
   font-weight: 600;
}
.about__area .sec-title,
.service__title-7 {
    font-weight: 600 !important;
}
.about__content p {
    font-weight: 600;
    /* font-size: 16px; */
}
.about__area .container.custom {
    position: relative;
}
.service__item-7 p.cta__sub-title{
    text-align: center !important;
}
.service__item-7 .cta__sub-title {
    font-weight: 600;
     border: 1px solid var(--black);
    padding: 10px 20px 10px 20px !important;
    margin-top: 2%;
    transition: all 0.5s;
    text-transform: capitalize;
    font-weight: 400;
}
.feature__item p {
    font-weight: 400;
}
.feature__title {
    font-weight: 600 !important;
}
.feature__top .sec-title {
    font-weight: 600 !important;
}
.feature__area-2 {
    background-color: var(--pink-6) !important;
}
section.brand__area .sec-title-wrapper h3 {
    font-weight: 600 !important;
}
.service__item-7 .cta__sub-title:hover {
    color: var(--white);
    background-color: var(--black);
    
}
section.brand__area h3.sec-title.title-anim.brand__title-3.mt-5 {
    font-size: 25px !important;
    font-weight: 600 !important;
}
.testimonial__slide-3 p,
.client__name-3 {
    font-weight: 600 !important;
    font-size: 20px !important;
}
.client__role-3 {
    font-weight: 600 !important;
    font-size: 16px !important;
}
.testimonial__slide-3 a{
    color: var(--green-5);
    text-decoration: underline;
}
.footer__copyright{
  display: none;
}
h2.footer__widget-title {
    font-weight: 700 !important;
}
.footer__widget-4 .project-title {
    font-weight: 600 !important;
}
.footer__widget-4 .contact-time {
    font-weight: 700 !important;
}
.footer__widget-4 .contact-day {
    font-weight: 500 !important;
}

/*about*/
.hero__about-content .hero-title,
.hero__about-content .hero__about-text p {
   font-weight: 600 !important;
}
.story__area .from-text {
    right: -133px;
    width: 160px;
    height: 80px;
    background-color: var(--green-3);
    padding: 15px 20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.1;
    color: var(--white);
    top: -117px;
}
.story__area .from-text span {
    font-weight: 600 !important;
}
.team__area {
    background-color: var(--pink-6) !important;
  
}
.team__area .sec-sub-title,
.team__area .sec-title {
    color: var(--black);
}
.team__area .sec-sub-title{
    font-weight: 600 !important;
}
.team__member-name,
.team__area .sec-title {
    font-weight: 700;
     color: var(--black);
}
.team__member-img {
    position: relative !important;
  
}
.team__member-name-7,
.team__member-role-7,
.team__detail p,
.team__detail .work-title {
    font-weight: 600 !important;
}
.team__member-role-7::after {
   background-color: var(--green-5) !important;
   font-weight: 600;
}
/*about end*/
/*capabilities*/
.service__area {
    background-color: var(--white) !important;
}

.service__area .sec-sub-title,
.service__top-text p{
    color: var(--gray-2);
    font-weight: 600 !important;
}

.service__area .sec-title

{
    color: var(--black);
    font-weight: 600 !important;
}

.service__top-text p,
.service__text p,
.service__title,
.service__link p,
.service__number span
    {
        color: #0000004d !important;
    font-weight: 600 !important;
}

.service__list:active .service__title
    {
      color: var(--black) !important;
      font-weight: 600 !important;
}
.service__list a.active .service__title
    {
    color: var(--black) !important;
     font-weight: 600 !important;
}
.service__list a.active .service__text p ,
.service__list:active .service__text p 

    {
    color: #00000096 !important;
     font-weight: 600 !important;
}
.service__list a.active .service__number span,
.service__list a.active .service__link p,
.service__list:active .service__link p,
.service__list:active .service__number span
    {
    color: var(--green-5) !important;
     font-weight: 600 !important;
}
.service__img-wrapper span {
  
    background-color: var(--green-3);
   bottom: 25% !important;
}
section.feature__area-2.custom {
    margin-bottom: 10%;
}

.development__area .sec-title {
    font-weight: 600 !important;
    font-size: 45px !important;
        line-height: 1.2 !important;
}
.development__content {
    display: block !important;
   border-bottom: none !important; 
  
}
.development__content p {
    color: #00000094 !important;
    margin-top: 3%;
}
.footer__widget {
    padding: 140px 60px 130px !important;
}
.footer__link li a:hover {
    color: var(--green-5) !important;
}
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a {
   font-weight: 600 !important;
    
}
.offcanvas__contact li a:hover {
    color: var(--green-3);
}
.development__content p{
    font-weight: 600 !important;
}
.contact__text p {
    /* color: var(--black) !important; */
    font-weight: 600 !important;
}
.contact__info ul li a,
.contact__info ul li span {
     color: var(--black);
    font-weight: 400;
   
}
.contact__info h3{
    font-weight: 600;
}
.contact__form input::placeholder,
.contact__form textarea::placeholder{
    font-weight: 600 !important;
}
.footer__location-2 .location h3 {
    font-weight: 600;
    margin-bottom: 2%;
}
.location.col-12 p.sub-text-custom {
    font-weight: 600;
    margin-bottom: 2%;
}
.footer__location-2 .cta__sub-title {
    margin: 5% 0px 5% 0px;
    padding: 2% 5% 2% 5%;
    background-color: var(--green-5);
    color: var(--white);
    font-weight: 400;
    border: 1px solid var(--green-3);
}
.footer__subscribe-2::before{
    background-color: none !important;
    content: none !important;
}
.footer__subscribe-2{
    background-color: var(--lightgray);
    border: 1px solid var(--lightgray);
    max-height: 500px;
    padding-left: 0px !important;
}
.footer__subscribe-2 p{
    font-weight: 600;
}
.footer__middle-2{
    padding: 0px !important;
    border: none !important;
}
/*capabilities end*/

/*custom offcanvas*/

.offcanvas__area{
    background-color: var(--pink-6);
}
.offcanvas__social .social-title,
.offcanvas__social ul li a,
.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text
 {
    color: var(--black);
}

.offcanvas__menu-wrapper.mean-container .mean-nav ul li a .menu-text {
    text-shadow: 0 80px 0 var(--yellow);
}
.offcanvas__links {
    display: none;
}
/*custom offcanvas end*/

.cursor2{
    background-color: var(--green-3) !important;
    mix-blend-mode: normal !important;
}
.cursor1{
    border:1px solid var(--green-3) !important;
    mix-blend-mode: normal !important;
}

/*brand slider*/

.swiper-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.swiper-slide {
    width: 100%;
    height: auto;
}

/* navigation arrows */
.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.swiper-button-prev {
    left: 20px;
}

.swiper-button-next {
    right: 20px;
}
.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 25px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}


.brand__list_custom.swiper-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}

.brand__list_custom .swiper-slide {
    width: 100%;
    height: auto;
}

/* navigation arrows */
.brand__list_custom .swiper-button-prev,
.brand__list_custom .swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
}

.brand__list_custom .swiper-button-prev {
    left: 20px;
}

.brand__list_custom .swiper-button-next {
    right: 20px;
}

/*brand slider*/

.header__inner-2,
.header__inner-3 {
    padding: 10px 30px 5px 30px !important;
}

.service__img-wrapper {
    position: sticky !important;
    top: 0;
}
.service__img.active {
    position: -webkit-sticky;
    top: 25%;
}
.service__img {
    position: -webkit-sticky;
    top: 25%;
}
.service__top-text.text-anim {
    margin-top: 1%;
    align-items: end;
    
}
.service__top-text.text-anim p {
   max-width: 100% !important;
}
.service__item,
.service__area a:first-child .service__item {
     border-bottom: 1px solid #2c2c2c4d;
  
}
.service__area a:first-child .service__item {
    border-top: 1px solid #2c2c2c4d;
}

/*need to delete*/
.brand__item-2,
.brand__item{
    display: flex;
    justify-content: center;
}
.brand__item img,
.brand__item-2 img {
    max-width: 130px;
    max-height: 100px;
    align-self: center;
    
}

.brand__list_custom img {
     max-width: 130px;
     max-height: 100px;
     align-self: center;
}

.about__content p {
    max-width: 500px !important;
    white-space: pre-line;
}



@media only screen and (max-width: 767px) {
    .hero__area-2 .hero2-shape {
        left: 5%;
        top: 25%;
        max-width: 90%;
    }

    .hero__area-2 .sec-title-3 {
        padding-bottom: 40px;
        padding-right: 100px;
    }

    .hero__inner-2 {
        padding: 140px 15px 60px;
        margin-top: 5%;
    }

    .service__item-7.d-sm-none.d-xs-none {
        display: none !important;
    }
    .footer__widget {
        padding: 30px 60px 50px !important;
    }
    .footer__widget-2,
    .footer__widget-3 {
        padding: 0 0 50px 10px;
    }
    .row.footer__row .col-xxl-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .hero__text-2 p {
        font-size: 14px !important;
        max-width: 90% !Important;
    }
}


@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .sec-title-3 {
        font-size: 63px;
    }

    .hero__text-2 {
        transform: translateY(-10%) !important;
        padding-left: 31% !important;
    }

    .service__img-wrapper span {
        background-color: var(--green-3);
        bottom: 30% !important;
    }
    .footer__logo {
        margin-bottom: 30px;
    }
    
    .footer__widget {
        margin-right: auto!important;
        margin-left: 5% !important;
    }
    .footer__inner {
        padding-left: 15% !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 3841px) {
    .sec-title-3 {
        font-size: 85px !important;
    }
    .sec-title-3 span {
        font-size: 110.5px !important;
    }
    
    .hero__text-2 {
        transform: translateY(-20%) !important;
        padding-left: 36% !important;
    }

    .hero__area-2 .hero2-shape {
        position: absolute;
        left: 35%;
        top: 35%;
        max-width: 42%;
        overflow: hidden;
    }

    .footer__row {
        margin-right: 10%;
    }

    .footer__area .container {
        max-width: 100% !important;
    }
    .footer__widget {
    margin-right: auto!important;
    margin-left: 10% !important;
  }
  .footer__inner {
     padding-left: 20% !important; 
   }
}


/* iPad */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* Styles here */
  .footer__widget {
    grid-column: span 10 !important;
  }
  .footer__widget-3 , .footer__widget-2 {
    grid-column: span 6 !important;
    width:100% !important;
    padding:0px !important;
   }
}

/* iPad mini */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  /* Styles here */
  .footer__widget-3 , .footer__widget-2 {
    grid-column: span 6 !important;
    width:100% !important;
    padding:0px !important;
   }
}



.brand__list .brand__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 200px;
 
}
.brand__list-3 .brand__item-2 {
    display: flex !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 200px;
 
}

.slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.prev-arrow {
    left: -40px;
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 15px solid #9e9e9e;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.next-arrow {
    right: -40px;
    width: 0;
    height: 0;
    border-right: 0 solid transparent;
    border-left: 15px solid #9e9e9e;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.offcanvas__search input {
    color: var(--green-3) !important;
}
.offcanvas__social ul li a:hover {
    color: var(--green-3);
}
br {
    display: block !important;
}



.header__logo-2 img {
    width: 150px;
    height: auto;
}
.offcanvas__logo img {
    width: 200px;
    height: auto;
}
img.footer__logo {
    width: 200px;
    height: auto;
}


.footer__widget{
    margin-right: auto!important;
    margin-left: 22% !important;
}

.hero__area-2 .sec-title-3 span {
    font-family: 'Dancing Script', cursive;
    color: var(--yellow);
    font-size: larger;
}

@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) { 
        
       .service__list-wrapper .service__img-wrapper  {
            display:none;
        }
    }

