/*!
Theme Name: Known Design
Theme URI: http://underscores.me/
Author: Roger
Author URI: http://knowndesign.co/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: known-design
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Known Design is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  overflow-x: hidden !important;
}
section.services-info-section {
  overflow-x: hidden !important;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
/* a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
} */

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;

  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;

  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* =============================================================== */
body {
  font-family: "Poppins-Regular" !important;
  margin-bottom: 0px !important;
}

/* ===============Team_Color============ */
.light_Green {
  color: #48d980;
}
.bg_light_green {
  background-color: #48d980;
}
.light_btn {
  background-color: #48d980;
  padding: 12px 38px;
}
.black_btn {
  padding: 12px 38px;
  background-color: #000;
  color: #fff;
  font: 500 18px/40px "Poppins-Medium", sans-serif;
}

.white_btn {
  padding: 12px 38px;
  background-color: #fff;
  color: #000;
  font: 500 18px/40px "Poppins-Medium", sans-serif;
}

/* ================Font_face================================ */

@font-face {
  font-family: "Poppins-Light";
  src: url("./fonts/Poppins-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("./fonts/Poppins-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Medium";
  src: url("./fonts/Poppins-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-SemiBold";
  src: url("./fonts/Poppins-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-Bold";
  src: url("./fonts/Poppins-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("./fonts/Montserrat-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Poppins-ExtraBold";
  src: url("./fonts/Poppins-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("./fonts/Montserrat-Regular.ttf") format("truetype");
}

/*==== All_font_style_below===== */

/* =====================Poppins-Light============================ */
.Poppins-Light-17-22 {
  font: 300 17px/22px "Poppins-Light", sans-serif;
}
.Poppins-Light-20-22 {
  font: 300 20px/22px "Poppins-Light", sans-serif;
}

/* =====================Poppins-Regular============================ */
.Poppins-Regular-14-22 {
  font: 400 14px/22px "Poppins-Regular", sans-serif;
}
.Poppins-Regular-18-22 {
  font: 400 18px/22px "Poppins-Regular", sans-serif;
}
.Poppins-Regular-20-24 {
  font: 400 20px/24px "Poppins-Regular", sans-serif;
}

.Montserrat-Regular-18-22 {
  font: 400 18px/22px "Montserrat-Regular", sans-serif;
}

/* =====================Poppins-Medium============================ */
.Poppins-Medium-18-40 {
  font: 500 18px/40px "Poppins-Medium", sans-serif;
}

/* =====================Poppins-Bold============================ */
.Poppins-Bold-30-40 {
  font: 700 30px/40px "Poppins-Bold", sans-serif;
}
.Poppins-Bold-60-62 {
  font: 700 60px/62px "Poppins-Bold", sans-serif;
}
.Poppins-Bold-60-67 {
  font: 700 60px/67px "Poppins-Bold", sans-serif;
}
.Poppins-Bold-60-57 {
  font: 700 60px/57px "Poppins-Bold", sans-serif;
}
.Poppins-Bold-20-32 {
  font: 700 20px/32px "Poppins-Bold", sans-serif;
}
.Poppins-Bold-25-34 {
  font: 700 25px/34px "Poppins-Bold", sans-serif;
}
.Montserrat-Bold-18-22 {
  font: 700 18px/22px "Montserrat-Bold", sans-serif;
}
.Poppins-Bold-18-34 {
  font: 700 18px/34px "Poppins-Bold", sans-serif;
}

/* =====================Poppins-ExtraBold============================ */

.Poppins-ExtraBold-50-50 {
  font: 800 50px/50px "Poppins-ExtraBold", sans-serif;
}

/* ============================================ */
.site-top-header {
  padding: 22px 0px;
  box-shadow: 0px 10px 10px hwb(0deg 0% 100% / 8%);
}
/* .site-top-header .site_logo img {
  width: 100%;
} */
.site-top-header .header_top_row {
  gap: 46px;
  align-items: center;
  padding-bottom: 26px;
}
.site-top-header .nav-menu li a {
  color: #000 !important;
  font: 400 20px / 24px "Poppins-Regular", sans-serif !important;
  padding-left: 52px !important;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 a[aria-current="page"] {
  font-weight: bold !important;
}
footer {
  padding: 80px 0px;
}
footer .text-description {
  padding: 40px 0px 28px;
  width: 286px;
}
footer .text-description,
footer .social_list {
  p {
    font: 400 18px/22px "Montserrat-Regular", sans-serif;
  }
}
footer .title {
  padding-bottom: 12px;
}
footer .social_list a {
  padding-bottom: 16px;
}
footer .footer_policy {
  padding-top: 62px;
}
footer .secound_col {
  padding-left: 112px;
}
footer .footer_policy a {
  text-decoration: none;
  color: #fff;
}
footer .footer_policy .links p {
  display: flex;
  justify-content: space-between;
}
footer .footer_policy .links p a {
  padding-right: 80px;
}

/* ==============Home_Page=================== */
.home_slider {
  height: 620px;
}
.home_slider .carousel-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.32);
  z-index: 1;
}
.carousel-content {
  position: relative;
  z-index: 9;
}
.carousel-control-next,
.carousel-control-prev {
  z-index: 99 !important;
}
.home_slider .carousel-control-next-icon {
  width: 40px;
  height: 40px;
}
.home_slider .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}
.home_slider button.carousel-control-prev {
  opacity: 1;
}
.home_slider button.carousel-control-next {
  opacity: 1;
}
.hero_banner .title {
  width: 44%;
  margin: auto;
}
.hero_banner .title_description {
  width: 50%;
  margin: auto;
  padding: 26px 0px 16px;
}

.about-section {
  padding: 80px 0px;
}
.description_text {
  padding: 25px 0px 22px;
}
.description_text p {
  font: 300 17px/22px "Poppins-Light", sans-serif;
  width: 85%;
  margin: auto;
}
.about-section .yt_video_sec {
  margin-top: 62px;
}
.our-services-section {
  padding-bottom: 50px;
}

.services-info-section .services-box {
  min-height: 620px;
  display: flex;
  align-items: center;
}
.services-info-section .services-info {
  gap: 46px;
}
.services-info .service_round_btn {
  background-color: #fff;
  position: absolute;
  top: 45%;
  right: -25px;
  width: 92px;
  height: 106px;
  border-radius: 56px 0px 0px 56px;
}
.services-info .service_round_btn img {
  width: 20%;
  margin-left: 24px;
}
.services-info .service_title {
  padding-right: 32px;
}

.services-info .service-description p {
  font: 300 17px / 22px "Poppins-Light", sans-serif;
  padding-left: 52px;
  font-weight: bold;
}
.integrated-technology-section {
  padding: 80px 0px;
}
.integrated-technology-section .title {
  width: 80%;
  margin: auto;
}
.integrated-technology-section .integrated-technology-box {
  background-color: #000;
  padding: 80px 20px;
}
.integrated-technology-section .integrated-technology-items-row {
  padding-top: 42px;
}
.create-impact-section {
  padding-bottom: 80px;
}
.create-impact-section .create-impact-items-row {
  padding-top: 42px;
  row-gap: 62px;
}
.create-impact-section .create-impact-box img {
  height: 196px;
  object-fit: contain;
  margin-bottom: 28px;
}
.create-impact-section .create-impact-box .create-impact-description {
  padding: 5px 45px 0px;
}
.our-partners-section {
  padding: 80px 0px;
}
.our-partners-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
.our-partners-section .our-partners-items-row {
  padding-top: 22px;
}
.our-partners-section .our-partners-items-row .partner-logo {
  width: 92%;
  margin: auto;
}
.client-testimonials-section {
  padding-top: 80px;
}
.client-testimonials-section .testimonial-row {
  padding: 0px 92px;
}

.client-testimonials-section .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.75.75 0 0 1 0 1.06l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}
.client-testimonials-section .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.75.75 0 0 1-1.06 1.06l-6-6a.75.75 0 0 1 0-1.06l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  width: 40px;
  height: 40px;
}
.client-testimonials-section button.carousel-control-prev {
  left: -127%;
  opacity: 1;
}
.client-testimonials-section button.carousel-control-next {
  right: -22%;
  opacity: 1;
}
.contact-us-section {
  padding: 80px 0px;
}
.contact-us-section .CTA_Description {
  padding: 16px 0px;
}
.contact-us-section .CTA_img img {
  height: 432px;
  width: 98%;
  object-fit: cover;
}

/* ================About_Us=================== */
.banner_overlay {
  background-size: cover;
}
section.banner_overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.32);
  z-index: 1;
}
.about-natcarbon-section {
  padding: 80px 0px;
}
.about-natcarbon-section .about-natcarbon-items-row {
  padding-top: 22px;
}
.about-natcarbon-section .about-natcarbon-items-row img {
  width: 100%;
  height: 308px;
  object-fit: cover;
}
.about-natcarbon-section .about-natcarbon-items-row .box-title {
  padding: 26px 0px 10px;
}
.team-tabs-section {
  padding: 80px 0px;
  background-color: #000;
}
.team-tabs-section ul.nav-tabs {
  gap: 32px;
  margin: 22px 0px 42px;
  border: 0px;
}
.team-tabs-section .nav-tabs li button {
  padding: 6px 10px;
  background-color: #48d980;
  color: #fff;
  font: 500 18px / 40px "Poppins-Medium", sans-serif;
  border-radius: 0px;
  border: 0px;
  width: 182px;
}
.team-tabs-section .nav-tabs li button.active {
  background-color: #fff;
  color: #000;
}
.team-tabs-section .Team_row {
  column-gap: 20px;
  row-gap: 10px;
}
.team-tabs-section .Team_row .profile-item {
  width: calc(21% - 30px);
}
.team-tabs-section .Team_row .profile-item .profile_pic {
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: top;
}
.team-tabs-section .Team_row .profile-item .img_ovelay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(72 217 128 / 30%);
  z-index: 1;
}
.team-tabs-section .Team_row .profile-item .linkedin svg {
  position: absolute;
  width: 35px;
  height: 35px;
  bottom: 8px;
  right: 8px;
}
.team-tabs-section .Team_row .profile-item .name {
  padding: 20px 0px 20px;
  cursor: pointer;
}
.team-tabs-section .load-more-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* ===================FAQ_Page============ */
.faq-section {
  padding: 80px 0px 62px;
}
.faq-section .faq-content .accordion-item {
  background-color: #000;
  margin-bottom: 22px;
  padding: 15px 40px 12px;
}

