@media (max-width: 767px) {
    h1 {
        --porto-h1-fs: 36px;
        --porto-h1-lh: 44px;
    }

    h2 {
        --porto-h2-fs: 30px;
        --porto-h2-lh: 36px;
    }

    h3 {
        --porto-h3-fs: 26px;
        --porto-h3-lh: 34px;
    }

    h4 {
        --porto-h4-fs: 22px;
        --porto-h4-lh: 28px;
    }

    h5 {
        --porto-h5-fs: 18px;
        --porto-h5-lh: 26px;
    }

    h6 {
        --porto-h6-fs: 16px;
        --porto-h6-lh: 24px;
    }
}

@media (max-width: 575px) {
    h2 {
        line-height: 36px;
    }
}

html {
    scroll-behavior: smooth !important;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.max-width-10 {
    max-width: 10px;
}

.max-width-20 {
    max-width: 20px;
}

.max-width-30 {
    max-width: 30px;
}

.max-width-40 {
    max-width: 40px;
}

.max-width-50 {
    max-width: 50px;
}

.max-width-60 {
    max-width: 60px;
}

.max-width-70 {
    max-width: 70px;
}

.max-width-80 {
    max-width: 80px;
}

.max-width-90 {
    max-width: 90px;
}

.max-width-100 {
    max-width: 100px;
}

.max-width-150 {
    max-width: 150px;
}

.max-width-200 {
    max-width: 200px;
}

.max-width-250 {
    max-width: 250px;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-350 {
    max-width: 350px;
}

.max-width-400 {
    max-width: 400px;
}

.max-width-450 {
    max-width: 450px;
}

.max-width-500 {
    max-width: 500px;
}

.max-width-550 {
    max-width: 550px;
}

.max-width-600 {
    max-width: 600px;
}

.max-width-650 {
    max-width: 650px;
}

.max-width-700 {
    max-width: 700px;
}

.max-width-750 {
    max-width: 750px;
}

.max-width-800 {
    max-width: 800px;
}

.max-width-850 {
    max-width: 850px;
}

.max-width-900 {
    max-width: 900px;
}

.max-width-950 {
    max-width: 950px;
}

.max-width-1000 {
    max-width: 1000px;
}

.max-width-1050 {
    max-width: 1050px;
}

.max-width-1100 {
    max-width: 1100px;
}

.max-width-1150 {
    max-width: 1150px;
}

.max-width-1200 {
    max-width: 1200px;
}

.max-width-1250 {
    max-width: 1250px;
}

.max-width-1300 {
    max-width: 1300px;
}

.max-width-1350 {
    max-width: 1350px;
}

.max-width-1400 {
    max-width: 1400px;
}

.max-width-1450 {
    max-width: 1450px;
}

.vc_btn3.vc_btn3-style-custom {
    background-image: none;
}

.bg-primary-color {
    background-color: var(--porto-primary-color) !important;
}

.bg-primary-color-inverse {
    background-color: var(--porto-primary-color-inverse) !important;
}

.bg-secondary-color {
    background-color: var(--porto-secondary-color) !important;
}

.bg-secondary-color-inverse {
    background-color: var(--porto-secondary-color-inverse) !important;
}

.bg-tertiary-color {
    background-color: var(--porto-tertiary-color) !important;
}

.bg-tertiary-color-inverse {
    background-color: var(--porto-tertiary-color-inverse) !important;
}

.bg-quaternary-color {
    background-color: var(--porto-quaternary-color) !important;
}

.bg-quaternary-color-inverse {
    background-color: var(--porto-quaternary-color-inverse) !important;
}

.bg-dark-color {
    background-color: var(--porto-dark-color) !important;
}

.bg-dark-color-inverse {
    background-color: var(--porto-dark-color-inverse) !important;
}

.bg-light-color {
    background-color: var(--porto-light-color) !important;
}

.bg-light-color-inverse {
    background-color: var(--porto-light-color-inverse) !important;
}

.bg-linear-gradient-to-btn-light {
    background-image: linear-gradient(0deg, #00000000, var(--porto-light-color));
}

.bg-linear-gradient-to-top-light {
    background-image: linear-gradient(0deg, var(--porto-light-color), #00000000);
}

.bg-linear-gradient-to-btn-dark {
    background-image: linear-gradient(0deg, #00000000, var(--porto-dark-color));
}

.bg-linear-gradient-to-top-dark {
    background-image: linear-gradient(0deg, var(--porto-dark-color), #00000000);
}

.page-top-video-background-overlay {
    background: linear-gradient(0deg, #1d3644, rgba(29, 54, 68, 0.91), rgba(29, 54, 68, 0.73));
}

.background-image-overlay {
    background: linear-gradient(0deg, #1d3644, rgba(29, 54, 68, 0.91), rgba(29, 54, 68, 0.73));
}

.bg-gradient-dark {
    background: linear-gradient(0deg, #1d3644, rgba(29, 54, 68, 0.91), rgba(29, 54, 68, 0.73));
}

.bg-gradient-dark-lighter {
    background: linear-gradient(0deg, rgb(29 54 68), rgb(29 54 68 / 88%), rgb(29 54 68 / 71%));
}

.bg-gradient-light {
    background: linear-gradient(0deg, #8bc7d5, rgba(139, 199, 213, 0.88), rgba(139, 199, 213, 0.71));
}

.bg-gradient-light-lighter {
    background: linear-gradient(0deg, #dbeef2, rgba(219, 238, 242, 0.87), rgba(219, 238, 242, 0.66));
}

.bg-to-top-white {
    background-image: linear-gradient(0deg, #ffffff, transparent);
}

.bg-to-btn-white {
    background-image: linear-gradient(90deg, #ffffff, transparent);
}

.bg-position-top-center {
    background-position: top center !important;
}

.bg-position-top-right {
    background-position: top right !important;
}

.bg-position-center {
    background-position: center !important;
}

.bg-position-btn-center {
    background-position: bottom center !important;
}

.bg-position-top-center.vc_parallax .vc_parallax-inner {
    background-position: top center !important;
}

.bg-position-top-right.vc_parallax .vc_parallax-inner {
    background-position: top right !important;
}

.bg-position-center.vc_parallax .vc_parallax-inner {
    background-position: center !important;
}

.bg-position-btn-center.vc_parallax .vc_parallax-inner {
    background-position: bottom center !important;
}

.bg-blur {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.bg-blur-md {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.bg-blur-lg {
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
}

.porto-ultimate-content-box-container.h-100 .porto-ultimate-content-box {
    height: 100% !important;
}

.porto-sicon-box.box-h-100 {
    height: 100%;
}

.rounded-1 {
    border-radius: .5rem !important;
}

.rounded-2 {
    border-radius: 1rem !important;
}

.rounded-3 {
    border-radius: 1.5rem !important;
}

.rounded-4 {
    border-radius: 2rem !important;
}

.rounded-5 {
    border-radius: 2.5rem !important;
}

.rounded-6 {
    border-radius: 3rem !important;
}

@media (min-width: 767px) {
    .rounded-md-1 {
        border-radius: .5rem !important;
    }

    .rounded-md-2 {
        border-radius: 1rem !important;
    }

    .rounded-md-3 {
        border-radius: 1.5rem !important;
    }

    .rounded-md-4 {
        border-radius: 2rem !important;
    }

    .rounded-md-5 {
        border-radius: 2.5rem !important;
    }

    .rounded-md-6 {
        border-radius: 3rem !important;
    }
}

@media (min-width: 992px) {
    .rounded-lg-1 {
        border-radius: .5rem !important;
    }

    .rounded-lg-2 {
        border-radius: 1rem !important;
    }

    .rounded-lg-3 {
        border-radius: 1.5rem !important;
    }

    .rounded-lg-4 {
        border-radius: 2rem !important;
    }

    .rounded-lg-5 {
        border-radius: 2.5rem !important;
    }

    .rounded-lg-6 {
        border-radius: 3rem !important;
    }
}

.rounded-top {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.rounded-end {
    border-top-right-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 2rem !important;
    border-bottom-left-radius: 2rem !important;
}

.rounded-start {
    border-bottom-left-radius: 2rem !important;
    border-top-left-radius: 2rem !important;
}

.porto-ultimate-content-box-container.ubox-p-1 .porto-ultimate-content-box {
    padding: .5rem;
}

.porto-ultimate-content-box-container.ubox-p-2 .porto-ultimate-content-box {
    padding: 1rem;
}

.porto-ultimate-content-box-container.ubox-p-3 .porto-ultimate-content-box {
    padding: 1.5rem;
}

.porto-ultimate-content-box-container.ubox-p-4 .porto-ultimate-content-box {
    padding: 2rem;
}

.porto-ultimate-content-box-container.ubox-p-5 .porto-ultimate-content-box {
    padding: 2.5rem;
}

.porto-ultimate-content-box-container.ubox-p-6 .porto-ultimate-content-box {
    padding: 3rem;
}

.porto-ultimate-content-box-container.ubox-p-7 .porto-ultimate-content-box {
    padding: 3.5rem;
}

.porto-ultimate-content-box-container.ubox-p-8 .porto-ultimate-content-box {
    padding: 4rem;
}

.porto-ultimate-content-box-container.ubox-p-9 .porto-ultimate-content-box {
    padding: 4.5rem;
}

.porto-ultimate-content-box-container.ubox-p-10 .porto-ultimate-content-box {
    padding: 5rem;
}

@media (max-width: 767px) {

    .porto-ultimate-content-box-container.ubox-p-1 .porto-ultimate-content-box {
        padding: .5rem;
    }

    .porto-ultimate-content-box-container.ubox-p-2 .porto-ultimate-content-box {
        padding: 1rem;
    }

    .porto-ultimate-content-box-container.ubox-p-3 .porto-ultimate-content-box {
        padding: 1.3rem;
    }

    .porto-ultimate-content-box-container.ubox-p-4 .porto-ultimate-content-box {
        padding: 1.5rem;
    }

    .porto-ultimate-content-box-container.ubox-p-5 .porto-ultimate-content-box {
        padding: 1.7rem;
    }

    .porto-ultimate-content-box-container.ubox-p-6 .porto-ultimate-content-box {
        padding: 2rem;
    }

    .porto-ultimate-content-box-container.ubox-p-7 .porto-ultimate-content-box {
        padding: 2.3rem;
    }

    .porto-ultimate-content-box-container.ubox-p-8 .porto-ultimate-content-box {
        padding: 2.5rem;
    }

    .porto-ultimate-content-box-container.ubox-p-9 .porto-ultimate-content-box {
        padding: 2.7rem;
    }

    .porto-ultimate-content-box-container.ubox-p-10 .porto-ultimate-content-box {
        padding: 3rem;
    }
}

.porto-ultimate-content-box-container.bg-blur .porto-ultimate-content-box {
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.porto-ultimate-content-box-container.bg-blur-md .porto-ultimate-content-box {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
}

.porto-ultimate-content-box-container.bg-blur-lg .porto-ultimate-content-box {
    backdrop-filter: blur(30px) !important;
    -webkit-backdrop-filter: blur(30px) !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4 !important;
}


.rotate-45-right {
    transform: rotate(45deg) !important;
}

.rotate-45-left {
    transform: rotate(-45deg) !important;
}


.aspect-ratio-1 img,
.aspect-ratio-1.img {
    aspect-ratio: 1 !important;
}

.aspect-ratio-1-2 img,
.aspect-ratio-1-2.img {
    aspect-ratio: 1 !important;
}

.aspect-ratio-2-1 img,
.aspect-ratio-2-1.img {
    aspect-ratio: 2/1 !important;
}

.aspect-ratio-1-3 img,
.aspect-ratio-1-3.img {
    aspect-ratio: 1/3 !important;
}

.aspect-ratio-3-1 img,
.aspect-ratio-3-1.img {
    aspect-ratio: 3/1 !important;
}

.aspect-ratio-4-3 img,
.aspect-ratio-4-3.img {
    aspect-ratio: 4/3 !important;
}

.aspect-ratio-16-9 img,
.aspect-ratio-16-9.img {
    aspect-ratio: 16/9 !important;
}

.object-fit-cover img,
.object-fit-cover.img {
    object-fit: cover !important;
}

.object-position-center img,
.object-position-center.img {
    object-position: center !important;
}


.mfp-container {
    padding: 20px;
    overflow: scroll;
}

[id^="porto-modal-"] {
    position: relative;
    padding: 2rem;
    border-radius: 2rem;
}

[id^="porto-modal-"] .mfp-close {
    color: var(--porto-dark-color);
    top: .5rem;
    right: .5rem;
}

.scale-y-inverse {
    transform: scaleY(-1) !important;
}

.scale-x-inverse {
    transform: scaleX(-1) !important;
}

.filter-blur-5 {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}

.filter-blur-10 {
    filter: blur(100px);
    -webkit-filter: blur(10px);
}

.filter-blur-20 {
    filter: blur(20px);
    -webkit-filter: blur(20px);
}

.filter-blur-30 {
    filter: blur(30px);
    -webkit-filter: blur(30px);
}

.filter-blur-40 {
    filter: blur(40px);
    -webkit-filter: blur(40px);
}

.filter-blur-50 {
    filter: blur(50px);
    -webkit-filter: blur(50px);
}

.filter-blur-60 {
    filter: blur(60px);
    -webkit-filter: blur(60px);
}

.filter-blur-70 {
    filter: blur(70px);
    -webkit-filter: blur(70px);
}

.filter-blur-80 {
    filter: blur(80px);
    -webkit-filter: blur(80px);
}

.filter-blur-90 {
    filter: blur(90px);
    -webkit-filter: blur(90px);
}

.filter-blur-100 {
    filter: blur(100px);
    -webkit-filter: blur(100px);
}

.filter-blur-110 {
    filter: blur(110px);
    -webkit-filter: blur(110px);
}

.filter-blur-120 {
    filter: blur(120px);
    -webkit-filter: blur(120px);
}

.filter-blur-130 {
    filter: blur(130px);
    -webkit-filter: blur(130px);
}

.filter-blur-140 {
    filter: blur(140px);
    -webkit-filter: blur(140px);
}

.filter-blur-150 {
    filter: blur(150px);
    -webkit-filter: blur(150px);
}

.filter-blur-160 {
    filter: blur(160px);
    -webkit-filter: blur(160px);
}

.filter-blur-170 {
    filter: blur(170px);
    -webkit-filter: blur(170px);
}

.filter-blur-180 {
    filter: blur(180px);
    -webkit-filter: blur(180px);
}

.filter-blur-190 {
    filter: blur(190px);
    -webkit-filter: blur(190px);
}

.filter-blur-200 {
    filter: blur(200px);
    -webkit-filter: blur(200px);
}

.text-gradient b {
    background-image: linear-gradient(109deg, var(--porto-primary-color), var(--porto-primary-color-inverse));
    color: transparent;
    background-clip: text;
    font-weight: inherit;
}

.border-1 {
    border: solid 1px !important;
}

.border-2 {
    border: solid 2px !important;
}

.border-3 {
    border: solid 3px !important;
}

.border-4 {
    border: solid 4px !important;
}

.border-5 {
    border: solid 5px !important;
}

.border-6 {
    border: solid 6px !important;
}

.border-7 {
    border: solid 7px !important;
}

.border-8 {
    border: solid 8px !important;
}

.border-9 {
    border: solid 9px !important;
}

.border-10 {
    border: solid 10px !important;
}

.border-color-primary {
    border-color: var(--porto-primary-color) !important;
}

.border-color-secondary {
    border-color: var(--porto-secondary-color) !important;
}

.border-color-tertiary {
    border-color: var(--porto-tertiary-color) !important;
}

.border-color-quaternary {
    border-color: var(--porto-quaternary-color) !important;
}

.border-color-dark {
    border-color: var(--porto-dark-color) !important;
}

.border-color-light {
    border-color: var(--porto-light-color) !important;
}

.border-color-primary-inverse {
    border-color: var(--porto-primary-color-inverse) !important;
}

.border-color-secondary-inverse {
    border-color: var(--porto-secondary-color-inverse) !important;
}

.border-color-tertiary-inverse {
    border-color: var(--porto-tertiary-color-inverse) !important;
}

.border-color-quaternary-inverse {
    border-color: var(--porto-quaternary-color-inverse) !important;
}

.border-color-dark-inverse {
    border-color: var(--porto-dark-color-inverse) !important;
}

.border-color-light-inverse {
    border-color: var(--porto-light-color-inverse) !important;
}

@media (min-width: 992px) {
    .h-lg-100 {
        height: 100% !important;
    }
}

@media (min-width: 768px) {
    .h-md-100 {
        height: 100% !important;
    }
}

.font-thin {
    font-weight: 100 !important;
}

.font-extralight {
    font-weight: 200 !important;
}

.font-light {
    font-weight: 300 !important;
}

.font-regular {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-black {
    font-weight: 800 !important;
}

.font-extrablack {
    font-weight: 900 !important;
}


