@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.maateen.me/solaiman-lipi/font.css');

@font-face {
	font-family: 'MyCustomFont';
	src: url('../fonts/Alvi\ Nastaleeq\ Regular.ttf') format('truetype');
	font-weight: normal; /* Optional: Specify font weight */
	font-style: normal;  /* Optional: Specify font style */
  }
  

:root{
	--primay:#2067F1;
	--secondary:#FFA031;
	--bg-color:#F7F8FC;
	--gray1:#A7ABCB;
	--gray2:#7F87A5;
	--gray3:#4A4F6A;
	--OffWhite1:#E5E9F3;
	--OffWhite2:#D9E1F6;
	--OffWhite5:#F3F6FC;
	--white-color:#fff;
	--dark:#24283D;
}

html{transition: all 0.3s ease;}
body{font-family: "MyCustomFont"!important;font-size:20px;background:#fff;color:#222;font-weight:normal;overflow-x:hidden;padding:0;margin:0;}
h1, h2, h3, h4, h5, h6{font-family: "MyCustomFont"!important;margin-bottom:0;font-size:16px;line-height:20px}
a{color:#222;text-decoration:none;}
a:hover{text-decoration:none;color:inherit}
p{margin-bottom:0;font-size:16px;line-height:22px}
ul{margin:0;padding:0;}
.container{max-width:1240px;padding-right:10px;padding-left:10px}
.container-fluid{padding:0}


/*common*/
.sticky{position:fixed;background:var(--white-color);top:0 !important;z-index:1000;margin-top:0;left:0;right:0;box-shadow:0px 1px 8px 0 #0000003d;}
.navbar-toggler:focus{box-shadow:none;}
.see-more-btn a {background: var(--primay); color: var(--white-color); border-radius: 30px; margin-top: 40px; padding: 7px 20px; font-size: 16px; }
.see-more-btn a:hover{background: var(--secondary);color: var(--white-color);}

/*back-to-top*/
#button { display: inline-block; background-color: var(--primay); width: 50px; height: 50px; text-align: center; border-radius: 10px 0 0 10px; position: fixed; bottom: 30px; right: 0; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#button::after{font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color:#fff;}
#button:hover{cursor:pointer;background-color:var(--secondary);}
#button:active{background-color:#555;}
#button.show{opacity:1;visibility:visible;}
#button i{font-size:18px;line-height:50px;color:#fff;}
.btn-check:focus+.btn, .btn:focus{box-shadow:none;}

/* drop */
.drop { position: fixed; right: 0; bottom: 112px; background: #9D53B6; width: 50px; height: 50px; text-align: center; border-radius: 10px 0 0 10px; display: flex; justify-content: center; align-items: center; z-index:300; cursor: pointer; }
.drop img { width: 16px; }
.drop-content { position: fixed; right: -1000px; bottom:100px; z-index:3000; transition: all 0.5s ease; }
.drop-open{ right:70px; }
.drop-content-wrap { position: relative; }
.drop-content-wrap img{ border-radius:30px; }
.close-btn { position: absolute; top:10px; right:20px; color: #fff; cursor: pointer; }

/* header-area */
.main-menu .navbar-light .navbar-nav .nav-link { color: var(--gray2); font-size: 15px; font-weight: 500; padding: 21px 15px; position: relative; }
.main-menu .navbar-light .navbar-nav .nav-link::after{ position: absolute; content:""; left:0; bottom:10px; width:0; height:2px; background: var(--gray1); visibility: hidden; transition: all 0.3s ease; }
.main-menu .navbar-light .navbar-nav .nav-link.active::after{ position: absolute; content:""; left:0; bottom:10px; width:0; height:2px; background: var(--gray1); visibility: hidden; transition: all 0.3s ease; }
.main-menu .navbar-light .navbar-nav .nav-link.active::after{visibility:visible;width: 100%;background: var(--primay) !important;}
.main-menu .navbar-light .navbar-nav .nav-link:hover:after{ width:100%; visibility: visible;}
.main-menu .navbar-light .navbar-nav .nav-link:hover{ color:var(--primay); }

.language{ position: relative; margin-left: 15px; }
.select2-container { width: 97px !important; }
.select2-container--default .select2-selection--single { border-color: #fff; height: 38px; padding:0; background: #E5E9F3; border-radius: 20px; display: flex; align-items: center; }
.select2-container--default .select2-selection--single .select2-selection__arrow { top: 50%; transform: translateY(-50%); }
.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 6px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.select2-dropdown { 
	box-shadow: #E5E9F3 0px 3px 5px;
	border:1px solid #E5E9F3;
	border-radius:10px;
	width:100% !important;
	overflow: hidden;
}
.select2-results__options{
	font-size:15px !important;
	/* max-width:200px !important; */
	/* box-shadow: #E5E9F3 0px 3px 5px;
	border:1px solid #E5E9F3;
	border-radius:10px; */
	position: relative;
	/* right:0; */
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px;
	font-size: 15px;
}
.dropdown:hover ul{
	display: block;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
	position: absolute;
	left: -12px;
}

.dropdown .nav-link {
	margin-top: 17px;
	padding: 5px 15px !important;
	border: 1px solid #ccc;
	border-radius: 20px;
	margin-left: 8px;
}
.dropdown .nav-link::after {
	content: unset !important;
}
.img-flag {
    width: 26px;
    height: 26px;
    object-fit: cover;
    border-radius: 50%;
    object-position: center;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	background:#E5E9F3;
	border-radius: 20px;
}

.logo img {
    width: 80px;
}
.flogo img {
    width: 180px;
}

/* hero-area */
.hero-area {
	padding: 96px 0;
}
.hero-content-wrap h1 {
	font-size: 40px;
	line-height: 55px;
}
.hero-content-wrap p {
	font-size: 18px;
	margin-top: 12px;
	line-height:28px;
}
.hero-content-wrap .readmor-btn {
	font-size: 16px;
	color: var(--primay);
	border-bottom: 1px solid var(--primay);
	margin-top:10px;
	display: inline-block;
}
.start-btn a {
	background: var(--primay);
	color: var(--white-color);
	margin-top: 25px;
	font-size: 18px;
	border-radius:30px;
	padding: 10px 20px;
	transition: all 0.3s ease;
}
.start-btn a:hover{
	color: var(--white-color);
	background: var(--secondary);
}

.hero-area .owl-theme .owl-nav.disabled + .owl-dots{ margin-top: 56px; }
.hero-area .owl-theme .owl-dots .owl-dot span{ width: 20px; height: 4px; margin: 5px; border-radius:5px; background:var(--primay);opacity: .5; }
.hero-area .owl-theme .owl-dots .owl-dot.active span { width:32px; opacity:1;}

/* journey-map-area */
.journey-map-area {
	padding: 80px 0;
	background:var(--bg-color);
}
.journey-map-text{
	padding-right:100px;
}
.journey-map-text h2 {
	font-size: 40px;
	line-height: 58px;
	margin-bottom:16px;
}
.journey-map-text h2 > span {
	color: #26B055;
}
.journey-map-text p {
	line-height: 28px;
}
.all-event a{
	font-size: 18px;
	color: var(--white-color);
	padding:10px 20px;
	border-radius:30px;
	background:var(--secondary);
	margin-top:32px;
}
.all-event a:hover{
	color: var(--white-color);
	background: var(--primay);
}
.event-home-search {
	padding: 105px 0 64px 0;
}
.event-home-search-wrap {
	background: var(--white-color);
	padding: 24px;
	border-radius: 10px;
	box-shadow: 0px 4px 5px 3px var(--OffWhite1);
}
.evtHoSearch-input {
	position: relative;
}
.evtHoSearch-input.form-control {
	padding: 0;
	border: 0;
}
.evtHoSearch-input .input-group {
	padding: 4px;
	background: var(--white-color);
	border-radius:10px;
	border: 1px solid var(--OffWhite1);
}
.evtHoSearch-input input {
	border: 0;
	font-size: 16px;
	padding: 6px 6px 6px 35px;
}
.evtHoSearch-input .input-group-text {
	background: var(--primay);
	color: var(--white-color);
	border-radius: 8px !important;
	border: 0px;
	font-size: 16px;
	cursor: pointer;
	padding:8px 16px;
	margin-left:0 !important;
}
.evtHoSearch-input .HEvent-search-icon {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	z-index:3;
}
.evtHoSearch-input .HEvent-search-icon i {
	font-size: 16px;
	color: var(--gray3);
}
.search-info-wrap {
	display: flex;
	font-size: 16px;
	margin-top: 10px;
}
.search-info {
	color: var(--gray3);
	border-right: 1px solid var(--OffWhite1);
	padding: 0 24px;
}
.search-info:first-child{
	padding-left:0;
}
.search-info:last-child{
	border-right:0;
}
.search-info img {
	margin-right: 5px;
}
.search-info span{
	color: var(--dark);
	margin-left:5px;
}
.evtHoSearch-input .form-control:focus {
	border:none;
	box-shadow:none;
}



/* Individual suggestion item */
#searchResult div {
	padding: 10px;
	cursor: pointer;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	background-color: #e2e3e7;
}

/* Hover effect for suggestion items */
#searchResult div:hover {
	background-color: #f1f1f1;
}

/* Style for the clickable links inside search results */
#searchResult div a {
	color: #333;
	text-decoration: none;
	display: block;
}

/* Hover effect for links */
#searchResult div a:hover {
	color: #007bff;
}

.event-home-map .nav-tabs {
	border-bottom:none;
}
.event-home-map .nav-tabs .nav-link {
	font-size: 14px;
	margin-bottom: 0;
	border-radius: 0;
	padding: 5px !important;
	background: var(--bg-color);
	position: relative;
}

.event-home-map .nav-tabs .nav-link:nth-child(1) span {
	background: #E69138;
	color: var(--dark);
	padding: 7px 20px;
	display: inline-block;
	border-radius:10px;
}
.event-home-map .nav-tabs .nav-link:nth-child(2) span{
	background:#FFD966;
	color: var(--dark);
	padding: 7px 20px;
	display: inline-block;
	border-radius:10px;
}
.event-home-map .nav-tabs .nav-link:nth-child(3) span{
	background:#6D9EEB;
	color: var(--dark);
	padding: 7px 20px;
	display: inline-block;
	border-radius:10px;
}
.event-home-map .nav-tabs .nav-link:nth-child(4) span{
	background:#EA9999;
	color: var(--dark);
	padding: 7px 20px;
	display: inline-block;
	border-radius:10px;
}
.event-home-map .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color:var(--gray1);
	border-top-color: transparent;
	position: relative;
	border-radius: 0 0 10px 10px;
}
.event-home-map .nav-tabs .nav-link.active::before {
	position: absolute;
	content: "";
	left: 0;
	top: -2px;
	width: 100%;
	height: 3px;
	background: var(--bg-color);
}
/* .event-home-map .nav-tabs .nav-link span{
	position: relative;
}
.event-home-map .nav-tabs .nav-link.active span::after{
	position: absolute;
	content:"";
	left:0;
	top:0;
	width:10px;
	height:100%;
	border-top:1px solid var(--gray1);
	border-left:1px solid var(--gray1);
} */

.small-map-body {
	border:1px solid var(--gray1);
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
	padding:30px;
	border-radius:10px;
}
#nav-map1 .small-map-body{
	border-radius:10px 10px 10px 0;
}
#nav-map4 .small-map-body{
	border-radius:10px 10px 0 10px;
}
.small-map-location-list{
	padding-right:34px;
	position: relative;
}
.small-map-location-list::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 4px;
	background-image: url(../../media/imgAll/bg/Arrow2.png);
	width: 27px;
	z-index: 5;
	transform: translateY(-50%);
	height: 7px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.small-map-location-list:last-child:after {
	content: unset;
}
.small-map-location-list:last-child{
   padding-right:0;
}
.small-map-location-list span {
	background:#FFD966;
	padding: 8px;
	font-size: 12px;
	border-radius:10px;
}
.learning-story {
	padding-top: 64px;
	margin-top: 64px;
	border-top: 1px solid var(--gray1);
}
.subsec-heading {
	text-align: center;
	padding: 0 300px;
	margin-bottom: 40px;
}
.subsec-heading h3 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 12px;
	line-height: 1;
}
.subsec-heading p {
	font-size: 16px;
	line-height:28px;
}
.learning-story-img {
	position: relative;
}
.learning-story-img img{
	border-radius:8px;
	width: 100%;
}
.learning-story-img h4 {
	position: absolute;
	top: 20px;
	left:20px;
	width:70%;
	line-height:26px;
	font-family: 'MyCustomFont'!important, sans-serif;
}
.learning-story-img {
	position: relative;
	border: 8px solid var(--white-color);
	border-radius: 12px;
}
.video-icon{
	position: absolute;
	top: 20px;
	right: 20px;
}
.video-icon i {
	font-size:18px;
	width: 42px;
	height: 42px;
	background: var(--primay);
	border-radius: 50%;
	line-height: 42px;
	text-align: center;
	color: var(--white-color);
	transition: all 0.5s ease;
}
.learning-story-video:hover .video-icon i{
	background: var(--secondary);
}


