.row-0{
    width: 90%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: auto;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 0%;
    margin-top: 0%;
   /* border-style: solid; */
   /* border-color: #f44336;*/
    margin: auto;
    justify-content: space-between;
    text-align: center;

      }


     .col-1{
        /*    background-image: url("../Images/campus1.jpg");*/
            flex-basis: 55%;
            min-width: 300px;
            padding-top: 50px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 20px;
            /*background: #f44336;*/
        
         }
        
         .col-1 h1{
            text-align: left;
            font-size: 70px;
            font-family: 'Arial';
            padding-left: 10px;
            margin: 20px 0;
          /*  color: #0b57d0ff;*/
            color: #041e49ff;
            font-weight: 10px;
            line-height: 1.05;
         }
        
         
        .col-1 p{
            text-align: left;
            font-size: 19px;
            line-height: 60px;
            padding-left: 10px;
            font-family: 'Arial';
            margin: 0px 0px;
            color: #555;
            line-height: 1.4;
         }
        
        
         .col-2{
            flex-basis: 45%;
            min-width: 300px;
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 50px;
            /*background: #f44336;*/
         }
        .col-2 img{
           max-width: 60%;;
           padding: 0px 0px;
           /*border: solid;
           border-color: #060c27;
           border-radius: 25px;
           border-width: 0.5px;*/
        }
        
         
        .Button{
            display:flex;
            justify-content: right;
            border-style: none;
        
        }
        
        
         .btn{
             text-align: center;
             text-decoration: none;
             background: #ff523b;
             color: #fff;
             padding: 8px 40px;
             margin-top: 50px;
             margin-left: 120px;
             border-radius: 5px;
             font-size: 22px;
             transition: 0.3s;
             border-color:#ff523b;
            }
        
        .btn:hover{
        background: #563434;
        border-color: #563434;
        }



 /*...............Revision NAVBAR......................*/

 .REV_TITLE {
    max-width: 90%;
    height: 40px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px;
    padding-top: 0px;
    position: relative;
    margin: auto;
 /*   border-top: solid 1px #041e49ff;
    border-bottom: solid 1px crimson; */
    
                }

.REV_TITLE h1 {
    text-decoration: none;
    color: black;
    font-size: 18px;
    font-weight: 600;
    font-style: bold;


}
               

.REV_TITLE_R1_C1 {
        width: 70%;
        height: 100%;
        display: flex;
        padding-top: 0px;
        padding-left: 0px;
        align-items: center; /* to align logo in the centr*/
        justify-content: center;
 /*   border-top: solid 1px #041e49ff;*/
        border-bottom: solid 1px crimson ;
      }


.header-main-nav1 {
        width: 80%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
        margin: auto;
        padding-top: 0px;
     /*   align-items: center;  to align logo in the centr*/
    }





    
/*............... NAVBAR......................*/

#Rev_bar_R1_C1  {  
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    padding-right: 0px;
    padding-top: 0px;

                    }  
 
#Rev_bar_R1_C1  li   {  
    list-style-type: none; 
    padding: 0 25px;          
/*    padding-left: 0px;       
    padding-right: 50px; */  
/*    border-right: solid 1px crimson; */
           }  
                    
#Rev_bar_R1_C1  li a {
    text-decoration: none;
    color: #041e49ff;
    font-size: 16px;
    font-weight: 500;
    font-style: bold; 
    
}



#Rev_bar_R1_C1  li a:hover
{
    color:#f44336;  /* changes the colour of the button)*/
    transition: 0.1s;
    border-bottom: solid 2px #041e49ff;
}



#Rev_bar_R1_C1  a.active
{      
       color: Green;
/*       padding: 2px 6px;
       border: solid 1px #041e49ff;
       border-radius: 12px; 
       border-bottom: solid 2px #041e49ff; */
       
}


/*********  Colum 2 ***************** */

.REV_TITLE_R1_C2 {
    width: 30%;
    height: 100%;
    display: flex;
    padding-top: 0px;
    padding-left: 0px;
    align-items: center; /* to align logo in the centr*/
    justify-content: center;
/*   border-top: solid 1px #041e49ff;*/
    border-bottom: solid 1px crimson;
    
}


.header-main-nav1 {
    width: 80%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
    margin: auto;
    padding-top: 0px;
 /*   align-items: center;  to align logo in the centr*/
}

/*............... NAVBAR......................*/

#Rev_bar_R1_C2  {  
width: 100%;
display: flex;
align-items: center;
justify-content: right;
padding-right: 0px;
padding-top: 0px;

                }  

#Rev_bar_R1_C2  li   {  
list-style-type: none; 
padding: 0 25px;          
       }  
                
#Rev_bar_R1_C2  li a {
text-decoration: none;
color: #041e49ff;
font-size: 16px;
font-weight: 500;
font-style: bold; 
}



