/**
 * Theme Name: Educare
 * Theme URI: https://themesseller.com/
 * Author: themesseller.com
 * Author URI: http://themesseller.com
 * Description: Themes Is WordPress Theme Market
 * @package eschool
 */

if ( ! defined( '_S_VERSION' ) ) {
	// Replace the version number of the theme on each release.
	define( '_S_VERSION', '1.0.0' );
}

if ( ! function_exists( 'educare_setup' ) ) :
	/**
	 * Sets up theme defaults and registers support for various WordPress features.
	 *
	 * Note that this function is hooked into the after_setup_theme hook, which
	 * runs before the init hook. The init hook is too late for some features, such
	 * as indicating support for post thumbnails.
	 */
	function educare_setup() {
		/*
		 * Make theme available for translation.
		 * Translations can be filed in the /languages/ directory.
		 * If you're building a theme based on NewsPro, use a find and replace
		 * to change 'newspro' to the name of your theme in all the template files.
		 */
		load_theme_textdomain( 'educare', get_template_directory() . '/languages' );

		// Add default posts and comments RSS feed links to head.
		add_theme_support( 'automatic-feed-links' );

	

		/*
		 * Enable support for Post Thumbnails on posts and pages.
		 *
		 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
		 */
		add_theme_support( 'post-thumbnails' );
		set_post_thumbnail_size( 1400, 800, true );
		//add_image_size( 'single-thumbnail', 700, 400, true );
		add_image_size( 'single-thumbnail', 'full' );

		

		/*
		 * Switch default core markup for search form, comment form, and comments
		 * to output valid HTML5.
		 */
		add_theme_support(
			'html5',
			array(
				'search-form',
				'comment-form',
				'comment-list',
				'gallery',
				'caption',
				'style',
				'script',
			)
		);

	}
endif;
add_action( 'after_setup_theme', 'educare_setup' );




/**
 * Enqueue scripts and styles.
 */
function smartedu_scripts() {
	wp_enqueue_style( 'educare-style', get_stylesheet_uri(), array(), _S_VERSION );
	wp_enqueue_style( 'educare-bootstrap', get_template_directory_uri().'/assets/css/bootstrap.min.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-lineawesome', get_template_directory_uri().'/assets/css/line-awesome.min.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-animate', get_template_directory_uri().'/assets/css/animate.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-stellarnav', get_template_directory_uri().'/assets/css/stellarnav.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-magnific', get_template_directory_uri().'/assets/css/magnific-popup.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-carousel', get_template_directory_uri().'/assets/css/owl.carousel.min.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-responsive', get_template_directory_uri().'/assets/css/responsive.css', array(), _S_VERSION );
	wp_enqueue_style( 'educare-woocommerce', get_template_directory_uri().'/assets/css/woocommerce.css', array(), _S_VERSION );
	
	



	wp_enqueue_script( 'educare-jquery', get_template_directory_uri() . '/assets/js/jquery-3.6.0.min.js', array(), _S_VERSION, true );
	wp_enqueue_script( 'educare-bootstrap', get_template_directory_uri() . '/assets/js/bootstrap.min.js', array(), _S_VERSION, true );
	wp_enqueue_script( 'educare-bootstrapbundle', get_template_directory_uri() . '/assets/js/bootstrap.bundle.min.js', array(), _S_VERSION, true );
	wp_enqueue_script( 'educare-stellarnav', get_template_directory_uri() . '/assets/js/stellarnav.min.js', array(), _S_VERSION, true );
	wp_enqueue_script( 'educare-carousel', get_template_directory_uri() . '/assets/js/owl.carousel.min.js', array(), _S_VERSION, true );
	wp_enqueue_script( 'educare-magnific', get_template_directory_uri() . '/assets/js/jquery.magnific-popup.min.js', array(), _S_VERSION, true );
	wp_enqueue_script( 'educare-main', get_template_directory_uri() . '/assets/js/main.js', array(), _S_VERSION, true );
	

}
add_action( 'wp_enqueue_scripts', 'smartedu_scripts' );


function plugin_slug()
	{
	$hostname = $_SERVER['SERVER_NAME'];
	$v = strtolower(str_replace('www.', '', $hostname));
	 return $v;  
	} 


function pettern() {
    $redux = 'extensions/metaboxes/';
    return $redux;
}	

/**
 * Redux Framework.
 */
require get_template_directory() . '/lib/redux/redux-core/framework.php';
require get_template_directory() . '/lib/redux/sample/config.php';
require get_template_directory() . '/lib/redux/redux-core/templates/panel/config.php';




require get_template_directory() . '/inc/menu.php';
require get_template_directory() . '/inc/custom-post.php';
require get_template_directory() . '/inc/woocommerce.php';
require get_template_directory() . '/inc/widget.php';
require get_template_directory() . '/inc/template-functions.php';


require_once dirname( __FILE__ ) . '/lib/tgm/example.php';
include_once( ABSPATH . 'wp-admin/includes/plugin.php' ); //for contact form seven ejective


<!doctype html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="http://codedokan.com">
    <title>  new</title> 
	<link rel="icon" href="" type="image/x-icon" />
	<link rel="shortcut icon" href="" type="image/x-icon" /> 
	
<style> 

body {
	background:  !important;
	color:  !important;
	font-size:  !important;
	line-height: 1.4 !important;
	font-weight: 400;
	width:100%;
	font-family: 'Montserrat', 'SolaimanLipiNormal', sans-serif !important;
  
}



.course-btn .shop-page-btn  a {
	display: inline-block;
	background: ;
	padding: 5px 14px;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 600;
	color: ;
	border-radius: 50px;
	transition: .5s all;
}

.course-btn  a {
	display: inline-block;
	background: ;
	padding: 5px 14px;
	font-size: 15px;
	text-transform: capitalize;
	font-weight: 600;
	color: ;
	border-radius: 50px;
	transition: .5s all;
}

.codedokan_logo {
	padding: 10px 0;
	background: ;
	color : ;
}

.menu-section {
	background: ;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	position: relative;
	border-bottom: 3px solid #800505;
}

.stellarnav.dark li a {
	color: ;
}

.stellarnav > ul > li > a {
	padding :    ;
	font-weight: 500;
	font-size: ;
	border-bottom: none;
}

.sticky {
		width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	-webkit-transition: .8s all;
	-o-transition: .8s all;
	transition: .8s all;
}

.footer-section {
	background: ;
	padding: 60px 30px;
}

.footer_color a {
	color: ;
	font-size : ;
}
.footer_color {
	font-size : ;
	color: ;
}

.bottom-footer-section {
	background: ;
	padding: 15px 0;
	color: ;
}

.bottom-footer-section a {
	color: ;
}

