@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800&family=Poppins:wght@400;500;600;700&display=swap');

:root{
    --afix-cc-button-size:56px;
    --afix-cc-mobile-button-size:50px;
    --afix-cc-icon-size:25px;
    --afix-cc-bg-1:#0B2341;
    --afix-cc-bg-2:#F7941D;
    --afix-cc-icon-color:#fff;
    --afix-cc-border-color:#fff;
    --afix-cc-border-width:3px;
    --afix-cc-shadow:22;
    --afix-cc-popup-width:320px;
    --afix-cc-popup-bg:#fff;
    --afix-cc-popup-radius:24px;
    --afix-cc-heading:#0B2341;
    --afix-cc-accent:#F7941D;
}

.afix-cc-widget{
    position:fixed;
    z-index:999999;
    font-family:Poppins,Arial,sans-serif;
    line-height:1.5;
    --afix-cc-horizontal-offset:22px;
    --afix-cc-vertical-offset:0px;
}

.afix-cc-widget.afix-side-right{right:var(--afix-cc-horizontal-offset)}
.afix-cc-widget.afix-side-left{left:var(--afix-cc-horizontal-offset)}
.afix-cc-widget.afix-vertical-top{top:calc(90px + var(--afix-cc-vertical-offset))}
.afix-cc-widget.afix-vertical-middle{top:50%;transform:translateY(-50%)}
.afix-cc-widget.afix-vertical-bottom{bottom:calc(24px + var(--afix-cc-vertical-offset))}
.afix-cc-widget.afix-vertical-custom{top:var(--afix-cc-vertical-offset)}

.afix-cc-floating-button{
    position:relative;
    width:var(--afix-cc-button-size);
    height:var(--afix-cc-button-size);
    min-width:var(--afix-cc-button-size);
    min-height:var(--afix-cc-button-size);
    border-radius:50%;
    border:var(--afix-cc-border-width) solid var(--afix-cc-border-color);
    background:linear-gradient(145deg,var(--afix-cc-bg-1),var(--afix-cc-bg-2));
    box-shadow:0 14px calc(var(--afix-cc-shadow) * 1px) rgba(11,35,65,.3),0 5px 12px rgba(247,148,29,.2);
    color:var(--afix-cc-icon-color);
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    padding:0;
    transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
    isolation:isolate;
}

.afix-cc-floating-button::before{
    content:"";
    position:absolute;
    inset:-7px;
    border-radius:inherit;
    background:conic-gradient(from 0deg,transparent 0 25%,rgba(247,148,29,.35),transparent 55% 100%);
    z-index:-1;
    opacity:.8;
    animation:afixRing 6s linear infinite;
}

.afix-cc-floating-button:hover{
    transform:translateY(-3px) scale(1.04);
    filter:saturate(1.08);
    box-shadow:0 18px calc((var(--afix-cc-shadow) + 8) * 1px) rgba(11,35,65,.35),0 8px 18px rgba(247,148,29,.25);
}

.afix-cc-main-icon,.afix-cc-close-icon{
    font-size:var(--afix-cc-icon-size);
    line-height:1;
    transition:opacity .2s ease,transform .28s ease;
}
.afix-cc-close-icon{position:absolute;font-family:Arial,sans-serif;font-size:31px;opacity:0;transform:rotate(-90deg) scale(.7)}
.afix-cc-widget.is-open .afix-cc-main-icon{opacity:0;transform:rotate(90deg) scale(.7)}
.afix-cc-widget.is-open .afix-cc-close-icon{opacity:1;transform:rotate(0) scale(1)}

.afix-cc-tooltip{
    position:absolute;
    top:50%;
    transform:translateY(-50%) translateX(5px);
    background:#0B2341;
    color:#fff;
    font-size:12px;
    font-weight:600;
    white-space:nowrap;
    padding:8px 11px;
    border-radius:9px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.22s ease;
    box-shadow:0 8px 20px rgba(11,35,65,.22);
}
.afix-side-right .afix-cc-tooltip{right:calc(100% + 11px)}
.afix-side-left .afix-cc-tooltip{left:calc(100% + 11px)}
.afix-cc-floating-button:hover .afix-cc-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}

.afix-cc-popup{
    max-height:calc(100vh - 36px);
    position:absolute;
    width:min(var(--afix-cc-popup-width),calc(100vw - 28px));
    background:var(--afix-cc-popup-bg);
    border:1px solid rgba(11,35,65,.08);
    border-radius:var(--afix-cc-popup-radius);
    box-shadow:0 28px 70px rgba(11,35,65,.22),0 8px 24px rgba(11,35,65,.1);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(14px) scale(.96);
    transform-origin:bottom right;
    transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .25s ease;
    overflow:visible;
    backdrop-filter:blur(16px);
}
.afix-side-right .afix-cc-popup{
    max-height:calc(100vh - 36px);right:calc(100% + 16px);bottom:0}
