body {
	margin:  0;
}

html, body {
	height: 100%;
	min-height: 100%;
}
button{border: 0;}
.custom-foodism-form .form-group {
    margin-bottom: 2rem;
}

.inner .repeater > div > div:last-child {
	margin-bottom: 20px;
}

.wizard-v2-content   {
	background: #fff;
	font-family: 'Lato', sans-serif;
	position: relative;
	display: flex;
	display: -webkit-flex;
	width: 60%;
	max-width: 100%;
	height: 100%;
	min-height: 100%;
}
.wizard-v2-content .wizard-image {
	background: url('../images/wizard-v2.jpg') center center no-repeat;
    width: 40%;
	background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	min-height: 100%;
	height: 100%;
	position: fixed;
	right: 0;
}
.wizard-v2-content .wizard-form {
	width: 100%;
	/*padding: 40px 73px 40px 52px;*/
	padding: 40px 40px 40px 100px;
}

.form-register .steps {
	margin-bottom: 50px;
	display: block;
	width: 100%;
	max-width: 100%;
}
.form-register .steps ul {
    display: flex;
    display: -webkit-flex;
    list-style: none;
    padding-left: 0;
}
.form-register .steps li,
.form-register .steps li.current {
	outline: none;
	-o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -webkit-outline: none;
}
.form-register .steps li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 100px;
    position: relative;
    outline: none;
    background-color: #d6d6d6;
	text-transform: capitalize;
}

#step-info {
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	opacity: 0.3;
	display: inline-block;
	margin-right: 15px;
}
.form-register .steps li:not(:last-child) a::before {
	position: absolute;
	content: "";
	background: #e5e5e5;
	width: 105px;
	height: 2px;
	top: 50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
	left: 100%;
}
.form-register .steps li.last a::before {
	content: none;
}
.form-register .steps li.current a,
.form-register .steps li.current a:active,
.form-register .steps li.done a::before,
.form-register .steps li.done a,
.form-register .steps li.done a:active  {
    background: #e03c23 0% 0% no-repeat padding-box;
    color: #000;
    opacity: 1;
}

.form-register .steps li.done a::before,
.form-register .steps li.done a,
.form-register .steps li.done a:active {
	 opacity: 0.6;
}

.form-register .steps li.done .title {
	content: "✔";
}

.form-register .steps li .current-info {
	display: none;
}
.form-register .steps li .title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: #000;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}
.form-register .steps li.current .title{color: #fff;}
.form-register .steps li.done .title{color: #fff;}
.form-register .content h2 {
	display: none;
}
/*.inner .form-row {
    display: flex;
    margin: 0 -10px;
    position: relative;
}
.custom-foodism-form {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
    position: relative;
}
.custom-foodism-form.form-holder-2 {
	width: 70%;
	position: relative;
}*/
.custom-foodism-form input[type=text],
.custom-foodism-form textarea,
.custom-foodism-form select {
    width: 100%;
    appearance: unset;
    -moz-appearance: unset;
    -webkit-appearance: unset;
    -o-appearance: unset;
    -ms-appearance: unset;
    outline: none;
    -moz-outline: none;
    -webkit-outline: none;
    -o-outline: none;
    -ms-outline: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;

    background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #707070;
	border-radius: 15px;
	 -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	opacity: 0.3;
	text-align: left;
	font: normal normal normal 16px/19px Lato;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

.foodstory.repeater.step textarea {
    text-transform: none;
}

.custom-foodism-form textarea {
	padding: 14px;
}

.custom-foodism-form .custom-switch .custom-control-label::after {
	background-color: #FFF;
}

.custom-foodism-form .custom-control-label::before {
	border: #d3d3d3 solid 1px;
	background: #d3d3d3;
}

.custom-foodism-form .custom-control-input {
	border: 0px;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #e03c23;
    background-color: #e03c23;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #000;
}

.custom-foodism-form .inline .custom-switch {
    padding-left: 60px;
}

/* for sm */

.custom-foodism-form .custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-foodism-form .custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-foodism-form .custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-foodism-form .custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-foodism-form .custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-foodism-form .custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-foodism-form .custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-foodism-form .custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-foodism-form .custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-foodism-form .custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-foodism-form .custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-foodism-form .custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

.custom-foodism-form label {
	margin-bottom: 10px;
	text-align: left;
	font: normal normal bold 17px Lato;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	display: inline-block;
}

.custom-foodism-form input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
  color: #666;
  font-size: 16px;
}
.custom-foodism-form input::-moz-placeholder {
	/* Firefox 19+ */
  color: #666;
  font-size: 16px;
}
.custom-foodism-form input:-ms-input-placeholder {
	/* IE 10+ */
  color: #666;
  font-size: 16px;
}
.custom-foodism-form input:-moz-placeholder {
	/* Firefox 18- */
  color: #666;
  font-size: 16px;
}
.custom-foodism-form select {
    background: 0 0;
    z-index: 1;
    cursor: pointer;
    color: #000;
    position: relative;
    background: transparent;
    background-image: url("../images/br_down.webp");
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 50%;
}

.custom-foodism-form .custom_select {
	position: relative;
}

.custom-foodism-form .select-btn {
    z-index: 0;
    position: absolute;
    top: 45%;
	left: 85%;
    font-size: 28px;
    cursor: pointer;
    color: #000;
}
.custom-foodism-form.form-holder-2 .select-btn {
    top: 40%;
    right: 10%;
}

.actions ul {
	list-style: none;
	padding-left: 0;
    margin-top: 30px;
}

.actions ul li:nth-child(2), .actions ul li:nth-child(3) {
    float: right;
}

/*.actions ul li.disabled,
.actions ul li:first-child {
	display: none;
}*/
.actions ul li {
	padding: 0;
    border: none;
    display: inline-flex;
    justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-align-items: center;
    -ms-align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
    cursor: pointer;
}

.actions ul li a {
	background: #e03c23;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
    width: 160px;
    border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 100%;
	padding: 15px;
	text-align: center;
}

.actions ul li:first-child a {
	background-color: #d3d3d3;
}

.actions ul li:hover a {
	background: #e03c23;
	color: #fff;
	font-weight: normal;
}

.actions ul li a {
	color: #000;
	text-decoration: none;
    padding: 15px 42px;
}

.wizard-header {
	margin-bottom: 50px;
}

.wizard-header h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 29px;
	color: #000;
}

.wizard-header p {
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #000000;
	text-transform: capitalize;
	opacity: 0.7;
}

.wizard-nav-header {
	display: block;
	width: 100%;
	margin-bottom: 50px;
}
.wizard-nav-header .wizard-nav-logo {
	width: 150px;
	display: inline-block;
	border-right: 1px solid #d3d3d3;
	padding-right: 25px;
}

.wizard-nav-header .wizard-nav-logo img {
	width: 100%;
}

.wizard-nav-header .wizard-page-name {
	display: inline-block;
	text-align: left;
	font-family: 'Lato', sans-serif;
	font-size: 22px;
	letter-spacing: 0px;
	color: #000000;
	text-transform: capitalize;
	opacity: 0.3;
	padding-left: 20px;
	vertical-align: middle;
}

.wizard-nav-header .wizard-back-button {
	display: inline-block;
	width: 49%;
	text-align: right;
	vertical-align: middle;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: bold;
}

.wizard-nav-header .wizard-back-button a {
	color: #000;
}

.wizard-nav-header .wizard-back-button a:hover,
.wizard-nav-header .wizard-back-button a:active,
.wizard-nav-header .wizard-back-button a:focus {
	color: #e03c23;
	text-decoration: none;
}

.btn-group-toggle .btn-secondary:not(:disabled):not(.disabled).active,
.btn-group-toggle .btn-secondary:not(:disabled):not(.disabled):active,
.btn-group-toggle .show > .btn-secondary.dropdown-toggle {
	color: #000;
	background-color: #e03c23;
	border: 1px solid #e03c23;
	border-radius: 21px;
	padding: 10px 30px;
}

.btn-group-toggle .btn-secondary:not(.active) {
	color: #000;
	background-color: #FFF;
	border: 1px solid #000000;
	border-radius: 21px;
	padding: 10px 30px;
}

.custom-foodism-form .btn {
	border-radius: 15px;
}

.custom-foodism-form .foodism {
	background-color: #e03c23;
	color: #fff;
	border: 1px solid #e03c23;
}

.custom-foodism-form .btn:hover {
	opacity: 0.8;
	cursor: grab;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    cursor: inherit;
    display: block;
    width: auto;
}

.wizard-nav-header.mobile {
	display: none;
}

.inner > .repeater > div {
	counter-reset: my-sec-counter;
}

.inner > .repeater > div > div .number:before{
	counter-increment: my-sec-counter;
        content: counter(my-sec-counter);
}

.custom-label {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 133px !important;
    /* display: inline-block; */
}
.d-block.foodism.btn.btn-primary.btn-file, .col-md-4.foodism.btn.btn-primary.btn-file{
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}
.disabled-btn {
    pointer-events: none;
}
.check-holder {
    word-break: break-word;
}
.check-holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
	font-weight: 400;
	margin-top: 10px;
}
.check-icon {
    margin-right: 10px;
}
.word-coutn {
    float: right;
    font-size: 14px;
    padding-top: 5px;
}
.word-coutn span {
    color: #b5b5b5;
}
.word-coutn i{
	color: #0e9136;
}

/* Responsive */
@media screen and (max-width: 1199px) {
	.wizard-v2-content .wizard-form {
	    padding: 40px;
	}
}
@media screen and (max-width: 768px) {
	.check-holder {
		font-size: 14px;
	}
	.custom-foodism-form {
		padding: 0;
		width: 100%;
	}

	.form-register .steps li a {
		margin-right: 30px;
	}

	.wizard-header h3 {
		font-size: 24px;
	}

	.wizard-header p {
		font-size: 12px;
	}

	.wizard-v2-content .wizard-form {
	    padding: 0px;
	    width: 100%;
	}

	.container {
		padding: 0px;
	}

	.wizard-header .headers {
		background-color: #e03c23;
		padding: 15px;
		display: inline-block;
		width: 100%;
	}

	.wizard-nav-header {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 50px;
	}

	.wizard-header p {
		margin-bottom: 0px;
	}

	.custom-foodism-form {
		padding-left: 15px;
		padding-right: 15px;
	}

	.wizard-nav-header.desktop {
		display: none;
	}

	.wizard-nav-header.mobile {
		display: block;
	}

	.mobile-logo-wrapper {
		display: inline-block;
		width: 50%;
		float: left;
	}

	.wizard-nav-header .wizard-nav-logo {
		border-right: 0px;
		padding-right: 0px;
		margin-bottom: 10px;
	}

	.wizard-nav-header .wizard-page-name {
		padding-left: 0px;
		margin-bottom: 20px;
		font-size: 18px;
	}

	.form-register .steps li:not(:last-child) a::before {
		width: 50px;
	}

	.actions ul {
		transform: rotate(180deg);
	}

	.actions ul li {
		display: flex;
		transform: rotate(-180deg);
	}

	.actions ul li {
		margin-bottom: 20px;
	}

	.actions ul li:nth-child(2), .actions ul li:nth-child(3) {
		float: none;
	}

	#step-info {
		display: none;
	}

	.custom-foodism-form .form-group {
		margin-bottom: 1rem;
	}

	.wizard-v2-content {
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.wizard-v2-content .wizard-form {
	    padding: 0px;
	    width: 100%;
	}
	.wizard-v2-content .wizard-image {
		display: none;
	}
}

@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */

	.form-register .steps li a {
		margin-right: 40px;
	}

	.form-register .steps li:not(:last-child) a::before {
		width: 70px;
	}

	.wizard-v2-content {
		width: 60%;
	}

	.actions ul li a {
	    font-size: 14px;
	    width: 120px;
	    padding: 15px 30px;
	}

	#step-info {
    	font-size: 15px;
	}

	.wizard-nav-header .wizard-back-button {
		width: 24%;
		font-size: 14px;
	}
}
@media (min-width:961px)  {
	/* tablet, landscape iPad, lo-res laptops ands desktops */

	.form-register .steps li a {
		margin-right: 40px;
	}

	.form-register .steps li:not(:last-child) a::before {
		width: 70px;
	}

	.wizard-v2-content {
		width: 60%;
	}

	.wizard-nav-header .wizard-back-button {
		width: 40%;
	}

	.custom-foodism-form .select-btn, .custom-foodism-form .type.select-btn {
		left: 80%;
	}

}

