@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,100;9..40,200;9..40,300;9..40,400;9..40,500;9..40,600;9..40,700;9..40,800;9..40,900;9..40,1000&family=Rambla:wght@400;700&family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html,body{
margin:0px;
padding: 0px;
}
h1 {
font-family: 'Urbanist',sans-serif;
color: #fff;
font-size: 70px;
font-weight: bold;
line-height:78px
}
h2 {
font-weight: bold;
font-family: 'Urbanist',sans-serif;
font-size:58px;
line-height:70px;
margin:0;
}
h3 {
font-weight: bold;
font-family: 'Urbanist',sans-serif;
font-size:48px;
line-height:60px;
margin:0;
}
h4 {
font-weight: bold;
font-family: 'Urbanist',sans-serif;
font-size:38px;
line-height:50px;
margin:0;
}
h5 {
font-weight: bold;
font-family: 'Urbanist',sans-serif;
font-size:28px;
line-height:20px;
margin:0;
}
h6	 {
font-weight: bold;
font-family: 'Urbanist',sans-serif;
font-size:20px;
line-height:30px;
margin:0;
}
p {
line-height: 28px;
font-size: 16px;
font-family: 'DM Sans';
margin:0;
}
a {
text-decoration: none;
}
ul {
padding-left: 0;
}
ul li {
list-style: none;
}
ul li a {
text-decoration: none;
}
a:hover,a:focus{
outline:0px;
text-decoration:none;
}
/*button 1 style*/
.primary-btn{
display: inline-block;
color: #185712;
padding: 12px 20px 12px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
background-color: #185712;
border-radius: 15px;
font-family: 'Urbanist',sans-serif;
text-decoration: none;
border: 1px solid #185712;
transition:0.4s ease all;
min-width:120px;
}
.primary-btn:hover{
background: #185712;
color: #fff;
}
/*button 2 style*/
.secondary-btn{
padding:10px 15px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0px;
background-color: #fff;
border-radius: 15px;
font-family: 'Urbanist',sans-serif;
text-decoration: none;
border: 1px solid #185712;
transition:0.4s ease all;
min-width:120px;
display: inline-block;
color: #185712;
}
.secondary-btn:hover{
background: #185712;
color: #fff;
}
img{
max-width: 100%;
}
body {
margin:0;
}	
.button-2 {
    position: relative;
	 background-color: #e6e5a3;
    color: #185712;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .2px;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 9px 15px;
    line-height: 1.4;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
}
.button-2:hover {
    color: #185712;
   background-color: #fff;
}
/* header section start */


.hero_area {
  height: 100vh;
  background-image: url(../images/hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(transparent), to(#63f74f));
  background: linear-gradient(to bottom, transparent, transparent, #63f74f);
}

.sub_page .hero_area {
  height: auto;
}

.sub_page .class_section .owl-carousel .owl-nav {
  top: 55%;
}

.header_section {
    z-index: 1;
    position: absolute;
    left: 0;
    background: #185712;

    right: 0;
    top: 0;
}
.iconl ul li a i:hover {
    color: #185712;
}
.header_section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 71%;
  height: 45px;
  background: #185712;
  z-index: 0;
  border-bottom: 2px solid #E6E5A3;
  -webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 8% 100%, 0 0);
          clip-path: polygon(50% 0%, 100% 0, 100% 100%, 8% 100%, 0 0);
		  padding:30px
}

.header-icon ul li i:hover {
    background: #e6e5a3;
    border: 1px solid #e6e5a3;
    color: #000;
}

.header_section .nav_container {
  margin: 0 auto;
}

.menu_width {
  width: 100%;
}



.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}



.main_nav {
  position: relative;
  z-index: 9;
}

.main_nav .top_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.main_nav .top_nav ul li {
  list-style-type: none;
}

.main_nav .top_nav ul li a {
  display: inline-block;
  color: #ffffff;
  margin: 10px 0 10px 35px;
}

.main_nav .top_nav ul li a img {
  max-width: 25px;
  max-height: 25px;
  margin-right: 15px;
}


form.form-inline BUTTON {
    margin-left: 10px;
}

.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding: 20px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    cursor: pointer;
    font-family: 'DM Sans';
}

