/* 
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.1
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
*/

/* Add your custom styles here */
.bold-text{
    color: #737B4C;
}
.text-light-green{
    color: #E8FF7A; 
} 
p{
    margin: 0px;
}
input::placeholder, textarea::placeholder {
    color: #9e9e9e !important;
    opacity: 1 !important;
}
/* #popup_form .elementor-field-textual.elementor-field {
    width: 100% !important;
    border-radius: 8px 0px 0px 8px !important;
    box-sizing: border-box !important;
}
.elementor-field-group-popup_countryc span.select2.select2-container.select2-container--default[data-select2-id="select2-data-511-u3yr"] {
    display: none !important;
}
.elementor-field-group-popup_countryc span.select2.select2-container.select2-container--default[data-select2-id="select2-data-1016-gwjk"] {
    width: 100% !important;
} */
.elementor-field-group-popup_countryc span.select2.select2-container.select2-container--default:nth-child(4) {
    display: none !important;
}
.elementor-field-group-popup_countryc .startklar_country_selector {
    width: 100% !important;
    height: 100% !important;
}
.elementor-field-group-popup_countryc span.select2.select2-container.select2-container--default {
    width: 100% !important;
    height: 100% !important;
}
.elementor-field-group-popup_countryc span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single.elementor-field-textual.elementor-field {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-right-color: transparent !important;
    height: 47px !important;
}
.elementor-field-group-popup_countryc span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--single.elementor-field-textual.elementor-field:focus {
    box-shadow: none !important;
}
.elementor-field-group{
	align-items: baseline !important;
}

#partner_form .select2 .select2-selection.select2-selection--single{
	height: 47px !important;
}
.elementor-field-group-phone_number_p {
    padding-left: 0px !important;
}
#form-field-phone_number_p {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
.page-id-3539 .select2-container > .select2-dropdown,
.page-id-2290 .select2-container > .select2-dropdown  {
    width: 280px !important;
}

.elementor-field-group-country_code span.select2.select2-container.select2-container--default.select2-container--below {
    height: 100% !important;
}

