.register-right .login-box .login-card-body,
.video_pop_light {
	background: 0 0 !important
}
.mobile_view_img img{
	width: 100%;
}

.form-control.search-slt.border.border-secondary {
	border-radius: 32px
}

#feature__businesses .col-lg-9 .row {
	width: 100%;
	padding-bottom: 25px;
	/*max-height: 1100px;*/
	/*overflow: auto;*/
	overflow-y: auto;
	overflow-x: hidden;
}

#feature__businesses .col-lg-9 .row::-webkit-scrollbar {
	width: 1px;
}

#feature__businesses .col-lg-9 .row::-webkit-scrollbar-thumb {
	background: #888;
}

input#userType:after {
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: "";
	position: absolute;
	border: 4px solid #0062cc;
	border-radius: 50%
}

input#userType:before {
	content: "";
	top: -2px;
	left: -2px;
	width: 25px;
	height: 24px;
	content: "";
	position: absolute;
	border: 2px solid #fff;
	border-radius: 50%
}

.login-box .card {
	box-shadow: none !important;
	background: 0 0userType
}

#profile.tab-pane.log.fade.active,
.login-box {
	position: relative
}

#profile.tab-pane.log.fade.active:before,
.register-right.section-bg-img-login .login-box:before {
	background-image: url(../../assets/img/form-img.png);
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	background-size: contain;
	width: 364px;
	right: 0;
	height: 100%
}

.login-box .input-group.mb-3.border.border-secondary {
	overflow: hidden;
	border-radius: 32px
}

.login-box .card p.login-box-msg {
	border-radius: 37px
}

.input-group-text,
.video_pop_light {
	border: none !important
}

header ul li a.nav-link.btn {
	line-height: 28px !important
}

.social_items {
	padding-left: 35px
}

@media (max-width:600px) {

	.business_section h4,
	.referral-section_first p,
	.schedule_live_demo h6,
	.schedule_live_demo p,
	.small_business_paragraph p {
		text-align: left !important
	}

	.formStyle.enter_email span {
		min-width: 80px !important
	}

	.formStyle span,
	.formStyle span.select-side {
		height: 36px !important;
		line-height: 34px !important;
		width: 40px !important
	}

	.formStyle span img,
	.formStyle span.select-side img {
		width: 14px
	}

	.schedule_live_demo h6 {
		padding-left: 10px !important
	}

	.social_items {
		padding-left: 0
	}

	.referral-section_first p,
	.schedule_live_demo p {
		font-size: 16px;
		padding: 16px 10px !important;
		text-align: left !important
	}

	.business_section h4 {
		font-size: 18px !important;
		line-height: 21px !important
	}

	h3#title_home {
		font-size: 21px !important;
		text-align: left
	}

	.accordions_section h3,
	.business_section h3 {
		font-size: 22px !important;
		line-height: 34px !important
	}

	.schedule_live_demo h6,
	.schedule_live_demo p {
		line-height: 21px
	}

	button.accordion {
		height: auto !important
	}
	p.text_get.new_lin {margin-top: 0px !important;}
}

.modal-open {
	position: fixed;
	height: 100vh;
	width: 100%;
	overflow: hidden
}

.login-box,
.register-box {
	width: 100% !important;
	max-width: 410px
}

.register .nav-tabs {
	width: 254px
}

div#\36 2e5aafbbed6999cb30a3d96 {
	z-index: 999999999 !important
}

.i_agree_checkbox_reset .i_agree_checkbox_wrapper {
	position: fixed;
	z-index: 9999999
}

a.to-top.active {
	bottom: 91px;
	right: 26px
}

@media only screen and (max-width:990px) {
	ul.btn-list {
		opacity: 1 !important
	}

	.nav-list>li>a {
		padding: 5px !important;
		font-size: 12px
	}

	.nav-list>li+li {
		margin-left: 2px
	}

	.nav-list a.nav-link.btn {
		width: 115px;
		padding: 5px !important;
		font-size: 11px
	}

	.nav-list a.nav-link.btn small {
		line-height: 10px
	}

	.featured-logo.my-border {
		padding: 9px !important;
		margin: 0 0 19px !important
	}

	.view-desktop {
		display: none
	}

	.view-mob {
		display: block !important
	}

	.step-box h4 {
		font-size: 17px !important
	}

	.menu-row h3,
	.section-virely-works h6.text-center {
		font-size: 20px
	}

	.nav-list li.dropdown ul.menu-list li a {
		font-size: 17px
	}

	.formStyle input,
	.formStyle select,
	.formStyle span {
		height: 42px;
		line-height: 49px
	}

	.footer-on.mobile ul li {
		width: 50%
	}

	.footer-on.mobile {
		padding-top: 20px
	}

	.login-box,
	.register-box {
		width: 100% !important
	}

	.nav-list li.dropdown>ul {
		overflow: auto;
		height: 60vh
	}

	h3#title_home {
		font-size: 26px
	}

	ul.btn-list li a {
		font-size: 15px !important
	}

	.section-virely-works .card h4 {
		font-size: 18px !important
	}
}

