.mr15 {
	margin-right: 15px;
}
.dcp-mr10 {
	margin-right: 15px;
}
.dcp-mr15 {
	margin-right: 15px;
}
.dcp-mr20{
	margin-right: 20px;
}
.dcp-ml10{
	margin-left: 10px;
}
.dcp-ml15{
	margin-left: 15px;
}
.dcp-ml20{
	margin-left: 20px;
}
.dcp-ml30{
	margin-left: 30px;
}
.dcp-mt10 {
	margin-top: 10px;
}
.dcp-mt15 {
	margin-top: 15px;
}
.dcp-mt20 {
	margin-top: 20px;
}
.dcp-mt30 {
	margin-top: 30px;
}

.dcp-mb0{
	margin-bottom: 0 !important;
}
.dcp-hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.20);
}
.dcp-w-100{
	width: 100%;
}
.dcp-btn{
	padding: 8px 15px;
	display: inline-block;
	border-width:1px;
	border-style: solid;
	text-decoration: none;
	font-family: var(--dcp-font-style-1);
	font-size: var(--dcp-font-sm);
	text-align: center;
}
.dcp-btn.dcp-btn-lg{
	padding: 17px 20px;
	font-size: var(--dcp-font-lg);
} 
.dcp-btn-accent:hover,
.dcp-btn-accent{
	background-color: var(--dcp-accent-color);
	color: var(--dcp-light-text-color);
	border-color: var(--dcp-accent-color);
}
.dcp-abs-size {
	/* transform: none !important; */
	min-height: 0px !important;
	min-width: 0px !important;
	box-sizing: border-box !important;
	word-wrap: break-word;
}

.dcp-abs-pos {
	position: absolute !important;
	margin: 0px !important;
	padding: 0px !important;
}

.dcp-abs-pos-wp {
	position: absolute !important;
	margin: 0px !important;
}

a.menu-button {
	padding: 10px;
	color: var(--dcp-dark-text-color);
	display: inline-block;
	font-size: 28px;
}

.dcp-horizontal-center-container {
	position: relative;
	height: 100%;
	height: -webkit-fill-available;
	/* height: -moz-available; */
	margin-right: auto;
	margin-left: auto;
}
/* .dcp-horizontal-center-container {
	position: relative;
	height: auto;
	margin-right: auto;
	margin-left: auto;
} */

.dcp-rel {
	position: relative !important;
	transform: none !important;
	min-height: 0px !important;
	min-width: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.dcp-vertical-center {
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	display: table !important;
	width: 100%;
	height: 100%;

}

.dcp-vertical-center .dcp-valigncenter {
	display: table-cell !important;
	vertical-align: middle;
}

.dcp-flex {
	display: flex;
}
.dcp-wrap {
	flex-wrap: wrap;
}
.c-f-14 { 
	font-size: 14px;
}
/* bootstrap line height */
#dcpTemplateBody {
	line-height: 1.42857143;
}
.form-check{
	padding-left: 25px;
}
.form-check .form-check-input:checked~.form-check-label::before {
    background-color: var(--dcp-page-bg-color);
}
.form-check-label::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--dcp-page-bg-color);
	border: 1px solid var(--dcp-secondary-color);
}
.form-check .form-check-input:checked~.form-check-label::after {
    background-image: url("https://dotcompaluat-fe.s3.amazonaws.com/v1/apps/main/css/images/check.png");
}
.form-check-label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 20px;
    height: 20px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}
.dcp-spiner {
	animation-name: dcp-spin;
	animation-direction:normal;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: steps(8);
}

@keyframes dcp-spin{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(1turn);
	}
}
/*********************'
menu  navbar start
**************************/
.nav {
	display: flex;
	flex-direction: column;
}

li.nav-item {
	list-style: none;
}

.dcp-head-primary .nav a.nav-link {
	color: var(--dcp-light-text-color);
}