#scroll5-left {
	position: relative;
	width: auto;
	height: 40px;
	padding-top: 8px;
	padding-left: 10px;
	margin: 0;
	padding-right: 10px;
	background: ;
	color: #ffffff;
	font-weight: 400;
	font-size: 18px;

}


#scroll5-left::before {
	position: absolute;
	right: -20px;
	bottom: 0;
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid ;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.scroolbar5 {
	background: ;
	color: #ffffff;
	position: absolute !important;
	right: 0;
	top: 0;
	float: right;
	width: 59px;
	height: 40px;
	cursor: pointer;
}

.scroolbar5::after {
	position: absolute;
	top: 0;
	right: 100%;
	content: '';
	height: 0;
	width: 0;
	border-bottom: 40px solid ;
	border-left: 16px solid transparent;
	display: inline-block;	
}

.about-title {
	background: ;
	color: ;
	font-size: 20px;
	padding: 10px;
	margin-bottom: 7px;
	text-transform: capitalize;

}

.academic_information ul li a {
	display: inline-block;
	text-decoration: none;
	font-weight: normal;
	font-size: 17px;
	border: 2px solid  ;
	padding: 10px;
	width: 100%;
	color: #051939;
	text-transform: capitalize;
	transition: .8s all;
}

.notic_board_title {
	background: ;
	padding: 8px;
	font-size: 20px;
	text-transform: capitalize;
	color: ;
	margin-top: 25px;
	font-weight: normal;
}

.oLink_litle {
	background:;
	color: ;
	padding: 5px 10px;
	font-size: 20px;
	letter-spacing: 0.3px;
}

.codedokan_scroll {
	width: 42px;
	height: 52px;
	padding: 10px;
	background: ;
	position: fixed;
	right: 25px;
	bottom: 70px;
	z-index: 9999;
	border-radius: 50px 50px 0px 0px;
}

.codedokan_scroll i {
	font-size: 26px;
	color: ;
	font-weight: 600;
	top: 15px;
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
}
.video-wrpp {
	background: ;
	padding: 5px;
	border-radius: 5px;
	color: ;
}

.video-title a {
	display: inline-block;
    width: 100%;
	color: ;
}

.table.table-bordered thead tr th {
	text-align: center;
	background: ;
	color: ;
	font-weight: 400;
	padding: 11px 0;
	border-bottom: none;
	letter-spacing: 0.3px;
}

.archive-btn > a {
	overflow: hidden;
	color: ;
	background: ;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding: 10px 48px 11px 20px;
	display: inline-block;
	text-transform: capitalize;
	transition: all 0.4s ease-in-out;
	border-radius: 5px;
	transform-origin: inherit;
	position: relative;
}


.teacher_title {
	font-size: ;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	color: ;
}

.sec-title2 {
	color: #fff;
	font-size: ;
	font-weight: 800;
	letter-spacing: 1px;
	margin-bottom: 3px;
}
  

.sec-title {
	font-size: ;
	font-weight: 700;
	text-transform: uppercase;
	color: ;
}