.elementor-field-group-country_code span.selection {
    height: 100% !important;
}
/* .elementor-field-group-country_code span.select2.select2-container.select2-container--default{
        height: 47px !important;
} */
@media only screen and (max-width: 767px) {
.elementor-field-type-phone_number_prefix_selector_form_field.elementor-field-group-popup_countryc {
    width: 18%;
}
}
@media only screen and (max-width: 575px) {
.elementor-field-type-phone_number_prefix_selector_form_field.elementor-field-group-popup_countryc {
    width: 26%;
}
.elementor-field-type-tel.elementor-field-group-phone_number {
    width: 74%;
}
}
/* Header CSS Star */
.active-header {
    box-shadow: 0px 0px 20px #727a4b47;
}
.navbar-menu a.elementor-item.elementor-item-anchor::before {
    background-color: transparent;
}
.navbar-menu li.menu-item.menu-item-type-custom.menu-item-object-custom {
    text-align: center;
}
.navbar-menu li.menu-item.menu-item-type-post_type.menu-item-object-page {
    text-align: center;
}
.navbar-menu a.elementor-item {
    display: inline-block;
}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-home.current-menu-item.page_item.current_page_item {
    text-align: center;
}
.navbar-menu a.elementor-item.elementor-item-active {
    border-bottom: 2px solid #737B4C;
    display: inline-block;
}
.navbar-menu a.elementor-item:hover{
    border-bottom: 2px solid #737B4C;
}
.signin-btn a.elementor-button.elementor-button-link{
    background-image: linear-gradient(45deg, black 50%, #737B4C 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.7s;
}
.signin-btn a.elementor-button.elementor-button-link:hover{
   background-position: left bottom;
}
.signin-btn a.elementor-button.elementor-button-link .elementor-button-text {
   transition: all 0.6s ease-in-out;
}
#tab-arrow {
    position: relative;
    transition: all 0.6s ease-in-out;
}
#tab-arrow::after {
    content: "";
    background-image: url(https://sandbox.hubbroker.com/wp-content/uploads/2025/05/Vector-7.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0px;
}
.e-n-menu-content.e-active {
    padding: 0px !important;
}
/* Header Schedule Button mobile CSS Start */
div#btn-mobile {
    border-radius: 100px;
    background-image: linear-gradient(45deg, black 50%, transparent 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.7s;
    border: 1px solid #000;
    margin-left: 12px;
    display: none;
    padding: 10px 20px;
}
div#btn-mobile .e-n-menu-title-text{
    transition: all 0.6s ease-in-out;
}
div#btn-mobile:hover{
    background-position: left bottom;
    color: #fff;
}
div#btn-mobile:hover span.e-n-menu-title-text {
    color: #fff;
}
/* Header Signin Button mobile CSS Start */
div#btn-mobile-green{
    display: none;
    border-radius: 100px;
    background-image: linear-gradient(45deg, black 50%, #737B4C 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.7s;
    margin: 12px 12px 0px;
    padding: 10px 20px;
}
div#btn-mobile-green .e-n-menu-title-text{
    transition: all 0.6s ease-in-out;
    color: #fff;
}
div#btn-mobile-green:hover{
    background-position: left bottom;
    color: #fff;
}
div#btn-mobile-green:hover span.e-n-menu-title-text {
    color: #fff;
}
/* Header Signin Button mobile CSS Start */
@media only screen and (max-width: 1024px) {
div#btn-mobile {
    display: block;
}
.navbar-menu ul.e-n-menu-heading {
    background: #fff;
    padding: 20px 0;
}
div#btn-mobile-green{
     display: block;
     width: 165px;
}
div#btn-mobile-green .e-n-menu-title-container{
    display: flex;
    justify-content: center;
}
.resource-menu {
    position: relative;
}
.navbar-menu .e-n-menu-title.e-current{
    border-color: transparent !important;
}
.resource-menu .e-con-full.e-flex.e-con.e-child {
    box-shadow: none;
}
.navbar-menu .e-con.e-child.animated.fadeIn.e-active {
    height: auto !important;
}
.navbar-menu .e-n-menu-wrapper {
    margin-top: 0px !important;
}
}
@media only screen and (max-width: 880px) {
    #tab-arrow::after {
    content: "";
    background-image: url(https://sandbox.hubbroker.com/wp-content/uploads/2025/05/arrow-icon.svg);
     width: 16px;
    height: 16px;
}
}
/* Header Schedule Button mobile CSS Start */

/* Header CSS End */