.btn,
.btn:focus {
  outline: none !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom_nav-container .nav_search-btn {
  background-image: url(../image/magnifying-glass.png);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position-y: 7px;
  width: 35px;
  height: 35px;
  padding: 0;
  border: none;
}

.navbar-brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-brand img {
  width: 310px;
  margin-right: 5px;
}

.navbar-brand.brand_mobile {
  display: none;
}

.custom_nav-container {
  z-index: 99999
}

.custom_nav-container .navbar-toggler {
  outline: none;
}
.navbar-light .navbar-toggler{
	border-color: rgb(255 255 255);
}
.custom_nav-container .navbar-toggler .navbar-toggler-icon {
  background-image: url(../image/menui.png);
  background-size: 55px;
  filter:invert(1);
}
.top_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-icon ul li i {
    font-size: 15px;
    line-height: 35px;
    border: 1px solid #e6e5a3;
    width: 35PX;
    height: 35PX;
    text-align: center;
	color:#e6e5a3;
	border:1px solid #e6e5a3;
    border-radius: 50%;
	transition:0.4s ease all;
}
.header-icon ul li {
    margin-right: 20px;
}
.social-icon ul li a i {
    margin-right: 6px;
}
ul.sub-menu li {
list-style: none;
}

ul.sub-menu {
    position: absolute;
    top: 68%;
    background: #ffffff;
    width: 190px;
    padding: 15px;
    border-radius: 3px;
    height: 140px;
    border: 1px solid #fff;
}
ul.navbar-nav li ul.sub-menu li a:hover {
    width: 99PX;
    background: #185712;
    padding: 4px 14px;
    color: #e6e5a3;
}
ul.navbar-nav li ul.sub-menu {
display: none;
}
ul.navbar-nav li ul.sub-menu li a {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    font-family: 'DM Sans';
    font-weight: 500;
    transition: 0.4s ease all;
    z-index: 9;
    margin: 0  0 15px 0;
    float: left;
    width: 100%;
}
ul.navbar-nav li:hover ul.sub-menu {
display: block;
}
ul.navbar-nav li:hover a span {
transform: rotate(180deg);
}
span.submenu-icon {
vertical-align: middle;
position: absolute;
margin: 0 5px 0 5px;
}
ul.navbar-nav li {
margin: 0 10px 0 0;
}


   @media (max-width: 460px){
	   #infoBlock{
		   display:block;
		   text-align: -webkit-center;
	   }
       .navbar-brand img {
    width: 146px !important;
    margin-right: 5px;
    margin-top: 0px !important;
} 
.social-icon {
     margin: 0px; 
}
       .margin-top-100{
        margin-top: 183px;
       }
	.navbar .container-fluid {
		padding-left: 0;
		margin-left: 0;
	}
	.navbar-brand img {
		width: 200px;
	}
	.navbar-toggler {
    padding: 0px 2px;
	}
	.custom_nav-container .navbar-toggler .navbar-toggler-icon {
		background-size: 31px;
	}
	
}

/* header section end */

/* banner section start */
.background-section {
    background: url('../image/image.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 260px 0 200px 0;
    position: relative;
    left: 0;
    z-index: 0;
}
/*.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .6s ease-in-out;
    height: 610px;
}*/
.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    bottom: 220px;
}
/*.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: -110px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}*/
.carousel-indicators [data-bs-target]{
    width: 0;
}
.banner-section span {
    font-size: 28px;
    line-height: 40px;
    color: #121010;
    font-family: 'Manrope';
    font-weight: 700;
}
.banner-section span h1 {
    font-family: 'Rambla';
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 1px;
    word-spacing: 12px;
    margin-bottom: 30px;
}
.banner-btn a {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    border: 1px solid #E6E5A3;
    padding: 12px 30px;
    background: #E6E5A3;
    border-radius: 60px;
    font-family: 'Rambla';
    transition: 0.4s ease all;
    display: inline-block;
    font-weight: 400;
}
.banner-btn a:hover {
background: #fff;
border-color: #000;
color: #000;
}
.slider-btn {
    text-align: center;
    margin-top: 40px;
}

.banner-ct {
position: relative;
z-index: 1;
}
/* banner section end */