@media (min-width:1025px) {

	.form-register .steps li a {
		margin-right: 100px;
	}

	.form-register .steps li:not(:last-child) a::before {
		width: 105px;
	}

	.group2 {
		background: url('../images/Group 2.png');
		position: fixed;
		bottom: 20%;
		z-index: 9999;
		background-size: contain;
		height: 50px;
		width: 50px;
		background-repeat: no-repeat;
	}

	.group3 {
		background: url('../images/Group 3.png');
		position: fixed;
		top: 20%;
		z-index: 9999;
		background-size: contain;
		height: 50px;
		width: 50px;
		background-repeat: no-repeat;
	}

	.wizard-nav-header .wizard-back-button {
		width: 49%;
	}

	.actions ul li a {
	    font-size: 15px;
	    width: 150px;
	}

	#step-info {
    	font-size: 19px;
	}

	.wizard-nav-header .wizard-back-button {
		width: 49%;
		font-size: 20px;
	}

	.custom-foodism-form .select-btn {
		left: 85%;
	}

	.custom-foodism-form .type.select-btn {
		left: 80%;
	}
}
@media screen and (max-width: 768px) {
	.wizard-header .headers h3{color: #fff;}
	.wizard-header .headers p{color: #fff;}
}
/***  new style css  ***/


/***  commen css  ***/

.title-cus {
    width: 100%;
    padding-bottom: 50px;
}

.title-cus h2 {
    font-size: 60px;
    color: #333;
    text-align: center;
}

.title-cus p {
    font-size: 22px;
    color: #848484;
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

.toggle-password {
    float: right;
    left: 410px!important;
    margin-top: -32px;
    position: absolute;
    z-index: 2;
}

a:hover {
    text-decoration: none;
}

.container.cus-container {
    margin: 0 auto;
}

.nav-menu.submit {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 15px;
}

.btn1 {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background: #e03c23;
    border-radius: 10px;
}

.btn1:hover {
    background: #fff;
    color: #333;
}

.btn2 {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 10px 30px;
    color: #333;
    background: #fff;
    border-radius: 10px;
}

.btn2:hover {
    background: #e03c23;
    color: #fff;
}

.btn3 {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background: #e03c23;
    border-radius: 10px;
}

.btn3:hover {
    background: #333;
    color: #fff;
    text-decoration: none;
}

.btn3:focus {
    outline: none;
}

.btn4 {
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    background: #000;
    border-radius: 10px;
}

.btn4:hover {
    background: #e03c23;
    color: #000;
}

input:focus {
    outline: none;
}


/***  magazine section  ***/

.magazine-section .container {
    display: inherit;
}

.mg-top-box {
    border: 5px solid #e03c23;
}

.mg-box-left,
.mg-box-right {
    padding: 20px 0;
}

.mg-box-content {
    padding-bottom: 20px;
}

.mg-box-content h4 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
}

.mg-box-content p {
    font-size: 18px;
    color: #848484;
}

.mg-box-right .mg-box-content {
    text-align: right;
}

.magazine-slider {
    background: url('../images/mg-sldr-bg.jpg') no-repeat;
    background-size: cover;
    padding: 50px 0;
    margin-top: 50px;
}

.mg-sldr-box {
    background: #fff;
    border: 5px solid #fff;
}


/* .mg-sldr-box .mg-details{padding: 0 10px; text-align: center; height: 95px; overflow: hidden;} */

.mg-sldr-box .mg-details {
    padding: 0 10px;
    text-align: center;
    height: 125px;
    overflow: hidden;
}


/* .mg-sldr-box .mg-details h4{font-size: 24px; color: #333; margin: 0; padding: 8px 0;} */

.mg-sldr-box .mg-details h4 {
    font-size: 24px;
    color: #333;
    margin: 0;
    padding: 8px 0;
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mg-sldr-box .mg-details p {
    font-size: 16px;
    color: #848484;
    margin-bottom: 8px;
}

.magazine-slider .owl-carousel .item a:hover .mg-sldr-box {
    background: #e03c23;
    border: 5px solid #e03c23;
}

.magazine-slider .owl-carousel .item a:hover .mg-details h4 {
    color: #fff;
}

.magazine-slider .owl-carousel .item a:hover .mg-details p {
    color: #fff;
}

.magazine-slider .owl-carousel .owl-item img {
    min-height: 420px;
    max-height: 420px;
}

.magazine-slider .owl-carousel .owl-nav button.owl-next {
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-right: 80px solid #333;
    border-bottom: 80px solid transparent;
}

.magazine-slider .owl-carousel .owl-nav button.owl-prev {
    width: 0;
    height: 0;
    border-top: 80px solid transparent;
    border-left: 80px solid #333;
    border-bottom: 80px solid transparent;
}

.magazine-slider .owl-carousel .owl-nav button.owl-prev {
    font-size: 50px;
    color: #fff;
    float: left;
    margin: 0;
}

.magazine-slider .owl-carousel .owl-nav button.owl-next {
    font-size: 50px;
    color: #fff;
    float: right;
    margin: 0;
}

.magazine-slider .owl-carousel .owl-nav button.owl-next span {
    padding: 0 0px 10px 44px;
    height: 104px;
    margin-top: -46px;
    float: left;
}

.magazine-slider .owl-carousel .owl-nav button.owl-prev span {
    padding: 0 0 10px 0px;
    height: 104px;
    margin-top: -46px;
    float: left;
    margin-left: -60px;
}

.magazine-slider .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 28%;
    right: 0;
}

.magazine-slider .owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 28%;
    left: 0;
}

.magazine-slider .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    outline: none;
}

.magazine-slider .owl-carousel .owl-nav button.owl-next span:focus {
    outline: none;
}

.magazine-slider .owl-carousel .owl-nav button.owl-next:focus {
    outline: none;
}

.magazine-slider .owl-carousel .owl-nav button.owl-prev:focus {
    outline: none;
}

.magazine-slider .owl-carousel .owl-nav button.owl-prev span:focus {
    outline: none;
}

.magazine-slider .owl-carousel .owl-nav button.owl-prev:hover {
    border-left: 80px solid #e03c23;
    color: #333;
}

.magazine-slider .owl-carousel .owl-nav button.owl-next:hover {
    border-right: 80px solid #e03c23;
    color: #333;
}

.magazine-slider .owl-dots {
    display: none;
}

.magazine-slider .owl-nav {
    display: none;
}

.magazine-slider .owl-carousel.owl-drag .owl-item .item a {
    width: 100%;
}

.mag-subscribe .mag-sub-box {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

.mag-subscribe .mag-sub-box h3 {
    color: #fff;
    padding-bottom: 35px;
    font-weight: normal;
}

.mag-subscribe .mag-sub-box input {
    color: #fff;
    padding: 15px;
    background: rgba(255, 255, 255, 0.5);
    width: 75%;
    height: 50px;
    border-radius: 15px;
    border: 0px;
    margin-right: 1%;
    font-size: 18px;
}

.mag-subscribe .mag-sub-box input::-webkit-input-placeholder {
    color: #fff;
}

.mag-subscribe .mag-sub-box input:-ms-input-placeholder {
    color: #fff;
}

.mag-subscribe .mag-sub-box input::placeholder {
    color: #fff;
}

.magazine-section .submit-button-2.browse {
    width: 80%;
    margin: 15px auto;
}


/* .mag-subscribe #subscription .btn2{width: 23%;} */

#subscription {
    position: relative;
}

#sub-email-error {
    position: absolute;
    width: auto;
    left: 15px;
    top: 55px;
}


/***  product of the day  ***/

.prd-day-details h2 {
    font-size: 40px;
    margin-bottom: 20px;
}

.best-product {
    width: 100%;
    position: relative;
    max-height: 630px;
    overflow: hidden;
    display: flex;
    align-items: center;
}


/* .prd-day-details{background: rgba(0,0,0,0.6); width: 550px; padding: 20px; color: #fff;  position: absolute; top: 60px; right:60px;} */

.prd-day-details {
    background: rgba(0, 0, 0, 0.6);
    width: 550px;
    padding: 20px;
    color: #fff;
    position: absolute;
    top: 60px;
    right: 60px;
}

.rec-view-more {
    color: #fff;
    margin-top: 35px;
}

.rec-view-more span {
    font-size: 18px;
    font-weight: 500;
    background: #e03c23;
    padding: 10px 35px;
    color: #fff;
    border-radius: 100px;
}

.rec-view-more span .fa {
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
}

.rec-view-more span:hover {
    background: #fff;
    color: #e03c23;
}

.rec-view-more span:hover .fa {
    color: #000;
    color: #e03c23;
}


/***  footer  ***/

.footer {
    background: #5c5c5c;
    padding: 60px 0 0px;
    margin-top: 60px;
    width: 100%;
    float: left;
}

.footer .container {
    display: inherit;
    margin: 0 auto;
}

.ftr-cl-1 .ftr-img img {}

.ftr-cl-1 p {
    margin: 0;
    color: #fff;
    padding-top: 30px;
}

.ftr-cl-2 {
    padding-left: 20%;
}

.ftr-cl-2 ul {
    padding-left: 10px;
}

.ftr-cl-2 h4 {
    font-size: 30px;
    padding: 15px 0;
    color: #fff;
}

.ftr-cl-2 ul li {
    list-style-type: none;
    padding: 5px 0;
}

.ftr-cl-2 ul li a {
    font-size: 16px;
    color: #fff;
}

.ftr-cl-3 h4 {
    font-size: 30px;
    padding: 15px 0;
    color: #fff;
}

.ftr-cl-3 ul {
    padding-left: 10px;
}

.ftr-cl-3 ul li {
    list-style-type: none;
    padding: 5px 0;
    color: #fff;
    font-size: 18px;
    display: flex;
}

.ftr-cl-3 ul li a {
    font-size: 18px;
    color: #fff;
}

.ftr-cl-3 ul li span {
    min-width: 40px;
    display: inline-flex;
}

.ftr-cl-3 ul li span img {
    height: 20px;
    vertical-align: middle;
    float: left;
    margin-top: 5px;
    margin-bottom: 10px;
}

.ftr-cl-3 ul.social-icon-cus {
    margin: 0;
}

.ftr-cl-3 ul.social-icon-cus li {
    display: inline-block;
}

.ftr-cl-3 ul.social-icon-cus a {
    width: 40px;
    height: 40px;
    margin: 5px;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 100%;
    color: #5c5c5c;
    padding: 5px;
    font-size: 20px;
}

.ftr-cl-3 ul.social-icon-cus a:hover {
    background: #e03c23;
}

.copyright-cus {
    padding: 20px 0;
    color: #fff;
    margin-top: 30px;
    border-top: 1px solid #d2d2d2;
}

.copyright-cus p {
    margin: 0;
    font-size: 16px;
}

.footer a:hover {
    color: #e03c23;
}

.rc-box-cus {
    position: relative;
}

.like-coutn {
    position: absolute;
    right: 100px;
    bottom: 10px;
    z-index: 9;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
}

.like-coutn:hover .views.margin {
    width: 75px;
    height: 50px;
}

.like-coutn:hover .views.margin img {
    width: 40px;
    height: 40px;
}

.like-coutn .image-19 {
    padding: 0;
}


/***  media query  ***/