/* Border-fill-button CSS Start*/
.border-fill-btn{
    border-radius: 100px;
    background-image: linear-gradient(45deg, black 50%, transparent 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.7s;
}
.border-fill-btn:hover{
    background-position: left bottom;
}
.border-fill-btn .elementor-button-text{
    transition: all 0.6s ease-in-out;
}
.border-fill-btn .elementor-button-icon, .border-fill-btn:hover .elementor-button-icon svg{
    transition: all 0.6s ease-in-out;
}
.border-fill-btn:hover .elementor-button-icon{
    transform: rotate(45deg);
}
.border-fill-btn:hover .elementor-button-icon svg path {
    fill: #fff;
}
/* Border-fill-button CSS End */
.schedule-button a.elementor-item {
    border-radius: 100px;
    width: fit-content;
   border: 1px solid #000;
   padding: 10px 20px;
   color: #000; 
   margin-top: 10px;
}
.signin-button a.elementor-item {
    padding: 10px 20px;
    border-radius: 100px;
    width: fit-content;
    border: 1px solid #737B4C;
    padding: 10px 20px;
    color: #fff;
    background-color: #737B4C;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 165px;
}
.schedule-button a.elementor-item:hover {
    border-bottom: 1px solid #000;
    color: #000 !important;
}
.signin-button a.elementor-item:hover {
    background-color: #737B4C !important;
    border-bottom: 1px solid #737B4C !important;
    color: #fff !important;
}
.border-fill-btn.header-button{
    border-radius: 100px;
    background-image: linear-gradient(45deg, black 50%, transparent 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.7s;
}
.border-fill-btn.header-button:hover{
    background-position: left bottom;
}
.border-fill-btn.header-button .elementor-button-text{
    transition: all 0.6s ease-in-out;
}
.border-fill-btn.footer-req{
    border-radius: 100px;
    background-image: linear-gradient(45deg, rgb(255, 255, 255) 50%, #ffffff00 50%);
}
.border-fill-btn.footer-req:hover .elementor-button-icon svg path {
    fill: #000000;
}
button#cta-form-btn {
    background-image: linear-gradient(45deg, black 50%, transparent 50%);
    background-position: right top;
    background-size: 250%;
    transition: all 0.7s;
}
button#cta-form-btn:hover {
    background-position: left bottom;
}

/* Footer Button CSS Start */
button#footer-subscribe {
    border-radius: 100px;
    background-image: linear-gradient(45deg, rgb(255, 255, 255) 50%, #ffffff00 50%);
    background-position: right top;
    background-size: 250%;
    transition: all 0.7s;
}
button#footer-subscribe:hover{
    background-position: left bottom;
}
button#footer-subscribe .elementor-button-text{
    transition: all 0.6s ease-in-out;
}
button#footer-subscribe .elementor-button-icon, button#footer-subscribe:hover .elementor-button-icon svg{
    transition: all 0.6s ease-in-out;
}
button#footer-subscribe:hover .elementor-button-icon svg path {
    fill: #000000;
}
button#footer-subscribe:hover .elementor-button-icon{
    transform:rotate(45deg);
}
/* Footer Button CSS END */

