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


.home_services img{
  height: 128px;
}
.top_header {

  background-color: #31356f;

  color: #fff;

  padding: 10px 20px 0 20px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  /* margin-top: -39px;   */

}



.top_header a {

  color: #fff;

  text-decoration: none;

}



.top_header h1 {

  font-size: 14px;

  font-weight: 700;

  line-height: 16px;

  letter-spacing: 0em;

  text-align: right;

}



.nav-item a {

  font-size: 16px;

  font-weight: 700;

  line-height: 19px;

  letter-spacing: 0em;

  text-align: left;

  color: #31356f !important;

}



.nav-item .btn {

  background: #31356f;

  border: 1px solid #000000;

  border-radius: 20px;

  font-size: 16px;

  font-weight: 700;

  line-height: 19px;

  letter-spacing: 0em;

  text-align: center;

  color: #fff;

}



.bottom_header {

  background: #ffffff;

  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}

.client_slider .slick-prev,

.client_slider .slick-next {

  font-size: 0px;

  line-height: 0;

  position: absolute;

  top: 50%;

  display: block;

  width: 40px !important;

  height: 40px !important;

  padding: 0;

  -webkit-transform: translate(0, -50%);

  -ms-transform: translate(0, -50%);

  transform: translate(0, -50%);

  cursor: pointer;

  color: white !important;

  border: none;

  outline: none;

  background: black !important;

  border-radius: 50%;

}



.client_slider .slick-prev:before,

