*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; 

   }    
    #tranding {
        width: 100%;          
        margin: auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);      
        gap: 20px;
        margin-top:20px;
        background-color:rgb(241, 247, 250);
        padding:40px 20px;
       
       margin-top:185px;
        z-index: -10;

    }
        #tranding img{ 
        width: 63%;
        size: 40px;
        margin-top: 3.3px;
    }
    

    #tranding>div:nth-child(1) {
       
        height: 300px;
        width: 350px;
    }
    #tranding>div:nth-child(1)>img{
        width: 200px;
        height: 300px;
      
    }
    #tranding>div:nth-child(1)>p{
        width: 200px;
        height: 300px;
      
    }

    #tranding>div { 
        background-color: white;
        height: 330px;
       
    }

    #tranding>div:nth-child(1)>p{
        width: 70%;
        /* text-align: center ; */
        margin-left: 60px;
        font-size: 15px;
        /* font-weight: bold; */
        margin-top: -15px;
        color: blue;
       
    }

    .two2 {
        width: 80%;
        height: 30%;
        display: flex;
        margin: 10px 15px;      
        padding: 0px;
        
    }

    .two2>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;
       
    }

    .two2>div:nth-child(1)>img {
        width: 140%;
        height:80px;
    }

    .two2>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
        margin-top: 5px;
    }

    .two2>div:nth-child(2)>p {
        width: 120%;
        margin-left: 5px;
        font-weight:normal;
        font-size:15px;
        
      
    }

    .two2>div:hover {
        text-decoration: underline;
        color: green;
    }
    

    /* /////////// */
    .third3 {
        width: 100%;
        height: 45%;
        margin-top: 9px;
        display: flex;
        
        box-sizing: border-box;
    }
    .third3:hover{
        text-decoration: underline;
    }

    .third3>div:nth-child(1) {
        width: 100%;
        height: 100%;       
        margin-right: 0%;
    }

    .third3>div:nth-child(2) {
        width: 80%;
        height: 100%;
        margin-left: -40px;
        margin-top: 10px;
        margin-right: 10px;
    }

    .third3>div:nth-child(2)>p {
        margin-left: 0px;
        font-size: 15px;
        font-weight: bold;
    }

    .third3>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .third3>div:nth-child(1) img {
        width: 5px;
        height: 100%;
        margin-right: 0%;
    }
    #one{
        background-image: url("https://www.deccanherald.com/sites/dh/files/styles/fullcardimage/public/articleimages/2022/09/29/el4vn3rueaa7afx-1149049-1664378859-1149447-1664468352.jpg?itok=8cVxfq24");
        background-size: 400px;
        color: white;
        font-size: 20px;
        font-weight: bold;
    }
   #fourth{
    padding: 15px 10px;
    padding-bottom: 20px;
   }
   .fourth4{
    margin-bottom: 25px;
    font-weight: bold;
   }
   .fourth4:hover{
    text-decoration: underline;
   }

   .fifth5 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
        /* margin-left: 15px; */
    }

    .fifth5>div:nth-child(1) {
        width: 80%;
        height: 100px;
        margin-right:-20px ;
      
    }

    .fifth5>div:nth-child(1)>img {
        width:120%;
        height:80px;
    }

    .fifth5>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
        margin-top: 5px;
    }
     .fifth5>div:nth-child(2)>p {
        width: 120%;
        margin-left: 5px;
        font-weight:normal;
        font-size:15px;
      
    }

     .fifth5:hover {
        text-decoration: underline;
        color: green;
    }
  #seventh,#sixth{
    background-color: rgb(234, 237, 238);
  }
    .seventh7 {
        width: 100%;
        height: 30%;
        display: flex;
       margin-top: 10px;
        /* margin-left: 15px; */
        justify-content: space-evenly;
        padding-left: 10px;
        padding-right: 15px;
    }

    .seventh7>div:nth-child(1) {
        width: 100%;
        height: 100px;
   
      
    }

    .seventh7>div:nth-child(1)>img {
        width:70%;
        height:90px;
       
    }

    .seventh7>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 80%;
        height: 100%;       
      
    }
     .seventh7>div:nth-child(2)>p {
        width: 100%;
        margin-left: 5px;
        font-weight:normal;
        font-size:15px;
      
    }

     .seventh7:hover {
        text-decoration: underline;
        color: green;
    }
    .sixth6 {
        width: 100%;
        height: 45%;
        margin-top: 9px;
        display: flex;        
        box-sizing: border-box;
    }
    .sixth6:hover{
        text-decoration: underline;
    }

    .sixth6>div:nth-child(1) {
        width: 80%;
        height: 100%;       
        margin-left: 20px;
    }

    .sixth6>div:nth-child(2) {
        width: 80%;
        height: 100%;
    }

    .sixth6>div:nth-child(2)>p {
        margin-left: 0px;
        font-size: 15px;
        font-weight: bold;
    }

    .sixth6>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .sixth6>div:nth-child(1) img {
        width: 70%;
        height: 90%;
        margin-right: 0%;
    }
    #top{
        width: 100%;
        margin-top: 40px;        
        display: grid;
        grid-template-columns: repeat(3,1fr);
       
        gap: 15px;
    }
    #top>div{
      
       background-color: white;
    }
    h1{
        margin-left: 20px;
    }
   #ben{
    display: grid;
    padding:20px 12px;
    grid-template-columns: repeat(3,1fr);
 
    background-color:rgb(241, 247, 250);
   }
   #ben>div{
    
    margin-top: 20px;
   }
   #ben div:nth-child(1)>img{
    height: auto;
    width: auto;
   }
   #ben div:nth-child(2){
   
    background-color:  rgb(35, 155, 35);
    font-size:40px;
    font-weight: bolder;
    padding: 25px 35px;
    text-align: center;
    padding-top: 40px;
    color:white;
   }
   #ben div:nth-child(2):hover{
    text-decoration: underline;
   }

   #ben div:nth-child(3){    
    margin-left: 20px;
    background-color: white;
   }
   #ben div:nth-child(3)>img{
    width: 100%;
   }
   #ben div:nth-child(3)>h3{
    margin-left: 10px;
   }
   #ben div:nth-child(3):hover{
    text-decoration: underline;
   }
   #ben div:nth-child(4){
    width:280px ;
    background-color: white;
   }
   #ben div:nth-child(4)>h3{
    width: 80%;
   margin-left: 20px;
   font-weight: normal;
   }
   #ben div:nth-child(4):hover{
    text-decoration: underline;
   }
   #ben div:nth-child(5){
    width:280px ;
    margin-left: -160px;
    background-color: white;
   }
   #ben div:nth-child(5)>h3{
    width: 80%;
   margin-left: 20px;
   font-weight: normal;
   }
   #ben div:nth-child(5):hover{
    text-decoration: underline;
   }

   #ben div:nth-child(6){
    background-color: white;
    width:280px ;
    margin-left:-280px ;
   }
   #ben div:nth-child(6)>h3{
    width: 80%;
   margin-left: 20px;
   font-weight: normal;
   }
   #ben div:nth-child(6):hover{
    text-decoration: underline;
   }
   #ben div:nth-child(5)>img{
    width:280px;
   }
   #ben div:nth-child(6)>img{
    width:280px;
   }
   #ben div:nth-child(4)>img{
    width:280px;
   }
   
   #kar{
        width: 100%; 
        display: grid;
        grid-template-columns: repeat(3,1fr);       
        gap: 15px;
    }
    .eleventh11 {
        width: 100%;
        height: 45%;
        margin-top: 9px;
        display: flex;        
        box-sizing: border-box;
        margin-left: 10px;
        padding: 0px;
      
    }
     .eleventh11:hover{
        text-decoration: underline;
    }

     .eleventh11>div:nth-child(1) {
        width: 80%;
        height: 100%;       
        margin: left -20px;
    }
     .eleventh11>div:nth-child(2) {
        width: 70%;
        height: 100%;
        margin-left: 8px;
    }

     .eleventh11>div:nth-child(2)>p {
        margin-right: 5px;
        font-size: 15px;
        font-weight: bold;
        margin-top: 15px;
        
    }

     .eleventh11>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .eleventh11>div:nth-child(1) img {
        width: 70%;
        height: 90%;
        margin-right: -20px;
    }
    #eleventh,#ninth{
    background-color:white;
  }
    .ninth9 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
       
        /* margin-left: 15px; */
    }

    .ninth9>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;
      
    }

    .ninth9>div:nth-child(1)>img {
        width:80%;
        height:80px;
       
    }

    .ninth9>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
        
    }
     .ninth9>div:nth-child(2)>p {
        width: 120%;
        margin-left: 5px;
        font-weight:normal;
        font-size:15px;
      
    }
     .ninth9:hover {
        text-decoration: underline;
        color: green;
    }
   
    #nat{
        width: 100%;
        height: auto;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(3,1fr);       
        gap:5px;
        background-color: rgb(234, 237, 238);
    }
    #nat>div{       
        width:95%;
        height:80% ;             
       margin: 25px 20px;
    }
    .twelveth12 {
        width: 100%;
        height: 45%;
        margin-top: 10px;
        display: flex;        
        box-sizing: border-box;
        margin-left: 8px;
        
    }
     .twelveth12:hover{
        text-decoration: underline;
    }

     .twelveth12>div:nth-child(1) {
        width: 80%;
        height: 100%;       
        margin-right: -50px;
    }

     .twelveth12>div:nth-child(2) {
        width: 80%;
        height: 100%;
        margin-right: 15px;
    }

     .twelveth12>div:nth-child(2)>p {
        margin-left: 0px;
        font-size: 15px;
        font-weight: bold;
    }

     .twelveth12>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .twelveth12>div:nth-child(1) img {
        width: 70%;
        height: 90%;
        margin-right: 0%;
    }
    #twelveth,#thirteenth{
    background-color:white;
  }
    .thirteenth13 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
       
        /* margin-left: 15px; */
    }

    .thirteenth13>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;
      
    }

    .thirteenth13>div:nth-child(1)>img {
        width:80%;
        height:80px;
       
    }

    .thirteenth13>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
        
    }
     .thirteenth13>div:nth-child(2)>p {
        width: 120%;
        margin-left: 5px;
        font-weight:normal;
        font-size:15px;
      
    }

     .thirteenth13:hover {
        text-decoration: underline;
        color: green;
    }
    #na{
        margin-left: 50px;
    }
    #fourtheenth img{
        width: 100%;
        height: 100%;
    }
    #tenth img{
        width: 100%;
        height: 100%;
    }
    #bus{
        width: 100%;
        height: auto;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        
        gap:5px;
        /* background-color: rgb(234, 237, 238); */
    }
    #bus>div{       
        width:95%;
        height:80% ; 
         margin: 25px 20px;
         background-color:white;
    }
    .fifteen15>div:nth-child(1){
        width: 96%;
        margin: auto;
        height: 100%;
    
    }
    .fifteen15:hover{
        text-decoration: underline;
    }
    .fifteen15>div:nth-child(1)>img{
        width: 100%;
        height: 220px;
        margin-top: 2%;
    }
    .fifteen15>div:nth-child(2){
       width:85%;
       margin: auto;
       text-align: center;
       margin-top: 10px;
    }

    .sixteen16 {
        width: 100%;
        height: 45%;
        margin-top: 9px;
        display: flex;        
        box-sizing: border-box;
    }
     .sixteen16:hover{
        text-decoration: underline;
    }

     .sixteen16>div:nth-child(1) {
        width: 80%;
        height: 100%;       
        margin-left:10px;
        margin-top: 10px;
    }

     .sixteen16>div:nth-child(2) {
        width: 90%;
        height: 100%;
    }

     .sixteen16>div:nth-child(2)>p {
        margin-right:8px;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
    }

     .sixteen16>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .sixteen16>div:nth-child(1) img {
        width: 70%;
        height: 90%;
        margin-right: 0%;
    }
    /* #sisteen,#thirteenth{
    background-color:white;
  } */
    .seventeen17 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
       
        /* margin-left: 15px; */
    }

    .seventeen17>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;
      
    }

    .seventeen17>div:nth-child(1)>img {
        width:80%;
        height:80px;
       
    }

    .seventeen17>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
        
    }
     .seventeen17>div:nth-child(2)>p {
        width: 130%;
        margin-left: 2px;
        font-weight:normal;
        font-size:15px;
      
    }

     .seventeen17:hover {
        text-decoration: underline;
        color: green;
    }

    #sports{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        width: 100%;
        gap: 10px;
       
    }
    #sports>div{       
        background-color: white;
    }
    .eighteen18 {
        width: 100%;
        height: 45%;
        margin-top: 9px;
        display: flex;        
        box-sizing: border-box;
    }
     .eighteen18:hover{
        text-decoration: underline;
    }

     .eighteen18>div:nth-child(1) {
        width: 80%;
        height: 100%;       
        margin-left: 8px;
    }

     .eighteen18>div:nth-child(2) {
        width: 80%;
        height: 100%;
    }

     .eighteen18>div:nth-child(2)>p {
        margin-top: 10px;
        font-size: 15px;
        font-weight: bold;
    }

     .eighteen18>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .eighteen18>div:nth-child(1) img {
        width: 70%;
        height: 90%;
        margin-right: 0%;
    }
    #eight{
        z-index:-20
    }
   
    .ninteen19 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
       
        /* margin-left: 15px; */
    }

    .ninteen19>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;      
    }

    .ninteen19>div:nth-child(1)>img {
        width:80%;
        height:80px;       
    }

    .ninteen19>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
       
    }
     .ninteen19>div:nth-child(2)>p {
        width: 135%;
        margin-left: 1px;
        font-weight:normal;
        font-size:15px;

      
    }

     .ninteen19:hover {
        text-decoration: underline;
        color: green;
    }
    .twenty20:hover{
        text-decoration: underline;
    }
    .twenty20{
       margin-top: 16px;
       margin-left: 12px;
       margin-right: 8px;
    }
    #inter{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 15px;
        
    }
    #inter>div:nth-child(2){
      
        background-color: #432957;
        color: white;
        font-size: 35px;
        padding-top: 17%;
        padding-left: 20px;
        font-weight: bold;
    }
    #inter>div:nth-child(2):hover{
        text-decoration: underline;
    }
    #inter>div:nth-child(3){
        font-size: 14px;
    }
    #inter>div:nth-child(3):hover{
        text-decoration: underline;
    }
    #inter2{
        width: 90%;
        margin: auto;
        margin-top:7px ;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 10px;
    
    }
    #inter2>div{
        background-color: white;
    }
    #inter2>div:hover{
        text-decoration: underline;
    }
    #inter2>div>h3{
        padding-left: 8px;
    }
    #metro{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    #metro>div:nth-child(2){
      
      background-color: #432957;
      color: white;
      width: 80%;
      text-align: center;
      font-size: 35px;
      padding-top: 21%;
      padding-left: 20px;
      font-weight: bold;
      height: auto;
  }
  #metro>div:nth-child(2):hover{
        text-decoration: underline;
    }
    .tone1 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
       
        /* margin-left: 15px; */
    }

    .tone1>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;      
    }

    .tone1>div:nth-child(1)>img {
        width:80%;
        height:80px;       
    }

    .tone1>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
     
    }
     .tone1>div:nth-child(2)>p {
        width: 145%;
        margin-left: 1px;
        font-weight:normal;
        font-size:15px;
        margin-top: 10px;

      
    }
     .tone1:hover {
        text-decoration: underline;
        color: green;
    }
    #enter{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        width: 100%;
        gap: 12px;
       
    }
    #enter>div{
       
        background-color: white;
    }
    .ttwo2 {
        width: 100%;
        height: 45%;
        margin-top: 9px;               
        box-sizing: border-box;
        font-size: 18px;
    }
     .ttwo2:hover{
        text-decoration: underline;
    }

     .ttwo2>div:nth-child(1) {
        width: 80%;
        height: 100%;       
        text-align: center;
        font-size: 18px;
    }
     .ttwo2>div:nth-child(2) {
        width: 80%;
        height: 100%;
    }

     .ttwo2>div:nth-child(2)>p {
        
        margin-left: 17%;
        font-size: 15px;
        font-weight: bolder;
        text-align: center;
        margin-top: 10px;
        text-align: center;
    }

     .ttwo2>div:nth-child(2)>p:hover {
        text-decoration: underline;
        /* color: green; */
    }

    .ttwo2>div:nth-child(1) img {
        width: 70%;
        height: 100%;
        margin-left: 25%;
        
    }
   
    .tthree3 {
        width: 95%;
        height: 50%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
      
        /* margin-left: 15px; */
    }

    .tthree3>div:nth-child(1) {
        width: 70%;
        height: 130px;
        margin-right:-20px ;
             
    }

    .tthree3>div:nth-child(1)>img {
        width:90%;
        height:120px;       
    }

    .tthree3>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
      
    }
     .tthree3>div:nth-child(2)>p {
        width: 95%;
        margin-left: 12px;
        font-weight:bold;
        font-size:16px;

      
    }

     .tthree3:hover {
        text-decoration: underline;
        color: green;
    }
    .tfour4:hover{
        text-decoration: underline;
    }
    .tfour4{
        margin: 10px 15px;
    }

    #spec{
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 15px;
    }
    #spec>div:nth-child(2){
      
        background-color:#ee9e18;
        color: white;
        font-size: 35px;
        padding-top: 17%;
        padding-left: 20px;
        font-weight: bold;
    }
    #spec>div:nth-child(2):hover{
        text-decoration: underline;
    }
    #spec>div:nth-child(3){
        font-size: 14px;
    }
    #spec>div:nth-child(3):hover{
        text-decoration: underline;
    }
    #spec2{
        width: 82%;
        margin: auto;
        margin-top:7px ;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 10px;
        margin-left:74px;
    
    }
    #spec2>div{
        background-color: white;
       margin-left: 2px;
    }
       #spec2>div>img{
        margin-left: 10px;
        margin-top: 5px;
       }
    
    #spec2>div:hover{
        text-decoration: underline;
    }
    #spec2>div>h3{
        padding-left: 8px;
    }
    #like{
        
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(4,1fr);
        gap: 2%;
    }
    #like>div{
        width: 100%;
        margin: auto;
 
       
    }
    #like>div>img{
        width: 100%;
        height: 200px;
    }
    #like>div:hover{
     text-decoration: underline;
       
    }
    #you{
        margin-left: 60px;
    }
    #adds>img{
        width: 100%;
        height: 100%;
    }
   h1{
    font-size: 35px;
    margin-top: 50px;
    margin-bottom: 25px;
    margin-left: 45px;
   }
   .sthree3 {
        width: 80%;
        height: 30%;      
        margin: 10px 15px;      
        padding: 0px;
        display: flex;
       
        /* margin-left: 15px; */
    }

    .sthree3>div:nth-child(1) {
        width: 70%;
        height: 100px;
        margin-right:-20px ;      
    }

    .sthree3>div:nth-child(1)>img {
        width:80%;
        height:80px;       
    }

    .sthree3>div:nth-child(2) {
        /* margin-top: 20px; */
        width: 90%;
        height: 100%;       
       
    }
     .sthree3>div:nth-child(2)>p {
        width: 135%;
        margin-left: 1px;
        font-weight:normal;
        font-size:15px;

      
    }

     .sthree3:hover {
        text-decoration: underline;
        color: green;
    }
    .sone1>img{
        width: 100%;
        height: 360px;
    }
    #sci{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    #sci>div{
     
        background-color: white;
    }
    #sci>div:nth-child(2){
        background-color: #9f7fbb;
           color: white;
           font-size: 35px;
           font-weight: bold;
           text-align: center;
           padding-top: 20%;
           padding-left: 15px;
           padding-right: 15px;
    }
      #sci>div:nth-child(2):hover{
        text-decoration: underline;
      }