a.close-bar {
	color: var(--dcp-dark-text-color);
	display: block;
	text-align: left;
	padding: 10px 20px;
	font-size: 22px;
}
.dcp-template-menu{
	z-index: 9999 !important;
}
.dcp-template-menu .dcp-menu-listing {
	padding-left: 0;
	margin: 0;
}

/* .dcp-template-menu .navbar-nav .nav-link {
    padding-right: 10px;
    padding-left: 10px;
} */
.dcp-template-menu .nav-item {
	list-style: none;
	position: relative;
}

.dcp-template-menu .nav>li>a {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 15px;
	white-space: nowrap;
}

.dcp-template-menu .nav>li.nav-item.dcp-menu-item>a.nav-link {
	background-color: transparent;
}

.dcp-template-menu .nav>li.nav-item.dcp-menu-item>a.nav-link:hover {
	background-color: transparent;
}

.dcp-template-menu .dropdown-item {
	padding: 0;
}

.saglus-editor .dcp-template-menu .navbar-collapse {
	padding-left: 0;
	padding-right: 0;

}

.saglus-editor a.nav-link,
a.nav-link {
	text-decoration: none;
	color: var(--dcp-dark-text-color);
	font-family: 'Roboto', sans-serif;
}

.saglus-editor a.nav-link:hover,
a.nav-link:hover {
	color: var(--dcp-primary-color);
}

