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

*,
*::after,
*::before {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --primary_font: "Inter", sans-serif;
    --secondary_font: "Montserrat", sans-serif;
    --primary_color: #131313;
    --secondary_color: #313131;
    --burnt_orange: #D4630C;
    --primary_yellow: #F7B61E;
    --primary_white: #fff;
    --primary_lite: #F2EAE1;
    --primary_black: #000000;
    --primary_green: #4E8A4E;
}

body {
    color: var(--primary_color);
    font-family: var(--primary_font);
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
}

/***************** Typography Css Start  ******************/

h1,
h2,
h3,
h4 {
    font-family: var(--secondary_font);
    font-weight: 700;
    line-height: 1.3;
    color: var(--secondary_color);
    margin: 0 0 27px;
}

h1 {
    font-weight: 600;
    font-size: 54px;
    line-height: 66px;
}

h2 {
    font-size: 35px;
    line-height: 45px;
}

h3 {
    font-size: 20px;
    line-height: 1.6;
}

p:not(:last-child) {
    margin: 0 0 20px;
}

/***************** Typography Css End  ******************/

/***************** Global Css Start ******************/

img {
    max-width: 100%;
    display: block;
}

.container {
    max-width: 1260px;
    margin-inline: auto;
    width: calc(100vw - 30px);
    margin-inline: auto;
}

.btn a {
    background: var(--primary_yellow);
    border-radius: 100vmax;
    text-decoration: none;
    color: var(--primary_black);
    font-weight: 500;
    border: 1px solid var(--primary_yellow);
    padding: 12px 23px;
    font-size: 15px;
    transition: all 0.3s linear;
    display: inline-block;
    line-height: 1;
}

.btn a:hover {
    background: var(--primary_black);
    border-color: var(--primary_black);
    color: var(--primary_white)
}

.btn.white_outline a {
    color: var(--primary_white);
    line-height: 1;
    background: transparent;
    border-color: var(--primary_white);
}

.btn.white_outline a:hover {
    background: var(--primary_yellow);
    color: var(--primary_black);
    border-color: var(--primary_yellow);
}

.top_heading {
    display: inline-block;
    margin: 0 0 5px;
    text-transform: uppercase;
    color: var(--burnt_orange);
    font-weight: 500;
    line-height: 19px;
}

.bg_lite {
    background: var(--primary_lite);
}

.bg_black {
    background: var(--primary_black);
	padding: 38px 0;
}

/***************** Global Css End ******************/

/***************** .mainheader Css Start  ******************/

.mainheader {
    padding-block: 22px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
}
.mainheader .menu_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mainheader .menu_row nav {
    flex-grow: 1;
    margin-right: 52px;
    margin-left: 76px;
}
.mainheader .menu_row nav ul {
    list-style: none;
    display: flex;
    gap: 22px;
    justify-content: center;
}
.mainheader .menu_row nav ul li a {
    text-decoration: none;
    color: var(--primary_white);
    transition: all 0.3s linear;
}
.mainheader .menu_row nav ul li a:hover {
    color: var(--primary_yellow)
}
.mainheader.bg_black .btn a:hover {
    background: var(--primary_white);
    color: var(--primary_black);
    border-color: var(--primary_white);
}
/***************** .mainheader Css End  ******************/

/***************** //// Home Page Css Start //// ******************/

/**Banner Section Start**/

.banner {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 181px 0 169px;
    position: relative;
}
.banner .content *:not(.top_heading) {
    color: var(--primary_white);
}
.banner .border-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.banner .border-image img {
    width: 100%;
    object-fit: cover;
}
.banner .row .content {
    max-width: 466px;
}
.banner .row .content h1 {
    margin: 0 0 31px;
}
.banner .row .content h1 span {
    color: var(--primary_yellow)
}
.banner .row .btn {
    margin-top: 50px;
}

/**Banner Section End**/

/**Our Mission Section Start**/

.our_mission {
    padding-block: 29px;
}
.our_mission .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.our_mission .container {
    max-width: 1097px;
}
.our_mission .row .left_col {
    flex: 0 0 39.4%;
    max-width: 39.4%;
}
.our_mission .row .left_col img {
    height: auto;
}
.our_mission .row .right_col {
    flex: 0 0 52%;
    max-width: 52%;
}
.our_mission .row .right_col h2 {
    max-width: 463px;
}