/* about section start */
.index-ct h3 {
    font-size: 35px;
    line-height: 28px;
    color: #ff3838;
    font-family: 'Teko';
    font-weight: 500;
    margin: 12px 0 0 0;
}
.index-ct p {
    font-size: 16px;
    line-height: 32px;
    color: #000;
    font-family: 'DM Sans';
    font-weight: 400;
    float: left;
    width: 100%;
}
.index-ct span {
    font-size: 32px;
    line-height: 40px;
    color: #185712;
    font-family: 'Rambla';
    font-weight: 700;
    margin: 0 0 15px 0;
    float: left;
    width: 100%;
}

.section-images {
    padding: 70px 0 0 0;
}
.about-btn {
    margin-top: 20px;
    float: left;
}
.section-content {
    padding: 70px 0 55px 0;
    margin-left: 20px;
}
.section-content a img {
    width: 100%;
}
/* about section end*/
/*tab section start*/
.tab_section {
    padding: 70px 0 0 0;
}
.table .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    justify-content: space-evenly;
}
.text-button {
    display: flex;
    justify-content: center;
    padding-bottom: 30px;
}
 
img.tab-image {

    padding-bottom: 20px;
	padding-top:20px;
}

.tab-information {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.tab-button {
    cursor: pointer;
    padding: 15px 20px;
    border: 1px solid #185712;
    background-color: #185712;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
    margin-right: 15px;
    font-size: 15px;
    font-family: 'Rambla';
}
button.tab-button {
    font-family: 'DM Sans';
    font-size: 15px;
}
.detail-box {
    padding-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 60px;  
}
.detail {
    font-family: 'DM Sans';
    font-size: 16px;
    line-height: 28px;
}
.tab-button:hover {
  background-color: #ffffff;
  color: #185712;
  border: 1px solid #185712;

}

/ Style for the tab content /
.tab-content {

  padding: 20px;
  border-radius: 0 0 5px 5px;
}

/* Show the first tab by default*/
.tab-content:first-child {
  display: block;
}

/ Style for images /
.tab-image {
  max-width: 30%;
  border-radius: 30px;
  height: auto;
}

.inner {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  padding: 0 40px;
}
.inner-section {
    display: flex;
    align-items: center;
    width: 100%;
}

.tab-info {
    float: right;
    text-align: center;
}
/*tab section end*/



/* gallery section start */
section.branding-section {
padding: 50px 0 30px 0;	
}
.branding-ct h2 {
font-size: 34px;
line-height: 42px;
color: #000;
font-weight: 500;
font-family: roboto;
float: left;
width: 100%;
}
.starting-heading {
    position: relative;
}
.starting-heading h2 {
    color: #185712;
    font-family: 'Rambla';
	font-size:50px;
	color:#185712;
}

.branding-ct p {
font-size: 14px;
line-height: 22px;
color: #acacac;
font-weight: 400;
font-family: roboto;
float: left;
width: 100%;
margin: 0 0 30px 0;
text-align: justify;
}
.branding-ct p {
font-size: 16px;
line-height: 22px;
color: #acacac;
font-weight: 400;
font-family: roboto;
float: left;
width: 100%;
margin: 10px 0 20px 0;
text-align: justify;
}
.branding-btn a {
font-size: 18px;
line-height: 23px;
color: #fff;
font-family: 'Roboto';
font-weight: 500;
border: 1px solid #000;
border-radius: 0 25px 0 25px;
padding: 12px;
background: #000;
transition: 0.4s ease all;
display:inline-block;
transition:0.3s ease all;
}
.branding-btn a:hover {
color: #c81717;
background: #fff;
border-color: #c81717;
}
.branding-img img {
max-width: 630px;
height: auto;
}

section.brandng-services {
    padding: 100px 0 50px  0;
}
.starting-heading {
    margin: 0 0 50px 0;
}

.testimonial-section h2 {
    color: #185712;
    font-family: 'Rambla';
	font-size:50px; 
	color:#185712;
}
.slick-initialized .slick-slide {
    display: block;
    margin-right: 10px;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
    border: 1px solid #185712;
    border-radius: 50%;
	transition:0.4s ease all;
}
.slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li button:hover {
    background: #185712;
}
/* gallery  section end */








/* / contact section start / */
section.form-wrapper h3 {
  color: #185712;
}
section.form-wrapper {
    padding: 100px 0 50px 0;
}
.form-wrap form input,
.form-wrap form select {
  background-color: #fff;
  color: #101010;
  box-shadow: none;
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  font-size: 15px;
  padding: 13px 20px;
}

.form-wrap {
  background: #185712;
  padding: 65px 35px;
}
.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
section.form-wrapper h3 {
    color: #185712;
}
.inner-box {

  background: #fff;
  padding: 15px 13px;
  box-shadow: 3px 4px 5px #dedede;
}
.title-wrap {
    color: #185712;
}
.contact-ct {
    display: flex;
}

.inner-box .item-icon {
  color: #185712;
  height: 70px;
  justify-content: center;
  align-items: start;
  display: inline-flex;
  font-size: 40px;
  margin-right: 20px;
margin-left: 10px;
}

.inner-box .list-row {
  margin-bottom: 0;
}

.inner-box .list-row .item--contact-info span {
  font-size: 22px;
  font-weight: 500;
  color: #000;
}

.inner-box .list-row a {
  color: #000;
}

.title-wrap h3 span {
  color: #185712;
}
ul li {
    list-style: none;
}

ul.list-row li a {
  text-decoration: none;
}
.form-label {
  color: #fff;
  font-weight: 500;
}
::placeholder{
  color: #fff;
}
.quick-form-info-wrap {
    position: relative;
  
}


.starting-heading {
    position: relative;
    margin-bottom: 40px;
}

.starting-heading h2 {
    color: #185712;
    font-family: 'Rambla';
	font-size:50px;
}
.plants-section {
    align-items: center;
    justify-content: center;
    column-gap: 20px;
}

/* / contact section end / */


 /* footer section start */
.footer {
    
    padding: 5rem 5rem;
    background: url(../image/image\ 275\ \(1\).png);
    background-size: cover;
    background-position: bottom;
    
}
p.footer-icon {
    margin-bottom: 10px;
}
.footer .btn.btn-social {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--light);
    border: 1px solid #e6e5a3;
    border-radius: 40px;
    transition: .3s;
}
p.footer-icon i {
    margin-right: 7px;
}
.footer .btn.btn-social:hover {
    color:#185712;
    background-color: #e6e5a3;
   
}