.faq-section .faq-content .accordion-item button {
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font: 700 18px/34px "Poppins-Bold", sans-serif !important;
  padding: 16px 0px 16px 20px;
}
.faq-section .faq-content {
  margin-top: 36px;
}
.faq-section .faq-content .accordion-collapse {
  padding-right: 32px;
}

/* Collapsed state – down arrow */
.accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2348D980' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6.5 6 6.5-6' stroke='%2348D980' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-image: var(--bs-accordion-btn-icon);
}

/* Expanded state – up arrow */
.accordion-button:not(.collapsed)::after {
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2348D980' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 10.5l6.5-6 6.5 6' stroke='%2348D980' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-image: var(--bs-accordion-btn-active-icon);
  transform: rotate(0deg) !important;
}

.join-natcarbon-team-section {
  padding: 80px 0px 26px;
}

.join-natcarbon-team-section .join-natcarbon-team-items-row {
  margin-top: 32px;
  row-gap: 26px;
}
.join-natcarbon-team-section
  .join-natcarbon-team-items-row
  .join-natcarbon-team-box {
  background-color: #000;
  padding: 36px;
  margin: 6px;
}
.join-natcarbon-team-section
  .join-natcarbon-team-items-row
  .join-natcarbon-team-box
  .row_1
  .location
  span {
  font: 300 15px / 18px "Poppins-Light", sans-serif;
}
.join-natcarbon-team-section
  .join-natcarbon-team-items-row
  .join-natcarbon-team-box
  .row_1
  .time
  span {
  font: 300 14px / 16.8px "Poppins-Light", sans-serif;
  background-color: #48d980;
  border-radius: 50px;
  color: #000;
  padding: 3px 12px;
}
.join-natcarbon-team-section
  .join-natcarbon-team-items-row
  .join-natcarbon-team-box
  .join-natcarbon-team-title {
  padding: 28px 0px 20px;
  font: 700 20px/32px "Poppins-Bold", sans-serif;
}
.join-natcarbon-team-section
  .join-natcarbon-team-items-row
  .join-natcarbon-team-box
  .apply_btn {
  padding-top: 12px;
  font: 600 18px / 21.6px "Poppins-SemiBold", sans-serif;
}
.join-natcarbon-team-section #loadMoreBtn {
  padding: 6px 38px;
  margin-top: 40px;
}
.join-natcarbon-team-section .heading {
  width: 86%;
  margin: auto;
}
.vacancies-info-section {
  padding: 80px 0px;
}

.vacancies-info-section .job_description .vacancies-info-box-title {
  padding: 10px 0px;
}
.vacancies-info-section .job_description ul {
  margin: 0 !important;
  padding-left: 19.2px !important;
}
.vacancies-info-section .job_description .vacancies-info-location {
  font: 400 19px / 22px "Poppins-Regular", sans-serif;
  color: #000;
}
.vacancies-info-section .job_description hr {
  opacity: 1 !important;
  background-color: #000 !important;
}
.vacancies-info-section .job_description {
  padding-left: 52px;
}
.trees-planted-section .progres_number span {
  font: 700 17px / 14.4px "Poppins-Bold", sans-serif;
}