/**Our Mission Section End**/

/**What we offer Section Start**/

.what_we_offer {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 75px 0 102px;
}
.what_we_offer .heading_section {
    display: flex;
    margin: 0 0 50px;
    align-items: center;
    justify-content: space-between;
}
.what_we_offer .heading_section .heading {
    max-width: 613px;
}
.what_we_offer .heading_section .heading *:not(span) {
    color: var(--primary_white);
}
.what_we_offer .four_col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.what_we_offer .four_col .col {
    border: 1px solid #25A31B;
    padding: 41px 21px;
    text-align: center;
    border-radius: 10px;
}
.what_we_offer .four_col .icon {
    width: 92px;
    height: 92px;
    margin-inline: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #EBA229;
    border-radius: 50%;
    margin-bottom: 22px;
}
.what_we_offer .four_col h3 {
    color: var(--primary_white);
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    margin: 0 0 9px;
}
.what_we_offer .four_col p {
    color: var(--primary_white);
}
.what_we_offer .four_col .col:nth-child(2) .icon {
    background: #D55824;
}
.what_we_offer .four_col .col:nth-child(3) .icon {
    background: #4E8A4E;
}

/**What we offer Section End**/

/**experience Section start**/
.experience {
    padding: 88px 0 98px;
}
.experience .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.experience .row .left_col {
    flex: 0 0 56.5%;
    max-width: 56.5%;
}
.experience .row .right_col {
    flex: 0 0 34.2%;
    max-width: 34.2%;
}
.experience .row .right_col img {
    width: 100%;
}
.experience .row .left_col h2 {
    max-width: 462px;
}
.experience .btn {
    margin-top: 28px;
}

/**experience Section End**/

/** Testimonial Section Start**/

.testimonial_section {
    padding-block: 77px;
}
.testimonial_section .slick-list {
    max-width: 942px;
    margin-inline: auto;
    padding-bottom: 29px;
}
.testimonial_section .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-inline: auto;
}
.testimonial_section .row .left_col {
    flex: 0 0 183px;
    max-width: 183px;
}
.testimonial_section .row .right_col {
    flex: 0 0 100%;
    max-width: 100%;
}
.testimonial_section .quote {
    margin: 0 0 31px;
}
.testimonial_section .content {
    padding-left: 36px;
}
.testimonial_section .content h3 {
    margin: 0;
    font-size: 16px;
    font-family: var(--primary_font);
    padding-left: 30px;
    letter-spacing: 1.09px;
    font-weight: 500;
}
.testimonial_section .row .left_col img {
    background: #aba49b;
    border-radius: 50%;
}
.slick-arrow {
    border: 1px solid #707070;
    width: 63px;
    height: 63px;
    background: transparent;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 999;
    cursor: pointer;
}
.slick-arrow.slick-next.slick-arrow {
    left: auto;
    right: 0;
}
.slick-arrow::after {
    background: url(../images/right-arrow.png);
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 52%;
    left: 54%;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
}
.slick-prev.slick-arrow::after {
    transform: translate(-50%, -50%)scale(-1);
    left: 46%;
}
.testimonial_section .slick-dots {
    display: flex;
    justify-content: center;
    gap: 20px;
    list-style: none;
}
.testimonial_section .slick-dots button {
    width: 16px;
    height: 16px;
    background: #B2ACA1;
    border-radius: 50%;
    border: 0;
    font-size: 0;
    display: block;
}
.testimonial_section .slick-active button {
    background: #C27815;
}

/** Testimonial Section End**/

/** Join the movement Section Start**/

.join_the_movement {
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 47px;
    text-align: center;
}
.join_the_movement .inner_content *:not(.btn a) {
    color: var(--primary_white);
}
.join_the_movement .inner_content {
    max-width: 602px;
    margin-inline: auto;
}
.join_the_movement .inner_content p {
    letter-spacing: 1.09px;
    color: #E0DCD8;
}
.join_the_movement .inner_content h2 {
    margin: 0 auto 21px;
    max-width: 458px;
}

/** Join the movement Section End**/

/***************** //// Home Page Css End  //// ******************/


/***************** //// About Page Css Start //// ******************/

/** Banner Section Start **/

body section.inner_banner {
    margin-top: 80px;
    background-repeat: no-repeat;
    background-size: cover;
    padding-block: 106px;
    text-align: center;
}
.inner_banner h1 {
    color: var(--primary_white);
    margin: 0;
}

