body
{
	background: #F5F4FD;
	
}




/* @media (min-width: 1600px)
{
.header-col.logo-col{ width: 17%; }
.header-col.search-col{ width: 65% !important;}
.header-col.menu-col { width: 28%;}
.header-col.btn-col{width: 7%;}
	
.nav-menu{justify-content: space-evenly;}	
}
 */


/* Header CSS Starts Here */

.main-header {
  
	background: radial-gradient(51.97% 100.00% at 50.00% 0.00%, rgba(38, 35, 110, 0.96) 0%, #06052E 100%);
	backdrop-filter: blur(5px);
}
header .nav-menu #menu-main-menu li ul li a span {
    color: #8179C0!important;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%;
    margin: 0px;
    display: block;
	text-align: left;
}
ul#menu-main-menu li> i {
    display: none;
}
ul#menu-main-menu li a i {
    padding-left: 5px;
}

.main-header-container
{
	 display: flex;
   	 align-items: center;
     justify-content: space-between;
	 gap: 4px;
	 flex-shrink: 0;
	 width: 90vw;
	 height: 75px;
	 margin: 0 auto;
	
}

.header-col.search-col {
 
    flex: 1 0 0;
    padding: 8px 16px;
}

.sub-menu {
	height: 0px;
	display: block !important;
	overflow: hidden;
	border-radius: 16px;
    position: absolute;
	transition: 0.5s;
	background: white;
	margin: 0px !important;
	text-indent: 0px;
	
}


.mobile-sub-menu
{
	height: fit-content;
	display: block !important;
	overflow: hidden;
	border-radius: 16px;
    position: absolute;
	transition: 0.5s;
	background: white;
	margin: 0px !important;
	text-indent: 0px;
}

.sub-menu li:hover,
.mobile-sub-menu li:hover
{
	background: #3A3087 !important;
}



.sub-menu li:hover a,
.sub-menu li:hover p,
.mobile-sub-menu li:hover a,
.mobile-sub-menu li:hover p
{
	color: white !important;
}



.sub-menu a,
.mobile-sub-menu a
{
	color: #3A3087 !Important;

	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 25px */
	letter-spacing: -0.057px;
	
}



/* .container-heading div {
	display: none !important;

} */
.container-heading p {
	display: none !important;
	
}

.sub-menu p,
.mobile-sub-menu p
{
	color: #8179C0;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 17.5px */
	margin: 0px; 
}

/* Changed */
@media(min-width:820px)
{
.menu-item-has-children:hover .sub-menu
{
	height: auto;
	
	
}	
}


/* .menu-item-has-children:hover:after
{
		content: "\f106";
	
}
 */
/* .menu-item-has-children:after{
	content: "\f107";
	font-weight: bold;
	color: white;
	    font-family: "Font Awesome 6 Free";
    vertical-align: middle;
} */

.menu-item-has-children li 
{
	margin: 0px; 
	padding: 0px;
}

.menu-item-has-children i
{
	color: white;
	font-size: 20px;
}


.logo-col
{display: flex;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
}

.logo-text p
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
text-decoration: none;
font-style: normal;
margin: 0px;

line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
}

.logo-text b
{
	font-weight: bold;
}






/* .header-col.logo-col{ width: 20%; }
.header-col.search-col{ width: 40%;}
.header-col.menu-col { width: 36%; }
.header-col.btn-col{width: 7%;} */

.search-form input 
{
	width: 100%;
	border-radius: 12px;
	border: 2px solid rgba(255, 255, 255, 0.15);
	background: rgba(111, 108, 189, 0.49);
	padding: 12px 16px 12px 40px;
	height: 42px;
	background-image: url('https://thepilgrim.co/wp-content/uploads/2023/08/search-placeholder.png');
	background-position: 16px;
	background-repeat: no-repeat;
	color: white;
	outline: none !important;
}


.search-form input:focus::placeholder
{
	color: transparent;
}

.submenu
{
	overflow: hidden;
  max-height: 0;
	transition:  0.5s ;
position: absolute;
	 top: 61px;
	left: 77px;
	z-index: 9999;
}

.header-col:hover .submenu 
{
	max-height: 500px;
	
	
}

ul.sub-menu li {
  
	padding: 12px;
}
.submenu-text
{
    display: flex;
    padding: 12px 19px;
    align-items: center;
    gap: 16px;
    width: 343px;
}

.submenu-content p
{
	margin: 0px;
	
}

.submenu-content p a 
{
	color: #3A3087;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400 !important;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
margin: 0px;
}

.submenu b 
{
	font-weight: 700;
}

.nav-menu li
{
	list-style: none !important;
	
}

.nav-menu ul
{
	margin: 0px !Important;
	    display: flex;
   
    padding: 0px;
        justify-content: space-around;
    gap: 8px;
    align-items: center;
}


.header-col:hover .fa-solid
{
	    transform: rotate(180deg);
}

.learn
{
	background-image: url("data:image/svg+xml,%3Csvg width='19' height='15' viewBox='0 0 19 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.992188 13.3125V2.71094C0.992188 2.57812 1.00781 2.46875 1.08594 2.33594C1.78125 1.125 3.54688 0.101562 5.70312 0.101562C7.39844 0.101562 8.88281 0.78125 9.67188 1.74219C10.4609 0.78125 11.9375 0.101562 13.6406 0.101562C15.7891 0.101562 17.5547 1.125 18.25 2.33594C18.3359 2.46875 18.3438 2.57812 18.3438 2.71094V13.3125C18.3438 13.9531 17.9219 14.2031 17.4688 14.2031C17.1953 14.2031 16.9688 14.0469 16.6719 13.8672C15.8125 13.2812 14.7578 12.9219 13.6719 12.9297C12.5391 12.9375 11.4219 13.3594 10.5469 14.1953C10.2109 14.5078 9.95312 14.6094 9.67188 14.6094C9.38281 14.6094 9.13281 14.5078 8.78906 14.1953C7.91406 13.3516 6.79688 12.9375 5.67188 12.9297C4.58594 12.9219 3.52344 13.2812 2.66406 13.8672C2.36719 14.0469 2.14062 14.2031 1.875 14.2031C1.41406 14.2031 0.992188 13.9531 0.992188 13.3125ZM2.25 12.6484C3.07812 12.0547 4.34375 11.6719 5.70312 11.6719C7 11.6719 8.24219 12.1484 9.03906 12.7812V2.9375C8.48438 1.98438 7.1875 1.35938 5.70312 1.35938C4.25781 1.35938 2.88281 1.97656 2.25 2.89062V12.6484ZM10.2969 12.7812C11.0938 12.1484 12.3359 11.6719 13.6406 11.6719C14.9922 11.6719 16.2578 12.0547 17.0859 12.6484V2.89062C16.4531 1.97656 15.0781 1.35938 13.6406 1.35938C12.1562 1.35938 10.8516 1.98438 10.2969 2.9375V12.7812Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
	
	    background-position: 0px 6px;
    background-size: 18px;
	background-repeat: no-repeat;
	text-indent: 30px;
}

.watch 
{
	background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.44531 14.5547C1.8125 14.5547 0.992188 13.75 0.992188 12.1406V2.59375C0.992188 0.984375 1.8125 0.171875 3.44531 0.171875H16.9609C18.6016 0.171875 19.4141 0.984375 19.4141 2.59375V12.1406C19.4141 13.75 18.6016 14.5547 16.9609 14.5547H3.44531ZM3.46094 13.2969H16.9453C17.7188 13.2969 18.1562 12.8828 18.1562 12.0703V2.66406C18.1562 1.85156 17.7188 1.42969 16.9453 1.42969H3.46094C2.67969 1.42969 2.25 1.85156 2.25 2.66406V12.0703C2.25 12.8828 2.67969 13.2969 3.46094 13.2969ZM8.75 10.4141C8.39062 10.6328 7.96875 10.4531 7.96875 10.0781V4.64844C7.96875 4.26562 8.42188 4.11719 8.75 4.3125L13.2031 6.94531C13.5234 7.14062 13.5312 7.59375 13.2031 7.78125L8.75 10.4141Z' fill='white'/%3E%3C/svg%3E");
	 background-repeat: no-repeat;
	
	    background-position: 0px 6px;
    background-size: 18px;
	background-repeat: no-repeat;
	text-indent: 30px;
}



/* .header-col:hover .submenu ul
{
	position: absolute;

} */



.submenu li:nth-child(1) 
{
	border-top: 0px;
	    border-top-left-radius: 12px;
    border-top-right-radius: 12px;

}

.submenu li:nth-child(3) 
{
	border-top: 0px;
	    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;

}

.submenu ul {
    list-style: none;
  
   
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background: white;
	padding: 0px;
   
    
  
    color: white;
}

.submenu-content
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}

.submenu-text .submenu-content--para
{
color: #8179C0;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 17.5px */
}

.submenu-text:hover
{
	background: #3A3087;
}

.submenu-text:hover .submenu-content h2 a,
.submenu-text:hover .submenu-content .submenu-content--para
{
	color: white !important;
	
}
.submenu-text:hover .submenu-content p a
{
	color: white !important;
	
}

.fa-angle-down
{
	vertical-align: middle;
}

.search-form ::placeholder
{
		color: rgba(255, 255, 255, 0.75);

	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: -0.057px;
}


.nav-menu svg {
  	margin-right: 8px;
	width: 23px;
	height: 20px;
	object-fit: contain;
}


.nav-menu a 
{
	color: #FFF;
text-align: center;
	text-decoration: none;
font-feature-settings: 'clig' off, 'liga' off;
font-family: "Inter";
font-size: 16px;
font-style: normal;
font-weight: 500;

letter-spacing: -0.057px;
	
}

.header-col.custom-btn 
{
	padding: 11px 16px !important;
}

.header-col.custom-btn a
{
	font-size: 17px !important;
}






/* Header CSS Ends Here */


/* Footer CSS Starts Here */

.footer-container
{

background: radial-gradient(88.83% 55.09% at 50.00% 139.57%, rgba(103, 97, 243, 0.88) 0%, #06052E 100%), radial-gradient(62.00% 100.00% at 50.00% 0.00%, rgba(103, 97, 243, 0.88) 0%, #06052E 100%);

}



.footer-box
{
display: flex;
flex-direction: column;
gap: 8px;
flex-shrink: 0;
width: 90vw;	
margin: 0 auto;	
	padding: 64px 0px;
}


.footer-col
{
	display: flex;
align-items: center;
gap: 16px;
align-self: stretch;
}


.footer-support-col
{
	display: flex;
justify-content: flex-end;
align-items: center;
gap: 36px;
flex: 1 0 0;
	
}

.footer-logo
{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;


}


.footer-text
{
	color: #BCBAE8;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 300;
	line-height: 125%; /* 30px */
}


.ribbon-text
{
	color: #FFF;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
	display: flex;
	align-items: center;
}

.ribbon-text img {
    width: 20px;
    object-fit: contain;
    margin-right: 5px;
}

.footer-col-menu
{
	display: flex;
align-items: flex-start;
gap: 64px;
align-self: stretch;
}

/* .footer-menu-col h2
{
	color: #FFF;
text-align: center;

font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.09px;
} */


.footer-badge
{
	width: 201.443px;
height: 86.124px;
}
/* 
.footer-badge img {
    width: 200px;
    height: 84%;
    object-fit: contain;
} */
.support-text
{
	
	color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 130%; /* 20.8px */
margin-top: 67px;
}


.footer-col-menu
{
	display: flex;
align-items: flex-start;
gap: 64px;
align-self: stretch;
}

.footer-col-menu .menu-heading p
{
	color: #FFF;


font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.09px;
}

.newsletter
{
	display: flex;
flex-direction: column;
align-items: flex-end;
gap: 8px;
flex: 1 0 0;
}

.newsletter-col
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}

.newsletter p
{
	color: #FFF;

	
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.09px;
}

.newsletter .newsletter--para
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
	width: 452.477px;
	
}


.newsletter-text
{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;	
}

.menu-heading
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.menu-heading a 
{
	color: #FFF;
text-decoration: none;

font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
}
.newsletter form
{
	display: flex;
align-items: center;
gap: 8px;
}

.newsletter input 
{

width: 320px;
padding: 12px;
border: 0 !Important;
outline: none !Important
	border-radius: 8px;
background: rgba(255, 255, 255, 0.20);
	


}


.newsletter ::placeholder,
.newsletter input
{
	color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400 !important;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
}


.newsletter button
{
	border-radius: 8px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	color: #363481;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
	padding: 12px 16px;
}

.support-desktop {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 36px;
    flex: 1 0 0;
}
.footer-col-last
{
	display: flex;
justify-content: center;
align-items: center;
gap: 128px;
align-self: stretch;
margin-top: 67px;
}

.visitors 
{
	

flex: 1 0 0;
}

.visitors #counter-desktop
{
color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 37.5px */
letter-spacing: -0.09px;
}

.visitors p
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 125%;
letter-spacing: -0.09px;
}


.footer-col-last i 
{
	color: white;
	font-size: 35px;
}
#mc_embed_signup {
    background: transparent!important;
}
#mc_embed_signup h2 {
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 20px!important;
    font-style: normal;
    font-weight: 500!important;
    line-height: 125%;
    letter-spacing: -0.09px;
	margin-top: 0px!important;
}
div#mc_embed_signup form {
    margin: 0px;
}
div#mc_embed_signup_scroll p {
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 125%;
    letter-spacing: -0.09px;
    width: 452.477px;
}
#mc_embed_signup .mc-field-group label {
    margin-bottom: 3px;
	color: white !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
    width: 56% !important;
    background: transparent !important;
    margin-top: 4px !important;
}

#mc_embed_signup .mc-field-group {
	padding-bottom: 0 !important;
}

#mc_embed_signup .mc-field-group input{
color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 125%;
    letter-spacing: -0.09px;
	width: 320px!important;
    padding: 12px!important;
    border: 0 !Important;
    outline: none ! important;
	 border-radius: 8px;
    background: rgba(255, 255, 255, 0.20);
}

#mc_embed_signup .button {
    border-radius: 8px;
    background: #FFF !important;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    color: #363481 !important;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 125%;
    letter-spacing: -0.057px;
    /* padding: 12px 16px !important; */
    /* color: red !important; */
    height: 50px !important;
}
div#mce-success-response {
    margin: 0px !important;
    color: #fff !important;
}

#mc_embed_signup div#mce-responses {
    float: left;
    top: -1.4em;
    padding: 0em .5em 0em .5em;
    overflow: hidden;
    width: 90%;
    margin: 0 0%!important;
    clear: both;
    margin-bottom: 15px!important;
}
#mc_embed_signup .indicates-required {
    text-align: right;
    font-size: 11px;
    margin-right: 4%;
    display: none!important;
}
.social-links 
{
	display: flex;
align-items: center;
gap: 36px;
}

.links
{
	display: flex;
align-items: flex-start;
gap: 64px;
}
.links a 
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
	text-decoration: none;
}

@media (max-width: 1440px)
{
	
	.footer-col-menu { gap: 35px;}
	
}

@media(max-width: 820px)
{
	.desktop
	{
		display: none !important;
	}
	.support-text{margin: 0px;}
}

/* Footer CSS Ends Here */


/* Homepage CSS Starts Here */
.banner-section {
    display: flex;
    width: 90vw;
	margin: 0 auto;
   padding-top: 76px;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
	height: 37vw;
	
}


.search-text-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.image-col-left
{
	align-self: flex-end;
}

.image-col-right
{
	align-self: flex-start;
}


.image-mobile{display:none ;}

.image-col-left img
{
	width: 23.1vw;
}

.search-col-banner
{
	display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}

.banner-section h2 
{
	color: #3C2E8A;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 80px */
letter-spacing: -0.057px;
}

.search-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

section
{
	margin: 64px auto;
}

.banner-section p 
{
	color: #3C2E8A;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
}

.banner-button-container
{
	display: flex;
justify-content: center;
align-items: center;
gap: 16px;
}

.banner-search-form
{

padding: 8px 16px 8px 8px;
    border-radius: 103px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    width: auto;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    align-items: center;
    justify-items: center;
    justify-content: space-around;

}

.search-box-button
{

	color: white !important;  
	background: unset;
	/* background-image: url('/wp-content/uploads/2023/09/banner-form-placeholder.png'); */
	background-repeat: no-repeat;
	background-position: left;
	background-size: 16px;
	padding: 3px 12px
}
.video-banner--category {
	height: 75vh !important;
	padding: 60px 40px !important;
}

.search-box-button-container
{
		display: flex;
padding: 8px 16px;
align-items: flex-start;
gap: 4px;
	border-radius: 71px;
background: radial-gradient(999.98% 179.42% at 120.34% 158.54%, #8D88F4 29.17%, #443FB5 100%), rgba(67, 64, 139, 0.80);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
backdrop-filter: blur(10px);
}

.search-box input
{
	border: 0px;
	color: #716FA4;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;

}

.search-box input:focus::placeholder
{
	color: transparent;
}

.search-box-input
{
	width: 280px;
	outline: none !important;
}



.funds-row,
.watch-row,
.kabah-row
{
	display: flex;
height: 390px;
padding: 8px 204px;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 16px;


}

.funds-row
{
	background: url('/wp-content/uploads/2023/08/funds-bg.png');
background-repeat : no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 16px;
	box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
}

.watch-row
{
		background: url('/wp-content/uploads/2023/08/watch-background.png');
background-repeat : no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 16px;
	box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
}


.funds-section,
.watch-section,
.help-section
{
	    width: 90vw;
    margin: 0 auto;
}

.funds-col,
.watch-col,
.kabah-col
{
	display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
}

.funds-heading h2,
.watch-heading h2
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 600 !important;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;
}
.funds-heading p
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 600 !important;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;
}

.funds-heading
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
}


.funds-para p ,
.watch-para p
{ 
	color: #ACA7D0;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 18px;
font-style: normal;
font-weight: 400 !important;
line-height: 120%; /* 21.6px */
margin: 0px;
}

.header-col.btn-col {
    padding: 32px 16px;
}

.nav-menu li
{
	padding: 14px 12px;
}
.nav-menu li:hover .menu-item-description{
	color: #fff!important;
}

.btn-col .custom-btn 

{
	color: #363481;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
	text-decoration: none;
}

.custom-btn
{
display: flex;
padding: 8px 16px;
align-items: flex-start;
	justify-content: center;
gap: 8px;
	border-radius: 142px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}


.watch-para p
{
	width: 292px;
}


.help-heading h2
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px !important;
}

.help-heading {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.help-para p 
{
	color: #ACA7D0;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}

.help-row
{
	display: flex;

height: 624px;
padding: 46px 204px;
justify-content: center;
align-items: flex-end;
gap: 8px;
	background: url('/wp-content/uploads/2023/08/pilgrim-background.png');
background-repeat : no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
	border-radius: 16px;
}

.help-col 
{
	display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 16px;
	width: 450px;
}

.pilgrims-heading h2 
{
	color: #3A2577;
text-align: center;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 60px */
}
#pilgrims h2{
	position: absolute;
    display: block;
    margin: 0 auto;
    width: 100%;
    color: #3A2577;
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
}


.pilgrims-container
{
 width: 65vw;
	margin: 0 auto;

}


#pilgrims
{
	/*	background: url('https://thepilgrim.co/wp-content/uploads/2023/08/map-base-1.png'); */
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
    
	margin: 0 auto;
}
#background-video {
  height: 70vh;
  width: 100%;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
}

.popular-videos-container h2,
.popular-articles-container h2,
.popular-courses-container h2
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
margin-bottom: 20px;
}
.popular-videos-container p
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
margin-bottom: 20px;
}
.popular-courses-container .course-heading h2 {
	margin-bottom: 0px !important;
}


.popular-videos-container,
.popular-articles-container,
.popular-courses-container
{
 width: 90vw;
	margin: 0 auto;
}



	
/* .popular-articles-container .swiper-slide{width: 380px !important;}
.popular-videos-container .swiper-slide{width: 437px !important;} */

.popular-videos-container .swiper-slide > a,
.popular-articles-container .swiper-slide > a{
    width: 100%;
}



.popular-articles-container .swiper-slide,
.popular-videos-container .swiper-slide
{
	background: white;
	padding: 10px 15px 15px 15px;
	border-radius: 16px;
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	align-self: stretch;
}




.popular-videos-container .swiper-slide
{
	background: unset;
	
	padding: 10px 0px 15px 0px !important;
}

 #articles .swiper-slide img

{
	
	
	border-radius: 8px;
}



#articles .slider-img
{
	width: 100%;
	height: 16vw;
	object-fit: cover;
}

#videos .slider-img
{
	width: 100%;
	height: 14vw;
	max-height: 100% !important;
	object-fit: cover;
}

 #articles .swiper-slide h3,
 #videos .swiper-slide h3

{
	color: #17263D;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: -0.057px;
text-decoration: none !important;
	margin: 0px;

	
}
#videos .swiper-slide p.vid-slider--title

