.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-bottom: 0%;
    margin: auto;
    justify-content: space-between;
    text-align: center;
    

      }

/*     .row-0 {
         background: linear-gradient(300deg,deepskyblue,darkviolet,blue);
         background-size: 180% 180%;
         animation: gradient-animation 12s ease infinite;
       }
       
       @keyframes gradient-animation {
         0% {
           background-position: 0% 50%;
         }
         50% {
           background-position: 100% 50%;
         }
         100% {
           background-position: 0% 50%;
         }
       }

*/
     .col-1{

      flex-basis: 55%;
      min-width: 90%;
      padding-top: 20px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 20px;
      height: fit-content;
      align-items: center;
      min-width: 300px;

        
         }
        
         .col-1 h1{
            text-align: left;
            font-size: 68px;
            font-family: 'poppins';
            padding-left: 10px;
            margin: 20px 0;
          /*  color: #0b57d0ff;*/
            color: #041e49ff;
            font-weight: 600;
            line-height: 1.05;
         }
        
         
         
        .col-1 h2{
         text-align: left;
         font-size: 40px;
         line-height: 60px;
         padding-top: 10px;
         padding-left: 20px;
         font-family: 'poppins';
         margin: 0px 0px;
         color: #555;
         font-weight: 500;
         line-height: 1.4;
      }


        .col-1 p{
            text-align: left;
            font-size: 19px;
            line-height: 60px;
            padding-left: 10px;
            font-family: 'poppins';
            margin: 0px 0px;
            color: #555;
            line-height: 1.4;
         }
        
            
       .col-1 a{
         
         text-decoration: none;
   
               }

        
         .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: 70%;
         max-height: 50%;
         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;
        }




@media(max-width:1700px){
         
     .col-1 h1{
               font-size: 63px;       
            }
   
     .col-1 h2{
               font-size: 40px;
           }
    
           
     .col-1 p{
               font-size: 17px;
            }             
          
       }


@media(max-width:1600px){
         
     .col-1 h1{
               font-size: 60px;       
            }
   
     .col-1 h2{
               font-size: 35px;
           }
              
     .col-1 p{
               font-size: 17px;
            }                   
       }


@media(max-width:1500px){
         
         .col-1 h1{
                   font-size: 55px;       
                }
       
         .col-1 h2{
                   font-size: 35px;
               }
                  
         .col-1 p{
                   font-size: 17px;
                }                   
           }

@media(max-width:1400px){


         
   .col-1 h1{
      font-size: 42px;       
   }

.col-1 h2{
      font-size: 32px;
  }
     
.col-1 p{
      font-size: 17px;
   }                   

    
        }


@media(max-width:1200px){

   
      .col-1 h1{
            font-size: 38px;       
              }

      .col-1 h2{
            font-size: 28px;
               }
     
      .col-1 p{
            font-size: 17px;
               }           
                                  
        .btn{
            font-size: 17px;
               }
                  
     }
        
        
@media(max-width:992px){
    
         .col-1{
               flex-basis: 54%;
            
             }
            
             .col-1 h1{
                font-size: 26px;
                            }

             
       .col-1 h2{
         font-size: 22px;
               }
 
      .col-1 p{
                font-size: 12px;
             }
            
            
           .col-2{
                flex-basis: 46%;
             }
            .col-2 img{
               max-width: 70%;;
               padding: 0px 0px;
            }
            
            
             .btn{
                 font-size: 15px; 
                }
            
    
    
        }

        @media(max-width:768px){

         
         .col-1{
            flex-basis: 50%;
         
          }
                    
         .col-1{
                    /*    background-image: url("../Images/campus1.jpg");*/
                        flex-basis: 54%;
                        min-width: 250px;
                        padding-top: 30px;
                        padding-left: 20px;
                        padding-right: 10px;
                        padding-bottom: 20px;
                        /*background: #f44336;*/
                    
                     }
                    
         .col-1 h1{
                        font-size: 20px;
                                    }
           
                     
         .col-1 h2{
                 font-size: 18px;
                       }
           
              .col-1 p{
                        font-size: 12px;
                     }
                    
                    
                   .col-2{
                        flex-basis: 46%;
                     }
                    .col-2 img{
                       max-width: 70%;;
                       padding: 0px 0px;
                    }
                    
                    
                               
                    
                     .col-2{
                        flex-basis: 46%;
                        min-width: 250px;
                        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{
                         padding: 6px 20px;
                         margin-top: 20px;
                         font-size: 14px; 
                        }
                    
            
            
                }

                
        @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%;
                
               /* border-style: solid; */
               /* border-color: #f44336;*/
                margin: auto;
                margin-bottom: 2%;
                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:28px;
                        font-family: 'poppins';
                        padding-left: 10px;
                        margin: 0px 0px;
                      /*  color: #0b57d0ff;*/
                        color: #041e49ff;
                        font-weight: 600;
                        line-height: 1.05;
                   
                     }
                    
                    
       .col-1 h2{
         
         text-align: center;
         font-size: 18px;

               }
                    .col-1 p{
                        text-align: center;
                        font-size: 13px;
                        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: 50%;;
                       padding: 0px 0px;
                       /*border: solid;
                       border-color: #060c27;
                       border-radius: 25px;
                       border-width: 0.5px;*/
                    }


            
                }