/* =================Blog_Page==================== */
.trees-planted-section .left_right_three {
  margin-top: -150px;
}
.trees-planted-section .left_right_three img.small_tree {
  width: auto;
  height: 72px;
  object-fit: contain;
}
.trees-planted-section .left_right_three img.big_tree {
  width: auto;
  height: 186px;
  object-fit: contain;
  /* margin-right: 3.5%; */
}
.trees-planted-section .progres_number {
  position: relative;
}
.trees-planted-section .progres_number::after {
  content: " Million";
  position: absolute;
  margin-left: 4px; /* Optional spacing */
  right: -64px;
  top: 0px;
  font: 700 17px / 14.4px "Poppins-Bold", sans-serif;
}
.trees-planted-section .bg_img {
  background-size: cover;
  padding: 52px 106px 52px 72px;
}
.trees-planted-section .bg_img .progress {
  height: 42px;
  /* width: 96%; */
}
.trees-planted-section .bg_img .progress-bar {
  background-color: #48d980 !important;
}
.blog_section {
  padding: 80px 0px;
}
.blog_section .left_col .bg_black {
  background-color: #000;
  padding: 42px 66px;
  margin-right: 12px;
}
.blog_section .left_col .title {
  font: 700 30px / 32px "Poppins-Bold", sans-serif;
}
.blog_section .left_col ul li {
  padding-top: 10px;
}
.blog_section .left_col ul li a {
  font: 700 20px / 32px "Poppins-Bold", sans-serif;
  color: #fff !important;
  text-decoration: none;
}
.blog_section .left_col ul li a.active {
  color: #48d980 !important;
}
.blog_section .right_col .blog_top_row img {
  height: 452px;
  width: 100%;
  object-fit: cover;
}
.blog_section .right_col .blog_top_row .blog_title,
.blog_section .right_col .bottom_blog_row .blog_title {
  font: 700 30px / 40px "Poppins-Bold", sans-serif;
}
.blog_section .right_col .bottom_blog_row {
  padding-top: 52px;
  padding-bottom: 26px;
  row-gap: 42px;
}
.blog_section .right_col .bottom_blog_row img {
  height: 302px;
  width: 100%;
  object-fit: cover;
}
.blog_section .right_col .blog_top_row .title {
  padding: 20px 0px;
  font: 700 30px / 40px "Poppins-Bold", sans-serif;
}
.blog_section .right_col .blog_top_row .blog_description {
  padding-bottom: 22px;
}
.blog_section .right_col a.black_btn {
  padding: 10px 38px;
}
.blog_section .right_col .bottom_blog_row .blog_title {
  margin: 28px 0px 28px;
  /*   */
}
.blog_section .right_col .bottom_blog_row .blog_description {
  padding-bottom: 22px;
}
.blog_section .right_col .blog_top_row .blog_title {
  margin-bottom: 28px;
}
.blog_section .right_col .bottom_blog_row .blog_description p {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  min-height: 90px;
}
.blog_section header section.blog_banner {
  padding: 86px 0px 40px;
}
.trees-planted-section .Target_text,
.trees-planted-section .Current-Status-text {
  font: 400 20px / 22px "Poppins-Regular", sans-serif;
  padding-top: 26px;
}
.blog_section .right_col .blog_top_row article {
  text-align: left !important;
}
.single_page {
  padding: 80px 0px;
}
.blog_detalsi_single .thumb_img {
  width: 100%;
  height: 512px;
  object-fit: cover;
}
.blog-info-section .blog-title {
  padding: 46px 0px 32px;
}
.blog-info-section .sub_heading {
  margin-bottom: 18px;
}
.blog-info-section .blog-info-description {
  padding-bottom: 26px;
}
.share-section {
  gap: 16px;
  padding-top: 22px;
}
.share-section .title {
  font: 700 17px / 22px "poppins-Bold", sans-serif;
  color: #48d980;
}
.blog-info-section ul {
  margin-left: 0px !important;
  padding-left: 18px;
}

/* =================Our project_grid_list ===================== */
.project_grid_list {
  padding: 80px 0px 20px;
}
.project_grid_list .list_row {
  row-gap: 52px;
  padding-bottom: 28px;
}
.project_grid_list .list_row .project_list_cart {
  padding: 10px 5px;
}
.project_grid_list .list_row .project_list_cart img {
  height: 292px;
  object-fit: cover;
}
.project_grid_list .list_row .project_list_cart .card-title {
  margin: 32px 0px 20px;
  /* overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; */
}
.project_grid_list .list_row .project_list_cart .card-text {
  margin-bottom: 36px;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  min-height: 90px;
}
.Careers_title .title {
  width: 52%;
}
.projects-info-section_single {
  padding: 72px 0px 50px;
}
.projects-info-section_single .projects-info-box-title {
  margin-bottom: 16px;
  padding-top: 16px;
}
.projects-info-section_single ul {
  margin-left: 0px;
  padding-left: 16px;
}
.single_project .title {
  width: 76%;
  margin: auto;
}
.single_project .title_description {
  width: 76%;
  margin: auto;
  padding: 26px 0px 16px;
}
.video-section_project {
  padding-bottom: 80px;
}

/* ========================Contact_Us Page======================== */
.more-information-section {
  padding: 80px 0px;
}
.form-section {
  padding-bottom: 80px;
}
.form-section .Form_col {
  width: 50%;
  background-color: #000;
  color: #fff !important;
  padding: 46px 56px 62px;
}
.form-section .Form_col form .gfield_label {
  font: 700 20px/32px "Poppins-Bold", sans-serif !important;
  color: #fff !important;
  padding-bottom: 12px;
}
.form-section .Form_col form input {
  font: 300 17px / 22px "Poppins-Light", sans-serif !important;
  background-color: #fff !important;
  color: #000 !important;
  height: 48px !important;
  border-radius: 0px !important;
  padding: 6px 22px !important;
}
.form-section .Form_col form .gform_footer input {
  padding: 8px 46px !important;
  background-color: #48d980 !important;
  color: #fff !important;
  font: 500 18px / 40px "Poppins-Medium", sans-serif !important;
  height: auto !important;
  border: 0px !important;
  margin-top: 20px;
}
.form-section .Form_col form fieldset#field_1_5 .ginput_container {
  display: flex;
}

