/* google fonts start hare */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* google fonts end hare */

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    font-family: "Roboto", sans-serif;
}


.background{
    height: 100%;
    width: 100%;
    background-image:linear-gradient(rgba(9, 32, 63, 0.8), rgba(83, 120, 149, 0.8)), url(cmbg.jpeg);
    padding: 20px 0 20px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.img-res{
    height: 200px;
    width: 200px;
    display: inline-block;
    margin: auto;
}

.size-logo{
    height: 32px;
    width: 250px;
}

.mimg{
    height: 18px;
    width: 18px;
}

.title-ico{
    font-size: 10px;
}

.mar .mimg{
    height: 50px;
    width: 150px;
    margin: 0 15px;
}
/* footer design start hare */

footer{
    background-color: rgb(43, 43, 43);
    overflow-x: hidden;
    padding: 40px 50px;
}
footer p > span{
    color: rgb(255, 38, 0);
    cursor: pointer;
}
.ft{
    font-size: 12px;
    width: 400px;
    text-align: left;
}
footer input{
    border: none !important;
}
footer input::placeholder{
    color: #fff !important;
}
footer .input-group .input-group-text{
   background: var(--bggradient);
   border: none !important;
   cursor: pointer;
}
footer .input-group .input-group-text i{
   color: #fff !important;
}
footer .text-column i{
   color: rgb(255, 0, 85) !important;
   padding-left: 10px;
}

/* footer design end hare */