:root{
--orange:#ff5a00;
--white:#ffffff;
--darkbrown:#744c06;
--transition:all ease 0.2s;

  --transitionfaq: 0.22s ease-out;

}

*{
    margin: 0px;
    padding:0px;
    box-sizing: border-box;
}
.customcont {
    width: 100%;
    max-width: 1400px;
    margin: 0px auto;
    padding: 0px 15px;
}
.pt-60{
    padding-top:clamp(30px, 4vw, 60px);
} 
.pb-60{
    padding-bottom:clamp(30px, 4vw, 60px);
} 
.pt-0{
    padding-top: 0px !important;
}
.pb-0{
    padding-bottom: 0px !important;
}
.w-100{
    width:100%;
}
.w-50 {
    width: 100%;
    max-width: 50%;
}



p.pera {
        font-size:16px;
      line-height: 1.4;
    font-weight: 400;
}




.text-white{
color: var(--white);
}
.bordernone{
border:none !important;
}
/* 

.d-none{
display: none;
} */


/* header start */
.thadright {
    display: flex;
    gap: 10px;
}
.thadright img {
    width: 100%;
    max-width: 18px;
    filter: invert(1);
}
.topheadersub {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}
.topheader {
    background-color: var(--orange);
    padding: 10px 0px;
}
.thadleft p {
    display: flex;
    gap: 4px;
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    align-items: anchor-center;
}
.thadleft p a{
    text-decoration: none;
    color: var(--white);
}
.thadleft {
    display: flex;
    gap: 30px;
}
.thadleft span{
    line-height: 0;
}
.thadleft img {
    width: 100%;
    max-width: 18px;
    filter: invert(1);
}

#goTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    font-size: 22px;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    background:var(--orange);
    color: var(--white);
    display: none;       /* Hidden by default */
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    opacity: 0;
    z-index: 999;
}

#goTopBtn.show {
    display: flex;
    opacity: 1;
}



.mainheader {
    background: #fff;
    padding: 15px 0px;
    transition: var(--transition);
        box-shadow: 10px 1px 15px rgba(0, 0, 0, 0.2);
}
/* .scrolled .mainheader {
    padding: 12px 0px;
} */
/* .scroll-down .topheader {
    display: none;
} */

.sitelogoh {
    width: 100%;
    max-width: 250px;
    transition: var(--transition);
}
/* .scrolled .sitelogoh {
    width: 100%;
    max-width: 200px;
} */
.mainheadbox {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
}

.loginbtn a{

        padding: 14px 20px;
    background: var(--orange);
    width: fit-content;
    color: var(--white);
    text-decoration: none;
    border-radius:8px;
    font-size:16px;
    transition: var(--transition);
    border: 1px solid var(--orange);
}

/* .scrolled .loginbtn a{
      padding: 12px 20px;
} */
.loginbtn a:hover{
        background: transparent;
    color: var(--orange);
}
.menu ul {
    display: flex;
    list-style: none;
    gap: 40px;
}
.menu ul a {
    color: var(--black);
    font-size: 16px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    font-weight: 400;
    line-height: 1.4;
    transition: var(--transition);
}
.menu ul a:hover, .menu ul a.active{
    color: var(--orange);
    border-color: var(--orange);
}

    /* Hamburger */
    .hamburger{background:var(--orange);border:0;cursor:pointer;
        display: none;
        border-radius: 6px;
            padding: 12px 14px;

    }
    .hamburger .lines{width:28px;height:18px;position:relative}
    .hamburger .lines span{
      position:absolute;left:0;right:0;height:3px;border-radius:99px;background:white;
      transition:var(--transition);
    }
    .hamburger span:nth-child(1){top:0}
    .hamburger span:nth-child(2){top:7px}
    .hamburger span:nth-child(3){bottom:0}

    .hamburger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0}
    .hamburger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.menu .sitelogoh{
    display: none;
}
.menu .loginbtn {
    display: none;
}