.form-section
  .Form_col
  form
  fieldset#field_1_5
  .ginput_container
  input[type="checkbox"] {
  width: 22px !important;
  height: 20px !important;
  padding: 2px !important;
  border-radius: 5px !important;
  background: transparent !important;
  border: 2px solid #fff !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin-top: 3px !important;
}
.form-section
  .Form_col
  form
  fieldset#field_1_5
  .ginput_container
  input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;

  width: 6px;
  height: 12px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-section .Form_col form fieldset#field_1_5 .ginput_container label {
  font: 300 17px / 22px "Poppins-Light", sans-serif !important;
  color: #fff !important;
  margin-left: 10px;
}
.form-section .Form_col form fieldset#field_1_5 .ginput_container label a {
  color: #48d980 !important;
  text-decoration: none;
}
.more-information-section .title {
  margin-bottom: 38px;
}
.more-information-section .map_title p {
  display: inline;
}
.more-information-section .location_map {
  padding-top: 50px;
}
.form-section .Form_col .gform_required_legend {
  display: none !important;
}
.more-information-section .more-information-box h3 {
  padding-bottom: 20px;
}
.form-section .Form_col form .gfield_label .gfield_required_asterisk {
  color: #48d980 !important;
}
section.all_post_pages {
  padding: 100px 0px;
  color: #000;
}
section.all_post_pages .wp-block-heading {
  font: 500 25px / 32px "Poppins-Medium", sans-serif !important;
  padding-top: 20px;
}
#mega-menu-wrap-menu-1
  #mega-menu-menu-1
  > li.mega-menu-flyout
  ul.mega-sub-menu
  li.mega-menu-item
  a.mega-menu-link {
  font-weight: 400 !important;
}

.about_popup .modal-dialog {
  padding: 50px !important;

  max-width: 36% !important;
}
.about_popup .modal-dialog .modal-content {
  padding: 40px 36px 22px;

  border-radius: 0px !important;
}
.about_popup .modal-dialog .profile_img {
  width: 100%;
  height: 192px;
  object-fit: cover;
  object-position: top;
}
.about_popup .modal-dialog .popup_close {
  font-size: 20px;
  margin-right: -2px;
  margin-top: -2px;
  opacity: 1;
  position: relative;
  z-index: 9;
}

#posts-container > div:nth-child(1) .title {
  /* height: auto !important; */
  margin: 6px 0px !important;
}

/* ==============Media_Query=========== */
@media (max-width: 1600px) {
  .about_popup .modal-dialog {
    max-width: 44% !important;
  }
}

@media (max-width: 1399px) {
  .site-top-header .header_top_row {
    gap: 42px;
  }
  .site-top-header .nav-menu li a {
    padding-left: 46px !important;
  }
  footer .secound_col {
    padding-left: 112px;
  }
  .home_slider {
    height: 506px;
  }
  .services-info-section .services-box {
    min-height: 532px;
  }
  .services-info .service_round_btn img {
    margin-left: 28px;
  }
  .create-impact-section .create-impact-box .create-impact-description {
    padding: 5px 22px 0px;
  }
  .client-testimonials-section .testimonial-row {
    padding: 0px 72px;
  }
  .services-info .service_round_btn {
    top: 40%;
    right: -32px;
  }
  .create-impact-section {
    padding-bottom: 66px;
  }
  .services-info .service-description p {
    padding-left: 0;
  }
  .description_text p {
    width: 92%;
  }
  .about-natcarbon-section .about-natcarbon-items-row img {
    height: 266px;
  }
  .about-natcarbon-section {
    padding: 80px 0px 68px;
  }
  .team-tabs-section .Team_row {
    column-gap: 15px;
  }
  .team-tabs-section .Team_row .profile-item {
    width: calc(22% - 35px);
  }
  .team-tabs-section {
    padding: 80px 0px 62px;
  }
  .join-natcarbon-team-section
    .join-natcarbon-team-items-row
    .join-natcarbon-team-box {
    padding: 32px 28px;
    margin: 5px;
  }
  .join-natcarbon-team-section {
    padding: 80px 0px 12px;
  }
  .blog_detalsi_single .thumb_img {
    height: 482px;
  }
  .project_grid_list .list_row .project_list_cart img {
    height: 262px;
  }
  .about_popup .modal-dialog {
    padding: 12px !important;
  }
}

@media (max-width: 1366px) {
  footer .text-description {
    width: 292px;
  }
  footer .footer_policy .links p a {
    padding-right: 72px;
  }
  .create-impact-section {
    padding-bottom: 58px;
  }
  .integrated-technology-section .integrated-technology-box {
    padding: 72px 20px;
  }
  .blog_detalsi_single .thumb_img {
    height: 465px;
  }
  .video-section iframe {
    height: 442px !important;
  }
  .project_grid_list {
    padding: 80px 0px 0px;
  }
  .projects-info-section_single {
    padding: 62px 0px 42px;
  }
  .form-section
    .Form_col
    form
    fieldset#field_1_5
    .ginput_container
    input[type="checkbox"] {
    width: 23px !important;
    height: 19px !important;
  }
}
@media (max-width: 1200px) {
  .about_popup .modal-dialog {
    max-width: 50% !important;
  }
}

