.navbar-toggler:focus {

  box-shadow: none;
}
  .footer {
    background: var(--dms-green, #71bc59);
    color: #fff;
    padding-top:40px;
    padding-bottom:40px;
    font: 16px Open Sans, sans-serif;
  }
  .footer-content {
    display: flex;
    max-width: 1300px;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 100px;
  }
  .footer-nav {
    display: flex;
    min-width: 240px;
    flex-direction: column;
    width: 971px;
  }
  .nav-links {
    display: flex;
    font-weight: 600;
    gap: 32px;

    width: 63px;
height: 22px;

font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
/* identical to box height */

/* 1/White */
color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

  }
  .company-info {
    margin-top: 24px;
  }
  
  .contact-details {
    display: flex;
    margin-top: 16px;
    gap: 32px;
    font-weight: 600;
    flex-wrap: wrap;
  }
  
  .contact-item {
    display: flex;
    align-items: center;
    gap: 16px;
  }
  
  .icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
  }
  
  .policies {
    display: flex;
    margin-top: 24px;
    gap: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 2;
  }
  
  .legal-info {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.2px;
    line-height: 26px;
  }
  
  .logo {
    width: 145px;
    height: auto;
  }
  
  .footer-bottom {
    display: flex;
    margin-top: 32px;
    width: 100%;
    max-width: 1300px;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 40px 100px;
  }
  
  .copyright {
    letter-spacing: 0.2px;
    font: 400 14px/26px Open Sans, sans-serif;
  }
  
  .developer-info {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  
  .developer-text {
    font: 300 14px/1 Montserrat, sans-serif;
  }
  
  .developer-logo {
    display: flex;
    gap: 5px;
    font: 700 8px Red Hat Display, sans-serif;
    align-items: center;
  }
  
  .developer-logo img {
    width: 26px;
    height: 26px;
  }

     body {
   font-family: Open Sans, sans-serif;
   }
   p{
      font-family: "Open Sans", sans-serif;
      font-size: 16px;
   }
   .text-centered{
   text-align: center;
   }
   .fieldcall-header{
   font-size:32px;
   color:#71bc59;
   }
   .contact-details-header{
   color: var(--dms-green, #71bc59);
   font-size: 32px;
   font-weight: 700;
   line-height: 2;
   }
   .contact-details-info{
   font-family: "Open Sans", sans-serif;
   font-size: 20px;
   font-weight: 400;
   line-height:32px;
   }
   #contact-details-homepage{
   background-color: white;
   }
   .grey-container{
   background-color: #f6f6f6;
   }
   .contact-details-sub-headings{
   font-family: "Open Sans", sans-serif;
   font-size: 16px;
   font-weight: 700;
   line-height: 24px;
   text-size-adjust: 100%;
   text-align: start;
   }
   .nav-link {
   color: white;
   margin-right: 20px;
   }
   .nav-link:hover {
   color: #71bc59;
   }
   .dropdown-item:hover {
   color: #71bc59;
   }
   .navbar-nav .nav-link.show {
   color: #71bc59;
   }
   .nav-link:focus {
   color: #71bc59;
   }
   .navbar {
   margin-top: 10px;
   }
   .footer {
   background-color: #71bc59;
   color: white;
   }
   .no-gutter {
   margin-left: 0;
   margin-right: 0;
   }
   .row {
   --bs-gutter-x: 0;
   }
   .registered-info {
   font-size: 14px;
   }
   .accordion-button:not(.collapsed) {
      background-color: #f6f6f6;
      box-shadow: none;
   }
   .accordion-button {
      background-color: #f6f6f6;
   }
   .semi-bold{
      font-weight: 550;
   }
   .form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #71bc59;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(113, 188, 89, .25);
}
.form-select:focus {
    border-color: #71bc59;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(113, 188, 89, .25);
}
.accordion-button:not(.collapsed){
   color:#71bc59 !important;
}
.dark-green-accordion:not(.collapsed){
  color:#42995B !important;
}
.brown-accordion:not(.collapsed){
  color:#422605 !important;
}
li::marker {
color: #71bc59;
}
.dark-hover:hover{
   background-color: #71bc59;
   border-color: #71bc59;
   color: #f6f6f6;
}
.send-message-button:hover{
  background-color: #71bc59;
  border-color: #71bc59;
  color: #f6f6f6;
}
.services-card{
   background-color: #71bc59; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.green-hover{
  background-color: #71bc59; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.green-hover:hover{
  background-color: white;
  border-color: white;
  color: black;
}
.dark-green-hover{
  background-color: #42995B; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.dark-green-hover:hover{
  background-color: white;
  border-color: white;
  color: black;
}
.brown-hover-dark{
  background-color: #422605; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.brown-hover-dark:hover{
  background-color: black;
  border-color: black;
  color: white;
}
.dark-green-hover-dark{
  background-color: #42995B; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.dark-green-hover-dark:hover{
  background-color: black;
  border-color: black;
  color: white;
}
.green-hover-dark{
  background-color: #71BC59; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.green-hover-dark:hover{
  background-color: black;
  border-color: black;
  color: white;
}
.brown-hover:hover{
  background-color: white;
  border-color: white;
  color: black;
}
.clear-hover{
  background-color: #ffffff1f; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;margin-left:0.5rem;border-color:white
}
.clear-hover:hover{
  background-color: white;
  border-color: white;
  color: black;
}

