:root { --primary: #4B218E; --secondary: #9923AD; --shades01: #fff; --shades02: #000000; --highlight01: #F3E6FC; --highlight02: #E02BC7; --highlight03: #F6F7E7; --hightlight04: #2ce5e5; --hightlight05: #D1E344; --primary-rgb: 75, 33, 142; --secondary-rgb: 153, 35, 173; --shades01-rgb: 255, 255, 255; --shades02-rgb: 0, 0, 0; --highlight01-rgb: 243, 230, 252; --highlight02-rgb: 224, 43, 199; --highlight03-rgb: 246, 247, 231; --hightlight04-rgb: 4, 229, 229; --hightlight05-rgb: 209, 227, 68; --veiwWidth: calc(100vw - 16px); }
/* /////////////////////////////////////////////////////////////// */
/*             			   	 	BOOTSTRAP FIX            			   				 */
/* /////////////////////////////////////////////////////////////// */
@media (min-width: 768px) {
 :root { --padding: calc(calc(var(--veiwWidth) - 630px) / 2); }
 }
@media (min-width: 990px) {
 :root { --padding: calc(calc(var(--veiwWidth) - 788px) / 2); }
.container { padding-left: 16px; padding-right: 16px; }
 }
@media (min-width: 1200px) {
 :root { --padding: calc(calc(var(--veiwWidth) - 954px) / 2); }
.container { max-width: 1170px; }
 }
@media (min-width: 1440px) {
 :root { --padding: calc(calc(var(--veiwWidth) - 1144px) / 2); }
 }
@media (min-width: 1540px) {
 :root { --padding: calc(calc(var(--veiwWidth) - 1224px) / 2); }
 }
@media (min-width: 1900px) {
 :root { --padding: calc(calc(var(--veiwWidth) - 1526px) / 2); }
 }
.bg-purple { background-color: var(--primary); }
.bg-violet { background-color: var(--secondary); }
.bg-purple-pizzazz { background-color: var(--highlight02); }
.bg-bright-turquoise { background-color: var(--hightlight04); }
.bg-pear { background-color: var(--hightlight05); }
/* ********|| INITIALIZATION STARTS ||******** */
* { outline: none !important; margin: 0; padding: 0; }
body,
html { position: relative; width: 100%; height: 100%; font-size: 16px; line-height: 1.25; margin: 0 auto !important; padding: 0 !important; font-family: "Literata", serif; font-weight: 400; -webkit-font-smoothing: subpixel-antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); font-size: 16px; line-height: 1.5; color: var(--shades02); background: var(--shades01); position: relative; z-index: 0; scroll-behavior: smooth; }
.container { max-width: 1440px; }
p { margin-bottom: 0; }
/* ********|| PSEUDO ELEMENTS STARTS ||******** */
* { transition: all 0s ease; }
*:focus { outline: none !important; outline-offset: none !important; outline-offset: 0 !important; }
*,
::after,
::before { box-sizing: border-box; }
a { color: var(--primary); text-decoration: none; transition: all 0.3s ease; }
a:hover { text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
a:focus { outline: none; text-decoration: none; }
button { transition: all 0.3s ease; }
p { margin-bottom: 0 }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid rgba(var(--shades04-rgb), 0.2); }
section { position: relative; }
input:focus,
label:focus { outline: none !important; outline-offset: none !important; outline-offset: 0 !important; }
::-webkit-scrollbar { width: 0.5rem; height: 0.5rem; transition: all 0.3s ease; }
::-webkit-scrollbar-track { border-radius: 0; background-color: var(--highlight02); transition: all 0.3s ease; }
::-webkit-scrollbar-thumb { background-color: var(--primary); transition: all 0.3s ease; }
.custom-checkbox { margin-bottom: 20px; }
.custom-checkbox>[type="checkbox"]:not(:checked),
.custom-checkbox>[type="checkbox"]:checked { position: absolute; left: -9999px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label,
.custom-checkbox>[type="checkbox"]:checked+label { position: relative; padding-left: 50px; cursor: pointer; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; color: var(--primary); }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:before,
.custom-checkbox>[type="checkbox"]:checked+label:before { content: ''; position: absolute; left: 0; top: 6px; width: 25px; height: 25px; border: 2px solid var(--primary); background: var(--shades01); border-radius: 4px; display: flex; align-items: center; justify-content: center; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:after,
.custom-checkbox>[type="checkbox"]:checked+label:after { content: '✓'; position: absolute; left: 7px; color: var(--primary); transition: all .2s; font-size: 16px; font-weight: 700; top: 8px; font-family: "Barlow Condensed", sans-serif; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:after { opacity: 0; transform: scale(0); }
.custom-radio { position: relative; cursor: pointer; margin-bottom: 20px; }
.radio-custom { opacity: 0; position: absolute; cursor: pointer; }
.radio-custom+.radio-custom-label { position: relative; padding-left: 50px; cursor: pointer; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; color: var(--primary); }
.radio-custom+.radio-custom-label::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 25px; border: 2px solid var(--primary); border-radius: 50%; background-color: var(--shades01); }
.radio-custom:checked+.radio-custom-label::after { content: ""; position: absolute; left: 7px; top: 14px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--primary); }
/* ********|| HEADER STARTS ||******** */
/* header { position: fixed; width: 100%; background: transparent; left: 0; top: 0; z-index: 4; }
header .header-container { display: flex; align-items: center; justify-content: space-between; max-width: calc(100% - 160px); background: var(--shades01); border-radius: 8px; margin: 40px auto 0; height: 110px; padding: 0 24px; transition-duration: 200ms; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); border: 1px solid transparent; }
header .scrolled { height: 80px; margin: 0 auto; border-radius: 0 0 8px 8px; }
*/
header { position: fixed; width: 100%; background: transparent; left: 0; top: 0; z-index: 4; }
header .header-container { display: flex; align-items: center; justify-content: space-between; max-width: calc(100% - 160px); background: var(--shades01); border-radius: 8px; margin: 40px auto 0; height: 110px; padding: 0 24px; transition: all 0.3s ease-in-out; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); border: 1px solid transparent;}
header .header-container.scrolled { margin: 0 auto; border-radius: 0 0 8px 8px; }
header .brand { width: 145px; aspect-ratio: 13 / 6; position: relative; overflow: hidden; flex-shrink: 0; }
header .brand .logo { width: 100%; height: 100%; display: block; }
header .brand .logo img { width: 100%; height: 100%; object-fit: contain; }
header .navigation { width: 100%; flex-shrink: 1; }
header .navigation ul { padding: 0; margin: 0; list-style: none; display: flex; justify-content: end; gap: 40px; }
.navigation-menu li {padding: 44px 0;}
header .navigation ul li .nav-link { position: relative; z-index: 2; overflow: hidden; font-family: "Barlow Condensed", sans-serif; font-size: 22px; line-height: 1.25; font-weight: 600; text-transform: uppercase; color: var(--primary); letter-spacing: 0.025em; }
header .navigation .submenu-dropdown { position: absolute; left: 80px; top: 100%; width: calc(100vw - 8px - 160px); background: var(--highlight03); margin: -10px 0 0; padding: 39px 10px; height: 110px; border-radius: 0 0 8px 8px; justify-content: center; align-items: center; z-index: -1; display: none; opacity: 0; transition: all 0.3s ease; }
header .navigation ul li .nav-link::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: all 0.4s ease; z-index: -1; }
header .navigation ul li .nav-link:hover::before { left: 0; }
header .navigation ul li .nav-link:hover { color: var(--secondary); transition: all 0.4s ease-in-out; }
header .navigation .submenu-dropdown { position: absolute; left: 0; top: 96%; width: calc(100vw - 8px - 160px); background: var(--highlight03); margin: 0; padding: 10px 0 0; max-height: 0; overflow: hidden; opacity: 0; border-radius: 0 0 8px 8px; justify-content: center; align-items: center; z-index: -1; display: flex; transition: all 0.4s ease, opacity 0.3s ease; right: 0; margin: 0 auto;}
.submenu-dropdown .innerpadding{gap: 40px; display: flex; padding-left: 62rem;}

header .navigation .submenu-dropdown.show { display: flex; max-height: 110px; opacity: 1; gap: 40px;}
header .navigation .submenu-dropdown{ display: flex; gap: 40px;}
header .navigation .submenu-dropdown .submenu-item { display: inline-block; position: relative; z-index: 2; overflow: hidden; font-family: "Barlow Condensed", sans-serif; font-size: 22px; line-height: 1.25; font-weight: 600; text-transform: uppercase; color: var(--primary); letter-spacing: 0.025em; }
header .navigation .submenu-dropdown .submenu-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: all 0.4s ease; z-index: -1; }
header .navigation .submenu-dropdown .submenu-item:hover::before { left: 0; }
.submenu .dropdown-wrapper { display: flex; align-items: center; }
.submenu .dropdown-wrapper .dropdown-toggle { margin-left: 5px; }
.submenu .dropdown-wrapper .nav-link { display: inline-block; padding-right: 5px; }
.submenu .dropdown-wrapper .dropdown-toggle::after { border-top: 0.4em solid var(--primary); border-right: .4em solid transparent; border-left: .4em solid transparent; }
header .menu-toggle { display: none; color: var(--primary); font-size: 24px; background: transparent; border: none; padding: 0; }
header .navigation.active { transform: translateY(0) !important; visibility: visible !important }
.menu-backdrop { background-color: rgba(var(--highlight02-rgb), 0.5); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; visibility: hidden; z-index: 4; transition: all 0.1s ease-in-out; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; }
.menu-backdrop .visible { visibility: visible; }

.submenu .dropdown-toggle{position: relative; width: 100%; display: block; z-index: 2;}
.submenu .dropdown-toggle::after{border-top: 0.4em solid var(--primary); border-right: .4em solid transparent; border-left: .4em solid transparent; position: absolute; right: -20px; top: -17px;}
.menu-header{display: none;}
.menu-header a{width: 130px; height: auto;}
.menu-header a img{width: 100%; height: 100%; object-fit: cover;}
.navigation .footer-social{display: none;}
/* ********|| FOOTER STARTS ||******** */
footer { width: 100%; padding: 100px 0 80px 0; background-image: linear-gradient(to right, var(--primary), var(--secondary)); }
footer .footer-main { position: relative; margin-bottom: 140px; }
footer .footer-main .container { display: flex; align-items: start; gap: 120px }
footer .footer-main .footer-brands { width: 220px; aspect-ratio: 1 / 1; overflow: hidden; flex-shrink: 0; }
footer .footer-main .footer-brands a { display: block; width: 100%; height: 100%; }
footer .footer-main .footer-brands a img { width: 100%; height: 100%; object-fit: contain; }
footer .footer-main .footer-options { width: 100%; flex-shrink: 1; margin-left: auto; }
footer .footer-main .footer-description { font-size: 20px; line-height: 1.5; color: var(--shades01); max-width: 320px; }
footer .footer-main .footer-options .footer-content .footer-links { list-style: none; padding: 0; margin: 0; gap: 0; column-count: 2; padding-left: 50px; max-width: 550px; }
footer .footer-main .footer-options .footer-content .footer-links li { padding: 5px 0; margin-bottom: 24px; }
footer .footer-main .footer-options .footer-content .footer-links a { font-size: 20px; line-height: 1.25; font-weight: 600; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; color: var(--shades01); }
.footer-bar .container { padding: 0 30px; display: flex; align-items: center; justify-content: space-between; height: 120px; width: 100%; background: rgba(255, 255, 255, 0.2); border-radius: 8px; position: relative; z-index: 1; }
.footer-bar .footer-social { display: flex; align-items: center; padding: 0; margin: 0; list-style: none; width: 60%; gap: 20px }
.footer-bar .footer-copyright { display: flex; align-items: center; width: 40%; }
.footer-bar .footer-copyright .copyright-title { font-size: 18px; color: var(--shades01); }
.footer-bar .footer-copyright ul { list-style: none; padding: 0; margin: 0; margin-left: auto; }
.footer-bar .footer-copyright ul li a { font-size: 18px; line-height: 1.25; color: var(--shades01); font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; }
.footer-bar .footer-social li a { font-size: 30px; color: var(--shades01); }
/* ********|| COMMON CLASSES STARTS ||******** */
.content-wrapper .container { max-width: 1073px !important; margin: 0 auto; }
.content-wrapper h1 { font-size: 60px; line-height: 1.2; color: var(--primary); margin-bottom: 35px; }
.content-wrapper h2 { font-size: 54px; line-height: 1.35; color: var(--primary); margin-bottom: 35px; }
.content-wrapper h3 { font-size: 48px; line-height: 1; color: var(--primary); margin-bottom: 35px; }
.content-wrapper h4 { font-size: 42px; line-height: 1; color: var(--primary); margin-bottom: 35px; }
.content-wrapper h5 { font-size: 38px; line-height: 1.2; color: var(--primary); margin-bottom: 35px; }
.content-wrapper h6 { font-size: 36px; line-height: 1.2; color: var(--primary); margin-bottom: 35px; }
.content-wrapper p { font-size: 30px; margin-bottom: 35px; line-height: 1.5; font-weight: 400; color: var(--shades02)}