{
   color: #17263D !important;
font-feature-settings: 'clig' off, 'liga' off !important;
font-family: Inter !important;
font-size: 18px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 120% !important; /* 21.6px */
letter-spacing: -0.057px !important;
text-decoration: none !important;
   margin: 0px !important;

   
}

.popular-articles-container .rate
{
	padding: 0px;
}

.slider-text h3
{
	 text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.slider-text p.vid-slider--title
{
	 text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
a
{
	text-decoration: none !important;
    color: #2A2972;
}

.custom-slide 
{
	    padding-bottom: 37px !important;
}

#articles .swiper-slide p,
#videos .swiper-slide p

{
	overflow: hidden !important;
	display: block;
    color: #838C99;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SF Pro Display;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: auto;
	margin-bottom: 0px !important;
}

.verified::before {
    content: 'Verified';
    position: absolute;
    left: 23px;
    top: 21px;
    color: white;
    background: #6357BB;
    font-size: 15px;
    background-image: url(/wp-content/uploads/2023/09/verified.png);
    padding: 5.278px 12.556px;
    background-size: 17px;
    background-repeat: no-repeat;
    text-indent: 16px;
    border-radius: 10.556px;
    background-position: 7px 9px;
    color: #FFF;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    line-height: 0;
    margin: 0px;
    padding: 17.278px 12.556px;
}

.popular-videos-container .swiper-slide > a:before


	{
		content: "";
		background: url('/wp-content/uploads/2023/09/video-icon.png');
		background-position: center;
		background-size: 71px;
		background-repeat: no-repeat;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		height: 16vw;
	}

.slider-text
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}

.slider-text a {
    min-height: 44px;
}



.post-text
{
	display: flex;
align-items: center;
gap: 6px;
align-self: stretch;
}

.sponsered
{
	
padding: 4px 6px;


	border-radius: 5px;
background: #878f9c;
}

.sponsered span
{
	color: #FFF;

font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 500;

}

#funds .custom-btn a,
#help .custom-btn a,
#banner .custom-btn a
{
	color: #363481;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%; /* 25px */
	letter-spacing: -0.057px;
	
}




.thumb
{
	width: 17px !important;
	height: 18px;
	object-fit: contain;
	    margin-right: 6px;
}

.rate p
{
	overflow: visible !important;
	display: flex;
	
	
}


.rate 
{
	  width: 100% !important;
    
    display: flex;
    align-items: center;
	gap: 7px;
}

.rate-text {
    display: flex;
    align-items: center;
    gap: 20px;
}
.pld-like-dislike-wrap{width: 21px;}

.popular-courses-container .swiper-slide
{


	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex !important;

height: 19vw;
padding: 30px;

justify-content: center;
align-items: flex-end;
gap: 8px;
	border-radius: 16px;
}

/* .pld-like-dislike-wrap.pld-custom img
{
	vertical-align: text-top !important;
} */

/* Changed / Added Display Flex */
.popular-courses-container .course-heading h2 a
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;
text-align: center!important;
display:flex;
}

.popular-courses-container p 
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}

.course-slide-one
{
	background: url('/wp-content/uploads/2023/09/course-one.png');

}


.course-slide-two
{
	background: url('/wp-content/uploads/2023/09/course-two.png');

}


.course-slide-three
{
	background: url('/wp-content/uploads/2023/09/course-three.png');

}



.course-text
{
	display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
/* Homepage CSS Ends Here */

.mobile-text, 
.newsletter-mobile, 
.divider, 
.mobile-links, 
.support-mobile,
.header-mobile,
.image-mobile
{display: none;}



/* Mobile Screen CSS Starts Here */

@media (max-width: 820px)
{
	.banner-section,
	.image-mobile
	{
		display: block;
	}
	
	.banner-section h2
	{
		font-size: 36px;
		margin: 0px;
	}
	
	.image-col-left {
    margin-bottom: 40px;
}
	.banner-section
	{
		width: auto;
		height: auto;
	}
	
	.image-col-right,
	.image-desktop,
	.search-box-button-container,
	.sponsered,
	.ribbon-text,
	.support-desktop,
	.social-desktop,
	.links-desktop,
	.footer-col-last,
	.header-desktop
	{	display: none !important; }
	
	.image-col-left img
	{
		width: 100%;
	}
	
	.banner-section p
	{
		font-size: 18px;
		margin: 0px;
	}
	
	.search-box-input
	{
/*		background-image: url('/wp-content/uploads/2023/09/banner-placeholder-mobile.png');*/
		background-position: 3px;
		background-repeat: no-repeat;
		background-size: 16px;
		width: 310px;
		text-indent: 20px;
	}
	
	
	.banner-section
	{
		
		margin: 20px 0px;
		padding: 20px 20px 0px;
	}
	

	
	
	
	
	#articles .swiper-slide h3, #videos .swiper-slide h3
	{
		white-space: pre-wrap;
		font-size: 16px;
	}
	#articles .swiper-slide h3, #videos .swiper-slide p.vid-slider--title
	{
		white-space: pre-wrap;
		font-size: 16px;
	}
	
/* 	.rate-text p {
    width: 100px !important;
} */
	
	.rate {
     padding: 0px !important;
}
	
	.funds-row
	{
		background-image: url('/wp-content/uploads/2023/09/fund-bg-mobile.png');
		height: 258px;
	}
	
	.watch-row
	{
		background-image: url('/wp-content/uploads/2023/09/watch-bg-mobile.png')
	}
	
	.funds-row, .watch-row 
	{
		padding: 8px 16px;
		justify-content: center;
	}
	
	.watch-heading h2 ,
	.popular-courses-container .course-heading h2,
	.help-heading h2,
		.pilgrims-heading h2 
	
	{
		font-size: 24px;
		text-align: center;
	}

	
	.help-row
	{
		height: 504px;
		padding: 46px 16px;
	}
	
	
	.popular-courses-container .swiper-slide {height: 330px;}
	
	.help-row
	{
		background-image: url('/wp-content/uploads/2023/09/help-mobile-bg.png')
	}
	
	.footer-container{height: auto;}
	.footer-col
	{
		flex-direction:column;
		text-align: center;
		gap: 32px;
    }
	
	.footer-logo, .newsletter-text,.newsletter-col{align-items:center;}
	.footer-text{font-size:18px !important;}
	.mobile-text,.newsletter-mobile{display:none;}	
	.newsletter-text p{font-size: 20px;}
	.newsletter-text .newsletter--para
	{
		font-size: 16px;
		width: 310px;
		margin: 0 auto;
	}
	#mc_embed_signup {
		width: 320px!important;
	}
	div#mc_embed_signup_scroll p {
		width: 320px;
	}
	
	.newsletter-text{margin: 32px 0px;}
	.newsletter form{flex-direction: column}
	.newsletter input,
	.newsletter button
	{
		width: 310px;
	}
	
	.social-mobile i
	{
      color: white;
	font-size: 25px;
	}
	
	.social-mobile
	{
		    justify-content: center;
		   margin: 32px 0px;
	}
	
	.footer-col-menu
	{
		flex-direction: column;
		align-items: center;
		
	}
	
	.menu-heading h2 {
		font-size: 20px;
		
	}
	
	.menu-heading{align-items: center;}
	
	.footer-col-menu{gap: 64px;}
	
	.support-mobile
	{
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.support-text p {font-size: 16px;}
	.footer-badge img {
 
    text-align: center;
    
  
}
	.footer-badge
	{
		width: 100%;
		height: auto;
	}
	
	.divider
	{
		display: block;
		background: rgba(255, 255, 255, 0.19);
		width: 297px;
height: 1px;
	}

	.mobile-links
	{
		display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
align-self: stretch;
	}

	
	.mobile-header-container
	{
		
		background: radial-gradient(51.97% 100.00% at 50.00% 0.00%, rgba(38, 35, 110, 0.96) 0%, #06052E 100%);
  backdrop-filter: blur(5px);
		
		

padding: 0px 8px 16px 8px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
	}	
	
	.header-mobile 
	{
		
		background: radial-gradient(51.97% 100.00% at 50.00% 0.00%, rgba(38, 35, 110, 0.96) 0%, #06052E 100%);
  backdrop-filter: blur(5px);

	display: flex;
width: auto;
height: 62px;
padding: 0px 8px 0px 8px;
align-items: center;
justify-content: space-between;
		position: relative;
		z-index: 999;


		
gap: 8px;
	}

	#mobile-header
	{
		position: relative;
		width: 100%;
		z-index: 99999;
	}	
	.bars
	{
		color: white !important;
		font-size: 20px !important;
	}	
	
	.topnav a {
  	color: #FFF;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%; /* 40px */
	letter-spacing: -0.057px;
	}
	
	.topnav {

 
  position: relative;
}

	
	.mobile-logo
	{
    display: flex;
padding: 16px 0px;
align-items: center;
gap: 16px;
align-self: stretch;			
	}
	
	.mobile-logo-text
	{
		color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 125%;
letter-spacing: -1.057px;
	}
	
	.topnav #header-links {
  	display: none;
		justify-content: center;
	    position: fixed;
    top: 0px;
    right: 0px;
	bottom: 0px;
    flex-direction: column;
    gap: 15px;
    padding: 18px;
   background: #3B2F88;
    width: 100vw !important;
		height: 100vh;
		color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
overflow: scroll;
}

	
	
}



/* Mobile Screen CSS Ends Here */


/* Search Page CSS */

.chat-row
{
	
	background: #FBFBFB;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
	display: flex;
	align-items: flex-start;
	gap: 64px;
	align-self: stretch;
	padding: 16px;
	border-bottom-left-radius: 22px;
	border-bottom-right-radius: 22px;
	/* height: 410px; */
	/* height: 505px; */
    overflow: scroll;
    overflow-y: auto;
    overflow-x: hidden;
}
.guide-btns h2 {
    color: #2D2A64;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.057px;
    margin-top: 20px;
	margin-bottom: 20px;
}
.guide-btns a{
	color: #363481;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.057px;
	padding: 8px 16px;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    border-radius: 142px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}
.guide-btns a:hover{
box-shadow: 0px 0px 20px 0px rgba(45,52,100, 0.2);
backdrop-filter: blur(0px);
}
.chat-row h3,
.chat-row h4
{
	margin: 0px;
}

.reference-content .rate
{
	padding: 0px !important;
}

.chat-row img
{
	border-radius: 8px;
}

.search-section
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}


.search-question i 
{
	color: #4A437E;

font-size: 24px;
font-style: normal;

line-height: 125%; /* 30px */
letter-spacing: -0.057px;
}

.chat-box h4
{
	color: #838C99;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 20px */
letter-spacing: -0.057px;
margin: 0px;	
}

.chat-box-container
{
	display: flex;
flex-direction: column;
align-items: flex-start;
/* gap: 260px; */
flex: 1 0 0;
align-self: stretch;
/* height: 749px; */
height: 500px;
margin-bottom: 30px;
}

.sent-row
{
	display: flex;
justify-content: flex-end;
align-items: center;
gap: 8px;
align-self: stretch;
}

.copied 
{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.copied-box
{
	display: flex;
padding: 2px 4px;
justify-content: flex-end;
align-items: center;
gap: 8px;
	border-radius: 168px;
background: #E7E7E7;
}

.copied-box p 
{
	color: #828282;
font-family: SF Pro Display;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;	
}

.message-container
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}

.sent-container
{
	align-items: flex-end !important;
}

.chat-box
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex: 1 0 0;
align-self: stretch;
overflow: scroll;
overflow-y: auto;
overflow-x: hidden;
}

.recieved 
{
	display: flex;
max-width: 350px;
padding: 8px 16px;
align-items: flex-start;
gap: 8px;
	border-radius: 24px;
background: #F3F3F3;
}

.recieved p 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
/* font-weight: 500; */
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
	flex: 1 0 0;
	margin: 0px;
}

.sent p 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
/* font-weight: 500; */
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
	flex: 1 0 0;
	margin: 0px;
}

.sent 
{
	display: flex;
max-width: 400px;
padding: 8px 16px;
align-items: flex-end;
gap: 8px;
flex: 1 0 0;
	border-radius: 24px;
background: #F3F3F3;
}


.search-question
{
	display: flex;
width: 487px;
padding: 8px 0px 16px 0px;
align-items: center;
gap: 16px;
	border-bottom: 2px solid #DEDEDE;
}
/* Changed width*/
.chat-column
{
	width: 100%;
}
.chat-header {
    background-color: #fff;
    padding: 10px 10px;
    border: 10px 10px;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
}
.chat-header h2
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 38.4px */
letter-spacing: -0.057px;
}



.reference 
{
	display: flex;
width: 506px;
align-items: center;
gap: 16px;
margin: 15px 0px;
}

.chat-text
{
	margin: 20px 0px;
}

.book
{
	color: #838C99;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
margin: 0px;
}

.reference-content
{
	display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;
}

.chat-column h3
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
}

.warning-box h3
{
	color: #807F36;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 20px */
letter-spacing: -0.057px;
margin: 0px;
flex: 1 0 0;
}

.chat-search-box form
{
	display: flex; 
 flex-direction: row; 
    justify-content: space-between; 
    width: 100%;
}

.chat-search-box button
{
	background: none;
	border: 0px;
}

.chat-search-box input
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
	flex: 1 0 0;
border: 0;	
outline: none !important;
}



.chat-search-box
{
	display: flex;
padding: 8px 16px;
align-items: center;
gap: 8px;
align-self: stretch;
	border-radius: 103px;
border: 1px solid #D6D6D6;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	justify-content: space-between;
}

.warning-box-container
{
	display: flex;
padding: 8px 16px;
align-items: center;
	flex-direction: row;
gap: 16px;
flex: 1 0 0;
	border-radius: 24px;
background: #FDFCE5;
}

.reference p 
{
	    color: #838C99;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SF Pro Display;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    
    height: 19px;
    margin-bottom: 0px !important;
}

.chat-column h4
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
}


@media (max-width: 820px)
	
{
	.chat-column{width: 100%;}
	.chat-row{flex-direction: column;}
	.reference
	{
		flex-direction: column;
		width: auto;
	}
	
	.chat-row
	{
		padding: 14px;
	}
	.search-page{width: auto !important;}
	
	.chat-row img{width: 100%;}
	.chat-section{padding: 0px 20px;}
	.chat-column h3{font-size: 18px;}
	.search-question h3 {font-size: 16px !important}
	.search-question {width: auto;}
	
	#sponsered.reference
	{
		flex-direction: row;
	}
	
	
	#sponsered.reference h3
	{
		overflow: hidden;
color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
text-overflow: ellipsis;
font-family: Inter;
font-size: 16px;
font-style: normal;

line-height: 125%; /* 20px */
letter-spacing: -0.057px;
		width: 142px;
    height: 20px;
	}
.search-page-articles  h2,
	.search-page-videos  h2
	{
		font-size: 24px;
	}
	
	.chat-box-container {gap: 20px;}
	.sent p, .received p, .chat-search-box input {font-size: 16px;}
	.warning-box h3{font-size: 14px;}
}	
	

/* Search Result Page CSS Ends Here */

/* Support Page CSS Starts Here */

.support-page-container
{
    width: 58.8vw;
	margin: 0 auto;
}

.page-template-support-page .main-header,
.page-template-about-page .main-header,
.page-template-course-page .main-header,
.page-template-umrah-fund .main-header,
.post-type-archive-videos  .main-header

{
	background: unset;
	position: absolute;
	width: 100%;
	backdrop-filter: unset;
}


.page-banner
{
	background: url('/wp-content/uploads/2023/09/banner.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	display: flex;
	height: 479px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.page-banner h1
{
	color: #BCBAE8;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 300;
line-height: 125%; /* 80px */
letter-spacing: -1.5px;
margin: 0 auto;
width: 90vw;
}

#main-banner
{
	margin: 0px !important;
}
.page-banner h1 b 
{
	font-weight: 600;
	color: white;
}


.kabah-row
{
	background: url('/wp-content/uploads/2023/09/kabah.png');
background-repeat : no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 16px;
	box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
	padding: 8px 82px;
}


.kabah-heading h2 {
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
}

.kabah-para p
{
color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
text-align: center;
font-weight: 300;
line-height: 125%;
letter-spacing: -0.057px;
width: 520px
}

.kabah-col
{
	width: 527px;
	gap: 35px;
}




.reason-row
{
	
	border-radius: 16px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
	display: flex;
padding: 32px;
align-items: flex-start;
gap: 16px;
align-self: stretch;

    margin: 0 auto;
	min-height: 390px;
}


.reason-col h2
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 30px */
letter-spacing: -0.057px;
	margin: 0px;
	
}

.reason-col .fa-solid
{
	color: #4A437E;
	font-size: 24px;
	vertical-align: middle;
}

.reason-list
{
	display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
	flex: 1 0 0;
	
}

.list-text p
{
	color: #707986;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30.4px; /* 152% */
margin: 0px;
}

.list-number h3 
{
	display: flex;
width: 50px;
height: 50px;
flex-direction: column;
justify-content: center;
	color: #FFF;
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30.4px; /* 152% */
	border-radius: 136px;
background: #4A437E;
}


.reason-col
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;

}

.list-container
{
	display: flex;
	flex-direction: column;
align-items: center;
gap: 26px;
align-self: stretch;
}

.quote-container 
{
	width: 621px;
	display: flex;
margin : 0 auto;
flex-direction: column;
align-items: center;
gap: 16px;

}

.quote-container span
{
	color: #737373;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Cormorant;
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: 113%; /* 27.12px */
text-transform: capitalize;
}

.quote-container h2
{
	color: #737373;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Cormorant Infant;
font-size: 32px;
font-style: italic;
font-weight: 500;
line-height: 113%; /* 36.16px */
}

@media (max-width: 820px)
{
	.page-banner
	{
		height: 243px;
		padding: 26px 32px;
		    align-items: flex-start;
	}
	
	.page-banner h1
	{
		font-size: 32px;
		text-align: left;
	}
	
	.kabah-row
	{
		background: url('/wp-content/uploads/2023/09/kabah-mobile.png');
		display: flex;

height: 461px;
padding: 54px 32px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
flex-shrink: 0;
		
	}
	
	
	#kabah
	{
		margin: 10px auto;
	}
	.kabah-section
	{
		padding: 0px 7px;
		margin: 10px 0px;
	}
	.kabah-heading h2
	{
		font-size: 28px;
		margin: 0px
	}
	
	.kabah-para p
	{
		font-size: 24px;
		margin: 0px;
		width: auto;
	}
	
	.kabah-col,
	.support-page-container
	{
		width: auto;
	}
	
	
	
	.quote-container
	{
		width: 320px;
	}
	p.bismillah-arabic img {
	    width: 100%;
	}
	p.bismillah-english {
    text-align: center;
}
}



#donorbox-frame .kabah-col{
	margin:0 auto;
}

/* Suppot Page CSS Ends Here */



/* About Page CSS Starts Here */

#journey h2,
#contributors h2,
#what-we-do h2,
#scholars h2,
#content-creators h2,
#trustees h2
{
color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;	
}


.about-page
{
	margin-bottom: 128px;
	
}

.what-we-do-row
{
	display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px;
width: 90vw;
margin: 128px auto;
}

.what-we-do-column
{
	display: flex;
align-items: flex-start;
gap: 64px;
align-self: stretch;
}



.what-we-do-para 
{
	flex: 1 0 0;
}

.what-we-do-column p 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 150%; /* 27px */
letter-spacing: -0.057px;
margin: 0px;

}

.cta-container
{
	   display: flex;
flex-direction: column;
align-items: flex-end;
gap: 16px;
}

.cta-row
{
	   display: flex;
	gap: 16px;
}


.cta-col
{
	display: flex;
align-items: flex-start;
gap: 16px;
}

.cta
{
	display: flex;
padding: 16px;
align-items: center;
gap: 16px;
	border-radius: 16px;
border: 2px solid #FFF;
background: #FFF;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}


.cta-content h3
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
margin: 0px;
}

.cta-content p 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 125%; /* 17.5px */
letter-spacing: -0.057px;
margin: 0px;
}

.journey-container
{
	margin: 0 auto;
	width: 90vw;
	
}

.journey-heading
{
	font-size: 28px;
	font-weight: normal;
	
}


.journey-para
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 21px */
letter-spacing: -0.057px;
margin-bottom: 0px;
}

.journey-swiper
{
	margin-top: 32px;
	padding-bottom: 22px;
	margin-bottom: 60px;
}
.journey-swiper .swiper-slide
{
	display: flex;
min-height: 550px;	
padding: 16px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
	border-radius: 16px;
border: 2px solid rgba(255, 255, 255, 0.10);
background: #FFF;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}



.journey-swiper img
{
	border-radius: 8px;
	height: 250px;
flex-shrink: 0;
align-self: stretch;
}

.contributors-container
{
	width: 90vw;
    margin: 0 auto;
}

.contributors-container p,
.scholars-container p,
.creator-container p,
.trustees-container p
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
letter-spacing: -0.057px;
margin: 0px;	
}
.trustees-container p{
	margin-top: 15px
}

.team-container
{
	margin-top: 24px;
	    display: flex;
    flex-direction: column;
    gap: 13px;
}