@media (max-width: 1199px) {
  .site-top-header .nav-menu li a {
    font: 400 18px / 22px "Poppins-Regular", sans-serif !important;
    padding-left: 32px !important;
  }
  .site-top-header .header_top_row a {
    font: 400 18px / 22px "Poppins-Regular", sans-serif !important;
  }
  footer .secound_col {
    padding-left: 72px;
  }
  footer .footer_policy .links p a {
    padding-right: 32px;
  }
  footer .secound_col .social_icon svg {
    width: 52px;
    height: 46px;
  }
  .hero_banner .title {
    width: 58%;
  }
  .hero_banner .title_description {
    width: 72%;
  }
  .white_btn {
    padding: 10px 38px;
  }
  .Poppins-Bold-60-57 {
    font: 700 48px / 50px "Poppins-Bold", sans-serif;
  }
  .description_text {
    padding: 20px 0px 22px;
  }
  .description_text p {
    width: 96%;
  }
  .black_btn {
    padding: 10px 38px;
  }
  .about-section .yt_video_sec iframe {
    height: 462px !important;
  }
  .Poppins-Bold-60-62 {
    font: 700 48px / 52px "Poppins-Bold", sans-serif;
  }
  .services-info-section .services-box {
    min-height: 492px;
  }
  .services-info .service_round_btn {
    height: 95px;
  }
  .services-info .service_title {
    padding-right: 0;
  }
  .integrated-technology-section .integrated-technology-box {
    padding: 50px 20px 36px;
  }
  .create-impact-section .create-impact-box .create-impact-description {
    padding: 5px 10px 0px;
  }
  .create-impact-section .create-impact-box img {
    height: 168px;
    margin-bottom: 22px;
  }
  .description_text {
    padding: 16px 0px 22px;
  }
  .services-info .service_round_btn {
    right: -22px;
  }
  .services-info .service_round_btn img {
    margin-left: 22px;
  }
  .client-testimonials-section .testimonial-row {
    padding: 0px 62px;
  }
  .contact-us-section .CTA_img img {
    height: 382px;
    width: 100%;
  }
  .team-tabs-section .Team_row .profile-item {
    width: calc(27% - 35px);
  }
  .team-tabs-section .Team_row .profile-item .profile_pic {
    height: 232px;
  }
  .about-natcarbon-section {
    padding: 62px 0px 52px;
  }
  .about-natcarbon-section .about-natcarbon-items-row img {
    height: 232px;
  }
  .about-natcarbon-section .about-natcarbon-items-row .box-title {
    font: 700 22px / 28px "Poppins-Bold", sans-serif;
  }
  .team-tabs-section .Team_row {
    column-gap: 0px;
  }
  .team-tabs-section .Team_row .profile-item {
    width: calc(28% - 30px);
  }
  .team-tabs-section {
    padding: 66px 0px 56px;
  }
  .team-tabs-section .Team_row .profile-item .name {
    font: 700 22px / 26px "Poppins-Bold", sans-serif;
  }
  .faq-section .faq-content .accordion-item {
    padding: 15px 22px 12px;
  }
  .faq-section .faq-content .accordion-item button {
    padding: 16px 0px 16px 10px;
    font: 700 18px / 25px "Poppins-Bold", sans-serif !important;
  }
  .faq-section .faq-content .accordion-collapse .accordion-body {
    padding: 0px 10px 10px;
  }
  .join-natcarbon-team-section .join-natcarbon-team-items-row {
    margin-top: 20px;
    row-gap: 25px;
  }
  .join-natcarbon-team-section
    .join-natcarbon-team-items-row
    .join-natcarbon-team-box {
    margin: 0px;
  }
  .join-natcarbon-team-section
    .join-natcarbon-team-items-row
    .join-natcarbon-team-box {
    padding: 26px 20px;
  }
  .join-natcarbon-team-section
    .join-natcarbon-team-items-row
    .join-natcarbon-team-box
    .apply_btn {
    padding-top: 6px;
  }
  section.blog_banner {
    padding: 86px 0px 22px;
  }
  .trees-planted-section .bg_img {
    padding: 58px 96px 64px 66px;
  }
  .trees-planted-section .left_right_three img.big_tree {
    height: 162px;
  }
  .blog_section .left_col .bg_black {
    padding: 35px 32px;
  }
  .blog_section .right_col .blog_top_row img {
    height: 362px;
  }
  .blog_section .right_col .blog_top_row .title {
    padding: 10px 0px;
  }
  .blog_section .right_col .bottom_blog_row img {
    height: 232px;
  }
  .blog_section .right_col .bottom_blog_row .blog_description p {
    min-height: 88px;
  }
  .blog_section .right_col .bottom_blog_row .blog_title {
    margin: 22px 0px 12px;
    font: 700 26px / 36px "Poppins-Bold", sans-serif;
  }
  .blog_section {
    padding: 66px 0px;
  }
  .blog_detalsi_single .thumb_img {
    height: 400px;
  }
  .Poppins-Bold-60-67 {
    font: 700 42px / 48px "Poppins-Bold", sans-serif;
  }
  .video-section iframe {
    height: 366px !important;
  }
  .project_grid_list .list_row .project_list_cart {
    padding: 0px;
  }
  .project_grid_list .list_row .project_list_cart img {
    height: 232px;
  }
  .Poppins-Bold-30-40 {
    font: 700 26px / 30px "Poppins-Bold", sans-serif;
  }
  .form-section .Form_col {
    width: 62%;
  }
  .modal.show .modal-dialog .modal-body {
    padding: 0px !important;
  }
}

@media (max-width: 1024px) {
  footer .secound_col {
    padding-left: 32px;
  }
  footer .text-description {
    width: auto;
  }
  footer .footer_policy .links p a {
    padding-right: 40px;
  }
  footer .site-info img {
    width: 72%;
  }
  .light_btn {
    padding: 10px 38px;
  }
  .hero_banner .title {
    width: 62%;
  }
  .hero_banner .title_description {
    width: 80%;
  }
  .white_btn,
  .black_btn {
    padding: 8px 38px;
  }
  .about-section {
    padding: 62px 0px;
  }
  .contact-us-section {
    padding: 72px 0px;
  }
  .vacancies-info-section {
    padding: 72px 0px;
  }
  .Poppins-Bold-60-67 {
    font: 700 42px / 52px "Poppins-Bold", sans-serif;
  }
  .vacancies-info-section .job_description {
    padding-left: 32px;
  }
  .blog_detalsi_single .thumb_img {
    height: 452px;
  }
}

