body {
	background: aliceblue;
}

#image-save {
	display: flex;
	position: sticky;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	bottom: 30%;
	background: #fff;
	padding: 40px;
	width: 100%;
	border-radius: 5px;
}

.modal-content {
	overflow: hidden !important;
}

.bg-image-1 {
	background: url('../assets/bg-select/1.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-2 {
	background: url('../assets/bg-select/2.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-3 {
	background: url('../assets/bg-select/3.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-4 {
	background: url('../assets/bg-select/4.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-5 {
	background: url('../assets/bg-select/5.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-6 {
	background: url('../assets/bg-select/6.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-7 {
	background: url('../assets/bg-select/7.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

.bg-image-8 {
	background: url('../assets/bg-select/8.jpeg');
	background-size: cover;
	width: 100%;
	height: 160px;
}

a#banner-1:hover,
a#banner-2:hover,
a#banner-3:hover,
a#banner-4:hover,
a#banner-5:hover,
a#banner-6:hover,
a#banner-7:hover,
a#banner-8:hover {
	opacity: 0.7;
}

a#tech-1:hover,
a#tech-2:hover,
a#tech-3:hover,
a#tech-4:hover,
a#tech-5:hover,
a#tech-6:hover,
a#tech-7:hover,
a#tech-8:hover,
a#tech-9:hover,
a#tech-10:hover,
a#tech-11:hover,
a#tech-12:hover,
a#tech-13:hover,
a#tech-14:hover,
a#tech-15:hover,
a#tech-16:hover,
a#tech-17:hover,
a#tech-18:hover,
a#tech-19:hover,
a#tech-20:hover,
a#tech-21:hover,
a#tech-22:hover,
a#tech-23:hover,
a#tech-24:hover {
	opacity: 0.7;
}

.active-banner {
	border: 3px solid #48c774;
}

.selected-banner {
	color: #48c774;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 38px;
	width: 38px;
	margin: auto;
	border-radius: 50%;
	font-size: 30px;
}

.preview-bg {
	height: 350px !important;
	/* background-position: center !important; */
	/* padding: 40px; */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#preview-tech {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
}

#preview-tech div {
	box-shadow: none;
}

.msg-bg {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 290px !important;
	background-position: center !important;
}

.save {
	margin-right: 5px;
}

.tech-icon-1 {
	background: url('../assets/tech-select/01.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-2 {
	background: url('../assets/tech-select/02.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-3 {
	background: url('../assets/tech-select/03.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-4 {
	background: url('../assets/tech-select/04.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-5 {
	background: url('../assets/tech-select/05.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-6 {
	background: url('../assets/tech-select/06.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-7 {
	background: url('../assets/tech-select/07.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-8 {
	background: url('../assets/tech-select/08.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-9 {
	background: url('../assets/tech-select/09.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-10 {
	background: url('../assets/tech-select/10.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-11 {
	background: url('../assets/tech-select/11.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-12 {
	background: url('../assets/tech-select/12.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-13 {
	background: url('../assets/tech-select/13.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-14 {
	background: url('../assets/tech-select/14.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-15 {
	background: url('../assets/tech-select/15.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-16 {
	background: url('../assets/tech-select/16.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-17 {
	background: url('../assets/tech-select/17.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-18 {
	background: url('../assets/tech-select/18.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-19 {
	background: url('../assets/tech-select/19.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-20 {
	background: url('../assets/tech-select/20.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-21 {
	background: url('../assets/tech-select/21.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-22 {
	background: url('../assets/tech-select/22.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-23 {
	background: url('../assets/tech-select/23.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.tech-icon-24 {
	background: url('../assets/tech-select/24.png');
	background-size: contain;
	border-radius: 50%;
	border: none;
	box-shadow: 0px 0px 32px 2px #ccc;
	width: 70px;
	height: 70px;
	margin: 10px;
	background-repeat: no-repeat;
}

.btn-color-1 {
	background-color: #ffffff;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
	border: 1px solid;
}

.btn-color-2 {
	background-color: #000000;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-3 {
	background-color: #f5f5f5;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
	border: 1px solid;
}

.btn-color-4 {
	background-color: #363636;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-5 {
	background-color: #00d1b2;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-6 {
	background-color: #485fc7;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-7 {
	background-color: #3e8ed0;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-8 {
	background-color: #48c78e;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-9 {
	background-color: #ffe08a;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}

.btn-color-10 {
	background-color: #f14668;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	cursor: pointer;
}