.team-img img
{
	width: 93.117px;
height: 93.117px;
	border-radius: 8px;
}

.empty
{
	visibility: hidden;
}
.team-col
{
	/* display: flex;
padding: 12px;
align-items: center;
gap: 10px;
flex: 1 0 0;
align-self: stretch;
border-radius: 16px;
border: 2px solid #FFF;
background: #FFF;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);	 */
	
	display: flex;
    padding: 12px;
    align-items: center;
    gap: 10px;
    flex: 0 0 calc(25% - 24px);
    align-self: stretch;
    border-radius: 16px;
    border: 2px solid #FFF;
    background: #FFF;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
    box-sizing: border-box;
}

.team-row
{
	/* display: flex;


align-items: flex-start;
gap: 11px; */

display: flex;
align-items: flex-start;
flex-wrap: wrap;
gap: 11px;
}
.team-heading
{
	display: flex;
align-items: center;
gap: 8px;
align-self: stretch;
}


.team-heading h3 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
 flex: 1 0 0;	
	margin: 0px;
}

.social-icons
{
	display: flex;
align-items: center;
gap: 5.886px;
}

.social-icons i
{
color: #4A437E;	
}


.team-content
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
flex: 1 0 0;
}

.team-para p 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 17.5px */
letter-spacing: -0.057px;
margin: 0px;
}



.team-btn a 
{
	cursor: pointer;
	color: #FFF !important;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
text-decoration: none; 
}

.team-btn
{
	margin-top: 52px;
	display: flex;
	justify-content: center;
	
}

.team-btn a
{
	display: flex;
padding: 12px 30px;
align-items: flex-start;
gap: 8px;
	border-radius: 94px;
background: #4A437E;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}

.scholars-container,
.creator-container,
.trustees-container
{
	width: 90vw;
    margin: 0 auto;
}



#scholars,
#content-creators,
#trustees
{margin-top: 128px;}


@media(max-width: 820px)
{
	.about-page
	{    
		padding: 64px 32px;
		margin-bottom: 0px;
	}
	
	.what-we-do-row,
	.journey-container,
	.contributors-container,
	.scholars-container, .creator-container, .trustees-container 
	{
	
    margin: 0px auto;
	}
	
	.empty
	{
		display: none;
	}
	
	.journey-swiper
	{margin-bottom: 0px;}
	
	
	#scholars, #content-creators, #trustees 
	{margin-top: 0px;}
	
	.what-we-do-column,
	.cta-row,
	.team-row
	{    
		flex-direction: column; 
	}
	
	
	.cta-container
	{
		    align-items: flex-start;
		
	}
	.page-template-about-page .team-container
{
	margin-top: 32px;
}
}

/* About Page CSS Ends Here */



/* Video Page CSS Starts Here */




.featured-image
{
	border-radius: 4px;
box-shadow: 0px 6px 12px 0px rgba(132, 132, 132, 0.20);
width: 100%;
}





.post-content-col > p
{
	
	color: #787878;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 24px */
margin: 0px;
position: relative;
	
}

.post-content
{
	width: 100%;
}

.post-content-col
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;

}

.post-heading
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;
}


.post-excerpt
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin: 0px;	
}

.post-meta
{display: flex;

align-items: center;
gap: 8px;
align-self: stretch;
}


.post-views p,
.post-percent p 
{
	color: #787878;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 24px */
margin: 0px;
}

.post-percent
{
	flex: 1 0 0;
	margin-bottom: 10px;
}


.post-likes
{
	display: flex;

align-items: flex-start;
gap: 8px;
}


.like-icon
{
	
    width: 21px;
    height: 21px;
	}
	
.dislike
{
	transform: rotate(180deg);
}	
	
.share-col
{
	display: flex;
padding: 16px;
align-items: center;
justify-content: space-between;	
gap: 8px;
align-self: stretch;
	border-radius: 8px;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #2A2972;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.share-heading h2
{
	color: #2A2972;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
	margin: 0px;
}
.share-heading P
{
	color: #2A2972;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
	margin: 0px;
}

.share-icons
{
	display: flex;
align-items: center;
gap: 32px;
	
}



.share-icons i 
{
	color: #2A2972;
	font-size: 32px;
}


.summary
{
	display: flex;
padding: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 8px;
align-self: stretch;
	border-radius: 8px;
background: linear-gradient(0deg, #FFF 0%, #FFF 100%), #2A2972;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.summary-heading h2 
{
	color: #2A2972;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
	margin: 0px;
}
.summary-heading p
{
	color: #2A2972;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
	margin: 0px;
}


.summary-heading::after
{
	content: "\f107";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	color: #4A437E;
	font-size: 24px;
	position: absolute;
    right: 20px;
	cursor: pointer;

}


.summary-heading
{
	display: flex;

	align-items: center;
gap: 8px;


}

.summary-points li 
{
	color: #2A2972 !important;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter !important;
font-size: 24px !important;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
}

.youtube-section
{
	display: flex;
height: 123px;
padding: 16px;
align-items: center;
gap: 8px;
align-self: stretch;
border-radius: 16px;
background: linear-gradient(90deg, #CC2A2A 6.05%, #A30000 63.8%);
box-shadow: 0px 6px 12px 0px rgba(238, 156, 76, 0.15);
}

.youtube-row
{
	display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
flex: 1 0 0;
}

.youtube-heading
{
	display: flex;
width: 176px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 4px;
}



.youtube-heading h3 
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
letter-spacing: -0.057px;
text-transform: uppercase;
margin: 0px;	
	
}
.youtube-heading p
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
letter-spacing: -0.057px;
text-transform: uppercase;
margin: 0px;	
	
}
.youtube-icon h2
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin: 0px;	
}
.youtube-icon p
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin: 0px;	
}

.youtube-icon i 
{
	color: white;
	font-size: 40px;
}

.youtube-icon
{
	display: flex;

    justify-content: flex-start;
align-items: center;
gap: 8px;
align-self: stretch;
}


.youtube-btn
{
	display: flex;
padding: 8px 16px;
align-items: flex-start;
gap: 8px;
	border-radius: 142px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.youtube-btn a 
{
	color: #000;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
	text-decoration: none;
}
/* Changed / Gap*/

.popular-container
{
	display: flex;

flex-direction: column;

gap: 35px;
padding: 0px 40px;	
}

.popular-heading h2 
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
margin: 0px;
}
.popular-heading p
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
margin: 0px;
}

.popular-videos-section
{
	display: flex;
align-items: flex-start;
flex-wrap: wrap;	
gap: 16px;
align-self: stretch;
	justify-content: flex-start;
}

.post-type-archive-videos .popular-videos-section
{
	justify-content: start !important;
}


.popular-posts 
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
flex-basis: calc(34.50% - 26px);
align-self: stretch;
margin-bottom: 30px	
}

@media (min-width: 1600px)
{
	.popular-posts
	{
		flex-basis: calc(25% - 12px);
		margin-bottom: 30px;
	}
	
	
	
}

.popular-posts > a {width: 100%;}

.popular-posts h2 
{
	color: #17263D;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: -0.057px;
margin: 0px;
}
.popular-posts .popular-posts-tile
{
	color: #17263D;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: -0.057px;
margin: 0px;
}

.popular-posts img
{
	border-radius: 8px;
	width: 100%;
	height: 15vw;
	object-fit: cover;
	
}

.popular-meta p 
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
margin: 0px;
}

.popular-meta img
{
	width: 18px !important;
	height: auto;
	margin-top: -6px;

}

.sidebar-container h2 
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin: 0px;
	  
    padding: 8px 0px;

}
/* .sidebar-container p
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin: 0px;
	  
    padding: 8px 0px;

} */

/* new */
section#featured-section .sidebar-heading p {
	display: block;
}
.sidebar-heading p {
	border-bottom: 2px solid #DCD8FC;
}
.sidebar-heading p 
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin: 0px;
	  
    padding: 8px 0px;

}


.sidebar-container
{
	display: flex;
padding: 8px 0px;
	    flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.sidebar-heading
{

	display: flex;

align-items: flex-start;
gap: 8px;
}

.sidebar
{
	width: 25%;
}


.post-row
{
	display: flex;

padding-top: 44px;
width: 90vw;
margin: auto;
align-items: flex-start;
gap: 42px;
}


.sponsered-container
{
	display: flex;

justify-content: center;
align-items: center;
gap: 8px;
}

.sponsered-container .sponsered
{
	color: white;
	font-size: 12px;
	    padding: 1px 4px;
}

.related-articles
{
	display: flex;
padding: 8px 0px;
align-items: center;
gap: 14px;
align-self: stretch;
}

.related-articles img
{
	border-radius: 8px;
}
.sponsor-name
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 15px */
letter-spacing: -0.057px;
margin: 0px;	
}

.related-heading 
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 20px */
letter-spacing: -0.057px;
	margin: 0px;
	  text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.related-heading a 
{
	color: #2D2A64;
}
.related-heading a:hover {
	color: #1C14DA;
}

.read-time
{
	color: #7973A4;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 17.5px */
letter-spacing: -0.057px;
margin: 0px;	
}

.related-content
{
	display: flex;
	flex-direction: column;
align-items: flex-start;
gap: 4px;
}

.related-articles-container
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
align-self: stretch;
}



.post-meta-mobile, .mobile{display: none;}

@media (max-width: 820px)
{
	.post-row {
    padding: 0px 20px !important; 
		flex-direction: column;
}
	
	.popular-container
	{padding: 0px 20px !important; }
	
	.sidebar {
    width: 100%;
}
	
	.popular-heading h2
	{
		font-size: 24px;
	}
	.popular-heading p
	{
		font-size: 24px;
	}
	.popular-posts{flex-basis: 100%;}
	.popular-posts img{width: 100%;}
	.post-content-col > p {
		font-size: 16px;
}
	
	.share-heading h2,
	.summary-heading h2,
	.summary-points li 
	{
		font-size: 16px;
	}
	.summary-heading p
	{
		font-size: 16px;
	}
	.share-heading p
	{
		font-size: 16px;
	}
	
	
	.post-heading
	
	{
		font-size: 32px;
	}
	
	.post-meta
	{
		display: none;
	}
	.post-meta-mobile
	{
		display: block;
	}
	
	.post-percent-container
	{
		display: flex;
padding: 16px;

align-items: flex-start;
gap: 8px;
align-self: stretch;
		border-radius: 8px;
background: #FFF;
box-shadow: 0px 6px 12px 0px rgba(132, 132, 132, 0.20);
	margin-top: 10px;	
	}
	
	.mobile{display: block;}
	 .post-percent p 
	{
		font-size: 16px;
	}
	.youtube-section
	{
		flex-direction: column;
		height: auto;
		
	}
	.playlist img {
    width: 100%;
}
	.youtube-heading,
	.youtube-row
	{
		flex-direction: column;
	}

	.youtube-heading
	{
		align-items: center;
		
	}
	
	.summary-heading::after
	{
		display: none;
	}
}
	
/* Video Page CSS Ends Here */


/* Course Page CSS Starts Here */

.course-banner-container
{
	padding: 0px 40px;
	height: 50vw;
	background: url('/wp-content/uploads/2023/09/course-banner.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 34px;
	align-self: stretch;
}

.course-banner-container h1,
.video-banner-container h1
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
text-align: center;	
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 100px */
letter-spacing: -1.5px;
margin: 0px;
}


.course-banner-container p ,
.video-banner-container p
{
	color: #444;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 30px */
	margin: 0px;
	width: 1000px;
}



.banner-btn-container
{
	display: flex;
justify-content: center;
align-items: center;
gap: 16px;
	
}



.btn-blue
{
	display: flex;
/* padding: 8px 16px; */
align-items: flex-start;
gap: 8px;
	border-radius: 71px;
background: #434390;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
backdrop-filter: blur(10px);
}

.btn-blue a
{
	text-decoration: none; 
	padding: 8px 16px;
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
}


.btn-white
{
	display: flex;

align-items: flex-start;
gap: 8px;
	border-radius: 71px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
backdrop-filter: blur(10px);
}


.btn-white a 
{
	padding: 8px 16px;
	color: #434390;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
}

#course
{
	margin: 0px;
	margin-bottom: 151px;
}

.course-videos-container
{
	margin: 0 auto;
	width: 90vw;
	display: flex;

flex-direction: column;
align-items: center;
gap: 48px;
}

.series 
{
	display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
align-self: stretch;
}

.series h2
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
}

.series .share-col h2 

{
	font-size: 24px;
}

.series .share-col
{
	width: 476px;
}


@media (max-width: 820px)
{
	
	.video-banner-container
	{
		height: 170vw;
		padding: 0px 20px;
	}
	
	
	.course-banner-container{
		height: 174vw;
		background-position: -428px -105px;
	}
	
	.course-banner-container h1,
	.video-banner-container h1
	{
		font-size: 48px
	}
	
	.course-banner-container p,
	.video-banner-container p 
	{
		font-size: 16px;
	}
	
	.banner-btn-container
	{
		flex-direction: column;
	}
	
	.series
	{
		flex-direction: column;
		
	}
	
	.series .share-col {
    width: auto;
	flex-direction: column;
}
	
	.course-videos-container
	{
		padding: 0px 20px;
	}
	
	#course{margin-bottom: 20px;}
	
}
/* Course Page CSS Ends Here */


/* Article Page CSS Starts Here */

.single-post .post-row
{
	    flex-direction: row-reverse;
}

.table-of-content li
{
	color: #47417C;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 19.2px */
letter-spacing: -0.057px;
}

.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
margin-bottom: 10px	
}
.article-content h2 span,
.article-content h3 span,
.article-content h4 span,
.article-content h5 span,
.article-content h6 span
{
font-weight: 600 !important;

}

.article-content
{
	display: flex;
padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}

.article-content p 
{
	color: #2C2C2C;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 27px */
letter-spacing: -0.057px;
margin-bottom: 20px;	
word-wrap: break-word;
}
.article-content p a {
	color:#7C7ACB;
	font-weight: 600;
}
.article-content p a:hover {
	color:#2D2A64;
}
.article-content .quote-container
{
	margin-bottom: 20px;
}

.article-content img
{
	border-radius: 8px;
	
}
 .alignright {
    float: right;
	     margin-left: 1.25rem;
}

.post-images
{
	display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}

.post-images img
{
	width: 20vw;
	flex: 1 0 0;
}

.quote-container h2 
{
	color: #737373;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Cormorant Infant;
font-size: 32px;
font-style: italic;
font-weight: 500;
line-height: 113%; /* 36.16px */
}

.article-content .post-percent p 
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
}

.article-meta
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}

.report
{
	display: flex;
	gap: 6px;
	align-items: center;
	
	
}


.report button 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 120%;
text-decoration: underline;
background: none;	
border: 0px;

}


.report i 
{
 color: #4A437E;
}




.post-content .funds-section
{
	padding: 0px;
	margin-top: 30px;

}


.post-content .funds-row
{
	height: 281px;
}

.featured-bg
{
	height: 571px;
	
	
		background-image: url('/wp-content/uploads/2023/09/featured-article.png');
		background-position: center !important;
		background-size: cover;
		background-repeat: no-repeat;
	display: flex;
	border-radius: 16px;
	margin-bottom: 32px !important;

box-shadow: 0px 6px 12px 0px rgba(132, 132, 132, 0.20);


    padding: 11px;
align-items: flex-end;
gap: 8px;
align-self: stretch;
		margin-bottom: 10px;
justify-content: flex-start;	
	
}

.underline
{
	text-decoration: underline;
}
.verified-bg h3
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 15.834px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin: 0px;

}

.verified-bg
{
	display: flex;
padding: 5.278px 10.556px;
justify-content: center;
align-items: center;
gap: 5.278px;
	border-radius: 10.556px;
background: #6357BB;
}

.featured-bg.mobile
{
	display: none !Important;
}



.sponsored-container
{
	display: flex;
padding: 16px;
align-items: center;
gap: 8px;
align-self: stretch;
	border-radius: 8px;
background: linear-gradient(90deg, #EC943F 6.05%, #F3B97A 63.8%), url(<path-to-image>), lightgray 481.451px -133.286px / 57.079% 371.42% no-repeat;
box-shadow: 0px 6px 12px 0px rgba(238, 156, 76, 0.15);
}
/* Changed Text-Transform*/
.sponsored-col-content p
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 24px */
letter-spacing: -0.057px;
text-transform: capitalize;
	margin: 0px
}


.sponsored-title p
{
color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
flex: 1 0 0;
}

.sponsored-title
{
	display: flex;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
}

.sponsored-col-content
{
	display: flex;
	    align-items: flex-start;
flex-direction: column;
justify-content: center;

gap: 4px;
flex: 1 0 0;
}

.sponsored-row
{
	display: flex;
justify-content: center;
align-items: center;
gap: 16px;
flex: 1 0 0;
}

.sponsored-col-btn 
{
	display: flex;
padding: 8px 16px;
align-items: flex-start;
gap: 8px;
	border-radius: 142px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.sponsored-col-btn a 
{
	color: #000;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
}


@media (max-width: 820px)
{
	.page-template-article-page .post-row
	{
		flex-direction: column;
	}
	
	.featured-bg.mobile
	{
		border-radius: 0px;
		box-shadow: none;
		display: flex !important;
		height: 251px;
	}
	
	.featured-bg 
	{
		display: none;
	}
	
	.post-content .funds-section
	{
		margin: 0px;
	}
	
	.page-template-article-page .featured-image
	{
		display: none;
	}
	
	
	
	#featured-section
	{
		margin: 20px auto;
		
	}
	
	.sponsored-row
	{
		flex-direction: column;
	}
	.sponsored-col-content {
	align-items: center;
	}

}
/* Article Page CSS Ends Here */


/* Umrah Page CSS Starts Here */

.umrah-banner-container
{
	padding: 0px 40px;
	height: 50vw;
	background: url('/wp-content/uploads/2023/09/umrah-banner.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 34px;
	align-self: stretch;
}

.umrah-banner-container h1
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
text-align: center;	
font-size: 80px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 100px */
letter-spacing: -1.5px;
margin: 0px;
}

#umrah-banner
{
	margin: 0px;
	margin-bottom: 151px;
}

.umrah-banner-container p 
{
	color: #4A437E;

text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 30px */
	margin: 0px;
}


.past-container
{
	padding: 0px 100px;
}

.past-container h2
{
	color: #4A437E;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin-bottom: 32px;
}

.past-slide-content h2 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 30px */
letter-spacing: -0.057px;
margin: 0px
}

.past-slide-content p
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
margin: 0px;
}

.past-slide
{
	display: flex;
padding: 32px;
align-items: center;
gap: 32px;
align-self: stretch;
border-radius: 25px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);	

	
}

.past-swiper {
    padding-bottom: 13px;
}

.past-slide-content
{
	display: flex;
width: auto;
padding: 8px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.past-img img
{
	border-radius: 15px;
	
}



.past-btn
{
	display: flex;

align-items: flex-start;
width: fit-content;	
gap: 8px;
	border-radius: 142px;
background: #363481;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.past-btn a 
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 20px */
letter-spacing: -0.057px;
}




#past,
#partners
{
	margin-top: 84px;
}

.partners-container
{
	padding: 0px 100px;
}

.partners-container h2
{
	color: #4A437E;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
}

.partner-content
{
	display: flex;
	padding: 8px 0px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	flex-wrap: wrap;
}


.partner-box
{
	display: flex;
width: 431px;
min-height: 300px;

padding: 32px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex-shrink: 0;
border-radius: 16px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);	
	flex-basis: calc(33% - 10px);
}


.partner-header
{
	display: flex;
	justify-content: space-between;
align-items: flex-start;
gap: 16px;
align-self: stretch;
}



.nomination-container
{
	padding: 0px 100px 100px;
	display: flex;
align-items: flex-start;
gap: 16px;
align-self: stretch;
margin-top: 130px;	
	
}

.nomination-card
{
	border-radius: 16px;
background: #FFF;
display: flex;
padding: 16px;
align-items: flex-start;
gap: 12px;
flex: 1 0 0;
align-self: stretch;	
}

.nomination-content h3
{
	color: #17263D;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: -0.057px;
margin: 0px;
}

.nomination-image svg
{
	width: 55.373px;
height: 55.373px;
	fill: #E2E1ED;
}

.nomination-content p 
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%; /* 19.2px */
	margin: 0px;
}


.partner-heading
{
	flex: 1 0 0;
}

.partner-heading h2
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
 
}

.partner-box p 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 24px */
}