.dcp-text-center {
	text-align: center;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.dcp-template-menu .dcp-sub-menu-listing {
	padding: 10px 0;
}

.dcp-template-menu .nav-link.dcp-sub-menu-link {
	padding: 8px 16px;
	color: #36335b;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dcp-template-menu .dcp-sub-menu-listing,
.dcp-sub-menu-bar {
	display: none;
	border: 1px solid #eee;
	background-color: #fff;
	padding-left: 0;
	position: absolute;
	min-width: 250px;
	border-radius: 5px;
	box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
}

.dcp-sub-menu-bar {
	position: absolute;
	left: 100%;
	top: 0;
}

 a.nav-link {
    text-decoration: none;
    color: var(--dcp-dark-text-color);
    font-family: 'Roboto', sans-serif;
}
#dcpTemplateBody .nav-item.dcp-menu-item:hover .dcp-sub-menu-listing {
	display: block;
}

.nav-item.dcp-menu-item:hover>.menu-caret {
	transform: rotate(180deg);
}

.nav-item.dcp-menu-item .dcp-sub-menu-listing .dcp-sub-menu-item:hover .dcp-sub-menu-bar {
	display: block;
}

.dcp-header-section.dcp-head-primary {
	background-color: var(--dcp-primary-color);
}

.saglus-editor .dcp-sub-menu-listing .dcp-sub-menu-link {
	font-size: var(--dcp-font-xsm);
}

.saglus-editor .dcp-sub-menu-listing .dcp-sub-menu-link:hover,
.dcp-sub-menu-listing .dcp-sub-menu-link:hover {
	background-color: #eee;
	color: #36335b;
}

.dcp-header-section.dcp-head-primary .dcp-sub-menu-listing {
	background-color: var(--dcp-dark-text-color);
	border-color: var(--dcp-dark-text-color);
}

.dcp-header-section.dcp-head-primary .dcp-sub-menu-listing .dcp-sub-menu-link:hover {
	background-color: var(--dcp-primary-color);
}

.menu-caret {
	font-size: 14px;
	transition: all 200ms linear;
	display: inline-block;
	margin-left: 10px;
	float: right;
}

.dcp-template-menu .nav-item.dcp-sub-menu-item {}

.menu-moblie-veiw {
	display: none;
}

.dcp-header-section .menu-right {
	margin-left: auto;
}

@media (min-width: 991px) {
	a.menu-button {
		display: none;
	}

	.nav {
		flex-direction: row;
	}

	a.close-bar {
		display: none;
	}
}

@media (max-width: 991px) {
	.dcp-template-menu .nav>li>a {
		padding: 14px 15px;
	}

	.dcp-template-menu .nav>li>a.dcp-sub-menu-link {
		padding-left: 25px;
	}

	.dcp-menu-box {
		position: fixed;
		top: 0;
		left: calc(-100% - 312px);
		transition: all 200ms ease;
		background-color: #fff;
		border: 1px solid #ebeaff;
		min-width: 312px;
		border-radius: 0px;
		height: 100vh;
		box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
	}

	.dcp-menu-box.nav-close {
		left: 0%;
	}
	.menu-moblie-veiw {
		display: flex;
		align-items: center;
	}

	.dcp-header-section .menu-right {
		margin-left: unset;
		flex: 1;
	}

	.dcp-template-menu .dcp-sub-menu-listing {
		position: relative;
		box-shadow: unset;
		border-radius: 0;
		margin-top: 0;
	}

	.dcp-template-menu .nav-link.dcp-sub-menu-link {
		display: block;
	}

	.dcp-template-menu .nav>li.nav-item.dcp-menu-item a.nav-link:hover,
	.dcp-template-menu .nav>li.nav-item.dcp-sub-menu-item a.nav-link:hover {
		background-color: #eee;
		border-left: 2px solid;
	}

	.dcp-sub-menu-bar {
		position: relative;
		left: unset;
		box-shadow: unset;
		border-radius: 0;
	}

	.dcp-template-menu .dcp-sub-menu-listing,
	.dcp-sub-menu-bar {
		background-color: #eee;
		padding: 0;
	}

	.nav-item.dcp-menu-item:hover .dcp-sub-menu-listing .menu-caret {
		transform: rotate(90deg);
	}
	.saglus-editor a.nav-link, a.nav-link {
		color: #36335b !important;
	}
	.saglus-editor a.nav-link:hover,
	a.nav-link:hover {
		color: #ebeaff;
	}
	a.close-bar {
		color: #36335b;
	}
	.dcp-template-menu .dcp-sub-menu-listing a.nav-link.dcp-sub-menu-link {
			padding: 8px 16px 8px 25px;
	}
	.dcp-template-menu .dcp-sub-menu-listing .dcp-sub-menu-bar a.nav-link.dcp-sub-menu-link {
   	 	padding: 8px 16px 8px 30px;
	}
	.saglus-editor a.nav-link:hover, a.nav-link:hover {
		color: var(--dcp-primary-color) !important;
	}
}


/*********************'
menu  navbar End
**************************/
.dcp-banner-section {
	background: var(--dcp-page-bg-color) url(../images/banner.png) no-repeat center center;
	background-size: cover;
	padding: 30px 0px;
}

.dcp-col-xs-12 {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}

.dcp-mt20 {
	margin-top: 20px;
}

.dcp-mt30 {
	margin-top: 30px;
}

.dcp-row {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.dcp-col-md-4 {
	width: 100%;
	box-sizing: border-box;
}

.dcp-html-container {
	max-width: 1170px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;

}

@media(min-width: 768px) {
	.dcp-mt-sm70 {
		margin-top: 70px;
	}

	.dcp-mt-sm60 {
		margin-top: 60px;
	}

	.dcp-row {
		display: flex;
		flex-wrap: wrap;
		/* padding-left: 15px;
		padding-right: 15px; */
		margin-left: -15px;
		margin-right: -15px;
	}

	.dcp-col-md-4 {
		width: 33.33%;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* ===============================================*/
/* Alert Div Positions css
======================================*/
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px
}

.dcp-alert-text p {
    margin: 0;
    font-family: 'Roboto' , sans-serif;
    font-size: 14px;
}

.alert-dismissable,
.alert-dismissible {
	padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit
}

.alert-red-border {
	border: 1px solid red !important;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}

.close:focus,
.close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}

button.close {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}

.alert-positions {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 95%;
	z-index: 9999;
}

@media (min-width:768px) {
	.alert-positions {
		max-width: 30%;
	}
}

.alert-dismissible .close,
.alert-dismissible .close:focus {
	padding: 2px;
	color: #ffffff;
	opacity: 9;
	outline: none;
	font-size: 14px;
	font-weight: 300;
}

.alert-dismissible i.fa,
.alert-dismissible i.icon {
	width: 20px;
	height: 20px;
	min-width: 20px;
	min-height: 20px;
	border-radius: 50%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #ffffff;
}

/* Alert Success Box */
.alert-success-box {
	background: #05c706;
	color: #ffffff;
	border-radius: 5px;
}

.alert-success-box i.fa,
.alert-success-box i.icon {
	color: #05c706;
}

/* Alert Danger Box */
.alert-danger-box {
	background: #ff2332;
	color: #ffffff;
	border-radius: 5px;
}

.alert-danger-box i.fa,
.alert-danger-box i.icon {
	color: #ff2332;
}

/* Alert Warning Box */
.alert-warning-box {
	background: #fdc100;
	color: #ffffff;
	border-radius: 5px;
}

.alert-warning-box i.fa {
	color: #fdc100;
}

/* Alert Primary Box */
.alert-primary-box {
	background: #826bff;
	color: #ffffff;
	border-radius: 5px;
}

.alert-primary-box i.fa,
.alert-primary-box i.icon {
	color: #826bff;
}

/* Alert Primary1 Box */
.alert-primary-box1 {
	background: #826bff;
	color: #ffffff;
	border-radius: 5px;
}

/* ===============================================*/
/* Modal popup css Start
===================================================*/

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}
.fade.in {
    opacity: 1
}
.smart-modal-group .modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}
 .modal-open {
	overflow: hidden
}
.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal.fade .modal-dialog {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	filter: alpha(opacity=0);
	opacity: 0
}

