h1 {
    font-family: 'Raleway','Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-size: 40px;
}
h3 {
    font-family: 'Poppins', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;;
    font-size: 1.5rem;
    line-height: 36px;
    font-weight: 800;
}
p {
    font-size: 0.875rem;
    line-height: 28px;
    font-family: 'Poppins', 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: 500;
}




/* about page */
#service-hero {
    display: flex;
flex-direction: row;
align-items: flex-start;
padding: 80px 100px;
gap: 43px;

width: 100%;
height: 250px;

background: #481249;


}

#service-hero h1{
    font-family: 'Raleway';
font-style: normal;
font-weight: 700;
font-size: 40px;
line-height: 28px;
margin-top: 15px;
/* identical to box height, or 70% */

text-align: center;

color: #FDFAFA;
}
/* #about-hero h3 {
    float: left;
} */
#service-hero p {
    width: 452px;
height: 72px;

font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 36px;
/* or 225% */


color: #FDFAFA;
}
/* section 2 */
section {
    padding: 64px 100px;
}
img {
    margin-right: 120px;
}
#section-2 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    /* float: left; */
}
/* #section-2 div {
    clear: right;
} */
section h3 {
    /* margin-left: 120px; */
    max-width: 498px;
    margin-bottom: 24px;
}
section p {
    max-width: 498px;
}
/* card */
.card-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .card {
    margin: 10px;
    width: 380px;
    border-radius: 20px;
    border: 1px solid black;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 24px 24px;
    align-items: center;
    justify-content: center;
  }
  
  .card-header {
    padding: 10px;
    border-radius: 20px 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .card-header img {
    margin: 0;

  }

  .card-header h2 {
    margin: 0;
  }
  
  .card-body {
    padding: 10px;
    margin: 0;
  }
  
/* card */
/* responsive */
@media screen and (max-width: 787px) {
    p {
      margin-left: 0;
    }
    img {
        margin-right: 0px;
        max-width: auto;
        height: 100%;
        padding-bottom: 16px;
    }
    .card {
        width: 100%;
      }
    section {
          padding: 20px;
        }
            #about-hero h1{
        width: 100%;
    }
    #about-hero p{
        max-width: 100%;
        margin: 0%;
    }
}

.track_records{
    background-image: url(./images/stretch.png);
    background-repeat: no-repeat;
    padding: 10px;
    background-size: cover;
    height: 300px;
}

.home{
    width: 46px; height: 19px;
}
.about{
    width: 70px; height: 19px;
}
.service
{
    width: 68px; height: 19px;
}
.contact{
    width: 85px; height: 19px;
}

/* new */

.services-hero-section {
    /* margin-top: 2rem; */
    padding: 3rem;
    
  }
  :root {
    /* dark shades of primary color*/
    --clr-primary-1: hsl(205, 86%, 17%);
    --clr-primary-2: hsl(205, 77%, 27%);
    --clr-primary-3: hsl(205, 72%, 37%);
    --clr-primary-4: hsl(205, 63%, 48%);
    /* primary/main color */
    --clr-primary-5: #49a6e9;
    /* lighter shades of primary color */
    --clr-primary-6: hsl(205, 89%, 70%);
    --clr-primary-7: hsl(205, 90%, 76%);
    --clr-primary-8: hsl(205, 86%, 81%);
    --clr-primary-9: hsl(205, 90%, 88%);
    --clr-primary-10: hsl(205, 100%, 96%);
    /* darkest grey - used for headings */
    --clr-grey-1: hsl(209, 61%, 16%);
    --clr-grey-2: hsl(211, 39%, 23%);
    --clr-grey-3: hsl(209, 34%, 30%);
    --clr-grey-4: hsl(209, 28%, 39%);
    /* grey used for paragraphs */
    --clr-grey-5: hsl(210, 22%, 49%);
    --clr-grey-6: hsl(209, 23%, 60%);
    --clr-grey-7: hsl(211, 27%, 70%);
    --clr-grey-8: hsl(210, 31%, 80%);
    --clr-grey-9: hsl(212, 33%, 89%);
    --clr-grey-10: hsl(210, 36%, 96%);
    --clr-white: #fff;
    --clr-red-dark: hsl(360, 67%, 44%);
    --clr-red-light: hsl(360, 71%, 66%);
    --clr-green-dark: hsl(125, 67%, 44%);
    --clr-green-light: hsl(125, 71%, 66%);
    --clr-gold: #c59d5f;
    --clr-black: #222;
    --ff-primary: "Roboto", sans-serif;
    --ff-secondary: "Open Sans", sans-serif;
    --transition: all 0.3s linear;
    --spacing: 0.25rem;
    --radius: 0.5rem;
    --light-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --dark-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    --max-width: 1170px;
    --fixed-width: 620px;
  }
  
  *,
  ::after,
  ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  
  .section-center {
    width: 90vw;
    margin: 0 auto;
    max-width: 1170px;
  }
  
  
  .section-center {
    max-width: var(--fixed-width);
  }
  .question {
    
    align-items: flex-start;
    padding: 20px 40px;
    gap: 10px;
    width: 100%;


        background: #FFFFFF;
    border: 1px solid #3D3B3C;
    border-radius: px;
  }
  .question-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
  }
  
  .question-btn {
    font-size: 1.5rem;
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    color: #000;
    transition: all 0.3s linear;
  }
  .question-btn:hover {
    transform: rotate(90deg);
  }
  .question-text {
    padding: 1rem 0 1.5rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .question-text p {
    margin-bottom: 0;
    justify-content: center;
   

  }
  /* hide text */
  .services-hero-section {
    /* margin-top: 2rem; */
    padding: 3rem;
    
  }
  
  
  
  .section-center {
    width: 90vw;
    margin: 0 auto;
    max-width: 1170px;
  }
  
  
  .section-center {
    max-width: var(--fixed-width);
    
  }

  

  .question {
    background: var(--clr-white);
    border-radius: var(--radius);
    box-shadow: var(--light-shadow);
    padding: 10 1.3rem;
    margin-bottom: 1rem;
    width: 100%;
    
   
  }
  .question-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
  }
  
  .question-title p {
    font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 36px;
/* identical to box height, or 144% */


color: #3D3B3C;
  }
  .question-btn {
    font-size: 1.5rem;
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    color: #000;
    transition: all 0.3s linear;
  }
  .question-btn:hover {
    transform: rotate(90deg);
  }
  .question-text {
    padding: 1rem 0 1.5rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
  .question-text p {
    margin-bottom: 0;
    justify-content: center;
    max-width:100%;
    
  }
  /* hide text */
  .question-text {
    display: none;
  }
  .show-text .question-text {
    display: block;
  }
  .minus-icon {
    display: none;
  }
  .show-text .minus-icon {
    display: inline;
  }
  .show-text .plus-icon {
    display: none;
  }
  
.drp{
    font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 25px;
line-height: 36px;
/* identical to box height, or 144% */


color: #3D3B3C;
}



.gap2{
    margin-top: -120px;
   
}
  
.d{
  display: flex;
  flex-direction: row;
  gap:70px;
}

.number{
  width: 31px;
height: 36px;
margin-top: 20px;


font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-size: 25px;
line-height: 36px;
/* identical to box height, or 144% */


color: #7E7E7E;
}