@media (max-width: 991px) {
  .site-top-header .header_top_row {
    gap: 16px;
  }
  .site-top-header .header_top_row a {
    font: 400 16px / 20px "Poppins-Regular", sans-serif !important;
  }
  .site-top-header .header_top_row svg {
    width: 15px !important;
    height: 15px !important;
  }
  .site-top-header .header_top_row {
    padding-bottom: 10px;
  }
  footer {
    padding: 62px 0px 38px;
  }
  footer .secound_col {
    padding-left: 0px;
    padding-top: 52px;
  }
  footer .site-info img {
    width: 40%;
  }
  footer .text-description {
    padding: 26px 0px 22px;
  }
  footer .footer_policy {
    padding-top: 46px;
    justify-content: center !important;
  }
  footer .footer_policy .links p a {
    padding: 0px 20px 0px;
  }
  .hero_banner .title {
    width: 100%;
  }
  .hero_banner .title_description {
    width: 100%;
  }
  .Poppins-Bold-60-57 {
    font: 700 40px / 46px "Poppins-Bold", sans-serif;
  }
  .description_text p {
    width: 100%;
  }
  .Poppins-Bold-60-62 {
    font: 700 40px / 46px "Poppins-Bold", sans-serif;
  }
  .services-info-section .services-box {
    min-height: 452px;
  }
  .integrated-technology-section {
    padding: 62px 0px 80px;
  }
  .integrated-technology-section .title {
    width: 100%;
  }
  .integrated-technology-section .integrated-technology-items-row {
    padding-top: 22px;
    row-gap: 24px;
    justify-content: center;
  }
  .create-impact-section .create-impact-box img {
    height: 132px;
    margin-bottom: 20px;
  }
  .create-impact-section .create-impact-items-row {
    padding-top: 28px;
  }
  .create-impact-section {
    padding-bottom: 50px;
  }
  .our-partners-section {
    padding: 62px 0px;
  }
  .our-partners-section .our-partners-items-row {
    row-gap: 32px;
  }
  .client-testimonials-section button.carousel-control-prev {
    left: -16%;
    top: -20% !important;
  }
  .client-testimonials-section {
    padding-top: 62px;
  }
  .client-testimonials-section button.carousel-control-next {
    right: -20%;
    top: -20% !important;
  }
  .about-natcarbon-section .about-natcarbon-items-row img {
    height: 348px;
  }
  .about-natcarbon-section .about-natcarbon-items-row {
    row-gap: 32px;
  }
  .team-tabs-section ul.nav-tabs {
    gap: 16px;
    margin: 20px 0px 40px;
  }
  .team-tabs-section .Team_row .profile-item {
    width: calc(37% - 30px);
  }
  .faq-section {
    padding: 62px 0px 52px;
  }
  .faq-section .faq-content {
    margin-top: 22px;
  }
  .faq-section .faq-content .accordion-item {
    padding: 10px 20px 10px;
  }
  .faq-section .faq-content .accordion-item button {
    padding: 16px 0px 16px 10px;
  }
  .faq-section .faq-content .accordion-collapse {
    padding-right: 22px;
  }
  .join-natcarbon-team-section {
    padding: 72px 0px 12px;
  }
  .vacancies-info-section .job_description {
    padding-left: 12px;
    margin-top: 42px;
  }
  .vacancies-info-section {
    padding: 62px 0px;
  }
  .Poppins-Bold-60-67 {
    font: 700 38px / 48px "Poppins-Bold", sans-serif;
  }
  section.blog_banner {
    padding: 72px 0px 16px;
  }
  .trees-planted-section .bg_img {
    padding: 58px 85px 64px 42px;
  }
  .trees-planted-section .left_right_three img.small_tree {
    height: 58px;
  }
  .trees-planted-section .left_right_three img.big_tree {
    height: 125px;
  }
  .trees-planted-section .left_right_three {
    margin-top: -92px;
  }
  .trees-planted-section .bg_img .progress {
    height: 40px;
  }
  .blog_section {
    padding: 48px 0px;
  }
  .blog_section .left_col .bg_black {
    margin: 0px 0px 26px;
  }
  .blog_section .right_col .blog_top_row img {
    height: 416px;
  }
  .blog_section .left_col,
  .blog_section .right_col {
    padding: 0px 6px;
  }
  .project_grid_list .list_row .project_list_cart .card-text {
    margin-bottom: 30px;
  }
  .video-section_project iframe {
    height: 400px !important;
  }
  .more-information-section .location_map {
    padding-top: 32px;
  }
  .more-information-section .more-information-box h3 {
    padding-bottom: 12px;
  }
  .more-information-section .more-information-items {
    row-gap: 52px;
  }
  .form-section .Form_col {
    width: 100%;
  }
  .more-information-section .location_map iframe {
    width: 100% !important;
  }
  .form-section
    .Form_col
    form
    fieldset#field_1_5
    .ginput_container
    input[type="checkbox"] {
    width: 21px !important;
    height: 19px !important;
  }
  .about_popup .modal-dialog {
    max-width: 58% !important;
  }
}

@media (max-width: 884px) {
  .hero_banner .title_description {
    width: 92%;
  }
  .Poppins-ExtraBold-50-50 {
    font: 800 45px / 46px "Poppins-ExtraBold", sans-serif;
  }
  .faq-section .faq-content .accordion-item {
    margin-bottom: 16px;
  }
  .faq-section .faq-content .accordion-item button {
    font: 700 17px / 22px "Poppins-Bold", sans-serif !important;
  }
  .join-natcarbon-team-section .heading {
    width: 100%;
    margin: auto;
  }
  .Poppins-Bold-60-67 {
    font: 700 32px / 36px "Poppins-Bold", sans-serif;
  }
  .vacancies-info-section .job_description {
    margin-top: 32px;
  }
  .blog_section .left_col ul li a {
    font: 700 18px / 32px "Poppins-Bold", sans-serif;
  }
  .video-section iframe {
    height: 426px !important;
  }
  .project_grid_list .list_row .project_list_cart img {
    height: 252px;
  }
  .project_grid_list {
    padding: 72px 0px 0px;
  }
  .projects-info-section_single {
    padding: 52px 0px 32px;
  }
  .video-section_project {
    padding-bottom: 72px;
  }
  .more-information-section {
    padding: 58px 0px;
  }
  .more-information-section .more-information-box h3 {
    font: 700 22px / 22px "Poppins-Bold", sans-serif;
  }
  .form-section .Form_col form .gform_footer input {
    padding: 6px 46px !important;
  }
  .about_popup .modal-dialog {
    max-width: 66% !important;
  }
}

@media (max-width: 768px) {
  .home_slider .carousel-control-prev-icon,
  .home_slider .carousel-control-next-icon {
    width: 32px !important;
    height: 32px !important;
  }
  .client-testimonials-section .testimonial-row {
    row-gap: 16px;
  }
  .contact-us-section .CTA_Description {
    padding: 10px 0px 6px;
  }
  .contact-us-section .CTA_img img {
    height: 342px;
  }
  .home_slider button.carousel-control-prev {
    left: -2%;
  }
  .home_slider button.carousel-control-next {
    right: -2%;
  }
  .Poppins-Bold-60-57 {
    font: 700 38px / 42px "Poppins-Bold", sans-serif;
  }
  .description_text {
    padding: 12px 0px 16px;
  }
  .services-info-section .services-box {
    min-height: 372px;
  }
  .services-info .service_title,
  .services-info .service-description p {
    padding-right: 52px;
  }
  .services-info .service_round_btn img {
    width: 15%;
  }
  .services-info .service_round_btn {
    height: 82px;
    right: -26px;
  }
  .contact-us-section {
    padding: 62px 0px;
  }
  .site-top-header {
    padding: 18px 0px;
  }
  .form-section .Form_col {
    width: 97%;
  }
  .about_popup .modal-dialog {
    max-width: 76% !important;
  }
}