#Rev_bar_R1_C2  li a:hover
{
color:#f44336;  /* changes the colour of the button)*/
transition: 0.1s;

}



#Rev_bar_R1_C2  a.active
{      
   color: green;
}




/*********** ROW 2 - Column 1 *************/


 /*...............HEADER NAVBAR....................*/








/**********ROW 3 ***************************/


.REV_TITLE3 {
    max-width: 90%;
/*    height: 600px; */
    display:flex;
    justify-content: space-between;
    padding: 0px 0px;
    padding-top: 0px;
    position: relative;
    margin: auto;
    margin-top: 1%;
/*    border: solid 1px #041e49ff;*/
/*    border-bottom: solid 1px crimson; */
    
                }

.REV_TITLE3_R3_C1 {
        width: 70%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        justify-content: left;
    /*    border: solid 1px grey;*/
     /*   border:solid 2px green; */
    }

    .REV_TITLE3_R3_C1_NB {
        max-width: 100%;
        height: 40px;
        display:flex;
        align-items:center;
        justify-content: left;
        padding: 0px 0px;
        padding-top: 0px;
        position: relative;
       /* margin: auto;
       margin-left: 0%; */
    /*    margin-top: 0%; */
    /*    border: solid 2px green;*/
     /*  border-top: solid 1px #041e49ff;*/
     /*   border-bottom: solid 1px crimson; */

     
        
                    }
    
    #REV_TITLE3_R3_C1_NB_UL  {  
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: left;
        padding-right: 0px;
        padding-top: 0px;
                    
                                        }  
                     
    #REV_TITLE3_R3_C1_NB_UL  li   {  
        list-style-type: none; 
        padding: 0 25px;          
     /*   padding-left: 0px;
        padding-right: 50px;
        /*    border-right: solid 1px crimson; */
                         }  
                                        
    #REV_TITLE3_R3_C1_NB_UL a {
        text-decoration: none;
        color: #041e49ff;
        font-size: 16px;
        font-weight: 500;
        font-style: bold; 
                        
                    }
                                  
                    
    #REV_TITLE3_R3_C1_NB_UL  li a:hover
                    {
        color:#f44336;  /* changes the colour of the button)*/
        transition: 0.1s;
        border-bottom: solid 2px #041e49ff;
                    }
                    
                    
                    
    #REV_TITLE3_R3_C1_NB_UL  a.active
                    {      
        color: Green;
    /*                       padding: 2px 6px;
                           border: solid 1px #041e49ff;
                           border-radius: 12px; 
                           border-bottom: solid 2px #041e49ff; */
                           
                    }



/***************************** Row 1*************************************/


.REV_TITLE3_R3_C1_R1 {
        width: 100%;
        height: 7%;
        display: flex;
        padding-top: 10px;
        padding-left: 25px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
        margin-bottom: 20px;
    /*    border:solid 2px green; */
    }


.REV_TITLE3_R3_C1_R1 h1{
        padding-top: 0px;
        padding-left: 0px;
        text-align: left;
        font-size: 18px;
        font-family: 'poppins';
        text-decoration: none;
        line-height: 40px;
        padding-bottom: 0px;
        font-weight: 600;
        color:  #141010;
        font-style: none;
    }



/*****************************Tutors*************************************/
/*****************************Tutors*************************************/


/********************Tutors Colum 1 *************************************/

.REV_TITLE3_R3_C1_F1 {
        width: 100%;
        height: 260px;
        display: flex;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 25px;
        padding-right: 25px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
        margin-bottom: 50px;
        background-color: #fff;
      /*  border:solid 2px green; */
    }


/********************Tutors Column C1 (Tutor Image) ************************/

    .REV_TITLE3_R3_C1_F1_C1 {
        width: 20%;
        min-width: 20%;
        max-width: 20%;
        height: 100%;
        display: flex;
        flex-direction: column;
        padding-top: 10px;
        padding-left: 0px;
        padding-bottom: 10px;
        padding-right: 10px;
        align-items: center; /* to align logo in the centr*/
        justify-content: left;
    /*    border:solid 2px blue; */

    /* width: 90px;        /* 🔒 FIXED width (choose any value) */
    /* min-width: 90px;
    max-width: 90px; */ */

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    }

    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 90%;
        height: 100%;
        display: flex;
        padding-top: 0px;
        padding-left: 0px;
        align-items: center; /* to align logo in the centr*/
        justify-content: center;

    aspect-ratio: 1 / 1;    /* perfect square */
    object-fit: contain;    /* ⚡ FULL IMAGE visible (no cutting) */

     }
   

