@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* font-family: "Montserrat", sans-serif; */
@font-face {
    font-family: 'Kefir-light';
    src: url('../fonts/kefir-light.woff') format('woff');
   
    font-style: normal;
}

@font-face {
    font-family: 'Kefir-medium';
    src: url('../fonts/kefir-medium.woff') format('woff');
   
    font-style: normal;
}

@font-face {
    font-family: 'Kefir-bold';
    src: url('../fonts/kefir-demi-bold.woff') format('woff');

    font-style: normal;
}


:root{
  --pink:#f0307f;
  --pink-soft:#fbd0e4;
  --pink-pale:#fdf0f6;
  --ink:#0c0c0c;
  --wt:clamp(26px,7vw,60px);     /* top wave height    */
  --wb:clamp(46px,12vw,104px);   /* bottom wave height */
  --serif:'Fraunces',Georgia,serif;
  --sans:'Montserrat',Arial,sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}


body{
  font-family:var(--sans);color:var(--ink);
  background:#f3f4f8;
  line-height:1.35;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.1}

/* centred "canvas" like the design preview */
.page{
  /* max-width:1260px; */
  
  margin:0 auto;background:#fff;
  box-shadow:0 0 30px rgba(0,0,0,.08);
}

/* ---------- Section + wave backgrounds ---------- */
.section{
  position:relative;overflow:hidden;
  padding:calc(var(--wt) + 14px) 2% calc(var(--wb) + 10px);
      background: radial-gradient(ellipse at 52% 48%, #ffffff 20%, #ffe4ef 62%, #fcb5d1 100%);
  /* background:
    radial-gradient(ellipse 60% 50% at 50% 55%,#fff 0%,rgba(255,255,255,0) 100%),
    linear-gradient(180deg,#fff 0%,var(--pink-pale) 70%,var(--pink-soft) 100%); */
}
/* .section::before,
.section::after{
  content:"";position:absolute;left:0;width:100%;
  background-repeat:no-repeat;background-size:100% 100%;
  pointer-events:none;z-index:0; */
  /* background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 860 60' preserveAspectRatio='none'%3E%3Cpath d='M0 0H860V34C720 52 600 8 440 18C300 27 140 6 0 0Z' fill='%23f0307f'/%3E%3Cpath d='M860 22C730 40 610 -2 440 8C300 17 140 -2 0 -6' fill='none' stroke='%23ff7ab5' stroke-width='3' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M860 40C720 58 600 14 440 24C300 33 140 12 0 6' transform='translate(0,3)' fill='none' stroke='%23111' stroke-width='5' vector-effect='non-scaling-stroke'/%3E%3Cpath d='M860 40C720 58 600 14 440 24C300 33 140 12 0 6' transform='translate(0,8)' fill='none' stroke='%23fff' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E"); */
/* } */
/* top-right wave */
.section::before{top:0;height:var(--wt)}
/* bottom wave (mirrored so the heavy swoosh sits at the bottom-right) */
.section::after{bottom:0;height:var(--wb);transform:scale(-1,-1)}
.section > *{position:relative;z-index:1}

/* ---------- Photo placeholders ---------- */
.ph{
  background:linear-gradient(135deg,#f4a9cb 0%,#dcd6e2 100%);
  display:grid;place-items:center;color:#fff;overflow:hidden;
}
.ph svg{width:32%;max-width:64px;opacity:.9}
.ph img{width:100%;height:100%;object-fit:cover}
.photo{border-radius:12px;aspect-ratio:1/1.05;width:100%}

/* ---------- 1. Hero ---------- */
.hero{padding-top:calc(var(--wt) + 31px);padding-bottom:calc(var(--wb) + 130px);
/* background:url(../images/full.svg) no-repeat;
background-position-y: 0; */
position: relative;
}
.hero::after{
      content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.services::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}

.hero-row{display:flex;align-items:center;gap:3%;padding-left:1%;
    max-width: 1260px;
    margin-inline: auto;
}
.logo{
  /* flex:0 0 40%;aspect-ratio:1/1.02; */
  max-width: 400px;
  background:#fff;
border-radius: 42px;
  box-shadow:0 4px 18px rgba(0,0,0,.08);
  width: 100%;
}
.hero-text {
    width: calc(100% - 400px);
}

h1, h2{ font-family: 'Kefir-bold';}

.logo img{padding:2%;object-fit:contain}
.logo svg{color:var(--pink)}
.hero h1{    font-size: clamp(2rem, 8vw, 5.6rem);
    font-family: 'Kefir-bold';
    letter-spacing: 0;
    line-height: 1;}
.hero-text p { margin-top: .6em; font-weight: 400;font-size: 25px;font-family: "Montserrat", sans-serif;}

/* ---------- 2. Services ---------- */
.services{padding-top:calc(var(--wt) + 8px);padding-bottom: 220px;}
.svc-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:3%;
    max-width: 1260px;
    margin-inline: auto;
}
.svc-col{display:flex;flex-direction:column;gap:20px}
.svc-col.right{padding-top:8px}
.svc-col h2{font-size: 48px;;margin:0 0 18px 2%}
.svc{display:grid;grid-template-columns:38% 1fr;gap:3%;align-items:start;position: relative;    transition: all .8s ease-in-out;}
.svc-col.right .svc{grid-template-columns:42% 1fr;transition: all .3s ease-in-out;}
/* .svc p{font-size:clamp(.5rem,1.55vw,.78rem);line-height:1.22} */
.svc p.u{text-decoration:underline}
.svc p {    color: #000;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0;
    margin-block: auto;font-size: 20px;font-family: "Montserrat", sans-serif;
}
.svc a{font-size: 20px;transition: all .3s ease-in-out;}
.svc a{width: 100%;height: 100%;position: absolute;}
/* .svc:hover p{text-decoration: underline;transition: all .3s ease-in-out;} */

.svc p {
    text-decoration: underline;
    text-decoration-color: transparent; /* Starts invisible */
    text-decoration-thickness: 2px;     /* Optional: adjust thickness */
    text-underline-offset: 4px;         /* Optional: space it slightly away from text */
    transition: text-decoration-color 0.3s ease-in-out;
}

.svc:hover p {
    text-decoration-color: currentColor; /* Smoothly fades in across all lines */
}
/* ---------- 3. Caring from the heart ---------- */
.heart{padding-top:calc(var(--wt) + 7px);    padding-bottom: 204px;}
.heart-text{padding:0 8% 0 8%;
    max-width: 1260px;
    margin-inline: auto;
}
.heart-text h3{    font-size: 25px; font-family: 'Kefir-light';
    font-weight: 400;
    margin-bottom: 1rem;}
.heart-text p{ font-family: 'Kefir-light';   font-weight: 400;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 16px;}

/* ---------- 4. Our wonderful carers ---------- */
.carers{padding-left:3%;padding-right:3%;padding-bottom:20px;    padding-top: 90px;
}
.collage{position:relative;aspect-ratio:415/235;
    max-width: 1260px;
    margin-inline: auto;}
.intro{position:absolute;inset:0 0 auto 0;text-align:center;z-index:2;pointer-events:none;    max-width: 46%;   margin-inline: auto;}
.intro h2 span {display: inline-block;}

.intro h2{font-size: 38px;   font-weight: 600; line-height: 1;text-align: center;}
.intro p{   font-family: 'Kefir-medium';font-weight: 600;
    font-size: 26px;
    line-height: normal;
    margin-top: .6em;}
.intro p span {
    display: block;
    text-align: center;
}


.circles{position:absolute;inset:0}
.c{position:absolute;border-radius:50%;aspect-ratio:1/1}
.c1{left:1.7%; top:16.6%;width:22%}
.c2{left:2.4%; top:64%;  width:19.5%}
.c3{left:31.6%;top:45.5%;width:29.4%}
.c4{left:72.8%;top:6.8%; width:19.3%}
.c5{left:67%;  top:45%;  width:30.8%}

/* ---------- 5. Students ---------- */
.students{text-align:center;padding-top:60px;    padding-bottom: 210px;
}
.students h2{font-size: 48px;line-height: 1;}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;margin-top:50px;padding:0 2%}
.trio figure{display:flex;flex-direction:column;align-items:center;gap:30px;}
.trio figcaption{font-family:var(--serif);font-weight:600;font-size:clamp(.5rem,1.5vw,.8rem)}
.circle{width:100%;aspect-ratio:1/1;border-radius:50%}
.trio h4{font-size: 25px;  font-family: 'Kefir-light';}
/* ---------- 6. Best service + meet our carers ---------- */
.best{padding-left:4%;padding-right:4%;
       padding-top: 100px;
       padding-bottom: 100px;
}
.best-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;
   max-width: 1260px;
    margin-inline: auto;}
