/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@import url(fonts.css);
@import url(grid.css);
@import url(global.css);
@import url(header.css);
@import url(owl.carousel.min.css);
@import url(owl.theme.default.min.css);





.owl-stage {
    display: flex;
}

.owl-stage-outer {
    overflow: hidden;
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.telegram {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5092 2.10109L16.6419 15.6787C16.4256 16.6369 15.8615 16.8754 15.0599 16.424L10.6912 13.1914L8.58319 15.2272C8.34991 15.4615 8.1548 15.6574 7.70521 15.6574L8.01907 11.1897L16.116 3.84301C16.468 3.52785 16.0397 3.35323 15.5689 3.66839L5.55903 9.99721L1.24972 8.64286C0.312359 8.349 0.295393 7.70163 1.44483 7.25018L18.3003 0.729707C19.0808 0.435839 19.7636 0.904325 19.5092 2.10109Z' fill='white' /%3E%3C/svg%3E");
}

.twitter {
    background-image: url("data:image/svg+xml, %3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.047 4.58602C17.0591 4.75008 17.0591 4.91417 17.0591 5.07822C17.0591 10.0821 13.1409 15.8478 5.97972 15.8478C3.77348 15.8478 1.724 15.2266 0 14.1486C0.313464 14.1837 0.614831 14.1954 0.940355 14.1954C2.76076 14.1954 4.43655 13.5978 5.77476 12.5782C4.06282 12.5431 2.62817 11.4532 2.13387 9.95322C2.37501 9.98835 2.61611 10.0118 2.86931 10.0118C3.21892 10.0118 3.56856 9.96491 3.89405 9.88292C2.10979 9.53132 0.771544 8.0079 0.771544 6.16806V6.1212C1.28993 6.40245 1.89277 6.57823 2.53169 6.60164C1.48282 5.92194 0.795665 4.7618 0.795665 3.44929C0.795665 2.74618 0.988523 2.10165 1.32611 1.53914C3.243 3.83602 6.12437 5.33599 9.35531 5.50008C9.29504 5.21883 9.25886 4.92589 9.25886 4.63292C9.25886 2.54695 10.9949 0.847754 13.1529 0.847754C14.2741 0.847754 15.2868 1.30478 15.9981 2.04307C16.8782 1.87901 17.7221 1.56259 18.4696 1.12901C18.1802 2.00793 17.5653 2.74621 16.7576 3.21493C17.5413 3.13294 18.3008 2.92196 19 2.62902C18.4696 3.37899 17.8065 4.04693 17.047 4.58602Z' fill='white' /%3E%3C/svg%3E");
}

.instagram {
    background-image: url("data:image/svg+xml, %3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.56062 3.95176C6.29046 3.95176 4.45934 5.78329 4.45934 8.05396C4.45934 10.3246 6.29046 12.1562 8.56062 12.1562C10.8308 12.1562 12.6619 10.3246 12.6619 8.05396C12.6619 5.78329 10.8308 3.95176 8.56062 3.95176ZM8.56062 10.7209C7.09358 10.7209 5.89425 9.52489 5.89425 8.05396C5.89425 6.58302 7.09001 5.38699 8.56062 5.38699C10.0312 5.38699 11.227 6.58302 11.227 8.05396C11.227 9.52489 10.0277 10.7209 8.56062 10.7209ZM13.7863 3.78396C13.7863 4.31592 13.3579 4.74078 12.8297 4.74078C12.2978 4.74078 11.8731 4.31235 11.8731 3.78396C11.8731 3.25556 12.3014 2.82713 12.8297 2.82713C13.3579 2.82713 13.7863 3.25556 13.7863 3.78396ZM16.5026 4.75506C16.4419 3.47335 16.1492 2.33801 15.2105 1.40261C14.2753 0.467209 13.1402 0.17445 11.8588 0.110186C10.5381 0.0352114 6.57959 0.0352114 5.25889 0.110186C3.98104 0.17088 2.84595 0.463639 1.90719 1.39904C0.968431 2.33444 0.679306 3.46978 0.615057 4.75149C0.540098 6.07248 0.540098 10.0319 0.615057 11.3528C0.675737 12.6346 0.968431 13.7699 1.90719 14.7053C2.84595 15.6407 3.97747 15.9335 5.25889 15.9977C6.57959 16.0727 10.5381 16.0727 11.8588 15.9977C13.1402 15.937 14.2753 15.6443 15.2105 14.7053C16.1457 13.7699 16.4384 12.6346 16.5026 11.3528C16.5776 10.0319 16.5776 6.07605 16.5026 4.75506ZM14.7964 12.7702C14.518 13.47 13.979 14.0091 13.2758 14.2912C12.2229 14.7089 9.72426 14.6125 8.56062 14.6125C7.39699 14.6125 4.89481 14.7053 3.8454 14.2912C3.14579 14.0127 2.6068 13.4736 2.32482 12.7702C1.90719 11.717 2.00357 9.21785 2.00357 8.05396C2.00357 6.89006 1.91076 4.38733 2.32482 3.33768C2.60323 2.63791 3.14222 2.09881 3.8454 1.81676C4.89838 1.39904 7.39699 1.49544 8.56062 1.49544C9.72426 1.49544 12.2264 1.40261 13.2758 1.81676C13.9755 2.09524 14.5144 2.63434 14.7964 3.33768C15.2141 4.3909 15.1177 6.89006 15.1177 8.05396C15.1177 9.21785 15.2141 11.7206 14.7964 12.7702Z' fill='white' /%3E%3C/svg%3E");
}

.facebook {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3906 8.93931C16.3906 4.49306 12.81 0.890625 8.39062 0.890625C3.97127 0.890625 0.390625 4.49306 0.390625 8.93931C0.390625 12.9565 3.31611 16.2863 7.14062 16.8906V11.266H5.10837V8.93931H7.14062V7.166C7.14062 5.14896 8.33417 4.0348 10.1622 4.0348C11.0377 4.0348 11.9532 4.19188 11.9532 4.19188V6.1716H10.9442C9.95062 6.1716 9.64062 6.79213 9.64062 7.42856V8.93931H11.8593L11.5045 11.266H9.64062V16.8906C13.4651 16.2863 16.3906 12.9565 16.3906 8.93931Z' fill='white' /%3E%3C/svg%3E");
}

.whatsapp {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1661 2.3875C12.6696 0.8875 10.6768 0.0625 8.55893 0.0625C4.1875 0.0625 0.630357 3.61964 0.630357 7.99107C0.630357 9.3875 0.994643 10.7518 1.6875 11.9554L0.5625 16.0625L4.76607 14.9589C5.92321 15.5911 7.22679 15.9232 8.55536 15.9232H8.55893C12.9268 15.9232 16.5625 12.3661 16.5625 7.99464C16.5625 5.87679 15.6625 3.8875 14.1661 2.3875ZM8.55893 14.5875C7.37321 14.5875 6.2125 14.2696 5.20179 13.6696L4.9625 13.5268L2.46964 14.1804L3.13393 11.7482L2.97679 11.4982C2.31607 10.4482 1.96964 9.2375 1.96964 7.99107C1.96964 4.35893 4.92679 1.40179 8.5625 1.40179C10.3232 1.40179 11.9768 2.0875 13.2196 3.33393C14.4625 4.58036 15.2268 6.23393 15.2232 7.99464C15.2232 11.6304 12.1911 14.5875 8.55893 14.5875ZM12.1732 9.65179C11.9768 9.55179 11.0018 9.07321 10.8196 9.00893C10.6375 8.94107 10.5054 8.90893 10.3732 9.10893C10.2411 9.30893 9.8625 9.75179 9.74464 9.8875C9.63036 10.0196 9.5125 10.0375 9.31607 9.9375C8.15179 9.35536 7.3875 8.89821 6.61964 7.58036C6.41607 7.23036 6.82321 7.25536 7.20179 6.49821C7.26607 6.36607 7.23393 6.25179 7.18393 6.15179C7.13393 6.05179 6.7375 5.07679 6.57321 4.68036C6.4125 4.29464 6.24821 4.34821 6.12679 4.34107C6.0125 4.33393 5.88036 4.33393 5.74821 4.33393C5.61607 4.33393 5.40179 4.38393 5.21964 4.58036C5.0375 4.78036 4.52679 5.25893 4.52679 6.23393C4.52679 7.20893 5.2375 8.15179 5.33393 8.28393C5.43393 8.41607 6.73036 10.4161 8.71964 11.2768C9.97679 11.8196 10.4696 11.8661 11.0982 11.7732C11.4804 11.7161 12.2696 11.2946 12.4339 10.8304C12.5982 10.3661 12.5982 9.96964 12.5482 9.8875C12.5018 9.79821 12.3696 9.74821 12.1732 9.65179Z' fill='white' /%3E%3C/svg%3E");
}

.linkdeen {
    background-image: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.69625 14.5005H0.79375V5.1534H3.69625V14.5005ZM2.24344 3.87838C1.31531 3.87838 0.5625 3.10961 0.5625 2.18146C0.5625 1.73564 0.739598 1.30808 1.05484 0.992834C1.37007 0.677591 1.79763 0.500488 2.24344 0.500488C2.68925 0.500488 3.1168 0.677591 3.43204 0.992834C3.74728 1.30808 3.92438 1.73564 3.92438 2.18146C3.92438 3.10961 3.17125 3.87838 2.24344 3.87838ZM14.5594 14.5005H11.6631V9.95039C11.6631 8.86599 11.6412 7.47533 10.1541 7.47533C8.645 7.47533 8.41375 8.65348 8.41375 9.87226V14.5005H5.51438V5.1534H8.29812V6.42843H8.33875C8.72625 5.69404 9.67281 4.91902 11.085 4.91902C14.0225 4.91902 14.5625 6.85344 14.5625 9.366V14.5005H14.5594Z' fill='white' /%3E%3C/svg%3E");
}

.youtube {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3138 2.38779C16.1298 1.71032 15.5876 1.17676 14.8992 0.995693C13.6515 0.666667 8.64813 0.666667 8.64813 0.666667C8.64813 0.666667 3.64482 0.666667 2.39704 0.995693C1.70865 1.17679 1.16648 1.71032 0.98247 2.38779C0.648134 3.61576 0.648134 6.17778 0.648134 6.17778C0.648134 6.17778 0.648134 8.73981 0.98247 9.96777C1.16648 10.6452 1.70865 11.1566 2.39704 11.3376C3.64482 11.6667 8.64813 11.6667 8.64813 11.6667C8.64813 11.6667 13.6514 11.6667 14.8992 11.3376C15.5876 11.1566 16.1298 10.6452 16.3138 9.96777C16.6481 8.73981 16.6481 6.17778 16.6481 6.17778C16.6481 6.17778 16.6481 3.61576 16.3138 2.38779ZM7.01176 8.50391V3.85165L11.1936 6.17784L7.01176 8.50391Z' fill='white' /%3E%3C/svg%3E");
}

.language-icon {
    background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='20' height='20' fill='url(%23pattern2)' /%3E%3Cdefs%3E%3Cpattern id='pattern2' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_5_1' transform='scale(0.05)' /%3E%3C/pattern%3E%3Cimage id='image0_5_1' width='20' height='20' xlink:href='data:image/png%3Bbase64 iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAB0UlEQVQ4jaWTzUvUYRDHP7ttiEsICWEQgtAliOiQf0BJB0nqYkIQYofAS9LFSwQhJB2CiigsIjp12IspdAoqiK51iei2YNYmRVAEaW/y6fDMxu6v3Z8bfWF4ZniGmfnOS0E9C5wCvtMavcBh4Emb/2aoK2pZpY2Mq7dy/psEdWkDpx61pm7uJGCpAxJfgGpQ/pDjtwZczQtYAn6Ffgc4Cszk%2BO8AKlnKZXUu%2BlpTn6tDanfYXRtQXio2ZCgAi8BnYCAyTgJDQecpcCinwoSGCg%2BoD3OyH1ErDfaEWsxW2NjDfcDj0PuAG0CdwRpwArgN3AfWgYPAGLCTNLRz9cbX8QnYFfpH0gCKwBbgHmnxHwAv470G/AAWgHHgVZZyn7qsDmRoXFIvhz6sLqhTYV9QZ9tRfg9MkfZtHlgBhoGfwGj4PCKtUD%2BwDTgO7G03lLpsV0%2Bq0%2Br%2BFsO5qZ43YTo7lE5OLysj6lf1jPo69vS/Am5S36q96h61Govf1MMRoNZyURPK8a7G%2BwyYAK7E2vxBCTgGnAa6cwL2A1uBF2EPAt9aenZIs0d9E7d8UZ0P6n/dckHNKawJd0kXs5t0JauZ/zJQ/ZeAY0AFeEc6vSy6gOu/AeIvf0QKedVCAAAAAElFTkSuQmCC' /%3E%3C/defs%3E%3C/svg%3E");
}

.envelobe {
    background-image: url("data:image/svg+xml, %3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6779 4.29271C16.8074 4.18776 17 4.28594 17 4.45182V11.375C17 12.2721 16.2861 13 15.4062 13H1.59375C0.713867 13 0 12.2721 0 11.375V4.45521C0 4.28594 0.189258 4.19115 0.32207 4.29609C1.06582 4.88516 2.05195 5.63333 5.43867 8.14193C6.13926 8.66328 7.32129 9.76016 8.5 9.75339C9.68535 9.76354 10.8906 8.64297 11.5646 8.14193C14.9514 5.63333 15.9342 4.88177 16.6779 4.29271ZM8.5 8.66667C9.27031 8.68021 10.3793 7.67813 10.9371 7.2651C15.3432 4.00495 15.6785 3.72057 16.6945 2.90807C16.8871 2.75573 17 2.51875 17 2.26823V1.625C17 0.727865 16.2861 0 15.4062 0H1.59375C0.713867 0 0 0.727865 0 1.625V2.26823C0 2.51875 0.112891 2.75234 0.305469 2.90807C1.32148 3.71719 1.65684 4.00495 6.06289 7.2651C6.6207 7.67813 7.72969 8.68021 8.5 8.66667Z' fill='white'/%3E%3C/svg%3E ");
}

.phone {
    background-image: url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6007 9.8929L10.5382 8.58037C10.4074 8.52462 10.262 8.51287 10.1239 8.5469C9.98579 8.58092 9.8625 8.65889 9.77255 8.76905L8.41628 10.4261C6.28773 9.42252 4.57474 7.70953 3.57116 5.58098L5.22822 4.22471C5.3386 4.13493 5.41673 4.01164 5.45077 3.87349C5.48481 3.73534 5.47292 3.58986 5.41689 3.45907L4.10437 0.396517C4.04287 0.255532 3.93411 0.140423 3.79684 0.0710381C3.65957 0.001653 3.50239 -0.017659 3.3524 0.016432L0.508603 0.672694C0.363998 0.706086 0.234981 0.787506 0.14261 0.903666C0.0502382 1.01983 -3.3311e-05 1.16387 1.65602e-08 1.31228C1.65602e-08 8.32607 5.68486 14 12.6877 14C12.8362 14.0001 12.9803 13.9499 13.0965 13.8575C13.2127 13.7651 13.2942 13.636 13.3276 13.4914L13.9838 10.6476C14.0177 10.4969 13.998 10.3391 13.9281 10.2013C13.8581 10.0636 13.7424 9.95451 13.6007 9.8929Z' fill='%2309B204'/%3E%3C/svg%3E");
}

.calender {
    background-image: url(../images/calender.png);
}

.comment {
    background-image: url(../images/comment.png);
}

.main-slider .owl-dots {
    display: none;
}

.owl-prev, .owl-next {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 1px solid #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    transition: all 0.3s;
}

    .owl-prev:hover, .owl-next:hover {
        background-color: #6dcd1f;
    }


.owl-next {
    left: -30px;
    background: #fff url(../images/left.png) center no-repeat;
}

    .owl-next:hover {
        left: -30px;
        background-image: url(../images/left-white.png);
        background-color: #6dcd1f;
    }

.owl-prev {
    right: -30px;
    background: #fff url(../images/right.png) center no-repeat;
}

    .owl-prev:hover {
        background-image: url(../images/right-white.png);
        background-color: #6dcd1f;
    }

.category__item {
    padding: 35px 50px;
    border-radius: 20px;
    border: 2px solid #f5f5f5;
    transition: all 0.3s;
    height: 100%;
    gap: 16px;
}

.category__img {
    max-width: 200px;
}

.category__title {
    color: #8c8c8c;
    font-size: 32px;
    font-weight: 300;
}

.category__item:hover .category__title {
    color: var(--color-green-primary);
}

.category__item:hover {
    border-color: rgba(109, 205, 31, 30%);
    box-shadow: 0 0 25px 5px #dadada;
}

.section__title span {
    border: 2px solid #6dcd1f;
    background-color: #fff;
    color: #8c8c8c;
    z-index: 5;
    position: relative;
    font-weight: 500;
    font-size: var(--font-size-4);
}

.rtl .section__title span {
    border-right: none;
    border-radius: 20px 0 0 20px;
    padding: 5px 0 5px 10px;
}

.ltr .section__title span {
    border-left: none;
    border-radius: 0 20px 20px 0;
    padding: 5px 10px 5px 0;
}

.section__title::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 2px;
    display: block;
    background-color: #6dcd1f;
    top: calc(50% - 2px)
}

