/*** News ***/
.News{background: #ddd no-repeat; border-radius: 3px; padding: 1px 3px;}
.News.color-orange{background-color: #e46e05; color: #fff;}
.News.color-blue{background-color: #0b85db; color: #fff;}
.News.color-green{background-color: #32bc23; color: #fff;}
.News.color-red{background-color: #d84328; color: #fff;}
.News.color-purple{background-color: #6666cc; color: #fff;}
.News.color-brown{background-color: #663300; color: #fff;}
.News.color-new2{background-color: #009897; color: #fff; font-size: 12px;}
.News.color-new3{background-color: #a1a7a9; color: #fff; }
.News.color-new4{background-color: #f7e7af; color: #fff; }
.News.color-bold{font-weight: 800;}



/*** Text with background ***/
.TextwithBg{background: #ddd no-repeat; border-radius: 6px; padding: 1px 3px;}
.TextwithBg.color-orange{background-color: #e46e05; color: #fff; font-size: 11px;}
.TextwithBg.color-blue{background-color: #0b85db; color: #fff; font-size: 14px;}
.TextwithBg.color-green{background-color: #32bc23; color: #fff; font-size: 14px;}
.TextwithBg.color-red{background-color: #d84328; color: #fff; font-size: 14px;}
.TextwithBg.color-purple{background-color: #6666cc; color: #fff;font-size: 14px;}
.TextwithBg.color-brown{background-color: #663300; color: #fff; font-size: 14px;}
.TextwithBg.color-new2{background-color: #009897; color: #fff; font-size: 14px;}
.TextwithBg.color-new3{background-color: #a1a7a9; color: #fff; font-size: 14px;}
.TextwithBg.color-new4{background-color: #f7e7af; color: #fff; font-size: 14px;}
.TextwithBg.color-bold{font-weight: 800;}

/*** Colors ***/
.color-orange{color: #e46e05;}
.color-blue{color: #0b85db;}
.color-red{color: #ff0000;}
.color-green{color: #10a000;}
.color-violet{color: #69588e;}
.color-brown{color: #554440;}

		.popup-wrapper {
            position: fixed;
            z-index: 999;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            justify-content: center;
            display: none;
        }
        .popup-wrapper.active {
            display: flex;
        }
        .popup-overlay {
            background-color: hsla(0, 0%, 100%, .86);
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 200;
            
        }
    
        .popup {
            background-color: #fff;
            border-radius: 24px;
            max-width: 614px;
            overflow: hidden;
            position: absolute;
            top: 10%;
            width: 80%;
            z-index: 201;
            box-shadow: 0 1px 2px rgba(32, 33, 36, .15), 0 1px 8px rgba(32, 33, 36, .08);
            outline: 2px auto #1967d2;
        }
        .popup:focus {
            outline: 2px auto #1967d2;
        }
    
        .popup-top {
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            justify-content: space-between;
            padding: 24px 40px;
        }
    
        .popup-top img {
            max-width: 120px;
        }
    
        .popup-btn-close {
            background-color: #e8f0fe;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 32px;
            cursor: pointer;
            display: flex;
            gap: 12px;
            height: 48px;
            justify-content: center;
            padding: 10px;
            width: 48px;
        }
    
        .popup-btn-close i {
            color: #1967d2;
            font-size: 22px;
        }
        .popup-content {
            background-color: #f8f9fa;
            border-bottom-left-radius: 8px;
            border-bottom-right-radius: 8px;
            padding: 40px;
        }
        .popup-content h2 {
            font-size: 1.55rem;
            line-height: 2.75rem;
            letter-spacing: -0.046875rem;
            margin-bottom: 8px;
        }
        .popup-content p {
            font-size: 1.125rem;
            line-height: 1.75rem;
            letter-spacing: 0rem;
            color: #5f6368;
            margin-bottom: 24px;
            font-weight: 400;
        }
        p.popup-content-checkbox {
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            flex-direction: row;
            gap: 8px;
            margin-bottom: 16px;
        }
        .popup-content-checkbox input {
            flex-shrink: 0;
            height: 24px;
            margin-right: unset;
            -webkit-transform: scale(1);
            transform: scale(1);
            width: 24px;
            accent-color: #1a73e8;
        }
         .popup-content-checkbox span{
            font-size: 0.75rem;
            line-height: 1.125rem;
            letter-spacing: 0.009375rem;
            color: #5f6368;
            font-weight: 400;
        }
        p.popup-text-small {
            font-size: 0.75rem;
            line-height: 1.125rem;
            letter-spacing: 0.009375rem;
            color: #5f6368;
            font-weight: 400;
            margin-bottom: 16px;
        }
        .btn-show-popup {
           /* background-color: #1a73e8; */
            color: #fff;
            padding: 12px 24px;
            align-items: center;
            border-radius: 24px;
            cursor: pointer;
            display: inline-flex;
            flex-direction: row;
            font-weight: 600;
            height: auto;
            justify-content: center;
            white-space: nowrap;
            outline: none;
            border: none;
            font-size: 16px;
            line-height: 1.5;
        }
		 .popup-btn-accept {
			background-color: #1a73e8;
            color: #fff;
            padding: 12px 24px;
            align-items: center;
            border-radius: 24px;
            cursor: pointer;
            display: inline-flex;
            flex-direction: row;
            font-weight: 600;
            height: auto;
            justify-content: center;
            white-space: nowrap;
            outline: none;
            border: none;
            font-size: 16px;
            line-height: 1.5;
        }
        @media screen and (max-width:768px) {
            .popup-content {
                padding: 24px;
            }
            .popup-content h2 {
                font-size: 1.75rem;
                line-height: 2.25rem;
            }
        }