#mainbanner_content,#mainbanner_content{
    display: none !important;
  }
#resourcesmainbanner{

 
 
    padding-block:1rem;
 
    width: 100vw;
    height: 100%;
    background: linear-gradient(273deg, rgba(210,212,212,0.4) 0%, rgba(233,255,241,1) 100%);
    background-size: 400% 400%;
    animation: gradientAnimation 10s ease infinite;

    display: flex    ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
}
#resourcesmainbanner #resourcesmainbannerinside{
width:90%;
display: grid;
grid-template-columns: repeat(2,1fr);
margin:0 auto;

box-sizing: border-box;
}

#resourcesmainbanner  #resourcesmainbannerinside div:first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:0;
    height: 100%;
    padding-right:2rem;
    box-sizing: border-box;

 
}

#social_media_list ul li a {
    border: 2px solid darkgray;
 
}
#social_media_list ul li a svg{
  color:#1FD660;
 
}
#resourcesmainbanner  #resourcesmainbannerinside div:first-child h1{
 font-size: 6rem;
 color:black; 
}

#resourcesmainbanner  #resourcesmainbannerinside div:first-child h2{
    font-size: 3rem;
    color:#1FD660;
    font-weight: 700;
 
}
#resourcesmainbanner  #resourcesmainbannerinside div:first-child p{
 
    font-size: 1.7rem;
    color:#525252;
    text-align: left;
}

#resourcesmainbanner  #resourcesmainbannerinside div:first-child a{
    text-decoration: none;
    background-color: #1FD660;
    color:white;
    font-size: 1.625rem;
    padding:1.5rem 2rem;
    min-width: 300px;
    text-align: center;
    border-radius:3rem;
 
 
}
#resourcesmainbanner  #resourcesmainbannerinside div:first-child a:hover{
    text-decoration: none;
    background-color: #ff00f0;
    color:white;
 
}
#resourcesmainbanner   #resourcesmainbannerinside div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: flex-start;
    gap:1rem;
    height: 100%;
    padding-block:2rem;
    box-sizing: border-box;  
 
}
#resourcesmainbanner   #resourcesmainbannerinside div:last-child img{
     object-fit: cover;
     width: 100%;
     height: 90%;
     border-radius: 1rem;
 
}

#resourceslistings{
    display: block;
    width:100%;
    height: auto;
    margin-block:8rem;

}
#resourceslistings #resourceslistingsinside{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:2rem;
    width:90%;
    margin:0 auto;

    
}
 
#resourceslistings #resourceslistingsinside .boxr1 {
    display: grid;
    grid-template-columns:70% 30%;
 
gap:2rem;
width: 100%;
padding:1rem;
background: rgb(252,199,85);
background: linear-gradient(273deg, rgba(252,199,85,1) 0%, rgba(255,255,255,1) 100%);
border-radius:1rem;
height: auto;
}
#resourceslistings #resourceslistingsinside .boxr1 div:first-child {
    
 
 
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap:2.5rem;
    height:inherit;
    
    }
    #resourceslistings #resourceslistingsinside .boxr1 div:first-child h3 {
    
