@font-face {

    font-family: "Kara5";

    font-weight: 300;

    src: url("../fonts/Kara5Light.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5";

    font-weight: 400;

    src: url("../fonts/Kara5Book.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5";

    font-weight: 500;

    src: url("../fonts/Kara5Medium.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5";

    font-weight: 600;

    src: url("../fonts/Kara5Demi.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5";

    font-weight: 700;

    src: url("../fonts/Kara5Heavy.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5";

    font-weight: 800;

    src: url("../fonts/Kara5Bold.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5Cursive";

    src: url("../fonts/Kara5Cursive.woff") format("woff");

    font-display: swap

}



@font-face {

    font-family: "Kara5Cursive";

    src: url("../fonts/Kara5Cursive.woff") format("woff");

    font-display: swap

}

/* ================================================
				Helper Classes
================================================ */

.delay-03 {
	animation-delay: 0.3s;
}
.delay-04 {
	animation-delay: 0.4s;
}
.delay-05 {
	animation-delay: 0.5s;
}
.delay-06 {
	animation-delay: 0.6s;
}
.delay-07 {
	animation-delay: 0.7s;
}
.delay-08 {
	animation-delay: 0.8s;
}
.delay-09 {
	animation-delay: 0.9s;
}



body * :not(i) {

    font-family: "Kara5" !important;

    font-weight: 500;

}



body::-webkit-scrollbar {

    width: .9em;

}



body::-webkit-scrollbar-track {

    /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */

    background: transparent;

}



body::-webkit-scrollbar-thumb {

    background-color: #000;

    border-radius: 20px;

}



body::-webkit-scrollbar-thumb:hover {

    background-color: rgb(68, 68, 68);

}



.lenis.lenis-smooth {

    scroll-behavior: auto;

}



html.lenis {

    height: auto;

}



.lenis.lenis-smooth [data-lenis-prevent] {

    overscroll-behavior: contain;

}



.left-title {

    display: flex !important;

    align-items: flex-end;

    justify-content: space-around;

    flex-direction: column;

    height: 100%;

}

.right-title {

    width: 50%;

    display: flex;

    align-items: center;

    margin: 0 !important;

}



.brand-bigger svg {

    max-height: 300px !important;

}



.logo-carousel-widget .logo-slider .slide .inner-wrap:hover {

    cursor: pointer;

}

.logo-carousel-widget .logo-slider .slide .inner-wrap:hover .logo .svg-upload svg {

    fill: #fff;

}

.logo-carousel-widget .logo-slider .slide .inner-wrap:hover .image .img {

    opacity: 1;

    filter: none;

}

.logo-carousel-widget .logo-slider .slide .inner-wrap:hover .text-button {

    color: #fff;

    text-decoration: none;

}

.logo-carousel-widget .logo-slider .slide .inner-wrap:hover .text-button::after {

    background: white;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: right center;

    transform-origin: right center;

}



.input-error {

    margin-top: .8rem;

    padding: 2.5rem;

    background: rgb(255, 123, 123);

    color: white;

    display: none;

}



.styled-list li::before {

    content: none !important;

}



.styled-list li:not(:last-of-type) {

    margin-bottom: 3rem;

}



.styled-list li p {

    margin-top: 1.5rem;

}



.widget-container.contact-widget {

    padding: 0 0 0 80px;

}



.widget-container .contact-wrap .text {

    width: 100%;

    display: flex;

    flex-direction: row;

    padding: 100px 120px;

}



.contact-widget .contact-wrap {

    padding: 0;

}



.contact-wrap .contact-form-container .widget-title {

    padding: 0;

}



.contact-form-container {

    width: calc(50% - 10px);

    border-left: 1px solid #53565a;

}



.contact-info-wrap {

    width: fit-content;

    padding-right: 80px;

}



.contact-info-wrap .info-wrap {

    margin-bottom: 50px;

}



.contact-info {

    justify-content: space-between;

}



.contact-info-wrap .widget-title {

    margin-left: 0;

    margin-right: 0;

    text-align: left;

    padding: 0;

}



.contact-form-container input, textarea {

    border: 1px solid #53565a;

}



.contact-form-container #privacy_checkbox label {

    background: unset !important;

}



.bg-white {

    background: white !important;

}



.contact-wrap .form-group.check-input--sml input[type=checkbox]+label.privacy-policy-check {

    padding-left: 30px !important;

}



.privacy-policy-check::before {

    left: 0 !important;

    border: 1px solid #53565a;

}



.privacy-policy-check::after {

    left: 10px !important;

}



.row-reverse {

    flex-direction: row-reverse !important;

}

.image-text-widget-fullwidth--right .flex-list {

    flex-direction: row-reverse;

}



.inner-brands-widget {

    margin-top: 30px;

}



.inner-brands-widget .quicklink {

    border-bottom: 0 !important;

}



.about-ragusa-video video {

    object-fit: cover;

    height: 100%;

    width: 100%;

}



.lottie-counter-desktop {

    display: block;

}



.mobile-counters {

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

    gap: 7rem;

}



.mobile-counters .lottie-counter-mobile {

    max-width: 500px;

}



.mobile-counters-top-row {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    gap: 7rem;



}



.swiper .swiper-slide p {

    user-select: none;

}



.swiper-mob {

    overflow: hidden;

}



.swiper-mob .swiper-slide p{

    user-select: none;

}



/* .hero .slide .image-inner .img, .hero .slide.slide-video .video-image-mobile .img {

    transform: unset;

} */



/* .hero .img, .hero .video-mask {

    transform: unset;

} */



.drawer-header {

    justify-content: space-between;

}



.drawer-header .logo img {

    width: 140px;

}



.m-0 {

    margin: 0 !important;

}



.mb-30 {

    margin-bottom: 30px;

}



.d-desk-none {

    display: none !important;

}



.d-mob-none {

    display: block !important;

}



.image-text-widget-fullwidth .text .heading-section-padding {

    padding: 80px 60px !important;

}



.team-title {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.swiper-pagination {

    position: relative;

    text-align: left;

    margin-top: 30px;

}



.swiper-pagination-bullet {

    transition: .3s ease-in-out;

}



.swiper-pagination-bullet-active {

    background: black;

    width: 20px;

    border-radius: 20px;

}



textarea:focus {

    border-color: #66afe9;

    outline: 0;

}



[data-scrollspeed] .animate-layer {

    height: 110%;

}



.swiper-brand {

    overflow: hidden;

}



.brand-swiper-container .swiper-slide {

    height: calc(100svh - 30px);

}



.brand-swiper-container .swiper-slide .image, .brand-swiper-container .swiper-slide .image .img  {

    height: 100%;

}



.brand-swiper-container .brand-pagination {

    position: absolute;

    left: 50%;

    bottom: 20px;

    display: flex;

    z-index: 999;

    transform: translate(-50%, 0px);

}



.brand-swiper-container .brand-pagination .swiper-pagination .swiper-pagination-bullet {

    background-color: #dadada;

    opacity: 1;

}



.brand-swiper-container .brand-pagination .swiper-pagination .swiper-pagination-bullet-active {

    background-color: #fff;

}



.logo-container {

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    max-width: unset;

}



.logo-grid-container {

    /* max-width: 1200px; */

    display: grid;

    grid-template-columns: repeat(10, 1fr);

    gap: 1rem;

}



.logo-item {

    mix-blend-mode: multiply;

    filter: grayscale(1);

    transition: .3 ease-in-out;

}



.logo-item:hover {

    filter: unset;

    transition: .3 ease-in-out;

}



/* .team-contact-section .contact-wrap .text{

    padding: unset !important;

} */



.team-contact-section .contact-form-container {

    border: unset;

}



.team-contact-section .widget-container.contact-widget {

    padding: unset;

}



.team-contact-section .contact-widget .contact-wrap {

    margin: unset !important;

    padding: unset;

}



.bg-black {

    background-color: black;

}



.mamut-slider-container .swiper-wrapper video {

    object-fit: cover;

    width: 100%;

    height: 100%;

}



.logo-marquee .logo-cont {

    display: flex;

    flex-direction: row;

    gap: 5rem;

}



.brands-card .image .img{

    transition: all .7s ease-in-out;

}



.brands-card:hover .image .img {

    transform: scale(1.03);

    transition: all .6s ease-in-out;

}



@media (max-width: 1680px) {

    .contact-info-wrap {

        padding-left: 50px;

    }

}



@media (max-width: 1515px) {

    .contact-wrap .form-group.half-input {

        width: 100%;

    }



    .contact-wrap .form-footer .privacy-policy-container {

        flex-direction: column;

    }



    .contact-wrap .form-footer .button-wrap {

        margin-left: 0 !important;

    }



    .contact-wrap .form-footer button{

        width: 100%;

    }

}





@media (max-width: 1279px) {



    .contact-info-wrap {

        padding-left: 0;

        padding-right: 0;

    }



    .contact-wrap .form-group.half-input {

        width: calc(50% - 10px);

    }



    .contact-info-wrap .widget-title {

        text-align: center;

    }



    .contact-form-container .widget-title .h2 {

        text-align: center;

    }



    .contact-form-container {

        border: 0;

    }



    .widget-container .contact-wrap .text {

        flex-direction: column;

        align-items: center;

        padding: 80px;

        gap: 80px;



    }



    .contact-form-container, .contact-info-wrap {

        width: calc(80% - 10px);

        text-align: center;

    }



    .widget-container.contact-widget {

        padding-left: 0;

    }



}



@media (max-width: 1199px) {

    .header .close-menu-btn {

        margin-top: 0;

    }



    .header .close-menu-btn .close-menu-line {

        width: 22px;

    }



    .image-text-widget-fullwidth .text {

        padding: 60px 35px;

    }



    .logo-grid-container {

        grid-template-columns: repeat(8, 1fr);

    }



    .image-slider-widget .slide .slide-caption {

        padding: 80px 35px;

    }



    

}



@media (max-width: 992px) {

    .desktop-video {

        display: none !important;

    }

    .mobile-video {

        display: block !important;

    }

    .contact-wrap .form-group.half-input {

        width: 100%;

    }



    .contact-wrap .form-group .label, .form-group .label {

        text-align: left;

    }



    .styled-list li {

        padding-left: 0 !important;

    }



    .contact-widget .contact-wrap {

        padding: 40px 30px;

    }



    .form-group.half-input {

        width: 100%;

    }



    /* .image-text-widget-fullwidth--right .flex-list {

        flex-direction: unset;

    } */



    .contact-widget .contact-wrap {

        margin: unset;

    }



    .contact-form-container, .contact-info-wrap {

        width: calc(100% - 10px);

    }



    .about-ragusa-video {

        overflow: unset;

        height: auto;

        margin-top: 10px;

    }



    .about-ragusa-video video {

        width: 100%;

    }



    .d-desk-none {

        display: block !important;

    }



    .d-mob-none {

        display: none !important;

    }



    .mb-mob-0 {

        margin-bottom: 0;

    }



    .brand-swiper-container .swiper-slide {

        height: calc(100svh - 250px);

    }



    .logo-grid-container {

        grid-template-columns: repeat(6, 1fr);

    }



}



@media (max-width: 767px) {

    .button {

        width: fit-content;

    }

    .button .arrow {

        margin-left: 1rem;

    }

    .contact-widget .contact-wrap {

        margin: unset;

    }



    .widget-container .contact-wrap .text {

        padding: 80px 50px;

    }



    .widget-container.contact-widget {

        padding: 0;

    }



    .privacy-policy-check::after {

        left: 13px !important;

    }



    .lottie-counter {

        width: 55%;

        height: auto;

    }



    .lottie-counter-mobile {

        width: 55%;

    }



    .mobile-counters {

        display: flex;

        justify-content: center;

        flex-direction: column;

        align-items: center;

    }



    .mobile-counters-top-row {

        display: flex;

        align-items: center;

    }



    .image-slider-widget .slide {

        height: calc(100vh - 300px);

    }



    .heading-section-padding {

        padding: 40px 35px !important;

    }



    .mt-mob-0 {

        margin-top: 0 !important;

    }



    .scaled-mob {

        transform: scale(1.3);

    }



    .hero .img, .hero .video-mask {

        transform: unset !important;

    }



    [data-scrollspeed] .animate-layer {

        height: 100%;

    }



    .logo-grid-container {

        grid-template-columns: repeat(4, 1fr);

    }



    .hidden-content {

        position: relative;

        overflow-y: hidden;

        max-height: 250px;

        transition: max-height 0.3s ease-in-out;

        display: grid !important;

    }

    

    .hidden-content::before {

        position: absolute;

        content: '';

        bottom: 0;

        background: linear-gradient(360deg, #d5d5d5 0%, #d5d5d540 100%);

        width: 100%;

        height: 120px;

        z-index: 999;

    }

    

    .hidden-content.show {

        max-height: max-content;

        overflow-y: hidden;

    }

    

    .hidden-content.show::before {

        content: unset;

    }



    .show-more-btn-cont .text-button {

        margin-top: unset;

    }



    .team-contact-section .contact-wrap .text {

        padding: 40px 30px !important;

    }



    .image-slider-widget .slide .slide-caption {

        padding: 60px 35px;

    }



}



@media (max-width: 576px) {

    .widget-container .contact-wrap .text {

        padding: 50px 25px;

    }

    .contact-widget .contact-wrap {

        margin-left: -25px;

        margin-right: -25px;

        margin-bottom: -45px;

    }



    .mobile-counters-top-row {

        flex-direction: column;

        width: 100%;

    }



    .mobile-counters .lottie-counter-mobile {

        width: unset !important;

        max-width: 200px!important;

    }



    .logo-grid-container {

        grid-template-columns: repeat(2, 1fr);

    }

}





@media (min-width: 992px) {

    .brand-slider .brand-slide:not(:first-child) {

        border-left: 1px solid #c6c6c6;

    }

}

@media (min-width: 993px) {

    .mobile-video {

        display: none !important;

    }

    .desktop-video {

        display: block !important;

    }

}



.swiper-brand-container {

    overflow-x: hidden;

}



.fp-posts .video-post video {

    max-width: 100%;

    height: 100%;

    object-fit: cover;

    transition: 0.45s transform ease-out;

    line-height: 0;

}



.fp-posts .post-thumbnail:hover video {

    transform: scale(1.04);

}

/* 5/13/2024 */
.bordered-container {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

.flex-2-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}

.text-lowercase {
    text-transform: lowercase;
}

.d-none {
    display: none !important;
}

.px-4 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

@media (min-width: 992px) {

    .flex-2-column {
        flex-direction: row;
    }

    .padding-lg-0 {
        padding: 0 !important;
    }

    .d-lg-block {
        display: block !important;
    }
}

.fp-posts .fp-post .post-thumbnail img {
    height: 100% !important;
    object-fit: cover;
}

.dynamic-flex-gallery {
    display: flex;
    gap: 1rem;
}


@media (max-width: 992px) {
    .dynamic-flex-gallery {
        flex-direction: column;
    }
}


.lottie_image_wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(max(10rem, 10vw), 1fr));
	grid-gap: max(1rem, 3.5vw);
}