@media only screen and (min-width: 1024px) {
    /***  commen css  ***/
    .dropdown .dropdown-content {
        /*position:inherit;*/
    }
    .mobile-footer-menu-wrapper ul li a i {
        margin-bottom: 0;
    }
    .mobile-footer-menu-wrapper ul li {
        padding: 5px 0;
    }
    .mobile-footer-menu-wrapper ul li.active {
        border-bottom: 0;
        background: #ffe500;
    }
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 1024px) {
    /***  product of the day  ***/
    .magazine-slider .owl-theme .owl-nav .owl-prev {
        display: none;
    }
    .magazine-slider .owl-theme .owl-nav .owl-next {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .title-cus h2 {
        font-size: 40px;
    }
    .title-cus p {
        width: 100%;
        font-size: 18px;
    }
    /***  magazine  ***/
    .mg-box-content h4 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .mg-box-content p {
        font-size: 15px;
        margin-bottom: 0;
    }
    .mg-box-content {
        padding-bottom: 10px;
    }
    .mg-box-left,
    .mg-box-right {
        padding: 0;
    }
    .mag-subscribe .mag-sub-box {
        width: 100%;
    }
    .magazine-section .submit-button-2.browse {
        width: 90%;
        font-weight: 500;
        font-size: 16px;
    }
    /***  product of the day  ***/
    .prd-day-details {
        width: 400px;
    }
    .prd-day-details h2 {
        font-size: 32px;
    }
    .best-product {}
    .prd-day-details p {
        margin: 0;
    }
    .prd-day-details h2 {
        margin-bottom: 10px;
    }
    .prd-day-details p.rec-view-more {
        margin-top: 30px;
        margin-bottom: 20px;
    }
    .magazine-slider .owl-theme .owl-nav .owl-prev {
        display: none;
    }
    .magazine-slider .owl-theme .owl-nav .owl-next {
        display: none;
    }
    #swipetext {
        display: block !important;
        margin-bottom: 0px;
        margine-left: 10px;
        margin-right: 10px;
    }
    ._140-image.bg {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 767px) {
    /***  magazine  ***/
    .mg-top-box {
        width: 50%;
        margin: 15px auto;
    }
    .mg-box-left {
        width: 75%;
        margin: 0 auto;
        text-align: center;
    }
    .mg-box-right {
        width: 75%;
        margin: 0 auto;
    }
    .mg-box-right .mg-box-content {
        text-align: center;
    }
    .mag-subscribe .mag-sub-box input {
        width: 74%;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-prev {
        border-top: 15px solid transparent;
        border-left: 15px solid #333;
        border-bottom: 15px solid transparent;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-prev span {
        margin-left: -14px;
        margin-top: -21px;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-next {
        border-top: 15px solid transparent;
        border-right: 15px solid #333;
        border-bottom: 15px solid transparent;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-next span {
        padding: 0px 0px 10px 7px;
        margin-top: -21px;
    }
    .magazine-slider .owl-theme .owl-nav .owl-prev {
        top: 35%;
    }
    .magazine-slider .owl-theme .owl-nav .owl-next {
        top: 35%;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-prev:hover {
        border-left: 15px solid #e03c23;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-next:hover {
        border-right: 15px solid #e03c23;
    }
    .magazine-slider .owl-theme .owl-nav {
        display: block;
    }
    .magazine-slider .owl-carousel .owl-item img {
        min-height: 330px;
        max-height: 330px;
    }
    .magazine-slider .owl-carousel .owl-nav.disabled {
        display: none;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-prev {
        font-size: 24px;
    }
    .magazine-slider .owl-carousel .owl-nav button.owl-next {
        font-size: 24px;
    }
    .magazine-slider .owl-theme .owl-nav .owl-prev {
        display: none;
    }
    .magazine-slider .owl-theme .owl-nav .owl-next {
        display: none;
    }
    #swipetext {
        display: block !important;
        margin-bottom: 0px;
        margine-left: 10px;
        margin-right: 10px;
    }
    /***  product of the day  ***/
    .prd-day-details {
        position: inherit;
        top: inherit;
        width: 100%;
        right: inherit;
    }
    .best-product {
        display: inherit;
    }
    .prd-day-details h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .prd-day-details p {
        font-size: 14px;
    }
    .prd-day-details {}
    .prd-day-details {
        background: none;
        color: #212529;
    }
    .rec-view-more span:hover {
        background: #000;
        color: #fff;
    }
    .rec-view-more span:hover .fa {
        color: #fff;
    }
    /***  footer  ***/
    .ftr-cl-2 {
        padding-left: 0;
    }
}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 575px) {
    /***  magazine  ***/
    .toggle-password {
        float: right;
        left: 345px!important;
        margin-top: -32px;
        position: absolute;
        z-index: 2;
    }
    .magazine-section .container {
        max-width: 100%;
        min-width: 100%;
    }
    .mg-box-left {
        width: 90%;
    }
    .mg-box-right {
        width: 90%;
    }
    .mg-top-box {
        width: 70%;
    }
    .mag-subscribe .mag-sub-box input {
        width: 100%;
        margin-bottom: 15px;
    }
    .magazine-slider .owl-carousel .owl-item img {
        min-height: auto;
        max-height: inherit;
    }
    .magazine-slider .owl-theme .owl-nav .owl-prev {
        display: none;
    }
    .magazine-slider .owl-theme .owl-nav .owl-next {
        display: none;
    }
    #swipetext {
        display: block !important;
        margin-bottom: 0px;
        margin-left: 10px;
        margin-right: 10px;
    }
    #subscription .btn2 {
        width: auto;
        margin-top: 25px;
    }
    /***  product of the day  ***/
    .product-of-day .container {
        max-width: 100%;
        min-width: 100%;
        padding: 0;
    }
    .prd-day-details {
        padding: 10px;
    }
    .best-product {
        min-height: 250px;
    }
    .prd-day-details p {
        line-height: 1.3;
    }
}

@media screen and (max-width: 479px) {
    .magazine-section .submit-button-2.browse {
        padding: 10px;
    }
}


/***  regsiter page  ***/

.register-cus {}

.register-cus .div-1 {
    width: 60%;
}

.register-cus .div-1.sign-up {
    padding: 40px;
}

.register-cus .reg-form-box {
    width: 100%;
}

.register-cus .reg-form-box .form-control {
    border-radius: 10px;
}


/* .register-cus .reg-form-box .form-control:focus{outline: none; border-color: #d2d2d2; box-shadow: none;} */

.register-cus .reg-form-box .form-control:focus {
    outline: none;
    border-color: #d2d2d2;
    box-shadow: 0 0 0 0.2rem rgb(255 255 80 / 50%);
    border: 1px solid #e03c23;
    background: #f6f6f6;
}

.register-cus .mobile-otp {
    width: 100%;
    float: left;
}

.register-cus .mobile-otp select.form-control {
    width: 18%;
    float: left;
    margin-right: 2%;
    padding-left: 0;
}

.register-cus .mobile-otp input.form-control {
    width: 48%;
    float: left;
    margin-right: 2%;
}

.register-cus .mobile-otp .otp-btn {
    width: 30%;
    float: left;
}

.register-cus .mobile-otp .otp-btn .btn4 {
    font-size: 16px;
    padding: 7px 15px;
    width: 100%;
    text-transform: uppercase;
}

.register-cus .head-div h1 {
    padding-bottom: 15px;
}

.register-cus .head-div h1 span {
    border-left: 2px solid #5c5c5c;
    padding-left: 20px;
    margin-left: 10px;
    font-size: 18px;
}

.register-cus .head-div h1 span a {
    color: #000;
}

.register-cus .signup-left {
    width: 80%;
    margin: 0 auto;
}

.register-cus .signup-left .signup-logo {
    width: 65%;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin: 0 auto;
}

.register-cus .signup-left .signup-dis {
    font-size: 18px;
}

.register-cus .modal-content {
    background: #e03c23;
    border-radius: 10px;
}

.register-cus .modal-content .modal-header {
    border-bottom: 1px solid #000;
}

.register-cus .modal-content .signup-dis {
    display: block;
}

.register-cus .form-group label {
    line-height: 1;
    margin-bottom: 5px;
}

.error {
    color: #ff0000;
    font-size: 10pt
}

.captcha {
    width: 180px;
}

.captcha span {
    float: left;
    width: 125px;
}

.captcha .btn-danger {
    float: right;
    width: 36px;
    height: 36px;
}

.fw {
    width: 100%;
    float: left;
}

#register-form .btn3 {
    border: 0;
}

.captcha-re {
    background: transparent;
}

.captcha-re:focus {
    outline: none;
    opacity: 0.8;
}

.captcha-re img {
    height: 36px;
}

.agrre-condition .check-row {
    align-items: center;
    margin-top: 0;
}

.agrre-condition .check-col {
    /*padding-bottom: 15px;*/
}

.agrre-condition label {
    color: #fff;
    font-weight: 500;
}

.agrre-condition .container-row {
    color: #000;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
}

.agrre-condition p {
    margin-bottom: 5px;
    font-weight: bold;
}

.agrre-condition input {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
}

.agrre-condition .container-row input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.agrre-condition .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f7fafc;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
}

.agrre-condition .container-row input:checked~.checkmark {
    background-color: #e03c23;
    border: 1px solid #e03c23;
    border-radius: 4px;
}

.agrre-condition .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.agrre-condition .container-row input:checked~.checkmark:after {
    display: block;
}

.agrre-condition .container-row .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.register-cus .signup-left {
    width: 90%;
}

.register-cus .signup-left .signup-dis {
    width: 70%;
    float: none;
    margin: 0 auto;
}

.register-cus .signup-left .signup-logo {
    margin: 0 auto;
    width: 200px;
    height: 200px;
    border-radius: 100%;
    text-align: center;
}

.register-cus .signup-left .signup-logo img {
    height: 100%;
}

.signup-dis h2 {
    font-size: 24px;
}

.signup-dis ul {
    padding-left: 20px;
    margin: 0;
}

.signup-dis ul li {
    padding: 5px 0px;
}


/***  media query  ***/

@media only screen and (max-width: 1499px) {}

@media only screen and (max-width: 1199px) {
    /***  register page  ***/
    .register-cus .signup-left .signup-dis {
        font-size: 16px;
    }
    .register-cus .signup-left {
        width: 90%;
    }
    .div-1.sign-up {
        min-width: inherit;
    }
    .register-cus .div-1 {
        width: 65%;
    }
    .register-cus .signup-left .signup-dis {
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {
    /***  register page  ***/
    .register-cus .head-div h1 {
        font-size: 24px;
    }
    .form-group.mobile-otp {
        float: left;
    }
    .register-cus .div-1 {
        width: 60%;
    }
}

@media only screen and (max-width: 767px) {
    /***  register page  ***/
    .register-cus .div-1.sign-up {
        width: 100%;
    }
    .register-cus .signup-left .signup-dis {
        display: none;
    }
    .register-cus .div-2 {
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .register-cus #myModal .modal-dialog {
        max-width: 90%;
        margin: 15px auto;
    }
    .register-cus .signup-left .signup-logo {
        width: 150px;
        height: 150px;
        margin: 0 auto;
        border-radius: 100%;
        text-align: center;
    }
    .register-cus .signup-left .signup-logo img {
        height: 100%;
    }
    .modal-header .signup-logo {
        width: 150px;
        height: 150px;
        background: #fff;
        border-radius: 100%;
        margin: 0 auto;
        float: none;
        padding: 20px;
        text-align: center;
    }
    .modal-header .signup-logo img {
        height: 100%;
    }
    #myModal .close {
        position: absolute;
        right: 15px;
    }
    .register-cus .modal-content .modal-header {
        border-bottom: 0;
        padding: 0;
    }
    .register-cus .modal-content .modal-body {
        padding: 0 15px;
    }
    #myModal .modal-content .signup-dis .btn2 {
        line-height: 1;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 640px) {
    .shopping-cart .shoping-d {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .container {
        max-width: 100%;
        min-width: 100%;
    }
}

@media screen and (max-width: 479px) {
    /*** register  ***/
    .register-cus .div-2 {
        display: block;
    }
    .register-cus .div-1.sign-up {
        padding: 15px;
    }
    .register-cus .head-div h1 {
        font-size: 18px;
        padding: 0;
    }
    .register-cus .head-div h1 span {
        font-size: 16px;
    }
    .register-cus .mobile-otp select.form-control {
        width: 25%;
        margin-bottom: 15px;
    }
    .register-cus .mobile-otp input.form-control {
        width: 73%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .register-cus .mobile-otp .otp-btn {
        width: 50%;
    }
}


/***  all maganize page  ***/

.all-magazine .wrapper {
    margin: 0 auto;
    padding: 0 0 50px 130px;
    width: 100%;
}

.all-magazine .timeline {
    position: relative;
    margin: 0 auto;
}

.all-magazine .timeline__nav {
    position: fixed;
    z-index: 99;
    top: 0;
    -webkit-transition: top .3s ease-out;
    transition: top .3s ease-out;
    text-align: center;
}

.all-magazine .timeline__nav ul {
    list-style: none;
    list-style-position: inside;
    margin: 15px 0;
    padding: 0;
}

.all-magazine .timeline__nav ul li {
    margin: 15px 0;
    padding-left: 0;
    list-style-type: none;
    color: #bfc1c3;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
    cursor: pointer;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.all-magazine .timeline__nav ul li.active {
    font-weight: bold;
    color: #fff;
    border-bottom: 1px dotted transparent;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    background: #e03c23;
    border-radius: 5px;
    padding: 5px 15px;
}

.all-magazine .timeline__nav ul li:hover {
    color: #000;
}

.all-magazine .timeline-heading {
    background: #e03c23;
    border-radius: 10px;
    padding: 15px 20px;
    margin-bottom: 20px;
    color: #fff;
}

.all-magazine .timeline-heading h2 {
    margin: 0;
}

.all-magazine .timeline-box {
    padding-top: 20px;
}

.all-magazine .mag-list-box {
    background: #d2d2d2;
    padding: 5px;
    margin-bottom: 20px;
    transition: 0.3s;
}

.all-magazine .mag-list-box:hover {
    background: #5c5c5c;
}

.all-magazine .mag-list-box .mag-list-img img {
    height: 300px;
    width: 100%;
}

.all-magazine .mag-list-dis {
    text-align: center;
    padding: 10px;
    color: #000;
}


/* .all-magazine .mag-list-dis h3{color: #000; font-size: 22px; transition: 0.3s; text-transform: capitalize;} */

.all-magazine .mag-list-dis h3 {
    color: #000;
    font-size: 22px;
    transition: 0.3s;
    text-transform: capitalize;
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.all-magazine .mag-list-dis p {
    color: #5c5c5c;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
}

.all-magazine .mag-list-box:hover h3 {
    color: #fff;
}

.all-magazine .mag-list-box:hover p {
    color: #fff;
}

.all-magazine .mag-list-box.comming-mag {
    min-height: 412px;
    display: flex;
    align-items: center;
}


/***  feed bite section  ***/

.tab-group {
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
}

.tab-group__tab-ul {
    list-style: none;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    height: 3rem;
}

.tab-group__tab-li {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.tab-group__tab-btn {
    background: #d2d2d2;
    border-radius: 10px;
    font-size: 20px;
    color: #000;
    padding: 9px 30px;
}

.tab-group__tab-btn:focus,
.tab-group__tab-btn:hover {
    color: #000;
    background: #e03c23;
}

.tab-group__tab-btn:focus {
    outline: none;
}

.tab-group__tabpanel {
    border-color: #e0dddd;
    border-style: solid;
    border-width: 0;
}

.tab-group__tab-content {
    padding: 1rem;
}

.tab-group__tab-li_fill {
    /*-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;*/
    margin: 5px;
}

.tab-group__tab-btn_selected {
    background: #e03c23;
    border-radius: 10px;
    color: #000;
}

.tab-group__tab-btn_selected:focus,
.tab-group__tab-btn_selected:hover {
    color: #202020;
}

.bite-box {
    border: 5px solid #d2d2d2;
    min-height: 470px;
    /*min-width: 300px;*/
}

.bite-box .bite-img {
    position: relative;
    border-bottom: 5px solid #d2d2d2;
    max-height: 250px;
    overflow: hidden;
    min-height: 250px;
}

.bite-box .bite-img img {
    min-height: 250px;
}

.bite-box .bite-img .bite-title {
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    padding: 5px;
    color: #fff;
    width: 100%;
    font-size: 22px;
    text-align: center;
}

.bite-box .bite-dis {
    padding: 10px;
    font-size: 14px;
    color: #848484;
}

.owl-one .owl-nav {
    display: none;
}

.owl-one.owl-carousel .owl-nav button.owl-next,
.owl-one.owl-carousel .owl-nav button.owl-prev,
.owl-one.owl-carousel button.owl-dot {}

.owl-one.owl-theme .owl-nav {
    margin: 0;
}

.owl-one.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #e03c23;
}

.owl-one.owl-theme .owl-dots [class*=owl-]:focus {
    outline: none;
}

.owl-one.owl-theme .owl-dots .owl-dot.active span,
.owl-one.owl-theme .owl-dots .owl-dot:hover span {
    background: #e03c23;
}

.owl-one.owl-theme .owl-dots .owl-dot span {
    background: #d2d2d2;
}

@media only screen and (max-width: 1499px) {
    .bite-box {
        min-height: 500px;
    }
    .bite-box .bite-dis p {
        margin: 0;
    }
}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {
    .bite-box {
        min-height: 450px;
    }
}

@media only screen and (max-width: 767px) {
    /***  feed bite section  ***/
    .tab-group__tab-btn {
        padding: 10px 15px;
    }
    .bite-box .bite-img .bite-title {
        font-size: 16px;
    }
    .bite-box {
        max-width: 420px;
    }
}

@media only screen and (max-width: 575px) {
    /***  commen css  ***/
    .container {
        max-width: 100%;
        min-width: 100%;
    }
    /***  feed bite section  ***/
    .tab-group__tab-ul {
        display: inherit;
        padding: 0 10px;
        height: auto;
        text-align: center;
    }
    .tab-group__tab-li_fill {
        width: 31%;
        margin: 2% 0.5%;
        display: inline-block;
    }
    .tab-group__tab-btn {
        padding: 10px;
        font-size: 14px;
    }
    .tab-group__tab-content {
        padding-top: 0;
    }
    .tab-group__tab-li_fill:nth-child(4) {
        width: 48%;
    }
    .tab-group__tab-li_fill:nth-child(5) {
        width: 48%;
    }
    .tab-group__tab-li_fill:nth-child(4) .tab-group__tab-btn {
        width: 100%;
        padding: 10px 22px;
    }
    .tab-group__tab-li_fill:nth-child(5) .tab-group__tab-btn {
        width: 100%;
        padding: 10px 25px;
    }
}

@media screen and (max-width: 479px) {
    /***  feed bite section  ***/
    .bite-box {
        max-width: 100%;
    }
}

#log-in-popup .text-block-21 a {
    text-decoration: underline;
}


/***  event section  ***/

.all-events {
    width: 100%;
    float: left;
    padding-bottom: 100px;
}

.all-events .container {
    display: inherit;
}

.event-list {
    width: 100%;
    float: left;
}

.event-list.one-events .event-box {
    width: 100%;
    padding: 10px;
    float: left;
}

.event-list.two-events .event-box {
    padding: 10px;
    float: left;
}

.event-list.three-events .event-box {
    padding: 10px;
    float: left;
}

.event-box .event-box-innr {
    -webkit-box-shadow: 0 0 5px 2px #5c5c5c;
    -moz-box-shadow: 0 0 5px 2px #5c5c5c;
    box-shadow: 0 0 7px 1px #5c5c5c;
}

.event-box .event-slider {
    position: relative;
}

.event-box .event-slider .event-date {
    position: absolute;
    background: rgba(0, 0, 0, 0.7);
    width: 85px;
    height: auto;
    padding: 10px 5px;
    color: #fff;
    top: 0;
    left: 15px;
    z-index: 9;
    text-align: center;
}

.event-box .event-slider .event-date.longdate {
    width: auto;
    padding: 10px;
}

.event-box .event-slider .event-date .ev-dt {
    font-size: 20px;
    display: block;
}

.event-box .event-slider .item {
    padding: 0;
}

.event-box .event-box-innr .event-dis {
    padding: 0 15px 15px;
}

.event-box .event-box-innr .event-dis h3 {
    font-size: 20px;
    min-height: 60px;
    padding-top: 10px;
    color: #000;
}

.event-box .event-box-innr .event-dis h3 a {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.event-box .event-box-innr .event-dis ul {
    padding-left: 18px;
    margin: 0;
}

.event-box .event-box-innr .event-dis ul li {
    font-size: 15px;
    color: #5c5c5c;
    padding-bottom: 10px;
}

.event-box .event-slider .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.event-box .event-slider .owl-theme .owl-dots .owl-dot:hover span {
    background: #000;
}

.event-box .event-slider .owl-theme .owl-dots .owl-dot:focus {
    outline: none;
}

.event-box .event-box-innr .event-dis .how-participet .btn3 {
    width: 100%;
}

.all-events .all-ev-btn {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 40px;
}

.all-events .all-ev-btn .btn3 {
    width: 50%;
}

.event-box .event-box-innr .event-dis p {
    font-size: 15px;
    color: #5c5c5c;
}

.event-list.one-events p.mt-4 .btn3 {
    width: 100%;
}

.event-list.one-events .event-box .event-slider {
    width: 50%;
    float: left;
}

.event-list.one-events .event-box .event-dis {
    width: 50%;
    float: left;
    padding: 0px 50px;
}

.event-list.one-events .event-box .event-box-innr {
    width: 100%;
    float: left;
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: none;
}

.event-list.one-events .event-box .owl-theme .owl-dots .owl-dot span {
    background: #5c5c5c;
}

.event-list.one-events .event-box .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.event-list.one-events .event-box .event-box-innr .event-dis h3 {
    min-height: auto;
}

.event-list.one-events .event-box .event-box-innr .event-dis p {
    height: auto;
}

.event-list.two-events .owl-theme .owl-dots .owl-dot span {
    background: #d2d2d2;
}

.event-list.two-events .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.event-list.three-events .owl-theme .owl-dots .owl-dot span {
    background: #d2d2d2;
}

.event-list.three-events .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.event-list.one-events .event-box .event-box-innr .event-dis ul {
    margin-bottom: 30px;
}

.event-list.three-events .event-box .event-box-innr .event-dis p {
    font-size: 15px;
    color: #5c5c5c;
}

.event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
    height: 200px;
}

.event-list.two-events .event-box .event-box-innr .event-dis p {
    font-size: 15px;
    color: #5c5c5c;
}

.event-list.two-events .event-box .event-box-innr .event-dis .event-dis-cus {
    height: 130px;
}

.event-list.one-events .owl-dots.disabled {
    display: block;
}

.event-list.one-events .event-box .owl-dots {
    margin-top: 10px !important;
}

.event-list.two-events .owl-carousel {
    display: block;
}

.event-list.three-events .owl-carousel {
    display: block;
}

.owl-stage .event-box {
    padding: 10px;
}

.two-events .owl-carousel--nested {
    max-width: 535px;
    margin-top: 20px;
}

.owl-carousel--nested .owl-stage-outer .owl-stage .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}

.three-events .owl-carousel--nested {
    max-width: 350px;
    margin-top: 20px;
}

.all-events .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0;
}

.all-events .owl-carousel--nested .owl-dots .owl-dot span {
    font-size: 0;
}

.all-events .event-list.one-events .owl-dots .owl-dot span {
    font-size: 0;
}

.all-events .event-list.two-events .owl-theme>.owl-dots .owl-dot {
    min-height: 32px;
}

.all-events .event-list.three-events .owl-theme>.owl-dots .owl-dot {
    min-height: 32px;
}

.all-events .event-list.two-events .owl-theme>.owl-dots .owl-dot.active span {
    background: transparent;
    font-weight: bold;
}

.all-events .event-list.two-events .owl-theme>.owl-dots .owl-dot span {
    background: transparent;
}

.all-events .event-list.three-events .owl-theme>.owl-dots .owl-dot.active span {
    background: transparent;
    font-weight: bold;
}

.all-events .event-list.three-events .owl-theme>.owl-dots .owl-dot span {
    background: transparent;
}

.all-events .event-list .owl-theme>.owl-dots .owl-dot.active span:focus {
    outline: none;
}

.all-events .event-list .owl-theme>.owl-dots .owl-dot:focus {
    outline: none;
}

.all-events .event-list.two-events .owl-stage-outer .owl-dots .owl-dot.active span {
    background: #000;
}

.all-events .event-list.two-events .owl-stage-outer .owl-dots .owl-dot span {
    background: #d2d2d2;
}

.all-events .event-list.three-events .owl-stage-outer .owl-dots .owl-dot.active span {
    background: #000;
}

.all-events .event-list.three-events .owl-stage-outer .owl-dots .owl-dot span {
    background: #d2d2d2;
}

.all-events .tab-pane .event-list.two-events .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.all-events .tab-pane .event-list.two-events .owl-theme .owl-dots .owl-dot span {
    background: #d2d2d2;
}

.all-events .tab-pane .event-list.three-events .owl-theme .owl-dots .owl-dot.active span {
    background: #000;
}

.all-events .tab-pane .event-list.three-events .owl-theme .owl-dots .owl-dot span {
    background: #d2d2d2;
}

.all-events .tab-pane .event-list.three-events .owl-theme .owl-dots {
    margin-top: 10px;
}

.all-events .owl-carousel .owl-stage-outer .owl-dots.disabled {
    display: block;
}

.all-events .tab-pane .owl-dots.disabled {
    display: block;
}

.event-box .cta {
    margin-top: 0;
}


/***  event inner page  ***/

.event-inner .event-list .event-box {
    width: 33.33%;
    float: left;
    min-height: 696px;
}

.event-inner .nav-tabs {
    border-bottom: 0;
    margin-bottom: 20px;
    justify-content: center;
}

.event-inner .nav-tabs .nav-link {
    border: 0;
    background: #d2d2d2;
    border-radius: 10px;
    font-size: 28px;
    min-width: 200px;
    text-align: center;
    text-transform: capitalize;
    margin: 5px 10px;
}

.event-inner .nav-tabs .nav-link.active {
    background: #e03c23;
    color: #fff !important;
}

.event-inner .nav-tabs .nav-link:hover {
    background: #e03c23;
    color: #fff !important;
}


/***  event details ***/

.event-details-page .event-box .event-box-innr {
    box-shadow: none;
}

.event-details-page .event-list.one-events .event-box .owl-dots {
    padding-top: 10px;
}

.event-details-page .event-list.one-events .event-box .event-box-innr {
    display: inherit;
}

.event-details-page .event-list.one-events .event-box .event-dis {
    width: 100%;
    float: none;
}

.event-details-page .event-list.one-events .event-box .event-slider {
    margin-right: 50px;
    margin-bottom: 20px;
}

.event-details-page .event-list.one-events .event-box .event-dis {
    padding: 0;
}

.event-details-page .event-box .event-box-innr .event-dis h3 {
    font-size: 32px;
}

.event-details-page .event-box .event-box-innr .event-dis .how-participet h3 {
    font-size: 22px;
}

.event-details-page .event-box .event-box-innr .event-dis p {
    font-size: 18px;
}

.event-user-counter {
    -webkit-box-shadow: 0 0 5px 2px #5c5c5c;
    -moz-box-shadow: 0 0 5px 2px #5c5c5c;
    box-shadow: 0 0 7px 1px #5c5c5c;
    padding: 15px 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}

.event-detail-cus {
    width: 100%;
    float: left;
    margin: 50px 0;
}

.event-detail-cus .how-participet {
    padding-left: 15px;
    padding-right: 15px;
}

.event-detail-cus .how-participet ul {
    padding-left: 20px;
}

.event-detail-cus .how-participet ul li {
    font-size: 18px;
    color: #5c5c5c;
    padding: 5px 0;
}

.event-user-counter .counter-img {
    width: 30%;
    float: left;
    padding-right: 30px;
}

.event-user-counter .counter-img i {
    font-size: 60px;
}

.event-user-counter .counter-data {
    padding-left: 50px;
}

.event-user-counter .counter-data h4 {
    color: #5c5c5c;
}

.event-user-counter .counter-data h2 {
    font-weight: bold;
}

.event-current {
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 9;
    background: #e03c23;
    padding: 8px 20px;
    font-weight: bold;
    color: #fff;
}

.event-details-page .event-box .event-box-innr .event-dis p {
    height: auto;
}

.event-info {
    background: #e03c23;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.event-info .event-info-icon {
    float: left;
}

.event-info .event-info-icon i {
    font-size: 45px;
}

.event-info .event-total-user {
    width: 50%;
}

.event-info .event-reg-user {
    width: 50%;
}

.event-info .event-info-dtail {
    float: left;
    padding-left: 15px;
}

.event-info .event-info-dtail h4 {
    font-size: 16px;
    margin-bottom: 5px;
}

.event-info .event-info-dtail h2 {
    font-size: 18px;
    margin-bottom: 0px;
}


/***  media query  ***/

@media only screen and (max-width: 1199px) {
    /***  event page  ***/
    .event-list.one-events .event-box .event-dis {
        padding: 35px;
    }
    .two-events .owl-carousel--nested {
        max-width: 445px;
    }
    .three-events .owl-carousel--nested {
        max-width: 290px;
    }
    .event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 260px;
    }
    /***  event inner page  ***/
    .event-inner .event-list .event-box {
        width: 50%;
    }
    .event-details-page .event-list.one-events .event-box .event-slider {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 1024px) {
    /***  product of the day  ***/
}

@media only screen and (max-width: 991px) {
    .title-cus h2 {
        font-size: 40px;
    }
    .title-cus p {
        width: 100%;
        font-size: 18px;
    }
    /***  event page  ***/
    .event-list.one-events .event-box .event-dis {
        padding: 15px 20px;
    }
    .event-box .event-box-innr .event-dis h3 {
        font-size: 18px;
    }
    .event-list.one-events .event-box .event-box-innr .event-dis ul {
        margin-bottom: 0;
    }
    .event-list.one-events .event-box .event-slider .owl-carousel .owl-item img {
        /*min-height: 365px;*/
    }
    .event-box .event-box-innr .event-dis p {
        margin-bottom: 5px;
    }
    .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 200px;
    }
    .two-events .owl-carousel--nested {
        max-width: 670px;
    }
    .three-events .owl-carousel--nested {
        max-width: 670px;
    }
    .event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 115px;
    }
    .event-list.three-events .event-box .owl-dots {
        padding-top: 0;
        padding-bottom: 7px;
    }
    /***  event details ***/
    .event-details-page .event-list.one-events .event-box .event-slider {
        width: 100%;
    }
    .event-details-page .event-list.one-events .event-box .event-dis {
        padding: 0;
        width: 100%;
    }
    .event-details-page .event-dis .btn3 {
        margin-top: 20px;
    }
    .event-user-counter .counter-data {
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    /***  event page  ***/
    .event-box .event-box-innr .event-dis h3 {
        font-size: 16px;
    }
    .event-box .event-box-innr .event-dis p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    .event-box .event-box-innr .event-dis ul li {
        font-size: 14px;
    }
    .event-list.one-events .event-box .event-box-innr {
        display: inherit;
    }
    .event-list.one-events .event-box .event-slider {
        width: 100%;
    }
    .event-list.one-events .event-box .event-slider .owl-carousel .owl-item img {
        min-height: 310px;
        max-height: 310px;
    }
    .event-list.two-events .event-box .event-slider .owl-carousel .owl-item img {
        min-height: 390px;
        max-height: 390px;
    }
    .event-list.three-events .event-box .event-slider .owl-carousel .owl-item img {
        min-height: 390px;
        max-height: 390px;
    }
    .event-list.one-events .event-box .event-dis {
        width: 100%;
    }
    .event-list.one-events .event-box .owl-dots {
        position: inherit;
        padding-top: 0;
    }
    .event-list.one-events .event-box .owl-theme .owl-dots .owl-dot span {
        background: #d2d2d2;
    }
    .two-events .owl-carousel--nested {
        max-width: 490px;
    }
    .three-events .owl-carousel--nested {
        max-width: 490px;
    }
    .event-box .event-box-innr .event-dis h3 {
        min-height: 50px;
    }
    .event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 130px;
    }
    /***  event inner page  ***/
    .event-inner .event-list .event-box {
        width: 100%;
    }
    .event-inner .nav-tabs .nav-link {
        font-size: 20px;
        min-width: 140px;
    }
    /***  event details ***/
    .event-details-page .title-cus {
        padding-bottom: 20px;
    }
    .event-details-page .title-cus h2 {
        font-size: 30px;
    }
    .event-user-counter {
        margin-right: 0;
    }
    .event-details-page .event-box .event-box-innr .event-dis p {
        font-size: 16px;
    }
    /***  footer  ***/
    .ftr-cl-2 {
        padding-left: 0;
    }
}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 575px) {
    /***  event page  ***/
    .all-events .container {
        max-width: 450px;
        width: 450px;
        min-width: 450px;
    }
    .how-participet .btn3 {
        padding: 10px 20px;
        font-size: 18px;
    }
    .all-events .all-ev-btn .btn3 {
        width: 90%;
    }
    .two-events .owl-carousel--nested {
        max-width: 400px;
    }
    .three-events .owl-carousel--nested {
        max-width: 400px;
    }
    .event-list.two-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 150px;
    }
    .event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 170px;
    }
    /***  event inner page  ***/
    .event-inner .nav-tabs .nav-link {
        min-width: auto;
    }
    .event-info .event-info-icon i {
        font-size: 35px;
    }
    .event-info .event-total-user {
        padding-right: 15px;
        width: 65%;
    }
}

