* {
  padding: 0;
  margin: 0;
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html{
  font-size: 18px;
}
html,
body {
  height: 100%;
}
.ant-layout {
  background: transparent;
}
body {
  background: #ffffff;
  font-family: 'RobotoRegular' !important;
}
ul,li{
  list-style: none;
  padding: 0;
}
a {
  text-decoration: none;
}
.icon-8,
.icon-10,
.icon-11,
.icon-12,
.icon-13,
.icon-14,
.icon-15,
.icon-16,
.icon-18,
.icon-20,
.icon-24,
.icon-28,
.icon-32,
.icon-40,
.icon-60,
.icon-80,
.icon-90,
.icon-100,
.icon-125,
.icon-150 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  vertical-align: middle;
  overflow: hidden;
  height: 100%;
}
.icon-8 svg,
.icon-10 svg,
.icon-11 svg,
.icon-12 svg,
.icon-13 svg,
.icon-14 svg,
.icon-15 svg,
.icon-16 svg,
.icon-18 svg,
.icon-20 svg,
.icon-24 svg,
.icon-28 svg,
.icon-32 svg,
.icon-40 svg,
.icon-60 svg,
.icon-80 svg,
.icon-90 svg,
.icon-100 svg,
.icon-125 svg,
.icon-150 svg {
  display: block;
  width: 100%;
  fill: currentColor;
  height: 100%;
}
.icon-8 {
  width: 8px;
  height: 8px;
}
.icon-10 {
  width: 10px;
  height: 10px;
}
.icon-11 {
  width: 11px;
  height: 11px;
}
.icon-12 {
  width: 12px;
  height: 12px;
}
.icon-13 {
  width: 13px;
  height: 13px;
}
.icon-14 {
  width: 14px;
  height: 14px;
}
.icon-15 {
  width: 15px;
  height: 15px;
}
.icon-16 {
  width: 16px;
  height: 16px;
}
.icon-18 {
  width: 18px;
  height: 18px;
}
.icon-20 {
  width: 20px;
  height: 20px;
}
.icon-24 {
  width: 24px;
  height: 24px;
}
.icon-28 {
  width: 28px;
  height: 28px;
}
.icon-32 {
  width: 32px;
  height: 32px;
}
.icon-40 {
  width: 40px;
  height: 40px;
}
.icon-60 {
  width: 60px;
  height: 60px;
}
.icon-80 {
  width: 80px;
  height: 80px;
}
.icon-90 {
  width: 90px;
  height: 90px;
}
.icon-100 {
  width: 100px;
  height: 100px;
}
.icon-125 {
  width: 125px;
  height: 125px;
}
.icon-150 {
  width: 150px;
  height: 150px;
}
@font-face {
  font-family: 'RobotoBold';
  src: url("../Fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'RobotoMedium';
  src: url("../Fonts/Roboto-Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'RobotoRegular';
  src: url("../Fonts/Roboto-Regular.ttf") format("truetype");
}
.border-radius {
  border-radius: 8px;
}
.r-bold {
  font-family: 'RobotoBold';
}
.r-medium {
  font-family: 'RobotoMedium';
}
.r-regular {
  font-family: 'RobotoRegular';
}
:root {
  --primary: #388538;
  --primary-invert: #ffffff; 
  --secondary: #EFF7F2;
  --secondary-invert: #1D2130;
  --text-color: #525560;
  --border: #DADADA;
  --white: #ffffff;
  --input-border: #E5E5E5;
  --copy-wrap-bg: #2E2E2E;
  --footer-bg: #F4F9F8;
}
.primary-bg {
  background: var(--primary);
}
.primary{
  color: var(--primary) !important;
}
.secondary-text{
  color: var(--secondary-invert);
}
.container-p{
  padding: 0 40px;
}
.text-color{
  color: var(--text-color) !important;
}
.border-color{
  border: 1px solid var(--border);
}
.input-border{
  border: 1px solid var(--input-border);
}
.border_bottom{
  border-bottom: 1px solid var(--input-border);
}
.z-101{
  z-index: 101;
}
.h-40{
  height: 40px;
}
.h-48{
  height: 48px;
}
.border_4{
  border-radius: 4px;
}
.fs-20{
  font-size: 20px;
}
/* .fs-18{
  font-size: 18px;
} */
.fs-16{
  font-size: 16px;
}
.fs-14{
  font-size: 14px;
}
.fs-12{
  font-size: 12px;
}
.fs-32{
  font-size: 32px;
}
.primary_hov:hover{
  color: var(--primary);
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}
.pb-100{
  padding-bottom: 100px;
}
.white-space{
  white-space: nowrap;
}
.lh-30{
  line-height: 30px;
}
.custom_breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: var(--text-color);
}

/*...header..*/

.custom-navbar li .sub-menu{
  display:none;
  /* top: 55px; */
  border: 0;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
  position: absolute;
  background: #fff;
  padding: 10px 0; 
  min-width: 10rem;
  z-index: 999;
}
.menu-item a{
  color: var(--text-color) !important;
  margin-right: 5px;
  border-bottom: 2px solid transparent;
  /* font-size: 18px; */
  font-family: 'RobotoMedium';
}
ul.main-menu-desktop > li{
  margin-right: 35px;
  padding-bottom: 12px;
}
ul.main-menu-desktop li a button{
  color: var(--text-color) !important;
}
.menu-item a:hover{
  color: var(--primary) !important;
  border-bottom: 2px solid var(--primary);
}
/* .custom-navbar li:hover .sub-menu{
  display:block;
} */
.sub-menu .menu-item a{
  margin: 0;
  padding: .25rem 1rem;
  border: 0;
  color: var(--text-color) !important;
  width: 100%;
  display: block;
}
.sub-menu .menu-item a:hover{
  background-color: var(--secondary);
}
ul.navbar-nav > li.current_page_item > a{
color: var(--primary) !important;
border-bottom: 2px solid var(--primary);
}
ul.main-menu-desktop li.menu-item-has-children.open > ul.sub-menu {
  display:block;
}
.logo{
  max-width: 512px;
}
.text-active{
  background: var(--primary);
  color: var(--white) !important;
}
.brd_green{
  border: 1px solid var(--primary);
}
.navbar-nav li:hover > ul.dropdown-menu {
  display: block;
}
.custom_drpdwn .dropdown-item:focus, .custom_drpdwn .dropdown-item:hover {
  background-color: var(--secondary);
}
.custom_drpdwn{
  top: 30px;
  border: 0;
  box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.menu_link:hover > a{
  color: var(--primary) !important;
  border-bottom: 2px solid var(--primary);
}
.menu_link a::after{
  display: none;
}
.menu_link a{
  border-bottom: 2px solid transparent;
}
.nav_style{
  border-top: 1px solid #E0E0E0;
  /* min-height: 83px; */
  box-shadow: 0 7px 10px rgba(0,58,13,0.1);
  padding: 15px 0;
}
.w-150{
  min-width: 150px;
  max-width: 150px;
}
.magnifier_style{
  width: 24px;
  height: 24px;
}
.me-xl-40{
  margin-right: 40px;
}
.custom_toggler{
  box-shadow: none !important;
}
.display_wrap{
  display: flex;
}
.primary-btn{
  height: 53px;
  min-width: 156px;
}
.border-12{
  border-radius: 12px;
}
.sec-img-shadow{
  box-shadow: 0 8px 50px rgba(0,0,0,0.25);
}

/*...footer start...*/

.footer-bg{
  background: var(--footer-bg);
}
.py-80{
  padding-top: 80px;
  padding-bottom: 80px;
}
.ftr_rgt_arw{
  height: 20px;
  min-width: 20px;
}
.copy_wrapper{
  background: var(--copy-wrap-bg);
}

.sec-topic{
  letter-spacing: 2px;
}
.hdr_line{
  min-width: 72px;
  height: 2px;
  background: var(--secondary-invert);
}
.m-w-1088{
  max-width: 1088px;
}
.inner_pg_img_ht{
  height: 240px;
}
.page_img_wrapper{
  position: absolute;
  bottom: 70%;
}
.inner_pg_space_ht{
  height: 210px;
}
.inner-bg-color{
  background: var(--secondary);
}
.box_grid_style{
  box-shadow: 0 0 14px rgba(0,0,0,0.15);
  /* min-height: 536px; */
  min-height: 30rem;
  max-height: 30rem;
}
.m-w-370{
  max-width: 370px;
}
.brd-rt-gray{
  border-right: 1px solid #C8C8C8;
}
.ls-3{
  letter-spacing: 3px;
}
.submenu_wrapper ul li{
  border-bottom: 1px solid #C8C8C8;
}
.m-w-250{
  min-width: 250px;
}
.right_line{
  height: 1px;
  width: 100%;
  background: var(--input-border);
}
.modal-overlay{
  background: rgba(0,0,0,0.5);
}
.mt-10{
  margin-top: 10px !important;
}
.fs-28{
  font-size: 28px;
}
.fs-24{
  font-size: 24px;
}
.search-result{
  border-bottom: 1px solid var(--input-border);
  margin-bottom: 16px;
}
.search-result:last-child {
  border-bottom: 0; 
  margin-bottom: 0;
}
.text-size-1{
  font-size:18px;
}
.text-size-2{
  font-size:25px;
}
.text-size-3{
  font-size:30px;
}
.header-top-btn{
  padding: 7px 32px;
}
.fs-22{
  font-size: 22px;
}
.btn-h-48{
  padding: 12px 14px;
}
.te-fs-18{
  font-size: 18px !important;
}
.te-fs-20{
  font-size: 20px !important;
}
.te-fs-22{
  font-size: 22px !important;
}
.page-numbers {
  display: inline-block;
  padding: 5px 10px;
  margin: 0 2px 0 0;
  border: 1px solid #eee;
  line-height: 1;
  text-decoration: none;
  border-radius: 2px;
  font-weight: 600;
  color: var(--primary);
}

.page-numbers.current,
a.page-numbers:hover {
  background: var(--primary);
  color:#fff;
}
.fs-175-rem{
  font-size: 1.75rem;
}
.fs-15-rem{
  font-size: 1.5rem;
}
.fs-125-rem{
  font-size: 1.25rem;
}
.fs-2-rem{
  font-size: 2rem;
}
.fs-25-rem{
  font-size: 2.5rem;
}
.service-box-shadow{
  box-shadow: 0 5px 10px rgba(56, 133, 56, 0.1);
}
.carousel-control-next, .carousel-control-prev{
  width : 10%;
}
@media only screen and (max-width:1400px){
  .me-lg-30{
    margin-right: 30px;
  }
  .box_grid_style{
    max-height: inherit;
  }
}

@media only screen and (max-width:1199px){
  .nav_responsive{
    /* position: absolute; */
    z-index: 9999;
    background: rgb(255, 255, 255) none repeat scroll 0% 0%;
    left: 0px;
    right: 0px;
  }
  .custom_drpdwn{
    box-shadow: none;
  }
  .logo{
    margin: 0 auto;
  }
  .page_img_wrapper{
    position: relative;
    padding-top: 100px;
  }
  .custom-navbar li .sub-menu{
    display:block;
    top: inherit;
    box-shadow: none;
    position: relative;
    background: transparent;
  }
  .custom-navbar{
    background: var(--secondary);
  }
  .custom-navbar li {
    border-bottom: 1px solid var(--text-color);
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .custom-navbar li:last-child {
    border-bottom: 0;
  }
  .sub-menu li{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media only screen and (max-width:991px){
  .py-md-40{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .py-md-60{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .pb-md-60{
    padding-bottom: 60px;
  }
  .primary-btn{
    height: 40px;
  }
  .page_img_wrapper{
    padding-top: 60px;
  }
  .brd-rt-gray{
    border-right: 0;
  }
  .submenu_wrapper{
    padding: 0 0 40px 0 !important;
  }
}

@media only screen and (max-width:768px){
  .box_grid_style{
      min-height: inherit;
  }
}

@media only screen and (max-width:530px){
  .display_wrap{
    display: block;
  }
  .container-p{
    padding: 0 20px;
  }
  /* .fs-xs-16{
    font-size: 16px !important;
  } */
  html{
    font-size: 16px;
  }
  .pt-30{
    padding-top: 30px;
  }
  .fs-xs-21{
    font-size: 21px !important;
  }
  .white-space-inherit{
    white-space: inherit !important;
  }
  .right_line{
    display: none !important;
  }
}
@media only screen and (max-width:340px){
  .mr-0{
    margin-right:0 !important;
  }
}
.submenu_wrapper ul li ul {
	padding-left: 30px !important;
}
.submenu_wrapper ul li ul li{
	list-style: disclosure-closed;
}
.main_content_area ul li{
	list-style: disc;
	padding-left: 20px;

}