/*
Theme Name: gearbox
Theme URI: https://www.portotheme.com/wordpress/porto
Author: Harold Divernzon Polig
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

:root {	
    --container-default-padding-right: 12px;
    --container-default-padding-left: 12px;
    --porto-column-spacing: 0px;
    /* fix block builder */
    --porto-fluid-spacing: 12px;
}

/* Fonts and Text Styles and Sizes*/
html {
	 scroll-behavior: smooth;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
h3.porto-sicon-title {
    font-weight: normal !important;
    line-height: 1.3;
    letter-spacing: normal;
}

h1,
.h1 {
     font-size: 3.75rem;
}

h1,
.h1 {
    font-size: clamp(2.25rem, 1.3vw + 2.9rem, 3.75rem);
}

h2,
.h2 {
    font-size: 3rem;
}

h2,
.h2 {
    font-size: clamp(1.9rem, 1.3vw + 2.2rem, 3rem);
}


h3,
.h3 {
    font-size: 2rem
}

h3,
.h3 {
    font-size: clamp(1.75rem, 1.3vw + 1.4rem, 2rem);
}

h4,
.h4 {
    font-size: 2rem
}

h4,
.h4,
h3.porto-sicon-title {
    font-size: clamp(1.55rem, 1.3vw + 1.2rem, 2rem);
}

h5,
.h5 {
    font-size: 1.5rem
}

h6,
.h6,
h2.pp-tiled-post-title {
    font-size: 1.25rem;
}

/*container*/

.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    max-width: 1680px;
    width: 100%;
    margin: 0 auto;
}

.container-fluid {
    max-width: 100%;
    width: 100%;
}

.container {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.calc-right-padding-fullwidth {
    padding-right: calc((100vw - 1680px) / 2 + 2.5px)!important
}

.calc-left-padding-fullwidth {
    padding-left: calc((100vw - 1680px) / 2 + 2.5px)!important
}

/*background colors*/
.graybg {
    background-color: #F4F5F6; 
}

.lightbluebg {
    background-color: #EBF5FF;
}


/*header*/

.header-section-1 {
    background: #fff;
}

#header .container-fluid {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

#header {
    width: 100%;
    min-height: 80px;
    position: absolute;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
    top: 0;
}

#header .logo img {
    display: block !important;
}

header.sticky {
    z-index: 9999;
    position: fixed !important;
    transition: all 0.3s ease-in-out;
}

header.sticky .header-top-1 {
    display: none !important;
}

header.sticky .header-bottom-1 {
    padding-bottom: 12px !important;
    padding-top: 12px !important;
}

header.sticky .header-logo-1 {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 100%;
}

header.sticky .header-logo-1 img {
    max-width: 180px !important;
    transition: all 0.3s ease-in-out;
}

header.sticky .header-40years {
    top: -8px !important;
}

/*header animation*/
header.sticky {
    animation: stickySlideDown 0.4s ease forwards;
}

/* Slide-down animation */
@keyframes stickySlideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

.home-page-banner-1.front-page .background-img {
    animation: infiniteZoom 16s ease-in-out infinite alternate;
    will-change: transform;
    transform: translateZ(0);
}

/* smoother zoom */
@keyframes infiniteZoom {
    0% {
        transform: scale(1.05);
    }
    100% {
        transform: scale(1.17);
    }
}


.home-page-banner-1.front-page {
    position: relative;
    overflow: hidden;
    isolation: isolate; /* prevents blend repaint bleed */
}


.home-page-banner-1.front-page::before {
    content: "";  
    position: absolute;
    inset: -20%;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(
            120deg,
            transparent 30%,
            rgba(255,255,255,.25) 45%,
            rgba(255,255,255,.6) 50%,
            rgba(255,255,255,.25) 55%,
            transparent 70%
        );
    opacity: 0;
    transform: translateX(-140%) translateZ(0);
    animation: heroWhiteGlitch 5.5s cubic-bezier(.22,.8,.25,1) infinite;
    will-change: transform, opacity;
}



@keyframes heroWhiteGlitch {

    0% {
        transform: translateX(-140%);
        opacity: 0;
    }

    10% {
        opacity: .6;
    }

    35% {
        transform: translateX(140%);
        opacity: .6;
    }

    50% {
        opacity: 0;
    }

    100% {
        transform: translateX(140%);
        opacity: 0;
    }
}


