@media all and (min-width:640px){
.tab_btns{font-size: 15px;}
}


@media all and (min-width:768px){
.text-slide{position:absolute; left:0; top:0; right:0; bottom:0; transition:all ease 0.3s; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }


.text-slide h1{opacity: 0; transition: all ease 0.2s; }
.text-slide p{opacity: 0;  transition: all ease 0.2s;}
.detailed_box{opacity: 0; transition: all ease 0.2s;  }
.active.text-slide .detailed_box{opacity:1; transform: translateX(30px); transition: all ease 0.5s; transition-delay: 1s;}
.active.text-slide h1{opacity:1; transform: translateX(20px); transition: all ease 0.5s; transition-delay: 0.5s;}
.active.text-slide p{opacity:1; transform: translateX(20px); transition: all ease 0.5s; transition-delay: 0.3s;}




.onetime_donations.repairs label sub{font-size: 12px; line-height: 12px; bottom: 0; color: #333333;}
 .home_page .fp-overflow{max-height:calc(100dvh - 87px) !important;}
}


@media all and (min-width:1024px){
     .steps {margin-bottom: 50px;}
	 
    #stickyText { min-height: calc(100svh - 146px); left:50px;     right: calc(50% + 10px); width: calc(50% - 60px);}
    .single_image { height: calc(100svh - 147px);}
.banner .img { gap: 60px;}

  .payment_btns button{font-size: 14px; padding: 15px 10px;}
   .home_page .fp-overflow{max-height:calc(100dvh - 106px) !important;}
}

@media all and (min-width:1280px){
    .container{max-width: 1280px;}
	.onetime_donations label{font-size:18px;}
}

@media all and (min-width:1536px){}


@media all and (max-height:899px){

#stickyText .text-slide:first-child h1{font-size: 80px;}
#stickyText .text-slide:nth-child(2) h1{font-size: 120px;}
#stickyText .text-slide:nth-child(2) p{font-size: 60px;}

}


@media all and (max-height:799px){

#stickyText .text-slide:first-child h1{font-size: 60px;}
#stickyText .text-slide:nth-child(2) h1{font-size: 100px;}
#stickyText .text-slide:nth-child(2) p{font-size: 50px;}

}


@media all and (max-height:699px){

#stickyText .text-slide:first-child h1{font-size: 50px;}
#stickyText .text-slide:nth-child(2) h1{font-size: 80px;}
#stickyText .text-slide:nth-child(2) p{font-size: 40px;}

#stickyText .text-slide:nth-child(3) h1{font-size: 50px;}

.detailed_box ul{font-size: 17px;}

}


@media all and (max-height:767px){

    .detailed_box ul {
        font-size: 15px;
    }

}