.best-text h2{font-size: 48px;  margin-bottom: .7em;  line-height: 1;}
.best-text p{font-size: 16px;  line-height: 1.3;margin-bottom: .9rem;font-family: "Montserrat", sans-serif;}
.best-text p.by{font-family:var(--serif);font-weight:500;font-size:clamp(.55rem,1.6vw,.85rem);margin:0 0 .8em 7%}
.best-text h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: .8rem;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}
.card{background:#fff;border-radius:50px;padding:0;text-align:center; border:2px solid #fbd0e4; box-shadow:0 6px 22px rgba(240,48,127,.22);}
.card img {  border-radius: 50px;}
.logo-sm{width:16%;aspect-ratio:1/1;border-radius:50%;margin:-14% auto 2%;background:#fff;border:2px solid var(--pink-soft)}
.logo-sm svg{color:var(--pink)}
.meet{font-family:var(--sans);font-weight:600;font-size:clamp(.5rem,1.7vw,.85rem);letter-spacing:.04em}
.meet.line{font-size:clamp(.4rem,1.1vw,.62rem);display:flex;align-items:center;gap:6px;justify-content:center;margin-bottom:4%}
.meet.line::before,.meet.line::after{content:"";height:1px;width:14%;background:var(--ink)}
.script{font-family:'Great Vibes',cursive;color:#d6246e;font-size:clamp(1.3rem,5.2vw,2.5rem);line-height:1;font-weight:400}
.team{width:100%;aspect-ratio:16/8.6;border-radius:12px;margin-bottom:4%;border:2px solid #fff;box-shadow:0 0 0 1px var(--pink-soft)}
.thanks{font-size:clamp(1.1rem,4.2vw,2rem)}
.best-text { height: 100%;padding-top: 5%;}
/* ---------- 7. FAQs ---------- */
.faq{padding-left:6%;padding-right:6%;padding-bottom: 300px;}
.faq h2 {
    font-size: 48px;
    margin-bottom: 6%;
}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}
.faq-grid h3{font-family:var(--sans);font-weight:500;  font-size: 20px; margin-bottom: .6em;line-height: 1.5;}
.faq-grid p{font-size: 16px;  line-height: 1.5;}
.faq-grid>div {
    display: flex;
    flex-wrap: wrap;
}
/* ---------- 8. Contact ---------- */
.contact{padding-left:9%;padding-right:6%;padding-top: 210px;
 padding-bottom: 200px;}
.contact-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:6%;align-items:start;
        max-width: 1260px;
    margin-inline: auto;
}
.contact h2{font-size:44px;margin-bottom:.6em}
.contact h3{font-size: 25px;margin-bottom:22px;
    font-family: 'Kefir-medium';}
.contact p{font-size:18px;line-height:1.3;margin-bottom:1.2em}
.contact a{color:inherit;text-decoration:none}
.follow{margin-top:1.4em}
.social{display:flex;gap:10px}
.social a{
  color:var(--pink);display:grid;place-items:center;
  font-weight:700;font-family:var(--sans);font-size: 32px;
}
.contact-grid>div:nth-child(2) p {
    font-size: 16px;
}
.other-contact p { font-size: 16px;}

.addrss p {
    margin-bottom: .2rem;
        font-size: 20px;
}
.addrss div{margin-bottom: .2rem;    font-size: 20px;}
.social-icons {margin-top: 5rem;}
.social a svg {
    width: 30px;
    height: 30px;
}
.social-icons h3 {
    margin-bottom: 15px;
}


.hero::before{
      content:"";
      position:absolute;
      right:0;
       width: 35%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:6vw;

}



.services::after{
      content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.heart::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}
.heart::after{
        content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.heart , .carers , .students ,.best , .faq , .contact{
    position: relative;
}



.carers::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}
.carers::after{
        content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.students::after{
        content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
} 
.students::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}


.best::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}
.best::after{
        content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
} 

.faq::after{
        content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
} 

.faq::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}
.contact::after{
        content:"";
      position:absolute;
      left:0;
      width:85%;
  background:url(../images/bot.png) no-repeat bottom;
    background-size: cover;
    height: 17vw;
    transform: matrix(1, 0, 0, 1, 0, 0);
} 
.contact::before{
      content:"";
      position:absolute;
      right:0;
       width: 40%;
      top: 0;
  background:url(../images/top.png) no-repeat center;
    background-size: cover;
    height:7vw;

}
/* .contact */

