/* CSS CONTENT BUILDER */
.font-thin{
    font-weight: 100 !important;
}
.font-extralight{
    font-weight: 200 !important;
}
.font-light{
    font-weight: 300 !important;
}
.font-normal{
    font-weight: 400 !important;
}
.font-medium{
    font-weight: 500 !important;
}
.font-semibold{
    font-weight: 600 !important;
}
.font-bold{
    font-weight: 700 !important;
}
.font-extrabold{
    font-weight: 800 !important;
}
.font-black{
    font-weight: 900 !important;
}
.italic{
    font-style: italic !important;
}
.not-italic{
    font-style: normal !important;
}
.display .italic{
    font-style: italic !important;
}
.display .not-italic{
    font-style: normal !important;
}
.underline{
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important;
}
.line-through{
    -webkit-text-decoration-line: line-through !important;
    text-decoration-line: line-through !important;
}
.no-underline{
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
}
.uppercase{
    text-transform: uppercase !important;
}
.lowercase{
    text-transform: lowercase !important;
}
.capitalize{
    text-transform: capitalize !important;
}
.normal-case{
    text-transform: none !important;
}
.sub,
.sup{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
.sup{
    top: -0.3em;
    vertical-align: super;
}
.sub{
    bottom: -0.25em;
    vertical-align: sub;
}
.size-12{
    font-size: 12px !important
}
.size-13{
    font-size: 13px !important
}
.size-14{
    font-size: 14px !important
}
.size-15{
    font-size: 15px !important
}
.size-16{
    font-size: 16px !important
}
.size-17{
    font-size: 17px !important
}
.size-18{
    font-size: 18px !important
}
.size-19{
    font-size: 19px !important
}
.size-21{
    font-size: 21px !important
}
.size-24{
    font-size: 24px !important
}
.size-28{
    font-size: 28px !important
}
.size-32{
    font-size: 32px !important
}
.size-35{
    font-size: 35px !important
}
.size-38{
    font-size: 38px !important
}
.size-42{
    font-size: 42px !important
}
.size-46{
    font-size: 46px !important
}
.size-48{
    font-size: 48px !important
}
.size-50{
    font-size: 50px !important;
    overflow-wrap: break-word;
}
.size-54{
    font-size: 54px !important;
    overflow-wrap: break-word;
}
.size-60{
    font-size: 60px !important;
    overflow-wrap: break-word;
}
.size-64{
    font-size: 64px !important;
    overflow-wrap: break-word;
}
.mb-100{
    margin-bottom: 0;
}
.mt-48,
.mt-40{
    margin-top: 28px !important;
}
.mt-32{
    margin-top: 20px;
}
.mt-20{
    margin-top: 16px;
}
.mt-16{
    margin-top: 12px;
}
.mt-8{
    margin-top: 8px;
}
.pt-100{
    padding-top: 0;
}
.pt-48,
.pt-40{
    padding-top: 28px;
}
.pt-32{
    padding-top: 20px;
}
.pt-20{
    padding-top: 16px;
}
.pt-16{
    padding-top: 12px;
}
.pt-8{
    padding-top: 8px;
}
.mb-48,
.mb-40{
    margin-bottom: 28px;
}
.mb-32{
    margin-bottom: 20px;
}
.mb-24{
    margin-bottom: 24px !important;
}
.mb-20{
    margin-bottom: 16px !important;
}
.mb-16{
    margin-bottom: 12px;
}
.mb-8{
    margin-bottom: 8px !important;
}
.page-content img{
    max-width: 100%;
    min-width: auto;
}
.image-overlap{
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
}
.image-overlap .content{
    position: relative;
    background-color: #151515;
    color: #fff;
    margin-top: 16px;
    margin-left: 30px;
    margin-right: 30px;
    padding: 7px 15px;
}
.text-image-bundle,
.text-image-bundle-third{
    display: flex;
    margin-inline: 0 !important;
    background-color: #fafafa;
    align-items: stretch;
}
.text-image-bundle > div:not(.is-tool),
.text-image-bundle-third > div:not(.is-tool){
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: baseline;
}
.text-image-bundle .content .btn,
.text-image-bundle-third .content .btn{
    display: inline-flex;
    align-items: center;
    border: 3px solid transparent;
    background-color: transparent;
    border-radius: 5px;
    font-family: inherit;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all .1s ease;
    padding: 4px 10px;
    color: var(--color-dark-gray);
    outline: 1px solid var(--color-dark-gray);
    &:hover{
        border: 3px solid transparent;;
        background-color: transparent;
        color: var(--color-dark-gray);
        outline-width: 3px;
    }
}
.text-image-bundle img,
.text-image-bundle-third img,
.text-image-bundle-triple img{
    object-fit: cover;
}
.text-image-bundle .btn:hover,
.text-image-bundle-third .btn:hover{
    border: 1px solid transparent;
    background-color: #151515;
    color: #fff;
}
.brand-bundle img{
    margin: 0 auto;
    display: block;
}
.team-bundle{
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
}
.team-bundle img{
    width: 140px;
    border-radius: 100%;
    margin: 0 auto;
    height: auto;
}
.team-bundle p{
    margin-bottom: 0;
}
.filetto-gray{
    border-bottom: thin solid #d6d6d6;
}
.filetto-white{
}
.service-bundle{
    text-align: center;
}
.service-bundle img{
    text-align: left;
    margin-inline: auto;
    width: auto;
}
.service-bundle p{
    margin-bottom: 0;
}
.service-bundle .btn{
    display: inline-flex;
    align-items: center;
    border: 1px solid #151515;
    background-color: transparent;
    color: #151515;
    border-radius: 4px;
    font-family: inherit;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    transition: all .2s ease;
    padding: 7px 16px;
}
.service-bundle .btn:hover{
    border: 1px solid transparent;
    background-color: #151515;
    color: #fff;
}
.service-bundle .box{
    background: #fafafa 0% 0% no-repeat padding-box;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    text-align: left;
    padding: 20px 16px;
    margin-right: 30px;
}
.service-bundle .box img{
    margin-left: 0;
}
.service-bundle .box p{
    margin: 0;
}
.service-bundle .box:last-child{
    margin: 0;
}
.snippet-btn{
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    font-family: inherit;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all .1s ease;
    font-size: 16px;
    line-height: 1.2;
    padding: 13px 30px;
    background-color: transparent;
    color: var(--color-dark-gray);
    outline: 1px solid var(--color-dark-gray);
    border: 1px solid transparent;
    margin: 3px;
    &:hover{
        outline-width: 3px;
    }
}
.btn-default{
}
ul.snippet-list{
    padding: 15px 0;
}
ul.snippet-list li{
    list-style: none;
    align-items: center;
    display: flex;
    margin-bottom: 20px;
}
ul.snippet-list li::before{
    content: '';
    background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iY2hlY2tfYnVsbGV0IiBkYXRhLW5hbWU9ImNoZWNrIGJ1bGxldCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmV0dGFuZ29sb184MDAiIGRhdGEtbmFtZT0iUmV0dGFuZ29sbyA4MDAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0iIzE1MTUxNSIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9IlJhZ2dydXBwYV8xOTMzIiBkYXRhLW5hbWU9IlJhZ2dydXBwYSAxOTMzIiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iVHJhY2NpYXRvXzU5ODMiIGRhdGEtbmFtZT0iVHJhY2NpYXRvIDU5ODMiIGQ9Ik0yMi43MzIsMTAuNzYyYTEuMjMxLDEuMjMxLDAsMCwxLDAsMS43NDJMMTQuNDcsMjAuNzY2YTEuMjMyLDEuMjMyLDAsMCwxLTEuNzQyLDBMOC44LDE2LjgzM2ExLjIzMSwxLjIzMSwwLDAsMSwxLjc0MS0xLjc0MUwxMy42LDE4LjE1M2w3LjM5MS03LjM5MWExLjIzMiwxLjIzMiwwLDAsMSwxLjc0MiwwbTguOCw1QTE1Ljc2NCwxNS43NjQsMCwxLDEsMTUuNzY0LDAsMTUuNzU1LDE1Ljc1NSwwLDAsMSwzMS41MjgsMTUuNzY0bS0yLjQ2MywwYTEzLjMsMTMuMywwLDEsMC0xMy4zLDEzLjMsMTMuMjkzLDEzLjI5MywwLDAsMCwxMy4zLTEzLjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC40NzIpIiBmaWxsPSIjMTUxNTE1Ii8+CiAgPC9nPgo8L3N2Zz4K');
    background-size:contain;
    margin-right: .75rem;
    width: 1.5rem;
    height: 1.5rem;
}
.p-0{
    padding: 0 !important;
}
.p-30{
    padding: 32px 15px;
}
.p-16-om{
    padding-top: 16px;
    padding-bottom: 0px;
}
.bg-lightgray{
    background-color: #f5f5f5;
}
.light{
    font-weight: 300;
}
.regular{
    font-weight: 400;
}
.medium{
    font-weight: 500;
}
.table-cnt{
    overflow-x: scroll;
}
.snippet-row{
}
.snippet-row img{
    max-width: 100%;
}
.snippet-table{
    width: 100%;
    border-spacing: 0;
}
.snippet-table tr{
    height: 48px;
}
.snippet-table.slim tr{
    height: 30px;
}
.snippet-table th{
    padding-left: 15px;
    padding-right: 30px;
    text-align: left;
    border-bottom: thin solid #d6d6d6;
    font-family: var(--ff-primary), sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}
.snippet-table td{
    padding-left: 15px;
    border-bottom: thin solid #d6d6d6;
    font-family: var(--ff-primary), sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}
.counter-title{
    margin-bottom: 20px;
}
.counter-bundle{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.counter-bundle .counter-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 255px;
    text-align: center;
    aspect-ratio: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 0 16px;
    margin: 16px 0;
}
.counter-bundle .counter-item img{
    width: auto;
    height: auto;
}
.counter-bundle .counter-item > h2{
    margin-bottom: 4px;
}
.counter-bundle .counter-item > h4{
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}
.accordion{
    width: 100%;
    min-height: 50px;
}
.accordion .accordion-item{
    margin-bottom: 10px;
}
.accordion .accordion-item .accordion-header{
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ccc;
}
.accordion .accordion-item .accordion-header img{
    transition: all 0.2s ease;
}
.accordion .accordion-item .accordion-content{
    transition: all 0.2s ease;
    overflow: hidden;
    height: 0;
    opacity: 0;
}
.is-builder .accordion .accordion-item .accordion-content{
    height: auto;
    opacity: 1;
}
.accordion .accordion-item.active .accordion-header img{
    transform: rotate(180deg);
}
.accordion .accordion-item.active .accordion-content{
    height: auto;
    opacity: 1;
}
.wi-snippet-42 .content{
    background-color: #383d40 !important;
}
.wi-snippet-42 h4{
    color: white !important;
}
.wi-snippet-45 img{
    position: absolute;
    padding: 0;
    left: 0;
    z-index: -1;
    width: 100%;
}
.wi-snippet-45 .btn-sm{
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: var(--fw-medium);
    padding: 7px 16px;
    color: var(--color-dark-gray);
    outline: 1px solid var(--color-dark-gray);
    &:hover{
        outline-width: 3px;
    }
}
.wi-snippet-45 .container{
    margin-top: 33%;
}
.wi-snippet-45 .container div{
    background: white;
    padding: 15px;
}
.wi-snippet-45 .container p, .wi-snippet-45 .container h4{
    color: white;
}
.wi-snippet-43 div{
    overflow: hidden;
    max-height: 160px;
}
.wi-snippet-43 div img{
    object-fit: cover;
    height: 100%;
}
.wi-snippet-43 div:nth-child(even){
    padding-left: 0px !important;
}
.wi-snippet-45 .container{
    justify-content: center;
}
.wi-snippet-45 .container > div{
    background-color: #383d40;
}
.wi-snippet-45 .btn{
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: var(--fw-medium);
    padding: 7px 16px;
    color: white;
    outline: 1px solid white;
    &:hover{
        outline-width: 3px;
    }
}
.wi-snippet-45 .btn:hover, .wi-snippet-45 .btn:focus-visible{
    opacity: 0.6;
    background: transparent;
    color: white;
    border-color: white;
}
@media (max-width: 992px){
    .wi-snippet-19 .content,
    .wi-snippet-22 .content,
    .wi-snippet-27.img-fluid,
    .wi-snippet-28 .img-fluid{
        margin: 0;
        width: 100%;
    }
    .wi-snippet-42 .col-md-10{
        margin-bottom: 0 !important;
    }
    .wi-snippet-42 .col-md-2{
        padding-top: 0;
    }
    .wi-snippet-42 .col-12{
        width: 100% !important;
    }
    .wi-snippet-42 .content{
        padding: 40px 24px 64px;
    }
    .wi-snippet-42 .content h4{
        text-align: center;
    }
    .wi-snippet-43 div{
        margin-bottom: 0;
    }
    .wi-snippet-45 .container h4{
        font-size: 32px;
        line-height: 41.6px;
    }
    .wi-snippet-45 .container p{
        font-size: 18px;
        line-height: 22.4px;
    }
    .wi-snippet-46{
        padding: 7.5px;
    }
    .wi-snippet-46 a{
        width: auto;
        padding: 0 7.5px;
    }
    .wi-snippet-37 iframe{
        width: 100%;
        height: 52.6vw;
    }
}
.text-justify{
    text-align: justify;
}
.is-builder .wi-snippet-45{
    height: 600px;
}
.is-builder .wi-snippet-45 img{
    z-index: 1 !important;
}
.is-builder .wi-snippet-45 .container{
    margin-top: 15% !important;
    height: initial !important;
}
.is-builder .wi-snippet-45 h4{
    font-size: 20px;
    line-height: 24px;
}
.is-builder .wi-snippet-45 p{
    font-size: 16px;
    line-height: 20px;
}
.order-1{
    -ms-flex-order: 1;
    order: 1;
}
.order-2{
    -ms-flex-order: 2;
    order: 2;
}
@media (min-width: 992px){
    .mb-100{
        margin-bottom: 100px;
    }
    .mt-48{
        margin-top: 48px;
    }
    .mt-40{
        margin-top: 40px !important;
    }
    .mt-32{
        margin-top: 32px;
    }
    .mt-24{
        margin-top: 24px;
    }
    .mt-20{
        margin-top: 20px;
    }
    .mt-16{
        margin-top: 16px;
    }
    .mt-8{
        margin-top: 8px;
    }
    .pb-200{
        padding-bottom: 200px;
    }
    .pb-100{
        padding-bottom: 100px;
    }
    .pb-80{
        padding-bottom: 80px;
    }
    .pb-48{
        padding-bottom: 48px;
    }
    .pt-200{
        padding-top: 200px;
    }
    .pt-100{
        padding-top: 100px;
    }
    .pt-80{
        padding-top: 80px;
    }
    .pt-48{
        padding-top: 48px;
    }
    .pt-40{
        padding-top: 40px;
    }
    .pt-32{
        padding-top: 32px;
    }
    .pt-20{
        padding-top: 20px !important;
    }
    .pt-16{
        padding-top: 16px;
    }
    .pt-8{
        padding-top: 8px;
    }
    .mb-48{
        margin-bottom: 48px;
    }
    .mb-40{
        margin-bottom: 40px;
    }
    .mb-32{
        margin-bottom: 32px;
    }
    .mb-24{
        margin-bottom: 24px;
    }
    .mb-20{
        margin-bottom: 20px !important;
    }
    .mb-16{
        margin-bottom: 16px;
    }
    .mb-8{
        margin-bottom: 8px !important;
    }
    .p-30{
        padding: 30px !important;
    }
    .p-16-om{
        padding-top: 0;
        padding-bottom: 0;
    }
    .snippet-table.slim tr{
        height: 30px;
    }
    .page-content img{
        max-width: 100%;
        min-width: auto;
    }
    .image-overlap{
        align-items: flex-end;
        flex-direction: row;
    }
    .image-overlap .content{
        position: absolute;
    }
    .wi-snippet-42 .content{
        margin-left: -15vw;
        padding-inline: 46px;
    }
    .wi-snippet-42 > :first-child{
        width: calc(100% - 16.6667%) !important;
    }
    .wi-snippet-43 > div{
        height: 506px;
    }
    .wi-snippet-44{
        padding-inline: 7.5px !important;
    }
    .wi-snippet-44 > a{
        height: auto;
        padding-inline: 7.5px !important;
    }
    .wi-snippet-43 > div,
    .wi-snippet-44 > a{
        overflow: hidden;
    }
    .wi-snippet-43 > div{
        max-height: 495px;
    }
    .wi-snippet-43 :nth-child(even){
        padding-left: 0px !important;
    }
    .wi-snippet-43 img,
    .wi-snippet-44 img{
        width: 100%;
        height: auto;
    }
    .wi-snippet-45{
        height: 800px;
    }
    .wi-snippet-45 > div{
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: inherit;
        overflow: hidden;
        padding: 0;
    }
    .wi-snippet-45 .container{
        position: relative;
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        height: 100%;
    }
    .wi-snippet-45 .container > div{
        background-color: transparent;
    }
    .wi-snippet-45 .container div{
        background: transparent;
        padding: 0px;
        top: 0vh;
        position: relative;
    }
    .wi-snippet-46 a{
        width: auto;
        padding: 0 16px 0 0;
    }
    .wi-snippet-46 a:first-child{
        padding-left: 15px;
    }
    .embed-responsive{
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
    }
    .embed-responsive-16by9::before{
        padding-top: 56.25%;
        display: block;
        content: "";
    }
    .embed-responsive iframe,
    .embed-responsive video,
    .embed-responsive object{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }
    .counter-title{
        margin-bottom: 20px;
    }
    .counter-bundle{
        padding-block: 20px;
    }
    .order-md-1{
        -ms-flex-order: 1;
        order: 1;
    }
    .order-md-2{
        -ms-flex-order: 2;
        order: 2;
    }
}
p + p{
    margin-top: var(--flow-spacing);
}
.wi-snippet-01,
.wi-snippet-02,
.wi-snippet-03 .h1,
.wi-snippet-04 .h1,
.wi-snippet-05 .h2,
.wi-snippet-06 .h2,
.wi-snippet-07 .h3,
.wi-snippet-08 .h3,
.wi-snippet-09 .h3,
.wi-snippet-10 .h3,
.wi-snippet-11 .h4{
    color: var(--color-gold-light);
}
.table-responsive{
    overflow-x: auto;
    .snippet-table{
        padding-bottom: 20px;
    }
}