@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");

:root{

    --orange:#07263a;

  

  }

  

  *{

      margin:0; padding:0;

      box-sizing: border-box;

      text-decoration: none;

      outline: none; border:none;

      font-size: 15px;

      transition: all .3s cubic-bezier(.38,1.15,.7,1.12);

      font-weight: normal;

       font-family: 'Poppins', sans-serif;

  }

  

  *::selection{

      background:var(--green);

      color:#fff;

  }

  

  html{

      font-size: 62.5%;

      overflow-x: hidden;

  }

  

  

  section{

     

      padding:0 7%;

      padding-top: 7.5rem;

  }

  

  .btn-1{

      display: inline-block;

      border:.2rem solid var(--yellow);

      font-size: 1.7rem;

      color:#fff;

      background:var(--dark-orange);

      margin-top: 1rem;

      padding:.7rem 3rem;

      border-radius: 2rem;

  }

  

  .btn-1:hover{

      background:var(--yellow);

      color:#fff;

      border-radius: 5rem;

  }

  

 .heading {

    text-align: center;

    margin-bottom: 5rem;

    font-size: 4rem;

    text-transform: capitalize;

    color: #334;

    line-height: 1.6;

    padding: 0 4rem;

  

  }

  

 .heading span {

    color: var(--orange);

    font-size: inherit;

  }

  

  .main-header{

      position: fixed;

      top:0; left: 0;

      z-index: 1000;

      width:100%;

      background: #fff;

      display: flex;

      align-items: center;

      justify-content: space-between;

      padding:2rem 7%;

      box-shadow: 0 .5rem 1rem rgba(0,0,0,.1);

  }

  

  .main-header .logo{

      font-size: 2.7rem;

      color:#001420;

  }

  

  

  .main-header .main-navbar a{

      font-size: 1.9rem;

      margin-left: 2rem;

      color:#001420;

  }

  

  .main-header .main-navbar a:hover{

      color:#111;;

  }

  

  #menu{

      font-size: 2.5rem;

      color:#777;

      border-radius: .5rem;

      padding:1rem 1.5rem;

      cursor: pointer;

      display: none;

  }

  

  .home{

padding-left: 0;

padding-right: 0;

    



      width: 100%;

      display: flex;
      height:70vh;

      /* align-items: center; */

      justify-content: center;

      /* background: url(../images/bg.jpg) no-repeat;

      background-size: cover;

      background-position: center; */

      margin-bottom: 2rem;

  }

  .home img{

    width: 100%;

    height: 100%;

  }

  

  

  

  

  

  

  .footer {

      background: #001420;;

  }

  

  

  

  

  

  

  /* media queries  */

  

  @media (max-width:991px){

  

      html{

          font-size: 55%;

      }

  

  }

  

  @media (max-width:768px){

  

      #menu{

          display: block;

      }

  

      .main-header .main-navbar{

          position: absolute;

          top:100%; left: 0;

          width:100%;

          background:#fff;

          border-top: .1rem solid rgba(0,0,0,.1);

          padding:2rem;

          transform-origin: top;

          transform:scaleY(0);

          opacity: 0;

      }

  

      .main-header .main-navbar.nav-toggle{

          transform:scaleY(1);

          opacity: 1;

      }

  

      .main-header .main-navbar a{

          display: block;

          margin: 2rem 0;

          padding:0 1rem;

          font-size: 2.2rem;

         color: var(--orange);

      }

      .heading{

          padding:0;

      }

      .home{

        padding-top: 8rem

      }

  

      

     

      .home .content{

          text-align: center;

          width:auto;

          margin-top: 10rem;

      }

  

      .home .content h3{

          font-size: 6rem;

      }

  

      section{

          padding:1rem 4%;

          

      }

    

      

      

  

  }

  

  @media (max-width:400px){

  

      html{

          font-size: 50%;

      }

  

     

      

      

  

      

  

  }
  footer{margin:0; padding:48px 0; width:100%; float:left;background: #2d2d2d;;}

footer .logoandicon{margin:0; padding:0; width:100%; float:left;}

footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}

footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}

footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}


footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}
footer ul{
  padding-left: 0;
}

footer ul.icon{ width:100%; float:left;}

footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}

footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 3rem;}

footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}

footer .quick-links h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;
	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
	  box-sizing:content-box; background:#fff;
}

footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}

footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}

footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}

footer .quick-links ul li:hover a{color:#ddd;}

footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}

footer .company{margin:0; padding-bottom: 2rem; float:left; width:100%;}

footer .company h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;
	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	  background:#fff;
}

footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}

.copyright{background:#252525; padding:14px 0px; float:left; width:100%;}

.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}

.copyright .copytexts{text-align:center; font-size:13px; color:#fff; font-weight:400;}