.nav-link-dark{
   color:#1A1A1C 
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: white;
  background-color: #71BC59;
}
.nav-pills .nav-link {
  border-radius: unset;
  text-align:start;
  background-color:#F6F6F6;
  color:#BABCC2;
  margin-bottom:1rem;
}
.form-label{
  font-size: 14px;
  font-weight: 550;
  color:#52555C;
}
.card-img-top {
  width: 100%;
  height: 10vw;
  overflow: hidden;
  object-fit: cover;
}
.field-and-digital-hero-container{
  margin-top:7.5rem;
  margin-bottom:5rem;
}
.brown-hover{
  background-color: #422605; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.brown-hover:hover{
  background-color: white;
  border-color: white;
  color: black;
}
.field-and-digital-get-in-touch-button:hover{
  background-color: white;
  border-color: white;
  color: black;
}
.field-and-digital-get-in-touch-button{
  background-color: #422605; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.vulnerable-customers-get-in-touch-button{
  background-color: #42995B; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.vulnerable-customers-get-in-touch-button:hover{
  background-color: white;
  border-color: white;
  color: black;
}
.information-gathering-get-in-touch-button{
  background-color: #71bc59; color: white;padding-left:2.5rem;padding-right:2.5rem;padding-top:0.5rem;padding-top:0.5rem;
}
.information-gathering-get-in-touch-button:hover{
  background-color: white;
  border-color: white;
  color: black;
}


.hero-sub-text{
  font-size:20px;line-height: 32px;
}
.hero-title{
  font-size:50px;line-height: 140%;font-weight: 700;margin-top: 9rem;
}
.field-and-digital-body-header-text{
  font-size: 40px;line-height: 60px;font-weight: 700;
}
.field-and-digital-bubble-main-text{
  font-size: 32px;line-height: 46px;font-weight: 550;
}
.field-and-digital-bubble{
  background-color: #422605; color:white; border-radius: 10px; padding:48px;
}
.vulnerable-customers-bubble{
  background-color: #42995B; color:white; border-radius: 10px; padding:48px;
}
.information-gathering-bubble{
  background-color: #71bc59; color:white; border-radius: 10px; padding:48px;
}
.field-and-digital-bubble-lesser-text{
  font-size: 20px;line-height: 32px;
}

.footer-logo-mobile{
  display: none;
}
.field-services-card{
  background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/landing-carousel-2.jpg'); background-size: cover;  border-radius: 15px ;  margin-left: auto;
  margin-right: auto;
}
.tracing-services-card{
  background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/information-gathering-2nd-card.png'); background-size: cover;  border-radius: 15px;  margin-left: auto;
  margin-right: auto;
}
.field-and-digital-service-card{
  background:linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/information-gathering-3rd-card.png');background-size: cover;  border-radius: 15px;  margin-left: auto;
  margin-right: auto;
}
.services-card-header-text{
  color:white;padding-top: 18rem;font-size: 32px;font-weight: 450;line-height: 32px;padding-bottom:2rem;
}
.information-gathering-list{
  display: inline-flex;
}
.field-and-digital-mobile-card{
display:none;
}
.sectors-cards-mobile{
  margin-left:2rem;
  padding-bottom:1rem;
}
.field-services-mobile-accordian{
  display:none;
}