@media (max-width: 820px)
{
	.umrah-banner-container h1
	{
		font-size: 32px;
	}
	.umrah-banner-container{
		    height: 604px;
    padding: 114px 0px 12px 0px;
    background-position: center -110px !important;
	}
	.past-container{padding: 0px 20px;}
	#umrah-banner {
 
    margin-bottom: 20px;
}
	
	.page-template-umrah-fund #videos
	{
		display: none;
	}
	.past-img img
	{
		width: 100%;
	}
	
	.past-slide-content{padding: 8px 16px;}
	.past-slide-content p{font-size: 16px}
	.past-slide-content h2{font-size: 20px}
	
	
	
	.past-slide{
		flex-direction: column;
		padding: 16px;
		min-height: 600px;
	}
	.partners-container, .nomination-container{padding: 0 20px;}
	
	.nomination-container
	{
		flex-direction: column;
	}
	
	#partners{margin-top: 80px;}
	
	.partner-box
	{
		flex-basis: 100%;
		width: auto;
	}
	.partner-header
	
	{
		flex-direction: column;
	}
}
/* Umrah Page CSS Ends Here */




/* Madinah Page CSS Starts Here */

#madinah-banner
{
	margin: 0px;
}

section#daybyday .landmarks-container {
    padding: 0px 40px;
}
section#hajj-navigation .nav-item {
	border: 2px solid transparent;
	padding: 0;
}
section#hajj-navigation .nav-item:hover {
border: 2px solid #434390;
}

section#hajj-navigation .nav-item a {
	display: block;
    padding: 12px 16px;
    width: 100%;
}
.madinah-container
{
	padding: 0px 40px;
	background: url('/wp-content/uploads/2023/09/madinah-banner.png') !important;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat !important;
	display: flex;
	height: 866px;
	background-position: center center !important;
	/* height: 1069px; */
	padding: 110px 0px;
	justify-content: center;
	align-items: center;
	gap: 110px;
	flex-shrink: 0;
	background-size: cover !important;
}

.madinah-banner-headings
{
	display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}

.madinah-banner-headings h2 
{
	color: #776DC0;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 400 !important;
line-height: 125%; /* 45px */
letter-spacing: -1.5px;
	margin: 0px;
}

.madinah-banner-headings h1
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 80px */
letter-spacing: -1.5px;
	margin: 0px;
}


.madinah-container
{
	display: flex;

flex-direction: column;
align-items: center;
gap: 32px;
flex-shrink: 0;
}

.banner-share
{
	display: flex;
padding: 16px 0px;
justify-content: center;
align-items: center;
gap: 32px;
align-self: stretch;
}


.banner-share h3
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
letter-spacing: -0.057px;
margin: 0px;	
}


.banner-navgation
{
	display: flex;

padding: 16px;
flex-direction: column;
align-items: center;
gap: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
background: rgba(74, 67, 126, 0.58);
backdrop-filter: blur(18px);
	margin-top: -113px;
}

.navigation-container
{
	display: flex;

padding: 16px 0px;
align-items: center;
gap: 16px;
}

.nav-item
{
	display: flex;
padding: 12px 16px;
justify-content: center;
align-items: flex-start;
gap: 8px;

border-radius: 8px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);	
}

.nav-item a 
{
	color: #363481;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
}

.nav-item svg {
    margin-right: 7px;
    height: 20px;
    margin-top: -3px;
}

.introduction-container
{
	padding: 0px 80px;
	display: flex;
flex-direction: column;

gap: 16px;
align-self: stretch;
}

.introduction-container h2
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
}

.introduction-content
{
	display: flex;
padding: 32px;
flex-direction: column;
align-items: center;
gap: 16px;
align-self: stretch;
	border-radius: 16px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}

.introduction-content p 
{
	color: #707986;
font-family: Inter;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30.4px; /* 160% */
}


.introduction-content .quote-container h2
{
	color: #737373;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Cormorant Infant;
font-size: 32px;
font-style: italic;
font-weight: 500;
line-height: 113%; /* 36.16px */
}

.custom-text
{
	color: #737373;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Cormorant;
font-size: 17px;
font-style: italic;
font-weight: 500;
line-height: 126.5%;
text-transform: capitalize;
}

.getting-there-container
{
	padding: 0px 80px;
	display: flex;
flex-direction: column;

gap: 16px;
align-self: stretch;
}

.container-heading {
    display: flex;
    gap: 17px;
    align-items: center;
}

.container-heading h2
{
color: #363481;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;	
	
}

.getting-there-container img
{
	width: 100%;
	border-radius: 16px;
}

.getting-there-container p 
{
	color: #707986;
font-family: Inter;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30.4px; /* 160% */
	margin: 0px;
}

.component-guide-section .services-container
{
    padding: 0px 20px;
}
/* .component-guide-section .landmarks-container {
	padding: 0px 80px;
} */
/* .tab-container.daybyday {
	padding: 0px 80px;
} */
.services-container .container-heading h2 {
	margin-bottom: 30px;
}
/* section#restaurants {
	margin: 30px auto;
} */
.page-template-madinah section#daybyday .landmarks-container {
    padding: 0px 20px;
}

.services-slide 
{
	display: flex;
/* min-width: 402px; */
/* min-width: 445px; */
/* min-height: 713px; */
min-height: 500px;
padding: 25px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 25px;
border-radius: 25px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);	
}

.services-slide h2 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 30px */
letter-spacing: -0.057px;
margin: 0px;
width: 85%;
	
}
.container-images {
	margin-top: 20px;
}

.services-slide h2:after
{
	content: '';
	background: rgba(74, 67, 126, 0.14);
	width: 100%;
height: 1px;
	display: block;
	margin-top: 20px;
	
}

.services-slide img
{
	border-radius: 15px;
	width: 100%;
	height: 220px;
	object-fit: cover;
}
.service--pop a {
	display: flex;
    padding: 10px 14px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-radius: 5px;
    background: #363481;
}
.service--pop a:hover{
	border-radius: 5px;
    box-shadow: 0px 0px 10px 0px rgba(45,52,100, 0.6);
    backdrop-filter: blur(0px);
}
.service--pop a i {
	color: #FFF;
	font-size: 14px;
	font-style: normal;
}
.service--pop {
	display: flex;
    align-items: start;
    gap: 25px;
    align-self: stretch;
	width: 100%;
    justify-content: space-between;
}
.services-slide p 
{
	color: #707986;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */
	margin: 0px;
	display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.services-swiper {
    padding-bottom: 10px;
}

/* .service-btn
{
	border-radius: 5px;
background: #363481;
} */
/* .service-btn a
{
	color: #FFF;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.057px;
    border-radius: 142px;
    background: #363481;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 8px;
}

.service-btn i 
{
	color: white;
	font-size: 14px;
} */

#services .container-heading h2
{
	margin-bottom: 16px;
}

.landmarks-container
{
	padding: 0px 40px;
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}

.landmarks-container p 
{
	color: #707986;
font-family: Inter;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30.4px; /* 160% */
}

   /* Container for the tab layout */
        .tab-container {
            display: flex;
			border-radius: 16px;
			background: #FFF;
			box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
			width: 100%;
			
        }

        /* Style for the left side (tabs) */
        .tab-sidebar {
         
            
            padding: 10px;
            overflow-y: scroll;
           max-height: 938px;
			margin-right: 20px;
        }

        /* Style for each tab item */
        .tab-item {
            cursor: pointer;
            margin-bottom: 10px;
			display: flex;
			width: 506px;
			padding: 16px;
			align-items: center;
			gap: 16px;
			border-bottom: 2px solid #DEDEDE;
        }

        /* Style for the active tab */
        .active-tab {
            border-radius: 23px;
background: linear-gradient(0deg, #F5F4FD 0%, #F5F4FD 100%), #FFF;
			border-bottom: 0px;
        }

        /* Style for the right side (content) */
        .tab-content {
            flex-grow: 1;
            width: 500px;
        }

.tab-sidebar::-webkit-scrollbar {
    width: 10px; /* Set the width of the scrollbar */
    border-radius: 20px; /* Set the border radius for the scrollbar */
    background: transparent; /* Set the background color for the scrollbar */
}

/* Style for scrollbar track */
.tab-sidebar::-webkit-scrollbar-track {
    background: transparent; /* Make the scrollbar track transparent */
}

/* Style for scrollbar thumb (the draggable part) */
.tab-sidebar::-webkit-scrollbar-thumb {
    background: #8D8D8D; /* Set the color of the scrollbar thumb */
    border-radius: 20px; /* Set the border radius for the scrollbar thumb */
}

.active-tab .tab-title-content h3
{
	font-weight: 700;
}

.tab-title-content h3
{
color: #616976;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 30.4px; /* 152% */	
margin: 0px;	
}

.tab-item img 
{
	border-radius: 15px;
	width: 62px;
	height: 66px;
	object-fit: cover;
}

.uhud-banner
{
	background: url('/wp-content/uploads/2023/09/uhud-banner.png');
	
}

.tab-banner

{
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	height: 402px;
	display: flex;
border-top-right-radius: 16px;
padding: 112px 32px 16px 32px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}


.tab-banner h3
{
	color: #FFF;
font-family: Inter;
font-size: 24px;
font-style: italic;
font-weight: 400;
line-height: 150%; /* 36px */
}


.images-slide img
{
width: 100%;
border-radius: 20px;
}

.images-swiper {
    padding: 30px;
    margin-top: 32px;
}

.tab-info p 
{
	color: #707986;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%; /* 26px */


}

.tab-text
{
	padding: 30px;
}


.hotels-container,
.restaurant-container,
.shopping-container
{
	padding: 0px 40px;
}

#hotels .container-heading ,
#restaurant .container-heading,
#shopping .container-heading
{
	margin-bottom: 16px;
	margin-top: 30px;
}

.history-container
{
	padding: 0px 80px ;

}
/* .component-guide-section .history-container {
	padding: 0px 80px;
} */
/* Changed */

.accordion-container
{
		display: flex;
		margin-top: 15px;	
/* padding: 32px 48px; */
padding: 32px 32px;
align-items: flex-start;
gap: 16px;
align-self: stretch;
	border-radius: 16px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}

 /* Style for the accordion */
        .accordion {
            display: flex;
            flex-direction: column;
        }

.accordion-header h2
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 30px */
letter-spacing: -0.057px;
margin: 0px;	
	cursor: pointer;
}

/* Commented */
.accordion-header h2:before
{    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    color: #4A437E;
    font-size: 24px;
    /* position: absolute; */
   /* left: 55px; */
   margin-right: 10px;
}

#haram
{
	padding-bottom: 100px;
}

 /* .accordion-content 
{
	margin-top: 20px;
} */

.accordion-item {
    background-color: unset;
    border: none;
}

      

        /* Style for the accordion item content (hidden by default) */
        .accordion-content {
/*            display: none;*/
           
           
        }

.accordion-images
{
	display: flex;


min-height: 1px;
padding: 26.67px 0px 20px 0px;
align-items: flex-start;
gap: 15px;
}

.accordion-images img
{
	width: 100%;
	border-radius: 20px;
}

.accordion-content p,
.accordion-content li,
.accordion-content h2
{
	color: #707986 ;
font-family: Inter ;
font-size: 19px ;
font-style: normal ;
font-weight: 400;
line-height: 30.4px; /* 160% */
	
}

.page-template-pilgrim-prayer .accordion-header h2 {
	padding-bottom: 20px;
}


.strong
{
	font-weight: 700 !important;
}

.accordion-btn
{
	display: flex;
padding: 8px 16px;
align-items: flex-start;
gap: 8px;
	width: fit-content;
	border-radius: 142px;
background: #363481;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.accordion-btn a 
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 20px */
letter-spacing: -0.057px;
}


@media(max-width: 820px)

{
	.madinah-container
	{
		height: 622px;
		/* padding: 0px 8px 160px 8px; */
		background-size: cover !important;
	}
	
	.madinah-banner-headings h2 
	{
		font-size: 28px;
	}
	
	.madinah-banner-headings h1
	{
		font-size: 40px;
		text-align: center;
	}
	.introduction-container,
	.getting-there-container,
	.services-container,
	.landmarks-container,
	.hotels-container,
	.restaurant-container,
	.shopping-container,
	.history-container
	
	{
		padding: 0px 20px;
	}
	
	.introduction-container h2,
	.getting-there-container h2,
	.services-container h2,
	.landmarks-container h2,
	.hotels-container h2,
	.restaurant-container h2,
	.shopping-container h2,
	.history-container h2
	{
		font-size: 24px;
	}
	
	.getting-there-container svg,
	
	.landmarks-container svg,
	.hotels-container svg,
	.restaurant-container svg,
	.shopping-container svg
	{
		width: 33px;
	}
	
	.services-container svg
	{
		width: 65px;
	}
	
	.images-slide img{width: 300px;}
/* 	.images-slide{width: 314px !important;} */
	
	.tab-container {
	flex-direction: column;

	}
	
	.tab-item,
	.tab-content
	{
		width: auto !important;
		
	}
	
	.tab-sidebar
	{
		max-height: unset;
	}
	
	.tab-banner
	{
	  border-top-right-radius: 0px;	
	}
	
	.tab-banner
	{
		height: 250px;
	}
	.tab-title-content h3{font-size: 15px;}
	.accordion-images{flex-direction: column;}
	.accordion-header h2:before{left:35px;}
	
	.navigation-container
	{
		flex-direction: column;
		    height: 78px;
		align-items: flex-start;
    overflow: hidden;
	}
	
	.banner-navgation{
		/* margin-top: -36px !important;
		 flex-direction: row;
		justify-content: space-between;
		padding: 0px !important;
		padding-right: 20px; */
		display: none;
		
	}
	
	.nav-item
	{
		background: unset;
		
		box-shadow: unset;
	}
	
	.nav-item a 
	{
		color: white;
	}
	
	.nav-item svg path
	{
		fill: white;
	}

	.banner-nav-btn
	{
		color: white;
		    position: absolute;
    top: 27px;
    right: 20px;
	}
}



/* Madinah Page CSS Ends Here */



/* Hajj Page CSS Starts Here */
/* Changed */
.hajj-container
{
	padding: 20px 40px;
	/* padding: 110px 40px; */
	display: flex;
/* width: 88%; */
width: 100%;
margin: 0 auto;
justify-content: space-between;
align-items: center;
gap: 110px;
flex-shrink: 0;
}

.hajj-heading-col h2 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 80px */
letter-spacing: -1.5px;
	margin: 0px;
}


.hajj-heading-col p 
{
	color: #776DC0;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 45px */
letter-spacing: -1.5px;
	margin: 0px;
}

.toggle
{
	display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}

.toggle h3
{
	color: #A1A1A1;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 25px */
margin: 0px;	
}

.hajj-banner-content
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
}

.highlighted
{
	color: #776DC0 !important;
}
/* Changed */

/* Adding Pulse Animation */

/* .toggle-btn {
	background: #4A437E;
	box-shadow: 0 0 0 0 rgba(52, 172, 224, 1);
	animation: pulse-blue 2s infinite;
}

@keyframes pulse-blue {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(52, 172, 224, 0);
	}
	
	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(52, 172, 224, 0);
	}
} */


.pulse {
	animation: pulse-animation 2s infinite;
  }
  
  @keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px rgb(74 67 126 / 42%);
	}
	100% {
	  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}
  }
.toggle-btn
{
	display: flex;
width: 60px;
padding: 6px;
justify-content: flex-start;
align-items: center;
gap: 4px;
border-radius: 66px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);	
}

.circle
{
	width: 21.63px;
height: 21.627px;
flex-shrink: 0;
	border-radius: 132px;
background: #6C64A7;
}

.hajj-heading-col
{
	display: flex;

flex-direction: column;
align-items: flex-start;
gap: 32px;
flex-shrink: 0;
}

.hajj-image-col img {
    width: 100%;
}

.day
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
margin: 0px;	
}

.number
{
	color: #4A437E !important;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: 78%; /* 37.44px */
letter-spacing: -0.057px;
	margin: 0px;
}

.day-container
{
	display: flex;
width: 53px;
flex-direction: column;
align-items: center;
gap: 8px;
flex-shrink: 0;
}






#hajj-navigation .nav-item,
#video-navigation .nav-item,


{
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	
}



#hajj-navigation .navigation-container,

#video-navigation .navigation-container
{
	width: 100%;
	
}

#hajj-navigation .banner-navgation,
#video-navigation .banner-navgation
{
	padding: 0px 40px;
	margin: 0px;
	border: 0px;
	background: unset;
	backdrop-filter: unset;
}

.tab-text a 
{
	color: #4A437E;
font-family: Inter;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 130%;
text-decoration: underline !important;
}

.day-banner
{
	background: url('/wp-content/uploads/2023/09/day-image.png')
}

.day-data h4
{
color: #363481;
font-family: Inter;
font-size: 19px;
font-style: normal;
font-weight: 700;
line-height: 30.4px; /* 160% */
letter-spacing: 0.15px;
	margin: 0px;
}

.day-data-container
{
	display: flex;

flex-direction: column;
align-items: flex-start;
gap: 8px;
}

.day-banner.tab-banner
{
	padding-top: 30px !important;
	height: 402px;
    object-fit: cover;
}

.day-content
{
	display: flex;

flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
align-self: stretch;
}

.day-data
{
	display: flex;
padding: 8px 16px;
align-items: center;
gap: 8px;
	border-radius: 153px;
background: #FFF;
}

.page-template-hajj-guide-page #videos h2 ,
.page-template-hajj-guide-page #articles h2
{
	margin-top: 79px
}

.glossary-container 
{
	padding: 0px 40px;
	margin-top: 79px;
	display: flex;

flex-direction: column;
align-items: flex-start;
gap: 32px;
}
/* .component-guide-section .glossary-container {
	padding: 0px 80px;
} */

.glossary-container h2 
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
	margin: 0px;
}

.glossary-container p
{
	color: #707986;
font-family: Inter;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 30.4px; /* 160% */
	margin: 0px;
}

.glossary-box-container
{
	display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 16px;
flex: 1 0 0;
flex-wrap: wrap;
}


.glossary-box
{
	display: flex;
width: 300px;
padding: 16px;
align-items: flex-start;
align-content: flex-start;
gap: 4px;
flex-wrap: wrap;
	border-radius: 16px;
background: #FFF;
}

.glossary-box h2
{
	color: #17263D;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 21.6px */
letter-spacing: -0.057px;
	margin: 0px;
}


.glossary-box p
{
	color: #838C99;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 19.2px */
	margin: 0px;
}

@media (max-width: 820px)
{
	.hajj-container
	{
		flex-direction: column-reverse;
		padding: 10px 20px;
		gap: 32px;
	}
	
	.hajj-heading-col h2 
	{
		font-size: 40px;
		
	}
	
	.hajj-banner-content
	{
		    align-items: center;
	}
	
	.hajj-heading-col p 
	{
		font-size: 20px;
	}
	
	.hajj-heading-col
	{
		align-items: center;
		flex-direction: column-reverse;
	}
	
	#videos .slider-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
	border-radius: 8px;	
}
	
	#articles .slider-img {
    width: 100%;
    height: 270px;
    object-fit: cover !important;
}
	
	#hajj-navigation .nav-item a ,
	#hajj-navigation .banner-nav-btn 
	{
		color: #363481;
		    top: 551px;
    right: 29px
	}
	
	#hajj-navigation .nav-item svg path ,
	#video-navigation .nav-item svg path
	{
		fill: #363481;
	}
	
	#hajj-navigation .banner-navgation
	#video-navigation .banner-navgation
	{
		padding: 0px 20px;
		margin-top: 30px !important;
	}
}

/* Hajj Page CSS Ends Here */


/* Umrah Guide Page CSS Starts Here */

  .guides-page .nav-item
{
	padding: 0;
	border: 2px solid white;
	display: block;
}
#madinah-banner .banner-navgation {
	padding: 0px 80px;
	margin-top: -85px;
}
.guides-page .nav-item a
{
	font-size: 15px !important;
	padding: 12px 12px !important;
	display: block !important;
}

.guides-page .nav-item svg {
    width: 18px !important;
}

.guides-page .navigation-container 
{
	gap: 10px !important;
}

.guides-page .history-container
{
	
	margin: 32px 0px;
	
}

.points
{
	display: flex;
align-items: center;
gap: 32px;
align-self: stretch;
}

.point-number 
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
	border-radius: 136px;
background: #4A437E;
	
}

.point-number h4
{
	color: #FFF;
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 30.4px; /* 152% */
	margin: 0px;
display: flex;
width: 50px;
height: 50px;
flex-direction: column;
justify-content: center;
}

.points p 
{
	margin: 0px;
}

.points-container
{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
align-self: stretch;
margin: 32px 0px;	
}

@media (max-width: 820px)
{
	.points
	{
		align-items: flex-start;
		flex-direction: column;
	}
	
/* 		.page-template-umrah-guide .navigation-container
	{
		overflow: hidden;
		overflow-y: scroll;
	} */

}

/* Umrah Guide Page CSS Ends Here */



