#fd1{
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    background-color:#ffeb3b;
    margin-top: 4em;
 }
 @media screen and (max-width:800px) {
    #fd1{
        direction: rtl;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    }
 }
 @media screen and (max-width:600px) {
    #fd1{
        direction: rtl;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    text-align:center ;
    align-items: center;  
    }
 }

 #f1{
display: grid;
grid-template-columns: repeat(1,1fr);
 }
 #f1 strong{
    border-bottom: 2px solid #3949ab ;
 }
 #f1 h3{
    border-bottom: 2px solid #3949ab ;
 }
#f1 a{
    text-decoration: none;
    color: black;
  
    font-size: 1em;
}
@media screen and (max-width:800px) {
    #f1 a{
        font-size:.8em;
    }
}
@media screen and (max-width:500px) {
    #f1 a{
        font-size:.9em;
    }
}
#pay1{
    direction: rtl;
    display: grid;
    grid-template-columns: repeat(1,1fr);
   color:black; 
}
#pay2{
    display: grid;
grid-template-columns: repeat(1,1fr);
font-size: .7em;
text-align: center;
align-items: center;
}
@media screen and (max-width:800px) {
    #pay2{
        direction: rtl;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    font-size: .5em;
    }
 }
 @media screen and (max-width:600px) {
    #pay2{
        direction: rtl;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    text-align:center ;
    align-items: center;  
    }
 }