/********************Tutors Column C2 (Tutor details ) ************************/

     .REV_TITLE3_R3_C1_F1_C2 {
        width: 80%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: left;
     /*   border:solid 2px yellow; */
        margin-top: 0;
    }

    /********************Tutors Column C2-Row1 (Tutor Name and cost) ************************/


    .REV_TITLE3_R3_C1_F1_C2_R1 {
        width: 100%;
        height: 15%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: left;
        align-items: center;
    /*    border:solid 2px blue; */
        margin: auto;   
       }

 
    .REV_TITLE3_R3_C1_F1_C2_R1 h1{
        padding-top: 0px;
        padding-left: 10px;
        text-align: left;
        font-size: 16px;
        font-family: 'poppins';
        text-decoration: none;
        padding-bottom: 0px;
        font-weight: 800;
        color:  #141010;
    }


    .REV_TITLE3_R3_C1_F1_C2_R1_C1 {
        width: 90%;

    }
    .REV_TITLE3_R3_C1_F1_C2_R1_C2 {
        width: 10%;

    }

    .REV_TITLE3_R3_C1_F1_C2_R1_C2 h1
    {
        font-size: 16px;
        text-align:center ;
        background-color: #041e49ff;
       border-radius: 25px;
       font-weight: 500;
       color:  whitesmoke;
    }




    /********************Column 2 - Row 2 - "Tutor Description "************************/



    .REV_TITLE3_R3_C1_F1_C2_R2 {
        width: 100%;
        height: 15%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: left;
        align-items: center;
    /*    border:solid 2px blue; */
        margin: auto;
        margin-bottom: 1%;
       }


 
    .REV_TITLE3_R3_C1_F1_C2_R2 h1{
        padding-top: 0px;
        padding-left: 10px;
        text-align: left;
        font-size: 13px;
        font-family: 'poppins';
        text-decoration: none;
        padding-bottom: 0px;
        font-weight: 550;
        color:  #141010;
 
    }

    .REV_TITLE3_R3_C1_F1_C2_R2_C1{
        width: 55%;
     }


    .REV_TITLE3_R3_C1_F1_C2_R2_C2{
        width: 15%;
        display: flex;
        align-items: center;
        justify-content:right ;
     }

     .REV_TITLE3_R3_C1_F1_C2_R2_C2 img{
        width: 80%;
           }

    .REV_TITLE3_R3_C1_F1_C2_R2_C3{
        width: 27%;
        display: flex;
        justify-content:right ;
     }
 

     .REV_TITLE3_R3_C1_F1_C2_R2_C4{
        width: 10%;
        justify-content:left ;
     }



  /********************Column 2 - Row 3 - "Tutor Description "************************/


    .REV_TITLE3_R3_C1_F1_C2_R3 {
        width: 100%;
        /* height: 40%; */
        display: flex;
        flex-wrap: wrap;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: left;
        align-items: center;
   /*     border:solid 2px blue; */
        margin: auto;
       }


    .REV_TITLE3_R3_C1_F1_C2_R3 p{
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
        text-align: justify;
        font-size: 13px;
        font-family: 'poppins';
        text-decoration: none;
        line-height: 1.3;
        font-weight: 400;
        color:  #141010;
        font-style: none;
     }


     /********************Tutors Column C2-Row4 (Tutor Teaches ) ************************/


     .REV_TITLE3_R3_C1_F1_C2_R4 {
        width: 100%;
        height: 15%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: left;
        align-items: center;
    /*    border:solid 2px blue; */
        margin: auto;
       }

    .REV_TITLE3_R3_C1_F1_C2_R4 h1{
        padding-top: 0px;
        padding-left: 10px;
        text-align: left;
        font-size: 12px;
        font-family: 'poppins';
        text-decoration: none;
        padding-bottom: 0px;
        font-weight: 550;
        color:  #141010;
 
                                }


    .REV_TITLE3_R3_C1_F1_C2_R4_C1{
        width: 15%;

     }


    .REV_TITLE3_R3_C1_F1_C2_R4_C2{
        display: flex;
        align-items: center;
        justify-content:left;
        }


    .REV_TITLE3_R3_C1_F1_C2_R4_C2 h1{
        font-weight: 400;
   
 
                                }

                                
.REV_TITLE3_R3_C1_F1_C2_R4 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;      /* wrap into new lines */
    gap: 6px;
    margin-top: 5px; /* adjust the value as needed */
    margin-bottom: 20px; /* adjust the value as needed */

}

.REV_TITLE3_R3_C1_F1_C2_R4_C1,
.REV_TITLE3_R3_C1_F1_C2_R4_C2 {
    display: inline-flex;
    padding: 4px 10px;
    background: #f5f5f5;
    border-radius: 4px;
    flex-grow: 0;
    flex-shrink: 0;        /* ❗ box will NOT shrink, it expands */
    max-width: 100%;       /* stays inside container */
}

