/* section padding */

.section-padding {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
}

@media screen and (max-width: 768px) {
    .section-padding {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }
}

@media (min-width: 1536px) {
   .section-padding {
        padding-top: 200px !important;
        padding-bottom: 200px !important;
    } 
}

.vc_custom_1712061537028 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* hero section */

.hero-section-home {
    background-image: url('/wp-content/uploads/2024/04/Hero-image-home-1.png'), radial-gradient(circle at 15% 40%, rgba(255, 92, 0, 0.45), #020112 30%);
    background-size: 40% auto, cover;
    background-position: right, center;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 768px) {
    .hero-section-home {
        background-image: url('/wp-content/uploads/2024/04/Hero-image-home-1.png'), radial-gradient(circle at 15% 25%, rgba(255, 92, 0, 0.45), #020112 35%);
        background-position: right 60%;
        background-size: 100%;
    }
}

@media (min-width: 1536px) {
    .hero-section-home {
    background-image: url('/wp-content/uploads/2024/04/hero-image-1.png'), radial-gradient(circle at 35% 30%, rgba(255, 92, 0, 0.45), #020112 25%);
    background-size: 40% auto, cover;
    background-position: right, center;
    background-repeat: no-repeat;
    position: relative;
}
}

.hero-section {
    background-image: url('/wp-content/uploads/2024/04/hero-image-1.png'), radial-gradient(circle at 15% 40%, rgba(255, 92, 0, 0.45), #020112 30%);
    background-size: 50% auto, cover;
    background-position: right, center;
    background-repeat: no-repeat;
    position: relative;
}

@media (max-width: 768px) {
    .hero-section {
        background-image: url('/wp-content/uploads/2024/04/hero-image-1.png'), radial-gradient(circle at 15% 40%, rgba(255, 92, 0, 0.45), #020112 50%);
        background-position: right 85%;
        background-size: 100%;
    }
}

@media (min-width: 1536px) {
    .hero-section {
    background-image: url('/wp-content/uploads/2024/04/hero-image-1.png'), radial-gradient(circle at 30% 35%, rgba(255, 92, 0, 0.45), #020112 20%);
    background-size: 50% auto, cover;
    background-position: right, center;
    background-repeat: no-repeat;
    position: relative;
}
}

@media (max-width: 768px) {
    .hero-section-vacancy {
        background-image: url('/wp-content/uploads/2024/04/hero-image-1.png'), radial-gradient(circle at 15% 60%, rgba(255, 92, 0, 0.45), #020112 30%);
        background-position: right 85%;
        background-size: 100%;
    }
}

/* mobile */
@media (max-width: 768px) {
    .flex-block-mobile {
        column-gap: 24px;
        row-gap: 24px;
        display: grid;
        grid-template-columns: auto auto;
        justify-content: flex-start;
        place-content: center;
        text-align: left;
    }
}

@media (max-width: 768px) {
    .info-number {
        font-size: 4rem !important;
    }
    
    .info-text {
        font-size: 1.25rem !important;
    }
    .numbers-block-content {
        align-items: flex-start;
    }
}

/* buttons */
.vc_btn3.vc_btn3-size-lg {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 27px;
    padding: 9px 24px;
    border: 2px solid #00B6B6;
    background-image: none !important;
}

.vc_btn3.vc_btn3-size-lg:hover {
    background-color: rgba(2, 1, 18, 0) !important;
    border: 2px solid #00B6B6;
    color: #00B6B6 !important;
}

/* gradients */

.radial-gradient-left-center {
    background: radial-gradient(circle at 30% 50%, rgba(255, 92, 0, 0.35), #020112 35%);
}

@media (max-width: 768px) {
    .radial-gradient-left-center {
    background: radial-gradient(circle at 50% 45%, rgba(255, 92, 0, 0.35), #020112 45%);
}
}
    
.radial-gradient-center-top {
    background: radial-gradient(circle at 50% 30%, rgba(255, 92, 0, 0.35), #020112 35%);
}

.radial-gradient-center {
    background: radial-gradient(circle at 50% 50%, rgba(255, 92, 0, 0.35), #020112 350px);
}

.radial-gradient-center-large {
    background: radial-gradient(circle at 50% 50%, rgba(255, 92, 0, 0.35), #020112 500px);
}

@media (max-width: 768px) {
    .radial-gradient-center {
    background: radial-gradient(circle at 50% 50%, rgba(255, 92, 0, 0.35), #020112 75%);
}
}

.radial-gradient-center-top-sticky {
    background: radial-gradient(circle at center 200px, rgba(255, 92, 0, 0.35), #020112 30%);
}

/* horizontal tabs */
.vc_tta-color-black.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
    background-color: rgba(2, 1, 18, 0) !important;
}

.vc_tta-tabs-list {
    background-color: rgba(255, 255, 255, 0.12);
    height: 75px;
    border-radius: 100px;
    display: flex !important;
    justify-content: space-between
}

.vc_tta-color-black.vc_tta-style-flat .vc_tta-tab>a {
    background-color: rgba(2, 1, 18, 0) !important;
    height: 75px;
    align-content: center;
}

.vc_tta-tab {
    padding: 0px 48px !important;
}

.vc_tta-tab.vc_active {
    background-color: rgba(255, 255, 255, 0.12);
    padding: 0px 48px !important;
    border-radius: 100px;
}

.vc_tta-title-text {
    color: #FFF;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

/* horizontal tabs mobile */
.vc_tta-panel-body, .vc_tta-color-black.vc_tta-style-flat .vc_tta-panel .vc_tta-panel-heading {
    background-color: rgba(255, 255, 255, 0) !important;
}

.vc_tta.vc_general .vc_tta-panel-title>a {
    background-color: rgba(255, 255, 255, 0.16) !important;
    border-radius: 100px;
    margin-bottom: 20px;
    transition: color .1s ease-in-out !important;
}

.vc_tta-color-black.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    background-color: rgba(255, 255, 255, 0.32) !important;
    border-radius: 100px;
    margin-bottom: 20px;
}

/* vertical tabs */

.vertical-tabs .vc_tta-tabs-list {
    flex-direction: column !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active>a, .vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab>a  {
    background-color: rgba(255, 255, 255, 0) !important;
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab.vc_active {
    background-color: rgba(255, 255, 255, 0.2);
}

.vc_tta.vc_general .vc_tta-tab>a {
    padding: 20px 0px !important;
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-tab {
    background-color: rgba(255, 255, 255, 0);
}

@media (min-width: 768px) {
    .vc_tta-color-grey.vc_tta-style-flat.vc_tta-tabs .vc_tta-panels {
    background-color: rgba(255, 255, 255, 0.09) !important;
    border-radius: 20px !important;
}
}

/* vertical tabs mobile */

.vertical-tabs .vc_tta-panel-heading {
    background-color: rgba(255, 255, 255, 0.09) !important;
    border-radius: 100px !important;
}

.vc_tta-color-grey.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title>a {
    background-color: rgba(255, 255, 255, 0.32) !important;
}

/* carousel */

a.vc_right , a.vc_left {
    background-color: rgb(2, 1, 18, 0.75);
    border-radius: 100px;
    padding: 30px 18px !important;
    color: rgb(255, 255, 255);
}

a.vc_left {
    margin-left: -18px !important;
}

a.vc_right {
    margin-right: -18px !important;
}

@media (max-width: 768px) {
    a.vc_right , a.vc_left {
      padding: 25px 25px !important;
      width: 5px !important;
    }
    span.icon-next, span.icon-prev {
        width: 10px !important;
        height: 20px !important;
        margin-top: -12px !important;
        margin-left: -4px !important;
    }
}

/* venture images */

@media (min-width: 768px) {
    .venture-image {
        padding-right: 50px !important;
    }
}

@media (max-width: 768px) {
    .venture-image {
        order: 2;
        padding-top: 32px !important;
    }
}

/* quotes */

@media (max-width: 768px) {
.quote-block {
    text-align: center;
    align-items: center;
}
}

/* venture blocks */

@media (min-width: 768px) {
.venture-block-left > .vc_column-inner {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.venture-block-right > .vc_column-inner {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.venture-block-middle > .vc_column-inner {
    padding-left: 32px !important;
}
}

@media (max-width: 768px) {
.venture-block-left > .vc_column-inner {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.venture-block-right > .vc_column-inner {
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
}

/* forms */

.form-black .gfield {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.ginput_container input[type="email"], input[type="tel"], input[type="text"], textarea {
    background-color: rgba(255, 255, 255, 0) !important;
    border: none !important;
    color: rgba(255, 255, 255) !important;
    font-size: 18px !important;
    padding:12px 20px !important;
}

.form-black,
input::placeholder, textarea::placeholder {
    color: rgba(255, 255, 255, 0.25) !important;
    font-size: 18px !important;
}

.gform_footer input[type="submit"] {
    background-color: #00B6B6 !important;
    width: fit-content !important;
    font-size: 18px !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    line-height: 27px !important;
    padding: 9px 24px !important;
    border-radius: 100px !important;
    margin-top: 24px !important;
    border: 1px solid #00B6B6 !important;
}

.gform_footer input[type="submit"]:hover {
    background-color: rgba(2, 1, 18, 0) !important;
}

/* H1 home responsive */

.h1 {
    font-size: 42px !important;
    line-height: normal !important;
    max-width: 600px !important;
}

@media (max-width: 768px) {
    .h1 {
        font-size: 24px !important;
    }
}


@media (min-width: 1536px) {
    .h1 {
        font-size: 52px !important;
        max-width: 800px !important;
    }
}

/* letter spacing fix */

body h1, body h2, body h3, body h4, body h5, body h6 {
    letter-spacing: .025rem !important;
}

/* metrics responsive */

@media (max-width: 768px) {
    .metric-mobile {
        align-items: flex-start !important;
    }
}