h5, .h5 {
              font-size: 12px;
        }
       .text-white-50 {
                   color: rgb(255 255 255 / 100%) !important;
       }
        @media (min-width: 1200px)
               .display-3 {
                font-size: 50px;
        }
        .NEWH1 {
                text-align: center;
                font-size: 2.4em;
                color: #171616;
        }
        .container3 {
                display: block;
        }

        .project-item {
                 visibility: visible;
                 animation-delay: 1s;
                 animation-name: fadeIn;
        }


        .bg{

        border-radius: 31px;
        width: 134%;
        }

        .bg1{

                border-radius: 31px;
                width: 134%;
                background-color: #ffffff;
                }

        .modal.show .modal-dialog {
            transform: none;
         }

        .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
        margin-right: 30.75rem;

        }

        .modal {
         z-index: 1072;
        }

        .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%;
            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;
            }

          .modal1  {
          display: none;
          position: fixed;
          z-index: 1;
          padding-top: 5%;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;

          background-color: #ffff;
          background-color: rgba(0,0,0,0.4);
        }



        /* Modal Content */
        .modal-content {
          background-color: #ffff;
          padding: 20px;
          border: 1px solid #888;
          width: 85%;
          height: 98%;
        }

         .imgcontainer{
          align-items :center;
          padding-left:40%;
          height: 112px;
          }

        /* Avatar image */
        img.avatar {
          width: 34%;
          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;
        margin-left: 33px;
        }



        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;
        }

        .section-title {
            text-align: center;
            padding-bottom: 0px;
            margin-top: -3%;
        }

        .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;
            color: #000;
        }
        .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;
            }

            .card {
            border-radius: 0px;
            }

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

            .project-content a {
             width: 64%;
            }

           .sec1 {
           font-size: 12px;
           font-weight: 400;
            }

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

           .px-5 {
           padding-right: 1rem !important;
           padding-left: 1rem !important;
           }

           .py-5 {
           padding-top: 1rem !important;
           padding-bottom: 1rem !important;
           }

           .btn {
            line-height: 1.5;
            }

            .lgnbtn{
            background-color: #26d48c; /* Green */
            border: none;
            color: white;
            padding: 11px 24px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 12px;
            border-radius: 20px;
            cursor: pointer;
            }

            .project-img {
            width:77%;
            }

            .g-5, .gy-5 {
            --bs-gutter-y: 0rem;
            }

            .project-content {
             position: absolute;
             width: 72%;
             height: 100%;
             top: 0;
             left: 22px;
             }

             .text-secondary3{
             color: #000000;
             }

             .img-fluid {
             max-width: 100%;
             height: auto;
             border-radius: 10px;
             }

             .col-lg-3 {
             flex: 0 0 auto;
             width: 25%;
             padding-top: 26px;
             }

             .project-content a {
             display: inline-block;
             padding: 9px 3px;
             background: #ffffff;
             border-radius: 10px;
             }

             .modal-content0{
             width: 110%;
             }

             .modal-content2{
             background-color: white;
             margin: 15% auto;
             padding: 20px;
             border: 1px solid #888;
             width: 37%;
             border-radius: 5px;
             margin-top: -5%;

             }


            .close2 {
            color: #6f59dd;
            float: right;
            font-size: 28px;
            font-weight: bold;
            cursor: pointer;
            background-color: white;
            border: none;
            padding: 10px;
            border-radius: 5px;
            margin: -20px -20px 20px 0;
            }

            #translation {
                 /*   background-color: #ffc107;  */
                    border: 1px solid #2867c3;
                    color: white;
                    background-color: #b0cdc1;
                    padding: 10px 7px;
                    text-align: center;
                    text-decoration: none;
                    display: inline-block;
                    font-size: 12px;
                    margin: 4px 2px;
                    cursor: pointer;
                    border-radius: 10px;
                  /*  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%); */
                }