/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* body {
	background-color : #1F1E1D;
} */

/* Add your custom styles here */

.smoke {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    pointer-events: none;
    animation: smoke 1s ease-out forwards;
    filter: blur(8px); /* Apply blur effect */
    opacity: 0.8; /* Adjust opacity to make blur more visible */
}

@keyframes smoke {
    to {
        transform: translateY(-50px) scale(1);
        opacity: 0;
    }
}

/* Entire Site Header Start */
.about-header {
	background: rgba(31, 30, 29, 0.90);
    box-shadow: 9px 9px 35px 0px #110A01;
    backdrop-filter: blur(10.5px);
	z-index: 2;
}

.hero-nav.e--pointer-double-line .elementor-item:before, .e--pointer-overline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-underline .elementor-item:after, .e--pointer-underline .elementor-item:before {
    height: 3px;
    width: 80% !important;
    left: 12px !important;
    right: 0 !important;
    background-color: #3f444b;
    z-index: 2;
}
/* Entire Site Header End */
.elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow .e-font-icon-svg, .elementor-nav-menu--main .elementor-nav-menu--dropdown .sub-arrow i {
    transform: rotate(-90deg);
    display: none !important;
}


/*Hero Section CSS Start*/
.globe-img {
    position: absolute;
    top: -190px;
    left: 120px;
    z-index: 1;
}

.hero-text span {
    color: #EE7A3F;
}

.hero-2-text span {
	color: #E2E2E2;
}

.mission-1 {
	box-shadow: 10.122px 10.122px 25.305px 0px #262422, -10.122px -10.122px 25.305px 0px #282828;
	width: 500px;
    height: 300px;
}

.mission-icon {
    position: absolute;
    right: -50px;
	top: -70px;
}

.vision-icon {
    position: absolute;
    right: 60px;
	top: -10px;
}
input#form-field-name {
    padding: 16px 12px 16px 12px;
}
button#hero-btn {
    margin-left: -110px;
    margin-bottom: 5px;
    padding: 10px 10px 10px 20px;
}
button#hero-btn:after {
    content: '';
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Ellipse-28.png);
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    /* color: rgba(40, 28, 52, 1); */
    top: 20px;
    left: -98px;
}
/* a#hero-explore-btn:after {
    content: '';
    position: absolute;
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Frame-1.png);
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    right: 62px;
    top: 21px;
} */

div#hero-f {
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}
div#pp-accordion-tab-content-6051 {
    margin-top: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}
div#pp-accordion-tab-content-6052 {
    margin-top: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}
div#pp-accordion-tab-content-6053 {
    margin-top: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}
div#pp-accordion-tab-content-6054 {
    margin-top: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}
div#pp-accordion-tab-content-6055 {
    margin-top: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}
div#pp-accordion-tab-content-6056 {
    margin-top: 10px;
    border: 1px solid #E2E2E2;
    border-radius: 16px;
}

/* Blog page Css Start here */
.hero-blogs .elementor-posts .elementor-post {
    background-color: #171716;
    flex-direction: column;
    transition-property: background, border, box-shadow;
    transition-duration: .25s;
    padding: 32px;
    border-radius: 24px;
    filter: drop-shadow(#282828 8px -4px 15px);
}
a.elementor-post__read-more:hover {
    color: #EE7A3F;
    transition: all ease 0.6s;
}

/* Blog Page Css End here */


#home-btn-1:hover {
    box-shadow: 5px 5px 0px 0px rgba(226, 226, 226, 0.75);
    -webkit-box-shadow: 5px 5px 0px 0px rgba(226, 226, 226, 0.75);
    -moz-box-shadow: 5px 5px 0px 0px rgba(226, 226, 226, 0.75);
}



/*Hero Section CSS End*/

