/* start blog section */
.blog__item-img img {
  height: 230px !important;
  object-fit: cover !important;
}
/* end blog section */

/* start contact page section **/
.cntcsbgss {
  background-color: #dfb23e !important;
  color: #000 !important;
}
/* end contact pagesection */
.pt-100 {
  padding-top: 100px;
}
.pb-100 {
  padding-bottom: 100px;
}

/* start category home  section */
.contnsd {
  background-color: #fff;
  padding: 20px 0;
}
.contnsd h3 {
  font-family: "Roboto", sans-serif !important;
  font-size: 16px !important;
  text-transform: uppercase;
  margin: 0 !important;
  border-radius: 0 0 10px 10px;
  padding: 0 !important;
  color: #000 !important;
  font-weight: 500;
}

.bocssshd:hover .contnsd {
  background-color: #17354a !important;
}
.mrsssgd .col-lg-4 {
  margin: 15px 0 !important;
}
.bocssshd {
  overflow: hidden !important;
  width: 100% !important;
}
.bocssshd img {
  width: 100% !important;
  transition: all 2s;
  overflow: hidden !important;
}
.imgssrc {
  height: 250px;
  width: 100% !important;
  overflow: hidden;
}

.bocssshd {
  box-shadow: 1px 2px 7px 1px #d3d3d3 !important;
}
.bocssshd:hover img {
  transform: rotate(9deg) scale(1.1);
}
.bocssshd:hover .contnsd h3 {
  color: #dfb23e !important;
}

/* end category home section */

/* start explore our features section */
.laboratory__blue-bg::after {
  background-color: #17354a !important;
}
/* end explore our features section */

/* start home products section */
.service__item {
  padding: 20px 15px !important;
}
.service__item-wrapper:hover .service__title-sm {
  color: #000 !important;
}
.service__item-wrapper:hover .service__icon {
  background-color: #000 !important;
}
.service__item-wrapper:hover .service__icon span i {
  color: #000 !important;
}
.service__icon span {
  line-height: 43px;
  height: 43px;
  width: 43px;
}
.service__item h4 {
  font-size: 18px !important;
  padding-top: 19px;
  height: 65px;
}
.service__icon {
  width: 60px !important;
  line-height: 63px !important;
  height: 60px !important;
}
/* end home products section */

/* start  about home section */
.about__list ul li {
  position: relative;
}
.about__list ul li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro" !important;
  color: #dfb23e !important;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 500;
  font-size: 15px;
  transform: translateY(3px);
}
/* end about home section */

/* start header section */
.header__main-menu nav ul li {
  padding-left: 70px;
}
.itoffcanvas__info-address a {
  font-size: 14px !important;
  font-weight: 400 !important;
  margin-top: 8px !important;
  line-height: 23px !important;
  transition: 0.3s;
}
.itoffcanvas__info {
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}
.slider__content-box {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.header__main-menu nav ul li a {
  padding: 30px 0;
}
.submenu li a {
  padding: 0 !important;
}
/* end header section */

/* start blog section */
.fnrblogsss {
  font-size: 22px !important;
  margin-bottom: 10px !important;
}
/* end blog section */

/* start career page section */
.copn {
  padding: 30px 30px 30px 30px;
  box-shadow: 1px 1px 12px 3px #c5c5c5 !important;
}
.mrgdcps .col-lg-12 {
  margin: 0px 0 30px 0;
}
.copn ul li {
  list-style: none !important;
  font-size: 14px !important;
  color: #000;
  width: 50%;
  float: left;
}
.copn ul li b {
  color: #17364b !important;
}
.copn p {
  font-size: 14px !important;
  margin-top: 45px;
  margin-bottom: 0 !important;
}

.serlisssts p {
  margin-bottom: 15px;
}

.copn h3 {
  font-size: 20px;
  margin-bottom: 15px;
}
/* end career page section */

.product__details-list ul li:before {
  content: "\f058";
  font-family: "Font Awesome 5 Pro" !important;
  position: absolute;
  left: 0 !important;
  color: #4eb847 !important;
}

.listssstd h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0 !important;
  padding-bottom: 5px;
  color: #000;
}

/* start advertisement section */
.laboratory__blue-bg {
  border-bottom: none !important;
}
.laboratory__blue-bg::after {
  height: 397px !important;
}
.py-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
/* end advertisement section */
/* start contact seciton **/
.contact__item {
  padding: 20px 20px !important;
}
.testimonial-3__item {
  padding: 40px 15px 15px !important;
  margin-bottom: 0 !important;
}
.testimonial-3__bg {
  padding: 70px 0 !important;
}
.footer__bg {
  padding-top: 50px !important;
}

.Subscribe-blue-btn {
  padding: 0 15px !important;
  display: inline-block;
  line-height: 35px !important;
  color: var(--it-common-white) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  border-radius: 43px !important;
  font-family: rubik, sans-serif !important;
}
.Subscribe-blue-btn {
  height: 35px !important;
}
.cta-4__subscribe-btn {
  position: relative;
}
.cta-4__subscribe-btn form button {
  right: -216px !important;
}