.video-modal .modal-content {
	background:none;
	border:0;
}
.video-modal .modal-header {
	position: absolute;
	top:1px;
	right:1px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	display: unset;
	z-index: 1;
}
.video-modal .modal-header .btn-close{
	padding:0;
	margin:0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background:none;
	position: relative;
}
.video-modal .btn-close::before{
	content: "\f00d";
	font-family: 'Font Awesome 5 Free';
  	font-weight: 900;
	color:#fff;
}
.video-modal .modal-dialog {
	max-width: 1020px;
	min-height:580px;
	border-radius: 20px;
	overflow: hidden;
}
.video-modal .modal-body {
	padding:0;
}
.btn-close:focus { box-shadow:none; }

/* poem-area */
.poem-area {
	padding:80px 0;
	position: relative;
	overflow: hidden;
}
.circle-box {
	position: absolute;
	right: -351px;
	top: -326px;
	width: 702px;
	height: 702px;
	background: #D99024;
	border-radius: 50%;
	z-index: -1;
	opacity:6%;
}
.poem-content-wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 14px;
}
.poem-content:nth-child(5) {
	margin-top:-75px;
}
.poem-content:nth-child(7) {
	margin-top:-40px;
}
.poem-content:nth-child(8) {
	margin-top:-95px;
}
.poem-img {
	position: relative;
	z-index:-1;
}
.poem-img img{
	border-radius:8px;
}
/* .poem-img::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #24283D;
	z-index:1;
	opacity:50%;
	border-radius:8px;
} */
.poem-text{
	position: absolute;
	left:0;
	top:50%;
	width:100%;
	padding:45px;
	transform: translateY(-50%);
	z-index:2;
	text-align: center;
}
.poem-text h3, .poem-text h2, .poem-text span{
	color: var(--white-color);
}
.poem-text h3{
	font-size: 17px;
	line-height:28px;
	font-weight:600;
	margin-bottom:15px;
}
.poem-text h2 {
	font-size: 12px;
	line-height: 20px;
	font-family: 'MyCustomFont'!important, sans-serif;
}
.poem-text span{
	font-size: 12px;
	line-height: 20px;
	font-family: 'MyCustomFont'!important, sans-serif;
}
.poam-slider .priv_arrow, .poam-slider .next_arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	cursor: pointer;
}
.poam-slider .priv_arrow{
	left:-56px;
}
.poam-slider .next_arrow{
	right:-56px;
}
.poam-slider .priv_arrow i, .poam-slider .next_arrow i {
	color: var(--gray3);
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	box-shadow: 0px 0px 8px 1px #E5E9F3;
}
.poam-slider .priv_arrow:hover i, .poam-slider .next_arrow:hover i {
	color: var(--primay);
}