.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: .7
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
	}
	.modal-sm {
		width: 300px
	}

}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px
	}
}

.custom-close {
    float: right;
    right: 10px;
    margin-top: 0px;
    font-size: 30px;
    cursor: pointer;
    z-index: 1;
    position: absolute;
    text-decoration: none;
    color: unset;
}
/*********************'
 Blog Grid Start
**************************/
.dcp-blog-grid-container{
	width: 100% ;
}
.dcp-blog-grid-container *{
	box-sizing: border-box;
}
.dcp-columes {
	display: grid;
	gap: 15px;
	
}
.dcp-blog-3{
	grid-template-columns: repeat(3, 1fr);
}
.dcp-blog-2{
	grid-template-columns: repeat(2, 1fr);
}
.dcp-blog {
    border: 1px solid var(--dcp-secondary-color);
}
.dcp-blog-img {
	height: 280px;
}

.dcp-blog-img img {
    width: 100%;
}
.dcp-blog-body {
    padding: 20px;
	border: 1px solid var(--dcp-secondary-color);
}
.dcp-blog-1 .dcp-blog {
	display: flex;
}
.dcp-blog-1 .dcp-blog .dcp-blog-img {
	width: 250px;
	height: 100%;
	max-height: 250px;
}
.dcp-blog-1 .dcp-blog .dcp-blog-body {
	flex: 1;
}
.dcp-blog-1 .dcp-blog .dcp-blog-title {
    word-break: break-all;
}
.dcp-blog-1 .dcp-blog-title h1 a {
    display: -webkit-box;
	line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
 .dcp-blog-title h1 a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
 
@media only screen and (max-width: 992px){
	.dcp-blog-3{
		grid-template-columns: repeat(1, 1fr);
	}
	.dcp-blog-2{
		grid-template-columns: repeat(1, 1fr);
	}
}
/*********************'
 Blog Grid End
**************************/
/*********************'
 Login & SignUp Start
**************************/
.dcp-author-profile {
	position: relative;
}
.dcp-drop-body {
	position: absolute;
	top: 100%;
	right: 0;
	padding: 0px 0px;
	border: 1px solid var(--dcp-secondary-color);
	max-width: 350px;
	min-width: 200px;
	background: var(--dcp-page-bg-color);
	display: none;
	border-radius: 10px;
	height: 100vh;
	overflow: hidden;
}
.dcp-drop-body.dropShow{
	display: block; 
}
.dcp-drop-lists{
	padding: 0;
	list-style: none;
}
.dcp-drop-item {
	font-family: var(--dcp-font-style-1);
	font-size: var(--dcp-font-sm);
}
.dcp-drop-link {
	text-decoration: none;  
	color: var(--dcp-dark-text-color);
	padding: 10px 20px;
	display: block;
	transition: all 0.2s;
}
.dcp-drop-link:hover{
   background-color:  var(--dcp-secondary-color);
}

.dcp-drop-body .dcp-author-profile {
	display: flex;
	align-items: center;
	padding: 15px 12px;
	background-color: var(--dcp-secondary-color);
}
.dcp-author-info{
	display: inline-block;
}
 
.dcp-author-profile .dcp-author-logo {
	width: 50px;
	height: 50px;
	/* margin-right: 20px; */
	border: 3px solid var(--dcp-page-bg-color);
	border-radius: 50%;
}
.dcp-logo-img {
	width: 100%;
	height: 100%;
}
.dcp-author-name{
	font-family: var(--dcp-font-style-1);
	font-size: var(--dcp-font-sm);
	color: var(--dcp-dark-text-color);
	margin-top: 0;
	margin-bottom: 5px;
}
.dcp-author-mail {
	font-family: var(--dcp-font-style-1);
	font-size: var(--dcp-font-xsm);
	color: var(--dcp-dark-text-color);
	margin-top: 0;
	margin-bottom: 0;
}
/*********************'
 Login & SignUp End
**************************/
/*********************'
 Comment List Start
**************************/

.dcp-comment-list-container {
	padding: 20px;
	border-radius: 10px;
	width: 1170px;
}
.dcp-comment-header {
    padding: 10px 30px;
}
.dcp-comment-body {
	padding: 30px;
}
.dcp-comment-list-item {
	display: flex;
	margin-bottom: 35px;
}
.dcp-comment-user-img {
	width: 60px;
	height: 60px;
	border: 2px solid var(--dcp-page-bg-color);;
	border-radius: 50%;
	margin-right: 15px;
}
.dcp-comment-user-name{
	color: var(--dcp-dark-text-color);
	font-size: var(--dcp-font-md);
	font-family: var(--dcp-font-style-1);
	margin-bottom:0;
	margin-top: 10px;
}
.dcp-comment-date{
	color: var(--dcp-dark-text-color);
	font-size: var(--dcp-font-xxsm);
	font-family: var(--dcp-font-style-2);
	opacity: 0.5;
	margin-bottom: 10px;
	display: block;
}
.dcp-comment-para{
	font-size: var(--dcp-font-sm);
	font-family: var(--dcp-font-style-2);
	color: var(--dcp-dark-text-color);
}
.dcp-comment-icon {
	display: flex;
	gap: 20px;
	align-items: center;
}
.dcp-like,
.dcp-dislike{
	font-size: var(--dcp-font-xsm);
	font-family: var(--dcp-font-style-2);
}
.dcp-like .dcp-like-link,
.dcp-dislike .dcp-dislike-link{
	color: var(--dcp-dark-text-color);
	opacity: 0.5;
}
.dcp-like.active .dcp-like-link,
.dcp-dislike.active .dcp-dislike-link{
	color: var(--dcp-primary-color);
	opacity: 1;
}
.dcp-comment-list-item.dcp-comment-reply {
    margin-left: 50px;
}
.dcp-comment-list-item.dcp-comment-reply .dcp-comment-user-img {
    width: 50px;
    height: 50px;
}
.dcp-comment-list-item.dcp-comment-reply .dcp-comment-user-name{
	margin-top: 5px;
	font-size: var(--dcp-font-sm);
}
.dcp-reply-input{
	margin-left: 50px;
}
/* #dcp-comment-box{
	background-color: var(--dcp-page-bg-color);
} */
.dcp-text-comment-box{
	background-color: var(--dcp-page-bg-color);
}
.dcp-comment-footer {
    padding: 10px 30px;
}
.dcp-comment-textarea {
	border: 1px solid var(--dcp-border-light-color);
	box-shadow: none;
	border-radius: 5px;
	color: var(--dcp-dark-text-color);
	padding: 10px 20px;
	resize: none;
	font-size: var(--dcp-font-sm) !important;
	background-color: var(--dcp-page-bg-color);
	line-height: 1.42857143;
	font-family: var(--dcp-font-style-1);
	width: 100%;
}
  .spinner-container {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .spinner {
      width: 15px;
      height: 15px;
      border: 2px solid transparent;
      border-top-color: var(--dcp-accent-color);
	  border-left-color: var(--dcp-accent-color);
      border-radius: 50%;
      animation: spin 1s linear infinite;
	  margin: 0 10px;
    }

    @keyframes spin {
      to { transform: rotate(360deg); }
    }

/*********************'
 Comment List End
**************************/
/****************** 
form Signup Start 
******************/
.dcp-login-signup-form .dcp-input-type{
	height: 45px;
}
.dcp-login-signup-form .dcp-btn{
	height: 45px;
}
.dcp-eye{
	position: relative;
}
.dcp-eye input.dcp-form-control{
	padding-right: 45px;
}
.dcp-eye .dcp-eye-icon{
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   width: 40px;
   border-left: 1px solid rgba(0, 0, 0, 0.20);
   display: none;
   align-items: center;
   justify-content: center;
}
.dcp-eye .dcp-eye-icon.dcp-show-eye{
	display: inline-flex;
}
.dcp-btn-process-loader.dcp-loading {
	color: transparent !important;
	cursor: wait;
	opacity: 0.6;
	position: relative;
}
.dcp-btn-process-loader::after {
	content: '';
	display: block;
	width: 1.2em;
	height: 1.2em;
	position: absolute;
	left: calc(50% - 0.75em);	
	top: calc(50% - 0.75em);
	border: 0.15em solid transparent;
	border-right-color: white;
	border-radius: 50%;
	animation: button-anim 0.7s linear infinite;
	opacity: 0;
}
.dcp-btn-process-loader.dcp-loading::after {
	opacity: 1;
}
@keyframes button-anim {
   
	0% {
		transform: rotate(0);
	}
   
	100% {
		transform: rotate(360deg);
	}
}
.dcp-otp-form-input{
	position: relative;
}
.dcp-input-type.dcp-otp-form-input .dcp-form-control {
	padding-right: 60px;
}
.dcp-otp-countdown {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 12px;
	color: #36335b;
	opacity: 0.6;
	font-size: var(--dcp-font-xsm);
}
/****************** 
form Signup End 
******************/
/****************** 
Form payment step Start 
******************/
.dcp-paystep-form{
	border: 1px solid rgba(0, 0, 0, 0.20)	;
	padding: 30px;
	background-color: var(--dcp-page-bg-color);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
}
.dcp-product-img{
	width: 120px;
	height: 120px;
}
.dcp-product-item {
	display: flex;
}
.dcp-product-price{
	font-size: 20px;
}
.btn-pay{
	padding: 12px 12px;
	border:1px solid rgba(0, 0, 0, 0.20);
	font-size: var(--dcp-font-xsm);
	display: block;
	color: var(--dcp-dark-text-color);
	text-decoration: none;
	opacity: 0.6;
	text-align: center;	
}
.btn-pay:hover{
	color: var(--dcp-dark-text-color);
	border-color: var(--dcp-dark-text-color);
	opacity: 1;
	background-color: var(--dcp-secondary-color);
	text-decoration: none;
}
.dcp-card-detail {
	padding: 20px 14px;
	border: 1px solid rgba(0, 0, 0, 0.20);
}
.dcp-coupon-text {
	padding: 10px 14px;
	border-left: 1px solid var(--dcp-dark-text-color);
}
.product-offer{
	border: 1px solid var(--dcp-primary-color);
	padding: 20px;
	background-color: var(--dcp-secondary-color);
}
/****************** 
Form payment step End 
******************/