* {
    margin: 0;
    padding: 0;
}
.dropdown-menu[data-bs-popper]{
  top: 100% !important;
    left: auto !important; 
    margin-top: var(--bs-dropdown-spacer) !important;

}
ul.sub-menu.dropdown-menu.megaMenu.show {
    border: none;
}
a{
    text-decoration: none!important;
}
.pt-80{
	padding-top:80px;
}
.mt-80{
	margin-top:80px;
}
.pb-80{
	padding-bottom:80px;
}
.mb-80{
	margin-bottom:80px;
}
.bg-purple{
	background-color: #e0e1ff;
    border-radius: 10px;
}
.bg-purple h2{
	color:#0a0e61;
}
.bg-purple h1{
	color:#0a0e61;
}
.bg-blue{
	background-color:#0a0e61;
	border-radius: 10px;
}
.bg-blue h2{
    color: #ffaa00;
}
.bg-blue p{
    color: #ffffff;
}
.bg-yellow{
	background-color:#ffaa00;
	border-radius: 10px;
}
/* HEADER SECTION */
.top-bar ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.top-header {
    background-color: #e0e1ff;
} 

.top-bar nav {
    padding: 0%;
}

.icon img {
    margin-right: 15px;
    width: 40px;
}

.icon p {
    margin-bottom: 0%;
	 font-size: 16px;
}
   .icon h5{
   font-size:16px
}

.icon a {
    text-decoration: none;
}

.navbar {
    position: relative;
}
.logo img {
    position: absolute;
    top: -60px;
    z-index: 50;
    border-top-left-radius: 42%;
    border-top-right-radius: 45%;
    width: 130px;
}

.navbar ul li a {
    color: black;
    font-size: 22px;
    margin: 0 20px;
}
.main-btn {
    color: black;
    background-color: #ff932f;
    border: none;
    font-size: 25px;
    padding: 3% 5%;
}

