/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


html {
  scroll-behavior: smooth;
}
.gform_wrapper.gform-theme .gform_fields{gap: 50px 20px;}
.gform_wrapper.gform-theme .gfield .gfield_label{font-family: 'Inter', sans-serif;font-weight: 700;font-size: 16px;line-height: 1;letter-spacing: 0.8px;text-transform: uppercase;margin: 0px 0px 13px;}
.gform_wrapper.gform-theme .gfield input, .gform_wrapper.gform-theme .gfield textarea, .gform_wrapper.gform-theme .gfield select{font-family: 'Inter', sans-serif;font-weight: 300;font-size: 16px;line-height: 1;padding: 10px 10px 20px 0px;border-width: 0px 0px 1px 0px;border-style: solid;border-color: rgba(112, 128, 144, 0.5);color: #000000;border-radius: 0px;box-shadow: unset;height: unset;background-color: transparent;outline: unset;}
.gform_wrapper.gform-theme .gfield textarea{height: 99px;}
.gform_wrapper.gform-theme .gfield input::placeholder, .gform_wrapper.gform-theme .gfield textarea::placeholder{color: rgba(112, 128, 144, 0.5); }
.gform_wrapper.gform-theme .gfield input:focus, .gform_wrapper.gform-theme .gfield textarea:focus, .gform_wrapper.gform-theme .gfield select:focus{border-color: #000000;}
.gform_wrapper.gform-theme form.newsletter_form .gfield input:focus{border-color: #ffffff;}
.gform_wrapper.gform-theme form.newsletter_form .gfield input{color: #708090;font-weight: 400;}
.gform_wrapper.gform-theme form .gform_footer .gform_button{font-family: 'Inter', sans-serif!important;font-weight: 700!important;font-size: 16px!important;line-height: 1!important;letter-spacing: 0.8px!important;text-transform: uppercase!important;padding: 20px 25px!important;border: 1px solid #000000!important;background-color: #000000!important;color: #ffffff!important;border-radius: 0px!important;transition: all 300ms linear;box-shadow: unset!important;outline: unset!important;}
.gform_wrapper.gform-theme form .gform_footer{margin-top: 50px;}
.gform_wrapper.gform-theme form .gform_footer .gform_button:hover, .gform_wrapper.gform-theme form .gform_footer .gform_button:focus{background-color: #ffffff!important;color: #000000!important;outline: unset!important;}
.gform_wrapper.gform-theme .gfield select{display: inline-block!important;position: relative;}
.gform_wrapper.gform-theme .gfield .gfield_required, .gform_wrapper.gform-theme .gform_heading, .gform_wrapper.gform-theme .gfield .ui-selectmenu-button, .gform_wrapper.gform-theme .gfield .chosen-container, .gform_wrapper.gform-theme .gform_validation_errors{display: none!important;}
.gform_wrapper.gform-theme .validation_message{font-family: 'Inter', sans-serif;}
.gform_confirmation_wrapper .gform_confirmation_message{padding: 10px; border: 1px solid #000000;color: #000000;}
.gform_confirmation_wrapper.newsletter_form .gform_confirmation_message{border-color: #ffffff;color: #ffffff;}

.gform_wrapper.gform-theme form.newsletter_form .gform_footer .gform_button{background-color: #ffffff!important;color: #000000!important;border-color: #000000!important;}
.gform_wrapper.gform-theme form.newsletter_form .gform_footer{margin-top: 39px;}
.gform_wrapper.gform-theme form.newsletter_form .gform_footer .gform_button:hover, .gform_wrapper.gform-theme form.newsletter_form .gform_footer .gform_button:focus{background-color: #000000!important;border-color: #ffffff!important;color: #ffffff!important;}

body .is-stuck .elementor .header_inner.elementor-element{padding: 0px 20px;}
.italic_light{font-weight: 300!important;font-style: italic!important;}
.right_corner_shape{position: relative;}
.right_corner_shape::after{content: "";position: absolute;right: 0;bottom: 0px;width: 119px;height: 119px;background: linear-gradient(135deg, transparent 50%, #708090 50%);}

.service_background{position: relative;}
.service_background::before{content: "";position: absolute;top: 0;left:0;width: calc(100vw - 392px);height: 100%;background-color: #000000;z-index: 0;}
.scroll_top{cursor: pointer;transition: 0.3s ease;display: flex;align-items: center;}
.scroll_top:hover{color: #708090!important;}
.scroll_top:hover svg path{fill: #708090;}

.hover_button_icon a.elementor-button{pointer-events: auto;}
.hover_button_icon a.elementor-button svg{width: 24px;}
.hover_button_icon .elementor-button-content-wrapper{align-items: center;}
.hover_button_icon a.elementor-button:hover svg path{fill: #ffffff!important;}
.right_btn a:hover svg path{fill: #708090!important;}

.is-stuck .hover_button_icon a.elementor-button:hover{border-color: #ffffff!important;}

.icon_list .elementor-icon-list-icon{position: relative;} 
.icon_list .elementor-icon-list-icon:after{content: '';position: absolute;right: 20px;top: 0px;width: 1px;height: 100%;background-color: rgba(112, 128, 144, 1);}
.icon_box .elementor-icon-box-title {
    margin: 0px;
}

.icon_box {
    position: relative;
    overflow: hidden;
    transition: background-color 0.4s ease, border 0.4s ease;
}

/* ── Parent container turns black on hover — blocks bleed-through ── */
.e-con:has(.icon_box:hover) {
    background-color: unset !important;
    background-image: none !important;
}

.icon_box .service_overlay {
    position: absolute;
    inset: 0;
    padding: 32px;
	background: rgb(0 0 0 / 90%);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1),
                opacity   0.35s ease;
    z-index: 10;
    box-sizing: border-box;
}

.icon_box:hover .service_overlay {
    transform: translateY(0%);
    opacity: 1;
    padding: 62px;
}

/* ── Icon box hover — dark bg not transparent ── */
.icon_box:hover {
    background-color: unset!important;  /* solid — not transparent */
    background-image: none !important;
    border: 1px solid #ffffff !important;
}

/* ── Kill any Elementor inline background on inner wrappers ── */
.icon_box .elementor-widget-container,
.icon_box .elementor-icon-box-wrapper {
    background: transparent !important;
}

.icon_box .elementor-icon-box-icon {
    position: relative;
    z-index: 1;
    transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.icon_box:hover .elementor-icon-box-icon {
    transform: translateY(-6px);
	opacity: 0;
}

.icon_box:hover .elementor-icon-box-title{
	opacity: 0;
}
.icon_box .elementor-icon-box-icon svg path {
    transition: fill 0.4s ease;
}

.icon_box:hover .elementor-icon-box-icon svg path {
    fill: #fff;
}

.icon_box .elementor-icon-box-title span {
    transition: color 0.4s ease;
}

.icon_box:hover .elementor-icon-box-title span {
    color: #fff;
}

.icon_box .elementor-icon-box-description {
    transition: opacity 0.3s ease;
}

.icon_box:hover .elementor-icon-box-description {
    opacity: 0;
}

.icon_box .service_overlay {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: #ffffff;
}
.icon_box:hover {
    background-color: unset !important;
    background-image: none !important;
}
.icon_box .elementor-icon-box-content > p:not(.elementor-icon-box-description){display: none;}
.lqd-mobile-sec{display: none!important;}
.ld-sd-inner.justify-content-center{justify-content: flex-start;}
.ld-module-sd>.ld-module-dropdown{background-color: #000000!important;z-index: 9!important;}
@media (max-width: 1850px){
	.service_img{top: -135px!important;}
	.service_background::before{width: calc(100vw - 19.3%);}
	.service_img img{max-width: 90%!important;}
	.service_wrapper{width: 74%!important;}
}
@media (max-width: 1799px){
	.service_img img {max-width: 70% !important;}
	.service_background::before{width: calc(100% - 15.5%);}
	.service_img{top: -105px!important;}
	.right_btn{left: calc(100vw - 32%)!important;}
}
@media (max-width: 1740px){
	.service_background::before{width: calc(100% - 273px);}
}
@media (max-width: 1550px){
/* 	.service_background::before{width: calc(100% - 273px);} */
}
@media (max-width: 1500px){
/* 	.service_background::before{width: calc(100% - 273px);} */
}
@media (max-width: 1440px){
	.service_img{top: -110px!important;}
	.service_img img{max-width: 75%!important;}
	.service_background::before{width: calc(100vw - 292px);}
	.right_btn{left: calc(100vw - 38%)!important;}
}
@media (max-width: 1380px){
/* 	.service_background::before{width: calc(100% - 292px);} */
}
@media (max-width: 1360px){
	.hero_banner_container{width: 60%!important;}
}
@media (max-width: 1310px){
/* 	.service_background::before{width: calc(100% - 292px));} */
}
@media (max-width: 1280px){
	.service_img{top: -77px!important;}
	.service_background > .e-con-inner{padding-top: 100px!important;padding-bottom: 100px!important;}
	.service_img img{max-width: 52%!important;}
	.service_wrapper{width: 75%!important;}
	.service_background::before{width: calc(100vw - 202px);}
	.right_btn{left: calc(100vw - 35%)!important;bottom: 30px!important;}
	header .header_inner .main-nav a{padding-right: 10px!important;}
}
@media (max-width: 1200px){
	.service_background::before{width: calc(100vw - 197px);}
}
@media (max-width: 1180px){
	.service_img{top: -70px!important;}
}
@media (max-width: 1168px){
	.service_background::before{width: calc(100vw - 191px);}
}
@media (max-width: 1100px){
	.service_background::before{width: calc(100vw - 181px);}
}
@media (max-width: 1056px){
	.service_background::before{width: calc(100vw - 175px);}
	.service_img{top: -66px!important;}
}
@media (max-width: 1024px){
	.service_background::before{width: 100%;}
	.service_wrapper{width: 100%!important;}
	.icon_box:hover .service_overlay {padding: 30px;}
	.right_btn{position: relative!important;left: unset!important;bottom: unset!important;}
	.hero_banner_container{width: 80%!important;}
	.confidence_container{width: 56%!important;}
}
@media (max-width: 800px){
	.confidence_container{width: 60%!important;}
}
@media (max-width: 767px){
	.confidence_container{width: 75%!important;}
}
@media (max-width: 700px){
	.hero_banner_container{width: 90%!important;}
	.confidence_container{width: 100%!important;}
}
@media (max-width: 480px){
	.hero_banner_container{width: 100%!important;}
}