/* list-gray-button */
.list-border-fill-btn {
    background-image: linear-gradient(45deg, black 50%, transparent 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.8s;
    border-radius: 30px;
}
.list-border-fill-btn:hover{
    background-position: left bottom;
    border-color: #000;
}
.list-border-fill-btn span{
    transition: all 0.7s;
}
.list-border-fill-btn:hover span .elementor-button-icon svg path {
    fill: #fff;
}
/* list-gray-button */

/* All section Button Effect CSS Start */
.border-fill-btn.hero-btn{
    background-image: linear-gradient(45deg, #737b4c 50%, transparent 50%);
}
.border-fill-btn.cta-btn{
    background-image: linear-gradient(45deg, white 50%, #1e220e 50%);
}
.border-fill-btn.cta-btn:hover .elementor-button-icon svg path {
    fill: #000;
    color: #000;
}

.border-fill-btn.signin-button{
    background-image: linear-gradient(45deg, black 50%, #fbfcf1 50%);
}

.border-fill-btn .cta-btn .cta-btn-rq {
    background-image: linear-gradient(45deg, #fff 50%, transparent 50%);
}

/* All section Button Effect CSS End */

/* Marquee Css Start */
.home-logo-wrapper {
    grid-column-gap: 7rem;
    grid-row-gap: 7rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
}
.clients-grid.logo-animate {
    grid-column-gap: 7rem;
    flex: none;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: auto;
    display: flex;
}
.logo-animate {
    animation: slide 35s infinite linear;
}
@keyframes slide {
    0% {
      transform: translateX(calc(0% + 50px));
    }
  
    100% {
      transform: translateX(-100%);
    }
}
@media only screen and (max-width: 767px) {
.clients-grid.logo-animate {
    grid-column-gap: 1rem;
}
}
/* Section Automate marquee CSS Start */
.automate-marquee.revers .logo-animate {
    animation: slide-reverse 35s infinite linear;
}
.automate-marquee .clients-grid.logo-animate {
    grid-column-gap: 40px;
    width: auto;
}
.automate-marquee .home-logo-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}
.marquee-wrapper::before{
    content: "";
    background: linear-gradient(to right, white 5%, transparent 100%);
    position: absolute;
    left: 0;
    width: 216px;
    height: 100%;
    z-index: 10;
}
.marquee-wrapper::after{
    content: "";
    background: linear-gradient(to left, white 5%, transparent 100%);
    position: absolute;
    right: 0;
    width: 216px;
    height: 100%;
    z-index: 10;
}
@keyframes slide-reverse {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(calc(0% + 50px));
    }
}
@media only screen and (max-width: 767px) {
.marquee-wrapper::before{
    width: 80px;
}
.marquee-wrapper::after{
    width: 80px;
}
} */
/* Section Automate marquee CSS End */

/* Marquee Css End */



/* Security Section CSS Start */
.security-card {
    position: relative;
    cursor: pointer;
}
.security-card h3 {
    transform: translateY(0%);
    opacity: 1;
    transition: transform 0.6s ease, opacity 0.6s ease;
    position: relative;
    z-index: 2;
}
.security-card h6 {
    transform: translateY(0%);
    opacity: 1;
    transition: transform 0.6s ease, opacity 0.6s ease;
    position: relative;
    z-index: 2;
}
.security-card-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
    z-index: 1;
}
.security-card:hover h3 {
    transform: translateY(-100%);
    opacity: 1;
}
.security-card:hover h6 {
    transform: translateY(-100%);
    opacity: 1;
}
.security-card:hover .security-card-text {
    transform: translateY(0%);
    opacity: 1;
}
.security-card.yellow:hover {
    background: #FBFFD9 !important;
}
.security-card.green:hover {
    background: #E5FFD8 !important;
}
.security-card.orange:hover {
    background: #FFF2DA !important;
}
.security-card.blue:hover {
    background: #D9FFFD !important;
}
.security-card .security_card-content {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
@media only screen and (max-width: 1200px) {
    .security-card.yellow {
        background: #FBFFD9 !important;
    }
    .security-card.green {
        background: #E5FFD8 !important;
    }
    .security-card.orange {
        background: #FFF2DA !important;
    }
    .security-card.blue {
        background: #D9FFFD !important;
    }
    .security-card .security-card-text {
        display: block;
    }
    .security-card-text{
        position: static;
        transform: inherit;
        opacity: 1;
        padding: 0;
    }
    .security-card:hover h6{
         transform: inherit;
    }
    .security-card .security_card-content{
        height: auto;
      }
}
/* Security Section CSS End */

/* Contact Us Page Csss Start */
.page-id-2290 .footer-form {
    display: none;
}
.page-id-2290 .footer-spacing {
    display: none;
}
.elementor-field-group-country_code span.select2-selection.select2-selection--single.elementor-field-textual.elementor-field {
  border-radius: 8px 0px 0px 8px !important;
  border-right: 0px !important;
}
#form-field-phone_number {
  border-radius: 0px 8px 8px 0px !important;
}
.elementor-field-group-country_code span.select2-selection.select2-selection--single.elementor-field-textual.elementor-field .select2-selection__arrow {
    background-image: url(https://sandbox.hubbroker.com/wp-content/uploads/2025/05/down_chevron.svg);
    background-repeat: no-repeat;
    border: 0;
    position: static;
    background-size: 12px;
    background-position: 10% 50%;
}
.elementor-field-group-country_code span.select2-selection.select2-selection--single.elementor-field-textual.elementor-field .select2-selection__arrow b{
  border: 0 !important;
}
.contactForm span.elementor-field-option {
    display: flex;
    align-items: start;
    gap: 10px;
}
#form-field-form_checkbox {
    width: 18px !important;
    height: 18px !important;
    size: 18px !important;
    color: #616161 !important;
    margin-top: 1px;
}
.page-id-3539 .elementor-field-group-country_code span.select2.select2-container.select2-container--default,
.page-id-2290 .elementor-field-group-country_code span.select2.select2-container.select2-container--default {
    height: 47px;
}
/* Contact Us Page Csss END */

/* Integration Page CSS Star */
.integration-wrapper{
    height: 100%;
}

.integration-container {
    height: 100%;
}

.integration-main {
    height: 100%;
}
.taxonomy-filter button.e-filter-item {
    width: 100%;
    display: flex;
    flex-flow:column;
    align-items:flex-start; 
}
.integration-menu ul .sub-menu li a.elementor-item-active {
    padding: 7px 12px !important;
    border-radius: 4px !important;
}
.integration-menu .elementor-nav-menu--dropdown .elementor-item:focus{
    background-color: transparent !important;
}
.integration_card-content ul, 
  .integration_card-content ol {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* Rotate default arrow (SVG) */

/* Default down arrow */
.menu-item-has-children > a .sub-arrow .e-font-icon-svg {
    transition: transform 0.3s ease;
    transform: rotate(0deg); /* down */
}
.menu-item-has-children > a .sub-arrow .e-font-icon-svg {
    transition: transform 0.3s ease;
}
.menu-item-has-children.submenu-open > a .sub-arrow .e-font-icon-svg {
    transform: rotate(180deg);
}

/* Rotate arrow up when menu is expanded */
.menu-item-has-children > a[aria-expanded="true"] .sub-arrow .e-font-icon-svg {
    transform: rotate(180deg); /* up */
}
.br-text {
    margin: 12px 0 0;
}
/* Integration Page CSS End */

/* Blog details Page CSS Start */
.table_content-wrapper {
    position: sticky;
    top: 130px;
}
.table_content-wrapper .elementor-toc__list-item {
    padding-top: 24px;
}
.copy-tooltip {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}
.copy-button-wrapper.show-tooltip .copy-tooltip {
    opacity: 1;
}
.related_card{
    overflow: hidden;
}
.related_card:hover .blog--btn {
    opacity: 1;
    z-index: 1;
    transform: translateX(0%);
}

.related_card .featured_image{
    transition: all .5s;
}
.related_card:hover .featured_image::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgb(0 0 0 / 50%);
    border-radius: 12px 12px 0 0;
    transition: all .5s;
}
.blog--btn {
    position: absolute;
    /* z-index: -1; */
    /* opacity: 0; */
    transform: translateX(210%);
    transition: all .5s;
} 
.post_content h3 strong {
    font-family: "Lato", Sans-serif;
    font-size: 32px !important;
    font-weight: 700;
    text-transform: none;
    line-height: 36px;
}
.related_card-image{
    display: flex;
    align-items: center;
    justify-content: center;
}

.related_card:hover .featured_image {
    transform: scale3d(1.3, 1.3, 1.3);
}
.related_card .post_title a {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.related_card .post_text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.table_content #ez-toc-container {
  box-shadow: none;
  padding: 0;
  border-width: 0 0 1px;
  border-color: #E0E0E0;
  border-radius: 0;
  margin: 0;
  padding-bottom: 16px;
}

.table_content .ez-toc-title-toggle {
  display: none;
}

.table_content .ez-toc-title {
  font-weight: 600 !important;
  font-size: 24px !important;
  line-height: 100% !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid #E0E0E0;
  display: block !important;
  margin-bottom: 24px !important;
}
.table_content .ez-toc-page-1.ez-toc-heading-level-3.active a {
    color: #000 !important;
}
.table_content .ez-toc-list.ez-toc-list-level-1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.table_content #ez-toc-container a {
  color: #757575;
}
.table_content #ez-toc-container a:visited {
  color: #757575;
}
.table_content #ez-toc-container a:hover {
  text-decoration: none;
  color: #000;
}
.single-post .post_content .elementor-widget-container h1,
.single-post .post_content .elementor-widget-container h2,
.single-post .post_content .elementor-widget-container h3,
.single-post .post_content .elementor-widget-container h4,
.single-post .post_content .elementor-widget-container h5,
.single-post .post_content .elementor-widget-container h6 {
    color: #000 !important;
    margin: 24px 0 0 !important;
}
.single-post .post_content .elementor-widget-container b, 
.single-post .post_content .elementor-widget-container strong {
    font-weight: 700 !important;
}
.single-post .post_content .elementor-widget-container li {
    margin: 8px 0 0 !important;
    color: #757575 !important;
    font-weight: 500 !important;
}
.single-post .post_content .elementor-widget-container p {
    margin: 16px 0 0 !important;
    color: #757575 !important;
    font-weight: 500 !important;
}