/*page title section*/
.page-top {
    padding-top: 14rem !important;
    background: #040C1F !important;
    border-bottom: 5px solid #fff !important;
}

.page-top .breadcrumbs-wrap {
    margin-bottom: 10px;
}

/*spacing*/

.padding-basic {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.padding-basic-top {
    padding-top: 4.5rem;
}

.padding-basic-bottom {
    padding-bottom: 4.5rem;
}

.footer-bottom-padding {
    padding-bottom: 4rem;
}

.mb-60 {
    margin-bottom: 40px;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-24 {
    margin-bottom: 32px;
}

.mb-16 {
    margin-bottom: 16px;
}

/* custom font sizes*/

.topline-smallheading {
    color: #FFF;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
    margin-bottom: 4px;
}

h2.heading1 {
    color: #040C1F;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.96px;
}

h2.heading2 {
    color: #FFF;
    leading-trim: both;
    text-edge: cap;
    font-size: 5rem;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%; /* 192px */
    letter-spacing: -6.4px;
    text-transform: uppercase;
}

h3.heading3 {
    color: #040C1F;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 120%; /* 43.2px */
    letter-spacing: -1px;
}

.gradient-heading {
    background: linear-gradient(180deg, #3C9BCA 0%, #262E66 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%; /* 24px */
}

/*colored boxes*/

.gradient-bluebox {
    background: var(--Gradient, linear-gradient(180deg, #3C9BCA 0%, #262E66 100%));
}

.gradient-bluebox-image .wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gradient-bluebox-content {
    padding: 60px 12px;
    color: #fff;
    display: flex;
    height: 100%;
    justify-content: center;
}

.gradient-bluebox-content h2.box-title {
    color: #fff;
    margin-bottom: 16px !important;
    font-weight: 700 !important;
    font-size: 2rem;
    font-style: normal;
    line-height: 120%; /* 57.6px */
    letter-spacing: -0.96px;
}

.gradient-bluebox-content p {
    opacity: 0.8;
    color: #fff;
}

.gradient-bluebox-content p.mb-32 {
    margin-bottom: 32px !important;
}

.gradient-bluebox-content p.mb-16 {
    margin-bottom: 16px !important;
}

.white-box {
    padding: 30px 12px 30px 12px;
    background: #fff;
}

.white-box .topline-smallheading {
    background: linear-gradient(180deg, #3C9BCA 0%, #262E66 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.white-box .box-title {
    color: #040C1F;
    margin-bottom: 16px !important;
    font-weight: 700 !important;
    font-size: 2rem;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.96px;
}

.white-box p {
    color: #142033;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}

.white-box p.mb-24 {
    margin-bottom: 24px !important;
}

.white-box p.mb-16 {
    margin-bottom: 16px !important;
}

.white-box p.mb-40 {
    margin-bottom: 40px !important;
}


/*list*/

.blue-check {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none;
}

.blue-check.mb-24 {
    margin-bottom: 24px;
}

.blue-check.mb-0 {
    margin-bottom: 0;
}

.blue-check li {
    background: url('https://gearboxdev.netplanetdemo.com.au/wp-content/uploads/2026/01/circle-check.svg') no-repeat left 4px;
    padding: 0 0 0 28px;
    margin: 0 0 12px 0;
    color: #040C1F;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 27px */
    list-style: none;
}

span.fontnormal {
    font-weight: normal !important;
}

/*buttons*/

.white-btn-arrow a {
    position: relative;

    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;

    padding: 0 24px 3px 0;

    border-bottom: 2px solid #fff;
    border-radius: unset !important;

    background: url('/wp-content/uploads/2026/01/btn-white-arrow.svg') no-repeat center right !important;

    transition:
        transform .45s cubic-bezier(.22,.8,.25,1),
        border-color .3s ease,
        box-shadow .4s ease;
}


/* animated underline wipe */
.white-btn-arrow a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;

    width: 100%;
    height: 2px;
    background: #fff;

    transform: scaleX(1);
    transform-origin: right;

    transition: transform .45s cubic-bezier(.22,.8,.25,1);
}


.white-btn-arrow a:hover,
.white-btn-arrow a:focus,
.white-btn-arrow a:active {

    transform: translateX(8px);
    color: #FFF;
    border-color: transparent;

     
}

.white-btn-arrow a:hover::after,
.white-btn-arrow a:focus::after,
.white-btn-arrow a:active::after {
    transform: scaleX(0);
    transform-origin: left;
}


.blue-btn-arrow a {
    position: relative;

    color: #1E69B8;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    text-decoration: none;

    padding: 0 24px 3px 0;

    border-bottom: 2px solid #1E69B8;
    border-radius: unset !important;

    background: url('/wp-content/uploads/2026/01/btn-blue-arrow.svg') no-repeat center right !important;

    transition:
        transform .45s cubic-bezier(.22,.8,.25,1),
        border-color .3s ease;
}


/* animated underline wipe */
.blue-btn-arrow a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;

    width: 100%;
    height: 2px;
    background: #1E69B8;

    transform: scaleX(1);
    transform-origin: right;

    transition: transform .45s cubic-bezier(.22,.8,.25,1);
}


.blue-btn-arrow a:hover,
.blue-btn-arrow a:focus,
.blue-btn-arrow a:active {

    transform: translateX(8px);
    color: #1E69B8;
    border-color: transparent;
}

.blue-btn-arrow a:hover::after,
.blue-btn-arrow a:focus::after,
.blue-btn-arrow a:active::after {
    transform: scaleX(0);
    transform-origin: left;
}

 
 
.wp-block-columns.gap120 {
    gap: 32px !important;
}


/*section banners*/

.section-banner-wrapper {
    position: relative;
    overflow: hidden;
}

.section-banner {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    justify-content: end;
    min-height: 1000px;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: 1;
}

.section-banner img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.section-banner-content {
    position: relative;
    z-index: 2;
}

/*video banner*/

.section-banner.video-fw {
    position: relative;
    min-height: unset;
    display: block;
}

/*images*/

.full-height-image {
    height: 100%;
    overflow: hidden;
}

.full-height-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/*section video banner*/

.sectionbanner-video {
   height: 100%;
   width: 100%;    
}

.sectionbanner-video video {
   height: 100%;
   width: 100%;
   object-fit: cover;
}

/*@media (min-width: 1024px) {
    .sectionbanner-video video {
        transform: translateX(-300px);
    }
}*/

.moveup {
    order: -1;
}

/*slant background section*/

.slant-section {
    position: relative;
}

.slant-section:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: #1E69B8;
    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 50%);
}

.slant-section .container {
    position: relative;
    z-index: 2;
}

.slant-section .slant-box-content1 {
    
}

.slant-box-content1 .topline-smallheading {
    color: #FFF;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
    margin-bottom: 4px;
}

.slant-box-content1 h2.box-title {
    color: #fff;
    margin-bottom: 16px !important;
    font-weight: 700 !important;
    font-size: 2rem;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.96px;
}

.slant-box-content1 p {
    color: #fff;
}

.slant-box-content1 p.mb-32, .slant-box-content2 p.mb-32  {
    margin-bottom: 32px !important;
}

.slant-box-content1 p.mb-16, .slant-box-content2 p.mb-16 {
    margin-bottom: 16px !important;
}

.slant-section .slant-box-content2 {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.slant-section .movetop {
     margin-top: 40px;
}

.slant-section .spacetop {
    margin-top: 40px;
}

.slant-box-content2 .topline-smallheading {
    background: linear-gradient(180deg, #3C9BCA 0%, #262E66 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 150%; /* 24px */
    text-transform: uppercase;
    margin-bottom: 4px;
}

.slant-box-content2 h2.box-title {
    color: #040C1F;
    margin-bottom: 16px !important;
    font-weight: 700 !important;
    font-size: 2rem;
    font-style: normal;
    line-height: 120%;
    letter-spacing: -0.96px;
}

.slant-box-content2 p {
    color: #040C1F;
}

.slant-box-content2 p.mb-32 {
    margin-bottom: 32px !important;
}

/*FAQs*/

.custom-accordion {
    max-width: 1110px;
    margin: 0 auto;
}

.custom-accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #D4D6DB !important;
}

.custom-accordion .accordion-button::after {
    background-image: url('/wp-content/uploads/2026/01/faq-icon.svg') !important;
}

.custom-accordion .accordion-button {
    color: #040C1F;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%; /* 28px */
    padding: 24px 0 !important;
}

.custom-accordion .accordion-button:not(.collapsed) {
    background: none !important;
    box-shadow: unset !important;
    border-bottom: 1px solid #D4D6DB !important;
}

.custom-accordion .accordion-button:focus {
    box-shadow: unset !important;
}

.custom-accordion p {
    font-size: 16px;
}


/*contact form*/
.gform_wrapper .gform_title {
    display: none !important;
}

.gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=email] {
    border: none !important;
    border-bottom: 1px solid #040C1F !important;
    border-radius: unset !important;
    background: unset !important;
    color: #4A5568;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    box-shadow: unset !important;
    padding: 15px 0 !important;
}

.gform_wrapper select {
    border: none !important;
    border-bottom: 1px solid #040C1F !important;
    border-radius: unset !important;
    background-color: unset !important;
    color: #4A5568;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    box-shadow: unset !important;
    padding: 0 !important;
}

.gform_wrapper .custom-select .chosen-container .chosen-single {
    border: none !important;
    border-bottom: 1px solid #040C1F !important;
    border-radius: unset !important;
    background-color: unset !important;
    color: #4A5568;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    box-shadow: unset !important;
    padding: 0 !important;    
}

.gform_wrapper textarea {
    color: #4A5568;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 33.6px */
    box-shadow: unset !important;
    border-radius: unset !important;
    padding: 15px 0 !important;   
    background: none !important;
    border: none !important;
    border-bottom: 1px solid #040C1F !important;
    max-height: 200px;
}

.gform_wrapper .gfield textarea.medium {
     min-block-size: 9rem !important;
}

.gform_wrapper .gfield textarea.small {
     max-height: 80px;
}

.gform_wrapper .custom-select .chosen-container-single .chosen-search {
    display: none !important;
}

.gform_wrapper .custom-select .chosen-container-single .chosen-results .gf_placeholder {
    display: none !important;
}

.gform_wrapper .custom-select  .chosen-container .chosen-results li {
    font-size: 18px !important;
    line-height: 18px !important;
}

.gform_wrapper input[type=submit] {
    padding: 12px 24px !important;
    color: #FFF !important;
    text-align: center !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    background: #1E69B8 !important;
    border-radius: unset !important;
    border: 1px solid #1E69B8 !important;
    transition: all 0.3s ease;
}

.gform_wrapper input[type=submit]:hover, .gform_wrapper input[type=submit]:focus {
    transform: translateY(-5px);
    background: #fff !important;
    color: #1E69B8 !important;
}

.gform_wrapper .gform_footer {
    margin-top: 40px !important;
}

.section-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section-form .gform-theme--foundation .gform_fields {
   grid-row-gap: 10px !important; 
}

.section-form .gform-theme--framework .gform_validation_errors {
    border: none !important;
    box-shadow: unset !important;
    padding: 0 !important;
    border-radius: unset !important;
}

.section-form .gform-theme--framework .gform_validation_errors:focus {
    outline: unset !important;
    border: none !important;
}

.section-form .alert-danger {
    margin: 0 !important;
}

.section-form  .gform_validation_errors {
    display: none !important;
}

/*contact page*/

.contact-colum {
    padding: 2rem;
}

.contact-colum .socials {
    transition: all 0.3s ease !important;
}

.contact-colum .socials:hover {
    background: #040C1F !important;
}

.contact-colum .gform_validation_errors {
    display: none !important;
}

.contact-colum a {
    transition: all 0.3s ease !important;
    color: #040c1f;
    text-decoration: none;
}

.contact-colum a:hover {
    color: #1e69b8;
}

.map-wrapper p {
    margin: 0 !important;
}

.contact-colum .gform-theme--foundation .gform_fields {
    row-gap: 20px !important;
}

/*footer section*/

#footer {
    background: #040C1F;
    color: #FFF;
}

#footer .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

#footer .footer-heading {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 140%; /* 28px */
    margin: 0 0 24px 0 !important;
}

#footer .footer-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .footer-menu-list li {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    opacity: 0.7;
    margin: 0 0 12px 0;
}