@media (max-width: 767px) {
  .site-top-header .header_top_row,
  .site-top-header button.menu-toggle {
    display: none !important;
  }
  .site-top-header {
    padding: 18px 0px;
  }
  .site-top-header .site_logo img {
    width: 72%;
  }
  footer .secound_col {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  footer .site-info img {
    width: 46%;
  }
  .hero_banner .title_description {
    width: 100%;
  }
  .about-section .yt_video_sec iframe {
    height: 332px !important;
  }
  .about-section .yt_video_sec {
    margin-top: 52px;
  }
  .our-services-section {
    padding-bottom: 42px;
  }
  .Poppins-Bold-60-57 {
    font: 700 36px / 40px "Poppins-Bold", sans-serif;
  }
  .Poppins-Light-17-22 {
    font: 300 16px/22px "Poppins-Light", sans-serif;
  }
  .services-info .service_title,
  .services-info .service-description p {
    padding-right: 0px;
  }
  .Poppins-Bold-60-62 {
    font: 700 32px / 38px "Poppins-Bold", sans-serif;
  }
  .client-testimonials-section {
    padding-top: 52px;
  }
  .contact-us-section {
    padding: 52px 0px;
  }
  .client-testimonials-section .testimonial-row {
    padding: 0px 22px;
  }
  .client-testimonials-section .carousel-control-prev-icon,
  .client-testimonials-section .carousel-control-next-icon {
    width: 26px !important;
    height: 26px !important;
  }
  .client-testimonials-section .testimonial-row {
    row-gap: 10px;
  }
  .contact-us-section .row {
    gap: 32px;
  }
  .Poppins-Bold-25-34 {
    font: 700 22px / 28px "Poppins-Bold", sans-serif;
  }
  .about-natcarbon-section .about-natcarbon-items-row .box-title {
    padding: 20px 0px 6px;
  }
  .team-tabs-section ul.nav-tabs {
    gap: 12px;
  }
  .team-tabs-section .nav-tabs li button {
    padding: 6px;
    font: 500 16px / 32px "Poppins-Medium", sans-serif;
    width: 162px;
  }
  .team-tabs-section .Team_row .profile-item {
    width: calc(52% - 30px);
  }
  .faq-section .faq-content .accordion-item button {
    padding: 16px 0px 16px 0px;
  }
  .faq-section .faq-content .accordion-collapse .accordion-body {
    padding: 0px 2px 10px;
    padding-right: 12px;
  }
  .faq-section .faq-content .accordion-item {
    padding: 6px 20px 6px;
  }
  .join-natcarbon-team-section {
    padding: 62px 0px 12px;
  }
  .contact-us-section .CTA_Description p {
    margin-bottom: 6px !important;
  }
  .join-natcarbon-team-section #loadMoreBtn {
    padding: 4px 38px;
    margin-top: 32px;
  }
  .trees-planted-section .bg_img .Poppins-Bold-60-57 {
    font: 700 28px / 32px "Poppins-Bold", sans-serif;
  }
  .trees-planted-section .Target_text,
  .trees-planted-section .Current-Status-text {
    font: 400 15px / 18px "Poppins-Regular", sans-serif;
  }
  .trees-planted-section .left_right_three img.small_tree {
    height: 50px;
  }
  .trees-planted-section .left_right_three img.big_tree {
    height: 96px;
  }
  .trees-planted-section .bg_img .progress {
    height: 28px;
  }
  .trees-planted-section .progres_number span {
    font: 700 13px / 14px "Poppins-Bold", sans-serif;
  }
  .trees-planted-section .progres_number::after {
    right: -50px;
    font: 700 13px / 14px "Poppins-Bold", sans-serif;
  }
  .trees-planted-section .bg_img {
    padding: 40px 66px 40px 28px;
  }
  .trees-planted-section .left_right_three {
    margin-top: -80px;
  }
  .blog_section .left_col .title {
    font: 700 26px / 26px "Poppins-Bold", sans-serif;
  }
  .blog_section .right_col .blog_top_row img {
    height: 342px;
  }
  .blog_section .right_col .bottom_blog_row img {
    height: 210px;
  }
  .blog_section .right_col .bottom_blog_row .blog_title {
    margin: 20px 0px 12px;
    min-height: 28px;
    font: 700 22px / 28px "Poppins-Bold", sans-serif;
  }
  .blog_section .right_col .bottom_blog_row .blog_description {
    padding-bottom: 12px;
  }
  .blog_section .right_col a.black_btn {
    padding: 8px 36px;
  }
  .blog_detalsi_single .thumb_img {
    height: 352px;
  }
  .blog-info-section .blog-title {
    padding: 40px 0px 20px;
  }
  .video-section iframe {
    height: 352px !important;
  }
  .project_grid_list .list_row .project_list_cart .card-title {
    -webkit-line-clamp: unset;
    margin: 28px 0px 15px;
  }

  .project_grid_list .list_row .project_list_cart .card-text {
    -webkit-line-clamp: unset;
    min-height: unset;
  }
  .project_grid_list .list_row {
    padding-bottom: 0px;
  }
  footer .social_list {
    padding-top: 52px;
  }
  .form-section .Form_col {
    padding: 32px 36px 50px;
  }
  .form-section .Form_col form input {
    height: 46px !important;
    padding: 6px 18px !important;
  }
  .form-section .Form_col form .gfield_label {
    font: 700 18px / 28px "Poppins-Bold", sans-serif !important;
    padding-bottom: 6px;
  }
  .about_popup .modal-dialog {
    max-width: 95% !important;
  }
  .about_popup .modal-dialog .profile_img {
    height: auto;
    padding-right: 12px !important;
    margin-top: 16px;
  }
  .about_popup .modal-dialog .modal-content {
    padding: 22px 28px 20px;
  }
  .about_popup .modal-dialog .popup_close {
    font-size: 15px;
    margin-right: -12px;
    margin-top: -5px;
  }
  .modal.show .modal-dialog .modal-body .profile_info {
    padding-left: 12px !important;
  }
  .modal-body #teamModalDescription {
    font: 300 17px / 1.2 "Poppins-Light", sans-serif;
  }
}