.single-post .post_content .elementor-widget-container ul li h3 {
    font-size: 26px;
    line-height: 30px;
}

.single-post .post_content .elementor-widget-container ul {
    padding-left: 20px;
}
.single-post .post_content .elementor-widget-container a {
    color: #4E5826;
    text-decoration: underline;
}
@media only screen and (max-width:880px){
.table_content-wrapper {
    position: static;
}
}
/* Blog details Page CSS END */
/* Blog page CSS Start */
.blog_column .page-numbers {
    border: 1px solid #E0E0E0;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #757575 !important;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
} 
.blog_column .page-numbers.current {
    border-color: #000;
    background: #000;
    color: #fff !important;
}
.blog_column .page-numbers:hover{
    border-color: #000;
}
.blog_column .page-numbers.prev, 
.blog_column .page-numbers.next {
    font-size: 0 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 40% !important;
}
.blog_column .elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog_column .page-numbers.next{
    background: url(https://sandbox.hubbroker.com/wp-content/uploads/2025/05/next_arrow.svg);
}
.blog_column .page-numbers.prev{
    background: url(https://sandbox.hubbroker.com/wp-content/uploads/2025/05/prev_arrow.svg);
}
.blog_column span.page-numbers.prev,
.blog_column span.page-numbers.next{
    opacity: .8;
    pointer-events: none;
}
.custom-category-dropdown {
    position: relative;
    display: inline-block;
    font-family: inherit;
    height: 100%;
  }
  .dropdown-toggle {
    background-color: transparent;
    border: 1px solid #E0E0E0;
    padding: 10px 16px;
    border-radius: 100px;
    font-size: 16px;
    cursor: pointer !important;
    color: #757575;
    min-width: 260px;
    text-align: left;
    position: relative;
    font-weight: 400;
    line-height: 100%;
    height: 100%;
  }
  .dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: #737B4C !important;
}
.dropdown-toggle::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 35%;
    background-image: url(https://sandbox.hubbroker.com/wp-content/uploads/2025/05/chevron_down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 12px;
    height: 12px;
}
.dropdown-toggle:hover::after, .dropdown-toggle:focus::after {
    filter: invert(1) brightness(50);
}
  .dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 8px;
    list-style: none;
    width: 100%;
    z-index: 999;
    padding: 8px;
    box-shadow: 0px 16px 24px 0px #00000029;
    overflow: auto;
    height: 100%;
    min-height: 530px;
  }
  .dropdown-menu li a {
    display: block;
    padding: 10px 12px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;
}
.dropdown-menu li a:hover {
    background-color: #F6F8E5;
    border-radius: 8px;
}
  .custom-category-dropdown.open .dropdown-menu {
    display: block;
}
.category_dropdown .elementor-shortcode{
    height: 100%
} 
.page-id-2010 .footer-form {
    display: none;
}
.page-id-2010 .footer-spacing {
    display: none;
}
body.category .footer-form{
    display: none;
}
body.category .footer-spacing{
    display: none;
}
body.search-results .footer-form{
     display: none;
}
body.search-results .footer-spacing{
     display: none;
}
body.single-post .footer-form{
     display: none;
}
body.single-post .footer-spacing{
     display: none;
}
/* Blog page CSS End */

