*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    scroll-behavior: smooth;
}
.foot .right{
  text-align: center;
}

/* Alerter-code Redsign-navbar(S) */
 
svg.line-top {
	width: 100%;
	/* background-color: #17141d; */
}
svg.line-bottom {
	width: 100%;
}
.menu {
  	width: 750px;
    height: 70px;
	  margin: 0 auto;
}
ul {
	padding: 0;
	margin: 0;
}

ul #me  {
	margin: 0;
	/* padding: 10px 0 24px 0; */
	width: 25%;
	height: 10px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: black;
	cursor: pointer;
	display: inline-block;
	letter-spacing: 3.5px;
	transition: all 0.5s ease-out;
}

#me.active {
	color: #3163ff;
	transform: scale(1.1);
}
.menu ul li a{
  text-decoration: none;
}
polygon {
	stroke-width: 2px;
	stroke: black;
	fill: #2f60ff;
}

/* Alerter-code(E) */
.change{
 
    background-color: #0072b9!important;
    font: 400 10px "Lato", sans-serif;
    font-size: 15px;
  }


/* Alerter-code Redsign-navbar(E) */



.hea{
    margin: 10px;
    /* border: 1px solid red; */
    padding-left: 70px;
    
    
    
  }
  
  .hea p{
    margin: 0 ;
  }
  
  .privacy{
    /* border: 1px solid red; */
    display: flex;
    flex-direction: column;
    padding: 10px 0;
  }
  
  .privacy .nav-item a{
    padding: 10px 0;
  }



  .under:hover{
    text-decoration: underline;
  }

  #bottom h6{
    font-weight: bold;
    text-decoration: underline;
    
  
   }



#contact{
    margin-top: 180px;

}
.active{
    color: white !important;
}
.container-fluid .contact-form{
    padding: 10px 20px;
text-align: center;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
}
.container-fluid h1{
    text-shadow: 5px 3px 5px rgba(0, 0, 0, 0.3);
}
.contact-form {
    /* border: 1px solid red; */
    width: 50%;
}




.foot a:hover{
    color: black;
   }

.container-fluid .contact-form input{
    border-radius: 10px;
    
    
}
.container-fluid .contact-form textarea{
    border-radius: 10px;
    
}
.container-fluid .contact-form button{
    background:#0072b9 !important;
    border: none;
    padding: 7px 20px !important;
    transition: all 0.3s ease 0s;
    border-radius:  25px;
  } 

  .container-fluid .contact-form button:hover{
    color: black;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
 
    transform: translateY(-7px);
  }

  .foot .social a {
    color: white !important;
  
  }
  .foot .social a:hover{
    background-color: black;
  }
  
/* <!-- Back to Top (s) --> */
#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
  }
  /* <!-- Back to Top (E) --> */

  .position{
    /* border: 1px solid red; */
    width: 100%;
    height: 32%;
    position: fixed;
    top: 0;
    z-index: 2;


}

  /* footer-iso-img(S) */
      

  .certify img{
    /* border: 1px solid red; */
    width: 80px;
    height: 80px;
  margin: 10px;
    border-radius: 60px;
   }
  /* footer-iso-img(E) */


.foot{
   
    position: relative;
    z-index: 0;
}


  @media screen and (min-device-width:320px) and (max-device-width:480px) { 
    .foot .right{
      text-align: start;
    }

    .position{
        height: 21%;
    }
    #contact{
        margin-top: 130px;
    
    }

    #contact h5{
        /* border: 1px solid firebrick; */
        font-size: 20px;
        font-weight: bold;

    }

    #contact h1{
        font-size: 25px ;
        font-weight: bold;
    }
    .contact-form{
        width: 100%;
    }
    .container-fluid .contact-form button{
       
     
        padding: 5px 15px !important;
      } 

      .navbar-brand {
        left: 0;
       }




  }

  @media screen and (min-device-width:481px) and (max-device-width:768px) {
    .foot .right{
      text-align: start;
    }

    .position{
        height: 39%;
    }
    #contact{
        margin-top: 150px;
    
    }

    #contact h5{
        /* border: 1px solid firebrick; */
        font-size: 23px;
        font-weight: bold;

    }

    #contact h1{
        font-size: 28px ;
        font-weight: bold;
    }
    .contact-form{
        width: 100%;
    }
    .container-fluid .contact-form button{
       
        padding: 5px 20px !important;
      } 

      .certify img{
        width: 100px;
        height: 100px;
    }

  }

  @media screen and (min-device-width:769px) and (max-device-width:998px) {
    .position{
        height: 34%;
    }
    #contact{
        margin-top: 150px;
    
    }

    #contact h5{
        /* border: 1px solid firebrick; */
        font-size: 25px;
        font-weight: bold;

    }

    #contact h1{
        font-size: 31px ;
        font-weight: bold;
    }
    .contact-form{
        width: 100%;
    }
    .container-fluid .contact-form button{
        
        padding: 5px 20px !important;
      } 
  }
  @media screen and (max-device-width:992px)  {
    .menu{
        display: none;
    }
  
  }
  
  @media screen and (min-device-width:991px)  {
  
     .navbar-nav{
      display: none;
       
        
    }
    
  }

  @media only screen and (min-width: 1000px) {
    .position{
        height: 20%;
    }
    #contact{
        margin-top: 150px;
    
    }
    
    #contact h5{
        /* border: 1px solid firebrick; */
        font-size: 28px;
        font-weight: bold;

    }

    #contact h1{
        font-size: 33px ;
        font-weight: bold;
    }

    


   

      .certify img{
        width: 100px;
        height: 100px;
    }
  }