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

:root {
    --playfair-font-family: "Playfair Display", serif;
    --outfit-font-family: "Outfit", sans-serif;

    --primary-color: #567B6F;
    --primary-color-100: #507267;
    --primary-color-200: #A3D1C1;


    
    --black-color: #000000;
    --black-color-100: #201F1D;
    --black-color-200: #2A2928;
    --black-color-300: #484747;



    --white-color: #FFFFFF;
    --white-color-100: #F8F7F7;

    --grey-color-100: #72706F;
    --grey-color-200: #E9ECEB;
    --grey-color-300: #EBEBEA;
    --grey-color-400: #A4A3A1;


    --beige-color-100: #FDFBF8;
    --beige-color-300: #F7F0E3;
    --beige-color-500: #F4E8D5;
    --beige-color-900: #ECD9B9;


    --skin-color-100: #F0E1C7;
    --skin-color-200: #F9F4EA;

}


/* Loader Styles */
.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100dvh; background: var(--white-color); display: flex; justify-content: center; align-items: center; z-index: 9999; transition: all 0.5s; -webkit-transition: all 0.5s; }
.loader.loader-finish { transform: translate(-100%); -webkit-transform: translateY(-100%); }
.loader-inner { text-align: center; max-width: 100px; width: 100%; }
.progress-line { display: block; height: 2px; margin-top: 10px; background: var(--primary-color); width: 0%; transition: width 0.3s ease-out; border-radius: 2px; position: relative; overflow: hidden; }

html {
    scroll-behavior: smooth;
}

body:has(.loader) {
    overflow: hidden;
}
body:has(.loader.loader-finish) {
    overflow-x: hidden;
    overflow-y: unset;
}


/***** Global Style *****/
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { overflow-x: hidden; }
body { padding-top: 114px; font-family: var(--outfit-font-family);  font-size: 16px; line-height: 24px; font-weight: 400; color: var(--black-color-200); background: var(--beige-color-100); }
a { display: inline-block; cursor: pointer; text-decoration: none; color: inherit; transition: all 0.5s; -webkit-transition: all 0.5s; }
ul,ol { list-style: none; }
.img-fluid { max-width: 100%; height: auto; display: inline-block; }
.container { max-width: 1248px; margin: 0 auto; padding: 0 16px; }
h1, h2, h3, h4, h5, h6 { font-family: var(--playfair-font-family); color: var(--black-color-100); margin: 0px; padding: 0px; }
button { cursor: pointer; border: none; outline: none; background: none; }
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.common-padding { padding: 112px 0px; }

/***** Button Style *****/
.theme-btn { display: inline-block; padding: 17px 12px; font-size: 18px; line-height: 1; font-weight: 500; color: var(--white-color-100); background: var(--primary-color); border-radius: 8px; transition: all 0.5s; -webkit-transition: all 0.5s; border: 1px solid transparent; }
.theme-btn:hover { background: transparent; color: var(--primary-color); border: 1px solid var(--primary-color); }

.outline-btn { display: inline-block; padding: 10px 12px; font-size: 14px; line-height: 1; font-weight: 500; color: var(--primary-color); background: var(--white-color); border-radius: 8px; transition: all 0.5s; -webkit-transition: all 0.5s; border: 1px solid var(--primary-color); }
.outline-btn img { margin-left: 8px; vertical-align: middle; width: 20px; height: auto; transition: all 0.5s; -webkit-transition: all 0.5s; }
.outline-btn:hover { background: var(--primary-color); color: var(--white-color); border: 1px solid var(--primary-color); }
.outline-btn:hover img { filter: brightness(0) invert(1); }


.theme-link-txt { position: relative; }
.theme-link-txt::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0%; height: 1px; background: var(--primary-color); transition: all 0.5s; -webkit-transition: all 0.5s; }
.theme-link-txt:hover::after { width: 100%; }


/******Typography Style *****/
.heading-style-1 { font-size: 56px; line-height: 1.2; font-family: var(--playfair-font-family); font-weight: 700; }
.heading-style-2 { font-size: 48px; line-height: 1.2; font-family: var(--playfair-font-family); font-weight: 700; }
.heading-style-3 { font-size: 44px; line-height: 1.2; font-family: var(--playfair-font-family); font-weight: 700; }
.heading-style-4 { font-size: 28px; line-height: 36px; font-family: var(--playfair-font-family); font-weight: 700; }
.heading-style-5 { font-size: 20px; line-height: 1.4; font-family: var(--playfair-font-family); font-weight: 700; }

.common-light-title > span { font-weight: 400; font-style: italic; }

.para-md { font-size: 18px; line-height: 1.5; }
.para-sm { font-size: 14px; line-height: 1.5; }


/**************** Accordion Style *****************/
.accordion-item { background: var(--white-color); border: 1px solid var(--primary-color); border-radius: 12px; padding: 20px;  margin-bottom: 16px; }
.accordion-item:last-child { margin-bottom: 0px; }
.accordion-item .accordion-header .accordion-button { color: var(--black-color-200); font-family: var(--outfit-font-family); font-size: 20px; line-height: 28px; font-weight: 500; width: 100%; text-align: left; padding-right: 48px; position: relative; }
.accordion-item .accordion-header .accordion-button::after { content: ''; background: url('../img/chevron-down.svg') no-repeat center center / 24px; width: 24px; height: 24px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; }
.accordion-item:has(.accordion-collapse.show) .accordion-header .accordion-button::after { transform: translateY(-50%) rotate(180deg); --webkit-transform: translateY(-50%) rotate(180deg); }

.accordion-body { padding-top: 10px;}
.accordion-collapse {
  max-height: 0;
  overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);

}
.accordion-collapse.collapsing {
    transition: max-height 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.accordion-collapse.show {
    max-height: none; /* Adjust based on your content */
}


/************** Slick Slider Style **************/
.slick-arrow { width: 40px; height: 40px; background: var(--white-color); border: 1px solid var(--primary-color); border-radius: 8px; font-size: 0px;  }
.slick-arrow::before { content: ''; background: url('../img/arrow-right.svg') no-repeat center center / 20px;  width: 20px; height: 20px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); --webkit-transform: translate(-50%, -50%); }
.slick-prev.slick-arrow::before { transform: translate(-50%, -50%) rotate(180deg); }
.slick-disabled { opacity: 0.5; pointer-events: none; }



