      body{
          margin: 0px;
          padding: 0px;
          overflow-x:hidden;
      }
      p{
          line-height: 1.8rem;
      }
      h2, h3, h4, h5{
          font-weight: 600;
          color: rgb(1,1,40);
      }
      .text-justify {
        text-align: justify;
      }
      .main{
      /*     padding-top: 110px; */
      }
      .header {
            background-color: navy !important;
            color: rgba(255,254,254,0.79);
        }
        .header .fas {
            color: rgb(243,176,53);
            height: 1.9rem;
            width: 1.9rem;
            line-height: 1.7rem;
            background: rgba(255,255,255,0.23);
            border-radius: 50%;
        }
        .nav-item  {
        /*     border: 2px solid #ffffff; */
            border-radius: 20px;
            background: rgba(0,0,0,0.05);
            margin: 0px 5px;
            padding: 0px 10px;
        }
        .nav-item:hover {
        /*     border: 2px solid #ffffff; */
            background: rgba(0,1,128,0.71);
        }
        .nav-item:hover a {
            color: white!important;
          }
        .nav-item:hover .dropdown-menu li a {
            color: black!important;
          }
        .btn-primary {
            color: #fff;
            background-color: #000080;
            border-color: #020251;
        }
      .carousel:after{
          content: "";
          background: rgb(1,1,49);
          height: 100%;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          z-index: -1;
          opacity: 0.8;
      }
      .carousel img{
         display: block;
          margin-left: auto;
          margin-right: auto;
          height: 90vh!important;
      }
      @media only screen and (max-width: 600px) {
        .carousel img {
          height: auto!important;
          width: 80%;
        }
      }
      .header{
          text-align: center!important;
          border-bottom: 1px solid rgba(255,166,0,0.15)
      }
      .nav-link{
          color: rgb(201,4,4)!important;
          font-size: 17px;
          font-weight: 600;
          transition: all 0.1s;
      }
      section{
          padding: 80px 0px;
      }
      .section-heading{
         display: block;
         margin-left: auto;
          margin-bottom: 40px;
      }
      .section-heading:after{
          content: '';
          position: absolute;
          left:45%;
          height: 3px;
          width: 10%;
          background-color: #3d3d92;;
          margin-top: 10px
      }
      .section-heading h2{
         font-size: 2.1rem;
         font-weight: 700;
         color: #000000a1;
         text-transform: capitalize;
      }
      .section-heading h2 span{
         color: orange;
      }
      #about{
          background: rgb(238,238,238);
      }
      
      .counter {
            background-color:#f5f5f5;
            padding: 20px 0;
            border-radius: 5px;
        }
        
        .count-title {
            font-size: 40px;
            font-weight: normal;
            margin-top: 10px;
            margin-bottom: 0;
            text-align: center;
            color: navy;
        }
        
        .count-text {
            font-size: 16px;
            font-weight: normal;
            margin-top: 10px;
            margin-bottom: 0;
            text-align: center;
        }
        
        .fa-2x {
            margin: 0 auto;
            float: none;
            display: table;
            color: #ffa500;
        }

      #contact p{
          color: rgb(73,71,68) !important;
      }
      .facilities-img img{
          height: 100px!important;
          border-radius: 10%;
      }
      .facilities h5 {
          color: white;
      }
      /*---------------------
      facilities style Start
      ----------------------*/
      /*---------------------
      contact style Start
      ----------------------*/
      #contact{
        background: url('../img/bg-contact.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        width: 100%;
        height: 100%;
        position: relative;
      }
      #contact:after {
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        background-color: rgba(255, 255, 255, 0.8);
      }
       #contact .container{
        z-index: 1;
        position: relative;
       }
       .contact-content h4{
          font-size: 30px;
          color: #000000a1;
      }
       .contact-content i{
          font-size: 30px;
          color: orange;
      }

      /*---------------------
      contect style end
      ----------------------*/
    #svg8{
      animation: txtanimg 18s -1s infinite;
      vector-effect: non-scaling-stroke;
    }
    #svg8 path{
      stroke-width:8;
      stroke: inherit;
      stroke-linejoin: round;
      stroke-linecap: round;
      stroke: #D81C3E;
      stroke-miterlimit: 3;
      fill: none;
      vector-effect:non-scaling-stroke;
      transform: inherit;
      stroke-dashoffset: 100;
      stroke-dasharray: 0.1, 100000;
      animation-fill-mode: none;
      animation: txtanim 18s infinite;
    }

    path#t1{animation-delay: 0.0s;}
    path#t2{animation-delay: 0.8s;}
    path#t3{animation-delay: 1.6s;}
    path#t4{animation-delay: 2.4s;}
    path#t5{animation-delay: 3.2s;}
    path#t6{animation-delay: 0.0s;}
    path#t7{animation-delay: 4.0s;}
    path#t8{animation-delay: 4.8s;}

    @keyframes txtanim {
      0%   {stroke-dasharray: 0, 10000;}
      35%  {stroke-dasharray: 1000, 100000; }
      65%  {stroke-dasharray: 1200, 100000; }
      65.5%{stroke-dasharray: 1000, 100000;}
      70%  {stroke-dasharray: 700, 100000; }
      90%  {stroke-dasharray: 500, 100000; }
      100% {stroke-dasharray: 0, 100000; }
    }
    /*@keyframes txtanimg {
      0%    {opacity: 1 }
      68%   {opacity: 1 }
      71%   {opacity: 1 }
      100%  {opacity: 0 }
    }*/

    #svg8 path{
      stroke-width:4!important;
/*       fill: orange!important; */
    stroke: rgb(255,255,255)!important;
      animation: txtanim 18s infinite;
    }
    #g27005 path{
        stroke-width:0.03rem!important;
       
    }
    #svg8{
        background: red;
    }
    @media only screen and (min-width: 600px) {
        #svg8{
            background: #fc0000!important;
            width:80mm!important;
        }
    }

     /*---------------------
      cover style Start
      ----------------------*/
        .cover{
        height: 300px;
        position: relative;
    /*     z-index: 1; */
        padding: 0;
        background-image: url('../img/cover.jpg');
        background-size: cover;
    }
    /* .cover img{
        height: 100%;
        width: 100%;
    } */
    .cover::before{
        content: '';
        position: absolute;
        top: 0;;
        left:0;
        height: 100%;
        width: 100%;
        background-color: rgba(18, 18, 131, 0.42);
    /*     position: relative; */
        z-index: 200;
    }
    .breadcrumb-div{
        position: absolute;
        top: 40%;
        left: 0;
        z-index: 1000;
    }
    .breadcrumb .breadcrumb-item {
        font-size: 20px;
        text-transform: capitalize;
    }
    .breadcrumb .breadcrumb-item a{
        color: #3e3e3e;
    }
    .breadcrumb-div h1{
        color: white;
        font-size: 30px;
    }
      /*---------------------
      cover style end
      ----------------------*/

      /*----------------
      gallery section style
      -------------------*/

      .gallery-img {
          width: 100%;
          position: relative;
      }
      .gallery-part {
          position: relative;
      }
      .gallery-lable{
          position: absolute;
          bottom: 0;
          left: 13px;
          background: rgba(0,0,0,0.66);
          color: white;
          padding: 10px;
      }

      /*----------------
      gallery section style
      -------------------*/