.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);button&{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}&.swiper-scrollbar-vertical,.swiper-vertical>&{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.main-box{background:#ffdb05;background:-moz-linear-gradient(45deg,transparent 0,#ffdb05 10px),-moz-linear-gradient(135deg,transparent 30px,#ffdb05 10px),-moz-linear-gradient(225deg,transparent 0,#ffdb05 10px),-moz-linear-gradient(315deg,transparent 30px,#ffdb05 10px);background:-o-linear-gradient(45deg,transparent 0,#ffdb05 10px),-o-linear-gradient(135deg,transparent 30px,#ffdb05 10px),-o-linear-gradient(225deg,transparent 0,#ffdb05 10px),-o-linear-gradient(315deg,transparent 30px,#ffdb05 10px);background:-webkit-linear-gradient(45deg,transparent,#ffdb05 10px),-webkit-linear-gradient(145deg,transparent 20px,#ffdb05 0),-webkit-linear-gradient(225deg,transparent,#ffdb05 10px),-webkit-linear-gradient(325deg,transparent 20px,#ffdb05 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat;transition:all .5s;height:270px;width:270px}.main-box:after{background:-webkit-linear-gradient(45deg,transparent,#000 10px),-webkit-linear-gradient(135deg,transparent 40px,#000 0),-webkit-linear-gradient(225deg,transparent,#000 10px),-webkit-linear-gradient(315deg,transparent 40px,#000 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat;height:260px;width:260px}.content-main-box{background:-webkit-linear-gradient(45deg,transparent,transparent 10px),-webkit-linear-gradient(135deg,transparent 40px,transparent 0),-webkit-linear-gradient(225deg,transparent,transparent 10px),-webkit-linear-gradient(315deg,transparent 40px,transparent 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;width:calc(100% - 10px)}.content-main-box img{object-fit:cover;clip-path:polygon(10% 0,100% 0,100% 85%,90% 100%,0 100%,0 15%)}.border-main-box{--b:3px;--c:#0000 25%,#ffdb05 0;background:conic-gradient(from 180deg at top 4px right 4px,var(--c)) 100% 0,conic-gradient(from 0deg at bottom 4px left 4px,#0000 25%,#ffdb05 0) 0 100%;background-size:80px 80px;background-repeat:no-repeat;transition:.6s;height:200px;width:200px}@media screen and (width <= 768px){.main-box{background:-moz-linear-gradient(45deg,transparent 0,#ffdb05 10px),-moz-linear-gradient(135deg,transparent 30px,#ffdb05 10px),-moz-linear-gradient(225deg,transparent 0,#ffdb05 10px),-moz-linear-gradient(315deg,transparent 30px,#ffdb05 10px);background:-o-linear-gradient(45deg,transparent 0,#ffdb05 10px),-o-linear-gradient(135deg,transparent 30px,#ffdb05 10px),-o-linear-gradient(225deg,transparent 0,#ffdb05 10px),-o-linear-gradient(315deg,transparent 30px,#ffdb05 10px);background:-webkit-linear-gradient(45deg,transparent,#ffdb05 10px),-webkit-linear-gradient(135deg,transparent 20px,#ffdb05 0),-webkit-linear-gradient(225deg,transparent,#ffdb05 10px),-webkit-linear-gradient(315deg,transparent 20px,#ffdb05 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat;height:190px;width:190px}.main-box:after{background:-webkit-linear-gradient(45deg,transparent,#000 10px),-webkit-linear-gradient(135deg,transparent 20px,#000 0),-webkit-linear-gradient(225deg,transparent,#000 10px),-webkit-linear-gradient(315deg,transparent 20px,#000 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat;height:180px;width:180px}.content-main-box img{clip-path:polygon(18% 0,100% 0,100% 82%,82% 100%,0 100%,0 18%)}.border-main-box{background-size:50px 50px;height:155px;width:155px}}@media screen and (width < 640px){.main-box{background:-moz-linear-gradient(45deg,transparent 0,#ffdb05 10px),-moz-linear-gradient(135deg,transparent 30px,#ffdb05 10px),-moz-linear-gradient(225deg,transparent 0,#ffdb05 10px),-moz-linear-gradient(315deg,transparent 30px,#ffdb05 10px);background:-o-linear-gradient(45deg,transparent 0,#ffdb05 10px),-o-linear-gradient(135deg,transparent 30px,#ffdb05 10px),-o-linear-gradient(225deg,transparent 0,#ffdb05 10px),-o-linear-gradient(315deg,transparent 30px,#ffdb05 10px);background:-webkit-linear-gradient(45deg,transparent,#ffdb05 10px),-webkit-linear-gradient(135deg,transparent 20px,#ffdb05 0),-webkit-linear-gradient(225deg,transparent,#ffdb05 10px),-webkit-linear-gradient(315deg,transparent 20px,#ffdb05 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat;height:160px;width:160px}.main-box:after{background:-webkit-linear-gradient(45deg,transparent,#000 10px),-webkit-linear-gradient(135deg,transparent 20px,#000 0),-webkit-linear-gradient(225deg,transparent,#000 10px),-webkit-linear-gradient(315deg,transparent 20px,#000 0);background-position:0 100%,100% 100%,100% 0,0 0;-moz-background-size:50% 50%;-webkit-background-size:50% 50%;background-size:50% 50%;background-repeat:no-repeat;height:150px;width:150px}.border-main-box{background-size:50px 50px;height:125px;width:125px}}