.account-tab .tab-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	column-gap: 134px;
}
.account-tab .tab-item .account-icon{
	margin: 0;
	position: relative;
}
.account-tab .tab-item .account-icon .title{
	font-family: Poppins;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.65);
	margin: 10px 0px;
}
.account-tab .tab-item .account-icon:last-child:after{
	content: none;
}
.account-tab .tab-item .account-icon:after{
	content: "";
	display: inline-block;
	width: 220px;
	height: 1px;
	background: rgba(255, 255, 255, 0.6);
	top: calc(30% - 1px);
  	position: absolute;
  	right: -160px;
}
.account-tab .tab-item .account-icon .image{
	transition: all 0.5s;
	transform: scale(1.0);
	position: relative;
	z-index: 2;
}
.account-tab .tab-item .account-icon .border:after{
	content: "";
	position: absolute;
	width: 76px; 
	height: 76px;
	border-radius: 50%;
	border: 2px solid #00433E;
	top: 12px;
	left: 12px;
}
.account-tab .tab-item .account-icon.active .title{
	color: #FFFFFF;
}
.account-tab .tab-item .account-icon.active .image > .border:after{
	border: 2px solid #00C3B5;
}
.account-tab .tab-item .account-icon .image:hover{
	transform: scale(1.125);
	cursor: pointer;
}
.account-tab .tab-item .account-icon .image:hover > .border{
	transform: scale(1.175);
}
.account-tab .tab-item .account-icon .image:hover > .border:after{
	border: 2px solid #00C3B5;
}
.account-tab .tab-item .account-icon .image:hover > .title{
	color: #FFFFFF;
}
.account-tab .tab-item .account-icon.active .image{
	transform: scale(1.125);
}
.account-tab .tab-item .account-icon.active .image > .border{
	transform: scale(1.175);
}
.account-tab .tab-content{
	padding: 70px 0px 70px 0px;
	text-align: center;
}
.account-tab .tab-content .content.hide{
	display: none;
}
.account-tab .tab-content .content.show{
	display: block;
}
.account-tab .tab-content .child-image{
	display: flex;
	flex-wrap: wrap;
	gap: 51px 51px;
}
.hidden{
    display: none;
}
.account-tab .tab-content .child-image .image:hover{
	border-bottom: 3px solid #00C3B5;
	cursor: pointer;
}
.account-tab .tab-content .child-image .image:hover > img{
	transform: scale(1.24);
}
.account-tab .tab-content .child-image .overlay{
	position: absolute;
	bottom: 0;
  	left: 0;
  	right: 0;
  	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 35, 31, 0.64) 30%, rgba(0, 54, 48, 1) 64%);
  	overflow: hidden;
  	width: 100%;
  	height: 0;
  	transition: .5s ease;
}
.account-tab .tab-content .child-image .image:hover .overlay{
	bottom: 0;
	height: 90%;
	cursor: pointer;
}
.account-tab .tab-content .child-image .image-circle{
	width: 113px;
	height: 113px;
	border-radius: 50%;
	border: 1px solid rgba(0, 195, 181, 0.17);
	position: absolute;
	display: none;
	top: 47%;
	left: 38%;
	z-index: 1;
}
.account-tab .tab-content .child-image .image-circle:before{
	content: "";
	position: absolute;
	width: 96px;
	height: 96px;
	border-radius: 50%;
	border: 1px solid rgba(0, 195, 181, 0.47);
	top: 6px;
	left: 6px;
}
.account-tab .tab-content .child-image .image-circle:after{
	content: "";
	position: absolute;
	width: 82px;
	height: 82px;
	border-radius: 50%;
	border: 1px solid rgba(0, 195, 181, 1);
	top: 12px;
	left: 12px;
}
.account-tab .tab-content .child-image .image-overlay:after{
	content: "";
	position: absolute;
	width: 65px;
	height: 65px;
	background: #00C3B5;
	border-radius: 50%;
	top: 20px;
	left: 21px;
	z-index: 1;
}
.account-tab .tab-content .child-image .image-overlay:before{
	content: "";
	position: absolute;
	background: url('../images/zoom.svg');
	background-repeat: no-repeat;
	height: 37px;
	width: 37px;
	z-index: 2;
	top: 35px;
	left: 37px;
}
.account-tab .tab-content .child-image .image:hover .image-circle{
	display: block;
	cursor: pointer;
}
.account-tab .tab-content .load-more{
	font-family: Poppins;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	cursor: pointer;
	text-align: center;
	margin-top: 72px;
}
.account-tab .tab-content .load-more:hover{
	color: #FCA032;
} 
.account-tab .tab-content .image-title{
	font-family: Poppins;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.2em;
	text-align: center;
	color: #FFFFFF;
	margin-top: 14px;
	position: relative;
	z-index: 2;
}
.account-tab .tab-content .load-more:after{
	content: "";
	background: url('../images/load-more.svg');
	display: block;
	width: 24px;
	height: 18px;
	background-repeat: no-repeat;
	background-size: contain;
	margin: auto;
	top: 7px;
	position: relative;
}
.account-tab .modal-box.hide{
	position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}
