*{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
   }
   body{
         font-family: 'Castoro', serif;
   }
   .icons{
          background: #01012e;
          text-decoration: none;
          color: #fff;
   }
   .icons a{
          font-size: 25px;
          transition: color 1s ease;
          color: #fff;
   }
   .icons   a:hover{
        color: lightblue;
   }
   /*=========Navbar============*/
     .navbar{
             background: #010155;
             padding:  10px 20px;
             transition:  padding 2s ease;
     }
     .navbar-brand{
             color: #fff;
             font-size: 25px;
             font-weight: bold;
             font-family: "Times New Roman", Times, serif;
     }
     .navbar-brand:hover{
             color: #01012e;
     }
      .navbar-toggler{
             padding: 3px;
      }
      .line1, .line2, .line3{
        width: 23px;
        height: 3px;
        margin: 5px;
        background: #000;
        transition: all 0.5s ease;
        outline:none;
      }
      .navbar-toggler{
          outline: none !important;
      }
      .nav-link{
        color:#fff;
        font-size: 25px;
        padding: 10px 20px;
        border-radius: 5px;
        transition: background 2s ease;
      }
      .nav-link:hover{
        background: #1919d1;
        color: #fff;
      }
      .nav-active{
        color: #fff;
        font-size:25px;
        padding: 10px 20px;
        border-radius: 5px;
        background: rgba(83,83,248,0.322);
        transition: background 2s ease;
      }
      .nav-active:hover{
        background:#1717f0;
      }
      /*=====end of Nabar=====*/

      /*======banner=====*/
         .banner{
           height: 120vh;
           background: linear-gradient(rgba(2,0,36,0.3), rgba(9,9,121,0.2)), url("Images/picture_9.jpg");
           justify-content: center;
           align-items:center;

         }
         .heading{
             text-align: center;
             color:#fff;
         }
         .heading h6{
           font-weight: bold;
           font-size: 40px;
           font-family: "Times New Roman", Times, serif;
         }
         .heading p{
            font-size: 25 px;
         }
         .btn-main{
            background:#fff;
            color:#01012e ;
            border-radius: 10px 20px;
         }
         .btn-main{
             dispaly:inline-block;
             vertical-align: middle;
             transform: perspective(1px) translateZ(0);
             box-shadow: 0 0 1px rgba(0,0,0,0);
             transition-duration: 0.3s;
             transition-property: transform;
             transform-origin:0 100%;
         }
         .btn-main:hover, btn-main:focus, btn-main:active{
              transform: skew(-10deg);
              color:#01012e;
              font-weight: bold;
         }
      /*======end of banner====*/
      /*============about us section====*/
      .about h6{
               font-size: 14px;
               color: #01012e;
      }
      .about  .title-border{
        content:"";
        width: 30%;
        height: 2px;
        display: block;
        background: block;
        background-color: #01012e;
        border-radius: 50%;
        margin: 1%;
        margin-left: 35%;
      }
      .about p{
        font-size: 18px;
        color: #01012e;
      }
      .fas{
        color:#01012e;
      }
      /*=========end of about section=====*/
      /*======partners section======*/
      .partners{
        background: ;
        color:#01012e;
      }
      .partners .title-border{
        content:" ";
        width: 30%;
        height: 2px;
        display: block;
        background: block;
        background-color: #01012e;
        border-radius: 50%;
        margin: 1%;
        margin-left: 35%;
      }
      .partner-container{
         position: relative;
         width: 300px;
         height: 400px;
         background:#000;
         box-shadow: 0 10px 10px  rgba(7, 4, 189, 0.8);
         cursor: pointer;
      }
      .partner-container .img-content{
          position: absolute;
          top: 0;
          left:0;
          width: 100%;
          height:100%;
          margin-bottom: 10px;
      }

      .partner-container .img-content img{
          position: absolute;
          top: 0;
          left:0;
          width: 100%;
          height:100%;
          transition: 0.5s;
      }
      .partner-container:hover .img-content img{
           opacity: 0;
      }
      .partner-container  .content{
           position: absolute;
           bottom: 20%;
           left: 10%;
           width: 80%;
           height: 60px;
           background:#fff;
           overflow: hidden;
           padding: 15px;
      }
       .partner-container:hover .content{
            width: 100%;
            height: 100%;
            bottom: 0;
            left:0;
       }
       .partner-container .content  h3{
              font-size: 13px;
       }
       .partner-container .content p{
             margin: 10px  0 0;
             opacity: 0;
             line-height: 15px;
             transition: 0.5s;
             text-align: justify
       }
       .partner-container:hover .content p{
         opacity:1;
         transition-delay: 0.4s;
       }
      /*======end of proejct section=====*/
     /*===========service section=====*/
     #SERVICES  .title-border{
           content:" ";
            width: 30%;
            height: 2px;
            display: block;
            background: block;
            background-color: #01012e;
            border-radius: 50%;
            margin: 1%;
            margin-left: 35%;
     }
     .service-pic img{
       width:  100%;
     }
     .service-inner-wrapper{
            padding-top: 30px;
            padding-bottom: 10px;
     }
     .left-service-item{
             position: relative;
             padding-right: 90px;
             margin-bottom: 65px;
             text-align: right;
             margin-top: 35px;
     }
     .left-icon{
             position: absolute;
              right:0;
              top: -8px;
              color: #01012e;
              width: 90px;
              height: 90px;
              text-align: center;
     }
     .left-service-item h3{
              text-transform: ;
              font-size: 15px;
              font-weight: 700;
              margin-bottom: 21px;
              color:#01012e;
     }
     .left-service-item p{
            color: #000;
            font-size: 13px;
            font-weight: 300;
            line-height: 25px;

     }
     .right-service-item{
            position: relative;
            padding-left: 90px;
            margin-bottom: 65px;
            margin-top: 35px;
            text-align: left;
     }
     .right-icon{
            position: absolute;
            left: 0;
            top: -8px;
            color:#01012e;
            width: 90px;
            height: 90px;
            text-align: center;
     }
     .right-service-item h3{
            text-transform: ;
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 21px;
            color:#01012e;
     }
     .right-service-item p{
            color: #000;
            font-size: 13px;
            font-weight: 300;
            line-height: 25px;


     }
     /*===========end of service section====*/
     /*=====client=======*/
     #clients {
            background: #01012e;
     }
     .des-color{
            color: #fff;
     }
     .main-img{
             width: 150px;
     }
     .client p{
           font-weight: bold;
           color:#fff;
     }
     .client h2{
           font-weight: bold;
           color:#fff;
     }


     /*=====end client======*/
     .contac-us .title-border{
             content:" ";
             width: 30%;
              height: 2px;
              display: block;
              background: block;
              background-color: #01012e;
              border-radius: 50%;
              margin: 1%;
              margin-left: 35%;
     }
     .content  .fas{
           color:#01012e;
     }
     .contact .far{
          color:#01012e;
     }
      .btn-cont{
             background: #01012e;
             color:#fff;
      }
      .btn-cont:hover{
             color:#fff;
             border-radius:10px 20px 10px 20px;
      }











   /*=======end of Navbar==========*/