.bg-dark {
               background-color: #4d7bb0 !important;
        }
        h5, .h5 {
              font-size: 12px;
        }
        .text-white-50 {
               color: rgb(255 255 255 / 100%) !important;
        }
        .text-secondary2 {
               color: #f3fbf7 !important;
        }
        .page-header {
                     background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(/static/assets/designTemplate/img/maha-1.jpg) center center no-repeat;
                     background-size: cover;
        }

        .navbar .navbar-nav .nav-link {
                        padding: 10px;
                        font-size: 16px;
                        }
                        h4, .h4 {
font-size: 17px;
}
.navbar .navbar-nav .nav-link {
padding: 10px;
font-size: 16px;
}

        .modal  {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0);  /*Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}



        .button {
        background-color: #26d48c; /* Green */
        border: none;
        color: white;
        padding: 11px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 12px;
        border-radius: 20px;
        }
        h1 {
            text-align: center;
            font-size: 2.4em;
            color: #322727;
        }
        .bg-dark {
            color: white;
            background-color: #4d7bb0 !important;
        }
        .sachin
        {
            background-color: #ebf3f9;
            color: #1f1e1e;
            border-radius: 10px;
        }
        .text-secondary2
         {
            color: #f3fbf7 !important;
         }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 0.25rem;
            left: 15%;
            /* padding-top: 1.25rem; */
            padding-bottom: 1.25rem;
            color: #fff;
            text-align: center;
        }
         .bg-dark {
            background-color: #4d7bb0 !important;
                    }

        .btn-primary {
            background-color: #5877cd;
            }

            .modal  {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          padding-top: 10%; /* Location of the box */
          left: 0;
          top: 0;
          width: 100%; /* Full width */
          height: 100%; /* Full height */
          overflow: auto; /* Enable scroll if needed */
          background-color: #ffff;  /*Fallback color */
          background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content */
        .modal-content {
          background-color: #ffff;
          margin: auto;
          padding: 20px;
          border: 1px solid #888;
          width: 100%;
          height: 98%;
          margin-top: 1%;
          border-radius: 4%;
        }

        /* The Close login Button */
        .close2 {
          /* Position it in the top right corner outside of the modal */
          position: absolute;
          right: 25px;
          top: 0;
          color: white;
          font-size: 35px;
          font-weight: bold;
        }

        .close2:hover,
        .close2:focus {
          color: #000;
          text-decoration: none;
          cursor: pointer;
        }
        .imgcontainer{
          align-items :center;
          padding-left:40%;
          height: 112px;
          }

        /* Avatar image */
        img.avatar {
          width: 34%;
          margin-top: -22%;
          border-radius: 50%;
        }

        /* Style the input container */
        .input-container {
          display: flex;
          width: 100%;
          margin-bottom: 15px;
        }

        /* Style the form icons */
        .icon {
          padding: 15px;
          background: #8aa3c5;
          color: white;
          min-width: 50px;
          text-align: center;
        }
        #myBtn2{
        font-size:14px;
        }



          input, button, select, optgroup, textarea {
           background-color:#558ca7;
           color: white;
           border-radius: 5px;
           }

         .navbar .navbar-nav .nav-link {
         padding: 10px;
         font-size: 16px;
         }

         .modal-content1 {
          margin: auto;
          display: block;
          width: 89%;
          max-width: 700px;
        }

        /* Add Animation */
        .modal-content1, #caption1 {
          -webkit-animation-name: zoom;
          -webkit-animation-duration: 0.6s;
          animation-name: zoom;
          animation-duration: 0.6s;
        }

        .modalNew {
            display: none;
                position: fixed;
                z-index: 1;
                left: 25%;
                top: 15%;
                overflow: auto;
                background-color: rgb(255 255 255);
                align: center;
                border-radius: 2px;
                /*width: 50%;*/
               /* height: 75%;*/
        }

        .modal-dialogNew{
           position: relative;
           max-width: 500px;
           margin: 1.75rem auto;
           margin-right: 10.75rem;

        }

        .section-title {
            text-align: center;
            padding-bottom: 0px;
        }

        .section-title h2 {
          font-size: 12px;
          letter-spacing: 1px;
          font-weight: 700;
          padding: 13px 21px;
          margin: 11px;
          background: #6a99d9;
          color: #1a1b1c;
          display: inline-block;
          text-transform: uppercase;
          border-radius: 50px;
        }

        .table td, .table th {
            padding: .75rem;
            vertical-align: top;
            border: 1px solid #dee2e6;
            /* border-collapse: collapse; */
            font-size: 12px;
            background-color: white;
        }
        .col-lg-10 {
            flex: 0 0 auto;
            width: 108.333333%;
        }

        .col-sm-4 {
            flex: 0 0 auto;
            width: 33.3333333333%;
            margin-right: -69px;
        }

        .col-lg-2 {
            flex: 0 0 auto;
            width: 27.666667%;
        }

        .row>* {
            max-width: 113%;
            }

            .card {
            background-color: #c0dee7;
            }

         h4, .h4 {
         font-size: 12px;
        }

        .project-content a {
            width: 256px;
        }
        .sec1 {
        font-size: 12px;
        font-weight: 400;
        }

        .p {
        margin-top: 27px;
        margin-bottom: 1rem;
        }