/* =====================================
   Hero
   ===================================== */
.hero-alt {
  position: relative;
  overflow: hidden;
    padding: 0px 24px 0px 24px;
    background-image: url(https://medicalcv.co.uk/wp-content/uploads/2025/09/hero-background-scaled-1.png);
    background-repeat: no-repeat;
    background-size: 166%; 
    background-position: center top;
	
}


.hero-alt__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
}

.hero-alt__title {
  margin: 0 0 10px;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
 color: var(--text);
}
.hero-alt__title p{
	padding-bottom : 0px !important;
  margin-bottom :40px !important;
}


.hero-alt__title span{ 
color: var(--teal);
font-weight : bold;
 font-family: 'Manrope', Helvetica, Arial, Lucida, sans-serif;
 }

.hero-alt__sub p {
  max-width: 45ch;
  color: var(--text);
  line-height: 1.4em;
   font-size: 22px;
padding-bottom : 50px ;
margin-bottom : 0px ;
letter-spacing: -1px;
    font-weight: 500;
}

.hero-alt__actions {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
}

.hero-alt__media { text-align: center; }

.hero-alt__img {
 max-width :100%
  height: auto;
  object-fit: contain;
	margin-bottom: -7px;
}

/* ===== Tablet (767px – 1024px) ===== */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .hero-alt {
    padding: 50px 30px 40px;
    background-size: 150%;
    background-position: center;
  }
 .hero-alt__title p {
    margin-bottom :0px !important;
      padding-bottom :15px !important;
  }

.hero-alt__actions {
    display: flex
;
    gap: 23px;
    /* flex-wrap: wrap; */
    /* flex-direction: row; */
    display: inline;
}
  .hero-alt__title {
    font-size: 38px;
  }

  .hero-alt__sub p {
    font-size: 20px;
  }

  .hero-alt__img {
    width: 100%;
    margin: 0 auto;
  }
}

/* ===== Mobile (≤767px) ===== */
@media only screen and (max-width: 767px) {
  .hero-alt__inner {
       max-width: var(--maxw);
    margin: 0 auto;
    display: flex;
    gap: clamp(24px, 5vw, 64px);
    align-items: center;
    flex-direction: column-reverse;
  }

 .hero-alt__title p {
    margin-bottom :0px !important;
      padding-bottom :15px !important;
  }

  .hero-alt {
    padding: 60px 24px 0;
    background-size: 500%;
  }

  .hero-alt__title {
    font-size: 32px;
    line-height: 1.2;
  }

  .hero-alt__sub p {
    font-size: 18px;
  }

  .hero-alt__media {
    order: -1; /* Image above text */
  }

  .hero-alt__img {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
  }

  .hero-alt__actions {
    justify-content: center;
    gap: 16px;
  }
}

/* =====================================
   Features Strip
   ===================================== */
.features-strip {
  padding: 32px 24px;       /* simple fixed padding */
  background: var(--teal);
  color: var(--text-on-teal);
margin-bottom :40px;
}

.features-strip__inner {
  max-width: var(--maxw);
  margin: 0 auto;
}

.features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(16px, 3vw, 32px);
  grid-template-columns: repeat(4, 1fr);
}

.feature {
  display: grid;
  grid-template-columns: 28px 1fr;
  column-gap: 12px;
  align-items: start;
}

.feature__icon {
  display: inline-grid;
  place-items: center;
}

.feature__text {
     margin: 0;
    font-size:19px;
    color: #ffffff;
    line-height: 1.5em;
     font-weight : 300;
}

/* ===== Tablet (767px – 1024px) ===== */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .features {
    grid-template-columns: repeat(2, 1fr);
     gap: clamp(30px, 3vw, 32px);
      padding: 5px 24px;
  }
  .feature__text {
    font-size: 17px;
  }
}

/* ===== Mobile (≤767px) ===== */
@media only screen and (max-width: 767px) { 
.features {
    grid-template-columns: 1fr;
  }
.features-strip {
		margin-top:-8px;
	} 

.features {
  gap: clamp(30px, 3vw, 32px);
 
}
	.features-strip{
		margin-bottom : 20px;
	}
  
  .feature__text {
    font-size: 16px;
  }
}
/* =====================================
   Content Left / Right
   ===================================== */
.lr-section {
  padding: 60px 24px 0px 24px; 
}


.lr__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:40px;
  align-items: center;
}

.lr__title {
     margin: 0 0 12px;
    font-weight: 700;
    color: var( --text) !important;
    font-size: 30px;
}

.lr__text {
      margin: 0 auto;
    max-width: 57ch !important;
    color: var(--text);
   line-height: 1.5em;
    font-size: 19px !important;
    word-wrap: break-word;
    font-weight: 300;
}

.lr__media { position: relative; }

.lr__img {
  width: 100%;
  max-width: 560px;
  height: auto;
  object-fit: contain;
}



/* Reverse row on demand */
.lr-section.is-reverse .lr__content { order: 2; }
.lr-section.is-reverse .lr__media   { order: 1; }