.field-services-accordion-button:not(.collapsed){
  background-color:#71bc59 !important;
  color:white !important;
}
#contact-us-paragraph{
display:none;
}
.visit-linked-in-button{
  color:white;
  background-color:#0A2C60;
}
.visit-linked-in-button:hover{
  background-color:white;
  color:#0A2C60;
}
.no-sides{
border-left:unset;
border-right:unset;
}
.policy-list li{
  line-height: 30px;
}
.privacy-policy-border{
  border-right:1px solid #dee2e6
}

.hidden-desktop{
  display:none;
}
.index-header-text-container{
  margin-top:3rem;
}
.index-header-text{
  font-size: 3rem;
  font-weight: 700;
  line-height: 62px;
}
.index-header-sub-text{
  font-size: 1.25rem;
  line-height: 32px;
}
@media (min-width: 1200px) and (max-width: 1399.98px) {  

  .footer-contact-details{margin-left:0.75rem;}
  .footer-contact-details-container{
margin-bottom:1rem;
  }
  .footer-policy-links{
    margin-bottom:1rem
  }

}
@media (min-width: 992px) and (max-width: 1399.98px) {  
  .surname-contact-us{
    margin-top:0.75rem !important;
  }
}
@media only screen and (max-width: 1199.98px){
  .footer-logo{
    display:none;
  }
  .footer-logo-mobile{
    display:unset;
  }
  .footer-page-link-top{
    margin-top:1.5rem;
  }
  .footer-page-link{
    margin-top:0.75rem;
  }
  .footer-contact-details{margin-left:0.75rem;}
  .footer-contact-details-container{
margin-bottom:1rem;
  }
  .footer-policy-links{
    margin-bottom:1rem
  }
}
@media only screen and (max-width: 992px){
  .field-and-digital-mobile-card{
    display:unset;
      }
      .field-and-digital-desktop-card{
        display:none;
          }
}