/* HERO SECTION */
.banner {
    background-image: url("../images/linked_file.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode:darken;
    background-color: rgb(72, 66, 253);
}

.banner .row {
    padding-top: 10%;
    padding-bottom: 180px;
}
.banner h1 {
    font-family: serif;
    font-weight: bolder;
    word-spacing: 3px;
    padding-bottom: 1%;
}
.banner h2 {
    letter-spacing: 1px;
}
.banner h3 {
font-size: 2.5em;
font-weight: bold;
font-family: sans-serif;
letter-spacing: 1px;
padding-top: 2%;
}
.banner-btn {
    padding-top: 6%;
}

/* OUR Page Content SECTION */
.page-content h1 {
    padding-top: 5%;
    padding-bottom: 3%;
    font-size: 3.5rem;
}
.page-content {
    align-items: center;
    justify-content: center;
    margin-top: 2%;
	margin-bottom: 2%;
    padding: 7%;
}
.page-content h2 {
    font-size: 2.5rem;
    margin-bottom: 3%;
}
.page-content p {
    font-size: 20px;
    margin-bottom: 3%;
}
.page-img img.img-fluid {
    padding-top: 0% !important;
    padding-bottom: 0% !important;
    margin: 0%;
    width: 100% !important;
    height: 100% !important;
	border-radius: 10px;
}
/* APPEALS SECTION */
.appeals {
    background-color: #f2f3ff;
}
.appeals .row .card {
    background-color: #f2f3ff;
}

.appeals-border {
    margin-top: 2%;
    border-bottom:5px solid #ff932f;
    border-radius: 20px;
    width: 8%;
    margin-left: 45%;
    margin-bottom: 5%;
}
.appeals h1 {
    padding-top: 5%;
    padding-bottom: 3%;
    font-size: 3.5rem;
}
.appeals h4 {
    color: #818181;
    font-weight: 400;
}
.appeals h4 span {
    color: #6b6b6c;
    font-weight: bolder;
}
.appeals .card {
    border: none;
}
.card .card-text {
    font-size: 22px;
}
.view {
    margin-top: 10%;
    padding-bottom: 6%;
}
.view p {
    font-size: 25px;
}
.appeal-img{
	padding-top: 0%;
    padding-bottom: 0%;
    margin: 0%;
    width: 100%;
    height: 100%;
}
.purple-btn {
    padding: 13px 30px;
    font-size: 20px;
    background-color: #e0e1ff;
    border: none;
    font-weight: bold;
    color: #0a0e61;
}
.myanmar-list{
	margin-top:35px;
}
.myanmar-list li{
font-size: 20px;
margin-bottom:15px;
}
/* OUR WORK SECTION */
.work h1 {
    padding-top: 5%;
    padding-bottom: 3%;
    font-size: 3.5rem;
}
.work-content {
    align-items: center;
    justify-content: center;
    margin-top: 2%;
    padding: 10% 15%;
}
.work-content h2 {
    font-size: 2.5rem;
    margin-bottom: 3%;
}
.work-content p {
    font-size: 25px;
    margin-bottom: 0%;
}
.work img {
    padding-top: 0%;
    padding-bottom: 0%;
    margin: 0%;
    width: 100%;
    height: 100%;
}

/* FORM SECTION */
.form {
    padding-bottom: 5%;
	    margin-top: 10%;
}

.get-border {
	    margin-top: 2%;
    border-bottom:5px solid #ff932f;
    border-radius: 20px;
    width: 9%;
/*     margin-left: 40%; */
    margin-bottom: 3%;
	    margin-left: auto;
    margin-right: auto;
}
/* .form .row h5 {
    margin-top: 10%;
} */
.form .row h2 {
    font-size: 3rem;
    margin-bottom: 0%;
}

.form .row {
    padding: 0 10%;
}
.form .row .form-control {
    background-color: #f5f5f5;
    border-radius: 12px;
    border: none;
    height: 52px;
}

.form .row textarea.form-control {
    height: unset;
}
.form .btn {
    background-color: #ffaa00;
    height: 52px;
    font-size: 22px;
    font-weight: 500;
    border-radius: 12px;
}
.form p {
font-size: 20px;
	margin-bottom:15px;
	text-align:center;
}
footer {
    background-color: #0a0e61;
}
footer .row {
    padding-top: 5%;
    padding-bottom: 5%;
}
footer .row h4 {
    font-weight: 400;
    padding-bottom: 6%;
}
footer ul li {
    list-style: none;
    padding-top: 5%;
}
footer ul li a {
    text-decoration: none;
    color: white;
    font-size: large;
}
footer .row .img-fluid {
    padding-right: 5%;
    padding-top: 5%;
    width: 20%;
}
footer .footer-copyright {
    background-color: #e0e1ff;
}




/* --- INNER PAGE CSS ---*/
/* HERO SECTION */
.inner-banner {
    background-image: url("../inner-img/inner-banner.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-blend-mode:darken;
    background-color: rgb(116, 112, 237)
}

.inner-banner .row {
    padding-top: 10%;
    padding-bottom: 180px;
}
.inner-banner h1 {
    font-size: 5.5rem;
    font-family: c;
    font-weight: bolder;
    word-spacing: 3px;
    padding-bottom: 1%;
}

.inner-banner-btn {
    padding-top: 6%;
}


/* IFTAR SECTION */
/* .iftar .row {
    padding: 0 15%;
} */
.iftar-border {
/*     margin-top: 2%; */
    border-bottom:5px solid #ff932f;
    border-radius: 20px;
    width: 8%;
/*     margin-left: 45%; */
    margin-bottom: 2%;
	margin-left:auto;
	margin-right:auto;
}

.iftar h1 {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 3.5rem;
}

.iftar p {
    color: #818181;
    font-weight: 400;
	font-size:20px;
}
.iftar .content {
/*     padding-top: 3%; */
    padding-left: 4%;
}
.inner-btn {
    padding-top: 1%;
}
.content-btn {
    padding:13px 30px;
    font-size: 20px;
    background-color: #ffaa00;
    border: none;
    font-weight: bold;
    color: #000;
}

.list-foot a{
    color: #fff;
}

.menu-main-menu-container .menu{
		padding-left:0px;
	}
	.list-foot ul{
		padding-left:0px;
	}

/* 9-feb-2026 start */

.ways-donate-col {
    background-color: #0a0e61;
    color: white;
    padding: 70px 20px;
    text-align: center;
    border-radius: 10px;
    transition: transform 0.45s ease, box-shadow 0.45s ease;
    will-change: transform, box-shadow;
    margin-bottom: 60px;
}

.ways-donate-col h4 {
    color: white !important;
}
.ways-donate-col h4  a{
    color: white !important;
}
.ways-donate-col:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 0 25px rgb(10 14 97);
}
.giving-quote {
    background-color: #ffaa00;
    padding: 30px 15px;
    text-align: center;
    margin-bottom: 40px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgb(255 170 0);
}
.giving-quote h4{
    color:white;
    font-style: italic;
}
.giving-quote h6{
    color:white;
    font-style: italic;
}
/* 9-feb-2026 end */

@media screen and (max-width:1399px){
	.logo img {
    top: -41px;
    width: 120px;
}
}
@media screen and (max-width:1199px){
	.navbar ul li a {
    font-size: 20px;
     margin: 0 ; 
}
	.logo img {
    top: -39px;
    width: 116px;
}
.main-btn {
    font-size: 20px;
}
  .icon img {
    width: 40px;
}
}
@media screen and (max-width:991px){
	 .logo img {
       width:100px;
	   top: -67px;
    }
	.navbar ul li a {
    font-size: 20px;
     margin: 0 ; 
}
	
  .icon img {
    width: 38px;
}
		.main-btn {
    font-size: 20px;
}
.page-content p {
    font-size: 16px;
}
	.page-content h2 {
    font-size: 1.3rem;
}
}

@media screen and (max-width:767px){
/* 	3-4-2025 */
	.inner-btn{
		    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
	}
	.inner-banner h1 {
    font-size: calc(1.625rem + 4.5vw);
}
	.iftar p {
    font-size: 16px;
}
	.iftar h1 {
    font-size: 1.3rem;
}
	.myanmar-list li{
		font-size:16px;
	}
	.form .row h2 {
    font-size: 2rem;
    padding: 0px;
}
	.iftar-border {
    width: 34%;
}
	.get-border {
    width: 34%;
}
/* 3-4-2025	 */
    .logo img {
        width:75px;
        top:-40px;
    }
	.form p {
    font-size: 16px;
}
    .top-bar ul {
        display: block;
		margin-top: 10px !important;
    }
    .top-bar ul li {
        padding-bottom: 10px;
    }
    footer .row h4 {
        padding-bottom: 0%;
        padding-top: 4%;
    }
    footer ul li {
        padding-top: 0%;
    }
    .iftar .row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
	.icon p {
   
    font-size: 14px;
}
   .icon h5{
   font-size:14px
}
  .icon img {
    width: 27px;
}

.navbar ul li a {
    font-size: 20px;
     margin: 0 ; 
}
	.navbar-collapse {
    margin-top: 28px;
}
	.main-btn {
    font-size: 20px;
}
	.page-mt{
    margin-top: 20px !important;
}
		.page-mb{
    margin-bottom: 20px !important;
}
	.page-imgt-p{
		    padding: 0px !important;
	}
	.flex-direction{
		flex-direction: column-reverse !important;
	}
    /* 9-2-2026  */
    .ways-donate-col{
        margin-bottom: 20px;
        padding: 30px 9px;
    }
}


/* qurbani 2026 css 17-april-2026  */
/* LAYOUT */
.appeal-wrapper {
    display: flex;
    flex-wrap: wrap;
    background-color: #e0e1ff;
    border-radius: 20px;
    overflow: hidden;
    color: #fff;
}

/* IMAGE */
.appeal-image {
    flex: 1;
    min-height: 400px;
}

.appeal-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* CONTENT */
.appeal-content {
    flex: 1;
    padding: 32px;
}

.appeal-content .tag {
    color: #38bdf8;
    font-weight: 600;
}

.appeal-content h2 {
    font-size: 36px;
    font-weight: 700;
    margin: 10px 0;
    color: black;
}

.appeal-content .lead {
    color: #000000;
    margin-bottom: 25px;
}
.benefits {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.benefits div {
    background: rgb(255 255 255 / 43%);
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 14px;
    color: black;
}
.pricing {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
}
.price-card {
    background: #fff;
    color: #000;
    padding: 20px;
    border-radius: 15px;
    flex: 1;
    text-align: center;
}

.price-card.highlight {
    background-color: #ffaa00;
    color: black;
    transform: scale(1.05);
}
.price {
    font-size: 32px;
    font-weight: 700;
}
.bank {
    font-size: 14px;
    color: #cbd5f5;
}
.quote-section {
    margin-top: 40px;
    padding: 60px 20px;
    text-align: center;
    background: radial-gradient(circle, #0a0e61, #0a0e61);
    color: #fff;
    border-radius: 20px;
    box-shadow: 0px 1px 19px #00000091;
}

.quote-section p {
    font-size: 22px;
    font-style: italic;
    max-width: 800px;
    margin: auto;
    position: relative;
    color: white;
}
.appeal-wrapper .tag {
    color: #000000;
    font-weight: 400;
    font-size: 20px;
}

.appeal-wrapper p {
    color: black;
}

.online-donate {
    margin-top: 20px;
    padding: 15px;
    background: rgba(255,255,255,33%);
    border-radius: 10px;
}

.online-donate p {
    margin: 0;
    font-weight: 600;
    color: #38bdf8;
}

.online-donate a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    margin-top: 5px;
}

.contact-card {
    margin-top: 20px;
    padding: 20px;
    background: #ffffff;
    color: #000;
    border-radius: 12px;
}

.contact-card h5 {
    margin-bottom: 15px;
}

.contact-person {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.contact-person a {
    color: #22c55e;
    text-decoration: none;
    font-weight: 600;
}
.share-box {
    margin-top: 20px;
    padding: 15px;
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
    border-radius: 10px;
    color: #000;
    font-weight: 600;
    text-align: center;
}

.appeal-content h3 {
    color: black;
}

.appeal-content h3 {
    color: black;
}
/* qurbani 2026 css 17-april-2026 ends */