/*Start  new code  */

.dropbtn {
    /* background-color: #04AA6D; */
    background-color: #0486C4 ;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
  background-color: #0486C4;
    /* background-color: #f1f1f1; */
    min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index: 1;
  }
  
  .dropdown-content a {
    /* color: black; */
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  /* .dropdown-content a:hover {background-color: #0486C4;} */
  
  .dropdown:hover .dropdown-content {display: block;}
  .courses {
    width: auto !important;
    height: 50px;
    transition: 350ms;
    background-color: #0eafea !important;
    border: 1px solid white !important;
    border-color: white;
  }
  .courses>a  {
    color: white
  }
  .courses>a:hover {
    color: #0486C4;
  }
  .courses:hover  {  
    background-color: #ffffff !important;
   
  }
  .footer-ul a {
    color: white;
    text-decoration: none;
  }
  
  
  
  
  /* end of new code  */
  
  body {
      overflow-x: none;
  }
  
  .bg-header {
         background-color: #0486C4 ;
          /*  z-index: 1; */
  
          position: sticky;
          top: 0; /* Adjust this value to set the distance from the top */
          padding: 10px;
          z-index: 100; 
  }
  .bg-header a{
      color: white;
      
  }
  
  .bg-footer {
      background-color: #0486C4 ;
      /* height: 400px; */
      color: white;
  
  }
  .bg-footer li {
      padding: 10px;
      text-decoration: none;
  }
  
  ul.footer-ul {
      list-style-type: none;
  }
  .fa-brands {
      font-size: 26px;
      padding: 5px;
  }
  
  .main {
      height: 500px;
     /*  background-color: #92a1a8; */
     /*  background-color: #0db0fd; */
      background-color: #0eafea;
      color: white;
      
      
    
  }
  .main-1  {
    padding-top: 50px;
      padding-left: 60px;
  
  }
  .main-1 h1 {
      font-size: 50px;
      
  
  }
  .main-1 p {
      font-size: 20px;
  }
  
  .courses {
      border: none;
      color:black;
      /* background-color: #F6AE00; */
      /* background-color: #ff7f0e ; */
      /* background-color: #ff5733 ; */
      background-color: #fff;
      width: 120px;
      height: 40px;
      
  }
  .cour, .mor , .sor{
    margin-left: 30px;
    
  }
  .btn  {
      justify-content: space-around;
      border: white;
  }
  
  /* #mynavbar .nav-item {
      padding-left: 90px;
  } */
  
  
    
    .main-achievement {
     
      padding-bottom: 100px;
  
    }
    
     .achievement {
      gap: 2rem;
     
     }
    
     .main-achievement h1 {
      padding: 50px;
      text-align: center;
      font-size: 50px;
     }
    
    .catch {
      background-color: #63A10E;
      color: white;
    }
    
    .explain .fa-crown {
      color:  #F6AE00;
      font-size: 40px;
    }
    .explain {
      font-size: 25px;
    }
    
    .achievement {
      margin: 0 auto;
      
      max-width: 70%;
  }
   
  .pcont {
    background-color: #6791B5;
    /* background-color: #85a6c3; */
    color: white;
  }
  
  .titlee i {
    color: #F6AE00;
  }
  .card:hover {
    transform: scale(1.05); 
    transition: transform 0.5s ease;
  }
  
  .main-card h1{
    text-align: center;
    font-size: 40px;
    color: #0486C4;
  
  }
  .main-card p{
    text-align: center;
    
  }
  .card-title {
    color: #0486C4;
  }
  .card-img-circle img {
    border-radius: 50%; 
    margin: 30px;
  }
  .main-card {
    background-color: #f3f5fa;
  
  }
  .card {
    border: none;
    
  }
  .card-1  ,.card-2 ,.card-3 ,.card-4 ,.card-5{
   /*  margin-bottom: 50px;  */
   gap: 3rem;
   
  
  }
  .s-media {
    color: #0486C4;
    
   
  }
  .s-media :hover {
    color: #71a0b6;
    
  }
  
  
  
  
  
  
  
  
  
  @media(max-width: 768px) {
      .main {
        height: auto; /* Adjust height to fit content */
        padding-top: 50px; /* Add padding to the top */
        padding-bottom: 50px; /* Add padding to the bottom */
      }
      
      .main-1 {
        padding: 20px;
        text-align: center;
      }
      
      .main-1 h1 {
        font-size: 40px;
        padding-bottom: 30px;
      }
      
      .main-1 p {
        font-size: 16px;
        padding-bottom: 20px;
      }
    
      .main-2 img {
        width: 100%; /* Make image responsive */
        height: auto; /* Ensure image maintains aspect ratio */
      }
    
     
    
      .cour, .mor {
        margin-left: 10px;
      }
    
      .display-block {
        text-align: center; /* Center the buttons */
      }
  
    
  
  
  
     
        .pcont {
          flex-direction: column-reverse; 
        }
      
        .col-md-6, .col-12 {
          width: 100%; /* Make columns full width on smaller screens */
          margin-bottom: 20px; /* Add margin between columns */
        }
      
        .cont {
          padding: 20px; 
        }
      
        .mainmore {
          margin-bottom: 10px; 
        }
      
        .titlee {
          font-size: 18px; 
        }
      
        .more {
          font-size: 14px; 
        }
      
        .mainmore h4 {
          margin-bottom: 5px;
        }
      
        .mainmore i {
          margin-right: 5px; 
        }
      
    
          .main-achievement {
            flex-direction: column; 
            align-items: center; 
          }
        
          .achiev {
            width: 100%; 
            margin-bottom: 20px; 
          }
        
          .catch {
            font-size: 18px;
          }
        
          .explain {
            font-size: 16px; 
          }
        
          .fa-crown {
            font-size: 24px; 
          }
        
        
            .main-card {
              padding: 20px; 
            }
          
            .card-group {
              flex-direction: column;
              align-items: center; 
            }
          
            .card {
              width: 100%; 
              margin-bottom: 20px;
            }
          
            .card-body {
              text-align: center; 
            }
          
            .card-img-circle img {
              width: 150px; 
              height: 150px;
            }
          
            .s-media {
              justify-content: center; 
              margin-top: 10px; 
            }
          
            .s-media i {
              margin: 0 5px; 
            }
          
            h1 {
              font-size: 24px; 
              text-align: center; 
            }
          
            p {
              font-size: 14px; 
              text-align: center; 
            }
            .card-title {
              font-size: 20px; 
            }
          
            .card-text {
              font-size: 16px; 
            }
          
              .bg-footer {
                padding: 20px; /* Add padding to the footer */
              }
            
              .bg-footer  .col-12 {
                margin-bottom: 20px; /* Add margin between columns */
              }
            
              .bg-footer  h2 {
                font-size: 20px; /* Decrease heading font size */
                margin-bottom: 10px; /* Add margin below headings */
              }
            
              .footer-ul {
                list-style-type: none; /* Remove default list style */
                padding: 0; /* Remove default padding */
              }
            
              .footer-ul li {
                margin-bottom: 5px; /* Add margin between list items */
              }
            
              .bg-footer .fa-brands {
                margin-right: 5px; /* Add margin between social media icons */
              }
            
              .bg-footer  .fa-solid {
                margin-right: 5px; /* Add margin between solid icons */
              }
  
                /* .navbar-nav,
                .d-flex {
                    display: none;
                } */
                
                .navbar-toggler {
                    order: -1;
                }
               
                .collapse:not(.show) {
                    display: flex !important;
                    flex-basis: auto;
                }
                
                .navbar-collapse {
                    justify-content: space-between;
                }
                
                   
                  
  } 
  /*
  @media(max-width: 993px) {
    .achievement {
      flex-wrap: nowrap; 
    }
    .achiev {
      width: auto; 
      flex-grow: 1; 
      margin: 0 10px; 
    }
      .card-group {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
      }
      .card {
          flex: 0 0 calc(50% - 20px);
          margin: 10px;
      }
  
      .main-card h1 {
          font-size: 40px;
      }
  
      .main-card p {
          font-size: 16px;
      }
  
      .card-img-circle img {
          max-width: 100%; 
          height: auto;
      }
  
      .card-body {
          text-align: center;
          overflow: hidden; 
          padding: 10px; 
          margin-left: 5px;
        }
  
      .card-title {
          font-size: 20px;
          margin-bottom: 10px;
      }
  
      .card-text {
          font-size: 14px;
          margin-bottom: 5px; 
          margin-left: 10px;
      }
  
      .s-media {
          justify-content: center;
      }
  } */
  
    
  
  
  
     .main-achievement h1 {
      padding: 50px;
      text-align: center;
      font-size: 50px;
     }
    
    .catch {
      background-color: #4a70eb;
      color: white;
    }
    
    .explain .fa-crown {
      color:  #F6AE00;
      font-size: 40px;
    }
    .explain {
      font-size: 25px;
    }
    
    .achievement {
      margin: 0 auto;
      
      max-width: 70%;
  }
   
  
  
  @media(max-width: 992px) {
    .main {
      display: flex;
      flex-direction: column;
      align-items: center;
    /*   padding: 20px; */
      height: auto;
    }
  
    .main-1 {
      padding: 20px;
      text-align: center;
    }
  
    .main-1 h1 {
      font-size: 40px;
      padding-bottom: 20px;
    }
  
    .main-1 p {
      font-size: 16px;
      padding-bottom: 20px;
    }
  
    .main-2 img {
      width: 100%;
      height: auto;
    }
  
  
    .cour, .mor {
      margin-left: 10px;
    }
  
    .display-block {
      text-align: center;
    }
  
    .pcont {
      flex-direction: column-reverse;
    }
  
    .col-md-6, .col-12 {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .cont {
      padding: 20px;
    }
  
    .mainmore {
      margin-bottom: 10px;
    }
  
    .titlee {
      font-size: 18px;
    }
  
    .more {
      font-size: 14px;
    }
  
    .mainmore h4 {
      margin-bottom: 5px;
    }
  
    .mainmore i {
      margin-right: 5px;
    }
  
   
      .main-achievement h1 {
        font-size: 40px;
        padding: 30px 0;
      }
      
      .achievement {
        flex-wrap: wrap;
        justify-content: center;
      }
     .achiev11 {
      display: flex;
     } 
     .achiev12 {
      display: flex;
     } 
      .achiev {
        width: 45%;
        margin: 20px;
      }
      
      .catch {
        font-size: 30px;
      }
      
      .explain {
        font-size: 20px;
      }
  
        .main-card h1 {
          font-size: 40px;
        }
      
        .main-card p {
          font-size: 16px;
        }
      
        .card {
          width: 100%;
          margin-bottom: 10px;
        }
      
        .card-img-circle {
          margin-right: 15px;
        }
      
        .card-body {
          flex-grow: 1;
        }
      
        .card-group {
          flex-direction: column;
        }
  }
  
  @media(max-width: 1200px) { 
  
      .main-card {
        padding: 20px; 
      }
    
      .card-img-circle img {
        border-radius: 50%; 
        margin: 20px;
      }
      .card {
        width: 100%; 
        margin-bottom: 20px;
      }
    
      .card-body {
        text-align: center; 
      }
    
      .card-img-circle img {
        width: 150px; 
        height: 150px;
      }
    
      .s-media {
        justify-content: center; 
        margin-top: 10px; 
      }
    
      .s-media i {
        margin: 0 5px; 
      }
    
  
  }
  
  
  /* ------------------------start */
  .rounded-circle{
  width:200px;
   height:200px
  }
  .abr-mini-team-ditail{
    display: flex;
  }
  @media(max-width: 576px) {
  
  
    .abr-mini-team-ditail{
      display: block;
    }
      .abr-heeder-mane-link {
        display: none;
      }
      
    
    .card-img-circle>.rounded-circle{
    width: 125px;
  }
  }
    
  /* ------------------------end */
  @media(min-width: 576px) {
  
  
  
  
    .main-1 h1 {
      font-size: 40px;
    }
  
    .main-1 p {
      font-size: 16px;
    }
  
    .achievement {
      flex-direction: column;
    }
  
    .achiev {
      width: 100%;
      margin-bottom: 20px;
    }
  
    .achiev11,
    .achiev12 {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .catch,
    .explain {
      text-align: center;
    }
  
    .main-achievement h1 {
      font-size: 40px;
      padding: 30px;
    }
  
    .fa-crown {
      font-size: 30px;
    }
  
  
  }
  
  
  
  
  
                /* ------------------------------start */
  .toggler {
    display: none;
  }
  
  
  .abr-heeder-mane-link-sm {
    transition: 350ms; 
    position: absolute; 
    display: none; 
    color: white;
    padding-left: 20px;
  }
  
   
  @media (max-width: 768px) {
     
    .abr-heeder-mane-link {
      display: none;
    }
    
    .toggler {
      display: block;
  
    }
   /*  .d-flex{
      top: 0; 
         left: 0; 
       
    } */
    form .d-flex {
      right: 0;
    }
    .navbar{
      display: flex;
      justify-content: space-between;
    }
    .form-control{
      display: none;
    }
  }
  
  
  .none {
    display: none;
    opacity: 0;
    transition: opacity 350ms ease-in-out;
    width: 100%;
  }
  
  
  .block {
    display: block;
    opacity: 1;
    transition: opacity 350ms ease-in-out;
    width: 100%;
    background-color:#0486C4;
  }
  
  body {font-family: Arial, Helvetica, sans-serif;}
  * {box-sizing: border-box;}
  
  input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
  }
  
  input[type=submit] {
    background-color: #04AA6D;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  
  input[type=submit]:hover {
    background-color: #45a049;
  }
  
  .container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
    
  }