/* === FONT-FACE SETUP === */




@font-face {
    font-family: 'Futura Md BT';
    src: url('../assets/fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('../assets/fonts/FuturaBT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Futura Lt BT';
    src: url('../assets/fonts/FuturaBT-Light.woff2') format('woff2'),
        url('../assets/fonts/FuturaBT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}





@font-face {
    font-family: 'Futura BdCn BT';
    src: url('../assets/fonts/FuturaBT-BoldCondensed.woff2') format('woff2'),
        url('../assets/fonts/FuturaBT-BoldCondensed.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Futura Hv BT';
    src: url('../assets/fonts/FuturaBT-Heavy.woff2') format('woff2'),
        url('../assets/fonts/FuturaBT-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



:root {
    --font-primary: 'Futura Hv BT', Arial, sans-serif;
    --font-secondary: 'Futura Md BT', sans-serif;
    --font-light: 'Futura Lt BT', sans-serif;

  /* === Brand Colors === */
  --color-brand-primary: #8f9a9f;       /* Used for main text, headings */
  --color-brand-accent: #809764;   
  --color-brand-light-accent:#b8cc96;     /* Green accent (e.g. “elevated”) */
  --color-brand-accent-dark: #d97757;   /* Orange accent (e.g. footer text) */

  /* === Text Colors === */
  --color-text-default:#090100;
  --color-text-default-heading: #1d0c00;       
  --color-text-heading: #532e00;
  --color-text-highlither:#d97757;


  /* === Background Colors === */  
  --color-bg-light-accent:#f7f5ef;      
  --color-bg-green-accent:#c2c0ab;
  --color-bg-brown-accent:#dec19e;
  --color-bg-pink-accent:#d8b6b3;
  --color-bg-dark-accent:#cfc2b2;   
   --color-bg-green-light:#e9e8dd;    

  /* === UI and Borders === */
  --color-border-light: #e1e1e1;
  --color-border-muted: #c0b9b0;

  /* Spacing */
  --section-padding: 5rem;

}


body {
  font-family: var(--font-primary);
  font-size: var(--font-size-base);
  color: var(--color-primary);
  background-color: var(--color-bg-light-accent);
}
p{
line-height: 3.2rem;
font-size: 2.25rem;
letter-spacing: -1px;
font-family: var(--font-light);
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-light);
}

h1{
font-size: 6.75rem;
letter-spacing: -2px;
line-height: 125px;
color: var(--color-text-default-heading);
font-weight: 700;
margin-bottom: 75px;
}

h2{
font-size: 6.125rem;
letter-spacing: -2px;
line-height: 114px;
color: var(--color-text-default-heading);
font-weight: 700;
margin-bottom: 30px;
}

h3{
font-size: 3.125rem;
color: var(--color-text-heading);
font-weight: 700;
margin-bottom: 30px;

}

.section-padding{
  padding-top:var(--section-padding);
  padding-bottom:var(--section-padding);  
}

.hero-section {
  background-color: var(--color-bg-light-accent);

}

.bg-brown-section{
    background-color: var(--color-bg-dark-accent);
}

.bg-brown-section p{
font-size: 2.5rem;
color: #090100;
line-height: 55px;

}

.highlight {
  color: var(--color-text-highlither);
  font-weight:700;
}

.highlight-secondary{
  color: var(--color-brand-accent);
}

.lh-3{
  line-height: 3rem;
}

.hero-subtext {
  font-size: var(--font-size-subtext);
  line-height: 1.7;
  color: var(--color-text);
}

.text-body-custom{
font-size: 2.625rem;
letter-spacing: -1px;
color: var(--color-text-default-heading);
font-weight: 500;
}

.hero-image {
  max-width: 100%;
  height: auto;
}

.text-accent {
  color: var(--color-brand-accent);
}

.text-accent-dark {
  color: var(--color-accent-dark);
}

.text-heading-dark{
    color: var(--color-text-heading);
}


.bg-light-green {
  background-color: var(--color-brand-light-accent) !important;
}

.bg-light-accent {
  background-color: var(--color-light-accent);
}

.text-gray-dark{
  color:var(--color-brand-primary);
}

.bottom-line {
  border-bottom: 2px solid #8f8c67;
  padding-bottom: 5px;
}


.nav-link {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 500;
}

.nav-link:hover {
  text-decoration: none;
  color:var(--color-text-highlither);
}


.nav-link.active {
  color: var(--color-text-highlither) !important;
}

.navbar {
        padding: 0px;
    }

.bg-extra-light-green{
background-color: var(--color-bg-green-light) !important;
}

.green-section_inner-box{
  display: flex;
  align-items: center;
  justify-content: center; /* optional: centers horizontally too */
  min-height: 180px; /* adjust as needed for your design */
  background-color: var(--color-bg-light-accent);
  padding: 50px 25px;
}

.green-section_inner-box p{
  font-size:2.25rem;
  line-height: 3rem;
}






/* home css */

.header-top{
    background-color: #cdcbc5 ;
    width: 100%;
    height: 46px;
}

nav .nav-link{
font-size: 1.563rem;
color: #8c979e;
font-family: var(--font-light);

}



/* professinal section */

.section-professional {
 background-color:var(--color-bg-light-accent);
}



.section-professional .grid-wrapper {
  position: relative;
}

.section-professional .grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  position: relative;
}


.section-professional .grid-box {
 padding: 40px 70px 40px 0px;
  border-bottom: 2px solid #cfc2b3;
  position: relative;
}


.section-professional .grid-box:nth-child(even){
padding: 40px 0px 40px 70px;
}

.section-professional .grid-box p {
margin-bottom: 0px;
}

.section-professional .grid-box:nth-child(2n) {
  border-right: none;
}

.section-professional .grid-box:nth-last-child(-n+2) {
  border-bottom: none;
}

.section-professional .vertical-line,
.section-professional .horizontal-line {
  background-color: #d9cbb5;
  position: absolute;
  z-index: 0;
}

.section-professional .vertical-line {
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}

.section-professional .horizontal-line {
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.section-professional .dot {
  width: 29px;
  height: 29px;
  background-color: #cfc2b3;
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}

.section-professional .dot.tl {
  top: 50%;
  left: 0%;
  transform: translate(-50%, -50%);
}
.section-professional .dot.tr {
  top: 50%;
  left: 100%;
  transform: translate(-50%, -50%);
}
.section-professional .dot.bl {
  bottom: 0%;
  left: 0%;
  transform: translate(-50%, 50%);
}
.section-professional .dot.br {
  bottom: 0%;
  left: 100%;
  transform: translate(-50%, 50%);
}
.section-professional .dot.start-row-1,
.section-professional .dot.end-row-1,
.section-professional .dot.start-row-2,
.section-professional .dot.end-row-2 {
  left: 50%;
  transform: translateX(-50%);
}

.section-professional .dot.start-row-1 {
  top: 0;
}
.section-professional .dot.end-row-1 {
  top: calc(32% - 0px);
}
.section-professional .dot.start-row-2 {
  top: calc(65.5% + 0px);
}
.section-professional .dot.end-row-2 {
  bottom: 0;
}



/* lls */


.lls{
    padding: 80px;
    border-radius: 100px;
}

.lls p{
    font-size: 2.25rem;
    color: var(--color-text-default);
}
 


.section-professional .item p {
  font-size: 2.25rem;
color: #090100;
}

.our-offering p{
font-size: 2.813rem;
padding: 0px 120px;
}


/* <!-- workshop --> */

.professional-section .icon-box {
  min-height: 490px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-style: italic;
  font-weight: 500;
  border-radius: 70px;
}

.professional-section div p{
    font-size: 2.25rem;
}

.icon-box img {
    max-width: 115px;
    margin: 0 auto;
}

.icon-text {
    font-size: 3.75rem;
    letter-spacing: -2px;
    line-height: 70px;
    font-weight: 700;
    font-style: italic;
    text-align: center;
}

.green-box {
  background-color:var(--color-bg-green-accent);
}

.green-box h3 , .green-box-link {
    color: #7c784e;
}

.brown-box {
  background-color: var(--color-bg-brown-accent);
}

.brown-box h3, .brown-box-link{
    color: #98774e;
}

.pink-box {
  background-color:var(--color-bg-pink-accent);
}
.pink-box h3, .pink-box-link{
    color: #966f6b;
}

.learn-more {
  font-weight: 500;
  text-decoration: none;
  font-size: 1.875rem;
}

.learn-more:hover {
  font-weight: 700;
}

.object-fit-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.founder-text-content {
  max-height: 400px;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s;
}
.founder-text-content.expanded {
  max-height: none;
}
.see-more-fade {
  content: "";
  display: block;
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 60px;
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
  pointer-events: none;
}
.founder-text-content.expanded .see-more-fade {
  display: none;
}

.vision h4{
font-size: 3.438rem;
color: #d97757;
font-weight: 700;
}

.equal-flex > div {
  flex: 1 1 0;
  min-width: 0;
}

footer{
    background-color: var(--color-brand-primary);
    color:#fff;
    font-size:1.563rem;
}




/* about css */

.founder h5 {
  font-size: 3rem;
  color:#fff;
}

.founder-text {
  text-align: center;
  background-color: var(--color-brand-accent-dark);
  color: var(--color-text-heading);
  padding: 90px;

}





/* ======== Accordian CSS ========== */

.accordion{
  margin-bottom:150px;
}

.accordion-button:focus {
    box-shadow: none;
}

 .accordion-button {
      background-color: transparent;
      color: var(--color-text-heading);
      font-size: 50px;
      font-weight: normal;
      border: none;
      box-shadow: none;
      padding-left: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
    }

    .accordion-button::after {
      display: none !important;
    }

    .accordion-item {
      background-color: transparent;
      border: none;
      border-bottom: 1px solid #532e00;
      padding-bottom: 25px;
    }

    .accordion-icon {
      transition: transform 0.3s ease;
      /* fill: var(--color-text-heading); */
      width: 80px;
      height: 80px;
      margin-left: 1rem;
      flex-shrink: 0;
      stroke-width: 0.5;
    }

    .accordion-button:not(.collapsed) .accordion-icon {
      transform: rotate(180deg);
    }

    .accordion-body {
      padding-left: 0;
      font-size: 18px;
      color: var(--color-text-heading);
    }

    .accordion-body p {
      font-size: 2.25rem;
      line-height: 2.8rem;
      font-family: Futura Lt BT;
    }

    .accordion-number {
      font-size: 80px;
      color: #fff;
      margin-right: 16px;
      font-family: 'Courier New', monospace;
      font-weight: normal;
    }

    .request-info-btn {
    background-color: #fff;
    border: 1px solid var(--color-text-heading);
    color: var(--color-text-heading);
    padding: 15px 130px;
    border-radius: 30px;
    font-size: 3.125rem;
    margin-top: 40px;
    transition: all 0.3s ease-in-out;
    }

    .request-info-btn:hover {
      background-color: var(--color-text-heading);
      color: #fff;
    }

    .accordion-title {
      display: flex;
      align-items: center;
      flex-grow: 1;
    }

    .accordion-button:not(.collapsed){
    color: var(--color-text-heading) !important;
    background-color: #cfe2ff00;
    box-shadow: none;}







   /* =============== work with school ================== */

    .work-section {
      padding: 60px 20px;
    }



    .work-image {
      border-radius: 12px;
      object-fit: cover;
      width: 100%;
      height: auto;
    }

    .info-box {
      background-color: var(--color-bg-green-light);
    border-radius: 25px;
    padding: 35px 50px;
    box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.05);
    margin-left: -17%;
    }

    .info-box ul {
      padding-left: 1.2rem;
      margin-bottom: 20px;
    }

    .info-box li {
      margin-bottom: 12px;
      line-height: 2rem;
      font-size: 1.875rem;
      font-family:Futura Lt BT;
    }

    .info-box li::marker {
      color: var(--color-text-highlither);
      font-size: 40px;
    }

    .meeting-btn {
      background-color: #f4f1eb;
      border: 1px solid #ccc;
      border-radius: 8px;
      padding: 8px 20px;
      font-size: 0.95rem;
      color: #2d2d2d;
      transition: all 0.3s ease;
    }

    .meeting-btn:hover {
      background-color: #ece6dd;
    }

    @media (max-width: 768px) {
      .work-section {
        padding: 40px 15px;
      }
    }




/* workspaces page css */

.request-info-area{
  border-radius:50px;
  border-width: 2px;
  border-style: solid;
  position: relative;
  text-align: center;
}

.request-info-area p{
  font-size: 36px;
  line-height: 45px;
}

.request-info-area h2{
  text-align: center;
}

.request-info-area .top-text-area{border-top-right-radius: 46px;
    border-top-left-radius: 46px;}


.request-info-area button{
  position: absolute;
  left: 50%;
  bottom: -30px; /* adjust as needed */
  transform: translateX(-50%);
  font-weight: 700;
    letter-spacing: 0.5px;
    transition: all 0.3s ease-in-out;
    padding: 15px 130px;
    border-radius: 30px;
    font-size: 20px;
      
  /* Optional: remove mx-auto/d-block if using absolute positioning */
}




.bg-light-purple{
  background-color: #b8bed1;
}
.bg-dark-purple{
  background-color: #727b9b;
  border:2px solid  #727b9b !important;
}
.text-purple{
color: #727b9b;
}
.border-purple{
  border-color: #727b9b;;
}

button.bg-dark-purple:hover{
  background-color: var(--color-bg-light-accent);
  color:#727b9b !important;
  border-color:#727b9b !important ;
  
}


.bg-light-purple-secondary{
  background-color: #cbcadb;
}
.bg-dark-purple-secondary{
  background-color: #a5a4c0;
  border:2px solid  #a5a4c0 !important;
}
.text-purple-secondary{
color: #a5a4c0;
}
.border-purple-secondary{
  border-color: #a5a4c0;
}

button.bg-dark-purple-secondary:hover{
  background-color: var(--color-bg-light-accent);
  color:#a5a4c0 !important;
  border-color:#a5a4c0 !important ;
}


.bg-light-gray{
  background-color: #c9cbcd;
}
.bg-dark-gray{
  background-color: #8c8d90;
  border:2px solid  #8c8d90 !important;
}
.text-gray{
color: #8c8d90;
}
.border-gray{
  border-color: #8c8d90;;
}


button.bg-dark-gray:hover{
  background-color: var(--color-bg-light-accent);
  color:#8c8d90 !important;
  border-color:#8c8d90 !important ;
}


h2.text-purple, h2.text-gray, h2.text-purple-secondary {
  font-size:4.375rem;
}


.additional-box-text{


 opacity: 1;
  visibility: visible;
  position: relative;
  z-index: 1;
   background-color: var( --color-bg-green-accent); /* Optional: for overlay effect */
}

.add-hover{
 opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  z-index: 2;
 
  pointer-events: none; /* Prevent accidental hover unless shown */
  width: 97%;
  transform: translate(2%, 0%);
}

.additional-box-text h2{
color: #7c784e;
}
.add-hover p{
line-height: 48px;
font-size: 2rem;
}


.additional-box-text,
.add-hover {
  transition: opacity 0.5s, visibility 0.5s;
  border: 3px solid var( --color-bg-green-accent);
border-radius: 80px;
padding: 20% 10%;
margin-top: 35px;
min-height: 500px;
}





/* When .add-hover is visible, allow interaction */
.add-hover.active {
  pointer-events: auto;
}





.additional-box-text p{
  font-size: 34px;
  line-height: 45px;
}

.Additional-workshops button{
border: 3px solid var(--color-bg-green-accent);
    color: var(--color-bg-green-accent);
    margin: 150px auto 0px auto;
    display: block;
    background-color: transparent;
}

.Additional-workshops button:hover{
background-color:var(--color-bg-green-accent) ;
}


/* testimonial section */

  .testimonial-section {
      text-align: center;
      padding: 60px 20px;
    }

    /* .testimonial-section h2 {
      font-weight: bold;
      font-size: 3rem;
      margin-bottom: 40px;
      color: #2b1f18;
    }  */

    .carousel-item {
      width: 100%;
    } 

    .testimonial-text {
    font-size: 36px;
    color: #2b1f18;
    line-height: 45px;
    width: 60%;
    margin: 0 auto;
    font-family: Futura Lt BT;
}


    .testimonial-author {
      font-size: 2rem;
      font-style: italic;
      color: #858258;
      margin-top: 20px;
      font-weight: 500;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      background-image: none;
    }

    .carousel-control-prev::before,
    .carousel-control-next::before {
      content: '<';
      font-size: 3rem;
      color: #858258;
    }

    .carousel-control-next::before {
      content: '>';
    }

    .carousel-control-prev,
    .carousel-control-next {
      opacity: 1;
      width: 5%;
    }

    @media (max-width: 768px) {
      .testimonial-text {
        font-size: 1rem;
        line-height: 22px;
         font-family: Futura Lt BT;
         width: 70%;
      }

      .testimonial-author {
        font-size: 1.2rem;
      }

      .Additional-workshops button {margin: 80px auto 0px auto;}
      .request-info-btn{
        padding: 15px 80px;
      }
    }
    





/* Quote section */

 .quote-container {
      width: auto;
      max-width: 1100px;
      height: 180px;
      overflow: hidden;
      position: relative;
      background-color: transparent;
      margin: 0 auto;
    }

    .quote-slider {
      /* position: absolute;
      top: 0;
      left: 0;
      width: 100%; */
      transition: transform 0.8s ease-in-out;
    }

    .quote-item {
      padding: 20px 95px;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 1.4;
      display: flex;
      flex-direction: column;
      align-items: start;
      height: 180px;

      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      opacity: 0;
      transition: opacity 2s ease-in-out;
    }

    .quote-item p{
      color:#58595b;
      font-size:45px;
      text-align: left !important;
      font-family: 'Futura Lt BT';
      width: 100%;
      text-align: center !important; 
       margin: 0;
    }

  
    .quote-item.active {
      opacity: 1;
    }

    .quote-stay {
    display:flex;
    justify-content: center;
    font-size: 30px !important;
}

.quote-author{
  width: 73%;
    margin: 10px auto;  
    font-size: 18px;
}
    

    .quote-mark-start,
    .quote-mark-end {
      font-size: 3rem;
      color: #d2b48c;
      font-weight: bold;
      margin: 0 10px;
    }

    .author {
      margin-top: 10px;
      font-size: 1.2rem;
      color:#58595b;
      /* text-align: right; */
      width:auto;
    }

  .quote-box{
    /* width: 82%; */
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .quote-box.quote-instruct{
    width: 92%;
  }
  .quote-box.quote-workshop{
    width: 82%;
  }



  .quote-box::before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 15px;
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23d2b48c'%3E%3Cpath d='M8,14 C8,14 8,44 8,44 H20 V28 H14 C14,18 22,14 22,14 V10 C13,10 8,17 8,26 Z'/%3E%3Cpath d='M28,14 C28,14 28,44 28,44 H40 V28 H34 C34,18 42,14 42,14 V10 C33,10 28,17 28,26 Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

  .quote-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 12px;
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23d2b48c'%3E%3Cpath d='M8,14 C8,14 8,44 8,44 H20 V28 H14 C14,18 22,14 22,14 V10 C13,10 8,17 8,26 Z'/%3E%3Cpath d='M28,14 C28,14 28,44 28,44 H40 V28 H34 C34,18 42,14 42,14 V10 C33,10 28,17 28,26 Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}




/* ================== Responsive styles for various screen sizes ======================== */



/* styles.css */
@media (min-width: 1400px) {
  .container {
    max-width: 1536px;
  }

}


@media (max-width: 1400px) {

 h1 {
    font-size: clamp(2.5rem, 4vw + 2rem, 5rem);
    line-height: clamp(3rem, 7vw + 2rem, 90px);
    margin-bottom: 35px;
  }
  h2 {
    font-size: clamp(2rem, 3vw + 1.5rem, 3.625rem);
    line-height: clamp(2.5rem, 5vw + 1rem, 70px);
    margin-bottom: 20px;
  }
  h3 {
    font-size: clamp(1.5rem, 2vw + 1rem, 2.125rem) !important;
    line-height: clamp(2rem, 3vw + 1rem, 3rem) !important;
    margin-bottom: 15px;
  }
  h4{
    font-size: clamp(1.25rem, 1.5vw + 0.75rem, 1.5rem) !important;
    line-height: clamp(1.75rem, 2.5vw + 0.5rem, 2.5rem) !important;
    margin-bottom: 10px;
  }
p {
  font-size: clamp(1rem, 1.1rem + 1vw, 2.5rem) !important;
  line-height: clamp(2rem, 2.5rem, 5vw) !important;
}
h2.text-purple, h2.text-gray, h2.text-purple-secondary {
  font-size: clamp(2rem, 4vw + 0.5rem, 3.5rem);
  line-height:3rem;
  margin-top: 25px;
}
.text-body-custom {width: auto;}
nav .nav-link{font-size: 1.2rem;}
.navbar-brand img{width:200px;}
.icon-text {font-size: 2.75rem;line-height: 56px;}
.icon-box img {max-width: 75px;}
.vision h4 {font-size: 2.438rem;}
footer small, small {font-size: 0.8em;}
.section-professional .dot.end-row-1 {top: calc(30.5% - 0px);}
.section-professional .dot.start-row-2{top: calc(62.5% + 0px);}



.Additional-workshops button {
    font-size: clamp(1.1rem, 3vw + 0.2rem, 2.125rem);
}

.quote-container{
  max-width: 850px;
}

.professional-section .icon-box {
    min-height: 390px;
  }

  .add-hover p {
    line-height: 35px !important;
    font-size: 24px !important;
}

}


@media (max-width: 992px) {
 .section-padding {padding-top: 40px;padding-bottom: 40px;}
.navbar-brand img{width:145px;}
.navbar-collapse{margin-top: 35px;}

h1{margin-bottom: 25px;}
.hero-section img{
 width: 50%;
}

.our-offering p {padding: 0px 0px;}
.founder-text{padding: 35px;}

.additional-box-text {padding: 40px 40px;}
.request-info-area button{ bottom: -28px;}
.green-section_inner-box {
    padding: 25px 25px;
}

.green-section_inner-box p{
    margin-bottom: 0px;
}


.accordion-number, .accordion-title {font-size: 42px;}
.accordion-icon {
    width: 55px;
    height: 55px;
}

.request-info-btn {
   font-size: 1.5rem;
    margin-top: 0px;
    
}

.accordion {
    margin-bottom: 65px;
}

.info-box {
    padding: 35px 40px;
     margin-left: 0%; 
}

.info-box li::marker {
    font-size: 24px;
}

.info-box li {
    margin-bottom: 12px;
    line-height: 1.6rem;
    font-size: 1.2rem;
}



.quote-box::after{
  width: 50px;
  height: 50px;
}
.quote-box::before{
  width: 50px;
  height: 50px;
  top:12px;
}



.quote-container {height: 150px;}

.quote-box.quote-instruct{
    width: 100%;
  }
  .quote-box.quote-workshop{
    width: 90%;
  }



}





@media (max-width: 768px) {
  .section-professional .grid {grid-template-columns: 1fr;}

  .section-professional .grid-box {border: none;border-bottom: 2px solid #d9cbb5;}
.section-professional .vertical-line,
  .section-professional .horizontal-line,
  .section-professional .dot {
    display: none;
  }

  .section-professional .item {text-align: center;}
  p{text-align: center;}
  h2{text-align: center;}
  .section-professional .grid-box {padding: 40px 0px 40px 0px !important;}
  .section-professional .grid-box:nth-child(even) {padding: 25px 0px 25px 0px !important;}
  .lls {padding: 35px;}
 .learn-more {font-size: 1.5rem;text-align: center;display: block;}
 .testimonial-author {font-size: 1.5rem;}
  .header-top {height: 5px;}

  .request-info-area button{font-size: 15px; padding:12px 25px}
.quote-item p{font-size: 20px !important; }
.quote-item{padding:20px 60px !important;}

.additional-box-text, .add-hover {
    padding: 5% 5%;
    min-height: 320px;
}
.add-hover p {
  line-height: 28px !important;
  font-size: 18px !important;
} 
.author{
  width: 100%;
  text-align: center;
  font-size:16px;
  margin-top: 5px;
}
    footer small, small {
        font-size: 0.5em;
    }

    .accordion-number, .accordion-title {
        font-size: 32px;
        display: flex;
         justify-content: center;
    }

    .accordion-icon {
        width: 32px;
        height: 32px;
    }

    .request-info-btn{font-size: 1rem; }
  .professional-section .icon-box {min-height: 290px;}


}

@media (max-width: 576px) {

  .quote-stay {
    font-size: 14px !important;
    line-height: 22px !important;

}

   .quote-item{
    padding:0px 0px 20px 35px !important;
  }
.quote-item p
 {
    font-size: 16px !important;
    line-height: 25px !important;
    
} 

.quote-container{height: 100px;}

.quote-box.quote-workshop {
        width: 70%;
    }

    .quote-box.quote-instruct{
        width: 80%;
    }

.quote-box::after{
  width: 30px;
  height: 30px;
  top: 0;
  right: -31px;
}

.quote-box::before{
  width: 30px;
  height: 30px;
  top: 0;
  left: 0px;

}

.add-hover p {
        line-height: 25px !important;
        font-size: 16px !important;
    }


}