#footer .footer-menu-list li a {
    color: #fff;
    transition: all 0.3s ease;
    display: inline-block;
}

#footer .footer-menu-list li a:hover {
    color: #1E69B8;
    transform: translateX(5px);
}

#footer .footer-contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .footer-contact-list li {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin: 0 0 12px 0;
}

#footer .footer-contact-list li a {
    color: #fff;
    transition: all 0.3s ease;
    display: inline-block;
}

#footer .footer-contact-list li a:hover {
    color: #1E69B8;
}

#footer .footer-contact-list li span {
    opacity: 0.7;
}

#footer .footer-logo {
    margin-bottom: 25px;
}

#footer .footer-logo img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#footer p {
    color: #FFF; 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
    margin-bottom: 16px;
}

#footer p a {
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

#footer p a:hover {
    transform: translateY(-5px);
    text-decoration: none;
    color: #1E69B8;
}

#footer .footer-bottom {
    padding-top: 36px;
    padding-bottom: 36px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    background: #040C1F;
    color: #FFF;
}

#footer .footer-bottom p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

#footer .footer-bottom p a {
    color: #fff;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;    
}

#footer .footer-bottom p a:hover {
    transform: translateY(-5px);
    text-decoration: none;
    color: #1E69B8;
}

#footer .footer-40years {
    margin-bottom: 35px;
}