@media (max-width: 684px) {
  .site-top-header .site_logo img {
    width: 98%;
  }
  footer {
    padding: 50px 6px 18px;
  }
  footer .site-info img {
    width: 66%;
  }
  footer .text-description {
    padding: 22px 0px 16px;
  }
  footer .footer_policy {
    flex-wrap: wrap;
  }
  footer .footer_policy .links p a {
    padding: 0px 8px 0px;
  }
  .Poppins-ExtraBold-50-50 {
    font: 800 38px / 40px "Poppins-ExtraBold", sans-serif;
  }
  .Poppins-Regular-18-22 {
    font: 400 16px / 20px "Poppins-Regular", sans-serif;
  }
  .home_slider .carousel-item::before {
    background: rgba(0, 0, 0, 0.42);
  }
  .about-section {
    padding: 50px 10px;
  }
  .Poppins-Bold-60-57 {
    font: 700 28px / 32px "Poppins-Bold", sans-serif;
  }
  .about-section .yt_video_sec iframe {
    height: 268px !important;
    width: 100% !important;
  }
  .description_text {
    padding: 18px 0px 12px;
  }
  .Poppins-Bold-60-62 {
    font: 700 26px / 30px "Poppins-Bold", sans-serif;
  }
  .services-info .service_round_btn {
    height: 76px;
    right: 40%;
    top: 85% !important;
    border-radius: 56px 56px 0px 0px;
    width: 76px;
  }

  .services-info .service_round_btn img {
    margin-left: 0px;
  }
  .services-info .service_round_btn .toggle-arrow {
    justify-content: center;
  }
  .services-info .service_round_btn img {
    transform: rotate(90deg);
    transition: transform 0.3s ease;
  }
  .services-info .service_round_btn img.rotated {
    transform: rotate(272deg);
    transition: transform 0.3s ease;
  }
  .services-info .service_title .title,
  .services-info .service-description p {
    text-align: center !important;
  }
  .integrated-technology-section {
    padding: 52px 0px 80px;
  }
  .create-impact-section .create-impact-box img {
    height: 100px;
    margin-bottom: 12px;
  }
  .create-impact-section .create-impact-items-row {
    row-gap: 42px;
  }
  .our-partners-section::before {
    background: rgba(0, 0, 0, 0.65);
  }
  .our-partners-section {
    padding: 52px 10px;
  }
  .contact-us-section .CTA_img img {
    height: 272px;
  }
  .contact-us-section {
    padding: 52px 6px;
  }
  .integrated-technology-section {
    padding: 42px 6px 62px;
  }
  .services-info-section .services-box {
    min-height: 372px;
    padding: 40px 12px;
  }
  .services-info .service-description p {
    font: 300 17px / 20px "Poppins-Light", sans-serif;
    margin-bottom: 36px;
  }
  .home_slider button.carousel-control-prev {
    left: 36%;
    align-items: end;
    margin-bottom: 32px;
  }
  .home_slider button.carousel-control-next {
    right: 36%;
    align-items: end;
    margin-bottom: 32px;
  }
  .client-testimonials-section {
    padding: 50px 10px 0px;
  }
  .client-testimonials-section button.carousel-control-next {
    right: -14%;
  }
  footer .social_list {
    padding-top: 52px;
  }
  .about-natcarbon-section {
    padding: 50px 6px 40px;
  }
  .team-tabs-section {
    padding: 52px 10px 46px;
  }
  .team-tabs-section .Team_row {
    gap: 0px;
  }
  .team-tabs-section ul.nav-tabs {
    margin: 20px 0px 28px;
  }
  .team-tabs-section .Team_row .profile-item {
    width: calc(50% - 0px);
    padding: 8px;
  }
  .team-tabs-section .Team_row .profile-item .profile_pic {
    height: 196px;
  }
  .team-tabs-section .Team_row .profile-item .linkedin svg {
    width: 28px;
    height: 28px;
  }
  .team-tabs-section .Team_row .profile-item .name {
    font: 700 20px / 22px "Poppins-Bold", sans-serif;
  }
  .faq-section .faq-content .accordion-item {
    padding: 5px 15px 5px;
  }
  .faq-section .faq-content .accordion-collapse {
    padding-right: 0px;
  }
  .faq-section .faq-content {
    padding: 0px 16px;
  }
  .join-natcarbon-team-section {
    padding: 50px 0px 12px;
  }
  .join-natcarbon-team-section .join-natcarbon-team-items-row {
    margin-top: 20px;
    row-gap: 18px;
    padding: 0px 5px;
  }
  .vacancies-info-section {
    padding: 50px 6px;
  }
  .Poppins-Bold-60-67 {
    font: 700 26px / 30px "Poppins-Bold", sans-serif;
  }
  .Poppins-Bold-20-32 {
    font: 700 18px / 25px "Poppins-Bold", sans-serif;
  }
  .vacancies-info-section .job_description .vacancies-info-box-title {
    padding: 10px 0px 8px;
    margin-bottom: 0;
  }
  section.blog_banner {
    padding: 62px 0px 16px;
  }
  .trees-planted-section .bg_img .Poppins-Bold-60-57 {
    font: 700 22px / 28px "Poppins-Bold", sans-serif;
  }
  .trees-planted-section .Target_text,
  .trees-planted-section .Current-Status-text {
    font: 400 14px / 16px "Poppins-Regular", sans-serif;
  }
  .trees-planted-section .left_right_three img.small_tree {
    height: 45px;
  }
  .trees-planted-section .left_right_three img.big_tree {
    height: 80px;
  }
  .trees-planted-section .progres_number::after {
    right: -14px;
    font: 700 13px / 14px "Poppins-Bold", sans-serif;
    top: 20px;
  }
  .trees-planted-section .bg_img {
    padding: 40px 28px 40px 28px;
  }
  .trees-planted-section {
    padding: 0px 15px;
  }
  .blog_section {
    padding: 40px 10px;
  }
  .blog_section .right_col .blog_top_row img {
    height: 272px;
  }
  .blog_section .right_col .blog_top_row .title {
    font: 700 26px / 32px "Poppins-Bold", sans-serif;
  }
  .blog_section .right_col .bottom_blog_row .col-6 {
    width: 100% !important;
  }
  .blog_section .right_col .blog_top_row {
    text-align: center;
  }

  .blog_section .right_col .blog_top_row .title,
  .blog_section .right_col .bottom_blog_row .blog_title {
    font: 700 22px / 26px "Poppins-Bold", sans-serif;
    height: unset;
    -webkit-line-clamp: unset !important;
  }
  .blog_section .right_col .bottom_blog_row .blog_description p {
    min-height: unset;
    -webkit-line-clamp: unset;
  }
  .blog_section .right_col .bottom_blog_row {
    padding-bottom: 12px;
  }
  .blog_section .right_col .bottom_blog_row img,
  .blog_section .right_col .blog_top_row img {
    height: 262px;
  }
  .blog_section .right_col .bottom_blog_row {
    row-gap: 22px;
    padding-top: 26px;
  }
  .blog_detalsi_single .thumb_img {
    height: 296px;
  }
  .blog-info-section .blog-title {
    padding: 38px 0px 18px;
  }
  .video-section iframe {
    height: 272px !important;
  }
  .project_grid_list {
    padding: 62px 3px 0px;
  }
  .video-section_project iframe {
    height: 276px !important;
  }
  .projects-info-section_single {
    padding: 50px 3px 32px;
  }
  .video-section_project {
    padding: 0px 3px 62px;
  }
  .more-information-section {
    padding: 52px 5px;
  }
  .form-section .Form_col {
    padding: 15px 18px 30px;
  }
  .form-section {
    padding: 0px 6px 52px;
  }
  .form-section
    .Form_col
    form
    fieldset#field_1_5
    .ginput_container
    input[type="checkbox"] {
    width: 25px !important;
    height: 18px !important;
  }
  .site-header ul.mega-sub-menu {
    padding-bottom: 22px !important;
    padding-left: 12px !important;
  }
  section.all_post_pages {
    padding: 46px 4px;
    color: #000;
  }
}