/* heroslider  */
.splide__slide img {
    width: 100%;
    height: 650px;
    object-fit: cover;
    object-position: top;
}
.splide__track{
        height:650px;
    overflow: hidden;
}
.slidertextbox {
position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    /* max-width: 900px; */
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding:15px;

}
.slidertxte h1 {
    color: var(--white);
    font-weight: 400;
    font-size: clamp(22px, 3vw, 40px);
}
.slidertxte {
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
        width: 100%;
    max-width: 80%;
}
.splide__slide:before {
    content: "";
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    left: 0px;
}
.splide__pagination__page.is-active {
    transform: scale(1.4);
    background:var(--orange);
}
.sliderimg {
    width: 100%;
    max-width: 300px;
}
.sliderimg img {
    width: 100%;
    height: fit-content;
}
.oubox {
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 400px;
    background: #cccccc1f;
    padding: clamp(15px,2vw,30px);
    text-align: center;
    border-radius: 10px;
}
.ourteamtwo,.ourteamthree {
    display: flex;
    justify-content: center;
    gap: clamp(20px, 2vw, 30px);
}

.ourboximg img {
    /* border-radius: 69%; */
    /* overflow: hidden; */
    /* height: 100%; */
    /* width: 100%; */
    border-radius: 69%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    width: 180px;
    object-fit: cover;
    object-position: top;
}
.ourteamtwo{
    padding-bottom:clamp(20px, 2vw, 30px);
}
.ourboxtxt h3 {
    line-height: 1.3;
    font-size: clamp(18px, 2vw, 20px);
    color: var(--darkbrown);
}

.scroll-up header{
        position: sticky;
    top: 0px;
    z-index: 99;
}
/* heroslider  */




img.lanicon {
    width: 30px;
}
select.lanselact {
    border: none;
        font-size: 16px;
}
.lanseclat {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--orange);
    border-radius: 10px;
}
.loginbtn {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
}

/* faq */





.faq-container {
  max-width: 960px;
  margin: 0 auto;
}

/* Title */
.faq-title {
  margin: 0 0 32px;
  text-align: center;
  font-size: clamp(26px, 3vw, 32px);
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--text-main);
}

/* List layout */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Card */
.faq-item {
  background:#f6f6f6;
  border-radius:10px;
  border: 1px solid transparent;
  transition: border-color var(--transitionfaq), background-color var(--transitionfaq);
}

/* Optional slight border when open for clarity */
.faq-item.is-open {
  border-color: var(--darkbrown);
}

/* Header (clickable area) */
.faq-header {
    padding: 20px;
    border: none;
    outline: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: var(--black);
    text-align: left;
        width: 100%;
}

.faq-header:hover {
  background: rgba(0, 0, 0, 0.02);
}

.faq-header:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}

.faq-question {
  flex: 1;
}

/* Icon base */
.faq-icon {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

/* Horizontal line */
.faq-icon::before,
.faq-icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 2px;
  background: var(--darkbrown);
  border-radius: 999px;
  transition: transform 0.25s ease, opacity 0.25s ease;
  transform-origin: center;
}

/* Horizontal line (before) */
.faq-icon::before {
  transform: translate(-50%, -50%);
}

/* Vertical line (after) */
.faq-icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* WHEN OPEN → X ICON */
.faq-item.is-open .faq-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.faq-item.is-open .faq-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Body */
.faq-body {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height var(--transitionfaq), padding-bottom var(--transitionfaq),
    padding-top var(--transitionfaq);
  will-change: max-height;
  color: var(--text-main);
}

.faq-item.is-open .faq-body {
  padding-top: 20px;
  padding-bottom: 20px;
  max-height:300px !important;
}

/* Text inside body */
.faq-body p {
     font-size: 16px;
    line-height: 1.8;
    color: var(--black);
}

/* Responsive */