@media screen and (max-width: 479px) {
    .nav-menu.submit {
        max-width: 100%;
        min-width: 90%;
        width: 90%;
    }
    /***  event page  ***/
    .all-events .container {
        max-width: 360px;
        width: 360px;
        padding: 0;
        min-width: 360px;
    }
    .two-events .owl-carousel--nested {
        max-width: 340px;
    }
    .three-events .owl-carousel--nested {
        max-width: 340px;
    }
    .event-list.two-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 200px;
    }
    .event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 200px;
    }
    .left-content {
        margin-bottom: 0;
    }
    /***  event inner page  ***/
    .all-events .event-inner .container {
        width: 100%;
        max-width: 100%;
    }
    .event-inner .nav-tabs .nav-link {
        font-size: 16px;
        margin: 5px;
    }
    /***  event details ***/
    .event-details-page.all-events .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .event-info {
        padding: 10px;
    }
    .event-info .event-info-icon i {
        font-size: 28px;
    }
    .event-info .event-total-user {
        width: 85%;
    }
    .event-info .event-info-dtail {
        padding-left: 10px;
    }
}

@media screen and (max-width: 359px) {
    /***  event page  ***/
    .all-events .container {
        max-width: 320px;
        width: 320px;
        min-width: 320px;
    }
    .two-events .owl-carousel--nested {
        max-width: 300px;
    }
    .three-events .owl-carousel--nested {
        max-width: 300px;
    }
    .event-list.two-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 235px;
    }
    .event-list.three-events .event-box .event-box-innr .event-dis .event-dis-cus {
        height: 235px;
    }
    .event-info .event-info-dtail h4 {
        font-size: 14px;
        margin: 0;
    }
    .event-info .event-info-dtail h2 {
        font-size: 16px;
    }
    .event-info .event-total-user {
        padding-right: 10px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*.event-list.one-events .event-box .event-slider .owl-carousel .owl-item img{min-height: 310px; max-height: 310px;}*/
}


