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

.main_container {
      display:flex;
      flex-direction:column;
      flex-wrap: wrap;
      align-items: center;
      width: 100%; height: 100vh;
      background-color: #0867ff98;
}

.section-1 {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      width: 100%; /*height: 8vh;*/
      background-color: #c5dcffcd;
      gap: 10px;
      justify-content: center;
      align-items: center;
      padding: 0px 0;
}

.section-1-left_card {
      display: flex;
      flex-direction: row;
      justify-content:flex-start;
      align-items: center;
      /*height: 40%;*/
      width: 46%;
      margin-left: 0px;
      background-color: rgb(175, 254, 228);
}

.section-1-right_card {
      display: flex;
      flex-direction: row;
      justify-content:flex-end;
      align-items: center;
      
      /*height: 40%;*/
      width: 46%;
      margin-left: 0px;
      background-color: rgb(175, 254, 228);
}

.section-1-left_card .p1 {
      font-family:Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;   
}

.section-1-right_card .p2 {
      font-family:Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #000000;      
}

ul{
      line-height: 1.3em;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px; color: #3c4043;
}

li{
      display: inline;
      padding-right: 10px;      
}

li a{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 24px;
      color: rgb(26 13 171)
      !important;
}

a,
a:active,
a:focus,
a:visited {
  color: #0866ff;
  text-decoration: none;
  text-align: center;
}

a:hover {
  text-decoration: underline;
}

.highlight{
      text-align: center;
      margin-top: 5px;
      background-color: #ffffff00;
      margin-right: 10px;
      /*width: 40px; height: 40px;
      padding: 5px;
      border: px solid rgba(0, 0, 255, 0);*/

      border-radius: 50%;
      transition: background-color 1s ease;     
}

.highlight:hover {
      background-color: #00000025;      
}

.section-2 {
      display: flex;      
      justify-content: center;
      align-items:end;
      flex-wrap: wrap;
      flex-shrink: inherit;
      gap: 50px;
      width: 100%;
      height: 25vh;
      padding: 10px 0;
      background-color: #f5ffd67a;
}

.image{
      width: 25%;
      align-items: center;
      flex-wrap: wrap;
      }

.section-3 {
      display: flex;
      flex-direction: column;
      justify-content:center;      
      align-items:center;
      /*flex-wrap: wrap; flex-wrap: wrap;: This allows the items to wrap to the next line if there's not enough space in the container, though with flex-direction: column;, wrapping usually isn’t necessary unless there are multiple rows.*/
      gap: 15px;
      
      width: 50%; height: 25vh;
      padding: 0px 0; margin: 20px;
      background-color: #c5fcee48;     
}

.serach-container-1 {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;      
      flex-wrap: wrap;
      
      position: relative; /* this makes all the icons inside remain inside*/
      width: 100%;
      max-width: 550px; height: 6vh;     
      
      border: none;
      border-style: solid; border-width: 1px; border-radius: 50px;
      border-color: #d3d3d300;
}

.input-1:hover{
      box-shadow: #0000003b 0px 0px 10px ;
      transition-duration: .3s;
      /*transform: scale(1.0);
      background-color: #e2e2e2d2;*/
      

}

.serach-container-1 input {
      width: 100%;
      padding: 10px 40px 10px 40px; /* Adjust padding to make space for the icon */
      font-size: 14px;
      border: 1px solid #ccc;
      border-radius: 50px;
}

.serach-container-1 .icon {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
}

.icon1{
      left: 10px;
      width: 20px;
}
.icon2{
      right: 90px;
      width: 24px;
}
.icon3{
      right: 55px;
      width: 24px;
}
.icon4{
      right: 20px;
      width: 24px;
}
.icon5{      
      align-items:center;
      justify-content: center;
      flex-wrap: wrap;

      width: 25px;
      /*right: 20px;
      margin-right: 20px;
      border: 1px solid red;*/
}
.icon6{
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      
      width: 25px;
      /*right: 40px;
      margin-right: 20px;*/
            
}
.icon7{
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;

      width: 21px;
      /*right: 40px;
      margin-right: 0px;*/
        
}

.search-input-2{
      height: 40px ;width: 130px;
      border: none;
      border-style: solid;
      border-width: 1px;
      border-radius: 6px;
      border-color: #d3d3d3;
      text-align: center;
      margin: 10px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #3c4043;
      cursor:pointer ;      
}

.search-input-2:hover{
      transform: scale(1.02);
      transition-duration: .5s;
      background-color: #e2e2e26e;
}


.section-4 {
      display: flex;
      flex-direction:row;
      justify-content:flex-start;      
      align-items:end;
      gap: 0px;
      flex-wrap: wrap;
      width: 100%; height: 12vh;
      padding: 0px 0; margin-top: 250px;
      background-color: #e4e4e466;     
}

.section-4-left_card-1 {
      display: flex;
      flex-direction: row;
      justify-content:flex-start;
      align-items:center;
      height: 30px;
      width: 45%;
      margin-left: 30px;
      background-color: rgba(231, 255, 194, 0);
}

.section-4-right_card-1 {
      display: flex;
      flex-direction:row;
      justify-content:flex-end;
      align-items:center;
      height: 30px;
      width: 45%;
      margin-left: 90px;
      background-color: rgba(255, 239, 194, 0);
}

/* Color of India*/
.p1{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px; color:#00000096;
      align-self: center;
}

/* All letters in dark Gray*/
li a{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      color:#00000096
      !important;
}

.footer-line {
      width: 100%;
      border: 1px solid #0000000c;
}


/* No use of this
.list-1{
      line-height: 1.3em;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px; color: #ff0000;
}

.li-1{
      display: inline;
      padding-right: 10px;
      color: #ff0831;      
}
*/