/* Donating sec */
.donatbox {
    display: flex;
    gap: 50px;
}
.donatemainbox{
    background-color:#cccccc1f;
}
.donboxtext h3 {
    font-size: clamp(22px, 2vw, 30px);
    font-weight: 500;
    line-height: 1.3;
    color: var(--darkbrown);
}
.donboxtext {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.donboxtext p{
font-size:16px;
    line-height: 1.8;
    color: #000;
}
.donatbtn {
    padding: 14px 20px;
    background: var(--orange);
    width: fit-content;
    color: var(--white);
    text-decoration: none;
    border-radius:8px;
font-size: clamp(14px, 2vw, 16px);
    transition: var(--transition);
    border:1px solid var(--orange);
}
.donatbtn:hover{
    background:transparent;
    color: var(--orange);
}
/* Donating sec */
.sansec {
    display: flex;
    justify-content: center;
    gap:clamp(20px,3vw,50px);
}
.sanheading {
    width: 100%;
    min-width: fit-content;
}
.sanheading h3 {
    text-align: end;
    line-height: 1.3;
    font-size: clamp(22px, 2vw, 30px);
    color: var(--darkbrown);
}
.sanheading h3 span{
    color: var(--orange);
}
.santetx p{
        font-size: 16px;
    line-height: 1.8;
    color:var(--black);
}
.bg-gray{
    background-color:#cccccc1f;
}
.twoboxitems {
    display: flex;
    gap: 40px;
    align-items: center;
}
.twoboxtext {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.twoboxtext p{
          font-size: 16px;
    line-height: 1.8;
    color:var(--black);
}

.twoboxtexthead h2{
       line-height: 1.3;
    font-size: clamp(22px, 2vw, 30px);
    color: var(--darkbrown);
    margin-bottom: 30px;
}
.headingbox {
    width: 100%;
    max-width: 80%;
    text-align: center;
    padding-bottom: 50px;
    margin: 0px auto;
}
.headingbox h4 {
    font-size: clamp(18px,2vw,26px);
    font-weight: 400;
    color: var(--orange);
}
.heading-separator{
        display: inline-block;
    width: 2px;
    height: 16px;
    background:var(--orange);
    margin-top: 8px;
}
.headingbox h2 {
    line-height: 1.3;
    font-size: clamp(22px, 2vw, 30px);
    color: var(--darkbrown);
}
.privmain {
    display: flex;
    gap: 20px;
    justify-content: center;
        flex-wrap: wrap;
}
.privvbox {
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: var(--white);
  align-items: center;
    padding: 30px;
    width: 20%;
}
.privvbox h3 {
    font-size: clamp(18px, 2vw, 24px);
    color: var(--orange);
}
.privvbox h5 {
    line-height: 1.3;
    font-size: clamp(15px, 2vw, 20px);
    color: var(--darkbrown);
    font-weight: 600;
        text-align: center;
}
.headingbox p {
    font-size: clamp(16px,2vw,20px);
    line-height: 1.8;
    color: var(--black);
    padding-top: 20px;
}
.privvbox img {
    width: 100%;
    max-width: 50px;
    filter: contrast(0.2);
}
.aimsbox .twoboxt{
    padding:50px;
        min-height: 100%;

}
.twoboxitems.aimsbox {
    align-items: normal;
        gap: 2%;
}
.aimsbox h2 {
    line-height: 1.3;
    font-size: clamp(22px, 2vw, 30px);
    color: var(--darkbrown);
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
}


.twoboxtext ul li {
    font-size: clamp(16px, 2vw, 18px);
    line-height: 1.8;
    color: var(--black);
    padding-bottom: 12px;
    position: relative;
}
.twoboxtext ul{
    list-style: none;
}


.privicy .twoboxtext ul {
    padding-left: 40px;
}
.twoboxtext ul li:before{
content: "";
    height: 10px;
    width: 10px;
    background: #ff5a00;
    position: absolute;
    top: 12px;
    left: -24px;
    border-radius: 50%;

}
.comn-btn{
        padding: 14px 20px;
    background: var(--orange);
    width: fit-content;
    color: var(--white);
    text-decoration: none;
    border-radius:8px;
    font-size: clamp(14px, 2vw, 16px);
    transition: var(--transition);
    border: 1px solid var(--orange);
}
.comn-btn:hover{
        background: transparent;
    color: var(--orange);
}
.imgmore {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}


/* image pop up  */
.popup {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}
.popup img{ 
    width: 100%;
}

.testimony-text {
    text-align: center;
}


#textimonial .splide__slide:before{
    display: none;
}
.testimony-text h3 {
    font-size:clamp(16px,2vw,20px);
    text-align: center;
    line-height: 1.6;
    font-weight: 400;
    color: var(--black);
        margin-bottom: 30px;
}


.testimony-text h4 {
    font-size: clamp(15px,2vw,16px);
    color: var(--orange);
    font-weight: 500;
}
.testimony-text p {
    font-size: 14px;
    color: #6c6c6c;
}
#textimonial .splide__track {
    height: 230px;
}
/*End style*/