/* =====================================
   Content Left / Right
   ===================================== */
.lr-section {
  padding: 60px 24px 0px 24px; 
}

.lr__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.lr__title {
  margin: 0 0 12px;
  font-weight: 700;
  color: var(--text) !important;
  font-size: 30px;
}

.lr__text {
  margin: 0;
  max-width: 60ch;
  color: var(--text);
  line-height: 1.5em;
  font-size: 18px;
  word-wrap: break-word;
}

.lr__media { 
  position: relative; 
}

.lr__img {
  width: 100%;
  max-width: 560px;
  height: auto;
  object-fit: contain;
}

/* Reverse row on demand (desktop only) */
.lr-section.is-reverse .lr__content { order: 2; }
.lr-section.is-reverse .lr__media   { order: 1; }

/* ===== Tablet (767px – 1024px) ===== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/*   .lr__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }
 */

.lr__inner {
    max-width: var(--maxw);
    margin: 0 auto;
    display: flex;
    gap: 40px;
	}

.lr-section {
        padding: 40px 32px 30px 32px;
    }

 
  .lr__title {
    font-size: 26px;
  }
  .lr__text {
    font-size: 17px;
  }
}

/* ===== Mobile (≤767px) ===== */
@media only screen and (max-width: 767px) {
  .lr__inner {
    grid-template-columns: 1fr;
    gap: 24px;
  }
.lr-section {
  padding: 40px 28px 0px 28px; 
}


  .lr__media {
    order: -1; /* Image first */
    justify-self: center;
  }
  .lr-section.is-reverse .lr__content,
  .lr-section.is-reverse .lr__media {
    order: initial; /* Override reverse for stacked layout */
  }
  .lr__title {
    font-size: 24px;
  }
  .lr__text {
    font-size: 16px;
  }
}
/* =====================================
   FAQ
   ===================================== */