.footer .btn.btn-link {
  text-decoration: none;
    display: block;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;
    color: var(--light);
    font-weight: normal;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}
.footr-text {
    display: flex;
}

.footr-text a i {
    margin: 0 10px 0 0;
}

.footer .btn.btn-link:hover {
    letter-spacing: 1px;
    box-shadow: none;
    color: var(--secondary);
}

.footer .copyright {
    padding: 25px 0;
    font-size: 14px;
    border-top: 1px solid rgba(256, 256, 256, .1);
}

.footer .copyright a {
    color: var(--light);
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

.footer .copyright a:hover,
.footer .footer-menu a:hover {
    color: var(--secondary);
}

.form-item {
  border: 2px solid  #e6e5a3;
  border-radius: 21px;
  padding: 6px;
  margin-bottom: 10px;
  background: transparent;
}
.footer-btn {
  text-decoration: none;
  background: #fff;
  width: 50%;
  padding: 7px;
  border-radius: 20px;
  text-align: center;
  color: #185712;
}
img.img-fluid {
    margin-bottom: 10px;
}
p.section-title {
  text-transform: uppercase;
  padding: 0 0 10px 0;
  width: fit-content;
}
p.section-title img {
  width: 80%;
  margin-top: -27px;
}

/** Team **/
.team-item img {
  position: relative;
  top: 0;
  transition: .5s;
}

.team-item:hover img {
  top: -30px;
}

.team-item .team-text {
  position: relative;
  height: 100px;
  transition: .5s;
}

.team-item:hover .team-text {
  margin-top: -60px;
  height: 160px;
}

.team-item .team-text .team-social {
  opacity: 0;
  transition: .5s;
}

.team-item:hover .team-text .team-social {
  opacity: 1;
}

.team-item .team-social .btn {
  width: 30px;
  display: inline-flex;
  align-items: center;
  color: #fff;
  background: #185712;
  border-radius: 50%;
  justify-content: center;
}

  @media (max-width: 767px){
  .top-right-wrap {
    display: block;
    text-align: center;
    float: left;
    width: 70%;
}
  }
 
@media only screen and (min-width:768.99px) and (max-width: 1024px) {

.header_section {
    z-index: 1;
    position: absolute;
    left: 0;
     background: transparent; 
    /* right: 0; */
    top: 0;
}
.navbar-brand img {
    width: 258px;
    margin-right: 5px;
}
}
@media only screen and (min-width:1024.99px) and (max-width: 1440px) {

.header_section {
    z-index: 1;
    position: absolute;
    left: 0;
     background: transparent; 
    /* right: 0; */
    top: 0;
} 
}
@media only screen and (min-width:1440.99px) and (max-width: 4000px) {

.header_section {
    z-index: 1;
    position: absolute;
    left: 0;
     background: transparent; 
    /* right: 0; */
    top: 0;
} 
}
@media only screen and (min-width:568px) and (max-width: 768px) {
.social-icon {
    margin: -15px;
}
.margin-top-100 {
    margin-top: 185px;
}
.header_section {
    z-index: 1;
    position: absolute;
    left: 0;
    background: #185712;
    right: 0;
    top: 0;
}


}
.team-item .team-social .btn:hover {
  color: #185712;
  background: var(--primary);
}

@media screen and (min-width: 993px){
	.navbar-light .navbar-brand{
		margin-top: -16px;
	}
}

@media screen and (max-width: 992px) {
	.navbar-nav {
		background: #fff;
	}
	.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item{
		border-bottom:1px solid #e1e1e1;
	}
	.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link{
		color:#000;
		padding: 0;
		line-height: 50px;
	}
	.header_section::before{
		width:100%;
		-webkit-clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0% 100%, 0 0);
		clip-path: polygon(50% 0%, 100% 0, 100% 100%, 0% 100%, 0 0);
	}
  .inner-box {
    margin: 0 -106px 0 0;
}
  .footer {
    padding: 1rem 1rem;
   }
   p.section-title {
       margin-top: 30px;
   }
}
@media screen and (max-width: 767px) {
	.top-right-wrap ul{
		justify-content: center;
	}

	.header_section::before{
		height: 115px;
	}
}
@media screen and (max-width: 575px){
	
}
section.form-wrapper {
    padding: 100px 0 100px;
}