/** Banner Section End **/

/** Our Purpose Section Start **/

.our_purpose {
    padding-block: 50px;
}
.our_purpose .row {
    display: flex;
    justify-content: space-between;
}
.our_purpose .row .left_col {
    flex: 0 0 39%;
    max-width: 39%;
}
.our_purpose .row .right_col {
    flex: 0 0 56%;
    max-width: 55%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
}
.our_purpose .col {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 24px;
    text-align: center;
}
.our_purpose .col .icon {
    background: #254825;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-inline: auto;
    margin-bottom: 21px;
}
.our_purpose .col .content h3 {
    margin: 0 0 5px;
}
.our_purpose .col:nth-child(2) .icon {
    background: #E79C29;
}

/** Our Purpose Section End **/

/** Our Founder Section Start **/

.our_founder {
    padding-block: 60px;
}
.our_founder .heading {
    text-align: center;
    margin: 0 0 41px;
}
.our_founder .founder_image {
    max-width: 421px;
    margin-inline: auto;
    margin-bottom: 70px;
}
.our_founder .founder_image img {
 height:auto;
}
.our_founder .content {
    text-align: center;
    max-width: 1205px;
    margin-inline: auto;
}

/** Our Founder Section End **/

/** green_pattern Section Start **/

.green_pattern {
    padding: 89px 0;
    position: relative;
}
.green_pattern .row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.green_pattern .left_pattern,
.green_pattern .right_pattern {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 54px;
}
.green_pattern .right_pattern {
    right: 0;
    left: auto;
}
.green_pattern .left_pattern img,
.green_pattern .right_pattern {
    height: 100%;
    object-fit: cover;
}
.green_pattern .col {
    text-align: center;
    position: relative;
}
.green_pattern .col .icon {
    display: flex;
    justify-content: center;
    margin-bottom: 13px;
}
.green_pattern .col .num {
    color: #F7B61E;
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 10px;
}
.green_pattern .col .text {
    color: var(--primary_white);
}
.green_pattern .col+.col::after {
    content: "";
    width: 1px;
    height: 180px;
    background: #D4630C;
    position: absolute;
    top: -29px;
    left: -31px;
    opacity: 0.5;
}

/** green_pattern Section End **/


/***************** //// About Page Css End //// ******************/

/* ==========================================================================
   Workshop Section Base & Background Fix
   ========================================================================== */
.workshop-section {
    padding: 80px 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.workshop-.mainheader-area {
    text-align: center;
    margin-bottom: 40px;
}

.workshop-main-title {
    color: #ffffff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 15px;
}

.location-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #ffffff;
    padding: 10px 24px;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    font-weight: 600;
    color: #1e293b;
    font-size: 0.95rem;
}

.location-badge i {
    color: #f7b61e;
}

/* ==========================================================================
   FORCE 2 POSTS PER ROW (CSS Grid)
   ========================================================================== */
.custom-workshop-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important; /* Force 2 columns */
    gap: 30px !important;
    width: 100% !important;
}

/* Mobile responsive - 1 column */
@media (max-width: 768px) {
    .custom-workshop-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Workshop Card Styling */
.workshop-card {
    background: #ffffff !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.workshop-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2) !important;
}

.event-img-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 230px !important;
    overflow: hidden !important;
}

.event-img-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.card-body-content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

.meta-info {
    display: flex !important;
    gap: 16px !important;
    font-size: 0.85rem !important;
    color: #64748b !important;
    margin-bottom: 12px !important;
}