.REV_TITLE3_R3_C1_F1_C2_R4 h1 {
    margin: 0;
    white-space: nowrap;   /* keeps text inside box in one line */
    font-size: 12px;
}




/********************Tutors Column C2-Row5 (Levels) ************************/
    
    .REV_TITLE3_R3_C1_F1_C2_R5 {
        width: 100%;
        height: 15%;
        display: flex;
        flex-wrap: wrap;
        padding-top: 0px;
        padding-left: 0px;
        justify-content: left;
        align-items: center;
    /*    border:solid 2px blue; */
        margin: auto;
                                   }
                            
    .REV_TITLE3_R3_C1_F1_C2_R5 h1{
        padding-top: 0px;
        padding-left: 10px;
        text-align: left;
        font-size: 12px;
        font-family: 'poppins';
        text-decoration: none;
        padding-bottom: 0px;
        font-weight: 550;
        color:  #141010;
                 
                                    }
                            
                            
    .REV_TITLE3_R3_C1_F1_C2_R5_C1{
        width: 10%;
                            
                                 }
                            
                            
    .REV_TITLE3_R3_C1_F1_C2_R5_C2{
        display: flex;
        align-items: center;
        justify-content:left;
    
                                 }
                            
                            
    .REV_TITLE3_R3_C1_F1_C2_R5_C2 h1 {
        text-align: left;
        font-weight: 400;                            
                                    }




.REV_TITLE3_R3_C1_F1_C2_R5 {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;     /* stays on ONE LINE */
    align-items: center;
    gap: 8px;              /* optional spacing */
    overflow: hidden;      /* prevents overflow */
}

.REV_TITLE3_R3_C1_F1_C2_R5_C1,
.REV_TITLE3_R3_C1_F1_C2_R5_C2 {
    flex: 0 1 auto;        /* SHRINK automatically */
    min-width: 0;          /* allows the box to shrink */
    display: flex;
    align-items: center;
}

.REV_TITLE3_R3_C1_F1_C2_R5 h1 {
    font-size: 12px;
    font-family: 'poppins';
    font-weight: 550;
    margin: 0;
    white-space: nowrap;   /* Text stays in one line */
}



/**************************Column C2 *************************************/
/**************************Column C2 *************************************/
/**************************Column C2 *************************************/




.REV_TITLE3_R3_C2{
    width: 30%;
    height: 100%;
    display: flex;
    padding-top: 20px;
    padding-left: 0px;
    align-items: top; /* to align logo in the centr*/
    justify-content: right;
/*    border:solid 1px  #141010; 
    border-right:solid 1px #f44336; */
}

/************************** End of Column C2 *************************************/

/************************** End of Column C2 *************************************/








/*********************** Media Querries********************************************/
/*********************** Media Querries********************************************/                   **/
/*********************** Media Querries********************************************/                   **/