.section-virely-works.actor_img h3 {
	line-height: 40px
}

h3#title_home {
	max-width: 775px;
	margin: 0 auto 19px
}

.about_section img,
.business_section img,
.enticing_small_business .col-lg-4 .bg_img_second img,
.referral-section_first img,
.schedule_live_demo img,
.section-virely-works .service-box a img {
	width: 100%;
	height: auto
}

.item-box {
	padding: 30px !important
}

.view-mob {
	display: none
}

.video_pop_light {
	z-index: 99999999999;
	top: 6%
}

.video_pop_fade {
	z-index: 9999999
}

@media only screen and (min-width:480px) and (max-width:767px) {
	#myModal .modal-dialog .modal-content .form-check {
		bottom: 5px !important
	}

	.nav-menu.active {
		display: contents
	}

	.header-menu {
		padding: 12px 15px
	}

	.nav-btn {
		top: 50px
	}

	.input-group.mb-3r {
		width: 100%
	}

	div#profile .row.register-form {
		width: 100% !important;
		padding: 10% 0
	}

	.register-left p {
		font-weight: lighter;
		padding: 6% !important;
		margin-top: -9%;
		margin-bottom: 10px
	}

	.featured-logo.my-border {
		min-height: 364px
	}
}

@media only screen and (max-width:479px) {
	#myModal .modal-dialog .modal-content .form-check {
		font-size: 14px !important;
		margin-left: 8px !important;
		bottom: 8px !important
	}

	.recaptcha-margin {
		padding: 0 !important
	}

	.bio-graph-info .card a.btn {
		padding: 10px 17px
	}

	.footer-item-cover .footer-subscribe a.termly-cookie-preference-button.btn,
	.footer-item-cover .footer-subscribe button.termly-cookie-preference-button.btn {
		font-size: 13px;
		height: 42px
	}

	.nav-menu.active {
		display: contents
	}

	.header-menu {
		padding: 12px 15px
	}

	.nav-btn {
		top: 50px
	}

	.main-banner .row {
		display: block;
		width: auto
	}

	.wow.fadeInRightBlur .main-banner {
		padding-top: 40px
	}

	.main-banner {
		background-color: transparent !important
	}

	.col-md-8.mb-4.offset-2 {
		margin-left: 0
	}

	a.eckIGH {
		height: 170px !important;
		width: 170px !important
	}

	p.bigElement {
		font-size: 3.625rem !important
	}

	.register .nav-tabs {
		float: none !important;
		align-items: center;
		margin: 20px auto 0
	}

	.input-group.mb-3r {
		width: 100%
	}

	div#profile .row.register-form {
		width: 100% !important;
		padding: 10% 0
	}

	.register-left p {
		font-weight: lighter;
		padding: 6% !important;
		margin-top: -9%;
		margin-bottom: 10px
	}

	.g-recaptcha {
		max-width: 301px
	}

	.social-auth-links .login-icon {
		font-size: 10px
	}
}

body.page-loaded.modal-open {
	padding: 0 !important
}

@media only screen and (max-width:767px) {
	.flex-reverse-css {
		flex-direction: column-reverse !important
	}

	.termly-styles-preferenceModal-b390de .termly-styles-preferenceContainer-2d6125 {
		max-height: calc(100vh - 278px) !important
	}

	.referral-code,
	label.col-form-label {
		font-size: 14px !important
	}

	.termly-style-modal-md-7f96fd {
		margin: 1% auto 25px
	}

	a.to-top.active {
		width: 34px;
		height: 38px;
		right: 26px;
		bottom: 91px
	}

	.register-right div#i_agree_checkbox_insertable_area {
		display: flex
	}

	.video_pop_light {
		top: 3%;
		left: 0;
		margin: 0 17px
	}

	.video_pop_light video {
		width: 100%;
		max-width: 700px
	}

	.nav-list {
		position: absolute;
		width: 100%;
		height: 100vh;
		left: 0;
		background-color: #eee
	}

	.section-virely-works {
		padding: 40px 0
	}

	.modal-content {
		top: 70px;
		max-height: 76vh;
		overflow: auto
	}

	.modal-content .modal-footer button,
	.modal-content .modal-footer button.btn {
		height: 40px
	}

	.modal-body {
		padding: 10px 40px
	}

	.modal-dialog .modal-body .form-group input {
		height: 47px
	}

	.nav-list a.nav-link.btn {
		width: 150px;
		font-size: 12px
	}

	.nav-list a.nav-link.btn small {
		line-height: 13px
	}

	.nav-list>li {
		position: relative
	}

	.nav-list>li>a {
		padding: 5px 15px !important;
		font-size: 12px
	}

	.header-menu .logo img {
		height: 80px
	}

	.nav-btn {
		top: 5px
	}

	.register .nav-tabs {
		margin: 0 auto;
		margin-top: 3% !important;
		float: inherit
	}
}

