@font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal}@font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2')}
@media screen and (min-device-width: 1367px) and (max-device-width: 1440px) {
    .smallscreenproduct {
        max-width: 1280px !important;
    }

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

    .secondsectionsmallscreen {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .firstsectionsmallscreen {
        padding-left: 60px !important;
    }

    .slidersmallscreen {
        width: 200px !important;
    }

    .slidersmallscreen4 {
        width: 264px !important;
    }

    .slidersmallscreen5 {
        width: 250px !important;
    }

    .smallwhatwesection {
        max-width: 1220px !important;
    }

    .welcomesectionsmallscreen {
        padding: 40px 12px 40px 62px !important;

    }

    .smallscreenwidth {
        width: 631px !important;
    }
}

@media screen and (min-device-width: 1100px) and (max-device-width: 1366px) {
    .smallscreenproduct {
        max-width: 1280px !important;
    }

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

    .secondsectionsmallscreen {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }

    .firstsectionsmallscreen {
        padding-left: 60px !important;
    }

    .slidersmallscreen4 {
        width: 264px !important;
    }

    .slidersmallscreen5 {
        width: 250px !important;
    }

    .slidersmallscreen {
        width: 200px !important;
    }

    .welcomesectionsmallscreen {
        padding: 40px 12px 40px 62px !important;
    }

    .smallwhatwesection {
        max-width: 1220px !important;
    }

    .smallscreenwidth {
        width: 631px !important;
    }
}



.wdt-cus-counter-style-1 .wdt-content-item:hover .wdt-content-counter {
    color: #50baeb;
    -webkit-text-stroke-color: #50baeb;
}

.wdt-simple-overlay-imagebox .wdt-content-item .wdt-content-detail-group {
    text-align: left;
    position: absolute;
    bottom: 0;
    padding: 127px !important;
    text-wrap: balance;
    z-index: 1;
}

.wdt-content-item .wdt-content-title h5 a:hover {
    color: #50BAEB;
}

a:hover {
    color: #50BAEB;
}
.lfront {
    font-family: 'Teko', sans-serif !important;
    font-weight: 300 !important;
}

.wdt-content-item .wdt-content-title h5 a {
    color: #00173c !important;
    font-size: 24px;
}

h5 {
    margin-bottom: 15px;
    font-family: 'Teko', sans-serif;
    font-weight: 600;
    line-height: 1.1;
}

.textcolor {
    font-size: 18px;
    /* font-weight: 654px; */
    font-family: 'Poppins', sans-serif !important;
}
.sectioncolor {

    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif !important font-weight: 600 !important;
    line-height: 1.1;
    color: #000 !important;
}

@media only screen and (max-width: 540px) {
    .wt-small-separator {

        margin-bottom: 0px !important;
    }
}
.wdt-common-heading .wdt-heading-holder .wdt-heading-content-wrapper {
    color: #000;
    max-width: 600px;
}

.wdt-simple-overlay-imagebox .wdt-content-item .wdt-content-image>a>img {
    min-height: 577px !important;
    object-fit: cover;
}

@media (min-width: 481px) {

    .elementor-column.elementor-col-33,
    .elementor-column[data-col="33"] {
        width: 57.333% !important;
    }
}

.elementor-1802 .elementor-element.elementor-element-871493d {
    /* padding: 0px 0px 80px 0px !important; */
}

@media only screen and (max-width: 600px) {

    .wdt-content-item {
        flex-direction: column !important;
    }

    .wdt-column {
        margin-bottom: 10px !important;
    }

    .slidersmallscreen {
        width: 100% !important;
    }

    .lwhat {
        margin-top: 30px !important;
    }

    .lmobileabout {
        text-align: center !important;
        margin-block-end: 0px !important;
    }

    .lmobileslide {
        overflow: scroll !important;
    }

    .mobileldh {
        padding: 10px !important;
    }

    .mobilehide {
        display: none !important;
    }

    .mobileweight {
        width: 500px !important;
    }

    .lblmob {
        width: 100% !important;
        max-width: 500px !important;
    }

    .wdt-simple-overlay-imagebox .wdt-content-item .wdt-content-detail-group {
        padding: 0px 0px 160px 10px !important;
    }

    .swiper-container {
        width: 500px;
        height: 500px;
    }

    .wdt-content-description {
        width: 360px !important;
    }

    #swiper-wrapper-2c81453352b62eba {
        overflow: scroll;
    }

    #swiper-wrapper-c2b1236a655da469 {
        overflow: scroll;
    }
}

.mobilepadding {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.mobilebottom {
    margin-bottom: 25px !important;
}

.wdt-content-item .wdt-content-icon-wrapper .wdt-content-icon span i {
    color: #50baeb;
}

#wdt-icon-box-10776ed .wdt-column-wrapper:not(.wdt-snap-scroll-enabled) .wdt-column {
    width: 20%;
    margin-bottom: 15px;
    margin-top: 10px;
}
.swiper-pagination-bullet {
    display: none !important;
}

.wdt-content-item {
    width: 100%;

}
.social-icons {
    list-style-type: none;
    /* Remove bullet points */
    padding: 0;
    /* Remove default padding */
    margin: 0;
    /* Remove default margin */
    display: flex;
    /* Use flexbox to arrange items in a row */
    justify-content: center;
    /* Center the icons horizontally */
}

.social-icons li {
    margin: 0 10px;
    /* Add some space between icons */
}

.social-icons a {
    text-decoration: none;
    /* Remove underline from links */
    font-size: 24px;
    /* Adjust size as needed */
    color: #000;
    /* Set the icon color */
    transition: color 0.3s;
    /* Add a smooth color transition */
}

.social-icons a:hover {
    color: #007bff;
    /* Change color on hover */
}

@media screen and (min-device-width: 1367px) and (max-device-width: 1440px) {
    .smallscreenfooter {
        max-width: 100% !important;
        padding: 0 60px !important;
    }
}

@media screen and (min-device-width: 1100px) and (max-device-width: 1366px) {
    .smallscreenfooter {
        max-width: 100% !important;
        padding: 0 60px !important;
    }
}