/* Video Archive Page Starts Here */
.video-banner-container
{
	padding: 0px 40px;
	height: 88vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	gap: 34px;
	background: linear-gradient(1deg, #F5F4FD 5.47%, rgba(255, 255, 255, 0.00) 90.19%),radial-gradient(94.77% 101.4% at 50% 100%, rgba(103, 97, 243, 0.00) 0%, rgba(74, 69, 183, 0.30) 64.83%, #06052E 100%), url('/wp-content/uploads/2023/11/Screenshot-2023-09-17-at-12.28-1.png'), lightgray -12.983px -858.205px / 101.435% 281.693% no-repeat;
	background-repeat: no-repeat !important; background-position: 50% 0% !important;
	background-size: cover !important;
}

.article-banner-container {
	background: linear-gradient(1deg, #F5F4FD 5.47%, rgba(255, 255, 255, 0.00) 90.19%),radial-gradient(94.77% 101.4% at 50% 100%, rgba(103, 97, 243, 0.00) 0%, rgba(74, 69, 183, 0.30) 64.83%, #06052E 100%), url('/wp-content/uploads/2023/11/Screenshot-2023-09-17-at-12.28-1.png'), lightgray -12.983px -858.205px / 101.435% 281.693% no-repeat !important;

}

.filter-container
{
	display: flex;
width: 289px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
flex-shrink: 0;
}

.filter 
{
	display: flex;

    align-items: center;
gap: 8px;
}
.filter svg {
    height: 25px;
    width: 36px;
}


.load-more-btn 
{
	display: inline-flex;
padding: 12px 30px;
align-items: flex-start;
gap: 8px;
	border-radius: 94px;
background: #4A437E;
box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}


.load-more-btn a 
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 36px */
letter-spacing: -0.057px;
}

.filter h2 
{
	color: #2D2A64;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 40px */
letter-spacing: -0.057px;
	margin: 0px;
}

.video-navigation
{
	display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 8px;
}

#video-banner
{
	margin: 0px;
}


	.video-navigation .navigation-container
	{
		justify-content: flex-end;
	}
@media (max-width: 820px)

{
	#video-navigation .video-navigation
	{
		flex-direction: column-reverse !important;
		margin-top: 0px !important;
	}
	
	.video-navigation .navigation-container
	{
		width: unset !important;
	}
	.filter-container
	{
		    align-items: center;
	}
	
	.video-navigation.banner-nav-btn 
	{
		top: 1158px !important;  
	}
	
	#video-navigation .nav-item a ,
	#video-navigation .banner-nav-btn 
	{
		color: #363481;
		    top: 1124px;
    right: 86px
	}
	
	.video-navigation .navigation-container {
    justify-content: flex-start;
}
	
	.video-banner-container
	{
		padding: 0px 20px;
		height: 531px;
	}
	
}

/* Video Archive Page Ends Here */



/* Live View page Starts Here */

.live-view-container
{
	padding: 0px 60px;
}
.page-template-live-view .popular-container {
	padding: 0px 60px;
}

.live-view-container img
{
	width: 100%;
	border-radius: 12px;
	box-shadow: 0px 6px 12px 0px rgba(132, 132, 132, 0.20);


}

.live-view h2 
{
	color: #2D2A64;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}


.live-view p
{
	color: #2D2A64;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 36px */
	letter-spacing: -0.057px;
	margin: 0px;

}

.live-view-container
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 27px;
	align-self: stretch;
}


.live-view
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	align-self: stretch;
}


@media (max-width: 767px){
	
	.live-view-container{padding: 0px 20px;}
}

/* Live View page Ends Here */

.partners-banner-container
{
	padding: 0px 40px;
	display: flex;
	height: 811px;
	padding: 110px 0px;
	justify-content: center;
	align-items: center;
	gap: 110px;
	flex-shrink: 0;
	background: url('/wp-content/uploads/2023/09/partners-banner.png') !important;
	background-position: center center !important;
	background-size: cover !important;
	background-repeat: no-repeat;
}

.page-template-partners .main-header
{
	display: none;
}

#partners-banner
{
	margin: 0px auto;
	
}

.partners-content
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 26px;
}

.partners-content h1
{
	color: #FFF;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 64px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 80px */
	letter-spacing: -1.5px;
	margin: 0px;
}

.partners h3,
.partners i
{
	color: white !important;
}

#partner-content-section .share-col p 
{
	color: #4A437E;
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 30.4px; /* 152% */
	margin: 0px
}

#partner-content-section 
{
	display: flex;
	flex-direction: column;
	gap: 32px;
	width: 858px;
}

#partners-list
{
	margin-top: 100px;
}




.partners-col
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	flex-basis: calc(49% - 10px);
}

.partners-heading-container
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}


.partners-heading-container h2

{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.partners-heading-container p 
{
	color: #707986;
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 30.4px; /* 160% */
	margin: 0px;
	margin-top: 30px;
    margin-bottom: 20px;
}
.modal-content h2{
	color: #4A437E;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.057px;
    margin: 0px;
	margin-bottom: 20px;
    margin-top: 10px;
	text-align: center;
}
.modal-content iframe{
	height: 500px;
}

.partners-list-container
{
	display: flex;
	/* padding: 0px 100px; */
    gap: 30px;
	flex-wrap: wrap;
}

.partners-list-content
{
	display: flex;
	padding: 32px;
	align-items: flex-start;
	gap: 16px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
	width: 100%;
}

.partners-list-content li 
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%; /* 30px */
	letter-spacing: -0.057px;
	text-decoration-line: underline;
	list-style: none;
}

.partners-list-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
	margin: 0px;
	padding: 0px;
}

#packing
{
	padding: 0px 100px;
}


#packing h2 
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.packing-container
{
	padding: 0px 40px;
	background: url('/wp-content/uploads/2023/09/packing.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 822px;
	border-radius: 22px;
	background-color: white;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.packing-content
{
	display: inline-flex;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 100%;
}

.packing-content h3
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}
.Umrah_Guide_thankyoutext {
    color: #414346;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin: 0px;
}
.packing-content  p 
{
	color: #838C99;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 24px */
	margin: 0px;
}

.form input[type='email']
{
	border-radius: 8px;
	background: rgba(0, 0, 0, 0.26);
	outline: none;
	border: 0px;
	display: flex;
	padding: 12px;
	align-items: flex-start;
	gap: 8px;
	width: 320px;
	
}

.form ::placeholder
{
	color: #FFF !important;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%; /* 22.5px */
	letter-spacing: -0.09px;
}

.form form
{
	display: flex;
	gap: 8px;
	flex-direction: column;
}

.form input[type='submit'],
.form button.submit-form-btn
{
	display: flex;
	padding: 12px 16px;
	align-items: flex-start;
	gap: 8px;
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	border: 0px;
	color: #363481;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%; /* 22.5px */
	letter-spacing: -0.057px;
}

button.download-guide.submit-form-btn {
	justify-content: center;
}

.packing-content
{
	display: inline-flex;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.page-id-7398 .container {
	margin-top: 60px;
	text-align: center;
    max-width: 60%;
}
.page-id-7398 .container ul {
    text-align: start;
    /* padding: 10px 164px; */
	max-width: 60%;
    margin: 0 auto;
}
.page-id-7398 .container p {
    margin-top: 20px;
    margin-bottom: 20px;
	font-size: 20px;
}
@media (max-width: 820px)
{
	.partners-content h1
	{
		font-size: 40px;
		text-align: center;
	}
	
	.partners-banner-container {height: 632px;}
	
	#partner-content-section
	{
		width: unset;
		padding: 0 20px;
	}
	
	#partner-content-section .share-col
	{
		flex-direction: column;
	}
	
	.partners-list-container{padding: 0 20px;}
	
	.partners-col{flex-basis: 100%;}
	/* .partners-heading-container h2{font-size: 24px;} */
	.partners-list-content li{font-size: 18px;}
	
	#packing {
    display: none;
}

	
}
/* Partners Page Starts Here */




/* Partners Page Ends Here */

@keyframes bouncing-loader {
    to {
        opacity: 0.1;
        transform: translate3d(0, -1rem, 0);
    }
}
.bouncing-loader {
    display: flex;
    justify-content: end;
    width: 98%;
    /* margin: 0 0 0 auto; */
    height: 70px;
}
.bouncing-loader > div {
    width: 12px;
    height: 12px;
    margin: 3rem 0.2rem;
    background: #4a437e;
    border-radius: 50%;
    animation: bouncing-loader 0.6s infinite alternate;
}
.bouncing-loader > div:nth-child(2) {
    animation-delay: 0.2s;
}
.bouncing-loader > div:nth-child(3) {
    animation-delay: 0.4s;
}

div#chatbotLoader {
    width: 100%;
}

div#chatbotLoader h4 {
    float: right;
}

.copied {
	cursor: pointer;
}

#videos .verified 
{
	display: none;
}

.help-para {
    width: 330px;
    margin: 0 auto;
}

.related-articles img {
    width: 88px !important;
    height: 65px !important;
	object-fit: cover;
	
}

#trustees

{
	padding-bottom: 100px;
}


.ez-toc-link
{
	color: #47417C !important;
}

.video-accordion-header h2:before  
{
	display: none !important;
}

.video-banner-container p 
{
	width: 639px;
}

.post-text > p {width: 125px !Important}

.search-page
{
	width: 1050px;
	margin: 0px auto;
}

@media (min-width: 820px) 
{
	.search-page .popular-articles-container .swiper-slide {min-height: 427px;}
}





@media (max-width: 820px)
{
 
	.search-page .popular-articles-container .swiper-slide {min-height: 219px;}
	
	.funds-section, .watch-section, .help-section, {margin: 32px auto;}
	
#articles .rate{width: 105% !important;}	
	#videos .rate{width: 100% !important;}	
	.funds-heading h2{font-size: 24px;}
	.funds-para a {font-size: 16px;}

	#pilgrims{
		background-size: contain;
		background-position: 0 87px;
		height: auto;
		margin: 0px;
	}
	
	.course-banner-container p{width: auto;}
	
}	



/* Pilgrim's Prayer CSS Starts Here */

.prayers-container
{
	
	background: url('/wp-content/uploads/2023/09/prayers-bg.png');
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	padding: 110px 0px;
	height: 811px;
	display: flex;
	height: 811px;
	justify-content: center;
	align-items: center;
	gap: 110px;
	flex-shrink: 0;
}

#prayers
{
	margin: 0 auto;
}


.prayers-content
{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 26px;
	flex-shrink: 0;
}

.info-container
{
	
	display: flex;
	width: 1116px;
	padding: 32px 32px 32px 32px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
	margin: 0 auto;
}


.info-content
{
	
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: flex-start;
	gap: 16px;
	align-self: stretch;

}

.info-content p 
{
	color: #707986;
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 30.4px; /* 160% */
	margin: 0px;
}

#cards
{
	padding: 0px 100px;
}
.card-content
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex-shrink: 0;
	
}

.card-content h2 
{
	color: #B01D37;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 120%; /* 21.6px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.card-content p 
{
	color: #838C99;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: SF Pro Display;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	margin: 0px;
}

.card-container
{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.card-row
{
	display: flex;
	gap: 25px;
}

.card-col
{
	display: flex;
	width: auto;
	padding: 16px;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	flex-shrink: 0;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.10);
	margin: 0 auto;
}

.card-col img
{
	width: 36px;
	height: 48px;
    object-fit: contain;
}

.about-container h2,
.team-container h2
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;	
	margin: 32px 0px 32px;
}

.about-col p 
{
	color: #707986;
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 30.4px; /* 160% */
	margin: 0px;
}

.about-row
{
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 32px;
	align-self: stretch;
	
}

#about
{
	padding: 0px 100px;
}


.author-container
{
	display: flex;
	padding: 16px 16px 16px 22px;
	align-items: center;
	gap: 16px;
	flex-shrink: 0;
	border-radius: 16px;
	border: 2px solid #FFF;
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
}

.author-container p
{
	color: #707986 !important;
font-family: Inter !important;
font-size: 19px !important;
font-style: normal;
font-weight: 400;
line-height: 30.4px; /* 160% */
	
}


.author-container img 
{
	width: 135px;
	height: 135px;
	border-radius: 8px;
}

.team-container
{
	padding: 0px 100px
}


.team-container h2
{
	margin: 0px 0px 32px;
}

.team-box-container
{
	display: flex;
	align-items: flex-start;
	gap: 32px;
	flex-shrink: 0;
}


.team-box
{
	display: flex;
	padding: 16px;
	align-items: center;
	gap: 16px;
	/* flex: 1 0 0; */
	align-self: stretch;
	border-radius: 16px;
	border: 2px solid #FFF;
	background: #FFF;
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.10);
	/* flex: 1 0 0; */
}

.team-content h3
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 22.5px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.team-content p 
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%; /* 17.5px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.team-content
{
	display: flex;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	flex: 1 0 0;
	justify-content: center;
}

.team-box img 
{
	border-radius: 8px;
	width: 80px;
	height: 80px;
	object-fit: cover;
}


.preview-container
{
	padding: 0px 100px;
	
}


.preview-content
{
	display: flex;
	padding: 32px;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
	    flex-direction: column;
}


.preview-container h2 
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 30px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.book-images 
{
	display: flex;
	padding: 26.67px 0px 20px 0px;
	align-items: flex-start;
	gap: 15px;
}

.book-images img 
{
	width: 19vw;
	border-radius: 20px;
}

.stokists-container
{
	padding: 0px 100px;
}


.stokists-container h2
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.stokists-container p
{
	color: #707986;
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 30.4px; /* 160% */
	margin: 0px;
}

.stokists-content
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.stokists-box p
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 125%; /* 30px */
	letter-spacing: -0.057px;
	text-decoration: underline;
	margin: 0px;
}

.stokists-box
{
	display: flex;
	width: 656px;
	padding: 32px;
	flex-direction: column;
	margin-top: 32px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 16px;
	flex-wrap: wrap;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.05);
}

.ornament-img img 
{
	width: 107px;
	height: 141px;
}

.ornament-img
{
	margin: 200px auto;
	text-align: center;
}

@media(max-width: 820px)
{
	.prayers-container{height: 340px;}
	.ornament  {width: 15%;}
	.title-img {width: 60%;}
	.text-img{width: 25%;}
	.info-container, .card-content, .stokists-box{width: auto;}
	#info, #cards, #about, .team-container, .preview-container, .stokists-container{padding: 16px;}
	.info-content p{font-size: 18px;}
	.card-row, .card-col, .about-row, .author-container, .book-images {flex-direction: column;}
	/* .team-box-container {
		flex-direction: column;
	} */
	.about-col,	.ornament-img {margin: 0 auto;}
	.author-container img,
	.book-images img
	{
		width: 100%;
		height: 100%;
	} 
	
	.team-content{align-items: flex-start;}
	
	
}

/* Pilgrim's Prayer CSS Ends Here */


.page-template-about-page .team-container
{
	padding: 0px !important;
}

.page-template-umrah-guide .banner-share,
.page-template-hajj-guide-page .banner-share
{
	    justify-content: flex-start;
}

.page-template-umrah-guide .navigation-container,
.page-template-hajj-guide-page .navigation-container
{
	justify-content: start;
}


.page-template-umrah-guide section,
.page-template-hajj-guide-page section
{
	padding: 0px 60px;
}
.page-template-hajj-guide-page section .popular-articles-container {
	padding: 0px 40px;
	width: 100%;
}
.page-template-hajj-guide-page section .popular-videos-container {
	padding: 0px 40px;
	width: 100%;
}
.page-template-women-guide .popular-articles-container {
	padding: 0px 40px;
	width: 100%;
}
.page-template-women-guide .popular-videos-container {
	padding: 0px 40px;
	width: 100%;
}



.page-template-hajj-guide-page .accordion-header h2:before
{
	left: 115px;
}
/* Changed */
.page-template-umrah-guide .accordion-header h2:before
{
	/* left: 221px; */
}
.page-template-hajj-guide-page #hajj-navigation
{
	    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #F5F4FD;
}
/* Changed */
#umrahpreparation,
#travel
{
	width:100%;
	/* width: 89%; */
}
section#packinglist {
	/* padding: 0px 145px; */
	padding: 0 100px;
}



@media (min-width: 1600px)
{
	.navigation-container
	{
		width: 88% !important;
	}
	
	.nav-item
	{
		flex: 1 0 0 !important;
	}
}




@media(max-width: 820px)
{
	.page-template-umrah-guide section, 
	.page-template-hajj-guide-page section 
	{
   			
		padding: 0px 0px !Important
	}
	
	.page-template-umrah-guide .accordion-header h2:before
{
	left: 35px;
}
	
	.page-template-hajj-guide-page .navigation-container,
	.page-template-umrah-guide .navigation-container
	{
		justify-content:flex-start;
	}
	
	.page-template-hajj-guide-page .banner-nav-btn,
	.page-template-umrah-guide .banner-nav-btn
	{
		top: 619px !important;
	}
	
	.toggle h3 {font-size: 17px;}
	.glossary-box{width: auto;}
	
	.live-view-container img
	{
		height: 236px;
		object-fit: cover;
	}
	
	.live-view p{font-size: 16px;}
	
	.page-template-madinah	.quote-container,
	.page-template-makkah-page .quote-container{
    width: auto;
}

	
}

.tab-content-container{display:none;}
#tab1{display: block;}




@media (max-width: 1440px)
{
	.banner-section
	{
		height: auto;
		padding-top: 40px;
		padding-bottom: 70px;
	}
}



@media (min-width: 820px){

	.swiper
	{
		-webkit-mask-image: linear-gradient(to right, black calc(97% - 48px), transparent 100%) !Important;

	}
	
	
}



@media(max-width: 820px)
{
	section
	{
		margin: 32px auto;
	}
	
	.help-para p{font-size: 16px;}
	
	
	.popular-videos-container .swiper-slide > a:before {
		background-size: 60px;
		top: 122px;
		left: 10px;
		height: 22vw;
}
}

.menu-item-desc {
    margin: 0px;
    padding: 0px;
    text-align: left;
}


@media(max-width: 1440px)
{
	.footer-col-menu .menu-heading p{font-size: 19px;}
}


.single-post .funds-section
{
	width: auto;
}

.single-post .post-row
{
	padding: 40px 0px !important;
}

.single-post section#featured-section {
    width: 92vw;
    margin: 0 auto;
}

