.cookie-control-popup {
            width: 100%;
            height: auto;
            position: fixed;
            left: 0;
            bottom: 0;
            z-index: 999;
            display: flex;
            align-items: flex-end;
        }

        .cookie-control-popup::before {
            content: "";
            width: 100%;
            height: 100%;
            position: fixed;
            left: 0;
            top: 0;
            z-index: -1;
            background-color: #272727b5;
        }

        .cookie-control-popup-main {
            width: 100%;
            position: relative;
            z-index: 2;
            background: #ffffff;
        }

        .cookie-control-popup-main-context {
            max-width: 1110px;
            width: 100%;
            padding: 30px 0;
            margin: 0 auto;
            display: flex;
            align-items: center;
            gap: 2rem;
        }

        @media(max-width:1200px) {
            .cookie-control-popup-main-context {
                width: 90%;
            }
        }

        @media(max-width:768px) {
            .cookie-control-popup-main-context {
                flex-direction: column;
                align-items: center;
                justify-content: center;
            }
        }

        .cookie-control-popup-main-detail {
            color: var(--colorGray2);
        }

        .cookie-control-popup-main-button {
            display: flex;
            flex-direction: column;
            gap: .7rem;
        }

        .cookie-control-popup-main-button .sec-button {
            border: 1px solid #FF671D;
            border-radius: 20px;
            width: 200px;
            height: 50px;
            background: #FF671D;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: .5rem;
        }

        .cookie-control-popup-main-button .sec-button svg {
            margin-top: -3px;
        }

        .cookie-control-popup-main-button .sec-button svg path {
            fill: #ffffff;
        }

        .cookie-control-popup-main-button .sec-button.outline {
            background-color: transparent;
            color: #FF671D;
        }

        .cookie-control-popup-main-button .sec-button.outline svg path {
            fill: #FF671D;
        }

        .cookie-control-popup-main-button .clear-button {
            background-color: transparent;
            border: unset;
            margin-top: 1rem;
            color: #FF671D;
            position: unset;
            width: unset;
            height: unset;
        }

        .cookie-control-button {
            width: 90px;
            height: 90px;
            position: fixed;
            bottom: 35px;
            left: 38px;
            margin: 0;
            padding: 0;
            border: unset;
            background: #fff;
            border-radius: 50%;
            z-index: 9;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cookie-control-button svg {
            width: 55px;
            height: 55px;
        }

        @media(max-width:991px) {
            .cookie-control-button {
                width: 60px;
                height: 60px;
                left: 30px;
                bottom: 30px;
            }

            .cookie-control-button svg {
                width: 30px;
                height: 30px;
            }

        }

        .cookie-popup.active {
            pointer-events: all !important;
        }

        .cookie-popup.active .cookie-popup-main {
            top: 50%;
        }

        .cookie-popup {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 99999;
            pointer-events: none !important;
            /* background-color: #00000029; */
        }

        .cookie-popup-main {
            position: absolute;
            left: 50%;
            /* top: 50%; */
            top: -100%;
            transform: translate(-50%, -50%);
            width: 100%;
            max-width: 600px;
            height: 800px;
            background: #fff;
            box-shadow: 0px 10px 30px #00000029;
            border-radius: 20px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            transition: all .3s;
            zoom: .9;
        }

        @media(max-width:768px) {
            .cookie-popup-main {
                width: 90%;
                zoom: 1;
            }

        }

        @media(max-height:900px) {
            .cookie-popup {
                overflow: auto;
            }

            .cookie-popup.active .cookie-popup-main {
                top: 2rem;
                bottom: 2rem;
                transform: translateX(-50%);
            }
        }

        .cookie-popup-main .cookie-popup-main-header {
            width: 100%;
            height: 140px;
            background-color: #FF671D;
            position: relative;
            padding-left: 43px;
            padding-bottom: 18px;
            display: flex;
            align-items: flex-end;
        }

        @media(max-width:768px) {
            .cookie-popup-main .cookie-popup-main-header {
                height: 120px;
            }

            .cookie-popup-main .cookie-popup-main-header::before {
                background-size: cover;
            }
        }

        .cookie-popup-main .cookie-popup-main-header::before {
            content: "";
            background: url('/assets/img/cookie-popup-header.svg') no-repeat center center;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        .cookie-popup-main .cookie-popup-main-header h3 {
            font-size: 40px;
            letter-spacing: 0.16px;
            line-height: 54px;
            color: #ffffff;
            font-family: 'Nunito', sans-serif;
            position: relative;
            z-index: 2;
            margin: 0;
        }

        @media(max-width:600px) {
            .cookie-popup-main .cookie-popup-main-header h3 {
                font-size: 25px;
            }
        }

        .cookie-popup-main .cookie-popup-main-header .close {
            margin: 0;
            padding: 0;
            background: transparent;
            border: unset;
            position: absolute;
            right: 26.5px;
            top: 26.5px;
            color: #ffffff;
            z-index: 2;
            width: 15px;
            height: 15px;
        }

        .cookie-popup-main .cookie-popup-main-seyyah {
            height: calc(100% - 150px - 238px);
            width: 100%;
            overflow: scroll;
            padding: 39px 16px 32px 16px;
        }

        .item-group {
            position: relative;
        }

        .item-group h4 {
            color: #272727;
            margin: 0;
            line-height: 27px;
            letter-spacing: -0.6px;
            font-weight: 500;
            padding-left: 28px;
            padding-right: 143px;
            margin-bottom: 12px;
        }

        .item-group p {
            margin: 0;
            color: #484848;
            line-height: 22px;
            letter-spacing: -0.48px;
            font-weight: 300;
            padding-left: 28px;
            padding-right: 143px;
        }

        @media(max-width:600px) {
            .item-group p {
                padding-right: 28px;
            }
        }

        .item-group-list {
            width: 100%;
            overflow: auto;
        }

        .item-group-list .item-group-list-head {
            display: flex;
            gap: 2rem;
            background-color: #EDEDED;
            padding: 0 27.78px;
            border-radius: 10px 10px 0 0;
            margin-top: 27px;
            color: #272727;
            font-size: 15px;
            line-height: 22px;
            letter-spacing: -0.48px;
            font-weight: 550;
            min-width: 800px;
        }

        .item-group-list .item-group-list-head span {
            height: 44px;
        }

        .item-group-list-main {
            padding-top: 21px;
            padding-bottom: 25px;
            background: #F4F4F4;
            border-radius: 0 0 10px 10px;
            display: flex;
            flex-direction: column;
            row-gap: 19px;
            min-width: 800px;
        }

        .item-group-list .item-group-list-item {
            padding: 0 27.78px;
            display: flex;
            gap: 2rem;
            color: #484848;
            line-height: 22px;
            letter-spacing: -0.48px;
            font-size: 15px;
            font-weight: 300;
            position: relative;
        }

        @media(max-width:768px) {

            .item-group-list .item-group-list-head,
            .item-group-list .item-group-list-item {
                width: 100%;
                overflow: auto;
                gap: 2rem;
            }
        }

        .item-group-list .item-group-list-item::after {
            content: "";
            width: calc(100% - 27.78px - 27.78px);
            height: 1px;
            background: #D8D8D8;
            position: absolute;
            bottom: -10px;
            left: 27.78px;
            right: 27.78px;
        }

        .item-group-list .item-group-list-item:last-child:after {
            content: unset;
        }

        .item-group-list span {
            display: flex;
            align-items: center;
            padding: .5rem 0;
            width: 100% !important;
        }

        .item-group-list span:nth-child(1) {
            width: 130px;
            min-width: 130px;
        }

        .item-group-list span:nth-child(2) {
            width: 130px;
            min-width: 130px;
        }

        .item-group-list span:nth-child(3) {
            width: 79px;
            min-width: 79px;
        }

        .item-group-list span:nth-child(4) {
            width: 27px;
            margin-right: .5rem;
            min-width: 27px;
        }

        .item-group-list span:nth-child(5) {
            width: 27px;
            min-width: 27px;
        }

        .cookie-popup-main .cookie-popup-main-footer {
            height: 238px;
            max-width: 514px;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin: auto auto 0 auto;
            position: relative;
            padding-top: 26px;
        }

        @media(max-width:768px) {
            .cookie-popup-main .cookie-popup-main-footer {
                width: 90%;
            }
        }

        .cookie-popup-main .cookie-popup-main-footer:before {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            top: 0;
            width: 100%;
            height: 1px;
            background: #D8D8D8;
        }

        .cookie-popup-main .cookie-popup-main-footer .sec-button {
            width: 100%;
            height: 55px;
            border-radius: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 13px;
            font-size: 16px;
            line-height: 22px;
            letter-spacing: -0.48px;
            background: transparent;
            font-weight: 500;
            transition: all .3s;
        }

        .cookie-popup-main .cookie-popup-main-footer .sec-button:hover {
            box-shadow: 0px 10px 30px #00000029;
        }

        .cookie-popup-main .cookie-popup-main-footer .sec-button:nth-child(1) {
            border: 1px solid #E2E2E2;
            color: #6A6A6A;
        }

        .cookie-popup-main .cookie-popup-main-footer .sec-button:nth-child(2) {
            border: 1px solid #FF671D;
            color: #FF671D;
        }

        .cookie-popup-main .cookie-popup-main-footer .sec-button:nth-child(3) {
            border: 1px solid #FF671D;
            color: #ffffff;
            background: #FF671D;
        }

        .form-check {
            position: absolute;
            right: 16px;
            top: 0;
        }

        .form-check input[type=checkbox] {
            height: 0;
            width: 0;
            visibility: hidden;
        }

        .form-check label {
            cursor: pointer;
            text-indent: -9999px;
            width: 56px;
            height: 30px;
            background: #ffffff;
            display: block;
            border-radius: 100px;
            position: relative;
            border: 1px solid #dddddd;
        }

        .form-check label:after {
            content: '';
            position: absolute;
            top: 3px;
            right: 4px;
            width: 22px;
            height: 22px;
            background: #343434b5;
            border-radius: 90px;
            transition: 0.3s;
        }

        .form-check input:checked+label {
            background: #FFE1D3;
            border-color: #FFE1D3;
        }

        .form-check input:checked+label:after {
            left: 4px;
            right: unset;
            background: #FF671D;
        }

        .form-check label:active:after {
            width: 46px;
        }