@media only screen and (max-width: 575.98px){
  .hidden-mobile-nav{
    display:none;
  }
  .index-header-sub-text{
    font-size: 16px;
    line-height: 24px;
    margin-top:2rem;
  }
  
  .index-header-text{
    font-size: 28px;
    font-weight: 700;
    line-height: 40px;
  }
  .index-header-text-container{
    margin-top:3rem;
  }
  

  .mobile-mb-2{
    margin-bottom:2rem;
  }
  .big-brand{
    display:none;
  }
  .small-brand{
    display:none;
  }
  #contact-us-paragraph{
    display:unset;
    }
  .field-services-desktop-accordian{
    display:none;
  }
  .field-services-mobile-accordian{
    display:unset;
  }
  
  .mobile-margin-bottom{
margin-bottom:2rem;

  }
  .sectors-cards-mobile{
    margin-left:unset;
    padding-bottom:unset;
  }
  .services-mobile-card{
    margin-bottom:2rem;
  }

  .information-gathering-list{
    display: block;
  }
  .hero-title{
    font-weight: 700;
    font-size:32px;
    line-height: 40px;
  }
  .hero-sub-text{
    font-size:16px;margin-top:2rem;margin-bottom: 2rem;
  }
  .field-and-digital-hero-container{
    margin-top:2rem;
  }
  .field-and-digital-get-in-touch-button{
    width:40%;
    padding-left:unset;
    padding-right:unset;
  }
  .vulnerable-customers-get-in-touch-button{
    width:40%;
    padding-left:unset;
    padding-right:unset;
  }
  .information-gathering-get-in-touch-button{
    width:40%;
    padding-left:unset;
    padding-right:unset;
  }
  .field-and-digital-body-content-container{
    margin-top:3rem;
  }
  .field-and-digital-body-header-text{
    font-size: 36px;line-height: 45px;font-weight: 700;
  }
  .field-and-digital-bubble-main-text{
    font-size: 18px;line-height: 26px;font-weight: 450;
  }
  .field-and-digital-bubble{
    background-color: #422605; color:white; border-radius: 10px; padding:1.5rem;
  }
  .vulnerable-customers-bubble{
    background-color: #42995B; color:white; border-radius: 10px; padding:1.5rem;
  }
  .information-gathering-bubble{
    background-color: #71bc59; color:white; border-radius: 10px; padding:1.5rem;
  }
  .field-and-digital-bubble-lesser-text{
    font-size: 16px;line-height: 32px;
  }
  .dark-hover{
    width:100%;
  }
  .send-message-button{
    width:80%;
  }
  .field-and-digital-services-images{
    margin-left:unset;
  }
  .field-and-digital-services-card-2{
    margin-left:unset;
    margin-top:2rem;
  }
  .field-and-digital-services-card-3{
    margin-left:unset;
    margin-top:2rem;
  }
  .contact-details-container{
    padding-left:1rem;
    margin-bottom:3rem;
    padding-right:1rem;
  }
  .surname-contact-us{
    margin-top:0.75rem !important;
  }
  .have-we-contacted-container{
    padding-left:2rem;
    padding-right:2rem;
  }
  .footer {
    background: var(--dms-green, #71bc59);
    color: #fff;
    padding: 40px 20px;
    font: 16px Open Sans, sans-serif;
  }
  .footer-logo{
    display:none;
  }
  .footer-logo-mobile{
    display:unset;
  }
  .footer-page-link-top{
    margin-top:1.5rem;
  }
  .footer-page-link{
    margin-top:0.75rem;
  }
  .footer-contact-details{margin-left:0.75rem;}
  .footer-contact-details-container{
margin-bottom:1rem;
  }
  .footer-policy-links{
    margin-bottom:1rem
  }
  .field-services-card{
    height: unset; width:unset; 
  }
  .tracing-services-card{
    height: unset; width:unset; 
  }
  .field-and-digital-service-card{
    height: unset; width:unset; 
  }
  .services-card-header-text{
    padding-bottom:2rem;
  }
  .privacy-policy-border{
    border-right:unset
  }
  #complaints-policy{
    margin-top:3rem;
  }
}

