#cb_popup_wrap {
	width: 100%;
	height: 100%;
	display: none;
	z-index: 99999;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
}
#cb_popup_center {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#cb_popup_content {
	min-width: 100%;
    max-width: 100%;
    min-height: 85%;
	overflow: hidden;
	position: relative;
	background: rgba(255, 255, 255, 1) url("") no-repeat scroll center center;
}
@media all and (max-width:720px){
	#cb_popup_content {
		max-width: 85%;
	}
}
#cb_popup_close {
	top: 5px;
	right: 5px;
	opacity: 1;
	z-index: 99999;
	cursor: pointer;
	position: absolute;
}
#cb_popup_content img:nth-child(2) {
	width: 100%;
}
.cb_popup_animation {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-moz-transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-moz-transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-moz-transform:scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-moz-transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-moz-transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
-moz-transform:scale(1);
}
}
#cb_popup_close {
    width: 30px; /* Adjust size as needed */
    height: 30px; /* Adjust size as needed */
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1001; /* Ensure it's above the popup content */
}

/* Example hover effect */
#cb_popup_close:hover {
    opacity: 0.7;
}
@media (max-width: 768px) {
    #cb_popup_center {
        max-width: 87%;
        max-height: 92%;
    }
}
@media (max-width: 768px) {
    #cb_popup_center {
        max-width: 74% !important;
        max-height: 82% !important;
    }
}

 /* Style for the popup wrap */
#cb_popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent black overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999; /* Ensure it's on top */
}

/* Style for the popup center */
#cb_popup_center {
    background-color: #fff;
    max-width: 75%;
    max-height: 79%;
    overflow: auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

/* Styles for form container and close button */
#kl__form-container {
    /* Styles for the form container, adjust as per your form design */
}


      
#cb_popup_close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: fixed;
    top: 56px !important;
    right: 193px !important;
    z-index: 99999;
    bottom: 37px;
}


/* Additional styles as needed for responsiveness */




@media (max-width: 767px) {
    #cb_popup_center {
        max-width: 88% !important;
        max-height: 94% !important;
        margin: 40px !important;
        padding: 62px 21px 10px;
    }
    #cb_popup_close{
    top: 2px !important;
    right: 12px !important;
    
    }
}



/*
@media (min-width: 768px) and (max-width: 1023px) {
#cb_popup_center {
       
        max-height: 75% !important;
    }
}
*/

@media (min-width: 1024px) and (max-width: 1279px) {
#cb_popup_center {
        width: 68% !important;
        height: 87% !important;
    }
        #cb_popup_close {
        top: 111px !important;
        right: 82px !important;
    }
    



}
)@media (max-width: 320px) {

#cb_popup_center {
       
        max-height: 84% !important;
    }

}


@media (min-width: 768px) and (max-width: 1023px) {
#cb_popup_close {
    top: 63px !important;
    right: 76px !important;
    
    }

}
@media (min-width: 1024px) and (max-width: 1279px) {

#cb_popup_close {
    top: 121px !important;
    right: 160px !important;
    
    }

}

@media (min-width: 1280px) and (max-width: 1365px) {

    #cb_popup_close {
        top: 125px !important ;
        right: 152px !important;
    }
}
@media (min-width: 1280px)  {

    #cb_popup_close {
        top: 40px !important ;
        right: 139px !important;
    }
}
@media (min-width: 1600px) {
#cb_popup_close {
        top: 45px !important;
        right: 182px !important;
    }



}