/***   New Register popup  ***/

#signup-popup {
    padding-right: 0 !important;
}


/***   New Register popup  ***/


/* #signup-popup .popup-box .error{display: none;} */

#signup-popup .modal-content {
    border-radius: 15px;
    min-height: 80vh;
}

#signup-popup .modal-content .close {
    width: 35px;
    height: 35px;
    background: #e03c23;
    border-radius: 100%;
    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 35%);
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 99;
    font-size: 30px;
}

#signup-popup .modal-content .close span {
    display: block;
    margin-top: -5px;
    padding-left: 2px;
}

#signup-popup .modal-content .close:focus {
    outline: none;
}

#signup-popup .modal-content .modal-body {
    display: flex;
    align-items: center;
}

#signup-popup .popup-box {
    width: 380px;
    margin: 30px auto;
}

#signup-popup .popup-box h1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

#signup-popup .popup-box .popup-btn .btn3 {
    width: 100%;
    padding: 10px;
    border: 0;
}

#signup-popup .popup-box .error {
    color: #ff0000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

#signup-popup .modal-dialog {
    width: 500px;
}

.modal.show#signup-popup {
    /*display:flex!important; flex-direction:column; justify-content:center; align-content:center; align-items: flex-start;*/
}

#signup-popup .popup-box p.text-center {
    color: #5c5c5c;
}

#signup-popup .popup-box p.text-center a {
    text-decoration: underline;
    color: #5c5c5c;
}

#signup-popup .popup-box p.text-center a:hover {
    color: #000;
}

#signup-popup .form-control {
    border-radius: 10px;
    height: 45px;
}

#signup-popup .form-control:focus {
    border-color: #e03c23;
    box-shadow: 0 0 0 0.2rem rgb(255 230 7 / 25%);
}

#signup-popup .popup-box .mobile-otp .country_code {
    width: 100px;
    margin-right: 15px;
    float: left;
}

#signup-popup .popup-box .mobile-otp {
    width: 100%;
    float: left;
}

#signup-popup .popup-box .mobile-otp .mobileno {
    width: 265px;
    float: left;
}

#signup-popup .popup-box .mobile-otp .otp-btn {
    width: 100%;
    float: left;
    padding-top: 15px;
}

#signup-popup .popup-box .mobile-otp .otp-btn .btn4 {
    width: 48%;
    float: left;
    margin-right: 4%;
    font-size: 17px;
}

