.cookie-main{background: #000;color: #fff;padding: 50px 100px;position: fixed;bottom: 0;z-index: 9999;}
.cookie-container{}
.cookie-main .row{width: 100%;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.cookie-main .row .col-6{width:50%;}
.cookie-main span a{color:#0e82c6;font-weight: 700;}
.cookie-main span a:hover{color:#0e82c6;}
.cookie-main .button{padding: 10px 40px;border-radius: 30px;margin-left: 20px;display:inline-block;}
.cookie-main .button.deny-btn{background: #d9d9d9;color: #000;}
.cookie-main .button.accept-btn{background: #3C7E39;color: #fff;}
.cookie-main .button.pref-btn{border: 2px solid #fff;color: #fff;padding: 10px 50px;background-color:unset;}
.cookie-main .cross-icon{margin-left: 20px;color: #fff;border: 2px solid #fff;border-radius: 50%;width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 27px;}
.cookie-main .align-right{text-align:right;}
.cookie-preference-main{position: fixed;top: 0;left: 0;z-index: 9999999;width: 100%;height: 100%;}
.cookie-preference-main .cookie-preference-overlay{backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.5);opacity: 1;width: 100%;height: 100%;position: absolute;}
.cookie-preference-main .cookie-preference-container{margin: 0 auto;width: 520px;top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);}
.cookie-preference-main p{color:#fff;font-size:13px;}
.cookie-preference-main .cookie-preference-container .cookie-preference-content{
    background: #000;
    padding: 30px;
    color: #fff;
    border-radius: 20px;
}
.cookie-preference-main .cookie-head{
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}
.cookie-preference-main .cookie-head .left{width:20%;padding:0 15px;}
.cookie-preference-main .cookie-head .left img{width:30px;cursor:pointer;}
.cookie-preference-main .cookie-head .right{width:80%;text-align:center;}
.cookie-preference-main .cookie-head .right span{font-size:20px;}
.cookie-preference-main .cookie-content{}
.cookie-preference-main .cookie-content .content-row{
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}
.cookie-preference-main .cookie-content .content-row .content-action{width:20%;}
.cookie-preference-main .cookie-content .content-row .content-message{width:80%;}
.cookie-preference-main .cookie-content .content-row .content-message .heading{}
.cookie-preference-main .cookie-content .content-row .content-message .heading a{color:white;}
.cookie-preference-main .cookie-footer{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.cookie-preference-main .cookie-footer .button{}
.cookie-preference-main .cookie-footer .button.confirm-btn{
    background: #3C7E39;
    padding: 10px 40px;
    border-radius: 30px;
    cursor:pointer;
}

/* Swatches  */
.cookie-switches label {cursor: pointer;}
.cookie-switches [type="checkbox"] {position: absolute;left: -9999px;}
.cookie-switches li::before {position: absolute;top: 50%;left: -30px;transform: translateY(-50%);font-size: 2rem;font-weight: bold;color: var(--pink);}
.cookie-switches label {display: flex;align-items: center;justify-content: space-between;padding: 15px;}
.cookie-switches span:last-child {position: relative;width: 50px;height: 26px;border-radius: 15px;background: #d9d9d9;transition: all 0.3s;}
.cookie-switches span:last-child::before,
.cookie-switches span:last-child::after {content: "";position: absolute;}
.cookie-switches span:last-child::before {left: 1px;top: 1px;width: 24px;height: 24px;background: #5b5c5a;border-radius: 50%;z-index: 1;transition: transform 0.3s;}

.cookie-switches [type="checkbox"]:checked + label span:last-child::before {}


.cookie-switches [type="checkbox"]:checked + label span:last-child {background: #d0edc2;}
.cookie-switches [type="checkbox"]:checked + label span:last-child::before {transform: translateX(24px);left: 1px;top: 1px;width: 24px;height: 24px;background: #3C7E39;border-radius: 50%;z-index: 1;transition: transform 0.3s;}
.cookie-switches [type="checkbox"]:checked + label span:last-child::after {width: 14px;height: 14px;left: 30px;background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/162656/checkmark-switcher.svg);background-size: 14px 14px;top: 12px;z-index: 999;}
.cookie-switches span:last-child::after {top: 50%;right: 32px;width: 12px;height: 12px;transform: translateY(-50%);background: url(/img/uncheck-switcher.svg);background-size: 12px 12px;
    z-index: 99;}
/* Swatches  */


@media all and (max-width:1545px) {
    .cookie-main{padding:50px 100px;}
}

@media all and (max-width:1345px) {
    .cookie-main{padding:50px 50px;}
}

@media all and (max-width:1245px) {
    .cookie-main{padding:30px 30px;}
}

@media all and (max-width:1205px) {
    .cookie-main .cross-icon{margin-left:10px;}
    .cookie-main .button{margin-left:10px;}
}

@media all and (max-width:1125px) {
    .cookie-main .row{display:inline-block;}
    .cookie-main .row .col-6{width:100%;text-align:center;margin-top:20px;}
    .cookie-main .cross-icon{
        margin-left: 10px;
        position: absolute;
        top: 10px;
        right: 10px;
        border-color: #3C7E39;
        color: #fff;
        background: #3C7E39;
    }
}
@media all and (max-width:767px) {
    .cookie-main .row .col-6{max-width:unset;}
    .cookie-main .cross-icon{right:-20px;}
    .cookie-main{width:100%;max-width:767px;}
}
@media all and (max-width:570px) {
    .cookie-main{padding:20px;}
    .cookie-main .button{margin-bottom:10px;}
    .cookie-preference-main .cookie-preference-container{width:90%;}
    .cookie-switches label{padding:0;}
}

@media all and (max-width:400px) {
    .cookie-preference-main .cookie-preference-container .cookie-preference-content{padding:10px;}
}