.card-carousel .btn-control-prev:hover,.card-carousel .btn-control-next:hover{box-shadow:0 4px 12px 0 #50A0E64D} .card-carousel .btn-control-prev:focus,.card-carousel .btn-control-next:focus{outline-offset:3px} .card-carousel .gradient-circular-btn{flex-shrink:0;height:45px;width:45px;border-radius:40px;border:2px solid transparent;background:linear-gradient(#e6f1fb,#e6f1fb) padding-box,linear-gradient(88deg,#029ccf -17.09%,#0167b8 100.29%) border-box} html[dir='rtl'] .card-carousel .btn.gradient-circular-btn{transform:rotate(180deg)} @media screen and (min-width:540px) and (max-width:859.99px){.card-carousel .container{padding-left:38px;padding-right:38px;width:100%} } @media screen and (max-width:539.99px){.card-carousel .container{padding-left:16px;padding-right:16px;width:100%} .card-carousel .carousel-product-card{display:flex;flex-flow:column;flex-direction:column-reverse} .card-carousel .carousel-btns{display:block;width:100%} .card-carousel .carousel .control{display:flex !important;gap:16px !important;justify-content:space-between} .card-carousel .carousel-product-card .container>h2{position:absolute;top:0} } .card-carousel .carousel .control{display:flex !important;gap:16px !important} .card-carousel .carousel-controls.text-right .btn-control-prev .glyph-prepend-back::before,.card-carousel .carousel-controls.text-right .btn-control-next .glyph-prepend-forward::before{left:11px;position:absolute;top:12px;font-weight:600;color:#112d52} .card-carousel .carousel .carousel-item .slide-item.pl-sm-3:first-child{padding-left:.75rem !important} .card-carousel .carousel .carousel-item .slide-item.pr-sm-3:last-child{padding-right:.75rem !important} .card-carousel .carousel .carousel-item .carousel-image-border{border-color:#029ccf}