/* footer section end */


@media (max-width: 1399px) {
.heading_container h2 {
    font-size: 43px;
    line-height: 52px;
}
.detail-box {
    margin-top: 0;
}
.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
    padding: 30px 15px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    font-family: 'DM Sans';
}
 
}
 

/* media query start */
 

@media screen and (max-width: 768px){
	.branding-slider{
		padding-top:20px;
	}
	
}


@media screen and (max-width: 768px){
	.starting-heading {
    margin: 0 0 30px 0;
}
}


@media screen and (max-width: 768px){
	.about-text {
    text-align: left;
    padding: 15px;
}
}

@media screen and (max-width: 768px){
    .about-info{
		display:block;
	}
	.about-text {
		float:left;
		
    position: relative;
    padding-bottom: 30px;
	padding: 20px 20px 20px 20px;
}
.tab-button {
    cursor: pointer;
    padding: 7px 12px;
    border: 1px;
    background-color: #185712;
    color: #fff;
    border: none;
    margin-right: 9px;
    font-size: 12px;
    font-family: 'Rambla';
}
.text-button {
    display:block;
	float:left;
}

.starting-heading {
    margin: 0 0 10px 0;
}
.starting-heading h2 {
    color: #185712;
    font-family: 'Rambla';
    font-size: 30px;
    float: left;
	line-height:40px;
}
.starting-heading h2:before {
    display: none;
}
.starting-heading h2:after {
    display: none;
}
.tab_section {
    padding: 20px 0 0 0;
}
.about-text {
    float: left;
	padding:20px;
}

.testim .cont div p {
    font-size: 14px;
    line-height: 19px;
}
.testim .cont div h2 {
    margin: 5px 0;
}
.testim .cont > div {
    padding: 0 0 120px 0;
}
.testim .dots {
    bottom: 110px;
}
.testim .dots .dot {
    width: 9px;
    height: 9px;
}
.testimonial-section h2 {
    font-size: 43px;
}
.title-wrap h3 {
    font-size: 43px;
    color: #185712;
}
.testimonial-section  h2:after {
	display:none;
}
.testimonial-section  h2:before {
	display:none;
}

}

.top_nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-right-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
	position: relative;
}
.top-right-wrap ul {
    display: flex;
    margin: 0;
    padding: 13px 0;
}
.social-icon ul li {
    margin-right: 8px;
}

.social-icon ul li:last-child {
    margin-right: 0;
}