.post-info-box
{
	display: flex;
	padding: 30px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	background: linear-gradient(0deg, #BFF3FF 0%, #BFF3FF 100%), #2A2972;
	margin: 20px auto;
}

.post-info-box p 
{
	color: #2C2C2C;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 28.5px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.info-light
{
	
	background: linear-gradient(0deg, #E3C8FF 0%, #E3C8FF 100%), #2A2972;
}

.alert 
{
	
background: linear-gradient(0deg, #FFC3C3 0%, #FFC3C3 100%), #2A2972;
    align-items: flex-start;	
}

 /* Popup Container Styles */
        .popup-container {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            justify-content: center;
            align-items: center;
        }
        
        .popup-box {
          border-radius: 25px;
		  background: #FFF;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.04);
		width: 680px;
		padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 32px;
	position: absolute;		
        }
		
        /* Close Button Styles */
        .close-button {
            position: absolute;
        top: -57px;
    right: 0;
    cursor: pointer;
    font-size: 42px;
    color: white;
        }
        
        /* Form Styles */
        .form-label {
            font-weight: bold;
        }
        
        /* Radio Button Styles */
        .radio-options {
            display: flex;
            flex-direction: column;
        }
        
        /* Textarea Styles */
        .text-area {
            width: 100%;
            height: 100px;
            margin-top: 10px;
            resize: none;
        }

		.article-content ul li {
			color: #2C2C2C;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.057px;
    word-wrap: break-word;
		}
		.article-content ol li {
			color: #2C2C2C;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -0.057px;
    word-wrap: break-word;
		}

.report-popup P
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}
.thankyouu--title {
	text-align: center;
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}

.form-label
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 27px */
	margin: 0px;
	
}

.radio-options input
{
	color: #4A437E;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px; /* 133.333% */
}

.radio-options
{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;	
margin: 32px 0px;
}

.text-area
{
color: #667085;

font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */	
	border-radius: 8px;
border: 1px solid var(--gray-300, #D0D5DD);
background: var(--White, #FFF);

/* Shadow/xs */
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
padding: 10px 14px;	
}


.report-popup form
{
	width: 100%;
}

.submit-btn
{
	border-radius: 8px;
background: #363481;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	display: flex;
padding: 12px 16px;
border: 0px;	
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
	width: 100%;
margin-top: 32px;	
}


.popup-box p
{
	color: #4A437E;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 27px */
}

.check-btn
{
	display: flex;
padding: 12px 16px;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
	border-radius: 8px;
background: #363481;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	width: 100%;
}

.thanks-popup {
    align-self: center;
    gap: 32px;
    display: flex;
    flex-direction: column;
}


.verification-popup
{
	display: flex;
padding: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 32px;
align-self: stretch;
}


.verification-heading
{
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    justify-content: space-between;
}

.verification p
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;
}

.verification-badge
{
	display: flex;

padding: 5.278px 10.556px;
justify-content: center;
align-items: center;
gap: 5.278px;
	border-radius: 10.556px;
background: #6357BB;
}

.verification-badge p
{

    color: #FFF !important;
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-family: Inter !important;
    font-size: 15.834px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 120% !important;
    margin: 0px;
}

.verification-para p
{
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%;
	text-align: left;
}

.verification-para{
	margin-top: 20px;
} 
.verification-para img
{
	width: 100%;
	border-radius: 8px;
	border-radius: 10px;
    margin-top: 20px;
}

#thank-you-popup .close-button{top:241px;}

@media(max-width: 820px)
{
	.post-info-box
	{
		flex-direction: column;
	}
	
	.post-info-box
	{
		text-align: center;
	}
	
	.alert
	{
		align-items: center;
	}
	
	.single-post .post-row{flex-direction: column;}
	/* .popup-box {margin: 10px;} */
	#thank-you-popup .popup-box p{text-align:left;}
	
	.single-post .post-row{padding: 0px !important;}
	.featured-bg{margin: 0px;}
	
	#thank-you-popup .close-button {
    top: 72px;

}
	
	.close-button
	{
		    top: -58px;
    right: 0px;
	}
	
}

.verify-btn
{
	background: unset;
	border: 0px;
}


.book-umrah
{

	display: flex;
    flex-direction: column;
	height: 281px;
	justify-content: center;
	padding: 8px 204px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 16px;
background: radial-gradient(284.35% 50.6% at 18.85% 58.1%, #EC943F 0%, #E49950 50.14%, rgba(255, 125, 0, 0.70) 99.65%);
box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
}


.book-heading
{
	color: #FFF;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
	margin: 0px;
}


.book-para
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: SF Pro Display;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
}


.book-btn
{
	color: #363481;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 25px */
letter-spacing: -0.057px;
	display: flex;
padding: 8px 16px;
align-items: flex-start;
gap: 8px;
	border-radius: 142px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.filter-btn
{
	display: none;
}

@media (max-width: 820px)
{
	
	.desktop{display: none;}
	.book-umrah
	{
		padding: 0px;
	}
	
.filter-btn
{
	display: block;
	padding: 0px;
}	
 .post-content iframe {
    height: 236px;
    border-radius: 8px;
}
	.popular-posts img{height: 53vw;}
	
	.post-row{padding: 0px !important;}
	
	.popular-posts
	{
		margin-bottom: 0px;
		
	}
	.popular-videos-section{gap: 8px !important;}
	
}



.single-videos .post-row
{
  width: 92vw;
  padding: 0px;
  margin: 0 auto;
}




.single-videos .popular-container
{
	padding: 0px;
	width: 90vw;
	margin: 0 auto;
}


.single-post .summary,
.single-post .article-content
{
	display: block;
	border-radius: 8px;
}

.single-videos .accordion-container
{
	    padding: 16px;
		position: relative;
}


@media (max-width: 820px)
{
	.close-menu
	{
		position: absolute;
		top: 0px;
		right: 10px;
		
		
	}

	.filter svg {
    height: auto;
    width: auto;
}
	
	.header-nav-logo {
    width: 25px;
    position: absolute;
    top: 6px;
	left: 20px;
}
	.post-content-col iframe {
    height: 70vw !important;
}
	.topnav li
	{
     list-style: none;		
		    padding: 0px 16px;
    height: 70px;
	}
	
	#menu-mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 8px;
	padding: 0px !important;	
	
		
}
	#menu-mobile-menu .sub-menu
	{
	height: 0px;	
	overflow: hidden;
	}
	
	
	#menu-mobile-menu li
	{
		padding: 0px 16px;
	}
	#menu-mobile-menu .mobile-sub-menu {
		padding: 0;
		text-align: center;
		/* padding-top: 20px; */
	}
	
	#menu-mobile-menu .mobile-sub-menu,
	#menu-mobile-menu .sub-menu
	{
  
 
    border-radius: 0px;
    position: absolute;
    left: 0;
    background: #261B6B;
    width: 100%;
	margin-top: 13px !important;
}
	
	#menu-mobile-menu .mobile-sub-menu li 
	{
		text-align: left;
		padding-top: 20px;
		/* padding-bottom: 20px !important; */
		height: 85px;

		
	}
	
	#menu-mobile-menu .mobile-sub-menu li a 
	{
		color: white !important;
		font-size: 26px !important;
		font-weight: 600 !important;
		text-align: center;
		display: block;
	}
	.sub-menu p, .mobile-sub-menu p {
		text-align: center;
	}
	
	
}


.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title
{
	padding-left: 0px;
}

.logo i 
{
	font-family: "Font Awesome 6 Free";
	font-weight: bold;
	vertical-align: bottom;
}


.post-type-archive-videos #video-navigation .banner-navgation,
.post-type-archive-videos .course-videos-container,
.page-template-article-page #video-navigation .banner-navgation
{
	width: 90vw;
	padding: 0px !Important;
	margin: 0 auto;
	
	
}

.post-type-archive-videos .video-banner-container p,
.page-template-article-page .video-banner-container p
{
    width: 35%;
}

.filter-btn
{
	border: 0px;
	background: unset;
}

@media (max-width: 820px){

.post-type-archive-videos .filter-container,
	
	.page-template-article-page .filter-container
{
 width: 100%;	
}
	
	
	
	
	
	.post-type-archive-videos .filter,
	.page-template-article-page .filter
	{
		flex-direction: row-reverse;
    justify-content: space-between;
		width: 100%;
	}	
	
	.desktop-navigation{display:none;}
	
	.popup-box .navigation-container
	{
		height: fit-content !important;
		width: 100%;
	}
	
	.popup-box .nav-item a {
		color: #363481 !important;
	}
	
	.popup-box .nav-item
	{
		width: 100%;
		padding: 12px 16px;
		border-radius: 8px;
	border: 0.5px solid #363481;
	background: #FFF;
	}
	
	.popup-navigation {
    	width: 100%;
		display: flex;
	
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
}
	
	.popup-navigation h2
	{
		color: #2D2A64;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 30px */
	letter-spacing: -0.057px;
	margin: 0px;	
	}
	
	#filterContainer .close-button {
    top: 26vw;
    
}
	
	.popup-navigation-content
	{
		display: flex;
align-items: center;
gap: 8px;
	}
	
	.popup-navigation p 
	{
		color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	text-align: left;	
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 27px */
	margin: 0px;
	}
	
	.popup-box .nav-item svg path {
    fill: #363481 !important;
}
	
	
}


@media (max-width: 820px)
	
{
	
#filterContainer .close-button {
    top: -62px;
 
}
}






.popular-articles-container .popular-post
{ 
	background: white;
	position: relative;
    padding: 10px 15px 15px 15px;
    border-radius: 16px;
    display: flex;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    align-self: stretch;
}


.popular-articles-container .popular-post img {
    border-radius: 8px;
	  width: 100%;
    height: 11vw;
    object-fit: cover;
}

.popular-articles-container .popular-post .thumb
{
	max-width: 22px;
	height: auto;
}

.articles-archive .verified::before
{
	top: 28px;
	left: 26px;
}

.popular-articles-container h3
{
	color: #17263D;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.057px;
    text-decoration: none !important;
    margin: 0px;
}

.articles-archive
{
	display: flex;
	align-items: flex-start;
	gap: 16px;
	row-gap: 48px;
	align-self: stretch;
	flex-wrap: wrap;
}


.popular-articles-container p
{
	    overflow: hidden !important;
    display: block;
    color: #838C99;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: SF Pro Display;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    
    width: auto;
    margin-bottom: 0px !important;
}


.articles-archive .popular-post .post-text > p {
    width: auto !Important;
}

.articles-archive .popular-post
	{
		flex-basis: calc(33.33% - 16px);
	}

@media(min-width: 1600px)
{
	
	.articles-archive .popular-post
	{
		flex-basis: calc(25% - 12px);
	}
	
}



.archive-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 100px;
}



@media(max-width: 820px)
{
	.articles-archive .popular-post {
    flex-basis: 100%;
}
	
	
	.popular-articles-container .popular-post img {height: 47vw;}
}

/* Changed  */
ul#menu-main-menu img.menu-image.menu-image-title-after {
    width: 32px;
    /* height: 28px; */
	height: auto;
    object-fit: contain;
	margin-top: -3px;
}
ul#menu-mobile-menu img.menu-image.menu-image-title-after {
	width: 40px;
	height: auto;
}



.post-type-archive-videos .popular-meta,
.single-videos .popular-meta
{
	margin-top: -8px;
}


.page-template-article-page  .popular-articles-container .popular-post img {
    height: 12vw;
}


.single-post .featured-bg 
{
	border-radius: 16px;
}



@media (max-width: 820px)
{

.page-template-article-page  .popular-articles-container .popular-post img {
    height: 48vw;
}
	.popup-box
	{
		width: auto;
	}
	
	.post-type-archive-videos .video-banner-container p, .page-template-article-page .video-banner-container p {
    width: auto;
}
	
	.popular-meta p
	{
		line-height: unset;
	}

	/* .custom-tooltip .tooltip-text
	{
		    top: 365px !important;
		width: 286px;
		left: 20px !Important;
	} */
}
div#verification-popup .verification-heading p {
	color: #6357bb;
    text-align: center;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.post-content-col iframe
{
	border-radius: 4px;
}

.single-videos .post-excerpt
{
	color: #2D2A64;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%; /* 36px */
	letter-spacing: -0.057px;
	margin: 0px;
	margin-top: -15px;
}


.swiper-slide,
.popular-posts,
.popular-post 
{
	transition: all 0.4s;
}


/* .swiper-slide:hover {
	transform: translateY(-5px);
} */
.popular-posts:hover,
.popular-post:hover
{
      transform: translateY(-5px);	
}

.pld-like-dislike-wrap.pld-custom img {
    max-width: 18px !important;
}


.post-content-col iframe
{
	height: 600px;
}


#articles .sponsered
{
	background: #B1B7BF;

}

#articles .rate-text:before
{
	display: none;
	
	
}


#articles .rate 
{
	 gap: 20px;
}






.popular-heading {
    align-self: flex-start;
}



.custom-tooltip .tooltip-text{
    /* visibility: hidden;
    background-color: #2D2A64;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 12px 13px;
    position: absolute;
    z-index: 1;
	top: 751px;
    left: 61px; */
	visibility: hidden;
    background-color: #2D2A64;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 8px;
    position: absolute;
    z-index: 1;
    top: -60px;
    right: 0;
}

.tooltip-text a
{
    border-bottom: 1px solid white;	  
    color: #fff;
    

   
    
  
}

.custom-tooltip:hover .tooltip-text {
  visibility: visible;
}



.check
{
	border-radius: 8px;
background: linear-gradient(0deg, #F6FFBF 0%, #F6FFBF 100%), #2A2972;
}


.tip
{
	border-radius: 8px;
background: linear-gradient(0deg, #C8FFBF 0%, #C8FFBF 100%), #2A2972;
}

.archive-category
{
	cursor: pointer;
}
/* Changed */
  .cv-box {
            display: flex;
height: 150px;
/* height: 207px; */
padding: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 8px;
align-self: stretch;
	 border-radius: 8px;
border: 2px dashed rgba(255, 255, 255, 0.30);
position: relative; 
        }

        .cv-icon {
            margin-right: 10px;
        }


.file-upload
{
    display: block;
    opacity: 0;
    position: absolute;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    height: inherit;
}


.team-popup
{
	border-radius: 16px;
background: #412991;
box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
gap: 4px !Important;	
	
}
/* Changed */
.team-popup textarea
{
	/* height: 207px; */
	height: 150px;

}


.file-type
{
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
	width: 280.981px;
}

/* Changed */
.team-popup h2
{
	color: #FFF !important;
text-align: center !important;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter !important;
font-size: 36px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 125% !important; /* 45px */
letter-spacing: -0.057px !important;
display: block;
    margin: 0 auto!important;
	margin-bottom: 20px!important;
}


.team-popup form {
    display: flex;
	flex-direction: column;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 16px;
}

.team-popup input,
.team-popup select,
.team-popup textarea
{
	display: flex;
padding: 12px;
align-items: flex-start;
gap: 8px;
align-self: stretch;
	border-radius: 8px;
background: rgba(255, 255, 255, 0.20);
	color: #FFF;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
border: 0px !important;
outline: none !Important;
}

.team-popup label
{
	color: #FFF;

font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 22.5px */
letter-spacing: -0.09px;
}

.team-popup option
{
	color: black;
}


.team-popup ::placeholder
{
	color: white !important;
}


.team-popup  .team-submit
{
	color: #363481;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 22.5px */
letter-spacing: -0.057px;
flex: 1 0 0;
	display: flex;
padding: 12px 16px;
align-items: flex-start;
justify-content: center;	
gap: 8px;
align-self: stretch;
	border-radius: 8px;
background: #FFF;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
}


.play-icon {
    position: absolute;
    
}

.play-icon img {
    width: 69px;
    height: 69px;
    position: relative;
    left: 9vw;
 
    top: 6vw;
 
}



@media (max-width: 820px)
{
	.play-icon img {
    left: 37vw;
    top: 19vw;
}
	
	
	.popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99999;
    overflow: scroll;
}
	
	.team-popup {
    border-radius: 16px;
    background: #412991;
    box-shadow: 0px 6px 12px 0px rgba(54, 52, 129, 0.42);
    gap: 4px !Important;
    position: unset;
    overflow-y: auto;
    max-height: 80%;
	justify-content: unset;
}
	
	.team-popup .close-button
	{
		top: 16px;
	}
/* .swiper-slide:hover{
    transform: translateY(0px);
} */
.popular-posts:hover, .popular-post:hover {
    transform: translateY(0px);
}	
}


.sponsered-container +  .related-heading + .read-time
{
	display: none !important;
}


.search-box-button-container:hover
{
	animation: pulse 1s infinite;
  animation-timing-function: linear;
}


@media(max-width: 820px){

.filter svg,
.search-box-button-container:hover
{
	animation: pulse 1s infinite;
  animation-timing-function: linear;
}

	
	
	
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1);
  100% { transform: scale(1); }
  }
}


.btn-col .custom-btn:hover,
#funds .custom-btn:hover,
#help .custom-btn:hover

{
	border-radius: 71px;

box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.35);
backdrop-filter: blur(0px);
}


 .custom-btn:hover,
.btn-white:hover
{
	border-radius: 71px;

box-shadow: 0px 0px 20px 0px rgba(45,52,100, 0.2);
backdrop-filter: blur(0px);
}

.team-btn a:hover,
.btn-blue:hover,
.load-more-btn:hover,
.load-more-btn-popular-videos:hover,
.youtube-btn:hover
{
	border-radius: 71px;

box-shadow: 0px 0px 20px 0px rgba(45,52,100, 0.6);
backdrop-filter: blur(0px);
}

.page-template-support-page .page-banner h1 
{
	text-align: center;
}



.nav-btn-active-archive.nav-item {
  border-radius: 8px;
background: #434390;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);

}


.nav-btn-active-archive.nav-item a
{
	color: white;
}


.nav-btn-active-archive.nav-item img
{
	filter: invert(99%) sepia(1%) saturate(2%) hue-rotate(136deg) brightness(120%) contrast(101%);


}


.nav-item:hover
{
	border-radius: 8px;
border: 1px solid #3C3976;

box-shadow: 0px 0px 10px 0px rgba(60, 57, 118, 0.50), 0px 4px 4px 0px rgba(54, 52, 129, 0.10);
}


.post-type-archive-videos section#course-videos,
.page-template-article-page #articles{
    padding-bottom: 100px;
}




.home .mobile-header-form
{
	display: none;
	
}


.home  #mobile-header
{
	padding: 0px !important;
}



@media (max-width: 820px)
{
	.verification-popup-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#verification-popup .popup-box {
	
}
	#verification-popup .popup-box
	{
		justify-content: unset;
		max-height: 80%;
		overflow-y: scroll;
		position: unset; 
		width: 95% !important;
		
	}
	#verification-popup .close-button {
	top: 10% !important;	
    right: 30px;
	color: #000;
}
	
	
	.verification-heading {

	      flex-direction: column;
		align-items: unset;
	}
	
	.single-post .featured-bg
	{
		border-radius: 0px;
	}

}



.current-video.popular-posts {
    width: 90vw;
    margin: 0 auto;
	align-items: unset;
}


.current-video .current-video-container::before {
    content: '';
    background: url(/wp-content/uploads/2023/09/video-icon.png);
    width: 100px;
    height: 100px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 49%;
    right: 50%;
    top: 37%;
    bottom: 40%;
}

.current-video-container {
    position: relative;
}


.current-video.popular-posts:hover
{
	    transform: unset !important;
}

.current-video img
{
	border-radius: 12px;
	height: 32.19vw;
}

.popular-meta img
{
 height: auto;	
}

section#course-current-video iframe {
    height: 32.19vw;
}

@media (max-width: 820px)
{
	#course-current-video iframe
	{
    	height: 300px !important;
	}
}



.donate-button-container
{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
	width: 50%;
	margin: 0 auto;
	
	
}

.donate-button button
{
	color: #363481;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%; /* 22.5px */
	letter-spacing: -0.057px;
	border-radius: 8px;
	border: 1px solid #E1E1E1;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	display: flex;
	padding: 12px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	}

.donate-buttons
{
	margin: 0 auto;
}


.donate-button button:hover,
.donate-button .active
{
	border-radius: 8px;
	background: #363481 !important;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
	color: white;
	
	
}


#pilgrim-knowledge,
#dbox-form-embed
{
	display: none;
}


@media (max-width: 820px)
{
	.donate-button-container {
 
 
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
}


.file-block {
    color: #f7fff7;
    background-color: #412991;
    transition: all 1s;
    width: 100%;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 15px;
    padding: 10px 20px;
    border-radius: 25px;
    cursor: pointer;
    border: 1px solid white;
}
.file-info {
	display: flex;
	align-items: center;
	font-size: 15px;
}
.file-icon {
	margin-right: 10px;
}
.file-name, .file-size {
	padding: 0 3px;
}

.file-info i.fas.fa-file {
    margin-right: 6px;
}






@media (min-width: 820px){
#packing{
	padding: 0px 222px 200px;
	
}
	
	#partners-list {
    margin-top: 90px;
}
	
	/* .partners-list-content
{
	min-height: 330px;
} */
	
	#partner-content-section {
    width: 1116px;
}
#partner-content-section .share-col p {
    margin: 0 auto;
}
/* Changed */
.navigation-container {
    /* width: 88% !important; */
	width: 100% !important;
}
/* .partners-list-container{
    padding: 0px 222px;
}
	 */

section#info {
    padding: 0px 100px;
}
.info-container{
	width:100%;
}
.info-content {
    width: 65%;
    margin: 0 auto;
}
.card-col { 
    width: 49%;
    justify-content: left;
    align-items: center;
    margin: 0 auto;
}
.team-box{
	padding: 13px;
}
.team-content {
    align-items: normal;
    gap: 3px;
}
.book-images img {
    width: 19.7vw;
}	
}
.nav-btn-active-archive:hover{
	background-color: #434390!important
}
.nav-item:hover {
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: none;
   border: 2px solid #434390;
	
}
.share-heading h2 {
    font-size: 20px;
}
.share-heading p {
    font-size: 20px;
}



/* .page-template-about-page .team-col
{
	flex: 0 0 25%;
} */


.page-template-umrah-fund .popular-videos-container
{
	width: unset;
	padding: 0px 100px;
}


.page-template-umrah-fund .umrah-banner-container
{
	
background: linear-gradient(
	180deg, rgba(255, 255, 255, 0.00) 60.28%, #F5F4FD 90.13%), 
	radial-gradient(94.77% 101.4% at 50% 100%, 
	rgba(103, 97, 243, 0.00) 0%,
	 rgba(74, 69, 183, 0.30) 60.03%, #06052E 100%)
	 , url('/wp-content/uploads/2023/10/Header-1.png'),
	  lightgray -12.983px -858.205px / 101.435% 281.693% no-repeat;
background-repeat: no-repeat;
background-size: cover;	
	
}

#past-slide-popup
{
	z-index: 9999999999999999999999;
}
/* Changed Display increased Width*/
#past-slide-popup .popup-box
{
	width: 56vw;
	position: unset;
	justify-content: unset;
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
	max-height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
	display: block!important;
	
}

#past-slide-popup .popup-box .close-button
{
	top: 15px;
	right: 22%;
}

.past-slide-popup-content
{
	display: flex;
padding: 8px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
}

.past-slide-popup-content h2
{
	margin-top: 20px;
	color: #4A437E;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
text-align: left;	
font-size: 36px;
font-style: normal;
font-weight: 600;
line-height: 125%; /* 45px */
letter-spacing: -0.057px;
margin: 0px;
margin-top: 30px;
}

.past-slide-popup-box{
display: flex;
flex-direction: column;

justify-content: center;
align-items: flex-start;
gap: 32px;	
}


.past-slide-popup-content p
{
	color: #4A437E;
	text-align: left;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 30px */

}


/* Changed Width*/

.past-slide-popup-img img
{
	border-radius: 15px;
	width:100%;
	height: 300px;
    object-fit: cover;
}
.past-slide-popup-img {
    width: 100%;
}


#pastSliderPop button
{
	color: #FFF;
	text-align: center;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 125%; /* 20px */
	letter-spacing: -0.057px;
	border-radius: 142px;
	background: unset;
	
	border: 0px; 
	
}



@media(min-width: 320px)
{
	
#past-slide-popup ::-webkit-scrollbar {
  width: 5px; 
}

#past-slide-popup ::-webkit-scrollbar-thumb {
  background-color: #363481; 
}

#past-slide-popup ::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}



#past-slide-popup {
 
  scrollbar-width: thin; /* Width of the scrollbar */
  scrollbar-color: #363481 #363481; /* Thumb and track colors */
}
.article-content ul li {
    font-size: 16px;
}
}