.poem-modal .modal-content {
	border-radius:20px;
}
.poem-modal .modal-dialog {
	max-width: max-content;
}
.modal-header {
	padding: 0;
	border: 0;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index:1;
}
.poem-modal .btn-close {
	background: none;
	width: auto;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	border: 1px solid var(--OffWhite2);
	border-radius: 20px;
	padding: 8px 16px;
}
.poem-modal-d-img {
	position: relative;
}
.poem-modal-d-img img {
	border-radius: 8px;
}
.poem-dtext {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	padding:28px;
	text-align: center;
}
.poem-dtext h2, .poem-dtext h3, .poem-dtext span{
	font-size: 16px;
	color: var(--white-color);
	line-height:26px;
}
.poem-dtext h2{
	font-family: 'MyCustomFont'!important, sans-serif;
}
.poem-dtext h3{
	margin-bottom:10px;
	font-size: 18px;
	line-height:26px;
}
.poem-details-text {
	margin-bottom: 30px;
 }
.poem-dtext span{
	font-family: 'MyCustomFont'!important, sans-serif;
}
.poem-details-text h3 {
	font-size: 16px;
	margin-bottom:15px;
	font-family: 'MyCustomFont'!important, sans-serif;
 }
 .poem-details-text h3>span {
	margin-right:5px;
 }
 .poem-details-button{
	display: flex;
	align-items: center;
	gap:10px;
 }
 .poem-details-button .d-view-button{
	font-size: 16px;
	color: var(--gray3);
	border: 1px solid var(--OffWhite2);
	padding:6px 15px;
	border-radius: 20px;
 }
 .poem-details-button .d-view-button:hover{
	color: var(--primay);
 }
 .poem-details-button .d-lang-button{
	font-size: 16px;
	color: var(--gray3);
	border: 1px solid var(--OffWhite2);
	padding:6px 15px;
	border-radius: 20px;
	background: none;
 }
 .poem-details-button .d-lang-button:hover{
	color: var(--primay);
 }
 .poem-details-button .d-lang-button i{
	margin-right:5px;
 }
 .poem-download-btn {
	background: var(--primay);
	color: var(--white-color);
	width: 38px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	border: 1px solid transparent;
}
.poem-download-btn:hover{
	border: 1px solid var(--primay);
	background: var(--white-color);
	color: var(--primay);
}
.d-lang-button-wrap .dropdown-toggle::after {
	border:0;
	margin:0;
  	vertical-align:0;
	display: unset;
}

/* companions-area */
.listCompanions-area{
	padding:80px 0;
}
.companions-list-wrap {
	background: #FFF1CD;
	padding: 32px 28px 0 32px;
	border-radius:16px;
	margin-bottom: 24px;
}
.listCompanions-area .col-lg-4:nth-child(2) .companions-list-wrap{
	background: #DFECFF;
}
.listCompanions-area .col-lg-4:nth-child(3) .companions-list-wrap{
	background: #FFE7D1;
}
.listCompanions-area .col-lg-4:nth-child(4) .companions-list-wrap{
	background: #E8E9FF;
}
.listCompanions-area .col-lg-4:nth-child(5) .companions-list-wrap{
	background: #E1FFDE;
}
.companions-text h3 {
	font-size: 18px;
	margin-bottom: 10px;
}