.content-wrapper img { max-width: 100%; height: auto; display: inline-block; }
.content-wrapper a { color:var(--highlight02); text-decoration: none; transition: all 0.3s ease; }
.content-wrapper a:hover { color: #000; text-decoration: none; }
.content-wrapper pre { color: #000; text-decoration: none; }
.content-wrapper hr { border: 0 none; height: 1px; position: relative; clear: both; margin: 50px 0 !important; ; }
.content-wrapper hr:after { position: absolute; width: 100%; height: 10px; content: ""; left: 0; top: 0px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%); opacity: 0.5; }
.content-wrapper blockquote { text-align: center; font: inherit; display: block; position: relative; clear: both; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background: var(--highlight01) -120px; padding: 35px; border-radius: 20px; font-weight: 500; font-size: 30px; line-height: 1.2; color: var(--primary); }
.content-wrapper blockquote img { max-width: 27px; margin: 0 0 22px;}
.content-wrapper ul { margin: 20px 0 !important; padding: 0 0 0 17px; }
.content-wrapper ul li { padding: 0 0 5px 17px; font-size: 30px; line-height: 1.5; font-weight: 400; color: #000; }
.content-wrapper ol { margin: 20px 0 !important; padding: 0 0 0 17px; }
.content-wrapper ol li { padding: 0 0 5px 17px; font-size: 30px; line-height: 1.5; font-weight: 400; color: #000; }
section.section-blog-details.content-wrapper .container{max-width: 792px !important;}
section.section-blog-details.content-wrapper blockquote{margin-left: -190px; margin-right: -190px; padding: 75px 90px; margin-top: 48px; margin-bottom: 48px;}
section.section-blog-details.content-wrapper blockquote:before { content: ''; position: absolute; top: 44px; left: 0; right: 0; margin: 0 auto; width: 112px; height: 77px; background: url(https://alloy.npmwp.com/wp-content/uploads/2024/09/comma.png); background-position: center; background-repeat: no-repeat;}
.section-casestudy-details.content-wrapper .container{max-width: 792px !important;}
.section-casestudy-details.content-wrapper blockquote{margin-left: -190px; margin-right: -190px; padding: 100px 110px 35px; margin-top: 48px; margin-bottom: 48px;}
.section-casestudy-details.content-wrapper blockquote:before{content: ''; position: absolute; top: 65px; left: 0; right: 0; margin: 0 auto; width: 28px; aspect-ratio: 7 / 5; background: url(https://alloy.npmwp.com/wp-content/uploads/2024/09/comma.png); background-position: center; background-repeat: no-repeat;}

/* ********|| COMMON OUR TEAM PARTNER STARTS||******** */
.section-partner { width: 100%; position: relative; padding: 80px 0 0; background: var(--highlight03); overflow-x: hidden; }
.section-partner .container { display: flex; align-items: center; justify-content: space-between; }
.section-partner .partner-content { max-width: 700px; }
.section-partner .partner-content .partner-title { max-width: 640px; width: 100%; margin-bottom: 20px; font-size: 95px; line-height: 1; color: var(--primary); font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; }
.section-partner .partner-content .partnet-description { font-size: 30px; color: var(--primary); line-height: 1.4; margin-bottom: 20px; }
.section-partner .partner-content .partner_action { display: flex; align-items: center; }
.section-partner .partner-content .partner_btn { padding: 0 30px; height: 90px; background: var(--primary); border-radius: 16px; display: flex; align-items: center; justify-content: center; color: var(--shades01); font-family: "Barlow Condensed", sans-serif; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; text-transform: uppercase; transition: all ease-in-out 0.2s; }
.section-partner .partner-content .partner_btn:hover { background: var(--highlight02); }
.section-partner .partner-image { width: 50%; aspect-ratio: 6 / 7; overflow: hidden; }
.section-partner .partner-image img { width: 100%; height: 100%; object-fit: contain; }
section.bottom-content { background: var(--highlight01); padding: 120px 0;}
.bottom-content-para p {font-size: 21px;line-height: 1.4;margin-bottom: 20px;}
/* ********|| COMMON OUR TEAM PARTNER ENDS||******** */
/*------------- COMMON PAGE HEADER ---------------*/
.section-common-pageheader { background-position: center; background-size: cover; }
.section-common-pageheader .backbtn { background: transparent; border-color: transparent; text-transform: uppercase; margin-bottom: 20px; color: var(--primary); font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; }
.section-common-pageheader .pageheader-title { color: var(--primary); font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 125px; line-height: 1; text-transform: uppercase; }
.section-common-pageheader .pageheader-content { padding: 240px 0 60px 0; }
.section-common-pageheader .pageheader-content .backbtn { display: flex; align-items: center; transition: all 0.2s linear; width: 100px; }
.section-common-pageheader .pageheader-content .backbtn:hover { scale: 1; }
.section-common-pageheader .pageheader-content .backbtn:after { content: ""; background: var(--buttonhover); width: 0; height: 100%; position: absolute; inset: 0; transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1); z-index: -1; }
.section-common-pageheader .pageheader-content .backbtn:hover::after { width: 100%; }
.section-common-pageheader .pageheader-content .backbtn { transition: all 0.2s linear; }
.section-common-pageheader .pageheader-content .backbtn:hover .buttontext { transition: all 0.2s linear; margin-left: 2px; }
.section-common-pageheader .pageheader-content .backbtn span { display: block; margin-right: 9px; }
/*--------------COMMON BANNER-------------*/
.section-common-banner { padding-bottom: 100px; }
.section-common-banner .common-banner-title {max-width: 965px; margin: 0 auto;font-size: 50px;line-height: 1.25;color: var(--primary);margin-bottom: 40px;}
.section-common-banner .common-banner-description{max-width: 985px; margin: 0 auto 67px; font-size: 28px; line-height: 1.4;}
.section-common-banner .common-banner-description p{margin-bottom: 15px;}
.section-common-banner .section-common-banner-image { width: 100%; height: 970px; overflow: hidden; position: relative; margin-bottom: 100px; }
.section-common-banner .section-common-banner-image img { width: 100%; height: 100%; object-fit: cover; }
.common-banner-description blockquote{text-align: center; font: inherit; display: block; position: relative; clear: both; overflow-x: auto; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; background: var(--highlight01) -120px; padding: 35px; border-radius: 20px; font-weight: 500; font-size: 30px; line-height: 1.2; color: var(--primary); margin: 67px 0 0;}
.common-banner-description blockquote:before { content: ''; position: absolute; top: 14px; left: 0; right: 0; margin: 0 auto; width: 112px; height: 77px; background: url(https://alloy.npmwp.com/wp-content/uploads/2024/09/comma.png); background-position: center; background-repeat: no-repeat;}
/* ********|| HOME BANNER STARTS ||******** */
.hero-section { width: 100%; height: 100vh; z-index: 0; position: relative; display: flex; align-items: end; padding-bottom: 3%; }
.hero-section .video-section { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.hero-section .video-section video { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1; }
.hero-section .hero-title { font-size: 160px; line-height: 0.8; color: var(--shades01); font-family: "Barlow Condensed", sans-serif; font-weight: 700; text-transform: uppercase; position: relative; z-index: 1; max-width: 576px; margin-bottom: 36px; }
.hero-section .hero-description { font-size: 21px; line-height: 1.4; color: var(--shades01); position: relative; z-index: 1; max-width: 360px; }
.hero-section .video-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(var(--secondary), 0.5); z-index: 1; }
/* ********|| HOME BANNER ENDS ||******** */
/* ********|| OUR MISSION STARTS ||******** */
.section-our-mission { position: relative; width: 100%; padding: 225px 0 0; z-index: 1; min-height: 600px; }
.section-our-mission .spray-image { position: absolute; width: 100%; height: 420px; left: 0; top: 0; z-index: -1; }
.section-our-mission .spray-image img { width: 100%; height: 100%; object-fit: cover; }
.section-our-mission .container { display: flex; align-items: center; justify-content: space-between; }
.section-our-mission .our-mission-content { position: relative; flex-shrink: 1; width: 50%; }
.section-our-mission .our-mission-moto { position: relative; flex-shrink: 0; width: 50%; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 42px; line-height: 1.5; color: var(--shades02); text-shadow: #00000001 1px 1px 1px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 125px; line-height: 1; font-family: "Barlow Condensed", sans-serif; color: var(--primary); text-transform: uppercase; font-weight: 600; margin-bottom: 50px; }
.section-our-mission .our-mission-moto .mission-alloy { margin: 0 auto; width: 830px; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: "Barlow Condensed", sans-serif; font-size: 72px; line-height: 1; text-transform: uppercase; font-weight: 600; margin-bottom: 80px; transition: all 0.3s ease; z-index: 1;}
.section-our-mission .our-mission-moto .mission-alloy { background-color: transparent; color: inherit; }
.section-our-mission .our-mission-moto .mission-alloy:nth-child(1) { border: 8px solid var(--primary); color: var(--primary); }
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(1){background-color: rgba(75, 33, 142, 0.9) !important; border-color: transparent !important; position: relative; transform:translateY(175px); color: #fff;}
.section-our-mission .our-mission-moto .mission-alloy:nth-child(2) { border: 8px solid var(--secondary); color: var(--secondary); }
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(2){background-color: var(--secondary) !important; border-color: transparent !important; transform:translateY(-175px); color: #fff;}
.section-our-mission .our-mission-moto .shared-impact-title { display: flex; align-items: center; justify-content: center; font-family: "Barlow Condensed", sans-serif; font-size: 72px; line-height: 1; text-transform: uppercase; font-weight: 600; margin-bottom: 80px; transition: all 0.3s ease; position: absolute; top: 45%; left: 30%; white-space: nowrap; color: var(--shades01); opacity: 0; visibility: hidden; z-index: 2;}
.section-our-mission .our-mission-moto.active .shared-impact-title { opacity: 1; visibility: visible; transform: translateY(8px); }
/* ********|| OUR MISSION ENDS ||******** */
/* ********|| STRATEGY STARTS ||******** */
.section-strategy { position: relative; width: 100%; z-index: 1; background: var(--secondary);  overflow: hidden;}
.section-strategy .stategy-banner { width: 100%; height: 1150px; overflow: hidden; }
.section-strategy .stategy-banner img { width: 100%; height: 100%; object-fit: cover; }
.section-strategy .section-stategy-service { width: 100%; padding: 400px 0 200px 0;}
.section-strategy .section-stategy-service .section-gallery { display: flex; margin-top: -850px; position: relative; justify-content: space-between; padding: 200px 0; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 432px; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 8px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one img { width: 100%; height: 100%; object-fit: cover; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 550px; height: 360px; overflow: hidden; border-radius: 8px; position: absolute; bottom: 0; right: 20%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two img { width: 100%; height: 100%; object-fit: cover; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 235px; height: 350px; overflow: hidden; border-radius: 8px; position: absolute; bottom: -25%; right: 10%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three img { width: 100%; height: 100%; object-fit: cover; }
.section-strategy .section-fundraising { position: relative; margin-top: -150px; padding-bottom: 200px; }
.section-strategy .section-fundraising .fundraising-title { margin-bottom: 30px; text-transform: uppercase; font-size: 95px; line-height: 1; color: var(--shades01); font-weight: 600; font-family: "Barlow Condensed", sans-serif; max-width: 1024px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 40px; line-height: 1.5; color: var(--shades01); max-width: 1024px; }
.section-strategy .section-fundraising .swiper-slide { width: auto; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1650px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1650px)); }
.section-strategy .service-fundraise .service-item { background: var(--shades01); padding: 50px; border-radius: 20px; overflow: hidden; width: 680px; }
.section-strategy .service-fundraise .service-item .service-title { text-transform: uppercase; font-size: 72px; line-height: 1; color: var(--primary); font-weight: 600; font-family: "Barlow Condensed", sans-serif; margin-bottom: 20px; max-width: 395px;}
.section-strategy .service-fundraise .service-item .service-list ul { list-style: none; padding-left: 0; margin-bottom: 20px; }
.section-strategy .service-fundraise .service-item .service-list ul li { color: var(--shades02); padding: 15px 0; border-bottom: 2px solid var(--primary); font-size: 22px; line-height: 1.5; text-transform: capitalize; }
.section-strategy .service-fundraise .service-item .service-list ul li:last-child { border-bottom: 1px solid transparent; }
.section-strategy .service-fundraise .service-item .service_action_btn { display: inline-block; font-size: 30px; line-height: 1.25; color: var(--primary); text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; position: relative; overflow: hidden; z-index: 2; }
.section-strategy .service-fundraise .service-item .service_action_btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: all 0.4s ease; z-index: -1; }
.section-strategy .service-fundraise .service-item .service_action_btn:hover::before { left: 0; }
.section-strategy .service-fundraise .service-item .service_action_btn:hover { transition: all 0.4s ease-in-out; gap: 25px; }
.section-strategy .service-fundraise { margin: 100px 0 }
.section-strategy .section-fundraising .service_bn-group { display: flex; align-items: center; gap: 60px; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn { height: 90px; background: var(--shades01); border-radius: 16px; overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 30px; line-height: 1.25; color: var(--primary); font-weight: 600; padding: 0 30px; letter-spacing: 0.05em; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn:hover { background: var(--highlight01); }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn { overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 30px; line-height: 1.25; color: var(--shades01); font-weight: 600; letter-spacing: 0.05em; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; transition: all 0.4s ease; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: rgba(var(--highlight01-rgb), 0.2); transition: all 0.4s ease; z-index: -1; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn:hover::before { left: 0; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn:hover { transition: all 0.4s ease-in-out; }
/* ********|| STRATEGY ENDS ||******** */
/* ********|| SUCCESS STORIES STARTS ||******** */
.section-success-stories { padding: 300px 0; position: relative; background: var(--shades01); overflow: hidden; }
.section-success-stories .success-slider { margin-bottom: 100px; display: flex; flex-direction: row; gap: 25px; width: 200%; }
.section-success-stories .success-title { font-size: 95px; line-height: 1; text-transform: uppercase; color: var(--primary); font-weight: 600; font-family: "Barlow Condensed", sans-serif; margin-bottom: 60px; }
.section-success-stories .success-item { height: 225px; width: 100%; border-radius: 8px; overflow: hidden; background: var(--highlight01); display: flex; align-items: center; justify-content: center; padding: 0 60px; }
.section-success-stories .success-item .clients-logo { height: 85px; width: 100%; }
.section-success-stories .success-item .clients-logo img { width: 100%; height: 100%; object-fit: contain; }
.success-slider .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }
.section-success-stories .testimonials { padding: 100px 0; }
.section-success-stories .testimonial-item { display: flex; align-items: center; gap: 80px; width: 1524px; }
.section-success-stories .testimonial-item .testimonial-img { width: 490px; aspect-ratio: 3 / 4; overflow: hidden; border-radius: 16px; flex-shrink: 0; }
.section-success-stories .swiper-slide { width: auto; }
.section-success-stories .swiper-slide:first-child { padding-left: var(--padding); }
.section-success-stories .swiper-slide:last-child { padding-right: var(--padding); }
.testimonial-img img { width: 100%; height: 100%; object-fit: cover; }
.section-success-stories .testimonial-item .testimonial-content { position: relative; flex-shrink: 1; max-width: 620px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 54px; line-height: 1; color: var(--shades02); font-weight: 600; font-family: "Barlow Condensed", sans-serif; margin-bottom: 20px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author { font-size: 30px; line-height: 1.4; color: var(--shades02); }
.section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 30px; line-height: 1.4; color: rgba(var(--shades02-rgb), 0.5); }
.section-success-stories .testimonials .swiper-pagination-bullet { width: 12px; height: 12px; background: var(--highlight01); opacity: 1; margin: 0 10px !important }
.section-success-stories .testimonials .swiper-pagination-bullet-active { opacity: 1; background: var(--primary); }
/* ********|| SUCCESS STORIES ENDS ||******** */
/* ********|| MAKE DIFFERENCE STARTS ||******** */
.section-make-difference { position: relative; display: flex; align-items: center; justify-content: space-between; overflow-x: hidden; }
.section-make-difference .section-content { width: 50%; height: 1050px; display: flex; flex-direction: column; align-items: start; justify-content: center; position: relative; padding-left: 12%; padding-right: 2%; }
.section-make-difference .section-image { width: 50%; height: 1050px; overflow: hidden; }
.section-make-difference .section-image img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
.section-make-difference .section-content .bg-overlay { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.section-make-difference .section-content .bg-overlay img { width: 100%; height: 100%; object-fit: cover; }
.section-make-difference .section-content .make-difference-title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 95px; line-height: 1; font-family: "Barlow Condensed", sans-serif; color: var(--shades01); text-transform: uppercase; position: relative; margin-bottom: 30px; font-weight: 600; }
.section-make-difference .section-content .make-difference-description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; font-size: 36px; line-height: 1.5; color: var(--shades01); position: relative; margin-bottom: 50px; }
.section-make-difference .section-content .make-difference-btn { gap: 15px; letter-spacing: 0.05em; height: 90px; padding: 0 30px; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 30px; line-height: 1.25; font-weight: 600; position: relative; font-family: "Barlow Condensed", sans-serif; background: var(--shades01); border-radius: 16px; color: var(--primary); transition: all 0.3s ease; }
.section-make-difference .section-content .make-difference-btn:hover { gap: 25px; background: rgba(255, 255, 255, 0.9); }
/* ********|| MAKE DIFFERENCE ENDS ||******** */
/* ********|| TEAM STARTS ||******** */
.section-team { padding: 200px 0; background: var(--shades01); position: relative; }
.section-team .team-title { margin-bottom: 70px; font-size: 95px; line-height: 1; color: var(--primary); font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; max-width: 690px; }
.section-team .view_action_btn { margin-bottom: 60px; height: 90px; display: flex; align-items: center; justify-content: center; padding: 0 30px; background: var(--primary); color: var(--shades01); max-width: 308px; border-radius: 16px; font-size: 30px; line-height: 1.25; font-family: "Barlow Condensed", sans-serif; letter-spacing: 0.05em; text-transform: uppercase; }
.section-team .view_action_btn i { margin-left: 20px; transition: margin-left 0.3s; }
.section-team .view_action_btn:hover { padding-right: 30px; background: var(--highlight02); max-width: 308px; }
.section-team .view_action_btn:hover i { margin-left: 20px; }
.section-team .swiper-slide { width: auto; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1650px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1650px)); }
.section-team .team-members .team-item { position: relative; transition-duration: 500ms; width: 407px; overflow: hidden; }
.section-team .team-item .team-img { width: 100%; aspect-ratio: 1 / 1; border-radius: 16px; overflow: hidden; display: flex; }
.section-team .team-item .team-img .team-img-item { background-repeat: no-repeat; background-size: contain; background-position: center bottom; width: 100%; }
.section-team .team-item .team-img .team-img-item+.team-img-item { display: none; }
.section-team .team-item .team-content { padding: 25px 20px 15px; height: 280px; }
.section-team .team-item .team-content .members-name { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 300px; color: var(--primary); font-size: 72px; font-weight: 600; font-family: "Barlow Condensed", sans-serif; line-height: 1; text-transform: uppercase; margin-bottom: 10px; }
.section-team .team-item .team-content .members-designation { font-size: 30px; line-height: 1.4; color: rgba(var(--shades02), 0.5); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.section-team .team-item:hover { background: rgba(0, 0, 0, 0.05); border-radius: 0 0 16px 16px; }
.section-team .team-item:hover .team-img .team-img-item { display: none; }
.section-team .team-item:hover .team-img .team-img-item+.team-img-item { display: block; }
.section-team .swiper-container { overflow: hidden; }
/* ********|| TEAM ENDS ||******** */
/* ********|| NEWS STARTS ||******** */
.section-blog-searchfilter{padding: 140px 0 67px;}
.search-filterset{display: flex; width: 100%; gap: 65px; align-items: center;}
.section-blog-searchfilter .searchbar {width: 50%;}
.section-blog-searchfilter .selectarea { width: 50%; display: flex; justify-content: end;}
.search-filterset .selectarea .form-group{display: flex; gap: 42px;}
.search-filterset .searchbar .form-group{display: flex; align-items: center; position: relative;}
.search-filterset .searchbar .form-group .fa-search{font-size: 25px; color: var(--primary); position: absolute; right: 36px;}
.search-filterset .searchbar .form-group input{border: 2px solid var(--highlight01); height: 88px; border-radius: 22px; padding: 0 33px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 21px;}
.search-filterset .searchbar .form-group .form-control:focus{ background: var(--highlight01); border: 2px solid var(--highlight01) !important; box-shadow: none;}
.search-filterset .selectarea .form-group button{font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 30px; border: none; padding: 0;}
.search-filterset .selectarea .form-group .btn.btn-primary{display: none;}
.search-filterset .selectarea .form-group button:focus{box-shadow: none;}
.section-blog-searchfilter .filter-result ul{display: flex; align-items: center; gap: 20px; margin: 25px 0 0; padding: 0;}
.section-blog-searchfilter .filter-result ul li{list-style: none;}
.section-blog-searchfilter .filter-result ul li button{list-style: none; background-color: var(--highlight01); border-radius: 6px; font-size: 14px; padding: 8px 10px; border: none; font-family: "Barlow Condensed", sans-serif; font-weight: 600;}
.section-blog-searchfilter .filter-result ul li button .fa-xmark{margin-left: 16px;}
.mobile-responsive{display: none;}
.search-filterset .dropdown-toggle::after{vertical-align: 5px; position: relative; left: 0; top: 1px;}
.search-filterset .dropdown-menu{padding: 0;}
.search-filterset .dropdown-menu li a{font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 18px;}
.section-blog-searchfilter .btn-primary{background-color: transparent; border-color: transparent; color: var(--shades02); font-size: 30px;}
.card-body{border: 0;}
.mobile-responsive button{font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 30px; border: none; padding: 0;}
.selectarea .btn-primary{display: none;}
.mobile-responsive .dropdown-item.active, .dropdown-item:active{background-color: transparent !important; color: var(--shades02)}


.section-news { width: 100%; position: relative; padding: 100px 0 200px; background: var(--highlight01); }
.section-news .section-news-wrapper { border-radius: 20px; background: var(--shades01); overflow: hidden; padding: 40px; display: flex; justify-content: space-between; }
.section-news .section-news-content { max-width: 300px; }
.section-news .section-entry-title { font-size: 54px; line-height: 1; font-weight: 600; font-family: "Barlow Condensed", sans-serif; color: var(--primary); text-transform: capitalize; padding: 30px 60px 30px 0; }
.section-news .section-articles { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; column-gap: 20px; padding-left: 60px; }
.section-news .section-news-content .title { font-size: 72px; line-height: 1; font-family: "Barlow Condensed", sans-serif; color: var(--primary); font-weight: 600; margin-bottom: 40px; }
.section-news .section-news-content .news-btn { display: flex; align-items: center; gap: 20px; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; max-width: 245px; position: relative; overflow: hidden; z-index: 2; }
.section-news .section-news-content .news-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: left 0.4s ease; z-index: -1; }
.section-news .section-news-content .news-btn:hover::before { left: 0; }
.section-news .section-news-content .news-btn:hover { color: #000; transition: all 0.4s ease-in-out; gap: 30px; }
.section-news .section-articles { padding-left: 20px; }
.section-news .section-articles .article-item { position: relative; width: 100%; border-radius: 16px; overflow: hidden; transition: all 0.3s ease-in-out; }
.section-news .section-articles .article-item:hover { background: rgba(0, 0, 0, 0.02); }
.section-news .section-articles .article-item:hover .article-image { transform: scale(0.9); }
.section-news .section-articles .article-item .article-image { position: relative; transition: all 0.3s ease-in-out; }
.section-news .section-articles .article-item .article-image .image-item { width: 100%; aspect-ratio: 373 / 283; border-radius: 16px; overflow: hidden; }
.section-news .section-articles .article-item .article-image img { width: 100%; height: 100%; object-fit: cover; }
.section-news .section-articles .article-item .article-content { padding: 30px; display: flex; flex-direction: column; }
.section-news .section-articles .article-item .article-content .article-title { font-size: 40px; line-height: 1.2; text-transform: capitalize; font-weight: 600; color: var(--primary); font-family: "Barlow Condensed", sans-serif; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.section-news .section-articles .article-item .article-content .article-description { font-size: 22px; line-height: 1.5; color: var(--shades02); overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.section-news .section-articles .article-item .article-content .actions { display: flex; margin-top: auto; }
.section-news .section-articles .article-item .article-content .actions .read-more { transition: all 0.4s ease-in-out; display: flex; align-items: center; gap: 20px; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; max-width: 245px; position: relative; overflow: hidden; z-index: 2; color: var(--primary); }
.section-news .section-articles .article-item .article-content .actions .read-more::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: left 0.4s ease; z-index: -1; }
.section-news .section-articles .article-item .article-content .actions .read-more:hover::before { left: 0; }
.section-news .section-articles .article-item .article-content .actions .read-more:hover { gap: 25px; }

.section-news .article-item{position: relative;width: 100%; max-width: 550px; border-radius: 16px;overflow: hidden;transition: all 0.3s ease-in-out;}
.section-news .article-item:hover {background: rgba(0,0,0,0.02);}
.section-news .article-item:hover .article-image{transform: scale(0.9);}
.section-news .article-item .article-image{position: relative;transition: all 0.3s ease-in-out;}
.section-news .article-item .article-image .image-item{width: 100%;aspect-ratio: 373 / 283; border-radius: 16px;overflow: hidden;}
.section-news .article-item .article-image img{width: 100%;height: 100%;object-fit: cover;}
.section-news .article-item .article-content{padding: 30px; display: flex; flex-direction: column;}

.section-news .article-item .article-content .article-title{font-size: 40px;line-height: 1.2;text-transform: capitalize;font-weight: 600;color: var(--primary);font-family: "Barlow Condensed", sans-serif;margin-bottom: 20px;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-width: 266px;}
.section-news .article-item .article-content .article-description{font-size: 22px;line-height: 1.5;color: var(--shades02);overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.section-news .article-item .article-content .actions{display: flex;margin-top: auto; padding: 115px 0 0;}
.section-news .article-item .article-content .actions .read-more{transition:all 0.4s ease-in-out;display: flex; align-items: center; gap: 20px; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; max-width: 245px; position: relative; overflow: hidden; z-index: 2;color: var(--primary); }
.section-news .article-item .article-content .actions .read-more::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: left 0.4s ease; z-index: -1; }
.section-news .article-item .article-content .actions .read-more:hover::before { left: 0; }
.section-news .article-item .article-content .actions .read-more:hover { gap: 25px; }
/* ********|| NEWS ENDS ||******** */
/* ********|| JOIN FORCE STARTS ||******** */
.section-join-force { padding: 200px 0; position: relative; background: var(--shades01); display: flex; align-items: center; justify-content: space-between; }
.section-join-force .join-force-content { width: 50%; max-width: 620px; margin: 0 auto; flex-shrink: 0; }
.section-join-force .join-force-image { width: 50%; height: 1799px; border-radius: 16px 0 0 16px; overflow: hidden; flex-shrink: 1; }
.section-join-force .join-force-image img { width: 100%; height: 100%; object-fit: cover; }
.section-join-force .join-force-content .join-force-title { margin-bottom: 30px; font-size: 94px; line-height: 1; font-weight: 600; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; color: var(--primary); }
.section-join-force .join-force-content .join-force-description { margin-bottom: 100px; font-size: 30px; line-height: 1.4; color: var(--shades02); }
.section-join-force .checkbox-title { font-size: 30px; line-height: 1.4; color: var(--shades02); margin-bottom: 20px; }
.section-join-force .radio-title { font-size: 30px; line-height: 1.4; color: var(--shades02); margin-bottom: 20px; }
.section-join-force .fieldset .wpcf7-form { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 20px; column-gap: 20px; }
.section-join-force .fieldset .wpcf7-form .form-group.col-span-half { position: relative; width: 100%; grid-column: span 1 / span 1; }
.section-join-force .fieldset .wpcf7-form .form-group { grid-column: span 2 / span 2; }
.section-join-force .form-group { position: relative; width: 100%; grid-column: span 2 / span 2; }
.section-join-force .fieldset .wpcf7-form .form-action { grid-column: span 2 / span 2; }
.section-join-force .form-control { width: 100%; height: 108px; border-radius: 16px; overflow: hidden; padding: 0 30px; border: 2px solid rgba(0, 0, 0, 0.1); font-family: "Barlow Condensed", sans-serif; font-size: 30px; line-height: 1.25; font-weight: 600; color: var(--primary); text-transform: uppercase; box-shadow: none; }
.section-join-force .form-control:focus,
.section-join-force .form-group textarea:focus { background: var(--highlight01); border: 2px solid var(--highlight01) !important; }
.section-join-force.form-action { margin: auto 0 0; display: flex; align-items: center; justify-content: center; width: 100%; }
.section-join-force .btn-action { width: 100%; border-radius: 16px; overflow: hidden; background: var(--primary); height: 90px; display: flex; align-items: center; justify-content: center; transition: all ease-in-out 0.2s; gap: 20px; margin-top: 40px; font-family: "Barlow Condensed", sans-serif; font-size: 30px; line-height: 1.25; letter-spacing: 0.05em; text-transform: uppercase; color: var(--shades01); font-weight: 600; position: relative;}
.section-join-force .btn-action .wpcf7-submit { font-family: "Barlow Condensed", sans-serif; font-size: 22px; line-height: 1.25; letter-spacing: 0.05em; text-transform: uppercase; color: var(--shades01); font-weight: 600; transition: all ease-in-out 0.2s; border: transparent; background: transparent; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; height: 100%; opacity: 0;}
.form-action .btn-action .fa-arrow-right{font-size: 22px;}
.section-join-force .btn-action:hover { background: var(--highlight02); gap: 25px }
.section-join-force .form-group textarea { height: 280px; resize: none; width: 100%; border-radius: 16px; overflow: hidden; padding: 0 30px; border: 2px solid rgba(0, 0, 0, 0.1); font-family: "Barlow Condensed", sans-serif; font-size: 30px; line-height: 1.25; font-weight: 600; color: var(--primary); box-shadow: none; padding: 20px; }
.section-join-force .wpcf7-form-control-wrap .wpcf7-list-item { display: block; margin-bottom: 20px; }
.wpcf7-form-control-wrap .wpcf7-list-item label { padding-left: 30px; position: relative; cursor: pointer; margin: 0px 0;}
.wpcf7-form-control-wrap .wpcf7-list-item label input { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label { position: relative; margin: 0; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; font-family: "Barlow Condensed", sans-serif; font-weight: 600; text-transform: uppercase; color: var(--primary); padding-left: 20px; }
.wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label:before { content: ''; position: absolute; width: 25px; height: 25px; background: var(--shades01); border: 2px solid var(--primary); top: 50%; left: -30px; transform: translateY(-50%); border-radius: 4px; }
.wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label:after { content: '✓'; position: absolute; font-family: "Barlow Condensed", sans-serif; width: 25px; height: 25px; top: 56%; left: -30px; transform: translateY(-50%); font-weight: 600; font-size: 14px; display: none; color: var(--primary); text-align: center; line-height: 1.4; transition: all .2s; }
.wpcf7-form-control-wrap .wpcf7-list-item label input:checked+.wpcf7-list-item-label:before { background-color: transparent; border: 2px solid var(--primary); }
.wpcf7-form-control-wrap .wpcf7-list-item label input:checked+.wpcf7-list-item-label:after { display: block; }

.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:before { content: ''; position: absolute; width: 25px; height: 25px; background: var(--shades01); border: 2px solid var(--primary); top: 50%; left: -30px; transform: translateY(-50%); border-radius: 50px;}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:after { content: ''; position: absolute; width: 10px; height: 10px; top: 51%; left: -23px; transform: translateY(-50%); display: none; background-color: var(--primary); transition: all .2s; border-radius: 50px;}
.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input:checked+.wpcf7-list-item-label:after {display: block;}

.wpcf7 form .wpcf7-response-output { margin: 0 0 1em; border: 2px solid #4b218e; width: 100%; grid-column: span 2 / span 2; background: var(--highlight03); padding: 7px 0 9px; text-align: center; border-radius: 10px;}
.wpcf7-spinner{position: absolute; bottom: 170px;}
.wpcf7-not-valid-tip{font-size: 12px;}
.form-action .btn-action .fa-arrow-right{font-size: 30px; color: #fff;}
/* ********|| JOIN FORCE ENDS ||******** */
/* ********|| OUR SERVICE STARTS ||******** */
.section-network { padding: 100px 0; }
.section-network .container { display: flex; justify-content: center; gap: 5%; }
.section-network .network-items { width: 30%; position: relative; }
.section-network .network-items .network-image { height: 450px; width: 100%; }
.section-network .network-items .network-image img { width: 100%; height: 370px; object-fit: contain; }
.section-network .network-items .network-content { position: relative; display: flex; flex-direction: column; height: 360px; }
.section-network .network-items .network-content .title { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 280px; margin-bottom: 30px; font-size: 54px; line-height: 1; text-transform: uppercase; color: var(--primary); font-family: "Barlow Condensed", sans-serif; font-weight: 600; }
.section-network .network-items .network-content .network-description { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; margin-bottom: 20px; font-size: 22px; line-height: 1.5; color: var(--shades02); }
.section-network .network-items .network-content .network-location { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 22px; line-height: 1.5; color: rgba(var(--shades02-rgb), 0.5); }
.section-network .network-items .network-content .network-actions { margin-top: auto; }
.section-network .network-items .network-content .network-actions .network-btn { display: flex; align-items: center; gap: 20px; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; position: relative; overflow: hidden; z-index: 2; color: var(--primary); }
.section-network .network-items .network-content .network-actions .network-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: left 0.4s ease; z-index: -1; }
.section-network .network-items .network-content .network-actions .network-btn:hover::before { left: 0; }
.section-network .network-items .network-content .network-actions .network-btn:hover { transition: all 0.4s ease-in-out; gap: 25px; }
/* ********|| OUR SERVICE ENDS ||******** */
/* ********|| DEFAULT STARTS ||******** */
.section-default { width: 100%; position: relative; background: var(--highlight01); padding: 100px 0; }
.section-default .default { display: flex; gap: 85px; }
.section-default .default .default-image { max-width: 625px; height: 570px; border-radius: 20px; overflow: hidden; flex-shrink: 0; }
.section-default .default .default-image img { width: 100%; height: 100%; object-fit: cover; }
.section-default .default .default-content { display: flex; flex-direction: column; justify-content: space-between; flex-shrink: 1; }
.section-default .default .default-title { font-size: 54px; line-height: 1.25; color: var(--primary); max-width: 750px; }
.section-default .default .default-description { font-size: 30px; line-height: 1.4; color: var(--shades02); max-width: 750px; }
/* ********|| DEFAULT ENDS ||******** */
/* ********|| OUR TEAM BANNER STARTS||******** */
.team-banner { width: 100%; height: 100vh; z-index: 0; position: relative; display: flex; align-items: end; padding-bottom: 3%; z-index: 1; }
.team-banner-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(var(--shades02-rgb), 0.1); z-index: 1; }
.team-banner .team-banner-image { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; }
.team-banner .team-banner-image img { width: 100%; height: 100%; object-fit: cover; object-position: top; }
.team-banner .team-banner-title { font-size: 160px; line-height: 0.8; color: var(--shades01); font-family: "Barlow Condensed", sans-serif; font-weight: 700; text-transform: uppercase; position: relative; z-index: 1; max-width: 435px; margin-bottom: 36px; }
.team-banner-subtitle { font-size: 21px; line-height: 1.4; color: var(--shades01); position: relative; z-index: 1; max-width: 360px;}
/* ********|| OUR TEAM BANNER ENDS||******** */
.section-team .container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 56px; column-gap: 80px; }
/* ********|| OUR TEAM DETAILS STARTS||******** */
.section-team-details { position: relative; padding: 100px 0; }
.section-team-details .container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 100px; }
.section-team-details .team-detail-image { background-repeat: no-repeat; background-size: contain; background-position: center bottom; width: 100%; height: 1000px; flex-shrink: 0; border-radius: 16px; overflow: hidden; }
.section-team-details .team-detail-content { width: 100%; flex-shrink: 1; }
.section-team-details .team-detail-content .name { font-size: 95px; line-height: 1; color: var(--primary); font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; max-width: 400px;}
.section-team-details .team-detail-content .designation { font-size: 30px; line-height: 1.4; color: var(--shades02); text-transform: capitalize; margin-bottom: 10px; }
.section-team-details .team-detail-content .location { font-size: 22px; line-height: 1.5; color: rgba(var(--shades02-rgb), 0.5); display: flex; align-items: center; gap: 10px; margin-bottom: 40px; }
.section-team-details .section-support { position: relative; margin-bottom: 30px; }
.section-team-details .section-support .support-title { font-size: 40px; line-height: 1; font-weight: 600; color: var(--secondary); font-family: "Barlow Condensed", sans-serif; margin-bottom: 25px; }
.section-team-details .section-support ul { list-style: none; padding: 0; margin: 0; max-width: 620px; }
.section-team-details .section-support ul li { padding: 15px 80px 15px 0; border-bottom: 1px solid var(--secondary); font-size: 22px; line-height: 1.5; color: var(--shades02); }
.section-team-details .section-education { position: relative; margin-bottom: 30px; }
.section-team-details .section-education .education-title { font-size: 40px; line-height: 1; font-weight: 600; color: var(--secondary); font-family: "Barlow Condensed", sans-serif; margin-bottom: 25px; }
.section-team-details .section-education ul { list-style: none; padding: 0; margin: 0; max-width: 620px; }
.section-team-details .section-education ul li { padding: 15px 80px 15px 0; border-bottom: 1px solid var(--secondary); font-size: 22px; line-height: 1.5; color: var(--shades02); }
.section-qa { position: relative; width: 100%; padding: 100px 0; ; }
.section-qa .qa-container { max-width: 1070px; margin: 0 auto; }
.section-qa .qa-title { font-size: 72px; line-height: 1; font-weight: 600; color: var(--primary); font-family: "Barlow Condensed", sans-serif; margin-bottom: 50px; }
.section-qa .qa-wrapper .qa-items { margin-bottom: 60px; }
.section-qa .qa-wrapper .qa-items .question { font-size: 40px; line-height: 1; font-weight: 600; color: var(--secondary); font-family: "Barlow Condensed", sans-serif; margin-bottom: 40px; }
.section-qa .qa-wrapper .qa-items .answer { border-radius: 20px; overflow: hidden; background: var(--highlight01); padding: 60px; color: var(--shades02); font-size: 30px; line-height: 1.4; }
/* ********|| CONTACT INFORMATION STARTS||******** */
.contact-information { position: relative; z-index: 1; width: 100%; padding: 100px 0; }
.contact-information .contact-info-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
.contact-information .contact-info-image img { width: 100%; height: 100%; object-fit: cover; }
.contact-information .contact-content { width: 100%; background: var(--highlight01); border-radius: 20px; overflow: hidden; position: relative; z-index: 3; padding: 60px; }
.contact-information .contact-content .title { margin-bottom: 30px; font-size: 54px; line-height: 1; font-weight: 600; text-transform: uppercase; color: var(--primary); font-family: "Barlow Condensed", sans-serif; }
.contact-information .contact-content .contact-info { position: relative; }
.contact-information .contact-content .contact-info .contact-info-item { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: 1px solid var(--primary); }
.contact-information .contact-content .contact-info .contact-info-item:last-child { border-bottom: 1px solid transparent !important; }
.contact-information .contact-info-item .info-item-label { font-size: 30px; line-height: 1.4; color: var(--primary); }
.contact-information .contact-info-item .info-item-labelname { font-size: 30px; line-height: 1.4; color: var(--shades02) }
/* ********|| CONTACT INFORMATION ENDS||******** */
/* ********|| BLOGS STARTS ||******** */
.section-news.section-bg { background: transparent; }
.section-news .section-articles.section-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: 0; }
.section-news .section-articles.section-grid-stories { grid-template-columns: repeat(3, minmax(0, 1fr)); padding-left: 140px; padding-right: 10px; }
/* ********|| BLOGS ENDS ||******** */
/* ********|| BLOGS DETAILS STARTS ||******** */
.section-blog-details .blog-details-image { width: 100%; height: 690px; overflow: hidden; }
.section-blog-details .blog-details-image img { width: 100%; height: 100%; object-fit: cover; }
.blog-details-content { padding: 50px 0; }
.blog-details-content .blog-details-title { font-weight: 600; font-size: 95px; line-height: 1; color: var(--primary); max-width: 760px; margin: 0 auto; margin-bottom: 40px; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; }
.blog-details-content .blog-content { max-width: 760px; margin: 0 auto; margin-bottom: 40px; }
.blog-details-content .blog-content .blog-content-item { display: flex; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid var(--primary); gap: 40px }
.blog-details-content .blog-content .blog-content-item:last-child { border-bottom: 1px solid transparent; }
.blog-details-content .blog-content .blog-content-item .blog-content-item-label,
.blog-details-content .blog-content .blog-content-item .blog-content-item-name { font-size: 22px; line-height: 1.5; }
.blog-details-content .blog-content .blog-content-item .blog-content-item-label { color: var(--primary); flex-shrink: 0; }
.blog-details-content .blog-content .blog-content-item .blog-content-item-name { color: var(--shades02); flex-shrink: 1; }
/* ********|| BLOGS DETAILS ENDS ||******** */
/* ********|| ABOUT US STARTS ||******** */
.about-our-team { padding: 50px 100px; position: relative; }
.about-our-team .container { display: flex; justify-content: space-between; align-items: start; }
.about-our-team .container .about-headline { width: 50%; font-size: 125px; line-height: 1; color: var(--primary); font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; font-weight: 600; }
.about-our-team .container .about-team-content { width: 50%; }
.about-our-team .container .about-team-content .about-description { font-size: 30px; line-height: 1.4; color: var(--shades02); margin-bottom: 50px; }
.about-our-team .container .about-team-content .about-btn { display: flex; align-items: center; gap: 20px; font-size: 30px; line-height: 1.25; letter-spacing: 0.025em; text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; max-width: 245px; position: relative; overflow: hidden; z-index: 2; }
.about-our-team .container .about-team-content .about-btn:hover { color: #000; transition: all 0.4s ease-in-out; gap: 30px; }
.about-our-team .container .about-team-content .about-btn:hover::before { left: 0; }
.about-our-team .container .about-team-content .about-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: left 0.4s ease; z-index: -1; }
/* ********|| ABOUT US ENDS ||******** */
/*------------- casestudycss ------------*/
.section-casestudy-introduction { padding: 100px 0; }
.section-casestudy-introduction .intro-content { display: flex; justify-content: space-between; align-items: center; }
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { color: var(--primary); font-size: 71px; }
.section-casestudy-introduction .casestudy-content .casestudy-intro-description { color: var(--shades02); font-size: 30px; padding-left: 80px; }
.casestudy-wrapper { height: 360px; overflow: hidden; margin: 66px 0; }
.section-case-study { position: relative; z-index: 0; }
.section-case-study .case-study-item { margin-bottom: 40px; height: 500px; display: flex; align-items: start; justify-content: space-between; gap: 80px; position: relative; z-index: 1; transition: all 0.4s ease; padding: 40px 0 40px 250px;}
.section-case-study .case-study-item::after { content: ''; width: 100%; max-width: 100%; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: var(--highlight03); z-index: -1; margin: 0 auto; transition: all 0.4s ease; overflow: hidden; opacity: 0; }
.section-case-study .case-study-item:hover::after { max-width: 100%; opacity: 1; }
.section-case-study .case-study-item .case-study-content { position: relative; }
.section-case-study .case-study-item .case-study-content .address-date { display: flex; align-items: center; gap: 10px; color: rgba(var(--shades02-rgb), 0.6); font-size: 16px; line-height: 1.5; margin-bottom: 10px; }
.section-case-study .case-study-item .case-study-content .case-study-category { color: var(--shades02); font-size: 16px; line-height: 1.5; margin-bottom: 60px; opacity: 0; transition: all 0.4s ease; }
.section-case-study .case-study-item .case-study-content .case-study-title { max-width: 625px; width: 100%; font-size: 72px; line-height: 1; font-weight: 600; color: var(--primary); font-family: "Barlow Condensed", sans-serif; margin: 10px 0; }
.section-case-study .case-study-item .case-study-content .action_btn { display: inline-block; font-size: 30px; line-height: 1.25; color: var(--primary); text-transform: uppercase; font-family: "Barlow Condensed", sans-serif; font-weight: 600; position: relative; overflow: hidden; z-index: 2; }
.section-case-study .case-study-item .case-study-content .action_btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: var(--highlight01); transition: all 0.4s ease; z-index: -1; }
.section-case-study .case-study-item .case-study-content .action_btn:hover::before { left: 0; }
.section-case-study .case-study-item .case-study-content .action_btn:hover { transition: all 0.4s ease; gap: 25px; }
.section-case-study .case-study-item .case-study-image { max-width: 50%; width: 100%; height: 100%; border-radius: 20px 0 0 20px; overflow: hidden; transition: all 0.4s ease; }
.section-case-study .case-study-item .case-study-image img { width: 100%; height: 100%; object-fit: cover; }
/* .section-case-study .case-study-item:hover { padding: 40px 0px 40px 41px; } */
/* .section-case-study .case-study-item:hover .case-study-image { border-radius: 20px; } */
.section-case-study .case-study-item:hover .case-study-category { opacity: 1; }
.section-case-study .casestudyheading { color: var(--primary); font-weight: 600; font-size: 54px; font-family: "Barlow Condensed", sans-serif; padding: 34px 0; }
/*------------------------- fundraising events ------------------------*/
.section-fundraising-banner { width: 100%; height: 970px;}
.section-fundraising-banner img { object-fit: cover; width: 100%; height: 100%;}
.section-fundraising .fundraising-event-content { max-width: 622px; }
.section-fundraising .fundraising-event-content .fundraising-event-title h3 { font-family: "Barlow Condensed"; font-weight: 600; color: var(--primary); font-size: 94px; text-transform: uppercase; margin-bottom: 40px; line-height: 1; }
.section-fundraising .fundraising-event-wrapper { margin-bottom: 44px; display: flex; justify-content: space-between; gap: 167px; overflow: hidden; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { font-size: 30px; line-height: 1.4; margin-bottom: 40px; }
.section-fundraising .fundraising-event-image { border-radius: 28px; overflow: hidden; width: 50%; aspect-ratio: 1 / 1; }
.section-fundraising .fundraising-event-image img { object-fit: cover; width: 100%; height: 100%; }
.section-fundraising .fundraising-event-content { padding-right: 0; }
.section-fundraising { padding: 140px 0 96px; }
.section-fundraising-event-types { background: var(--highlight01); padding: 140px 0; }
.eventtypes-list { display: flex; gap: 22px; }
.section-fundraising-event-types .eventtypes-item-list .eventtype-image { border-radius: 22px; overflow: hidden; width: 100%; aspect-ratio: 65/63; }
.section-fundraising-event-types .eventtypes-item-list .content-title h4 { text-align: center; font-size: 29px; color: var(--secondary); margin: 22px 0 0; font-weight: 700; text-transform: capitalize; line-height: 1.4; }
.section-fundraising-event-types .title { font-size: 94px; font-family: "Barlow Condensed"; font-weight: 600; text-align: left; color: var(--primary); margin: 0 0 78px; text-transform: uppercase; }
.section-fundraising-event-types .eventtypes-item-list .eventtype-image img { object-fit: cover; width: 100%; height: 100%; }
.section-fundraising-event-service { padding: 140px 0; }
.section-fundraising-event-service .title { font-size: 94px; font-weight: 600; font-family: "Barlow Condensed"; color: var(--primary); margin: 0 0 112px; text-transform: uppercase; }
.section-fundraising-event-service .eventservice-wrapper { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.section-fundraising-event-service .eventservice-item { text-align: center; }
.section-fundraising-event-service .eventservice-item .eventservice-image { border-radius: 11px; overflow: hidden; width: 100%; aspect-ratio: 1/1; }
.section-fundraising-event-service .eventservice-item .eventservice-image img { object-fit: cover; width: 100%; height: 100%; object-position: left; }
.section-fundraising-event-service .eventservice-item .service-content-title h4 { font-weight: 700; color: var(--primary); font-size: 40px; line-height: 59px; margin: 10px 0 0; }
.section-fundraising-event-service .eventservice-item .title-icon { width: 84px; height: 84px; border-radius: 100%; text-align: center; background: var(--highlight01); padding-top: 23px; margin: -49px auto 0; position: relative; }
.section-fundraising-event-service .title-icon img { width: 35px; }
.section-fund-event-faq { background: var(--highlight01); padding: 140px 0; }
.section-fund-event-faq .title { font-family: "Barlow Condensed"; font-weight: 600; font-size: 71px; line-height: 1; text-transform: uppercase; color: var(--primary); max-width: 298px;}
.faq-item-wrapper { display: flex; gap: 5px; }
.section-fund-event-faq .faq-accordion { width: 100%; padding-left: 72px;}
.section-fund-event-faq.grant-writing .faq-accordion{padding-left: 0;}
.section-fund-event-faq .faq-accordion .accordion-item { background-color: #fff; color: #111; margin: 0 0 22px; border-radius: 28px; overflow: hidden; border: 1px solid transparent; }
.section-fund-event-faq .faq-accordion .accordion-header button { padding: 45px 35px; line-height: 40px; font-weight: 700; display: flex; align-items: center; position: relative; cursor: pointer; font-size: 30px; color: var(--primary); }
.section-fund-event-faq .faq-accordion .accordion-header .accordion-button { background: transparent; }
.section-fund-event-faq .faq-accordion .accordion-header .accordion-button::after { background-image: url("../img/arrow.webp") !important; background-size: 40px !important; width: 40px; height: 30px; }
.section-fund-event-faq .faq-accordion .accordion-header .accordion-button:focus { box-shadow: none; }
.accordion-item-header.active { border-bottom: 2px solid var(--border02); }
.accordion-item-body { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.section-fund-event-faq .faq-accordion .accordion-body { border-top: 2px solid rgba(var(--shades02-rgb), 0.2); padding: 68px 35px; }
.section-fund-event-faq .faq-accordion .accordion-body p { line-height: 1.4; font-size: 28px; }
/*------------------------------ grant writing ----------------------------*/
.section-grant-source { background: var(--highlight01); padding: 140px 0; overflow: hidden; }
.section-grant-source .title { font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 95px; color: var(--primary); margin-bottom: 90px; text-transform: uppercase;}
.section-grant-source .grant-wrapper { display: flex; margin: 0 -8px; }
.section-grant-source .grant-wrapper .private-content { width: 100%; max-width: calc(40% - 16px); margin: 0 8px; }
.section-grant-source .grant-wrapper .private-content .content-title { font-family: "Barlow Condensed", sans-serif; font-weight: 600; color: var(--primary); font-size: 54px; border-bottom: 8px solid var(--primary); margin-bottom: 60px; }
.section-grant-source .grant-wrapper .private-content .content-title span{position: sticky; left: 0;}
.section-grant-source .grant-wrapper .public-content { width: 100%; max-width: calc(60% - 16px); margin: 0 8px; }
.section-grant-source .grant-wrapper .public-content .content-title { font-family: "Barlow Condensed", sans-serif; font-weight: 600; color: var(--secondary); font-size: 54px; border-bottom: 8px solid var(--secondary); margin-bottom: 60px; }
.section-grant-source .grant-wrapper .public-content .content-title span{position: sticky; left: 0;}
.section-grant-source .private-source-img { border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 5; }
.section-grant-source .private-source-img img { width: 100%; height: 100%; object-fit: cover; }
.section-grant-source .private-image-slide { display: flex; gap: 16px; }
.section-grant-source .slide-wrap { width: 100%; }
.section-grant-source .private-source-title h5 { font-size: 30px; font-weight: bold; line-height: 1.4; text-align: center; color: var(--primary); margin: 35px 0 0; }
.section-grant-source .public-img-slide { display: flex; gap: 16px; }
.section-grant-services { padding: 281px 0; }
.section-grant-services .heading-title { font-size: 95px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; color: var(--primary); margin-bottom: 48px; line-height: 1; text-transform: uppercase;}
.section-grant-services .grant-service-content .heading { border-bottom: 2px solid var(--highlight01); padding: 24px 0; }
.section-grant-services .grant-service-content .heading h3 { font-family: "Barlow Condensed", sans-serif; font-weight: bold; color: var(--primary); line-height: 1; font-size: 224px; }
.section-grant-services .grant-service-content .grant-content { display: flex; justify-content: space-between; padding: 16px 0 0; }
.section-grant-services .grant-service-content .grant-content .title { font-family: "Barlow Condensed", sans-serif; font-weight: 600; color: var(--primary); line-height: 1; font-size: 72px; max-width: 495px; width: 100%; text-transform: uppercase;}
.section-grant-services .grant-service-content .grant-content:first-child .title{max-width: 462px;}
.section-grant-services .grant-description { max-width: 750px; width: 100%; }
.section-grant-services .grant-description p { font-size: 29px; line-height: 1.4; margin-bottom: 24px; }
.section-grant-services blockquote { background: var(--highlight03); padding: 44px 36px; border-radius: 22px; margin: 0 0 22px; }
.section-grant-services blockquote ul { padding: 0; }
.section-grant-services blockquote ul li { list-style: none; font-size: 22px; color: var(--shades02); border-bottom: 2px solid var(--primary); padding: 22px 0; }
.section-grant-services blockquote ul li:last-child { border: none; padding-bottom: 0; }
.section-grant-services blockquote h4 { color: var(--primary); line-height: 1.4; font-size: 24px; margin-bottom: 68px; }
.desktop-slider {display: block;}
.section-news .section-articles.mobile-posts {display: none;}
.contactbanner{padding: 0;}
.contactbanner .section-common-banner-image{margin: 0;}

.section-grant-source .grant-wrapper .grant-source { width: 100%; max-width: calc(40% - 16px); margin: 0 8px;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2){ width: 100%; max-width: calc(60% - 16px); margin: 0 8px;}
.section-grant-source .grant-wrapper .grant-source .content-title { font-family: "Barlow Condensed", sans-serif; font-weight: 600; color: var(--primary); font-size: 54px; border-bottom: 8px solid var(--primary); margin-bottom: 60px}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title{ font-family: "Barlow Condensed", sans-serif; font-weight: 600; color: var(--secondary); font-size: 54px; border-bottom: 8px solid var(--secondary); margin-bottom: 60px}
.section-grant-source .grant-sub-source-slide {display: flex; gap: 16px}
.section-grant-source .slide-wrap {width: 100%}
.section-grant-source .grant-source .grant-sub-source-image { border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 5}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-image { border-radius: 22px; overflow: hidden; aspect-ratio: 4 / 5}
.section-grant-source .grant-source .grant-sub-source-image img { width: 100%; height: 100%; object-fit: cover}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-image img{ width: 100%; height: 100%; object-fit: cover}
.section-grant-source .grant-source .grant-sub-source-label h5{ font-size: 30px; font-weight: bold; line-height: 1.4; text-align: center; color: var(--primary); margin: 35px 0 0}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-label h5{ font-size: 30px; font-weight: bold; line-height: 1.4; text-align: center; color: var(--primary); margin: 35px 0 0}

.video-section.mobile_version{display: none;}

@media screen and (max-width: 1600px) {
.container { max-width: 1320px !important; }
header .brand { width: 120px; }
header .navigation ul li .nav-link,
header .navigation .submenu-dropdown li .submenu-item { font-size: 18px; }
.section-common-banner .section-common-banner-image { height: 800px; }
footer .footer-main .footer-brands { width: 196px; }
footer .footer-main .footer-description { max-width: 290px; font-size: 18px; }
.section-common-pageheader .pageheader-title { font-size: 105px; }
.section-common-pageheader a { font-size: 25px }
.section-common-banner .common-banner-title { font-size: 42px; }
.section-common-banner .common-banner-description { font-size: 23px; }
.radio-custom:checked+.radio-custom-label::after { left: 7px; top: 11px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 105px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 34px; }
.hero-section .hero-title { font-size: 140px; max-width: 480px; }
.section-our-mission .our-mission-content { width: 44%; }
.section-our-mission .our-mission-moto { width: 55%; }
.section-our-mission .our-mission-moto .mission-alloy { width: 690px; }
.section-our-mission .our-mission-moto .shared-impact-title { font-size: 60px; left: 27%; transform: translateY(-3px);}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(1){transform: translateY(145px);}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(2){transform: translateY(-145px);}
.section-strategy .stategy-banner { height: 960px; }
.section-strategy .section-stategy-service { padding: 400px 0 100px 0; }
.section-strategy .section-stategy-service .section-gallery { margin-top: -800px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 360px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 460px; height: 300px; bottom: 10%; right: 28%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 196px; height: 295px; bottom: -10%; right: 20%; }
.section-strategy .section-fundraising .fundraising-title { font-size: 80px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 32px; max-width: 840px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1435px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1435px)); }
.section-strategy .service-fundraise .service-item { width: 580px; }
.section-strategy .service-fundraise .service-item .service-title { font-size: 60px; }
.section-strategy .service-fundraise { margin: 80px 0; }
.section-strategy .service-fundraise .service-item .service-list ul li { font-size: 18px; }
.section-strategy .section-fundraising .service_bn-group { gap: 10px; }
.section-strategy .service-fundraise .service-item .service_action_btn { font-size: 25px; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn,
  .section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn { font-size: 24px; height: 75px; }
.section-success-stories .success-title { font-size: 80px; margin-bottom: 50px; }
.section-success-stories .testimonial-item { width: 1270px; }
.section-success-stories .testimonials { padding: 80px 0; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 520px; }
.section-success-stories .testimonial-item .testimonial-img { width: 410px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 45px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author,
  .section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 25px; }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 950px; }
.section-make-difference .section-content .make-difference-title { font-size: 80px; }
.section-make-difference .section-content .make-difference-description { font-size: 32px; }
.section-make-difference .section-content .make-difference-btn { height: 75px; font-size: 25px; }
.section-team .team-title { font-size: 80px; }
.section-team .view_action_btn { height: 75px; font-size: 25px; }
.section-team .team-members .team-item { width: 340px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1410px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1410px)); }
.section-team .team-item .team-content { height: 235px; }
.section-team .team-item .team-content .members-name { font-size: 60px; max-width: 260px; }
.section-team .team-item .team-content .members-designation { font-size: 25px; }
.section-news .section-news-content { max-width: 260px; }
.section-news .section-news-content .title { font-size: 60px; }
.section-news .section-news-content .news-btn { font-size: 25px; max-width: 210px; }
.section-join-force .join-force-content .join-force-title { font-size: 78px; }
.section-join-force .form-control { height: 75px; font-size: 25px; }
.section-join-force .form-group textarea { height: 235px; font-size: 25px; }
.section-join-force .join-force-image { height: 1530px; }
.section-join-force .radio-title,
  .section-join-force .checkbox-title,
  .custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .custom-checkbox>[type="checkbox"]:checked+label,
  .radio-custom+.radio-custom-label { font-size: 25px; }
.section-join-force .btn-action { height: 75px; font-size: 25px; }
.section-network .network-items .network-image { height: 375px; }
.section-network .network-items .network-image img { height: 300px; }
.section-network .network-items .network-content { height: 310px; }
.section-network .network-items .network-content .title { font-size: 45px; max-width: 230px; }
.section-network .network-items .network-content .network-description,
  .section-network .network-items .network-content .network-location { font-size: 18px; }
.section-network .network-items .network-content .network-actions .network-btn { font-size: 25px; }
.section-default .default .default-image { max-width: 520px; height: 475px; }
.section-default .default .default-title { font-size: 44px; max-width: 640px; }
.section-default .default .default-description { max-width: 640px; font-size: 25px; }
.team-banner .team-banner-title { font-size: 140px; max-width: 480px; margin-bottom: 24px; }
.section-partner .partner-content .partner-title { font-size: 78px; max-width: 520px; }
.section-partner .partner-content .partnet-description { font-size: 28px; }
.section-partner .partner-content .partner_btn { height: 75px; font-size: 25px; }
.section-team-details .team-detail-image { height: 835px; }
.section-team-details .team-detail-content .name { font-size: 78px; }
.section-team-details .team-detail-content .designation { font-size: 25px; }
.section-team-details .team-detail-content .location { font-size: 19px; }
.section-team-details .section-support .support-title,
  .section-team-details .section-education .education-title { font-size: 32px; }
.section-team-details .section-support ul li,
  .section-team-details .section-education ul li { font-size: 18px; }
.section-qa .qa-container { max-width: 890px; }
.section-qa .qa-title { font-size: 60px; }
.section-qa .qa-wrapper .qa-items .question { font-size: 32px; }
.section-qa .qa-wrapper .qa-items .answer { font-size: 25px; padding: 65px; }
.contact-information .contact-content .title { font-size: 45px; }
.contact-information .contact-info-item .info-item-label,
  .contact-information .contact-info-item .info-item-labelname { font-size: 25px; }
.section-news .section-entry-title { font-size: 45px; }
.blog-details-content .blog-details-title { font-size: 80px; max-width: 635px; }
.blog-details-content .blog-content,
  .content-wrapper .container { max-width: 635px !important; }
.content-wrapper h2 { font-size: 45px; }
.content-wrapper p { font-size: 25px; }
.content-wrapper ul li{font-size: 25px;}
.content-wrapper ol li{font-size: 25px;}
.content-wrapper blockquote { font-size: 25px; padding: 35px; }
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { font-size: 51px; }
.section-fundraising .fundraising-event-content { padding-right: 24px; }
.section-fundraising .fundraising-event-content .fundraising-event-title h3 { font-size: 78px; line-height: 1; max-width: 518px; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { font-size: 22px; }
.section-fundraising .fundraising-event-content { max-width: 518px; }
.section-fundraising { padding: 100px 0; }
.section-fundraising .fundraising-event-wrapper { margin-bottom: 32px; }
.section-fundraising-event-types .eventtypes-item-list .eventtype-image { border-radius: 16px; }
.section-fundraising-event-types .eventtypes-item-list .content-title h4 { font-size: 24px; }
.section-fundraising-event-types { padding: 100px 0; }
.section-fundraising-event-types .title { font-size: 67px; margin: 0 0 64px; }
.section-fundraising-event-service { padding: 100px 0; }
.section-fundraising-event-service .title { margin: 0 0 80px; font-size: 67px; line-height: 1; }
.section-fundraising-event-service .eventservice-item .service-content-title h4 { font-size: 32px; line-height: 1.5; }
.section-fund-event-faq .faq-accordion .accordion-item-header { line-height: 1.4; font-size: 21px; }
.section-fund-event-faq .faq-accordion .accordion-item-body-content { font-size: 21px; line-height: 1.4; padding: 48px 32px; }
.section-fund-event-faq .faq-accordion .accordion-item-header { padding: 32px; font-size: 21px; }
.section-fund-event-faq { padding: 100px 0; }
.section-case-study .case-study-item { padding:40px 0 40px 150px }
.section-case-study .case-study-item .case-study-content .case-study-title { font-size: 60px; max-width: 530px; }
.section-case-study .case-study-item:hover::after { opacity: 1; }

/* .section-case-study .case-study-item:hover { padding: 40px 220px; } */
.section-grant-source { padding: 100px 0; }
.section-grant-source .title { margin-bottom: 64px; }
.section-grant-source .grant-wrapper .private-content .content-title { font-size: 38px; margin-bottom: 24px; }
.section-grant-source .grant-wrapper .public-content .content-title { font-size: 38px; margin-bottom: 24px; }
.section-grant-source .private-source-title h5 { font-size: 21px; margin: 20px 0 0; }
.section-grant-services { padding: 200px 0; }
.section-grant-services .heading-title { font-size: 67px; }
.section-grant-services .grant-service-content .heading h3 { font-size: 160px; margin: 0; }
.section-grant-services .grant-service-content .grant-content .title { font-size: 51px; max-width: 351px; }
.section-grant-services .grant-description p { font-size: 24px; }
.section-grant-services .grant-description { max-width: 534px; }
.section-grant-services blockquote ul li { font-size: 18px; padding: 18px 0; }
.section-grant-services blockquote { padding: 32px 24px; }
.section-grant-services blockquote h4 { margin-bottom: 48px; }
.section-grant-services blockquote { padding: 37px 28px; }
.section-grant-services blockquote h4 { margin-bottom: 38px; }
.section-fund-event-faq .faq-accordion .accordion-header button { font-size: 24px; }
.section-fund-event-faq .faq-accordion .accordion-body p { font-size: 26px; }
.section-fund-event-faq .title { font-size: 60px; }
.submenu .dropdown-toggle::after{top: -13px;}
.submenu-dropdown .innerpadding{padding-left: 53rem;}
.section-grant-source .grant-wrapper .grant-source .content-title{font-size: 38px; margin-bottom: 24px;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title{font-size: 38px; margin-bottom: 24px;}
.section-grant-source .grant-source .grant-sub-source-label h5{font-size: 21px; margin: 20px 0 0;}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-label h5{font-size: 21px; margin: 20px 0 0;}
}

@media screen and (max-width: 1540px) {
  .submenu-dropdown .innerpadding{padding-left: 44rem;}
  header .navigation .submenu-dropdown .submenu-item {font-size: 18px;}
}

@media screen and (max-width: 1440px) {
 header .header-container { height: 84px; }
header .navigation ul li .nav-link { font-size: 16px; }
header .navigation ul li .nav-link,
  header .navigation .submenu-dropdown li .submenu-item { font-size: 16px; }
header .navigation .submenu-dropdown { height: 80px; }
.section-common-banner .section-common-banner-image { height: 725px; }
footer .footer-main .footer-brands { width: 177px; }
footer .footer-main .footer-description { font-size: 16px; }
footer .footer-main .footer-options .footer-content .footer-links { padding-left: 0; }
.footer-bar .footer-copyright .copyright-title { font-size: 13px; }
.footer-bar .footer-copyright ul li a { font-size: 16px; }
.footer-bar .footer-copyright { width: 35%; }
.footer-bar .footer-social { width: 65%; }
.footer-bar .footer-social { gap: 15px; }
.footer-bar .footer-social li a { font-size: 24px; }
.section-common-pageheader .pageheader-title { font-size: 95px; }
.section-common-pageheader a { font-size: 21px }
.container { max-width: 1152px !important; }
.section-common-banner .common-banner-title { font-size: 38px; max-width: 720px; }
.section-common-banner .common-banner-description { font-size: 21px; max-width: 720px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 95px; }
.section-our-mission .our-mission-moto .mission-alloy { width: 625px; }
.section-our-mission .our-mission-moto .mission-alloy,
.section-our-mission .our-mission-moto .shared-impact-title { font-size: 48px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 28px; }
.section-strategy .section-fundraising { padding-bottom: 175px; }
.section-strategy .stategy-banner { height: 865px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 325px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 414px; height: 270px; bottom: 10%; right: 25%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 175px; height: 265px; bottom: -10%; right: 17%; }
.section-strategy .section-stategy-service .section-gallery { margin-top: -775px; }
.section-strategy .section-fundraising .fundraising-title { font-size: 70px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 28px; max-width: 750px; }
.section-strategy .service-fundraise .service-item { width: 520px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1260px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1260px)); }
.section-strategy .service-fundraise .service-item .service-title { font-size: 54px; max-width: 282px;}
.section-strategy .service-fundraise .service-item .service-list ul li { font-size: 16px; padding: 12px 0; }
.section-strategy .service-fundraise .service-item .service_action_btn { font-size: 22px; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn,
  .section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn { font-size: 22px; height: 68px; }
.section-success-stories { padding: 250px 0; }
.section-success-stories .success-title { font-size: 70px; }
.section-success-stories .success-item { height: 170px; }
.section-success-stories .success-item .clients-logo { height: 70px; }
.section-success-stories .testimonial-item { width: 1140px; }
.section-success-stories .testimonial-item .testimonial-img { width: 370px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 40px; }
.section-make-difference .section-content { padding-left: 10%; padding-right: 4%; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author,
  .section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 22px; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 465px; }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 785px; }
.section-make-difference .section-content .make-difference-title { font-size: 70px; }
.section-make-difference .section-content .make-difference-description { font-size: 30px; }
.section-make-difference .section-content .make-difference-btn { height: 68px; font-size: 22px; }
.section-team .team-title { font-size: 70px; }
.section-team .view_action_btn { height: 68px; font-size: 22px; }
.section-team .team-members .team-item { width: 305px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1260px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1260px)); }
.section-team .team-item .team-content { padding: 25px 20px 10px; }
.section-team .team-item .team-content .members-name { font-size: 54px; max-width: 240px; }
.section-team .team-item .team-content .members-designation { font-size: 21px; }
.section-news .section-news-content .title { font-size: 54px; }
.section-news .section-news-content { max-width: 225px; }
.section-news .section-news-content .news-btn { font-size: 22px; max-width: 170px; }
.section-news .section-news-content .news-btn,
  .section-news .section-news-content .news-btn:hover { gap: 15px; }
.section-news .section-articles .article-item .article-content { padding: 20px; }
.section-news .section-articles .article-item .article-content { height: auto; }
.section-news .section-articles .article-item .article-content .article-title { font-size: 32px; }
.section-news .section-articles .article-item .article-content .actions .read-more { font-size: 21px; gap: 10px }
.section-news .section-articles .article-item .article-content .actions .read-more:hover { gap: 10px; }
.section-news .section-articles .article-item .article-content .article-description { font-size: 17px; }
.section-join-force .join-force-content .join-force-title { font-size: 70px; }
.section-join-force .join-force-content .join-force-description { font-size: 22px; }
.section-join-force .join-force-content { max-width: 465px; }
.section-join-force .form-control { height: 64px; font-size: 21px; }
.section-join-force .join-force-image { height: 1346px; }
.section-join-force .radio-title,
  .section-join-force .checkbox-title,
  .custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .custom-checkbox>[type="checkbox"]:checked+label,
  .radio-custom+.radio-custom-label { font-size: 21px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:before,
  .custom-checkbox>[type="checkbox"]:checked+label:before { width: 18px; height: 18px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .custom-checkbox>[type="checkbox"]:checked+label,
  .radio-custom+.radio-custom-label { padding-left: 35px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:after,
  .custom-checkbox>[type="checkbox"]:checked+label:after { left: 5px; top: 7px; font-size: 12px; }
.radio-custom+.radio-custom-label::before { width: 18px; height: 18px; }
.radio-custom:checked+.radio-custom-label::after { left: 5px; top: 9px; width: 8px; height: 8px; }
.custom-radio,
  .custom-checkbox { margin-bottom: 15px; }
.section-join-force .form-group textarea { height: 210px; font-size: 21px; }
.section-join-force .btn-action { height: 64px; font-size: 21px; }
.section-network .network-items .network-content .title { font-size: 40px; max-width: 210px; }
.section-network .network-items .network-content .network-description,
  .section-network .network-items .network-content .network-location { font-size: 16px; }
.section-network .network-items .network-content .network-actions .network-btn { font-size: 21px; }
.section-network .network-items .network-content .network-description { margin-bottom: 10px; }
.section-network .network-items .network-content { height: 280px; }
.section-network .network-items .network-image { height: 350px; }
.section-network .network-items .network-image img { height: 275px; }
.section-default .default .default-image { max-width: 470px; height: 425px; }
.section-default .default .default-title,
  .section-default .default .default-description { max-width: 565px; }
.section-default .default .default-title { font-size: 40px; }
.section-default .default .default-description { font-size: 21px; }
.team-banner .team-banner-title { margin-bottom: 15px; }
.section-partner .partner-content .partner-title { font-size: 70px; max-width: 475px; }
.section-partner .partner-content { max-width: 530px; }
.section-partner .partner-content .partnet-description { font-size: 21px; }
.section-partner .partner-content .partner_btn { height: 64px; font-size: 21px; }
.section-team-details .team-detail-image { height: 750px; }
.section-team-details .team-detail-content .name { font-size: 70px; }
.section-team-details .team-detail-content .designation { font-size: 21px; }
.section-team-details .team-detail-content .location { font-size: 16px; }
.section-team .team-item .team-content { height: 210px; }
.section-team-details .section-support .support-title,
  .section-team-details .section-education .education-title { font-size: 28px; margin-bottom: 15px; }
.section-team-details .section-support ul li,
  .section-team-details .section-education ul li { font-size: 16px; }
.section-qa .qa-container { max-width: 750px; }
.section-qa .qa-title { font-size: 54px; }
.section-qa .qa-wrapper .qa-items .question { font-size: 28px; }
.section-qa .qa-wrapper .qa-items .answer { font-size: 21px; padding: 60px; }
.contact-information .contact-content { padding: 50px; }
.contact-information .contact-content .title { font-size: 38px; }
.contact-information .contact-info-item .info-item-label,
  .contact-information .contact-info-item .info-item-labelname { font-size: 21px; }
.section-common-pageheader .pageheader-content { padding: 250px 0 15px 0; }
.section-casestudy-details.content-wrapper blockquote{margin-left: -60px;margin-right: -60px;}
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { font-size: 51px; }
.section-fundraising .fundraising-event-content .fundraising-event-title h3 { font-size: 67px; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { font-size: 21px; }
.section-fundraising { padding: 100px 0; }
.section-fundraising-event-types .eventtypes-item-list .eventtype-image { border-radius: 16px; }
.section-news .section-entry-title { font-size: 38px; }
.blog-details-content .blog-details-title { font-size: 72px; max-width: 570px; }
.blog-details-content .blog-content { max-width: 570px !important; }
.blog-details-content .blog-content .blog-content-item .blog-content-item-label,
  .blog-details-content .blog-content .blog-content-item .blog-content-item-name { font-size: 16px; }
.content-wrapper h2 { font-size: 40px; }
.content-wrapper p { font-size: 16px; }
.content-wrapper ul li{font-size: 16px;}
.content-wrapper ol li{font-size: 16px;}
.content-wrapper blockquote { font-size: 21px; padding: 35px; }
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { font-size: 51px; }
.section-fundraising .fundraising-event-content { padding-right: 0; }
.section-fundraising .fundraising-event-content .fundraising-event-title h3 { font-size: 67px; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { font-size: 20px; line-height: 1.4; }
.section-fundraising .fundraising-event-content { max-width: 443px; }
.section-fundraising { padding: 100px 0; }
.section-fundraising .fundraising-event-wrapper { margin-bottom: 32px; gap: 110px; }
.section-fundraising-event-types .eventtypes-item-list .eventtype-image { border-radius: 16px; }
.section-fundraising-event-types .eventtypes-item-list .content-title h4 { font-size: 21px; }
.section-fundraising-event-types { padding: 100px 0; }
.section-fundraising-event-types .title { font-size: 67px; margin: 0 0 64px; }
.section-fundraising-event-service { padding: 100px 0; }
.section-fundraising-event-service .title { margin: 0 0 80px; font-size: 67px; line-height: 1; }
.section-fundraising-event-service .eventservice-item .service-content-title h4 { font-size: 28px; line-height: 1.5; }
.accordion-item-header.active { border-bottom: 2px solid var(--border02); }
.section-fund-event-faq .faq-accordion .accordion-item-header { line-height: 1.4; font-size: 21px; }
.section-fund-event-faq .faq-accordion .accordion-item-body-content { font-size: 21px; line-height: 1.4; padding: 48px 32px; }
.section-fund-event-faq .faq-accordion .accordion-item-header { padding: 32px; font-size: 21px; }
.section-fund-event-faq { padding: 100px 0; }
.section-fund-event-faq .title { font-size: 51px; line-height: 1; }
.section-fund-event-faq .faq-accordion .accordion-item { border-radius: 20px; }
.section-case-study .case-study-item { padding: 40px 0 40px 160px;}
.section-case-study .case-study-item .case-study-content .case-study-title { font-size: 54px; max-width: 440px; }
.section-case-study .case-study-item:hover::after { opacity: 1; }
/* .section-case-study .case-study-item:hover { padding: 40px 210px; } */
.section-grant-source { padding: 100px 0; }
.section-grant-source .title { margin-bottom: 64px; }
.section-grant-source .grant-wrapper .private-content .content-title { font-size: 38px; margin-bottom: 24px; }
.section-grant-source .grant-wrapper .public-content .content-title { font-size: 38px; margin-bottom: 24px; }
.section-grant-source .private-source-title h5 { font-size: 21px; margin: 20px 0 0; }
.section-grant-services { padding: 200px 0; }
.section-grant-services .heading-title { font-size: 67px; }
.section-grant-services .grant-service-content .heading h3 { font-size: 160px; margin: 0; }
.section-grant-services .grant-service-content .grant-content .title { font-size: 51px; max-width: 351px; }
.section-grant-services .grant-description p { font-size: 21px; }
.section-grant-services .grant-description { max-width: 534px; }
.section-grant-services blockquote ul li { font-size: 16px; padding: 16px 0; }
.section-grant-services blockquote { padding: 32px 24px; }
.section-grant-services blockquote h4 { margin-bottom: 48px; }
.section-fund-event-faq .faq-accordion .accordion-header button { font-size: 21px; }
.section-fund-event-faq .faq-accordion .accordion-body p { font-size: 21px; }
.section-fund-event-faq .faq-accordion .accordion-header .accordion-button::after { background-size: 28px !important; width: 33px; height: 22px; }
.submenu-dropdown .innerpadding{padding-left: 43rem;}
.section-grant-source .grant-wrapper .grant-source .content-title{font-size: 38px; margin-bottom: 24px;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title{font-size: 38px; margin-bottom: 24px;}
.section-grant-source .grant-source .grant-sub-source-label h5{font-size: 21px; margin: 20px 0 0;}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-label h5{font-size: 21px; margin: 20px 0 0;}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(1){transform: translateY(131px);}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(2){transform: translateY(-131px);}
.section-our-mission .our-mission-moto .shared-impact-title{left: 29%;}
}
@media screen and (max-width: 1366px) {
 header .brand { width: 103px; }
header .header-container { height: 80px; }
.section-common-banner .section-common-banner-image { height: 690px; }
footer .footer-main .footer-brands { width: 168px; }
footer .footer-main .footer-description { max-width: 260px; }
.section-common-banner .common-banner-title { font-size: 38px; max-width: 725px; }
.section-common-banner .common-banner-description{max-width: 718px; margin: 0 auto 48px;}
.section-common-pageheader .pageheader-title { font-size: 90px; }
.section-our-mission .our-mission-moto .mission-alloy { width: 592px; }
.section-our-mission .our-mission-moto .mission-alloy,
  .section-our-mission .our-mission-moto .shared-impact-title { font-size: 44px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 90px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 28px; }
.section-our-mission .our-mission-moto .mission-alloy { margin-bottom: 100px; }
.section-our-mission .our-mission-content { width: 40%; }
.section-our-mission .our-mission-moto { width: 60%; }
.section-strategy .stategy-banner { height: 820px; }
.section-strategy .section-stategy-service { padding: 400px 0 100px 0; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 308px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 392px; height: 254px; bottom: 14%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 168px; height: 252px; bottom: -7%; right: 17%; }
.section-strategy .section-fundraising .fundraising-title { font-size: 67px; }
.section-strategy .service-fundraise .service-item { width: 495px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1235px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1235px)); }
.section-strategy .service-fundraise .service-item .service-title { font-size: 51px; }
.section-strategy .service-fundraise .service-item .service-list ul li { font-size: 14px; padding: 10px 0; }
.section-strategy .service-fundraise .service-item .service_action_btn { font-size: 21px; }
.section-strategy .service-fundraise .service-item { padding: 40px; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn,
  .section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn { font-size: 21px; height: 64px; }
.section-success-stories { padding: 200px 0; }
.section-success-stories .success-title { font-size: 67px; }
.section-success-stories .success-item { height: 160px; }
.section-success-stories .success-item .clients-logo { height: 68px; }
.section-success-stories .testimonial-item { width: 1080px; }
.section-success-stories .testimonial-item .testimonial-img { width: 352px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 38px; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 445px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author,
  .section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 21px; }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 746px; }
.section-make-difference .section-content .make-difference-title { font-size: 67px; }
.section-make-difference .section-content .make-difference-description { font-size: 28px; }
.section-make-difference .section-content .make-difference-btn { height: 64px; font-size: 21px; padding: 0 15px; }
.section-team { padding: 150px 0; }
.section-team .team-title { font-size: 67px; margin-bottom: 50px; }
.section-team .view_action_btn { height: 64px; font-size: 21px; max-width: 170px; padding: 0; }
.section-team .view_action_btn:hover { max-width: 175px; padding-right: 0; }
.section-team .team-members .team-item { width: 290px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1235px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1235px)); }
.section-team .team-item .team-content .members-name { font-size: 51px; max-width: 220px; }
.section-news .section-news-content .title { font-size: 51px; }
.section-news .section-news-content .news-btn { font-size: 21px; }
.section-news .section-entry-title { font-size: 35px; }
.section-join-force .join-force-content .join-force-title { font-size: 68px; }
.section-join-force .join-force-content .join-force-description { font-size: 21px; }
.section-join-force .join-force-image { height: 1415px; }
.section-network .network-items .network-image { height: 320px; }
.section-network .network-items .network-image img { height: 250px; }
.section-network .network-items .network-content .title { font-size: 38px; }
.section-network .network-items .network-content { height: 270px; }
.section-default .default .default-image { max-width: 445px; height: 400px; }
.section-default .default .default-title,
  .section-default .default .default-description { max-width: 535px; }
.section-default .default .default-title { font-size: 38px; }
.section-team-details .team-detail-image { height: 715px; }
.section-team-details .team-detail-content .name { font-size: 67px; }
.section-team-details .section-support .support-title,
  .section-team-details .section-education .education-title { margin-bottom: 10px; }
.section-team-details .section-support ul li,
  .section-team-details .section-education ul li { padding: 12px 80px 12px 0; }
.section-qa .qa-title { font-size: 51px; }
.section-common-pageheader .backbtn { font-size: 21px; }
.section-case-study .case-study-item { padding:40px 0 40px 120px; }
.section-case-study .case-study-item .case-study-content .case-study-title { font-size: 51px; }
/* .section-case-study .case-study-item:hover { padding: 40px 160px; } */
.section-case-study .case-study-item .case-study-content .action_btn { font-size: 21px; }
.section-fundraising-event-types .eventtypes-item-list .content-title h4 { max-width: 50%; margin: 22px auto 0; }
.section-fund-event-faq .faq-accordion .accordion-header button { font-size: 23px; padding: 32px; line-height: 1.4; }
.section-fund-event-faq .faq-accordion .accordion-body { padding: 48px 32px; }
.section-fund-event-faq .title { max-width: 262px; padding-right: 64px; }
.faq-item-wrapper{gap: 48px;}
.section-news .article-item{max-width: 394px;}
.section-common-banner .content-wrapper .container{max-width: 795px !important;}
.content-wrapper blockquote{padding: 56px 64px; font-size: 21px;}
.content-wrapper blockquote img{margin: 0 0 16px;}

.search-filterset .selectarea .form-group .form-select{font-size: 20px;}
.card-body{padding: 0;}
.submenu-dropdown .innerpadding{padding-left: 39rem;}

.section-our-mission .our-mission-moto.active .shared-impact-title{transform: translateY(-5px); left: 32%;}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(1){transform: translateY(145px);}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(2){transform: translateY(-145px);}
}
@media screen and (max-width: 1280px) {
 .container { max-width: 1024px !important; }
header .header-container { height: 75px; }
.section-common-banner .section-common-banner-image { height: 645px; }
footer .footer-main .footer-brands { width: 157px; }
footer .footer-main .footer-description { max-width: 250px; font-size: 15px; }
footer .footer-main .footer-options .footer-content .footer-links a { font-size: 18px; }
footer .footer-main .footer-options .footer-content .footer-links li { margin-bottom: 10px; }
.section-common-pageheader .pageheader-title { font-size: 85px; }
.section-common-pageheader a { font-size: 20px; }
.section-common-banner .common-banner-title { font-size: 36px; max-width: 700px; margin-bottom: 25px; }
.section-common-banner .common-banner-description { max-width: 700px; }
.hero-section { padding-bottom: 4% }
.hero-section .hero-title { font-size: 150px; max-width: 480px; }
.hero-section .hero-description { font-size: 20px; max-width: 335px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 84px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 25px; }
.section-our-mission .our-mission-moto .mission-alloy { width: 550px; }
.section-our-mission .our-mission-moto { width: 55%; }
.section-our-mission .our-mission-moto .mission-alloy { margin-bottom: 130px; }
.section-our-mission .our-mission-moto .shared-impact-title { top: 41%; }
.section-strategy .stategy-banner { height: 768px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 288px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 367px; height: 238px; bottom: 14%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 158px; height: 236px; }
.section-strategy .section-fundraising .fundraising-title { font-size: 63px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 24px; max-width: 680px; }
.section-strategy .service-fundraise .service-item { width: 465px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1135px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1135px)); }
.section-strategy .service-fundraise .service-item .service-title { font-size: 48px; }
.section-success-stories { padding: 150px 0; }
.section-success-stories .success-title { font-size: 62px; }
.section-success-stories .success-title { font-size: 62px; }
.section-success-stories .success-item .clients-logo { height: 64px; }
.section-success-stories .success-slider { margin-bottom: 50px; }
.section-success-stories .testimonial-item { width: 1010px; }
.section-success-stories .testimonial-item .testimonial-img { width: 330px; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 410px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 35px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author,
  .section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 20px; }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 700px; }
.section-make-difference .section-content .make-difference-title { font-size: 62px; }
.section-make-difference .section-content .make-difference-description { font-size: 26px; }
.section-team .team-title { max-width: 550px; }
.section-team .team-members .team-item { width: 270px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 1135px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 1135px)); }
.section-news { padding: 150px 0; }
.section-news .section-news-content .title { font-size: 48px; }
.section-news .section-articles .article-item .article-content .article-title { font-size: 26px; }
.section-news .section-articles .article-item .article-content .actions .read-more { font-size: 20px; }
.section-join-force .join-force-content { max-width: 420px; }
.section-news .section-articles .article-item .article-content { height: auto; }
.section-join-force .join-force-content .join-force-title { font-size: 62px; }
.section-join-force .form-control { height: 60px; font-size: 20px; }
.section-join-force .radio-title,
  .section-join-force .checkbox-title,
  .custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .custom-checkbox>[type="checkbox"]:checked+label,
  .radio-custom+.radio-custom-label { font-size: 20px; }
.section-join-force .form-group textarea { height: 190px; font-size: 20px; }
.section-join-force .btn-action { height: 60px; font-size: 20px; }
.section-join-force .join-force-image { height: 1375px; }
.section-network .network-items .network-image { height: 300px; }
.section-network .network-items .network-image img { height: 225px; }
.section-network .network-items .network-content { height: 250px; }
.section-network .network-items .network-content .title { font-size: 35px; max-width: 190px; margin-bottom: 15px; }
.section-network .network-items .network-content .network-description,
  .section-network .network-items .network-content .network-location { font-size: 14px; }
.section-default { padding: 80px 0; }
.section-default .default .default-image { max-width: 410px; height: 380px; }
.section-default .default .default-title,
  .section-default .default .default-description { max-width: 500px; }
.section-default .default .default-title { font-size: 35px; }
.section-default .default .default-description { font-size: 20px; }
.team-banner .team-banner-title { font-size: 150px; max-width: 480px; }
.section-team { padding: 100px 0; }
.section-team-details .team-detail-image { height: 670px; }
.section-team-details .container { gap: 80px; }
.section-team-details .team-detail-content .name { font-size: 60px; }
.section-team-details .team-detail-content .designation { font-size: 18px; }
.section-team-details .team-detail-content .location { font-size: 14px; }
.section-team-details .section-support .support-title,
  .section-team-details .section-education .education-title { font-size: 25px; }
.section-team-details .section-support ul li,
  .section-team-details .section-education ul li { padding: 8px 60px 8px 0; }
.section-qa .qa-container { max-width: 670px; }
.section-qa .qa-title { font-size: 48px; }
.section-qa .qa-wrapper .qa-items .question { font-size: 25px; }
.section-qa .qa-wrapper .qa-items .answer { font-size: 18px; }
.contact-information { padding: 80px 0; }
.contact-information .contact-content { padding: 50px; }
.contact-information .contact-content .title { font-size: 35px; }
.contact-information .contact-info-item .info-item-label,
.contact-information .contact-info-item .info-item-labelname { font-size: 18px; }
.faq-item-wrapper{gap: 5px;}
.submenu-dropdown .innerpadding{padding-left: 33rem;}
.navigation-menu li {padding: 27px 0;}
.section-our-mission .our-mission-moto.active .shared-impact-title{left: 29%; top: 44%;}
 }
@media screen and (max-width: 1024px) {
 .container { max-width: 820px !important; }
.section-common-banner .section-common-banner-image { height: 515px; }
.footer-bar .footer-social { width: 45%; }
footer .footer-main { margin-bottom: 75px; }
.footer-bar .container { height: 90px; }
.footer-bar .footer-copyright { width: 45%; }
footer .footer-main .container { gap: 30px; }
footer .footer-main .footer-brands { width: 125px; margin-right: auto; }
footer .footer-main .footer-description { max-width: 220px; font-size: 14px; }
footer .footer-main .footer-options { width: 40%; }
footer .footer-main .footer-options .footer-content .footer-links a { font-size: 16px; }
.section-common-banner .common-banner-title { font-size: 28px; max-width: 510px; }
.section-common-banner .common-banner-description { max-width: 510px; font-size: 16px; }
.hero-section .hero-title { font-size: 120px; max-width: 400px; }
.hero-section .hero-description { font-size: 18px; max-width: 310px; }
.section-our-mission { padding: 120px 0; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 65px; margin-bottom: 30px; }
.section-our-mission .our-mission-moto .mission-alloy { width: 440px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 20px; }
.section-our-mission .our-mission-moto .mission-alloy,
  .section-our-mission .our-mission-moto .shared-impact-title { font-size: 32px; }
.section-our-mission .our-mission-moto .mission-alloy { margin-bottom: 160px; }
.section-our-mission .our-mission-moto .shared-impact-title { top: 38%; }
.section-success-stories .testimonial-item { width: 800px; }
.section-strategy .stategy-banner { height: 620px; }
.section-strategy .section-stategy-service { padding: 400px 0 30px 0; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 230px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 293px; height: 190px; bottom: 20%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 125px; height: 190px; bottom: 2%; right: 16%; }
.section-strategy .section-stategy-service .section-gallery { margin-top: -730px; }
.section-strategy .section-fundraising .fundraising-title { font-size: 50px; max-width: 550px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 20px; max-width: 550px; }
.section-strategy .section-fundraising .service_bn-group { gap: 25px; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn,
  .section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn { font-size: 16px; height: 48px; }
.section-strategy .section-fundraising { padding-bottom: 80px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 890px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 890px)); }
.section-strategy .service-fundraise .service-item { width: 360px; padding: 28px; }
.section-strategy .service-fundraise .service-item .service-title { font-size: 28px; }
.section-success-stories { padding: 100px 0; }
.section-success-stories .success-title { font-size: 50px; }
.section-success-stories .success-item { height: 120px; }
.section-success-stories .success-slider { margin-bottom: 0px; }
.section-success-stories .testimonial-item .testimonial-img { width: 264px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 28px; }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 560px; }
.section-make-difference .section-content .make-difference-title { font-size: 50px; }
.section-make-difference .section-content .make-difference-description { font-size: 20px; }
.section-make-difference .section-content .make-difference-btn { height: 48px; font-size: 16px; }
.section-make-difference .section-content .make-difference-title { margin-bottom: 20px; }
.section-make-difference .section-content .make-difference-description { margin-bottom: 35px; }
.section-team { padding: 75px 0; }
.section-team .team-members .team-item { width: 215px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 890px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 890px)); }
.section-team .team-title { font-size: 50px; margin-bottom: 30px; max-width: 440px; }
.section-team .view_action_btn { height: 48px; font-size: 16px; max-width: 125px; padding: 0; }
.section-team .view_action_btn i { margin-left: 10px; }
.section-team .team-item .team-content { height: 170px; }
.section-team .team-item .team-content .members-name { font-size: 38px; max-width: 175px; }
.section-team .team-item .team-content .members-designation { font-size: 16px; }
.section-news { padding: 100px 0; }
.section-news .section-news-content { max-width: 160px; }
.section-news .section-news-content .title { font-size: 38px; margin-bottom: 25px; }
.section-news .section-news-content .news-btn { font-size: 16px; }
.section-news .section-articles { padding-left: 20px; }
.section-news .section-articles .article-item .article-content { height: auto; }
.section-news .section-articles .article-item .article-content { padding: 15px; }
.section-news .section-articles .article-item .article-content .article-title { font-size: 20px; margin-bottom: 10px; }
.section-news .section-articles .article-item .article-content .actions .read-more { font-size: 16px; }
.section-join-force .join-force-content .join-force-title { font-size: 50px; margin-bottom: 15px; }
.section-join-force .join-force-content .join-force-description { margin-bottom: 40px; font-size: 16px; }
.section-join-force .form-control { height: 48px; font-size: 16px; padding: 0 20px; }
.section-join-force .fieldset { row-gap: 10px; column-gap: 10px; }
.section-join-force .radio-title,
  .section-join-force .checkbox-title,
  .custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .custom-checkbox>[type="checkbox"]:checked+label,
  .radio-custom+.radio-custom-label { font-size: 16px; margin-bottom: 5px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .radio-custom+.radio-custom-label { padding-left: 30px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:before,
  .custom-checkbox>[type="checkbox"]:checked+label:before { top: 0; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:after,
  .custom-checkbox>[type="checkbox"]:checked+label:after { left: 5px; top: 1px; font-size: 12px; }
.section-join-force .join-force-image { height: 1071px; }
.custom-radio,
  .custom-checkbox { margin-bottom: 0; }
.radio-custom:checked+.radio-custom-label::after { top: 6px; }
.section-join-force .form-group textarea { height: 150px; font-size: 16px; padding: 10px; }
.section-join-force { padding: 100px 0; }
.section-join-force .btn-action { height: 45px; font-size: 16px; }
.section-common-pageheader .pageheader-content { padding: 200px 0 40px; }
.section-common-pageheader .pageheader-title { font-size: 68px; }
.section-common-pageheader .backbtn { margin-bottom: 10px; }
.section-network { padding: 80px 0; }
.section-network .network-items .network-image { height: 240px; }
.section-network .network-items .network-content { height: 220px; }
.section-network .network-items .network-content .title { font-size: 28px; max-width: 150px; margin-bottom: 10px; }
.section-network .network-items .network-content .network-actions .network-btn { font-size: 18px; }
.section-network .network-items .network-content .network-actions .network-btn { gap: 10px; }
.section-network .network-items .network-content .network-actions .network-btn:hover { gap: 15px; }
.section-default .default .default-image { max-width: 330px; height: 300px; }
.section-default .default { gap: 60px; }
.section-default .default .default-title { font-size: 28px; }
.section-default .default .default-description { font-size: 18px; }
.team-banner .team-banner-title { font-size: 120px; }
.section-partner .partner-content { max-width: 340px; }
.section-partner .partner-content .partner-title { font-size: 50px; }
.section-partner .partner-content .partnet-description { font-size: 14px; }
.section-partner .partner-content .partner_btn { height: 45px; font-size: 14px; }
.section-team-details .team-detail-content .name { font-size: 48px; }
.section-team-details .section-support .support-title,
  .section-team-details .section-education .education-title { font-size: 20px; }
.section-team-details .section-support ul li,
  .section-team-details .section-education ul li { font-size: 14px; }
.section-team-details .team-detail-image { height: 585px; }
.section-team-details .team-detail-content .location { margin-bottom: 20px; }
.section-qa .qa-title { font-size: 38px; margin-bottom: 30px; }
.section-qa .qa-wrapper .qa-items { margin-bottom: 40px; }
.section-qa .qa-wrapper .qa-items .question { font-size: 20px; margin-bottom: 20px; }
.section-qa .qa-wrapper .qa-items .answer { font-size: 14px; padding: 30px; }
.section-news .section-entry-title { font-size: 25px; padding: 20px 25px; }
.section-blog-details .blog-details-image { height: 370px; }
.section-news .section-articles.section-grid-stories { padding-left: 25px; }
.blog-details-content .blog-details-title { font-size: 50px; max-width: 400px; }
.blog-details-content .blog-content,
  .content-wrapper .container { max-width: 400px !important; }
.blog-details-content .blog-content .blog-content-item .blog-content-item-label,
  .blog-details-content .blog-content .blog-content-item .blog-content-item-name { font-size: 16px; }
.content-wrapper h2 { font-size: 28px; }
.content-wrapper p { font-size: 16px; }
.content-wrapper blockquote { font-size: 16px; padding: 35px; }
.section-fundraising .fundraising-event-content .fundraising-event-title h3 { font-size: 50px; }
.section-fundraising-event-types { padding: 70px 0; }
.section-fundraising-event-types .title { margin: 0 0 35px; font-size: 50px; }
.section-fundraising-event-types .eventtypes-item-list .eventtype-image { border-radius: 13px; }
.section-fundraising-event-service .eventservice-item .service-content-title h4 { font-size: 20px; line-height: 1.3; }
.section-fundraising-event-service .eventservice-wrapper { gap: 18px; }
.section-fund-event-faq .faq-accordion .accordion-item-body-content { font-size: 19px; padding: 25px 32px; }
.section-fundraising-event-service .title { margin: 0 0 55px; font-size: 50px; }
.section-case-study .case-study-item { padding: 40px 0 40px 120px; height: 260px; }
.section-case-study .case-study-item .case-study-content .case-study-title { font-size: 32px; max-width: 280px; }
/* .section-case-study .case-study-item:hover::after { max-width: 820px; } */
/* .section-case-study .case-study-item:hover { padding: 40px 150px; } */
.section-case-study .case-study-item .case-study-content .case-study-category { margin-bottom: 30px; }
.section-grant-services .grant-service-content .grant-content .title { max-width: 260px; }
.section-grant-services .grant-description { max-width: 388px; }
.section-grant-services .grant-service-content .grant-content .title { font-size: 38px; }
.section-grant-services .grant-description p { font-size: 15px; }
.section-grant-services .heading-title { font-size: 50px; margin-bottom: 35px; }
.section-grant-services .grant-service-content .heading { padding: 17px 0; }
.section-grant-services .grant-service-content .heading h3 { font-size: 119px; }
.section-grant-services blockquote ul li { font-size: 12px; padding: 11px 0; }
.section-grant-services blockquote { padding: 24px 17px; }
.section-grant-services blockquote h4 { font-size: 15px; }
.section-grant-source .title { font-size: 47px; margin-bottom: 47px; }
.section-grant-source { padding: 74px 0; }
.section-grant-source .grant-wrapper .private-content .content-title { font-size: 28px; }
.section-grant-source .grant-wrapper .public-content .content-title { font-size: 28px; }
.section-grant-source .private-source-title h5 { font-size: 15px; margin: 15px 0 0; }
.section-grant-services { padding: 150px 0; }
.section-fund-event-faq .title { font-size: 38px; }
.section-fund-event-faq .faq-accordion .accordion-header button { font-size: 15px; }
.section-fund-event-faq .faq-accordion .accordion-body p { font-size: 15px; }
.section-fund-event-faq .faq-accordion .accordion-body { padding: 23px; }
.section-fund-event-faq .faq-accordion .accordion-header .accordion-button::after { background-size: 18px !important; width: 20px; height: 13px; }
.section-fundraising .fundraising-event-content { max-width: 332px; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { font-size: 15px; }
.section-fundraising .fundraising-event-wrapper { gap: 82px; }
.section-fundraising-event-types .eventtypes-item-list .content-title h4 { font-size: 15px; }
section.section-blog-details.content-wrapper blockquote { margin-left: 0; margin-right: 0; padding: 56px 24px; margin-top: 48px; margin-bottom: 48px;}
section.section-blog-details.content-wrapper blockquote:before{top: 19px;}
.wpcf7-form-control-wrap .wpcf7-list-item label .wpcf7-list-item-label{font-size: 21px;}
.section-casestudy-details.content-wrapper blockquote{margin-left: 0; margin-right: 0; padding: 56px 24px;}
.section-casestudy-details.content-wrapper blockquote:before{top: 20px;}
.common-banner-description blockquote{font-size: 20px;}

.mobile-responsive{display: block; width: 100%; padding: 20px 0 0;}
.desktop-version{display: none;}
.mobile-responsive button{background: transparent; font-size: 20px;}
.mobile-responsive button:hover{background-color: transparent; border-color: transparent; color: var(--shades02);}
.mobile-responsive button:active{background-color: transparent !important; border-color: transparent !important;}
.search-filterset{justify-content: space-between;}
.selectarea .btn.btn-primary{display: block;}
.mobile-responsive .card.card-body .form-group{display: flex; gap: 40px;}
:not(.btn-check)+.btn:active{background-color: transparent; border-color: transparent; color: var(--shades02);}
.mobile-responsive .dropdown-menu li a{font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 18px;}
.dropdown-menu{padding: 0;}
.section-blog-searchfilter .searchbar { width: 100%;}
.section-blog-searchfilter .selectarea{width: auto;}
.section-grant-source .grant-wrapper .grant-source .content-title{font-size: 28px; margin-bottom: 24px;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title{font-size: 28px; margin-bottom: 24px;}
.section-grant-source .grant-source .grant-sub-source-label h5{font-size: 15px; margin: 15px 0 0;}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-label h5{font-size: 15px; margin: 15px 0 0;}

.submenu-dropdown .innerpadding{padding-left: 17rem;}
.section-our-mission .our-mission-moto.active .shared-impact-title{left: 31%; top: 42%;}
}
@media screen and (max-width: 990px) {
 .container { max-width: 768px !important; }
header .header-container { max-width: calc(100% - 80px) !important; }
header .menu-toggle { display: block; }
header .navigation { overflow: auto; position: fixed; height: 100%; width: 100%; visibility: hidden; transform: translateY(100%); background: var(--shades01); left: 0; top: 0; align-items: start; padding-top: 52px; padding-left: 2rem; padding-right: 2rem; z-index: 21; display: flex; flex-direction: column; transition: all 0.3s ease;}
header .navigation ul { width: 100%; display: inline-block;}
header .navigation ul li{padding: 24px 0px;}
header .navigation ul li .nav-link,
header .navigation .submenu-dropdown li .submenu-item { font-size: 21px; }
header .navigation ul li { margin-bottom: 0; }
header .navigation .submenu-dropdown { max-height: 0; overflow: hidden;}
header .navigation .submenu-dropdown { position: relative; left: 0; width: auto; background: transparent; padding: 0; height: auto; max-height: 2000px !important;overflow: visible; opacity: 1; height: 174px; width: 96%; z-index: 5;}
header .navigation .submenu-dropdown.show { max-height: 2000px; display: block; border-radius: 0; overflow: unset; z-index: 5;}
.menu-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 0px; width: 100%; width: 100%;}
.menu-header button { color: var(--primary); background: transparent; border: none; font-size: 20px; line-height: 0;}
.navigation .footer-social { display: flex; align-items: center; justify-content: center; padding-bottom: 0; gap: 10px; background: var(--shades01);}
.navigation .footer-social li { padding: 4px 9px 0;}
.navigation .footer-social li a{color: var(--secondary); font-size: 30px;}
header .navigation .submenu-dropdown .submenu-item{line-height: 2.60; display: block;}
header .navigation .submenu-dropdown .innerpadding { padding: 16px 35px 16px 47px;  margin: 20px -52px 0; background: var(--highlight03); width: calc(100% + 93px); display: block;}
.menu-backdrop{display: none;}
.submenu .dropdown-toggle::after { border: none; content: "\f107"; font-family: "Font Awesome 6 Pro"; top: auto; right: auto; color: var(--primary); font-size: 21px; font-weight: 600; z-index: 3; position: relative;}
header .navigation ul li .nav-link:after{position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro"; top: 0; color: var(--primary); right: 0;}
header .navigation ul li:first-child .nav-link:after{content: "";}
header .navigation .submenu-dropdown .submenu-item::after{position: absolute; content: "\f105"; font-family: "Font Awesome 6 Pro"; top: 0; color: var(--primary); right: 0;}
.submenu .dropdown-toggle.show::after{transform: rotate(180deg);}
  
.section-common-banner .section-common-banner-image { height: 500px; }
footer .footer-main .footer-description { max-width: 230px; }
.footer-bar .footer-social,
  .footer-bar .footer-copyright { width: 50%; }
footer { padding: 80px 0 80px 0; }
.hero-section { height: auto; padding: 200px 0 50px; }
.hero-section .hero-title { font-size: 110px; max-width: 375px; }
.hero-section .hero-description { font-size: 16px; max-width: 280px; }
.section-our-mission { padding: 80px 0; }
.section-our-mission .our-mission-content,
  .section-our-mission .our-mission-moto { width: 50%; }
.section-our-mission .our-mission-moto .mission-alloy { width: 350px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 18px; max-width: 280px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 60px; max-width: 340px; }
.section-our-mission .our-mission-moto .mission-alloy,
  .section-our-mission .our-mission-moto .shared-impact-title { font-size: 30px; }
.section-our-mission .our-mission-moto .mission-alloy { margin-bottom: 215px; }
.section-our-mission .our-mission-moto .shared-impact-title { top: 34%; }
.section-strategy .stategy-banner { height: 600px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 830px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 830px)); }
.section-strategy .service-fundraise .service-item { width: 381px; }
.section-strategy .service-fundraise .service-item .service-title { font-size: 36px; }
.section-success-stories .success-title { font-size: 48px; }
.section-success-stories .testimonial-item { gap: 60px; width: 775px; }
.section-success-stories .testimonial-item .testimonial-img { width: 250px; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 320px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author,
  .section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 18px; }
.section-team .team-members .team-item { width: 200px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 830px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 830px)); }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 540px; }
.section-make-difference .section-content .make-difference-title { font-size: 48px; }
.section-make-difference .section-content .make-difference-description { font-size: 18px; }
.section-team.pt-0 { padding-top: 100px !important; }
.section-team .team-title { font-size: 48px; max-width: 425px; }
.section-join-force { padding: 70px 0; }
.section-join-force .join-force-content { max-width: 320px; }
.section-common-pageheader .pageheader-title { font-size: 65px; }
.team-banner { height: auto; padding: 200px 0 50px; }
.section-news .section-articles.section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { font-size: 35px; }
.section-casestudy-introduction .casestudy-content .casestudy-intro-description { font-size: 16px; }
.section-fundraising-event-types .title { font-size: 50px; }
.section-fundraising-event-service .title { margin: 0 0 55px; font-size: 50px; }
.section-case-study .case-study-item { padding:40px 0 40px 100px; height: 260px; }
/* .section-case-study .case-study-item:hover::after { max-width: 820px; }
.section-case-study .case-study-item:hover { padding: 40px 100px; } */
.section-case-study .case-study-item .case-study-content .case-study-category { margin-bottom: 30px; }
li.submenu {position: relative;}
.submenu .dropdown-toggle { position: absolute; width: 26px; height: 26px; display: flex; z-index: 2; top: 24px; right: 0; align-items: center; justify-content: flex-end;}
header .navigation .submenu-dropdown.show {display: none;}
.video-section.mobile_version{display: block;}
.video-section{display: none;}
 }
@media screen and (max-width: 990px) and (orientation: landscape) {
 /* .container { max-width: 640px !important; }
*/ 
.video-section.mobile_version{display: none;}
.video-section{display: block;}
}
@media screen and (max-width: 768px) {
 .container { max-width: 640px !important; }
header .header-container { border: 1px solid rgba(var(--shades02-rgb), 0.2); box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
.section-common-banner .section-common-banner-image { height: 380px; }
footer .footer-main .container { display: block; }
.footer-bar .container { padding: 30px 40px; display: block; height: auto; }
footer .footer-main { margin-bottom: 45px; }
footer .footer-main .footer-brands { width: 168px; margin-bottom: 30px; }
footer .footer-main .footer-description { max-width: 300px; font-size: 16px; }
footer .footer-main .footer-options { width: 100%; display: none; }
.footer-bar .footer-social,
  .footer-bar .footer-copyright { width: 100%; }
.footer-bar .footer-social { margin-bottom: 20px; }
.footer-bar .footer-copyright .copyright-title { margin-bottom: 20px; }
.footer-bar .footer-copyright { display: block; }
.section-common-banner .common-banner-title { font-size: 28px; max-width: 556px; }
.section-common-banner .common-banner-description { max-width: 556px; }
.hero-section { padding: 150px 0 30px; }
.hero-section .hero-title { font-size: 85px; max-width: 320px; margin-bottom: 24px; }
.hero-section .hero-description { font-size: 14px; max-width: 260px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 45px; max-width: 260px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 16px; max-width: 260px; }
.section-our-mission .our-mission-moto .mission-alloy { margin-bottom: 30px; width: 270px; }
.background-color-2 { margin-top: -145px !important; }
.section-our-mission { padding: 50px 0; }
.section-our-mission .our-mission-moto .shared-impact-title { top: 45%; }
.section-our-mission .our-mission-moto .mission-alloy,
  .section-our-mission .our-mission-moto .shared-impact-title { font-size: 24px; }
.section-strategy .stategy-banner { height: 465px; }
.section-strategy .section-stategy-service .section-gallery { margin-top: -700px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 175px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 220px; height: 140px; bottom: 25%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 95px; height: 140px; bottom: 10%; right: 15%; }
.section-strategy .section-fundraising .fundraising-title { font-size: 38px; max-width: 430px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 16px; max-width: 430px; }
.section-strategy .section-fundraising { margin-top: -220px; }
.section-strategy .service-fundraise .service-item .service-title { font-size: 26px; }
.section-success-stories .success-title { font-size: 36px; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 680px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 680px)); }
.section-strategy .service-fundraise .service-item { width: 295px; }
.section-success-stories .success-item { height: 90px; margin-bottom: 30px; }
.section-success-stories .testimonials { padding: 50px 0; }
.section-success-stories .testimonial-item .testimonial-img { width: 190px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-comment { font-size: 21px; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 240px; }
.section-make-difference .section-content,
  .section-make-difference .section-image { height: 420px; }
.section-success-stories .testimonial-item .testimonial-content .testimonial-author,
  .section-success-stories .testimonial-item .testimonial-content .testimonial-designation { font-size: 16px; }
.section-make-difference .section-content .make-difference-title { font-size: 36px; }
.section-make-difference .section-content .make-difference-description { font-size: 16px; }
.section-team .container { row-gap: 50px; column-gap: 50px; }
.section-team .team-members .team-item { width: 160px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 680px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 680px)); }
.section-team .team-title { font-size: 36px; max-width: 320px; }
.section-team .team-item .team-content { height: 130px; }
.section-team .team-item .team-content .members-name { font-size: 28px; }
.section-team .team-item .team-content { padding: 15px 30px 10px; }
.section-team { padding: 50px 0; }
.section-news { padding: 0 0 50px; }
.section-news .container { padding: 20px; }
.section-news .section-news-content { max-width: 120px; }
.section-news .section-news-content .title { font-size: 28px; margin-bottom: 15px; }
.section-news .section-news-content .news-btn { font-size: 14px; }
.section-news .section-articles .article-item .article-content { height: auto; }
.section-news .section-articles { padding-left: 10px; column-gap: 10px; }
.section-news .section-articles .article-item .article-content { padding: 10px; }
.section-news .section-articles .article-item .article-content .actions { margin-top: 30px; }
.section-news .article-item .article-content .actions{padding: 46px 0 0;}
.section-news .section-news-content .news-btn,
.section-news .section-news-content .news-btn:hover { gap: 10px; }
.section-join-force .join-force-content .join-force-title { font-size: 38px; }
.section-join-force .join-force-content .join-force-description { margin-bottom: 20px; }
.section-join-force .form-control { height: 36px; }
.section-join-force .join-force-image { height: 820px; }
.section-common-pageheader .backbtn { font-size: 21px; }
.section-common-pageheader .pageheader-title { font-size: 51px; }
.section-network .container { flex-direction: column; }
.section-network .network-items { width: 100%; margin-bottom: 50px; }
.section-network .network-items .network-content .title { font-size: 28px; max-width: 150px; }
.section-network .network-items .network-content { height: auto; }
.section-network .network-items .network-content .network-description,
.section-network .network-items .network-content .network-location { font-size: 18px; }
.section-network .network-items .network-content .network-actions .network-btn { font-size: 21px; margin-top: 15px; }
.section-default .default .default-image { max-width: 248px; height: 225px; }
.section-default .default .default-title,
.section-default .default .default-description { max-width: 300px; }
.section-default .default .default-title { font-size: 21px; }
.section-default .default .default-description { font-size: 13px; }
.team-banner { padding: 150px 0 30px; }
.team-banner .team-banner-title { font-size: 85px; max-width: 320px; }
.section-team .container { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.section-partner .partner-content { max-width: 250px; }
.section-partner .partner-content .partner-title { font-size: 38px; }
.section-team-details,
.section-qa { padding: 0 0 50px; }
.section-team-details .container { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.section-qa .qa-container { max-width: 640px; }
.section-news .section-entry-title { padding: 20px 15px; }
.section-news .section-articles.section-grid-stories { padding-left: 15px; }
.section-common-banner { padding-bottom: 0; }
.about-our-team { display: none; }
.section-fundraising-event-service .title { margin: 0 0 55px; font-size: 50px; }
.section-fundraising-event-service .eventservice-wrapper { grid-template-columns: repeat(2, minmax(0, 1fr)) }
.section-fundraising-event-service .eventservice-item { margin-bottom: 26px; }
.faq-item-wrapper { display: flex; flex-direction: column; justify-content: center; }
.section-fund-event-faq .faq-accordion { padding: 0 0 0 0; }
.section-fund-event-faq .title { margin: 0 0 20px; font-size: 50px; }
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { font-size: 28px; }
.section-casestudy-introduction .casestudy-content .casestudy-intro-description { font-size: 16px; padding-left: 35px; }
.section-fundraising-event-types .title { font-size: 50px; }
.section-fundraising-event-service .title { margin: 0 0 55px; font-size: 50px; }
.section-case-study .case-study-item { padding:30px 0 30px 78px; height: 260px; gap: 20px; }
/* .section-case-study .case-study-item:hover::after { max-width: 640px; }
.section-case-study .case-study-item:hover { padding: 40px 100px; } */
.section-case-study .case-study-item .case-study-content .case-study-category { margin-bottom: 30px; }
.section-case-study .case-study-item .case-study-content .action_btn { font-size: 18px; }
.section-case-study .case-study-item .case-study-content .case-study-category,
  .section-case-study .case-study-item .case-study-content .address-date { font-size: 14px; }
.section-grant-services .grant-description { max-width: 300px; }
.section-grant-services .grant-service-content .grant-content .title { max-width: 198px; font-size: 28px; }
.section-grant-services .grant-description p { font-size: 12px; }
.section-grant-services .heading-title { font-size: 37px; }
.section-grant-services .grant-service-content .heading h3 { font-size: 90px; }
.section-grant-services blockquote ul li { font-size: 10px; }
.section-fund-event-faq .title { max-width: 100%; }
.section-grant-source { padding: 56px 0; margin-bottom: 35px; }
.section-grant-source .title { font-size: 38px; margin-bottom: 35px; }
.section-grant-source .grant-wrapper .private-content .content-title { font-size: 21px; }
.section-grant-source .grant-wrapper .public-content .content-title { font-size: 21px; }
.section-success-stories .success-item{padding: 0 22px;}
.dropdown-toggle::after {top: 15px;}
.section-grant-source .grant-wrapper .grant-source .content-title{font-size: 21px;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title{font-size: 21px; }
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(1){transform: translateY(70px);}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(2){transform: translateY(-70px);}
.section-our-mission .our-mission-moto.active .shared-impact-title{left: 29%; top: 46%;}
.video-section.mobile_version{display: none;}
.video-section{display: block;}
 }
@media screen and (max-width: 640px) {
 .container { max-width: 480px !important; }
header .header-container { max-width: calc(100% - 30px) !important; }
.section-common-banner .common-banner-title { font-size: 28px; max-width: 325px; }
.section-common-banner .common-banner-description { max-width: 325px; font-size: 20px; }
.section-common-banner .section-common-banner-image { height: 280px; }
.hero-section .hero-title { font-size: 60px; max-width: 220px; }
.section-our-mission .container { flex-direction: column-reverse; }
.section-our-mission .our-mission-content,
  .section-our-mission .our-mission-moto { width: 100%; }
.section-our-mission .our-mission-moto .shared-impact-title { left: 0; right: 0; }
.section-our-mission .our-mission-content .our-mission-title,
  .section-our-mission .our-mission-content .our-mission-description { margin: 30px auto; }
.section-strategy .stategy-banner { height: 340px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 125px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 160px; height: 100px; bottom: 30%; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 70px; height: 100px; bottom: 17%; }
.section-strategy .section-stategy-service .section-gallery { margin-top: -675px; }
.section-strategy .section-fundraising .fundraising-title { font-size: 28px; max-width: 280px; margin-bottom: 15px; }
.section-strategy .section-fundraising { margin-top: -280px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 14px; max-width: 300px; }
.section-strategy .service-fundraise .service-item .service-title { font-size: 28px; }
.section-strategy .section-fundraising .service_bn-group { display: block; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 485px)); }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 485px)); }
.section-strategy .service-fundraise .service-item { width: 100%; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn,
  .section-strategy .section-fundraising .service_bn-group .fundraising_action_connect_btn { height: 64px; line-height: 0.8; font-size: 21px; }
.section-strategy .section-fundraising .service_bn-group .fundraising_action_service_btn { margin-bottom: 10px; }
.section-success-stories .success-title { font-size: 48px; }
.section-success-stories .success-item { height: 65px; }
.section-success-stories .success-item { padding: 0 20px; }
.section-success-stories .testimonial-item { display: block; }
.section-success-stories .testimonial-item .testimonial-img { width: 300px; aspect-ratio: 1 / 1; margin-bottom: 50px; }
.section-make-difference { flex-direction: column-reverse; }
.section-make-difference .section-content,
  .section-make-difference .section-image { width: 100%; height: 600px; }
.section-make-difference .section-content .make-difference-title { font-size: 48px; }
.section-make-difference .section-content .make-difference-description { font-size: 22px; }
.section-make-difference .section-content .make-difference-btn { height: 64px; font-size: 21px; line-height: 1.25; }
.section-team .team-members .team-item { width: 400px; }
.section-team .swiper-slide:first-child { padding-left: calc(calc(var(--veiwWidth) - 485px)); }
.section-team .swiper-slide:last-child { padding-right: calc(calc(var(--veiwWidth) - 485px)); }
.section-team .team-title { font-size: 48px; }
.section-team .view_action_btn { height: 64px; font-size: 21px; max-width: 170px; padding: 0; }
.section-team .team-item .team-content { height: 160px; }
.section-team .team-item .team-content .members-name { font-size: 40px; }
.section-team .team-item .team-content .members-designation { font-size: 20px; }
.section-news { background: transparent; padding: 100px 0 0;}
.section-news .section-news-wrapper { display: block; border-radius: 0; padding: 0; }
.section-news .container { padding: 0 32px; }
.section-news .section-news-content { max-width: 100%; margin-bottom: 30px; }
.section-news .section-articles { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.section-news .section-articles .article-item .article-content .article-title { font-size: 22px; }
.section-news .section-articles .article-item .article-content .article-description { font-size: 16px; line-height: 1.5; }
.section-news .section-articles .article-item .article-content .actions .read-more { font-size: 21px; }
.section-join-force { flex-direction: column; }
.section-join-force .join-force-image { width: 100%; height: 690px; border-radius: 0; }
.section-join-force .join-force-content { width: 100%; }
.section-join-force .join-force-content { max-width: 480px; padding: 80px 0; }
.section-join-force .join-force-content .join-force-title { font-size: 48px; max-width: 240px; }
.section-join-force .form-control { height: 77px; font-size: 21px; }
.section-join-force .fieldset { row-gap: 15px; column-gap: 15px; }
.section-join-force .radio-title,
  .section-join-force .checkbox-title,
  .custom-checkbox>[type="checkbox"]:not(:checked)+label,
  .custom-checkbox>[type="checkbox"]:checked+label,
  .radio-custom+.radio-custom-label { font-size: 21px; margin-bottom: 20px; }
.custom-checkbox>[type="checkbox"]:not(:checked)+label:before,
  .custom-checkbox>[type="checkbox"]:checked+label:before { top: 4px; }
.section-join-force .form-group textarea { height: 200px; font-size: 21px; padding: 20px; }
.section-join-force .btn-action { height: 64px; font-size: 21px; }
.section-common-pageheader .pageheader-title { font-size: 64px; }
.section-common-pageheader .pageheader-content { padding: 150px 0 40px; }
.section-network .network-items .network-content .title { font-size: 40px; max-width: 220px; }
.section-network .network-items .network-image { height: 270px; }
.section-network .network-items .network-content .network-description,
  .section-network .network-items .network-content .network-location { font-size: 20px; }
.section-default .default { flex-direction: column; }
.section-default .default .default-image { max-width: 100%; height: 650px; border-radius: 0; }
.section-default .default .default-title,
  .section-default .default .default-description { max-width: 100%; }
.section-default .default .default-title { font-size: 28px; margin-bottom: 30px; }
.section-default .default .default-description { font-size: 20px; }
.section-join-force { padding: 0; }
.team-banner .team-banner-title { font-size: 60px; max-width: 220px; }
.section-team .container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.section-partner { padding: 50px 0 0; }
.section-partner .partner-content { max-width: 190px; }
.section-partner .container { display: block; }
.section-partner .partner-content { max-width: 100%; margin-bottom: 80px; }
.section-partner .partner-content .partner-title { font-size: 48px; margin-bottom: 30px; }
.section-partner .partner-content .partnet-description { font-size: 20px; }
.section-partner .partner-content .partner_btn { height: 64px; font-size: 21px; width: 100%; }
.section-partner .partner-image { width: 100%; }
.section-team-details .team-detail-image { width: calc(100% + 77px); margin: 0 -45px; border-radius: 0; }
.section-team-details .team-detail-content .designation { font-size: 20px; }
.section-team-details .team-detail-content .location { font-size: 16px; }
.section-team-details .section-support .support-title,
  .section-team-details .section-education .education-title { font-size: 22px; }
.section-team-details .section-support ul li,
  .section-team-details .section-education ul li { font-size: 16px; }
.section-qa .qa-container { max-width: 480px; padding: 0 32px; }
.section-qa .qa-title { font-size: 40px; }
.section-qa .qa-wrapper .qa-items .question { font-size: 22px; }
.section-qa .qa-wrapper .qa-items .answer { font-size: 20px; }
.section-casestudy-introduction .intro-content { flex-direction: column; }
.section-casestudy-introduction .casestudy-content .casestudy-intro-description { padding-left: 0; }
.section-case-study .case-study-item { padding-left: 0; height: 100%; max-width: 480px; padding: 0 16px; gap: 40px; }
.section-case-study .case-study-item .case-study-content .case-study-title { font-size: 38px; }
.section-case-study .case-study-item:hover::after { display: none; }
.section-case-study .case-study-item:hover { padding: 40px 100px; }
.section-case-study .case-study-item { padding: 0; height: 100%; max-width: 480px; flex-direction: column-reverse; margin: 0 auto 50px; }
.section-case-study .case-study-item .case-study-content .case-study-category { margin-bottom: 30px; }
.section-case-study .case-study-item .case-study-content .action_btn { font-size: 18px; }
.section-case-study .case-study-item .case-study-image { max-width: 100%; border-radius: 20px; }
.section-case-study .case-study-item .case-study-content .case-study-category,
  .section-case-study .case-study-item .case-study-content .address-date { font-size: 14px; opacity: 1;}
.section-case-study .case-study-item:hover { padding: 0; }
.contact-information .contact-content { padding: 50px 30px; }
.contact-information .contact-content .title { font-size: 28px; }
.contact-information .contact-content .contact-info .contact-info-item { display: block; }
.contact-information .contact-info-item .info-item-label { font-size: 13px; line-height: 1.5; }
.contact-information .contact-info-item .info-item-labelname { font-size: 16px; line-height: 1.5; }
.section-news .section-articles.section-grid{grid-template-columns: repeat(1, minmax(0, 1fr))}
.section-fundraising.responsive-padding .container{padding: 0;}
.section-fundraising .fundraising-event-content .fundraising-event-title h3{max-width: 300px;}
 }
@media screen and (max-width: 480px) {
 .container { padding-left: 32px; padding-right: 32px; }
.section-common-banner .section-common-banner-image { height: 620px; }
.hero-section { padding: 0; height: 100vh; padding-bottom: 10%; }
.hero-section .hero-title { font-size: 98px; max-width: 320px; margin-bottom: 60px; }
.hero-section .hero-description { font-size: 20px; max-width: 340px; }
.section-our-mission .our-mission-moto .mission-alloy { width: 330px; font-size: 32px; }
.section-our-mission .our-mission-moto .shared-impact-title { font-size: 32px; }
.section-our-mission .our-mission-content .our-mission-title { font-size: 48px; }
.section-our-mission .our-mission-content .our-mission-title,
  .section-our-mission .our-mission-content .our-mission-description { margin: 20px 0; }
.section-our-mission .our-mission-content { margin-top: 50px; }
.section-our-mission .our-mission-content .our-mission-description { font-size: 21px; max-width: 310px; }
.section-strategy .stategy-banner { height: 800px; }
.section-strategy .service-fundraise .service-item { width: 100%; }
.section-strategy .section-fundraising .swiper-slide:first-child { padding-left: 32px; }
.section-strategy .section-fundraising .swiper-slide:last-child { padding-right: 32px; }
.section-strategy .section-stategy-service .section-gallery { margin-top: -660px; }
.section-strategy .section-fundraising .fundraising-title { font-size: 60px; margin-bottom: 30px; }
.section-strategy .section-fundraising .fundraising-description { font-size: 28px; }
.section-strategy .section-fundraising { margin-top: 0; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-one { width: 308px; margin-left: -50px; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-two { width: 320px; height: 254px; bottom: -10%; right: 0; }
.section-strategy .section-stategy-service .section-gallery .gallery-item-three { width: 168px; height: 252px; bottom: -35%; right: 2%; }
.section-strategy .section-fundraising { margin-top: 350px; }
.section-strategy .service-fundraise .service-item { padding: 80px 40px; }
.section-success-stories .success-item { height: 160px; flex: 0 0 100vw; }
.section-success-stories .success-slider { margin-bottom: 50px; }
.section-success-stories .testimonial-item .testimonial-content { max-width: 310px; }
.section-team .team-title { color: var(--shades02); margin-bottom: 50px; }
.section-team { padding: 100px 0; }
.section-team .team-members .team-item { width: 100%; }
/* .section-team .swiper-slide:first-child { padding-left: 32px; }
.section-team .swiper-slide:last-child { padding-right: 32px; }
*/
  .section-news .section-articles.section-grid-stories { padding: 0 0 0 32px !important; }
.section-news { padding: 0 0 80px; }
.section-news .section-articles { row-gap: 40px; column-gap: 0; }
.section-news .section-articles .article-item { border-radius: 0; display: flex; flex-direction: row-reverse; align-items: center; gap: 30px; }
.section-news .container { padding: 0 0 0 32px; }
.section-news .section-articles .article-item .article-image .image-item { border-radius: 0; aspect-ratio: 1 / 3; width: 100px; }
.section-news .section-news-content .title { color: var(--shades02); font-family: "Literata", serif; margin: 100px 0 30px; }
.section-news .section-articles .article-item .article-content { padding: 0; }
.section-news .section-news-content .news-btn { font-size: 21px; }
.section-join-force .join-force-content { max-width: 360px; }
.footer-bar { padding: 40px; }
.section-make-difference .section-content { padding-left: 4%; }
.section-make-difference .section-content .make-difference-description { max-width: 250px; }
.section-success-stories .testimonials .swiper-pagination-bullet { width: 8px; height: 8px; }
.section-success-stories .testimonials .swiper-pagination-bullet { margin: 0 5px !important; }
.section-common-pageheader .pageheader-content { padding: 181px 0 22px; }
.section-common-pageheader .pageheader-title { font-size: 64px; max-width: 300px; }
.section-network .network-items .network-content .title { margin-bottom: 20px; }
.section-network .network-items .network-content .network-actions { margin-top: 30px; }
.section-default .default .default-image { max-width: calc(100% + 64px); height: 650px; border-radius: 0; margin: 0 -32px; width: calc(100% + 64px); }
.team-banner { padding: 0; height: 100vh; padding-bottom: 10%; }
.team-banner .team-banner-title { font-size: 98px; max-width: 260px; }
.section-team { padding: 70px 0; }
.section-team .container { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.section-partner { padding: 150px 0 0; }
.section-blog-details .blog-details-image { height: 680px; }
.section-news .section-entry-title { padding: 20px 0 32px; font-size: 28px; }
.section-news .section-articles.section-grid-stories { grid-template-columns: repeat(1, minmax(0, 1fr)); padding: 0 32px; }
.blog-details-content .blog-details-title { font-size: 48px; max-width: 100%; }
.blog-details-content .blog-content,
  .content-wrapper .container { max-width: 100% !important; }
.blog-details-content .blog-content .blog-content-item .blog-content-item-label { font-size: 16px; color: var(--shades02); }
.blog-details-content .blog-content .blog-content-item .blog-content-item-name { font-size: 16px; }
.content-wrapper h2 { font-size: 28px; }
.content-wrapper p { font-size: 20px; }
.content-wrapper ul li{font-size: 20px;}
.content-wrapper ol li{font-size: 20px;}
.content-wrapper blockquote { font-size: 20px; padding: 35px; }
.blog-details-content .blog-content .blog-content-item { display: block; padding: 5px 0; display: flex; padding: 11px 0;}
.section-fundraising-banner { aspect-ratio: 1 / 1.75; }
.section-fundraising-banner img { height: 100%; }
.section-fundraising-event-types { background: var(--highlight03); padding: 100px 0; }
.section-fundraising-event-types .container { padding-right: 0; }
.section-fundraising-event-types .title { padding-left: 20px; margin-bottom: 48px; font-size: 40px; line-height: 1; width: 50%; }
.section-fundraising-event-types .title span { color: var(--secondary); }
.section-fundraising-event-service .title { margin: 0 0 48px; padding-right: 10px; }
.section-fundraising-event-service .container { padding-right: 0; }
.section-fund-event-faq { padding: 108px 0; }
.section-fund-event-faq .container { padding: 0; }
.section-fund-event-faq .title { margin: 0 0 64px; padding: 0 32px; font-size: 48px; max-width: 297px; }
.section-fund-event-faq .faq-accordion .accordion-item { border-radius: 0; border: none; margin: 0 0 0; }
.section-fund-event-faq .faq-accordion .accordion-header button { font-size: 20px; line-height: 1.4; padding: 32px; max-width: 413px; }
.section-fund-event-faq .faq-accordion .accordion-body p { font-size: 20px; line-height: 1.4; }
.section-fund-event-faq .faq-accordion .accordion-body { padding: 24px 32px; }
.accordion-button:not(.collapsed)::after { font-size: 1.5rem; }
.section-fundraising .fundraising-event-wrapper { flex-direction: column-reverse; margin-bottom: 0; gap: 0; }
.section-fundraising .fundraising-event-image { width: 100%; border-radius: 0; aspect-ratio: 1 / 1.2; height: auto; }
.section-fundraising .fundraising-event-content { max-width: 100%; padding: 56px 32px 64px; }
.section-fundraising .fundraising-event-content .fundraising-event-title h3 { font-size: 48px; line-height: 1; width: 97%; margin-bottom: 16px; }
.section-fundraising { padding: 100px 0 0; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { margin-bottom: 35px; font-size: 21px; }
.section-casestudy-introduction .casestudy-content .casestudy-introtitle { font-size: 40px; }
.section-casestudy-introduction .casestudy-content .casestudy-intro-description { font-size: 20px; }
.section-case-study { padding-left: 32px; padding-right: 32px; }
.section-case-study.section-casestudy-othercases .container { padding: 0; }
.section-case-study .case-study-item { background: var(--highlight03); border-radius: 30px; gap: 0; }
.section-case-study .case-study-item .case-study-image { max-width: 100%; border-radius: 20px; aspect-ratio: 1 / 1; }
.section-case-study .case-study-item .case-study-content { padding: 20px; }
.section-case-study .case-study-item .case-study-content .case-study-title { font-size: 28px; max-width: 250px; }
.section-case-study .casestudyheading { font-size: 28px; }
.section-grant-services { padding: 200px 0; }
.section-grant-services .heading-title { font-size: 48px; }
.section-grant-source { background: var(--highlight03); padding: 100px 0; }
.section-grant-source .title { font-size: 40px; line-height: 1; max-width: 168px; }
.section-grant-source .title span { color: var(--secondary); }
.section-grant-source .grant-wrapper .private-content .content-title,
.section-grant-source .grant-wrapper .public-content .content-title { font-size: 28px; line-height: 1; }
.section-grant-source .private-source-title h5 { font-size: 20px; font-weight: 400; }
.section-grant-source .private-source-img { aspect-ratio: 2/3; }
.section-grant-services .heading-title { max-width: 282px; margin-bottom: 48px; }
.section-grant-services .grant-service-content .heading h3 { font-size: 98px; }
.section-grant-services .grant-service-content .heading { padding: 24px 0; }
.section-grant-services .grant-service-content .grant-content { flex-direction: column; }
.section-grant-services .grant-service-content .grant-content .title { font-size: 40px; margin-bottom: 32px; max-width: 100%; }
.section-grant-services .grant-description p { font-size: 20px; line-height: 1.4; }
.section-grant-services .grant-description { max-width: 100%; }
.section-grant-services blockquote { padding: 32px 24px; margin: 0 0 24px; }
.section-grant-services blockquote ul li { font-size: 16px; line-height: 1.5; padding: 16px 0; }
.section-grant-services blockquote h4 { font-size: 20px; }
.section-grant-source .grant-wrapper { display: flex; margin: 0 -8px; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; gap: 30px; -webkit-overflow-scrolling: touch; white-space: nowrap; gap: 30px; scrollbar-width: none; -ms-overflow-style: none; }
.section-grant-source .slide-wrap { width: 170px; }
.section-grant-source .private-source-img { aspect-ratio: 17 / 25; width: 170px; }
.section-grant-source .grant-wrapper .public-content,
  .section-grant-source .grant-wrapper .private-content { max-width: 100% }
.section-fundraising-event-types .eventtypes-item-list .content-title h4 { font-size: 20px; }
.section-team .team-item .team-content .members-designation { max-width: 200px; }

.section-team .team-item .team-content .members-designation{max-width: 200px;}
.search-filterset{gap: 23px;}
.mobile-responsive .card.card-body .form-group{gap: 22px;}
.mobile-responsive button{font-size: 18px; right: 0;}
.selectarea .btn.btn-primary{padding: 0;}
.section-blog-searchfilter{padding: 32px 0 32px;}
.search-filterset .searchbar .form-group input{padding: 8px 24px; height: 64px;}
.search-filterset .searchbar .form-group .fa-search{font-size: 18px;}
.section-blog-searchfilter .filter-result ul{flex-wrap: wrap; gap: 8px;}
.mobile-responsive .dropdown-toggle::after{position: relative; left: 0; top: 1px;}
.swiper.desktop-slider {display: none ;}
.section-news .section-articles.mobile-posts {display: grid;}
.section-news .section-articles .article-item .article-content .actions {margin-top: 0; padding: 32px 0 24px;}
.section-partner .partner-content .partner-title{max-width: 300px;}
.section-grant-source .grant-source .grant-sub-source-image{aspect-ratio: 17 / 25; width: 170px;}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-image{aspect-ratio: 17 / 25; width: 170px;}
.section-grant-source .grant-wrapper .grant-source .content-title{font-size: 28px;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title{font-size: 28px; }
.section-grant-source .grant-source .grant-sub-source-label h5{font-size: 20px; font-weight: 400;}
.section-grant-source .grant-source:nth-child(2) .grant-sub-source-label h5{font-size: 20px; font-weight: 400;}
.section-grant-source .grant-wrapper .grant-source{min-width: 331px;}
.section-grant-source .grant-wrapper .grant-source .content-title span{position: sticky; left: 0;}
.section-grant-source .grant-wrapper .grant-source:nth-child(2) .content-title span{position: sticky; left: 0;}
header .navigation .submenu-dropdown{max-height: 2000px !important; overflow: visible; opacity: 1; height: 174px; width: 96%; z-index: 5;}
header .navigation .submenu-dropdown.show{display:none;}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(1){transform: translateY(66px);}
.section-our-mission .our-mission-moto.active .mission-alloy:nth-child(2){transform: translateY(-66px);}
.section-our-mission .our-mission-moto.active .shared-impact-title{left: 5%;}
header .navigation .submenu-dropdown .innerpadding{width: calc(100% + 77px);}
.video-section.mobile_version{display: block;}
.video-section{display: none;}
}
@media screen and (max-width: 375px) {
 .section-our-mission .our-mission-moto .mission-alloy { width: 275px; font-size: 32px; }
.section-our-mission .our-mission-moto .shared-impact-title { font-size: 32px; }
.section-strategy .service-fundraise .service-item { width: 290px; }
.section-join-force .join-force-content { max-width: 320px; }
footer .footer-main .container { max-width: 340px !important; }
.section-fundraising .fundraising-event-content .fundraising-event-description p { font-size: 20px; }
.section-fund-event-faq .faq-accordion .accordion-header button { font-size: 20px; line-height: 1.4; padding: 32px; max-width: 348px; }
header .navigation .submenu-dropdown{width: 96%;}
header .navigation .submenu-dropdown .innerpadding{width: calc(100% + 75px);}
}