.afix-side-left .afix-cc-popup{
    max-height:calc(100vh - 36px);left:calc(100% + 16px);bottom:0;transform-origin:bottom left}
.afix-vertical-top .afix-cc-popup{
    max-height:calc(100vh - 36px);top:0;bottom:auto}
.afix-cc-widget.is-open .afix-cc-popup{
    max-height:calc(100vh - 36px);opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}

.afix-cc-popup-glow{
    position:absolute;
    inset:0;
    border-radius:inherit;
    overflow:hidden;
    pointer-events:none;
}
.afix-cc-popup-glow::before{
    content:"";
    position:absolute;
    width:170px;height:170px;
    top:-110px;right:-70px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(247,148,29,.2),transparent 67%);
}

.afix-cc-profile{
    position:absolute;
    top:-23px;
    left:26px;
    display:flex;
    z-index:3;
}
.afix-cc-profile-ring{
    width:50px;height:50px;
    border-radius:50%;
    padding:4px;
    background:linear-gradient(145deg,var(--afix-cc-bg-1),var(--afix-cc-bg-2));
    box-shadow:0 10px 26px rgba(11,35,65,.24);
}
.afix-cc-profile img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}
.afix-cc-live-dot{
    position:absolute;
    width:13px;height:13px;
    right:1px;bottom:3px;
    background:#23c55e;
    border:3px solid #fff;
    border-radius:50%;
}