/* Pricing Page CSS Start */
.pricing-form span.elementor-field-option {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}
.pricing-form span.elementor-field-option label {
    color: #616161;
}
.page-id-2773 .footer-form {
    display: none;
}
.page-id-2773 .footer-spacing {
    display: none;
}
button#form-button{
    border-radius: 100px;
    background-image: linear-gradient(45deg, black 50%, #737B4C 50%);
    background-position: right top;
    background-size: 250%;
    width: fit-content;
    transition: all 0.7s ease-in-out;
}
button#form-button:hover{
    background-position: left bottom;
}
button#form-button .elementor-button-text{
    transition: all 0.6s ease-in-out;
}
.platform-list span.elementor-icon-list-text {
    padding-left: 0px !important;
}

.platform-list ul.elementor-icon-list-items {
    gap: 12px;
    display: flex;
    flex-direction: column;
}
.platform-list li.elementor-icon-list-item {
    gap: 12px;
}
.pricing-form input#form-field-form_checkbox {
    width: 18px !important;
    height: 18px !important;
    size: 18px !important;
    color: #616161 !important;
    margin-top: 1px;
}
.contact-form span.select2.select2-container.select2-container--default {
    height: 100% !important;
}
.contact-form .select2-container .selection {
    height: 100% !important;
}
.link-border{
    text-decoration: underline !important;
    text-decoration-color: #737B4C !important;
}
/* Pricing Page CSS END */