.student-cont{
        max-width: 1260px;
    margin-inline: auto;
}

.faq-cont {
           max-width: 1260px;
    margin-inline: auto; 
}

.addrss a{transition: all .3s ease-in-out;}
.addrss a:hover{color: #f43a93;}

.social a{transition: all .3s ease-in-out;}
.social a:hover{transform: scale(1.1);}

.students h2 span {
    display: block;
}


/* ---------- Scroll-roll behaviour (used on phones) ---------- */
.roll{scrollbar-width:none}
.roll::-webkit-scrollbar{display:none}

/* =========================================================
   Responsive
   ========================================================= */


@media (max-width:1240px){
.intro h2 {
    font-size: 32px;}
.intro p {  font-size: 22px;}
.intro{max-width: 49%;}
.best {   padding-bottom: 110px;}
.faq { padding-bottom: 210px;}

.contact { padding-top: 160px; padding-bottom: 153px;}
.students { padding-bottom: 185px;}


.hero {
    padding-bottom: calc(var(--wb) + 118px);

}

}


@media (max-width:1024px){
  .contact {
        padding-top: 129px;
        padding-bottom: 130px;
    }
.svc p{font-size: 18px;}
.students h2 {
    font-size: 38px;
}

.hero {
    padding-top: calc(var(--wt) + 30px);
    padding-bottom: calc(var(--wb) + 100px);
}
.services {
    padding-bottom: 190px;
}
.heart {
    padding-bottom: 170px;
}

.logo { max-width: 350px;}

.hero h1 {font-size: 60px;}

}



@media (max-width:991px){
    .contact {
          padding-top: 100px;
        padding-bottom: 100px;
    }
.hero h1 {
    font-size: 45px;}

    .svc p {
        font-size: 16px;
    }
.svc-col h2 {
    font-size: 40px;}
    .intro h2 {
        font-size: 25px;
    }
    .intro p {
        font-size: 17px;
    }
        .intro {
        max-width: 45%;
    }
   .intro p span{display: inline;}

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

.best-text h2 {
    font-size: 32px;
}
.faq h2 {
    font-size: 38px;
}
.contact h2 {
    font-size: 34px;
}
.logo {
    max-width: 275px;}

    .students {
        padding-bottom: 149px;
    }



}

@media (max-width:767px){
    .logo {
    max-width: 234px;}

    .hero h1 {
        font-size: 36px;
    }
.hero-text p {
    font-size: 20px;
}

.svc-grid {
    display: grid;
    grid-template-columns:1fr;
        gap: 20px;

}
 .svc-grid .svc-col.right {
        order: -1; /* Moves it above the first child */
    }

.svc {grid-template-columns: 42% 1fr;}

.heart {   padding-bottom: 140px; }
.best-grid {grid-template-columns: 1fr;gap: 35px;}
.contact h2 { font-size: 27px;}
.contact { padding-left: 6%;padding-right: 6%;}
.best {padding-top: 56px;}

.trio h4 {font-size: 22px;}
.best-text p , .best-text h2{  text-align: center;}
    .services {
        padding-bottom: 141px;
    }
.heart {
    padding-top: calc(var(--wt) + 20px);}
.intro {   max-width:100%;        margin-bottom: 40px;        position: static; }

.carers .roll {
    scrollbar-width: none;
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
justify-content:center;
        width: 100%;
        height: auto;
                position: static;
                        row-gap: 24px;
}
 .collage {  aspect-ratio: auto;    position: static; }
.carers .c { position: static !important;inset: 0 !important;  width:48% !important;}
.carers {  padding-bottom: 120px; }
.addrss p {   font-size: 18px;}
.addrss div { font-size: 18px;}
.faq {    padding-bottom: 120px;  }

.faq-grid {
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
}
.faq-grid h3{margin-bottom: 7px;}
    .intro p {
        max-width: 80%;
        margin-inline: auto;
    }

    .intro h2 {
        font-size: 32px;
    }
    .intro p {
        font-size: 24px;
    }
    .students {
        padding-bottom: 120px;
    }
    .hero {
        padding-bottom: calc(var(--wb) + 81px);
    }
}

@media (max-width:600px){
  /* collage turns into a rolling slider of circles */
  .collage{aspect-ratio:auto}
  .intro{        position: static;
        margin-bottom: 16px;
        max-width: 100%;
        margin-bottom: 44px;}
  .intro h2{font-size:32px}
  .intro p{font-size:24px}
  .circles{
    position:static;display:flex;gap:4%;
    /* overflow-x:auto;
    scroll-snap-type:x mandatory; */
    padding:4px 2px 10px;
            flex-wrap: wrap;
                    justify-content: center;
  }
  .c{position:relative;flex:0 0 48%;width:auto;scroll-snap-align:center;inset: 0;}

  /* students trio rolls too */
  .trio{display:flex;gap:16px;
    /* overflow-x:auto;scroll-snap-type:x mandatory; */
 padding:4px 2px 10px;       
gap:4%;display:flex;flex-wrap:wrap;justify-content: center; row-gap: 24px;}
  .trio figure{flex:0 0 48%;    gap: 16px;  /* scroll-snap-align:center */}

  .svc-grid,.best-grid,.contact-grid{grid-template-columns:1fr}
  .svc,.svc-col.right .svc{grid-template-columns:42% 1fr}
    .svc p {
        font-size: 16px;
    }
  .heart-text{padding:0 3%}
  .heart-text p{font-size:.75rem}
.heart-text p {   font-size: 17px;}
  .best-text p.by{font-size:.8rem}
  .logo-sm{margin-top:-9%;width:22%}
  .meet{font-size:.75rem}
  .meet.line{font-size:.6rem}
  .faq-grid{grid-template-columns:1fr;gap:20px}

  .contact{padding-left:7%}
  .contact p{text-align: center;}
  .trio figcaption{font-size:.85rem}
    .heart {   padding-bottom: 113px;}


    .hero {
        padding-top: 50px;
        padding-bottom: 105px;
    }
    .services {
        padding-bottom: 130px;
    }
    .contact h2 {
        font-size: 30px;
        text-align: center;
                margin-bottom: 22px;
    }

    .addrss div {
        text-align: center;
    }
.contact h3 {
    text-align: center;}


.social-icons {
    margin-top: 0rem;
}
.social {
    align-items: center;
    justify-content: center;
}
    .contact {
        padding-top: 70px;
        padding-bottom: 115px;
    }

}


@media (max-width:575px){


    .logo {
        max-width: 160px;
    }
.hero-text {
    width: calc(100% - 160px);
}

    .hero h1 {
        font-size: 28px;
    }
    .hero-text p {
        font-size: 18px;
    }
    .intro h2 {
        font-size: 30px;
    }
    .intro p {
        font-size: 22px;
    }

    .carers {
        padding-bottom: 95px;
        padding-top: 75px;
    }

    .students h2 {
        font-size: 30px;
    }
        .best-text h2 {
        font-size: 30px;
    }
        .faq h2 {
        font-size: 35px;
    }
    .students {
        padding-bottom: 105px;
    }

}

@media (max-width:480px){
    .logo {
        max-width: 106px;
    }
    .hero-text {
        width: calc(100% - 110px);
    }
.hero h1 {
        font-size: 18px;
    }
    .hero-text p {
        font-size: 12px;
    }

.logo {
border-radius: 24px;}

.svc, .svc-col.right .svc {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-inline: 10px;
    }

    .svc-grid {
        gap: 30px;
    }
.svc-col {
    gap: 30px;
}
.svc-col.right {
    gap: 10px;
}

    .services {
        padding-bottom: 90px;
    }
    .heart {
        padding-bottom: 80px;
    }

.intro h2 {
        font-size: 26px;
    }
.intro h2 span, .intro p span {
       display: inline;
    }

.intro p {
        font-size: 20px;
    }

    .carers {
        padding-bottom: 80px;
    }
    .students h2 {
        font-size: 28px;
    }
.trio{margin-top: 40px;}
    .trio h4 {
        font-size: 20px;
    }
    .faq h2 {
        font-size: 30px;
    }

        .contact h2 {
        font-size: 28px;}


      .hero {

        padding-bottom: 83px;
    }
    .svc-col h2 {
        font-size: 32px;
    }
    .students {
        padding-bottom: 80px;
    }
}