/* image pop up  */








/* footer start */
.footer-main {
    background-color: var(--darkbrown);
}
.f-menus {
    display: flex;
    gap: 50px;
  justify-content: space-between;
}
.f-img-box {
    max-width: 30%;
}
.f-menubox {
  max-width: fit-content;
  width: 100%;
}
.fimg img {
    width: 100%;
    max-width: 220px;
    background: var(--white);
    padding: 20px;
}

.fcontactus {
        max-width: 30%;
}
.fheading {
 font-size:20px;
    color: var(--white);
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 24px;
}
.f-menubox ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.f-menubox ul a {
    color: var(--white);
      font-size:16px;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    font-weight: 400;
        line-height: 1.4;
        transition:var(--transition) ;
}
.fconbox {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.fconbox p {
    display: flex;
    gap:4px;
    color: var(--white);
       font-size:16px;
    font-weight: 400;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--white);
    padding-top: 20px;
        line-height: 1.4;
}

.fconbox p a{
        color: var(--white);
    font-size:16px;
    font-weight: 400;
    transition: all ease 0.3s;
    text-decoration: none;
}


.fimg {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-bottom {
    background-color: var(--orange);
    padding: 10px 0px;
}
.f-copyright {
    text-align: center;
    color: var(--white);
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.5;
}
.fconbox p a:hover {
    color: var(--orange);
}
.f-menubox ul a:hover{
      color: var(--orange);
      border-color: var(--orange);
}
.f-menubox ul a.active{
      border-color: var(--orange);
}
.f-social {
    display: flex;
    gap: 10px;
    padding-top: 16px;
}
.f-social img{
    width: 100%;
    max-width: 40px;
}
.f-social img {
    width: 100%;
    max-width:14px;
    filter: invert(1);
}
.f-social a {
    background: var(--orange);
    line-height: 0;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid var(--orange);
    transition: var(--transition);
}
.f-social a:hover{
    background: transparent;
}
/* footer end */

/* herosection stat */

.herosection .splide__slide{
    width: 100%;
}

.twoboxtexthead.abouttexbox h2 {
    line-height: 1.3;
    font-size: clamp(24px, 3vw, 40px);
    color: var(--darkbrown);
    margin-bottom: 30px;
    text-align: center;
}
span.text-danger {
    font-size: 13px;
    color: red;
}
.abtheadingbox h3 {
    line-height: 1.3;
    font-size: clamp(18px, 2vw, 26px);
    color: var(--black);
    font-weight: 400;
    width: 100%;
    max-width: 80%;
    margin: 0px auto;
    text-align: center;
    margin-bottom: 20px;
}
.abtheadingbox h3 span{
    color: var(--darkbrown);
}
.abtheadingbox p{
font-size: clamp(16px, 2vw, 18px);
    line-height: 1.8;
    color: var(--black);
    text-align: center;
}

.donate .donatemainbox{
    display: none;
}


/* donate form start */

.dform form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.form-group label {
    font-size: 16px;
    color: var(--black);
}
.form-group input {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #7b6f6f;
    font-size: 16px;
}
.form-group textarea {
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #7b6f6f;
    font-size: 16px;
}
.donlogo {
    width: 100%;
    max-width: 300px;
    margin: 0px auto;
    padding-bottom: 50px;
}
.donatesecf {
    padding: 50px;
    box-shadow: 6px 0px 30px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
}
button.donatebtn {
    padding: 14px 20px;
    background: var(--orange);
    width: fit-content;
    color: var(--white);
    text-decoration: none;
    border-radius: 8px;
    font-size: 16px;
    transition: var(--transition);
    border: 1px solid var(--orange);
    margin: 0px auto;
    margin-top: 30px;
}
button.donatebtn:hover{
        background: transparent;
    color: var(--orange);
}
.addimg {
    width: 100%;
    max-width: 40px;
    padding: 7px;
    background:var(--orange);
    line-height: 1;
    border-radius: 6px;
}

.addimg img{
        filter: invert(1);
}
.addbox {
    display: flex;
    gap: 10px;
    justify-content: start;
    align-items: center;
}
.addressbox {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
}
.addtext p,.addtext a{
    font-size: 16px;
    line-height: 1.8;
    color: var(--black);
    text-decoration: none;
}

.donactinsectionhide .donatemainbox{
    display: none;
} 

.herosection.prvsec .splide__track,.herosection.prvsec .splide__slide img {
    height: 350px !important;
}
.herosection.prvsec .sliderimg img{
    height: unset !important;  
}



/* media start */


@media(max-width:1024px){
.donatesecf {
    padding: 30px;}
.privvbox {
    width: 23%;
}


    .f-menus {
    flex-wrap: wrap;
}
.f-img-box {
    max-width: 40%;
}
.fcontactus {
    max-width: 50%;
}

.loginbtn a {
    padding: 12px 18px;
}
.headingbox{
    width: 100%;
    max-width: 100%;
}

.splide__track {
    height: 500px;
    overflow: hidden;
}
.splide__slide img {
    width: 100%;
    height: 500px;}
    .sliderimg {
    width: 100%;
    max-width: 290px !important;
}
    .sliderimg img{
        width: 100%;
        height: fit-content;
    }

}

@media(max-width:991px){

.aimsbox .twoboxt {
    padding: 30px 50px;}


.sansec {
    display: flex;
    justify-content: center;
    gap: clamp(20px, 3vw, 50px);
    flex-direction: column;
}
.sanheading h3 {
    text-align: center;}
.sanheading h3 br{
    display: none;
}




    .slidertxte h1 br{
        display: none;
    }
        .hamburger{
        display: block;
                z-index: 2;
    }
    .menu ul {
    padding-top: 40px;
    text-align: center;
}
nav.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 20px;
    width: 300px;
    background:var(--darkbrown);
    height: 100%;
        transform: translate3d(-120%, 0px, 0px);
        transition:all ease 0.3s;
}
.menu .sitelogoh {
    width: 100%;
    max-width: 250px;
    background: #fff;
    padding: 20px;
    display: block;
}
.showmenu nav.menu {
transform: translate3d(0%, 0px, 0px);
        z-index: 9;
}
nav.menu {
        z-index: 9;
    }
body.showmenu {
    overflow: hidden;
}
/* .showmenu nav.menu:before {
    content: "";
    background: red;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
} */

body.showmenu:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}