.social-icon ul li a span {
    color: #fff;
}
/* media query end */
@media (max-width: 1140px) {
	.banner-section span h1 {
    font-size: 40px;
    line-height: 50px;
}
.banner-btn a {
    padding: 11px 25px;
}
.about-info {
    padding: 40px 0 0 0;
}
}
 @media (max-width: 1140px) {
.about-text a {
      padding: 11px 25px;
}
} 

@media (max-width: 1140px) {
.about-text a {
      padding: 11px 25px;
}
}
@media (max-width: 768px) {
.about-text a {
    padding: 10px 20px;
}

@media (max-width: 768px) {
	.banner-section span h1 {
    font-size: 35px;
    line-height: 40px;
}
.banner-btn a {
    padding: 10px 20px;
}
}

@media (max-width: 768px) {
.banner-section span h1 {
    font-size: 30px;
    line-height: 35px;
    margin-top: 20px;
	margin-bottom: 20px;
}
}


@media (max-width: 768px) {
.banner-btn a {
    padding: 10px 20px;
}
.about-text h2 {
	margin-bottom:10px;
}
}

.col-text {
  height:20em;
}
.grid-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  flex-direction: row; 
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-around;
}
.col {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.col-left {
  -webkit-box-ordinal-group:-1;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.col.col-text {
    display: contents;
}
.Aligner-item {
  width: 60%;
}
.col-image {
  background-size: cover;
  background-position:center center;
}

@media (max-width: 640px) {
  .grid-flex {
    height: 40em;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    flex-direction: column; 
   }
  .col {
    order:vertical;
  }
  .col-left {
    -webkit-box-ordinal-group:0;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  .col-text div p {
    padding: 1em;
  }
  .Aligner-item {
    width: 90%;
  }
}

/**********tab section media query  start***********/
/**********tab section media query  start***********/
@media (max-width: 1199.98px) { 
    .text-button {
        display:block;
        float:left;
    }
    
 }
    @media (max-width: 1024px){
        
	  .banner-section span h1 {
    font-size: 42px;
    line-height: 54px;
	} 
	  .inner-box .list-row a {
    font-size: 14px;
	}
	.custom_nav-container.navbar-expand-lg .navbar-nav .nav-item .nav-link {
        padding: 15px 7px;
    color: #000;
    text-align: center;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
    font-family: 'DM Sans';
}
	.navbar-brand img {
    width: 208px;
    margin-right: 5px;
    margin-top: 20px;
}
		.section-content {
		margin-left: 0px;
	}
	.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.55);
    border-color: #fff;
    margin-top: 25px;
}
}

 @media (max-width: 991.98px) { 
    .detail-box {
        gap: 20px;
    }
    
 }
 @media (max-width: 767.98px) { 
    .detail {
        font-size: 14px;
        line-height: 25px;
    }								
    .tab-content {
        padding: 0px;
    }
	

  }

  @media (max-width: 575.98px) { 
    .detail {
        font-size: 14px;
        line-height: 25px;
    }
    .detail-box {
        display: block;
        
    }
    .tab-content {
        padding: 0px;
    }
	
  }
/**********tab section media query  end ***********/
    @media (max-width: 360px){
		.background-section {
    padding: 260px 0 100px 0;

	}
	.banner-section span {
		float:left;
		margin-top:40px;
	}
	.header_section::before {
		height: 100px;
	}
}

/**********tab section media query  end ***********/

 
 @media (max-width: 768px){
   .banner-section span h1 {
    font-size: 30px;
    line-height: 36px;
}
  .banner-section span h1 {
    font-size: 38px;
    line-height: 50px;
}
.inner-box {
  
    margin: 0 6px 0 0;
  
}
.social-icon {
    margin-top: 10px;
}
.top-right-wrap {
    display: block;
    text-align: center;
    float: left;
    width: 70%;
}
  .banner-section span h1 {
    font-size: 30px;
    line-height: 36px;
}
   .banner-section span h1 {
    font-size: 33px;
    line-height: 41px;
}
 }
.background-section {
    padding: 260px 0 90px 0;
 }
}
@media (max-width: 576px) {
  .inner-box .list-row a
   {
      font-size: 14px;
  }
  .form-wrap {
    margin-bottom: 20px;
}
}
@media (max-width: 991px) {
.top-right-wrap {
    display: block;
    text-align: center;
    float: left;
    width: 70%;
}
}