body{margin: 0; padding: 0; font-family: "Manrope", sans-serif; font-size: 16px; background: #edf6ff;}
:root {
    --brand: #08539f;
    --highlight: #08539f;
    --primary: #212121;
    --secondary:#767676;
    --grey:#dadee5;
  }

.navbar-nav {margin-left: auto;}
h1{font-size: 72px; line-height: 80px; font-weight: 700; color: var(--brand);}
h4{font-size: 24px; line-height: 28px; color: var(--secondary);}
h2{font-size: 48px; line-height: 54px; font-weight: 700; color: var(--primary);}
a{color: var(--highlight); text-decoration: underline; }
.header_heading{    margin-top: 200px;margin-bottom: 100px;}
.header_heading h1{margin-bottom: 16px;}
.hero_image{border-radius: 16px; overflow: hidden; width: 100%;}
.page_title{margin-bottom: 24px; color: var(--brand);}
.whatwedo{margin-top: 120px; margin-bottom: 100px;}
.wwdo_section_heading{margin-bottom: 48px;}
.whatwedo .container{max-width: 96%;}
.wwdo_section{border-left: solid 1px var(--grey); padding: 0px 0px 0px 24px;}
.wwdo_section h5{font-size: 24px;}
.wwdo_section p{color: var(--secondary);}
.wwdo_text{min-height: 110px;}
.wwdo_section_img{overflow: hidden;border-radius: 16px; margin-bottom: 40px; }
.wwdo_section_img:hover{filter: grayscale(0) brightness(1) }
.anavbar{padding: 20px; background: #fff; border-bottom: solid 0px var(--grey);}
.anavbar .nav-item a{color: var(--primary); font-size: 1.4rem; margin-left: 1rem; margin-right: 1rem;}
.anavbar .nav-item a:hover{color: var(--brand); }
.header_contact{padding: 10px 30px;}
.header_contact:hover{background: var(--highlight) !important; border-color: var(--highlight) !important;}
.abtn-primary{background: var(--primary); color: #fff; border-radius: 8px; border-color: var(--primary);}
.abtn-primary:hover{background: var(--highlight) !important; border-color: var(--highlight) !important;}
.anavbar .btn-primary{background: var(--primary); color: #fff; border-radius: 8px; border-color: var(--primary);}
.ftr_social_link img{width: 32px;}
.afooter{}
:target {
  scroll-margin-top: 170px;
}
.brand-logo{max-width: 100%;}
.contactus{margin: 90px 0;}
.navbar-toggler{position: absolute;top:24px; right: 10px};


/* jobs */
.jobs_list{ background: #d4fffa; padding: 90px 40px; border-radius: 16px; margin-bottom: 80px;}
.available_dot{width: 10px; height: 10px; margin-left: 4px; position: relative;top:-2px; border-radius: 30px; background: var(--highlight); display: inline-block;animation: blink 1s infinite;}


/* about us */
.about_profile img{border-radius: 370px; max-width: 100%; margin-right: 20px;}
.aboutus{padding: 90px 0 0px 0; }
.aboutus_wrapper{background: var(--grey); padding: 90px;border-radius: 16px;}
.about_profile_text{margin-left: 20px;}

@keyframes blink {
  0% {
      opacity: 1;
  }

  50% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

@media (max-width: 768px) {
  .navbar-toggler-icon{ background-image:url('../images/menu.svg'); background-size: 100%;}
  .header_heading h1{font-size: 40px; line-height: 50px;}
  .header_heading{margin: 140px 0 60px 0;}
  .whatwedo{margin-top: 72px;}
  .page_title{font-size: 32px; line-height: 42px; margin-bottom: 16px;}
  h4{font-size: 20px;line-height: 28px;}
  .afooter{flex-direction: column;gap: 20px;}
  .wwdo_section{    padding: 0px 0px 0px 24px;margin: 0 0 80px 0;}
  .last_wwdo_section{margin-bottom: 0 !important;}
  .wwdo_text{min-height: unset;}
  .wwdo_section_img{filter: grayscale(0) brightness(1)}
  .jobs_list{padding: 50px 40px;}
  .aboutus{padding: 20px 10px;}
  .jobs{padding: 20px 10px;}
  .aboutus_wrapper{padding: 40px; text-align: center;}
  .about_profile img{max-width: 220px; margin-right: 0; margin-bottom: 20px;}
  .brand-logo{max-width: 80%;}
}