/* media query */

/* Hero-section */
@media (max-width:991px){

    .hero-section{
        min-height:850px;
        padding:100px 0 80px;
    }

    .hero-content{
        gap:25px;
    }

    .hero-content h1{
        font-size:46px;
        line-height:54px;
    }

}
@media (max-width:767px){

    .hero-section{
        min-height:auto;
        padding:80px 0 70px;
    }

    .hero-bg{
        object-position:center;
    }

    .hero-content{
        gap:20px;
        max-width:100%;
        padding:0 10px;
    }

    .hero-tag{
        font-size:13px;
        line-height:20px;
    }

    .hero-content h1{
        font-size:36px;
        line-height:44px;
    }

    .hero-desc{
        max-width:100%;
        font-size:15px;
        line-height:25px;
    }

    .hero-services{
        max-width:100%;
        font-size:15px;
        line-height:25px;
    }

    .hero-btns{
        flex-direction:column;
        align-items:center;
        width:100%;
    }

    .hero-btns a{
        width:100%;
        min-width:100%;
        max-width:340px;
    }

}
@media (max-width:480px){

    .hero-content h1{
        font-size:30px;
        line-height:38px;
    }

    .hero-tag{
        font-size:12px;
    }

    .hero-desc,
    .hero-services{
        font-size:14px;
        line-height:24px;
    }

}
/* Ends here */

/* Clients results */
@media (max-width:380px){
    .client-sections-headings h2{
        font-size: 28px;
    }
}
/* Ends here */


