@charset "UTF-8";

/*
Theme Name:gazelle-3d-tech
Theme URI: https://wordpress.org/themes/gazelle-3d-tech/
Author: the WordPress team
Author URI: https://wordpress.org/
Description:gazelle-3d-tech 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 howgazelle-3d-tech elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.6
Requires PHP: 5.6
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:gazelle-3d-tech
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, blog, portfolio

gazelle-3d-tech WordPress Theme, (C) 2020 WordPress.org*/

/* body .hero-banner .hero-banner-img{margin:0;} */
body #content .testimonial-sec .testimonial-row .site-head{font-size: 1.8rem;}
body #content .recent-project-sec .recent-project-row .recent-project-slider >.wpb_column >.vc_column-inner >.wpb_wrapper .slick-track{display:flex; gap:0.9rem;}
body #content .hero-banner .home-bg::before {content: ""; position: absolute; background: #000000ad; width: 100%; height: 100%; z-index: 1;}
body #content .hero-banner .home-bg{position:relative;}
body #content .hero-banner .hero-banner-txt{z-index:111111;}
body .services-sec .services-row .full img{width:100%; height: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 10px;}
/* 404 Page */
body.error404 footer {margin-top: 0;}
div.error-404 {padding: 5.3125em 0;}
div.error-404 .page-content {text-align: center;}
div.error-404 .page-content h1 {color: var(--global-heading-font-color); font-size: 7em; margin-bottom: 0.2em; line-height: normal;}
div.error-404 .page-content h3 {text-transform: capitalize; color: var(--global-heading-font-color); font-size: 3em; margin-bottom: 0.5em; line-height: normal; font-family: var(--global-font-family);}
div.error-404 .page-content p {color: #000; font-size: 1.5em; margin-bottom: 0.5em; line-height: 1.4;}
div.error-404 .page-content a {color: var(--global-heading-font-color); padding: 10px 20px; border: 2px solid var(--global-heading-font-color); text-decoration: none; display: inline-block; text-transform: capitalize; position: relative; z-index: 5; font-size: 1.5em; font-family: var(--global-font-family);}
div.error-404 .page-content a:hover, div.error-404 .page-content a:focus {text-decoration: none; outline: none; color: #fff;}

div.error-404 .page-content a::before {position: absolute; content: ""; top: 0; left: 0; width: 0; height: 100%; background: var(--global-heading-font-color); transition: all .35s; z-index: -1; border: 0 none; transform: none; opacity: 1;}

div.error-404 .page-content a:hover::before {width: 100%;}