@media only screen and (max-width:350px) {
	.login-card-body {
		padding: 20px 9px
	}

	.login-card-body .g-recaptcha>div {
		width: 100%
	}

	.g-recaptcha iframe {
		width: 302px
	}

	.row.rememberme {
		margin: 0 !important
	}
}

.register {
	padding: 14px
}

.dealsby_works .col-lg-6 .works_texts,
.works_texts_img {
	max-width: 400px;
	margin: 0 auto;
	text-align: center
}

.works_texts_img {
	padding: 30px
}

.onclick a {
	color: #3d37f1;
	cursor: pointer !important
}

li a.nav-link.btn {
	background: #3d37f1;
	color: #fff;
	border: none;
	border-radius: 10px !important
}

.works_texts_img img {
	width: 60%;
	height: auto
}

.about_section .row,
.business_section .row,
.dealsby_works .row {
	place-items: center
}

.dealsby_works h3 {
	text-align: center
}

.about_section h3,
.dealsby_works h3 {
	font-size: 28px;
	font-weight: 600;
	color: #000;
	padding: 30px 10px 30px 0
}

.business_section h3 {
	font-size: 28px;
	text-align: center;
	font-weight: 600;
	color: #000;
	padding: 30px 10px 45px
}

.business_section h4 {
	max-width: 420px;
	line-height: 30px;
	margin: 0 auto;
	font-size: 22px;
	color: #000;
	text-align: center;
	padding: 20px 10px;
	font-weight: 600
}

.small-businesse .box-beta-version {
	margin-top: 110px
}

.new-regestration-page .title_regis,
.small-businesse h6 {
	color: #000
}

.business_section a,
.referral-section_first a,
.schedule_live_demo a {
	color: #1c47ff !important;
	cursor: pointer !important
}

.section-virely-works.small-businesse .card h4 {
	font-size: 17px
}

.text_get.forever {
	font-size: 14px
}

.enticing_small_business .text_get {
	max-width: 552px;
	text-align: center;
	margin: 0 auto;
	font-size: 14px
}

.schedule_live_demo h6 {
	font-size: 18px;
	color: #000;
	text-align: center;
	font-weight: 600;
	max-width: 571px;
	margin: 10px auto
}

.schedule_live_demo p {
	font-size: 17px;
	color: #000;
	text-align: center;
	max-width: 571px;
	margin: 0 auto;
	padding-bottom: 30px
}

/*.enticing_small_business .row {
	background-image: url(../../assets/img/secondimg.png);
	background-repeat: no-repeat;
	background-position: 26px 10px
}*/
.enticing_small_business .row {
/*	background-image: url(../../assets/img/DealsbyHomepageItem2b2.svg);*/
/*	background-image: url(../../assets/img/Dealsby_Smartphone_Exhibit.png.svg);*/
/*	background-repeat: no-repeat;*/
/*	background-position: 26px 10px*/
}

.enticing_small_business .mobile_view_img p{
	display: none;
}

.small_business_paragraph p {
	max-width: 670px;
	text-align: center;
	color: #000;
	font-weight: 600;
	padding: 30px 0
}

.small_business_paragraph p:nth-child(2) {
	margin-left: auto
}

/*.referral-section_first .container {
	background-image: url(../../assets/img/Dealsby-About-Page-Image-2.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
}*/
.referral-section_first .container {
	
	/* background-image: url(../../assets/img/DealsbyHomepageImage1B2.svg); */
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 40%;
}
.schedule_live_demo .container {
	/* background-image: url(../../assets/img/DealsbyHomepageImage3b2.svg); */
	width: 100%;
	background-repeat: no-repeat;
	background-position: right;
	background-size: 48%;
}
.schedule_live_demo .container img{
	/* display: none; */
	width: 100%;
}
.title_home_referral {
	margin: 0 !important;
	max-width: 100% !important;
	padding: 30px 0PX 60px;
	color: #000
}

.referral-section_first p.animation_para {
	padding: 50px 20px 30px
}