/* Owner section */
@media (max-width:768px){

.results-heading h2,
.section-heading h2,
.brittany-heading h2,
.services-heading h2,
.C-heading h2,
.faq-heading h2{
    font-size: 30px;
}

.faq-heading p{
    font-size:18px;
}

   .card-overlay .tag{
    font-size: 10px;
  }

  .card-overlay span{
    font-size:20px ;
  }

    .founder-story{
        padding:30px 0;
    }

    .heading-wrapper{
        margin-bottom:30px;
        text-align:center;
    }

    .heading-wrapper h2{
        font-size:30px;
        line-height:1.2;
        text-align: left;
    }

    .heading-wrapper p{
        font-size:16px;
        line-height:24px;
                text-align: left;

    }

    .story-card{
        padding:20px;
        border-radius:18px;
    }

    .top-content{
        flex-direction:column;
        align-items:center;
        gap:20px;
    }

    .founder-image{
        width:100%;
        display:flex;
        justify-content:center;
    }

    .founder-image img{
        width:220px;
        max-width:100%;
    }

    .quote-content{
        width:100%;
        flex:unset;
        text-align:center;
    }

    .quote-content p{
        font-size:15px;
        line-height:24px;
    }

    .story-text{
        text-align:center;
    }

    .italic-text,
    .bold-text,
    .bolds-texts,
    .read-more{
        font-size:15px;
        line-height:24px;
    }

    .video-card{
        margin-top:20px;
    }

    .video-placeholder{
        min-height:280px;
        font-size:42px;
    }

}
@media (max-width:500px){
    .heading-wrapper h2{
        font-size:25px;
        line-height:1.2;
        text-align: left;
    }

    .accordion-button{font-size: 13px;}
}
@media (max-width: 500px) {
    .custom-accordion .accordion-button {
        font-size: 15px !important;
        line-height: 1.4;
    }
}
@media (max-width: 380px) {
    .custom-accordion .accordion-button {
        font-size: 15px !important;
        line-height: 1.4;
    }
    .faq-section{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
}
@media (max-width:400px){

    .heading-wrapper h2{
        font-size:23px;
        line-height:1.2;
        text-align: left;
    }
    
  .card-overlay .tag{
    font-size: 10px;
  }

  .card-overlay span{
    font-size:14px ;
  }
}
@media (max-width:375px){
    .heading-wrapper h2{
        font-size:22px;
        line-height:1.2;
        text-align: left;
    }
}
/* ends here */





/* Clients Results */

@media(max-width:1199px){
.client-sections-headings h2{
font-size:44px;
}

.reviews-texts{
font-size:17px;
}

}
@media(max-width:991px){

.client-sections-headings{
text-align:center;
}

.client-sections-headings h2{
font-size:40px;
}

.review-card{
padding:25px;
}

.reviews-texts{
margin-bottom:35px;
}

.bottom-text{
font-size:20px;
}

}
@media(max-width:768px){

.client-sections-headings h2{
font-size:32px;
text-align: left;
}

.client-sections-headings p{
font-size:15px;
text-align: left;
}

.review-card{
padding:22px;
}

.reviews-texts{
font-size:16px;
line-height:1.7;
}

.claim-btn{
width:100%;
justify-content:center !important;
align-items: center;
text-align: center;
padding:16px;
font-size:17px;
max-width: 400px;
}

.ibottoms-text{
font-size:18px;
}

}
@media(max-width:575px){

.client-sections-headings h2{
font-size:30px;
}

.review-card{
border-radius:18px;
padding:20px;
}

.reviews-texts{
font-size:15px;
}

.clents-infs img{
width:46px;
height:46px;
}

.clents-infs span{
font-size:14px;
}

.stars{
font-size:18px;
}

.bottom-text{
font-size:17px;
}

.claim-btn{
font-size:16px;
border-radius:8px;
}

}
@media(max-width:380px){

.client-sections-headings h2{
font-size:28px;
}

.client-sections-headings p{
font-size:16px;
}

.review-card{
border-radius:18px;
padding:20px;
}

.reviews-texts{
font-size:16px;
}

.clents-infs img{
width:46px;
height:46px;
}

.clents-infs span{
font-size:14px;
}

.stars{
font-size:18px;
}

.ibottoms-text{
font-size:14px;
}

.claim-btn{
font-size:13px;
border-radius:8px;
}

}
/* ENDS HERE */


/* Why Brittany */
@media (max-width:1199px){

.WHY-BRITTANY-section-title{
    font-size:46px;
}

.bri-conts h3{
    font-size:32px;
}

.bri-conts p{
    font-size:17px;
}

.image-wrapper img{
    max-width:500px;
}

}
@media (max-width:991px){

.WHY-BRITTANY-section-title{
    font-size:40px;
}

.WHY-BRITTANY-section-desc{
    font-size:17px;
}

.image-wrapper{
    margin:35px auto;
}

.image-wrapper img{
    max-width:460px;
}

.bri-conts{
    text-align:center;
    align-items:center;
}

.bri-conts h3{
    font-size:30px;
}

.demo-btn{
    justify-content:center;
}

}
@media (max-width:768px){

.WHY-BRITTANY-section-title{
    font-size:32px;
}

.WHY-BRITTANY-section-desc{
    font-size:16px;
    line-height:1.7;
}

.image-wrapper{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:35px auto;
}

.image-wrapper img{
    width:100%;
    max-width:360px;
}

.bri-conts{
    text-align:center;
    align-items:center;
    gap: 8px;
}

.bri-conts h3{
    font-size:26px;
    text-align: left;
}

.bri-conts p{
    font-size:16px;
    text-align: left;
    line-height:1.8;
}

.demo-btn{
    width:100%;
    justify-content:center;
    padding:15px;
    font-size:17px;
    max-width: 400px;
}

}
@media (max-width:575px){

.WHY-BRITTANY-section-title{
    font-size:28px;
    text-align: left;
}

.WHY-BRITTANY-section-desc{
    font-size:15px;
        text-align: left;
}

.bri-conts h3{
    font-size:20px;
    margin-bottom: 0px;
    line-height: 26px;
}

.bri-conts p{
    font-size:15px;
    line-height:1.8;
}

.image-wrapper img{
    max-width:300px;
}

.demo-btn{
    font-size:16px;
    border-radius:8px;
    width:100%;
}

}
@media (max-width:380px){

.WHY-BRITTANY-section-title{
    font-size:28px;
}

.WHY-BRITTANY-section-desc{
    font-size:14px;
}

.bri-conts h3{
    font-size:19px;
    line-height: 26px;
}

.bri-conts p{
    font-size:14px;
    line-height:1.8;
}

.image-wrapper img{
    max-width:300px;
}

.demo-btn{
    font-size:14px;
    border-radius:8px;
    width:100%;
}

}
/* Ends here */

/* Our case studies */
@media (max-width:768px){
    .C-heading h2{
        font-size: 32px;
    }

    .C-heading p{
        font-size:16px;
    }

 

    .card-content h3{
        font-size:20px;
    }
}
@media (max-width:576px){
    .C-heading h2{
        font-size:28px;
    }

    .C-heading p{
        font-size:16px;
    }


    .card-content .h3{
        font-size: 18px;
    }
}
@media (max-width:576px){
    .C-heading h2{
        font-size:22px;
    }

    .C-heading p{
        font-size:16px;
    }


    .card-content .h3{
        font-size: 18px;
    }
}
/* Ends here */

/* Brittany works around */

@media (max-width:768px){

    .Britt-works{
        padding:40px 0;
    }

    .mainbrit{
        margin-bottom:25px;
    }

    .mainbrit h2{
        font-size:32px;
    }

    .imagesdiv{
        max-width:420px;
        margin:0 auto;
    }

    .imagesdiv img{
        border-radius:12px;
    }

    .imagesdiv p{
        font-size:15px;
    }

    .imagesdiv .lastr{
        font-size:15px;
    }

}
@media (max-width:576px){
    .mainbrit h2{
        font-size: 28px;
        text-align: left;
    }
}

/* ends here */

/* Banner */
@media (max-width:767px){

    .container{
        width:92%;
    }

    .brittany-heading{
        text-align:center;
        margin-bottom:25px;
    }

    .brittany-heading h2{
        margin:0 0 20px;
        font-size:32px;
        line-height:1.25;
        text-align:center;
    }

    .banner-image img{
        width:100%;
        border-radius:16px;
    }
}
@media (max-width:576px){

    .container{
        width:94%;
    }

    .brittany-section{
        padding:45px 0;
    }

    .brittany-heading h2{
        font-size:28px;
        line-height:1.3;
        margin-bottom:18px;
        text-align: left;
    }

    .banner-image img{
        border-radius:14px;
    }
}
@media (max-width:480px){

    .container{
        width:95%;
    }


    .banner-image img{
        border-radius:12px;
    }
}
@media (max-width:380px){

    .banner-image img{
        border-radius:10px;
    }
}
@media (max-width:300px){

    .container{
        width:96%;
    }

    .brittany-section{
        padding:35px 0;
    }

    .brittany-heading h2{
        font-size:20px;
        line-height:1.4;
    }

    .banner-image img{
        border-radius:8px;
    }
}
/* ensd here */


/* our ai services */
@media (max-width:768px){
    .services-heading h2{
        font-size: 32px;
    }

      .services-heading .ser-h,
      .services-heading .desc{
        font-size:16px;
    }

    .service-content-ai h3{
        font-size: 20px;
    }
    
}
@media (max-width:576px){
    .ai-services{
        padding: 50px 0;
    }
    .services-heading h2{
        font-size:28px;
        text-align: left;
    }

      .services-heading .ser-h,
      .services-heading .desc{
        font-size:16px;
    }

    .service-content-ai h3{
        font-size: 20px;
    }

    .ai-services{
        padding: 0px;
    }
    
}
@media (max-width:426px){
   .ai-services{
        padding: 50px 0;
    }

    .services-heading h2{
    text-align: left;
    }

      .services-heading .ser-h,
      .services-heading .desc{
        font-size:16px;
    }

    .service-content-ai h3{
        font-size: 18px;
    }

       .service-content-ai p{
        font-size: 16px;
    }
    
}
/* ends here */

/* Domination section */
@media (max-width:991px){

    .market-domination{
        padding:50px 0;
    }

    .small-heading{
        font-size:24px;
    }

    .main-heading{
        font-size:16px;
        margin-bottom:30px;
    }

    .stats-row{
        margin-top:45px;
    }

    .stat-box{
        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.12);
        padding:20px 10px;
    }

    .stat-box h4{
        font-size:30px;
    }

}
@media (max-width:767px){


    .small-heading{
        font-size:22px;
    }

    .main-heading{
        font-size:15px;
        line-height:1.7;
        padding:0 10px;
    }

    .main-btn{
        width:100%;
        max-width:300px;
        height:54px;
        font-size:16px;
    }

    .stats-row{
        margin-top:35px;
    }

    .stat-box{
        padding:18px 8px;
    }

    .stat-box h4{
        font-size:26px;
    }

    .stat-box p{
        font-size:14px;
    }

    .stats-row .col-6:nth-last-child(-n+2) .stat-box{
        border-bottom:none;
    }

}
@media (max-width:400px){
   .C-heading h2{
    font-size: 28px;
   }
}
/* ends here */