/* Privacy Policy Page CSS Start */
.policies_list ol {
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-decoration: underline;
}
.page-id-3 .footer-form {
    display: none;
}
.page-id-3 .footer-spacing {
    display: none;
}
/* Privacy Policy Page CSS END */

/* 404 page Css Start */
.error404 .footer-form {
    display: none;
}
.error404 .footer-spacing {
    display: none;
}
/* 404 page Css End */

.int-list span.elementor-icon-list-text {
    padding: 0px !important;
}
.int-list span.elementor-icon-list-icon svg {
    margin: 0px !important;
}

/* case-study page Css Start */
.case-study-icon span.elementor-icon {
    margin-top: 10px;
}
.case-study-content-list ul {
    padding-left: 22px;
}
.case-study-content-list ul li {
    margin-bottom: 8px;
}
.case-study-content-list ol {
    padding-left: 22px;
}
.case-study-content-list ol li {
    margin-bottom: 8px;
}
.case_study-card .cs_arrow-icon {
    transition: all .5s;
}

.case_study-card:hover .cs_arrow-icon {
    transform: rotate(45deg);
}
   .gallery {
      display: grid;
      gap: 20px;
      height: 600px;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .gutter {
      overflow: hidden;
      position: relative;
    }

    .gallery-h {
      display: flex;
      flex-direction: column;
      gap: 20px;
      animation: scroll-up 20s linear infinite;
    }

    .gallery-h--tb {
      animation: scroll-down 20s linear infinite;
    }

    .gallery-image {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .gallery-image__img {
      height: 160px;
      width: 300px;
      background: #F6F8E5;
      border-radius: 8px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      -o-border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .gallery-image__img img {
      width: 100%;
    height: 100%;
    object-fit: contain;
    max-height: 80px;
    max-width: 200px;
    }

    @keyframes scroll-up {
      0% { transform: translateY(0); }
      100% { transform: translateY(-50%); }
    }

    @keyframes scroll-down {
      0% { transform: translateY(-50%); }
      100% { transform: translateY(0); }
    }
    @media only screen and (max-width:575px){
    .gallery {
        max-height: 350px;
        gap: 14px;
    }
    .gallery-h {
       gap: 14px;
   }
    .gallery-image__img {
        height: 80px;
    }
    .gallery-image__img img {
    max-height: 60px;
    max-width: 90px;
   }
}
.page-id-4370 .footer-form {
    display: none;
}
.page-id-4370 .footer-spacing {
    display: none;
}
/* case-study page Css END */

/* Partner Page Css Start */
.partner_card .gradient_image img {
    transition: all .5s;
}
.partner_card:hover .gradient_image img{
    opacity: 100%;
}
#form-field-partner_type{
    color: #9E9E9E !important;
 }
 .partners_card{
   transition: all .5s;
}
.elementor-field-group-phone_number {
    padding-left: 0px !important;
}
.elementor-field-group-country_code {
    padding-right: 0px !important;
}
.page-id-3539 .footer-form {
    display: none;
}
.page-id-3539 .footer-spacing {
    display: none;
}
/* Partner Page Css End */
/* Sticky Section CSS Start */
.sticky-card.elementor-sticky.elementor-sticky--active {
    background-color: #212121 !important;
}
.sticky-card.elementor-sticky.elementor-sticky--active .sticky-card-title h3 {
    color: #E8FF7A !important;
}
.sticky-card.elementor-sticky.elementor-sticky--active .sticky-card-text p{
    color: #fff !important;
}
.border-fill-btn.sticky-btn{
    background-image: linear-gradient(45deg, white 50%, #212121 50%);
}
.border-fill-btn.sticky-btn:hover .elementor-button-icon svg path {
    fill: #212121;
}
.border-fill-btn.arrow-button{
    background-image: linear-gradient(45deg, #212121 50%, #fff 50%);
    border: 1px solid #000;
}
.border-fill-btn.arrow-button:hover .elementor-button-icon svg path {
    fill: #fff;
}
.sticky-card.elementor-sticky.elementor-sticky--active .border-fill-btn.arrow-button{
    background-image: linear-gradient(45deg, #fff 50%, #212121  50%);
}
.sticky-card.elementor-sticky.elementor-sticky--active .border-fill-btn.arrow-button:hover .elementor-button-icon svg path {
    fill: #000;
}
.sticky-card.elementor-sticky--effects.elementor-sticky--active .border-fill-btn.arrow-button {
    border: 1px solid #fff;
}
.sticky-card.elementor-sticky--effects.elementor-sticky--active .border-fill-btn.arrow-button .elementor-button-icon svg path {
fill: #fff;
}
/* Sticky Section CSS End */
.page-id-5334 .footer-form {
    display: none;
}
.page-id-5334 .footer-spacing {
    display: none;
}
/* Solutions Page CSS start */
.text-green {
    color: #E8FF7A;
}
.solutions-slider .elementor-swiper-button svg {
    width: 18px !important;
}
.faq-wrapper .elementor-widget-toggle svg {
    width: 12px !important;
}
.solution-marquee img.client-logo {
    border: none;
    border-radius: 4px;
    box-shadow: none;
    height: auto;
    max-width: 100%;
    width: 175px;
    background: #FFFFFF1A;
    padding: 15px 40px;
    object-fit: contain;
}
.solution-marquee .clients-grid.logo-animate{
    grid-column-gap: 24px;
}
.solution-marquee .home-logo-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.solution-marquee::before {
    content: "";
    position: absolute;
    left: -1px;
    width: 100px;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to right, #202709 5%, transparent 100%);
}
.solution-marquee::after {
    content: "";
    position: absolute;
    right: -1px;
    width: 100px;
    height: 100%;
    z-index: 10;
    background: linear-gradient(to right, transparent 5%,  #151a06 100%);
}
@media only screen and (max-width:1024px){
    .solution-marquee::before {
    background: linear-gradient(to right, #2f3a0d 5%, transparent 100%);
}
}
@media only screen and (max-width:425px){
    .tab-text span.e-n-tab-title-text {
        white-space: normal;
    }
     .blog_column .elementor-pagination{
        gap: 8px;
    }
    .blog_column .elementor-pagination .page-numbers {
        margin: 0 !important;
    }
    .blog_column .page-numbers {
        width: 30px;
        height: 30px;
        font-size: 12px;
        line-height: 16px;
    }
}
/* Solutions Page CSS End */
a.elementor-button.elementor-button-link:focus {
    color: inherit !important;
}