 @font-face { font-family: "Font Awesome 6 Brands"; src: url("/wp-content/themes/bricks/assets/fonts/fontawesome/fa-brands-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }  @font-face { font-family: "Font Awesome 6 Free"; src: url("/wp-content/themes/bricks/assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; }  @font-face { font-family: "Ionicons"; src: url("/wp-content/themes/bricks/assets/fonts/ionicons/ionicons.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }  .single-post-content.brxe-post-content a { color: #2271b1; text-decoration: underline; }  .customer-more-pipline-section-single-container .brxe-block.has-bg-video { z-index: unset; } .customer-more-pipline-section-single-container-video-col video { object-fit: cover; background-position: 50%; background-size: cover; }  #customUnmuteButton{ position: absolute; top: 15px; left: 15px; z-index: 10; background: rgb(0 0 0 / 56%); color: #fff; padding: 13px 15px; font-size: 18px; border-radius: 49px; font-weight: 600; cursor: pointer; opacity: 1; transition: opacity 0.3s ease; pointer-events: auto; } button#customUnmuteButton:hover { background: rgb(0 0 0 / 77%); }  .ripple-button-wrapper { position: relative; width: 120px; height: 120px; border-radius: 50%; display: inline-block; z-index: 1; } .ripple-button-wrapper::after { content: ''; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; background: rgba(182, 151, 216, 0.4);  border-radius: 50%; transform: translate(-50%, -50%) scale(0.5); animation: ripple-glow 2s infinite ease-out; pointer-events: none; z-index: -1; } @keyframes ripple-glow { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.8; } 70% { transform: translate(-50%, -50%) scale(1.5);  opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0; } } .customer-video-overlay-content-button { transition: transform 0.3s ease; } .single-career-post-text-content h2 { padding-top: 15px; padding-botton: 15px; } .single-career-post-text-content h3 { padding-top: 10px; padding-botton: 10px; } .customer-more-pipline-section-single-container-video-col video { object-fit: cover; background-position: 50%; background-size: cover; } .column-width__fourty-five { width: 45%!important; } .column-width__fifty-five { width: 55%!important; } .banner-animeted-heading { display: flex; flex-direction: column; height: 120px;  overflow-y: hidden;  padding: 10px; position: relative; } .banner-animeted-heading span { display: block; padding: 10px; transition: transform 0.5s ease-in-out;  } .cust-step-comman.color-black .cyst-step-dot.brxe-icon { color: #18affb; fill: #18affb; } .cust-step-comman.color-black .cust-step-text { color: #122123; }  .cust-animated-txt-typed-gredient-1 span.typed { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #223980, #3f69c8, #1aaffa, #3de6aa); } .cust-animated-txt-static-gredient-1 span, .product-intro__heading span{ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #223980, #3f69c8, #1aaffa, #3de6aa); } .cust-animated-txt-static-gredient-1 span.prefix, .cust-animated-txt-static-gredient-1 span.typed, .product-intro__heading span.typed, .product-intro__heading span.prefix{ color: black !important; -webkit-background-clip: none !important; background-image: unset !important; -webkit-text-fill-color: black !important; }  border-image-source: linear-gradient(230deg, #FD5F71, #AF5BFF, #7767F3, #EF64D7, #4E84FC, #45C1FF); border-image-slice: 1;  color: transparent;  background: linear-gradient(90deg, #FD5F71, #AF5BFF, #7767F3, #EF64D7, #4E84FC, #45C1FF); -webkit-background-clip: text; background-clip: text;  -webkit-text-fill-color: transparent;  text-fill-color: transparent;   }**/ .cust-3-col-post img { border-radius: 10px !important; }  .cust-3-col-post img { border-radius: 10px !important; } .header_menu .bricks-nav-menu > li { border-bottom: 2px solid transparent; } .header_menu .bricks-nav-menu > li:hover { border-bottom: 2px solid #19affb; } .global-span-big-heading span { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(209deg, #fd5f71, #ef64d7 20%, #af5bff 40%, #7767f3 60%, #3e8fff 80%, #49e9ff); }  .single-post .single-post-content h2 { font-size: 32px; margin-top: 60px; margin-bottom: 24px; } .single-post .single-post-content h3 { font-size: 26px; margin-top: 24px; margin-bottom: 24px; } .single-post .single-post-content p, .single-post .single-post-content ol, .single-post .single-post-content li { font-size: 20px; } .video-4-3 { padding-top: 75% !important; pointer-events: none; }  .about_hero_word_overflow { -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); } .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-embed:after { clear: both; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }  .cust-new-leadform { background-color: #182b60; padding: 40px 30px; border-radius: 20px; color: white; } span.cust-new-leadform-confirmation { font-size: 12px; display: block; } .cust-new-leadform form { display: flex; flex-direction: column; gap: 25px; } .cust-new-leadform input { border: unset; padding: 9px; border-radius: 3px; color: black; font-size: 16px; width: 100%; } .cust-new-leadform label { font-size: 16px; font-weight: 600; } .cust-new-leadform input[type="submit"] { color: #182b60; background: white; width: max-content; padding: 9px 18px; } .cust-new-leadform input[type="submit"]:hover { background-color: #e4e4e4; } .sidebar-cat-filter { display: flex; flex-direction: column; }  .product-timeline__video-block { display: none; } .product-timeline__video-block.color-black { display: flex !important; }  .about-testimonial-slider .x-splide__track > .splide__list .splide__slide{ min-height: 500px; } .sticky.scrolling .cust-black-text-sticky { color: black !important; } .sticky.scrolling .cust-black-text-sticky:hover { color: white !important; }  .testimonial-_image.brxe-image img { max-width: 370px; } .testimonial-_image.brxe-image { text-align:right; }  .invers-logo { display: none; } .sticky.scrolling .invers-logo { display: block; } .sticky.scrolling .cust-header-logo{ display: none; }  .marquee-content.scroll {  animation: scroll-marquee 60s linear infinite; } .reverse { animation-direction: reverse!important; } @keyframes scroll-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .single-agreement-text h3 { margin-top: 40px; padding-bottom: 20px; } .single-agreement-text h2 { margin-top: 60px; padding-bottom: 20px; }   .sticky-tab__title_btn1 { display: block; } .sticky-tab__title_btn2 { display: none; }  .stickysmaller-tab .sticky-tab__title_btn1 { display: none; } .stickysmaller-tab .sticky-tab__title_btn2 { display: block; padding:10px; font-size:17px; min-width: 154px; text-align: center; } .stickysmaller-tab .sticky-tab__title.brx-open { box-shadow: 0 0px 13px 6px #4899ef85; }  .sticky-tab.brxe-block.tab-menu.stickysmaller-tab { display: flex; justify-content: flex-start; gap: 30px; } .sticky-tab__title.brxe-div { display: flex; flex-direction: row; align-content: center !important; justify-content: center; align-items: center; }   .sticky-tab__title { border-radius: 20px; background: white; transition: box-shadow 0.3s ease;  }  .sticky-tab__title:not(.brx-open) { box-shadow: 0 6px 20px 0 #4899ef85; animation: pulse-glow 1.5s infinite; }  .sticky-tab__title.brx-open { box-shadow: 0 0px 35px 18px #4899ef85;  animation: none; }  @keyframes pulse-glow { 0% { box-shadow: 0 6px 20px 0 #4899ef85; } 50% { box-shadow: 0 6px 30px 10px #4899ef85; } 100% { box-shadow: 0 6px 20px 0 #4899ef85; } }  .bricks-is-frontend .cust-com-img.the-video-in{ margin-top:3%; }   @keyframes scale-in-ver-center { 0% { transform: scaleY(0); opacity: 0; } 100% { transform: scaleY(1); opacity: 1; } }  @keyframes scale-out-ver-center { 0% { transform: scaleY(1); opacity: 1; } 100% { transform: scaleY(0); opacity: 0; } }  .bricks-is-frontend .cust-com-img.the-video { opacity: 0; transform: scaleY(0); }  .bricks-is-frontend .cust-com-img.the-video-in { animation: scale-in-ver-center 1.5s cubic-bezier(0.25, 1, 0.5, 1) forwards;  }  .bricks-is-frontend .cust-com-img.the-video-out { animation: scale-out-ver-center .2s cubic-bezier(0.25, 1, 0.5, 1) forwards; }  .customers-banner-form .bricks-button.sm { height: 62px; } .product-page-template-default header#brx-header { z-index: 99999; }  .sticky.scrolling .cust-header-logo.always-visible { display: block!important; }   .cust-hover-arrow.brxe-icon { opacity: 0; transform: translateX(-8px);  transition: opacity 0.3s ease, transform 0.3s ease; pointer-events: none;  }  .cust-mega-menu-submenu-navitem.brxe-div:hover .cust-hover-arrow.brxe-icon { opacity: 1; transform: translateX(0);  }  .no-tab-only-timeline .tab-menu { display: none!important; } .cust-nav-item.brxe-dropdown.open { border-bottom: 2px solid #0071eb; } .cust-nav-item.brxe-dropdown { border-bottom: 2px solid transparent; } .cust-nav-item{ border-bottom: 2px solid transparent !important; }  .cust-mega-menu-content.brxe-div { margin-top: 2px; } .stickysmaller-tab::before { content: "Choose your path"; display: flex; color: #1aaffb; font-size: 18px; text-align: center; font-weight: 500; position: absolute; top: 20px; left: 82px; } .sticky-tab.brxe-block.tab-menu.stickysmaller-tab { padding-top: 65px; } header#brx-header { z-index: 99999!important; } .cust-careers-testimonial .splide__slide { display: flex  ; justify-content: space-between !important; } .cust-new-leadform_footer input::placeholder { color: #696969; } .cust-new-leadform_footer label { display: none; } .cust-new-leadform.cust-new-leadform_footer .row { display: flex; align-items: center; width: 100%; align-content: center; justify-content: flex-end; } .cust-new-leadform_footer .row .col-8 { width: 65%; } .cust-new-leadform_footer .row .col-4 { width: 35%; } .cust-new-leadform.cust-new-leadform_footer { background: unset; padding: 0; } .cust-new-leadform_footer input { font-size: 14px; line-height: unset; border-radius: 3px 0px 0px 3px!important; border: unset; padding: 9px; border-radius: 3px; color: black; width: 100%; } .cust-new-leadform_footer input[type="submit"] { border: 1px solid #1aaffa; border-radius: 0px 3px 3px 0!important; border-top-left-radius: 0; border-bottom-left-radius: 0; text-transform: uppercase; font-size: 14px; color: white; line-height: unset; font-weight: 600; background-color: #1aaffa; line-height: 22.5px; max-width: 35%; text-align: center; } .sticky-logo { display: none !important; } .sticky.scrolling .sticky-logo { display: block !important; } .sticky.scrolling .cust-header-logo.always-visible.normal-logo { display: none !important; } .cust-trasnparent-header-btn .cust-btn-style-2 { color: white; } .sticky.scrolling .cust-trasnparent-header-btn .cust-btn-style-2 { color: black; } .cust-new-leadform_footer .row { display: flex; align-items: center; width: 100%; align-content: center; justify-content: flex-end; } .cust-glow-border { position: relative; display: inline-block; border-radius: 20px;  padding: 5px;  background: linear-gradient( 90deg, #FD5F71, #AF5BFF, #7767F3, #EF64D7, #4E84FC, #45C1FF ); background-size: 300% 300%;  animation: gradient-animation 6s infinite linear;  } .cust-glow-border img { display: block; border-radius: 15px;  width: 100%;  } @keyframes gradient-animation { 0% { background-position: 0% 50%;  } 50% { background-position: 100% 50%;  } 100% { background-position: 0% 50%;  } } .cust-leader-card-block { position: relative; overflow: hidden; border-radius: 12px; min-height: 500px; }  .cust-leader-card-block img { width: 100%; height: 100%; object-fit: cover; display: block; }  .cust-about-leader-card-overlay-visible { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; background: rgba(0, 0, 0, 0.2);  color: #fff; padding: 24px; opacity: 1; transition: opacity 0.4s ease; z-index: 2; }  .cust-about-leader-card-overlay-hidden { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.95); color: #111; padding: 32px; opacity: 0; transform: scale(0.95); transition: opacity 0.4s ease, transform 0.4s ease; z-index: 3; text-align: center; }  .cust-leader-card-block:hover .cust-about-leader-card-overlay-visible { opacity: 0; } .cust-leader-card-block:hover .cust-about-leader-card-overlay-hidden { opacity: 1; transform: scale(1); } .stickysmaller-tab .sticky-tab__title_btn1 { display: none!important; } .sticky.scrolling a.cust-transparnet-header-btn.bricks-button { color: black !important; } a.cust-transparnet-header-btn.bricks-button { color: white !important; }   @media only screen and (min-width:1200px) and (max-width:1330px){ .product-grid-block.brxe-block { padding-top: 30px; padding-right: 0; padding-bottom: 0; padding-left: 20px; border-radius: 20px; box-shadow: 0 -2px 8px 2px rgba(47, 49, 44, 0.15); } .product-grid-button.brxe-button { padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; font-size: 9px; min-width: 90px; min-height: 30px; } } @media only screen and (min-width:1200px) and (max-width:1260px){ .cust-header-logo.brxe-image { width: 160px; } .header_btn { column-gap: 10px !important; } } @media only screen and (max-width:1024px){ .cust-icon-box.brxe-icon-box h4 { font-size: 8rem!important; } } @media only screen and (max-width: 767px) { .cust-new-leadform_footer .row .col-8 { width: 100%; } .cust-new-leadform_footer .row .col-4 { width: 100%; } .stickysmaller-tab::before { top: 50px; left: auto !important; right: auto !important; } .sticky-tab.brxe-block.tab-menu.stickysmaller-tab { padding-top: 95px; display:flex!important; justify-content: center!important; } .cust-icon-box.brxe-icon-box h4 { font-size: 35px!important; } .single-post .single-post-content h2 { font-size: 29px; margin-top: 60px; margin-bottom: 24px; } .single-post .single-post-content h3 { font-size: 24px; margin-top: 24px; margin-bottom: 24px; } .single-post .single-post-content p, .single-post .single-post-content ol, .single-post .single-post-content li { font-size: 18px; } .column-width__fourty-five { width: 100%!important; } .column-width__fifty-five { width: 100%!important; } .cust-new-leadform .col-6 { flex: 100% !important; width: 100% !important; max-width: 100%; } .cust-new-leadform .row { display: flex; flex-direction: column; gap: 25px; } .marquee-content.scroll {  animation: scroll-marquee 10s linear infinite; } .bricks-is-frontend .cust-com-img.the-video-in{ margin-top:0%; } .marquee-content.scroll:nth-of-type(2) { display: none; } .ripple-button-wrapper { width: 60px; height: 60px; } .ripple-button-wrapper::after { width: 60px; height: 60px; animation: ripple-glow-mobile 2s infinite ease-out; } @keyframes ripple-glow-mobile { 0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.8; } 70% { transform: translate(-50%, -50%) scale(1.4);  opacity: 0; } 100% { transform: translate(-50%, -50%) scale(1.4); opacity: 0; } }  .cust-new-leadform_footer .row { display: flex; flex-direction: column; gap: 25px; } .cust-new-leadform_footer input, .cust-new-leadform_footer input[type="submit"]{ border-radius:3px!important; max-width: 100%; } h3.wp-block-heading { font-size: 20px; } h2.wp-block-heading { font-size: 28px; } }    @media only screen and (max-width: 1680px) {  h1 { font-size: 50px; } .service-timeline__heading.brxe-heading { font-size: 24px; } .service-timeline__subheading-dark.brxe-heading { font-size: 20px; } .testimonial_position.brxe-text-basic { font-size: 20px; }  .product-intro__text, .service-timeline-subtext__content.brxe-text-basic { font-size: 16px; } .single-customer-rich-content.brxe-text { font-size: 16px; } .blog-post-content.brxe-text-basic { font-size: 16px; } .single-post .single-post-content p, .single-post .single-post-content ol, .single-post .single-post-content li { font-size: 16px!important; } .teammate-position.brxe-heading{ font-size:17px; } }  @media only screen and (min-width: 1441px) and (max-width: 1680px) {  .brxe-container { width: 1400px; }  h2 { font-size: 38px; } h3 { font-size: 28px; } h4 { font-size: 24px; } .service-timeline__heading.brxe-heading { font-size: 20px; } .service-timeline__subheading-dark.brxe-heading, .cervice-timeline-subheading.brxe-heading { font-size: 18px; } .product-grid-col-heading.brxe-heading { font-size: 28px; } .single-blog-title.brxe-heading { font-size: 36px; } .single-blog-title.brxe-post-title{ font-size: 36px; } .single-blog-footer-main-heading.brxe-heading{ font-size: 36px; } .single-customer-rich-container-h2.brxe-heading{ font-size: 32px; }  body { font-size: 18px; } .cust-text.brxe-text-basic, .abouts-text.brxe-text-basic { font-size: 18px; } .service-timeline-subtext__content.brxe-text-basic, .single-customer-about-container-content-about-text.brxe-text-basic { font-size: 16px; } .single-customer-rich-container-h2{ font-size:28px; } .single-customer-rich-content{ font-size:18px; } }  @media only screen and (min-width: 1200px) and (max-width: 1440px) {  .brxe-container { width: 1140px; }  h2 { font-size: 30px; } h3 { font-size: 22px; } h4 { font-size: 20px; } .product-grid-col-heading.brxe-heading { font-size: 22px; } .cervice-timeline-subheading.brxe-heading { font-size: 18px; } .single-blog-title.brxe-heading { font-size: 36px; } .single-blog-title.brxe-post-title{ font-size: 36px; } .single-blog-footer-main-heading.brxe-heading{ font-size: 36px; } .single-customer-rich-container-h2.brxe-heading{ font-size: 28px; }  body { font-size: 16px; } .cust-text.brxe-text-basic, .abouts-text.brxe-text-basic, .single-customer-about-container-content-about-text.brxe-text-basic { font-size: 16px; } .single-customer-rich-container-h2{ font-size:24px; } .single-customer-rich-content{ font-size:16px; } }