/* footer-area */
.footer-top {
	background-image: url(../../media/imgAll/bg/footer-bg.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 85px 0 160px 0;
}
.flogo p {
	font-size: 14px;
	line-height: 28px;
	margin-top:18px;
	padding-right: 185px;
}
.footer-info ul{
	column-count: 2;
}
.footer-info ul li {
	list-style: none;
	margin-bottom: 10px;
}
.footer-info ul li a{
	font-size: 15px;
}
.footer-info ul li a:hover{
	color: var(--primay);
}
.footer-buttom {
	padding: 22px 0;
	background:var(--dark);
}
.copyRight p {
	font-size: 14px;
	color: var(--white-color);
}
.copyRight p>a{
	color: var(--white-color);
}
.footer-social-icon {
	display: flex;
	gap: 10px;
}
.footer-social-icon p{
	color: var(--white-color);
	font-size: 14px;
}
.footer-social-icon a{
	color: var(--white-color);
	font-size: 14px;
}
.footer-social-icon a>i{
	width:24px;
	height:24px;
	background: var(--gray2);
	color:var(--dark) ;
	text-align: center;
	line-height: 24px;
	border-radius:50%;
}
.footer-social-icon a:hover i{
	color: var(--primay);
	background: var(--white-color);
}


/* event-details-page */
.single-page-hero {
	padding: 90px 0;
}
.sinl-page-hero-text p {
	font-size: 18px;
	font-weight:600;
	color: var(--gray2);
	margin-bottom: 20px;
}
.sinl-page-hero-text h1 {
	font-size: 48px;
	line-height: 68px;
	font-weight: 600;
	margin-bottom:28px;
}
.sinl-page-hero-text span {
	font-size: 16px;
	background: var(--OffWhite2);
	padding: 7px 10px;
	border-radius: 8px;
	font-weight:600;
	color: var(--primay);
}
.sinl-page-hero-text span>img{
	margin-right:5px;
}





/* map-location-area */
.map-location-area {
	padding: 56px 0;
}
.map-location-text .map-info {
	display: flex;
	margin-bottom: 24px;
	align-items: baseline;
}
.map-location-text .map-info:last-child{
	margin-bottom:0;
}
.map-location-text .map-info .location {
	min-width:188px;
}
.map-location-text .map-info .location span {
	font-size: 20px;
	background: var(--secondary);
	padding: 2px 8px;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
}
.map-location-text .map-info p{
	color: var(--gray3);
	font-size: 20px;
	line-height:30px;
}

/* event-detials-video */
.event-detials-video {
	background: var(--bg-color);
	padding: 80px 0;
}
.event-details-video-wrap h4 {
	font-size: 32px;
	line-height: 48px;
	font-weight: 600;
}
.event-details-video-wrap span{
	font-size: 20px;
}
/* event-details-centent-area */
.event-details-centent-area{
	padding-top:80px;
}
.event-details-centent p {
	color: var(--gray3);
	font-size: 20px;
	line-height:35px;
	margin-bottom:48px;
}
.event-details-centent img {
	width: 100%;
	margin-bottom: 48px;
	border-radius: 12px;
}
.event-details-centent blockquote {
	background: #D5E6C8;
	padding: 24px;
	font-size: 14px;
	border-radius:12px;
}
.event-details-centent blockquote p{
	font-size: 14px;
	margin-top:10px;
	margin-bottom:0;
}

/* event-details-gallery */
.event-details-gallery{
	margin-bottom:80px;
}
.event-gallery-slider-wrap .owl-carousel .owl-wrapper-outer {
	border-radius: 12px;
}
.event-gallery-slider-wrap .owl-theme .owl-controls .owl-buttons div {
	font-size: 28px;
	color: var(--white-color);
	width: 44px;
	height: 44px;
	line-height: 44px;
	background:none;
	border:2px solid var(--white-color);
	opacity:1;
	padding:0;
}
.event-gallery-slider-wrap .owl-theme .owl-controls .owl-buttons .owl-prev{
	position: absolute;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
}
.event-gallery-slider-wrap .owl-theme .owl-controls .owl-buttons .owl-next{
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
.event-gallery-slider img{
	border-radius:12px;
}
.event-gallery-slider-wrap .owl-theme .owl-controls .owl-page.active span{
	width: 32px;
}
.event-gallery-slider-wrap .owl-theme .owl-controls.clickable .owl-page:hover span {
	opacity: 1;
}
.event-gallery-slider-wrap .owl-theme .owl-controls .owl-page span {
	width: 20px;
	height: 4px;
	margin: 5px;
	border-radius: 5px;
	background: var(--primay);
}

/* event-page */
.event-page-hero {
	padding: 140px 0 80px 0;
}
.event-page-hero-content {
	position: relative;
}
.event-page-hero-wrap {
	position: absolute;
	top: -70px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}
.event-page-hero-wrap h3 {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight:500;
	color: var(--primay);
	line-height:1;
}
.event-page-hero-wrap h1 {
	font-size:40px;
	line-height:58px;
	font-weight:500;
}



/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {


}

 
/* Extra small Device. */
@media (max-width: 767px) {
	.subsec-heading {
		padding:0;
	}
 
}
 
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}


/* TIMELINE */
.event-search-area {
	padding: 64px 0;
}
.timeline {
	margin-left: 66px;
}
.timeline ul {
	padding: 50px 0;
}
.timeline ul li {
	list-style-type: none;
	position: relative;
	width:1px;
	/* padding:10px 0; */
	background:var(--primay);
}
.timeline ul li:first-child{
	background: linear-gradient(to top, var(--primay) 50%, var(--white-color) 50%);
}
.timeline ul li:last-child{
	background: linear-gradient(to top, var(--white-color) 50%, var(--primay) 50%);
}
.timeline ul li::after {
	content: '';
	position: absolute;
	left: 50%;
	top:50%;
	transform: translateX(-50%);
	width:16px;
	height:16px;
	border-radius: 50%;
	border:1px solid var(--primay);
	background: var(--white-color);
	transition:all 0.5s ease;
}
.timeline ul li:hover::after {
	background: var(--primay);
	box-shadow: 0px 0px 8px 1px var(--primay);
}

.timeline ul li .event-list {
	position: relative;
	top:8px;
	width:707px;
	padding:15px;
	left: 30px;
	display: flex;
	align-items: center;
	gap: 18px;
	border: 1px solid var(--white-color);
	transition: all 0.3s ease;
}
.timeline ul li .event-list:hover{
	border: 1px solid var(--primay);
	border-radius:8px;
}
.timeline ul li .event-list h3 {
	min-width: 120px;
	padding: 4px 14px;
	color: var(--white-color);
	text-align: center;
	font-size: 13px;
	border-radius: 6px;
}
.timeline ul li:nth-child(2) .event-list h3 {
	background: #E2A45B;
}
.timeline ul li:nth-child(3) .event-list h3 {
	background: #289948;
}
.timeline ul li:nth-child(4) .event-list h3 {
	background: #2D9BBD;
}

.ev-color1{background:var(--primay);}
.ev-color2{background:#E2A45B;}
.ev-color3{background:#289948;}
.ev-color4{background:#2D9BBD;}

.ev-date {
	position: absolute;
	width: 90px;
	right: -26px;
	top:60%;
	transform: translateY(-50%);
	font-size: 14px;
}
.event-list p {
	font-size: 14px;
	color: var(--gray3);
	display: -webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.video-play {
	font-size: 14px;
	white-space: nowrap;
	color: var(--primay);
	transition: all 0.3s ease;
	cursor: pointer;
}
.video-play i {
	font-size:10px;
	width:24px;
	height:24px;
	background: var(--primay);
	border-radius: 50%;
	line-height:25px;
	text-align: center;
	margin-right:5px;
	color: var(--white-color);
	transition: all 0.3s ease;
}
.video-play:hover{
	color: var(--secondary);
}
.video-play:hover i{
	background: var(--secondary);
}
.View-Details {
	font-size: 14px;
	white-space: nowrap;
	color: var(--primay);
	transition: all 0.3s ease;
}
.View-Details:hover{
	color: var(--secondary);
}
.event-search-wrap h3 {
	font-size: 26px;
	margin-bottom: 20px;
}
.event-search-wrap p {
	font-size: 18px;
	margin-bottom: 20px;
}
.event-search-wrap form {
	/* border: 1px solid var(--OffWhite1); */
	border-radius: 8px;
	padding:6px;
}
.ev-search-input-wrap.form-control {
	padding: 0;
	border: 0;
	border: 1px solid #e8e8e8;
}
.ev-search-input-wrap {
	position: relative;
}
.ev-search-input-wrap input {
	border: 0;
	font-size: 16px;
	padding: 6px 6px 6px 35px;
}
.ev-search-input-wrap .form-control:focus {
	border:none;
	box-shadow:none;
}
.ev-search-input-wrap input::placeholder{
	font-size:16px;
	color: var(--gray2);
}
.event-btn{
		color: var(--primay);
		font-size: 14px;
		background: var(--OffWhite5);
		border: 1px solid var(--primay);
		opacity: 1;
		width: 104px;
		border-radius: 18px;
		padding: 5px 15px;
}
.nav-btn{
	margin-top: 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: space-around;
}
.search-icon {
	position: absolute;
	left:10px;
	top:50%;
	transform: translateY(-50%);
}
.search-icon i {
	font-size: 16px;
	color: var(--gray3);
}
.input-radio-button {
	background:none;
	border:none;
}
.input-radio-button .form-check {
	min-height:auto;
}
.input-radio-button label {
	font-size: 14px;
	color: var(--gray2);
}
.input-radio-button .input-group-text {
	font-size: 14px;
	font-weight: 400;
}
.input-radio-button .form-check-input {
	width: 0.9em;
	height: 0.9em;
}
.input-search-button {
	background: var(--primay);
	color: var(--white-color);
	border-radius: 8px !important;
	border: 0;
	font-size: 16px;
	cursor: pointer;
	padding: 7px 20px;
}
   
   /* GENERAL MEDIA QUERIES
   –––––––––––––––––––––––––––––––––––––––––––––––––– */
   
   @media screen and (max-width: 900px) {
	.timeline ul li div {
	  /* width: 250px; */
	}
	.timeline ul li:nth-child(even) div {
	  /* left: -289px; */
	  /*250+45-6*/
	}
   }
   
   @media screen and (max-width: 600px) {
	.timeline ul li {
	  margin-left: 20px;
	}
	.timeline ul li div {
	  /* width: calc(100vw - 91px); */
	}
	.timeline ul li:nth-child(even) div {
	  /* left: 45px; */
	}
	.timeline ul li:nth-child(even) div::before {
	  /* left: -15px; */
	  border-width: 8px 16px 8px 0;
	  border-color: transparent #F5A9B8 transparent transparent;
	}
   }
   
   
/* contact page */
.page-heading {
	padding: 40px 0 150px 0;
	width: 100%;
	/* background: rgba(0.5, 0.5, 0.5, 0.65) url("../../media/imgAll/bg/Frame 1171276090.png"); */
	background: url("../../media/imgAll/bg/Frame 1171276090.png");
	/* background-color: #eee; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: darken;
	position: relative;
}

.contact-page {
	padding: 100px 0;
	background: url("../../media/imgAll/bg/contactBc.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: darken;
}

.contact-area h2 {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 600;
	color: #24283D;
	line-height: 42px;
}

.contact-area .contact-text {
	font-size: 16px;
	line-height: 26px;
	color: #4A4F6A;
	margin-bottom: 40px;
	font-weight: 500;
}

.contact-area p a {
	font-size: 18px;
	line-height: 28px;
	color: #4A4F6A;
	font-weight: 400;
}

.contact-area p a i {
	font-size: 20px;
	color: #4A4F6A;
	margin-right: 10px;
	margin-bottom: 20px;
}

.contact-form {
	border: 1px solid #eee;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 5px 10px #ddd;

}

.contact-form h5 {
	font-size: 20px;
	line-height: 32px;
	padding-bottom: 10px;
	color: #24283D;
}

.contact-form p {
	font-size: 14px;
	line-height: 22px;
	padding-bottom: 30px;
	color: #4A4F6A;
}

.contact-form .form-control {
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	color: #4A4F6A;
	background-color: transparent;
	border: 1px solid #D9E1F6;
	margin-bottom: 20px;
	width: 100%;

}

.contact-form .form-control::placeholder {
	color: #4A4F6A;
	opacity: 1;
	font-size: 14px;
}

.contact-form .btn {
	display: block;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	border: 1px solid transparent;
	padding: 10px 20px;
	font-size: 16px;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 100%;
	border-radius: 10px;
}

.contact-form .form-control:focus {
	box-shadow: none;
}

.contact-form .group-text {
	/* padding-top: 6px; */
	font-size: 16px;
	color: #4A4F6A;
	background-color: transparent;
	border: none;
	transform: translate(-50%, 50%);
	right: 30px;
	top: 0;
	position: relative;

}

.contact-form .form-group.field {
	display: flex;
}

/* At a glance page  */

/* ========page-heading======= */
.parent1:after {
	background: url("../../media/imgAll/bg/Frame 1171276090.png");
	/* background-color: #eee; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: darken;
	height: 500px;
}

.page-heading {
	padding: 40px 0 150px 0;
	width: 100%;
	background: url("../../media/imgAll/bg/Frame 1171276090.png");
	/* background-color: #eee; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: darken;

}

.page-heading2 {
	padding: 40px 0 200px 0;
	width: 100%;
	background: url("../../media/imgAll/bg/glanceBack.png");
	/* background-color: #eee; */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: darken;

}

.page-heading h2 {
	font-size: 38px;
	line-height: 52px;
	font-weight: 600;
	text-align: center;
	color: #24283D;
	letter-spacing: 0.5%;
	/* margin-top: 10px; */
	padding-bottom: 10px;
}

.page-heading p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-align: center;
	color: #636885;

}

.page-heading2 h2 {
	font-size: 38px;
	line-height: 52px;
	font-weight: 600;
	text-align: center;
	color: #24283D;
	letter-spacing: 0.5%;
	/* margin-top: 10px; */
	padding-bottom: 10px;
}

.page-heading2 p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	text-align: center;
	color: #636885;

}

.description-area {
	margin: 30px 0;
}

.description-area h2 {
	font-size: 28px;
	line-height: 38px;
	font-weight: 600;
	color: #24283D;
	padding-bottom: 20px;
}

.description-area p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #636885;
	text-align: justify;
}

/* .video-area {
	position: absolute;
	transform: translate(50%, -25%);
} */



/* Hazrat jee life page */
.highlightText {
	color: #EC5718;
	font-style: italic;
}

.page-heading button {
	text-align: center;
}

.childhood-area {
	padding-bottom: 153px;
}

p.intro {
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	padding: 25px 20px;
}

.container-2 {
	padding-top: 25px;
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin: 0 auto;
	max-width: 1230px !important;
	container-type: inline-size;
	container-name: childhood;
}
.main-childhood{
	position: relative;
}

.main-childhood:before {
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	background: var(--primay);
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
}

.childhood_item {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

/* .year {
	display: block;
	line-height: 20px;
	font-weight: 600;
	font-size: 30px;
	color: var(--primay);
	margin: 0px 30px;
  } */
.childImg img {
	border-radius: 12px;
}

.childImg_b img {
	border-radius: 12px;
}

p.title {
	font-size: 32px;
	line-height: 42px;
	margin: 50px 0 10px 0px;
	font-weight: 600;
	color: #24283D;
	/* margin-left: 50px; */
}

p.title_b {
	font-size: 32px;
	line-height: 42px;
	margin: 50px 0 10px 60px;
	font-weight: 600;
	color: #24283D;
}

p.description {
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #4A4F6A;
	margin: 0px;
}

p.description_b {
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #4A4F6A;
	margin: 0px 0 0px 60px;
}

.order_1 {
	order: 3;
}

.order_2 {
	order: 2;
	left: 10px;
}

.order_3 {
	order: 1;
}

.main-childhood .icon {
	width: 18px;
	height: 18px;
	position: relative;
	right: 10px;
}

.main-childhood .icon:before,
.main-childhood .icon:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	position: absolute;
}

.main-childhood .icon:before {
	background: #fff;
	border: 2px solid var(--primay);
}

/* .main-childhood .icon:after {
	border: 2px solid #c6c6c6;
	left: 3px;
  } */

.main-childhood .child-content {
	width: 50%;
	position: relative;
}

.main-childhood .child-content:before {
	content: "";
	width: 50%;
	height: 2px;
	background: var(--primay);
	margin: auto 0;
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
}


.main-childhood .order_1:before {
	content: "";
	width: 50%;
	height: 2px;
	background: var(--primay);
	position: absolute;
	/* padding-right: 30px;
	margin-right: 50% !important; */
	left: 10px;
}

/* .main-childhood .child-outerDiv {
	width: 125px;
	height: 125px;
	font-size: 16px;
	text-align: center;
	z-index: 1;
} */

/* .main-childhood .child-outerDiv:before,
.main-childhood .child-outerDiv:after {
	content: "";
	width: 125px;
	height: 125px;
	margin: 0 auto;
	border-radius: 50%;
	position: absolute;
	right: 0;
} */



/* .main-childhood .child-outerDiv:after {
	border: 2px solid #c6c6c6;
	left: 6px;
  } */

/* .main-childhood .date {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
  } */
.main-childhood .childImg {
	position: absolute;
	transform: translate(14%, -95px);
}

.main-childhood .childImg img {
	width: 100%;
}

.main-childhood .childImg_b {
	position: absolute;
	transform: translate(0%, -90px);
}

.main-childhood .childImg_b img {
	width: 100%;
}

/* .main-childhood .childhood-content {
	padding: 20px 20px;
} */

.btn-wrapper {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.btn-wrapper button {
	padding: 10px 20px;
	background-color: transparent;
	border: 1px solid #7F87A5;
	border-radius: 30px;
	color: #7F87A5;
}

.btn-wrapper:hover button {
	color: #fff;
	background-color: var(--primay);

}

.bio-part {
	padding: 50px 0;
}

.bio-part h3 {
	font-size: 32px;
	line-height: 42px;
	color: #24283D;
	font-weight: 600;
	margin-bottom: 20px;
}

.bio-part p {
	font-size: 16px;
	line-height: 25px;
	font-weight: 400;
	color: #4A4F6A;
	margin-bottom: 10px;
}



.gallery {
	display: grid;
	grid-template-columns: 1;
	grid-template-rows: 1;
	grid-gap: 12px;
}


.gallery__img {
	width: 100%;
	min-height: 100%;
	object-fit: cover;
	aspect-ratio: 1.85;
	border-radius: 12px;
}

.gallery__item--1 {
	grid-column-start: 1;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 3;

}

.gallery__item--2 {
	grid-column-start: 4;
	grid-column-end: 8;
	grid-row-start: 1;
	grid-row-end: 3;
}

.gallery__item--3 {
	grid-column-start: 8;
	grid-column-end: 14;
	grid-row-start: 1;
	grid-row-end: 3;


}

.gallery__item--4 {
	grid-column-start: 1;
	grid-column-end: 7;
	grid-row-start: 3;
	grid-row-end: 5;

}

.gallery__item--5 {
	grid-column-start: 7;
	grid-column-end: 11;
	grid-row-start: 3;
	grid-row-end: 5;

}

.gallery__item--6 {
	grid-column-start: 11;
	grid-column-end: 14;
	grid-row-start: 3;
	grid-row-end: 5;
}


.Ayat-part {
	padding: 20px 30px;
	border-radius: 22px;
	background: rgba(42, 52, 71, 0.97);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-blend-mode: darken;
}

.Ayat-part p {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

.Ayat-part .bangla-ayat {
	font-size: 15px;
	line-height: 26px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
}

.ayatSection {
	position: absolute;
	transform: translate(0%, -50%);
	right: 0;
	left: 0;
	top: 50%;
}

.story-part {
	padding: 50px 0 100px 0;

	background-color: #E5E9F4;
}

.story-part h3 {
	font-size: 28px;
	line-height: 38px;
	color: #24283D;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}

.story-part p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 400;
	color: #636885;
	margin-bottom: 10px;
	text-align: center;
}

.main-parent::after {
	background-color: #E5E9F4;
}

.second-parent {
	position: relative;
	margin-bottom: 50px;
}

.story-photo {
	margin-top: -70px;
}

.parent2 {
	position: relative;
	margin-top: -150px;
}
   
   
   /* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {


}

 
/* Extra small Device. */
@media (max-width: 767px) {

 
}
 
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.hero-area {
		padding:40px 0;
	}
	.hero-content-wrap h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.main-menu .navbar-brand {
		margin-right:0;
	}
	.language {
		margin-left:0;
	}
	.journey-map-text {
		padding-right:0;
	}
	.journey-map-text h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 16px;
	}
	.journey-map-area {
		padding: 40px 0;
	}
	.event-home-search {
		padding: 50px 0 30px 0;
	}
	.event-home-map {
		margin-top: 30px;
	}
	.subsec-heading {
		padding: 0;
	}
	.learning-story-video {
		margin-bottom: 24px;
	}
	.event-page-hero-wrap {
		width: 100%;
	}
	.event-page-hero-wrap h3 {
		font-size: 25px;
	}
	.event-page-hero-wrap h1 {
		font-size: 30px;
		line-height: 50px;
	}
	.sinl-page-hero-text h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.flogo p {
		padding-right:0;
	}
	.poem-content-wrap {
		display:unset;
	}
	.poam-slider .priv_arrow {
		left:10px;
	}
	.poam-slider .next_arrow {
		right:10px;
	}
	.poem-img img {
		border-radius: 8px;
		aspect-ratio: 0.9;
		object-fit: cover;
		object-position: unset;
	}
	.timeline ul li .event-list {
		max-width:600px;
		flex-wrap: wrap;
		border: 1px solid var(--primay);
		border-radius:8px;
		margin-bottom: 10px;
	}
	.timeline {
		margin-left: 70px;
	}
	.ev-date{
		top: 55%;
	}
	.modal-header {
		right: 30px;
		top: 30px;
	}
	.modal-content {
		z-index: 1055 !important; /* Increase if needed */
	  }

}

 
/* Extra small Device. */
@media (max-width: 767px) {
	.hero-area {
		padding:40px 0;
	}
	.hero-content-wrap {
		margin-top: 10px;
	}
	.hero-content-wrap h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.main-menu .navbar-brand {
		margin-right:0;
	}
	.language {
		margin-left:0;
	}
	.journey-map-text {
		padding-right:0;
	}
	.journey-map-text h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 16px;
	}
	.journey-map-img {
		margin-top: 50px;
	}
	
	.journey-map-area {
		padding: 40px 0;
	}
	.event-home-search {
		padding: 50px 0 30px 0;
	}
	.search-info {
		padding: 0 5px;
	}
	.search-info img {
		display: none;
	}
	.search-info-wrap {
		font-size: 12px;
	}
	
	.event-home-map {
		margin-top: 30px;
		display: flex;
		width: 100%;
	}
	.event-home-map .tab-content{
		order: 2;
		width: 100%;
	}
	.event-home-map nav {
		flex: 0 0 30%;
	}
	.event-home-map .nav-tabs .nav-link {
		width: 100%;
	}
	.event-home-map .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		border-top-color: var(--gray1);
		border-radius: 10px 0 0 10px;
	}
	.event-home-map .nav-tabs .nav-link.active::before {
		right: -6px;
		top: 0;
		width: 7px;
		height: 100%;
		left: auto;
	}
	.small-map-body {
		padding: 14px;
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
	}
	.small-map-location-list {
		padding-right: 0;
		margin-bottom: 34px;
	}
	.small-map-location-list span {
		padding: 8px;
	}
	.small-map-location-list::after {
		top: auto;
		bottom:-21px;
		transform: translateX(-50%) rotate(90deg);
		height: 7px;
		left: 50%;
	}
	#nav-map1 .small-map-body {
		border-radius: 0 10px 10px 10px;
	}
	.learning-story-video {
		margin-bottom: 24px;
	}
	.event-page-hero-wrap {
		width: 100%;
	}
	.event-page-hero-wrap h3 {
		font-size: 25px;
	}
	.event-page-hero-wrap h1 {
		font-size: 30px;
		line-height: 50px;
	}
	.sinl-page-hero-text h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.sinl-page-hero-text {
		margin-top: 30px;
	}
	.map-location-text .map-info {
		flex-wrap: wrap;
	}
	.single-page-hero {
		padding: 40px 0;
	}
	.map-location-area {
		padding: 56px 0 40px 0;
	}
	.event-detials-video {
		padding: 40px 0;
	}
	.event-details-centent-area {
		padding-top: 40px;
	}
	.event-details-video-wrap h4 {
		font-size: 24px;
		line-height: 34px;
	}
	.event-details-place-slider .owl-buttons .owl-prev {
		left: -90px;
	}
	.event-details-place-slider .owl-buttons .owl-next {
		right: -90px;
	}
	.event-details-place-slider .owl-theme .owl-controls .owl-buttons div {
		font-size: 12px;
		width: 87px;
	}
	.event-search-wrap .input-group {
		flex-wrap: unset;
	}
	.footer-logo-wrap {
		margin-bottom: 20px;
	}
	.flogo p {
		padding-right:0;
	}
	.copyRight {
		text-align: center;
	}
	.footer-social-icon {
		margin-top: 20px;
	}
	
	.select2-dropdown { 
		width:100px !important;
		font-size:12px;
	}
	.select2-container {
		width: 73px !important;
	}
	.select2-container--default .select2-selection--single {
		height: 30px;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 12px;
	}
	.select2-container .select2-selection--single .select2-selection__rendered {
		padding-right: 15px;
	}
	.img-flag {
		width: 15px;
		height: 15px;
		object-fit: contain;
		/* border-radius: 50%; */
	}
	.poem-content-wrap {
		display:unset;
	}
	.poam-slider .priv_arrow {
		left:10px;
	}
	.poam-slider .next_arrow {
		right:10px;
	}
	.poem-img img {
		border-radius: 8px;
		aspect-ratio: 0.9;
		object-fit: cover;
		object-position: unset;
	}
	.timeline ul li .event-list {
		max-width: 235px;
		flex-wrap: wrap;
		border: 1px solid var(--primay);
		margin-bottom: 10px;
	}
	.timeline {
		margin-left: 50px;
	}
	.ev-date{
		top: 55%;
	}
	.ev-search-input-wrap.form-control {
		padding: 0;
		border: 0;
		width: 100%;
	}
	.modal-header {
		right: 30px;
		top: 30px;
	}
	.poem-details-text-wrap {
		margin-top: 30px;
	}
	
	.video-area {
		position: unset;
		transform: initial;
		margin: 50px 0;
	}

	.video-area iframe {
		width: 100% !important;
		height: auto !important;
	}

	.description-area {
		padding: 150px 0 50px 0;
	}


	.page-heading {
		padding: 50px 20px;

	}

	.page-heading2 {
		padding: 50px 20px;
	}

	.page-heading h2 {
		font-size: 26px;
		line-height: 36px;

	}

	.page-heading2 h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.page-heading p {
		font-size: 14px;
		line-height: 25px;
		padding: 0 10px;
	}

	.bio-part {
		padding: 20px;
	}

	.bio-part h3 {
		font-size: 27px;
		line-height: 37px;
	}

	.parent2 {
		position: relative;
		margin-top: 0;
	}


	/* .main-childhood .child-outerDiv::before,
	.main-childhood .child-outerDiv::after {
		position: unset;
	} */


	.contact-page {
		padding: 50px 0;
	}

	.video-area iframe {
		aspect-ratio: 1.5;
	}

	.page-heading2 p {
		font-size: 15px;
		line-height: 25px;
		padding: 0 15px;
	}

	.page-heading p {
		font-size: 15px;
		line-height: 25px;
		padding: 0 15px;
	}

	.gallery__item--1 {
		grid-column-start: 1;
		grid-column-end: 10;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.gallery__item--2 {
		grid-column-start: 10;
		grid-column-end: 20;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	.gallery__item--3 {
		grid-column-start: 1;
		grid-column-end: 20;
		grid-row-start: 3;
		grid-row-end: 5;
	}

	.gallery__item--4 {
		grid-column-start: 1;
		grid-column-end: 10;
		grid-row-start: 5;
		grid-row-end: 7;
	}

	.gallery__item--5 {
		grid-column-start: 10;
		grid-column-end: 20;
		grid-row-start: 5;
		grid-row-end: 7;
	}

	.gallery__item--6 {
		grid-column-start: 1;
		grid-column-end: 20;
		grid-row-start: 7;
		grid-row-end: 9;
	}
	.ytb-video iframe {
		aspect-ratio: 1.5;
		width: 100% !important;
		height: auto !important;
		border-radius: 20px;
	}
 
}
 
/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

}