@media (max-width: 820px)
{
	#partner-content-section {
    width: auto;
}
	
	#past-slide-popup .popup-box
	{
		width: auto;
		border-radius: 25px !Important;
		position: unset;
	}
    #past-slide-popup  .close-button {
    top: 12px;
    right: 10px;
}	
	.past-slide-popup-content p
	{
		font-size: 16px;
	}
	
	.past-slide-popup-content h2
	{
		font-size: 24px;
	}
	
	.past-slide-popup-img img
	{
		width: 100%;
		height: 234px;
		object-fit: cover;
	}
	
	.guides-page .nav-item{border: 0px;}
}


.page-template-ai-search #articles .swiper-slide img
{
	width: 100%;
}

.page-template-ai-search .custom-slide
{
	padding-bottom: 0px !important;
}

.search-page-videos .swiper-slide > img
{
	width: 100%;
}



#donorbox-frame .kabah-col
{
	width: 422px;
}


.partner-popup-header
{
	display: flex;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	justify-content: space-between;
	margin-bottom: 10px;
}


.partner-popup-heading
{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}



.partner-popup-heading h2
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
	margin: 0px;
}


.link-col
{
	display: flex;
	align-items: flex-start;
	gap: 8px;
}

.link-col a 
{
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 30px */
	text-decoration: underline;
}

.partner-popup-content p
{
	color: #4A437E;
	text-align: left;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 30px */
	margin-top: 25px;
}

.partner-popup-swiper img
{
	
	border-radius: 8px;
}


.past-btn button
{
	padding: 8px 16px;
	background: unset;
	border: 0px;
	color: #FFF;
text-align: center;
font-feature-settings: 'clig' off, 'liga' off;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 125%; /* 20px */
letter-spacing: -0.057px;
	
}
.past-btn button:hover {
	box-shadow: 0px 0px 20px 0px rgba(45,52,100, 0.6);
    backdrop-filter: blur(0px);
    border-radius: 71px;
}

.popup-slider .swiper 
{
	overflow: hidden !important;
}

.popup-slider,
.partner-popup-container,
#partner-popup
{
	overflow: hidden !important;
	max-width: 100%;
}


#partner-popup .popup-box
{
	width: 1015px;
}

.partner-popup-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

#partner-popup .swiper
{
	-webkit-mask-image: unset !important;
}



#partner-box-popup,
.popup-container
{
	z-index: 999999999999999999999999999999999;
	overflow: auto;
}


.team-popup 
{
	max-height: 80%;
	overflow-y: scroll;
	position: unset;
	justify-content: unset;
}

/* Changed */

.team-popup .close-button 

{
	/* top: 25px;
    right: 279px; */
	top: 1%;
    right: 25%;
}
.partner-popup-swiper img
{
	width: 100%;
}

.past-slide-content h2
{
	 text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}



.past-slide-content p
{
	 text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media (max-width: 820px)
{
/* .team-popup .close-button 

{

    right: 11px;
}	 */
	
	.partner-popup-header
	{
		flex-direction: column;
	}
	/* Changed / Added Overflow x */
	#partner-popup .popup-box
	{
		width: auto;
		max-height: 80%;
		overflow: scroll;
		justify-content: unset;
		position: unset;
		overflow-x: hidden;
	}
	
	.popup-slider
	{
		overflow: visible !important;
	}
	
	.partner-popup-header
	{
		align-items: flex-start;
	}
	
	#partner-popup,
	.partner-popup-container
	{
		overflow: scroll !important;
	}
	
	#partner-popup .popup-box
	{
	   padding: 16px;
	}
	
	.popup-slider, .partner-popup-container, #partner-popup
	{
		max-width: 104%;
	}
	
	#partner-popup .close-button,
	#past-slide-popup .popup-box .close-button {

    top: 13px;
    right: 13px;
}
	#donorbox-frame .kabah-col {
    width: 309px;
}
	
	.donate-button-container 
	{
		width: 100%;
	}

	.desktop-videos
	{
		display: none;
	}
	
	
.mobile-videos
{
	display: block !important;
}
}

.donate-buttons h2
{
	color: #8F8F8F;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 30px */
	letter-spacing: -0.057px;
	text-align: center;
	margin-bottom: 32px;
}


.mobile-videos
{
	display: none;
}


.search-form input:focus
{
     box-shadow: 0px 0px 9px 4px rgba(111, 108, 189, 0.49);
}


@media (max-width: 1440px)
{
	#partner-popup .popup-box
	{
		max-height: 80%;
		overflow-y: scroll;
		justify-content: unset;
		position: unset;
	}
	/* Changed */
	#partner-popup .close-button {
    
    top: 10px;
    /* right: 206px; */
	right: 1%;
	}
	
	.popup-slider, .partner-popup-container, #partner-popup
	{
		overflow: visible !important;
	}
}

@media (max-width: 1440px)

{
	#partner-popup ::-webkit-scrollbar {
  width: 5px; 
}

#partner-popup ::-webkit-scrollbar-thumb {
  background-color: #363481; 
}

#partner-popup ::-webkit-scrollbar-track {
  background-color: #f0f0f0;
}



#partner-popup{
 
  scrollbar-width: thin; /* Width of the scrollbar */
  scrollbar-color: #363481 #363481; /* Thumb and track colors */
}
	
	

	

	

}


@media (min-width: 820px)
{
	/*Changed*/
		/* #popupContainer ::-webkit-scrollbar {
  width: 5px; 

}

 #popupContainer ::-webkit-scrollbar-thumb {
  background-color: #BCBAE8; 
}

 #popupContainer ::-webkit-scrollbar-track {
  background-color: #f0f0f0;
} */



 #popupContainer{
 
  scrollbar-width: thin; /* Width of the scrollbar */
  scrollbar-color: #363481 #363481; /* Thumb and track colors */
}
}

.kabah-reason-container
{
	width: 90vw;
	display: flex;
	gap: 20px;
}

.kr-col
{
	width: 50%;
}


@media (max-width: 820px)
{
	
	.kabah-reason-container
{
	width: auto;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.kr-col
{
	width: auto;
	margin: 10px;
}
	
}

.donate-container
{
	background: white;
	padding: 32px;
	border-radius:16px;
	
}


@media (max-width: 820px)
{
	.donate-container
	{
		margin: 10px;
	}
}


.single-videos .play-icon img
{
 left: 9vw;
    top: 6vw;	
}


@media(max-width: 1440px)
{
	.past-img img {
 
    width: 300px;
}
}
/* w css */
.modal-video.grid-slide .service-m-content img {
	width: 100%;
    height: 250px;
    object-fit: cover;
}
.service-m-content img {
	border-radius: 10px;
}
@media only screen and (max-width: 1200px) and (min-width: 800px) {
	.page-template-umrah-fund .newsletter form {
		display: block;
	}
	.page-template-umrah-fund .newsletter button {
		margin-top: 15px;
	}
	.page-template-umrah-fund .newsletter .newsletter--para {
		width: 100%;
	}
}

@media screen and (max-width: 800px) {
	section#servicesattheprophetsmosque\:masjidannabawi .services-container {
		padding: 0 !important;
	}
	section#hotels .services-container {
		padding: 0px 10px !important;
	}
	section#historyofmadinah .landmarks-container {
		padding: 0px 10px !important;
	}
	section#historyofmadinah .history-container {
		padding: 0px 10px !important;
	}
	.page-template-madinah section#daybyday .landmarks-container {
		padding: 0px 10px;
	}
	section#restaurants .landmarks-container {
		padding: 0px 10px !important;
	}
	section#gettingthere {
		padding: 0px 20px !important;
	}
	section#umrahglossary .glossary-container {
		padding: 0px 20px !important;
		margin-top: 45px;
	}
	section#servicesattheprophetsmosque\:masjidannabawi {
		padding: 0px 20px !important;
	}
	.component-guide-section .services-container {
		/* padding: 0; */
		padding: 0px 10px !important;
	}
	.modal-video .modal-content {
	    top: 0% !important;
    	left: 20% !important;
    	height: 400px;
	}
	.team-popup .close-button {
		right: 100px !important;
	}
	/* .team-popup {
		width: 70%;
	} */
	section#introduction {
		padding: 0px 20px !important;
	}
	.images-slide img {
		width: 100%;
	}
	section#packinglist {
		padding: 0 20px !important;
	}
}
@media screen and (max-width: 400px) {
	#packinglist .packing-content .form input[type='email'] {
		width: 100%;
	}
	.packing-content p {
		padding: 0px !important;
	}
	}

/* @media only screen and (min-device-width : 320px) and (max-device-width : 480px), only screen and (min-device-width : 480px) and (max-device-width : 800px) and (orientation : landscape), only screen and (device-width: 768px), only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5)
	{
		.chat-box-container {

		}
	} */

@media screen and (max-width: 500px) {
	.search-box input::placeholder
{
	font-size: 14px !important;
	text-align: center;
}
	.video-banner--category {
		height: 70vh !important;
		padding: 0px 10px !important;
	}
	.page-template-pilgrim-prayer .accordion-header h2 {
		padding-bottom: 0;
	}
	.partner-popup-content p {
		font-size: 16px;
	}
	.page-template-women-guide section#videos {
		padding: 0px 10px !important;
	}
	.page-template-women-guide section#videos .popular-videos-container {
		padding: 0px 20px !important;
	}
	.page-template-umrah-guide .banner-share,
.page-template-hajj-guide-page .banner-share
{
	    justify-content:center;
}
	.landmarks-container p {
		font-size: 18px;
	}
	.services-slide h2 {
		width: 80%;
	}
	.services-slide {
	    min-width: auto;
	}
	.services-slide h2:after {
		width: 100%;
	}
	.prayers-content {
		flex-shrink: 1;
	}
	.about-container h2, .team-container h2 {
		font-size: 24px;
	}
	section#gettingthere .container-heading {
		margin-bottom: 20px;
	}
	section#servicesattheprophetsmosque\:masjidannabawi .container-heading {
		margin-bottom: 20px;
	}
	/* .page-template-madinah .container-heading {
		margin-bottom: 25px;
	} */
	/* .page-template-makkah-page .container-heading {
		margin-bottom: 25px;
	} */
	.file-type
	{
		width: 100%;
	}
	.team-popup {
		width: 90%;
	}
	#madinah-banner .banner-navgation {
		display: none;
	}
	.modal-video .modal-content {
		top: 10% !important;
		left: 6% !important;
		width: 85% !important;
	}
	.reason-list {
		gap: 15px;
	}
	.list-text p {
		font-size: 15px;
	}
	.what-we-do-para p {
		width: 100% !important;
	}
	.share-col {
		display: block;
		text-align: center;
	}
	.share-icons {
		justify-content: center;
	}
	.search-box-input {
		background-size: 10px;
		width: 292px;
		text-indent: 12px;
		background-position: 3px;
	}
	.popular-courses-container .course-heading h2 {
		margin-bottom: 0px;
	}
	.popular-courses-container p {
		font-size: 16px;
	}
	.popular-courses-container .course-heading h2 a {
		font-size: 24px;
	}
	.popular-courses-container .swiper-slide {
		padding: 15px;
	}
	#pilgrims h2 {
		font-size: 24px;
		padding: 25px 10px;
		position: relative;
	}
	
	#background-video {
		height: 100%;
		width: 100%;
		object-fit: cover;

	}

	.popular-videos-container h2 {
		font-size: 24px;
	}
	.popular-videos-container p {
		font-size: 24px;
	}
	.popular-articles-container h2 {
		font-size: 24px;
	}
	.popular-courses-container h2 {
		font-size: 24px;
	}
	.post-views p {
		font-size: 16px;
	}
	.post-content-col {
		gap: 15px;
	}
	.post-percent-container {
		gap: 5px;
		padding: 10px;
	}
	.pld-like-dislike-wrap {
		width: 50px;
	}
	.post-likes img.p-like-dislike {
		max-width: 20px !important;
	}
	.post-meta-mobile .pld-common-wrap {
		min-width: 10px !important;
	}
	.post-likes img.p-like-dislike {
		max-width: 20px !important;
	}
	.pld-like-dislike-wrap .pld-common-wrap {
		margin-right: 22px;
	}
	.videos-template-default #videos .slider-img {
		height: 178.146px;
	}
	.popular-videos-container .swiper-slide > a {
		position: relative;
	}
	.videos-template-default .popular-videos-container .swiper-slide > a:before {
		background-size: 71px;
		top: 0%;
		left: 10px;
		height: auto;
	}
	.videos-template-default .post-text {
		align-self: auto;
	}
	.videos-template-default #videos .swiper-slide p.rate-text {
		display: none;
	}
	.videos-template-default #videos .swiper-slide p.pld-rates{
		display: none;
	}
	.videos-template-default #videos .rate p {
		overflow: visible !important;
	}
	.course-videos-container .popular-posts {
		margin-bottom: 20px;
	}
	.articles-archive {
		row-gap: 25px;
	}
	.popup-container body {
		overflow-y: hidden;
	}
	#filterContainer .close-button {
		top: -30px;
		right: -24px;
	}
	.nav-btn-active-archive.nav-item a {
		color: white !important;
	}
	.course-videos-container {
		padding: 0px 0px;
	}
	.guides-page .accordion-content img {
		width: 45% !important;
	}
	.packing-container {
	    height: 450px !important;
		/* margin: 0 20px; */
		background-size: cover;
	}
	.accordion-container .accordion {
		width: 100%;
	}
	#packinglist h2 {
		padding: 0 10px;
	}
	.packing-content h3 {
		text-align: center;
		font-size: 24px;
	}
	.packing-content p {
		text-align: center;
		padding: 2px 20px;
		font-size: 18px;
	}
	.chat-box-container {
		/* gap: 215px; */
		gap: 180px;
		height: 265px;
	}
	.packing-content .form{
		width: 90%;
	}
	/*.navigation-container {
		display: none;
	} */
	.guides-page .container-heading h2::after, .glossary-heading h2::after {
		content: "\f107";
		padding: 1px 10px;
		font-family: "Font Awesome 6 Free";
		border-radius: 100px;
		cursor: pointer;
		float: right;
		font-size: 18px;
	}
	.guides-page .container-heading h2.closed::after{
		font-family: "Font Awesome 6 Free";
		content: "\f106";
		padding: 1px 10px;
		border-radius: 100px;
		cursor: pointer;
		float: right;
		font-size: 18px;
	}
	.guides-page .container-heading {
		display: block;
		width: 100%;
		border-bottom: 1px solid #70798645;
		padding-bottom: 10px;
	}
	.container-heading h2 {
		font-weight: 600;
		font-size: 18px;
	}
	.madinah-container {
		justify-content: start;
		padding-top: 150px !important;
	}
	section#introduction {
		margin: 60px auto;
	}
	.component-guide-section .landmarks-container {
		padding: 0px 20px !important;
	}
	.page-template-hajj-guide-page section .popular-articles-container {
		padding: 0px 20px !important;
	}
	.page-template-hajj-guide-page section .popular-videos-container  {
		padding: 0px 20px !important;
	}
	/* .component-guide-section .history-container {
		padding: 0px 20px;
	} */
	.component-guide-section .glossary-container {
		padding: 0px 20px;
	}
	.chat-row {
		height: 375px;
	}
	.chat-search-box input {
		width: 100%;
	}
	.guide-btns a {
		display: inline-block;
		font-size: 17px;
		line-height: 265%;
		padding: 8px 20px;
		margin-bottom: 10px;
	}
	.list-text p {
		line-height: 20px;
	}
	.post-content-col > p {
		position: relative;
	}
	.share-heading {
		margin-bottom: 6px;
	}
	.article-content img {
		margin-bottom: 15px;
		width: 100%;
	}
	.custom-tooltip .tooltip-text {
		left: 0px !Important;
		top: -64px !important;
	}
	.single-videos .post-excerpt {
		color: #2D2A64;
		font-feature-settings: 'clig' off, 'liga' off;
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.057px;
	}
	.accordion-header h2 {
		color: #2A2972;
		font-feature-settings: 'clig' off, 'liga' off;
		font-family: Inter;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -0.057px;
	}
	.accordion-content li {
		/* color: #2A2972 !important; */
		font-feature-settings: 'clig' off, 'liga' off;
		font-family: Inter !important;
		font-size: 16px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		letter-spacing: -0.057px;
	}
	#video-navigation .banner-nav-btn {
		display: none;
	}
	.page-template-umrah-guide section, .page-template-hajj-guide-page section {
		padding: 0px 10px !important;
	}
	#partner-content-section .share-col p {
		color: #4A437E;
		font-family: Inter;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 28px; /* 155.556% */
		text-align: start;
	}
	#partners-banner .share-col {
		text-align: start;
	}
	#partners-banner .share-heading h2 {
		font-size: 20px;
		text-align: center;
		padding: 2px 5px;
	}
	#partners-list {
		margin: 32px auto !important;
	}
	#partners-list .partners-list-container {
		padding: 0 20px;
	}
	section#packinglist {
		padding: 0 20px;
	}
	.page-template-partners #packinglist h2 {
		padding: 0px;
		font-size: 24px;
	}
	.page-template-partners .packing-content {
		width: 100%;
	}
	.page-template-partners .packing-container {
		padding: 30px 5px;
	}
	.page-template-partners .packing-content h3 {
		text-align: center;
		font-size: 30px;
	}
	.kabah-row {
		padding: 30px 15px;
	}
}
@media screen and (max-width: 380px) {
.accordion-content p, .accordion-content li, .accordion-content h2 {
	word-break: break-word;
}
}

/* .post-row .sidebar {
	z-index: 1 !important;
} */
/* .table-of-content {
	position: relative;
}
.ez-toc-title-container {
    position: absolute;
    left: 0;
    top: -5%;
}
#ez-toc-container {
	border-radius: 0px;
	border: none !important;
	box-shadow:none
} */
/* .popup-container.report-popup .close-button {
    top: -50px;
} */

#ez-toc-container {
	box-shadow: 0 0px 0px rgba(0,0,0,.05);
	 }
.search-box input::placeholder {
	font-size: 16px;
}
.sidebar-container h2 {
	border-bottom: 2px solid #DCD8FC;
}
/* .sidebar-container p {
	border-bottom: 2px solid #DCD8FC;
} */
img.fund-star {
    margin-top: -6px;
	cursor:pointer;
}
.page-template-article-page .main-header {
	background: unset;
    position: absolute;
    width: 100%;
    backdrop-filter: unset;
}


/* .chat-row::-webkit-scrollbar {
    width: 6px;
    height: 4px
} */

/* .chat-row::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px
}

.chat-row::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px
}

.chat-row::-webkit-scrollbar-thumb:hover {
    background: #555
} */

.chat-row ::-webkit-scrollbar {
	width: 5px; 
	height: 3px; 
  
  }
  .chat-row ::-webkit-scrollbar-thumb {
	background-color: #363481; 
	margin-top: 5px;
	margin-bottom: 5px;
  }
   .chat-row ::-webkit-scrollbar-track {
	background-color: #f0f0f0;
	margin-top: 5px;
	margin-bottom: 5px;
  }


.guides-page .navigation-container {
	height: auto;
}
#partners-banner .nav-item {
    border: 2px solid transparent;
}
/* #partners-banner .nav-item:hover {
    border: 2px solid #2A2972;
} */
#prayers .nav-item {
    border: 2px solid transparent;
}
/* #prayers .nav-item:hover {
    border: 2px solid #2A2972;
} */
.partners-list-container {
    padding: 0 80px;
}
section#partners-banner .banner-navgation {
	padding: 16px 50px;
}
section#packinglist h2 {
    color: #4A437E;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.057px;
}
.single-post .article-content table {
	width: 100%;
    height: 360px;
    overflow: scroll;
}

.modal-opened {
	overflow: hidden !important;
	
}
.modal-opened-html {
	overflow: hidden !important;
 }
.single.single-post figure {
	width: 100% !important;
}
@media screen and (max-width: 1200px) {
.kabah-row {
	padding: 8px 15px
}
.kabah-para p {
	width: 100%;
}
}

#ez-toc-container a:hover {
	color: #fff !important;
    background-color: #2D2A64;
    padding: 5px 8px;
    border-radius: 10px;
}
#ez-toc-container a{
    padding: 5px 8px;
    border-radius: 10px;
}
#ez-toc-container a.ez-toc-toggle:hover {
	color: #444 !important;
    background-color: transparent;
    border-radius: none;
}
.modal-video {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-video .modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 60%; /* Could be more or less, depending on screen size */
  border-radius: 25px;
  /* overflow-y: scroll; */
  overflow: visible;
  top: -18%;
  position: absolute;
  left: 20%;
}

