body {
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  line-height: 29px;
  color: #021f34;
}

body p {
  margin-bottom: 1rem;
}

section {
  padding: 90px 0;
  position: relative;
}

.rounded-2 {
  border-radius: 20px;
}

.heading-blue h2 {
  color: #2cb5e1 !important;
}

a {
  color: #2cb5e1;
}

h2 {
  color: #4e4e4e;
  font-size: 36px;
}

.owl-carousel .owl-item img {
  display: block;
  width: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.container {
  max-width: 1630px;
}

input:focus-visible {
  outline: none;
}

img {
  max-width: 100%;
}

.btn-primary {
  font-size: 17px;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 3px solid #7cd5f0;
  padding: 7px 22px;
  background-color: #1976d8;
  background-image: #1976d8;
  background-image: -moz-linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-image: -webkit-linear-gradient(
    to bottom,
    #1976d8 0%,
    #5baae5 100%
  );
  background-image: linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}

.btn-primary i {
  background-color: #7fbff4;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 31px;
  position: relative;
  right: -15px;
  margin-left: -5px;
}

.btn-primary:hover {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-position: -300%;
  transition: background 300ms ease-in-out;
  border: 3px solid #5ec9e9;
}

.btn-primary:hover i {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #85c0fc;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  left: -90px;
  border: 2px solid #d1d1d1;
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  cursor: pointer;
  color: #d1d1d1;
  font-size: 24px;
  line-height: 50px;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next {
  right: -90px;
  left: auto;
}

.owl-theme .owl-nav {
  margin-top: 0;
}

.owl-theme .owl-nav [class*='owl-']:hover,
.owl-theme .owl-nav [class*='owl-']:focus,
.owl-theme .owl-nav [class*='owl-']:active {
  border: 2px solid #0e5ec0;
  color: #0e5ec0;
  outline: none;
}

.owl-theme .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
}

.home-slider .owl-dots {
  position: absolute !important;
  width: 100%;
  bottom: 22px !important;
  top: auto;
}

.home-slider .owl-dots .owl-dot.active span,
.home-slider .owl-dots .owl-dot:hover span {
  background-color: #fff !important;
}

.bg-grey {
  background-color: #f5f5f5 !important;
}

.bg-grey-2 {
  background-color: #f9f9f9 !important;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

.text-white,
.text-white h2,
.text-white h5,
.text-white h6 {
  color: #fafafa !important;
}

.text-white h6:before,
.text-white h6:after {
  background-color: #fff !important;
}

.common-content h2 {
  margin-bottom: 30px;
  line-height: 52px;
}

.common-content h6,
.meta-title h1 {
  text-transform: uppercase;
  color: #2cb5e1;
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 2px;
}

.text-white h2:before {
  background-color: #fff;
}

.text-center h2:before {
  left: 0;
  right: 0;
  margin: auto;
}

.text-white h2,
.text-white h5 {
  color: #fff !important;
}

.science-slider .owl-dots {
  margin-top: 90px !important;
}

.carousel-caption {
  right: 0;
  bottom: auto;
  top: 40%;
  transform: translateY(-50%);
  left: 0;
  text-align: left;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  left: 15px;
  border: 2px solid #d1d1d1;
  margin: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  cursor: pointer;
  color: #d1d1d1;
  font-size: 16px;
  line-height: 50px;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next {
  right: 15px;
  left: auto;
}

.owl-theme .owl-nav [class*='owl-']:hover,
.owl-theme .owl-nav [class*='owl-']:focus,
.owl-theme .owl-nav [class*='owl-']:active {
  border: 2px solid #2cb5e1;
  color: #fff;
  outline: none;
  background-color: #2cb5e1;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  position: relative;
  width: 100%;
  bottom: 0;
  top: auto;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
  width: 50px;
  height: 5px;
  margin: 5px 7px;
  background-color: #d0d0d0;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 0;
}

.owl-theme .owl-dots .owl-dot.active span {
  width: 50px;
  height: 5px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #00aeef;
}

.service-box {
  border-radius: 20px;
}

.chambersSec {
  background-image: url(../images/bg-chamber.png);
  background-repeat: no-repeat;
  background-position: bottom 70px left -100px;
  background-size: auto;
}

.service-box h2,
.service-box h3 {
  color: #2cb5e1;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 40px;
}

.service-box h2,
.service-box h3 a {
  color: #2cb5e1;
}

.service-box h2,
.service-box h3 a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

.service-box .card-body {
  padding: 25px 40px 0;
  margin-bottom: -15px;
}

.service-box ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.service-box ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.service-box ul li:before {
  content: '\f111';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #00aeef;
  position: absolute;
  left: 0;
  font-size: 11px;
  top: -1px;
}

.common-content ul {
  list-style: none;
  margin: 25px 0 20px;
  padding: 0;
}

.common-content ul li {
  margin-bottom: 20px;
  position: relative;
  padding-left: 0;
}

.common-content ul li:before {
  content: '\f111';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #00aeef;
  position: relative;
  left: 0;
  font-size: 11px;
  top: 0;
  margin-right: 11px;
}

.bg-1 {
  background-image: url(../images/bg-1.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.bg-2 {
  background-image: url(../images/bg-2.png);
  background-repeat: no-repeat;
  background-position: top -120px right -90px;
  background-size: auto;
}

.blog-sec {
  background-image: url(../images/bg-3.png);
  background-repeat: no-repeat;
  background-position: bottom -180px right -110px;
  background-size: auto;
}

.banner-caption {
  font-size: 18px;
  padding-left: 95px;
}

.banner-caption h1,
.banner-caption h2 {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 8px;
}

.banner-caption h5 {
  /*	font-size: 28px;*/
  font-weight: 500;
  margin-bottom: 28px;
}

.science-col {
  padding: 140px 0 60px 18%;
}

.experiance-col {
  padding: 95px 50px 60px 18%;
}

.service-box:hover {
  box-shadow: 1px 2px 13px 0px rgba(28, 28, 28, 0.24);
  transition: all 0.5s;
}

.site-header {
  z-index: 99;
  background-color: #fff;
}

.testi-slider .owl-nav {
  display: block;
  margin-top: 40px;
  position: relative;
  width: 100%;
  text-align: center;
}

.testi-slider .owl-nav {
  margin-top: 30px;
}

.testi-slider .owl-nav:before {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  background-color: #000;
  left: 0;
  right: 0;
  margin: auto;
}

.testi-slider .owl-nav button.owl-prev,
.testi-slider .owl-nav button.owl-next {
  border: none;
  width: auto;
  height: auto;
  border-radius: 0;
  color: #9a9baa;
  font-size: 22px;
  line-height: normal;
  position: relative;
  left: 0;
  font-weight: bold;
}

.testi-slider .owl-nav button.owl-prev {
  right: 36px;
  left: auto;
}

.testi-slider .owl-nav button.owl-next {
  left: -3px;
}

.testi-slider .owl-nav button.owl-prev i,
.testi-slider .owl-nav button.owl-next i {
  color: #deccad;
  margin: 0 6px;
}

.testi-slider .owl-nav [class*='owl-']:hover,
.testi-slider .owl-nav [class*='owl-']:focus,
.testi-slider .owl-nav [class*='owl-']:active {
  border: 0px solid #0e5ec0;
  color: #06082c;
  outline: none;
}

.testi-slider .owl-nav [class*='owl-']:hover i,
.testi-slider .owl-nav [class*='owl-']:focus i,
.testi-slider .owl-nav [class*='owl-']:active i {
  color: #ffaf26;
}

.testi-slider .owl-nav:before {
  background-color: #fff;
}

.testi-slider .owl-nav button.owl-prev,
.testi-slider .owl-nav button.owl-next {
  color: #9cfe67;
}

.testi-slider .owl-nav button.owl-prev i,
.testi-slider .owl-nav button.owl-next i {
  color: #bde2ae;
}

.testi-slider .owl-nav [class*='owl-']:hover,
.testi-slider .owl-nav [class*='owl-']:focus,
.testi-slider .owl-nav [class*='owl-']:active {
  color: #fff;
}

.testi-slider .item {
  padding: 30px 0;
  height: 100%;
}

.shadow-2 {
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08);
}

.bg-1 {
  background-image: url(../images/bg-1.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.play-icon {
  width: 185px;
  height: 185px;
  border-radius: 100%;
  display: block;
  text-align: center;
  line-height: 185px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
  transition: all 0.5s;
  display: none !important;
}

.play-icon:hover {
  color: #2cb5e1;
  background-color: #fff;
}

.testi-slider .owl-stage {
  display: flex;
  flex: 1 0 auto;
}

.testi-slider-inner {
  overflow: hidden;
  height: 100%;
}

.common-form h3 {
  font-weight: bold;
  text-transform: uppercase;
  color: #56bcdd;
}

.common-form .form-group p {
  margin-bottom: 0px;
}

.common-form .form-control {
  padding: 8px 25px;
  border: none;
  border-radius: 8px;
  font-size: 17px;
  font-weight: normal;
  min-height: 55px;
  color: #444;
  background-color: transparent;
  border: 1px solid #d5f5ff;
}

.common-form .form-group {
  margin-bottom: 20px;
}

.common-form .form-control:focus {
  outline: 0;
  box-shadow: none;
}

.common-form textarea.form-control {
  height: 110px;
  resize: none;
}

.common-form .form-control::-webkit-input-placeholder {
  color: #78797b;
}

.common-form .form-control::-moz-placeholder {
  color: #78797b;
}

.common-form .form-control:-ms-input-placeholder {
  color: #78797b;
}

.common-form .form-control:-moz-placeholder {
  color: #78797b;
}
.common-form .wpcf7-list-item input[type='checkbox'] {
  margin-right: 6px;
}

.chambers-slider .owl-stage {
  display: flex;
}

.chambers-slider .item {
  height: 100%;
  padding: 30px 0;
}

.testi-slider .owl-item img,
.testi-slider-inner img {
  width: auto;
  border-radius: 50%;
}

.header-call a {
  color: #090a0c;
  font-weight: 500;
  font-size: 22px;
  display: flex;
  align-items: center;
}

.header-call a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

.header-call a img {
  margin-right: 6px;
}

.about-col {
  padding: 130px 70px 60px 18%;
}

.abt-box-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 20px;
  right: -90px;
}

.abt-box-list li {
  background-color: #fff;
  border-radius: 47px;
  padding: 26px 65px;
  color: #2cb5e1;
  font-weight: bold;
  font-size: 32px;
  margin-bottom: 70px;
  box-shadow: 0px 6px 9px 0px rgba(0, 0, 0, 0.08);
  max-width: 390px;
  display: flex;
  align-items: center;
  line-height: 46px;
  justify-content: center;
}

.abt-box-list li span {
  margin-left: 22px;
}

.abt-box-list li:last-child {
  right: 60px;
  position: relative;
}

.map-area {
  padding: 50px 30px 60px;
  margin-left: -100px;
}

.star-rating {
  color: #ffb400;
}

.testi-slider .owl-dots {
  margin-top: 40px !important;
}

.site-footer {
  background-image: url(../images/ftr-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.footer-top {
  padding: 90px 0 80px;
}

.footer-top h3 {
  color: #fff;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.footer-menu,
.footer-socials {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 15px;
}

.footer-menu li a {
  color: #f4f4f4;
  font-size: 20px;
  background-position: 100%;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
}

.footer-menu li:before {
  content: '\f0c8';
  font-weight: 900;
  font-family: 'Font Awesome 6 Free';
  color: #37b4ff;
  position: absolute;
  left: 0;
  top: -1px;
  font-size: 9px;
}

.footer-menu li a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

.footer-menu li:last-child {
  margin-bottom: 0px;
}

.footer-socials li {
  display: inline-block;
  color: #fff;
  margin-right: 15px;
}

.footer-socials li:last-child {
  margin-right: 0px;
}

.footer-socials li a {
  display: block;
  transition: all 0.3s;
}

.footer-socials li a:hover {
  transition: all 0.3s;
}

.footer-bottom {
  border-top: 1px solid #313131;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  padding: 35px 0;
}

.copyrights {
  margin: auto;
}

.copyrights p {
  margin-bottom: 0px;
}

.footer-bottom span {
  font-size: 14px;
}

.footer-bottom a {
  color: rgba(255, 255, 255, 0.5);
}

.footer-bottom a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

.ftr-address li {
  margin-bottom: 20px;
  display: flex;
}

.ftr-address li .title {
  color: #fff;
  text-transform: uppercase;
  margin-right: 12px;
}

.ftr-address li .title i {
  color: #37b4ff;
  font-size: 16px;
}

.ftr-address li .text a,
.ftr-address li .text {
  color: #fff;
}

.ftr-address li .text a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

.ftr-address-col {
  color: #fff;
  font-size: 20px;
  line-height: 35px;
}

/*================= Animate & Others CSS ===============*/

.bck {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  background-color: rgba(55, 180, 255, 0.7);
  color: #fff;
  visibility: hidden;
  width: 40px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  transition-property: all;
  z-index: 9999;
  font-size: 13px;
  border-radius: 0;
}

.bck.bck-on {
  visibility: visible;
}

.bck.bck-on:focus {
  color: #2843d7;
}

.bck:hover {
  background-color: rgba(55, 180, 255, 1);
  color: #fff !important;
}

.rightToLeft {
  right: -50px;
}

.bck-on.rightToLeft {
  right: 1rem;
}

.sticky-bar {
  left: 0;
  margin: auto;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
  z-index: 9999;
  -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}

.sticky-bar .wsmenu > .wsmenu-list > li > a {
  padding: 30px 15px;
}

.sticky-bar .logo {
  max-width: 260px;
}

.blog-box,
.blog-img {
  border-radius: 20px;
}

.blog-box:hover {
  transition: all 0.5s;
}

.blog-box h6 {
  font-size: 24px;
  color: #130d06;
  font-weight: 500;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #d2d2d2;
  min-height: 100px;
}

.blog-box h6 a {
  color: #130d06;
}

.blog-box h6 a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

.blog-heading {
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #d2d2d2;
}

.blog-box h6:before,
.blog-heading:before,
.footer-top h3:before {
  content: '';
  width: 100px;
  height: 4px;
  background-color: #00adef;
  position: absolute;
  left: 0;
  right: auto;
  bottom: -2px;
  margin: auto;
}

.blog-date {
  position: absolute;
  left: 30px;
  background-color: #48a3f0;
  top: auto;
  font-size: 25px;
  color: #fff;
  padding: 18px 15px;
  text-align: center;
  bottom: -20px;
  border-radius: 5px;
  font-weight: 500;
}

.view-all-btn .btn-primary {
  padding: 8px 45px;
}

.view-all-btn .btn-primary i {
  right: -38px;
}

.blog-date hr {
  margin-top: 4px;
  margin-bottom: 4px;
  border-top: 0px solid #2cb5e1;
}

.blog-img {
  height: 400px;
  overflow: hidden;
}

.blog-img img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.avatar-content h5 {
  font-weight: bold;
  color: #56bcdd;
}

.page-breadcrmb {
  max-width: 1646px;
  margin: auto;
}

.breadcumb-area {
  background-image: url(../images/breadcrum-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 40px 0;
}

.breadcrumb {
  background-color: #fff;
  border-radius: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: '|';
}

.breadcrumb li a {
  color: #4e4e4e;
}

.breadcrumb li a:hover {
  text-decoration: none;
  color: #4e4e4e;
  font-weight: 500;
}

.breadcrumb li.active {
  color: #4e4e4e;
  font-weight: 500;
}

.pro-det-btn .btn-primary:hover {
  background-position: -600%;
}

.product-det-box:hover {
  box-shadow: none !important;
  transition: all 0.5s;
}

.rwd-table {
  margin: auto;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.rwd-table thead {
  display: none;
}

.rwd-table tr {
  border-top: 4px solid #fff;
  border-bottom: 4px solid #fff;
  padding: 20px 0;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:before {
  content: attr(data-th) ': ';
  font-weight: 500;
  width: auto;
  display: inline-block;
  color: #000;
  float: left;
  margin-right: 10px;
}

.rwd-table {
  color: #333;
  border-radius: 0.4em;
  overflow: hidden;
}

.rwd-table th,
.rwd-table td {
  padding: 0.5em 1em;
  padding: 15px 30px;
  color: #4e4e4e;
  font-weight: 500;
  font-size: 17px;
  text-align: left;
}

.rwd-table td.desktop-th {
  color: #2cb5e1;
  font-size: 18px;
}

.rwd-table td:first-child,
.rwd-table td:nth-child(2) {
  width: 25%;
}

.rwd-table td:nth-child(2) {
  background-color: #f7f5f5;
}

.prod-description-table {
  border-top: 1px solid #2cb5e1;
  padding-top: 20px;
  margin-top: 5px;
  margin-top: 25px;
}

.prod-description-table:first-child {
  padding-top: 0;
}

#reply-title {
  color: #56bcdd;
  font-size: 28px;
  font-weight: 600;
  margin: 20px 0 0;
  text-transform: uppercase;
  text-align: center;
}

.comment-notes {
  text-align: center;
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.blog-captha {
  float: left;
}

.blog-h4-heading {
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 20px !important;
  text-transform: uppercase;
  color: #56bcdd;
}

.commentlist {
  padding: 0;
  list-style: none;
  margin-bottom: 50px;
}

.reply {
  margin-bottom: 22px;
}

.comment-content,
.comment-content.comment,
.comment {
  padding: 0 !important;
}

.commentlist li article {
  border-radius: 20px;
  background-color: #fff;
  padding: 15px 40px !important;
  margin-bottom: 19px;
}

.commentlist li cite {
  margin-left: 17px;
  font-style: normal;
  color: #464646;
}

.commentlist li time {
  display: none;
}

.co time {
  display: none;
}

mments-area cite {
  margin-left: 18px;
}

.comment-form {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.blog-details-section .comment-form p {
  display: block;
  width: 100%;
  vertical-align: middle;
  padding-bottom: 4px;
  padding: 0 15px;
}

.blog-details-section .comment-form p.form-submit {
  margin-bottom: 35px;
  text-align: center;
}

.blog-details-section .comments-area p {
  margin: 10px 0;
}

/*
.blog-details-section .comment-form label {
	display: none;
}


.blog-details-section .comment-form .comment-form-cookies-consent label {
	display: inline-block;
}*/

.blog-details-section .comment-form .comment-form-first-name,
.blog-details-section .comment-form .comment-form-last-name,
.blog-details-section .comment-form .comment-form-phone {
  width: 50%;
}

.blog-details-section .comment-form input[type='text'],
.blog-details-section .comment-form input[type='email'],
.blog-details-section .comment-form input[type='url'],
.blog-details-section .comment-form input[type='phone'] {
  padding: 8px 20px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 6px;
  font-size: 17px;
  font-weight: normal;
  min-height: 60px;
  background-color: #fff;
  color: #444;
  border: 1px solid #d5f5ff;
}

.blog-details-section .comment-form textarea {
  display: block;
  width: 100%;
  padding: 8px 20px;
  border: none;
  border-radius: 6px;
  font-size: 17px;
  font-weight: normal;
  min-height: 50px;
  background-color: #fff;
  color: #444;
  border: 1px solid #d5f5ff;
  resize: none;
  height: 125px;
}

.blog-captha {
  float: left;
}

.blog-details-section .comment-form input[type='submit'] {
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 3px solid #7cd5f0;
  padding: 10px 34px;
  background-color: #1976d8;
  background-image: #1976d8;
  background-image: -moz-linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-image: -webkit-linear-gradient(
    to bottom,
    #1976d8 0%,
    #5baae5 100%
  );
  background-image: linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  /*	float: right;*/
  margin-top: 17px;
}

.blog-details-section .comment-form input[type='submit']:hover {
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-position: -250%;
  transition: background 300ms ease-in-out;
  border: 3px solid #5ec9e9;
}

.comment-respond {
  border-radius: 20px;
  background-color: #fff;
  padding: 15px 40px;
  margin-top: 60px;
}

/* about us sec */
.about-wrap {
  padding-left: 30px;
}

.experiance-col-2 {
  padding-right: 30px;
}

.bg-3 {
  background-image: url(../images/bg-2.png);
  background-repeat: no-repeat;
  background-position: bottom -120px right -90px;
  background-size: auto;
}

.about-form {
  width: 70%;
  margin: auto;
}

.about-form .form-control {
  border: 1px solid #d5f5ff;
  height: 50px;
}

.about-form select {
  background: url(../images/select-arrow.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.about-form textarea.form-control {
  height: 150px;
  resize: none;
}

/* contact sec */
.contact-sec {
  background: #f5f5f5;
}

.contact-information-sec {
  margin-top: 50px;
}

.contact-innerwrap {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.iconwrap {
  width: 80px;
  height: 80px;
  background: #fff;
  padding: 10px;
  line-height: 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px 0 0;
}

.iconwrap img {
  width: 30px;
}

.contact-desc p {
  margin: 0;
}

.contact-desc p a,
.contact-desc p {
  color: #525252;
  font-size: 20px;
  font-weight: 600;
}

.contact-desc p a:hover {
  color: #2cb5e1;
  text-decoration: none;
}

/* blog */
.pagination-sec {
  padding-bottom: 30px;
  text-align: center;
}

.pagination-sec .wp-paginate .current,
.pagination-sec .wp-paginate a {
  background: #fff;
  text-decoration: none;
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: 6px;
  line-height: 23px;
  color: #4e4e4e;
  background-color: #fff;
  border: 1px solid #48a3f0;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
  display: inline-block;
}

.pagination-sec .wp-paginate a:hover,
.pagination-sec .wp-paginate .current {
  background-color: #48a3f0;
  border-color: #48a3f0;
  color: #fff;
}

.bg-4 {
  background: #f9f8f8;
  overflow: hidden;
}

.blog-graphic {
  position: absolute;
  right: 0;
  bottom: -160px;
  z-index: 1;
}

.pagination-sec .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: 6px;
  line-height: 25px;
  color: #4e4e4e;
  background-color: #fff;
  border: 1px solid #48a3f0;
  border-radius: 50%;
  height: 40px;
  width: 40px;
  text-align: center;
}

.pagination-sec .page-item.active .page-link {
  background-color: #48a3f0;
  border-color: #48a3f0;
}

.pagination-sec .page-item:last-child .page-link {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}

.pagination-sec .page-item:first-child .page-link {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}

.page-link.active {
  color: #48a3f0;
}

.pagination-sec .page-link:hover {
  background-color: #48a3f0;
  border-color: #48a3f0;
  color: #fff;
}

.error-sec {
  background-image: url(../images/bg-1.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.error-sec {
  padding: 130px 0;
}

.error-page h1 {
  font-size: 130px;
  font-weight: 800;
}

.thank-you-sech1 {
  font-size: 100px;
}

.error-page h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 18px;
}

.error-page h3 {
  font-weight: 500;
  color: #e1f2fa;
}

.error-page .btn-primary {
  margin-top: 40px;
}

.error-page .btn-primary:hover {
  background-position: -4000%;
}

.wsmenu > .wsmenu-list > li.current-menu-item > a {
  color: #090a0c;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}

.blog-details-section article h1,
.blog-details-section article h2,
.blog-details-section article h3,
.blog-details-section article h4,
.blog-details-section article h5,
.blog-details-section article h6 {
  margin: 20px 0 20px;
  font-weight: 500;
}

.blog-details-section article ul {
  list-style: none;
  padding-left: 0;
  margin: 20px 0 20px;
}

.blog-details-section article ul li {
  position: relative;
  padding-left: 23px;
}

.blog-details-section article ul li h1,
.blog-details-section article ul li h2,
.blog-details-section article ul li h3,
.blog-details-section article ul li h4,
.blog-details-section article ul li h5,
.blog-details-section article ul li h6 {
  margin-bottom: 10px;
}

.blog-details-section article ul li:before {
  content: '\f111';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #00aeef;
  position: absolute;
  left: 0;
  font-size: 11px;
  top: -1px;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  display: none;
}

.science-slider .owl-nav {
  position: relative;
  margin-top: 20px;
}

.science-slider .owl-nav button.owl-prev,
.science-slider .owl-nav button.owl-next {
  top: 0;
  bottom: 0;
  margin: auto;
  border: none;
  width: auto;
  height: auto;
  border-radius: 0;
  color: #8c8d95;
  font-size: 20px;
  line-height: normal;
  position: relative;
  left: 0;
  font-weight: normal;
}

.science-slider .owl-nav button.owl-next {
  left: -3px;
}

.science-slider .owl-nav button.owl-prev {
  right: 36px;
  left: auto;
}

.science-slider .owl-nav:before {
  content: '';
  width: 1px;
  height: 85%;
  position: absolute;
  background-color: #fff;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.science-slider .owl-nav button.owl-prev i,
.science-slider .owl-nav button.owl-next i {
  color: #8c8d95;
  margin: 0 6px;
  font-size: 17px;
}

.science-slider .owl-nav [class*='owl-']:hover,
.science-slider .owl-nav [class*='owl-']:focus,
.science-slider .owl-nav [class*='owl-']:active {
  border: 0px solid #2cb5e1;
  color: #fff;
  outline: none;
  background-color: transparent;
}

.science-slider .owl-nav [class*='owl-']:hover i,
.science-slider .owl-nav [class*='owl-']:focus i,
.science-slider .owl-nav [class*='owl-']:active i {
  color: #fff;
}

.avatar-img {
  border-radius: 100%;
  border: 1px solid #0606ff;
}

.wpcf7-spinner {
  position: absolute;
}

/* science landing page */
.landing-banner {
  background-image: url(../images/hbot-landng-banner.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.landing-bnr-caption {
  color: #fff;
  text-align: center;
  width: 55%;
  margin: auto;
}

.landing-bnr-caption h1 {
  font-weight: 700;
}

.landing-bnr-caption h1 span {
  font-weight: 100;
  display: block;
}

.landing-bnr-caption p {
  font-weight: 100;
  display: block;
  font-style: italic;
  margin: 30px 0 0;
}

.brief-four-blocks {
  display: flex;
  flex-wrap: wrap;
  margin-right: -233px;
  position: relative;
  z-index: 1;
}

.history-col {
  padding: 130px 0 60px 15%;
}

.inner-block {
  width: 45%;
  margin: 15px;
  border: 1px solid #efefef;
  background: #fff;
}

.inner-block h5 {
  text-transform: uppercase;
  color: #2cb5e1;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
}

.history-sec {
  background: #f8f8f8;
}

.evolution-hbot-sec {
  background-image: url(../images/hbot-evolution-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.evolution-hbot-sec p {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.sm-blue-txt {
  color: #2cb5e1;
  font-size: 18px;
  font-weight: 600;
}

.science-hbot-sec .common-content p {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

.science-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

.theory-col {
  width: 30%;
}

.understand-hbot-sec {
  background-image: url(../images/hbot-process-bg.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.fda-sec .common-content ul li {
  margin-bottom: 12px;
}

.fda-col {
  padding: 90px 6% 0 0;
}

.effective-treatment-sec {
  background-image: url(../images/safe-effective-rt-img.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.history-sec {
  background-image: url(../images/brief-history-rt-bg.png);
  background-repeat: no-repeat;
  background-position: top -35% right -35%;
  background-size: contain;
}

.history-sec .common-content ul {
  margin: 15px 0 20px;
}

.hbot-protocol .about-col {
  padding: 90px 0px 40px 6%;
}

.request-hbot-quote a {
  text-decoration: none;
}

.theory-col h4 {
  color: #4e4e4e;
  text-align: center;
  margin: 0 0 20px;
}

#request-warranty label.active {
  color: #56bcdd;
  font-style: italic;
}

#request-warranty label.active span {
  color: #333;
  font-style: normal;
  margin: 30px 0 0 0;
  display: block;
}

#vehicle_picture {
  border-radius: 5px;
}

.bnr-top {
  font-size: 26px;
  color: #fff;
}

.prod-description-box ul,
.prod-description-box ol {
  padding-left: 25px;
}

.prod-description-box ul li,
.prod-description-box ol li {
  margin-bottom: 10px;
}

.prod-description-box h1,
.prod-description-box h2,
.prod-description-box h3,
.prod-description-box h4,
.prod-description-box h5,
.prod-description-box h6 {
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

/* Container styling */
.product-container {
  margin: 20px auto;
  width: 90%;
  text-align: center;
}

/* Main carousel images */
.main-carousel img {
  width: 100%;
  height: auto;
}

/* Thumbnail carousel */
.thumbnail-carousel {
  margin-top: 30px;
}

.thumbnail-carousel img {
  width: 95%;
  height: auto;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.3s ease;
}

.thumbnail-carousel .slick-current img {
  border: 2px solid #2cb5e1;
  /* Highlight active thumbnail */
}

.prod-support-lists {
  border: 1px solid #2cb5e1;
  border-radius: 80px;
  padding: 17px 20px;
  height: 100%;
  min-height: 102px;
}

.prod-support-lists .icon-lists {
  min-width: 55px;
  text-align: center;
}

.prod-support-lists .lists-content {
  margin-left: 12px;
}

.prod-support-lists h6 {
  color: #2cb5e1;
  font-size: 18px;
  margin-bottom: 3px;
}

.prod-support-lists p {
  margin-bottom: 0;
  color: #021f34;
  font-size: 14px;
  line-height: 20px;
}

.prod-support-lists-row {
  margin-bottom: 30px;
}

@media (max-width: 1600px) {
  .wsmenu > .wsmenu-list > li > .navtext,
  .wsmenu > .wsmenu-list > li > a {
    padding: 36px 15px;
    font-size: 20px;
  }
}

@media (max-width: 1400px) {
  body {
    font-size: 16px;
    line-height: 27px;
  }

  h1 {
    font-size: 34px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 25px;
  }

  h4 {
    font-size: 23px;
  }

  h5 {
    font-size: 21px;
  }

  h6 {
    font-size: 20px;
  }

  .wsmenu > .wsmenu-list > li > a {
    padding: 35px 9px;
    font-size: 18px;
  }

  .sticky-bar .wsmenu > .wsmenu-list > li > a {
    padding: 26px 9px;
  }

  .banner-caption {
    font-size: 19px;
  }

  .banner-caption h1,
  .banner-caption h2 {
    font-size: 42px;
  }

  .banner-caption h5 {
    margin-bottom: 20px;
  }

  .common-form .form-control {
    padding: 7px 25px;
    font-size: 16px;
    min-height: 50px;
  }

  .blog-box h6:before,
  .blog-heading:before,
  .footer-top h3:before {
    width: 80px;
  }

  .footer-menu li a,
  .ftr-address-col,
  .ftr-address {
    font-size: 16px;
  }

  .blog-box h6 {
    font-size: 20px;
    min-height: 125px;
  }

  section {
    padding: 75px 0;
  }

  .blog-img {
    height: 350px;
  }

  .science-col {
    padding: 85px 0 60px 15px;
  }

  .science-slider .owl-dots {
    margin-top: 40px !important;
  }

  .common-content h2 {
    line-height: 40px;
    margin-bottom: 20px;
  }

  .common-content h6,
  .meta-title h1 {
    font-size: 18px;
    margin-bottom: 13px;
  }

  .experiance-col {
    padding: 85px 40px 60px 15px;
  }

  .ftr-address-col {
    line-height: 30px;
  }

  .about-left-img {
    height: 100%;
  }

  .about-left-img picture {
    height: 100%;
  }

  .about-left-img picture img {
    height: 96%;
    object-fit: cover;
    object-position: right;
  }

  .abt-box-list {
    bottom: 21%;
    right: -90px;
  }

  .abt-box-list li {
    padding: 16px 35px;
    font-size: 24px;
    margin-bottom: 50px;
    max-width: 300px;
    line-height: 33px;
  }

  .footer-top {
    padding: 60px 0 40px;
  }

  .footer-menu li {
    margin-bottom: 13px;
  }

  .footer-bottom {
    padding: 15px 0;
  }

  .service-box h2,
  .service-box h3 {
    line-height: 32px;
    font-size: 22px;
  }

  .about-col {
    padding: 90px 70px 60px 18%;
  }

  .brief-four-blocks ul li {
    font-size: 15px;
  }

  .prod-support-lists-row {
    margin-bottom: 40px;
  }
}

@media (max-width: 1300px) {
  .wsmenu > .wsmenu-list > li > a {
    padding: 35px 7px;
    font-size: 16px;
  }

  .header-call a {
    font-size: 18px;
  }

  .prod-support-lists-row {
    margin-bottom: 20px;
  }
}

@media (max-width: 1199px) {
  body {
    font-size: 16px;
    line-height: 25px;
  }

  h1 {
    font-size: 30px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  h4 {
    font-size: 23px;
  }

  h5 {
    font-size: 22px;
  }

  h6 {
    font-size: 18px;
  }

  section {
    padding: 80px 0;
  }

  .sticky-bar .logo {
    max-width: 220px;
  }

  .logo {
    max-width: 220px;
  }

  .common-content h2 {
    line-height: 38px;
    margin-bottom: 15px;
  }

  .wsmenu > .wsmenu-list > li > a {
    padding: 25px 6px;
    font-size: 15px;
  }

  .sticky-bar .wsmenu > .wsmenu-list > li > a {
    padding: 22px 6px;
  }

  .banner-caption {
    font-size: 18px;
    margin-bottom: 0;
  }

  .banner-caption h1,
  .banner-caption h2 {
    font-size: 30px;
    margin-bottom: 8px;
  }

  .banner-caption h5 {
    margin-bottom: 11px;
    font-size: 15px;
  }

  .banner-caption h4 {
    font-size: 18px;
  }

  .common-content h6,
  .meta-title h1 {
    margin-bottom: 12px;
  }

  .about-col {
    padding: 80px 15px 40px 75px;
  }

  .play-icon {
    width: 105px;
    height: 105px;
  }

  .blog-date {
    font-size: 19px;
    padding: 13px 15px;
  }

  .footer-menu li {
    margin-bottom: 11px;
  }

  .footer-menu li a,
  .ftr-address-col,
  .ftr-address {
    font-size: 15px;
  }

  .footer-top {
    padding: 80px 0 10px;
  }

  .footer-bottom {
    padding: 15px 0;
  }

  .abt-box-list li span {
    margin-left: 15px;
  }

  .abt-box-list li {
    padding: 14px 21px;
    font-size: 20px;
    margin-bottom: 30px;
    max-width: 280px;
    line-height: 29px;
  }

  .abt-box-list {
    bottom: 24%;
    right: -60px;
  }

  .footer-menu li a {
    font-size: 14px;
  }

  .ftr-col {
    margin-bottom: 30px;
  }

  .footer-socials {
    margin-left: 0;
  }

  .footer-socials li {
    margin-right: 8px;
  }

  .footer-bottom {
    font-size: 13px;
  }

  .footer-bottom span {
    font-size: 12px;
  }

  .blog-box h6 {
    font-size: 18px;
    min-height: 115px;
  }

  .blog-box {
    font-size: 16px;
  }

  .rwd-table th,
  .rwd-table td {
    padding: 16px 22px;
    font-size: 16px;
  }

  .rwd-table td.desktop-th {
    font-size: 16px;
  }

  .rwd-table td:first-child,
  .rwd-table td:nth-child(2) {
    width: 26%;
  }

  .error-sec {
    padding: 70px 0;
  }

  .error-page h1 {
    font-size: 70px;
  }

  .error-page h3 {
    font-size: 18px;
  }

  .error-page h2 {
    font-size: 30px;
    margin-bottom: 12px;
  }

  .fda-col {
    padding: 130px 6% 0 70px;
  }

  .inner-block {
    width: 100%;
  }

  .history-sec {
    background-position: center top;
    background-size: cover;
  }

  .history-sec .common-content h2 {
    color: #fff;
  }

  .understand-hbot-sec {
    background-position: left 69% center;
  }

  .effective-treatment-sec {
    background-position: left 69% center;
  }

  .landing-bnr-caption {
    width: 60%;
  }

  .theory-col img {
    width: 50%;
  }
}

@media (max-width: 991px) {
  body {
    font-size: 16px;
    line-height: 27px;
  }

  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 25px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 21px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }

  section {
    padding: 60px 0;
  }

  .science-col {
    padding: 60px 15px 60px 15px;
  }

  .btn-primary {
    padding: 5px 22px;
    font-size: 15px;
  }

  .carousel-caption {
    top: 50%;
  }

  .banner-caption .btn-primary {
    margin-top: 12px !important;
  }

  .testi-slider .owl-nav button.owl-prev,
  .testi-slider .owl-nav button.owl-next {
    font-size: 19px;
  }

  .banner-caption h1,
  .banner-caption h2 {
    font-size: 26px;
  }

  .banner-caption {
    font-size: 16px;
  }

  .banner-caption p {
    margin-bottom: 0;
  }

  /*
	.banner-caption h5 {
		font-size: 16px;
	}
*/

  .header-2 {
    padding: 8px 0;
  }

  .logo {
    margin-left: 60px;
  }

  .footer-socials {
    margin-left: 0;
  }

  .footer-top {
    padding: 70px 0 0;
  }

  .play-icon {
    width: 70px;
    height: 70px;
    font-size: 27px;
    line-height: 70px;
    opacity: 1;
    transform: translateX(0px);
  }

  .wsmenu > .wsmenu-list > li > a {
    padding: 9px 15px;
    font-size: 16px;
    text-align: left;
  }

  .common-form .form-group {
    margin-bottom: 15px;
  }

  .blog-img {
    height: 300px;
  }

  .mobile-header-gap {
    min-height: 58px;
  }

  .sticky {
    position: fixed;
    background-color: #fff;
    width: 100%;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
  }

  .about-col {
    padding: 60px 15px 60px 15px;
  }

  .footer-menu li {
    margin-bottom: 5px;
  }

  .ftr-address-col {
    line-height: 28px;
  }

  .ftr-address-col {
    line-height: 28px;
  }

  .rwd-table th,
  .rwd-table td {
    padding: 12px 18px;
  }

  .blog-main-col2 .btn-primary {
    padding: 8px 27px;
  }

  .blog-h4-heading,
  #reply-title {
    font-size: 25px;
  }

  .blog-details-section .comment-form input[type='submit'] {
    float: none;
  }

  .abt-box-list {
    right: 10px;
  }

  .footer-socials li {
    margin-right: 5px;
  }

  .science-slider .owl-dots {
    margin-top: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 26px;
  }

  h1 {
    font-size: 25px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 23px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 17px;
  }

  section {
    padding: 50px 0;
  }

  .common-content h6,
  .meta-title h1 {
    font-size: 16px;
  }

  .common-content h2 {
    line-height: 35px;
  }

  .btn-primary {
    font-size: 15px;
    padding: 7px 22px;
  }

  .abt-box-list {
    bottom: 24%;
    right: 10px;
  }

  .abt-box-list li {
    padding: 11px 23px;
    font-size: 20px;
    margin-bottom: 30px;
    max-width: 267px;
    line-height: 27px;
  }

  .logo {
    margin-left: 40px;
  }

  .about-left-img picture img {
    height: 90%;
  }

  .testi-slider .owl-nav button.owl-prev,
  .testi-slider .owl-nav button.owl-next {
    font-size: 18px;
  }

  .map-area {
    padding: 30px 30px 50px;
    margin-left: -19px;
  }

  .experiance-col {
    padding: 40px 15px 40px 15px;
  }

  .play-icon {
    width: 90px;
    height: 90px;
    font-size: 27px;
    line-height: 90px;
    opacity: 1;
    transform: translateX(0px);
  }

  .testi-slider .owl-dots {
    margin-top: 10px !important;
  }

  .testi-slider .owl-nav button.owl-prev {
    right: 30px;
  }

  .testi-slider .owl-nav button.owl-next {
    left: -5px;
  }

  .footer-bottom {
    padding: 14px 0;
    text-align: center;
  }

  .testi-slider-inner {
    font-size: 16px;
    line-height: 27px;
    padding: 0;
  }

  .common-form .form-control {
    padding: 8px 22px;
    font-size: 15px;
    min-height: 48px;
  }

  .footer-menu li {
    margin-bottom: 3px;
  }

  .footer-socials li a {
    display: block;
    width: 42px;
    height: 42px;
    font-size: 20px;
    line-height: 42px;
  }

  .blog-date {
    left: 20px;
    font-size: 17px;
    padding: 7px 10px;
  }

  .blog-date hr {
    margin-top: 1px;
    margin-bottom: 2px;
  }

  .blog-img {
    height: 350px;
  }

  .banner-img {
    height: 350px;
  }

  .banner-img img {
    object-fit: cover;
    height: 100%;
  }

  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot span {
    width: 35px;
  }

  .footer-top {
    padding: 40px 0 0;
  }

  .breadcumb-area {
    padding: 15px 0;
  }

  .breadcrumb {
    padding: 5px 15px;
    font-size: 13px;
  }

  .service-box ul li {
    margin-bottom: 6px;
    padding-left: 19px;
  }

  .service-box ul li:before {
    font-size: 9px;
    top: 0px;
  }

  .rwd-table td:first-child,
  .rwd-table td:nth-child(2) {
    width: 100%;
  }

  .rwd-table th,
  .rwd-table td {
    text-align: right;
  }

  .rwd-table td.desktop-th {
    display: none;
  }

  .rwd-table th,
  .rwd-table td {
    padding: 15px 20px;
    font-size: 16px;
  }

  .rwd-table thead {
    display: block;
    text-align: center !important;
  }

  .rwd-table thead tr {
    display: block;
    width: 100%;
    padding: 0;
  }

  .rwd-table th {
    display: block;
    text-align: center !important;
    color: #2cb5e1;
    font-size: 20px;
  }

  .rwd-table tr:nth-child(2) {
    border-top: none;
  }

  .rwd-table td:first-child,
  .rwd-table td:nth-child(2) {
    width: 100%;
  }

  .rwd-table tr td.desktop-td {
    display: none;
  }

  .rwd-table td {
    background-color: #f7f5f5;
  }

  .rwd-table tr {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }

  .prod-description-table {
    padding-top: 5px;
    margin-top: 5px;
  }

  .blog-details-section .comment-form input[type='submit'] {
    float: right;
  }

  .contact-desc p a,
  .contact-desc p {
    font-size: 16px;
  }

  .iconwrap {
    width: 65px;
    height: 65px;
    margin: 0 15px 0 0;
  }

  .contact-information-sec {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .about-form {
    width: 100%;
  }

  .about-wrap {
    padding-left: 0;
    padding-top: 30px;
  }

  .pagination-sec {
    padding-bottom: 0;
  }

  .blog-h4-heading {
    font-size: 23px;
    margin: 0 0 20px;
  }

  #reply-title {
    font-size: 23px;
  }

  .error-sec {
    padding: 30px 0;
  }

  .error-page h1 {
    font-size: 45px;
  }

  .error-page h3 {
    font-size: 16px;
  }

  .error-page h2 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .error-page .btn-primary {
    margin-top: 10px;
  }

  .comment-respond {
    margin-top: 40px;
  }

  .blog-box h6 {
    min-height: 115px;
  }

  .banner-caption {
    padding-left: 15px;
  }

  .science-slider .owl-nav button.owl-prev,
  .science-slider .owl-nav button.owl-next {
    font-size: 16px;
  }

  .science-slider .owl-nav button.owl-prev {
    right: 30px;
  }

  .science-slider .owl-nav button.owl-next {
    left: -3px;
  }

  .science-slider .owl-nav {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* science page */
  .inner-block {
    width: 100%;
  }

  .science-row {
    flex-direction: column;
  }

  .understand-hbot-sec,
  .effective-treatment-sec {
    background-position: 40% center;
  }

  .theory-col {
    width: 100%;
    margin-bottom: 20px;
  }

  .fda-col {
    padding: 30px 0;
  }

  .pt-0.fda-sec .row {
    flex-direction: column-reverse;
  }

  .brief-four-blocks {
    margin-right: 0;
  }

  .landing-bnr-caption {
    width: 80%;
  }

  .bnr-top {
    font-size: 18px;
  }

  .prod-support-lists-row {
    margin-bottom: 0;
  }

  .prod-support-lists .icon-lists {
    min-width: 40px;
    width: 40px;
    max-width: 40px;
  }

  .prod-support-lists h6 {
    font-size: 16px;
  }

  .prod-support-lists p {
    font-size: 13px;
  }

  .prod-support-lists {
    padding: 7px 16px;
    min-height: 86px;
  }
}

@media (max-width: 575px) {
  body {
    font-size: 15px;
    line-height: 25px;
  }

  section {
    padding: 40px 0;
  }

  h1 {
    font-size: 24px;
  }

  h2 {
    font-size: 22px;
  }

  h3 {
    font-size: 21px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 18px;
  }

  h6 {
    font-size: 17px;
  }

  .btn-primary {
    font-size: 14px;
    padding: 5px 22px;
  }

  .btn-primary i {
    right: -16px;
  }

  .logo {
    max-width: 170px;
    margin: auto;
    left: 8px;
    position: relative;
  }

  .wsanimated-arrow {
    margin: 13px 0 0 15px;
  }

  .common-content h6,
  .meta-title h1 {
    font-size: 15px;
    line-height: 20px;
  }

  .testi-slider-inner {
    padding: 20px 15px !important;
  }

  .header-2 {
    padding: 12px 0;
  }

  .common-form .form-control {
    min-height: 45px;
  }

  .footer-top {
    padding: 40px 0 0;
  }

  .site-footer .footer-socials {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
  }

  .ftr-address-col {
    line-height: 24px;
  }

  .testi-slider .owl-nav button.owl-prev,
  .testi-slider .owl-nav button.owl-next {
    font-size: 15px;
  }

  .testi-slider .owl-nav:before {
    height: 78%;
    left: -7px;
    top: 2px;
  }

  .testi-slider .owl-nav {
    margin-top: 10px;
  }

  .ftr-col {
    margin-bottom: 25px;
  }

  .footer-bottom span {
    font-size: 12px;
  }

  .footer-bottom {
    font-size: 12px;
  }

  .footer-menu li a {
    font-size: 14px;
  }

  .copyrights {
    font-size: 11px;
    line-height: 20px;
    margin-bottom: 4px;
  }

  .footer-bottom span {
    font-size: 10px;
  }

  .ftr-address li {
    font-size: 14px;
  }

  .common-content h2 {
    line-height: 30px;
  }

  .view-all-btn .btn-primary {
    padding: 7px 44px;
  }

  .footer-top h3 {
    font-size: 20px;
    padding-bottom: 11px;
    margin-bottom: 22px;
  }

  .blog-box h6:before,
  .blog-heading:before,
  .footer-top h3:before {
    width: 62px;
    height: 3px;
  }

  .testi-slider-inner {
    background-position: right 12px bottom -24px;
    background-size: 76px;
  }

  .footer-menu li:before {
    top: 0px;
  }

  .ftr-address-col {
    line-height: 24px;
  }

  .blog-box h6 {
    height: auto !important;
  }

  .blog-date {
    left: 10px;
    font-size: 14px;
    padding: 2px 7px;
    line-height: 23px;
  }

  .blog-img {
    height: 200px;
  }

  .mobile-header-gap {
    min-height: 60px;
  }

  .banner-caption {
    font-size: 13px;
  }

  .banner-caption h1,
  .banner-caption h2 {
    font-size: 20px;
  }

  .home-slider .owl-dots {
    bottom: 8px !important;
  }

  .science-col {
    padding: 40px 15px 30px 15px;
  }

  .header-call a img {
    margin-right: 0;
    max-width: 36px;
  }

  .chambers-slider .item {
    padding: 10px 0;
  }

  .header-call a span {
    display: none;
  }

  .banner-caption p {
    line-height: 18px;
    margin-bottom: 4px;
  }

  .abt-box-list li {
    padding: 9px 21px;
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 220px;
    line-height: 21px;
  }

  .abt-box-list li img {
    max-width: 54px;
  }

  .service-box .card-body {
    padding: 12px 20px 0;
  }

  .about-col {
    padding: 40px 15px 40px 15px;
  }

  .rwd-table th,
  .rwd-table td {
    padding: 8px 12px;
    font-size: 15px;
  }

  .rwd-table th {
    font-size: 17px;
    padding: 6px 10px;
  }

  .blog-h4-heading,
  #reply-title {
    font-size: 20px;
  }

  .commentlist li article {
    padding: 20px 20px !important;
    margin-bottom: 15px;
  }

  .comment-respond {
    padding: 8px 15px;
  }

  .blog-details-section .comment-form .comment-form-first-name,
  .blog-details-section .comment-form .comment-form-last-name,
  .blog-details-section .comment-form .comment-form-email,
  .blog-details-section .comment-form .comment-form-phone {
    width: 100%;
  }

  .blog-details-section .comment-form input[type='text'] {
    padding: 8px 15px;
    font-size: 15px;
    min-height: 48px;
  }

  .blog-details-section .comment-form input[type='submit'] {
    float: none;
    width: 100%;
    padding: 8px 16px;
  }

  .blog-sec {
    background-position: bottom -240px right -200px;
  }

  .service-box h2,
  .service-box h3 {
    line-height: 30px;
    font-size: 20px;
  }

  .blog-box h6 {
    min-height: inherit;
  }

  .banner-caption h5 {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .banner-caption h4 {
    font-size: 15px;
  }

  #vehicle_picture {
    max-width: 100% !important;
  }

  .prod-support-lists h6 {
    font-size: 15px;
  }

  .prod-support-lists p {
    font-size: 12px;
    line-height: 17px;
  }

  .prod-support-lists .icon-lists {
    min-width: 35px;
    width: 35px;
    max-width: 35px;
  }
  .product-container {
    width: 100%;
  }
  .thumbnail-carousel {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .rwd-table td:before {
    display: none;
  }

  .rwd-table th,
  .rwd-table td {
    display: table-cell;
  }
}

/*========== Mobile CSS ==========*/

#siq_chatwindow .siqico-clogo:before {
  content: '';
  background-image: url(../images/serviceorg-normal.png);
}

.home-slider-mobile .banner-img {
  min-height: 350px;
  background-color: #061a4d;
}

.home-slider-mobile .banner-caption {
  width: 100% !important;
  -ms-flex: 0 0 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  text-align: center;
}

.bg-1-mobile {
  background-color: #061a4d;
}

/*
@media screen and (max-width: 767px) {
    div#sgpb-popup-dialog-main-div-wrapper {
        display: none !important;
    }

    .sgpb-popup-overlay {
        display: none !important;
    }
}
*/

@media screen and (max-width: 575px) {
  .home-slider-mobile .banner-img {
    min-height: 270px;
    height: 270px;
  }
}

.common-form .wpcf7-list-item {
  margin: 0;
  width: 100%;
}

/*========== Distributor Page CSS ==========*/

.inner-page-banner .carousel-caption {
  top: 0;
  position: relative;
  transform: none;
}

.banner-inner-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.inner-page-banner .carousel-caption h2 {
  margin-bottom: 25px;
}

.inner-page-banner .banner-caption h5 {
  max-width: 80%;
  line-height: normal;
}

.inner-banner-img {
  margin-right: -60px;
}

.inner-page-banner .banner-caption {
  padding-left: 15px;
}

.chamber-options {
  display: flex;
  gap: 20px;
  justify-content: center;
}

.distributor-form .form-group {
  margin-bottom: 30px;
}

.distributor-form h3 {
  margin-bottom: 25px;
  margin-top: 20px;
}

.distributor-col-1 .common-content h6 {
  text-transform: inherit;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 40px;
}

.distributor-col-1 .science-col {
  padding: 90px 0 60px 18%;
}

.distributor-col-2 .service-box h4 {
  color: #2cb5e1;
  font-weight: 500;
  margin-bottom: 4px;
  line-height: 33px;
}

.distributor-col-2 .service-box .card-body {
  padding: 25px 40px 20px;
}

.distributor-col-3 {
  background-color: #1a8fb5;
}

.distributor-col-4 .card-body img {
  max-width: 80px;
}

.distributor-col-4 .card-body h4 {
  color: #2cb5e1;
  margin: 24px 0 15px;
  font-weight: 600;
  font-size: 26px;
}

.distributor-col-4 .service-box .card-body {
  padding: 25px 14% 0;
  margin-bottom: 0;
}

.distributor-subscribe {
  background-color: #1a8fb5;
  background-image: url(../images/signup-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.distributor-subscribe:before {
  content: '';
  background-color: rgb(0, 0, 0, 0.7);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.distributor-subscribe .common-content h2 {
  margin-bottom: 13px;
  line-height: normal;
  font-size: 45px;
}

.distributor-subscribe .common-content h5 {
  line-height: 35px;
}

.distributor-subscribe .btn-primary {
  font-size: 24px;
  color: #fff;
  border: 3px solid #5ec9e9;
  padding: 17px 40px;
  background-color: #2cb5e1;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
}

.distributor-subscribe .btn-primary:hover {
  color: #fff;
  border: 3px solid #007bff;
  background-color: #0058b6;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
}

.chamber-option {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  border-radius: 10px;
  transition: border-color 0.3s, background-color 0.3s;
  width: 50%;
  overflow: hidden;
  color: #78797b;
}

.chamber-option input {
  position: absolute;
  opacity: 0;
}

.chamber-option label {
  width: 100%;
  margin-bottom: 0;
}

.chamber-option .wpcf7-list-item-label {
  width: 100%;
  margin: 0;
  padding: 15px 0;
  cursor: pointer;
  border: 1px solid #d5f5ff;
  border-radius: 10px;
  display: block;
}

.chamber-option .wpcf7-list-item-label:hover {
  border-color: #ededed;
  background-color: #ededed;
  color: #525151;
}

.chamber-option input:checked + label,
.chamber-option input:checked + span {
  border-color: #ededed;
  background-color: #ededed;
  color: #525151;
}

.list-chamber-title {
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 500;
  color: #78797b;
}

.middle-logos {
  padding: 20px 0 0 0;
  min-width: 665px;
  text-align: center;
}

.middle-logos li {
  display: inline-block;
  border-right: 2px solid #cbcbcb;
  padding: 15px 30px 15px 0;
  margin-right: 30px;
}

.middle-logos li:last-child {
  border-right: 0px solid #cbcbcb;
  margin-right: 0;
  padding: 0;
}

.distributor-title {
  background-color: #00264c;
  padding: 20px 0;
}

.distributor-title h1,
.distributor-title h2 {
  color: #fff;
  margin-bottom: 0;
}

.chamber-adv-content {
  padding-left: 20px;
  font-size: 18px;
  line-height: 30px;
  padding-top: 20px;
  padding-right: 6%;
}

.chamber-adv-content h3 {
  color: #56bcdd;
  font-weight: bold;
  margin-bottom: 18px;
}

.chamber-adv-img {
  min-width: 36%;
}

.chamber-adv-2,
.chamber-adv-3 {
  height: 100%;
}

.chamber-adv-1 {
  background-image: url(../images/animate-d-1.png);
  background-repeat: no-repeat;
  background-position: left -40px top -40px;
  background-size: auto;
}

.chamber-adv-2 {
  background-image: url(../images/animate-d-2.png);
  background-repeat: no-repeat;
  background-position: right -20px bottom -20px;
  background-size: auto;
}

.chamber-adv-3 {
  background-image: url(../images/animate-d-3.png);
  background-repeat: no-repeat;
  background-position: right -20px bottom -20px;
  background-size: auto;
}

.chamber-adv-1 .chamber-adv-content {
  padding-left: 45px;
  padding-top: 0;
  padding-right: 48px;
}

.inner-page-banner .btn-primary {
  background-size: 350px;
}

.distributor-modal .modal-dialog {
  max-width: 1440px;
}

.distributor-modal .modal-title {
  color: #2cb5e1;
  font-weight: 500;
  line-height: normal;
}

.distributor-modal .close {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #f00;
  color: #fff;
  text-shadow: none;
  border-radius: 100%;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 45px;
  font-weight: normal;
  font-size: 32px;
  padding: 0;
  opacity: 1;
}

#affwp-register-form {
  width: 70%;
  margin: auto;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 0;
  border-radius: 20px;
  padding: 30px;
}

#affwp-login-form {
  width: 50%;
  margin: auto auto 30px;
}

#affwp-register-form input[type='text'],
#affwp-register-form input,
#affwp-login-form input[type='text'],
#affwp-login-form input {
  border-radius: 10px;
  font-size: 16px;
  font-weight: normal;
  min-height: 50px;
  color: #444;
  background-color: #fff;
  border: 1px solid #d5f5ff;
  padding: 8px 25px;
}

#affwp-register-form textarea {
  border-radius: 10px;
  font-size: 16px;
  font-weight: normal;
  color: #444;
  background-color: #ff;
  border: 1px solid #d5f5ff;
}

#affwp-register-form label,
#affwp-login-form label {
  font-weight: 500;
  color: #021f34;
  font-size: 15px;
  margin: 0 0 5px 0;
  display: block;
}

form#affwp-register-form legend,
#affwp-login-form legend {
  font-weight: bold;
  text-transform: uppercase;
  color: #56bcdd;
  text-align: center;
  font-size: 30px;
}

label.affwp-tos,
label.affwp-user-remember {
  display: flex;
  align-items: center;
}

input#affwp-tos,
input#affwp-user-remember {
  margin: 0 8px 0;
}

label.affwp-tos a,
.affwp-lost-password a {
  text-decoration: none;
}

#affwp-register-form .button,
#affwp-login-form .button {
  padding: 10px 35px !important;
  font-size: 17px;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 3px solid #7cd5f0;
  background-color: #1976d8;
  background-image: #1976d8;
  background-image: -moz-linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-image: -webkit-linear-gradient(
    to bottom,
    #1976d8 0%,
    #5baae5 100%
  );
  background-image: linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  min-height: auto;
  line-height: 20px;
}

#affwp-register-form .button:hover {
  color: #fff;
}

input#affwp-tos,
input#affwp-user-remember {
  min-height: auto;
}

a:hover {
  color: #0056b3;
  text-decoration: none !important;
}

.affwp-lst {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
}

.affwp-card {
  border-radius: 8px;
  background: #fff;
}

.affwp-affiliate-link__input,
#affwp-custom-link-generator .affwp-form input[type='url'] {
  border: 1px solid #ccc;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 15px;
}

.affwp-card__header h3 {
  font-size: 19px;
  margin: 0 0 6px 0 !important;
}

button.affwp-affiliate-link-copy-link.button {
  border: 0;
  padding: 8px 20px;
  border-radius: 30px;
  background: #2cb5e1;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

select#affwp-graphs-date-options {
  border: 1px solid #ccc;
  width: 200px;
  border-radius: 5px;
  height: 35px;
  font-size: 15px;
}

.affwp-affiliate-link-copy-link.button,
input#affwp-generator-submit-btn,
.affwp-save-profile-wrap input.button {
  font-size: 17px;
  font-weight: normal;
  color: #fff;
  cursor: pointer;
  text-align: center;
  border-radius: 50px;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border: 3px solid #7cd5f0;
  padding: 7px 22px;
  background-color: #1976d8;
  background-image: #1976d8;
  background-image: -moz-linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-image: -webkit-linear-gradient(
    to bottom,
    #1976d8 0%,
    #5baae5 100%
  );
  background-image: linear-gradient(to bottom, #1976d8 0%, #5baae5 100%);
  background-size: 300px;
  background-repeat: no-repeat;
  background-position: 0%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
}

.affwp-affiliate-link-copy-link.button:hover,
input#affwp-generator-submit-btn:hover,
.affwp-save-profile-wrap input.button:hover {
  background: #2cb5e1;
}

.affwp-form input[type='text'],
.affwp-form input[type='password'],
.affwp-form input[type='email'],
.affwp-form input[type='url'],
.affwp-form textarea {
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 8px 15px;
  border-radius: 5px;
  font-size: 15px;
}

.affwp-wrap.affwp-payment-email-wrap {
  display: flex;
  flex-direction: column;
}

input#affwp-payment-email {
  width: 40%;
}

.affwp-affiliate-dashboard-tab a {
  background: #c2c8ca;
  border: 1px solid #9fa9ae;
  border-radius: 3px;
  padding: 8px 15px !important;
  color: #000 !important;
  display: inline-block;
}

.affwp-affiliate-dashboard-tab a:hover {
  background: #aeb1b2;
  color: #fff;
}

#affwp-affiliate-dashboard
  #affwp-affiliate-dashboard-tabs
  li.active
  .affwp-affiliate-dashboard-tab
  a {
  background: #2cb5e1;
}

li.affwp-affiliate-dashboard-tab:before {
  display: none;
}

#affwp-affiliate-dashboard-tabs li:nth-child(2) {
  display: none !important;
}

#affwp-affiliate-dashboard h4 {
  font-size: 19px;
  margin: 30px 0 10px;
  font-weight: 400;
}

.free-textinfo-1 {
  font-size: 17px;
  line-height: 20px;
  margin: 0 0 10px;
  color: #2cb5e1;
}

.affiliate-registraion-sec {
  text-align: center;
  padding: 30px 0;
}

.reg-affiliate-col {
  background: #fff;
}

.reg-title {
  color: #2fb6e1;
  font-size: 20px;
  font-weight: 500;
}

.reg-affiliate-col .step-span {
  display: block;
  color: #4e4e4e;
  font-size: 20px;
  padding-top: 15px;
}

.reg-affiliate-col .card-header {
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0;
}

.steps-img.card-footer {
  background: #fff;
  border-top: 0;
}

p:empty {
  display: none !important;
}

.label-desc {
  font-size: 14px;
  color: #a7a7a8;
  font-weight: 300;
}

.steps-img.card-footer img {
  border: 1px solid #ccc;
  border-radius: 50%;
}

/* Lock icon */
.lock-icon {
  color: #888;
  cursor: pointer;
}

/* Tooltip styling */
.tooltip {
  position: absolute;
  top: -40px;
  right: 0;
  padding: 5px 10px;
  background-color: #333;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  white-space: nowrap;
}

/* Tooltip arrow */
.tooltip::after {
  content: '';
  position: absolute;
  bottom: -6px;
  right: 10px;
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

/* Show tooltip on hover */
.lock-icon:hover + .tooltip {
  opacity: 1;
  visibility: visible;
}

.secure-info {
  position: relative;
}

#affwp-affiliate-dashboard {
  min-height: 300px;
}

.affwp-notice {
  border-radius: 2px;
  margin: 0 0 21px;
  color: #0f5132 !important;
  background-color: #d1e7dd !important;
  border-color: #badbcc !important;
}

.affwp-errors {
  border-radius: 2px;
  margin: 0 0 21px;
  color: #664d03 !important;
  background-color: #f7efd6 !important;
  border-color: #ffecb5 !important;
}

label.error,
.error {
  color: red;
  font-size: 14px;
}

.distributor-form .form-check {
  margin-right: 23px;
}

.distributor-form .form-check .form-check-input {
  margin-top: 0.5rem;
}

.targetMarkets-input {
  margin-bottom: 25px;
  margin-top: 15px;
}

@media screen and (max-width: 1400px) {
  .chamber-adv-content {
    font-size: 18px;
  }

  .chamber-option .wpcf7-list-item-label {
    padding: 11px 0;
    font-size: 16px;
  }

  .inner-banner-img {
    margin-right: 0;
  }

  .inner-page-banner .carousel-caption h1,
  .inner-page-banner .carousel-caption h2 {
    font-size: 35px;
  }

  .inner-page-banner .banner-caption h5 {
    max-width: 90%;
    line-height: normal;
    font-size: 18px;
  }

  .chamber-adv-content {
    font-size: 17px;
    line-height: 30px;
  }

  .distributor-title {
    padding: 13px 0;
  }
}

@media screen and (max-width: 1199px) {
  .middle-logos {
    padding: 20px 0 0 0;
    min-width: auto;
  }

  .middle-logos li {
    padding: 15px 15px 15px 0;
    margin-right: 15px;
    max-width: 180px;
  }

  .inner-page-banner .carousel-caption h1,
  .inner-page-banner .carousel-caption h2 {
    font-size: 28px;
    margin-bottom: 6px;
  }

  .inner-page-banner .banner-caption h5 {
    max-width: 92%;
    line-height: normal;
    font-size: 16px;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 991px) {
  .middle-logos {
    padding: 10px 0 0 0;
    min-width: auto;
  }

  .inner-page-header .header-2 {
    padding: 0;
  }

  .inner-page-banner .carousel-caption h1,
  .inner-page-banner .carousel-caption h2 {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .inner-page-banner .banner-caption h5 {
    max-width: 100%;
    line-height: normal;
    font-size: 14px;
    margin-bottom: 0;
  }

  .banner-inner-img {
    height: 280px;
  }

  .banner-inner-img img {
    object-fit: cover;
    height: 100%;
  }

  .inner-page-header .header-call a {
    font-size: 12px;
  }

  #affwp-register-form {
    width: 100%;
  }

  form#affwp-register-form legend,
  #affwp-login-form legend {
    font-size: 23px;
  }

  input#affwp-payment-email {
    width: 100%;
  }

  #affwp-login-form {
    width: 70%;
  }
}

@media screen and (max-width: 767px) {
  .banner-inner-img {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
  }

  .inner-page-banner .carousel-caption {
    position: relative;
    top: 0;
    transform: none;
    padding: 20px 0;
    text-align: center;
  }

  .inner-banner-img {
    margin-bottom: 20px;
  }

  .inner-page-banner .banner-caption {
    padding-left: 15px;
  }

  .distributor-form .form-group {
    margin-bottom: 20px;
  }

  .chamber-options {
    flex-wrap: wrap;
  }

  .middle-logos {
    padding: 10px 34px 0;
    min-width: auto;
  }

  .chamber-option {
    width: 46%;
  }

  .chamber-adv-content {
    padding-left: 15px;
    padding-top: 0;
    padding-right: 32%;
  }

  .chamber-adv-content {
    font-size: 15px;
    line-height: 28px;
  }

  .chamber-adv-1 .chamber-adv-content {
    padding-left: 15px;
    padding-top: 0;
    padding-right: 15px;
  }

  .chamber-adv-2,
  .chamber-adv-3 {
    min-height: auto;
  }

  .inner-page-header .header-call a span {
    display: none;
  }

  .middle-logos li:last-child {
    max-width: 130px;
  }

  .distributor-title {
    padding: 10px 0;
  }

  .chamber-option .wpcf7-list-item-label {
    padding: 10px 0;
    font-size: 15px;
  }

  #affwp-login-form {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  .middle-logos li {
    padding: 0 0px 12px 0;
    margin-right: 0;
    max-width: inherit;
    border-right: 0px solid #cbcbcb;
  }

  .distributor-title h1,
  .distributor-title h2 {
    font-size: 20px;
  }

  .distributor-form .form-group {
    margin-bottom: 15px;
  }

  .chamber-option {
    width: 100%;
  }

  .chamber-options {
    gap: 12px;
  }

  .list-chamber-title {
    margin-bottom: 15px;
  }

  .chamber-option .wpcf7-list-item-label {
    font-size: 13px;
  }

  .chamber-adv-1 {
    background-position: left -140px top -90px;
  }

  .chamber-adv-1 .chamber-adv-content {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
  }

  .chamber-adv-content {
    padding-left: 0;
    padding-top: 0;
    padding-right: 15px;
  }

  .chamber-adv-content h3 {
    margin-bottom: 12px;
  }

  .chamber-adv-2,
  .chamber-adv-3 {
    background-position: right -60px bottom -120px;
  }
}

/*  landing */
.landing-banner-sec {
  position: relative;
  padding-top: 0;
}

.landing-bnrimg {
  position: relative;
}

.landing-caption {
  position: absolute;
  right: 0;
  bottom: auto;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
  text-align: left;
  /* width:50%; */
}

.landing-caption .l-bnr-title {
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-size: 37px;
  font-weight: 400;
}

.banner-caption-landing h1 {
  margin-bottom: 35px;
}

.banner-caption-landing h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}

.banner-caption-landing h5 {
  font-weight: 400;
  line-height: 36px;
}

.landing-caption .l-bnr-title span {
  color: #ffd800;
}

.l-bnr-bottom-sec {
  margin-top: -150px;
  z-index: 9;
  position: relative;
}

.exclusive-offer-txt {
  color: #ca3656;
  font-size: 17px;
  margin: 0 0 7px 0;
}

.hbot-product-desc span {
  color: #909090;
  font-weight: 600;
}

.l-sec-heading {
  color: #2cb5e1;
  font-weight: 600;
}

.hbot-product-desc .row {
  justify-content: center;
  align-items: center;
}

#landing-page {
  color: #909090;
}

.specification-txt {
  font-weight: 600;
  color: #3c3c3c;
  font-size: 20px;
  margin: 20px 0;
}

.bg-grey-1 {
  background: #fafafa;
}

.bg-grey-3 {
  background: #f5f5f5;
}

.exclusive-offer-sec p {
  font-weight: 400;
  width: 90%;
  margin: auto;
}

.exclusive-offer-sec span {
  font-weight: 600;
}

.checkInfo {
  display: flex;
}

.check-sign {
  margin: 0 10px 0 0;
}

.get-ready-sec {
  background-image: url(../landing-images/get-ready-bg-2.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.get-ready-sec p {
  color: #fff;
}

/* chat */

.product-col {
  padding: 0 0 60px 50px;
}

.product-col-2 {
  padding: 0 50px 0 0;
}

.offer-box {
  background-color: #fff;

  padding: 30px 50px 30px 120px;
  margin-top: 20px;
  border-radius: 10px;

  border-top-left-radius: 82px;
  border-bottom-right-radius: 82px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: -120px;
  z-index: -1;
  top: 0;
  min-height: 147px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #696969;
  font-weight: 600;
  max-width: 100%;
}

.free-textinfo {
  font-size: 20px;
}

.offer-box p {
  color: #696969;
  font-weight: 600;
}

.free-textinfo span {
  color: #ca3656;
  font-size: 18px;
}

.bnr-btm-imgwrap {
  margin-top: -61px;
}

.form-select {
  display: block;
  max-width: 100%;
  background: url(../landing-images/select-icon.png) right 10px center no-repeat;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-width: 100%;
  margin-right: 0em;
}

.landing-footer {
  background-image: url(../landing-images/footer-bg.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}

.l-footer-top {
  padding: 60px 0;
}

.l-ftr-contacts .ftr-address {
  display: flex;
  justify-content: center;
}

.l-ftr-contacts .line-bar {
  color: #909090;
}

.l-ftr-contacts a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
}

.l-ftr-contacts li {
  margin-bottom: 20px;
  display: flex;
  margin: 0 20px 0 0;
}

.l-footer-bottom p {
  text-align: center;
  width: 100%;
  padding: 20px 0 0;
}

.l-footer-bottom {
  color: #edf6ff;

  border-top: 1px solid #313131;

  font-size: 14px;
}

.l-footer-bottom p a {
  color: #edf6ff;
  text-decoration: none;
  padding: 0 10px;
}

#landing-page .common-content ul li {
  margin-bottom: 20px;

  position: relative;
  padding-left: 25px;
}

#landing-page .common-content ul li:before {
  position: absolute;
  left: 0;
}

#landing-page .card-header .title {
  font-size: 17px;
  color: #000;
}

#landing-page .card-header .accicon {
  float: right;
  font-size: 20px;
  width: 1.2em;
}

#landing-page .card-header {
  cursor: pointer;
  border-bottom: none;
}

#landing-page .card {
  border: 1px solid #ddd;
}

#landing-page .card-body {
  border-top: 1px solid #ddd;
}

#landing-page .card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}

#accordionFaq {
  width: 80%;
  margin: auto;
}

.card-header[aria-expanded='true'] {
  background: #dcdcdc;
}

.pro-athletes-sec ul {
  display: flex;
  flex-wrap: wrap;
}

.pro-athletes-sec .no-dot-lists ul li:before {
  display: none;
}

#landing-page .no-dot-lists ul li {
  padding-left: 0;
  margin-bottom: 4%;
}

.bg-white-form .form-control {
  background-color: #fff !important;
}

.disclaimer-sec {
  color: #909090;
  font-size: 14px;
  line-height: 20px;
  padding: 30px;
}

.l-imwrap img {
  border-radius: 10px;
}

.form-group.checkbox-info {
  display: flex;
}

.form-group.checkbox-info p {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}

.form-group.checkbox-info input[type='checkbox'] {
  margin: 6px 10px 0 0;
  width: 20px;
  height: 20px;
}

.landing-bnrimg {
  overflow: hidden;
}

.landing-bnrimg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1700px) and (max-width: 2000px) {
  .l-bnr-bottom-sec {
    margin-top: -212px;
    z-index: 9;
    position: relative;
  }

  .landing-caption .l-bnr-title {
    font-size: 55px;
  }

  .landing-caption .banner-caption {
    padding-left: 30px;
  }
}

@media screen and (max-width: 1400px) {
  .distributor-subscribe .common-content h2 {
    font-size: 36px;
  }

  .distributor-col-1 .science-col {
    padding: 40px 0 40px 15px;
  }

  .distributor-col-1 .common-content h6 {
    line-height: normal;
  }
}

@media screen and (max-width: 1199px) {
  .banner-caption-landing h5 {
    line-height: 26px;
  }

  .banner-caption-landing h5 br {
    display: none;
  }
}

@media (max-width: 991px) {
  .l-bnr-bottom-sec {
    margin-top: 0;
    padding-bottom: 40px;
  }

  .landing-caption .l-bnr-title {
    font-size: 20px;
    margin-top: 0;
  }

  .offer-box {
    position: relative;
    left: 0;
    padding: 30px 50px;
    margin-top: -13px;
  }

  .free-textinfo,
  .specification-txt {
    font-size: 16px;
  }

  .product-col {
    padding-left: 50p;
  }

  .exclusive-offer-sec p {
    font-size: 15px;

    width: 100%;
  }

  .get-ready-sec {
    background-position: 60%;
  }

  .l-ftr-contacts .ftr-address {
    display: flex;
    justify-content: center;
    padding: 0;
  }

  .l-ftr-contacts .ftr-address .line-bar {
    display: none;
  }

  .l-footer-bottom p span {
    display: none;
  }

  .l-ftr-contacts a {
    font-size: 15px;
  }

  .l-ftr-contacts {
    text-align: center;
  }

  .landing-caption {
    width: 60%;
  }

  .bnr-btm-imgwrap {
    margin-top: 0;
  }

  #accordionFaq {
    width: 100%;
  }

  .distributor-col-1 .science-col {
    padding: 50px 0 20px 15px;
  }

  .distributor-col-4 .card-body h4 {
    font-size: 22px;
  }

  .distributor-subscribe .common-content h2 {
    font-size: 33px;
    margin-bottom: 7px;
  }

  .distributor-subscribe .btn-primary {
    font-size: 15px;
    padding: 11px 30px;
    margin-top: 10px;
  }

  .distributor-subscribe .common-content h5 {
    line-height: normal;
    font-size: 16px;
    padding: 0 10%;
  }
}

