body,html{min-height:100%}
body {background:linear-gradient(45deg,#110a7b,#308fdf)}
@media (min-width:1200px){
   .container,.container-lg,.container-md,.container-sm,.container-xl{max-width:800px}
}
.banner{padding:5rem;background-position:center;background-size:cover;background-repeat:no-repeat; position: relative;}
.banner p{font-size:3rem;font-weight:800;font-style:italic;line-height:1.2; color:#fff}
.gradient-text{background-image:linear-gradient(180deg,#f9f9f9 0,#fbefa9 50%,#602210 51%,#ffe561 75%,#fcf9ca 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 0px #f6cd16) drop-shadow(1px 2px 0px #602210) drop-shadow(1px 3px 0px #602210)}
.modal-header{border-bottom:0}
.modal-header p{margin:0}
.modal-header .btn-close{box-shadow:none;background-size:12px}
.modal-body{display:flex;flex-direction:column;padding-top:0;gap:15px}
.link-item{--border-width: 4px;--radius:24px;position:relative;border-radius:var(--radius);border:var(--border-width) solid transparent;display:flex;align-items:center;background-color: #ffffff;padding: 10px 0 10px 10px;margin-top:1.5rem;transition:.3s;box-shadow: 0 0 15px rgba(0,0,0,0.85) inset;}
.link-item::before{content:" ";position:absolute;inset:calc(var(--border-width) * -1);z-index:0;border:inherit;border-radius:inherit;background-image:conic-gradient(from var(--angle),#381d6a 80%,#e0d1ff 88%,#e0d1ff 92%,#381d6a 100%);background-origin:border-box;-webkit-mask:linear-gradient(black,black) content-box,linear-gradient(black,black);mask:linear-gradient(black,black),linear-gradient(black,black);-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 3s linear infinite}
.link-item .item-url{display:flex;align-items:center;gap:10px;text-decoration:none;color:#000;text-align: left;line-height: 1.2;font-style: italic;font-weight: 700;letter-spacing: -.5px;position:relative;z-index:2}
.link-item .item-url .brand{border-radius: 1rem;width: 100px;object-fit: contain;height: 100px;}
.link-item .sharepopup{margin-left:auto;font-size:1.35em;background: rgb(246 246 246);border-radius: 50px;position: absolute;z-index: 1;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;box-shadow: 0 5px 10px rgba(0,0,0,0.15);border: 3px solid #fff;top: 0;right: -10px;}
.link-item:hover{transform:scale(1.01);transition:.3s}
.socialmodal .share-btn{display:flex;gap:10px;border:1px solid #6c757d;padding:.5rem 1rem;border-radius:.35rem;text-decoration:none;color:#6c757d}
.socialmodal .share-btn:hover{background-color:#dcefff;border-color:#dcefff}
.socialmodal .share-btn:after{content:"\ea6e";font-family:remixicon!important;margin-left:auto}

@property --angle{syntax:"<angle>";inherits:true;initial-value:0turn}
@keyframes spin{
   to{--angle:1turn}
}
@media (max-width:767px){
   .banner { padding: 3rem;}
   .banner p {font-size: 2.2rem;}
   .link-item {padding: 15px 10px;}
   .link-item .item-url {flex-direction: column;text-align: center;}
}