@media(max-width:1400px){
  
              
 .col-1 h1{
       font-size: 63px;
       font-family: 'Arial';
      
    }
   
    
   .col-1 p{
       font-size: 17px;
       line-height: 1.4;
    }
   
   
    .col-2{
       flex-basis: 45%;
       
    }
   .col-2 img{
      max-width: 60%;;
      padding: 0px 0px;
                  }


               
                
    .REV_TITLE3_R3_C1_R1 h1{
        font-size: 16px;
        line-height: 40px;
        padding-bottom: 0px;
        font-weight: 600;
                    }
                
              
    .REV_TITLE3_R3_C1_R2 p{
        font-size: 13px;
        line-height: 1.2;
                    }
                 
                
    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 55%;
        height: 100%;
                                     
                               }
                
                 
    .REV_TITLE3_R3_C1_F1_C2 h1{
        font-size: 13px;
                              }
                    
                       
    .REV_TITLE3_R3_C1_R3 {
                        height: 35%;
                    }
                
    .REV_TITLE3_R3_C1_R3 p{
                        font-size: 13px;
                        line-height: 1.3;
                    }
                
              /* Make the main row wrap properly */
    .REV_TITLE3_R3_C1_F1_C2_R2 {
        height: auto;            /* allow expansion */
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    /* Text container becomes full width */
    .REV_TITLE3_R3_C1_F1_C2_R2_C1 {
        width: 100%;
    }

    /* Images shrink and wrap under text */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 {
        width: auto;
        flex: 1;                /* allow them to shrink */
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    /* Image resize safely */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 img {
        width: 60px;            /* or 50% if you prefer */
        height: auto;
        object-fit: contain;
    }

    /* Text becomes readable on smaller screens */
    .REV_TITLE3_R3_C1_F1_C2_R2 h1 {
        font-size: 12px;
        line-height: 1.2;
        
    }
              
   

}






@media(max-width:1200px){
         
    .col-1 h1{
        font-size: 53px;
        font-family: 'Arial';

            }


    .col-1 p{
        font-size: 17px;
        line-height: 1.4;
            }


    .col-2{
        flex-basis: 45%;

       }

    .col-2 img{
        max-width: 60%;;
        padding: 0px 0px;
          }
   
   
    #Rev_bar_R1_C1  li   {  
        padding: 0 25px;          
           }

    #Rev_bar_R1_C1  li a {
        font-size: 13px;
        }
              

        
    #Rev_bar_R1_C2  li   {  
            padding: 0 25px;          
           }

           
    #Rev_bar_R1_C2  li a {
            font-size: 13px;
        }


                         
    #REV_TITLE3_R3_C1_NB_UL  li   {  
            padding: 0 25px;          
                             }  
                                            
    #REV_TITLE3_R3_C1_NB_UL a {
            font-size: 13px;
                           
                        }


    .REV_TITLE3_R3_C1_R1{
            padding-left: 0px;
                            }

    .REV_TITLE3_R3_C1_R1 h1{
        font-size: 13px;
        padding-left: 25px;
                        }
                    
                  
    .REV_TITLE3_R3_C1_R2 p{
        font-size: 12px;
        line-height: 1.2;
                        } 

                                         
                
    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 55%;
        height: 100%;
                                     
                               }
                
                 
    .REV_TITLE3_R3_C1_F1_C2 h1{
        font-size: 12px;
                              }
                      


    .REV_TITLE3_R3_C1_R3 {
        height: 35%;
                        }
                    
    .REV_TITLE3_R3_C1_R3 p{
        font-size: 12px;
        line-height: 1.2;
                        } 

                        /* Make the main row wrap properly */
    .REV_TITLE3_R3_C1_F1_C2_R2 {
        height: auto;            /* allow expansion */
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    /* Text container becomes full width */
    .REV_TITLE3_R3_C1_F1_C2_R2_C1 {
        width: 100%;
    }

    /* Images shrink and wrap under text */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 {
        width: auto;
        flex: 1;                /* allow them to shrink */
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    /* Image resize safely */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 img {
        width: 60px;            /* or 50% if you prefer */
        height: auto;
        object-fit: contain;
    }

    /* Text becomes readable on smaller screens */
    .REV_TITLE3_R3_C1_F1_C2_R2 h1 {
        font-size: 12px;
        line-height: 1.2;
    }
                            
       }



@media(max-width:992px){    

.col-1 h1{
font-size: 40px;
font-family: 'Arial';

    }


.col-1 p{
font-size: 17px;
line-height: 1.4;
}


.col-2{
flex-basis: 45%;

}
.col-2 img{
max-width: 60%;;
padding: 0px 0px;
      }

#Rev_bar_R1_C1  li   {  
        padding: 0 8px;          
       }
       
#Rev_bar_R1_C1  li a {
           font-size: 12px;
               }
                             
#Rev_bar_R1_C2  li   {  
                   padding: 0 8px;          
                  }
       
                  
#Rev_bar_R1_C2  li a {
           font-size: 12px;
               }

   .REV_TITLE3_R3_C1 {
            padding-left: 0px;
            padding-right: 0px;
            align-items: center; /* to align logo in the centr*/
            justify-content: left;
            /*    border: solid 1px grey;*/
             /*   border:solid 2px green; */
                     }
    
                         
     #REV_TITLE3_R3_C1_NB_UL  li   {  
                        padding: 0 8px;          
                                         }  
                                                        
    #REV_TITLE3_R3_C1_NB_UL a {
                        font-size: 12px;
                                       
                                    }
            

   .REV_TITLE3_R3_C1_R1 h1{
            font-size: 14px;
            line-height: 40px;
            padding-bottom: 0px;
            padding-left: 8PX;
            font-weight: 600;
                      }
    .REV_TITLE3_R3_C1_R2 {
            font-size: 12px;
            padding-left: 8px;
            line-height: 1.2;
                            }       
                      
    .REV_TITLE3_R3_C1_R2 p{
            font-size: 12px;
            padding-left: 8 px;
            line-height: 1.2;
                            } 
    
    .REV_TITLE3_R3_C1_F1 {
            height: 3%;
            padding-left: 8px;                                                        
                                }                       
                
    .REV_TITLE3_R3_C1_F1_C1 img {
        width: 60%;
        height: 100%;
                                     
                               }
                
                 
    .REV_TITLE3_R3_C1_F1_C2 h1{
        font-size: 12px;
                              }
                    
    .REV_TITLE3_R3_C1_R3 {
            height: 35%;
            padding-left: 8px;
                            }
                        
    .REV_TITLE3_R3_C1_R3 p{
            font-size: 12px;
            line-height: 1.2;
                            } 



                            
