*::before,
*::after {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  outline: none;
}
@font-face {
    font-family:'Helvetica Neue';
    src: url('../font/Helvetica Neue Bold.eot');
	src: url('../font/Helvetica Neue Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Helvetica Neue Bold.woff2') format('woff2'),
		url('../font/Helvetica Neue Bold.woff') format('woff'),
		url('../font/Helvetica Neue Bold.svg#Helvetica Neue Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('../font/ Neue Medium.eot');
	src: url('../font/Helvetica Neue Medium.eot?#iefix') format('embedded-opentype'),
		url('../font/Helvetica Neue Medium.woff2') format('woff2'),
		url('../font/Helvetica Neue Medium.woff') format('woff'),
		url('../font/Helvetica Neue Medium.svg#Helvetica Neue Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Helvetica Neue';
    src: url('../font/Helvetica Neue Roman.eot');
	src: url('../font/Helvetica Neue Roman.eot?#iefix') format('embedded-opentype'),
		url('../font/Helvetica Neue Roman.woff2') format('woff2'),
		url('../font/Helvetica Neue Roman.woff') format('woff'),
		url('../font/Helvetica Neue Roman.svg#Helvetica Neue Roman') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

html, body {
  font-family:'Helvetica Neue';
  font-weight: 400;
  font-size:18px;
  line-height:1.5;
  padding:0;
  margin:0;
  transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;
}

body.bg{position:relative; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
body.bg::before{content: ''; backdrop-filter: blur(17.799999237060547px); background: #00000094; width: 100%; height: 100%; position: fixed; z-index: 16; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}

a {
  color:#000;
  text-decoration:none;
  transition:all .5s ease;
  -webkit-transition:all .5s ease;
  -moz-transition:all .5s ease;
  display: inline-block;
}

.md-50{margin-bottom: 50px;}
.container{max-width: 1291px; }
.main-wapper{padding-top: 0px;}

.sticky-button-block{position: fixed;  z-index: 15; right: 10px; bottom: 30%;}
.sticky-button-block a{width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; margin: 6px 0 0 0;}
.sticky-button-block a img{width: 100%;}


.header-area{position: fixed; top: 0px; left: 0px; width: 100%; z-index: 50; padding: 45px 0; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;}
.header-area .container{display: flex; align-items: center; justify-content: space-between;}
.header-area .logo{width: 216px;}
.header-area .logo svg, .header-area .logo img{width: 100%;}
.header-area .rightside{display: block; text-align: right;}
.header-area .rightside .bottom{display: flex; gap: 25px; align-items: center;}
.header-area .rightside .bottom ul.menu-area{margin: 0px; padding: 0px; list-style: none; display: flex;}
.header-area .rightside .bottom ul.menu-area li{margin-left: 30px;}
.header-area .rightside .bottom ul.menu-area li.current_page_item a{font-weight: 500; color:#3898C8;}
.header-area .rightside .bottom ul.menu-area li a{font-size: 16px; line-height: 150%; color: #0E2E5D; font-weight: 400;}
.header-area .rightside .bottom ul.menu-area li a:hover{color: #3898C8;}
.header-area .rightside .bottom .btn-enquire { background: #0E2E5D; color: #fff;  border: 1px solid #0E2E5D; font-size: 16px; line-height: 150%; padding: 13px 27px; border-radius: 0; font-weight: 400; }
.header-area .rightside .bottom .btn-enquire:hover { border: 1px solid #3898C8; background: #3898C8; color: #fff; }
.header-area .rightside .btn-search{width: 42px; height: 42px; border: #24291F 1px solid; background: transparent; display: flex; align-items: center; justify-content: center; padding: 0px; border-radius: 50%;}
.btn-menu {width: 20px; height: 20px; border: none; background: transparent; position: relative; padding: 0px; transition: all .5s ease; display: none}
.btn-menu span{width: 100%; height: 2px; background: #24291F; display: block;  transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+1){position: absolute; top: 0px; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+2){position: absolute; top: 9px; width:70%; left: 0px; transition: all .5s ease;}
.btn-menu span:nth-of-type(3n+3){position: absolute; bottom: 0px; left:0px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+1){  transform: rotate(-45deg); left: 0px; top:9px; transition: all .5s ease;}
.btn-menu.active span:nth-of-type(3n+2){display: none;}
.btn-menu.active span:nth-of-type(3n+3){ transform: rotate(45deg);left: 0px; transition: all .5s ease; bottom: 9px;}
header.fixed .header-area{background:#fff; padding: 15px 0px; transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease;  z-index: 50; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.12);}
.header-area .rightside .bottom .rtl { background: transparent; font-size: 16px; color: #0E2E5D; line-height: 150%; font-weight: 400; text-transform: uppercase; border: 0;} 

.footer .footer-content { display: flex; justify-content: space-between; align-items: center;  border-top: 0.5px solid #C3C3C3; padding: 29px 0;}
.footer .footer-content  .footer-link { font-weight: 700; font-size: 20px; line-height: 167%; color: #2E4A73; }
.footer .footer-content .footer-right { display: flex; gap: 23px; align-items: center;}
.footer .footer-content .footer-right .social-icons { display: flex; gap: 6px; list-style: none; margin: 0; padding: 0;} 
.footer .footer-content .footer-right .social-icons li a { display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background: #0E2E5D;}
.footer .footer-content .footer-right span { font-size: 20px; line-height: 167%; font-weight: 400; color: #0E2E5D;}   


.hero-seaction { min-height: 500px; background: url(../images/banner-img.png) no-repeat center; background-size: cover; position: relative; display: flex; justify-content: center; align-items: center; }
.hero-seaction .hero-seaction-block { position: relative; z-index: 11; padding-top: 70px; text-align: center;}
.hero-seaction .hero-seaction-block h1 { font-size: 50px; line-height: 100%; color: #0E2E5D; font-weight: 700; padding-bottom: 30px; margin-bottom: 40px; position: relative; text-align: center;}
.hero-seaction .hero-seaction-block h1::after { content: ""; width: 133px; height: 4px; background: #3898C8; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.hero-seaction .hero-seaction-block a.link{ font-size: 20px; line-height: 100%; border: 0 ; border-radius: 0; color: #FFFFFF; border: 1px solid #0E2E5D; padding: 18px 50px; background: #0E2E5D; margin: auto; display: inline-flex;}
.hero-seaction .hero-seaction-block a.link:hover { border: 1px solid #3898C8; background: #3898C8; color: #fff;}
.intro { padding: 80px 0;}
.intro .intro-details p { font-size: 20px; line-height: 167%; font-weight: 400; color: #0E2E5D; text-align: center; margin: 0; }
.intro .intro-details { max-width: 1000px; margin: auto;}
.campaign-cards { padding: 0 0 55px 0;}
.campaign-cards .campaign-cards-grid { display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 20px; }
.campaign-cards .campaign-cards-col { cursor: pointer; transition: transform 0.3s ease; }
.campaign-cards .campaign-cards-col .campaign-img {  width: 100%;  height: 436px;  margin-bottom: 19px; overflow: hidden; }
.campaign-cards .campaign-cards-col .campaign-img img {  width: 100%;  height: 100%;  object-fit: cover; transition: transform 0.5s ease; }
.campaign-cards .campaign-cards-col h3{ font-weight: 500;  font-size: 24px;  line-height: 150%;  color: #0E2E5D;  padding-bottom: 17px;  position: relative; transition: color 0.3s ease; }
.campaign-cards .campaign-cards-col h3::after {  content: "";  width: 64px;  height: 4px;  background: #3898C8;  position: absolute;  left: 0;   bottom: 0; transition: width 0.3s ease; }
body.rtl .campaign-cards .campaign-cards-col h3::after { right:0 }
.campaign-cards .campaign-cards-col:hover .campaign-img img { transform: scale(1.05); }
.campaign-cards .campaign-cards-col:hover h3::after { width: 85px; transition: width 0.3s ease; }
.mission-cta-banner { padding-bottom: 76px;}
.mission-cta-banner .cta-row { display: flex; background-color: #264061; justify-content: space-between; padding: 64px 70px; align-items: center; width: 100%; gap: 30px; }
.mission-cta-banner .cta-content h2 { color: #ffffff; font-size: 32px;  font-weight: 500; margin: 0; line-height: 120%; }
.mission-cta-banner .btn-donate-white { background-color: #ffffff; color: #0E2E5D;  padding: 18px 50px; font-weight: 700; font-size: 20px; line-height: 100%; white-space: nowrap;}
.mission-cta-banner .btn-donate-white:hover{ background: #3898C8; color: #fff;}
.details-page-section {  padding: 140px 0 76px; }
.details-page-section .page-header { margin-bottom: 40px; }
.details-page-section .page-header h1 { font-size: 50px; line-height: 100%; color: #0E2E5D; font-weight: 700; padding-bottom: 30px; margin-bottom: 40px; position: relative; text-align: center;}
.details-page-section .page-header h1::after { content: ""; width: 133px; height: 4px; background: #3898C8; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0;}
.video-container { width: 100%; height: 100%; margin-bottom: 0px; }
.video-container video { display: block; width: 100%; }
.stats-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 54px; margin: 0 auto 0px; }
.stats-row .stat-item { display: flex; align-items: center; gap: 25px;}
.stats-row .stat-item img{width:100%;}
.stats-row .stat-item .stat-number-box { display: flex; flex-direction: column;  }
.stats-row .stat-item .stat-desc-box { display: flex; flex-direction: column; justify-content: center; }
.stats-row .stat-item .stat-icon { font-size: 22px; color: #0E2B4C; margin-bottom: 8px; }
.stats-row .stat-item .stat-desc-box p { font-size: 14px; line-height: 1.4; color: #444; margin: 0; font-weight: 500; }
.stats-row .stat-item .stat-num { font-size: 75px; line-height: 100%; font-weight: 700; color: #0E2E5D; }
.stats-row .stat-item .stat-label { font-size: 33px; font-weight: 400; line-height: 150%; color: #0E2B4C; text-transform: uppercase; }
.stats-row .stat-item .stat-desc-box p { font-size: 18px; line-height: 150%; color: #0E2E5D; margin: 0; font-weight: 400; }
.stats-row .stat-item .stat-desc-box .icon { width: 45px; height: 45px; margin-bottom: 5px;}
.stats-row .stat-item .stat-desc-box .icon img { width: 100%; height: 100%; object-fit: contain;}
.summary-section h3 { font-size: 24px; line-height: 150%; font-weight: 500; color: #0E2E5D; margin-bottom: 19px;}
.summary-section p { font-size: 20px; line-height: 150%; color: #0E2E5D; font-weight: 400; margin: 0;}
.gt-current-lang{display:none;}