.product__section .owl-stage-outer, .article__section .owl-stage-outer {
    padding: 20px 20px;
    margin: 0 -20px;
}

.product {
    padding: 20px 30px;
}

.sample-box {
    border-style: solid;
    border-width: 2px;
    border-color: rgba(153, 162, 163,0.3);
    border-radius: 20px;
    background-image: -moz-linear-gradient( 90deg, rgba(60,60,59,0.3) 0%, rgba(188,188,188,0.3) 0%, rgba(233,233,233,0.3) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(60,60,59,0.3) 0%, rgba(188,188,188,0.3) 0%, rgba(233,233,233,0.3) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(60,60,59,0.3) 0%, rgba(188,188,188,0.3) 0%, rgba(233,233,233,0.3) 100%);
    transition: all 0.3s;
}

.product:hover .product__title {
    color: #6dcd1f;
}

.product__title {
    color: #4d4d4d;
    font-size: var(--font-size-2);
    font-weight: 300;
}

.product__category {
    color: #d0d0d0;
    font-size: var(--font-size-3);
    font-weight: 300;
}

.product * {
    transition: all 0.3s;
}

.product:hover img {
    transform: scale(-1.1,1.1);
}

.sample-box:hover {
    border-color: rgba(109, 205, 31, 30%);
    box-shadow: 0 0 25px 5px #dadada;
    background: #fff;
}