.account-tab .modal-box{
	visibility: visible;
}
.account-tab .modal-overlay {
  	position: fixed;
  	z-index: 10;
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	background: hsla(0, 0%, 0%, 0.9);
  	visibility: hidden;
  	opacity: 0;
  	transition: visibility 0s linear 0.3s, opacity 0.3s;
} 
.account-tab .modal-box .modal-overlay{
	opacity: 1;
  	visibility: visible;
  	transition-delay: 0s;
}
.account-tab .modal-box .modal-wrapper {
  	position: fixed;
  	z-index: 9999;
  	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 670px;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: calc(100vh - 210px);
	padding: 20px 50px 0 0;
}
.account-tab .modal-box .modal-wrapper::-webkit-scrollbar {
    background-color: transparent;
}

.account-tab .modal-box .modal-wrapper::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.account-tab .modal-box .modal-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}
.account-tab .modal-image{
	max-height: 944px;
	max-width: 670px;
	min-width: 248px;
	overflow: hidden;
}
.account-tab .modal-box img{
	background-size: cover;
	width: 100%;
	height: 100%;
}
.account-tab .modal-box .modal-transition {
  	opacity: 0;
}
.account-tab .modal-box .modal-transition{
  	opacity: 1;
}
.account-tab .modal-box .close-modal{
	position: relative;
	color: #FCA032;
	float: right;
	margin-bottom: 21px;
	cursor: pointer;
	font-family: Poppins;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0.05em;
}
.account-tab .modal-btn{
	display: flex;
	position: relative;
	justify-content: space-between;
} 
.account-tab .modal-zoom{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	gap: 10px;
	cursor: pointer;
}
.account-tab .modal-box .close-modal:after{
	background: url(../images/radiant.svg);
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    top: -17px;
    right: -53px;
}
.account-tab .modal-box .close-modal:before{
	background: url(../images/x.svg);
    background-size: 100% 100%;
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0px;
    right: -35px;
}
.account-tab .tab-item .account-icon img{
	width: 46px;
	height: 46px;
	margin-top: 25px;
}
.account-tab .tab-item .account-icon .border{
	width: 99px;
	height: 99px;
	border-radius: 50%;
	margin: auto;
	background: #111717;
}
.account-tab .tab-content .account-banner img{
	max-width: 1086px;
	max-height: 519px;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.account-tab .tab-content .account-banner-mb img{
	display: none;
}
.account-tab .tab-content .account-content p{
	font-family: Poppins;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0.05em;
	text-align: left;
	color: #FFFFFF;
	padding: 28px 0 30px;
	max-width: 1086px;
	margin: auto;
}
.account-tab .tab-content .child-image .image{
	max-width: 406px;
	max-height: 573px;
	padding: 36px 43px 83px;
	background: rgba(170, 170, 170, 0.1);
	overflow: hidden;
	position: relative;
}
.account-tab .tab-content .child-image .image img{
	max-width: 321px;
	max-height: 452px;
	transition: all 0.5s;
	transform: scale(1.0);
	width: 100%;
	height: 100%;
}

@media(max-width: 1600px){
	.account-tab .tab-item .account-icon .border:after{
		top: 5px;
		left: 5px;
	}
	.account-tab .tab-content .child-image .image-circle{
		width: 98px;
		height: 98px;
		top: 47%;
		left: 38%;
		z-index: 1;
	}
	.account-tab .tab-content .child-image .image-circle:before{
		width: 84px;
		height: 84px;
		top: 6px;
		left: 6px;
	}
	.account-tab .tab-content .child-image .image-overlay:before{
		height: 32px;
		width: 32px;
		top: 33px;
		left: 31px;
	}
	.account-tab .tab-content .child-image .image-overlay:after{
		width: 57px;
		height: 57px;
		top: 19px;
		left: 19px;
	}
	.account-tab .tab-content .child-image .image-circle:after{
		width: 72px;
		height: 72px;
		top: 12px;
		left: 12px;
	}
	.account-tab .tab-item .account-icon img{
		width: 41px;
		height: 41px;
		margin-top: 20px;
	}
	.account-tab .tab-item .account-icon .border{
		width: 87px;
		height: 87px;
	}
	.account-tab .tab-content .account-banner img{
		max-width: 985px;
		max-height: 470px;
	}
	.account-tab .tab-content .account-content p{
		max-width: 985px;
	}
	.account-tab .tab-content .child-image .image{
		max-width: 355px;
		max-height: 500px;
		padding: 32px 37px 72px;
	}
	.account-tab .tab-content .child-image .image img{
		max-width: 280px;
		max-height: 395px;
	}
	.account-tab .modal-box .close-modal:after{
		width: 45px;
		height: 45px;
		top: -12px;
	}
	.account-tab .modal-box .close-modal:before{
		width: 16px;
		height: 16px;
		right: -38px;
		top: 2px;
	}
	.account-tab .modal-box .modal-wrapper{
		max-width: 581px;
	}
}
@media(max-width: 991px){
	.account-tab .tab-item{
		column-gap: 70px;
	}
	.account-tab .tab-item .account-icon:after{
		width: 220px;
		left: 70px;
	}
}
@media(max-width: 767px){
	.account-tab .tab-content .child-image{
		justify-content: center;
	}
	.account-tab .tab-item .account-icon .image:hover{
		transform: scale(1.4);
	}
	.account-tab .tab-item .account-icon.active .image > .border{
		transform: scale(1);
	}
	.account-tab .tab-item .account-icon.active .image{
		transform: scale(1.4);
	}
	.account-tab .tab-item .account-icon.active .image > .border{
		transform: scale(1);
	}
	.account-tab .modal-box .modal-wrapper{
		max-width: 354px;
	}
	.account-tab .tab-item .account-icon img{
		width: 34px;
		height: 34px;
		margin-top: 15px;
	}
	.account-tab .tab-item .account-icon .border{
		width: 71px;
		height: 71px;
	}
	.account-tab .tab-item .account-icon .border:after{
		width: 62px;
		height: 62px;
	}
	.account-tab .tab-content .account-banner img{
		display: none;
	}
	.account-tab .tab-content .account-banner-mb img{
		max-width: 360px;
		max-height: 470px;
		display: block;
		margin: auto;
		width: 100%;
		height: 100%;
	}
	.account-tab .tab-content .account-content p{
		font-size: 14px;
	}
	.account-tab .tab-item .account-icon .title{
	    font-size: 10px;
	}
	.account-tab .tab-item .account-icon:after{
		width: 70px;
		left: 80px;
	}
	.account-tab .tab-item{
		gap: 20px 34px;
	}
	.account-tab .tab-item .account-icon .title{
		font-size: 10px;
		margin: 6px 0; 
	}
	.account-tab .tab-content{
		padding: 68px 0px 49px 0px;
	}
	.account-tab .modal-box img{
		max-width: 354px;
		max-height: 500px;
	}
	.account-tab .modal-box .modal-wrapper{
		width: 100%;
		padding: 20px 36px;
	}
	.account-tab .modal-box .close-modal{
		margin-right: 30px;
	}
	.account-tab .modal-box .close-modal:after{
		right: -33px;
		top: -7px;
		width: 31px;
		height: 31px;
	}
	.account-tab .modal-box .close-modal:before{
		right: -23px;
		top: 2px;
		width: 11px;
		height: 11px;
	}
}
@media(max-width: 420.9px){
	.account-tab .tab-item .account-icon:nth-child(2n +2):after {
    	display: none;
	}
}