#invoice-theme-download-modal{
	background: rgba(128, 128, 128, 0.5) !important;
}
.carousel-heading{
	  font-weight: 500 !important;
    font-size: 42px !important;
		color:black !important;
}
.invoice-format-theme-text{
font-weight: 500;
font-style: Medium;
font-size: 20px;
leading-trim: NONE;
line-height: 38px;
letter-spacing: 0%;
text-align: center;
}

.format-link-btn > a:hover{
		color:white !important;
		background:#DB2222;
		border-color:#DB2222;
		text-decoration:none;
	}
	.format-link-btn > a{
		color:#373737;
		border: 2px solid #373737;
		background:white;
	}
	
	.banner-col-format{
		gap:24px !important;
		display:flex;
		flex-direction:column;
		font-family:poppins, sans-serif;
		padding-right:24px;
	}
	
			.banner-col-format > p{
				font-size:26px !important;
	}
	.banner-row-radius{
		border-radius:42px
	}
	
	@media (max-width: 768px) {
	.banner-row-radius{
		border-radius:0px
	}
		.banner-col-format{
			width:95% !important;	
			padding-right:0px;
		}
	}





	.themes-download-new{
		cursor:pointer;
	}
	.invoice-format-col{
    width: 100%;
overflow: scroll;
margin:0 4rem !important;
}
.modal-header-format{
padding: 0px 0.5rem 0px 0px;
    display: flex;
justify-content: end;
border-top-left-radius: 0.3rem;
border-top-right-radius: 0.3rem;
    background-image: url(https://vyaparwebsiteimages.vypcdn.in/download_desktop_popup_image.png);

}
.download-format-row{
gap:1.66rem;
display:flex !important;
flex-wrap:wrap !important;
max-width: max-content !important;
    width: 100%;
overflow: visible;
margin-bottom: 5%;
font-family: Poppins;
justify-content:center;
}	
.invoice-format-download-group{
background:#F9FAFA;
}
.download-format-image{
        margin:0;
}
.invoice-format-preview-download-heading{
    margin-top:0.75rem !important;
font-family: Poppins;
color:	#3F4155
}
.download-format-heading{
        margin:0;
    gap:0;
        border: 0 solid lightgray;
        border-width: 2px 0 0 0;
}
.download-format-column{
                background:white;
            border:2px solid lightgray;
    border-radius:0 0px 12px 12px;
    width: 308px !important;
}
.format-preview-close{
    font-size: 21px;
font-weight: 500;
padding:0px;
background: none;
color: gray;
border:none;
}
.format-preview-close:hover{
    background: none;
color:gray;

}
.download-image{
display:flex;
align-items:center;
justify-content:right;
padding:0.5rem;
padding-top:1rem;
height: 3.8rem;
}
.title-text{
padding-left:1.2rem;
font-family: Poppins;
    font-style: normal;
font-weight: 500;
margin-top: 20px !important;
color:#3F4155;
font-size:18px !important
}

.tools-tailored-for-business{
display:flex;
justify-content:center;
}

.tools-tailored-logo-col{
    display: flex;
justify-content: center;
gap: 4rem;
padding-top:2rem;
}

.invoice-format-col{
	display:flex;
	justify-content:center;
}

@media only screen
    and (max-width : 576px)  {
			.carousel-heading{
	  font-weight: 500 !important;
    font-size: 32px !important;
    font-family: unset !important;
}
        .invoice-format-col{
    width: 100%;
overflow: scroll;
margin:0 5% !important;
}
        .download-format-row{
display:flex;
            justify-content:flex-start;
gap:1.5%rem !important;
            padding:0;
max-width: 1000%;
    width: 380%;
overflow: visible;
margin-bottom: 5%;
}	
    .title-text{
padding-left:0.2rem;
}	
			.invoice-format-col{
	display:block;
}
}

	.theme-popup-sub-header{
		font-size:12px !important;
		text-align:center;
	}
	#cancel-if {
    display: flex;
    justify-content: flex-end;
    padding: 5px 10px;
}

.themes-download-left {
    background-color: #FAD8D8;
}

.invoice-theme-dialog {
    border-radius: 8px 0 0 8px;
    margin-top: 5em !important;
}

.invoice-theme-body {
    padding: 0 !important
}

.invoice-themes-right {
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.themes-logo {
    width: 136px;
    height: 31px;
    margin-top: 25px;
}

.themes-desktop {
    width: 407px;
    margin-top: 28px;
    max-width: 100%;
}

.themes-para-if {
    color: #71748E;
    font-size: 14px;
    margin-top: 16px;
}

.themes-left-content {
    padding: 0 16px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.theme-popup-header {
    color: #3F4155;
    font-size: 24px !important;
    font-weight: 500;
    text-align: center;
}

.theme-label-if {
    color: #71748E;
    font-size: 12px;
    margin-bottom: 9px;
    margin-top: 16px;
}

.theme-input::placeholder,
#business-type,
.theme-input {
    color: #9B9EB8 !important;
    font-size: 14px !important;
}

.theme-input {
    border-radius: 6px !important;
    border: 1px solid #BDC0D6 !important;
    background: #FFF;
}

.themes-form-group {
    width: 85%;
}

.submit-button-container {
    width: 85%;
    margin-top: 28px;
}

#submit-themes {
    background-color: #ed1a3b !important;
    border-radius: 24px !important;
    border: none;
    width: 100% !important;
}