*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
img{
    height:150px;
    width:100%;
  }
  
  div [class^="col-"]{
    padding-left:5px;
    padding-right:5px;
  }
  .card{
    transition:0.5s;
    cursor:pointer;
  }
  .card-title{  
    font-size:15px;
    transition:1s;
    cursor:pointer;
  }
  .card-title i{  
    font-size:15px;
    transition:1s;
    cursor:pointer;
    color:#ffa710
  }
  .card-title i:hover{
    transform: scale(1.25) rotate(100deg); 
    color:#18d4ca;
    
  }
  .card:hover{
    transform: scale(1.05);
    box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
  }
  .card-text{
    height:80px;  
  }
  
  .card::before, .card::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform .3s ease-out 0s;
    background: rgba(255, 255, 255, 0.1);
    content: '';
    pointer-events: none;
  }
  .card::before {
    transform-origin: left top;
  }
  .card::after {
    transform-origin: right bottom;
  }
  .card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
    transform: scale3d(1, 1, 1);
  }
  .imgg{
    width: 600px;
    height: 300px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
   
  }
  .head{
    color: beige;
    background: #425888;
    
    display: block;
   
   
    margin-right: auto;
    margin-left: auto;
   

  }
  .head:hover{
    background: #f8fdfd;
    color: #425888;
  }
  .parent{
    color: beige;
    background: #425888;
    width: 400px;
    height: 500px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    justify-content: center;
    padding: 10px;
    border-radius: 15px;
    margin-top: 20px;
   
  }
  .parent ul{
    margin: 10px;
  }

  .moh{
   text-align: center;
  }
  .card-title{
    text-align: center;
      }
      @media (max-width:923px) {
        .paragraph p{
            display:  inline-block;
          
        }
        }
        @media (max-width:923px) {
            parent{
                width: 50%;
                height: 20%;
               
              
            }
            }
            @media (max-width:923px) {
              row col{
                  width: 50%;
                  height: 20%;
              }}  
            .cont {
              display: grid;
              align-items: center; 
              grid-template-columns: 1fr 1fr 1fr;
              column-gap: 5px;
             }
             
             img {
               max-width: 100%;
               max-height:100%;
             }
             
             .text {
               font-size: 70px;
             }
            ;
         
           
            
           .imgg{
              display: block;
             margin: auto;
             width: 700px;
             border-radius: 8px;
             margin-top: 20px;
             
           }
           .logo2{
              width: 50px;
           }
           .land{
              width: 300px;
              justify-content: center;
              margin-right: 200px;
           }
         
          
          
           @media ( max-width:700px) {
              .about .paragraph{
                  display: block;
                 
              }
             .container.map{
              justify-content: center;
              align-items: center;
             }
             @media ( max-width:700px) {
              #contact{
                  align-items: center;
                 justify-content: center;
                 align-items: center;
              }
              .land{
                  
                 display: block;
                 margin: auto;
                right: 50%;
              
              }
              @media ( max-width:703px) {
                  .land{
                      align-items: center;
                     justify-content: center;
                     align-items: center;
                     display: flex;
                     width: 50%;
          
                  }
                  @media (max-width:600px) {
                      .imgg{
                      width:90vw
                      }
                      .contact1 iframe{
                          width: 300px;
                          color: aqua;
                          display: block;
                          margin: auto;
                          margin-right:50px;
                          width: 600px;
                          height: 350px;
                          overflow: hidden;
                          border-radius: 15px 0;
                      }
                     
                      }
                      #map1 .adrees{
                          display: flex;
                          text-align: center;
                          align-items: center;
                          justify-content: center;
                          color: rgb(15, 101, 182);
                          margin-right: 40px;
                      }
                      @media ( max-width:703px) {
                          .land{
                              #map1 .adrees{
                                  text-align: center;
                                  align-items: center;
                              }
          
          
                          }}
                          .contcts{
                           
                              height: 100vh;
                              display: flex;
                              align-items: center;
                              justify-content: center;
                              flex-direction: column;
                          }
                          
                  #contact{
                      min-height: 100vh;
                  }
                  @media(max-width:920px){
                      #contact .container
                      
                  {
                      
                       
                       overflow: hidden;
                       align-items: center;
                       justify-content: center;
                       width: 100%;
                      
                       
                  
                      }
                  }
                
                      
                  }
                  
                  
              }
              #footer{
                background: #f7f7f7;
                  padding: 3rem;
                /* padding-top: 5rem; */
                padding-top: 7rem;
                  padding-bottom: 80px;
                background-image: url(https://arena.km.ua/wp-content/uploads/3538533.jpg);
              }
            
             
                  
              .cont{
                
               
               background: #303030;
               margin-left: auto;
               margin-right: auto;
               color: #82074a;
               position: relative;
               width: 100%;
               }  
               .mohata{
                margin: 0 auto;
                color: #82074a;
               }  
             .crr .brr{
              margin-bottom: 40px;
              color: #82074a;
            
             }
           .card-body p{
            text-align: center;
           }
           @media (max-width:923px) {
            .parent{
              width: 80%;
              
            }
            }