/* The Close Button */
.close--video {
    display: inline-block;
    position: absolute;
    top: -65px;
    right: 0;
    cursor: pointer;
    font-size: 42px;
    color: white;
}

.modal-video .modal-content ::-webkit-scrollbar {
	width: 5px; 
	height: 3px; 
  
  }
  
  
  .modal-video .modal-content ::-webkit-scrollbar-thumb {
	  background-color: #363481; 
	margin-top: 5px;
	  margin-bottom: 5px;
  }
  
  .modal-video .modal-content ::-webkit-scrollbar-track {
	  background-color: #f0f0f0;
	margin-top: 5px;
	  margin-bottom: 5px;
  }

.close--video:hover,
.close--video:focus {
  color: white;
  text-decoration: none;
  cursor: pointer;
}
div#ez-toc-container .ez-toc-title {
	color: #2D2A64;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.057px;
    margin: 0px;
    padding: 8px 0px;
    border-bottom: 2px solid #DCD8FC;
}
.sidebar-container h2 {
	display: none;
}
/* .sidebar-container p {
	display: none;
} */
section#featured-section .sidebar-container h2 {
	display: block;
}
/* section#featured-section .sidebar-container p {
	display: block;
} */
.page-template-makkah-page .services-container {
    padding: 0px 20px;
}
.component-guide-section .landmarks-container {
    padding: 0px 40px;
}
.component-guide-section .history-container{
    padding: 0px 40px;
}
section#historyofmadinah .history-container {
    padding: 0px 20px;
}
section#restaurants .landmarks-container {
    padding: 0px 20px;
}
section#landmarks .landmarks-container {
    padding: 0px 20px;
}
section#historyofmadinah .landmarks-container {
    padding: 0px 20px;
}
section#packinglistoverview {
    padding: 0px 100px;
} 
section#packinglistoverview h2 {
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
	letter-spacing: -0.057px;
	margin: 0px;
} 
section#packingliststep {
    padding: 0px 100px;
} 
section#packingliststep h2 {
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 125%;
	letter-spacing: -0.057px;
	margin: 0px;
} 
.guides-page .accordion-content img {
	border-radius: 10px;
	height: 250px;
    object-fit: cover;
}



@media screen and (max-width: 1600px) {
	.team-popup .close-button {
		right: 26%;
	}
	}	
@media screen and (max-width: 1200px) {
.team-popup .close-button {
    top: 0%;
    right: 17% !important;
}
.single-videos .post-row {
	display: block;
}
.accordion-container
{
    overflow: auto;
}
.newsletter form {
	display: block;
}
.newsletter input {
	margin-bottom: 15px;
}
.newsletter button {
	display: block;
}
}
@media screen and (max-width: 820px) {
	.funds-heading p {
		text-align: center;
	}
	.article-content p  {
		font-size: 16px;
	}
	.guides-page .accordion-content img {
		height: 100%;
	}
}
@media screen and (max-width: 800px) {
	.funds-heading p {
		text-align: center;
	}
	section#packinglistoverview {
		padding: 0px 20px !important;
	} 
	section#packingliststep {
		padding: 0px 20px !important;
	} 
	.prayers-container	{
		height: 340px;
	}
	.partners-list-container {
		padding: 0 20px;
	}
	.page-template-umrah-guide .component-guide-section .landmarks-container {
		padding: 0px 20px !important;
	}
	section#landmarks .landmarks-container {
		padding: 0px 10px !important;
	}
	.page-template-article-page .popup-box {
		top: 15%;
	}
	.page-template-article-page #filterContainer .close-button {
	    top: -55px;
    	right: -15px;
	}
	.post-type-archive-videos #filterContainer .close-button {
		top: -38px;
		right: -24px;
	}

	.page-template-makkah-page .services-container {
		padding: 0px 10px;
	}
.page-template-umrah-guide .history-container {
	padding: 0px 20px !important;
}
.page-template-hajj-guide-page .history-container {
	padding: 0px 05px !important;
}
.glossary-container {
    margin-top: 0px;
}
.guides-page .history-container {
    margin: 10px 0px;
}

.page-template-women-guide .glossary-container {
	margin-top: 0;
}
.guides-page .accordion-content img {
	width: 100% !important;
	height: 100%;
	display: block;
}
.page-template-women-guide section#hajj-banner {
	padding: 0px 20px !important; 
}
.component-guide-section {
	padding: 0px 10px !important;
}
.page-template-women-guide .history-container {
    padding: 0px 20px !important;
}
section#packinglistoverview h2 {
	font-size: 24px;
}
section#packingliststep h2 {
	font-size: 24px;
}
}
.page-template-hajj-guide-page .tab-info .swiper-slide img {
	height: 150px;
	object-fit: cover;
}
.page-template-hajj-guide-page .tab-info .accordion-btn {
	margin-top: 30px;
}
@media screen and (max-width: 500px) {
	.link-col {
		width: 100%;
		/* display: block; */
	}
	.link-col a {
		word-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
				line-clamp: 1; 
		-webkit-box-orient: vertical;
	}
	.funds-para p {
		font-size: 16px;
	    font-weight: 400 !important;
	}
	.article-content {
		padding: 12px;
	}
	.single-post section#featured-section {
		width: 93vw;
	}
	.single-post .post-row {
		width: 93vw;
	} 
	.page-template-hajj-guide-page .tab-info .swiper-slide img {
		height: 200px;
	}

	#filterContainer .popup-box {
		top: 15%;
	}
	.hajj-heading-col h2 {
		text-align: center;
	}
	.hajj-heading-col p {
		text-align: center;
	}
	.accordion--step .accordion__label{
		padding: 14px 25px;
		padding-right: 40px !important;
	}
	.report-popup P {
		font-size: 24px;
		/* text-align: center; */
	}
	.service-m-content p {
		font-size: 16px !important;
	}
	section#packinglistoverview {
		padding: 0px 30px !important;
	}
	section#packingliststep {
		padding: 0px 30px !important;
	}
	section#packinglistoverview h2 {
		font-family: 'SF Pro Display';
		font-size: 18px;
		margin-bottom: 15px;
	}
	section#packingliststep h2 {
		font-family: 'SF Pro Display';
		font-size: 18px;
		margin-bottom: 15px;
	}
	.accordion--step .accordion__content p {
		font-size: 16px;
		margin-top: 20px;
	}
	.post-template-default.single.single-post .submit-btn {
		margin-top: 15px;
	}
	.accordion-header h2:before {
		font-size: 16px;
	}
	.accordion-content p {
		font-size: 16px;
		line-height: 1.6;
	}
	.prayers-container	{
		height: 270px;
	}
	section#team .team-container h2 {
	    margin: 0px 0px 15px;
	}
	.partners-heading-container h2 {
		font-size: 24px;
	}
	.partners-heading-container p {
		margin-top: 10px;
	}
	section#umrahglossary .glossary-container {
		padding: 0px 20px !important;
	}
	.component-guide-section .landmarks-container {
		padding: 0px 20px;
	}
	section#book-preview .book-images {
		flex-direction: row;

	}
	.accordion-container
{
   margin-top: 10px;
   padding: 32px 15px;
}
	.accordion--step {
		margin-top: 20px !important;
		max-width: 100%!important;
	}
	.accordion--mob {
		width: 100%;
	}

	.packing-content
{
	width: 100%;
}.partners-banner-container
	.banner-nav-btn.mobile {
		display: none;
	}
	.partners-banner-container {
		background-size: cover !important;
	}
	section#packinglist .packing-container {
		margin: 0;

	}
	.partner-content {
		padding-left: 0px;
	}
	.umrah-banner-container {
		height: 380px;
		object-fit: cover;
		padding: 116px 0px 12px 0px;
		background-position: center !important;
		background-repeat: no-repeat !important;
		background-size: 100% 100% !important;
		position: relative;
    }
	section#umrah-banner {
		margin-bottom: 180px;
	}
	/* .past-slide {
		width: 100% !important;
	} */
	section#partners {
		margin-top: 80px;
	}
	.partner-header {
		flex-direction: column-reverse;
	}
	#nominations h2 {
		font-size: 24px;
	}
	.partners-container h2 {
		font-size: 24px;
	}
	.past-container h2 {
		font-size: 24px;
	}
	.umrah-banner-container p {
		color: #4A437E;
		text-align: center;
		font-feature-settings: 'clig' off, 'liga' off;
		font-family: Inter;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 125%;
		letter-spacing: -0.2px;
		padding: 8px 15px;
		margin-bottom: 15px;
	}
	.past-img img {
		width: 100%;
	}
	.past-container .swiper-slide-active {
		margin-right: 15px !important;
	} 
	.past-slide {
		/* width: 80% !important; */
		min-height: auto;
	}
	.team-popup select {
		height: 60px;
		padding: 18px 12px;
	}
	/* .team-popup {
		width: 70%;
	} */
	#popupContainer .team-popup .close-button {
		top: 0%;
		right: 15% !important;
	
	}
	.team-container .past-swiper {
		width: 100%;
	}
	#partners-banner .banner-navgation {
		display: none;
	}
	.modal-content h2{
		text-align: center;
	}
	section#packinglist h2 {
		font-size: 24px;
	}
	.tab-container{
		display: none !important;
	}
	.accordion__label:after {
		content: "\f107";
		font-family: "Font Awesome 6 Free";
		font-weight: 700;
		color: #4A437E;
		font-size: 24px;
		float: right;
		margin-right: 8px;
		position: absolute;
		right: 12px;
	}
	.accordion__label {
		padding-right: 35px;
	}
	.summary.article-content #ez-toc-container {
		display: block !important;
		box-shadow: none !important;
	}
	/* .accordion--mob {
		display: block !important;
	} */
	div#ez-toc-container .ez-toc-title {
		color: #2D2A64;
		font-feature-settings: 'clig' off, 'liga' off;
		font-family: Inter;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		letter-spacing: -0.057px;
		margin: 0px;
		padding: 8px 0px;
		border-bottom: 2px solid #DCD8FC;
	}
	.table-of-content {
		display: none;
	}
	#hajj-navigation .navigation-container {
		display: none;
	}
	.packing-container {
		padding: 0px 10px;
	}
	.partners-col {
		gap: 10px;
	}
	.other-issue .text-area {
		height: 90px;
	}
	.team-popup input, .team-popup select, .team-popup textarea {
		align-items: center;
	}
}
@media only screen 
and (device-width: 428px) 
and (device-height: 926px) 
and (-webkit-device-pixel-ratio: 3) { 
	.team-popup select {
		height: 50px !important;
		padding: 10px 12px !important;
	}
	.team-popup input, .team-popup select, .team-popup textarea {
		align-items: center;
	}
 }

@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) { 
		.team-popup select {
			height: 50px !important;
		padding: 10px 12px !important;
		}
		.team-popup input, .team-popup select, .team-popup textarea {
			align-items: center;
		}
	 }
@media screen and (max-width: 400px) {
#filterContainer .popup-box {
    width: 85%;
}
section#packinglistoverview .form form {
	display: block;
}
section#packinglistoverview .form input[type='email'] {
	width: 100%;
}
section#packinglistoverview .form input[type='submit'] {
	display: block;
    text-align: center;
    margin: 0 auto;
    width: 75%;
    margin-top: 15px;
}
/* list */
section#packingliststep .form form {
	display: block;
}
section#packingliststep .form input[type='email'] {
	width: 100%;
}
section#packingliststep .form input[type='submit'] {
	display: block;
    text-align: center;
    margin: 0 auto;
    width: 75%;
    margin-top: 15px;
}
}

.umrah-banner-container h1 {
    margin-bottom: 25px;
}
.partner-heading h2 {
    font-size: 36px;
}
	/* .accordion--mob {
		display: none;
	} */
	.accordion--step{
	max-width: 90%;
	margin: 0 auto;
	border-radius: 6px !important;
	margin-top: 50px;
	margin-bottom: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
}
.accordion__label, .accordion__content{
    padding: 14px 20px;
}
.accordion__label{
	display: block;
    font-family: Inter;
    font-size: 16px;
    text-align: start;
    line-height: 30.4px;
    margin: 0px;
    color: #4A437E;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    transition: background-color 0.1s;
	border-bottom: 1px solid #70798645;
    padding-bottom: 10px;
	position: relative;
}
.accordion__label:hover{
    /* border-radius: 23px; */
    background: linear-gradient(0deg, #F5F4FD 0%, #F5F4FD 100%), #FFF;
    border-bottom: 0px;
}
.accordion__content{
    background: white;
    line-height: 1.6;
    font-size: 0.85em;
    display: none;
}
.accordion__content p {
	color: #707986;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 30.4px;
}
.accordion__input{
    display: none;
}
.accordion__input:checked ~ .accordion__content{
    display: block;
}
.service-modal-head h2 {
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 125%; /* 45px */
	letter-spacing: -0.057px;
}
.service-m-content p {
	color: #4A437E;
	font-feature-settings: 'clig' off, 'liga' off;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 30px */
	margin-top: 22px;
}
.service-m-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-bottom: 15px;
}
.service-m-head img{
	height: fit-content;
}
#prayers .banner-navgation {
	padding: 16px 100px;
}
/* div#accordionPreview .accordion-header h2:before {
	display: none;
} */
/* .page-template-umrah-guide .history-container {
    padding: 0px 40px;
} */
.page-template-hajj-guide-page .history-container {
	padding: 0px 05px;
}
.page-template-women-guide section#hajj-banner {
    padding: 0px 60px;
}
.page-template-women-guide section#hajj-navigation {
    padding: 0px 60px;
}
.page-template-women-guide #hajj-navigation .banner-navgation {
    padding: 0px 40px;
}
.page-template-women-guide #travel {
    padding: 0px 60px;
}
/* .page-template-women-guide .history-container {
    padding: 0px 40px;
} */
.page-template-women-guide section#umrahpreparation {
    padding: 0px 60px;
}
.page-template-women-guide section#umrahoverview {
    padding: 0px 60px;
}
.page-template-women-guide section#hajjglossary {
    padding: 0px 60px;
}
.component-guide-section {
    padding: 0px 60px;
}
.page-template-women-guide section#videos {
    padding: 0px 60px;
}
.page-template-women-guide section#videos .popular-videos-container {
    padding: 0px 40px;
}
.grid-slide .service-m-content img {
    width: 100%;
    height: 250px;
    object-fit: cover;
} 
.tab-info .images-swiper .images-slide img {
	height: 200px;
    object-fit: cover;
    margin-bottom: 20px;
}
.article-content .post-info-box svg {
	width: 100px;
}

.name-section input {
	border-radius: 8px;
    background: rgba(0, 0, 0, 0.26);
    outline: none;
    border: 0px;
    padding: 12px;
    align-items: flex-start;
    gap: 8px;
	color: white;
}

form.Umrah_Packing_Guide_Download input[type="email"] {
	width: 100%;
    margin-bottom: 10px;
}

form.Umrah_Packing_Guide_Download .email-section {
	display: flex;
    flex-direction: column;
}
li#menu-item-23462 a {
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    border-radius: 142px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    color: #363481;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 125%;
    letter-spacing: -0.057px;
    text-decoration: none;
}
li#menu-item-23462 a:hover {
	color: #363481 !important;
}
.header-col.search-col {
    display: none !important;
}
#menu-main-menu li a:hover {
	color:#fff;
}
header .nav-menu #menu-main-menu li ul li a:hover > span {
	color: #fff;
}
form.search-form.mobile-header-form {
    display: none;
}
/* Shop Page CSS */


.readmore-link a {
    color: #43408B;
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%;
    letter-spacing: -0.073px;
    text-align: center;
    display: block;
    margin-top: 20px;
}
.feature-card-wrap:hover {
    border-radius: 28px;
    border: 4.459px solid #3C2E8A;
    /* background: #FFF; */
    /* box-shadow: 0px 5.062px 35.436px 0px rgba(0, 0, 0, 0.05), 0px 10.124px 55.684px 0px rgba(0, 0, 0, 0.05); */
}
.product-wrap {
    width: 32%;
	margin-bottom: 40px;
}
/* Sliding Cart CSS  */
.woofc-area.woofc-style-02 .woofc-area-top {
      color: #ffffff;
    background-color: #282275;
    font-family: 'Inter';
    font-weight: 600;
    height: 60px !important;
    line-height: 60px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-title a {
    text-decoration: none;
    color: #222222;
    color: #43408B;
    text-align: center;
    font-family: Inter;
    font-size: 15.551px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.636px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-info .woofc-item-price span {
    color: #706F85;
    text-align: center;
    font-family: Inter;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 19.636px;
}
.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
    color: #ffffff;
}
[class^="woofc-icon-"], [class*=" woofc-icon-"] {
    font-weight: 700;
}
.woofc-area.woofc-rounded-yes.woofc-position-01, .woofc-area.woofc-rounded-yes.woofc-position-02 {
    padding: 20px;
    padding-right: 0px;
}
.woofc-item-qty.woofc-item-qty-plus-minus {
    border-radius: 36.963px;
    border: 1.733px solid #43408B;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus {
    border-radius: 36.963px;
    background-color: #ffffff;
}
.woofc-area.woofc-rounded-yes .woofc-inner .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus {
    border-radius: 36.963px;
    background-color: #ffffff;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner input{
	 border-radius: 36.963px;
    background-color: #ffffff;
    font-weight: 700 !important;
    font-family: Inter;
    color: #272270;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-plus,{
	font-size: 22px;
	line-height: 25px;
}
.woofc-area.woofc-style-02 .woofc-area-mid .woofc-item .woofc-item-inner .woofc-item-qty .woofc-item-qty-inner .woofc-item-qty-minus{
	font-size: 22px;
	line-height: 25px;
}
.woofc-subtotal.woofc-data .woofc-data-left{
	color: #706F84;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.636px;
}
.woofc-subtotal.woofc-data .woofc-data-right span.woocommerce-Price-amount{
	color: #706F84;
    text-align: center;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.636px;
}
.woofc-total.woofc-data .woofc-data-left{
    color: #43408B;
    text-align: center;
    font-family: Inter;
    font-size: 16.551px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.636px;
    margin-top: 6px;
}

.woofc-total.woofc-data .woofc-data-right{
 	color: #43408B;
    text-align: center;
    font-family: Inter;
    font-size: 16.551px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.636px;
    margin-top: 6px;
}
.woofc-action-left a.woofc-action-cart{
	border-radius: 36.963px !important;
    border: 2px solid #272270 !important;
    color: #272270 !important;
	font-family: Inter;
    font-size: 14.508px;
    font-style: normal;
    font-weight: 500 !important;
}
.woofc-action-right a.woofc-action-checkout{
	 border-radius: 36.963px !important;
    border-color: #43408B !important;
    background: #43408B !important;
    color: #F5F4FD !important;
    font-family: Inter;
    font-size: 14.508px;
    font-style: normal;
    font-weight: 500 !important;
}
.woofc-area.woofc-style-02 .woofc-area-bot .woofc-continue span {
    border-bottom: 0px solid #444;
    color: #43408B;
    text-align: center;
    font-family: Inter;
    font-size: 14.508px;
    font-weight: 700;
    line-height: 19.636px;
    text-decoration: none !important;
}
.woofc-area .woofc-suggested-heading span {
    position: relative;
    color: #53535a !important;
    text-align: center;
    font-family: Inter;
    font-size: 14.396px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.636px;
}
.woofc-suggested-product-name a {
    color: #43408B;
    text-align: center;
    font-family: Inter;
    font-size: 16.551px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.636px;
}
.history-container .accordion-item {
    border: 0px solid #fff !important;
}


/* CTA ADS */
.media-pop-article-spnsr {
    border-radius: 16px;
    border: 1px solid #EBEBEB;
    background: #FFF;
    padding: 10px 10px !important;
}

.media-pop-article-spnsr .sponsered{
	background: #302476!important;
    position: absolute;
    top: 20px;
    left: 20px;
}
.media-pop-article-spnsr .sponsered span{
	font-size: 16px;
    text-transform: capitalize;
    padding: 0px 5px;
    font-weight: 500;
}
.media-pop-article-spnsr .slider-text a h3{
	color: #302476!important;
}
.media-pop-article-spnsr .slider-text a {
    min-height: auto;
}


.media-pop-article-spnsr .slider-text .post-text p {
	color: #7D7D7D !important;
    font-family: Inter !important;
    font-weight: 600 !important;
    letter-spacing: -0.057px;
    margin-top: 4px;
}
.pop-art-more-btn{
	border-radius: 138.02px;
    background: #302476;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.056px;
    padding: 10px 16px;
    margin-top: 6px;
}
.pop-art-more-btn:hover{
	color: #fff!important;
}




/* Media Queries for Ads  */

@media only screen and (max-width: 767px) and (min-width: 320px)  {
	.media-pop-article-spnsr .sponsered{
		display: inline-block!important;
	}
	.media-pop-article-spnsr a img{
		display: inline-block!important;
        height: 28vh!important;
	}
}