.small-businesse .card {
	padding-top: 0 !important
}

.small-businesse .referral-code,
.small-businesse ul.btn-list li a {
	font-size: 14px !important
}

.referral-section_first p {
	font-weight: 600;
	text-align: center;
	padding: 16px 20px;
	margin: 0 auto;
	max-width: 545px;
	color: #000
}

.formStyle.enter_email {
	display: flex;
	max-width: 500px;
	margin: 0 auto !important;
	padding: 50px 0 30px
}

.formStyle.enter_email input {
	margin-right: 7px
}

.formStyle.enter_email button,
.formStyle.enter_email span {
	background-color: #2011ff;
	color: #fff;
	border: none;
	padding: 0 !important;
	position: inherit;
	width: 160px;
	border-radius: 12px;
	margin-top: 4px;
	line-height: 50px
}

.referral-section_first .text_get {
	font-size: 14px;
	max-width: 611px
}

.small_business {
	margin-right: 0 !important;
	margin-left: auto !important;
	max-width: 614px !important
}

.main-banner .box-beta-version a.btn,
.main-banner .box-beta-version button {
	text-align: left !important
}

.section-py {
	padding: 50px 0
}

.about_section p,
.section-virely-works.small-businesse .card .campaign-box {
	color: #000;
	font-size: 16px
}

.accordions_section .accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: 0;
	font-size: 15px;
	transition: .4s
}

.accordions_section h3 {
	font-size: 26px;
	color: #000;
	padding-bottom: 22px;
	font-weight: 500
}

.accordions_section input {
	border: 1px solid #ddd;
	border-radius: 7px
}

.accordions_section .accordion,
.accordions_section .panel {
	border-bottom: 1px solid #ddd;
	background-color: #eee0
}

.accordion-sections {
	border: 1px solid #ddd;
	border-radius: 7px;
	display: block;
	margin: 0 auto
}

.accordions_section .accordion:hover,
.accordions_section .active {
	background-color: #ccc
}

.accordions_section .panel {
	padding: 0 18px;
	display: none;
	background-color: #fff;
	overflow: hidden;
	margin: 0
}

.new-regestration-page,
.new-regestration-page .input-group-text {
	background-color: transparent
}

.new-regestration-page .container-fluid.register {
	background: 0 0;
	padding-top: 20px
}

.register .nav-tabs {
	padding: 3px 4px;
	position: relative;
	z-index: 9
}

.new-regestration-page {
	width: 100%;
	position: relative
}

.new-regestration-page ul.nav-tabs {
	margin: 5px auto 0;
	float: inherit
}

.accordion-sections .accordion .fa {
	font-size: 20px
}

.accordion-sections .accordion.active .fa {
	transform: rotate(180deg)
}

.new-regestration-page .row.register-form form {
	max-width: 800px;
	padding: 0 15px;
	margin: 0 auto
}

.tablist-form.nav-tabs {
	justify-content: space-between;
	width: 301px;
	display: flex
}

.new-regestration-page .row.register-form {
	background: 0 0;
	position: relative
}

/*.new-regestration-page .row.register-form:before {
	background-image: url(../img/form-img.png);
	background-repeat: no-repeat;
	background-position: right;
	content: "";
	position: absolute;
	background-size: contain;
	width: 364px;
	right: 0;
	height: 100%
}*/

.new-regestration-page .register button#submit_button {
	border-radius: 53px
}

.new-regestration-page .tablist-form {
	padding: 10px 8px;
	color: #fff
}

.new-regestration-page .register .register-form {
	padding: 15px 0
}

.new-regestration-page .tab-pane input.form-control {
	border-radius: 51px !important;
	border: 1px solid #ddd !important
}

.new-regestration-page select,
.new-regestration-page textarea {
	border-radius: 17px !important;
	border: 1px solid #ddd !important
}

.newform_login input,
.newform_login select,
.newform_login.textarea {
	border-radius: 10px !important;
	border: 1px solid #ddd !important;
	height: 35px
}

.new-regestration-page .nav-tabs li a input {
	position: relative;
	width: 27px;
	height: 21px
}

.new-regestration-page .register .nav-tabs .nav-link {
	outline: 0;
	border: none
}

.new-regestration-page .nav-tabs li .nav-link.active input:after {
	background: green !important
}

.new-regestration-page .register .nav-tabs {
	min-width: 337px;
	padding: 10px
}

.register .nav-tabs .nav-link.active {
	width: 100% !important
}

.new-regestration-page .nav-tabs li a input:after {
	position: absolute;
	content: "";
	width: 15px;
	left: 6.2px;
	height: 15px;
	background: 0 0;
	border-radius: 50%;
	top: 2.88px
}

