#container{
    width: 93%;
    margin: auto;
}
.main{
    background-image: url("https://cdn1.tripoto.com/media/filter/nxxl/img/2215463/Image/1669110487_tony_reid_umjur3st0ae_unsplash.jpg.webp");
    height: 350px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.one>img{
    margin-left: -1rem;
}
a{
    color: white;
    text-decoration: none;
}
input{
    width: 90%;
    padding: 19px;
    border-radius: 10px;
}
.svg{
    display: flex;
}
nav{
    display: flex;
    justify-content: space-between;
    margin-top: -1%;
    position: fixed;
    color: aliceblue;
    width: 100%;
    padding: 10px;
}
.tripoto{
    display: flex;
    justify-content: left;
    align-items: center;
    width: 100%;
}
.signin{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width:100%;
}
select{
    border : 0;
    background-color: transparent;
    color: white;
}
.kerala{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: auto;
    margin-top: 1rem;
    gap: 6px;
}
.kerala>div{
    background-color: white;
    color: rgb(43, 121, 173);
    font-weight: 549.9;
    padding: 10px;
    border-radius: 30px;
    margin-top: 10px;
    border: 2px solid rgb(43, 121, 173) ;
 
}
.one{
    display: flex;
   align-items: center;
   margin: 19px;
}
.one>img{
    width: 14px;
}

.two{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-template-rows: auto;
    margin: auto;
    gap: 25px;
    padding: 10px;
    margin-top: 2rem;
}
.t11{
    width: 100%;
    border-radius: 5px;
    aspect-ratio: 3/2; 
}
.t1>h4{
    color: rgb(59, 124, 185); 
}
.t12{
      display: flex;
      gap:4px
}
.t12>span{
    font-weight: 1000;
    color: rgb(59, 124, 185); 
}
.t13{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
}
.t13>h4{
    font-size: 20px;
}
.t13>h4>span{
    color: gray;
    font-weight:lighter;
}
.t13>h3{
    font-weight: 40px;
    color: white;
    background-color: black;
    border-radius: 10px;
    padding: 6px;
}
.t14{
    display: flex;
    align-items: center;
    gap: 4px;
}
.t14>img{
    width: 30px;
    border-radius: 20px;
}
.cast{
    display: flex;
    justify-content: space-between;
}
.cast>img{
    width: 30%;
    border-radius: 10px;
}
.n1{
    width: 30%;
}
.n2{
    width: 20%;
    text-align: right;
}
.nine{
    display: flex;
    width: 90%;
    margin: auto;
}
.n11>img{
    width: 10%;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
}