body {  font-family: "Lato", sans-serif; line-height: 1.2;}
 html {font-size: 16px;}
a {text-decoration: none; transition: 0.5s;}
a:focus {outline: none;}
:root{
    --theme-color-green:#005A3C;
     --theme-color-orange:#EA8129;
      --white:#fff;
      --theme-color-green-light:#19A359;
        --theme-color-green-yelllow:#FFF396;
      --black:#000;
    --black: hsl(0, 0%, 0%);
    --black10: hsla(0, 0%, 0%, 0.01);
    --black20: hsla(0, 0%, 0%, 0.02);
    --black30: hsla(0, 0%, 0%, 0.03);
    --black40: hsla(0, 0%, 0%, 0.04);
    --black50: hsla(0, 0%, 0%, 0.05);
    --black100: hsla(0, 0%, 0%, 0.10);
    --black200: hsla(0, 0%, 0%, 0.20);
    --black300: hsla(0, 0%, 0%, 0.30);
    --black400: hsla(0, 0%, 0%, 0.40);
    --black500: hsla(0, 0%, 0%, 0.50);
    --black600: hsla(0, 0%, 0%, 0.60);
    --black700: hsla(0, 0%, 0%, 0.70);
    --black800: hsla(0, 0%, 0%, 0.80);

}
.font10{font-size:.625rem}
.font11{font-size:.688rem}
.font12{font-size:.75rem}
.font13{font-size:.813rem}
.font14{font-size:.875rem}
.font15{font-size:.938rem}
.font16{font-size:1rem}
.font17{font-size:1.063rem}
.font18{font-size:1.125rem}
.font19{font-size:1.188rem}
.font20{font-size:1.25rem}
.font21{font-size:1.313rem}
.font22{font-size:1.375rem}
.font23{font-size:1.438rem}
.font24{font-size:1.5rem}
.font25{font-size:1.563rem}
.font26{font-size:1.625rem}
.font27{font-size:1.688rem}
.font28{font-size:1.75rem}
.font29{font-size:1.813rem}
.font30{font-size:1.875rem}
.font31{font-size:1.938rem}
.font32{font-size:2rem}
.font33{font-size:2.063rem}
.font34{font-size:2.125rem}
.font35{font-size:2.188rem}
.font36{font-size:2.25rem}
.font37{font-size:2.313rem}
.font38{font-size:2.375rem}
.font39{font-size:2.438rem}
.font40{font-size:2.5rem!important}
.font45{font-size:2.813rem}
.font46{font-size:2.875rem}
.font48{font-size:3rem}
.font49{font-size:3.063rem}
.font50{font-size:3.125rem}
.font54{font-size:3.375rem}
.font55{font-size:3.438rem}
.font58{font-size:3.625rem}
.font60{font-size:3.75rem}
.font63{font-size:3.938rem}
.font64{font-size:4rem}
.font65{font-size:4.063rem}
.font74{font-size:4.625rem}
.font80{font-size:5rem}
.font88{font-size:5.5rem}
.font108{font-size:6.75rem}
.fw100{font-weight:100!important}
.fw200{font-weight:200!important}
.fw300{font-weight:300!important}
.fw400{font-weight:400!important}
.fw500{font-weight:500!important}
.fw600{font-weight:600!important}
.fw700{font-weight:700!important}
.fw800{font-weight:800!important}
.fw900{font-weight:900!important}
.color_dark{color:var(--black)!important}
.color_dark10{color: var(--black10)!important;}
.color_dark20{color: var(--black20)!important;}
.color_dark30{color: var(--black30)!important;}
.color_dark40{color: var(--black40)!important;}
.color_dark50{color: var(--black50)!important;}
.color_dark100{color: var(--black100)!important;}
.color_dark200{color: var(--black200)!important;}
.color_dark300{color: var(--black300)!important;}
.color_dark400{color: var(--black400)!important;}
.color_dark500{color: var(--black500)!important;}
.color_dark600{color: var(--black600)!important;}
.color_dark700{color: var(--black700)!important;}
.color_dark800{color: var(--black800)!important;}
.color_dark900{color: var(--black900)!important;}