/* Founder section */
@media (max-width:1439px){

.containers-widths{
    width:90%;
}

.heading-wrapper h2{
    font-size:46px;
}

.story-card{
    padding:28px;
}

.video-placeholder{
    min-height:560px;
    font-size:48px;
}

.founder-image{
    flex:0 0 150px;
}

.founder-image img{
    width:150px;
    height:175px;
}

.quote-content p,
.italic-text,
.bold-text{
    font-size:17px;
    line-height:28px;
}

.bolds-texts{
    font-size:16px;
    line-height:28px;
}

}
@media (max-width:1199px){

.containers-widths{
    width:92%;
}

.heading-wrapper{
    margin-bottom:35px;
}

.heading-wrapper h2{
    font-size:40px;
}

.heading-wrapper p{
    font-size:18px;
}

.story-card{
    padding:24px;
}

.top-content{
    gap:18px;
}

.founder-image{
    flex:0 0 130px;
}

.founder-image img{
    width:130px;
    height:155px;
}

.quote-content p{
    font-size:16px;
    line-height:26px;
}

.italic-text,
.bold-text{
    font-size:17px;
    line-height:28px;
}

.video-placeholder{
    min-height:500px;
    font-size:44px;
}

}
@media (max-width:991px){

.founder-story{
    padding:70px 0;
}

.heading-wrapper{
    text-align:center;
}

.heading-wrapper h2{
    font-size:38px;
}

.story-card{
    margin-bottom:30px;
}

.video-card{
    min-height:450px;
}

.video-placeholder{
    min-height:450px;
}

.top-content{
    flex-wrap:nowrap;
}

.founder-image{
    flex:0 0 140px;
}

.founder-image img{
    width:140px;
    height:165px;
}

}
@media (max-width:767px){

.founder-story{
    padding:60px 0;
}

.containers-widths{
    width:92%;
}

.heading-wrapper{
    text-align:center;
}

.heading-wrapper h2{
    font-size:34px;
    line-height:1.2;
}

.heading-wrapper h2 br{
    display:none;
}

.heading-wrapper p{
    font-size:17px;
}

.story-card{
    padding:22px;
}

.top-content{
    flex-direction:column;
    align-items:center;
    text-align:center;
    gap:20px;
}

.founder-image{
    flex:unset;
}

.founder-image img{
    width:180px;
    height:auto;
}

.quote-content{
    width:100%;
}

.quote-content p{
    max-width:100%;
    text-align:center;
}

.story-text{
    text-align:center;
}

.italic-text,
.bold-text{
    font-size:16px;
    line-height:28px;
}

.bolds-texts{
    font-size:15px;
    line-height:26px;
}

.read-more{
    justify-content:center;
}

.video-placeholder{
    min-height:340px;
    font-size:38px;
}

}
@media (max-width:575px){

.heading-wrapper h2{
    font-size:28px;
}

.heading-wrapper p{
    font-size:16px;
}

.story-card{
    padding:20px;
    border-radius:18px;
}

.video-card{
    border-radius:18px;
}

.founder-image img{
    width:165px;
}

.quote-content p,
.italic-text,
.bold-text{
    font-size:15px;
    line-height:25px;
}

.video-placeholder{
    min-height:280px;
    font-size:34px;
}

}
@media (max-width:480px){

.containers-widths{
    width:94%;
}

.heading-wrapper h2{
    font-size:28px;
}

.heading-wrapper p{
    font-size:15px;
}

.story-card{
    padding:18px;
}

.top-content{
    gap:18px;
}

.founder-image img{
    width:150px;
}

.quote-content p{
    font-size:14px;
    line-height:24px;
}

.italic-text,
.bold-text{
    font-size:14px;
    line-height:24px;
}

.read-more{
    font-size:14px;
}

.bolds-texts{
    font-size:14px;
    line-height:24px;
}

.video-placeholder{
    min-height:240px;
    font-size:30px;
}

}
@media (max-width:360px){

.who-we{
    text-align: left;
}

.story-card{
    padding:16px;
}

.founder-image img{
    width:130px;
}

.video-placeholder{
    min-height:220px;
    font-size:26px;
}

}
/* ends heree */

