@import url('https://fonts.googleapis.com/css?family=Atma:400,500,600,700|Baloo+Da|Galada|Merienda+One|Merriweather:400,700,900&display=swap');

*{margin: 0; padding: 0;}
a {	text-decoration: none; color: #000;}
a:hover {color: red;}
.mp-0{margin:0; padding:0;}
body { font-family: 'Merriweather', serif;  font-size: 1rem;  line-height: 1.5;  color: #000;  font-weight: ;  -webkit-font-smoothing: antialiased;  -webkit-text-size-adjust: 100%;}

/*     HomePage START             */
/* ---------- Area-1 Start ---------- */
#area-1 {padding: 10px 0;background-color: aliceblue;color: #f93e3e;font-weight: bold;}
.top-box-left {	text-align: right;}
.top-box-left:hover {color: #000;}
.top-box-left ul {list-style: none; margin-bottom: 0; }
.top-box-left li {display: inline; padding: 0 3px; }
.top-box-right ul {list-style: none; margin-bottom: 0; }
.top-box-right li {display: inline; padding: 0 3px; }
.top-box-right {text-align: left;}
.top-box-right:hover {color: #000;}
.top-box-right i {padding-right: 2px;margin-top: 2px;}

/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.top-box-left{text-align: center;}
	.top-box-left li {display: inline-block;}
	.top-box-right {text-align: center;}
	.top-box-right li {display: inline-block;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.top-box-left li {display: block;}
	.t-phone { position:absolute; right:45%; top:25%; font-size:25px; }
	.top-box-right li {display: block; padding-left: 20%; }
	.t-envelope { position: absolute; left: 10%; top: 25%; font-size: 25px;}
}
/* --------------------- Responsive Area End --------------------- */
/* ---------- Area-1 End ---------- */

/* ---------- Area-Header Title Start ---------- */
.header-1 {font-size: 78px;font-weight: bold;font-family: 'Merienda One', cursive;text-shadow: 4px 5px 4px #000;}
.header-1 a {color: cadetblue;}
.header-1 a:hover {color: #df4a4a;}
.header-2 {font-size: 35px;text-align: right;margin-top: -20px;padding-right: 25px;margin-bottom: 10px;font-family: 'Merienda One', cursive;color: #4f4e4e;
	text-shadow: 2px 1px 1px #000;}

/* --------------------- Responsive Area Start --------------------- */

/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.header-1 {font-size: 30px; margin-bottom: 13px; }
	.header-2 {font-size: 20px; }
} 
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.header-1 {font-size: 48px; margin-bottom: 15px; }
	.header-2 {font-size: 25px; }
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.header-1 {font-size: 65px; margin-bottom: 15px; }
	.header-2 {font-size: 35px; }
} 
/* --------------------- Responsive Area End --------------------- */
/* ---------- Area-Header Title End ---------- */

/* ---------- Area-2 Start ---------- */
#area-2 {background-color: #dbdbdb;}
.menu-link a {font-family: 'Merriweather', serif;font-size: 17px;padding: 5px 13px 5px 0px;}
.last-menu-link {font-family: 'Merriweather', serif; font-size: 17px;}
.last-menu-link a {	font-size: 17px;padding: 5px 0px;}
.menu-left {width: 100%;}
.active span {	color: red;	font-weight: bold;	text-shadow: 0px 1px 2px #000;	font-size: ;}
.active span:hover {	color: red;	font-weight: bold;	text-shadow: 0px 1px 2px #000;}
.menu-link a:hover {	color: red;	font-weight: bold;	text-shadow: 0px 1px 2px #000;}
.last-menu-link a:hover {	color: red;	font-weight: bold;	text-shadow: 0px 1px 2px #000;}


/* --------------------- Responsive Area Start --------------------- */
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.menu-link a {font-size: 14px; }
	.active span {font-size: 13px;}
	.last-menu-link a {font-size: 14px;}
} 
/* --------------------- Responsive Area End --------------------- */
/* ---------- Area-2 End ---------- */

/* ---------- Area-3 Start ---------- */
.w-100 { height: 600px;}
/* ---------- Area-3 End ---------- */

/* ---------- Area-4 Start ---------- */
#area-4 {padding: 50px 0;background-color: aliceblue;}
.content-1 p {line-height: 30px;	font-family: SolaimanLipi;	font-size: 18px;}
.content-1 {padding: 10px 15px;	text-align: justify;border: 1px solid #d7d1d18c;border-radius: 5px;background-color: #ffffff5c;}
.content-1 p span {	font-family: ;	font-family: 'Merriweather', serif;}
.content-2 {padding: 0 0 0 15px;}
.content-title {background-color: antiquewhite;	font-size: 25px;font-weight: bold;	padding: 5px 20px;	font-family: 'Merienda One', cursive;}
.content-2-text {	padding-top: 10px;	padding-left: 10px;}
.content-2-text ul {	list-style: disclosure-closed;	padding-left: 15px;}
.content-2-text ul li {	padding: 5px 0;	font-size: 16px;}
.content-2-box {background-color: cornsilk;	border: 2px solid #fdd;	border-radius: 5px;	height: 360px;}
.marquee-control {-moz-animation-play-state: paused;-webkit-animation-play-state: paused;animation-play-state: paused;}
/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.content-title {font-size: 20px;}
	.content-2-text ul li {	font-size: 14px;}
}
/* --------------------- Responsive Area End --------------------- */
/* ---------- Area-4 End ---------- */

/* ---------- Area-5 Start ---------- */
#area-5 {	padding: 25px 0;	background-color: currentColor;}
.service-title {	font-size: 30px;	font-weight: bold;	color: #fff;	text-align: center;	margin-bottom: 30px;}
.service-box {	margin: 0 10px;	padding-bottom: 50px;}
.single-service i {	padding-right: 5px;}
.single-service {	background-color: bisque;	padding: 20px 0 20px 20px;	border: 2px solid #d6ebfd;	border-radius: 20px 0px 20px 0px;	margin: 7px 10px 7px 10px;}
.single-service:hover {	background-color: #e6f9fb;	box-shadow: 3px 5px 15px 2px #fffafa5e;}
/* ---------- Area-5 End ---------- */

/* ---------- Footer Area Start ---------- */
#area-footer {	background-color: palevioletred;padding-top: 50px;padding-bottom: 25px;}
.footer-single-box {	margin: 0 15px; height: 100%;}
.footer-title {	font-size: 20px;	font-weight: bold;	background-color: #00000040;	padding-left: 25px;	margin-left: 5px;	border-bottom: 3px solid aliceblue;	width: 80%;
	color: #fff;	border-radius: 0px 45px 0px 40px;}
.footer-content {	color: #fff; padding-top: 15px; padding-left: 25px;}
.footer-content ul {	list-style: none; padding: 0; font-size: 17px;}
.footer-content ul li {	padding: 3px 0;} 
.name-title {	font-size: 28px;	font-weight: bold;}
.f-map {position: absolute; padding-top: 3px; font-size: 16px; }
.i-address {position: relative; margin: -5px 0px 0px 20px; }
.f-phone {position: absolute; padding-top: 3px; font-size: 16px; }
.i-phone {position: relative; margin: -5px 0px 0px 18px; }
.f-envelope {position: absolute; padding-top: 5px; font-size: 14px; }
.i-email {position: relative; margin: -5px 0px 0px 20px; }

/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.content-2 {padding: 0;	margin-top: 20px;}
	#area-footer {background-color: palevioletred;padding: 25px 0;}
	.footer-single-box {margin: 25px 15px;}
	.footer-title {margin-left: 25px; width: 88%;}
} 
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.footer-content ul {font-size: 15px;}
	.name-title {font-size: 20px;}
	.footer-title {	margin-left: 20px;	width: 90%;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.footer-title {	margin-left: 25px;width: 90%;}
}

/* --------------------- Responsive Area End --------------------- */
/* ---------- Footer Area End ---------- */

/* ---------- Copyright Area Start ---------- */
#area-copyright {padding: 25px 0;}
.copyright-box {text-align: center;}
#area-copyright {padding: 20px 0;background-color: black;color: #fff;border-top: 1px solid #fff;}
.copyright-box p {	margin: 0;}
.copyright-box a {color: red;}
.copyright-box a:hover {color: #fff;}
/* ---------- Copyright Area End ---------- */

/*     HomePage END             */


/*     About Page START             */
.content-0 {padding: 10px 15px;text-align: justify;border: 1px solid#d7d1d18c;border-radius: 5px;background-color:#ffffff5c;}
.content-0 p {	line-height: 30px;	font-family: 'Merriweather', serif;	font-size: 18px;}
.about-page {	padding: 25px;}
.about-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.about-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 245px;	margin-left: -20%;	text-align: center;	top: 67px;}
.about-content {padding-bottom: 30px;}
.about-content-tile {font-size: 20px;	font-weight: bold;	margin-bottom: -10px;}
.about-content-tile-2 {font-size: 20px;font-weight: bold;}
.about-content ul {	list-style: decimal;}
.about-content ul li {font-size: 18px;line-height: 30px;}
/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.about-page-title {	font-size: 35px;}
	.about-page-title span {margin-left: -45%;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.about-page-title span {margin-left: -32%;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.about-page-title span {margin-left: -24%;}
}
/* -------For Extra Large Device (Desktop)------- */
@media (min-width: 1200px){
	.about-page-title span {margin-left: -20%;}
}
/* --------------------- Responsive Area End --------------------- */
/*     About Page END             */

/*     Service Page START             */
.content-0 {padding: 10px 30px;text-align: justify;border: 1px solid#d7d1d18c;border-radius: 5px;background-color:#ffffff5c;}
.content-0 p {	line-height: 30px;	font-family: 'Merriweather', serif;	font-size: 18px;}
.service-page {	padding: 25px 30px 25px 30px;}
.service-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.service-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 315px;	margin-left: -26%;	text-align: center;	top: 83px;}
.service-content {	padding-bottom: 30px;}
.service-content-tile {	font-size: 20px;	font-weight: bold;	margin-bottom: -10px;}
.service-content-tile-2 {font-size: 20px;font-weight: bold;	}
.service-content ul {list-style: decimal;}
.service-content ul li {font-size: 18px;line-height: 30px;}
.contact-person {text-align: center;font-size: 30px;font-weight: bold;font-family: 'Merienda One', cursive;	padding-bottom: 20px;padding-top: 20px;}
.service-contact-box ul {list-style: none;}
.service-contact-box ul li {font-size: 18px;line-height: 30px;}
/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.service-content-tile {	font-size: 18px;margin-bottom: -20px;}
	.service-content ul li {font-size: 16px;line-height: 27px; text-align: left;}
	.content-0 p {	line-height: 27px;	font-size: 16px;}
	.service-content-tile-2 {font-size: 18px;}
	.service-page-title {	font-size: 35px;}
	.service-page-title span {margin-left: -50%;width: 255px;}
	.contact-person {text-shadow: 2px 2px 1px #e35555;}
	.service-contact-box {border: 1px solid #fbddb5;margin-bottom: 25px;text-align: left;box-shadow: 0px 0px 6px 4px #00000014;}
	.service-contact-box ul li {font-size: 15px;}
	.service-contact-box ul {margin-bottom: 0;padding: 10px;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.service-page-title span {margin-left: -41%;}
	.contact-person {margin-bottom: 15px;}
	.service-contact-box {border: 1px solid #fbddb5;margin-bottom: 25px;text-align: left;box-shadow: 0px 0px 6px 4px #00000014;height: 100%;}
	.service-contact-box ul li {font-size: 16px;}
	.service-contact-box ul {margin-bottom: 0;padding: 10px;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.service-page-title span {width: 305px;margin-left: -30%;}
	.service-contact-box {border: 1px solid #fbddb5;margin-bottom: 25px;text-align: left;box-shadow: 0px 0px 6px 4px #00000014;height: 100%;}
	.service-contact-box ul li {font-size: 17px;}
	.service-contact-box ul {margin-bottom: 0;padding: 10px;}
}
/* -------For Extra Large Device (Desktop)------- */
@media (min-width: 1200px){
	.service-page-title span {width: 315px;margin-left: -26%;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Service Page END             */

/*     Professional Skills Page START             */
.skill-page {	padding: 25px 30px 25px 30px;}
.skill-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.skill-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 495px;	margin-left: -42%;	text-align: center;	top: 83px;}
.skill-content-title {	font-weight: bold;	font-size: 20px;}
.skill-content-title span {	font-size: 18px;	font-weight: normal;}
.skill-content p {	margin: 0;	line-height: 30px;}
.skill-content-title-1 {	font-size: 20px;	font-weight: bold;	padding-top: 35px;}
.skill-list-1 {	padding-top: 10px;}
.skill-list-1 ul {	list-style: decimal;	font-size: 18px;	line-height: 30px;	padding: 0 35px;}
.skill-content-title-2 {	padding-top: 50px;	font-size: 20px;	font-weight: bold;}
.extra-curriculam {	padding-left: 30px;	padding-top: 25px;}
.skill-list-2-title {	font-size: 18px;	font-weight: bold;	padding-bottom: 10px;}
.skill-list-2 {	padding-bottom: 50px;}
.skill-list-2 ul {	margin: 0;	padding-top: 5px;	list-style: upper-alpha;	line-height: 30px;	padding-left: 40px;}
.skill-list-4 img {	padding-left: 30px;	padding-bottom: 50px;}

/* --------------------- Responsive Area Start --------------------- */

/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.skill-page-title {	font-size: 25px;}
	.skill-page-title span {width: 325px;margin-left: -64%;	top: 65px;}
	.skill-content-title {font-size: 18px;}
	.skill-content-title-1 {font-size: 18px;padding-top: 25px;}
	.skill-content p {line-height: 26px;font-size: 16px;}
	.skill-list-1 ul  {font-size: 16px line-height: 26px;padding: 0 15px text-align: left;}
	.skill-content ul li {	padding-bottom: 8px;}
	.skill-content-title-2 {	font-size: 18px;}
	.skill-content ul li { padding-bottom: 5px; font-size: 16px; line-height: 26px; text-align: left;}
	.skill-list-2-title {text-align: left;}
	.skill-list-4 img {	padding-left: 10px;	padding-bottom: 25px;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.skill-page-title span {margin-left: -67%;}
	.skill-content-title {font-size: 18px;}
	.skill-content-title-1 {font-size: 18px;padding-top: 25px;}
	.skill-content p {line-height: 26px;font-size: 16px;}
	.skill-list-1 ul  {font-size: 16px line-height: 26px;padding: 0 15px text-align: left;}
	.skill-content ul li {	padding-bottom: 8px;}
	.skill-content-title-2 {	font-size: 18px;}
	.skill-content ul li { padding-bottom: 5px; font-size: 16px; line-height: 26px; text-align: left;}
	.skill-list-2-title {text-align: left;}
	.skill-list-4 img {	padding-left: 10px;	padding-bottom: 35px;}

}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.skill-page-title span {margin-left: -50%;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Professional Skills Page END             */

/*     Publication Page START             */
.publication-page {	padding: 25px 30px 25px 30px;}
.publication-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.publication-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 335px;	margin-left: -28%;	text-align: center;	top: 83px;}
.publication-content {padding: 10px;}
.inside-pub {border: 1px solid antiquewhite;border-radius: 5px;	background-color: azure;padding: 5px;	box-shadow: 0 0px 5px 1px #d3d3d3e3;margin: 15px 0;}
.p-box-txt ul {list-style: none;margin: 0;	padding: 0;	text-align: left;line-height: 25px;}
.p-box-img {border: 1px solid #717171;width: 145px;margin-left: 15px;height: 198px;}
.p-box-img img {height: 100%;width: 100%;}
.p-box-txt {padding-right: 30px;font-size: 15px;padding-left: 15px;}
/* --------------------- Responsive Area Start --------------------- */

/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.publication-page-title {padding-bottom: 30px;}
	.publication-page-title span {margin-left: -50%;width: 255px;top: 70px;}
	.p-box-txt {padding-left: 45%;height: 322px;font-size: 15px;}
	.p-box-img {position: absolute;}
}

/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.publication-page-title span {margin-left: -44%;}
	.p-box-txt {padding-left: 28%;height: 198px;}
	.p-box-img {position: absolute;}
}

/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.publication-page-title span {margin-left: -33%;}
	.p-box-txt {padding-right: 20px;font-size: 15px;padding-left: 30px;}
	.p-box-txt ul li {line-height: 26px;}
	.inside-pub {height: 275px;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Publication Page END             */

/*     Certificates Page START             */
.certificates-page {padding: 25px;}
.certificates-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.certificates-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 315px;	margin-left: -26%;	text-align: center;	top: 83px;}
.certificates-content {	padding: 30px;}
.certificates-box {	border: 5px solid #605f5f73;	border-radius: 2px;	height: 330px;	width: 100%;margin: 15px 0;	padding: 1px;}
.certificates-box img {	height: 100%;	width: 100%;}

/* --------------------- Responsive Area Start --------------------- */

/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.certificates-page-title {padding-bottom: 30px;padding-bottom: 0px;font-size: 25px;}
	.certificates-page-title span {	margin-left: -40%;width: 210px;top: 65px;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.certificates-page-title span {	margin-left: -40%; width: 300px;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.certificates-page-title span {	margin-left: -31%;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Certificates Page END             */


/*     Payment Page START             */
.payment-page {	padding: 25px 30px 25px 30px;}
.payment-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.payment-content p span {    font-family: 'Merriweather', serif;}
.payment-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 410px;	margin-left: -35%;	text-align: center;	top: 83px;}
.payment-content {	padding-top: 30px;}
.payment-content p {	font-family: SolaimanLipi;}
.payment-content-tile-2 {	font-family: 'Merriweather', serif;	font-size: 18px;	line-height: 30px;	padding-top: 35px;}
.payment-content-tile-2 span {	font-weight: bold;	font-size: 20px;}
.payment-getway {	padding: 60px 0;}
.getway-title {	text-align: center;	padding-bottom: 50px;	padding-top: 35px;	font-size: 25px;	font-weight: bold;}
.single-getway {margin: 10px 15px;height: 245px;box-shadow: 0 0 5px 2px#0000001a;}
.getway-logo {	padding-bottom: 20px;}
.getway-logo img {	border: 1px solid antiquewhite;	box-shadow: 0px 0 3px 0px #00000080;	height: 100%;	width: 100%;}
.getway-bkash {	padding-left: 20px;}
.getway-bkash ul {	list-style: none;	line-height: 25px;}
.getway-bank ul {	list-style: none;	line-height: 25px;}
.getway-font {	font-weight: bold;	font-size: 19px;}

/* --------------------- Responsive Area Start --------------------- */

/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.payment-page-title {padding-bottom: 30px;padding-bottom: 0px;font-size: 25px;}
	.payment-page-title span {	margin-left: -53%;width: 265px;top: 65px;}
	.payment-content-tile-2 {	font-size: 16px;	line-height: 26px;}
	.payment-content-tile-2 span {	font-size: 18px;}
	.single-getway {border: 1px solid #dcfdf1;margin-bottom: 25px;box-shadow: 0px 2px 5px 4px #0000002b;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.payment-page-title span {margin-left: -40%; width: 300px;}
	.payment-page-title span {margin-left: -55%;width: 405px;}
	.getway-title {	padding-bottom: 25px;}
	.single-getway {border: 1px solid #d2be1e54;margin: 10px;text-align: left;height: 245px;box-shadow: 0 0 5px 2px #00000030;}
	.getway-logo {padding-bottom: 15px;}
	.getway-bkash {padding-left: 0; padding-bottom: 10px;}
	.getway-bkash ul {margin: 0; padding: 0 10px;}
	.getway-bkash li {padding-bottom: 10px;}
	.getway-bank {padding-left: 0; padding-bottom: 10px;}
	.getway-bank ul {margin: 0; padding: 0 10px;}
	.getway-font {font-size: 18px;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.payment-page-title span {	margin-left: -42%;}
	.single-getway {border: 1px solid #d2be1e54;margin: 10px;text-align: left;height: 245px;box-shadow: 0 0 5px 2px #00000030;}
	.getway-logo {padding-bottom: 15px;}
	.getway-bkash {padding-left: 0; padding-bottom: 10px;}
	.getway-bkash ul {margin: 0; padding: 0 10px;}
	.getway-bkash li {padding-bottom: 10px;}
	.getway-bank {padding-left: 0; padding-bottom: 10px;}
	.getway-bank ul {margin: 0; padding: 0 10px;}
	.getway-font {font-size: 18px;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Payment Page END             */


/*     Client List Page START             */
.client-page {padding: 25px 30px 80px 30px;}
.client-page-title {font-family: 'Merienda One', cursive;font-size: 40px;text-align: center;font-weight: 900;text-transform: uppercase;padding-bottom: 30px;color: #5f9ea0;text-shadow: 2px 2px 1px #000;}
.client-content p span {   font-family: 'Merriweather', serif;}
.client-page-title span {position: absolute;background-color: #5f9ea0;height: 4px;width: 280px;margin-left: -23%;text-align: center;top: 83px;}
.client-content-title {font-size: 22px;font-weight: bold;padding-top: 20px;}
.client-box-title {font-size: 20px;padding-top: 50px;padding-bottom: 15px;	font-weight: bold;}
.client-content-box {padding-left: 15px;}
.client-content-box img {padding-left: 30px;padding-bottom: 20px;}



/* --------------------- Responsive Area Start --------------------- */

/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.client-page-title {padding-bottom: 30px;padding-bottom: 0px;font-size: 25px;}
	.client-page-title span {margin-left: -34%;width: 175px;top: 65px;}
	.client-content-title {font-size: 20px;text-align: left;}
	.client-box-title { font-size: 18px; padding-top: 25px; padding-bottom: 5px;}
	.client-content-box img {padding-left: 10px;padding-bottom: 10px;}

}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.client-page-title span {margin-left: -35%;width: 265px;}
	.client-content-title {font-size: 20px;text-align: left;}
	.client-box-title { font-size: 18px; padding-top: 25px; padding-bottom: 5px;}
	.client-content-box img {padding-left: 10px;padding-bottom: 10px;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.client-page-title span {margin-left: -27%;width: 265px;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Client List Page END             */



/*     Advice Page START             */
.advice-page {padding: 25px 30px 80px 30px;}
.advice-page-title {	font-family: 'Merienda One', cursive;	font-size: 40px;	text-align: center;	font-weight: 900;	text-transform: uppercase;	padding-bottom: 30px;	color: #5f9ea0;	text-shadow: 2px 2px 1px #000;}
.advice-page-title span {	position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 185px;	margin-left: -15%;	text-align: center;	top: 83px;}
.advice-content p span {    font-family: 'Merriweather', serif;}
.advice-box-image {	text-align: center; margin-bottom: 20px;}
.advice-box-txt p {font-size: 19px;	line-height: 32px;	font-family: SolaimanLipi;	padding-bottom: 15px;	margin-top: 0;}
.advice-box-title {font-family: SolaimanLipi;font-size: 25px;font-weight: bold;}
.advice-address {padding: 15px 0;}
.advice-address ul {list-style: none;font-family: SolaimanLipi;font-size: 20px;line-height: 33px;}
.advice-address-name {font-size: 23px;font-weight: bold;}
.advice-address-bold {font-weight: bold;font-family: 'Merriweather', serif;font-size: 19px;color: #a24f4f;}
.advice-address-title {text-align: center;font-size: 30px;font-weight: bold;font-family: 'Merienda One', cursive;padding-bottom: 20px;padding-top: 20px;}
/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.advice-page-title span {margin-left: -35%;}
	.advice-address {text-align: left;}
	.advice-address ul {font-size: 15px;}
	.advice-address-bold {font-size: 15px;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.advice-page-title span {margin-left: -23%;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.advice-page-title span {margin-left: -18%;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Advice Page END             */


/*     Gallery Page START             */
.gallery-page {padding: 25px 30px 80px 30px;}
.gallery-page-title {font-family: 'Merienda One', cursive;font-size: 40px;text-align: center;	font-weight: 900;text-transform: uppercase;	padding-bottom: 30px;text-shadow: 2px 2px 1px #000;}
.gallery-page-title span {position: absolute;	background-color: #5f9ea0;	height: 4px;	width: 205px;margin-left: -16.5%;	text-align: center;top: 90px;}
/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.gallery-page-title { font-size: 25px; }
	.gallery-page-title span {width: 135px;margin-left: -25.5%;top: 70px;}
}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.gallery-page-title span {width: 200px;margin-left: -25.5%;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.gallery-page-title span {width: 200px;margin-left: -19.5%;}
}
/* --------------------- Responsive Area End --------------------- */
/*     Gallery Page END             */


/*     Contact Page START             */
.contact-page {padding: 25px 30px 80px 30px;}
.contact-page-title {font-family: 'Merienda One', cursive;font-size: 40px;text-align: center;font-weight: 900;text-transform: uppercase;padding-bottom: 30px;color: #5f9ea0;text-shadow: 2px 2px 1px #000;}
.contact-page-title span {position: absolute;background-color: #5f9ea0;height: 4px;width: 220px;margin-left: -18%;text-align: center;top: 83px;}
.contact-content {padding: 30px 15px 0 15px;}
.contact-box-en {margin: 0 15px;border: 1px solid #cae4fb;box-shadow: 0px 0px 1px 1px #0000000f;	padding: 2px;}
.contact-box-en:hover {border: 1px solid #f0f8ff3b;box-shadow: 0px 20px 15px 8px #0000000f;}
.contact-box-title-en {padding-left: 5px;font-size: 28px;font-weight: bold;color: black;text-shadow: 0px 0px 2px #ffafaf;}
.contact-box-en ul {list-style: none;line-height: 30px;padding-left: 15px;}
.c-text-1-en {font-size: 20px;font-weight: bold;}
.c-text-2-en {font-size: 18px;font-weight: bold;}
.c-address-en {padding-top: 10px;}
.c-contact-en {padding-top: 10px;}
.contact-box-bn {margin: 0 15px;border: 1px solid #cae4fb;font-family: SolaimanLipi;font-size: 20px;box-shadow: 0px 0px 1px 1px #0000000f;padding: 2px;}
.contact-box-bn:hover {border: 1px solid #f0f8ff3b;box-shadow: 0px 20px 15px 8px #0000000f;}
.contact-box-title-bn {padding-left: 5px;padding-top: 5px;font-size: 23.5px;font-weight: bold;color: black;text-shadow: 0px 0px 2px #ffafaf;}
.contact-box-bn ul {list-style: none;line-height: 30px;}
.c-text-1-bn {font-size: 22px;font-weight: bold;}
.c-text-2-bn {font-size: 20px;font-weight: bold;}
.c-address-bn {padding-top: 10px;}
.c-contact-bn {padding-top: 10px;}
.contact-info-en {font-family: 'Merriweather', serif;font-size: 17px;line-height: 35px;}
.contact-info-en i {padding-right: 5px;}


/* --------------------- Responsive Area Start --------------------- */
/* -------For Extra Small to Small Device (Mobile)------- */
@media (min-width: 480px) and (max-width: 767px) {
	.contact-page-title {padding-bottom: 30px;padding-bottom: 0px;font-size: 25px;}
	.contact-page-title span {margin-left: -26%;width: 135px;top: 65px;}
	.contact-box-title-en {font-size: 20px;}
	.contact-box-en {margin-bottom: 25px;}
	.contact-box-en ul {line-height: 27px;padding-left: 7px;text-align: left;}
	.c-contact-en {font-size: 15px;}
	.contact-info-en {font-family: 'Merriweather', serif;font-size: 13.5px;line-height: 27px;}
	.contact-box-title-bn {font-size: 16px;}
	.contact-box-bn ul {line-height: 27px;padding-left: 7px;text-align: left;font-size: 17px;}
	.c-text-2-bn {font-size: 17px;}

}
/* -------For Medium Device (Tablet)------- */
@media (min-width: 768px) and (max-width: 991px) {
	.contact-page-title span {margin-left: -29%;width: 220px;}
.contact-box-bn {margin-top: 25px;}
}
/* -------For Large Device (Laptop)------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.contact-page-title span {margin-left: -21%;}
	.contact-box-title-en {font-size: 24px;}
	.contact-box-en {margin-bottom: 25px;}
	.contact-box-en ul {line-height: 27px;padding-left: 7px;text-align: left;}
	.c-contact-en {font-size: 15px;}
	.contact-info-en {font-family: 'Merriweather', serif;font-size: 14px;line-height: 27px;}
	.contact-box-title-bn {font-size: 18.5px;}
	.contact-box-bn ul {line-height: 27px;padding-left: 7px;text-align: left;font-size: 17px;}
	.c-text-2-bn {font-size: 17px;}

}
/* --------------------- Responsive Area End --------------------- */
/*     Contact Page END             */