#footer .footer-40years img {
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    max-width: 110px;
}

/*footer icons*/
.phone-icon {
    background: url('/wp-content/uploads/2026/01/phone-icon.svg') no-repeat left 2px;
    padding-left: 32px;
}

.mail-icon{
    background: url('/wp-content/uploads/2026/01/mail-icon.svg') no-repeat left 2px;
    padding-left: 32px;
}

.alarmclock-icon {
    background: url('/wp-content/uploads/2026/01/alarm-icon.svg') no-repeat left 2px;
    padding-left: 32px;
}

.location-icon {
    background: url('/wp-content/uploads/2026/01/location-icon.svg') no-repeat left 2px;
    padding-left: 32px;
}

#footer .porto-u-icons {
    margin: 0;
}

#footer .porto-u-icons .porto-icon {
    border-radius: 48px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    height: 48px;
    width: 48px;
    line-height: 48px;
    transition: all 0.3s ease !important;
    margin-bottom: 12px !important;
}

#footer .porto-u-icons .porto-icon:hover {
    background: #1E69B8 !important;
    transform: translateY(-5px) !important;
}

.wp-block-columns.footer-column-gap {
    gap: 40px !important;
}

/*blocks revisions-updates*/
.block-title-none .project-headline-section-3 {
    display: none !important;
}