/* FAQ  */
@media (max-width:1400px){  

.faq-section{
    padding:70px 0;
}

.custom-accordion .accordion-button{
    font-size:22px;
    padding:18px 20px;
}

.accordion-body{
    font-size:17px;
}

}
@media (max-width:1200px){

.faq-section{
    padding:65px 0;
}

.faq-heading h2{
    font-size:44px;
}

.custom-accordion .accordion-button{
    font-size:20px;
    line-height:30px;
    padding:18px;
}

.accordion-body{
    padding:0 18px 18px;
    font-size:16px;
    line-height:1.8;
}

.faq-icon{
    width:30px;
    height:30px;
    font-size:20px;
}

}
@media (max-width:991px){

.faq-section{
    padding:60px 0;
}

.faq-heading{
    text-align:center;
}

.faq-heading h2{
    font-size:38px;
    line-height:1.2;
}

.custom-accordion .accordion-button{
    font-size:18px;
    padding:16px 18px;
}

.accordion-body{
    font-size:15px;
    line-height:1.7;
}

.faq-icon{
    width:28px;
    height:28px;
    font-size:18px;
}

}
@media (max-width:767px){

.faq-heading{
    text-align:center;
    margin-bottom:25px;
}

.faq-heading h2{
    font-size:34px;
}

.custom-accordion .accordion-item{
    border-radius:14px !important;
}

.custom-accordion .accordion-button{
    font-size:17px;
    line-height:28px;
    padding:16px;
}

.accordion-body{
    padding:0 16px 16px;
    font-size:16px;
}

.faq-icon{
    width:26px;
    height:26px;
    font-size:17px;
}

}
@media (max-width:575px){

.faq-section{
    padding:50px 0;
}

.faq-heading h2{
    font-size:28px;
    text-align: left;
}

.custom-accordion .accordion-button{
    font-size:16px;
    line-height:26px;
    padding:15px;
}

.accordion-body{
    padding:0 15px 15px;
    font-size:14px;
    line-height:1.7;
}

.faq-icon{
    width:24px;
    height:24px;
    font-size:16px;
}

}
@media (max-width:480px){

.faq-section{
    padding:50px 0;
}

.faq-heading h2{
    font-size:28px;
    text-align: left;
}

.custom-accordion .accordion-button{
    font-size:15px;
    line-height:24px;
    padding:14px;
}

.accordion-body{
    padding:0 14px 14px;
    font-size:14px;
}

.faq-icon{
    width:22px;
    height:22px;
    font-size:15px;
}

}
@media (max-width:360px){

.faq-heading h2{
    font-size:28px;
    text-align: left;
}

.custom-accordion .accordion-button{
    font-size:14px;
    line-height:22px;
    padding:12px;
}

.accordion-body{
    padding:0 12px 12px;
    font-size:14px;
    line-height:1.6;
}

.faq-icon{
    width:20px;
    height:20px;
    font-size:14px;
}

}
/* Ends here */