/* Make the main row wrap properly */
    .REV_TITLE3_R3_C1_F1_C2_R2 {
        height: auto;            /* allow expansion */
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    /* Text container becomes full width */
    .REV_TITLE3_R3_C1_F1_C2_R2_C1 {
        width: 100%;
    }

    /* Images shrink and wrap under text */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 {
        width: auto;
        flex: 1;                /* allow them to shrink */
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    /* Image resize safely */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 img {
        width: 60px;            /* or 50% if you prefer */
        height: auto;
        object-fit: contain;
    }

    /* Text becomes readable on smaller screens */
    .REV_TITLE3_R3_C1_F1_C2_R2 h1 {
        font-size: 12px;
        line-height: 1.2;
    }

}




@media(max-width:768px){


.col-1{
/*    background-image: url("../Images/campus1.jpg");*/

   min-width: 250px;
   padding-top: 30px;
   padding-left: 20px;
   padding-right: 10px;
   padding-bottom: 20px;      
}

.col-1 h1{
    font-size: 30px;
    font-family: 'Arial';

        }


.col-1 p{
    font-size: 14px;
    line-height: 1.4;
    }

.col-2{
    flex-basis: 45%;
    min-width: 250px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
             }
  
   
.col-2 img{
    max-width: 60%;;
    padding: 0px 0px;
          }
   
   
#Rev_bar_R1_C1  li   {  
            padding: 0 4px;          
           }
           
#Rev_bar_R1_C1  li a {
               font-size: 11px;
                   }
                                 
#Rev_bar_R1_C2  li   {  
                       padding: 0 4px;          
                      }
           
                      
#Rev_bar_R1_C2  li a {
               font-size: 11px;
                   }



                   
.REV_TITLE3_R3_C1 {
                padding-left: 0px;
                padding-right: 0px;
                align-items: center; /* to align logo in the centr*/
                justify-content: left;
                    /*    border: solid 1px grey;*/
                     /*   border:solid 2px green; */
                    }
            

#REV_TITLE3_R3_C1_NB_UL  li   {  
                padding: 0 4px;          
                              }  
                                                        

#REV_TITLE3_R3_C1_NB_UL a {
                        font-size: 11px;
                                       
                                    }

.REV_TITLE3_R3_C1_R1 h1{
                font-size: 13px;
                line-height: 40px;
                padding-bottom: 0px;
                font-weight: 600;
                              }
                                
                              
.REV_TITLE3_R3_C1_R2 {
                font-size: 12px;
                padding-left: 8px;
                line-height: 1.2;
                        }       
                  
.REV_TITLE3_R3_C1_R2 p{
        font-size: 12px;
        padding-left: 8 px;
        line-height: 1.2;
                        } 
.REV_TITLE3_R3_C1_R2 p{
                font-size: 10px;
                line-height: 1.1;
                               } 
            
.REV_TITLE3_R3_C1_F1 {
                height: 3%;                                                        
                               }                       
                        
.REV_TITLE3_R3_C1_F1_C1 img {
                width: 60%;
                height: 100%;
                                             
                            }
                        
                         
.REV_TITLE3_R3_C1_F1_C2 h1{
                font-size: 10px;
                            }
                            
.REV_TITLE3_R3_C1_R3 {
                height: 35%;
                            }
                                
.REV_TITLE3_R3_C1_R3 p{
               font-size: 10px;
               line-height: 1.2;
                                    } 


/* Make the main row wrap properly */
    .REV_TITLE3_R3_C1_F1_C2_R2 {
        height: auto;            /* allow expansion */
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    /* Text container becomes full width */
    .REV_TITLE3_R3_C1_F1_C2_R2_C1 {
        width: 100%;
    }

    /* Images shrink and wrap under text */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 {
        width: auto;
        flex: 1;                /* allow them to shrink */
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }

    /* Image resize safely */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 img {
        width: 60px;            /* or 50% if you prefer */
        height: auto;
        object-fit: contain;
    }

    /* Text becomes readable on smaller screens */
    .REV_TITLE3_R3_C1_F1_C2_R2 h1 {
        font-size: 12px;
        line-height: 1.2;
    }





           }



       
