@charset "UTF-8";

/*
Theme Name: GS Landscaping
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
@charset "utf-8";

@font-face {font-family:'Raleway'; src: url('assets/fonts/Raleway-SemiBold.eot'); src: url('assets/fonts/Raleway-SemiBold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Raleway-SemiBold.woff2') format('woff2'), url('assets/fonts/Raleway-SemiBold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap;}
@font-face {font-family:'Raleway'; src:url('assets/fonts/Raleway-Bold.eot'); src: url('assets/fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Raleway-Bold.woff2') format('woff2'), url('assets/fonts/Raleway-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}
@font-face {font-family:'Raleway'; src: url('assets/fonts/Raleway-ExtraBold.eot'); src: url('assets/fonts/Raleway-ExtraBold.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Raleway-ExtraBold.woff2') format('woff2'), url('assets/fonts/Raleway-ExtraBold.woff') format('woff'); font-weight:bold; font-style: normal; font-display: swap;}
@font-face {font-family: 'Raleway'; src: url('assets/fonts/Raleway-Medium.eot'); src: url('assets/fonts/Raleway-Medium.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Raleway-Medium.woff2') format('woff2'), url('assets/fonts/Raleway-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;}
@font-face {font-family:'Raleway'; src: url('assets/fonts/Raleway-Regular.eot'); src: url('assets/fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Raleway-Regular.woff2') format('woff2'), url('assets/fonts/Raleway-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Poppins'; src: url('assets/fonts/Poppins-Regular.eot'); src: url('assets/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('assets/fonts/Poppins-Regular.woff2') format('woff2'),
url('assets/fonts/Poppins-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
html {  scroll-behavior: smooth;}
body {font-family:'Raleway', Arial; font-size:16px; font-weight:400; color:#525252;}
.whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText h5, .whiteText h6, .whiteText p, .whiteText {color:#fff;}
.btn {background:#fff; color:#102e19 !important; padding:12px 40px !important; border-radius: 50px; text-transform: uppercase; font-weight: bold}
.btn:hover {background: #348e38; color:#fff!important;}
h2 {font-size:46px; font-weight: normal; color: #000; text-transform: uppercase; margin-bottom:15px;}
h2 span {font-weight: bold; color: #348d38}
section {padding:100px 0;}
.section-heading {text-align: center; margin-bottom: 30px;}
header {	position: sticky; top: 0; background: #fff; z-index: 999; box-shadow: 0 0 10px #0003; padding: 0;}
.navbar {padding: 0;}
.navbar-nav { align-items: center; gap: 20px;}
.navbar .navbar-collapse {justify-content: flex-end;}
a.navbar-brand { margin-top: -50px;}
.navbar-nav li a {font-weight: bold; text-transform: uppercase; color: #000000 !important; margin: 0 10px; padding: 0;}
.navbar-nav li a.btn {background: #348d38; color: #FFF !important; padding: 10px 26px !important; border-radius: 50px;}
li.nav-item { padding: 22px 0; position: relative;}
li.nav-item.active:before { content: ""; position: absolute; height: 6px; width: 100%; background: #348d38; bottom: 0px;}
.banner {background: url("assets/images/banner-bg.jpg") no-repeat center/cover; padding:50px 0;}
.banner h1 {font-size:45px; font-weight: 500; margin-bottom: 15px;}
.banner h1 span {font-size:80px; color: #a6ce39; font-weight: bold;}
.banner p {font-weight:500; margin-bottom:20px;}
.banner-points li {background: rgb(4 32 12 / 80%); width: 33%; text-align: center; padding: 25px; border-radius:10px;}
.banner-points {display: flex; padding: 0; list-style: none; gap: 15px; margin-top:30px}
.banner-points li img {width: 55px; margin-bottom:10px;}
.banner-points li h5 {font-size:16px; font-weight: 600; line-height: 22px; margin:0px;}
.about .row {align-items: center;}
.about-bg {background: url("assets/images/about-bg.png") no-repeat; background-size: cover; padding: 20px; transition: .5s;}
.about-bg:hover { padding: 10px;}
.about-img {padding:15px; background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.about-content {padding-left: 20px;}
.service {background: url("assets/images/service-bg.png") no-repeat top/cover; padding-top: 180px; padding-bottom: 100px;}
.service h2 {margin-bottom:50px;}
.service .row {row-gap:40px}
.service-box {background: #fff; color: #000; text-align: center; padding:40px 0; border-top-right-radius:30px; border-bottom-left-radius:30px; position: relative;}
.service-box:hover.service-box::before, .service-box:hover.service-box::after { display: block; opacity: 1; }
.service-box img {margin-bottom:20px; display: inline-block}
.service-box h5 {color: #070707; font-weight:600; font-size: 18px; margin:0px;}
.gallery img { width: 100%; height: 100%; cursor: pointer; object-fit: cover;}
.gallery-row {display: grid; grid-template-columns: auto auto auto; gap: 15px;}
.gallery-col.first {grid-row: 1 / 4;}
.testimonials {background: url("assets/images/testimonial-bg.jpg") no-repeat center/cover;}
.testimonials h2 {color: #fff;}
.testimonial-box {background: #fff; border-top-right-radius: 50px; border-bottom-left-radius: 50px; text-align: center; padding: 30px; height: 100%;}
.testimonial-box p {font-size: 14px; font-weight: 500; color: #000; margin-bottom: 15px;}
.testimonial-box h4 {font-size: 20px; font-weight: 600; color: #000; margin-bottom: 15px;}
.testimonial-box h5 {font-size: 18px; font-weight: 600; color: #000;}
.testimonial-box img {margin-bottom: 15px;}
.contact-us {background:url("assets/images/contact-bg.jpg") no-repeat; background-size: contain; background-position: bottom; padding-bottom:205px; position:relative;}
.contact-us .container {position: relative;}
.contact-form {background:#0b381d; padding:40px 50px; z-index:999; border-radius:10px; width: 100%; margin-bottom:-330px; position:relative; z-index:99;}
.form-btn {text-align: center}
.form-btn .btn {width: 300px; padding: 12px !important; margin-top: 10px; background: #348e38; border: none !important; color: #fff !important; }
.form-btn .btn:hover, .form-btn .btn:focus, .form-btn .btn:active {background: #fff; color:#000 !important;}
.contact-form input {height: 45px;}
footer {background: #031103; padding-top: 160px;}
.contact-details-box {background: #fff; display: flex; align-items: center; gap:15px; padding:20px 20px; border-radius:5px}
.contact-details-box h4 {font-size: 20px; font-weight: bold; margin-bottom:0px; text-transform: uppercase; color:#000;}
.contact-details-box p {margin-bottom:0; font-weight:600; font-size:18px;}
.contact-details {display: flex; gap: 12px; margin-top: 5px;}
.contact-details-box.first {width: 40%;}
.contact-details-box.second {width: 20%;}
.contact-details-box.third {width: 40%;}
.footer-bottom {text-align: center; padding: 50px;}
.footer-bottom p {margin:0px;}
.left-plant {position:absolute; left:0px; bottom:0px; z-index:1; }
.right-plant {position:absolute; right:0px; bottom:0px; z-index:1;}
.slick-next:before {
    content: "\f054";
	font-family: FontAwesome;
	font-size: 75px;
    opacity: 1;
    color: #348e38;
}
.slick-prev:before {
    content: "\f053";
	font-family: FontAwesome;
	font-size: 75px;
    opacity: 1;
    color: #348e38;
}
.slick-prev {
    left: -100px;
}
.slick-next {
    right: -100px;
}
.slick-prev, .slick-next {
    width: auto;
    height: auto;
	color: #348e38;
}
#img1:hover, #img2:hover, #img3:hover, #img4:hover, #img5:hover, #img6:hover {
	opacity: .8
}
.service-box::before {
    content: "";
    position: absolute;
    height: 55px;
    width: 55px;
    border-left: 8px solid #348e38;
    border-top: 8px solid #348e38;
    top: 0;
    left: 0;
	opacity: 0;
	transition: .3s
}
.service-box::after {
    content: "";
    position: absolute;
    height: 55px;
    width: 55px;
    border-right: 8px solid #348e38;
    border-bottom: 8px solid #348e38;
    bottom: 0;
    right: 0;
	opacity: 0;
	transition: .3s
}
.head-blank {
    position: absolute;
    width: 38%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
}
.top-header a {
    color: #fff;
    margin-left: 30px;
    font-weight: 500;
}
.top-header a i {
    margin-right: 5px;
    color: #9cc212;
}
.blank-position::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 44px solid #124a2f;
    border-left: 45px solid transparent;
    position: absolute;
    right: 0px;
}
.blank-position {
    width: 100%;
    height: 100%;
    position: relative;
}
.head-blank {
    position: absolute;
    width: 38%;
    height: 100%;
    background: #fff;
    top: 0;
    left: 0;
}
.top-header {
    text-align: right;
    background: #124a2f;
    padding: 10px 0;
	font-family: 'Poppins';
    position: relative;
}
.slick-slide img {
    display: inline-block;
}
.contact-details-box p {
    font-family: 'Poppins';
}
.testimonials .slick-list {
	display: flex;
}
.slick-track {
    display: flex;
}