/*********** Form Style **********/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
.form-group { margin-bottom: 24px; }
.form-label { display: block; margin-bottom: 8px; font-size: 14px; line-height: 1; font-weight: 400; }
.form-control { font-size: 14px; line-height: 1; background: var(--white-color); padding: 14.5px; border-radius: 12px; border: 1px solid var(--grey-color-300); display: block; width: 100%; }
.form-control:focus { border-color: var(--primary-color); outline: none; }
.form-row { display: flex; display: -webkit-flex; gap: 16px; }
.form-row.two-grid .form-group{ width: calc((100% / 2) - 8px); }
textarea.form-control { resize: none; min-height: 157px; }
.form-check { display: flex; display: -webkit-flex; gap: 12px; align-items: center; -webkit-align-items: center; margin-bottom: 24px; }
.form-check .custom-checkbox { width: 20px; height: 20px; border: 1px solid var(--grey-color-400); background: var(--white-color); border-radius: 4px; position: relative; }
.form-check .custom-checkbox::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #567B6F url('../img/white-check-icon.svg') no-repeat center center / 14px; opacity: 0; transition: all 0.3s; -webkit-transition: all 0.3s; }
.form-check .custom-checkbox input[type="checkbox"] { position: relative; z-index: 1; opacity: 0; width: 100%; height: 100%; margin: 0px; cursor: pointer; }
.form-check .custom-checkbox:has( > input[type="checkbox"]:checked)::before { opacity: 1; }
.form-check-label { font-size: 14px; line-height: 1.4; }
.invalid-feedback { color: #ea868f; font-size: 12px; line-height: 1; margin-top: 4px; display: none; }


/************* Header Style *************/
header { position: fixed; top: 0; left: 0; width: 100%; padding: 50px 0px 0px; z-index: 1000; transition: all 0.5s; -webkit-transition: all 0.5s; }
header .navbar { display: flex; display: -webkit-flex; justify-content: space-between; --webkit-justify-content: space-between; align-items: center; --webkit-align-items: center; padding: 10px 16px; border: 1px solid var(--grey-color-200); border-radius: 14px; background: var(--white-color); transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
header.move-header { padding-top: 8px; }
.navbar-collapse { width: 761px; }
.navbar-collapse-inner { display: flex; display: -webkit-flex; justify-content: space-between; --webkit-justify-content: space-between;  align-items: center; --webkit-align-items: center;  }
.navbar-toggler { display: none; }
.navbar-toggler-icon { width: 20px; height: 20px; display: flex; display: -webkit-flex; justify-content: center; --webkit-justify-content: center; align-items: center; --webkit-align-items: center; }
header.menu-open .close-icon { display: block; }
header.menu-open .open-icon { display: none; }
header .close-icon { display: none; }
.navbar-nav { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center;  gap: 32px; --webkit-gap: 32px; }
.nav-link { font-weight: 500; transition: all 0.5s; -webkit-transition: all 0.5s; }
.nav-link.active { color: var(--primary-color); }
.nav-link.active::after { width: 100%; }
.navbar-collapse-inner .theme-btn { padding: 13px 12px; font-size: 14px; line-height: 1; }
header .navbar-brand img { display: block; }
header .navbar-brand img,
.navbar-toggler-icon img { transition: all 0.5s; -webkit-transition: all 0.5s; }


/************** Banner Style **************/
.hero-section { padding: 20px 0px; }
.hero-section-inner { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; --webkit-align-items: center; gap: 0px; --webkit-gap: 0px; }
.hero-section-content { width: 52.8%; }
.hero-section-content .title { margin-bottom: 24px; }
.hero-section-content .desc { margin-bottom: 24px; }
.hero-section-content .faces-wrapper { vertical-align: middle; display: inline-flex; display: -webkit-inline-flex; width: fit-content; }
.hero-section-content .faces-wrapper .face-img { margin-left: -12px; width: 32px; height: 32px; object-fit: cover; border-radius: 50%; }
.hero-section-content .faces-wrapper .face-img:first-child { margin-left: 0px; }
.hero-section-content .fine { color: var(--grey-color-100); margin-bottom: 24px; }

.hero-section-img { width: 47.2%; }


/********** Effortless Section Style **********/
.effortless-section.common-padding  { padding-bottom: 201px;  }
.effortless-title { margin-bottom: 80px; }
.effortless-content { display: flex; display: -webkit-flex; }
.effortless-left-content { width: calc(100% - 752px); padding-right: 80px; }
.effortless-content .accordion-item { transition: all 0.2s; -webkit-transition: all 0.2s; padding: 24px; border: none; border-radius: 0px; border-bottom: 1px dashed var(--skin-color-100); margin: 0px; background: transparent; }
.effortless-content .accordion-item:has( .accordion-collapse.show) { border-left: 1px solid var(--beige-color-900); background: var(--skin-color-200); }
.effortless-content .accordion-item:has( .accordion-collapse.show) .accordion-button .img-box { background: var(--beige-color-100);}
.effortless-content .accordion-header { padding: 0px; }
.effortless-content .accordion-item .accordion-header .accordion-button::after { display: none; }
.effortless-content .accordion-item .accordion-header .accordion-button { color: var(--black-color-200); width: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; gap: 12px; padding: 0px;  }
.effortless-content .accordion-item .accordion-header .accordion-button .img-box { width: 32px; height: 32px; flex-shrink: 0; -webkit-flex-shrink: 0; border-radius: 4px; display: flex; display: -webkit-flex; justify-content: center; --webkit-justify-content: center; align-items: center; --webkit-align-items: center;}
.effortless-content .accordion-item .accordion-header .accordion-button .img-box img { width: 16px; height: 16px; object-fit: contain; }
.effortless-content .accordion-item .accordion-header .accordion-button { font-size: 20px; line-height: 24px; }
.effortless-content .accordion-body { padding: 16px 0px 0px 0px; }
.effortless-content .accordion-body .effortless-image { display: none; margin-top: 16px; border-radius: 16px; aspect-ratio: 656 / 366; border: 1px solid rgba(0, 0, 0, 0.1); overflow: hidden; }
.effortless-content .accordion-body .effortless-image img { width: 100%; height: 100%; object-fit: cover; }
.effortless-content .mobile-hide { margin: 6px 0px 0px 0px; display: none; }



.effortless-right-content {  width: 752px; }
.effortless-img-list { position: relative; width: 100%; aspect-ratio: 752 / 469; }
.effortless-img-list li { transition: all 0.5s; -webkit-transition: all 0.5s; overflow: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 16px; border: 1px solid rgba(0, 0, 0, 0.1); }
.effortless-img-list li img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; }
.effortless-img-list li.active { opacity: 1; }

/********* Heart Section Style *********/
.heart-section-inner { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; }
.heart-section-video { width: 576px; }
.heart-section-video video { width: 100%; height: auto; border-radius: 16px; }
.heart-section-content { width: calc(100% - 576px); padding-left: 64px; }
.heart-section-content .heart-title { margin-bottom: 24px; }
.heart-section-content .heart-desc { margin-bottom: 16px; }
.heart-section-content .founder { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; gap: 24px; --webkit-gap: 24px; margin-bottom: 48px; }
.heart-section-content .founder .founder-img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.heart-section-content .founder-desc span { display: block; font-weight: 400; }
.heart-section-content .founder-desc .founder-name { color: var(--black-color-200); }
.heart-section-content .founder-desc .founder-role { color: var(--grey-color-100); }
.heart-section-content .outline-btn { background: transparent; }
.heart-section-content .outline-btn:hover { background: var(--primary-color); color: var(--white-color); }


/******** Families Section Style **********/
.families-title { margin-bottom: 80px; }
.families-slider  { padding-left: calc(50% - 624px); }
.families-slider-item { width: 280px; margin: 0px 8px; background: var(--white-color); border: 1px solid var(--beige-color-100); border-radius: 12px; padding: 24px 25px; }
.families-slider-item .rating-img { margin-bottom: 43px; }
.families-slider-item .rating-title { font-family: var(--outfit-font-family); color: var(--black-color); margin-bottom: 43px; }
.families-slider-item-footer .families-img {  width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-bottom: 8px; display: inline-block;  }
.families-slider-item-footer .family-name { font-weight: 500; color: var(--black-color); display: block; }

.families-slider .slick-prev { left: auto; top: -125px; transform: translate(0); bottom: auto; right: 190px; }
.families-slider .slick-next { left: auto; top: -125px; transform: translate(0); bottom: auto; right: 130px; }


/******** Peace Section Style ********/
.peace-title { margin-bottom: 80px; }
.peace-content { text-align: center; max-width: 1010px; margin: 0px auto; display: flex; display: -webkit-flex; gap: 16px; }
.peace-item { width: calc((100% / 2) - 8px); padding: 36px 24px; background: var(--white-color); border: 1px solid var(--beige-color-500); border-radius: 12px; }
.peace-item .peace-logo { display: block; width: 258px; margin: 0px auto 24px; }
.peace-item .peace-item-desc { color: var(--black-color-200); margin-bottom: 25px; text-align: center; }
.peace-item .peace-item-link { font-size: 14px; line-height: 1; font-weight: 500; color: var(--primary-color); }
.peace-item .peace-item-link img { margin-left: 8px; vertical-align: middle; width: 16px; height: auto; }


/***********FAQ Section Style ***********/
.faq-content { display: flex; display: -webkit-flex; }
.faq-title-content { width: 513px; padding-right: 96px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.faq-title { margin-bottom: 40px; }
.find-answer { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: space-between; --webkit-justify-content: space-between; gap: 24px; padding: 24px; background: var(--primary-color-200); border-radius: 12px; }
.find-answer .title { font-weight: 600; margin-bottom: 8px; color: var(--black-color-200);  }

.faq-content .accordion { width: calc(100% - 513px); }
.faq-accordion { counter-reset: faq-counter; }
.faq-accordion .accordion-item { counter-increment: faq-counter; }
.faq-accordion .accordion-button::before { content: "0" counter(faq-counter); position: absolute; left: 0; top: 0; display: inline-block;  font-weight: 700; color: var(--beige-color-900); font-size: 18px; line-height: 1.5; min-width: 24px; font-family: var(--outfit-font-family); }
/* If counter goes above 9, remove the leading zero */
.faq-accordion .accordion-item:nth-child(n+10) .accordion-button::before { content: counter(faq-counter); }
.faq-accordion .accordion-item .accordion-header .accordion-button { padding-left: 40px; }

/************Future Section Style ************/
.future-content-inner { overflow: hidden; display: flex; display: -webkit-flex; padding: 61px 104px; background: var(--primary-color); border-radius: 12px; }
.future-content { width: 524px; padding-right: 80px; color: var(--white-color); }
.future-content .future-title { color: var(--white-color); margin-bottom: 24px; }
.future-content .desc { font-size: 20px; line-height: 30px; margin-bottom: 24px; }
.future-content ul { list-style: disc; padding-left: 20px; margin-bottom: 24px; }
.future-content .theme-btn { background: var(--beige-color-300); color: var(--primary-color); border: 1px solid transparent; }
.future-content .theme-btn:hover { background: transparent; color: var(--beige-color-300); border: 1px solid var(--beige-color-300); }
.future-mock-image { width: calc(100% - 524px); padding: 0px 67px; }
.future-mock-image img { width: 100%; height: auto; margin: 0px 0px -68px; }


/************** About Page Style **************/

/************About Header Style ************/
body.about-page { padding: 0px; }
.about-page header .navbar { background: #FFFFFF1A; border-color: #E9ECEB33; }
.about-page header .nav-link { color: var(--white-color); }
.about-page header .navbar-brand img { filter: brightness(0) invert(1); }
.about-page header .navbar-collapse-inner .theme-btn:hover { background: var(--white-color); color: var(--primary-color); border: 1px solid var(--white-color); }
.about-page header .navbar-toggler-icon img { filter: brightness(0) invert(1); }

.about-page header.menu-open .navbar,
.about-page header.move-header .navbar { background: var(--white-color); border-color: var(--grey-color-200); }
.about-page header.menu-open .nav-link,
.about-page header.move-header .nav-link { color: var(--black-color-200); }
.about-page header.menu-open .navbar-brand img, 
.about-page header.menu-open .navbar-toggler-icon img,
.about-page header.move-header .navbar-brand img,
.about-page header.move-header .navbar-toggler-icon img { filter: none; }
.about-page header .theme-link-txt::after { background: var(--white-color); }
.about-page header.move-header .theme-link-txt::after { background: var(--primary-color); }
.about-page header.move-header .theme-btn:hover { border-color: var(--primary-color); }


/************ About Banner Style ************/
.about-banner-section { position: relative;  background-size: cover; background-position: center 30%; padding: 202px 0px 80px; }
.about-banner-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(36, 28, 15, 0.5); }
.about-banner-section .banner-title { position: relative; z-index: 1; color: var(--white-color); text-align: center; }


/************ About Content Section ************/
.about-content-section { padding: 80px 0px; }
.about-list-description { counter-reset: about-list-counter; display: flex; display: -webkit-flex; gap: 64px; -webkit-flex-gap: 64px; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; --webkit-justify-content: center; }
.about-list-description-item { counter-increment: about-list-counter; padding-top: 40px; width: calc((100% / 2) - 32px); }
.about-list-description-item .title { position: relative; margin-bottom: 24px; }
.about-list-description-item .title::before { content: "0" counter(about-list-counter); position: absolute; top: -32px; left: 0px; display: inline-block; font-weight: 700; color: var(--beige-color-900); font-size: 18px; line-height: 1; font-family: var(--outfit-font-family); }


/********* Team Section Style *********/
.teams-section { padding: 64px 0px 192px; }
.teams-section .team-title { margin-bottom: 80px; }
.team-member-list {  display: flex; display: -webkit-flex; gap: 80px 16px; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center;  }
.team-member-list-item { position: relative; aspect-ratio: 280 / 403;  width: calc((100% / 4) - 12px); border-radius: 12px; overflow: hidden; }
.team-member-list-item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: linear-gradient(180deg, rgba(36, 28, 15, 0.00) 24.54%, rgba(36, 28, 15, 0.30) 41.98%, rgba(36, 28, 15, 0.50) 85.63%); z-index: 1; transition: all 0.5s; -webkit-transition: all 0.5s; }
.team-member-list-item:hover::before { transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.team-member-list-item .member-img { width: 100%; height: 100%; }
.team-member-list-item .member-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s; -webkit-transition: all 0.5s; }
.team-member-list-item .member-content { color: var(--white-color); position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height: 100%; transform: translateY(calc(100% - 95px)); padding: 24px; display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between; gap: 16px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.team-member-list-item:hover .member-content { transform: translateY(0); -webkit-transform: translateY(0); }
.team-member-list-item .member-content .flex-wrapper { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-end; -webkit-align-items: flex-end; gap: 16px; }
.team-member-list-item .member-content .flex-wrapper .member-name { color: var(--white-color); font-family: var(--outfit-font-family);  margin-bottom: 4px; }
.team-member-list-item .member-content .member-desc { overflow-y: auto; }


/***********Contact Page Style ***********/
.get-involved { padding: 80px 0px 160px; }
.get-involved-inner { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.get-involved-content { width: 513px; padding-right: 96px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.get-involved-content .title { margin-bottom: 24px; }
.get-involved-content figure { margin-top: 70px; width: 100%; aspect-ratio: 417 / 398; border-radius: 12px; }
.get-involved-content figure img { width: 100%; height: 100%; object-fit: cover; border-radius: 12px; }
.get-involved-form { width: calc(100% - 513px); padding: 24px; }
.get-involved-form .end-desc { margin-top: 44px; color: var(--grey-color-100); }
.get-involved-form .end-desc a { text-decoration: underline; }
.get-involved-form .end-desc a:hover { text-decoration: none; color: var(--primary-color); }



/*********** Pricing Page Style ***********/
.pricing-section.common-padding { padding: 80px 0px 160px; }
.pricing-content-item { margin-bottom: 44px; }
.pricing-content-item:last-child { margin-bottom: 0px; }
.pricing-content-item .title { margin-bottom: 24px; }
.pricing-content-item .desc { margin-bottom: 32px; }
.pricing-content-item .desc:last-child { margin-bottom: 0px; }
.pricing-content-item ul { list-style: disc; padding-left: 20px; margin-bottom: 32px; }
.pricing-content-item ul:last-child { margin-bottom: 0px; }
.pricing-content-item ul li { margin-bottom: 6px; }
.pricing-content-item ol { list-style: decimal; padding-left: 20px; margin-bottom: 32px; }
.pricing-content-item ol:last-child { margin-bottom: 0px; }
.pricing-content-item ol li { margin-bottom: 6px; }
.pricing-content-item .market-end-links { padding: 0px; display: flex; display: -webkit-flex; gap: 16px 0px; flex-wrap: wrap; -webkit-flex-wrap: wrap; list-style: none; }
.pricing-content-item .market-end-links li { padding-right: 16px; margin-right: 16px; margin-bottom: 0px; border-right: 1px solid var(--beige-color-500); }
.pricing-content-item .market-end-links li:last-child { border-right: none; padding-right: 0px; margin-right: 0px; }
.pricing-content-item .market-end-links li a { color: var(--primary-color); font-weight: 500; }
.pricing-content-item .market-end-links li a img { margin-left: 8px; margin-top: -4px; vertical-align: middle; width: 18px; height: auto; }
.pricing-content-item .flex-wrapper { margin-bottom: 24px; display: flex; display: -webkit-flex; gap: 16px; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; justify-content: space-between; -webkit-justify-content: space-between; }
.pricing-content-item .flex-wrapper .title { margin-bottom: 0px; }

.table-responsive { overflow-x: auto; margin-bottom: 32px; }
/* tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
} */
table {  width: 100%; border-collapse: separate; border-spacing: 0; vertical-align: middle; table-layout: fixed; }
table th, table td { padding: 8.5px 9px; text-align: center; width: 93px; border-bottom: 1px solid var(--beige-color-900);}
table th:last-child { word-break: break-word; text-align: left;}
table th, table tr td:first-child { background: var(--skin-color-200); font-size: 13px; line-height: 1.5; }
table th:first-child, table td:first-child { text-align: left; border-right: 1px solid var(--beige-color-900); position: sticky; left: 0; z-index: 1; }
table th:last-child, table td:last-child { width: 120px; }
table td { font-size: 14px; line-height: 1.5; }
table th:nth-child(4), table td:nth-child(4) { background: #A3D1C1; border-color: #7EBEA8; font-weight: 600; }



/************ Footer Section Style ************/
footer { padding-top: 80px; }
.footer-inner { display: flex; display: -webkit-flex; gap: 32px; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.footer-logo-description { width: calc(((100% / 12) * 5) - 21.33px); }
.footer-logo-description .logo-img { width: 100px; margin-bottom: 14px; }
.footer-logo-description .desc { margin-bottom: 24px; }
.footer-logo-description .social-icons { display: flex; display: -webkit-flex; gap: 16px; }
.footer-logo-description .social-icons li a { width: 40px; height: 40px; display: flex; display: -webkit-flex; justify-content: center; --webkit-justify-content: center; align-items: center; --webkit-align-items: center; background: var(--beige-color-300); border-radius: 4px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.footer-logo-description .social-icons li a:hover { background: var(--primary-color); }
.footer-logo-description .social-icons li a img { width: 24px; height: auto; transition: all 0.5s; -webkit-transition: all 0.5s; }
.footer-logo-description .social-icons li a:hover img { filter: brightness(0) invert(1); }


.company-footer-menu { width: calc(((100% / 12) * 3) - 21.33px);}
.support-footer-menu { width: calc(((100% / 12) * 4) - 21.33px); }
.footer-menu .footer-menu-title { color: var(--black-color); margin-bottom: 12px; font-weight: 600; font-family: var(--outfit-font-family); font-size: 16px; line-height: 1.5; }
.footer-menu li { margin-bottom: 8px; }
.footer-menu a:hover { color: var(--primary-color); }

.footer-description { padding-block: 32px; border-top: 1px solid var(--beige-color-500); margin-top: 80px; }
.footer-description > p:first-child { margin-bottom: 20px; }
.footer-description > p a { text-decoration: underline;}
.footer-description > p a:hover { text-decoration: none; color: var(--primary-color); }

.copyright { padding-bottom: 20px; display: flex; display: -webkit-flex; justify-content: space-between; --webkit-justify-content: space-between; align-items: center; --webkit-align-items: center; gap: 16px; }
.copyright-menu { display: flex; display: -webkit-flex; align-items: center; --webkit-align-items: center; }
.copyright-menu li { padding-right: 16px; margin-right: 16px; border-right: 1px solid var(--beige-color-500); }
.copyright-menu li:last-child { border-right: none; padding-right: 0px; margin-right: 0px; }
.copyright-menu li a { color: var(--primary-color); text-decoration: underline; }
.copyright-menu li a:hover { color: var(--primary-color-100); text-decoration: none; }


@media (max-width: 1440px) {

    /***** Global Style *****/
    body { padding-top: 94px; font-size: 16px; line-height: 24px; }
    .container { max-width: 1140px; margin: 0 auto; padding: 0 16px; }
    .common-padding { padding: 92px 0px; }

    /***** Button Style *****/
    .theme-btn { padding: 17px 12px; font-size: 18px; line-height: 1; border-radius: 8px; }
    .outline-btn { padding: 10px 12px; font-size: 14px; line-height: 1; border-radius: 8px; }

    /******Typography Style *****/
    .heading-style-1 { font-size: 50px; line-height: 1.2;  }
    .heading-style-2 { font-size: 40px; line-height: 1.2;  }
    .heading-style-3 { font-size: 34px; line-height: 1.2;  }
    .heading-style-4 { font-size: 26px; line-height: 34px; }
    .heading-style-5 { font-size: 20px; line-height: 1.4;  }
    .para-md { font-size: 18px; line-height: 1.5; }
    .para-sm { font-size: 14px; line-height: 1.5; }


    /********** Slick Slider Style *********/
    .slick-arrow { width: 36px; height: 36px; border-radius: 6px; }
    .slick-arrow::before { width: 14px; height: 14px; background-size: 14px; }

    /********** Accordion Style *********/
    .accordion-item { padding: 18px; }
    .accordion-item .accordion-header .accordion-button { font-size: 18px; line-height: 24px; }



    /************** Header Style *************/
    header { padding: 30px 0px 0px;  }
    .navbar-collapse { width: 710px; }


    /************** Banner Style **************/


    /****** Effortless Section Style **********/
    .effortless-section.common-padding { padding-bottom: 92px; }
    .effortless-title { margin-bottom: 60px; }
    .effortless-left-content { width: calc(100% - 570px); padding-right: 60px; }
    .effortless-content .accordion-item { padding: 18px; }
    .effortless-content .accordion-item .accordion-header .accordion-button { font-size: 18px; line-height: 22px; }
    .effortless-right-content { width: 570px; }

    /********** Heart Section Style *********/
    .heart-section-video { width: 570px; }
    .heart-section-content { width: calc(100% - 570px); padding-left: 48px; }
    .heart-section-content .founder { gap: 16px; --webkit-gap: 16px; margin-bottom: 40px; }
    .heart-section-content .founder .founder-img { width: 56px; height: 56px; }

    /******** Families Section Style **********/
    .families-title { margin-bottom: 60px; }
    .families-slider  { padding-left: calc(50% - 570px); }
    .families-slider-item .rating-img { margin-bottom: 32px; }
    .families-slider .slick-next { right: 110px; top: -99px; }
    .families-slider .slick-prev { right: 165px; top: -99px; }


    /******** Peace Section Style *********/
    .peace-title { margin-bottom: 60px; }
    .peace-item { padding: 28px 16px; }
    .peace-item .peace-logo { width: 200px; margin-bottom: 16px; }


    /******** FAQ Section Style **********/
    .faq-title-content { padding-right: 46px; }
    .faq-accordion .accordion-button::before  { line-height: 1.3; }
    

    /******** Future Section Style **********/
    .future-content-inner { padding: 41px 64px; }


    /********** About Page style *******/

    /********* About content Section ********/
    .about-list-description { gap: 64px; }


    /******** Teams Section style *****/
    .teams-section .team-title { margin-bottom: 60px; }
    .team-member-list { gap: 16px; }


    /********** Contact Page Style *********/
    .get-involved-content { padding-right: 64px; }


    /********* Pricing Page Style **********/
    .pricing-section.common-padding { padding: 92px 0px; }
    .pricing-content-item { margin-bottom: 32px; }
    .pricing-content-item .desc { margin-bottom: 24px; }
    .table-responsive { margin-bottom: 24px; }



    /******** Footer Section Style ************/
    .footer-inner { gap: 24px; }
    .footer-logo-description { width: calc(((100% / 12) * 6) - 16px);  }
    .company-footer-menu { width: calc(((100% / 12) * 3) - 16px); }
    .support-footer-menu { width: calc(((100% / 12) * 3) - 16px); }
    .footer-logo-description .social-icons { gap: 12px; }
    .footer-logo-description .social-icons li a { width: 36px; height: 36px; }
    .footer-logo-description .social-icons li a img { width: 20px; height: auto; }
    .footer-description { margin-top: 60px; }

}


@media (max-width: 1199px) {

    /***** Global Style *****/
    .container { max-width: 960px; margin: 0 auto; padding: 0 16px; }
    .common-padding { padding: 80px 0px; }

    /***** Button Style *****/
    .theme-btn { padding: 13px 12px; font-size: 16px; line-height: 1; border-radius: 8px; }
    .outline-btn { padding: 10px 12px; font-size: 14px; line-height: 1; border-radius: 8px; }

    /******Typography Style *****/
    .heading-style-1 { font-size: 44px; line-height: 1.2;  }
    .heading-style-2 { font-size: 36px; line-height: 1.2;  }
    .heading-style-3 { font-size: 28px; line-height: 1.2;  }
    .heading-style-4 { font-size: 24px; line-height: 32px; }
    .heading-style-5 { font-size: 20px; line-height: 1.4;  }
    .para-md { font-size: 18px; line-height: 1.5; }
    .para-sm { font-size: 14px; line-height: 1.5; }


    /********** Slick Slider Style *********/
    .slick-arrow { width: 36px; height: 36px; border-radius: 6px; }
    .slick-arrow::before { width: 14px; height: 14px; }

    /********** Accordion Style *********/
    .accordion-item { padding: 18px; }
    .accordion-item .accordion-header .accordion-button { font-size: 18px; line-height: 24px; }



    /************** Header Style *************/
    header { padding: 30px 0px 0px;  }
    .navbar-collapse { width: 610px; }
    .navbar-brand img { width: 70px; }


    /************** Banner Style **************/


    /****** Effortless Section Style **********/
    .effortless-section.common-padding { padding-bottom: 80px; }
    .effortless-title { margin-bottom: 48px; }
    .effortless-left-content { width: calc(100% - 480px); padding-right: 40px; }
    .effortless-content .accordion-item { padding: 12px; }
    .effortless-content .accordion-item .accordion-header .accordion-button { font-size: 16px; line-height: 22px; }
    .effortless-right-content { width: 480px; }

    /********** Heart Section Style *********/
    .heart-section-video { width: 480px; }
    .heart-section-content { width: calc(100% - 480px); padding-left: 40px; }
    .heart-section-content .founder { gap: 16px; --webkit-gap: 16px; margin-bottom: 40px; }
    .heart-section-content .founder .founder-img { width: 52px; height: 52px; }

    /******** Families Section Style **********/
    .families-title { margin-bottom: 48px; }
    .families-slider  { padding-left: calc(50% - 480px); }
    .families-slider-item .rating-img { margin-bottom: 32px; }
    .families-slider .slick-next { right: 110px; top: -83px; }
    .families-slider .slick-prev { right: 165px; top: -83px; }


    /******** Peace Section Style *********/
    .peace-title { margin-bottom: 60px; }
    .peace-item { padding: 28px 16px; }
    .peace-item .peace-logo { width: 200px; margin-bottom: 16px; }


    /******** FAQ Section Style **********/
    .faq-title-content { padding-right: 46px; }
    

    /******** Future Section Style **********/
    .future-content { width: 424px; padding-right: 40px; }
    .future-content-inner { padding: 41px 64px; }
    .future-mock-image { width: calc(100% - 424px); padding: 0px 32px; }


    /********** About Page style *******/

    /********* About content Section ********/
    .about-list-description { gap: 32px; }
    .about-list-description-item { width: calc((100% / 2) - 16px); }

    /********* Together Section ********/
    .together-section.common-padding  { padding: 60px 0px; }


    /******** Teams Section style *****/
    .teams-section .team-title { margin-bottom: 48px; }
    .team-member-list { gap: 16px; }
    .team-member-list-item { width: calc((100% / 3) - 10.67px); }

    /********** Contact Page Style *********/
    .get-involved-content { width: 424px; padding-right: 44px; }
    .get-involved-form { width: calc(100% - 424px); }

    /*********** Pricing Page Style **********/
    .pricing-section.common-padding { padding: 80px 0px; }


    /******** Footer Section Style ************/
    .footer-inner { gap: 24px; }
    .footer-logo-description { width: calc(((100% / 12) * 6) - 16px);  }
    .company-footer-menu { width: calc(((100% / 12) * 3) - 16px); }
    .support-footer-menu { width: calc(((100% / 12) * 3) - 16px); }
    .footer-logo-description .social-icons { gap: 12px; }
    .footer-logo-description .social-icons li a { width: 36px; height: 36px; }
    .footer-logo-description .social-icons li a img { width: 20px; height: auto; }
    .footer-description { margin-top: 40px; }
}

@media (max-width: 991px) {

    /***** Global Style *****/
    body { padding-top: 84px; }
    .container { max-width: 720px; margin: 0 auto; padding: 0 16px; }
    .common-padding { padding: 60px 0px; }

    /***** Button Style *****/
    .theme-btn { padding: 17px 12px; font-size: 18px; line-height: 1; border-radius: 8px; }
    .outline-btn { padding: 10px 12px; font-size: 14px; line-height: 1; border-radius: 8px; }

    /******Typography Style *****/
    .heading-style-1 { font-size: 44px; line-height: 1.2;  }
    .heading-style-2 { font-size: 36px; line-height: 1.2;  }
    .heading-style-3 { font-size: 28px; line-height: 1.2;  }
    .heading-style-4 { font-size: 24px; line-height: 32px; }
    .heading-style-5 { font-size: 20px; line-height: 1.4;  }
    .para-md { font-size: 18px; line-height: 1.5; }
    .para-sm { font-size: 14px; line-height: 1.5; }


    /********** Slick Slider Style *********/
    .slick-arrow { width: 40px; height: 40px; border-radius: 6px; }
    .slick-arrow::before { width: 20px; height: 20px; background-size: 20px; }

    /********** Accordion Style *********/
    .accordion-item { padding: 20px 24px; }
    .accordion-item .accordion-header .accordion-button { font-size: 18px; line-height: 24px; }



    /************** Header Style *************/
    header { padding: 20px 0px 0px;  }
    .navbar-collapse { width: 505px; }
    .navbar-brand img { width: 100px; }


    /************** Banner Style **************/
    .hero-section { padding: 0px; }
    .hero-section-inner { flex-direction: column; --webkit-flex-direction: column; }
    .hero-section-content { padding-top: 40px; width: 100%; margin-bottom: 40px; }
    .hero-section-content .title br { display: none; }
    .hero-section-img { width: 494px; margin: 0px auto; }


    .tablet-flex-wrapper { display: flex; display: -webkit-flex;  flex-direction: column-reverse; -webkit-flex-direction: column-reverse;  }
    /****** Effortless Section Style **********/
    .effortless-section.common-padding { padding-bottom: 60px; }
    .effortless-title { margin-bottom: 48px; }
    .effortless-content { flex-direction: column; --webkit-flex-direction: column; }
    .effortless-left-content { width: calc(100% - 0px); padding-right: 0px; }
    .effortless-content .accordion-item { padding: 24px; }
    .effortless-content .accordion-item .accordion-header .accordion-button { font-size: 20px; line-height: 28px; }
    .effortless-content .accordion-body .effortless-image { display: block; }
    .effortless-right-content { width: 100%; display: none; }

    /********** Heart Section Style *********/
    .heart-section.common-padding { padding: 80px 0px; }
    .heart-section-inner { flex-direction: column-reverse; --webkit-flex-direction: column-reverse; }
    .heart-section-video { width: 100%; }
    .heart-section-content { width: calc(100% - 0px); padding-left: 0px; padding-bottom: 55px; }
    .heart-section-content .founder { gap: 24px; --webkit-gap: 24px; margin-bottom: 48px; }
    .heart-section-content .founder .founder-img { width: 64px; height: 64px; }

    /******** Families Section Style **********/
    .families-title { margin-bottom: 40px; }
    .families-slider  { padding-left: calc(50% - 360px); }
    .families-slider-item .rating-img { margin-bottom: 32px; }
    .families-slider .slick-next { right: 60px; top: -77px; }
    .families-slider .slick-prev { right: 112px; top: -77px; }


    /******** Peace Section Style *********/
    .peace-title { margin-bottom: 40px; }
    .peace-item { padding: 28px 16px; }
    .peace-item .peace-logo { width: 200px; margin-bottom: 16px; }


    /******** FAQ Section Style **********/
    .faq-section.common-padding { padding-bottom: 108px; }
    .faq-content { flex-direction: column; --webkit-flex-direction: column; gap: 96px; }
    .faq-title-content { padding-right: 0px; }
    .faq-content .accordion { width: 100%; }
    

    /******** Future Section Style **********/
    .future-content { width: 317px; padding-right: 12px; }
    .future-content-inner { padding: 32px 40px; }
    .future-mock-image { width: calc(100% - 317px); padding: 0px 12px; }


    /********** About Page style *******/

    /********** About Banner Style *********/
    .about-banner-section { padding: 154px 0px 76px; background-position: center 50%; }

    /******** About Content Section ********/
    .about-content-section.common-padding { padding: 40px 0px; }

    /*********** Together Section ********/
    .together-section.common-padding  { padding: 40px 0px; }


    /************ Teams Section ********/
    .teams-section.common-padding { padding: 40px 0px 80px;  }
    .teams-section .team-title { margin-bottom: 56px; }
    .team-member-list-item { width: calc((100% / 2) - 8px); }
    .team-member-list-item::before { transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    .team-member-list-item .member-content { transform: translateY(0); -webkit-transform: translateY(0); }


    /********** Contact Page Style *********/
    .get-involved.common-padding { padding: 40px 0px 104px; }
    .get-involved-inner { flex-direction: column; --webkit-flex-direction: column; gap: 56px; }
    .get-involved-content { width: 100%; padding-right: 0px; }
    .get-involved-content figure { margin-top: 40px; aspect-ratio: 704 / 398; }
    .get-involved-form { width: 100%; padding: 0px; }
    .get-involved-form .theme-btn { font-size: 14px; line-height: 1; }

    /********* Pricing Page Style **********/
    .pricing-section.common-padding { padding: 40px 0px 80px; }
    .pricing-content-item { margin-bottom: 44px; }
    .table-responsive { margin-bottom: 24px; }
    .pricing-content-item .desc { margin-bottom: 28px; }

    /******** Footer Section Style ************/
    .footer-inner { gap: 32px; }
    .footer-logo-description { width: calc(((100% / 12) * 5) - 21.33px);  }
    .company-footer-menu { width: calc(((100% / 12) * 4) - 21.33px); }
    .support-footer-menu { width: calc(((100% / 12) * 3) - 21.33px); }
    .footer-logo-description .social-icons { gap: 12px; }
    .footer-logo-description .social-icons li a { width: 40px; height: 40px; }
    .footer-logo-description .social-icons li a img { width: 24px; height: auto; }
    .footer-description { margin-top: 80px; }
    .copyright-menu li a { font-size: 14px; line-height: 1; }
}


@media (max-width: 767px) {

    /***** Global Style *****/
    body { padding-top: 81px; }
    .container { max-width: 100%; margin: 0 auto; padding: 0 16px; }
    .common-padding { padding: 40px 0px; }
    .form-group, .form-check { margin-bottom: 16px; }

    /***** Button Style *****/
    .theme-btn { padding: 17px 12px; font-size: 18px; line-height: 1; border-radius: 8px; }
    .outline-btn { padding: 10px 12px; font-size: 14px; line-height: 1; border-radius: 8px; }

    /******Typography Style *****/
    .heading-style-1 { font-size: 32px; line-height: 1.2;  }
    .heading-style-2 { font-size: 28px; line-height: 1.2;  }
    .heading-style-3 { font-size: 26px; line-height: 1.2;  }
    .heading-style-4 { font-size: 20px; line-height: 28px; }
    .heading-style-5 { font-size: 20px; line-height: 1.4;  }
    .para-md { font-size: 18px; line-height: 1.5; }
    .para-sm { font-size: 14px; line-height: 1.5; }


    /********** Slick Slider Style *********/
    .slick-arrow { width: 40px; height: 40px; border-radius: 6px; }
    .slick-arrow::before { width: 20px; height: 20px; background-size: 20px; }

    /********** Accordion Style *********/
    .accordion-item { padding: 20px 24px; }
    .accordion-item .accordion-header .accordion-button { font-size: 18px; line-height: 24px; }


    /************** Header Style *************/
    header { padding: 20px 0px 0px; }
    header .navbar { position: relative; }
    header.menu-open .navbar { border-radius: 14px 14px 0px 0px; }
    .navbar-collapse { width: calc(100% + 2px); position: absolute; top: 100%; left: 50%; transform: translateX(-50.2%); -webkit-transform: translateX(-50.2%); background: var(--white-color); border-radius: 0px 0px 14px 14px; border: none; overflow: hidden; }
    header.menu-open .navbar-collapse { border: 1px solid var(--grey-color-200); border-top: none; }
    .navbar-brand img { width: 100px; }
    .navbar-toggler { display: block; }
    .navbar-collapse-inner {  flex-direction: column; --webkit-flex-direction: column; gap: 32px; padding: 0px; max-height: 0px; overflow: hidden; transition: max-height 0.5s ease-in-out; -webkit-transition: max-height 0.5s ease-in-out; }
    header.menu-open .navbar-collapse-inner { max-height: 500px; }
    .navbar-nav { flex-direction: column; --webkit-flex-direction: column; width: 100%; }
    .navbar-collapse-inner .theme-btn { margin-bottom: 32px;}
    .navbar-nav { gap: 22px; padding-top: 32px; }

    /************** Banner Style **************/
    .hero-section { padding: 0px; }
    .hero-section-inner { flex-direction: column; --webkit-flex-direction: column; }
    .hero-section-content { padding-top: 40px; width: 100%; margin-bottom: 24px; }
    .hero-section-content .title br { display: none; }
    .hero-section-content .title { max-width: 235px; }
    .hero-section-img { width: 100%; max-width: 313px;  margin: 0px auto; }


    .tablet-flex-wrapper { display: flex; display: -webkit-flex;  flex-direction: column-reverse; -webkit-flex-direction: column-reverse;  }
    /****** Effortless Section Style **********/
    .effortless-section.common-padding { padding-bottom: 40px; }
    .effortless-title { margin-bottom: 32px; }
    .effortless-content { flex-direction: column; --webkit-flex-direction: column; }
    .effortless-left-content { width: calc(100% - 0px); padding-right: 0px; }
    .effortless-content .accordion-item { padding: 16px; }
    .effortless-content .accordion-item .accordion-header .accordion-button { font-size: 20px; line-height: 28px; }
    .effortless-content .accordion-body .effortless-image { display: block; aspect-ratio: unset; border-radius: 28px; }
    .effortless-content .mobile-hide { display: block; }
    .effortless-right-content { width: 100%; display: none; }
    .effortless-content .accordion-body .effortless-image img { width: 100%; height: auto; display: block; }

    /********** Heart Section Style *********/
    .heart-section.common-padding { padding: 40px 0px; }
    .heart-section-inner { flex-direction: column-reverse; --webkit-flex-direction: column-reverse; }
    .heart-section-video { width: 100%; }
    .heart-section-content { width: calc(100% - 0px); padding-left: 0px; padding-bottom: 44px; }
    .heart-section-content .founder { gap: 24px; --webkit-gap: 24px; margin-bottom: 48px; }
    .heart-section-content .founder .founder-img { width: 64px; height: 64px; }

    /******** Families Section Style **********/
    .families.common-padding { padding: 40px 0px 100px; }
    .families-title { margin-bottom: 40px; }
    .families-slider  { padding-left: calc(50% - 360px); }
    .families-slider-item .rating-img { margin-bottom: 32px; }
    .families-slider .slick-next { right: 34px; top: auto; bottom: -80px; }
    .families-slider .slick-prev { right: 86px; top: auto; bottom: -80px; }


    /******** Peace Section Style *********/
    .peace-title { margin-bottom: 40px; }
    .peace-content { flex-direction: column; --webkit-flex-direction: column;  }
    .peace-item { padding: 28px 16px; width: 100%; }
    .peace-item .peace-logo { width: 200px; margin-bottom: 16px; }


    /******** FAQ Section Style **********/
    .faq-section.common-padding { padding-bottom: 80px; }
    .faq-content { flex-direction: column; --webkit-flex-direction: column; gap: 32px; }
    .faq-title-content { padding-right: 46px; width: 100%; padding: 0px; }
    .find-answer { flex-direction: column; --webkit-flex-direction: column; align-items: flex-start; --webkit-align-items: flex-start; }
    .faq-content .accordion { width: 100%; }
    

    /******** Future Section Style **********/
    .future-content { width: 100%; padding-right: 12px; }
    .future-content-inner { padding: 32px; }
    .future-mock-image { width: calc(100% - 0px); padding: 0px 12px; display: none; }
    .future-content .theme-btn { min-width: 189px; text-align: center; }


    /******** About Page style *******/

    .about-page header .theme-link-txt::after { background: var(--primary-color); }
    .about-page header .navbar-collapse-inner .theme-btn:hover { border-color: var(--primary-color); }

    /********** About Banner Style *********/
    .about-banner-section { padding: 138px 0px 39px; background-position: center 50%; }

    /********* About Content Style ************/
    .about-list-description-item { width: 100%; }

    /******* Team Section Style ******/
    .team-member-list { gap: 20px; }
    .team-member-list-item { width: 100%; }

    

    /********** Contact Page Style *********/
    .get-involved.common-padding { padding: 40px 0px 80px; }
    .get-involved-inner { gap: 35px; }
    .get-involved-content figure { margin-top: 24px; aspect-ratio: 338 / 218; }



    /******** Footer Section Style ************/
    .footer-inner { gap: 32px; }
    .footer-logo-description { width: calc(((100% / 12) * 12) - 0px); padding-right: 51px;  }
    .company-footer-menu { width: calc(((100% / 12) * 6) - 16px); }
    .support-footer-menu { width: calc(((100% / 12) * 6) - 16px); }
    .footer-logo-description .social-icons { gap: 12px; }
    .footer-logo-description .social-icons li a { width: 40px; height: 40px; }
    .footer-logo-description .social-icons li a img { width: 24px; height: auto; }
    .footer-description { margin-top: 32px; padding-block: 16px; }
    .copyright { flex-direction: column; --webkit-flex-direction: column; align-items: flex-start; --webkit-align-items: flex-start; gap: 16px; }
    .copyright-menu { flex-direction: column; --webkit-flex-direction: column; align-items: flex-start; --webkit-align-items: flex-start; }
     .copyright-menu li { border-right: none; padding-right: 0px; margin-right: 0px; margin-bottom: 8px; }
    .copyright-menu li a { font-size: 14px; line-height: 1; }
}