.wave__wrapper {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 10%;
    width: 230px;
    height: 230px;
    cursor: pointer;
    /* background-color: #4d4d4d; */
    /* opacity: 0.3; */
}

    .wave__wrapper .wave {
        position: absolute;
        border: 1px solid rgb(255, 255, 255);
        border-radius: 50%;
        animation: grow 2s infinite;
    }

.wave-1 {
    width: 60%;
    height: 60%;
}

.wave-2 {
    width: 75%;
    height: 75%;
}

.wave-3 {
    width: 80%;
    height: 80%;
}

.wave-4 {
    width: 95%;
    height: 95%;
}

.video-modal {
    background-color: #fff;
    position: fixed;
    width: 700px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 120;
    border-radius: 20px;
    text-align: center;
    padding: 15px;
    display: none;
}

.video-modal-close {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: white;
    border: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.video-modal video {
    border-radius: 10px;
}

@keyframes grow {
    0% {
        opacity: 1;
    }

    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.video__wrapper {
    height: 350px;
    background-image: url(../images/Group\ 53.png);
    background-size: cover;
    border-radius: 20px;
}

.video__title {
    background-color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    display: table;
    font-size: 28px;
    margin: auto;
    transform: translateY(250px);
    color: #666666;
    font-weight: 500;
}

/* ----------------------------- article section ------------------ */
.article {
    padding: 12px;
}

.article__details {
    color: #b4b4b4;
    font-size: var(--font-size-1);
}

.article__title {
    font-size: var(--font-size-3);
    font-weight: 300;
}

.article__text {
    color: #b4b4b4;
    font-size: var(--font-size-2);
    padding-left: 10px;
}

.article__btn {
    padding: 18px 20px;
    background-color: #8c8c8c;
    border-radius: 20px;
    display: table;
    margin: auto;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s;
}

    .article__btn:hover {
        background-color: #6dcd1f;
    }

.article__img img {
    border-radius: 20px;
}

/* -------------------------------- customer section*/


.customer__section .row {
    padding-top: 50px;
    border-top: 1px solid #b6e68f;
}

.lump {
    width: 14%;
    left: 25%;
    top: -40%;
    animation: jump 1s ease-in-out alternate-reverse infinite;
}

.banner__section {
    margin-top: 115px;
}

@keyframes jump {
    0% {
        top: -40%;
    }

    100% {
        top: -50%;
        /* transform: scale(1,-1) */
    }
}

@media only screen and (max-width:1150px) {
    .owl-prev, .owl-next {
        width: 36px;
        height: 38px;
    }

    .owl-next {
        left: -14px !important;
    }

    .owl-prev {
        right: -14px !important;
    }

    .article__slider .owl-prev, .article__slider .owl-next {
        top: 46%;
    }
}

@media only screen and (max-width:992px) {
    .category__title {
        font-size: 24px;
        white-space: nowrap;
    }
}

@media only screen and (max-width:768px) {
    .category__title {
        font-size: 20px;
        white-space: nowrap;
    }

    .main-slider .owl-prev, .main-slider .owl-next {
        display: none;
    }

    .banner__section {
        margin-top: 65px;
    }

    .video-modal {
        max-width: 90vw;
        padding: 7px;
    }
}

@media only screen and (max-width:576px) {
    .category__title {
        font-size: 24px;
        white-space: nowrap;
    }

    .section__title span {
        font-size: var(--font-size-3);
    }

    .product__title, .product__category {
        font-size: var(--font-size-3);
    }

    .video__title {
        font-size: var(--font-size-3);
    }

    .banner__section {
        margin-top: 45px;
    }

    .main-slider__section {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:500px) {
    .copyright {
        text-align: center;
    }

        .copyright::before, .copyright::after {
            display: none;
        }
}

.product {
    height: 100%;
}

    .product a {
        display: flex !important;
        flex-direction: column;
        justify-content: space-between;
    }

    .product img {
        width: 100%;
        border-radius: 10px;
    }