/* CHILDHOOD TIMELINE RESPONSIVE  */
@media only screen and (min-width: 700px) and (max-width: 767px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 88%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 40px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -65px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -65px;
		top: 145px;
		z-index: -1;
	}


	p.title {
		margin: 10px 0 14px 70px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 70px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 70px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 70px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 636px) and (max-width: 700px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 85%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 27px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -50px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -50px;
		top: 125px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 70px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 70px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 70px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 70px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 601px) and (max-width: 635px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 85%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 20px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -40px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -40px;
		top: 116px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 55px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 55px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 576px) and (max-width: 600px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 85%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 20px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -40px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -40px;
		top: 108px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 55px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 55px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 521px) and (max-width: 575px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 85%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}

	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 19px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -40px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -40px;
		top: 107px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 55px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 55px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}


@media only screen and (min-width: 501px) and (max-width: 520px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 85%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 13px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -33px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -33px;
		top: 97px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 55px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 55px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 55px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 461px) and (max-width: 500px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 84%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 12px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -32px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -32px;
		top: 94px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 45px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 45px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 45px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 45px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 416px) and (max-width: 460px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 82%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 7px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 85px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 35px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 35px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 35px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 35px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 391px) and (max-width: 415px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 82%;
	}

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 0px;
    bottom: 0px;
    z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 74px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 35px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 35px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 35px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 35px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media only screen and (min-width: 351px) and (max-width: 390px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 82%;
	}

	.main-childhood .icon {
		margin: auto 2px;
		right: 8px;
	}

	/* .main-childhood .childhood-content {
		padding: 10px 30px;
	} */

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood .icon::before {
		right: 0px;
		bottom: 0px;
		z-index: 1;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 70px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 45px;
		font-size: 28px;
		line-height: 38px;
	}

	p.description {
		margin-left: 45px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 45px;
		font-size: 28px;
		line-height: 38px;

	}

	p.description_b {
		margin-left: 45px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}

