.wpml-ls-legacy-dropdown{width:15.5em;max-width:100%}.wpml-ls-legacy-dropdown>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language[focus-within] .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-keyboard-open:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-keyboard-open:hover .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-keyboard-open[focus-within] .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus-within .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-keyboard-open:focus-within .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-keyboard-open:focus .wpml-ls-sub-menu,.wpml-ls-legacy-dropdown .wpml-ls-keyboard-open:hover .wpml-ls-sub-menu{visibility:visible}.wpml-ls-legacy-dropdown .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-dropdown a{display:block;text-decoration:none;color:#444;border:1px solid #cdcdcd;background-color:#fff;padding:5px 10px;line-height:1}.wpml-ls-legacy-dropdown a span{vertical-align:middle}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{position:relative;padding-right:calc(10px + 1.4em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding-right:10px;padding-left:calc(10px + 1.4em)}.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{content:"";vertical-align:middle;display:inline-block;border:.35em solid transparent;border-top:.5em solid;position:absolute;right:10px;top:calc(50% - .175em)}.rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right:auto;left:10px}.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,.wpml-ls-legacy-dropdown a:focus,.wpml-ls-legacy-dropdown a:hover{color:#000;background:#eee}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{visibility:hidden;position:absolute;top:100%;right:0;left:0;border-top:1px solid #cdcdcd;padding:0;margin:0;list-style-type:none;z-index:101}.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{border-width:0 1px 1px}.wpml-ls-legacy-dropdown .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-dropdown .wpml-ls-flag+span{margin-left:0;margin-right:.4em}

        .cy-template div[role="progressbar"] {
    --size: 90px;
    --fg: #4682E3;
    --bg: #fff;
    --pgValue: var(--value);
    --pgPercentage: calc(var(--pgValue) * 10);
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: radial-gradient(closest-side, white 85%, transparent 0 99.9%, white 0), conic-gradient(#4682E3 calc(var(--pgPercentage)* 1%), var(--bg) 0);
    font-size: calc(var(--size) / 3.5);
    color: #3D3E50;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
}






.cy-template .hero-section .law {
    color: var(--Blue-CY-primary_Dark, #134FB0);
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border-radius: 8px;
    background: var(--Blue-CY-Primary_Bg-1, #D1E0F8);
    display: inline-block;
    padding: 4px 12px 4px 30px;
position:relative;
}
.cy-template .laws a.toggle-text {
   position:relative;
    border-radius: 8px;
    border: 1px solid var(--Blue-CY-Primary_Bg-1, #D1E0F8);
    background: var(--Blue-CY-Primary_Bg-3, #F1F6FD);
    padding: 4px 26px 4px 12px;
display:inline-block;
}
.cy-template .laws a.toggle-text:after{
content:'';
    top: 0;
    right: 5px;
    position: absolute;
height:100%;
width:16px;
background-image:url(static/image/blue-arrow-right.svg);
background-repeat:no-repeat;
background-size:contain;
background-position:center;
transition:all .2s ease;
}
.cy-template .laws a.toggle-text:hover,
.cy-template .laws a.toggle-text:focus{
text-decoration:none;
}
.cy-template .laws a.toggle-text[aria-expanded=true]:after {
    transform: rotate(270deg);
}
.cy-template .hero-section .law:before {
    height: 100%;
    width: 16px !important;
    margin-left: 8px;
    background-image: url(static/image/green-tick.svg);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.cy-template .steps .step-1, .cy-template .steps .step-2, .cy-template .steps .step-3 {
    position: relative;
    z-index: 1;
}
.cy-template .steps .step-1:before,
.cy-template .steps .step-2:before {
    content: '';
    position: absolute;
    bottom: -60%;
    width: 2px;
    height: 60%;
    background-color: #C4DDFD;
    left: 50%;
    z-index: -1;
}
.cy-template .progress{
    width: 90px;
    height: 90px;
    line-height: 80px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}
.cy-template  .progress:after{
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 8px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.cy-template .progress > span{
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}
.cy-template  .progress .progress-left{
    left: 0;
}
.cy-template .progress .progress-bar{
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}
.cy-template .progress .progress-left .progress-bar{
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}
.cy-template .progress .progress-right{
    right: 0;
}
.cy-template .progress .progress-right .progress-bar{
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 0.5s linear forwards;
}
.cy-template .progress .progress-value{
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #ffffff;
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height:80px;
    color: #3D3E50;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}
.cy-template .progress.blue .progress-bar{
    border-color: #4682E3;
}
.cy-template .progress.blue .progress-left .progress-bar{
    animation: loading-2 0.5s linear forwards 0.5s;
}
.cy-template .white-btn{
border-radius: 50px;
border: 1px solid var(--greyscale-cy-shade-10-bg, #E9E9EB);
background: #FFF;
padding:4px 24px;
box-shadow: 0px 1px 8px 0px rgba(24, 99, 220, 0.17);
}
.cy-template .scanner-bg{
background-image:url(static/image/scanner-bg.png);
background-repeat:no-repeat;
background-size:cover;
    background-position: center;
}
.cy-template .cookie-scanner-form{
max-width:790px;
margin-left:auto;
margin-right:auto;
}
.cy-template .cookie-scanner-form input#url_to_scan {
    border: none;
    background: transparent;
    height: 100%;
padding:.9rem .75rem;
}
.cy-template .cookie-scanner-form input#url_to_scan:focus{
outline:none;
box-shadow:none;
}
.cy-template .cookie-scanner-form .input-group-prepend {
    background: #fff;
    border-radius: 4px;
    border: 1px solid var(--greyscale-cy-shade-30-line, #BEBFC5);
    background: var(--White, #FFF);
margin-right:16px;
width: calc(100% - 228px);
}
.cy-template .cookie-scanner-form button#scan_cookie {
    max-width: 210px;
}
.cy-template .cookie-scanner-form  span.input-group-text {
    background: transparent;
    border: none;
    padding: 16px 0 16px 16px;
}
.cy-template .scanner-loader .loader-track {
    max-width: 815px;
width:100%;
    position: relative;
    height: 20px;
    background: #fff;
    border-radius: 50px;
    margin: auto;
}
.cy-template .scanner-loader .loader-thumb {
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: #1578F7;
    border-radius: 50px;
transition: all .5s ease;
}
.cy-template .scanner-result span.cat-color {
    height: 15px;
    width: 15px;
    border-radius: 2px;
}
.cy-template .scanner-result .green-label {
    display: inline-block;
    border-radius: 8px;
    border: 0.5px solid var(--Green-CY-Green, #2DAD70);
    background: var(--Green-light-30, #B3DED0);
    padding: 4px 12px;
}
@media(min-width:992px){
.cy-template .hero-section img.hero-img{
transform: scale(1.3);
}
}
@media(min-width:768px){
.scrollable-div{
max-height:550px;
overflow-y:auto;
overflow-x:hidden;
        cursor: all-scroll;
}

.cy-template .steps .step-1:before,
.cy-template .steps .step-2:before {
   
    left: 70%;
    height: 2px;
    width: 60%;
    top: 57px;
}
}
@media(max-width:500px){
.cookie-scanner-form .input-group{
display:inline-block;
}
.cookie-scanner-form .input-group .input-group-prepend {
    width: 100%;
    margin: 0 0 12px 0;
}
.cookie-scanner-form .input-group button#scan_cookie {
    width: 100%;
    max-width: 100%;
}
}