/* Default */

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: 'Roboto', sans-serif;
    position: relative;
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 0;
}

svg * {
    fill: currentColor;
}

.z-60 {
    z-index: 60;
}

.maintextcolor {
    color: #c19559;
}

.mainbackcolor {
    background-color: #c19559;
}

.mainbordercolor {
    border-color: #c19559;
}


/* END */


/* Swiper */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    object-fit: cover;
}


/* END */


/* Header */

header .bannertitle {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

header .menu .menulist li a.active,
header .menu .menulist li a:hover,
header .menu.fixedmenu .menulist li a.active,
header .menu.fixedmenu .menulist li a:hover {
    opacity: 0.5;
}

header .menu.fixedmenu {
    position: fixed;
    top: 1rem;
    bottom: auto;
}

header .menu.fixedmenu .fullbox {
    background-color: #fff;
    border-color: #eee;
}

header .menu.fixedmenu .menulist li a {
    color: #000;
}


/* END */


/*Main*/


/* Aboutus */

main .aboutus .seemore .arrowright {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

main .aboutus .seemore:hover .arrowright {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px);
}


/* END */


/* Products */

main .popular .item,
main .popular .item * {
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

main .popular .item:hover .image img {
    transform: scale(1.1);
    opacity: 0.4;
}

main .products .item .image img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    object-position: center;
}

main .products .item .title .name {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

main .products .item:hover .image,
main .products .item:hover .title {
    opacity: 0.6;
}


/* END */


/* Services */

main .services .list .item img {
    width: 55px !important;
    height: 55px !important;
    object-fit: cover;
    object-position: center;
}


/* END */


/* Team */

main .team .fullbox {
    padding: 0 80px;
}

main .team .swiper-slide {
    width: 100% !important;
}

main .team .swiper-button-next {
    right: 0;
}

main .team .swiper-button-prev {
    left: 0;
}

main .team .social img {
    width: 20px !important;
    height: 20px !important;
    object-fit: cover;
    object-position: center;
}


/* END */


/* END */

.products .item .image img,
footer .item img {
    margin: 0 auto;
}


/* .bgtransparent {
    background-color: transparent !important;
}

.whitecolor {
    color: #fff !important;
}

.blackcolor {
    color: #000 !important;
}

.graycolor {
    color: #9ca3af !important;
}

.lightgraycolor {
    color: #d1d5db !important;
}

.gray200 {
    color: #e5e7eb !important;
}

.verylightgraycolor {
    color: #f3f4f6 !important;
} */


/*Footer*/

footer {
    background-color: #ffecd4;
}

.map img {
    filter: grayscale(0.7);
}

footer .item .image img {
    width: 45px !important;
    height: 45px !important;
    object-fit: cover;
    object-position: center;
}

footer .other .social img {
    width: 15px !important;
    height: 15px !important;
    object-fit: cover;
    object-position: center;
}


/* END */

@media (min-width: 460px) {
    .xs\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 640px) {
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width:1023px) {
    main .services::before {
        display: none;
    }
    header .menu,
    header .menu.fixedmenu {
        position: fixed;
        bottom: 0.3rem;
        top: auto;
        right: 1rem;
        left: 1rem;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }
    header .menu .fullbox {
        background-color: #fff;
    }
    header .menu .menulist li a {
        color: #000;
    }
}

@media (max-width:767px) {
    main .scrollspy,
    footer.scrollspy {
        position: relative;
        z-index: 55;
    }
    main .team .fullbox {
        padding: 0 40px;
    }
    header .menu .menulist {
        z-index: -1;
        position: fixed;
        inset-inline: 1rem;
        margin: auto;
        background-color: #fff;
        border-radius: 1.5rem;
        bottom: 5.5rem;
        text-align: center;
        box-shadow: 0 2px 10px #ccc;
        padding: 2rem 0;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
    }
    header .menu .menulist.active {
        z-index: 60;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}