.menu ul {
    gap: 20px;
    flex-direction: column;
}
.menu ul a {
    color: var(--white);}
    .mainheadbox {
    justify-content: space-between;
    width: 100%;
    padding-right: 16px;
}
.mobitem{
        display: flex;
    justify-content: space-between;
}
    .comn-btn {
    padding: 12px 18px;}
}

@media(max-width:767px){
button.donatebtn {
    padding: 12px 18px;
    margin-top: 20px;
}
.dform form {
    gap: 10px;
}
.donlogo {
    width: 100%;
    max-width: 200px;}
    .donatesecf {
        padding: 30px 20px;
    }




    .donate .twoboxt {
        order: 0;
        margin-bottom: 30px;
    }
.headingbox {
    padding-bottom: 30px;}

    .privvbox {
        width: calc(50% - 15px);
                padding: 20px;
    }
    .privvbox img {
    width: 100%;
    max-width: 40px;}
.twoboxt {
    order: 1;
}

.twoboxtext {
    gap: 10px;
}

.splide__track {
    height: 450px;
    overflow: hidden;
}
.splide__slide img {
    width: 100%;
    height: 450px;}
    .sliderimg {
    width: 100%;
    max-width: 200px !important;
}
.slidertextbox {
    gap: 20px;
}
    .sliderimg img{
        width: 100%;
        height: fit-content;
    }


        nav.menu {
        width:300px;
            display: flex;
        flex-direction: column;
    }
            .menu .sitelogoh {
        width: 100%;
        max-width:100%;}

.menu .loginbtn {
        margin-top: auto;
        display: flex;
        justify-content: center;
        width: 100%;
}
.menu .loginbtn a {
    width: 100%;
    text-align: center;
}
.menu .loginbtn {
    display:flex;
            flex-direction: column;
}


.lanseclat {
    width: 100%;
    padding: 12px 18px;
}
select.lanselact {
    border: none;
    font-size: 16px;
    background: transparent;
    color: #fff;
}
select.lanselact option {
    background: #744c06;
}


.loginbtn {
    display: none;
}
.hamburger .lines {
    width: 26px;
    height: 18px;
    position: relative;
}
.hamburger {
    padding: 5px 10px;
}
.sitelogoh {
    width: 100%;
    max-width: 200px;
}
.menu ul {
        padding-top: 40px;
        text-align: center;
        /* max-height: calc(100vh - 200px); */
        /* overflow: scroll; */
    }

    .f-menus {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 40px;
    }
    .f-img-box {
    max-width: 100%;
}
.f-menubox ul {
    gap: 14px;
}
.f-menubox {
    max-width: 100%;
    width: 100%;
}
.fcontactus {
    max-width: 100%;
}
.fconbox p {
    gap: 4px;}
.donatbox {
    flex-direction: column-reverse;
    gap: 30px;
}
.w-50 {
    width: 100%;
    max-width: 100%;
}
.donatbtn {
    padding: 12px 18px;
margin: 0px auto;
}
    .donboxtext {
    gap: 20px;
}
.topheader{
    display: none;
}
.twoboxitems {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
 .twoboxtexthead h2 {
    margin-bottom: 20px;
}
.twoboxitems.aimsbox {
    align-items: normal;
    gap:20px;
}
    .aimsbox .twoboxt {
        padding: 30px 20px 30px 40px;
    }

.popup {
    display: grid;
    gap:20px;}
    #textimonial .splide__track {
    height: 350px;
}
.santetx p,.twoboxtext p,.donboxtext p,.donboxtext h3,.twoboxtexthead h2{
    text-align: center;
}


.privicy .twoboxt h2 {
    text-align: start;
}
.privicy .twoboxt p {
    text-align: start;
}



.ourteamtwo, .ourteamthree {
    flex-direction: column;
    align-items: center;
}
.oubox{
    padding:30px 15px;
}
.ourboximg img {
    width: 140px;}



  .faq-header {
    padding: 20px;
    font-size: 16px;
  }
  .faq-body p {
    font-size: 15px;}

  .faq-body {
    padding: 0 20px;
  }

  .faq-item.is-open .faq-body {
    padding-bottom: 20px;
  }
.abtheadingbox h3 {
    max-width:100%;}
    #goTopBtn {
    position: fixed;
    bottom: 15px;
    right:15px;
    width:30px;
    height:30px;
    font-size:18px;
}
.slidertxte {
    max-width: 100%;
}
}


@media(max-width:370px){
        nav.menu {
        width: 240px;}
}