.cta-4__subscribe-btn form input {
  height: 42px !important;
  width: auto !important;
  padding-left: 15px !important;
  padding-right: 35px !important;
  color: #000 !important;
}
/* end contact section **/
/* start footer section */
.copyright__bg-2 {
  padding: 10px 0 !important;
}
.copyright__text {
  line-height: 30px !important;
}
/* end footer section */

/* start first whatsapp section */
/*Estilos generales del boton whatsapp*/

.whatsapp-btn {
  position: fixed;
  bottom: 20px;
  right: 60px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
  animation: breathe 2s ease-in-out infinite;
}

/*Estilos solo al icono whatsapp*/
.whatsapp-btn i {
  color: #fff;
  font-size: 24px;
  animation: beat 2s ease-in-out infinite;
  text-decoration: none;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* end first whatsaap section **/

/* start phone first section */
.phone-btn {
  position: fixed;
  bottom: 20px;
  left: 60px;
  z-index: 9999;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #639edc !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgb(0 0 0 / 30%);
  animation: breathe1 2s ease-in-out infinite;
}

/*Estilos solo al icono whatsapp*/
.phone-btn i {
  color: #fff;
  font-size: 20px;
  animation: beat1 2s ease-in-out infinite;
  text-decoration: none;
}

/*Estilos con animation contorno respirando*/
@keyframes breathe1 {
  0% {
    box-shadow: 0 0 0 0 rgba(99, 158, 220, 0.5);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(99, 158, 220, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

/*Estilos de animacion del icono latiendo*/
@keyframes beat1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* end phone first section */
/* start header section **/
.notification__ptb {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.theme-bg {
  background-color: #fff !important;
}
.header__main-menu nav ul li:hover a {
  color: #dfb23e;
}
.menussshd li a {
  color: #fff !important;
}
.menussshd li a:hover {
  color: #dfb23e !important;
}
.header__main-menu nav ul li .submenu {
  padding: 20px !important;
}
.section-subtitle::after {
  background-color: #dfb23e !important;
}
.section-subtitle::before {
  background-color: #dfb23e !important;
}
.itoffcanvas__info-icon a {
  background-color: #dfb23e !important;
  color: #000 !important;
}
.itoffcanvas__social .social-icon a:hover {
  background-color: #dfb23e !important;
  color: #fff !important;
}
.hero-title span {
  color: #dfb23e !important;
}
.main-btn {
  background-color: #17354a !important;
}
.slider-active .slick-dots li.slick-active button {
  background-color: #dfb23e !important;
}
.slider__social-box-2 a {
  color: #dfb23e !important;
}
.main-btn:hover {
  color: #fff !important;
}
.about__img-content {
  background-color: #dfb23e !important;
}
.section-title span {
  color: #17364b !important;
}
.about__list ul li i {
  color: #dfb23e !important;
}
.scroll-top {
  background-color: #dfb23e !important;
}
.service__icon {
  background-color: #dfb23ef !important;
}
.service__item-wrapper:hover .service__item::after {
  border-color: #000 !important;
}
.service__item-wrapper:hover .service__icon span {
  background-color: #dfb23e !important;
  border-color: #000 !important;
}
.service__icon::after {
  background-color: #dfb23e !important;
}
.service__item::before {
  background-color: #dfb23e !important;
}
.counter__icon span {
  background-color: #dfb23e;
}
.counter__item:hover {
  background-color: #0e4176 !important;
}
.counter__item:hover .counter__icon span i {
  color: #fff !important;
}
.counter__item:hover {
  background-color: #17354a !important;
}
.counter__item::after {
  background-color: #dfb23e !important;
}
.copyright__bg::before {
  background-color: #17354a !important;
}
.footer__bg::after {
  background-color: #17354a !important;
}
.copyright__bg {
  background-color: #17354a !important;
}
.copyright__bg::after {
  background-color: #dfb23e !important;
}
.footer__social-box a:hover {
  background-color: #17354a !important;
  border-color: #dfb23e !important;
}
.Subscribe-blue-btn.red-bg {
  background-color: #dfb23e !important;
}

.copyright__bg-2 {
  background-color: #dfb23e !important;
}
/* end header section */

/* start counter section */

.counter__item {
  padding: 40px 16px !important;
}
/* end counter section */

/* start products section **/

.service__content p {
  height: 72px;
}
/* end products section */

/* start breadcrumb section */
.it-breadcrumb__left-content {
  padding: 0 !important;
}

.it-breadcrumb__bg {
  padding-bottom: 100px !important;
  padding-top: 100px !important;
}

/* end breadcrumb section */

/* start contact section */
.contact__icon {
  padding-right: 15px !important;
}

.contact__content-text {
  padding-bottom: 15px !important;
}
.contact__content {
  height: 140px !important;
}

.contact__content a {
  font-size: 15px !important;
  padding-bottom: 0 !important;
  line-height: 25px !important;
  /* height:90px !important; */
}

.contact__icon span {
  font-size: 25px !important;
}

.contact-form__space {
  padding: 80px 0 !important;
}

.pr-80 {
  padding-right: 80px !important;
}
.frmssssdg textarea::placeholder {
  font-size: 16px !important;
}
.frmssssdg textarea {
  width: 100% !important;
  padding: 15px !important;
  height: 150px !important;
  border-radius: 5px !important;
}

.contact-form__wrapper-box form input {
  height: 50px;
  line-height: 62px;
  margin-bottom: 15px;
}

.contact-form__wrapper-box form .resumesss input {
  line-height: 25px !important;
  padding: 10px 15px !important;
}
.resumesss label {
  font-size: 14px !important;
  color: #000 !important;
  text-transform: uppercase !important;
  font-weight: 550 !important;
  margin-bottom: 15px;
}
.contact-form__bg {
  height: auto !important;
}
.contact-form__wrapper-bg {
  padding: 50px 30px 0 !important;
}

.main-btn {
  height: 45px !important;
  line-height: 45px !important;
  font-size: 15px !important;
}

.enquirysssys p {
  color: #000 !important;
}

.frmssssdg textarea {
  background-color: #eff5ff !important;
  border: none !important;
}
.frmssssdg input {
  background-color: #eff5ff !important;
  margin-bottom: 25px !important;
}

/* end contact section */

/* start products seciton */
.service-5__item-color .service-5__icon span {
  border-color: #4eb745 !important;
}
.service-5__title-sm {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  color: #fff;
  font-size: 17px !important;
  font-weight: 500 !important;
}
.service-5__content {
  padding: 15px 30px !important;
  color: #fff !important;
  background-color: #17354a !important;
}

.service-5__item {
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 11%) !important;
}
.service-5__item-color .service-5__thumb::after {
  background-color: rgb(223 178 62 / 54%);
}
.postbox__details-title {
  font-size: 33px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-weight: 550;
  color: #000;
}
.mt-30 {
  margin-top: 30px !important;
}
.postbox__content-list ul li {
  padding-left: 25px !important;
}
.postbox__content-list ul li:before {
  content: "\f00c";
  position: absolute;
  left: 0;
  color: #25d366 !important;
  font-family: "Font Awesome 5 Pro";
}
.postbox__content-list ul li i {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 15px;
  color: #4eb745 !important;
}
.cptsssd {
  font-size: 15px !important;
}
.listssstd ul {
  margin: 15px 0 !important;
}
.listssstd ul li {
  padding-bottom: 8px !important;
}
.postbox__title-sm-2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0 !important;
  padding-bottom: 5px;
  color: #000;
}

.postbox__thumb img {
  margin-bottom: 0 !important;
  height: 420px !important;
  object-fit: cover !important;
}
.product-additional-tab .nav-tabs .nav-item .nav-links:hover,
.product-additional-tab .nav-tabs .nav-item .nav-links.active {
  background-color: #4eb847 !important;
}
.product__details-list ul li i {
  color: #4eb847 !important;
}

.it-breadcrumb__bg::after {
  background-color: #dfb23e54 !important;
}

.it-breadcrumb__bg::before {
  background-color: #17354a66 !important;
  opacity: 1 !important;
}

.it-breadcrumb__left-content span b {
  color: #dfb23e !important;
}

/* end products section */

/* start mobile view section */
@media (max-width: 767px) {
  .service__space {
    padding: 40px 0 !important;
  }
  .pt-100 {
    padding-top: 30px !important;
  }
  .footer__list ul li {
    width: 100% !important;
  }
  .copyright__text span {
    font-size: 13px !important;
    line-height: 16px !important;
  }
  .footer__widget {
    padding-bottom: 40px !important;
  }
  .contact-3__content {
    margin-bottom: 10px !important;
  }
  .postbox__details-title-box {
    margin-top: 30px;
  }
  .product__details-list ul li {
    width: 100% !important;
  }
  .mean-container .mean-nav ul li li a {
    width: 100% !important;
  }
  .pb-40 {
    padding-bottom: 0 !important;
  }
  .copn ul li {
    margin-bottom: 10px !important;
  }
  .copn ul li {
    width: 100% !important;
  }
  .pr-80 {
    padding-right: 15px !important;
  }
  .itoffcanvas__info-icon a {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 17px !important;
    margin-right: 15px;
  }
  .itoffcanvas {
    padding: 40px 10px !important;
  }
  .itoffcanvas__logo {
    width: 180px !important;
  }
  .newsss {
    margin-bottom: 50px !important;
  }
  .cta-4__subscribe-btn form button {
    right: 173px !important;
  }
  .contact-form__wrapper-bg {
    padding-top: 0 !important;
    padding: 0 !important;
  }

  .header__content-box {
    padding: 13px 12px;
  }

  .notification__ptb {
    display: none;
  }

  .slider__content-box {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .pb-50 {
    padding-bottom: 0px;
  }

  .py-80 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .footer__bg {
    padding-top: 10px !important;
  }

  .it-breadcrumb__bg {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }

  .w-100 {
    height: 200px;
  } 

  .contact-form__space {
    padding: 50px 0 !important;
  }
  .contact__item {
    margin-bottom: 20px;
  }
}
/* end mobile view section */
