/* input(13,1): run-time error CSS1019: Unexpected token, found '@import'
input(13,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')'
input(14,1): run-time error CSS1019: Unexpected token, found '@import'
input(14,9): run-time error CSS1019: Unexpected token, found 'url("https://use.fontawesome.com/releases/v5.13.0/css/all.css")'
input(209,39): run-time error CSS1046: Expect comma, found '29'
input(209,46): run-time error CSS1046: Expect comma, found '/'
input(214,39): run-time error CSS1046: Expect comma, found '29'
input(214,46): run-time error CSS1046: Expect comma, found '/' */
.melicard {
    width: 100px !important;
    height: 50px !important;
    position: relative;
    z-index: 2;
}

.fullwidth {
    width: 100% !important;
    height: 100% !important;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

:root {
    --font3: 'Roboto', sans-serif;
}

.h1,
h1 {
    font-size: 1.5rem;
}

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

.card {
    background: #fff;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .08), 0 0 6px rgba(0, 0, 0, .05);
    border: 1;
    border-radius: 1rem;
    height: 100%;
}

.img-hover-zoom--colorize img {
    border-radius: 20%;
    width: 150px;
    height: 150px;
    margin-top: 20px;
    padding: 1px;
    transition: transform .5s;
    /*    filter: grayscale(100%);
*/
}

.img-hover-zoom--colorize:hover img {
    filter: grayscale(0);
    transform: scale(1.05);
}

.card h5 {
    overflow: hidden;
    height: 80px;
    font-weight: 300;
    font-size: 1rem;
}

    .card h5 a {
        color: black;
        text-decoration: none;
    }

.role {
    color: #7a7a7a;
}

.box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fab {
    font-size: 1.5rem;
    color: darkgray;
    transition: transform .5s;
}

    .fab:hover {
        color: black;
        transform: scale(1.1);
    }

.card h1 {
    font-size: 1rem;
}


/* MEDIA */

@media only screen and (min-width: 1200px) {
    .img-hover-zoom--colorize img {
        width: 150px;
    }
}

@media only screen and (min-width: 1200px) {
    .h1,
    h1 {
        font-size: 2rem;
    }
}




.row2 {
    --bs-gutter-x: 1.5rem;
    /* --bs-gutter-y: 0; */
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
}

    .row2 > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: calc(var(--bs-gutter-x) * .5);
        margin-top: var(--bs-gutter-y);
    }

