/* Basic styling, you can customize this according to your needs */
        .tab-container-v {
            display: flex;
            flex-direction: column;
					align-items:center;
            padding: 20px;
					background : #F9FAFA;
        }

        .tabs-v {
            display: flex;
					gap:0.3rem;
					margin-bottom:1rem;
        }

        .tab-v {
            cursor: pointer;
					font-weight: 400;
    color: #71748e;
    background-color: #fbfbfb;
    border: 1px solid #eee6e6;
    cursor: pointer;
    font-style: normal;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    border-radius: 50px;
    padding: 6px 16px;
    margin: 8px;
        }

        .tab-v.selected {
            font-weight: 600;
    color: #ed1a3b;
    background: #ffe5e8;
    border: 1px solid #ed1a3b;
        }

        .content-v {
            display: flex;
            height: 300px;
						width : 75%;
						gap:5rem;
        }

        .image-container-v {
					display:flex;
							justify-content:center;
						width:50%;
            padding: 20px;

    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
        }

        .image-v {
            max-width: 100%;
            max-height: 100%;
					opacity:0.85;
        }

        .text-container-v {
					display:flex;
					flex-direction:column;
					justify-content:space-between;
            flex: 2;
            padding: 20px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #3f4155;
						width:40%;
        }
			.play-icon-v{
					width:67px;
				height:67px;
				cursor:pointer;
			}
			.pointText{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #71748e;
    margin-left: 14px;
			}    
			.desc{
				margin-bottom: 16px;
			}
			.demoText{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #0075e8;
    margin-left: 8px;
				margin-top:15px;
			}
			.freeText{
				padding-left: 2px;
    padding-right: 2px;
    font-weight: 700;
			}
			.freeDemo{				
				display:flex;
				position:relative;
					bottom:0;
				cursor:pointer;
			}
			.popup_input {
	height: 40px !important;
	font-size: 13pt !important;
	border-radius: 5px;
	width: 100% !important
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: .5rem 1rem
}

.cancel_btn {
	align-self: flex-end
}

.cancel_btn>img {
	width: 27px;
	color: #0a0a0a
}

.padding-top-2 {
	padding-top: 2rem
}

.padding-left-1 {
	padding-left: 1rem
}

.padding-top-1 {
	padding-top: 1rem !important
}

.padding-bottom-1 {
	padding-bottom: 1rem !important
}

.padding-right-1 {
	padding-right: 1rem
}

.margin-bottom-1 {
	margin-bottom: 1rem
}

.invalid-feedback-msg {
	color: #c72020;
	text-align: center
}

.start-download-btn {
	margin-bottom: 1em;
	width: 100%
}

.loading-div {
	display: flex;
	justify-content: center
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

@media(min-width:576px) {
	.modal-sm {
		max-width: 420px !important;
		margin: 8rem auto !important
	}

	.modal-header-div {
		flex-direction: column;
		background-image: url(https://vyaparwebsiteimages.vypcdn.in/download_desktop_popup_image.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-bottom: .4rem !important
	}

	.modal-header-h5 {
		color: #000000de;
		margin-bottom: 10px;
		font-size: 24px;
		width: 80%
	}

	.padding-right-lg-1 {
		padding-right: 1rem
	}

	.margin-top-lg-1 {
		margin-top: 1rem
	}

	.padding-top-lg-1 {
		padding-top: 1rem !important
	}

	.padding-bottom-lg-1 {
		padding-bottom: 1rem !important
	}
}

@media screen and (max-width:768px) {
	.border-b-0 {
		border-bottom: 0 !important
	}
}

@media screen and (max-width:576px) {
	.modal-sm {
		max-width: 320px !important;
		margin: 2rem auto !important
	}

	.modal-header-h5 {
		color: #000000de;
		margin-bottom: 10px;
		font-size: 19px;
		width: 80%
	}

	.modal-header-div {
		flex-direction: column;
		background-image: url(https://vyaparwebsiteimages.vypcdn.in/download_desktop_popup_image.png);
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 1rem;
		padding-bottom: 1rem
	}
}
		
			
			
			.heading-all-feature{
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 42px;
    text-align: center;
    color: #3f4155;
    margin-bottom: 16px;
			}
			
			.dots_tab {
         display:none;
        }
			
	
			@media only screen
					and (max-width : 576px)  {
						.dots_tab {
         display:block;

            text-align: center;
            margin-top: 2rem;
        }
						.tabs-v{
							display:none;
						}
						.content-v{
							display:block;
								width:100%;
							padding:0 1rem;
							height : auto;
							
						}
						.image-container-v{
							width:100%;
							padding:0;
							height:16rem;
						}
						.text-container-v{
							width:100%;
							padding:0.5rem;
						}
						.freeDemo{
							display: flex; 
       justify-content: center
						}
						
						 .dot_tab {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 0 5px;
            background-color: #bbb;
            border-radius: 50%;
            cursor: pointer;
        }

        .dot_tab.active {
            background-color: #717171;
        }
						
						.dots_tab{
							display:block;
						}
					}