@media(max-width:650px){
   
    
    .row-0{
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        justify-content: space-around;
        margin: auto;
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 0%;
        margin-top: 0%;
       /* border-style: solid; */
       /* border-color: #f44336;*/
        margin: auto;
        justify-content: space-between;
        text-align: center;
    
          }
    
    
    .col-1{
            /*    background-image: url("../Images/campus1.jpg");*/
                flex-basis: 100%;
                min-width: 90%;
                padding-top: 10px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                /*background: #f44336;*/
            
             }
            
    .col-1 h1{
                text-align: center;
                font-size: 20px;
                font-family: 'Arial';
                padding-left: 10px;
                margin: 0px 0px;
              /*  color: #0b57d0ff;*/
                color: #041e49ff;
                font-weight: 10px;
                line-height: 1.05;
             }
            
             
    .col-1 p{
                text-align: center;
                font-size: 12px;
                line-height: 60px;
                padding-top: 10px;
                padding-left: 10px;
                font-family: 'Arial';
                margin: 0px 0px;
                color: #555;
                line-height: 1.4;
             }
            
            
    .col-2{
                flex-basis: 100%;
                min-width: 300px;
                padding-top: 10px;
                padding-left: 10px;
                padding-right: 10px;
                padding-bottom: 10px;
                /*background: #f44336;*/
             }
    .col-2 img{
               max-width: 40%;;
               padding: 0px 0px;
               /*border: solid;
               border-color: #060c27;
               border-radius: 25px;
               border-width: 0.5px;*/
            }
            
    .REV_TITLE {
                height: 40px;

                
                            }

    #Rev_bar_R1_C1  li   {  
                padding: 0 4px;          
                               }
                               
    #Rev_bar_R1_C1  li a {
                font-size: 16px;
                font-weight: 500;
                                       }
                                                     
    #Rev_bar_R1_C2  li   {  
                padding: 0 4px;          
                                          }
                               
                                          
     #Rev_bar_R1_C2  li a {
                 font-size: 16px;
                font-weight: 500;
                                       }




            
    #Rev_bar_R2_C1  li a {
                text-decoration: none;
                color: #041e49ff;
                font-size: 11px;
                font-weight: 500;
                font-style: bold; 
                            }
   
     #Rev_bar_R2_C1  li   {  
                list-style-type: none; 
                padding: 0 6px;          
                           }   




    .REV_TITLE3 {
      
       
                min-width: 90%;
                height: 100%;
                display:flex;
                align-items: center;
                flex-wrap: wrap;
                flex-direction: column-reverse;
                justify-content: space-between;
                text-align: center;
                padding: 0px 0px;
                padding-top: 0px;
                position: relative;
                margin: auto;
/*                border: solid 5px crimson; */
 /*                border-bottom: solid 5px crimson;*/

                }

    .REV_TITLE3_R3_C1 {
                flex-basis: 100%;
                width: 100%;
                 justify-content: center;
                padding-left: 0px;
                padding-right: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 0px;
        /*        border: solid 1px blue; */
              
                       }



                        
            
     #REV_TITLE3_R3_C1_NB_UL  li   {  
                  padding: 0 4px;          
                                    }  
                                                                    
            
     #REV_TITLE3_R3_C1_NB_UL a {
                   font-size: 14px;
                font-weight: 500;
                                                   
                                        }
    
                   
.REV_TITLE3_R3_C1 {
                padding-left: 0px;
                padding-right: 0px;
                align-items: center; /* to align logo in the centr*/
                justify-content: left;
                    /*    border: solid 1px grey;*/
                     /*   border:solid 2px green; */
                    }
            

#REV_TITLE3_R3_C1_NB_UL  li   {  
                padding: 0 4px;          
                              }  
                                                        

#REV_TITLE3_R3_C1_NB_UL a {
                         font-size: 16px;
                font-weight: 500;
                                       
                                    }

.REV_TITLE3_R3_C1_R1 {
    align-items: center;
    text-align: center;
    justify-content: center;
    padding-left: 0px;
                                     }

.REV_TITLE3_R3_C1_R1 h1{
        text-align: center;
                font-size: 16px;
                line-height: 40px;
                padding-left: 4px;
                padding-bottom: 0px;
                font-weight: 600;
                              }
                                
                              
.REV_TITLE3_R3_C1_R2 {
                font-size: 12px;
                padding-left: 0px;
                padding-top: 0px;
                line-height: 1.2;
                        }       
                  
 
.REV_TITLE3_R3_C1_R2 p{
                font-size: 10px;
                padding-left: 4px;
                line-height: 1.1;
                               } 
            
.REV_TITLE3_R3_C1_F1 {
                height: 100%;  
                padding-left: 4px;       
                
                                display:flex;
                align-items: center;
                flex-wrap: wrap;
                flex-direction: column;
                justify-content: space-between;
                text-align: center;
                padding: 0px 0px;
                padding-top: 0px;
                position: relative;
                margin: auto;
                               }                       
                        
/* .REV_TITLE3_R3_C1_F1_C1  {
                padding: 10px 0px;
                jus;
                                             
                            }
.REV_TITLE3_R3_C1_F1_C1 img {
                width: 150%;
                height: 150%;
                                             
                            }
                             */
.REV_TITLE3_R3_C1_F1_C1 {
    padding: 10px 0;
    overflow: hidden;
    
}