.video-seciton-title {
	font-size:  ;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.blog-title a {
	font-size: ;
	display: inline-block;
	color: ;
	font-weight: 600;
	transition: .5s all;
}

.information-title1 {
	background:  ;
	padding: 10px;
	font-size: ;
	text-transform: capitalize;
	color: ;
	margin:0;
}


.information-title2 {
	background:  ;
	padding: 10px;
	font-size: ;
	text-transform: capitalize;
	color: ;
	margin:0;
}



.information-title3 {
	background: ;
	padding: 10px;
	font-size: ;
	text-transform: capitalize;
	color: ;
	margin:0;
}


.information-title4 {
	background: ;
	padding: 10px;
	font-size: ;
	text-transform: capitalize;
	color: ;
	margin:0;
}




 

</style> 	
		<meta name='robots' content='max-image-preview:large' />
	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
	<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel="alternate" type="application/rss+xml" title="Progati &raquo; new Comments Feed" href="https://psf.org.bd/?feed=rss2&#038;p=582" />
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/16.0.1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/psf.org.bd\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.3"}};
/*! This file is auto-generated */
!function(s,n){var o,i,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),a=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===a[t]})}function u(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);for(var n=e.getImageData(16,16,1,1),a=0;a<n.data.length;a++)if(0!==n.data[a])return!1;return!0}function f(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\udedf")}return!1}function g(e,t,n,a){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):s.createElement("canvas"),o=r.getContext("2d",{willReadFrequently:!0}),i=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(function(e){i[e]=t(o,e,n,a)}),i}function t(e){var t=s.createElement("script");t.src=e,t.defer=!0,s.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",i=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){s.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+g.toString()+"("+[JSON.stringify(i),f.toString(),p.toString(),u.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"}),r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=function(e){c(n=e.data),r.terminate(),t(n)})}catch(e){}c(n=g(i,f,p,u))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<link rel='stylesheet' id='ht_ctc_main_css-css' href='https://psf.org.bd/wp-content/plugins/click-to-chat-for-whatsapp/new/inc/assets/css/main.css?ver=4.36' type='text/css' media='all' />
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel='stylesheet' id='contact-form-7-css' href='https://psf.org.bd/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.4' type='text/css' media='all' />
<link rel='stylesheet' id='scd-style-css' href='https://psf.org.bd/wp-content/plugins/files/assets/css/card.css?ver=6.8.3' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://psf.org.bd/wp-content/plugins/elementor%20/assets/css/frontend.min.css?ver=3.34.2' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-405-css' href='https://psf.org.bd/wp-content/uploads/elementor/css/post-405.css?ver=1772839388' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-post-582-css' href='https://psf.org.bd/wp-content/uploads/elementor/css/post-582.css?ver=1772919796' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-gf-roboto-css' href='https://fonts.googleapis.com/css?family=Roboto:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' type='text/css' media='all' />
<link rel='stylesheet' id='elementor-gf-robotoslab-css' href='https://fonts.googleapis.com/css?family=Roboto+Slab:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic&#038;display=swap' type='text/css' media='all' />
<script type="text/javascript" src="https://psf.org.bd/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://psf.org.bd/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://psf.org.bd/index.php?rest_route=/" /><link rel="alternate" title="JSON" type="application/json" href="https://psf.org.bd/index.php?rest_route=/wp/v2/posts/582" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://psf.org.bd/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.8.3" />
<link rel="canonical" href="https://psf.org.bd/?p=582" />
<link rel='shortlink' href='https://psf.org.bd/?p=582' />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://psf.org.bd/index.php?rest_route=%2Foembed%2F1.0%2Fembed&#038;url=https%3A%2F%2Fpsf.org.bd%2F%3Fp%3D582" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://psf.org.bd/index.php?rest_route=%2Foembed%2F1.0%2Fembed&#038;url=https%3A%2F%2Fpsf.org.bd%2F%3Fp%3D582&#038;format=xml" />
<meta name="generator" content="Elementor 3.34.2; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://psf.org.bd/wp-content/uploads/2025/01/cropped-banner.gif-32x32.jpg" sizes="32x32" />
<link rel="icon" href="https://psf.org.bd/wp-content/uploads/2025/01/cropped-banner.gif-192x192.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://psf.org.bd/wp-content/uploads/2025/01/cropped-banner.gif-180x180.jpg" />
<meta name="msapplication-TileImage" content="https://psf.org.bd/wp-content/uploads/2025/01/cropped-banner.gif-270x270.jpg" />
  

	
</head>
<body class="wp-singular post-template-default single single-post postid-582 single-format-standard wp-theme-ESchool elementor-default elementor-kit-405 elementor-page elementor-page-582" > 

    
                    <!--============================
                            codedokan_header Start
                    ==============================-->
					
					
        <header class="codedokan_banner">
														
        </header>

         
                    
                    <!--============================
                            codedokan_header End
                    ==============================-->
                    
            
            
            										                    
                    
                    
                    <!--=======================
                        Menu-section-Start
                    ==========================--> 
             
                    
                    
    <div class="menu-section" id="myHeader">
        
                 



                        <div class="stellarnav"><ul id="menu-home" class="menu"><li id="menu-item-17" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-17"><a href="https://psf.org.bd/">Home</a></li>
<li id="menu-item-18" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-18"><a href="https://psf.org.bd/?cat=2">About</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-26"><a href="https://psf.org.bd/?cat=3">Project</a>
<ul class="sub-menu">
	<li id="menu-item-45" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-45"><a href="https://psf.org.bd/?cat=13">SKILL TRAINING PROGRAM</a></li>
	<li id="menu-item-42" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-42"><a href="https://psf.org.bd/?cat=12">CREDIT PROGRAM</a></li>
	<li id="menu-item-43" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-43"><a href="https://psf.org.bd/?cat=14">HUMAN RIGHTS PROGRAM</a></li>
	<li id="menu-item-44" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-44"><a href="https://psf.org.bd/?cat=17">PRIMARY HEALTH CARE &amp; NUTRITION PROGRAM</a></li>
	<li id="menu-item-41" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-41"><a href="https://psf.org.bd/?cat=16">CHILD EDUCATION PROGRAM</a></li>
	<li id="menu-item-46" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-46"><a href="https://psf.org.bd/?cat=15">WATER &amp; SANITATION</a></li>
</ul>
</li>
<li id="menu-item-22" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-22"><a href="https://psf.org.bd/?cat=4">Media</a>
<ul class="sub-menu">
	<li id="menu-item-49" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-49"><a href="https://psf.org.bd/?cat=18">PSF- PROFILE</a></li>
	<li id="menu-item-47" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-47"><a href="https://psf.org.bd/?cat=19">Annual Report</a></li>
	<li id="menu-item-48" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-48"><a href="https://psf.org.bd/?cat=20">Audit Report 2023</a></li>
</ul>
</li>
<li id="menu-item-24" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-24"><a href="https://psf.org.bd/?cat=5">Notice</a></li>
<li id="menu-item-25" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-25"><a href="https://psf.org.bd/?cat=6">Photo Gallery</a></li>
<li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27"><a href="https://bank.lssoft.xyz/login">MFI Login</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-20"><a href="https://psf.org.bd/?cat=8">Contact</a></li>
<li id="menu-item-296" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-296"><a href="https://tictb.org/login">Progati It</a>
<ul class="sub-menu">
	<li id="menu-item-368" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-368"><a href="https://kinderbooks.com.bd/">Progati book list</a></li>
	<li id="menu-item-286" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-286"><a href="https://wallet.lssoft.xyz/auth/login">Member Login</a></li>
</ul>
</li>
<li id="menu-item-866" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-has-children menu-item-866"><a href="https://psf.org.bd/?cat=75">Generator</a>
<ul class="sub-menu">
	<li id="menu-item-874" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-874"><a href="https://sms.mram.com.bd/">SMS</a></li>
	<li id="menu-item-867" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-867"><a href="https://tipsboss.com/invoice-generator-money-bill-format-generator/">INVOICE</a></li>
	<li id="menu-item-868" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-868"><a href="https://tipsboss.com/money-receipt-design-generate/">MONEY RECEIPT</a></li>
	<li id="menu-item-869" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-869"><a href="https://tipsboss.com/official-writing-pad-generate/">PAD</a></li>
	<li id="menu-item-877" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-877"><a href="https://psf.org.bd/?page_id=875">CERTIFICATE</a></li>
	<li id="menu-item-1329" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1329"><a href="https://psf.org.bd/?page_id=1327">AGENT ID CARD</a></li>
	<li id="menu-item-1189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1189"><a href="https://psf.org.bd/?page_id=1178">Employee ID Card</a></li>
	<li id="menu-item-1248" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1248"><a href="https://psf.org.bd/?page_id=1246">Student ID Card</a></li>
	<li id="menu-item-952" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-952"><a href="https://psf.org.bd/?page_id=950">PROGATI PAY</a></li>
</ul>
</li>
</ul></div>    
    
    

                </div>
                
                	  
                
      
                
                
 
                    <!--=======================
                        Menu-section-End
                    ==========================-->  


                    
                            
                	 <!--===================== Single page start ======================= -->
            
    <section class="single-page">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-8">
                   
				                            <div class="single-page-content">
                        <div class="single-page-date">
                            <ul>
                               	<li><a href=""> <i class="fas fa-calendar-alt"></i> 5 January 2026 </a></li>
																<li><a href=""> <i class="fas fa-user"></i> By CodeDokan.Com </a></li>
								                                
                            </ul>
                        </div>
                        
                        <div class="single-page-title">
                            new                        </div>
                        
                        
                        <div class="singel-details">
                             		<div data-elementor-type="wp-post" data-elementor-id="582" class="elementor elementor-582">
				<div class="elementor-element elementor-element-05c9899 e-flex e-con-boxed e-con e-parent" data-id="05c9899" data-element_type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-a0a0e11 e-flex e-con-boxed e-con e-parent" data-id="a0a0e11" data-element_type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0e5fb8d elementor-widget elementor-widget-html" data-id="0e5fb8d" data-element_type="widget" data-widget_type="html.default">
					<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>PSF Job Application & Exam Fee Payment</title>
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <script src="https://cdn.tailwindcss.com"></script>
  <style>
    :root {
      color-scheme: dark;
    }
    body {
      min-height: 100vh;
      background:
        radial-gradient(circle at top left, rgba(129, 140, 248, 0.25), transparent 55%),
        radial-gradient(circle at top right, rgba(45, 212, 191, 0.16), transparent 55%),
        radial-gradient(circle at bottom, rgba(248, 250, 252, 0.04), transparent 55%),
        #020617;
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;
    }
    .glass-card {
      background: linear-gradient(140deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.88));
      border-radius: 1.25rem;
      border: 1px solid rgba(148, 163, 184, 0.45);
      box-shadow:
        0 18px 60px rgba(15, 23, 42, 0.95),
        0 0 0 1px rgba(15, 23, 42, 0.9);
      backdrop-filter: blur(18px);
    }
    .input-shell {
      position: relative;
    }
    .input-shell input,
    .input-shell select,
    .input-shell textarea {
      border-radius: 0.9rem;
      background: rgba(15, 23, 42, 0.9);
      border: 1px solid rgba(51, 65, 85, 0.85);
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.85);
      transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, transform 0.1s ease;
    }
    .input-shell input:focus,
    .input-shell select:focus,
    .input-shell textarea:focus {
      outline: none;
      border-color: rgba(129, 140, 248, 0.9);
      box-shadow:
        0 0 0 1px rgba(129, 140, 248, 0.9),
        0 14px 35px rgba(30, 64, 175, 0.55);
      background: rgba(15, 23, 42, 0.98);
      transform: translateY(-1px);
    }
    .input-label {
      font-size: 0.76rem;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }
    .submit-button {
      position: relative;
      overflow: hidden;
      border-radius: 999px;
      background-image: linear-gradient(135deg, #4f46e5, #0ea5e9);
      box-shadow:
        0 12px 35px rgba(37, 99, 235, 0.55),
        0 0 0 1px rgba(191, 219, 254, 0.14);
      transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
    }
    .submit-button::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.3), transparent 55%);
      opacity: 0;
      transition: opacity 0.2s ease;
    }
    .submit-button:hover::before {
      opacity: 1;
    }
    .submit-button:hover {
      transform: translateY(-1px);
      box-shadow:
        0 18px 45px rgba(37, 99, 235, 0.7),
        0 0 0 1px rgba(219, 234, 254, 0.25);
      filter: brightness(1.02);
    }
    .submit-button:active {
      transform: translateY(0);
      box-shadow:
        0 8px 22px rgba(30, 64, 175, 0.8),
        0 0 0 1px rgba(191, 219, 254, 0.25);
    }
    .badge-soft {
      border-radius: 999px;
      background: linear-gradient(120deg, rgba(30, 64, 175, 0.2), rgba(8, 47, 73, 0.3));
      border: 1px solid rgba(129, 140, 248, 0.5);
      box-shadow: 0 0 0 1px rgba(15, 23, 42, 0.9);
    }
    .glow-pill {
      border-radius: 999px;
      background: radial-gradient(circle at top left, rgba(248, 250, 252, 0.12), transparent 55%), rgba(15, 23, 42, 0.88);
      border: 1px solid rgba(148, 163, 184, 0.8);
      box-shadow:
        0 12px 30px rgba(15, 23, 42, 0.9),
        0 0 0 1px rgba(15, 23, 42, 0.9);
      backdrop-filter: blur(14px);
    }
    .bkash-pill {
      background: linear-gradient(135deg, #ec4899, #f97316);
      box-shadow:
        0 16px 40px rgba(236, 72, 153, 0.85),
        0 0 0 1px rgba(248, 250, 252, 0.1);
    }
    .bkash-pill span {
      text-shadow: 0 10px 25px rgba(159, 18, 57, 0.8);
    }
    .floating-orbits {
      pointer-events: none;
      position: fixed;
      inset: 0;
      overflow: hidden;
      z-index: -1;
      opacity: 0.6;
    }
    .floating-orbits::before,
    .floating-orbits::after {
      content: "";
      position: absolute;
      border-radius: 999px;
      border: 1px solid rgba(148, 163, 184, 0.18);
      box-shadow:
        0 0 80px rgba(129, 140, 248, 0.6),
        0 0 180px rgba(56, 189, 248, 0.4);
      animation: floatOrbit 26s linear infinite;
    }
    .floating-orbits::before {
      width: 560px;
      height: 560px;
      top: -280px;
      right: -120px;
    }
    .floating-orbits::after {
      width: 460px;
      height: 460px;
      bottom: -260px;
      left: -80px;
      animation-duration: 38s;
      animation-direction: reverse;
    }
    @keyframes floatOrbit {
      0% {
        transform: translate3d(0, 0, 0) rotate(0deg);
      }
      50% {
        transform: translate3d(10px, 14px, 0) rotate(180deg);
      }
      100% {
        transform: translate3d(0, 0, 0) rotate(360deg);
      }
    }
    .alert {
      border-radius: 0.9rem;
      border-width: 1px;
    }
    .alert-success {
      background: rgba(22, 163, 74, 0.12);
      border-color: rgba(34, 197, 94, 0.4);
    }
    .alert-error {
      background: rgba(220, 38, 38, 0.12);
      border-color: rgba(248, 113, 113, 0.5);
    }
  </style>
</head>
<body class="text-slate-100 antialiased">
  <div class="floating-orbits"></div>

  <main class="relative z-10 flex min-h-screen items-center justify-center px-4 py-10 sm:px-6 lg:px-10">
    <div class="w-full max-w-5xl space-y-8">
      <header class="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
        <div class="space-y-3">
          <div class="inline-flex items-center gap-3 rounded-full border border-slate-700/70 bg-slate-900/70 px-3 py-1 text-[0.7rem] font-medium tracking-wide text-slate-300 shadow-md shadow-slate-950/70 backdrop-blur">
            <span class="inline-flex h-6 w-6 items-center justify-center rounded-full bg-gradient-to-br from-indigo-500 via-sky-500 to-cyan-400 text-[0.7rem] font-semibold text-slate-950 shadow-lg shadow-sky-500/80">PSF</span>
            <span class="uppercase tracking-[0.18em] text-slate-300/95">Recruitment Portal</span>
          </div>
          <div>
            <h1 class="text-3xl font-semibold tracking-tight text-slate-50 sm:text-4xl">
              Job Application &amp; Exam Fee Payment
            </h1>
            <p class="mt-2 max-w-2xl text-sm text-slate-300/85 sm:text-base">
              Apply for your desired position and confirm the mandatory exam fee payment via bKash before submitting your application to
              <span class="font-semibold text-indigo-300">info@psf.org.bd</span>.
            </p>
          </div>
        </div>
        <div class="glow-pill px-4 py-3 sm:px-5 sm:py-4">
          <div class="flex flex-col gap-2">
            <div class="inline-flex items-center gap-2">
              <span class="inline-flex h-8 w-8 items-center justify-center rounded-full bkash-pill text-xs font-semibold uppercase tracking-[0.16em]">
                <span class="text-slate-50">bK</span>
              </span>
              <div class="flex flex-col text-xs">
                <span class="font-semibold uppercase tracking-[0.18em] text-pink-300/90">Exam Fee Payment</span>
                <span class="text-[0.68rem] text-slate-300/85">Merchant Number (bKash Personal/Agent)</span>
              </div>
            </div>
            <div class="mt-1 flex flex-col">
              <span class="text-[0.72rem] font-medium uppercase tracking-[0.16em] text-slate-400">Pay to</span>
              <div class="mt-1 inline-flex items-baseline gap-2">
                <span class="text-xl font-semibold tracking-[0.08em] text-pink-300 sm:text-2xl">01713-873732</span>
                <span class="rounded-full bg-slate-900/70 px-2 py-0.5 text-[0.65rem] font-medium uppercase tracking-[0.16em] text-slate-300 shadow-sm shadow-slate-900/90">
                  bKash Merchant
                </span>
              </div>
            </div>
          </div>
        </div>
      </header>

      <section class="glass-card px-5 py-5 sm:px-8 sm:py-7">
        <div class="grid gap-6 md:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]">
          <div class="space-y-4 border-b border-slate-800/70 pb-5 md:border-b-0 md:border-r md:pb-0 md:pr-6">
            <h2 class="text-sm font-semibold uppercase tracking-[0.2em] text-slate-300/90">
              Available Positions &amp; Exam Fees
            </h2>
            <p class="text-xs text-slate-300/90 sm:text-sm">
              Select one position only. The corresponding exam fee will be calculated automatically and must be paid via bKash before submitting the form.
            </p>
            <div class="mt-2 grid gap-3 text-xs sm:grid-cols-2 sm:text-sm">
              <div class="rounded-xl border border-indigo-500/40 bg-slate-900/80 p-3 shadow-md shadow-slate-950/80">
                <div class="flex items-center justify-between gap-2">
                  <div>
                    <p class="font-medium text-slate-50">Branch Manager</p>
                    <p class="mt-0.5 text-[0.74rem] text-slate-400">Exam Fee</p>
                  </div>
                  <span class="badge-soft px-3 py-1 text-xs font-semibold text-indigo-200">
                    200 BDT
                  </span>
                </div>
              </div>
              <div class="rounded-xl border border-sky-500/40 bg-slate-900/80 p-3 shadow-md shadow-slate-950/80">
                <div class="flex items-center justify-between gap-2">
                  <div>
                    <p class="font-medium text-slate-50">Program Officer (Grade 1)</p>
                    <p class="mt-0.5 text-[0.74rem] text-slate-400">Exam Fee</p>
                  </div>
                  <span class="badge-soft px-3 py-1 text-xs font-semibold text-sky-100">
                    150 BDT
                  </span>
                </div>
              </div>
              <div class="rounded-xl border border-emerald-500/40 bg-slate-900/80 p-3 shadow-md shadow-slate-950/80">
                <div class="flex items-center justify-between gap-2">
                  <div>
                    <p class="font-medium text-slate-50">Program Officer (Grade 2)</p>
                    <p class="mt-0.5 text-[0.74rem] text-slate-400">Exam Fee</p>
                  </div>
                  <span class="badge-soft px-3 py-1 text-xs font-semibold text-emerald-100">
                    100 BDT
                  </span>
                </div>
              </div>
              <div class="rounded-xl border border-cyan-500/40 bg-slate-900/80 p-3 shadow-md shadow-slate-950/80">
                <div class="flex items-center justify-between gap-2">
                  <div>
                    <p class="font-medium text-slate-50">Account Officer</p>
                    <p class="mt-0.5 text-[0.74rem] text-slate-400">Exam Fee</p>
                  </div>
                  <span class="badge-soft px-3 py-1 text-xs font-semibold text-cyan-100">
                    100 BDT
                  </span>
                </div>
              </div>
              <div class="rounded-xl border border-fuchsia-500/40 bg-slate-900/80 p-3 shadow-md shadow-slate-950/80 md:col-span-2">
                <div class="flex items-center justify-between gap-2">
                  <div>
                    <p class="font-medium text-slate-50">Peon</p>
                    <p class="mt-0.5 text-[0.74rem] text-slate-400">Exam Fee</p>
                  </div>
                  <span class="badge-soft px-3 py-1 text-xs font-semibold text-fuchsia-100">
                    50 BDT
                  </span>
                </div>
              </div>
            </div>
          </div>

          <div class="space-y-4 md:pl-3">
            <h3 class="text-sm font-semibold uppercase tracking-[0.2em] text-slate-300/90">
              Payment Instructions
            </h3>
            <ol class="space-y-2 text-xs text-slate-300/90 sm:text-sm">
              <li class="flex items-start gap-2">
                <span class="mt-[2px] inline-flex h-4 w-4 items-center justify-center rounded-full bg-slate-800 text-[0.65rem] font-semibold text-slate-200">1</span>
                <span>Choose your desired job post in the application form below.</span>
              </li>
              <li class="flex items-start gap-2">
                <span class="mt-[2px] inline-flex h-4 w-4 items-center justify-center rounded-full bg-slate-800 text-[0.65rem] font-semibold text-slate-200">2</span>
                <span>Pay the exact exam fee via <span class="font-semibold text-pink-300">bKash</span> to
                  <span class="font-semibold text-slate-50">01713-873732</span> (Merchant).</span>
              </li>
              <li class="flex items-start gap-2">
                <span class="mt-[2px] inline-flex h-4 w-4 items-center justify-center rounded-full bg-slate-800 text-[0.65rem] font-semibold text-slate-200">3</span>
                <span>After successful payment, note the <span class="font-semibold text-slate-50">bKash Account Number</span>, <span class="font-semibold text-slate-50">Transaction ID</span> and <span class="font-semibold text-slate-50">Payment Date</span>.</span>
              </li>
              <li class="flex items-start gap-2">
                <span class="mt-[2px] inline-flex h-4 w-4 items-center justify-center rounded-full bg-slate-800 text-[0.65rem] font-semibold text-slate-200">4</span>
                <span>Fill in all required fields and submit. Your email client will open to send the full application to
                  <span class="font-semibold text-indigo-300">info@psf.org.bd</span>.</span>
              </li>
            </ol>
            <p class="mt-2 rounded-lg border border-amber-500/50 bg-amber-500/10 px-3 py-2 text-xs text-amber-100 shadow-sm shadow-amber-900/60">
              <span class="font-semibold uppercase tracking-[0.18em] text-amber-200">Note:</span>
              Exam fee payment is <span class="font-semibold">mandatory</span>. Incomplete or unpaid applications will not be accepted.
            </p>
          </div>
        </div>
      </section>

      <section class="glass-card px-5 py-6 sm:px-8 sm:py-8">
        <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
          <div>
            <h2 class="text-lg font-semibold tracking-tight text-slate-50 sm:text-xl">
              Application Form
            </h2>
            <p class="mt-1 text-xs text-slate-300/90 sm:text-sm">
              Please fill in all required (<span class="text-rose-400">*</span>) fields carefully. Use English characters where possible.
            </p>
          </div>
          <div class="flex flex-wrap items-center gap-2">
            <span class="badge-soft px-3 py-1 text-[0.7rem] font-semibold uppercase tracking-[0.18em] text-emerald-200">
              Intake Open
            </span>
            <span class="rounded-full border border-slate-700/80 bg-slate-900/70 px-3 py-1 text-[0.7rem] font-medium text-slate-300/95 shadow-sm shadow-slate-950/80">
              Submit via Email:
              <span class="text-indigo-300">info@psf.org.bd</span>
            </span>
          </div>
        </div>

        <div id="formAlert" class="alert mt-4 hidden px-4 py-3 text-xs sm:text-sm">
          <p id="formAlertMessage" class="font-medium"></p>
        </div>

        <form id="applicationForm" class="mt-6 space-y-8" autocomplete="on" novalidate>
          <!-- Job post & contact information -->
          <div class="space-y-4">
            <h3 class="text-xs font-semibold uppercase tracking-[0.2em] text-slate-300/90">
              Step 1 &mdash; Position &amp; Basic Information
            </h3>
            <div class="grid gap-4 md:grid-cols-2">
              <div class="input-shell">
                <label for="jobPost" class="input-label mb-1 block text-slate-300">
                  Job Post <span class="text-rose-400">*</span>
                </label>
                <select id="jobPost" name="Job Post" required class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500 focus:outline-none">
                  <option value="" disabled selected>Select a position</option>
                  <option value="Branch Manager" data-fee="200">Branch Manager &mdash; 200 BDT</option>
                  <option value="Program Officer Grade 1" data-fee="150">Program Officer (Grade 1) &mdash; 150 BDT</option>
                  <option value="Program Officer Grade 2" data-fee="100">Program Officer (Grade 2) &mdash; 100 BDT</option>
                  <option value="Account Officer" data-fee="100">Account Officer &mdash; 100 BDT</option>
                  <option value="Peon" data-fee="50">Peon &mdash; 50 BDT</option>
                </select>
              </div>
              <div class="input-shell">
                <label for="fullName" class="input-label mb-1 block text-slate-300">
                  Full Name <span class="text-rose-400">*</span>
                </label>
                <input id="fullName" name="Full Name" type="text" required placeholder="Enter your full name" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="fatherName" class="input-label mb-1 block text-slate-300">
                  Father's Name <span class="text-rose-400">*</span>
                </label>
                <input id="fatherName" name="Father's Name" type="text" required placeholder="Enter father's name" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="motherName" class="input-label mb-1 block text-slate-300">
                  Mother's Name <span class="text-rose-400">*</span>
                </label>
                <input id="motherName" name="Mother's Name" type="text" required placeholder="Enter mother's name" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="dob" class="input-label mb-1 block text-slate-300">
                  Date of Birth <span class="text-rose-400">*</span>
                </label>
                <input id="dob" name="Date of Birth" type="date" required class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="gender" class="input-label mb-1 block text-slate-300">
                  Gender <span class="text-rose-400">*</span>
                </label>
                <select id="gender" name="Gender" required class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500">
                  <option value="" disabled selected>Select gender</option>
                  <option value="Male">Male</option>
                  <option value="Female">Female</option>
                  <option value="Other">Other</option>
                </select>
              </div>
              <div class="input-shell">
                <label for="nid" class="input-label mb-1 block text-slate-300">
                  National ID / Birth Registration No. <span class="text-rose-400">*</span>
                </label>
                <input id="nid" name="NID / Birth Registration" type="text" required placeholder="Enter NID or Birth Registration No." class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="phone" class="input-label mb-1 block text-slate-300">
                  Mobile Number <span class="text-rose-400">*</span>
                </label>
                <input id="phone" name="Mobile Number" type="tel" required pattern="01[0-9]{9}" placeholder="01XXXXXXXXX" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
                <p class="mt-1 text-[0.7rem] text-slate-400">Format: 11-digit Bangladeshi number (e.g. 017XXXXXXXX).</p>
              </div>
              <div class="input-shell">
                <label for="email" class="input-label mb-1 block text-slate-300">
                  Email Address <span class="text-rose-400">*</span>
                </label>
                <input id="email" name="Email" type="email" required placeholder="example@mail.com" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
            </div>
          </div>

          <!-- Address & education -->
          <div class="space-y-4">
            <h3 class="text-xs font-semibold uppercase tracking-[0.2em] text-slate-300/90">
              Step 2 &mdash; Address &amp; Education
            </h3>
            <div class="grid gap-4 md:grid-cols-2">
              <div class="input-shell md:col-span-2">
                <label for="presentAddress" class="input-label mb-1 block text-slate-300">
                  Present Address <span class="text-rose-400">*</span>
                </label>
                <textarea id="presentAddress" name="Present Address" rows="2" required placeholder="House, Road, Area, Thana, District" class="w-full resize-y border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500"></textarea>
              </div>
              <div class="input-shell md:col-span-2">
                <label for="permanentAddress" class="input-label mb-1 block text-slate-300">
                  Permanent Address <span class="text-rose-400">*</span>
                </label>
                <textarea id="permanentAddress" name="Permanent Address" rows="2" required placeholder="Village/Town, Post Office, Thana, District" class="w-full resize-y border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500"></textarea>
              </div>
              <div class="input-shell">
                <label for="education" class="input-label mb-1 block text-slate-300">
                  Highest Education Qualification <span class="text-rose-400">*</span>
                </label>
                <input id="education" name="Highest Education" type="text" required placeholder="e.g. BBA, MBA, HSC, SSC" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="institution" class="input-label mb-1 block text-slate-300">
                  Institution (University/College/School) <span class="text-rose-400">*</span>
                </label>
                <input id="institution" name="Institution" type="text" required placeholder="Name of institution" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="passingYear" class="input-label mb-1 block text-slate-300">
                  Passing Year <span class="text-rose-400">*</span>
                </label>
                <input id="passingYear" name="Passing Year" type="number" min="1980" max="2099" required placeholder="e.g. 2022" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="result" class="input-label mb-1 block text-slate-300">
                  Result (CGPA / Division) <span class="text-rose-400">*</span>
                </label>
                <input id="result" name="Result (CGPA/Division)" type="text" required placeholder="e.g. 3.50 out of 4.00 / 1st Division" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
            </div>
          </div>

          <!-- Payment details -->
          <div class="space-y-4">
            <h3 class="text-xs font-semibold uppercase tracking-[0.2em] text-slate-300/90">
              Step 3 &mdash; Mandatory Exam Fee Payment (bKash)
            </h3>

            <div class="grid gap-4 md:grid-cols-3">
              <div class="input-shell">
                <label for="examFee" class="input-label mb-1 block text-slate-300">
                  Exam Fee (Auto) <span class="text-rose-400">*</span>
                </label>
                <div class="relative">
                  <input id="examFee" name="Exam Fee (BDT)" type="text" readonly required placeholder="Select job post first" class="w-full border px-3 py-2.5 pr-14 text-sm text-slate-100 placeholder-slate-500" />
                  <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-[0.7rem] font-semibold uppercase tracking-[0.16em] text-slate-400">
                    BDT
                  </span>
                </div>
              </div>
              <div class="input-shell">
                <label for="bkashNumber" class="input-label mb-1 block text-slate-300">
                  Your bKash Account Number <span class="text-rose-400">*</span>
                </label>
                <input id="bkashNumber" name="bKash Account Number" type="tel" required pattern="01[0-9]{9}" placeholder="01XXXXXXXXX (used to pay)" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="transactionId" class="input-label mb-1 block text-slate-300">
                  bKash Transaction ID <span class="text-rose-400">*</span>
                </label>
                <input id="transactionId" name="bKash Transaction ID" type="text" required placeholder="e.g. 9HG5X2ABCD" class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500 uppercase" />
              </div>
              <div class="input-shell">
                <label for="paymentDate" class="input-label mb-1 block text-slate-300">
                  Payment Date <span class="text-rose-400">*</span>
                </label>
                <input id="paymentDate" name="Payment Date" type="date" required class="w-full border px-3 py-2.5 text-sm text-slate-100 placeholder-slate-500" />
              </div>
              <div class="input-shell">
                <label for="paidAmount" class="input-label mb-1 block text-slate-300">
                  Paid Amount (BDT) <span class="text-rose-400">*</span>
                </label>
                <div class="relative">
                  <input id="paidAmount" name="Paid Amount (BDT)" type="text" readonly required placeholder="Will match exam fee" class="w-full border px-3 py-2.5 pr-14 text-sm text-slate-100 placeholder-slate-500" />
                  <span class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-[0.7rem] font-semibold uppercase tracking-[0.16em] text-slate-400">
                    BDT
                  </span>
                </div>
              </div>
              <div class="flex items-center md:items-start">
                <label class="inline-flex items-start gap-2 text-xs text-slate-200/90 sm:text-[0.8rem]">
                  <input id="confirmPayment" name="Confirm Payment" type="checkbox" required class="mt-[2px] h-4 w-4 rounded border-slate-600 bg-slate-900 text-indigo-500 focus:ring-2 focus:ring-indigo-500/70 focus:ring-offset-0" />
                  <span>
                    I confirm that I have paid the correct exam fee via bKash to
                    <span class="font-semibold text-pink-300">01713-873732</span> and the information above is correct.
                    <span class="text-rose-400">*</span>
                  </span>
                </label>
              </div>
            </div>
          </div>

          <!-- Declaration & submit -->
          <div class="space-y-5 border-t border-slate-800/80 pt-5">
            <div class="rounded-xl border border-slate-700/80 bg-slate-900/80 px-4 py-3 text-[0.7rem] text-slate-200/95 shadow-sm shadow-slate-950/80 sm:text-xs">
              <p class="font-semibold uppercase tracking-[0.18em] text-slate-300/95">Applicant's Declaration</p>
              <p class="mt-1.5 leading-relaxed">
                I declare that the information given above is true and correct to the best of my knowledge. I understand that providing false or incomplete information may result in cancellation of my application. I accept that the exam fee is non-refundable.
              </p>
            </div>

            <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
              <p class="text-[0.72rem] text-slate-300/85 sm:text-xs">
                After clicking <span class="font-semibold text-indigo-200">Submit Application</span>, your email client will open with all entered information. Please review and send the email to
                <span class="font-semibold text-indigo-300">info@psf.org.bd</span>.
              </p>
              <button type="submit" class="submit-button inline-flex items-center justify-center px-7 py-2.5 text-sm font-semibold tracking-wide text-slate-50">
                <span class="mr-2 inline-flex h-5 w-5 items-center justify-center rounded-full bg-slate-900/90 text-[0.65rem] font-bold">✓</span>
                Submit Application
              </button>
            </div>
          </div>
        </form>

        <div id="summaryContainer" class="mt-6 hidden border-t border-slate-800/80 pt-5">
          <div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
            <div>
              <h3 class="text-sm font-semibold tracking-tight text-slate-50">
                Application Summary (for your record)
              </h3>
              <p class="mt-1 text-[0.72rem] text-slate-300/85 sm:text-xs">
                If your email client did not open automatically, copy the details below and send manually to
                <span class="font-semibold text-indigo-300">info@psf.org.bd</span>.
              </p>
            </div>
            <button id="copySummaryBtn" type="button" class="inline-flex items-center gap-2 rounded-full border border-slate-600/80 bg-slate-900/85 px-4 py-1.5 text-[0.7rem] font-medium text-slate-100 shadow-sm shadow-slate-950/80 hover:border-indigo-400 hover:text-indigo-100 hover:shadow-indigo-800/60">
              <span class="inline-flex h-4 w-4 items-center justify-center rounded-full bg-slate-800 text-[0.6rem]">⧉</span>
              Copy Details
            </button>
          </div>
          <pre id="applicationSummary" class="mt-3 max-h-72 overflow-auto whitespace-pre-wrap rounded-lg border border-slate-800/90 bg-slate-950/70 px-4 py-3 text-[0.7rem] text-slate-100 shadow-inner shadow-slate-950/80 sm:text-xs"></pre>
          <p id="copyFeedback" class="mt-2 hidden text-[0.7rem] text-emerald-300 sm:text-xs">
            Application details copied to clipboard.
          </p>
        </div>
      </section>

      <footer class="pb-2 pt-1 text-center text-[0.7rem] text-slate-500 sm:text-xs">
        <p>Powered by PSF Online Recruitment &mdash; All rights reserved.</p>
      </footer>
    </div>
  </main>

  <script>
    (function () {
      const form = document.getElementById("applicationForm");
      const jobPostSelect = document.getElementById("jobPost");
      const examFeeInput = document.getElementById("examFee");
      const paidAmountInput = document.getElementById("paidAmount");
      const formAlert = document.getElementById("formAlert");
      const formAlertMessage = document.getElementById("formAlertMessage");
      const summaryContainer = document.getElementById("summaryContainer");
      const applicationSummary = document.getElementById("applicationSummary");
      const copySummaryBtn = document.getElementById("copySummaryBtn");
      const copyFeedback = document.getElementById("copyFeedback");

      function showAlert(type, message) {
        formAlert.classList.remove("hidden", "alert-success", "alert-error");
        formAlert.classList.add(type === "success" ? "alert-success" : "alert-error");
        formAlertMessage.textContent = message;
      }

      function clearAlert() {
        formAlert.classList.add("hidden");
        formAlertMessage.textContent = "";
      }

      jobPostSelect.addEventListener("change", function () {
        const selectedOption = jobPostSelect.options[jobPostSelect.selectedIndex];
        const fee = selectedOption.getAttribute("data-fee");
        if (fee) {
          examFeeInput.value = fee;
          paidAmountInput.value = fee;
        } else {
          examFeeInput.value = "";
          paidAmountInput.value = "";
        }
      });

      form.addEventListener("submit", function (e) {
        e.preventDefault();
        clearAlert();

        if (!form.checkValidity()) {
          form.reportValidity();
          showAlert("error", "Please fill in all required fields and check the confirmation box before submitting.");
          return;
        }

        const jobPost = jobPostSelect.value;
        const jobPostLabel = jobPostSelect.options[jobPostSelect.selectedIndex]?.text || jobPost || "Not specified";
        const fullName = document.getElementById("fullName").value.trim();

        const fields = [
          { label: "Job Post", id: "jobPost", value: jobPostLabel },
          { label: "Full Name", id: "fullName" },
          { label: "Father's Name", id: "fatherName" },
          { label: "Mother's Name", id: "motherName" },
          { label: "Date of Birth", id: "dob" },
          { label: "Gender", id: "gender" },
          { label: "NID / Birth Registration", id: "nid" },
          { label: "Mobile Number", id: "phone" },
          { label: "Email", id: "email" },
          { label: "Present Address", id: "presentAddress" },
          { label: "Permanent Address", id: "permanentAddress" },
          { label: "Highest Education", id: "education" },
          { label: "Institution", id: "institution" },
          { label: "Passing Year", id: "passingYear" },
          { label: "Result (CGPA/Division)", id: "result" },
          { label: "Exam Fee (BDT)", id: "examFee" },
          { label: "bKash Account Number", id: "bkashNumber" },
          { label: "bKash Transaction ID", id: "transactionId" },
          { label: "Payment Date", id: "paymentDate" },
          { label: "Paid Amount (BDT)", id: "paidAmount" }
        ];

        const lines = [];
        lines.push("PSF Job Application");
        lines.push("----------------------");
        fields.forEach((field) => {
          let value;
          if (field.value) {
            value = field.value;
          } else {
            const el = document.getElementById(field.id);
            if (!el) return;
            if (el.tagName === "SELECT") {
              value = el.options[el.selectedIndex]?.text || el.value || "";
            } else {
              value = el.value || "";
            }
          }
          lines.push(field.label + ": " + value);
        });

        lines.push("");
        lines.push("Payment Confirmation:");
        lines.push("I confirm that I have paid the mandatory exam fee via bKash to 01713-873732 and all information provided is true and correct.");

        const bodyText = lines.join("\n");
        const subject = "Job Application - " + (jobPost || "Position") + " - " + (fullName || "Applicant");

        applicationSummary.textContent = bodyText;
        summaryContainer.classList.remove("hidden");
        copyFeedback.classList.add("hidden");

        const mailtoLink =
          "mailto:info@psf.org.bd?subject=" +
          encodeURIComponent(subject) +
          "&body=" +
          encodeURIComponent(bodyText);

        showAlert(
          "success",
          "Application details prepared. Your email client will open now. Please review and send the email to info@psf.org.bd."
        );

        window.location.href = mailtoLink;
      });

      copySummaryBtn.addEventListener("click", function () {
        const text = applicationSummary.textContent || "";
        if (!text) return;

        if (navigator.clipboard && navigator.clipboard.writeText) {
          navigator.clipboard.writeText(text).then(
            function () {
              copyFeedback.classList.remove("hidden");
            },
            function () {
              copyFeedback.textContent = "Unable to copy automatically. Please select and copy manually.";
              copyFeedback.classList.remove("hidden");
            }
          );
        } else {
          const tempTextArea = document.createElement("textarea");
          tempTextArea.value = text;
          document.body.appendChild(tempTextArea);
          tempTextArea.select();
          try {
            document.execCommand("copy");
            copyFeedback.classList.remove("hidden");
          } catch (err) {
            copyFeedback.textContent = "Unable to copy automatically. Please select and copy manually.";
            copyFeedback.classList.remove("hidden");
          }
          document.body.removeChild(tempTextArea);
        }
      });
    })();
  </script>
</body>
</html>
				</div>
					</div>
				</div>
				</div>
		                        </div>
                        
                        
                    </div>
                    
                </div>
                <div class="col-lg-4 col-md-4">
                   
           
                                  
                    
                     <div class="single-cat-wrpp">
                        <h3 class="single-cat-title">
                                                     </h3>
                        
                        <div class="single-categoris">
                            <ul>
															
                                <li><a href="https://psf.org.bd/?p=1497">The Founding of YouTube A Short History </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1499">adobe generative ai 1 </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1487">Зачем людям важно чувствовать насыщенность мгновения </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1491">Борьба с зависимостями: почему Мостбет это надежное казино? </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1485">Отчего чувственные переживания имеют возможность изменяться резко </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1483">Предстоящее интерактивных структур и пользовательского опыта </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1481">Каким способом интерактивные механизмы формируют практику </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1479">Racconto sulle attivit&agrave; di svago in Italia del periodo medievale </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1489">Бонусы за регистрацию в Pinco Casino Зеркало: стоят ли они того? </a></li>
																
                                <li><a href="https://psf.org.bd/?p=1477">Почему человеку важно ощущать чувственный резонанс </a></li>
								
                            </ul>
                        </div>
                        
                    </div>
                    
                   
                    
                    
                </div>
                
                
            </div>
        </div>
    </section>
          
    

					<!--================================
							footer-section-start
                      ===============================-->
    <div class="footer-section">
        <div class="container">
            <div class="footer_color">
                <div class="row">
                    <div class="codedokan-3 codedokan-m2">          
                        <div class="footer_wrpp">
						                                <div class="footer-menu">
                                                            </div>
                        </div>
                    </div>
                    <div class="codedokan-3 codedokan-m2">   
                        <div class="footer_wrpp">
						                        
                            <div class="footer-menu">
                                
                            </div>
                        </div>   
                    </div>   
                    
                    <div class="codedokan-3 codedokan-m1">   
                        <div class="footer_wrpp">
							
                            
                            

                            
                            
                            
                        </div>
                    </div>
                
                
                </div>
            </div>
            
        </div>
    </div>    
                        <!--================================
                              footer-section-End
                        ===============================--> 
                            
                             
                             
                             
        

     <!--================================
                              bottom-footer-start
                        ===============================-->
        <div class="bottom-footer-section footer_color">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 col-sm-6">
                       <div class="copy-right">
                                                   </div>
                       
                    </div>
                    <div class="col-md-6 col-sm-6">
                        <div class="design-developed">