*{
    font-family: 'Times New Roman', Times, serif;
  }
body{
    overflow-x: hidden;
}
     .header {
        background-image: linear-gradient(-225deg, rgb(235 131 174 / 45%) 0%, #C5C1FF 56%, rgba(255, 186, 195, 0.71) 100%);
     }
      .navbar{
        background-image: linear-gradient(-225deg, rgb(235 131 174 / 45%) 0%, #C5C1FF 56%, rgba(255, 186, 195, 0.71) 100%);
        display: flex;
        flex-wrap: nowrap !important;
        align-items:center;
        /* padding-left: 10px; */
        /* background-color: #fde2e2; */
        /* padding-right: 10px; */
        margin-bottom: 0 !important;
        /* background: radial-gradient(#fff,#ffd6d6); */
        flex-wrap: nowrap;
    }
    /* .container{
        margin-left: 0 !important;
        margin-right: 0 !important;
        display: flex !important;
        flex-wrap: nowrap !important;
    } */
    nav{
        flex: 1;
        text-align: left;
    }
    p{
        color: #555; 
    }  
    .p1{
        font-size: 25px;
    }
    .p2{
        font-size: 13px;
    }
    .col-2 img{
        height: 450px;
         width: 600px;
    }
    
    

/*--------footer------*/
.footer{
    background: #000;
    color: #8a8a8a;
    font-size: 14px;
    padding: 60px 0 20px;
overflow-x: hidden !important;
}
.footer p{
    color: #fff;
}
.footer h3{
    color: #fff;
    margin-bottom: 20px;
}
.footer-col-1 , .footer-col-2, .footer-col-3, .footer-col-4{
min-width: 250px;
margin-bottom: 20px;
}
.footer_row{
    margin-right: 0 !important;
}
.footer-col-1{
    flex-basis: 20%;
    padding-left: 25px;

}
.footer-col-2{
    flex: 1;
    text-align: left;
    padding-left: 25px;
padding-right: 30px;
}
.footer-col-2 img{
    width: 125px;
    margin-bottom: 20px;   
}
.footer-col-3, .footer-col-4{
flex-basis: 12%;
text-align:center ;

}
ul{
    list-style: none;
}
.footer hr{
    border: none;
    background: #b5b5b5;
    height: 1px;
    margin: 20px;
}
.copyright{
    text-align: center;
}

     
    
    @media (max-width: 550px)
    {
        .logo img
        {
             width: 50px;
        }
        .nav h1{
              font-size:10px;
        }
        .p1 {
            font-size: 20px;
        }
        .p2{
            font-size: 10px;
        }
        nav {
            flex: auto;
            text-align: center;
        }
        /* .col-2 img {
            height: 450px;
            width: 960px;
            margin-top: 10px;
        } */
    }

    @media (max-width: 353px) {
       .navbar{
        width: 367px;
       }
         .footer{
            width: 367px;
         }
      }