.btn-home {
    width: 100%;
    margin: auto;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    border-radius: 100px 15px 15px 100px;
    background: #fff;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.88px;
    outline: none !important;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

    .btn-home:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(135deg, #0C869A 0%, #23B8CF 100%);
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        opacity: 0;
    }

    .btn-home i {
        margin-right: 30px;
        margin-left: 10px;
        position: relative;
        z-index: 2;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #3B566E;
    }

    .btn-home span {
        position: relative;
        z-index: 2;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #3B566E;
    }

    .btn-home:hover, .btn-home.active {
        box-shadow: 0 4px 5px 0 rgba(51, 61, 73, 0.24);
    }

        .btn-home:hover i, .btn-home.active i {
            color: #fff;
            margin-right: 40px;
        }

        .btn-home:hover span, .btn-home.active span {
            color: #fff;
        }

        .btn-home:hover:before, .btn-home.active:before {
            opacity: 1;
        }

@media (max-width: 768px) {
    .page-gallery {
        height: 150px;
    }

    .btn-home {
        margin-bottom: 10px;
    }
}

.imgshadow {
    flex-shrink: 0;
    box-shadow: 0px 0px 5px 3px rgb(0 29 241 / 20%);
    border-radius: 20px;
}

.shadowbox {
    box-shadow: 0px 0px 5px 3px rgb(0 29 241 / 20%);
}

.counter {
    color: #F14997;
    background: linear-gradient(to left bottom,#fff 50%, #f9f9f9 51%);
    font-family: 'Comfortaa', cursive;
    text-align: center;
    width: 200px;
    padding: 20px 0 0;
    margin: 0 auto;
    border-radius: 0 50px;
    box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

    .counter .counter-icon {
        font-size: 45px;
        margin: 0 0 10px;
    }

    .counter h3 {
        font-size: 18px;
        font-weight: 700;
        text-transform: capitalize;
        margin: 0 0 20px;
    }

    .counter .counter-value {
        color: #fff;
        background: linear-gradient(to left bottom, #FD8ED2, #F14997);
        font-size: 40px;
        font-weight: 700;
        line-height: 40px;
        padding: 7px 0 3px;
        display: block;
    }

    .counter.blue {
        color: #0092CD;
    }

        .counter.blue .counter-value {
            background: linear-gradient(to left bottom, #06BBF4, #0092CD);
        }

    .counter.orange {
        color: #FB9A00;
    }

        .counter.orange .counter-value {
            background: linear-gradient(to left bottom, #FCCA09, #FB9A00);
        }

    .counter.green {
        color: #03BFB0;
    }

        .counter.green .counter-value {
            background: linear-gradient(to left bottom, #00E2CD, #03BFB0);
        }

@media screen and (max-width:990px) {
    .counter {
        margin-bottom: 40px;
    }
}

@font-face {
    font-family: 'iransans-medium-web';
    src: url('../iransans/iransans-medium-web.eot?v=qhgHmOVuDmAPb5qwkdQdNLd9yT8') format('embedded-opentype'), url('../iransans/iransans-medium-web.ttf?v=qhgHmOVuDmAPb5qwkdQdNLd9yT8') format('truetype'), url('../iransans/iransans-medium-web.woff?v=qhgHmOVuDmAPb5qwkdQdNLd9yT8') format('woff'), url('../iransans/iransans-medium-web.woff2?v=qhgHmOVuDmAPb5qwkdQdNLd9yT8') format('woff2');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/iranyekanweblight.woff?v=MXoj1vjMKkjY-fC2YXLEms6quHw') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iranyekanweblight.ttf?v=8wctktWvIOV6O7fxyWUvkaHYR-c') format('truetype');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iranyekanwebregular.woff?v=hWNlqipMCDSJOFMyMAIOkdFcKCQ') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iranyekanwebregular.ttf?v=k9VX6aVtDEX3hWLeGcHS1ONqtf0') format('truetype');
}

@font-face {
    font-family: IRANYekan;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/iranyekanwebbold.woff?v=18-Yg9fFBrzwKFEPJzVak_fO6uE') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/iranyekanwebbold.ttf?v=2ws9bEAU_Z171wzP1MureVe9SCU') format('truetype');
}

* {
    font-family: IRANYekan, iransans-medium-web;
}


/* Large devices (laptops/desktops, 992px and up) */
/*@media only screen and (min-width: 992px) {
    .resSlider {
        width: max-content !important;
    }

}*/

/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media only screen and (min-width: 1200px) {
    #bsc {
        width: max-content !important;
    }
}*/


.resSlider {
    width: max-content;
}


@media only screen and (max-width:1199.98px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: max-content;
    }

    .blog-slider__img {
        width: 500px !important;
        height: 250px !important;
    }

    *, p, a {
        font-size: medium !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    h1 {
        font-size: x-large !important;
    }

    .max-h-100px {
        max-height: 60px !important;
    }

    span.counter-value {
        font-size: xx-large !important;
    }

    h2.section-title {
        font-size: xx-large !important;
    }
}

@media only screen and (max-width:1024px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: unset !important;
    }

    .blog-slider__img {
        width: 500px !important;
        height: 250px !important;
    }

    *, p, a {
        font-size: small !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    h1 {
        font-size: medium !important;
    }

    .max-h-100px {
        max-height: 50px !important;
    }

    span.counter-value {
        font-size: x-large !important;
    }

    h2.section-title {
        font-size: x-large !important;
    }

    p.text-uppercase.text-center.role.h6 {
        font-size: medium !important;
    }

    .icon-4x {
        font-size: 2rem !important;
    }

    strong {
        font-size: small !important;
    }

    a.text-black.text-hover-primary {
        font-size: small !important;
    }
}

@media only screen and (max-width:991.98px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: unset !important;
    }

    .blog-slider__img {
        width: 500px !important;
        height: 250px !important;
    }

    *, p, a {
        font-size: small !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    h1 {
        font-size: large !important;
    }

    .max-h-100px {
        max-height: 60px !important;
    }

    span.counter-value {
        font-size: xx-large !important;
    }

    h2.section-title {
        font-size: xx-large !important;
    }

    p.text-uppercase.text-center.role.h6 {
        font-size: medium !important;
    }

    .icon-4x {
        font-size: 2rem !important;
    }

    a.text-black.text-hover-primary {
        font-size: small !important;
    }
}

@media only screen and (max-width:768px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: unset !important;
    }

    .blog-slider__img {
        width: 400px !important;
        height: 200px !important;
    }

    *, p, a {
        font-size: small !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    h1 {
        font-size: medium !important;
    }

    .max-h-100px {
        max-height: 50px !important;
    }

    span.counter-value {
        font-size: xx-large !important;
    }

    h2.section-title {
        font-size: xx-large !important;
    }

    p.text-uppercase.text-center.role.h6 {
        font-size: small !important;
    }

    .icon-4x {
        font-size: 2rem !important;
    }

    strong {
        font-size: small !important;
    }

    a.text-black.text-hover-primary {
        font-size: small !important;
    }
}

@media only screen and (max-width:425px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: unset !important;
        margin-top: -50px !important;
    }

    .blog-slider__img {
        width: 350px !important;
        height: 185px !important;
    }

    *, p, a {
        font-size: small !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    h1 {
        font-size: medium !important;
    }

    .max-h-100px {
        max-height: 50px !important;
    }

    span.counter-value {
        font-size: xx-large !important;
    }

    h2.section-title {
        font-size: xx-large !important;
    }

    p.text-uppercase.text-center.role.h6 {
        font-size: small !important;
    }

    .icon-4x {
        font-size: 1rem !important;
    }

    strong {
        font-size: small !important;
    }

    a.text-black.text-hover-primary {
        font-size: small !important;
    }

    a small {
        font-size: xx-small !important;
    }
}

@media only screen and (max-width:375px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: unset !important;
        margin-top: 0px !important;
    }

    .blog-slider__img {
        width: 250px !important;
        height: 150px !important;
    }

    *, p, a {
        font-size: small !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    h1 {
        font-size: medium !important;
    }

    .max-h-100px {
        max-height: 50px !important;
    }

    span.counter-value {
        font-size: xx-large !important;
    }

    h2.section-title {
        font-size: xx-large !important;
    }

    p.text-uppercase.text-center.role.h6 {
        font-size: small !important;
    }

    .icon-4x {
        font-size: 1rem !important;
    }

    strong {
        font-size: small !important;
    }

    a.text-black.text-hover-primary {
        font-size: small !important;
    }

    a small {
        font-size: xx-small !important;
    }
}

@media only screen and (max-width:320px) {
    .resSlider {
        overflow-wrap: break-word !important;
        width: unset !important;
        margin-top: -50px !important;
    }

    .blog-slider__img {
        width: 250px !important;
        height: 150px !important;
    }

    *, p, a {
        font-size: medium !important;
    }

    .section-title {
        font-size: medium !important;
        font-weight: bolder !important;
    }

    span.counter-value {
        font-size: xx-large !important;
    }

    h1 {
        font-size: medium !important;
    }

    .max-h-100px {
        max-height: 50px !important;
    }

    h2.section-title {
        font-size: xx-large !important;
    }

    p.text-uppercase.text-center.role.h6 {
        font-size: small !important;
    }

    .icon-4x {
        font-size: 1rem !important;
    }

    strong {
        font-size: small !important;
    }

    a.text-black.text-hover-primary {
        font-size: small !important;
    }

    a small {
        font-size: xx-small !important;
    }
}
 
  .brands-wrap {
     margin: 0 auto;
}

.carousel {
    background: transparent;
}

.gallery-cell {
    width: 100%;
    /* half-width */
    height: auto;
    padding: 0 15px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 548px) {
    .gallery-cell {
        width: 33.3%;
    }
}

.gallery-cell.is-selected img {
    transform: scale(1);
    filter: grayscale(0) blur(0);
}

.gallery-cell img {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* easeInOutBack */
    max-width: 150px;
    display: inline-block;
    transform: scale(0.7);
    filter: grayscale(100%) blur(2px);
}

.flickity-prev-next-button.previous {
    right: -40px;
}

.flickity-prev-next-button.next {
    left: -40px;
}

.brand-carousel {
    margin: 0 60px;
    /* space for prev/next buttons */
}

.flickity-prev-next-button .arrow {
    fill: white;
    box-shadow: 0 0 5px black;
}

.flickity-prev-next-button.no-svg {
    color: white;
}

.flickity-prev-next-button {
    background: transparent;
}

    .flickity-prev-next-button:hover {
        background: transparent;
    }

.flickity-viewport {
    height: 385.4062px !important;
}