#signup-popup .popup-box .mobile-otp .otp-btn .enter-otp {
    width: 48%;
    float: left;
}

#signup-popup .popup-box .first-last-name {
    width: 100%;
    float: left;
}

#signup-popup .popup-box .first-last-name .first-name {
    width: 48%;
    float: left;
    margin-right: 4%;
}

#signup-popup .popup-box .first-last-name .last-name {
    width: 48%;
    float: left;
}

.agrre-condition .check-row {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.agrre-condition .check-col {
    flex: 0 0 50%;
}

.agrre-condition label {
    color: #fff;
    font-weight: 500;
}

.agrre-condition .container-row {
    color: #000;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}

.agrre-condition p {
    margin-bottom: 5px;
    font-weight: 500;
}

.agrre-condition input {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
}

.agrre-condition .container-row input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.agrre-condition .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f7fafc;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
}

.agrre-condition .container-row input:checked~.checkmark {
    background-color: #e03c23;
    border: 1px solid #e03c23;
    border-radius: 4px;
}

.agrre-condition .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.agrre-condition .container-row input:checked~.checkmark:after {
    display: block;
}

.agrre-condition .container-row .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.agrre-condition .check-term-cond {
    padding-top: 10px;
}

.agrre-condition .check-term-cond .terms-text {
    padding-left: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.agrre-condition .check-term-cond .terms-text a {
    color: #000;
    text-decoration: underline;
}

#signup-popup.modal.show {
    /*overflow: hidden;*/
}

#terms-error {
    position: absolute;
    left: 30px;
    top: 25px;
}


/***  terms and condition popup  ***/

#terms-condition-popup.modal {
    background: rgba(0, 0, 0, 0.7);
}

#terms-condition-popup .modal-content {
    border-radius: 15px;
    min-height: 80vh;
}

#terms-condition-popup .modal-content .close {
    width: 35px;
    height: 35px;
    background: #e03c23;
    border-radius: 100%;
    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 35%);
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 99;
    font-size: 30px;
}

#terms-condition-popup .modal-content .close span {
    display: block;
    margin-top: -5px;
    padding-left: 2px;
}

#terms-condition-popup .modal-content .close:focus {
    outline: none;
}

#terms-condition-popup .signup-dis {
    font-size: 16px;
    padding: 25px;
}

#terms-condition-popup h2 {
    padding: 18px 25px 0;
}

@media only screen and (max-width: 767px) {
    #signup-popup .modal-dialog {
        /*width: 100%;
        height: 100vh;
        max-width: 100%;
        margin: 0;*/
        height: auto;
    }
    #signup-popup .modal-content {
        /*height: 100vh;*/
        width: 100%;
        border-radius: 0;
        border: 0;
    }
    #signup-popup .modal-content .close {
        top: 0px;
        right: 0px;
        background: #fff;
        box-shadow: none;
    }
    #signup-popup .modal-content .modal-body {
        /*padding: 0;*/
        /*background: #fff;*/
    }
    .modal.show#signup-popup {
        /*background: #fff;*/
    }
    #terms-condition-popup h2 {
        padding: 0;
        font-size: 24px;
    }
    #terms-condition-popup .signup-dis {
        padding: 0;
        font-size: 14px;
    }
    #signup-popup .modal-content .close {}
    #terms-condition-popup .modal-dialog {
        margin: 0;
    }
    #terms-condition-popup .modal-dialog .modal-content {
        border-radius: 0;
        border: 0;
    }
    #terms-condition-popup .modal-content .close {
        top: 0;
        right: 0;
        background: #fff;
        box-shadow: none;
    }
    #terms-condition-popup .modal-content {
        min-height: 100vh;
    }
    #signup-popup .popup-box .popup-btn {
        /*padding: 30px 0 !important;*/
    }
}

@media only screen and (max-width: 575px) {
    #signup-popup .popup-box {
        width: 95%;
    }
    #signup-popup .popup-box .mobile-otp .mobileno {
        width: 78%;
        float: right;
    }
}

@media only screen and (max-width: 479px) {
    #signup-popup .popup-box {
        width: 90%;
    }
    #signup-popup .popup-box .mobile-otp .mobileno {
        width: 60%;
    }
    .agrre-condition .check-row {
        display: inherit;
    }
    .agrre-condition .check-col {
        padding-bottom: 10px;
    }
    .agrre-condition .check-term-cond {
        padding-top: 0;
    }
    .agrre-condition .check-term-cond .terms-text {
        float: left;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 360px) {
    #terms-error {
        top: 40px;
    }
    #signup-popup .popup-box .popup-btn {
        /*padding: 45px 0 30px!important;*/
    }
}


/***   New login popup  ***/

#login-popup .modal-content {
    border-radius: 15px;
    min-height: 80vh;
}

#login-popup .modal-content .close {
    width: 35px;
    height: 35px;
    background: #e03c23;
    border-radius: 100%;
    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 35%);
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 99;
    font-size: 30px;
    color: #fff;
}

#login-popup .modal-content .close span {
    display: block;
    margin-top: -5px;
    padding-left: 2px;
}

#login-popup .modal-content .close:focus {
    outline: none;
}

#login-popup .modal-content .modal-body {
    display: flex;
    align-items: center;
}

#login-popup .login-box {
    width: 380px;
    margin: 30px auto;
}

#login-popup .forgot-pass {
    width: 380px;
    margin: 30px auto;
}

#login-popup .popup-box h1 {
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

#login-popup .popup-box .popup-btn .btn3 {
    width: 48%;
    padding: 10px;
    margin: 0;
}

#login-popup .popup-box .popup-btn input {
    border: 0;
}

#login-popup .forgot-pass .popup-box .popup-btn .btn3 {
    width: 100%;
    padding: 10px;
}

#login-popup .popup-box .error {
    color: #ff0000;
    font-size: 12px;
    font-weight: 500;
}

#login-popup .modal-dialog {
    width: 500px;
}

.modal.show#login-popup {
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
}

#login-popup .popup-box p.text-center {
    color: #5c5c5c;
}

#login-popup .popup-box p.text-center a {
    text-decoration: underline;
    color: #5c5c5c;
}

#login-popup .popup-box p.text-center a:hover {
    color: #000;
}

#login-popup .form-control {
    border-radius: 10px;
    height: 40px;
}

#login-popup .form-control:focus {
    border-color: #e03c23;
    box-shadow: 0 0 0 0.2rem rgb(224 60 35 / 25%);
}

@media only screen and (max-width: 575px) {
    #login-popup .modal-dialog {
        width: 90%;
        margin: 0 auto;
    }
    #login-popup .popup-box {
        width: 95%;
    }
}


/***  video section  ***/

.video-sec {
    padding-bottom: 50px;
}

.video-sec .container {
    display: inherit;
}

.video-dis {
    background: #f3f3f3;
    padding: 10px;
    width: 100%;
    float: left;
}

.video-dis .user {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    float: left;
}

.video-dis .user img {
    width: 100%;
    border-radius: 100%;
    height: 100%;
}

.video-dis .video-dtl {
    float: left;
    width: 85%;
    padding-left: 10px;
}

.video-dis .video-dtl h3 {
    font-size: 16px;
    margin: 0;
    color: #000;
}

.video-box {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.video-cus {
    position: relative;
    display: flex;
    min-height: 230px;
    background-repeat: no-repeat;
    background-size: cover;
}

.video-cus:after {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    left: 0;
}

.video-cus .play-btn {
    position: absolute;
    z-index: 9;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 20px;
    height: 25px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: #e03c23;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: #e03c23;
    border-radius: 50%;
    transition: all 200ms;
}


/***   New Register popup  ***/

#signup-popup {
    padding-right: 0 !important;
}


/* #signup-popup .popup-box .error{display: none;} */

#signup-popup .modal-content {
    border-radius: 15px;
    min-height: 80vh;
}

#signup-popup .modal-content .close {
    width: 35px;
    height: 35px;
    background: #e03c23;
    border-radius: 100%;
    box-shadow: 0 2px 10px 2px rgb(0 0 0 / 35%);
    opacity: 1;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 99;
    font-size: 30px;
}

#signup-popup .modal-content .close span {
    display: block;
    margin-top: -5px;
    padding-left: 2px;
}

#signup-popup .modal-content .close:focus {
    outline: none;
}

#signup-popup .modal-content .modal-body {
    display: flex;
    align-items: center;
}

#signup-popup .popup-box {
    width: 380px;
    margin: 15px auto;
}

#signup-popup .popup-box h1 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
}

#signup-popup .popup-box .popup-btn .btn3 {
    width: 100%;
    padding: 10px;
    border: 0;
}

#signup-popup .popup-box .error {
    color: #ff0000;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

#signup-popup .modal-dialog {
    width: 500px;
    width: 96%;
    padding: 10px;
    background: #fff;
}

.modal.show#signup-popup {
    /*display:flex!important; flex-direction:column; justify-content:center; align-content:center; align-items: flex-start;*/
}

#signup-popup .popup-box p.text-center {
    color: #5c5c5c;
}

#signup-popup .popup-box p.text-center a {
    text-decoration: underline;
    color: #5c5c5c;
}

#signup-popup .popup-box p.text-center a:hover {
    color: #000;
}

#signup-popup .form-control {
    border-radius: 10px;
    height: 45px;
}

#signup-popup .form-control:focus {
    border-color: #e03c23;
    box-shadow: 0 0 0 0.2rem rgb(255 230 7 / 25%);
}

#signup-popup .popup-box .mobile-otp .country_code {
    width: 100px;
    margin-right: 15px;
    float: left;
}

#signup-popup .popup-box .mobile-otp {
    width: 100%;
    float: left;
}


/*#signup-popup .popup-box .mobile-otp .mobileno{width: 265px; float: left;}*/

#signup-popup .popup-box .mobile-otp .mobileno {
    width: 265px;
    float: left;
}

#signup-popup .popup-box .mobile-otp .otp-btn {
    width: 100%;
    float: left;
    padding-top: 5px;
}

#signup-popup .popup-box .mobile-otp .otp-btn .btn4 {
    width: 48%;
    float: left;
    margin-right: 4%;
    font-size: 17px;
}

#signup-popup .popup-box .mobile-otp .otp-btn .enter-otp {
    width: 48%;
    float: left;
}

#registers-form .form-control {
    border-radius: 10px;
    height: 45px;
}

#registers-form .form-control:focus {
    border-color: #e03c23;
    box-shadow: 0 0 0 0.2rem rgb(255 230 7 / 25%);
}

#registers-form .mobile-otp .country_code {
    width: 100px;
    margin-right: 15px;
    float: left;
}

#registers-form .mobile-otp {
    width: 100%;
    float: left;
}

#registers-form .mobile-otp .mobileno {
    width: 60%;
    float: left;
}

#registers-form .mobile-otp .otp-btn {
    width: 100%;
    float: left;
    padding-top: 15px;
}

#registers-form .mobile-otp .otp-btn .btn4 {
    width: 80%;
    float: left;
    margin-right: 4%;
    font-size: 17px;
}

#registers-form .mobile-otp .otp-btn .enter-otp {
    width: 80%;
    float: left;
}

#registers-form #regpopbtn {
    width: 80%;
    float: left;
    border: 0px;
}

#signup-popup .popup-box .first-last-name {
    width: 100%;
    float: left;
}

#signup-popup .popup-box .first-last-name .first-name {
    width: 48%;
    float: left;
    margin-right: 4%;
}

#signup-popup .popup-box .first-last-name .last-name {
    width: 48%;
    float: left;
}


/*.agrre-condition .check-row {display: flex; align-items: center; margin-top: 0;}*/

.agrre-condition .check-row {
    align-items: center;
    margin-top: 0;
}

.agrre-condition .check-col {
    flex: 0 0 50%;
}

.agrre-condition label {
    color: #fff;
    font-weight: 500;
}

.agrre-condition .container-row {
    color: #000;
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}

.agrre-condition p {
    margin-bottom: 5px;
    font-weight: 500;
}

.agrre-condition input {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
}

.agrre-condition .container-row input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.agrre-condition .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #f7fafc;
    border: 1px solid #cbd5e0;
    border-radius: 4px;
}

.agrre-condition .container-row input:checked~.checkmark {
    background-color: #e03c23;
    border: 1px solid #e03c23;
    border-radius: 4px;
}

.agrre-condition .checkmark:after {
    content: '';
    position: absolute;
    display: none;
}