.REV_TITLE3_R3_C1_F1_C1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    transform: scale(1.15);   /* 👈 makes image bigger */
    transform-origin: left center;
    display: block;
     
}

                         
.REV_TITLE3_R3_C1_F1_C2 h1{
                font-size: 14px;
                            }
                            
.REV_TITLE3_R3_C1_R3 {
                height: 35%;
                            }
                                
.REV_TITLE3_R3_C1_R3 p{
               font-size: 10px;
               line-height: 1.2;
                                    } 

                                                                
                                    

.REV_TITLE3_R3_C2 {
                flex-basis: 100%;
                width: 100%;
                justify-content: center;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 0px;
/*                border: solid 1px green; */

                               }
 



/* Make the main row wrap properly */
    .REV_TITLE3_R3_C1_F1_C2_R2 {
        height: auto;            /* allow expansion */
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;

        display:flex;
                align-items: left;
                flex-wrap: wrap;
                flex-direction: column;
                justify-content: space-between;
                text-align: left;
                padding: 0px 0px;
                padding-top: 0px;
                position: relative;
                margin: auto;
    }

    /* Text container becomes full width */
    .REV_TITLE3_R3_C1_F1_C2_R2_C1 {
        width: 100%;
    }

    /* Images shrink and wrap under text */
    
   .REV_TITLE3_R3_C1_F1_C2_R2_C2
 {
        width: auto;
        flex: 1;                /* allow them to shrink */
        display: flex;
        justify-content: right;
        align-items: center;
        margin-top: 10px;
        margin-right: 10px;
        margin-left: 10px;
        margin-bottom: 10px;
    }


    .REV_TITLE3_R3_C1_F1_C2_R2_C3,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 {
        width: auto;
        flex: 1;                /* allow them to shrink */
        display: flex;
        justify-content: left;
        align-items: center;
        margin-top: 10px;
    }


    /* Image resize safely */
    .REV_TITLE3_R3_C1_F1_C2_R2_C2 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C3 img,
    .REV_TITLE3_R3_C1_F1_C2_R2_C4 img {
        width: 60px;            /* or 50% if you prefer */
        height: auto;
        object-fit: contain;
    }

    /* Text becomes readable on smaller screens */
    .REV_TITLE3_R3_C1_F1_C2_R2 h1 {
        font-size: 10px ;
        line-height: 1.2;
    }
.REV_TITLE3_R3_C1_F1_C2_R3 p {

    font-size: 11px;

}

/* Parent row */
    .REV_TITLE3_R3_C1_F1_C2_R4 {
        display: flex;
        flex-wrap: wrap;          /* allow multiple lines */
        gap: 8px;
        align-items: flex-start;
        overflow: visible;
    }

    /* C1 — always first line, full width */
    .REV_TITLE3_R3_C1_F1_C2_R4_C1 {
     
        flex: 0 0 100%;           /* 👈 forces its own row */
        max-width: 100%;
    }

    /* All C2 — start from line 2, flow together */
    .REV_TITLE3_R3_C1_F1_C2_R4_C2 {
        flex: 0 0 auto;           /* content-sized pills */
        max-width: 100%;
    }

    /* Shared styles */
    .REV_TITLE3_R3_C1_F1_C2_R4_C1,
    .REV_TITLE3_R3_C1_F1_C2_R4_C2 {
        display: inline-flex;
        padding: 4px 10px;
        background: #f5f5f5;
        border-radius: 4px;
        box-sizing: border-box;
        justify-content: center;   /* horizontal centering */
        text-align: center;        /* text alignment */
        
    }

    /* Text */


    
    .REV_TITLE3_R3_C1_F1_C2_R4 h1 {
        margin: 0;
        font-size: 12px;
        line-height: 1.2;
        white-space: nowrap;
        /* font-weight: 600; */
    }
    
    
.REV_TITLE3_R3_C1_F1_C2_R5 {
        display: flex;
        flex-wrap: wrap;       /* allow stacking */
        gap: 8px;
        overflow: visible;     /* allow height growth */
    }

    /* C1 takes full row if needed */
    .REV_TITLE3_R3_C1_F1_C2_R5_C1 {
        flex: 1 1 100%;        /* 👈 key fix */
        max-width: 100%;
       /* justify-content: center;   
        text-align: center;        */
    }

    /* C2 stays flexible */
    .REV_TITLE3_R3_C1_F1_C2_R5_C2 {
        flex: 0 1 auto;
        min-width: 0;
    }

    /* Text behavior */
    .REV_TITLE3_R3_C1_F1_C2_R5 h1 {
        white-space: nowrap;   /* single line */
        overflow: visible;     /* 👈 do NOT cut */
        text-overflow: clip;
        line-height: 1.2;
    }





    
 }