/*
* © Seddike Tanvir
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: var(--bn_font_14);
	overflow-x: hidden;

}

/* html, */
body {
	background-color: var(--bgColor01);
	scroll-behavior: smooth;
}

p {
	color: var(--textColor01);
	letter-spacing: .5px;
}


/* !-----Header Section--------------------------------- */
/* .header {
	margin: auto;
	background-color: var(--headerBgColor01);
	-webkit-box-shadow: 0 1px 5px -2px var(--boxShadowColor01);
	box-shadow: 0 1px 5px -2px var(--boxShadowColor01);
	height: 5rem;
	width: 100%;


} */

/* .header div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
} */

/* .header_logo {
	width: 13rem;
	height: auto;
	cursor: pointer;
} */

/* .logo_line_icn{
	width: 2rem;
	height: 2rem;
} */

/* .logo_line_txt{
	color: aliceblue;
	font-family: ;
} */

/* .logo_line_icn6{
	width: 15rem;
} */


.bodyArea {
	margin-top: 22vh;
	/* transform: translateY(10%); */
	width: 100%;
	margin-bottom: -2rem;
}

@media only screen and (min-width: 350px) and (max-width: 750px) {
	.bodyArea {
		margin-top: 13vh;
		margin-bottom: -4rem;
	}
}

.intro_wrapper {
	width: 85%;
	max-width: 60rem;
	/* min-width: 80%; */
	margin: 0 auto;
	padding: 3rem 3rem;
    background-color: var(--cardBgColor01);
    border-radius: 10px;
    box-shadow: 0 2px 8px var(--boxShadowColor01);
	border: 1px solid #ffffff1e;

}

@media only screen and (max-width: 730px) {
	.intro_wrapper {
			width: 95%;
			margin: 0 auto;
			padding: 2rem 1rem 2rem;
			
		}
}

.intro {
	text-align: center;
	/* margin-top: 4.5rem; */
	/* margin-bottom: 3rem; */
	margin-left: 1rem;
	margin-right: 1rem;
	font-size: 1.35rem;
	color: var(--textColor01);
	line-height: 25px;
	/* line-height: normal; */
	padding-bottom: 1rem;
	background-image: -o-linear-gradient(110deg, #b721ff 0%, #21d4fd 100%);
	/* background-image: linear-gradient(90deg, #00d2ff 0%, #3a47d5 100%); */
	background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
}

/* Smooth Gradient Animation */
@keyframes smoothGradient {
	0% { background-image: linear-gradient(200deg, #b721ff 0%, #21d4fd 100%); }
	10% { background-image: linear-gradient(200deg, #c53aff 0%, #3ec9f5 100%); }
	20% { background-image: linear-gradient(200deg, #d24eff 0%, #5abef0 100%); }
	25% { background-image: linear-gradient(200deg, #21d4fd 0%, #ff4ecd 100%); }
	35% { background-image: linear-gradient(200deg, #eac6ff 0%, #ff80d5 100%); }
	45% { background-image: linear-gradient(200deg, #ffb3c6 0%, #ff6fa8 100%); }
	50% { background-image: linear-gradient(200deg, #ff4ecd 0%, #348f50 100%); }
	60% { background-image: linear-gradient(200deg, #eacf4a 0%, #2ca671 100%); }
	70% { background-image: linear-gradient(200deg, #a7d62a 0%, #5cb848 100%); }
	75% { background-image: linear-gradient(200deg, #348f50 0%, #b721ff 100%); }
	85% { background-image: linear-gradient(200deg, #5abef0 0%, #c53aff 100%); }
	100% { background-image: linear-gradient(200deg, #b721ff 0%, #21d4fd 100%); }
}
@keyframes smoothGradient_bySeddike {
    0% { color: #b721ff; }
    25% { color: #21d4fd; }
    50% { color: #ff4ecd; }
    75% { color: #348f50; }
    100% { color: #b721ff; }
}

.p_txt {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 1.4rem;
    margin-left: 5vw;
    margin-right: 5vw;
    color: transparent;
    /* font-weight: bold; */
    background-image: linear-gradient(200deg, #b721ff 0%, #21d4fd 100%);
    -webkit-background-clip: text;
    background-clip: text;
	/* animation: smoothGradient 12s ease-in-out infinite; */
	animation: smoothGradient_bySeddike 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}



.p_txt_span {
	text-align: center;
	margin: auto;
	/* width: 80%; */
	/* max-width: 42rem; */
	margin-top: 1.5rem;
	/* margin-bottom: 1rem; */
	/* line-height: ; */
	font-size: 1.1rem;
	/* margin: 0 4vw; */
	color: var(--textColor01);
}

/* Border Color Animation */
@keyframes borderAnimation {
    0% { border-color: #b721ff; }
    25% { border-color: #21d4fd; }
    50% { border-color: #ff4ecd; }
    75% { border-color: #348f50; }
    100% { border-color: #b721ff; }
}

.btn00 {
    padding: 0px 7px;
	margin-right: .2rem;
    border: 2px solid var(--cardBgColor01);
	border-radius: 4px;
    cursor: pointer;
    font-weight: 700;
    font-size: 1rem;
    transition: .3s;
    color: transparent;
    background-image: linear-gradient(200deg, #b721ff 0%, #21d4fd 100%);
    -webkit-background-clip: text;
    background-clip: text;
    animation: 
        /* smoothGradient 12s cubic-bezier(0.4, 0, 0.2, 1) infinite, */
        borderAnimation 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    position: relative;
    /* Optional: Fallback for non-supporting browsers */
    background-color: var(--cardBgColor01); /* যদি animation না হয় */
}


.btn00:hover {
	color: #1f9aff;
	border-radius: 4px;
	/* border-top: 2px solid #1f9aff; */
	/* border: 2px solid var(--cardBgColor01); */
	border: 2px solid #1f9aff;


}
.inline_link_btn{
	/* background-color: var(--textColor01); */
	padding: 1px 9px 0px 9px;
	border: 1px solid var(--textColor01);
	border-radius: 2px;
    cursor: pointer;
	color: var(--textColor01);

	/* border: 2px solid var(--cardBgColor01); */
    font-weight: 700;    transition: .3s;
    /* color: transparent; */
    /* background-image: linear-gradient(200deg, #b721ff 0%, #21d4fd 100%); */
    /* -webkit-background-clip: text; */
    /* background-clip: text; */
    animation: 
        /* smoothGradient 12s cubic-bezier(0.4, 0, 0.2, 1) infinite, */
        borderAnimation 12s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    /* position: relative; */

}

/* .btn00 span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
} 

.btn00 span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
} */


/* !-------Footer section--------------------------------- */
/* .credit {
	max-width: 85vw;
	height: 3rem;
	margin: auto;
	margin-top: 20vh;
	margin-bottom: 2vh;
	text-align: center;
	text-decoration: none;
	border-top: 1px solid var(--footerTopBorderColor01);
	padding: 1.7rem 0rem 1.7rem 0rem;
} */

/* .credit>p,
p>span {
	font-size: .8rem;
	font-weight: 500;
	color: var(--footerCreditTxtColor01);
	font-family: var(--bn_font_4);
} */

/* .p2{
    margin-top: .2rem;
}
#nm1,
#nm2{
   font-size: .98rem ;
}
#nm1{
    color: red;
}
#nm2{
    color: rgb(3, 151, 3);
} */