.two-col-btn-wrap-section .content{
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 300;
    color: var(--title-color);
}
.two-col-btn-wrap-section .content-wrap{
    --gap: 32px;
    --left-content: 515px;
    --right-content: calc(100% - var(--left-content) - var(--gap) );
    align-items: center;
    justify-content: space-between;
}
.two-col-btn-wrap-section .content p{
	margin: 0;
}
/*Popup*/
body:has(dialog[open]){
    overflow: hidden;
}
.dialog-popup {
  border: none;
  border-radius: 5px;
  padding: 0;
  max-width: 90%;
  position: fixed;
}

.dialog-popup::backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.dialog-popup .popup-box{
    display: flex;
    flex-direction: column;
}
.dialog-popup .top-popup{
    padding: 17px 40px;
}
.popup-content{
    padding: 8px 40px 40px;
    overflow: auto;
    border-top: 1px solid #ECECEC;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #ccc transparent; /* For Firefox */

}
.popup-content::-webkit-scrollbar {
  width: 6px;
}

.popup-content::-webkit-scrollbar-track {
  background: transparent;
}

.popup-content::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
  border: 2px solid transparent; /* Padding around thumb */
  background-clip: content-box;
}

@media screen and (max-width: 1024px) {
    .two-col-btn-wrap-section .btn-wrap.end .button-wrap-item{
        flex: 1 0 auto;
    }
	.two-col-btn-wrap-section .btn-wrap.end .button-wrap-item .btn-box{
		width: 100%;
	}
}
@media screen and (max-width: 991px) {
    .two-col-btn-wrap-section .content-wrap{
        --left-content: 100%;
        --right-content: 100%;
    }
	.dialog-popup{
		max-width: 100%;
		margin-inline: 12px;
	}
}
@media screen and (max-width: 576px) {
    .two-col-btn-wrap-section .btn-wrap .btn-box{
        width: 100%;
    }
	.two-col-btn-wrap-section .btn-wrap.end .button-wrap-item{
        flex: 1 0 100%;
	}
	.dialog-popup .top-popup{
		padding: 18px 15px;
	}
	.popup-content {
    	padding: 8px 15px 40px;
	}
}