.color_light{color:var(--white)!important}
.theme_color_green {color: var(--theme-color-green);}
.theme_color_green_light {color: var(--theme-color-green-light);}

.theme_header { box-shadow: 0px 1px 4px rgba(10, 13, 18, 0.1), 0px 1px 3px rgba(10, 13, 18, 0.06); padding: 0.5rem 0;}
.theme_header_inner { display: flex; align-items: center;}
.main_menu {margin-left: auto;   }
.font_encode {  font-family: "Encode Sans Condensed", sans-serif; }

.theme_nav {list-style: none; margin: 0; padding: 0; gap: 1rem 2rem; display: flex; align-items: center; }
.theme_nav > li > a { text-decoration: none; font-size: 1.25rem; color: var(--theme-color-green); font-weight: 500; transition: 0.5s; }
.theme_nav > li > a:hover { color: var(--theme-color-orange);}
.theme_nav > li:last-child a { padding: 0.5rem 2rem; background-color: var(--theme-color-orange);      border-radius: 100px; color: var(--white);}



.theme_banner {background-color: #138808; padding: 5rem 0; margin: 0 2rem;border-radius: 0px 0px 50px 50px; }
.theme_banner_inner {display: flex; justify-content: space-around;  flex-wrap: wrap;   align-items: center;}
.theme_banner_inner >div {width: 46%;}
.home_video {position: relative;}
.home_video .banner_curve {    position: absolute;
    top: -3rem;
    left: -1rem;}
.home_video iframe {
  border-radius: 15px; /* adjust px as needed */
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.banner_btn_group { display: flex; align-items: center; gap: 0 4rem; margin-top: 2rem; }
.banner_btn_group .know_more {font-size: 1.375rem; color: var(--white); }
.banner_btn_group .know_more:hover { color: var(--theme-color-orange);}

.home_product { background-color: #f4f2eb;}
.banner_bg { background-color: #f4f2eb;}
.sec_head_lg_border:after {background-color: var(--theme-color-orange); height:12px; content: ''; display: block; }
ul.list_arrow { list-style: none; margin: 0; padding: 0;}
ul.list_arrow li:before { height: 30px; width: 19px; background-image: url(../images/arrow-list.png); content: ''; display: inline-block; position: absolute; top: 0; left: 0; }
ul.list_arrow li { font-size: 1.125rem; page-break-inside: avoid; padding-left: 2rem; position: relative; }
ul.list_arrow li:not(:last-child) {  margin-bottom: 2rem;}
.why_jon_sec {margin-top: 5rem;}
.why_jon_sec .sec_head_lg_border:after {width: 164px; }
.common_padding { padding: 5rem 0;}
.sec_head .sec_head_lg {font-family: "Encode Sans Condensed", sans-serif; font-size: 2.5rem;    font-weight: 600; }
.sec_head .sec_head_sm { font-size: 1.5rem; }


.why_jon_sec_inner {display: flex; justify-content: space-between; flex-wrap: wrap;} 
.why_jon_sec_inner .why_jon_sec_left {width: 45%;}
.why_jon_sec_inner .why_jon_sec_right {width:50%;}
.home_vision_box { border-radius: 20px;  background-color: var(--white);        display: flex
;
    max-width: 100%;
    flex-direction: column;  height: 100%;  padding: 2rem 2rem 2rem 2rem;}
.home_vision_box .data { font-size: 1.5rem; padding-right: 5rem;}
.support_local { margin-top: 4rem; position: relative;}
.support_local::before { opacity: 0.6; background: linear-gradient(90deg, #FFF 3.74%, #FFF 99.71%); filter: blur(13.300000190734863px); position: absolute; top: 0; left: 0; content: ''; height: 100%; width: 100%;}
.support_local .support_local_inner { position: relative;}
.support_local .text { }
.visionSwiper {     width: 100%;
    flex-grow: 1;}
.home_vision_slider {
    height: 100%;
    display: flex
;
    flex-direction: column;
}
.home_vision_slider .bottom_info { margin-top: auto; padding-bottom: 1rem; text-align: right; color: var(--theme-color-green);}
.why_jon_sec_inner  .swiper-pagination { position: static !important; background-color: #019445; width: max-content !important; margin: 0 auto;    padding: 1rem 2rem; display: flex; border-radius: 20px;}
.home_vision_box .swiper-pagination-bullet { height: 10px !important; width: 10px !important; opacity: 1 !important; background-color: #C0C0C0;}
.home_vision_box  .swiper-pagination-bullet-active { background-color: #B3FFD6 !important; }
.home_product { position: relative;}
.home_product .bottom_curve { position: absolute; bottom: 0; left: 0;}
.home_product .container { position: relative;}

.should_join_inner {display: flex; justify-content: space-between; flex-wrap: wrap;} 
.should_join_inner>div { width: 45%;}
.should_join_inner .should_join_left .sec_head_lg_border:after {width: 261px; }
.should_join_inner .should_join_right svg {max-width: 100%;}
.should_join_left { padding-right: 3rem;}
.should_join_left p { line-height: 1.4;}
tspan {font-family: "Lato", sans-serif;  }

.social_feed_home { background: #F4F2EB;}


.theme_btn_dark_outline {padding: 0.625rem 1.875rem;  border-radius: 9999px;   border: solid 2px var(--black);
     font-size: 1.375rem; color: var(--black) !important; transition: 0.5s; }
.theme_btn_dark_outline:hover { background-color: var(--black); color: #fff !important; }

.theme_btn_orange {padding: 0.625rem 1.875rem; display: inline-block; border-radius: 9999px; box-shadow: 3px 3px 0px #000000;   color: #fff !important; border: solid 2px var(--theme-color-orange); font-size: 1.375rem; transition: 0.5s; background-color: var(--theme-color-orange);}
.theme_btn_orange:hover {box-shadow: -4px -4px 0px #000000; color: var(--white); }

.theme_btn_green {padding: 0.625rem 1.875rem; display: inline-block; border-radius: 9999px; box-shadow: 3px 3px 0px #000000;   color: #fff !important; border: solid 2px var(--theme-color-green-light); font-size: 1.375rem; transition: 0.5s; background-color: var(--theme-color-green-light);}
.theme_btn_green:hover { box-shadow: -4px -4px 0px #000000; color: var(--white); }

.btn_wrap_product .theme_btn_green {position: relative;     display: inline-flex
;
    align-items: center;}
.btn_wrap_product .theme_btn_green:after { height: 24px; width: 24px; background-image: url(../images/arrow-up-circle.png); content: ''; display: inline-block;  transition: 0.5s;   margin-left: 1rem; }

.btn_wrap_product .theme_btn_green:hover:after { transform: rotate(90deg);} 
.btn_wrap_product { display: flex ; gap: 1rem 2rem; margin-top: 3rem;flex-wrap: wrap;}


.brand_enquiry_sec input[type="submit"] { padding: 0.625rem 1.875rem; display: inline-block; border-radius: 9999px; box-shadow: 3px 3px 0px #000000; color: var(--white) !important; border: solid 2px var(--theme-color-green-light); transition: 0.5s; background-color: var(--theme-color-green-light);     font-size: 1rem;}
.brand_enquiry_sec input[type="submit"]:hover {     box-shadow: -4px -4px 0px #000000;}
/* FOOTER CSS */
.theme_footer { background-color: var(--theme-color-green);     padding: 3rem 0 1.5rem 0;}
.post, .page { margin: 0;}
.ftr-links {margin: 0; padding: 0; display: flex ; list-style: none; justify-content: center; gap: 0 2rem;}
.ftr-links li a {color: var(--white); }
.ftr-links li a:hover {color: var(--theme-color-orange);}
.theme_footer .main_menu { border-bottom: solid 2px #E9EAEB; padding-bottom: 4rem;}
.copyright_footer {display: flex; margin-top: 2rem; justify-content: space-between;}
.copyright_text { color: #A4A7AE;}
.copyright_footer  .menu a, .copyright_footer  .menu  { color: #FAFAFA;}
.menu-item-has-children, .has-dropdown { position: relative; }


/* COMMON NOTIFICATION */
.common_notification { background: rgba(0, 0, 0, .5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: flex ; overflow: auto;}
.common_notification_inner  { margin: auto;}
.common_notification_box { background-color: var(--white); max-width: 28rem; border-radius: 12px; margin: 1rem; }
.notification_head { border-bottom: solid 1px #ccc; font-weight: 500; font-size: 1.2rem; padding: .8rem; display: flex ; align-items: center; gap: 0 .8rem; position: relative; }
.notification_body { padding: 1rem 2rem; text-align: center; }
.notification_body {
    padding: 1rem 2rem;
    text-align: center;
}
.close_noti { height: 30px; width: 30px; background: var(--theme-color-green); display: flex ; align-items: center; justify-content: center; position: absolute; right: -12px; top: -8px; border-radius: 50px; color: var(--white); cursor: pointer; }
.common_notification  .theme_btn_orange {padding: 0.425rem 1.875rem;     font-size: 1rem;}


/* THANK YOU PAGE */
.thankyou_card {display: flex;justify-content: center;} 
.thankyou_card .thankyou_card_left {background-color: var(--white); padding: 1rem; 
       box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03);
border-radius: 30px;}
.thankyou_card .posted_comments { flex-grow: 1;  padding: 1rem; background-color: #f5f5f5;}
.thankyou_card_right {padding-left: 1.5rem;display: flex;flex-direction: column;}
.thankyou_share_btn  .theme_btn_green { font-size: 1.125rem; }
.thankyou_share_btn  .theme_btn_green svg {     margin-right: 0.5rem;}
.thankyou_card_right hr {margin-top: 0;}
.thankyou_card {max-width: 38.438rem;    margin: 0 auto;}
.thankyou_card .thankyou_card_left {width: 40%;}
.thankyou_card .thankyou_card_right {width: 60%;}
.thankyou_share_btn { display: flex ; margin-top: 2rem; justify-content: center; align-items: center; gap: 0 1rem; }
.thankyou_share_btn span { font-size: 1.125rem;font-weight: 600;}

.brand_enquiry_sec { background: var(--white); padding: 2rem;
box-shadow: 0px 1px 3px rgba(10, 13, 18, 0.1), 0px 1px 2px rgba(10, 13, 18, 0.06);
border-radius: 12px;}
.brand_enquiry_sec .form-control { }

.brand_enquiry_sec .file-upload { width: 100%;  text-align: center; }
.brand_enquiry_sec input[type="file"] { display: none; }
.brand_enquiry_sec .upload-label { display: flex; flex-direction: column; align-items: center; justify-content: center;  border: 1px solid #e6e6e6; border-radius: 6px; background-color: #fefef9; cursor: pointer; transition: all 0.2s ease-in-out; padding: 15px; }
.brand_enquiry_sec .upload-label:hover { border-color: #a1a1a1; background-color: #f9f9f2; }
.brand_enquiry_sec .upload-icon { font-size: 24px; color: var(--theme-color-green); margin-bottom: 8px; }
.brand_enquiry_sec .upload-text strong { color: var(--theme-color-green); font-weight: 500; }
.brand_enquiry_sec .upload-text small { color: #666; font-size: 12px; }
.brand_enquiry_sec .file-name { margin-top: 10px; font-size: 14px; color: #444; font-weight: 500; word-wrap: break-word; }
.brand_enquiry_sec label { font-weight: 500; margin-bottom: 0.2rem; }
.brand_enquiry_sec .form-control:focus, .brand_enquiry_sec .form-select:focus { box-shadow: none !important; border-color: var(--theme-color-green);}
.brand_enquiry_sec .form-control:not(textarea), .brand_enquiry_sec .form-select  { border-radius: 500px;}
.brand_enquiry_sec .form-control, .brand_enquiry_sec .form-select {       padding: .375rem 2.25rem .375rem .75rem; border-color: #ced4da;   border-width: 2px;}
.brand_enquiry_sec textarea {border-radius: 15px; resize: none;}

.inner_banner_solid { background-color: var(--theme-color-green-yelllow); box-shadow: 0 12px 16px -4px rgba(10, 13, 18, 0.08), 0 4px 6px -2px rgba(10, 13, 18, 0.03); padding: 4rem 0; position: relative;}
.inner_banner_solid .left_icon { position: absolute; left: 0; bottom: 0; }
.inner_banner_solid .right_icon { position: absolute; right: 0; bottom: 0; }
.upload_benefit_box { background:var(--white); padding: 2rem;
border-radius: 20px;      text-align: center;   max-width: 13.438rem;}
.upload_benefit { display: flex ; justify-content: center; margin-bottom: 4rem;  gap: 0 5rem; }
.upload_benefit_box  .img { min-height: 6.25rem; display: flex; align-items: center; justify-content: center;}

.bottom_pattern {position: absolute; bottom: 0; width: 100%;}
.bottom_pattern img {width: 100%; height: auto !important;}
.under_construction_page {    min-height: calc(100vh - calc(var(--header-height) + var(--footer-height)));
    display: flex
;
    align-items: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;}

@media (max-width: 1300px){
    .sidemenu-box { position: fixed; right: 0; top: 0; height: 100%; padding: 2rem; z-index: 4; transition: all ease 0.5s; background-color: var(--white); transform: translateX(100%); min-width: 280px;overflow: auto;}
    .sidemenu-box a { color: var(--black)!important; opacity: 0.8; display: block;}
    .theme-nav { flex-direction: column; }
     

    .phone-menu { z-index: 5; display: block; margin-left: 1rem; cursor: pointer; position: relative;   color: var(--white);}
    .phone-menu span {width: 24px;height: 2px;background-color: #000; opacity: 0.7;display: block;transition: all ease .5s;}
    .phone-menu span:nth-child(2) { margin: 6.5px 0; }
    .header-backdroap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--secondary-color-alpha1); backdrop-filter: blur(8px); z-index: 4; opacity: 0; pointer-events: none; transition: all ease 0.5s; }
    .menu-opened .header-backdroap { opacity: 1; pointer-events: all; }
    .menu-opened .sidemenu-box{transform: translateX(0);}
    .phone-menu span{transform-origin: right;}
    .menu-opened .phone-menu span:nth-child(1){ transform: rotate(-45deg); transform-origin: right; }
    .menu-opened .phone-menu span:nth-child(2){ opacity: 0; }
    .menu-opened .phone-menu span:nth-child(3){ transform: rotate(45deg); transform-origin: right; }
    .menu-opened .phone-menu{color: var(--black);}
    .menu-opened { overflow: hidden; padding-right: 0px; }
    .menu-item-has-children>ul, .has-dropdown>ul { position: static; transform: none; opacity: 1; background-color: transparent; pointer-events: all; transition: none;}
    .menu-item-has-children:after, .has-dropdown:after{position: absolute; opacity: 0; pointer-events: none}
    .dd-click { position: absolute; right: 0; top: 0.3rem; width: 2rem; height: 2rem; border: 1px solid #00000024; display: grid; place-items: center; z-index: 5; opacity: 0.6; cursor: pointer; }
    .dd-click:before { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; transition: all ease 0.5s; color: var(--black); padding-top: 1px;}
    .menu-item-has-children:hover>ul, .has-dropdown:hover>ul { transform: none; }
    .menu-item-has-children>a { width: calc(100% - 3rem); min-width: auto!important; border: none!important;}
    .theme_nav>li>a { padding: 0.55rem 1rem; border-bottom: 1px solid #ccc; }
    .menu-item-has-children, .has-dropdown {border-bottom: 1px solid var(--theme-alpha);}
    .theme_nav>li:last-child { display: block; }
     .theme_nav>li {width: 100%;}
    .sub-menu>li:nth-last-child(1)>a { border: none; }
    .sub-menu {background-color: var(--theme-bg)!important;}
    .slideOpened:before { transform: rotate( 180deg ); color: var(--white);}
    .slideOpened{background-color: var(--theme-color); color: var(--white);}
    .menu-item .sub-menu .sub-menu a { min-width: auto; padding-left: 2rem; }
    .menu-item .sub-menu .sub-menu { background-color: var(--theme-color-transparent1)!important; }
    .theme_nav>li>a:hover { background-color: var(--theme-light1); color: var(--white)!important; }
    .menu-item-has-children>ul a:hover, .has-dropdown>ul a:hover{color: var(--white)!important;}
    .menu-top-menu-container { margin-bottom: 3rem; }
    /* .inner-page, body:not(.home){padding-top: 4.12rem;} */
   /* .inner-page, body:not(.home) { padding-top: 4rem; } */
    .container { max-width: 1100px; }
    .ep-arrows>button { width: 3rem; height: 3rem; font-size: 1rem; }
    .left-slide-content .heading { font-size: 3rem; }
    .prd-btns img { width: 1.6rem; }
}

@media (max-width: 767px){
 html {font-size: 13px;}
.should_join_inner>div { width: 100%;}
.why_jon_sec_inner .why_jon_sec_left {width: 100%;}
.why_jon_sec_inner .why_jon_sec_right {width: 100%;}
.home_product_list {grid-template-columns: repeat(2, 1fr);grid-gap: 1rem;}
.theme_banner_inner >div {width: 100%;}
.sw_product_tab > ul {overflow: auto;}
.theme_banner {padding:4rem 0;margin: 0 0rem;}
.theme_banner .font55 {font-size: 3rem;}
.theme_banner .font45 { font-size: 2rem;}
.theme_banner .font25 {font-size: 1.5rem;}
.theme_nav {flex-direction: column;}
.theme_header {padding: 1rem 0;}
.theme_header_inner .logo {position: absolute; top: 0.1rem; background: #fff; border-radius: 0 0 45px 45px; padding: 0.2rem; }
.meraswadeshi_logo {height: 5rem;}
.home_video .banner_curve {display: none;}
.theme_banner_right {margin-top: 2rem;}
.banner_btn_group {margin-top: 2rem; gap: 1rem; flex-wrap: wrap; justify-content: center;}
.sw_product_tab > ul li {    padding: 0.8rem 1.5rem;font-size: 1.1rem; white-space: nowrap;}
.theme_nav > li:last-child a {background-color: transparent !important; border-radius: 0 !important;padding: 0.5rem 1rem;}
ul.list_arrow li:before { transform: scale(0.5);}
.sec_head_lg_border:after {height: 6px;}
.why_jon_sec_right {margin-top: 3rem;}
.common_padding {padding: 3rem 0;}
.sec_head .sec_head_lg {font-size: 2rem;}
.should_join_inner .should_join_right svg{height: auto !important;}
.copyright_footer {flex-direction: column; gap: 0.5rem 0;}
.theme_footer .main_menu { padding-bottom: 2rem;}
.copyright_footer .copyright_text  {text-align: center;}
.copyright_footer .menu {text-align: center;}
.login_model_design .sw-login-close {right: 0px;}
.product_bottom_share {font-size: 0;}
}