.new-regestration-page .register .nav-tabs .nav-link.active {
	color: #fff;
/*	background-color: transparent*/
}

.new-regestration-page h6.title_regis.border-s {
	border-top: 5px solid #000;
	padding-top: 20px
}

.new-regestration-page .register-heading {
	text-align: left;
	font-size: 25px
}

.new-regestration-page .register-heading span,
.new-regestration-page label span,
.newform_login span {
	color: red
}

.new-regestration-page form .row {
	place-items: baseline
}

.new-regestration-page label {
	width: 100%;
	font-size: 14px;
	display: block
}

.input_radio_btn_tab input {
	position: relative;
	margin-right: 14px;
	width: 20px;
	height: 20px
}

.input_radio_btn_tab input[type=radio] {
	box-sizing: border-box;
	accent-color: #30b930
}

.input_radio_btn_tab {
	position: relative;
	width: 304px;
	color: #fff;
	display: flex;
	background: #0062cc;
	justify-content: space-around;
	padding: 13px;
	border-radius: 52px;
	margin: 0 auto
}

@media (min-width:991px) {
	.mobile_view_img {
		/* display: none !important */
	}


	.header-menu .logo img {
		max-width: 160px
	}
}

@media (max-width:991px) {
	.enticing_small_business .mobile_view_img p{
	display: block !important;
}
	.header-menu .logo img {
		max-width: 123px
	}
		.schedule_live_demo .container{
		background-image: none;
	}
	.schedule_live_demo .container img{
		display: block;
	}

	.small_business_paragraph p {
		font-size: 16px;
		font-weight: 500
	}

	.only_desktop,
	.small_business_paragraph p br {
		display: none
	}

	.enticing_small_business .row,
	.referral-section_first .container {
		background-image: none !important
	}

	.mobile_view_img {
		display: block !important
	}

	.formStyle.enter_email span {
		line-height: 39px
	}
}

@media (max-width:767px) {
/*	********** resorce dropdown css on mobile view**************/
.formStyle.enter_email button, .formStyle.enter_email span {
    width: 100%;
    height: 39px;
    line-height: 30px;
    max-width: 106px;
}
.formStyle.enter_email {
    gap: 17px;
}
	li.dropdown.dropdown-active .col-8 .menu-list li a{
    background: none;
	}
	li.dropdown.dropdown-active ul{
		    padding: 10px 10px !important;
    background: #fff;
	}
	li.dropdown.dropdown-active .col-8 .menu-list{
	box-shadow: none;
		display: block;

}

	.row.revrse {
		flex-direction: column-reverse
	}

	.header-menu .logo img {
		height: auto !important
	}

	.header.sticky .header-menu {
		box-shadow: -6px 9px 20px 0 #80808070 !important;
		background: #eee !important
	}
	.login-box .card p.login-box-msg {
    margin-top: 20px;
}
 .register-right.section-bg-img-login .login-box:before {
 	background-image: none;
 }
 .virely_logo{
 	display: inline-block;
 }
 .login-card-body input.btn {
    padding: 10px 10px;
}
.step-2 {
    flex-wrap: wrap;
    gap:10px 0;
    margin-bottom: 20px;
}
}

.modal-open .modal-content {
	margin-top: 20%;
	padding: 1px 2px;
}
@media (max-width:467px) {
	.dropdown .menu-row h3{
		font-size: 14px;
	}
	.dropdown .menu-row 	.menu-list p{
    font-size: 12px;
	}
	.nav-list li.dropdown ul.menu-list li a {
		font-size: 14px;
	}
}

/*country code css for ragister page */

.country-code-box-mobile{
            border: 1px solid #dddddd;
    border-radius: 51px;
    background: #fff;
    display: flex;
    gap: 20px;
    padding: 0;
    width: 100%;
        }
        .mobile-feild{
            display: flex;
             width: 100%;
        }
        .country-code-box-mobile .country-code-custom.input-group.input-group-sm {
            width: 80px;
            border-radius: 51px !important;
        }
       .country-code-box-mobile .country-code-custom .iti__selected-flag{
          overflow: hidden;
         border-radius: 51px !important;
           background: transparent;
        }
        .country-code-box-mobile .country-code-custom input.form-control{
          border: 0px !important;
          box-shadow: none;
        }
      .new-regestration-page .tab-pane input.custom-mobilenumber.form-control{
        border: 0px !important;
        background: transparent;
        padding: 0 5px !important;
        box-shadow: none;
        }
       .country-code-box-mobile input:-internal-autofill-selected {
            background-color: transparent !important;
        }
/* end css    */