@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');



*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

:root{
    --color:#171717;
    --red:#fa0202;
    --white:white;
}


.class-name{
    display: flex;
    justify-content: space-between;
    width:100%;
    height: auto;
    margin-top: 50px;
}
.class-name h4{
    margin-bottom:20px;
    color:var(--red);
    font-family: 'opensans';
    font-weight:600;
}

.class-name li{
    margin-bottom:5px;
    font-family:'poppins';
    font-size:20px;
}

.class-name li::marker{
    color:var(--red);
    font-size:17px;
  

}
.message-box{
    width:47%;
    height: auto;
   
}

.sample{
    padding:2%;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
    display:flex;
    flex-direction: column;
 }

 

 .message-box h5{
    color:var(--red);

 }
 .message-box p{
    font-family:'opensans',Arial,sans-serif;
 }
 textarea{
    width:100%;
    height:60px;
 }

 
 
 .sumbit-button-1{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
 }
 .sumbit-button-1 input{
    width: 47%;
    padding:0;
    
 }

 .submit-button {
     width: 47%;
     text-decoration: none;
     display: inline-block;
     
     color:black;
     background-color:white;
     /* border:.5px solid white; */
     z-index: 1;
     transition: color 0.5s;
     text-align: center;
     position: relative;
     
     border-radius:0px;
     font-size:18PX;
     box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
 
 }
 .submit-button:hover{
     color:red;
 }

 .class-section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    height:auto;
    margin-top:70px;
 }
 .class-section-1{
    width:47%;
    height:auto;
 }
 .class-section-1 img{
    width:100%;
    height:270px;
    object-fit: cover;
   
 }
 .class-section h4{
    color:var(--red);
    font-family: 'opensans';
    font-weight:600;
 }
 .class-section p{
    font-family:'opensans',Arial,sans-serif;
 }
 .class{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width:100%;
    height:auto;
    margin-top:50px;
 }
 .class-section-2{
    width:47%;
    height:auto;
 }
 .class-section-2 h4{
    color:var(--red);
    font-family: 'opensans';
    font-weight:600;
    margin-bottom:20px;
 }
 .class-section-2 img{
    width:100%;
    height:270px;
    object-fit: cover;
 }
 .class-section-2 p{
    margin-top:60px;
 }
 .class-section-3 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
 }
 .class-section-3 img{
   width:100%;
   height:270px;
   object-fit: cover;
 }
 .class-section-3{
   width:47%;
   height:auto;
}






@media screen and (max-width:320px){

    
.class-name{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   padding:5%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}


.class-section{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:100%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:100%;
  height:auto;
}








}

@media screen and (min-width:321px) and (max-width:375px){
    
.class-name{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   padding:5%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}
  

.class-section{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:100%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:100%;
  height:auto;
}






}

@media screen and (min-width:376px) and (max-width:425px){
   
       
.class-name{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   padding:5%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}


.class-section{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:100%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:100%;
  height:auto;
}






}

@media screen and (min-width:426px) and (max-width:600px){

      
.class-name{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   padding:6%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}



.class-section{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:column;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:100%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:100%;
  height:auto;
}







}
@media screen and (min-width:601px) and (max-width:768px){


   
      
.class-name{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   display: flex;
   align-items:center;
   justify-content: center;
   padding:2%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}


.class-section{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:47%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:47%;
  height:auto;
}




}

@media screen and (min-width:769px) and (max-width:900px){

  
      
.class-name{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   display: flex;
   align-items:center;
   justify-content: center;
   padding:2%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}


.class-section{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:47%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:47%;
  height:auto;
}




}

@media screen and (min-width:901px) and (max-width:992px){

   
      
.class-name{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height: auto;
   margin-top: 50px;
}
.class-name h4{
   margin-bottom:20px;
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}

.class-name li{
   margin-bottom:5px;
   font-family:'poppins';
   font-size:20px;
}

.class-name li::marker{
   color:var(--red);
   font-size:17px;
 

}
.message-box{
   width:100%;
   height: auto;
   margin-bottom:20px;
  
}

.sample{
   display: flex;
   align-items:center;
   justify-content: center;
   padding:2%;
   box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.message-sec{
   display:flex;
   flex-direction: column;
}



.message-box h5{
   color:var(--red);

}
.message-box p{
   font-family:'opensans',Arial,sans-serif;
}
textarea{
   width:100%;
   height:60px;
}



.sumbit-button-1{
   display: flex;
   justify-content: space-between;
   width: 100%;
   height: 40px;
}
.sumbit-button-1 input{
   width: 47%;
   padding:0;
   
}

.submit-button {
    width: 47%;
    text-decoration: none;
    display: inline-block;
    
    color:black;
    background-color:white;
    /* border:.5px solid white; */
    z-index: 1;
    transition: color 0.5s;
    text-align: center;
    position: relative;
    
    border-radius:0px;
    font-size:18PX;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;

}
.submit-button:hover{
    color:red;
}


.class-section{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:30px;
}
.class-section-1{
   width:100%;
   height:auto;
}
.class-section-1 img{
   width:100%;
   height:270px;
   object-fit: cover;
  
}
.class-section h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
}
.class-section p{
   font-family:'opensans',Arial,sans-serif;
}
.class{
   display: flex;
   flex-direction:row;
   justify-content: space-between;
   width:100%;
   height:auto;
   margin-top:20px;
}
.class-section-2{
   width:47%;
   height:auto;
   margin-bottom:30px;
}
.class-section-2 h4{
   color:var(--red);
   font-family: 'opensans';
   font-weight:600;
   margin-bottom:10px;
}
.class-section-2 img{
   width:100%;
   height:270px;
   object-fit: cover;
}
.class-section-2 p{
   margin-top:0px;
}
.mem{
   margin-top:5px;
}
.class-section-3 h4{
  color:var(--red);
  font-family: 'opensans';
  font-weight:600;
}
.class-section-3 img{
  width:100%;
  height:270px;
  object-fit: cover;
}
.class-section-3{
  width:47%;
  height:auto;
}









}