@media screen and (min-width : 992px){
	.header-bk-img{
		background-image : url('~/../../../../data/editor/header-blue-bg.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position: top right;
	}

	.newsletter-bk-img{
		background-image : url('~/../../../../data/editor/newsletter-bg.png');
		background-size: cover;
		background-repeat: no-repeat;
	}
}

footer{
	color : white;
}

footer h5{
	font-size : 18px;
	font-weight : bold;
	padding-top : 15px;
}

/* sp add by j */
.body-margin-gap-for-all-page{
	margin-bottom : 30em;
}

.drop_area_upload{
	border : 1px solid #d4d4d4;
	padding : 10px;
}

.nav-item.suen-nav-item{
	text-align : center;
}
/* sp add by j */


.swiper-container, .swiper-wrapper, .swiper-slide, .swiper-slide img {
	width: 100% !important;
}

.membership-table{
	width: 100%;
}

.membership-table tr {
	border: 1px solid #e5e5e5;
}

.membership-table tr:first-child{
	background-color: #08C5C9;
	color: #fff;
}

.membership-table tr td{
	padding: 5px;
}

.products-thumbs{
	width : 100%;
}


/* sp */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
/* sp */

.loading-box, .success-box, .fail-box{
	position:fixed;
	height:100%;
	width:100%;
	background-color: rgba(0,0,0,0.7);
	z-index:999999;
	font-weight: bold;
}
.loading-box .row, .success-box .row, .fail-box .row{
	height:100%;
}
.message-box{
	background-color: rgba(0,0,0,0.8);
	color: white;
	border-radius: 20px;
	padding: 50px;
	color: white;
}
.success-box, .fail-box{
	display: none;
} 
.success-box .message-box i{
	color: green;
}
.fail-box .message-box i{
	color: red;
}
.padding-bottom{
	padding-bottom: 10px !important;
}


.right-bottom-sticky-menu{
    position: fixed;
    right: 20px;
    bottom: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
	z-index : 999;
}

.right-bottom-sticky-menu .fa-whatsapp{
    font-size: 30px;
    width: 55px;
    height: 55px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: var(--white);
}

.right-bottom-sticky-menu .fa-whatsapp{
    background-color: #25d366;
}
.box-shadow{
	border-radius : 10px;
	box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.09);	
	padding : 10px;
}

@media only screen and (min-width: 768px) {
	.pagination{
		gap: 10px;
	}
}

.pagination li a{
	border-radius: 3px!important;
	padding: 6px 10px !important;
}

.pagination .page-item.active .page-link, .pagination .page-item:hover .page-link{
	background-color: #0059a1;
	color: var(--white);
	display : unset;
}

.state-wrapper{
	color : #939393;
	font-size : 12px;
}

.member_form .button-wrapper{
	display: flex;
	gap: 10px;
	
}

.member_form .button-wrapper .btn{
	font-size: 14px;
	width: 50%;
	padding: 8px 10px;
	font-weight: normal;
}

.outline-btn-blue {
	border-color: #b3b3b3;
	border-radius: 50px;
	color: #000000;
}

.outline-btn-blue:hover{
	background-color: #e5e5e5;
}

.new-member-wrapper.box-shadow{
	padding: 15px 13px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.08);
}

.new-member-wrapper.box-shadow .logo{
	width: 100%;
	max-height: 175px;
	aspect-ratio: 1/1;
	object-fit: contain;
	margin-bottom: 15px;
}

.new-member-wrapper .name-wrapper{
	font-size: 18px;
	font-weight: bold;
	/* margin-bottom: 10px; */
}

.feature-wrapper{
	font-size: 14px;
	margin-bottom: 5px;
}

.feature-img-row {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 10px;
	gap: 5px;
}

/* .feature-wrapper > .row{
	margin-top: 10px;
	margin-bottom: 15px;
} */

.feature-wrapper img{
	aspect-ratio: 1/1;
	object-fit: cover;
	border: 1px solid #e5e5e5;
	margin-bottom: 8px;
}


.new-member-wrapper .main-btn-blue, .member-detail-wrapper .main-btn-blue{
	font-size: 14px;
}


.member-detail-wrapper .detail-logo{
	min-height: 200px;
	width: 100%;
	aspect-ratio: 1/1;
	object-fit: contain;
	margin-bottom: 25px;
	border: 1px solid #e5e5e5;
}

.member-detail-wrapper .box-shadow{
	padding: 20px;
	box-shadow: 0px 5px 15px rgba(0,0,0,0.08);
	margin-bottom: 35px;
}

.member-detail-wrapper .category-wrapper img{
	width: 35px;
}

.member-detail-wrapper .name{
	
	margin-top: 5px;
	margin-bottom: 10px;
}

.member-detail-wrapper b.company-name{
	font-size: 24px !important;
	color : #0059a1;
}


.member-detail-wrapper .category-wrapper{
	display: flex;
	gap: 5px;
	flex-direction: row;
	flex-wrap: wrap;
}

.member-detail-wrapper .category-wrapper div{
	font-size: 12px;
	padding: 8px 15px;
	background-color: #f6fbff;
	color: #808c97;
	border-radius: 20px;
	border: 1px solid #e5e5e5;

}

@media only screen and (max-width : 768px){
	.state-wrapper.member-since span{
		display : block;
	}
	
	.member-detail-wrapper .feature-wrapper img{
		height: auto;
		margin-bottom: 15px;
	}

	.member-image-services-wrapper{
		float : left;
	}

	.member-image-services-wrapper img{
		width : 50px;
	}

	.new-member-wrapper.box-shadow .logo{
		width: 100%;
	}
}

.text-main, .account-sidebar .nav-link:hover{
    color: #0059a1;
	font-weight : bold;
}