font-size: 3.25rem;
color:#B5851D;    font-weight: bold;
        
        }
        #resourceslistings #resourceslistingsinside .boxr1 div:first-child p {
    
            font-size: 1.5rem;
            color:#6F541D;
            text-align: justify;
                    
                    }
                    #resourceslistings #resourceslistingsinside .boxr1 div:first-child a {
            background-color: #F8CE74;
            text-decoration: none;
            height:auto;
            padding:1.6rem 2rem;
            min-width: 300px;
            border-radius: 2.5rem;
            box-sizing: border-box;
            text-align: center;
            color:white;
            border:2px solid #F8CE74;
                                
                                }
                                #resourceslistings #resourceslistingsinside .boxr1 div:first-child a:hover {
                                    background-color: rgba(248,206,116,0.7);
                                    color: #755207;
                                    border:2px solid #FFF;         
                                }
    #resourceslistings #resourceslistingsinside .boxr1 div:last-child {
    
 
        padding: 20px;
        
        }


        #resourceslistings #resourceslistingsinside .boxr1 div:last-child  img{
    
            width: 442px; 
            height: 428px;
            
            }
    
    

        #resourceslistings #resourceslistingsinside .boxr2 {
            display: grid;
        grid-template-columns: 30% 70%;

             
            gap:0rem;
            width: 100%;
            padding:1rem;
            background: rgb(130,255,255);
            background: linear-gradient(97deg, rgba(130,255,255,1) 0%, rgba(255,255,255,1) 100%);
            border-radius:1rem;
            height: auto;
            }
            #resourceslistings #resourceslistingsinside .boxr2  .bx2a{
                
           
             padding:0;
                padding-right:2rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap:2.5rem;
                height:inherit;
                
                }
                #resourceslistings #resourceslistingsinside .boxr2  .bx2a h3 {
                
            font-size: 3.25rem;    font-weight: bold;
            color:#107272;
                    
                    }
                    #resourceslistings #resourceslistingsinside .boxr2  .bx2a p {
                        text-align: justify;
                        font-size: 1.5rem;
                        color:#0A3F3F;
                                
                                }
                                #resourceslistings #resourceslistingsinside .boxr2  .bx2a a {
                        background-color: #5BCACA;
                        text-decoration: none;
                        height:auto;
                        padding:1.6rem 2rem;
                        min-width: 300px;
                        border-radius: 2.5rem;
                        box-sizing: border-box;
                        text-align: center;
                        color:white;
                        border:2px solid #5BCACA;
                                            
                                            }
                                            #resourceslistings #resourceslistingsinside .boxr2  .bx2a a:hover {
                                                background-color: rgba(91,202,202,0.7);
                                                color: #076868;
                                                border:2px solid #FFF;         
                                            }
                #resourceslistings #resourceslistingsinside .boxr2  .bx2b {
                
             
                    padding: 20px;
                    
                    }
                    #resourceslistings #resourceslistingsinside .boxr2  .bx2b img {
                
             border-radius: 1.5rem;
            
          width:402px;
          height: 428px;

                        
                        }

                    #resourceslistings #resourceslistingsinside .boxr3 {
                        display: grid;
                        grid-template-columns: 70% 30%;
            
                         
                        gap:2rem;
                        width: 100%;
                        padding:1rem;
                        background: rgb(254,163,224);
                        background: linear-gradient(270deg, rgba(254,163,224,1) 0%, rgba(255,255,255,1) 100%);
                        border-radius:1rem;
                        height: 500px;
                        }
                        #resourceslistings #resourceslistingsinside .boxr3 div:first-child {
                            
                
                         
                            padding: 20px;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: flex-start;
                            gap:2.5rem;
                            height:inherit;
                            
                            }
                            #resourceslistings #resourceslistingsinside .boxr3 div:first-child h3 {
                            
                        font-size: 3.25rem;    font-weight: bold;
                        color:#5A0541;
                                
                                }
                                #resourceslistings #resourceslistingsinside .boxr3 div:first-child p {
                                    text-align: justify;
                                    font-size: 1.5rem;
                                    color:#430E34;
                                            
                                            }
                                            #resourceslistings #resourceslistingsinside .boxr3 div:first-child a {
                                    background-color: #EA7FCA;
                                    text-decoration: none;
                                    height:auto;
                                    padding:1.6rem 2rem;
                                    min-width: 300px;
                                    border-radius: 2.5rem;
                                    box-sizing: border-box;
                                    text-align: center;
                                    color:white;
                                    border:2px solid #EA7FCA;
                                                        
                                                        }
                                                        #resourceslistings #resourceslistingsinside .boxr3 div:first-child a:hover {
                                                            background-color: rgba(234,127,202,0.7);
                                                            color: #820e5f;
                                                            border:2px solid #FFF;         
                                                        }
                            #resourceslistings #resourceslistingsinside .boxr3 div:last-child {
                            
                           
                                padding: 20px;
                                
                                }
                                #resourceslistings #resourceslistingsinside .boxr3 div:last-child  img {
                
                                    border-radius: 1.5rem;
                                  
                           width:422px;
                           height: 428px;
                       
                                               
                                               }
  @keyframes gradientAnimation {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
  
  @media (max-width: 1400px) {

    #resourcesmainbanner #resourcesmainbannerinside div:first-child {
   
        gap: 2.2rem;
      
        padding-right: 2rem !important;
       
    }

    #resourcesmainbanner #resourcesmainbannerinside div:first-child h1 {
        font-size: 4rem;
        color: black;
    }
    #resourcesmainbanner #resourcesmainbannerinside div:first-child h2 {
        font-size: 2rem;
    
    }
    #resourcesmainbanner #resourcesmainbannerinside div:first-child p {
        font-size: 1.3em;
       
    }
    #resourcesmainbanner #resourcesmainbannerinside div:first-child a {
     
        font-size: 1.225rem;
     
    }
    #resourceslistings #resourceslistingsinside .boxr1 {
        grid-template-columns: 60% 40%;
        gap: 0rem; 
        
    }
    #resourceslistings #resourceslistingsinside .boxr1 div:last-child img {
        width: 100%;
        height: auto;
    }
    #resourceslistings #resourceslistingsinside .boxr2 {
        grid-template-columns: 40% 60%;
        gap: 0rem; 
        
    }
    #resourceslistings #resourceslistingsinside .boxr2 div:first-child img {
        width: 100%;
        height: auto;
    }
    #resourceslistings #resourceslistingsinside .boxr2 .bx2a h3 {
        font-size: 2.55rem;
       
    }
    #resourceslistings #resourceslistingsinside .boxr1 div:first-child h3 {
        font-size: 2.55rem;
       
    }
    #resourceslistings #resourceslistingsinside .boxr3 div:first-child h3 {
        font-size: 2.5rem;
       
    }
    #resourceslistings #resourceslistingsinside .boxr3 {
        grid-template-columns: 60% 40%;
        gap: 0rem; 
        
    }
    #resourceslistings #resourceslistingsinside .boxr3 div:last-child img {
        width: 100%;
        height: auto;
    }
  }


  @media (max-width: 1200px) {

    #resourceslistings #resourceslistingsinside .boxr3 {
height: auto;padding-block: 2rem;
    }
    #resourceslistings #resourceslistingsinside .boxr2 {
        height: auto;padding-block: 2rem;
            }

            #resourceslistings #resourceslistingsinside .boxr1{
                height: auto;padding-block: 2rem;
                    }
        
  }
  @media (max-width: 768px) {

    #resourcesmainbanner {
        display: block;
        padding-block: 1rem;
        width: 100%;
        height:auto;
      
 
      }

      #resourcesmainbanner #resourcesmainbannerinside {
        width: 100%;
        box-sizing: border-box;
        padding: 1.5rem;
        grid-template-columns: 100%;
        gap: 0;
        margin: 0;
       
    
      }
      #resourcesmainbanner #resourcesmainbannerinside div:first-child {
        gap: 2.2rem;
        padding-right: 0;
      }
      #resourcesmainbanner #resourcesmainbannerinside div:last-child img {
        object-fit: cover;
        width: 100%;
        height: auto;
        border-radius: 1rem;
      }
    
 
    #resourceslistings {
      display: block;    
      width: 100%;    
      height: auto;    
      margin-block: 3rem;
    
    }
    #resourceslistings #resourceslistingsinside {
       
        width: 100%;
      
      }
      #resourceslistings #resourceslistingsinside .boxr1 {
        grid-template-columns: 100%;
        gap: 0rem;
        margin: 0 auto;padding-block: 2rem;
        padding: 0;   height: auto;width: 96%;
      }
      #resourceslistings #resourceslistingsinside .boxr2 {
        grid-template-columns: 100%;
        gap: 0rem;
        margin: 0 auto;
        padding: 0;
        height: auto;
        padding-bottom: 2rem;width: 96%;
      }
      #resourceslistings #resourceslistingsinside .boxr3 {
        grid-template-columns: 100%;
        gap: 0rem;
        margin: 0 auto;
        padding: 0;
        height: auto;width: 96%;padding-block: 2rem;
      }
      #resourceslistings #resourceslistingsinside .boxr2 .bx2a {
      padding:0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 2.5rem;
        height: inherit;
        padding-inline: 1rem;
      }
  }