/* Start Blog Page */
.blog-image-div .blog-image {
    height: 220px;
    object-fit: cover;
    width: 100%;
}
.blog-card a.card-title{
    height: 54px !important;
    overflow: hidden;
}
.blog-card .card-para{
    height: 90px;
    overflow: hidden;
}
.tab-style-08 ul .nav-item .nav-link.active, .tab-style-08 ul .nav-item .nav-link.show, .tab-style-08 ul .nav-item .nav-link:hover {
    border: 0;
    color: #383d31;
}
/* Pagination */
ul.pagination li {
    padding: 3px 14px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 0px 0px 5px 0px #dfdede8f;
    margin-left: 14px;
}
ul.pagination li.active{
    background: #313e3b;
}
ul.pagination li.active a{
    color: var(--white);
}
ul.pagination li a{
    color: #313e3b;
}
/* End Blog Page */

/* Footer */
.footer-hide{
    display: none;
}


/* Start After Login Modal Style */
#AfterLoginModal {
    background: #000000bf;
    z-index: -999;
}
#AfterLoginModal.show {
    z-index: 9999;
}
#AfterLoginModal .modal-content{
    padding: 20px;
}
#AfterLoginModal p {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    font-family: 'Poppins';
}
#AfterLoginModal .btn-close {
    position: absolute;
    top: -50px;
    left: 42%;
    background-color: #ffffff;
    opacity: 1;
    padding: 20px;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
/* End After Login Modal Style */


/*  Start Sucess Modal */
.modal#statusSuccessModal .modal-content, 
.modal#statusErrorsModal .modal-content {
	border-radius: 30px;
}
.modal#statusSuccessModal .modal-content svg, 
.modal#statusErrorsModal .modal-content svg {
	width: 100px; 
	display: block; 
	margin: 0 auto;
}
.modal#statusSuccessModal .modal-content .path, 
.modal#statusErrorsModal .modal-content .path {
	stroke-dasharray: 1000; 
	stroke-dashoffset: 0;
}
.modal#statusSuccessModal .modal-content .path.circle, 
.modal#statusErrorsModal .modal-content .path.circle {
	-webkit-animation: dash 0.9s ease-in-out; 
	animation: dash 0.9s ease-in-out;
}
.modal#statusSuccessModal .modal-content .path.line, 
.modal#statusErrorsModal .modal-content .path.line {
	stroke-dashoffset: 1000; 
	-webkit-animation: dash 0.95s 0.35s ease-in-out forwards; 
	animation: dash 0.95s 0.35s ease-in-out forwards;
}
.modal#statusSuccessModal .modal-content .path.check, 
.modal#statusErrorsModal .modal-content .path.check {
    stroke-dashoffset: -100; 
	-webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards; 
	animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash { 
    0% {
        stroke-dashoffset: 1000;
	}
	100% {
        stroke-dashoffset: 0;
	}
}
@keyframes dash { 
    0% {
        stroke-dashoffset: 1000;
	}
	100%{
        stroke-dashoffset: 0;
	}
}
@-webkit-keyframes dash { 
    0% {
        stroke-dashoffset: 1000;
	}
	100% {
		stroke-dashoffset: 0;
	}
}
@keyframes dash { 
    0% {
        stroke-dashoffset: 1000;}
	100% {
        stroke-dashoffset: 0;
	}
}
@-webkit-keyframes dash-check { 
    0% {
        stroke-dashoffset: -100;
	}
	100% {
        stroke-dashoffset: 900;
	}
}
@keyframes dash-check {
	0% {
        stroke-dashoffset: -100;
	}
	100% {
        stroke-dashoffset: 900;
	}
}
.box00{
    width: 100px;
	height: 100px;
	border-radius: 50%;
}
.modal#statusSuccessModal .btn-success {
    padding: 10px 30px;
    border-radius: 10px;
    background: #198754;
}
.modal#statusSuccessModal .btn-success:hover {
    padding: 10px 30px;
    border-radius: 10px;
    background: #198754;
}
.modal#statusErrorsModal .btn-danger {
    padding: 10px 30px;
    border-radius: 10px;
    background: #bb2d3b;
}
.modal#statusErrorsModal .btn-danger:hover {
    padding: 10px 30px;
    border-radius: 10px;
    background: #bb2d3b;
}
/*  End Sucess Modal */