.afix-cc-popup-content{padding:30px 18px 15px}
.afix-cc-heading-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.afix-cc-eyebrow{display:block;color:var(--afix-cc-accent);font-size:9px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800;margin-bottom:3px}
.afix-cc-heading-row h2{font-family:Montserrat,Arial,sans-serif!important;font-weight:800!important;color:var(--afix-cc-heading)!important;font-size:19px!important;line-height:1.15!important;margin:0 0 3px!important}
.afix-cc-heading-row p{margin:0 0 12px;color:#657186;font-size:11.5px;line-height:1.45}
.afix-cc-inside-close{
    border:0;background:#eef2f6;color:#536174;width:27px;height:27px;border-radius:50%;
    font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
    transition:.2s ease;flex:0 0 auto;margin-top:-6px
}
.afix-cc-inside-close:hover{background:#e4eaf0;color:#0B2341;transform:rotate(8deg)}

.afix-cc-form label{display:block;color:#25354a;font-size:11px;font-weight:700;margin:0 0 5px}
.afix-cc-input-wrap,.afix-cc-select-wrap{
    display:flex;align-items:center;border:1px solid #dfe6ee;background:#f8fafc;border-radius:13px;
    min-height:42px;margin-bottom:10px;transition:border-color .2s,box-shadow .2s,background .2s;
}
.afix-cc-input-wrap:focus-within,.afix-cc-select-wrap:focus-within{border-color:var(--afix-cc-accent);background:#fff;box-shadow:0 0 0 4px rgba(247,148,29,.1)}
.afix-cc-input-wrap>span{padding-left:14px;font-size:12px;font-weight:800;color:#0B2341}
.afix-cc-input-wrap input,.afix-cc-select-wrap select{
    width:100%;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
    color:#0B2341!important;font-family:Poppins,Arial,sans-serif!important;font-size:14px!important;font-weight:700!important;
    min-height:40px!important;margin:0!important
}
.afix-cc-input-wrap input{padding:0 13px 0 8px!important}
.afix-cc-select-wrap select{padding:0 38px 0 13px!important;cursor:pointer}
.afix-cc-error{color:#c43b3b;font-size:11px;min-height:16px;margin:-4px 0 7px}

.afix-cc-convert-button{
    width:100%;height:42px;border:0;border-radius:13px;cursor:pointer;
    background:linear-gradient(135deg,var(--afix-cc-bg-1),var(--afix-cc-accent));
    color:#fff;font-family:Poppins,Arial,sans-serif;font-size:13px;font-weight:700;
    box-shadow:0 10px 22px rgba(11,35,65,.2);
    display:flex;align-items:center;justify-content:center;transition:.25s ease;
}
.afix-cc-convert-button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(11,35,65,.27)}
.afix-cc-convert-button:disabled{cursor:wait;opacity:.84}
.afix-cc-loader{display:none;gap:4px}
.afix-cc-loader i{width:5px;height:5px;background:#fff;border-radius:50%;animation:afixDots .9s infinite ease-in-out}
.afix-cc-loader i:nth-child(2){animation-delay:.15s}
.afix-cc-loader i:nth-child(3){animation-delay:.3s}
.afix-cc-convert-button.is-loading .afix-cc-button-label{display:none}
.afix-cc-convert-button.is-loading .afix-cc-loader{display:flex}
.afix-cc-convert-button.is-success{background:linear-gradient(135deg,#138a4b,#24bd70)}

.afix-cc-result{
    margin-top:10px;padding:11px 13px;border-radius:15px;
    background:linear-gradient(135deg,#f4f7fb,#fff8ef);
    border:1px solid rgba(247,148,29,.18);
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    transform:translateY(3px);transition:.3s ease
}
.afix-cc-result.is-visible{animation:afixResult .4s ease}
.afix-cc-result span{display:block;color:#738095;font-size:10.5px;font-weight:600;margin-bottom:2px}
.afix-cc-result strong{display:block;color:var(--afix-cc-heading);font-family:Montserrat,Arial,sans-serif;font-size:17px;font-weight:800;word-break:break-word}
.afix-cc-result-code{padding:6px 9px;border-radius:9px;background:#0B2341;color:#fff!important;font-size:10px!important;font-weight:800!important;margin:0!important}

.afix-cc-rate-meta{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#778398;font-size:9px}
.afix-cc-rate-status{display:flex;align-items:center;gap:5px}
.afix-cc-rate-status i{width:6px;height:6px;border-radius:50%;background:#23c55e;box-shadow:0 0 0 3px rgba(35,197,94,.12)}
.afix-cc-disclaimer{margin:8px 0 0;padding-top:8px;border-top:1px solid #edf0f4;color:#8a94a5;font-size:8px;line-height:1.45}

.afix-animation-float .afix-cc-floating-button{animation:afixFloat 3.8s ease-in-out infinite}
.afix-animation-pulse .afix-cc-floating-button{animation:afixPulse 2.5s ease-in-out infinite}
.afix-animation-spin .afix-cc-main-icon{animation:afixTilt 3s ease-in-out infinite}

@keyframes afixFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes afixPulse{0%,100%{box-shadow:0 14px calc(var(--afix-cc-shadow)*1px) rgba(11,35,65,.3),0 0 0 0 rgba(247,148,29,.24)}50%{box-shadow:0 14px calc(var(--afix-cc-shadow)*1px) rgba(11,35,65,.3),0 0 0 10px rgba(247,148,29,0)}}
@keyframes afixTilt{0%,100%{transform:rotate(0)}40%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}}
@keyframes afixRing{to{transform:rotate(360deg)}}
@keyframes afixDots{0%,80%,100%{transform:scale(.55);opacity:.45}40%{transform:scale(1);opacity:1}}
@keyframes afixResult{0%{opacity:.4;transform:translateY(6px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:767px){
    .afix-cc-widget{right:16px;left:auto}
    .afix-cc-widget.afix-side-left{left:16px;right:auto}
    .afix-cc-floating-button{width:var(--afix-cc-mobile-button-size);height:var(--afix-cc-mobile-button-size);min-width:var(--afix-cc-mobile-button-size);min-height:var(--afix-cc-mobile-button-size)}
    .afix-cc-tooltip{display:none}
    .afix-cc-popup{
    max-height:calc(100vh - 36px);position:fixed!important;left:14px!important;right:14px!important;bottom:calc(16px + var(--afix-cc-mobile-button-size))!important;top:auto!important;width:auto!important;max-height:calc(100vh - 100px);overflow:auto;transform-origin:bottom center}
    .afix-cc-popup-content{padding:36px 18px 18px}
}
@media(prefers-reduced-motion:reduce){
    .afix-cc-floating-button,.afix-cc-main-icon,.afix-cc-popup,.afix-cc-loader i{animation:none!important;transition:none!important}
}


/* Afix CC v1.0.2 — mobile profile icon clipping fix */
@media (max-width: 767px){
    .afix-cc-popup{
        overflow-y:auto !important;
        overflow-x:hidden !important;
    }

    .afix-cc-popup-content{
        padding-top:64px !important;
    }

    .afix-cc-profile{
        top:12px !important;
        left:18px !important;
    }

    .afix-cc-profile-ring{
        width:46px !important;
        height:46px !important;
    }

    .afix-cc-live-dot{
        right:0 !important;
        bottom:2px !important;
    }
}