.client_slider .slick-next:before {

  font-family: "slick";

  font-size: 41px !important;

  line-height: 1.105 !important;

  opacity: 1 !important;

  color: white;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.client_slider .slick-prev {

  left: 5px !important;
  z-index: 100;

}



.client_slider .slick-next {

  right: 5px !important;

}

.client_slider img{

  height: 450px !important;

}

/* card section start  */

.card_section {

  margin: 50px 0 30px 0;

}



.card_sec {

  display: flex;

  justify-content: space-around;

  align-items: center;

  padding: 15px;

}



.card_sec_flex {

  display: flex;

  justify-content: space-around;

  align-items: center;

}



.card_sec img {

  width: 80px;

  height: 80px;

}



.card_descr h1 {

  font-size: 18px;

  font-weight: 500;

  text-align: left;

  color: #f79901;

  margin-left: 10px;

}



.card_descr p {

  font-size: 15px;

  font-weight: 500;

  text-align: left;

  margin-bottom: 0;

  margin-left: 10px;

}



/* card section ends  */



/* about us start  */

.about_us {

  text-align: center;

}



.about_us h1 {

  font-size: 40px;

  font-weight: 700;

  line-height: 47px;

  letter-spacing: 0.20000000298023224px;

  text-align: center;

  color: #252b42;

}



.about_us h2 {

  font-size: 20px;

  font-weight: 500;

  line-height: 30px;

  letter-spacing: 0.20000000298023224px;

  text-align: center;

  color: #f79901;

  margin-bottom: 80px;

}



.about_us_para {

  background-image: url("../img/mask-group.png");

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center;

  /* margin-left: 50px; */

}



.about_us_para p {

  font-size: 16px;

  font-weight: 400;

  line-height: 26px;

  letter-spacing: 0px;

  text-align: justify;

}



/* about us end  */



/* service start  */

.service {

  background: linear-gradient(0deg,

      rgba(255, 255, 255, 0.2),

      rgba(255, 255, 255, 0.2)),

    radial-gradient(50% 50% at 50% 50%,

      rgba(219, 219, 219, 0.8) 0%,

      rgba(219, 219, 219, 0) 100%),

    radial-gradient(77.47% 100% at 85.83% 100%,

      #31356f 0%,

      rgba(253, 171, 1, 0) 100%),

    radial-gradient(52.86% 67.71% at 86.22% 100%,

      rgba(49, 53, 111, 0.7) 0%,

      rgba(213, 157, 140, 0.684157) 24.34%,

      rgba(213, 164, 146, 0.689953) 26.94%,

      rgba(217, 172, 155, 0.694809) 34.75%,

      rgba(217, 178, 161, 0.7) 39.23%,

      rgba(217, 185, 168, 0.7) 47.77%,

      rgba(217, 198, 181, 0.7) 61.23%,

      rgba(214, 195, 179, 0) 100%),

    radial-gradient(89.64% 57.39% at 10.36% 0%,

      #dce8ee 0%,

      rgba(220, 232, 238, 0) 100%),

    radial-gradient(50% 50% at 50% 50%, #acaebc 0%, rgba(172, 174, 188, 0) 100%),

    linear-gradient(0deg, #c8c8c8, #c8c8c8), #ffffff;

  text-align: center;

  margin-top: 5%;

  padding: 30px 20px;

}



.service h2 {

  font-size: 20px;

  font-weight: 500;

  line-height: 30px;

  letter-spacing: 0.20000000298023224px;

  text-align: center;

  color: #31356f;

}



.service h1 {

  font-size: 40px;

  font-weight: 700;

  line-height: 47px;

  letter-spacing: 0.20000000298023224px;

  text-align: center;

  color: #252b42;

  margin-bottom: 30px;

}



.card_bg {

  background-image: url("../img/card_bg.png");

  background-repeat: no-repeat;

  background-size: cover;

  background-color: #fff;

  width: 307.26px;

  height: 348px;

  border-radius: 30px;

  text-align: center;

  margin: 20px auto;

  padding: 50px 10px;

  transition: 0.5s;

  cursor: pointer;

}



.card_bg:hover,

.card_simple:hover {

  box-shadow: 15px 2px 5px 12px #31356f;

  transition: 0.5s;

}



.service a {

  text-decoration: none;

}



.card_simple {

  background-color: #fff;

  width: 307.26px;

  height: 348px;

  border-radius: 30px;

  text-align: center;

  margin: 20px auto;

  padding: 50px 10px;

  transition: 0.5s;

  cursor: pointer;

}



.card_bg h1,

.card_simple h1 {

  font-size: 16px;

  font-weight: 700;

  line-height: 24px;

  letter-spacing: 0px;

  text-align: center;

  color: black;

  margin-top: 30px;

  text-decoration: none;

}



/* service ends  */



/* testimonial start here  */

.testimonial {

  padding-top: 4%;

}



.testimonial_slider {

  width: 75%;

  margin: auto;

}



.testimonial h1 {

  text-align: center;

}



.testimonial h1 span {

  font-size: 40px;

  font-weight: 700;

  line-height: 47px;

  letter-spacing: 0em;

  /* text-align: left; */

  color: #252b42;

  /* border-bottom: 5px solid #31356f; */

}



.testimonial_card {

  padding: 50px 0 0 70px;

  background: #fafafa;

  /* box-shadow: 0px 94px 200px rgba(21, 21, 21, 0.15); */

  border-radius: 24px;

  margin: 1% 0;

}



.testimonial_card h1 {

  font-size: 24px;

  font-weight: 400;

  line-height: 40px;

  letter-spacing: 0em;

  text-align: left;

  color: #000000;

}



.vector-img {

  opacity: 0.3;

  margin-left: 50px;

}



.testimonial_card h2 {

  font-size: 32px;

  font-weight: 500;

  line-height: 44px;

  letter-spacing: 0em;

  text-align: center;

  color: #000000;

  margin-top: 10px;

}



.testimonial_card h3 {

  font-size: 14px;

  font-weight: 400;

  line-height: 19px;

  letter-spacing: 0em;

  text-align: center;

  /* color: #808080; */

}



.testimonial_img img {

  margin-top: -20%;

  margin-bottom: -10%;

  /* margin-left: 30px; */

  /* position: relative; */

  overflow: hidden;

  border-radius: 20px !important;

  height: 450px;

}



.testimonial_imgfdfd {

  position: absolute;

  top: -10px;

  right: 10px;

}



.next_btn {

  position: absolute;

  bottom: 30px;

  right: -10%;

  background: #050505;

  border-radius: 24px;

  width: 110px;

  height: 58px;

  color: #fff;

  cursor: pointer;

}



.next_btn p {

  text-align: left;

  padding: 15px;

}



.next_btn i {

  margin-left: 30px;

}



/* testimonial ends here  */



/* customer service start here  */



.customer_service {

  padding: 3% 20px 4% 20px;

}



.customer_service h1 {

  font-size: 40px;

  font-weight: 500;

  line-height: 47px;

  letter-spacing: 0.20000000298023224px;

  text-align: left;

  color: #252b42;

}



.customer_service h2 {

  font-size: 20px;

  font-weight: 500;

  line-height: 30px;

  letter-spacing: 0.20000000298023224px;

  text-align: left;

  color: #31356f;

}



.customer_service p {

  font-size: 16px;

  font-weight: 700;

  line-height: 24px;

  letter-spacing: 0.10000000149011612px;

  text-align: left;

  color: #252b42;

}



.customer_service p a {

  color: #252b42;

  text-decoration: none;

  cursor: pointer;

}



.customer_service iframe {

  border-radius: 20px;

}



.customer_service i {

  margin-top: 5px;

  margin-right: 20px;

}



/* customer service ends here  */



/* footer css start here  */



.first_hr {

  background-color: #31356f;

  color: #31356f;

  height: 2px;

  margin-top: 0px;

}



.footer {

  padding: 50px 0;

}



.footer h1 span {

  font-size: 20px;

  font-weight: 700;

  line-height: 26px;

  letter-spacing: 0px;

  text-align: left;

  color: #31356f;

  border-bottom: 3px solid #31356f;

}



.footer img {

  margin-left: 20px;

}



.footer p {

  color: #0a142f;

  font-size: 14px;

  font-weight: 500;

  line-height: 18px;

  letter-spacing: 0px;

  text-align: left;

  padding-top: 5px;

}



.footer p a {

  color: #0a142f;

  text-decoration: none;

}



.footer i {

  font-size: 20px;

}



.social_media i {

  font-size: 20px;

  color: #31356f;

  cursor: pointer;

}



.footer_link {

  display: flex;

  justify-content: space-between;

  align-items: center;

  margin-bottom: 20px;

}



.footer_links_text {

  display: flex;

  align-items: center;

}



.footer_links_text p a {

  font-size: 16px;

  font-weight: 700;

  line-height: 19px;

  letter-spacing: 0em;

  text-align: left;

  color: #31356f;

  cursor: pointer;

  margin-top: 15px;

}



.dropdown button:focus {

  box-shadow: none;

}



.dropdown button {

  font-size: 16px;

  font-weight: 700;

  line-height: 19px;

  letter-spacing: 0em;

  text-align: left;

  color: #31356f;

}



.footer_link h1 {

  font-size: 14px !important;

  font-weight: 400;

  line-height: 18px;

  letter-spacing: 0px;

  text-align: right;

  color: #0a142f;

}



.dropdown-menu a {

  font-size: 16px;

  font-weight: 700;

  line-height: 19px;

  letter-spacing: 0em;

  text-align: left;

  color: #31356f;

}



footer p {

  font-size: 16px;

  font-weight: 500;

  line-height: 24px;

  letter-spacing: 0.10000000149011612px;

  text-align: left;

  color: #252b42;

  margin-bottom: 0;

}



.footer p a {

  color: #252b42;

  text-decoration: none;

  cursor: pointer !important;

}



.footer i {

  margin-top: 5px;

  margin-right: 20px;

}



/* footer css ends here  */



/* about_us pages css start here  */



.about_banner {

  position: relative;

  margin-bottom: 30px;

}



.banner_title {

  position: absolute;

  top: 50%;

  left: 20% !important;

  transform: translate(-20%, -50%);

}



.banner_title h1 {

  font-size: 56px;

  font-weight: 500;

  color: #31356f;

}



.banner_title p,

.banner_title p a {

  font-size: 18px;

  font-weight: 600;

  color: #31356f;

}



.about_para {

  padding: 15px;

}



.about_para p {

  font-size: 16px;

  text-align: center;

  font-weight: 400;

  /* color: #808080; */

}



.about_para h1 {

  padding: 10px 20px;

  padding-left: 0;

  font-size: 23px;

  font-weight: 600;

  color: #31356f;

  margin-top: 35px;
}



.about_para h2 {

  font-size: 15px;

  text-align: left;

  font-weight: 400;

  line-height: 25px;

}



.about_para h3 {

  font-size: 20px;

  text-align: left;

  font-weight: 500;

}

.about_certificates img{
  
  width: 25%;
}

.about_firstgrid .col-md-5 img{

  border: 3px solid #000;
  width: 50%;
  height: 70%;
}

.about_paralleximg img{
  width: 100%;
}



.purpose {

  background-image: linear-gradient(270deg, #e8e8e8 94%, #e8e8e8 94%);

  padding: 50px 0;

}



.heading h1 {

  font-size: 45px;

  font-weight: 650;

  color: #31356f;

  text-align: center;

}



.heading hr {

  width: 20%;

  text-align: center;

  background: #14226d;

  height: 2px;

}



.purpose_descr h1 {

  font-size: 45px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.purpose_descr p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.purpose_descr img {

  border-radius: 30px;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.mission {

  padding: 50px 0;

}



.mission_descr h1 {

  font-size: 45px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.mission_descr p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.mission_descr img {

  border-radius: 30px;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.mission_descr ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



/* about_us pages css ends here  */



/* lab cunsultancy css start here  */



.lab_banner {

  position: relative;

  /* margin-bottom: 30px; */

}



.lab_title {

  position: absolute;

  top: 50%;

  left: 20% !important;

  transform: translate(-20%, -50%);

}



.lab_title h1 {

  font-size: 50 px;

  font-weight: 500;

  color: white;

}



.lab_title p,

.lab_title p a {

  font-size: 18px;

  font-weight: 600;

  color: white;

}



.lab_consultancy img {

  border-radius: 10px;

}



.lab_consultancy p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.lab_setting {

  margin: 30px 0;

}



.lab_setting h1 {

  font-size: 30px;

  font-weight: 600;

  color: black;

  text-align: left;

  padding-bottom: 15px;

}



.lab_setting ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.lab_setting img {

  border-radius: 20px;

}



/* lab cunsultancy css ends here  */



/* contact us page css start here  */



.contact_cards {

  padding: 20px 20px 30px 20px;

  background: linear-gradient(45deg, #bae9ff, #f7f7f7);

  text-align: center;

  border-radius: 10px;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.01);

}



.contact_cards h1 {

  font-size: 30px;

  font-weight: 600;

}



.contact_cards p a {

  /* color: #14226d; */

  font-weight: 500;

  font-size: 20px;

  text-decoration: none;

}



.contact_cards p {

  /* color: #14226d; */

  font-weight: 500;

  font-size: 20px;

  text-decoration: none;

}



.contact_us {

  /* background: #31356f; */

  padding: 20px 0;

  margin-top: 3rem;

}



.contact_us_form {

  background: #fff;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);

  margin: 0 10%;

}



.form_field {

  padding: 50px 20px 50px 0;

}



.submit_btn,

.submit_btn:focus {

  background-color: #14226d;

  color: white !important;

  font-size: 20px;

  font-weight: 500;

  box-shadow: none;

  width: 100%;

}



/* contact us page css ends here  */



/* career page start here */



.career_para p {

  font-size: 18px;

  text-align: center;

  font-weight: 500;

  /* color: #808080; */

}



.career_para p span a {

  text-decoration: none;

}



.quote_form {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);

  padding: 10px;

  border-radius: 5px;

  /* margin-bottom: 30px; */

  margin: 20px 10% 30px 10%;

}



.quote_form h1 {

  font-size: 40px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.quote_form_field {

  padding: 20px;

}



.quote_submit_btn {

  background-color: #14226d;

  color: white !important;

  font-size: 20px;

  font-weight: 500;

  box-shadow: none;

  width: 40%;

  text-align: center;

  margin: auto;

}



.feedback_form {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);

  padding: 10px;

  border-radius: 5px;

  margin: 0 10%;

}



.feedback_form h1 {

  font-size: 40px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.feedback_form_field {

  padding: 20px;

}



/* career page ends here */



/* lab audit css start here */



.lab-audit p {

  font-size: 18px;

  text-align: center;

  font-weight: 500;

  /* color: #808080; */

}



.lab-audit h1 {

  font-size: 30px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.lab-audit ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.lab-audit h2 {

  font-style: italic;

  font-size: 25px;

  font-weight: 500;

  /* color: #808080; */

}



.lab-audit img {

  border-radius: 10px;

}



/* lab audit css ends here  */

/* proficiency test css start  */

.proficiency {

  font-size: 20px;

  text-align: left;

  font-weight: 500;

  /* color: #808080; */

}



.proficiency h1 {

  font-size: 30px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.proficiency img {

  border-radius: 10px;

}



.proficiency ul li {

  /* color: #14226d; */

  font-weight: 500;

  font-size: 20px;

}



/* .proficiency h5 {

  color: black;

} */



.proficiency h2 {

  margin-top: 10px;

  font-size: 18px;

  text-align: left;

  font-weight: 500;

  /* color: black; */

}



.erm_sec {

  background-color: #f5f5f5;

  /* margin: 20px 0; */

  padding: 20px 0;

}



.erm p {

  font-size: 20px;

  text-align: left;

  font-weight: 500;

  /* color: #808080; */

}



.erm ul li {

  /* color: #14226d; */

  font-weight: 500;

  font-size: 20px;

}



.erm img {

  border-radius: 10px;

}



.proficiency_download li a {

  text-decoration: none;

  /* color: #14226d; */

  font-weight: 500;

  font-size: 20px;

}



/* proficiency test css ends  */



/* training css start here  */



.certification p {

  font-size: 18px;

  text-align: center;

  font-weight: 500;

  /* color: #808080; */

}



.certification_list img {

  border-radius: 10px;

}



.certification_list {

  margin: 30px 0px;

}



.certification_list ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 18px;

}



.employee {

  background-color: #f5f5f5;

  margin: 20px 0;

  padding: 30px 0;

}



.emp_sec1 ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 18px;

}



.emp_sec2 {

  margin: 20px 0;

  /* padding: 0 50px; */

}



.emp_sec2 ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 18px;

}



/* .benefits {

  padding: 0 50px;

} */

.benefits ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 18px;

}



.training table {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);

}



.table-responsive {

  display: table;

}



.training tr {

  font-size: 20px;

  text-align: left;

  font-weight: 500;

  color: #212529;

}



.training_key {

  background-color: #f5f5f5;

  /* margin: 20px 0; */

  padding: 20px 0;

}



.training_key h1 {

  font-size: 30px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.training_key ul {

  list-style: none;

}



.training_key ul li {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 18px;

}



/* training css ends here  */



/* FAQs css start here  */



.faqs .card h4 {

  color: black;

  font-size: 20px;

  font-weight: 500;

}



.faqs .card button:focus,

.faqs .card button:hover {

  text-decoration: none;

  box-shadow: none;

}



.faqs .card-body p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 18px;

}



/* FAQs css ends here  */



/* login page css start here */



.login_page {

  background-color: #d0d0ce;

  padding: 50px 0;

  overflow: hidden;

}



.login_form {

  border-radius: 20px;

  margin: 0 15%;

}



.login_form img {

  width: 100%;

  height: 600px;

  border-bottom-left-radius: 20px;

  border-top-left-radius: 20px;

}



.login_form .col-md-5,

.login_form .col-md-7 {

  padding: 0;

}



.login_form_field {

  background-color: white;

  height: auto;

  height: 600px;

  width: 100%;

  border-bottom-right-radius: 20px;

  border-top-right-radius: 20px;

  padding: 15% 50px;

}



.login_form_field .form-group label {

  font-weight: 500;

}



.login_form_field .form-group input {

  width: 60%;

}



.login_button,

.login_button:hover,

.login_button:focus {

  background-color: #31356f;

  color: white;

  width: 60%;

  box-shadow: none;

  font-size: 15px;

  font-weight: 500;

  /* margin-bottom: 20px; */

}



.login_form_field p {

  font-size: 14px;

  color: #919aa3;

  cursor: pointer;

  margin-bottom: 5px;

}



.login_form_field h6,

.login_form_field h6 a {

  font-size: 16px;

  color: #0d2366;

  font-weight: 400;

  text-decoration: none;

}



.login_form_field h1 {

  font-size: 30px;

  color: #000;

  font-weight: 500;

}



/* login page css ends here */



/* signup form css start here */



.signUp_form_field {

  background-color: white;

  height: auto;

  height: 600px;

  width: 100%;

  border-bottom-right-radius: 20px;

  border-top-right-radius: 20px;

  padding: 30px 50px;

}



.signUp_form_field .form-group label {

  font-weight: 500;

}



.signUp_form_field .form-group input {

  width: 60%;

}



.signUp_form_field p {

  font-size: 14px;

  color: #919aa3;

  cursor: pointer;

  margin-bottom: 5px;

}



.signUp_form_field h6,

.signUp_form_field h6 a {

  font-size: 16px;

  color: #0d2366;

  font-weight: 400;

  text-decoration: none;

}



.signUp_form_field h1 {

  font-size: 30px;

  color: #000;

  font-weight: 500;

}



/* signup form css ends here */

.container {

  max-width: 1700px;

}



/* inspiration page css starts here */

.inspiration h1 {

  font-size: 20px;

  text-align: center;

  font-weight: 500;

  /* color: #808080; */

}



.inspiration h2 {

  font-size: 17px;

}



.inspiration h3 {

  font-size: 35px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



.inspiration ul li {

  /* color: #14226d; */

  font-weight: 500;

  font-size: 18px;

}



/* inspiration page css ends here */



/* testing service page css start here  */



.testing-service {

  padding: 15px 0%;

}



.testing-service p {

  font-size: 17px;

  color: #000;

  font-weight: 500;

}



.testing-service img {

  border-bottom-right-radius: 30px;

}



/* testing service page css ends here  */



/* certificate program page css start  */



.supplier p {

  font-size: 18px;

  text-align: center;

  font-weight: 500;

  /* color: #808080; */

}



.supplier table {

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.2);

  margin-bottom: 50px;

}



.munsell_sec {

  background-color: #f5f5f5;

  padding: 30px 0;

}



.munsell h4 {

  font-size: 40px;

  color: #000;

  font-weight: 600;

  text-align: left;

  margin-left: 20px;

}



.munsell_ques {

  padding: 10px 20px;

}



.munsell_ques_img {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 0 20%;

}



/* certificate program page css ends  */



/* calibration page css start here */



.calibration h4 {

  font-size: 35px;

  color: #000;

  font-weight: 600;

  text-align: left;

}



/* .calibration {

  margin: 0 30px;

} */

.calibration p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.traceability img {

  float: right;

  margin-left: 10px;

  border-radius: 10px;

}



.calibration_lab_dynamic {

  background-color: #f5f5f5;

  /* padding: 20px; */

}



.calibration_lab_dynamic p,

.calibration_lab_dynamic p a {

  color: #000000;

  font-weight: 400;

  font-size: 20px;

}



.calibration_lab_dynamic img {

  float: right;

  margin-left: 10px;

  border-radius: 10px;

}







.calibration_lab {

  background-color: #f5f5f5;

  padding: 20px;

}



.calibration_lab p,

.calibration_lab p a {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.calibration_lab img {

  float: right;

  margin-left: 10px;

  border-radius: 10px;

}



.on-site p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.specialized {

  background-color: #f5f5f5;

  margin: 20px 0;

  padding: 20px 0;

}



.specialized h5 {

  /* color: #808080; */

  text-align: center;

}



.specialized p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.physical-calibration p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



.physical-calibration img {

  float: right;

  margin-left: 10px;

  border-radius: 10px;

}



.electrical {

  background-color: #f5f5f5;

  padding: 20px 0;

  margin-top: 20px;

}



.electrical p {

  /* color: #14226d; */

  font-weight: 400;

  font-size: 20px;

}



/* calibration page css ends here */



.modal-body .form-group input {

  display: block;

  width: 100%;

  background: #e6e6e6;

  font-size: 15px;

  line-height: 1.5;

  color: #666;

  height: 50px;

  border-radius: 25px;

  border-color: #e6e6e6;

}



.modal-body .form-group textarea {

  display: block;

  width: 100%;

  background: #e6e6e6;

  font-size: 15px;

  color: #666;

  border-radius: 25px;

  border-color: #e6e6e6;

}



.submit-btn,

.submit-btn:hover,

.submit-btn:focus,

.submit-btn:active {

  width: 85%;

  background-color: #31356f !important;

  box-shadow: none !important;

}



/* .VIpgJd-ZVi9od-ORHb-OEVmcd{

  top: -39px;

} */



.VIpgJd-ZVi9od-l4eHX-hSRGPd,

.VIpgJd-ZVi9od-l4eHX-hSRGPd:link {

  display: none !important;

}



.goog-te-gadget {

  font-family: arial;

  font-size: 11px;

  color: #31356f;

}



.goog-te-combo {

  font-family: arial;

  font-size: 10pt;

  border-radius: 10px;

  padding: 5px;

  margin-top: 5px;

}



/* for remove ifroame of google translate  */

.VIpgJd-ZVi9od-ORHb-OEVmcd {

  display: none !important;

}



body {

  top: 0 !important;

}



/* for remove ifroame of google translate  */



/*--------------

-------snackbar-----

----------------------*/

#snackbar {

  visibility: hidden;

  min-width: 250px;

  margin-left: -125px;

  background-color: #333;

  color: #fff;

  text-align: center;

  border-radius: 2px;

  padding: 16px;

  position: fixed;

  z-index: 1;

  left: 50%;

  bottom: 30px;

  font-size: 17px;

}



#snackbar.show {

  visibility: visible;

  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;

  animation: fadein 0.5s, fadeout 0.5s 2.5s;

}



@-webkit-keyframes fadein {

  from {

    bottom: 0;

    opacity: 0;

  }



  to {

    bottom: 30px;

    opacity: 1;

  }

}



@keyframes fadein {

  from {

    bottom: 0;

    opacity: 0;

  }



  to {

    bottom: 30px;

    opacity: 1;

  }

}



@-webkit-keyframes fadeout {

  from {

    bottom: 30px;

    opacity: 1;

  }



  to {

    bottom: 0;

    opacity: 0;

  }

}



@keyframes fadeout {

  from {

    bottom: 30px;

    opacity: 1;

  }



  to {

    bottom: 0;

    opacity: 0;

  }

}



.viewDocument ul {

  list-style-image: url(../img/check-mark.png);

}



.profileIconMob {

  display: none !important;

}



.nav-margin {

  margin-right: 10px !important;

}



/* service dropdown start css here  */





.service-hover {

  position: absolute;

  top: 87px;

  left: 0;

  z-index: 99;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #989898;

  width: 100%;

  /* padding: 30px 0; */

  height: 100vh;

}



.service-hover-fixed {

  position: absolute;

  top: 87px !important;

  left: 0;

  z-index: 99;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%), radial-gradient(at top center, rgba(255, 255, 255, 0.40) 0%, rgba(0, 0, 0, 0.40) 120%) #989898;

  width: 100%;

  /* padding: 30px 0; */

  height: 100vh;

  overflow-y: scroll;

}



.service-hover-width {

  width: 85%;

  margin: auto;

  padding: 30px 0;

}



.service-hover h4,

.service-hover h4 a,

.service-hover-fixed h4,

.service-hover-fixed h4 a {

  color: #252525;

  line-height: 1.25;

  font-weight: 700;

  text-align: left;

  font-size: 1rem;

  text-decoration: none !important;

  margin-top: 10px;

}



.service-hover p,

.service-hover p a,

.service-hover-fixed p,

.service-hover-fixed p a {

  font-size: 13px;

  color: #252525;

  margin-bottom: 5px;

  text-decoration: none !important;

}



.service-hover p a:hover,

.service-hover-fixed p a:hover {

  color: #ca4300;

}



/* service dropdown ends css here  */

.service-dropdown-tab {

  display: none !important;

}



.service-dropdown-tab2 {

  cursor: pointer;

}



.custome_dropdown {

  display: none;

  background-color: #333;

}



.modal-header {

  border-bottom: 0;

  padding: 0;

  padding-top: 10px;

  padding-right: 1rem;

}



.popup-text {

  display: flex;

  align-items: center;

}



.popup-text2 h1 {

  text-align: center;

}



.popup-text2 ul {

  margin-left: 20px;

  list-style: url(../img/double-arrow.png);

}



.popup-text2 ul li a {

  color: white;

  font-size: 20px;

}



.whatsapp-icon {

  position: fixed;

  bottom: 10px;

  right: 1.6%;

  z-index: 9999;

}



.whatsapp-icon a i {

  background: rgb(0 178 9);

  padding: 12px;

  border-radius: 50%;

  font-size: 30px;

  color: #fff;

  width: 50px;

  height: 50px;

  line-height: 27px;

}



.mail-icon {

  position: fixed;

  bottom: 70px;

  right: 1.6%;

  z-index: 9999;

}



.scroll {

  overflow: hidden;

}



.dropdown-menu {

  top: 68px !important;

  right: 0 !important;

  left: auto;

}



.csList ul {

  list-style: url('../img/check-mark.png');



}



.csList ul li a {

  font-size: 20px;

  text-decoration: none !important;

  color: #212529;

  font-weight: 500;

}



.dropdown-menu-top {

  top: 0px !important;

  right: 0 !important;

  left: auto;

  min-width: 300px !important;

}



.carousel {

  width: 650px;

  margin: 0 auto;

  padding: 50px

}



.carousel .item {

  color: #999;

  font-size: 14px;

  text-align: center;

  overflow: hidden;

  min-height: 340px

}



.carousel .item a {

  color: #eb7245

}



.carousel .img-box {

  width: 145px;

  height: 145px;

  margin: 0 auto;

  border-radius: 50%

}



.carousel .img-box img {

  width: 100%;

  height: 100%;

  display: block;

  border-radius: 50%

}



.carousel .testimonial {

  padding: 30px 0 10px

}



.testimonial {

  color: #000000;

  font: Times Roman

}



.carousel .overview {

  text-align: center;

  padding-bottom: 5px

}



.carousel .overview b {

  color: #333;

  font-size: 15px;

  text-transform: uppercase;

  display: block;

  padding-bottom: 5px

}



.carousel .star-rating i {

  font-size: 18px;

  color: #ffdc12

}



.carousel .carousel-control {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  background: #999;

  text-shadow: none;

  top: 5px

}



.carousel-control i {

  font-size: 20px;

  margin-right: 2px

}



.carousel-control.left {

  left: auto;

  right: 40px;



}



.carousel-control.right i {

  margin-right: -2px

}



.carousel .carousel-indicators {

  bottom: 15px

}



.carousel-indicators li.active {

  width: 10px !important;

  height: 10px !important;

  margin: 1px 5px;

  border-radius: 60%;

  border: none;

  background: #888

}



.carousel-indicators li {

  background: #e2e2e2;

  border-color: transparent;
  margin: 1px 5px;
  width: 10px !important;

  height: 10px !important;

  border-radius: 60%;
  border: none;

}





.service-header-dropdown {

  background-color: white;

  max-height: 75vh;

  min-height: auto;

  overflow: auto;

  margin-bottom: 50px;

}