@media (max-width: 767px) {
  .get-ready-sec:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }

  .get-ready-sec .container {
    z-index: 1;
  }

  .landing-bnrimg {
    height: 350px;
  }

  .banner-caption-landing {
    width: 88%;
  }

  .banner-caption-landing h1 {
    margin-bottom: 15px;
  }

  .banner-caption-landing h5 {
    line-height: 23px;
  }

  .distributor-col-2 .service-box .card-body .equalHeight {
    height: auto !important;
  }

  .distributor-col-4 .card-body img {
    max-width: 60px;
  }

  .distributor-col-4 .service-box .card-body {
    padding: 16px 8% 0;
  }

  .distributor-col-4 .card-body h4 {
    font-size: 20px;
    margin: 19px 0 12px;
  }

  .distributor-subscribe .common-content h2 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 35px;
  }

  .distributor-subscribe .common-content h5 {
    padding: 0;
  }

  .distributor-subscribe .btn-primary {
    font-size: 14px;
    padding: 10px 20px;
    margin-top: 15px;
  }

  .distributor-col-2 .service-box .card-body {
    padding: 15px 20px 8px;
  }
}

@media (max-width: 575px) {
  .landing-bnrimg {
    height: 280px;
  }

  .distributor-form h3 {
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  .landing-caption .l-bnr-title {
    font-size: 16px;
  }

  .get-ready-sec {
    background-position: left center;
  }

  .product-col {
    padding: 30px 0;
  }

  .l-ftr-contacts .ftr-address {
    display: inline-block;
  }

  .l-ftr-contacts li {
    justify-content: center;
  }

  .l-footer-bottom p a {
    display: block;
  }

  .pro-athletes-sec {
    margin: 20px 0 0;
  }
}

.blog-right-title h4 {
  background-color: #56bcdd;
  color: #fff;
  padding: 12px 20px;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.blog-post-lists {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-main-col {
  border: 1px solid #56bcdd;
}

.blog-post-lists li {
  line-height: 30px;
  padding: 18px 0;
  position: relative;
  padding-left: 48px;
  border-bottom: 1px solid #56bcdd;
}

.blog-post-lists li:last-child {
  border-bottom: 0px solid #56bcdd;
}

.blog-post-lists li a {
  font-size: 16px;
  color: #6e7990;
}

.blog-post-lists li a:hover {
  color: #56bcdd;
}

.blog-post-lists li::before {
  content: '\f101';
  font: normal normal 600 14px/1 'Font Awesome 5 Free';
  color: #56bcdd;
  position: absolute;
  left: 15px;
  top: 23px;
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .blog-right-col {
    margin-bottom: 10px;
  }

  .blog-post-lists li {
    line-height: 26px;
    padding: 10px 0;
    padding-left: 25px;
  }

  .blog-post-lists li::before {
    left: 3px;
    top: 16px;
    font-size: 13px;
  }
}

.video-blocks {
  background: #fff;
  padding: 20px 20px 30px;
  border-radius: 20px;
  margin: 0 0 30px 0;
}

.vi-thumbnail-img {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.vi-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  color: #0131b9;
  transform: translate(-50%, -50%);
}

.vi-play-btn i {
  color: #c70e0e;
  font-size: 50px;
  transition: all 0.5s;
}

.video-blocks h5 {
  font-size: 20px;
  color: #2e2f33;
  font-weight: 500;
  position: relative;
  margin-bottom: 20px;
}

.vi-watch-btn {
  /* background: #fff; */
  color: #2cb5e1 !important;
  border-radius: 40px;
  font-size: 16px;
  padding: 8px 0;
  margin-top: 1rem;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hbot-sec a {
  color: #626473;
  text-decoration: none;
}

.vi-watch-btn:hover {
  color: #1a667e !important;
}

.hbot-videos-col .nav-tabs .nav-link {
  font-size: 15px;
  display: inline-block;
  padding: 13px 25px;
  margin: 0 10px;
  list-style: none;
  cursor: pointer;
  color: #2cb5e1;
  font-weight: 600;
  position: relative;
  margin-bottom: 20px;
  text-transform: uppercase;
  line-height: 20px;
  border-radius: 5px;
  border: 1px solid #c1c1c1;
  text-align: center;
}

.hbot-videos-col .nav-tabs .nav-link:hover,
.hbot-videos-col .nav-tabs .nav-link.active {
  background-color: #2cb5e1;
  color: #fff !important;
  border: 1px solid #2cb5e1;
}

.vi-heading {
  font-size: 36px;
}

.vi-heading h1 {
  font-weight: 600;
  margin-bottom: 20px;
  color: #4e4e4e;
}

.video-list-showcase {
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  padding: 10px 0;
  background: #f2f2f2;
  margin: 0 0 10px;
  border-radius: 5px;
  padding: 20px;
  align-items: flex-start;
}

.video-sm-thumb {
  max-width: 35%;
  border-radius: 5px;
  margin: 0 15px 0 0;
}

.video-sm-thumb img {
  border-radius: 5px;
}

.video-sm-info {
  font-size: 18px;
  line-height: normal;
  max-width: 70%;
}

.video-sm-info p {
  margin: 0 0 5px 0;
}

@media (max-width: 575px) {
  .hbot-videos-col .nav-tabs .nav-item {
    width: 100%;
  }

  .hbot-videos-col .nav-tabs .nav-link {
    padding: 12px 18px;
    margin: 0;
    margin-bottom: 13px;
    width: 100%;
    display: block;
  }

  .video-blocks h5 {
    font-size: 17px;
    margin-bottom: 14px;
  }

  .vi-watch-btn {
    font-size: 14px;
  }

  .video-blocks {
    padding: 15px 15px 20px;
    margin: 0 0 20px 0;
  }

  .vi-play-btn i {
    font-size: 35px;
  }

  .video-sm-info {
    font-size: 14px;
  }

  .video-list-showcase {
    padding: 12px;
  }
}

/*============ affiliate page css start ============*/

.affiliate-banner {
  background-image: url(../images-dis/affiliate-bnr-bg.jpg);
}

.affiliate-banner-img {
  left: -230px;
  position: relative;
}

.code-list .card {
  border: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px;
  height: 100%;
}

.affiliate-banner .science-col {
  padding: 90px 25% 60px 3%;
}

.code-list .card-body {
  padding: 110px 15px 20px;
}

.code-list .card-title {
  font-size: 120px;
  font-weight: bold;
  color: rgba(54, 54, 54, 0.4);
  position: absolute;
  right: -4px;
  top: -4px;
  opacity: 0.5;
  margin: 0;
  line-height: 0.7;
}

.code-list .card-text {
  color: #8b8b8b;
}

.code-list:nth-child(2n) .card .card-text {
  color: #fff;
}

.code-list .card-text ul {
  list-style: none;
  padding-left: 0;
}

.code-list .card-text ul li {
  margin-bottom: 10px;
  font-size: 16px;
}

.code-list .card-text ul h5 {
  font-size: 16px;
  line-height: 27px;
}

.code-list .card-text ul li strong {
  color: #2a5db8;
  font-weight: 600;
}

.code-list .card-text h6 {
  color: #2a5db8;
}

.code-list .card-subtitle {
  font-size: 32px;
  font-weight: 500;
  color: #363636;
  max-width: 75%;
}

.code-list .card-text ul.arrow li {
  margin-bottom: 4px;
}

.code-list .card-text ul.arrow li:before {
  content: '>';
  font-size: 18px;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
}

.code-list .card:hover {
  transform: translateY(-5px);
  transition: transform 0.2s ease-in-out;
}

.code-list:nth-child(2n) .card {
  background-image: url(../images-dis/card-bg.jpg);
  background-position: center bottom;
  background-size: cover;
  color: #fff;
}

.code-list:nth-child(2n) .card-title {
  right: auto;
  top: auto;
  left: -8px;
  bottom: -22px;
  color: #84a9ed;
}

.code-list:nth-child(2n) .card-subtitle {
  color: #fff;
}

.code-list:nth-child(2n) .card-text ul li strong {
  color: #fff;
}

.code-list:nth-child(4n) .card,
.code-list:nth-child(6n) .card {
  background-image: url(../images-dis/card-bg2.jpg);
  background-position: top center;
}

.code-list:nth-child(4n) .card-title,
.code-list:nth-child(6n) .card-title {
  color: #0246c3;
  right: -5px;
  top: auto;
  left: auto;
  opacity: 0.8;
}

.code-list:nth-child(8n) .card {
  background-image: url(../images-dis/card-bg.jpg);
  background-position: center bottom;
  background-size: cover;
  color: #fff;
}

.code-list:nth-child(8n) .card-title {
  right: auto;
  top: auto;
  left: -8px;
  bottom: -22px;
  color: #84a9ed;
}

.code-list:nth-child(9n) .card {
  height: auto !important;
  margin-bottom: 0;
}

.code-list .divide-col:first-child .card {
  margin-bottom: 25px;
}

.code-list .card a {
  color: #2cb5e1;
  font-weight: 600;
  text-decoration: none;
}

.code-list .card a:hover {
  color: #0056b3;
  text-decoration: underline;
}

.code-list .card-title:before {
  content: '';
  display: block;
  margin-bottom: 10px;
}

.code-list .card h4 {
  margin-bottom: 15px;
}

.bg-deep-grey {
  background-color: #ebebeb;
}

.code-list .card {
  background-image: url(../images-dis/count-stripe.png);
  background-repeat: no-repeat;
  background-position: top -270px right -170px;
}

.hide-content {
  display: none;
}

.code-list .card a.read-more,
.read-more {
  color: #595959;
}

.code-list .card a.read-more i,
.read-more i {
  color: #2a5db8;
  font-size: 15px;
  margin-left: 3px;
}

.code-list:nth-child(2n) .card a.read-more,
.code-list:nth-child(2n) .card a.read-more {
  color: #fff;
}

.code-list:nth-child(2n) .card a.read-more i,
.code-list:nth-child(2n) .card a.read-more i {
  color: #fff;
}

.register-af-sec {
  background-image: url(../images-dis/af-reg-bg.jpg);
}

.register-af-sec .btn-primary {
  background-size: 400px;
}

.register-af-sec .btn-primary:hover {
  background-position: -1280%;
}

@media (max-width: 1600px) {
  .affiliate-banner-img {
    left: -180px;
  }

  .affiliate-banner .science-col {
    padding: 90px 15% 60px 0;
  }
}

@media (max-width: 1400px) {
  .affiliate-banner-img {
    left: -100px;
  }

  .affiliate-banner .science-col {
    padding: 90px 10% 60px 0;
  }
}

@media (max-width: 991px) {
  .affiliate-banner-img {
    left: 0;
  }

  .code-list .card-subtitle {
    font-size: 28px;
    max-width: 100%;
  }

  .code-list:nth-child(9) {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .code-list:nth-child(9n) .card {
    height: 100% !important;
  }
}

@media (max-width: 767px) {
  .affiliate-banner .science-col {
    padding: 0px 0 30px 0;
  }

  .divide-col {
    margin-bottom: 24px;
  }

  .divide-col:last-child {
    margin-bottom: 0;
  }

  .code-list .card-title {
    font-size: 80px;
  }

  .code-list .card {
    background-position: top -290px right -220px;
  }

  .code-list .card-body {
    padding: 90px 0px 20px;
  }

  .code-list .card-subtitle {
    font-size: 24px;
  }

  .register-af-sec .science-col {
    padding: 50px 0 20px 0;
  }

  .register-af-sec .btn-primary {
    background-size: 400px;
    font-size: 12px;
    padding: 5px 15px;
  }

  .register-af-sec .btn-primary i {
    right: -8px;
  }
}

ol.wp-paginate a {
  background: no-repeat;
  border: 1px solid #2cb5e1;
  color: #2cb5e1;
  margin-right: 8px;
  padding: 4px 10px;
  text-align: center;
  text-decoration: none;
}

ol.wp-paginate .current {
  background: #2cb5e1;
  border: 1px solid #2cb5e1;
  padding: 4px 10px;
  margin-right: 8px;
}

ol.wp-paginate a:hover,
ol.wp-paginate a:active {
  background: #2cb5e1;
  color: #fff;
}

/*============ NEW PRODUCT PAGE CSS START ============*/

.product-top-middle {
  padding: 165px 0;
  background-image: url(../images/new-prod-top-bg.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

.product-top-middle h2,
.product-top-middle h3 {
  color: #fff;
}

.product-top-middle h2 {
  font-size: 60px;
  font-weight: bold;
  text-transform: uppercase;
}

.product-top-middle h3 {
  font-weight: 500;
  position: relative;
  padding-bottom: 10px;
}

.product-top-middle h3:before {
  content: '';
  position: absolute;
  width: 200px;
  height: 2px;
  background-color: #2cb5e1;
  bottom: -10px;
  left: 0;
  right: 0;
  margin: auto;
}

.product-top-middle h2 span {
  color: #2cb5e1;
}

.product-image {
  max-width: 100%;
  height: auto;
  border-radius: 20px;
}

.product-details {
  font-family: 'Montserrat', serif;
  color: #494b4d;
}

.product-title-content {
  margin-bottom: 40px;
}

.product-title-content h2 {
  color: #282499;
  font-weight: 500;
  font-family: 'Montserrat', serif;
  margin-bottom: 25px;
  letter-spacing: 1px;
  line-height: 52px;
}

.product-title-content h2 span {
  color: #2cb5e1;
  font-weight: bold;
  font-size: 40px;
}

.product-variations .btn-outline-primary {
  color: #494b4d;
  border-color: #c1c1c1;
  font-size: 19px;
  font-weight: 500;
  margin: 0 22px 22px 0px;
  border-radius: 8px !important;
  border-width: 2px;
  padding: 10px 24px;
  cursor: pointer;
}

.product-variations .btn-outline-primary:focus {
  outline: none;
  box-shadow: none !important;
}

.product-variations .btn-outline-primary:hover {
  color: #fff;
  background-color: #282499;
  border-color: #282499;
}

.product-variations .btn-outline-primary:not(:disabled):not(.disabled).active,
.product-variations .btn-outline-primary:not(:disabled):not(.disabled):active,
.product-variations .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #282499;
  border-color: #282499;
}

.price {
  color: #222526;
  font-weight: 500;
  font-size: 30px;
}

.price span {
  color: #bf0e34;
  font-weight: 700;
  font-size: 36px;
}

.product-variations h4 {
  position: relative;
  padding-left: 25px;
  margin-bottom: 25px;
  font-weight: 600;
}

.product-variations h4:before {
  content: '\f111';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #00aeef;
  position: absolute;
  left: 0;
  font-size: 14px;
  top: 5.2px;
}

.color-option {
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #ccc;
  cursor: pointer;
}

.color-blue {
  background-color: #2859d6;
  border-color: #2859d6;
}

.color-white {
  background-color: white;
}

.color-black {
  background-color: #000;
  border-color: #000;
}

.color-brown {
  background-color: #6c4109;
  border-color: #6c4109;
}

.selected-blue {
  color: #2859d6;
}

.selected-black {
  color: #000;
}

.selected-brown {
  color: #6c4109;
}

.product-carts {
  max-width: 88%;
}

.product-carts .btn-primary {
  font-size: 18px;
  padding: 12px 36px;
}

.product-carts .btn-primary:hover {
  background-position: 530px;
}

.products-details-tab .nav-tabs {
  border-bottom: none;
}

.products-details-tab .nav-tabs li a {
  display: block;
  padding: 14px 48px;
  color: #494b4d;
  font-size: 22px;
  font-weight: 500;
}

.products-details-tab .nav-tabs .nav-item.show .nav-link,
.products-details-tab .nav-tabs .nav-link.active,
.products-details-tab .nav-tabs .nav-link:focus,
.products-details-tab .nav-tabs .nav-link:hover {
  color: #282499;
  background-color: #f9f9f9;
  border-color: #f9f9f9 #f9f9f9 #f9f9f9;
  border-radius: 15px 15px 0 0;
}

.products-details-tab .tab-content ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.products-details-tab .tab-content ul li {
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.products-details-tab .tab-content ul li:before {
  content: '\f111';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  color: #00aeef;
  position: absolute;
  left: 0;
  font-size: 11px;
  top: -1px;
}

.products-details-tab .tab-content a {
  color: #282499;
}

.product-slider {
  border-radius: 20px;
  overflow: hidden;
}

.product-slider img {
  width: 100%;
  display: block;
}

.product-thumbnails {
  margin-top: 15px;
  padding: 0 40px;
}

.product-thumbnails img {
  width: 100%;
  height: auto;
  cursor: pointer;
  border-radius: 10px;
  border: 2px solid transparent;
}

.product-thumbnails .slick-current img {
  border-color: #2cb5e1;
}

.product-thumbnails .slick-slide {
  padding: 5px;
}

.product-thumbnails .slick-arrow {
  width: 35px;
  height: 35px;
  border: 1px solid #ccc;
  border-radius: 100%;
  font-size: 13px;
  line-height: 32px;
  left: -7px;
  right: auto;
  position: absolute;
  top: 38%;
  color: #b1b1b1;
}

.product-thumbnails .slick-next {
  left: auto;
  right: -7px;
}

.product-thumbnails .slick-slide {
  padding: 5px;
  /*height: 120px;
    overflow: hidden;*/
}
/*
.product-thumbnails .slick-slide img {
    object-fit: cover;
    height: 100%
}*/

@media (max-width: 1600px) {
  .product-top-middle {
    padding: 95px 0;
  }

  .product-title-content h2 {
    margin-bottom: 20px;
    line-height: 46px;
  }

  .product-top-middle h2 {
    font-size: 50px;
  }

  .product-title-content h2 span {
    font-size: 31px;
  }

  .product-variations .btn-outline-primary {
    font-size: 17px;
    margin: 0px 15px 15px 0px;
    padding: 9px 20px;
  }

  .price {
    font-size: 25px;
  }

  .price span {
    font-size: 32px;
  }

  .product-carts {
    max-width: 100%;
  }
}
/*
@media (max-width: 1400px) {

    .product-thumbnails .slick-slide {
        height: 90px;
    }

}*/

@media (max-width: 1199px) {
  .product-top-middle h2 {
    font-size: 40px;
  }

  .product-title-content h2 {
    margin-bottom: 20px;
    line-height: 40px;
  }

  .product-variations .btn-outline-primary {
    font-size: 15px;
    margin: 0px 10px 10px 0px;
    padding: 7px 9px;
  }

  .product-carts .btn-primary {
    font-size: 16px;
    padding: 8px 24px;
  }

  .price {
    font-size: 23px;
  }

  .price span {
    font-size: 27px;
  }
}

@media (max-width: 991px) {
  .product-title-content h2 {
    line-height: 36px;
  }

  .product-title-content h2 span {
    font-size: 27px;
  }

  .product-variations h4 {
    padding-left: 22px;
    margin-bottom: 20px;
    font-size: 18px;
  }

  .product-variations h4:before {
    font-size: 12px;
    top: 3.2px;
  }

  .color-option {
    margin-right: 7px;
  }

  .product-carts .btn-primary {
    font-size: 15px;
    padding: 6px 19px;
  }

  .price {
    font-size: 21px;
  }

  .price span {
    font-size: 24px;
  }

  .product-title-content {
    margin-bottom: 25px;
  }

  .product-top-middle h2 {
    font-size: 28px;
    margin-bottom: 14px;
  }

  .product-top-middle h3 {
    padding-bottom: 8px;
    font-size: 17px;
  }

  .product-top-middle h3:before {
    width: 130px;
  }

  .product-top-middle {
    padding: 65px 0;
  }

  /*.product-thumbnails .slick-slide {
        height: 85px;
    }*/

  .products-details-tab .nav-tabs li a {
    padding: 10px 30px;
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .product-top-middle {
    padding: 45px 0;
  }

  .product-top-middle h2 {
    font-size: 22px;
    margin-bottom: 12px;
  }

  .product-top-middle h3 {
    font-size: 14px;
  }

  .products-details-tab .nav-tabs li a {
    padding: 8px 20px;
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .product-top-middle {
    padding: 35px 0;
  }

  .product-top-middle h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  /* .product-thumbnails .slick-slide {
        height: 76px;
    }*/

  .product-thumbnails .slick-arrow {
    width: 30px;
    height: 30px;
    font-size: 10px;
    line-height: 28px;
  }

  .product-thumbnails {
    margin-top: 15px;
    padding: 0 28px;
  }

  .product-title-content h2 {
    line-height: 30px;
  }

  .product-title-content h2 span {
    font-size: 21px;
  }

  .product-variations .btn-outline-primary {
    font-size: 13px;
    margin: 0px 7px 7px 0px;
    padding: 6px 8px;
  }

  .product-variations h4 {
    margin-bottom: 14px;
  }

  .product-carts .price {
    margin-bottom: 12px;
  }

  .products-details-tab .nav-tabs .nav-item {
    margin-bottom: 0px;
    width: 100%;
  }
  .products-details-tab .nav-tabs li a {
    padding: 8px 20px;
    font-size: 17px;
  }

  .products-details-tab .nav-tabs .nav-item.show .nav-link,
  .products-details-tab .nav-tabs .nav-link.active,
  .products-details-tab .nav-tabs .nav-link:focus,
  .products-details-tab .nav-tabs .nav-link:hover {
    border-radius: 9px;
  }
  .product-carts .btn-primary {
    font-size: 16px;
    padding: 6px 24px;
  }
}


/*============ NEW PRODUCT PAGE CSS END ============*/

.price .old-price {
  font-size: 26px;
  margin: 0 10px 0 6px;
  text-decoration: line-through;
  color: #8a021f;
  font-weight: 500;
}

@media (max-width: 1199px) {
  .price .old-price {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .price .old-price {
    font-size: 18px;
    margin: 0 8px 0 4px;
  }
}

@media (max-width: 767px) {
  .price .old-price {
    font-size: 17px;
    margin: 0 8px 0 4px;
  }
}


/*============ LANDING PAGE CSS ============*/

.mobile-doorstep-banner {
  position: relative;
}
.mobile-doorstep-caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  max-width: 1600px;
  margin: auto;
  left: 0;
  right: 0;
  padding: 0 15px;
}
.mobile-doorstep-caption h2 {
  color: #56bcdd;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 65px;
  margin-bottom: 0;
}

.mobile-doorstep-caption h3 {
  font-weight: bold;
  font-size: 42px;
  line-height: 55px;
  margin-bottom: 22px;
}
.mobile-doorstep-caption h4 {
  font-size: 34px;
}

.how-it-left-img {
  border-radius: 0 0 200px 0;
  overflow: hidden;
}

.conditions-box {
  border: 1px solid #57b8d9;
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  background-color: #ffffff;
}

.conditions-heading {
  background-color: #57b8d9;
  color: white;
  font-weight: 600;
  padding: 9px 36px;
  border-radius: 40px;
  display: block;
  margin-bottom: 30px;
  font-size: 24px;
  text-align: left;
}

.conditions-heading i {
  margin-right: 8px;
}

.conditions-list {
  padding-left: 0;
  list-style: none;
}

.conditions-list li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 8px;
  font-size: 18px;
  color: #0b1214;
}

.conditions-list li::before {
  content: '\f111';
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 11px;
  color: #57b8d9;
}

.steps-section {
  margin-top: 0;
  position: relative;
  transition: all 0.3s ease;
}

.step {
  position: relative;
  margin-bottom: 70px;
  padding-left: 0;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
}

.step-icon {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 3px solid #d9e6f2;
  background-color: #f5f8fc;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 0;
  position: relative;
  top: 0;
  transition: all 0.3s ease;
  padding: 7px;
  margin-right: 30px;
}

.step-icon-img {
  background-color: #e6eaf2;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.step:before {
  content: '';
  position: absolute;
  width: 3px;
  height: 100%;
  background-color: #d9e6f2;
  left: 60px;
  right: auto;
  margin: auto;
  bottom: auto;
  top: 100%;
  transition: all 0.3s ease;
}

.step:after {
  content: '';
  position: absolute;
  width: 13px;
  height: 13px;
  border: 3px solid #d9e6f2;
  left: 55px;
  right: auto;
  margin: auto;
  top: calc(50% - -88px);
  bottom: auto;
  border-radius: 100%;
  background-color: #fff;
  transition: all 0.3s ease;
}

.step:last-child::after,
.step:last-child::before {
  display: none;
}
.step:hover .step-icon-img {
  border-color: #57b8d9;
  background-color: #57b8d9;
  transition: all 0.3s ease;
}
.step:hover .step-icon {
  border-color: #57b8d9;
  transition: all 0.3s ease;
}
.step:hover .step-icon img {
  filter: brightness(0) invert(1);
  transition: all 0.3s ease;
}
.step:hover:before {
  background-color: #57b8d9;
  transition: all 0.3s ease;
}
.step:hover:after {
  border-color: #57b8d9;
  transition: all 0.3s ease;
}

.step-icon img {
  width: 50%;
  height: auto;
}

.step h5 {
  font-weight: 600;
  color: #1a1a40;
}

.step p {
  margin-bottom: 0;
}

.how-works-col {
  padding: 20px 16% 20px 12%;
  max-width: 960px;
}

.benefits-section {
  text-align: center;
}

.benefit-img{
  margin: 25px 0;
}

.benefit-item img {
  height: 80px;
}
.benefit-content{
  padding: 0 15px;
}
.benefit-content h4 {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 4px;
}
.benefit-content p {
  margin-bottom: 0;
}

.benefit-item:nth-child(even) {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
}

.benefit-item:nth-child(even) .benefit-content{
  width: 100%;
}

.benefit-item:nth-child(even) .benefit-img{
  order: 2;
}

.benefit-item img {
  filter: brightness(0.9) saturate(0) contrast(1.2);
}
.benefit-item:hover img {
  filter: none;
}

.experiance-col-new {
  padding: 0 50px 0 18%;
}

.new-testi-slider .bg-white {
  background: none !important;
}
.testi-slider-inner-2{
text-align: center;
}

.city-names h4{
  font-size: 28px;
  color: #ffffff;
}

.city-names h5{
  font-size: 18px;
  color: #dae1e6;
  font-weight: 400;
}
.testi-bg{
  background: url(../images/landing-img/testimonials-bg.jpg);
  background-repeat: no-repeat;
  padding: 60px 0;
}

.testi-bg h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 0;
}
.testi-bg p {
  color: #ffffff;
  width: 60%;
  margin: 0 auto;
  margin-bottom: 20px;
}

.testi-bg .avatar-img {
  border: none;
}

.owl-theme .owl-dots .owl-dot span {
  width: 18px;
  height: 18px;
  margin: 5px 7px;
  background: none;
  display: block;
  border: 2px solid rgb(202, 202, 202);
  border-radius: 50px;
}

.owl-theme .owl-dots .owl-dot.active span{
  width: 24px;
  height: 24px;
  margin: 5px 7px;
  background: none;
  display: block;
  border: none;
  background: white;
  border-radius: 50px;
}

.d-block-sec {
position: relative;
}


.d-block-sec .icons-quotes-1{
  position: absolute;
left:  17%;
  top: -13px;
}
.d-block-sec .icons-quotes-2{
  position: absolute;
  right: 17%;
  bottom: -13px;
}



.d-block-sec .icons-quotes-2 i{
  color: white;
}

.d-block-sec .icons-quotes-1 i{
  color: white;
}
.no-bg{
  background: none;
}

.accordion-sec .card-header {
  padding: .75rem 1.25rem;
  margin-bottom: 0;
  background:none;
  border: none;
}
.accordion-sec .card {
  border: none;
  border-bottom: 1px solid #9da4a6 !important;
  border-radius: initial;
  margin-bottom: 12px;
    padding-bottom: 12px;
}
.accordion-sec .btn.btn-link.collapsed {
  color: #6c6969;
}
.accordion-sec .btn.btn-link {
  padding: 0;
  color: #7ccbe5;
  font-size: 22px;
  margin-bottom: 6px;
  text-decoration: none;
  text-align: left;
}
.accordion-sec .card-header{
  padding: 0;
}
.accordion-sec .card-body{
  padding: 0;
  margin-bottom: 10px;
}
.accordion-sec .text-primary.fst-italic {
  color: #7ccbe5 !important;
  font-style: italic;
}
.accordion-sec .bg-colr {
  background-color: #f5f7fa;
  padding: 50px 30px !important;
}
.accordion-sec .bg-colr .form-control{
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid #7ccbe5;
  color: #150047;
  padding: 10px 10px;
  outline: none;
}
.accordion-sec .bg-colr .form-control:hover{
  outline: none;
}
.accordion-sec button.btn.btn-danger.px-4 {
  border-radius: 50px;
}
.accordion-sec button.btn.btn-info.text-white.px-4{
  border-radius: 50px;
}
.accordion-sec .padding-right{
  padding-right: 60px;
}
.accordion-sec .margin-r{
  margin-right: 20px;
}
button.btn.btn-danger.margin-r.px-4{
  background-color: #be0b31;
  border: none;
  padding: 10px 20px;
}
button.btn.btn-danger.margin-r.px-4:hover{
  background-color: #a60b2c;
}
button.btn.btn-info.text-white.px-4 {
  background-color: #2CB5E1;
  border: none;
  padding: 10px 20px;
}
button.btn.btn-info.text-white.px-4:hover {
  background-color: #0069d9
}



input::placeholder,
textarea::placeholder {
  color: #021f34 !important;
  opacity: 1 !important; /* make sure it's fully visible */
}

/* Extra support for Microsoft Edge/IE */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #021f34 !important;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #021f34 !important;
}






@media (max-width: 1299px) {

  .experiance-col-new {
    padding: 0 50px 0 5%;
  }
}

@media (max-width: 991px) {

  .how-works-col {
    padding: 20px 5% 20px 5%;
    max-width: 960px;
  }
  .step-icon {
    width: 110px;
    min-width: 110px;
    height: 110px;
  }
  .mobile-doorstep-caption h2 {
    font-size: 45px;
}

.mobile-doorstep-caption h3 {
  font-size: 30px;
  line-height: 42px;
}

.mobile-doorstep-caption h4 {
  font-size: 24px;
}
.testi-bg p{
  width: 80%;
}
.d-block-sec .icons-quotes-1 {
  position: absolute;
  left: 8%;
  top: -24px;
}

.d-block-sec .icons-quotes-2 {
  position: absolute;
  right: 9%;
  bottom: -12px;
}
.experiance-col-new {
  padding: 0 30px 0 5%;
}

.accordion-sec .btn.btn-link {
  font-size: 20px;
}
.padding-right{
  margin-bottom: 0;
}

}

@media (max-width: 767px){
  .mobile-doorstep-caption h2 {
    font-size: 40px;
}
  .mobile-doorstep-caption h3 {
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 13px;
  }

  .mobile-doorstep-caption h4 {
    font-size: 20px;
  }
  .mobile-doorstep-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 40%);
  }
  .experiance-col-new {
    padding: 30px 20px !important;
}

.conditions-heading{
  font-size: 22px;
  font-weight: 500;
}
.step {
  margin-bottom: 42px;
}

.accordion-sec .bg-colr {
  padding: 40px 20px !important;
}
.accordion-sec .padding-right {
  padding-right: 20px;
}
.testi-bg h2 {
  font-size: 28px;
}
.city-names h4 {
  font-size: 24px;

}
}

@media (max-width: 575px){
  .mobile-doorstep-caption h2 {
    font-size: 30px;
}
.mobile-doorstep-caption h3 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 13px;
}
.mobile-doorstep-caption h4 {
  font-size: 16px;
}

.conditions-heading{
  font-size: 20px;
}

.experiance-col-new {
  padding:30px 20px !;
}

.step {
  margin-bottom: 30px;
}
.accordion-sec .bg-colr{
  padding: 15px 15px 25px 15px !important;
}

.accordion-sec .btn.btn-link {
  font-size: 18px;
}
.testi-bg p {
  width: 100%;
}
.d-block-sec .icons-quotes-1 {
  position: absolute;
  left: -3%;
  top: -22px;
}
.d-block-sec .icons-quotes-2 {
  position: absolute;
  right: 0%;
  bottom: -18px;
}
.padding-right{
  padding: 20px 20px;
}

.bg-colr input,
input::placeholder {
    font-size: 12px;
}
.bg-colr input,
textarea::placeholder {
    font-size: 12px;
}


}

@media (max-width: 410px){
  .mobile-doorstep-caption h2 {
    font-size: 26px;
}
.mobile-doorstep-caption h3 {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 13px;
}
.mobile-doorstep-caption h4 {
  font-size: 14px;
}

.step-icon {
  width: 100px;
  min-width: 100px;
  height: 100px;
}
.conditions-heading {
  font-size: 16px;
  padding: 8px 18px;
}
.conditions-heading i{
  font-size: 18px;
}
.testi-bg h2 {
  font-size: 20px;
}
.city-names h4 {
  font-size: 23px;

}



}



@media (max-width: 370px){
  .mobile-doorstep-caption h3 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 5px;
  }
  .mobile-doorstep-caption h2 {
    font-size: 22px;
}
.mobile-doorstep-caption h4 {
  font-size: 13px;
}  
button.btn.btn-danger.margin-r.px-4{
  font-size: 12px;
}
button.btn.btn-info.text-white.px-4 {
  background-color: #7ccbe5;
  border: none;
  padding: 0px 20px;
  font-size: 12px;
}
}
















@media (min-width: 768px) {
  .benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
  }
}

@media (min-width: 992px) {
  .benefits-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .padding-right{
    padding-right: 60px;
  }
}


.bg-colr-1 textarea{
  height: 110px;
}