/*animations slides*/
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}


@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-40px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(40px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/*.fade-in-up, .fade-in-left, .fade-in-right {
    opacity: 0; Start hidden 
}*/

.fade-in.visible {
    animation: fadeInUp 1s ease-out forwards;
}

.fade-in-up.visible {
    animation: fadeInUp 1s ease-out forwards;
}

.fade-in-left.visible {
    animation: fadeInLeft 1s ease-out forwards;
}

.fade-in-right.visible {
    animation: fadeInRight 1s ease-out forwards;
}


/*custom video - content*/
.custom-video {
    height: 100%;
}

.custom-video video {
    height: 100%;
}

/*fix padding on lower screens*/


@media (max-width: 567px) {
    
    .footer-column1 .wp-block-column {
        margin-bottom: 1.5rem;
    }
    
    .footer-column3 .wp-block-column {
        margin-bottom: 1.5rem;
    }

}

@media (max-width: 991px) {
    
    .main-content.col-lg-12 {
        padding-left: 0;
        padding-right: 0;
    }
    
    .wp-block-column:not(:only-child), .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
        flex-basis: 100% !important;
    }
    
    .wp-block-columns.mobilegap0 {
        gap: 0 !important;
    }
    
    .wp-block-heading br {
        display: none !important;
    }
    
    .main-heading h1 br {
        display: none !important;
    }
    
    .video-wrapper {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .moveup {
        order: -1;
    }

}

@media (min-width: 568px) {
    
    h2.heading2 { 
        font-size: 6rem;
    }
    
    .blue-check.twocolumn {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      column-gap: 32px;
    }

    /*container gap*/
    .wp-block-columns.gap32 {
        gap: 32px !important;
    }
    
}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    
    .wp-block-column.footer-column1 .wp-block-columns {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .wp-block-column.footer-column1 .wp-block-columns .wp-block-column {
        flex-basis: 48% !important;
        flex-grow: 1;
    }
    
    .wp-block-column.footer-column3 .wp-block-columns {
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .wp-block-column.footer-column3 .wp-block-columns .wp-block-column {
        flex-basis: 48% !important;
        flex-grow: 1;
    }
}

@media (min-width: 992px) {
    
    #header .container {
        padding-left: 0 !important;
        padding-right: 0 !important;    
    }    
    
    h2.heading1 { 
        font-size: 48px;
    }
    
    h2.heading2 { 
        font-size: 6rem;
    }
    
    h3.heading3 {
        font-size: 36px;
    }
        
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    
    .gradient-bluebox-content h2.box-title {
        font-size: 48px;
    }
    
    .white-box .box-title {
        font-size: 48px;
    }
    
    .slant-box-content1 h2.box-title {
        font-size: 48px;
    }
    
    .slant-box-content2 h2.box-title {
        font-size: 48px;
    }
    
    .wp-block-columns.gap120 {
        gap: 120px !important;
    }
    
    .slant-section:before {
        clip-path: polygon(0 0, 100% 0, 100% 61%, 0 40%);
    }
    
    .moveup {
        order: 0;
    }

    .moveleft img {
        object-position: left;
    }
    
    .section-form .gform-theme--foundation .gform_fields {
       grid-row-gap: 30px !important; 
    }
    
    /*custom footer layout responsiveness*/
    .footer-column2.moveup {
        order: -1;
        flex-basis: 100% !important;
    }
    
    .footer-column2.moveup .wp-block-columns {
        max-width: 40%;
        margin: 0 auto;
    }
    
    .section-banner.video-fw {
        position: absolute;
        min-height: 1000px;
        display: flex;
    }
    
    .mh-video-640 {
        min-height: 640px;
        height: 100%;
    }
    
    .mh-video-640 video {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    
    .mh-video-570 {
        min-height: 570px;
        height: 100%;
    }
    
    .mh-video-570 video {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    
    .custom-accordion .accordion-button {
        font-size: 20px;
    }
    
    .custom-accordion p {
        font-size: 18px;
    }

    
}


@media (min-width: 1200px) {
    
    #header .container {
        padding-left: 0 !important;
        padding-right: 0 !important;    
    }    
    
    .slant-section .movetop {
        margin-top: -40px;
    }
    
    .slant-section .spacetop {
        margin-top: 0;
    }
    
    .wp-block-columns.footer-column-gap {
        gap: 70px !important;
    }
    
    #footer .social-icons {
        max-width: 216px;
    }
    
    h2.heading2 {
        font-size: 8rem;
    }
    

}


@media (min-width: 1400px) {
    
    .padding-basic {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }
    
    .padding-basic-top {
        padding-top: 7.5rem;
    }
    
    .padding-basic-bottom {
        padding-bottom: 7.5rem;
    }
    
    .footer-bottom-padding {
        padding-bottom: 7rem;
    }
    
    .mb-60 {
        margin-bottom: 60px;
    }
    
    .gradient-bluebox-content {
        padding: 60px 12px 60px 7.5rem;
    }
    
    .gradient-bluebox-content.leftside {
        padding: 24px 7.5rem 24px 12px;
    }
    
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .white-box {
        padding: 100px 80px 100px 100px;
    }
    
    h2.heading2 {
        font-size: 140px;
        line-height: 140px;
    }
    
    #footer .footer-logo {
        margin-bottom: 35px;
    }
    
    #footer .footer-40years {
        margin-bottom: 35px;
    }
    
    .slant-section .movetop {
        margin-top: -160px;
    }
    
    /*custom footer layout responsiveness*/
    .footer-column2.moveup {
        order: 0;
        flex-basis: 0 !important;
    }
    
    .footer-column2.moveup .wp-block-columns {
        max-width: 100%;
    }
    
}

@media (min-width: 1500px) {
    
    h2.heading2 {
        font-size: 160px;
        line-height: 160px;
    }
    
    .moveleft img {
        object-position: center;
    }
    
}

@media (min-width: 1700px) {
    
    .gradient-bluebox-content.leftside {
        padding: 60px 7.5rem 60px 0;
    }
    
    .full-height-image img {
        object-fit: unset;
    }
    
}