.faq {
  position: relative;
  overflow: hidden;
   padding: 72px 24px 0px 24px;

    background-image: url(https://medicalcv.co.uk/wp-content/uploads/2025/09/hero-background-scaled-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}



.faq__inner {
  position: relative;
  z-index: 1;
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
}

.faq__title {
  margin: 0 0 10px;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  color: var(--teal);
   font-size : 35px;
}
.accordion{
	padding-top:15px;
}
.acc-item { 
	border-bottom: 1px solid #cfd6d5; 
     width:90%;
}
.acc-item :not( .mejs-button ) > button:hover, 
:not( .mejs-button ) > button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, input[type="submit"]:hover, 
:not( .mejs-button ) > button:hover,
input[type="submit"]:focus{
	background :#3a444600!important;
}

.acc-head {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  font-size: 18px;
   font-weight: 500;
    line-height: 1.4em;
  color: var(--text);
}

.acc-icon {
    color: var(--teal);
    transition: transform .25s;
    font-family: "ETmodules" !important;
    font-weight: 200 !important;
    font-size: 30px;
    line-height: 24px;
}

.acc-item.is-open .acc-icon { transform: rotate(135deg); }

.acc-body {
  height: 0;
  overflow: hidden;
  transition: height .3s;
  will-change: height;
}

.acc-body__in {
  padding: 0 0 12px;
  color: var(--muted);
}

.acc-body__in p{
	line-height: 1.4;
   font-size : 18px;
     margin  0px;
    padding: 10px 20px !important;
    margin: 0px !important;
    font-weight: 300 !important;
}

.faq__media {
  display: grid;
  justify-items: center;
}

.faq__img {
  width: min(520px, 100%);
  height: auto;
  object-fit: contain;
}

/* =====================================
   FAQ
   ===================================== */
.faq {
  position: relative;
  overflow: hidden;
  padding: 72px 24px 0px 24px;
  background-image: url(https://medicalcv.co.uk/wp-content/uploads/2025/09/hero-background-scaled-1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.faq__inner {
  position: relative;
  z-index: 1;
  max-width: var(--maxw);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: clamp(24px, 5vw, 56px);
  align-items: center;
}

.faq__title {
  margin: 0 0 10px;
  font-weight: 700;
  color: var(--teal);
  font-size: 35px;
}

.accordion {
  padding-top: 15px;
}

.acc-item { 
  border-bottom: 1px solid #cfd6d5; 
}

.acc-head {
  width: 100%;
  background: transparent;
  border: 0;
  padding: 20px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
  text-align: left;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4em;
  color: var(--text);
}

.acc-icon {
  color: var(--teal);
  transition: transform .25s;
  font-family: "ETmodules" !important;
  font-weight: 200 !important;
  font-size: 30px;
  line-height: 24px;
}

.acc-item.is-open .acc-icon { transform: rotate(135deg); }

.acc-body {
  height: 0;
  overflow: hidden;
  transition: height .3s;
  will-change: height;
}

.acc-body__in {
  padding: 0 0 12px;
  color: var(--muted);
}

.acc-body__in p {
  line-height: 1.4;
  font-size: 18px;
  padding: 10px 20px !important;
  margin: 0px !important;
  font-weight: 300 !important;
}

.faq__media {
  display: grid;
  justify-items: center;
}

.faq__img {
  width: min(520px, 100%);
  height: auto;
  object-fit: contain;
}

/* ===== Tablet (767px – 1024px) ===== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.faq{
		background-position :center top;
      background-size : 160%;
    padding: 20px 24px 0px 24px;
	}  
	.faq__content{
		width : 80%;
	}
 .faq__inner {
    text-align: center;
        gap: 24px;
        display: flex;
        flex-direction: column-reverse;
  }

  .faq__media {
    order: -1; /* Image first */
  }
  .faq__title {
    font-size: 30px;
    text-align: left;
  }
  .acc-head {
    font-size: 17px;
  }
	.acc-item{
		width:100%;
	}

  .acc-body__in p {
    font-size: 16px;
text-align :left;
  }
.faq__img {
  width: min(520px, 60%);
}
	:not( .mejs-button ) > button:hover{
		background : transparent !important;
	}
:not( .mejs-button ) > button:active{
		background : transparent !important;
	}
:not( .mejs-button ) > button:focus{
		background : transparent !important;
	}
}

/* ===== Mobile (≤767px) ===== */
@media only screen and (max-width: 767px) {
  .faq__inner {
    text-align: center;
        gap: 24px;
        display: flex;
        flex-direction: column-reverse;
  }

  .faq__media {
    order: -1; /* Image first */
  }
  .faq__title {
    font-size: 35px;
    line-height: 1.3;
  }
  .acc-head {
    font-size: 16px;
    padding: 16px;
  }
  .acc-body__in p {
    font-size: 15px;
    padding: 0px 16px !important;
  }
   
  .faq__img {
    max-width: 420px;
    width: 100%;
  }
.acc-item { 
	border-bottom: 1px solid #cfd6d5; 
     width:100%;
}
 .acc-item :not( .mejs-button ) > button:hover, 
:not( .mejs-button ) > button:focus, 
input[type="button"]:hover, 
input[type="button"]:focus, input[type="submit"]:hover, 
:not( .mejs-button ) > button:hover,
input[type="submit"]:focus{
	background :#3a444600!important;
}

	:not( .mejs-button ) > button:hover{
		background : transparent !important;
	}
   :not( .mejs-button ) > button:active{
		background : transparent !important;
	}
 :not( .mejs-button ) > button:focus{
		background : transparent !important;
	}
button.acc-head {
    background: transparent !important;
}
}


/* =====================================
   CTA
   ===================================== */
.cta {
  padding: 88px 24px;
  text-align: center;
  background: var(--teal);
  color: var(--text-on-teal);

}

.cta__inner {
  max-width: 920px;
  margin: 0 auto;
}

.cta__title {
    margin: 0 0 10px;
    width: 68%;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1.2;
    font-size: 35px;
    text-align: center;
    color: #ffffff !important;
    padding-bottom:15px;
   
}
.cta__title p {
	margin:0px;
}
.cta__title span {
 font-weight: 700; 
 color: var(--text);
}

.cta__text {
  margin: 0 auto 24px;
  max-width: 70ch;
  font-size: 18px;
  line-height: 1.5;
  opacity: .92;
  font-weight: 400;
  color: #ffffff !important;
}

.cta__actions {
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}
/* =====================================
   CTA
   ===================================== */
.cta {
  padding: 88px 24px;
  text-align: center;
  background: var(--teal);
  color: var(--text-on-teal);
}

.cta__inner {
  max-width: 920px;
  margin: 0 auto;
}

.cta__title {
  margin: 0 0 10px;
  width: 68%;
  margin: 0 auto;
  font-weight: 700;
  line-height: 1.2;
  font-size: 35px;
  text-align: center;
  color: #ffffff !important;
  padding-bottom: 15px;
}

.cta__title p {
  margin: 0px;
}

.cta__title span {
  font-weight: 700; 
  color: var(--text);
}

.cta__text {
  margin: 0 auto 24px;
  max-width: 70ch;
  font-size: 18px;
  line-height: 1.5;
  opacity: .92;
  font-weight: 400;
  color: #ffffff !important;
}

.cta__actions {
  display: flex;
  justify-content: center;
  gap: 25px;
  flex-wrap: wrap;
}

/* ===== Tablet (767px – 1024px) ===== */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .cta {
    padding: 70px 20px;
    margin-top: 0px;
  }
  .cta__title {
    font-size: 30px;
    width: 80%;
    padding-bottom: 12px;
  }
  .cta__text {
    font-size: 17px;
  }
  .cta__actions {
    gap: 20px;
  }
}

/* ===== Mobile (≤767px) ===== */
@media only screen and (max-width: 767px) {
  .cta {
    padding: 50px 16px;
     margin-top: 0px;
  }
  .cta__title {
    font-size: 26px;
    width: 90%;
    line-height: 1.3;
    padding-bottom: 10px;
  }
  .cta__text {
    font-size: 16px;
  }
  .cta__actions {
    gap: 16px;
  }
	.cta__actions .btn{
		width:38% !important;
	}
}