@media (max-width: 350px) {
	.childhood {
		flex-direction: column !important;
	}

	.main-childhood .child-content {
		width: 80%;
		position: relative;
	}

	.main-childhood:before {
		margin-left: 17px;
		height: 80%;
	}

	.main-childhood .icon {
		margin: auto 2px;
		right: 8px;
	}

	/* .main-childhood .childhood-content {
		padding: 10px 30px;
	} */

	.order_1 {
		order: 2;
	}

	.order_2 {
		order: 1;
		left: -1em;
	}

	.order_3 {
		order: 3;
	}

	.order_1b {
		order: 2;
	}

	.order_2b {
		order: 1;
		left: -1em;
	}

	.order_3b {
		order: 3;
	}


	.main-childhood .icon::before {
		right: -11px;
		bottom: 0px;
	}

	.main-childhood .order_1b::before {
		content: "";
		width: 25%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 0px;
		z-index: -1;
	}

	.main-childhood .order_1.text::after {
		content: "";
		width: 40%;
		height: 2px;
		background: var(--primay);
		position: absolute;
		margin-right: 0 !important;
		left: -28px;
		top: 65px;
		z-index: -1;
	}

	p.title {
		margin: 10px 0 14px 35px;
		font-size: 27px;
		line-height: 37px;
	}

	p.description {
		margin-left: 35px;
		margin-bottom: 20px;
	}


	p.title_b {
		margin: 10px 0 14px 35px;
		font-size: 27px;
		line-height: 37px;

	}

	p.description_b {
		margin-left: 35px;
		margin-bottom: 20px;
	}

	.main-childhood .childImg {
		position: relative;
		transform: initial;
	}

	.main-childhood .childImg_b {
		position: unset;
		transform: initial;
	}


	.story-part p {
		padding: 0 20px;
	}

	.Ayat-part p {
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 5px;
	}

	.story-photo {
		position: unset;
		margin: 20px 0px;
		order: 2;
		transform: initial;
	}

	.ayatSection {
		position: unset;
		transform: initial;
		margin: 20px 0px;

	}

	.story-part {
		margin: 0;
	}

	.description-part {
		padding: 0;
		padding-bottom: 50px;
	}

	.description-area {
		padding: 0;
	}


}