@media (min-width: 576px){
  .big-brand{
    display:none;
  }
  .hidden-desktop-nav{
    display:none;
  }
}
@media (min-width: 652.98px){
  .big-brand{
    display:unset;
  }
  .small-brand{
    display:none;
  }
  .nav-container{
    margin-left:unset;
  }
}
@media (min-width: 870px){
  .nav-container{
    margin-left:auto;
  }
}
@media only screen and (max-width: 767.98px){
  .hidden-mobile{
    display:none;
    }
    .hidden-desktop{
      display:unset;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {  

  .sectors-cards-mobile{
    margin-left:unset !important;
    margin-top:1rem
  }
  .services-mobile-card{
    margin-bottom:2rem;
  }
  .field-and-digital-body-image{
    display:none;
  }
  .hero-title{
    font-weight: 700;
    font-size:32px;
    line-height: 40px;
  }
  .hero-sub-text{
    font-size:16px;margin-top:2rem;margin-bottom: 2rem;
  }
  .field-and-digital-hero-container{
    margin-top:2rem;
  }
  .field-and-digital-get-in-touch-button{
    width:40%;
    padding-left:unset;
    padding-right:unset;
  }
  .field-and-digital-body-content-container{
    margin-top:3rem;
  }
  .field-and-digital-body-header-text{
    font-size: 36px;line-height: 40px;font-weight: 700;
  }
  .field-and-digital-bubble-main-text{
    font-size: 18px;line-height: 26px;font-weight: 450;
  }
  .field-and-digital-bubble{
    background-color: #422605; color:white; border-radius: 10px; padding:1.5rem;
  }
  .field-and-digital-bubble-lesser-text{
    font-size: 16px;line-height: 32px;
  }
  .dark-hover{
    width:100%;
  }
  .send-message-button{
    width:80%;
  }
  .field-and-digital-services-images{
    margin-left:unset;
  }
  .field-and-digital-services-card-2{
    margin-left:unset;
    margin-top:2rem;
  }
  .field-and-digital-services-card-3{
    margin-left:unset;
    margin-top:2rem;
  }
  .contact-details-container{
    padding-left:1rem;
    margin-bottom:3rem;
    padding-right:1rem;
  }
  .surname-contact-us{
    margin-top:0.75rem !important;
  }
  .have-we-contacted-container{
    padding-left:2rem;
    padding-right:2rem;
  }
  .footer {
    background: var(--dms-green, #71bc59);
    color: #fff;
    padding: 40px 20px;
    font: 16px Open Sans, sans-serif;
  }
  .footer-logo{
    display:none;
  }
  .footer-logo-mobile{
    display:unset;
  }
  .footer-page-link-top{
    margin-top:1.5rem;
  }
  .footer-page-link{
    margin-top:0.75rem;
  }
  .footer-contact-details{margin-left:0.75rem;}
  .footer-contact-details-container{
margin-bottom:1rem;
  }
  .footer-policy-links{
    margin-bottom:1rem
  }
  .field-services-card{
    height: unset; width:unset; 
  }
  .tracing-services-card{
    height: unset; width:unset; 
  }
  .field-and-digital-service-card{
    height: unset; width:unset; 
  }
  .services-card-header-text{
    padding-bottom:2rem;
  }
  .privacy-policy-accordion-header{
font-weight:700 !important;
  }
}
@media (min-width: 992px) and (max-width: 1081.98px) { 
  .field-and-digital-hero-container{
    margin-top:1rem;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) { 
  .field-and-digital-body-image{
    display:none;
  }
  .hero-title{
    font-weight: 700;
    font-size:40px;
    line-height: 40px;
  }
  .hero-sub-text{
    font-size:16px;margin-top:2rem;margin-bottom: 2rem;
  }
  .field-and-digital-hero-container{
    margin-top:2rem;
  }
  .field-and-digital-get-in-touch-button{
    width:40%;
    padding-left:unset;
    padding-right:unset;
  }
  .field-and-digital-body-content-container{
    margin-top:3rem;
  }
  .field-and-digital-body-header-text{
    font-size: 36px;line-height: 40px;font-weight: 700;
  }
  .field-and-digital-bubble-main-text{
    font-size: 18px;line-height: 26px;font-weight: 450;
  }
  .field-and-digital-bubble{
    background-color: #422605; color:white; border-radius: 10px; padding:1.5rem;
  }
  .field-and-digital-bubble-lesser-text{
    font-size: 16px;line-height: 32px;
  }
  .dark-hover{
    width:100%;
  }
  .send-message-button{
    width:80%;
  }
  .field-and-digital-services-images{
    margin-left:unset;
  }
  .field-and-digital-services-card-2{
    margin-left:unset;
    margin-top:2rem;
  }
  .field-and-digital-services-card-3{
    margin-left:unset;
    margin-top:2rem;
  }
  .contact-details-container{
    padding-left:1rem;
    margin-bottom:3rem;
    padding-right:1rem;
  }
  .surname-contact-us{
    margin-top:0.75rem !important;
  }
  .have-we-contacted-container{
    padding-left:2rem;
    padding-right:2rem;
  }
  .footer {
    background: var(--dms-green, #71bc59);
    color: #fff;
    padding: 40px 20px;
    font: 16px Open Sans, sans-serif;
  }
  .footer-logo{
    display:none;
  }
  .footer-logo-mobile{
    display:unset;
  }
  .footer-page-link-top{
    margin-top:1.5rem;
  }
  .footer-page-link{
    margin-top:0.75rem;
  }
  .footer-contact-details{margin-left:0.75rem;}
  .footer-contact-details-container{
margin-bottom:1rem;
  }
  .footer-policy-links{
    margin-bottom:1rem
  }
  .field-services-card{
    height: unset; width:unset; 
  }
  .tracing-services-card{
    height: unset; width:unset; 
  }
  .field-and-digital-service-card{
    height: unset; width:unset; 
  }
  .services-card-header-text{
    padding-bottom:2rem;
  }
 }