/* normal font  */
@font-face {
  font-family: 'BebasNeue';
  src: url('./BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
}


@font-face {
  font-family: 'BebasNeue';
  src: url('./BebasNeue-Bold.ttf') format('truetype');
  font-weight: 700;
}

/* heding font  */
@font-face {
  font-family: 'GreatVibes';
  src: url('./GreatVibes-Regular.ttf') format('truetype');
  font-weight: bolder;
  font-style: normal;
}


  /* body  */
html ,body{
    padding-top: 55px; 
    overflow-x: hidden !important;
    color: #14213D !important;
    background-color: #ffffff;
}
/* navbar  */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar{
    background-color: #14213D;
    font-size: 0.95rem;
    font-family: 'BebasNeue', sans-serif !important;
}
.n-link{
    color: #E5E5E5 !important;
}
.n-link:hover{
    color: #FCA311 !important;
  }
.navbar-brand {
    font-size: 1rem;
    
}
/* all headings */
.heading{
    color: #14213D;
    font-family: 'GreatVibes', cursive;
    font-weight: bold;
}

/* hero section  */
.text{
  text-align: justify !important;
}
.hero-img{
    border: 6px solid #14213D !important;
    border-radius: 0px !important;
    box-shadow: 0 4px 10px #E5E5E5 !important;
}
.contact-links{
    background-color: none !important;
    border: none !important;
    border-radius: 0px !important;
    height: 48px !important;
    padding: 14px 32px;
    font-weight: bold;
    font-family: 'BebasNeue', sans-serif !important;
}
.contact-links a{
    color: #14213D;
} 
.contact-links a:hover{
    color: #FCA311 !important;
} 
.contact-links:hover{
    background-color: #14213D !important;
    color: #FCA311 !important;
    border: none !important;
    border-radius: 0px !important;
    height: 48px !important;
    padding: 14px 32px;
    font-weight: bold;
}
.formError{
  color: #E5E5E5 ;
}

/* about section  */
#Aboutus{
    background-color: #14213D !important;
    color: #E5E5E5 !important;
}
.about-text{
  color: #E5E5E5 !important;
}
.about-heading{
  color: #FCA311 !important;
  font-family: 'BebasNeue', sans-serif !important;
}

.a-contact-links{
    color: #FCA311;
    border: none !important;
    border-radius: 0px !important;
    height: 48px !important;
    font-weight: bold !important;
    text-decoration:underline !important;
    font-family: 'BebasNeue', sans-serif !important;
}
.a-contact-links a{
  color: #FCA311 !important;
  font-weight: bold !important;
}
.a-contact-links a:hover{
    color: #FCA311 !important;
    font-weight: bold !important;
    font-family: 'BebasNeue', sans-serif !important;
    text-decoration:underline !important;
}


.about-img{
    max-width: 250px;
    border-radius: none !important;
    border: 6px solid #E5E5E5;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.about-img-two {
    border: 6px solid #E5E5E5;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-width: 160px;
    border-radius: none !important;
    }
.about-section-one{
    padding: 3rem 2rem;
    }
.about-section-two{
    color: #14213D;
    padding: 3rem 2rem;
}

.serv-heading{
    font-family: 'BebasNeue', sans-serif !important;
    color: #14213D ;
}
.service-btn{
    background-color: #14213D !important;
    color: #FCA311 !important;
    border: none !important;
    border-radius: 0px !important;
    height: 48px !important;
    padding: 14px 32px;
    font-family: 'BebasNeue', sans-serif !important;
    font-weight: bold;
}
.service-btn a {
    color: #FCA311 !important;
}
.serv-border-top{
 border-top: 2px solid #14213D !important;
}
.service-image{
    border: 6px solid #14213D;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-width: 160px;
    border-radius: none !important;
}
.border-top{
  border-top: 2px solid #14213D !important;
}
/* hire section  */
.hire{
    background-color: #14213D !important;
    color: #E5E5E5;
}
.hire-border-top{
  border-top: 2px solid #FCA311 !important;
}
.hire-heading{
  color: #E5E5E5;
  font-family: 'BebasNeue', sans-serif !important;
}
.hire-btn{
  background-color: #FCA311 !important;
    color: #14213D !important;
    border: none !important;
    border-radius: 0px !important;
    height: 48px !important;
    padding: 14px 32px;
    font-weight: bold;
    font-family: 'BebasNeue', sans-serif !important;
}
.hire-btn a{
  color: #14213D;
}
.hire-image{
  border: 6px solid #E5E5E5;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    max-width: 160px;
    border-radius: none !important;
}
.hire-image-two{
  border: 6px solid #E5E5E5 !important;
    border-radius: 0px !important;
}
.portfolio-img{
    height: 200px; 
    width: 200px; 
    object-fit: contain;
    border-radius: 0px;
    border: 6px solid #14213D !important;
}
.port-heading{
  font-family: 'BebasNeue', sans-serif !important;
}
.port-link{
  color: #14213D;
}
.port-link:hover{
  color: #14213D;
}
#contactus{
    background-color: #14213D !important;
}
.contact{
  color: #E5E5E5;
}
.contact:hover{
  color: #FCA311;
}
.contact-heading{
  color: #FCA311;
  font-family: 'BebasNeue', sans-serif !important;
}
.contact-text{
  color: #E5E5E5;
}
.contact-btn{
  background-color: #FCA311 !important;
  color: #14213D !important;
  border: none !important;
  border-radius: 0px !important;
  height: 48px !important;
  padding: 14px 32px;
  font-weight: bold;
  font-family: 'BebasNeue', sans-serif !important;
}
.contact-card{
  background-color: #14213D !important;
  color: #E5E5E5 !important;
}

/* contact form design  */
input,textarea{
    color: #E5E5E5 ;
    box-shadow: 0 0 2px #E5E5E5 !important;
}

input::placeholder,textarea::placeholder {
    color: #E5E5E5 !important;
    
}
input.form-control,
textarea.form-control {
    background-color: transparent !important;
    color: #E5E5E5 !important;
    border: 0px solid #14213D;
    border-radius: 0px !important;
}

input.form-control::placeholder,
textarea.form-control::placeholder {
    color: #FCA311;
}

/* footer  */
.footer{
  color: #14213D;
}

.footer a {
  color: #14213D;
}
.footer i {
  margin-right: 30px;
  color: #14213D;
}
.footer-heading{
  font-family: 'BebasNeue', sans-serif !important;
    color: #14213D;
}

/* whatsapp  */
.whatsapp_float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}


@media screen and (max-width: 425px){
.about-section-two{
  padding-top: 10px;
}
.serv-sm{
  gap: 20px;
  display: none !important;
}
.hire-sm{
  display: none !important;
}
.contact-text{
  text-align: justify !important;
}
}



@media screen and (max-width: 1024px){
    html ,body{
    padding-top: 10px !important; 
    overflow-x: hidden !important;
}
.con-btn{
  display: flex;
  justify-content: center;
}
.about-section-two{
  padding-top: 10px;
}
.hire-md{
  flex-wrap: wrap-reverse;
}
.hire-sm{
  gap: 20px;
}

}