.meta-item {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.meta-item i {
    color: #f7b61e !important;
}

.card-title {
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
}

.card-text {
    font-size: 0.9rem !important;
    color: #64748b !important;
    line-height: 1.6 !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important;
}

.card-bottom {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: 16px !important;
    border-top: 1px solid #f1f5f9 !important;
}

.price-tag h3, 
.price-tag {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
}

.btn-action-group {
    display: flex !important;
    gap: 8px !important;
}

.btn-custom {
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

/* Secondary Button */
.btn-outline {
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    background: transparent !important;
}

.btn-outline:hover {
    border-color: #000000 !important;
    color: #ffffff !important;
    background: #000000 !important;
}

/* Primary Button (#f7b61e -> Black hover) */
.btn-primary-custom {
    background: #f7b61e !important;
    color: #1e293b !important;
    border: 1px solid #f7b61e !important;
}

.btn-primary-custom:hover {
    background: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
}

/* Pagination */
.custom-pagination {
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
    margin-top: 50px !important;
}

.custom-pagination a, 
.custom-pagination span {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    background: #ffffff !important;
}

.custom-pagination .current, 
.custom-pagination a:hover {
    background: #f7b61e !important;
    color: #1e293b !important;
    border-color: #f7b61e !important;
}
/***************** //// Contact Page Css Start //// ******************/



/* CSS Styling to match your NAKAGAWA Global-T. website Contact Page */
.swm-contact-page-wrapper {
    background-color: #ffffff;
    padding: 60px 20px;
    
}

.swm-container {
    max-width: 1280px;
    margin: 0 auto;
}

/* Top Content Section */
.swm-contact-.mainheader {
    text-align: center;
    margin-bottom: 50px;
}

.swm-page-title {
    font-size: 42px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
    letter-spacing: -0.5px;
}

.swm-page-subtitle {
    font-size: 18px;
    color: #555555;
   
    margin: 0 auto;
    line-height: 1.5;
}

/* Two Columns Layout */
.swm-two-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

/* Left Column - Contact Info */
.swm-contact-info {
    flex: 1;
    min-width: 260px;
    background: #f8fafc;
    border-radius: 24px;
    padding: 35px 30px;
}

.swm-info-card {
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: 1px solid #e2e8f0;
}

.swm-info-card:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.swm-info-title {
    font-size: 22px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.swm-info-detail {
    font-size: 16px;
    color: #334155;
    line-height: 1.6;
    margin: 0;
}

.swm-info-detail a {
    color: #000;
    text-decoration: none;
    transition: color 0.2s;
}

.swm-info-detail a:hover {
    color: #1e5a38;
    text-decoration: underline;
}

/* Right Column - Contact Form 7 */
.swm-contact-form {
    flex: 1.5;
    min-width: 300px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 35px 30px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.swm-form-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e2e8f0;
}

/* Styling for Contact Form 7 Fields */
.swm-contact-form .wpcf7-form p {
    margin-bottom: 20px;
}

.swm-contact-form .wpcf7-form label {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #334155;
    margin-bottom: 6px;
}

.swm-contact-form .wpcf7-form input,
.swm-contact-form .wpcf7-form textarea,
.swm-contact-form .wpcf7-form select {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    font-size: 15px;
    transition: all 0.2s;
}

.swm-contact-form .wpcf7-form input:focus,
.swm-contact-form .wpcf7-form textarea:focus {
    outline: none;
    border-color: #2c7a4d;
    box-shadow: 0 0 0 3px rgba(44, 122, 77, 0.1);
}

.swm-contact-form .wpcf7-submit {
    background: #f7b61e;
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 40px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, transform 0.1s;
}

.swm-contact-form .wpcf7-submit:hover {
    background: #000;
	color: #fff;
}

.swm-contact-form .wpcf7-submit:active {
    transform: scale(0.97);
}
.product_meta {
	display: none;
}
.archive.tax-mep_org .mpwem_style.list_calender {
	display: none;
}

.archive.tax-mep_org #mage-container {
	padding: 70px 0;
}
/* Responsive */
@media (max-width: 768px) {
    .swm-contact-page-wrapper {
        padding: 40px 16px;
    }
    
    .swm-page-title {
        font-size: 32px;
    }
    
    .swm-two-columns {
        flex-direction: column;
        gap: 30px;
    }
    
    .swm-contact-info,
    .swm-contact-form {
        width: 100%;
        padding: 25px 20px;
    }
}

/* Simple AJAX Loader for CF7 */
.wpcf7 .ajax-loader {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}





/* end css contact page */

/***************** //// Services Page Css Start //// ******************/

/** left right section start **/

.left_right_sec {
    padding: 83px 0;
}
.left_right_sec .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left_right_sec .left_col {
    flex: 0 0 39%;
    max-width: 39%;
}
.left_right_sec .left_col img {
 height:auto;
}
.left_right_sec .right_col {
    flex: 0 0 57%;
    max-width: 56%;
}
.left_right_sec .container {
    max-width: 1097px;
}
.btn.green_btn a {
    background: #254825;
    border-color: #254825;
    color: var(--primary_white);
}
.btn.green_btn a:hover {
    background: var(--primary_yellow);
    border-color: var(--primary_yellow);
    color: var(--primary_black);
}

/** left right section End **/

/** services left right section Start **/

.services_rl_sec {
    background: #FAFAFA;
    padding: 50px 0 100px;
}
.services_rl_sec .heading {
    text-align: center;
    margin: 0 0 43px;
}
.services_rl_sec .row {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000008;
    border: 1px solid #E3E3E3;
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.services_rl_sec .row h3 {
    font-size: 35px;
    line-height: 45px;
}
.row.left_img {
    flex-direction: row-reverse;
}
.services_rl_sec .row+.row {
    margin-top: 23px;
}
.services_rl_sec .row .left_col {
    flex: 0 0 54%;
    max-width: 54%;
}
.services_rl_sec .row .right_col {
    flex: 0 0 41%;
    max-width: 42%;
}
.services_rl_sec .row .right_col img {
  height:auto;
}
.services_rl_sec .row .btn {
    margin-top: 32px;
}
.services_rl_sec .container {
    max-width: 1143px;
}

/** services left right section End **/

/** Let;s work together section Start **/

.lets_work {
    background: #F3EEEA;
    overflow: hidden;
}
.lets_work .row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.lets_work .left_col {
    flex: 0 0 44%;
    max-width: 44%;
    padding-block: 50px;
}
.lets_work .right_col {
    margin-right: calc(-50vw + 50%);
    width: 52vw;
}
.lets_work .right_col img{
  height:auto;
}

/** Lets work together section End **/


/***************** //// News Page Css Start //// ******************/

.filter_main {
    background: #F4F2EE;
    padding: 81px 0 40px;
}
.filtered-card.remove {
    display: none;
}
.tabs_main {
    max-width: 1102px;
    margin-inline: auto;
    margin-bottom: 47px;
    display: flex;
    gap: 11px;
    flex-wrap: wrap;
}
.tabs_main .btn {
    all: unset;
    cursor: pointer;
    color: #242424;
    font-size: 20px;
    padding: 5px 20px;
    flex-grow: 1;
    position: relative;
    border-radius: 5px;
    transition: all 0.3s linear;
    font-family: var(--secondary_font);
    font-weight: 500;
}
.tabs_main .btn+.btn::after {
    content: "";
    position: absolute;
    left: -7px;
    width: 1px;
    height: 25px;
    background: #949494;
    top: 6px;
}
.tabs_main .btn:hover {
    background: #033222;
    color: var(--primary_white)
}
.filter_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 27px;
}
.filtered-card .text {
    padding: 36px 29px 42px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.filter_content {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.normal_btn a {
    display: flex;
    gap: 6px;
    text-decoration: none;
    color: #9D120A;
    align-items: center;
}
.normal_btn a .arrow img {
    width: 19px;
}
.normal_btn a {
    display: flex;
    gap: 6px;
    text-decoration: none;
    color: #9D120A;
    align-items: center;
}
.filter_content .text h3 {
    margin: 0 0 19px;
}
.filter_content .image img {
    width: 100%;
    height:auto;
}
.filtered-card {
    background: #FDFDFD;
}
.normal_btn {
    margin-top: auto;
}
.newsletter_row {
    max-width: 1039px;
    margin-inline: auto;
    width: calc(100vw - 40px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.newsletter_row .left_col {
    flex: 0 0 39%;
    max-width: 39%;
}
.newsletter_row .right_col {
    flex: 0 0 49%;
    max-width: 49%;
}
.newsletter_row .left_col *:not(.top_heading) {
    color: var(--primary_white);
}
.newsletter_row .left_col h2 {
    margin: 0 0 13px;
}
.email_row {
    display: flex;
    gap: 21px;
    align-items: center;
}
.email_row .input {
    flex-grow: 1;
}
.email_row .input input {
    width: 100%;
    height: 67px;
    padding: 0 34px;
    color: #0A0A0A;
    font-family: 'Inter';
    font-size: 16px;
    border-radius: 5px;
    outline: 0;
    border: 0;
}
.email_row .submit {
    background: var(--primary_yellow);
    border-radius: 5px;
    height: 67px;
    display: flex;
    align-items: center;
    border: 0;
    font-family: var(--primary_font);
    padding-inline: 50px;
    cursor: pointer;
    font-size: 16px;
    border-color: 1px solid var(--primary_yellow);
}
.filter_content .date {
    font-weight: 600;
    color: #242424;
    line-height: 1;
    margin: 0 0 13px;
}

/***************** //// News Page Css End //// ******************/


/***************** //// Faq Page Css Start //// ******************/

/** accordian section start  **/

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.faq_main {
    background: #F3F1ED;
    padding: 121px 0 154px;
    position: relative;
}
.faq_main .container {
    max-width: 1099px;
}
.faq_main .row {
    display: flex;
    justify-content: space-between;
}
.faq_main .row .left_col {
    flex: 0 0 28%;
    max-width: 28%;
}
.faq_main .row .rigt_col {
    flex: 0 0 57%;
    max-width: 57%;
}
.accordion-item button {
    width: 100%;
    text-align: left;
    border: 0;
    background: #EBE3D9;
    display: flex;
    justify-content: space-between;
    padding: 13px 19px;
    font-family: var(--secondary_font);
    font-size: 16px;
    font-weight: 600;
    color: #313131;
    cursor: pointer;
    gap: 20px;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.accordion-item span.icon {
    width: 26px;
    min-width: 26px;
    height: 26px;
    background: #AF710A;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-self: center;
    line-height: 1;
    position: relative;
}
.accordion-item span.icon::after {
    content: "+";
    font-size: 22px;
    color: var(--primary_white);
    font-family: 'Montserrat';
    line-height: 25px;
}
.accordion .accordaing-inner {
    padding: 20px;
    background: #fff;
}
.accordion-item.active .accordion-.mainheader .icon::after {
    content: "-";
}
.faq_main .vector {
    position: absolute;
    bottom: 0;
    left: 0;
}
.faq_main .vector img{
 height:auto;
}
.faq_main .row .left_col h2 {
    position: relative;
    padding-bottom: 20px;
}
.faq_main .row .left_col h2::after {
    content: "";
    width: 97px;
    position: absolute;
    height: 2px;
    background: #A76C0A;
    bottom: 0;
    left: 0;
}

/** accordian section end  **/

/** Get in touch section start  **/

.get_touch .row-get-touch {
    display: flex;
    justify-content: space-between;
    max-width: 890px;
    margin-inline: auto;
    align-items: center;
    padding-inline: 50px;
}
.row-get-touch .left_col {
    flex: 0 0 51%;
    max-width: 51%;
}
.row-get-touch .right_col {
    flex: 0 0 298px;
}
.row-get-touch .right_col a {
    width: 100%;
    text-align: center;
    border-radius: 5px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.row-get-touch .left_col *:not(span) {
    color: var(--primary_white);
}

/** Get in touch section End  **/

/***************** //// Faq Page Css End //// ******************/

footer {
    background: var(--primary_black);
    padding: 68px 0 18px;
}
footer .row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #939393;
    padding-bottom: 37px;
    margin-bottom: 37px;
}
footer .row .logo_col {
    flex: 0 0 28%;
    max-width: 28%;
}
footer .row .logo_col p {
    color: var(--primary_white);
}
footer .row .logo_col img {
    margin: 0 0 40px;
    height: auto;
}
footer h3 {
    color: var(--primary_white);
    margin: 0 0 25px;
}
footer .row ul {
    list-style: none;
}
footer .row ul li a {
    text-decoration: none;
    color: var(--primary_white);
    transition: all 0.3s linear;
}
footer .row ul li a:hover {
    color: var(--primary_yellow);
}
footer .address-col p {
    display: flex;
    gap: 12px;
    align-items: center;
    color: var(--primary_white);
}
footer .address-col p a {
    display: block;
    line-height: 1;
    color: var(--primary_white);
    text-decoration: none;
}
footer .address-col p img {
    height: auto;
}
footer .contact_detail {
    margin: 0 0 36px;
}
footer .social {
    display: flex;
    gap: 30px;
}
footer .social img{
    height:auto;
}
.copy_right {
    display: flex;
    justify-content: space-between;
    color: #fff;
}
.copy_right .right_col ul {
    display: flex;
    list-style: none;
    gap: 20px;
}
.copy_right .right_col ul li {
    position: relative;
}
.copy_right .right_col ul li:nth-child(n+3) {
    padding-left: 23px;
}
.copy_right .right_col ul li:nth-child(n+3)::after {
    content: "";
    width: 8px;
    position: absolute;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    top: 10px;
    left: 0;
}

.py-110{padding:110px 0px;}
/***************** //// Responsive Page Css Start  //// ******************/

@media(max-width:1365px) {
    .mainheader .menu_row .logo img {
        max-width: 172px;
        height: auto;
    }
    .mainheader .menu_row nav {
        margin-right: 27px;
        margin-left: 60px;
    }
    .inner_banner {
        margin-top: 85.5px;
    }
}

@media(max-width:1199px) {

    .mainheader .menu_row nav {
        margin-right: 27px;
        margin-left: 24px;
    }
    .mainheader .menu_row nav ul li a {
        font-size: 15px;
    }
    .mainheader .btn a {
        padding: 12px 17px;
        font-size: 14px;
    }
    .mainheader .menu_row nav ul {
        gap: 19px;
    }
    .mainheader .menu_row .logo img {
        max-width: 143px;
    }
    .banner {
        padding: 136px 0 105px;
    }
    .inner_banner {
        margin-top: 79.5px;
    }

    /***************** //// News Page Css Start //// ******************/

    .newsletter_row {
        max-width: 800px;
    }
    /***************** //// News Page Css End //// ******************/

}

@media(max-width:991px) {

    h1,
    h2,
    h3,
    h4 {
        margin: 0 0 19px;
    }
    h2,
    .services_rl_sec .row h3 {
        font-size: 30px;
        line-height: 43px;
    }

    /** .mainheader Section Start**/

    .mainheader {
        padding-block: 12px;
    }
    .mainheader .btn {
        display: none;
    }
    .toggle {
        width: 30px;
        height: 30px;
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;
    }
    .toggle span {
        position: absolute;
        width: 93%;
        height: 2px;
        background: #fff;
        transition: all 0.3s linear;
    }
    .toggle span:first-child {
        transform: translateY(10px);
    }
    .toggle span:last-child {
        transform: translateY(-10px);
    }
    .toggle.active span:first-child {
        transform: rotate(45deg);
    }
    .toggle.active span:last-child {
        transform: rotate(-45deg);
    }
    .toggle.active span:nth-child(2) {
        display: none;
    }
    .mainheader .menu_row nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: var(--primary_yellow);
        margin: 0;
        padding: 21px;
        display: none;
    }
    .mainheader.active .menu_row nav {
        display: block;
    }
    .mainheader .menu_row nav ul {
        flex-direction: column;
        gap: 5px;
    }
    .mainheader .menu_row nav ul li a,
    .mainheader .menu_row nav ul li a:hover   {
        color: var(--primary_black);
    }


    /***************** //// Home Page Css Start //// ******************/

    .what_we_offer .four_col {
        grid-template-columns: repeat(2, 1fr);
    }
    .what_we_offer .heading_section {
        flex-direction: column;
        text-align: center;
    }
    .what_we_offer .heading_section .btn {
        display: none;
    }


    /***************** //// Home Page Css End //// ******************/

    /***************** //// About Page Css Start //// ******************/

    .inner_banner {
        margin-top: 58.5px;
    }
    .our_purpose .row {
        flex-direction: column;
        gap: 40px;
    }
    .our_purpose .row .left_col,
    .our_purpose .row .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .green_pattern .row {
        grid-template-columns: repeat(2, 1fr);
        gap: 39px;
    }
    .green_pattern .row img{
      height:auto;
    }
    .our_founder .founder_image {
        margin-bottom: 39px;
    }


    /***************** //// About Page Css End //// ******************/

    /***************** //// Services Page Css Start //// ******************/

    .lets_work .row {
        flex-direction: column;
        align-items: normal;
    }
    .filter_row {
        grid-template-columns: repeat(2, 1fr);
    }
    .lets_work .left_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .lets_work .right_col {
        margin: 0;
        width: 100%;
    }

    /***************** //// Services Page Css End //// ******************/

    /***************** //// Newes Page Css Start //// ******************/
    .filter_main {
        padding-block: 50px;
    }
    .tabs_main .btn {
        flex-grow: unset;
        font-size: 18px;
    }
    .tabs_main {
        justify-content: center;
    }
    .newsletter_row {
        flex-direction: column;
        align-items: normal;
        gap: 30px;
        padding-inline: 60px;
    }
    .newsletter_row .left_col,
    .newsletter_row .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /***************** //// Newes Page Css End //// ******************/
}

@media(max-width:767px) {
    h1 {
        font-size: 39px;
        line-height: 49px;
    }
    h2,
    .services_rl_sec .row h3 {
        font-size: 27px;
        line-height: 41px;
    }

    /***************** //// Home Page Css Start //// ******************/

    .banner {
        padding: 100px 0 61px;
        background-position: center;
    }
    .banner .row .content h1 {
        margin: 0 0 15px;
    }
    .banner .row .btn {
        margin-top: 23px;
    }
    .our_mission {
        padding-block: 42px;
    }
    .our_mission .row {
        flex-direction: column-reverse;
        gap: 40px;
    }
    .our_mission .row .left_col,
    .our_mission .row .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .what_we_offer {
        padding-block: 50px;
    }
    .what_we_offer .four_col {
        grid-template-columns: repeat(1, 1fr);
    }
    .experience {
        padding-block: 50px;
    }
    .experience .row {
        flex-direction: column;
        gap: 40px
    }
    .experience .row .left_col,
    .experience .row .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .testimonial_section {
        padding-block: 50px;
    }
    .testimonial_section .row {
        flex-direction: column;
        gap: 26px;
    }
    .testimonial_section .content {
        padding: 0;
        text-align: center;
    }
    .testimonial_section .content h3 {
        padding: 0;
    }
    .testimonial_section .row .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .testimonial_section .slick-dots {
        gap: 10px;
    }
    .testimonial_section .quote img {
        margin-inline: auto;
    }


    /***************** //// Home Page Css End //// ******************/

    /***************** //// About Page Css End //// ******************/

    .inner_banner {
        padding-block: 49px;
    }
    .our_purpose .row .right_col {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .green_pattern {
        padding-block: 60px;
    }
    .green_pattern .row {
        grid-template-columns: repeat(1, 1fr);
    }
    .green_pattern .left_pattern,
    .green_pattern .right_pattern,
    .green_pattern .col+.col::after {
        display: none;
    }

    /***************** //// About Page Css End //// ******************/

    /***************** //// Services Page Css Start //// ******************/


    .left_right_sec,
    .services_rl_sec {
        padding-block:50px;
    }
    .left_right_sec .row,
    .services_rl_sec .row {
        flex-direction: column;
        gap: 50px;
        align-items: normal;
    }
    .left_right_sec .left_col,
    .left_right_sec .right_col,
    .services_rl_sec .row .left_col,
    .services_rl_sec .row .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .left_right_sec .left_col img,
    .services_rl_sec img {
        width: 100%
    }
    .services_rl_sec .row {
        padding: 30px;
    }

    /***************** //// Services Page Css End //// ******************/

    /***************** //// Faq Page Css Start //// ******************/

.faq_main {
    padding: 50px 0 108px;
}
    .faq_main .row {
        flex-direction: column;
        gap: 50px;
    }
    .faq_main .row .left_col,
    .faq_main .row .rigt_col,
    .row-get-touch .left_col,
    .row-get-touch .right_col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .accordion-item button {
        position: relative;
        z-index: 9;
    }
    .get_touch .row-get-touch {
        flex-direction: column;
        gap: 30px;
        align-items: normal;
        padding: 0;
    }

    /***************** //// Faq Page Css End //// ******************/

    /***************** //// Newes Page Css Start //// ******************/
    .newsletter_row {
        padding-inline: 0px;
    }
    .filter_row {
        grid-template-columns: repeat(1, 1fr);
    }
    .email_row {
        flex-direction: column;
        align-items: normal;
    }
    .email_row .submit {
        justify-content: center;
    }
    .tabs_main {
        gap: 0;
    }
    .tabs_main .btn {
        font-size: 15px;
    }
    .tabs_main .btn+.btn::after{
        display:none;
    }

    /***************** //// Newes Page Css End //// ******************/


    /** Footer section Start **/

    footer .row {
        flex-direction: column;
        gap: 27px;
    }
    .copy_right .right_col ul {
        justify-content: center;
        flex-wrap: wrap;
    }
    .copy_right {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    footer .row .logo_col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /** Footer section End **/
}

@media(max-width:479px) {

    /** Footer section Start **/

    footer {
        padding-block: 50px;
    }
    .copy_right .right_col ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    /** Footer section End **/
}

/***************** //// Responsive Page Css End  //// ******************/