.agrre-condition .container-row input:checked~.checkmark:after {
    display: block;
}

.agrre-condition .container-row .checkmark:after {
    left: 6px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.agrre-condition .check-term-cond {
    padding-top: 10px;
}

.agrre-condition .check-term-cond .terms-text {
    padding-left: 30px;
    font-weight: 500;
    font-size: 14px;
    color: #000;
}

.agrre-condition .check-term-cond .terms-text a {
    color: #000;
    text-decoration: underline;
}

#signup-popup.modal.show {
    /*overflow: hidden;*/
}

#terms-error {
    position: absolute;
    left: 30px;
    top: 25px;
}


/* Design by Developer */

.agrre-condition .check_new_col {
    margin-bottom: 0px !important
}


/* /Design by Developer */

.video-play-button:hover:after {
    background-color: darken(#fa183d, 10%);
}

.video-play-button span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 20px solid #000;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.video-dis .video-dtl p {
    margin: 0;
    color: #5c5c5c;
}

.video-dis .video-dtl p .video-view {
    padding-right: 20px;
}


/***  video inner page  ***/

.video-inner-page .heading-h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.3;
}

.video-inner-page .paragraph-detials-medium {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 5px 0;
    line-height: 1.5;
}

.video-inner-page .blog-content p .video-view {
    color: #000;
    margin-right: 20px;
}

.video-inner-page .blog-content p .video-post-time {
    color: #000;
}

.video-cus iframe {
    width: 100%;
    height: 100%;
    min-height: 230px;
}

.video-cus.youtube-video:after {
    display: none;
}

.video-popup-dis {
    width: 100%;
    margin: 0;
    float: left;
    padding-top: 10px;
}

.video-popup-modal .modal-body .btn3 {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    width: 40px;
    height: 40px;
    line-height: 1;
    border-radius: 100%;
}


/***  video detail page  ***/

.video-details .container {
    display: inherit;
    margin-top: 20px;
    max-width: 90%;
}

.dv-full .video-dtl p {
    color: #5c5c5c;
}

.dv-full .video-dtl .video-view {
    padding-right: 15px;
}

.v-dis {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 15px;
}

.v-dis .user {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    float: left;
}

.v-dis .user img {
    width: 100%;
    border-radius: 100%;
    height: 100%;
}

.v-dis .video-dtl {
    float: left;
    width: 85%;
    padding-left: 10px;
}

.vr-box .vr-box-img {
    width: 150px;
    height: 95px;
    position: relative;
    float: left;
}

.vr-box .vr-box-img img {
    max-height: 95px;
    width: 100%;
}

.vr-box .vr-box-img .video-play-button:before {
    width: 30px;
    height: 30px;
}

.vr-box .vr-box-img .video-play-button:after {
    width: 30px;
    height: 30px;
}

.vr-box .vr-box-img .video-play-button span {
    border-left: 10px solid #000;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.vr-box .vr-box-img .video-play-button {
    width: 14px;
    height: 12px;
}

.vr-box .vr-box-detail {
    width: 54%;
    float: left;
    padding-left: 10px;
}

.vr-box .vr-box-detail h5 {
    color: #000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.vr-box .vr-box-detail p {
    color: #5c5c5c;
}

.vr-box .vr-box-detail p .video-view {
    padding-right: 15px;
}

.vr-box {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/***  media query  ***/

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1199px) {
    .vr-box .vr-box-img {
        width: 120px;
    }
    .vr-box .vr-box-img {
        height: 80px;
    }
    .vr-box .vr-box-detail h5 {
        font-size: 18px;
    }
    .vr-box .vr-box-detail p {
        font-size: 14px;
        margin: 0;
    }
    .vr-box .vr-box-detail p .video-view {
        padding-right: 5px;
    }
}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {
    .cus-grid .video-cus img {
        width: 100%;
    }
    .cus-grid .video-cus iframe {
        min-height: 360px;
    }
    .video-right-panel {
        border-top: 1px solid #d2d2d2;
        padding-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .video-box .video-cus img {
        width: 100%;
    }
    .v-dis .user {
        width: 40px;
        height: 40px;
    }
    .v-dis .video-dtl h3 {
        font-size: 18px;
    }
    .v-dis .video-dtl p {
        font-size: 15px;
    }
}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 575px) {
    .cus-grid .video-cus iframe {
        min-height: auto;
    }
}

@media screen and (max-width: 479px) {
    .video-sec .container {
        max-width: 100%;
    }
    .video-inner-page .container {
        max-width: 100%;
    }
    .cus-grid .video-cus {
        min-height: auto;
    }
    .video-inner-page .cus-grid .blog-item {
        padding: 10px;
    }
}


/** Magazine Questions **/

.megazine-question {
    background-size: cover;
}

.megazine-question .meg-que-box {
    padding: 40px 0;
    color: #ff1744;
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.megazine-question .meg-que-box h2 {
    margin-bottom: 30px;
}

.megazine-question .meg-que-box p {
    font-size: 22px;
}

.megazine-question .meg-que-box p a {
    color: #fff;
    text-decoration: underline;
}

.megazine-question .meg-que-box p a:hover {
    opacity: 0.8;
}

.timeline__nav.timelne-absolute {
    position: absolute;
}


/***  design changes  ***/

.pagination li {
    padding: 0;
}

.page-item.active .page-link {
    background: none;
    border: 0px;
}

.page-link {
    border: 0px;
}

.hero {
    min-height: 60vh;
}

.hero .container {
    margin-top: 0;
}


/***  new style css  ***/

header {
    min-height: 80px;
    width: 100%;
    float: left;
}

header .navigation-wrap {
    padding: 20px 5%;
}

header .start-header.scroll-on {
    padding: 10px 3%;
}

header .navbar .btn3 {
    line-height: 1;
    padding: 9px 30px 11px;
}

.user-profile .user-pr-img {
    width: 35px;
    height: 35px;
    background: #5c5c5c;
    border-radius: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding: 2px;
}

.user-profile .user-pr-img img {
    border-radius: 100%;
}

.nav-item.user-profile {
    margin-top: -4px;
}

.start-header {
    opacity: 1;
    transform: translateY(0);
    padding: 20px 0;
    box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on {
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.start-header.scroll-on .navbar-brand img {
    height: 35px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navigation-wrap {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar {
    padding: 0;
}

.navbar-brand img {
    height: 45px;
    width: auto;
    display: block;
    filter: brightness(100%);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-toggler {
    float: right;
    border: none;
    padding-right: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
    outline: none;
}

.navbar-light .navbar-toggler-icon {
    width: 24px;
    height: 17px;
    background-image: none;
    position: relative;
    border-bottom: 1px solid #000;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {
    width: 24px;
    position: absolute;
    height: 1px;
    background-color: #000;
    top: 0;
    left: 0;
    content: '';
    z-index: 2;
    transition: all 300ms linear;
}

.navbar-light .navbar-toggler-icon:after {
    top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
    transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
    transform: translateY(8px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    border-color: transparent;
}

.nav-link {
    color: #212121 !important;
    font-weight: 500;
    transition: all 200ms linear;
}

.nav-item:hover .nav-link {
    opacity: 0.6;
}

.nav-item.active .nav-link {
    color: #777 !important;
}

.nav-link {
    position: relative;
    padding: 5px 0 !important;
    display: inline-block;
}

.nav-item {
    position: relative;
    transition: all 200ms linear;
}

.bg-light {
    background-color: #fff !important;
    transition: all 200ms linear;
}

.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    display: block;
    padding: 0;
    margin: 0;
    transition: all 200ms linear;
}

.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    transform: translate3d(0, 0px, 0);
    background: #fff;
}

.dropdown-menu {
    padding: 10px!important;
    margin: 0;
    font-size: 13px;
    letter-spacing: 1px;
    color: #212121;
    background-color: #fcfaff;
    border: none;
    border-radius: 3px;
    box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-item {
    padding: 7px 15px;
    color: #212121;
    border-radius: 2px;
    transition: all 200ms linear;
    font-weight: 600;
    font-size: 15px;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #fff;
    background-color: rgba(0, 0, 0, .6);
}

.hd-search input {
    height: 41px;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    padding: 15px;
}

.mob-search-cus {
    display: none;
}

.mob-block-cus {
    display: none;
}


/***  only home page header  ***/


/*.home-header-bg .bg-light{background: #000 !important;}
.home-header-bg .navbar-nav .nav-link{color: #fff !important;}
.home-header-bg .navbar-nav .nav-link:hover{color: #e03c23 !important;}
.home-header-bg .navbar-brand img{filter: invert(1);}*/

.submit-button-2 {
    box-shadow: none;
}

a.link-block-3:hover .text-block-3 {
    color: #fff !important;
}


/***  media query  ***/

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 991px) {}

@media only screen and (max-width: 767px) {
    .nav-item:after {
        display: none;
    }
    .nav-item::before {}
    .dropdown-toggle::after {}
    .dropdown-toggle[aria-expanded="true"]::after {
        transform: rotate(90deg);
        opacity: 0;
    }
    .dropdown-menu {
        padding: 0 !important;
        background-color: transparent;
        box-shadow: none;
        transition: all 200ms linear;
    }
    .dropdown-toggle[aria-expanded="true"]+.dropdown-menu {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    header .navbar {
        display: inherit;
    }
    header .navbar a {
        padding: 0;
    }
    header .navigation-wrap {
        padding: 10px 5%;
    }
    .nav-item.hd-search {
        display: none;
    }
    .mob-search-cus {
        display: block;
        width: 53%;
        float: left;
    }
    header .navbar-light .navbar-brand {
        float: left;
    }
    .mob-search-cus input {
        border: 1px solid #d2d2d2;
        border-radius: 10px;
        height: 35px;
        padding: 15px;
    }
    header .navbar-collapse {
        width: 100%;
        float: left;
    }
    .user-profile .dropdown-menu {
        display: block;
    }
    .user-profile {
        display: none;
    }
    .mob-block-cus {
        display: block;
    }
    /* Hardik */
    header {
        min-height: 56px;
    }
    .feedbite-sldr .lSSlideOuter.vertical {
        width: 100%;
    }
}

@media only screen and (max-width: 640px) {}

@media only screen and (max-width: 575px) {}

@media screen and (max-width: 479px) {
    header .navbar-light .navbar-nav .nav-link {
        border-top: 0px;
    }
    header .navigation-wrap {
        padding: 10px 0;
    }
    .navbar-brand img {
        height: 20px;
    }
    .mob-search-cus {
        width: 45%;
    }
    .mob-search-cus input {
        width: 100%;
    }
    header .start-header.scroll-on {
        padding: 10px 0;
    }
    /* Hardik */
    .feedbite-sldr .bite-box .bite-img {
        border: 0;
    }
}

.blog-image {
    height: 300px;
}


/**  mehulbhai add only this css in style-new.css  **/


/***  add racipe css  ***/

.profile-pic-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pic-holder {
    text-align: center;
    position: relative;
    border-radius: 10px;
    max-width: 100%;
    height: 250px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pic-holder .pic {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.pic-holder .upload-file-block,
.pic-holder .upload-loader {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(90, 92, 105, 0.7);
    color: #f8f9fc;
    font-size: 12px;
    font-weight: 600;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}

.pic-holder .upload-file-block {
    cursor: pointer;
}

.pic-holder:hover .upload-file-block {
    opacity: 1;
}

.pic-holder.uploadInProgress .upload-file-block {
    display: none;
}

.pic-holder.uploadInProgress .upload-loader {
    opacity: 1;
}

.snackbar {
    visibility: hidden;
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 30px;
    font-size: 14px;
    transform: translateX(-50%);
}

.snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#msform {
    text-align: center;
    position: relative;
}

#msform .stf-box {
    background: white;
    border: 0 none;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative;
    float: left
}

#msform .form-control {
    padding: 10px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    height: 46px;
}

.form-control {
    padding: 10px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    height: 46px;
}

#msform textarea {
    min-height: 100px;
}

.step-details textarea {
    min-height: 100px;
}

#msform .form-group {
    text-align: left;
}

#msform .form-group label {
    font-size: 18px;
    margin-bottom: 10px;
    width: 100%;
    font-family: 'Calibri';
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 600;
    margin: 0;
}

#msform .form-group label b {
    margin-right: 10px;
}

.form-group label {
    font-size: 20px;
    margin-bottom: 5px;
    width: 100%;
    font-family: 'Calibri';
    line-height: 1;
}

#msform .form-group label.error {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 600;
    width: auto;
}