/* Media Quries */
@media (min-width: 360px) and (max-width: 480px) {
button#hero-btn {
    margin-left: 204px;
    padding: 6px 22px 5px 22px;
    display: inline-block;
    margin-top: -111px;
    margin-bottom: 15px;
}
/* 	a#hero-explore-btn:after {
    content: '';
    position: absolute;
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Frame-1.png);
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    right: -4px;
    top: 16px;
} */
	.hero-started {
    margin-left: -12px;
}
	.elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>input, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group>textarea {
    flex-basis: 100%;
    max-width: 81%;
}
}



@media screen and (min-width: 1024px) {
button#hero-btn {
    margin-left: -109px;
    margin-bottom: 5px;
    padding: 0px 11px 0px 25px;
}
	.hero-started .elementor-form .elementor-button .elementor-button-text {
    white-space: nowrap;
    flex-grow: 0;
}
}
@media screen and (min-width: 1366px) {
button#hero-btn {
    margin-left: -97px;
    margin-bottom: 5px;
    padding: 0px 6px 0px 12px;
    margin-top: 4px;
}
button#hero-btn:after {
    content: '';
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Ellipse-28.png);
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    /* color: rgba(40, 28, 52, 1); */
    top: 20px;
    left: -93px;
}
/* 	a#hero-explore-btn:after {
    content: '';
    position: absolute;
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Frame-1.png);
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    right: 104px;
    top: 17px;
} */
}
@media screen and (min-width: 1440px) {
button#hero-btn {
    margin-left: -108px;
    margin-bottom: 5px;
    padding: 8px 10px 10px 24px;
}
	button#hero-btn:after {
    content: '';
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Ellipse-28.png);
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    top: 19px;
    left: -98px;
}
}


@media screen and (min-width: 1536px) {
button#hero-btn {
    margin-left: -110px;
    margin-bottom: 5px;
    padding: 10px 10px 10px 20px;
}
/* 	a#hero-explore-btn:after {
    content: '';
    position: absolute;
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Frame-1.png);
    width: 35px;
    height: 25px;
    background-repeat: no-repeat;
    right: 75px;
    top: 22px;
} */
	button#hero-btn:after {
    content: '';
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Ellipse-28.png);
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    top: 20px;
    left: -102px;
}
}
@media screen and (min-width: 1920px) {
button#hero-btn {
    margin-left: -110px;
    margin-bottom: 5px;
    padding: 10px 10px 10px 20px;
}
	button#hero-btn:after {
    content: '';
    background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Ellipse-28.png);
    position: absolute;
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    /* color: rgba(40, 28, 52, 1); */
    top: 20px;
    left: -102px;
}
	::-webkit-scrollbar{
    width: 0.7vw;
    background: #E2E2E2;
}
::-webkit-scrollbar-thumb{
    background:#EE7A3F;
    border-radius: 20px;
}

.hero-bg {
    content: url(https://zabslegal.com/wp-content/uploads/2024/03/globe.png);
    position: absolute;
    right: 0;
    top: -280px;
    width: 45%;
    transition: all ease 0.2s;
    z-index: 0;
}
}
@media screen and (min-width: 2400px) {
.hero-started.elementor-element.elementor-element-aa2aadd .elementor-field-group .elementor-field, .elementor-754 .elementor-element.elementor-element-aa2aadd .elementor-field-subgroup label {
    font-size: 18px;
    line-height: 14px;
    word-spacing: 0px;
}
	button#hero-btn:after {
        content: '';
        background-image: url(https://zabslegal.com/wp-content/uploads/2024/03/Ellipse-28.png); 
        position: absolute;
        width: 10px;
        height: 10px;
        background-repeat: no-repeat;
        top: 27px;
        left: -78px;
	}
input#form-field-name {
    padding: 16px 140px 16px 180px;
}

button#hero-btn {
    margin-left: -86px;
    margin-bottom: 10px;
    padding: 12px 10px 5px 20px;
}
	::-webkit-scrollbar{
    width: 0.8vw;
    background: #E2E2E2;
}
::-webkit-scrollbar-thumb{
    background:#EE7A3F;
    border-radius: 20px;
}
}