.products-items{
    display: flex;
    justify-content: center;
    margin: 0px 10px;
}
.a1{
    margin: 10px 20px;
    padding: 0px 81px;
    color: black;
    font-weight: bold;
}
.a1:hover{
text-decoration: none;
color:#003dd5;
}
.h213{
    color: #003dd5 !important;
    display: flex !important;
    justify-content: center !important;
}

.footer1{
    background: linear-gradient(89.86deg, #ce00ff 8.6%, #5940f1 99.86%);
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
}
#section1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
}
#section2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: center;
    align-items: center;
}
.btn22{
    margin: 14px 68px;
    width: 210px;
    background-color: #d3bcd1;
    color: black;
}
.btn23{
    color: black;
    padding:8px 29px;
    border-radius: 4px;
}
#h42{
    display: flex;
    justify-content: center;
    color:white;
    text-align: center;

}
@media screen and (max-width:484px){
    #h42{
       font-size: 9px;
    
    }
    .a1 {
        margin: 10px 0px !important;
        padding: 0px 12px !important;
        color: black;
        font-weight: bold;
    } 
   #section1{
    display: grid;
    grid-template-columns: 1fr ;
    justify-items: center;
    align-items: center;
    align-items: center !important;
   }
   #section2{
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    align-items: center !important;
   }
   .pure-form input[type] {
    width: 293px;
}
}
@media screen and (min-width:484px) and (max-width:520px){
    #h42{
       font-size: 14px;
    
    }
    .a1 {
        margin: 10px 0px !important;
        padding: 0px 12px !important;
        color: black;
        font-weight: bold;
    } 
   #section1{
    display: grid;
    grid-template-columns: 1fr 1fr ;
   
    align-items: center;
    align-items: center !important;
   }
   #section2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    
    align-items: center !important;
   }
   .pure-form input[type] {
    width: 293px;
}
.special-1{
    margin-left: -20px !important;
}
}
@media screen and (min-width:520px) and  (max-width:600px) {
     .a1 {
        margin: 10px 20px !important;
        padding: 0px 28px !important;
        color: black;
        font-weight: bold;
    } 
   #section1{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 20px !important;
    align-items: center !important;
   }
   #section2{
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: 20px !important;
    align-items: center !important;
   }
   .pure-form input[type] {
    width: 414px;
}
.special-1{
    margin-left: 0px !important;
}

}

@media screen and (min-width:600px) and (max-width:768px) {
    .a1 {
        margin: 10px 20px !important;
        padding: 0px 28px !important;
        color: black;
        font-weight: bold;
    } 
   #section1{
    margin-left: 20px !important;
    align-items: center !important;
    display: grid;
        grid-template-columns: 1fr 1fr;
   }
   #section2{
    display: grid;
            grid-template-columns: 1fr 1fr;
    margin-left: 20px !important;
    align-items: center !important;
   }
   .pure-form input[type] {
    width: 532px;
}
}
@media screen and (min-width:768px) and (max-width:840px) {
    #section1{
        margin-left: 80px !important;
        align-items: center !important;
        display: grid;
            grid-template-columns: 1fr 1fr;
       }
       #section2{
        display: grid;
                grid-template-columns: 1fr 1fr;
        margin-left: 80px !important;
        align-items: center !important;
       }
    .btn22 {
        margin: 14px 36px !important;
        width: 210px;
        background-color: #d3bcd1;
        color: black;
    }
    .pure-form input[type] {
        width: 644px;
    }
}
@media screen and (min-width:840px) and (max-width:916px) {
    #section1{
        margin-left: 80px !important;
        align-items: center !important;
        display: grid;
            grid-template-columns: 1fr 1fr;
       }
       #section2{
        display: grid;
                grid-template-columns: 1fr 1fr;
        margin-left: 80px !important;
        align-items: center !important;
       }
    .btn22 {
        margin: 14px  47px !important;
        width: 210px;
        background-color: #d3bcd1;
        color: black;
    }
}
@media screen and (min-width:916px) and (max-width:1200px) {  
    #section1{
        margin-left: 80px !important;
        align-items: center !important;
        display: grid;
            grid-template-columns: 1fr 1fr;
       }
       #section2{
        display: grid;
                grid-template-columns: 1fr 1fr;
        margin-left: 80px !important;
        align-items: center !important;
       }
    
    .btn22 {
        margin: 14px 68px !important;
        width: 210px;
        background-color: #d3bcd1;
        color: black;
    }
}
@media screen and (min-width:964px) and (max-width:1200px) {  
    #section1{
        margin-left: 80px !important;
        align-items: center !important;
        display: grid;
            grid-template-columns: 1fr 1fr;
       }
       #section2{
        display: grid;
                grid-template-columns: 1fr 1fr;
        margin-left: 80px !important;
        align-items: center !important;
       }
    .btn22 {
        margin: 14px 68px !important;
        width: 210px;
        background-color: #d3bcd1;
        color: black;
    }
}
@media screen and (min-width:1200px) {
    #section1{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        justify-content: center;
        align-items: center;
    }
    #section2{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        justify-content: center;
        align-items: center;
    }
    .btn22 {
        margin: 14px 68px !important;
        width: 210px;
        background-color: #d3bcd1 !important;
        color: black !important;
    }
}
.btn22:hover{
    background:rgb(141, 130, 130);
}