.form-group label.error {
    margin-top: 5px;
    font-size: 16px;
    font-weight: 600;
    width: auto;
}

#ingredient_list {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.input-group-btn .btn {
    margin-top: 5px;
}

.form-group.bd-cus .input-group {
    justify-content: end;
}

.step-list {
    padding-top: 0px;
}

.step-discription {
    margin-bottom: 20px;
}

.step-discription .step-title {
    background: #f6f6f6;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}

.step-discription img {
    width: 100%;
    border-radius: 15px;
    margin-top: 15px;
}

.step-discription p {
    margin: 0;
}

.step-list .step-list-box h5 {
    font-size: 20px;
    color: #fc6600;
}

.step-list .step-list-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #d2d2d2;
    margin-bottom: 20px;
}

.step-list .step-list-box .step-list-dis {
    padding-bottom: 15px;
    color: #5c5c5c;
    display: flex;
    align-items: flex-start;
}

.step-list .step-list-box .step-list-dis img {
    max-width: 120px;
    border-radius: 10px;
}

.step-list .step-list-box .step-list-dis .recipe-dt-cus {
    padding-left: 15px;
    width: 100%;
}

.step-details .btn1 {
    margin-right: 15px;
}

#draggablePanelList .panel-heading {
    cursor: move;
    touch-action: auto;
}

#draggablePanelList2 .panel-heading {
    cursor: move;
    touch-action: auto;
}

.drag-img img {
    width: 20px;
}

.panel-info .pic-holder {
    height: 100px;
    width: 100px;
}

.st-rmv-btn {
    background: transparent;
    cursor: pointer;
}

.rc-steps label {
    font-size: 18px;
    font-weight: bold;
}

.rc-steps label.error {
    font-size: 14px;
}

.rc-form .btn4 {
    font-size: 16px;
    padding: 5px 10px;
}

.step-img .file-upload {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.step-img .file-upload input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.step-img .file-upload .btn1 {
    padding: 10px 10px;
    min-height: 120px;
    background: #fff;
    color: #000;
    border: 1px solid #d2d2d2;
    width: 100%;
}

.step-img .file-upload .btn1 img {
    width: 50px;
    display: flex;
    margin: 0 auto;
}

.step-img .file-upload input {
    border: 0;
    min-height: 86%;
}

.blog-add-step .step-img .file-upload .btn1 {
    height: 100px;
    min-height: 100px;
    font-size: 16px;
}

.blog-add-step .step-img .file-upload .btn1 img {
    width: 40px;
    margin: 10px auto 10px;
}


/***  toggle switch  ***/

#msform .box_1 {
    width: 60px;
    float: left;
    margin-top: 8px;
}

#msform .box_1 input {
    padding: 0;
    height: 30px;
    border-radius: 20px;
    width: 100%;
}

#msform .box_1 input[type="checkbox"].switch_1 {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffe8e7;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #c81818;
}

#msform .box_1 input[type="checkbox"].switch_1:checked {
    background: #ebfad1;
    border: 1px solid #43b02a;
}

#msform .box_1 input[type="checkbox"].switch_1:after {
    position: absolute;
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #c81818;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: -2px;
    top: -3px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#msform .box_1 input[type="checkbox"].switch_1:checked:after {
    left: calc(100% - 33px);
    background: #43b02a;
}

#msform .box_1.cus-switch input[type="checkbox"].switch_1 {
    font-size: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #d2d2d2;
    border-radius: 3em;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #d2d2d2;
}

#msform .box_1.cus-switch input[type="checkbox"].switch_1:checked {
    background: #fc6600;
    border: 1px solid #fc6600;
}

#msform .box_1.cus-switch input[type="checkbox"].switch_1:after {
    position: absolute;
    content: "";
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    left: -2px;
    top: -3px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#msform .box_1.cus-switch input[type="checkbox"].switch_1:checked:after {
    left: calc(100% - 33px);
    background: #fff;
}


/***  multi select dropdown  ***/

.multi-select-container {
    width: 100%;
}

#msform .form-group .multi-select-menuitems .multi-select-menuitem {
    position: relative;
    padding: 10px;
    margin: 0;
    font-weight: normal;
}

.multi-select-menuitem input {
    right: 15px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.multi-select-menuitem .checkmark {
    position: absolute;
    top: 11px;
    right: 10px;
    height: 20px;
    width: 20px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
}

.multi-select-menuitem input:checked~.checkmark {
    background-color: #fc6600;
    border-color: #fc6600;
}

.multi-select-menuitem {
    padding-left: 15px;
}

.multi-select-menuitem .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.multi-select-menuitem input:checked~.checkmark:after {
    display: block;
}

.multi-select-menuitem .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.multi-select-button:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
    outline: none;
}

.multi-select-container {
    display: inline-block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #fff;
    margin: 1em 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 0.6em 1em 0.6em 30px;
    white-space: nowrap;
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem+.multi-select-menuitem {
    padding-top: 0;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0.25em;
    margin-left: -20px;
}

.multi-select-button {
    display: inline-block;
    font-size: 0.875em;
    padding: 0.2em 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    cursor: default;
}

.multi-select-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4em 0.4em 0 0.4em;
    border-color: #999 transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 0.4em 0.4em 0.4em;
    border-color: transparent transparent #999 transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
}

.multi-select-button {
    padding: 10px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    height: 46px;
    max-width: 100%;
    box-shadow: none;
}

.multi-select-container {
    width: 100%;
}

.multi-select-button {
    padding: 10px 15px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    font-size: 16px;
    height: 46px;
    max-width: 100%;
    box-shadow: none;
    max-height: 210px;
}

.multi-select-button:after {
    height: 7px;
    width: 7px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    float: right;
    margin-top: 8px;
    margin-right: -9px;
}

.multi-select-menu {
    top: 1.8em;
    border: 1px solid #d2d2d2;
    box-shadow: none;
    overflow-x: hidden !important;
    padding-top: 10px;
}

.multi-select-container--open .multi-select-button:after {
    height: 7px;
    width: 7px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 2px 2px 0px;
    transform: rotate(45deg);
    float: right;
    margin-top: 8px;
}


/***  recipe detail new page  ***/

.modal .close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 0;
    justify-content: center;
    opacity: 1;
    z-index: 9;
    margin: 0;
}

.fs-20 {
    font-size: 20px;
}

.recipe-grid .recipe-block {
    padding: 5px;
}

.recipe-box {
    background: #fff;
    padding: 15px;
    margin-bottom: 15px;
}

.recipe-head {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.rec-user-img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
}

.rec-user-img img {
    width: 100%;
    border-radius: 5px;
}

.rec-user-detail {
    padding-left: 15px;
    font-size: 16px;
}

.rec-user-detail p.user-name {
    color: #212121;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
}

.rec-user-detail p.post-time {
    color: #757575;
    margin: 0;
    line-height: 1;
}

.recipe-head-right {
    margin-left: auto;
}

.recipe-head-right ul {
    margin: 0;
    padding: 0;
}

.recipe-head-right ul li {
    list-style-type: none;
    display: inline-block;
}

.recipe-head-right ul li.right-dropdown {
    padding-left: 10px;
    display: none;
}

.recipe-head-right ul li.right-dropdown img.dot-img {
    height: 30px;
}

.recipe-head-right .share-btn img {
    width: 25px;
}

.recipe-img {
    position: relative;
    overflow: hidden;
}

.recipe-img img {
    width: 100%;
}

.recipe-detail {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recipe-detail .recipe-title {
    max-width: 85%;
}

.recipe-detail .recipe-title h3 {
    color: #fff;
    margin: 0;
    font-size: 22px;
}

.recipe-detail .recipe-title h3 a {
    color: #fff;
}

.recipe-detail .recipe-info {
    margin: 0;
    padding: 0;
}

.recipe-detail .recipe-info li {
    list-style-type: none;
    text-align: center;
    color: #fff;
    display: inline-block;
}

.recipe-detail .recipe-info li {
    padding-left: 10px;
}

.recipe-detail .recipe-info li img {
    width: 25px;
}

.recipe-detail .recipe-info li span {
    display: inline-block;
    /*line-height: 1; padding-top: 2px;*/
}

.recipe-detail .recipe-info li.share-video-cus img {
    width: 20px;
}

.recipe-detail .recipe-info li.share-video-cus a span {
    opacity: 0;
}

.recipe-details-inner {
    background: #fff;
}

.recipe-details-inner h3 {
    font-size: 24px;
}

.recipe-details-inner h3 a {
    color: #212121;
}

.recipe-details-inner .recipe-box {
    margin-bottom: 0;
}

.recipe-detail-dis {
    padding: 0 15px 15px;
}

.recipe-detail-dis p:last-child {
    margin: 0;
}

.recipe-detail-dis .recipe-bottom {
    border-top: 1px solid #d2d2d2;
}

.recipe-detail-dis .utensil-list {}

.recipe-detail-dis .utensil-list span {
    background: #edecec;
    padding: 5px 15px;
    border-radius: 50px;
    color: #212121;
    display: inline-block;
    margin-bottom: 7px;
    font-size: 13px;
}

.recipe-detail-dis .utensil-list a {
    margin-right: 10px;
}

.recipe-detail-dis .utensil-list.ut-cus span {
    margin-right: 10px;
}

p.detail-title {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 10px;
}

p.detail-title:after {
    position: absolute;
    width: 100%;
    height: 8px;
    background: #9ce5f4;
    bottom: -5px;
    content: '';
    left: 0;
    bottom: 3px;
    z-index: -1;
}

.cat-qun {
    padding-bottom: 20px;
}

.cat-qun h4 {
    font-family: 'lato';
    font-weight: 600;
    font-size: 16px;
}

.cat-qun h4 .em {
    width: 25px;
}

ul.ingred-list {
    padding: 0;
    margin: 0;
    width: 60%;
}

ul.ingred-list li {
    list-style-type: none;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
}

ul.ingred-list li span {
    font-weight: normal;
    color: #757575;
}

.utensil-list span {
    color: #1663c7;
}

.step-img-list .step-img-list-box {
    width: 150px;
    height: 150px;
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
    margin-right: 15px;
}

.step-img-list .step-img-list-box img {
    width: 100%;
    min-height: 150px;
}

.step-img-list {
    white-space: nowrap;
    overflow-x: auto;
    max-width: 630px;
}

.step-discription {
    margin-bottom: 20px;
}

.step-discription .step-title {
    background: #f6f6f6;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
}

.step-discription img {
    width: 100%;
    border-radius: 15px;
    margin-top: 15px;
}

.step-discription p {
    margin: 0;
}

.step-img-list::-webkit-scrollbar {
    width: 0.5rem;
}

.step-img-list::-webkit-scrollbar {
    width: 0.5rem;
    height: 5px;
}

.step-img-list::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 99vmax;
}

.video-view {
    padding: 10px;
    background: #f6f6f6;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.video-view .video-thumb {
    max-width: 130px;
    margin-right: 15px;
}

.video-view .video-thumb img {
    width: 100%;
}

.video-view .video-info h6 {
    margin: 0;
}

.video-view .video-info p {
    margin: 0;
}

.video-share-box {
    padding: 20px 0;
}

.video-share-links a img {
    width: 50px;
}

.video-share-links a {
    margin-right: 20px;
}

.video-copy-link {
    padding: 10px;
    background: #f6f6f6;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.vc-icon img {
    width: 25px;
}

.v-ling p {
    margin: 0;
}


/***  like option  ***/

.like-option {
    cursor: pointer;
}

.like-option .liked {
    display: none;
}

.like-option:hover .no-liked {
    display: none;
}

.like-option:hover .liked {
    display: inline-block;
}

.like-option.rc-liked .no-liked {
    display: none;
}

.like-option.rc-liked .liked {
    display: inline-block;
}

.like-option.rc-liked:hover .liked {
    display: none;
}

.like-option.rc-liked:hover .no-liked {
    display: inline-block;
}

@media screen and (max-width: 767px) {
    .wizard-nav-header .wizard-back-button {
        width: 50%;
    }
    .wizard-v2-content {
        width: 100%;
    }
    .wizard-v2-content .wizard-image {
        display: none;
    }
    .wizard-nav-header.mobile {
        display: flex;
        align-items: center;
        margin: 15px 0;
    }
    .rc-form {
        padding: 0 15px 15px;
    }
    .wizard-nav-header .wizard-page-name {
        margin-bottom: 0;
    }
}