.eureka-why-box {display: flex;    padding-right: 70px;    margin-bottom: 25px;}
.eureka-why-box h3 {color: #C8C8C8;  font-size: 50px;  font-weight: bold; margin-right: 15px;font-family: var(--font-default);}
.eureka-why-box-sec {padding-top: 50px;}
.its-work {text-align: center;}
.its-work img {margin-bottom: 25px;    height: 87px;}
.its-work h4 {    font-size: 24px;
    color: #404041;
    font-style: normal;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;}
.its-work p {font-size: 16px;color: #404041; font-style: normal; font-weight: normal;}
.its-work-section {    margin-top: -10px;}
.Join-btn {text-align: center; margin-bottom: 60px;}
.white-btn {background-color: #ffffff; color: #000000; border-color: #ffffff;}
.white-btn:after {background: url(../images/arrow-black.svg) no-repeat;}
.eurekateams-advantage {background-size: cover;}
.eurekateams-advantage-text {width: 50%;}
.eurekateams-advantage-text h3 {    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
    line-height: 42px;
    font-style: normal;}  
    .eurekateams-advantage-text p {    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    font-style: normal;
    color: #ffffff;}
.pb-0 {padding-bottom: 0;}
.why-eureka-teams-wrapper {margin-top: 90px;}
.faq {background-color: #F3F3F3;}
.faq .accordion-item {margin: 20px 0; border: none;}
.faq .accordion-button:focus {box-shadow: none;}
.faq .accordion-button {height: 70px;font-size: 18px; color: #404041; line-height: 28px;background: #fff;box-shadow: none;}
/*.accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none;  color: #0066B2;font-weight: 600;
    padding-top: 30px;}*/
.accordion-item.active{border: 1px solid #0066B2!important;border-radius: 0px}
.accordion-item.active .accordion-button{color: #0066B2;font-weight: 500}
.why-eureka {background-color: #F3F3F3;
    background-size: cover;
    background-position: bottom left;
    background-repeat: no-repeat;background-blend-mode: multiply;}
.accordion-button::after {background-image: url('../images/plus.png');}
.accordion-button:not(.collapsed)::after {background-image: url('../images/sub.png'); transition: none; margin-top: -15px;}
.white-btn:hover {background-color: #ffffff; color: #000;}

.breadcrumb p {font-size: 12px;
    line-height: 22px;
    color: #828282;
    margin-bottom: 0;}

    .banner
{
  padding: 70px 0px;
  background-image: url(assets/images/BG.svg);
  background-color: #F3F3F3;
  background-size: 140%;
  background-position: center;
}
.banner-img
{
  text-align: center;
  margin: 10px 0px;
}
.banner-img h1
{
  font-size: 50px;
  font-weight: bold;
  font-family: "Mont";
}
.banner-img img
{
  width: 281px;
}
.banner-img h2
{
  color:#404041;
    font-size: 40px;
    font-weight: bold;
    margin-top: 20px;
    font-family:"Mont";
}
.banner-img p
{
  color: #404041;
    font-size: 18px;
    font-family: "Mont";
}
.middle
{
  padding: 80px 0px;
  background-image: url(assets/images/BG.svg);
  background-color: #F3F3F3;
  background-size: 140%;
  background-position: center;
}

.middle-img
{
  text-align: center;
}
.middle-img img
{
  width: 518px;
}
.middle-text
{
  text-align: center;
}
.middle-text h1
{
  font-size: 40px;
  font-weight: bold;
  margin-top: 20px;
  color:#404041;
}
.middle-text p
{
  padding-top: 4px;
  font-size: 18px;
  color: #404041;
}



@media only screen and (min-width:200px) and (max-width:767px)
{
  .banner-img h1
  {
    font-size: 45px;
  }
  .banner
  {
    padding: 30px 0px;
  }

  .banner-img h2
  {
    font-weight: 900;
    font-size: 20px;
  }
  .banner-img-head
  {
    margin: 50px 0px;
  }
  .banner-img p
  {
    font-size: 12px;
    line-height: 2;
  }
  .banner-img img {
    width: 240px;
}
.middle-text p
{
  font-size:13px;
  padding-top: 3px;

}
.middle-img img
{
  width: 300px;
}
.middle-text h1
{
  font-size: 22px;
}
}

@media (min-width: 768px) and (max-width: 1024px) 
{
  .banner
  {
    padding: 35px 0px;
  }
.banner-img h2
{
  font-weight: 900;
  font-size: 22px;
}

.banner-img-head
{
  margin: 50px 0px;
}
.banner-img p
{
  font-size: 12px;
  line-height: 1.8;
}

.banner-img img {
    width: 235px;
}
 .middle-text p
{
  font-size:15px;
}
.middle-img img
{
  width: 450px;
}


}



    
  @media(max-width:1024px){

.heading{    font-size: 32px;    line-height: 42px;}
.pt-80 {
    padding-top: 40px;
}
.py-100{padding:60px 0px}
.client-say-content .row {
    --bs-gutter-x: 30px;
}
.client-long-text{padding: 30px}
.client-say{
    padding: 70px 0 150px;}
    .get-in-touch{padding: 60px 0px}
}

 @media(max-width:992px){
.eurekateams-advantage-text {width: 80%;}
.info-list {margin: 15px;}
.case-study-list {margin: 10px 0;}
.contact-info-list {margin-bottom: 10px;}
.follow-us-container {margin-bottom: 10px;}
.about-us-blk .row, .accountablity .row {
    flex-direction: column-reverse;
}
.about-page-img{
  margin-bottom: 20px;
 }
 .heading{
      font-size: 32px;
      line-height: 36px;
 }
 .about-us-blk{padding-bottom: 50px}
 .about-page-img img{width: 100%;}
 .left-img-blk{margin-bottom: 20px}
 .py-80 {
    padding: 60px 0px 50px;
}
.right-img-blk{margin-bottom: 20px}
.blog-list-col-4{

    height: 260px;
}
.blog-col-content h4{font-size: 20px}
.ops-img{height: 400px}

}



@media(max-width:767px){
  .py-100 {padding: 40px 0;}
  p {font-size: 16px;  line-height: 24px;}
.eureka-why-box { padding-right: 0!important;}
.how-it-working .heading {text-align: center;}
.its-work-section { margin-top: 0;}
.Join-btn { margin-bottom: 0px;}
.eurekateams-advantage-text h3 { font-size: 30px; line-height: 40px;}
.eurekateams-advantage-text { width: 100%;}
.eurekateams-advantage-text p {font-size: 16px;line-height: 25px;}
.heading { font-size: 25px;line-height: 30px; margin-top: 10px;}
.banner-heading {font-size: 22px; line-height: 30px;}
.home-banner .btn-primary {margin-bottom: 15px;}
.why-eureka-teams-wrapper {  margin-top: 40px;padding: 30px;}
.info-list { padding: 20px; margin: 10px 0;}
.info-list h3 {font-size: 40px;line-height: 48px;}
.info-list h4 {  font-size: 22px;line-height: 30px;}
.how-it-works { padding-top: 60px;}
.how-it-works-list p { font-size: 16px;line-height: 30px;}
.case-study { padding: 50px 0px;}
.csl-content h4 {font-size: 16px;line-height: 24px;}
.case-study-list {margin: 10px 0;}
.eureka-advantages {padding: 40px 0;}
.get-in-touch { padding: 50px 0 20px;}
#footer img {max-width: 100%;}
.contact-info-list {margin-bottom: 10px;}
.follow-us-container {margin-bottom: 10px;}

}

@media(max-width:572px){
.btn-primary { padding: 12px 10px 12px 25px;  font-size: 16px;}
}