/* add new css */
/* header css start */

.dz-bnr-inr h1, .dz-bnr-inr .h1 {
  font-size: 4rem;
}
.header-nav.w3menu .nav > li > a {
  font-weight: 600;
  letter-spacing: 1px;
}
.logo-header {
  width: 225px;
}
p{
    font-weight: 400 !important;
    color: #444;
  }
.section-head .subheading{
font-size: 18px;
font-weight: 600;
position: relative;
padding-left: 30px;
  }
.subheading::before {
content: '';
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background-image: url(/images/branding/svg/lightblue-gitcommit.svg);
background-repeat: no-repeat;
}
.subheading.white-icon::before{
  background-image: url(/images/branding/svg/white-gitcommit.svg);
}
  .header-nav ul.nav.navbar-nav li {
    margin-left: 13px;
}
.offcanvas ul li a.text-body {
    color: #444 !important;
}
.offcanvas-body ul li a.text-body:hover {
  color: #3574e3 !important;
}
.site-header .extra-nav .extra-cell > * {
  margin-left: 0px;
   gap: 0px; 
}
.header-nav ul.nav.navbar-nav li:first-child {
  margin-left: 0;
}
.logo-header {
    background-color: #fff;
    padding: 10px;
}
.getQuote{ 
    border-radius: 0;
    align-items: center;
    background-color: #3574e3;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: none !important;
}
.getQuote:hover {
  color: #fff !important;
}
/* .getQuote::before {
  content: "Get Quote";
  position: absolute;
  top: 30px;
  right: -67%;
  z-index: 9;
  transition: .5s;
} */
/* .getQuote:hover::before {
  right: 17%;
  color: #fff;
} */
/* span.quote-text {
  transform: translateX(-0%);
  transition: .5s;
} */
/* .getQuote:hover span.quote-text {
  transform: translateX(-150%);
} */

.site-header{
    height: 80px;
}
.site-header .bg-white{
    position: fixed !important;
    top: 0;
    box-shadow: 0px 4px 30px #cccccc59;
}
.bg-white .navbar-nav a{
    text-transform: uppercase;
}
.bg-white .navbar-nav a:after{
    display: none !important;
}
.site-header .extra-nav ul li:first-child {
  margin-right: 40px;
  margin-left: 25px;
}
.site-header .extra-nav {
  padding-left: 0;
}
.site-header .extra-nav ul li .toggle-nav-btn {
    background-color: #102d7b;

}
.site-header .extra-nav ul li .toggle-nav-btn span {
    background-color: #fff;
}
.header-nav.w3menu .nav > li.has-mega-menu.menu-left .mega-menu {
  left: 26% !important;
  right: 0 !important;
  margin: 0 auto;
  border-bottom-right-radius: 25px;
  border-bottom-left-radius: 25px;
  background-color: #102d7b;
}
.header-nav.w3menu .nav > li.has-mega-menu.menu-left {
  position: static;
}
.mega-menu span.menu-title {
  color: #fff !important;
}
.mega-menu li a:hover span.menu-title {
  color: #3574e3 !important;
}

/* ul.megasub-menu {
  display: flex;
}
.megasub-menu li {
  margin-left: 0 !important;
  width: 33.33%;
  padding: 0 15px;
}
.megasub-menu li a {
  padding: 30px;
  display: inline-block;
  text-align: center;
}
.dropdown-menu.show {
  transform: inherit !important;
  max-width: 850px;
  width: 95%;
  left: 155px !important;
  top: 80px !important;
}
.megasub-menu img {
  height: 150px;
}
.header-nav{
  position: relative;
}
a.dropdown-toggle.show {
  color: #3574e3 !important;
} */
/* header css end */
/* footer css */
.middle .row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.quick-link-footermenu {
    padding-left: 69px;
}
.policy-footermenu{
    padding-left: 69px;
}
.site-footer::before {
    background-color: #102d7b;
    opacity: 1;
}
footer .widget_services ul li a {
    color: #3574e3;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-size: 18px;
}
footer .widget_services ul li a:hover{
    color: #fff;
}
.footer-title {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.middle .title ,.middle .dz-title{
    color: #fff;
}
.middle a.text-body,.middle .icon-content p,.middle .text {
    color: #3574e3 !important;
    font-size: 16px;
    margin-bottom: 0;
}
.footer-head.middle .icon-content a:hover {
  color: #ffff !important;
}
.footer-head.middle .col-xl-3 {
  margin-top: 0;
}

.doitbox img {
    height: 238px;
}
.widget_services .list-hover1 li{
    padding: 12px 0;
}
.mr_doit img {
  height: 200px;
}
.footer-bottom .copyright-text a {
    color: #fff !important;
}
.footer-bottom .copyright-text a:hover {
    color: #3574e3 !important;
}
.middle .icon-bx-wraper.style-1 .icon-bx {
    background-color: #3574e3 !important;
}

/* .middle .row {
    border-top: 1px solid #cccccc5e;
    padding: 20px 0;
    border-bottom: 1px solid #cccccc5e;
} */
.middle .row {
  /* border-top: 1px solid #cccccc5e; */
  padding: 20px 20px;
  /* border-bottom: 1px solid #cccccc5e; */
  background-color: #0d2052;
  border-radius: 25px;
}
.footerperagraph img {
    width: 242px;
    margin-bottom: 30px;
}
/* .footer-bottom .fb-inner {
  padding: 20px 0;
  margin-top: 64px;
} */

.footer-bottom .fb-inner {
  padding: 42px 0;
  /* margin-top: 64px; */
}

.site-footer.style-1 .footer-top {
  padding: 150px 0 52px !important;
}
.mr_doit {
  text-align: center;
}
.footer-top .col-md-3:first-child {
  width: 30%;
}
.footer-top .col-md-3:nth-child(2) {
  width: 20%;
}
footer .fb-inner{
  border: none;
}

.ScheduleSection .graybg-btn:focus {
  color: #102d7b !important;
}
.ScheduleSection .graybg-btn:focus:hover {
  color: #fff !important;
}

/* footer css end */
.DZ-bt-buy-now, .DZ-bt-support-now {
    display: none !important;
  }
  .undercunstruction-header {
    padding: 20px 0;
  }

  .dz-coming-bx .dz-social-icon.style-4 {
    position: absolute;
    top: 29px;
    right: 23px;
    z-index: 9;
    display: inline;
  }
  .dz-coming-bx .dz-social-icon.style-4 ul{
    display: inherit  ;
    }
    .dz-coming-bx .dz-social-icon.style-4 ul li{
      display: block;
      margin-bottom: 10px;
    }
    .dz-coming-bx .dz-social-icon.style-4 li a:hover {
      border-color: #fff;
  }
  .dz-coming-soon .dz-coming-bx .dz-content {
    margin-top: 60px;
  }
  
  .global-icon {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 33px;
    margin-bottom: 0;
}
  .global-icon li {
    margin-bottom: 10px;
  }
  
  .global-icon li a {
    color: #444;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f3f3;
    border-radius: 100%;
  }
  .global-icon li a:hover {
    background-color: #3574e3;
    color: #fff;
    box-shadow: none;
  }
  .dz-coming-soon .dz-social-icon.style-4 li a {
    width: 30px;
    height: 30px;
    line-height: 50px;
    font-size: 14px;
    display: flex;
    border-radius: 50%;
    border: 1px solid var(--bs-body-color);
    color: var(--bs-body-color);
    align-items: center;
    justify-content: center;
    min-width: 30px;
  }
  .global-icon .icon-bx-wraper.style-1 .icon-bx{
    background-color: #3574e3 !important;
    width: 50px;
    min-width: 50px;
    height: 50px;
  }

  /* policy */
  /* .banner .container{
    display: inherit;
    height: auto;
  } */
  .banner .dz-bnr-inr-entry {
    text-align: left;
  }
  .banner{
    height: 450px;
    display: flex;
  
  }
  .policy_content_box h1 {
    font-size: 60px;
  }
  .policy_content_box h2.title_h2 {
    font-size: 40px;
  }
  .policy_content {
    padding: 59px 0 44px;
}
  .policy_content_box p a:hover {
    color: #3574e3;
  }
  .policy_content_box p a {
    color: #444;
  }
  .policy_content_box p {
      /* font-size: 18px; */
      line-height: 30px;
  }
  .policy_content_box {
    margin-bottom: 30px;
  }
  .policy_list li {
    position: relative;
    padding-left: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  ul.policy_list {
    margin-bottom: 15px;
  }
  
  /* contact page */

  .box_social li a {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    color: var(--bs-body-color);
    }
    .box_social li {
    margin-right: 10px;
    }
    .box_social li a:hover {
    background-color: #3574e3;
    color: #fff;
    }
    select.form-select.interested {
    padding: 0;
    border: none;
    min-height: auto;
    border-radius: 0;
    height: 41px;
    background-color: transparent;
    border-bottom: 2px solid #fff;
    bottom: -60px;
    position: absolute;
    font-size: 14px;
    }
    select.form-select.interested {
      color: #fff;
      background-color: transparent;
      padding: 10px;
      background-image: none !important;
      font-size: 15px;
  }
    select.form-select.interested option {
      color: #444;
  }
  .form-floating i {
    position: absolute;
    right: 12px;
    top: 29px;
    color: #fff;
  }
  .form-floating.input-light.floating-underline .form-control:focus ~ label {
    color: #3574e3;
  }
  .form-floating.input-light.floating-underline .form-control:not(:placeholder-shown) ~ label{
    color: #fff;
    font-weight: 400;
    font-size: 16px;
  }
  .form-floating.input-light.floating-underline .form-control:not(:placeholder-shown):focus ~ label {
    color: #3574e3;
}
  .form-content select:focus {
    box-shadow: none;
}
.form-content textarea.form-control {
  resize: vertical;
}
  .show-focus-outline .menu-btn:focus, .show-focus-outline .search-link:focus, .show-focus-outline .quik-search-remove:focus, .show-focus-outline button:focus, .show-focus-outline select:focus, .show-focus-outline input:focus, .show-focus-outline a:focus {
    outline: none !important;
  }
  .get-intouchsection .icon-bx-wraper.style-8 .icon-bx {
    width: 40px;
    height: 40px;
    min-width: 40px;
 
    font-size: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
 
  }
  
  .get-intouchsection .title {
    max-width: 533px;
    margin-bottom: 10px;
  }
.address-box .icon-content p {
    margin-bottom: 0;
}
  .get-intouchsection .small {
    margin-bottom: 51px;
    font-size: 19px;
  }

  .content-wrapper.style-20::before {
    background-color: #102d7b;
    opacity: .95;
  }
  .contact-form .floating-underline .form-control[rows] {
    height: 110px;
  }
  .area-box a.text-body {
    color: #3574e3 !important;
  }
  .area-box a:hover {
    color: #102d7b !important;
  }
  .map-address-box p{
    font-size: 14px;
  }
  .map-address-box .content-bx.style-5{
    padding: 15px;
  }
  .get-intouchsection .icon-bx-wraper .icon-content a:hover {
    color: #102d7b !important;
  }
  .area-box ul li::before,.list li::before,.policy_list li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 10px;
    width: 10px;
    border-radius: 30px;
    border: 2px solid #3574e3;
}
.area-box ul li ,.list li{
  position: relative;
  padding-left: 20px;
}
.policy_list li::before {
  top:10px;
}
.help-box {
  height: 260px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .5s;
  position: relative;
  z-index: 1;
  overflow: hidden;
  cursor: pointer;
  padding: 20px;
}
.help-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f3f3f3;
  opacity: .7;
  z-index: -1;
}
.help-box:hover::before {
  background-color: #102d7b;
}
.help-box .title {
  color: #102d7b;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
}
.help-box:hover .title {
  color: #fff;
}
.help-section ,.hq-section{
  padding: 59px 0 70px;
}
.lightblue-text{
  color: #3574e3;
}
.section-head .text-20 {
  font-size: 20px;
  font-weight: 400;
}
.section-head p {
  margin-top: 20px;
}
.hq-section .dz-img-box.style-2 {
  background-color: #fff;
}
.form-header h2 {
  font-size: 30px;
  font-weight: 700;
  color: #3574e3;
}
.form-content select {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  margin-bottom: 10px;
  color: #fff;
}
.form-content select option {
  background-color: #fff;
  color: #444;
}
body .form-control{
  border: none;
  border-radius: 0;
}
body .form-control:focus{
background-color: transparent;
}
body .form-floating.input-light.floating-underline .form-control:focus{
  border-color: #fff;
}
.form-content .input-light,.form-content .selectform {
  margin-bottom: 25px;
}
 .form-floating.floating-underline .form-control:focus ~ label {
font-size: 14px;
}
.selectform label {
  color: #fff;
  font-size: 16px;
}

body .form-floating.input-light.floating-underline .form-control:focus,
body .form-floating.input-light.floating-underline .form-control:not(:placeholder-shown):not(.dropdown-toggle) {
  border-color: #fff;
}
.form-content button {
  height: 60px;
  border-radius: 15px;
}
.form-content button span.right-icon {
  top: 20px;
}

.selectform select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; 
}
.selectform select::-ms-expand {
  display: none;
}
.selectform i {
  position: absolute;
  top: 47px;
  right: 12px;
  color: #fff;
  background-color: #102d7b;
}
body .floating-underline.input-light.floating-underline label {
  color: #fff;
}
body .modal-close {
  background-color: #102d7b;
  color: #fff !important;
  top: 48px;
}
.contact-banner a.btn {
  padding: 18px 25px;
}
.selectform {
  position: relative;
}
.contact-dz-footer h3 {
  font-size: 18px;
}
.productform-modal .modal-body {
  height: 670px;
  overflow-y: scroll;
}
.form-wrapper.style-1 .text-vertical {
  background-color: #3574e3;
}
.floating-underline.input-light.floating-underline .form-control {
  border-bottom: 1px solid #fff ;
}
/* ===modal popup css==== */
.form-modal,.productform-modal,.free-product-modal,.carrers-modal{
  position: fixed;
  z-index: 10000; 
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
.form-modal.is-visible ,.productform-modal.is-visible,.free-product-modal.is-visible,.carrers-modal.is-visible {
  visibility: visible;
}
.form-modal.is-visible .modal-transition,.productform-modal.is-visible .modal-transition,
.free-product-modal.is-visible .modal-transition,.carrers-modal.is-visible .modal-transition {
  transform: translateY(-50%);
  opacity: 1;
  top: 50%;
}
.form-modal.is-visible .modal-overlay,.productform-modal.is-visible .modal-overlay,.free-product-modal.is-visible .modal-overlay,.carrers-modal.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal-wrapper {
  position: absolute;
  z-index: 9999;
  top: 30px;
  left: 0;
  right: 0;
  width: 800px;
  margin: 0 auto;
  border-radius: 30px;
}
.modal-transition {
transition: all 0.3s 0.12s;
transform: translateY(-10%);
opacity: 0;
}
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
  background: none;
  border: 0;
  z-index: 9;
  background-color: #3574e3;
  border-radius: 10px;
  height: 40px;
  width: 40px;
}
.modal-close:hover {
color: #777;
}
.modal-content > *:first-child {
margin-top: 0;
}
.modal-content > *:last-child {
margin-bottom: 0;
}
.sticky-box{
  position: sticky;
  top: 70px;
}
  /* ========= join us==== */
  iframe#hs-form-iframe-0 {
    height: 450px !important;
    overflow-y: scroll;
}

  /* 404 animation */
  .main-error-page {
    position: relative;
    display: inline-block;
  }
  
  .main-error-page h2.second {
    position: absolute !important;
    transform: translate(-100%, 0);
    margin: 0;
    width: 100%;
}
  
.comming-soon-section h2.dz-error {
  line-height: inherit !important;
}
  .first {
    color: transparent;
    -webkit-text-stroke: 2px #031b4e;
  }
  
  .second {
    color: #3574e3;
    -webkit-text-stroke: 2px #3574e3;
    animation: waves 4s ease-in-out infinite;
  }
  
  @keyframes waves {
   0%,
      100% {
          clip-path: polygon(
              0% 45%,
              16% 44%,
              33% 50%,
              54% 60%,
              70% 61%,
              84% 59%,
              100% 52%,
              100% 100%,
              0% 100%
          );
      }
  
      50% {
          clip-path: polygon(
              0% 60%,
              15% 65%,
              34% 66%,
              51% 62%,
              67% 50%,
              84% 45%,
              100% 46%,
              100% 100%,
              0% 100%
          );
      } 
  }
  .constant-footer p {
    font-size: 18px;
    margin-bottom: 0;
    padding: 10px 0;
}
  .constant-footer {
    text-align: center;
  }
  .error-page.style-1 {
    padding-bottom: 40px;
    background-color: #f3f3f3;
    padding-top: 40px;
    height: calc(100vh - 80px);
    display: flex;
    align-items: center;
}
  h3.title_h3 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 20px;
  }
  .error-page p a:hover {
    color: #3574e3;
}
.error-page p a {
  color: #102d7b;
}
.error-page.style-1 .text{
  margin-bottom: 30px;
}
  /* 404 animation animation end */
  /* underconstruction css */
  .copyright-text a:hover {
    color: #102d7b !important;
  }
  .under-construct-logo img {
    height: 80px;
  }
  .appointment_section h2 {
    font-size: 40px !important;
  }
  .under-construct-wrapper p a {
    color: #444;
  }
  .under-construct-wrapper p a:hover{
    color: #3574e3;
  }
  .dz-bnr-inr .dz-btn a {
    background-color: #102d7b;
    border:none;
  }
  .dz-bnr-inr .dz-btn a:hover {
    background-color: #3574e3;
  }
  .icon-bx-wraper.style-8.address-box {
    min-height: 195px;
}

  .inner-content ul li {
    font-size: 0.875em;
  }

  /* faq css */
  .faq-image img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
  .form-btn {
    position: relative;
}
.form-btn .right-icon {
position: absolute;
right: 24px;
}
section.faqtabsection {
    padding: 70px 0;
}

.faqtabsection ul li button:hover {
    background-color: #3574e3;
    color: #fff;
}
.faqtabsection .accordion-body ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  height: 8px;
  width: 8px;
  border-radius: 10px;
  background-color: #102d7b;
}
.faqtabsection .accordion-body ul li {
  position: relative;
  margin-bottom: 4px;
  padding-left: 20px;
}
.faqtabsection .accordion-body a {
  color: #444;
}
.faqtabsection .accordion-body a:hover {
  color: #3574e3;
}
.ScheduleSection .row {
  border-radius: 0 !important;
}
.faqtabsection .accordion-body ul {
  margin-bottom: 12px;
}

.faqtabsection .nav-pills-outline .nav-link:not(.active) {
  background-color: #102d7b;
}
.faqtabsection .nav-pills-outline .nav-link:not(.active):hover {
  background-color: #3574e3;
}
.faqtabsection .content-wrapper.style-5 .content-info {
  padding-right: 0;
}
.faqtabsection .nav-link {
  font-size: 20px;
  width: 240px;
  letter-spacing: .5px;
  color: #fff;
}

.faqtabsection .accordion-header .accordion-button {
  font-size: 20px;
}

.btn span.right-icon {
  position: absolute;
  right: 27px;
}
.faq-page-tab .item1 {
  flex-wrap: wrap;
  justify-content: center !important;
  background-color: transparent !important;
}

.faq-page-tab .item1 .widget-content {
  background-color: #fff;
  padding: 10px;
  width: 75%;
  border-radius: 15px;
  text-align: center;
}
.faq-page-tab .item1 a.btn {
  max-width: 100%;
  width: 75%;
  border: none;
}
.faq-page-tab .item1 .widget-content h6.title {
  margin-bottom: 0;
  font-size: 18px;
}
button.accordion-button,.product-section button.accordion-button.collapsed{
  background-color: #102d7b !important;
  color: #fff !important;
}
button.accordion-button.collapsed{
  background-color: #f3f3f3 !important;
  color: #102d7b !important;
}

section.white-bg{
  background-color: #fff;
}
#myTabContent .accordion-body:not(.content-info .accordion-body) {
  padding: 0;
}
#myTabContent .accordion-item {
  border: none;
}
#myTabContent .m-b30 {
  margin-bottom: 0;
}
#myTabContent .content-info .dz-accordion.style-1 .accordion-item .accordion-collapse::before{
  display: none;
}
@media(min-width:1200px){
  .faq-page-tab .col-xxl-6:nth-child(2) {
    width: 40%;
}
.faq-page-tab .col-xxl-6:first-child {
  width: 60%;
}
}
/* white background btn */

.btn:not(.radius-xl){
    max-width: 280px;
    width: 100%;
    position: relative;
    justify-content: center;
}
.swiper-navigation .swiper-nav:hover {
  background-color: #102d7b;
  color: #fff;
}
.whitebg-btn{
background-color: #102d7b;
color: #fff;
border: none;
}
.whitebg-btn .right-icon{
    background-color: #fff;
    color: #102d7b;
}
.whitebg-btn:hover{
    background-color: #3574e3;
    color: #fff;
}
.whitebg-btn:hover .right-icon{
    background-color:#102d7b ;
    color: #fff;
}
/* dark blue background btn */
.btn.darkbluebg-btn{
    background-color: #fff;
    color: #102d7b;
    border: none;
}
.btn.darkbluebg-btn:hover{
    background-color: #3574e3;
    color: #fff;
}
.btn.darkbluebg-btn .right-icon{
    background-color: #3574e3;
    color: #fff;
}
.btn.darkbluebg-btn:hover .right-icon{
    background-color:#fff ;
    color: #3574e3;
}
/* lite blue background btn */
.btn.lightbluebg-btn{
    background-color: #102d7b;
    color: #fff;
    border: none;
}
.btn.lightbluebg-btn:hover{
    background-color: #fff !important;
    color: #102d7b !important;
}
.btn.lightbluebg-btn .right-icon{
    background-color: #fff;
    color:#102d7b ;
}

.btn.lightbluebg-btn:hover .right-icon{
    background-color:#3574e3 ;
    color: #fff;
}
/* theme gray background btn */
.btn.graybg-btn{
background-color: #fff;
color: #102d7b;
border: none;
}
.graybg-btn:hover{
    background-color: #3574e3;
    color: #fff;
}
.btn.graybg-btn .right-icon{
    background-color: #3574e3;
    color: #fff;
}
.btn.graybg-btn:hover .right-icon{
    background-color: #fff;
    color: #102d7b;
}
.product-btn{
  background-color: #102d7b;
  border: none;
}
.product-btn:hover{
  background-color: #3574e3;
}

/*============ product css ==============*/
.gallery-section {
  padding: 69px 0 14px;
}
.Categories-item {
  font-weight: 400;
  margin-right: 2px;
  padding: 10px 40px;
  border-radius: 10px;
  cursor: pointer;
  background-color: #102d7b;
  font-size: 20px;
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
  letter-spacing: 1px;
  width: 240px;
  text-align: center;
}
.Categories-item:hover, .Categories-item.active {
  background-color: #3574e3;
}
.category-search {
  display: none;
}
.product-tabs li.Categories-item {
    padding: 0;
}
.product-tabs .Categories-item .category-link {
    padding: 8px 32px;
    display: inline-block;
}

#category-buttons{
  gap: 10px;
  padding: 0 60px;
}

.pro_card_body {
display: flex;
background-color: #ccc;
justify-content: space-between;
padding:15px 10px;
}
.product_image {
    height: 300px;
    width: 100%;
    object-fit: contain;
    transition: .5s;
}
.product_card:hover .product_image {
  transform: scale(1.4);
}
.Categories-section {
  margin-bottom: 30px;
}

.h3_heading {
font-size: 24px;
color: #102d7b;
font-weight: 700;
}
.product_card figcaption {
  text-align: center;
}
.product_card .card-body a {
  max-width: 100%;
}
.product_card .card-body a .right-icon {
  position: static;
}
.h4_heading{
    font-size: 16px;
    color: #3574e3;
    font-weight: 500;
    min-height: 44px;
}
.product_card {
  margin-bottom: 30px;
  border: none;
  overflow: hidden;
  background-color: #f3f3f3;
  padding: 30px;
  border-radius: 25px;
  border: 3px solid transparent;
  transition: .5s;
  box-shadow: none !important;
}
.product_card:hover {
  border-color: #102d7b;
}
.product_pagination_gallery{
text-align: center !important;
padding: 30px 0 80px;
display: flex;
align-items: center;
}
.pagination > li.page-item.active a,.pagination > li.page-item a:hover {
color: #102d7b;
font-weight: 400;
}
.pagination > li.page-item a {
background-color: transparent !important;
font-family: "Playfair Display", serif;
font-size: 20px;
}
.product_pagination_gallery li.arrow a {
  background-color: #f3f3f3 !important;
  border-radius: 0 !important;
  padding: 7px 16px;
  width: auto;
  color: #102d7b;
  border-radius: 10px !important;
  height: 50px;
  line-height: 38px;
}
.pagination li.active a.page-link,.pagination li a.page-link:hover {
  background-color: #102d7b !important;
  color: #fff;
}
.product_pagination_gallery li.arrow a:hover {
color: #3574e3;
}
.product_pagination_gallery li a {
  margin-right: 8px;
  border-radius: 10px !important;
}
.mobile_show{
display: none;
}
nav.navbar {
padding-bottom: 0;
}
.product_card .graybg-btn .right-icon {
  background-color: #102d7b;
}
.product-detail-section {
  padding: 59px 0 36px;
}

/* product page  */
/* resource page */
.pharmaceutical_section {
  padding: 61px 0 45px;
}
.resourcesbox img {
  height: 300px;
  object-fit: cover;
}
.swiper-product-similar .card.product_card {
  margin-bottom: 0;
}
.ScheduleSection{
  position: relative;
  display: flex;
   align-items: center;
   height: 70vh;
   background-position: top center;
  }
.ScheduleSection::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 55%;
  height: 100%;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, var(--bs-light) 20%);
}
.ScheduleSection .content-wrapper::after{
  display: none;
}

.resourcesbox h3.dz-name {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.resourcesbox .dz-position {
  font-size: 16px;
  line-height: 20px;
}
.resourcesbox .dz-media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #f3f3f3;
  opacity: .5;
  transition: 1s;
}
.resourcesbox {
  transition: 1s;
}
.resourcesbox:hover .dz-media::before {
  opacity: 0;
}
.ScheduleSection .section-head {
  max-width: 489px;
}
.resource-card .card-body {
  background-color: transparent;
  text-align: center;
}
.resource-card {
  background-color: #102d7b;
  border-radius: 30px;
  padding: 30px;
  border: 3px solid transparent;
}
#resources .resource-card:hover{
  border-color: #3574e3;
}
.resource-card img {
  height: 286px;
  object-fit: contain;

}
.resource-card h3 {
  text-transform: uppercase;
  color: #fff;
}
.resource-banner::before{
  background: rgb(16,45,123);
  background: linear-gradient(90deg, rgba(16,45,123,1) 0%, rgba(16,45,123,0.700717787114846) 100%);
}
.resource-card .card-body a.btn:focus {
  background-color: #fff;
  color: #102d7b !important;
}
.resource-card .card-body a.btn:focus .right-icon{
  background-color: #3574e3;
  color: #fff;
}
.resource-card .card-body a.btn:focus:hover {
  background-color: #3574e3;
  color: #fff !important;
}
.resource-card .card-body a.btn:focus:hover .right-icon{
  background-color: #fff;
  color: #102d7b;
}
.card.detail-card,.card.detail-card .card-body {
  background-color: #f3f3f3;
}
/*======= About Us pages =========*/
.date-time i {
  position: absolute;
  top: 21px;
  font-size: 14px;
  background-color: #102d7b;
  height: 25px;
  width: 22px;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#book-an-appointment button span.text {
  margin-left: -30px;
}
.anti-counterfeit-solutions-banner,.about-topresion-section,.empowering {
  padding: 60px 0 46px;
}
.journy_section {
  padding: 58px 0 120px;
}
.icon-content p {
  opacity: 1 !important;
}
.gray-bg{
  background-color: #f3f3f3;
}
.timelineBox h3.title {
  font-size: 28px;
}
.calander i {
  height: 50px;
  width: 50px;
  padding-top: 14px;
  padding-left: 16px;
  margin-right: 10px;
  position: relative;
  color: #fff;
  z-index: 1;
}
.calander i::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 50px;
  width: 50px;
background-color: #3574e3;
  border-radius: 50%;
  font-size: 18px;
  z-index: -1;
}
h4.calander span {
  font-size: 20px;
  color: #3574e3;
  font-weight: 400;
}
.timelineBox {
  padding: 0px 20px 40px;
}
.our-journey {
  font-size: 38px !important;
  color: #102d7b !important;
  display: none;
}

.journy-image img {
  border-radius: 30px;
}

.journy_section .container{
  max-width: 900px;
  margin: 0 auto;
}
.journy_section .container{
  max-width:1100px;
  margin: 0 auto;
}
.swiper-btn-center-lr .btn-prev {
  left: auto;
  right: 0;
}
.swiper-btn-center-lr .btn-next, .swiper-btn-center-lr .btn-prev {
  position: absolute;
  top: auto;
  transform: translateY(-13%);
  height: 50px;
  width: 50px;
  background-color: #fff !important;
  opacity: 1 !important;
  border-radius: 10px;
  bottom: 13%;
  cursor: pointer;
  z-index: 9999999;
}
.timelineBoxs {
  display: flex;
  align-items: center;
  height: 100%;
}
.swipper-nav {
  position: absolute;
  right: 60px;
  bottom: 13%;
}

.clients-logo2 img{
  height: 100px;
  object-fit: contain;
}
.happy-customers-section {
  background-color: #102d7b;
}
.happy-customers-section .section-head h2,.happy-customers-section .section-head p {
  color: #fff;
}
.appointment_section .section-head h2 span {
  color: #3574e3;
}

.clients-logo23{
  height: 125px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff
}
textarea#inputMessage {
  height: 100px;
}
.journy_section .swiper-navigation {
  left: auto;
  right: 0;
  top: auto;
  bottom: -70px;
  justify-content: end;
  width: 100%;
  transform: inherit;
}
.about-topresion-section .icon-bx-wraper.style-4 .icon-bx{
   margin-bottom: 0px; 
}
.certificate-box img {
  border-radius: 25px;
}
::-webkit-calendar-picker-indicator {
  filter: invert(1);
}
/*===== Director  section ===========>>*/
figcaption.meet-figcaption {
  position: static;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  margin-top: -32px;
}
.meet-figcaption a.btn {
  max-width: 335px;
  flex-wrap: wrap;
  background-color: #102d7b;
}
.meet-figcaption a.btn span.text {
  font-size: 20px;
  font-weight: 700;
}
figcaption.meet-figcaption p {
  margin-bottom: 0;
  color: #fff;
  margin-top: 11px;
  font-size: 14px;
  color: #3574e3;
}
.meet-figcaption a.btn:hover {
  background-color: #3574e3;
  border-color: #3574e3;
}
.meet-figcaption a.btn:hover span.text {
  color: #102d7b;
}
.meet-figcaption a.btn:hover p {
color: #fff;
}
img.director-bg-image {
  z-index: -1;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  opacity: .4;
}
figure.meet-figure {
  position: relative;
}
section.director-section {
  padding-top: 100px;
}
.director-section .dz-media img {
  height: 501px;
  object-fit: contain;
}
.director-right {
  padding-bottom: 78px;
  padding-right: 70px;
}
.tab-contents {
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  background-color: #fff;
  top: 0;
  z-index: 999;
  transform: translateX(-100%);
}
.tab-contents.current {
  opacity: 1;
  visibility: visible;
  transform: translateX(0%);
}
ul.directo-tabs {
  display: flex;
  gap: 10px;
}
span.cross {
  height: 50px;
  width: 50px;
  background-color: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  font-size: 27px;
  color: #102d7b;
  cursor: pointer;
  margin-left: auto;
  position: relative;
  top: 57px;
}
span.cross:hover {
  background-color: #102d7b;
  color: #fff;
}
ul.directo-tabs li {
  width: 33.33%;
}
.directo-tabs img {
  width: 100%;
}
.tab-contents ul.list-check-circle li {
  line-height: 1.4;
  padding: 0;
  padding-left: 25px;
  margin-bottom: 15px;
}
.director-section ul.list-check-circle li:before {
  background-color: transparent;
  box-shadow: none;
  height: 17px;
  width: 23px;
  line-height: normal;
  top: 4px;
}
.certificates_section {
  padding: 62px 0 70px;
}
.clients-logo23 img {
  height: 60px;
  object-fit: contain;
}

/*=========== resource detail page css========= */
.resource_detail_section {
  padding: 59px 0 68px;
}
.detail-card figure {
  padding: 15px;
}
.detail-card {
  border-radius: 25px;
  border: 0;
  margin-bottom: 23px;
  border: 3px solid transparent;
  overflow: auto;
}
.detail-card:hover {
border-color: #102d7b;
}
.detail-card figure img {
  border-radius: 25px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
section.resource-detail-sections {
  background-color: #f3f3f3;
  padding: 100px 0;
}
.detail-card .card-body {
  padding: 10px 20px 20px;
  position: relative;
  text-align: center;
}

.detail-card .card-body h3 {
  color: #102d7b;
  font-size: 20px;
  min-height: 64px;
  text-align: left;
}

/* custom pagination css start */

.pagination-container {
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
  gap: 20px;
  justify-content: center;
  margin-top: 20px;
}
.pagination-container ul li {
  list-style: none;
}
.pagination-container a {
  list-style: none;
  height: 50px;
  width: 50px;
  color: #444;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  margin-top: 0;
}
.pagination-container a.current {
  background-color: #102d7b;
  color: #fff;
}
.pagination-container ul li a.page-link {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-container a:hover {
  background-color: #102d7b;
  color: #fff;
}
.pagination-container .nav{
  background-color: #f3f3f3 ;
  color: #102d7b;
}
.pagination-container .nav:hover{
  background-color: #102d7b;
  color: #fff;
}
/* Pagination change==============> */
.detail-card .card-body p {
  font-size: 16px;
}
a{
  text-decoration: none;
}
.text-info {
    color: #31708f;
}
.physicianList ul{margin: 0; padding: 0; list-style: none;}
.physicianList ul li{display: inline-block; width: 240px; float: left; margin-right: 15px; margin-bottom: 15px;}
.physicianBox{
	border: 1px solid #ddd;
	color: #333;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 20px;
	background-color: #f5f5f5;
	
}
.physicianBox .physicianPic {
	padding: 15px 0;
	background-color: #fff;
  text-align: center;
}
.physicianBox .physicianPic img{
	border: 6px solid #f8f8f8;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
    margin: 0 auto;
    height: 120px;
    width: 120px;
}
.physicianInfo{
	padding: 10px;
	text-align: center;
	border-top: 1px solid #eee;
}
.physicianInfo h6{font-size: 16px; margin:0;}
.physicianBox strong{color: #444;}
.physicianBox p{font-size: 13px; margin: 0; line-height: 22px;}
.physicianBio{position:absolute; right: 0; bottom: 3px;}
.physicianModal{text-align: center;}
.physicianModal .physicianPic img {
    border: 6px solid #f8f8f8;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
    margin: 0 auto;
    height: 180px;
    width: 180px;
}
.physicianModal .info p, .physicianModal .info .text-info{margin: 0;}
.showBioBtn{background-color: #337ab7; padding: 5px 10px; color: #fff; font-size: 12px;}



/* ========= solution detail page css========== */
.swiper-navigation .swiper-nav::after {
  font-size: 15px;
  font-weight: 700;
}
.swiper-navigation .swiper-nav {
  height: 50px;
  width: 50px;
  border-radius: 10px;
  background-color: #fff;
  border: navajowhite;
  position: static;
}
.swiper-navigation {
  position: absolute;
  top: 54%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  z-index: 9;
  width: 85%;
  left: 61px;
}


.single-media {
  margin-bottom: 30px !important;
}
.service_menu_nav ul li a {
  font-size: 15px;
  text-transform: uppercase;
}
.solution-images{
  background-color: #f3f3f3;
  text-align: center;
  overflow: hidden;
  height: 300px;
  display: flex;
      justify-content: center;
      align-items: center;
}

.solution-images img {
  object-fit: contain !important;
  width: 52%;
  transition: .5s;
}
.content-item ul {
  display: flex;
  flex-wrap: wrap;
}
.content-item ul li {
  width: 50%;
  margin-bottom: 10px;
}

.side-bar .service_menu_nav {
  padding: 86px 20px 64px
}

.swiper-solution-similar .solutionsbox img {
  height: 287px;
  object-fit: contain;
}
.service_menu_nav h4.title {
  font-size: 30px;
}
.service-single .side-bar.left {
  padding-right: 18px;
}
div#tabs-content ,.solution-detail_section .row:nth-child(2) .col-lg-8{
  padding-left: 20px;
}
.solution-images img:hover {
  transform: scale(1.3);
}
.similar-box h3.title {
  font-size: 35px !important;
  margin-bottom: 5px;
}
.similar-row .widget_contact {
  padding: 67px 40px 71px;
}
.similar-row .col-lg-4 {
  padding-right: 30px;
}
.solution-similar img {
  height: 277px;
  object-fit: cover;
}
.offcanvas-body .list li::before {
  top: 8px;
}
.solutionsbox h3.dz-name {
  text-transform: uppercase;
}

/* Tabs */

ul#tabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
}
.heading-box h2 {
  text-transform: capitalize;
}
.heading-box {
  margin-bottom: 18px;
}

figure.product-figure img {
  height: 100%;
  width: 100%;
  border-radius: 40px;
}
img.pro-image {
  display: none;
}
section.similar_section {
  padding: 20px 0 80px ;
}
.similar-head-box h2.title {
  font-size: 45px;
  font-weight: 700;
  margin-bottom: 30px;
}

.product-detail-accor h3.title {
  margin-bottom: 10px;
}

.swiper-navigation {
  pointer-events: none;
}
.swiper-navigation .swiper-nav {
  pointer-events: all;
}
/* =============event page========== */
.event-section {
  padding: 59px 0 70px;
}
.event-box img.bg-white {
  height: 260px;
  object-fit: cover;
}
/* Product detail page css */

.text-gray{
  color: #f3f3f3;
}
.journy_section .swiper-navigation .swiper-nav {
  background-color: #f3f3f3;
  margin-left: 10px;
}
.journy_section .swiper-navigation .swiper-nav:hover {
  background-color: #102d7b;
}
.box-title {
  width: 80%;
}
.about-topresion-section .icon-bx-wraper {
  min-height: 280px;
}
.product-detail-image {
  background-color: #f3f3f3;
  border-radius: 30px;
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 37px;
}
/* .product-detail-image .faq-image:hover img {
  transform: scale(1.2);
} */
.product-detail-image .faq-image {
  height: 80%;
  width: 80%;

  margin-top: -109px;
}
.product-detail-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: .5s;
}
.owl-nav {
  position: absolute;
  top: 42%;
  width: calc(100% + 120px);
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  left: -60px;
  transform: translateY(-42%);
  pointer-events: none;
}
.owl-nav button {
  height: 50px;
  width: 50px;
  background-color: #f3f3f3 !important;
  border-radius: 10px;
  color: #3574e3 !important;
  pointer-events: auto;
}
.owl-nav i {
  line-height: 2;
}
.owl-nav button:hover {
  background-color: #102d7b !important;
  color: #fff !important;
}
.owl-dots button.owl-dot span {
  background-color: #fff !important;
  border: 1px solid #102d7b;
}
.owl-dots button.owl-dot.active span{
  background-color: #102d7b !important;
}

.solution-detail_section.service-single .side-bar:not(.left) {
  padding-left: 0;
  padding-right: 20px;
}

.similar-solution-section {
  padding: 59px 0 57px;
  background-color: #102d7b;
}
#solutions button.owl-dot.active span {
  background-color: #3574e3 !important;
}
.solutionsbox.dz-team.style-1 .dz-content {
  background-color: #f3f3f3;
}
.solutionsbox.dz-team.style-1:hover .dz-content {
  background-color: #3574e3;
}
.solutionsbox.dz-team.style-1 .dz-content span.dz-position {
  color: #102d7b;
}
section.solution-faq, .similar-resource-section {
  padding: 59px 0;
}
.gray-bg .owl-nav button {
  background-color: #fff !important;
}
.gray-bg .owl-nav button:hover {
  background-color: #102d7b !important;
}
.dark-blue-bg{
  background-color: #102d7b;
}
.dark-blue-bg .owl-nav button {
  background-color: #fff !important;
}
.dark-blue-bg .owl-nav button:hover {
  background-color: #3574e3 !important;
}
section.resource-product-similar {
  padding: 59px 0 69px;
}
.resource-product-similar .product_card:hover {
  border-color: #3574e3;
}
.similar-resource-section .card.resource-card {
  box-shadow: none;
}

/* product css end */
/* ========home page css========= */
section.hero_banner {
  padding: 100px 0;
  background-color: #102d7b;
}
.herobanner-products .owl-item .item .product_card {
  -webkit-transition: 0.3s;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.herobanner-products .owl-item.center .item .product_card {
  -webkit-transform: scale(1.15);
  -ms-transform: scale(1.15);
  transform: scale(1.15);
  background-color: #3574e3;
  position: relative;
  z-index: 99999;
}
.herobanner-products .owl-item.center .h4_heading {
  font-size: 12px;
  color: #fff;
}
.herobanner-products .product_card{
  background-color: #fff;
}
.banner-left-box{
  padding-right: 26px;
}
section.hero_banner.dz-bnr-inr .container {
  display: block;
  height: auto;
}
.banner-left-box h1.hero-title {
  font-size: 3rem;
}
.herobanner-products  .owl-item.active.center {
  position: relative;
  z-index: 1;
}
.herobanner-products .product_card{
  border: none;
}
.herobanner-products .product_card:hover img{
  transform: inherit;
}
.herobanner-products .product_card img{
  height: 250px;
}
.herobanner-products .card.product_card {
  margin-bottom: 0;
}
.herobanner-products .owl-stage-outer {
  padding: 40px 0;
}
.herobanner-products .h4_heading {
  font-size: 12px;
}
.herobanner-products .h3_heading {
  font-size: 15px;
}
.herobanner-products .owl-nav{display: none !important ;}
.aboutUs-section .content-media {
  height: 350px !important;
}
.aboutUs-section .content-wrapper.style-19::after{
  display: none;
}
.hero_banner .dz-img-wrapper .media-lg {
  height: 411px;
}
.hero_banner .dz-img-wrapper .media-md {
  height: 250px;
}
.hero_banner .dz-img-wrapper .media-sm {
  height: 200px;
}
.home-slider-section .btn-square.btn-lg, .btn-group-lg > .btn-square.btn {
  height: 60px;
  width: 60px;
}
.home-slider-section .dz-flex-wrapper .dz-media {
  height: 340px;
}
.home-slider-section .dz-flex-wrapper .dz-flex-head {
  min-height: 350px;
}
.home-slider-section .dz-flex-wrapper .dz-flex-head .title {
  font-size: 18px;
}
.home-slider-section {
  padding-bottom: 100px;
}
.industryserve-title .title {
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 700;
  max-width: 254px;
}
.ndustries-we-serve-section{
  padding: 100px 0;
}
.ndustries-we-serve-section::before{
  opacity: 1 !important;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .circle-wrapper {
  bottom: -2%;
  width: 450px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .dz-media {
  margin-left: 37px;
  padding-right: 0;
}
.faqimage img{
  object-fit: cover;
}
.faqimage a.btn {
  max-width: 220px;
}
.faqimage a.btn .btn-text {
  margin-left: -32px;
}

.text-block li {
  color: #fefefe;
  display: none;
}

.text-block ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.text-block li {
  width: 23%;
  margin-bottom: 10px;
}
.text-block.text-block--expanded li {
  display: block;
}
button.read-more {
  position: absolute;
  right: 82px;
  bottom: 10px;
  color: #102d7b;
  background-color: transparent;
  padding: 7px 14px;
  border-radius: 30px;
  font-size: 16px;
  border: 3px solid #bdcfef94;
}
.text-block.text-block--expanded button.read-more {
  right: 73px;
}
.text-block {
  position: relative;
}
button.read-more:hover {
  color: #102d7b;
}

.industrywe-serve .swiper-slide .dz-media img{
  height: 360px;
}
.industrywe-serve .swiper-slide .dz-content{
  background-color: #f3f3f3 ;
}
.our-blogs .dz-info a.btn:not(.blog-readmore) {
  width: auto;
}
.happy-client-section .clients-logo23 {
  padding: 20px;
  border-radius: 25px;
}
.happy-client-section{
  padding: 100px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
figure.category-box {
  border: 1px solid #ccc;
  border-radius: 25px;
  background-color: #fff;
  text-align: center;
  padding: 20px;
}
.category-box img {
  min-height: 300px;
  object-fit: contain;
}
.category-box figcaption {
  font-size:18px;
  font-weight: 700;
  color: #102d7b;
}
.category-section {
  padding: 120px 0;
}
.counter2-section {
  padding-top: 100px;
  padding-bottom: 80px;
}
.counter2-section .section-head {
  margin-bottom: 67px;
}
.industry-slider{padding-left: 50px;}

.home-slider-section .widget-content p.text {
  padding-left: 0;
}
.work-image a.btn {
  width: 280px;
}
.industrywe-serve .dz-team.style-1:hover .dz-content,.dz-team.style-1:hover .dz-media{
  background-color: #3574e3;
}

.industrywe-serve .dz-content span.dz-position {
  color: #102d7b;
}
.home-slider-section .dz-media a.btn.btn-white {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.text-block a {
  padding: 10px 15px;
}
.how-it-work-section {
  padding: 100px 0;
}

.copyright-text a {
  display: inline-block;
}
.blog-section {
  padding: 59px 0 56px;
}
.inner-box img {
  border-radius: 30px;
  height: 285px;
  object-fit: cover;
}
.inner-box a.image {
  position: relative;
  transition: .5s;
}
.inner-box a.image:hover span.clickto-read {
  opacity: 1;
  visibility: visible;
}
span.clickto-read {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #3574e3;
  z-index: 9;
  border-radius: 30px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
}
.category button {
  background-color: #fff !important;
}
.owl-theme .owl-nav {
  margin-top: 0;
}

.how-it-work-section .content-wrapper.style-3 .content-media .dz-media {
  height: 364px;
}
.how-it-work-section .icon-bx-wraper.style-2 .dz-title {
  font-size: 24px;
}
.how-it-work-section .content-wrapper.style-3 .item1 {
  right: 30px;
  max-width: 400px;
  width: 400px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(1) {
  top: 44px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(2) {
  right: -6px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(3) {
  left: -5px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(1) {
  top: 27px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(2) {
  top: 103px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(3) {
  bottom: 92px;
}
.product_card .card-body a:focus {
  color: #102d7b !important;
}
.product_card .card-body a:focus:hover {
  color: #fff !important;
}
.similar_product_section {
  padding: 100px 0;
}
.dark-blue-bg .product_card:hover{
border-color: #3574e3;
}
.industrywe-serve .owl-nav.disabled {
  display: none !important;
}
.industrywe-serve .dz-media img.bg-white {
  height: 348px;
  object-fit: cover;
}
.home-faq-section .content-wrapper {
  flex-direction: row !important;
}
.text-darkblue{
  color: #102d7b;
}
/* about video popup css */
#video-popup-container {
  display:none;
  position: fixed;
  z-index: 996;
  width: 60%;
  left: 50%;
  margin-left: -30%;
  top: 20%;
  background-color: #fff;
}

#video-popup-close {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -10px;
  z-index: 998;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  text-align: center;
  font-size: 12px;
  background-color: #000;
  line-height: 25px;
  color: #fff;
}

#video-popup-iframe-container {
  position: absolute;
  z-index: 997;
  width: 100%;
  padding-bottom: 56.25%;
  border: 2px solid #000;
  border-radius: 2px;
  background-color: #000;
}

#video-popup-iframe {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
}

#video-popup-overlay {
  display: none;
  position: fixed;
  z-index: 995;
  top: 0;
  background-color: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  left: 0;
}
.video-bx3 .video-btn {
  cursor: pointer;
}

#video-popup-close:hover {
  color: #DE0023;
}
/* ================Technology section=============> */

figure.techno-card-image {
  position: relative;
  border-radius: 25px;
  overflow: hidden;
  border: 3px solid transparent;
  transition: .5s;
  background-color: #102d7b;
  min-height: 420px;
  padding: 35px 30px 92px 30px;
}
.technology-visualizing-section .product-detail-image {
  padding: 0;
}
figure.techno-card-image:hover {
  border-color: #102d7b;
}
.techno-card-image img {
  height: 200px;
  width: 100%;
  object-fit: contain;
  margin-top: 13px;
}
.techno-card-image figcaption h3 {
  font-size: 24px;
  text-transform: capitalize;
  font-weight: 700;
  text-align: center;
  color: #fff;
  line-height: 1;
}
.techno-card-image figcaption a {
  position: absolute !important;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/* .techno-card-image::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #102d7b;
  opacity: .5;
} */
.technology-section,.technology-content-section,.key-features-section,.track-trace-process-section,.authentication-section{
  padding: 57px 0 50px;
}
.key-feature-box {
  background-color: #fff;
  border-radius: 25px;
  padding: 25px;
  transition: .5s;
  min-height: 296px;
}
.key-feature-box:hover{
  background-color: #3574e3;
}
.key-feature-box:hover h3,.key-feature-box:hover p{
  color: #fff;
  transition: .5s;
}
.key-feature-box svg {
  margin-bottom: 10px;
  fill: #3574e3;
  width: 25%;
}
.key-feature-box:hover svg{
  fill: #102d7b;
}
.track-trace-process-img img {
  height: 500px;
  width: 100%;
  border-radius: 30px;
  object-fit: cover;
}
.track-trace-process-img {
  background-color: #f3f3f3;
  border-radius: 30px;
}
.key-feature-box h3 {
  font-size: 20px;
  width: 78%;
}
.technology-visualizing-section .dz-media.faq-image:hover img {
  transform: inherit;
}
.technology-visualizing-section .dz-media.faq-image {
  margin-top: 0;
  height: 100%;
  width: 100%;
}
 .authentication-section .list li::before {
  top: 8px;
}
.featureicon-box {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 5px;
}
.swiper-product-similar .owl-nav {
  top: 49%;
  transform: translateY(-49%);
}
.techno-card-image span.dz-position {
  color: #3574e3;
  font-size: 16px;
  text-align: center;
  display: block;
}
.techno-img{
  position: relative;
  width: 22%;
}
.techno-img .hover-image {
  position: absolute;
  left: 0;
  top: 0;
}
.techno-img .hover-image {
  position: relative;
  top: -4px;
  left: -4px;
  display: none;
}
.techno-img img {
  height: 60px;
  object-fit: contain;
}
.key-feature-box:hover .hover-image {
  display: block;
}
.key-feature-box:hover .normal-image{
  display: none;
}
.swiper-solution-feature .swiper-navigation {
  width: 100%;
  left: 0;
  padding: 45px;
}
.content-wrapper.style-5 .content-media .item1 {
  padding: 15px 20px 15px 20px;
}
.policy_content_box:last-child {
  margin-bottom: 0;
}
.get-intouchsection {
  padding: 59px 0 70px;
}
.sidebarheader {
  display: none !important;
}
.journy_section .swiper .swiper-slide .row{
  max-width: 98%;
  margin: 0 auto;
}
.dzsale {
  display: none !important;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: 9;
  position: relative;
}
select::-ms-expand {
  display: none;
}

.booking-section {
  padding-bottom: 70px;
}
.technology .owl-nav {
  display: none !important;
}
.similar-resource .card.resource-card:hover{
  border-color: #3574e3;
}
.technology-visualizing-section {
  padding: 59px 0 40px;
}
.certificate-box {
  box-shadow: 0 10px 10px #102d7b;
}
.certificate .owl-stage-outer {
  padding: 40px 0;
}
.certificate-box {
  box-shadow: 0px 15px 15px #102d7b12;
  border-radius: 25px;
}

/* <<<<===============================>>>>
              Responsive css 
<<<<===============================>>>>*/
@media(min-width:1400px){
  .home-slider-section .dz-flex-wrapper .dz-flex-inner {
    min-width: 700px;
  }
  button.read-more {
    right: 99px;
    bottom: 9px;
  }
  .text-block.text-block--expanded button.read-more {
    right: 83px;
}

}

  @media(max-width:1480px){
    p{
      font-size: 16px !important;
    }
  .banner{
    height: 350px;
  }
  .about-topresion-section .icon-bx-wraper p {
    font-size: 15px !important;
}
.area-box ul li, .list li {
  font-size: 16px;
}
.about-topresion-section .icon-bx-wraper {
  min-height: 363px;
}

.about-topresion-section .icon-bx-wraper.style-4 .icon-bx {
  width: 40px;
  height: 40px;
  }
  footer .widget_services ul li a {
    font-size: 16px;
}
.home-slider-section .dz-media a.btn.btn-white {
  width: 90%;
  font-size: 13px;
}
.work-image a.btn {
  width: 233px;
}
.work-image a.btn span.text {
  margin-left: -42px;
}
.ScheduleSection .content-wrapper.style-16 {
  padding: 80px 0px;
}
.site-footer .global-icon .icon-bx-wraper.style-1 .icon-bx,.site-footer .global-icon li a {
  width: 40px;
  min-width: 40px;
  height: 40px;
}
.global-icon .icon-bx-wraper.style-1 .icon-bx i {
  font-size: 16px;
}
.site-footer .icon-bx-wraper.style-1 .icon-bx {
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: 16px;
}
.footer-head.middle .icon-bx-wraper.style-1 {
  align-items: center;
}
.selectform label ,.selectform select,.form-content label,.form-content .form-control{
  font-size: 13px;
}
.form-floating.input-light.floating-underline .form-control:not(:placeholder-shown) ~ label {
  font-size: 13px;
}
}

@media(max-width:1380px){
  .ndustries-we-serve-section .content-wrapper.style-2 .content-media .dz-media {
    padding-right: 0;
    padding-top: 0;
    margin-top: -20px;
    padding-left: 28px;
}
.text-block a {
  padding: 5px 15px;
  font-size: 14px;
}
.text-block ul {
  gap: 5px;
}
button.read-more {
  position: absolute;
  right: 88px;
  color: #102d7b;
  background-color: transparent;
  padding: 5px 9px;
  border-radius: 30px;
  font-size: 12px;
  border: 2px solid #bdcfef94;
}
.text-block.text-block--expanded button.read-more {
  right: 77px;
}
.how-it-work-section .happy-client-section {
  padding: 150px 0;
}
.content-wrapper.style-3 .content-media .dz-media {
  height: 440px;
}
.industrywe-serve .swiper-slide .dz-media img {
  height: 360px;
  object-fit: contain;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .circle-wrapper {
  left: 0;
  width: 450px;
  bottom: -8% !important;
  right: 0;
  margin: 0 auto;
}
.industrywe-serve .dz-media img.bg-white {
  height: 300px;
}
.category-box figcaption {
  font-size: 16px;
}
.category-box img {
  min-height: 200px;
}
.dz-accordion .accordion-button {
  font-size: 16px;
}
ul.list-check-circle li {
  padding: 5px 5px 5px 50px;
}
.resource-card .card-body span {
  margin-left: -30px;
}
.dz-bnr-inr .dz-btn {
  right: 35px;
}
.how-it-work-section .content-wrapper.style-3 .item1 {
  max-width: 343px;
  width: 343px;
}
.how-it-work-section .info-widget.style-8 {
  padding: 15px;
}
.product_card figcaption {
  text-align: center;
  min-height: 80px;
}
.h3_heading {
  font-size: 20px;
}
.detail-card .card-body h3 {
  min-height: 116px;
}
.faqtabsection .nav-link {
  font-size: 16px;
  width: 201px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(1) {
  top: 27px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(2) {
  top: 101px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(3) {
  bottom: 90px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(1) {
  top: 43px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(3) {
  left: -4px;
}
.product-detail-image a.btn {
  max-width: 212px;
  font-size: 14px;
}
.product-detail-image a.btn span.w-100 {
  margin-left: -38px;
}
.product-detail-image .info-widget.style-5 .widget-content a{
font-size: 14px;
}
.service_menu_nav h4.title {
  font-size: 24px;
}
.service_menu_nav ul li a {
  font-size: 13px;
  padding: 10px 32px 10px 10px;
}
.ScheduleSection .content-wrapper.style-16 {
  padding: 0;
}
.ScheduleSection {
  height: auto;
  padding: 60px 0;
}
.tab-contents ul.list-check-circle li {
  font-size: 14px;
}
.director-section .section-head.style-1 .title {
  font-size: 30px;
}
.how-it-work-section .content-wrapper.style-3 .content-media {
  padding-bottom: 0px;
}
}
@media(max-width:1279px){
  .form-floating.input-light.floating-underline .form-control:not(:placeholder-shown) ~ label {
    font-size: 13px;
}
.inner-box img {
  height: 200px;
}
.site-header .extra-nav ul li:first-child {
  margin-right: 42px;
  margin-left: 24px;
}
.icon-bx .icon-cell {
  line-height: 1;
}
.box-title {
  font-size: 15px;
}

.about-topresion-section .info-widget.style-11 {
  padding: 30px 25px 30px;
}
.about-topresion-section .info-widget.style-11 .content-text {
  font-size: 26px;
}
.about-topresion-section .icon-bx-wraper {
        min-height: 381px;
    }
.about-topresion-section .icon-bx-wraper {
  min-height: 235px;
}
.booking-section .icon-bx-wraper.style-8 .icon-bx {
  width: 40px;
  height: 40px;
  min-width: 40px;
  font-size: 18px;
}
.global-icon li a {
  height: 40px;
  width: 40px;
}
footer .widget_services ul li a {
  font-size: 16px;
}
.quick-link-footermenu {
  padding-left: 52px;
}
.global-icon .icon-bx-wraper.style-1 .icon-bx {
  background-color: #3574e3 !important;
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: 16px;
}
.work-image .content-bx.style-1 .content-text {
  font-size: 26px;
  line-height: 40px;
}
.work-image .content-bx.style-1 .title {
  font-size: 15px;
}
.hero_banner .section-head {
  margin-bottom: 0;
}
section.hero_banner {
  padding: 70px 0 80px;
}
button.read-more {
  right: 78px;
}
.text-block.text-block--expanded button.read-more {
  right: 67px;
}
.counter2-section {
  padding-top: 80px;
}
.how-it-work-section {
  padding: 60px 0 70px;
}
.category-section {
  padding: 60px 0 70px;
}
.counter2-section .section-head {
  margin-bottom: 0;
}
.how-it-work-section .content-wrapper.style-3 .item1 {
  max-width: 320px;
  width: 320px;
  right: 16px;
}
.product_image {
  height: 200px;
}
.side-bar .service_menu_nav {
  padding: 70px 10px 54px;
}
.key-feature-box {
  min-height: 264px;
}
.key-feature-box h3 {
  font-size: 18px;
}
figure.techno-card-image {
  min-height: 435px;
}
.error-404 h2,.thank-you-page h2 {
  font-size: 140px !important;
}
.form-wrapper.style-1 .form-body {
  padding: 30px 30px;
}
.product_card .card-body {
  padding: 0;
}
.product_card figcaption {
  text-align: center;
  min-height: 113px;
}
.resource_detail_section .card .card-body h3.text-center {
  min-height: 116px;
}

}

  @media(max-width:1199px){
    .resource-card {
      padding: 15px;
    }
    .resource-card img {
      height: 227px;
    }
    .detail-card .card-body h3 {
      min-height: 89px;
  }
  .detail-card figure img {
    height: 170px;
  }
  .resource_detail_section {
    padding: 60px 0 70px;
    
}
.logo-header {
  width: 160px;
}
.site-header .extra-nav ul li:first-child {
  margin-right: 22px;
  margin-left: 4px;
}
.policy-footermenu {
  padding-left: 30px;
}
.quick-link-footermenu {
  padding-left: 30px;
}
.footer-title {
  font-size: 18px;
}
.footer-bottom .fb-inner {
  padding: 20px 0;
}
.site-footer.style-1 .footer-top {
  padding: 100px 0 30px !important;
}
.global-icon {
  gap: 5px;
}
.site-footer .global-icon .icon-bx-wraper.style-1 .icon-bx, .site-footer .global-icon li a {
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media {
  height: 460px;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .circle-wrapper {
  width: 460px;
}
.ndustries-we-serve-section {
  padding: 80px 0;
}
.industry-slider {
  padding-left: 0;
  padding-top: 0;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .dz-media {
  padding-right: 38px;
  padding-top: 0;
  margin-top: 40px;
}
.inner-box img {
  height: 277px;
}
.happy-client-section {
  padding: 100px 0;
}
.clients-logo23 {
  height: 100px;
}
footer .footer-bottom p {
  padding: 0 46px;
}
.home-slider-section .dz-flex-wrapper .dz-flex-inner {
  min-width: 574px;
}
.category-section {
  padding: 70px 0;
}
.category-box figcaption {
  min-height: 56px;
}
.category-box figcaption {
  font-size: 16px;
  min-height: 56px;
}
.hero_banner .dz-img-wrapper .media-md {
  height: 230px;
}
.anti-counterfeit-solutions-banner .row.content-wrapper.style-1 {
  flex-direction: inherit;
}
.journy_section {
  padding: 70px 0;
}
.about-topresion-section .icon-content p.text-gray {
  font-size: 14px !important;
}
.about-topresion-section .icon-bx-wraper {
  min-height: 212px;
}
.about-topresion-section .info-widget.style-11 {
  padding: 29px 11px 30px;
}
.about-topresion-section .content-media .dz-media img {
  mask-position: top right !important;
}
.about-topresion-section .content-wrapper.style-7 .content-media .item1 {
  width: 105px;
}
.about-topresion-section .info-widget.style-11 {
  padding: 15px;
}
.about-topresion-section .info-widget.style-11 h3.title {
  font-size: 14px;
}
section.director-section {
  padding-top: 100px;
}
.icon-bx-wraper.style-8 {
  padding: 10px 10px;
  gap: 5px;
}
.booking-section .icon-bx-wraper.style-8 .icon-content p,footer .widget_services ul li a,footer p,.middle a.text-body, .middle .icon-content p, .middle .text {
  font-size: 14px !important;
}
.form-wrapper .form-title br{
  display: none;
}
.dz-bnr-inr .dz-btn {
  right: 50px;
}
.footer-head.middle .col-xl-3:first-child {
  margin-bottom: 15px;
}
.owl-nav {
  width: calc(100% + 110px);
  left: -55px;
}
figure.techno-card-image {
  min-height: 457px;
}
.techno-card-image a.btn {
  max-width: 90%;
}
.solution-detail_section .content-item ul li {
  width: 100%;
}
.product-detail-image a.btn {
  max-width: 191px;
}
.comming-soon-section h2 {
  font-size: 100px !important;
}
.featurcontent-box p {
  font-size: 14px;
  margin-bottom: 0;
}
.key-feature-box {
  min-height: 320px;
}
.authentication-section .content-wrapper.style-1 {
  flex-direction: row;
}
.key-feature-box h3 {
  font-size: 18px;
}
.error-404 h2,.thank-you-page h2 {
  font-size: 100px !important;
}
.gallery-section .container .container {
  max-width: 100% !important;
  width: 100% !important;
}
.tab-quote-form {
  max-width: 70%;
  margin: 20px auto 0;
}
.journy_section .swiper-navigation {
  bottom: -31px;
  }
  figcaption.meet-figcaption p {
    font-size: 13px !important;
}
.banner-left-box {
  padding-right: 0;
}
.banner-left-box h1.hero-title {
  font-size: 2rem;
  line-height: 1.3;
}
.herobanner-products .product_card img {
  height: 150px;
}
}

  @media(max-width:991px){
    .dz-bnr-inr h1, .dz-bnr-inr .h1 {
      font-size: 2rem;
  }
    .detail-card .card-body h3 {
      min-height: 89px;
  }
  .hero_banner .dz-img-wrapper .media-lg {
    height: 300px;
}
.hero_banner .dz-img-wrapper .media-md {
  height: 173px;
}
.hero_banner .dz-img-wrapper .media-sm {
  height: 150px;
}
section.hero_banner {
  padding: 50px 0 60px;
}
.home-slider-section {
  padding-bottom: 70px;
}
.industrywe-serve .swiper-slide .dz-media img {
  height: 250px;
}
.counter2-section {
  padding-top: 60px;
}
.how-it-work-section {
  padding: 60px 0;
}
.how-it-work-section .content-wrapper.style-3 .item1 {
  max-width: 373px;
}
.content-wrapper.style-3 .content-media .dz-media {
  height: 370px;
}
.content-inner {
  padding-top: 60px;
}
.happy-client-section {
  padding: 70px 0;
}
.site-footer.style-1 .footer-top {
  padding: 60px 0 0px !important;
}
.policy-footermenu {
  padding-left: 0;
}
.footer-title {
  text-align: left !important;
}
.quick-link-footermenu {
  padding-left: 0;
}
.mr_doit {
  text-align: left;
}
.footer-head.middle p,.footer-head.middle p .text-body,footer .footer-bottom p {
  font-size: 14px !important;
  margin-bottom: 0;
}
.footer-head.middle .icon-bx-wraper.style-1 .icon-bx {
  width: 40px;
  min-width: 40px;
  height: 40px;
  font-size: 13px;
}
.footer-head.middle .icon-bx-wraper.style-1 {
  gap: 5px;
}
.site-footer p,.site-footer a{
  font-size: 14px;
}
.footer-title a {
  font-size: 18px;
}
.widget_services .list-hover1 li {
  padding: 8px 0;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .circle-wrapper {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .dz-media {
  padding-right: 0;
  margin-right: 0;
  margin-left: 0;
  margin-top: 60px;
}
.inner-box img {
  height: 200px;
}

.blogs,.category,.owl-carousel {
  padding: 0 30px;
}
 .owl-nav {
  width: calc(100% + 60px);
  left: -30px;
  }
  .about-topresion-section .content-wrapper.style-7 .content-media .item1 {
    width: 204px;
}
.about-topresion-section .info-widget.style-11 {
  padding: 53px 25px 53px;
  position: relative;
  top: -10px;
}
.about-topresion-section .icon-bx-wraper {
  min-height: 273px;
}
.journy_section {
  padding: 60px 0;
}
.resourcesbox .dz-content {
  min-height: 119px;
}
.card.product_card .card-body {
  padding: 10px 10px;
}
.h4_heading {
  font-size: 14px;
}
figure.techno-card-image {
  padding: 35px 15px 92px 15px;
}
.techno-card-image figcaption h3 {
  font-size: 18px;
}
.techno-card-image span.dz-position {
  font-size: 14px;
}
.techno-card-image img {
  height: 110px;
}
figure.techno-card-image {
  min-height: 350px;
}
.techno-card-image a.btn {
  font-size: 16px;
}
.techno-card-image a.btn span.w-100 {
  margin-left: -30px;
}
.ScheduleSection {
  height: auto;
  padding: 60px 0;
}
.ScheduleSection .content-wrapper.style-16 {
  padding: 0px 0px;
}
.solution-detail_section.service-single .side-bar:not(.left) {
  padding-right: 0;
}
.solution-detail_section .order-lg-1 {
  order: 2;
}
.side-bar .service_menu_nav {
  padding: 20px 20px 20px;
}
.comming-soon-section h3.title_h3 {
  font-size: 30px !important;
}
.comming-soon-section h2 {
  font-size: 80px !important;
}
.h3_heading {
  font-size: 18px;
}
.key-feature-box {
  min-height: 348px;
}
.error-404 h2 ,.thank-you-page h2{
  font-size: 80px !important;
}
.error-404 h3.title_h3 {
  font-size: 30px !important;
}
.solution-detail_section .row {
  flex-direction: column-reverse;
}
.thank-you-page h3.title_h3 {
  font-size: 30px !important;
}
.help-box{
  margin-bottom: 30px;
}
.help-section {
  padding: 59px 0 40px;
}
#category-buttons {
  padding: 0;
}
.modal-body{
  max-width: 90%;
  margin: 0 auto;
}
.modal-wrapper {
    width: 100%;
    max-width: 750px;
}
.tab-quote-form {
  max-width: 100%;
}
  #myTabContent>.tab-pane {
    display: block;
    opacity: 1;
    margin-bottom: 20px;
  }
  .accordion-button:focus{
    box-shadow: none;
  }
  #myTabContent .m-b30 {
    margin-bottom: 0;
}
#myTabContent h2.accordion-header.d-lg-none button.accordion-button {
  background-color: #3574e3 !important;
  margin-bottom: 10px;
  border-radius: 10px;
}
#myTabContent h2.accordion-header.d-lg-none button.accordion-button.collapsed {
  background-color: #102d7b !important;
  color: #fff !important;
  border-radius: 10px;
}
#myTabContent .accordion-button:not(.content-info .accordion-button)::after{
  display: none;
}
#myTabContent .accordion-item {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.faqtabsection .accordion-header .accordion-button {
  font-size: 16px;
}
.meet-figcaption a.btn span.text {
  font-size: 16px;
}
.solution-detail_section .heading-box h2 {
  font-size: 20px;
}
/* left sidebar css */
.mo-left{
  background-color: #102d7b;

}
.header-nav.w3menu .nav > li > a {
  color: #fff;
}
.header-nav.w3menu .nav > li.has-mega-menu.menu-left .mega-menu{
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
}
.header-nav ul.nav.navbar-nav li {
  margin-left: 0;
}
.mega-menu span.menu-title {
  color: #102d7b !important;
}
.header-nav.w3menu .nav > li .mega-menu li a {
  padding: 10px;
  border-bottom: none;
}
 .header-nav.w3menu .nav > li.sub-menu-down > a i {
  background-color: #3574e3;
}

.social-media-mobile {
  padding: 0 20px;
  margin-top: 20px;
}
.mo-left .logo-header {
  padding: 10px 20px;
}
.mo-left ul.nav.navbar-nav .menu-left.open .mega-menu ul li a span.menu-title:hover {
  color: #3574e3;
}
.sidebarheader {
  display: block !important;
}
.banner,.dz-bnr-inr.dz-bnr-inr-md {
  height: 280px;
  min-height: 280px;
}
.dz-bnr-inr .dz-bnr-inr-entry{
  height: auto;
}
.banner.dz-bnr-inr .dz-bnr-inr-entry{
  padding: 0;
}
.empowering .row {
  flex-direction: column-reverse;
}
.empowering .row .col-lg-6.col-xxl-5 {
  margin-bottom: 30px;
}
span.cross {
  height: 40px;
  width: 40px;
  font-size: 18px;
  border-radius: 10px;
}
.director-section .tab-contents .row.content-wrapper {
  flex-direction: inherit;
}
.director-section .dz-media img {
  height: 300px;
  object-fit: contain;
}
.director-section .content-wrapper.style-6 .content-media .item1 {
  bottom: 50px;
}
.director-section .section-head.m-b30 {
  margin-bottom: 0;
}
.director-section .section-head p {
  margin-top: 0;
  margin-bottom: 5px;
}
.product-detail-section .content-wrapper {
  flex-direction: column-reverse !important;
}
.solution-detail_section .tab-content {
  display: block !important;
}
.solution-detail_section .accordion-header button i {
  position: absolute;
  right: 25px;
  top: 18px;
}
.solution-detail_section .accordion-header button{
  padding-right: 40px;
}
.solution-detail_section button.accordion-button i {
  transform: rotate(90deg);
}
.solution-detail_section button.accordion-button.collapsed i {
  transform: rotate(0deg);
}
.banner-left-box p {
  max-width: 100%;
}

/* tabs & mobile header css */
#mobileNavigation button.accordion-button {
  background-color: transparent !important;
  color: #3574e3 !important;
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  box-shadow: none;
}
#mobileNavigation button.accordion-button.collapsed {
  color: #fff !important;
}
#mobileNavigation li a.link{
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 0;
  display: block;
}
#mobileNavigation li.accordion-item {
  background-color: transparent;
  border: none;
}
#mobileNavigation ul.demo-menu li a {
  font-size: 16px;
  color: #102d7b;
  font-weight: 600;
}
#mobileNavigation ul.demo-menu {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 15px;
}
#mobileNavigation ul.demo-menu li {
  margin-bottom: 15px;
}
#mobileNavigation ul.demo-menu li:last-child {
  margin-bottom: 0;
}
#mobileNavigation .accordion-button::after{
  display: none;
}

#mobileNavigation button.accordion-button i {
  background-color: #3574e3;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-size: 15px;
  color: #fff;
  transform: rotate(90deg);
}
#mobileNavigation button.accordion-button.collapsed i{
  transform: rotate(0deg);
}
ul#mobileNavigation {
  margin-bottom: 116px;
}
.social-media-mobile h3 {
  font-size: 20px;
}

/* tabs & mobile header css end */
  }
  @media(max-width:767px){
    .pagination-container {
      gap: 5px;
    }
    /* .resource-card{
      margin-bottom: 0;
    } */
    .mobile-title {
      color: #3574e3;
      line-height: 1;
  }
    .get-intouchsection .col-md-6.wow.fadeInUp {
      margin-bottom: 20px;
  }
 
    .detail-card .card-body h3 {
      min-height: auto;
  }
  .detail-card figure img {
    height: 100%;
}
.btn-icon.btn-lg .right-icon{
  height: 40px;
}
footer .footer-bottom p {
  padding: 0 0px;
}
.ScheduleSection::after {
  width: 80%;
}
.ScheduleSection .content-wrapper.style-16 {
  padding: 0px 0px;
  max-width: 66%;
}
.content-wrapper.style-5 .content-media .item1 {
  flex-direction: inherit;
}

.counter2-section .content-inner-3 {
  height: auto;
  padding: 70px 0;
}
br{display: none;}
.counter-section1{padding: 70px 0;}
.blog-section {
  padding: 60px 0;
}
.blogs .owl-theme .owl-dots .owl-dot span {
  margin: 5px 3px;
}
.home-slider-section .dz-flex-wrapper .dz-flex-inner {
  min-width: 100%;
  padding: 10px;
}
.site-header .extra-nav{
  display: none;
}
.how-it-work-section .icon-bx-wraper.style-2 .dz-title {
  font-size: 16px;
}
.how-it-work-section .icon-bx-wraper.style-2 .icon-bx {
  width: 40px;
  height: 40px;
  font-size: 16px;
}
.category-box figcaption {
  font-size: 16px;
  min-height: inherit;
}
.about-topresion-section .icon-bx-wraper {
  min-height: inherit;
}
.about-topresion-section .info-widget.style-11 {
  padding: 30px 25px 30px;
}
.about-topresion-section .content-wrapper.style-7 .content-media .item1 {
  width: 148px;
}

.award-section .container-left {
  max-width: 90%;
}
.awards button {
  height: 40px;
  width: 40px;
}
.awards .owl-nav {
display: none !important;
}
.footer-head.middle .icon-bx-wraper.style-1 {
  margin-bottom: 18px;
  gap: 15px;
}
.footer-head.middle .icon-bx-wraper.style-1 .dz-title {
  line-height: 1;
}
.footer-head.middle .icon-bx-wraper.style-1 .icon-bx {
  margin-top: -8px;
}
figure.techno-card-image {
  min-height: inherit;
}

.comming-soon-section h2 {
  font-size: 64px !important;
}
.solution-schedule-section a.btn span.w-100 {
  margin-left: -37px;
}
.track-trace-process-img img {
  height: 350px;
}
.error-404 h2,.thank-you-page h2 {
  font-size: 64px !important;
}
.home-faq-section {
  padding-bottom: 40px;
}
.Categories-item {
  padding: 10px 15px;
  font-size: 14px;
}
.mobile_show{
  display: block;
}
.sec-title .h2_heading {
  font-size: 34px;
  text-align: center;
  margin-bottom: 20px;
}
.gallery-section {
  padding: 69px 0 40px;
}

.productform-modal .modal-body, .modal-body {
  height: 525px;
  overflow-y: scroll;
  border-radius: 20px;
}
.banner, .dz-bnr-inr.dz-bnr-inr-md {
  height: 200px;
  min-height: 200px;
}
.director-right .dz-media {
  margin-bottom: 30px;
}
.booking-section .col-md-6:nth-child(3) {
  margin-bottom: 20px;
}
ul.directo-tabs {
  flex-wrap: wrap;
}
ul.directo-tabs li {
  width: 100%;
}
.directo-tabs .meet-figure img {
  height: 259px;
  object-fit: contain;
}
section.director-section {
  padding-top: 59px;
}
span.cross {
  top: 46px;
}
.technology .owl-nav {
  display: flex !important;
}
div#director2 {
  top: 44%;
}
div#director3 {
  top: 72%;
}
.herobanner-products {
  padding: 0;
}
.herobanner-products .card.product_card {
  max-width: 400px;
  margin: 0 auto;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media {
  width: 100%;
}
.inner-box img {
  height: 291px;
}

  }
  @media(max-width:575px){
    .ScheduleSection::after{
      display: none;
      }
      .ScheduleSection {
        padding: 0;
        background-repeat: no-repeat;
        background-position: top right;
        background-size: contain !important;
      }
      .ScheduleSection .container {
      width: 100%;
      background-color: #f3f3f3;
      }
      .ScheduleSection .container {
        width: 100%;
        background-color: #f3f3f3;
        margin-top: 207px;
        padding-top: 40px;
        padding-bottom: 70px;
        max-width: 100%;
      }
      .ScheduleSection .row.content-wrapper,.ScheduleSection .section-head {
        max-width: 100%;
      }
  }
  @media(max-width:574px){
    p {
      font-size: 14px !important;
      line-height: 22px;
  }
    .ScheduleSection::after {
      width: 100%;
  }
  .ScheduleSection .content-wrapper.style-16 {
    max-width: 100%;
}
.happy-client-section .row .m-b30 {
  margin-bottom: 0;
}
.faqimage img {
  height: 300px !important;
}
.faq-page-tab .item1 .widget-content,.faq-page-tab .item1 a.btn {
  width: 100%;
}
.faq-page-tab .item1 .widget-content h6.title {
  margin-bottom: 0;
  font-size: 16px;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .circle-wrapper {
  width: 280px;
}
.ndustries-we-serve-section .row {
  flex-direction: column;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media {
  height: 200px;
  margin-top: 0;
}
.industryserve-title .title {
  font-size: 30px;
  max-width: 205px;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .dz-media {
  padding-right: 0;
  margin-right: -60px;
  margin-top: -77px;
}
.ndustries-we-serve-section .content-wrapper.style-2 .content-media .circle-wrapper {
  left: -13px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(1) {
  top: 4px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(3) {
  bottom: 178px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle2 span:nth-child(2) {
  bottom: 181px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(1) {
  right: 0px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(2) {
  top: 50px;
}
.content-wrapper.style-2 .content-media .circle-wrapper .circle1 span:nth-child(3) {
  bottom: 41px;
}
.inner-box img {
  height: auto;
}
.blogs .owl-nav {
  top: 45px;
}
.blogs .owl-nav button {
  height: 40px;
  width: 40px;
}
.blogs .owl-theme .owl-dots .owl-dot span {
  margin: 5px 3px;
}
.blogs {
  padding: 0 20px;
}
.home-slider-section .info-widget.style-14 .info-widget-profile .widget-content .title ,.home-slider-section .widget-content p.text{
  font-size: 12px !important;
}
.home-slider-section .btn-square.btn-lg {
  height: 35px;
  width: 35px;
  min-width: 35px;
  font-size: 14px;
}
.work-image a.btn {
  width: 191px;
}
.ScheduleSection .col-xl-6.col-md-6.col-sm-9 {
  padding: 0;
}
.awards-swiper .swiper-slide:not(.swiper-slide-active) .dz-img-box {
  transform: inherit;
}
.empowering .height-lg {
  height: 300px;
}
.empowering,.booking-section,.certificates_section ,.about-topresion-section {
  padding: 60px 0;
}
.timelineBox {
  padding: 20px 0px 20px;
}
.timelineBox h3.title {
  font-size: 24px;
}
h4.calander span {
  font-size: 16px;
}
.journy_section .swiper-navigation {
  justify-content: flex-end;
  position: static;
}
.journy_section .swiper-navigation .swiper-nav {
  background-color: #f3f3f3;
  margin-left: 10px;
}
.about-topresion-section .content-wrapper.style-7 .content-media .item1 {
  width: 127px;
}
.about-topresion-section .info-widget.style-11 {
  padding: 20px 25px 20px;
}
.detail-card a.btn {
  padding-right: 65px;
}
.resource-banner{
  background-position: top right -83px;
}
.resourcesbox img {
  height: 200px;
}
.owl-nav {
  position: static;
  width: 100%;
  justify-content: center;
  padding-top: 25px;
  transform: inherit;
  gap: 10px;
}
.swiper-product-similar .owl-nav {
  top: auto;
  transform: inherit;
}
.blogs, .category, .owl-carousel {
  padding: 0;
}
.product_image {
  height: 150px;
}
.section-head.style-1 .title,.content-wrapper.style-16 .section-head .title {
  font-size: 22px;
}
.solution-detail_section .side-bar .service_menu_nav {
  padding: 20px 10px 20px;
}
.solution-detail_section .service_menu_nav h4.title {
  font-size: 22px;
}
.solution-detail_section .service_menu_nav .widget-title {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 5px;
}
.content-item ul li {
  width: 100%;
}
div#tabs-content, .solution-detail_section .row:nth-child(2) .col-lg-8 {
  padding-left: 10px;
}
.swiper-navigation {
  width: 100%;
  left: 0;
}
.solution-images {
  height: 234px;
}
.swiper-navigation .swiper-nav {
  height: 40px;
  width: 40px;
}

.product-detail-image {
  height: 400px;
  }

.comming-soon-section h3.title_h3 {
  font-size: 20px !important;
}
.comming-soon-section a.btn,.error-404 a.btn {
  font-size: 16px !important;
}
.comming-soon-section{
  height: 100vh;
  padding-bottom: 0;
  padding-top: 0;
}
.product-detail-section .content-wrapper.style-5 .content-media .item1 {
  display: block;
  text-align: center;
}
.product-detail-section .content-wrapper.style-5 .content-media .item1 .info-widget.style-5 {
  margin-bottom: 10px;
}
.product-detail-image a.btn {
  max-width: 280px;
}
.swiper-solution-feature .swiper-navigation {
  padding: 0 5px;
}
.key-feature-box {
  min-height: inherit;
}

.track-trace-process-img img {
  height: 200px;
}
.key-feature-box {
  min-height: inherit;
}
.key-feature-box h3 {
  font-size: 15px;
}
.technology-sched-section a.btn span.w-100 {
  margin-left: -36px;
}
a.btn{
  font-size: 14px;
}
.policy_content_box h2.title_h2 {
  font-size: 22px;
  line-height: 26px;
}

.policy_list li {
  line-height: 22px;
}
.policy_content_box p {
  line-height: 22px;
}

.error-404 h3.title_h3 {
  font-size: 20px !important;
  line-height: 24px;
  margin-bottom: 8px;
}
.thank-you-page h3.title_h3 {
  font-size: 20px !important;
}
.thank-you-page .whitebg-btn {
  font-size: 18px !important;
}
.help-box {
  height: 170px;
}
.area-box .inner-content {
  margin-bottom: 20px;
}
.contact-dz-footer a {
  font-size: 12px;
}
.contact-dz-footer a i {
  font-size: 12px;
}
.map-address-box p {
  font-size: 11px !important;
  line-height: 15px;
}
.map-address-box h6 {
  font-size: 12px;
}
.map-address-box .content-logo img {
  width: 70px;
}
.map-address-box .content-bx.style-5 .btn-close {
  top: 10px;
  right: 10px;
}
.map-address-box .content-bx.style-5 {
  width: 200px;
}
.form-content select {
  padding-left: 10px;
  padding-right: 10px;
}
.form-wrapper.style-1 .form-body {
  padding: 20px;
}
.selectform i {
  top: 41px;
  right: 13px;
}
.dz-accordion .accordion-button {
  font-size: 14px;
}
.faq-page-tab .faq-image img {
  height: 248px;
}
.resource_detail_section .card .card-body h3.text-center {
  min-height: inherit;
}
.resource_detail_section .card .card-body h3.text-center {
  font-size: 16px;
  margin-bottom: 15px;
}
.about-topresion-section .info-widget.style-11 {
  top: -4px;
}
.product-detail-accor .accordion-body h3.title,.product-detail-accor .accordion-header .accordion-button {
  font-size: 16px !important;
}
.product-detail-accor .accordion-header .accordion-button{
  padding-right: 68px !important;
}
.form-header h2 {
  font-size: 20px;
  max-width: 85%;
}
.selectform label, .selectform select, .form-content label, .form-content .form-control,
.form-floating.floating-underline .form-control:focus ~ label {
  font-size: 12px;
}
body .modal-close {
  top: 17px;
}
.form-content button {
  font-size: 14px;
}
.form-content button span.text {
  margin-left: -31px;
}
.faqtabsection .accordion-header .accordion-button {
  font-size: 14px;
}
.mo-left{
  width: 100%;
  top: 64px;
  padding-top: 50px;
}
.mo-left .logo-header img, .mo-right .logo-header img {
  width: 110px;
}
.w3menu-toggler.open ~ .menu-close.fade-overlay{
  opacity: 0;
}
.header-nav.w3menu .nav.navbar-nav{
  max-width: 90%;
  margin: 0 auto;
}
.social-media-mobile {
  max-width: 90%;
  margin: 30px auto 0;
  padding: 0 24px;
}
.social-media-mobile h3 {
  color: #fff;
}
.sidebarheader {
  display: none !important;
}
.site-header {
  height: 60px;
}
.banner, .dz-bnr-inr.dz-bnr-inr-md {
  height: 170px;
  min-height: 170px;
  background-position: right;
}
.dz-bnr-inr h1, .dz-bnr-inr .h1 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
.about-topresion-section .item1 {
  display: none;
}
.about-topresion-section .col-lg-7.col-xl-6.m-b30 {
  margin-bottom: 0;
}
span.cross {
  top: 15px;
}
.director-right {
  padding-right: 0;
}
.info-widget.style-10 .content-text {
  font-size: 25px;
}
.director-section .dz-media img {
  height: 219px;
}
.director-section .tab-contents ul.list-check-circle li {
  line-height: 1.5;
}
.owl-nav button {
  height: 40px;
  width: 40px;
}
.owl-nav button.owl-prev, .owl-nav button.owl-next {
  font-size: 16px !important;
}
.about-topresion-section .dz-media img {
    mask-image: none !important;
    -webkit-mask-image: none !important;
}
.director-section .section-head.style-1 .title {
  font-size: 20px;
  padding-right: 43px;
}
.solution-similar .item .mb-4 {
  margin-bottom: 0 !important;
}
.product_card {
  margin-bottom: 0;
}
.mobile_show {
  margin-bottom: 30px;
}
.ScheduleSection .container {
  margin-top: 148px;
}
.technology-visualizing-section .item1 {
  display: block !important;
}
.technology-visualizing-section .item1 .info-widget.style-5 {
  margin-bottom: 10px;
}
.solution-detail_section .heading-box h2 {
  font-size: 18px;
}
.herobanner-products .card.product_card {
  max-width: 280px;

}
.ndustries-we-serve-section #industrywe-serve {
  margin-top: 54px;
}
.policy_list li::before {
  top: 5px;
  height: 8px;
  width: 8px;
}
  }
  @media(max-width:413px){
    .ScheduleSection .container {
      margin-top: 133px;
  }
  }
  
  @media(max-width:374px){
    .ScheduleSection .container {
      margin-top: 120px;
  }
  .herobanner-products .card.product_card {
    max-width: 220px;
    margin: 0 auto;
}
  }
  
/* Add this at the end of your main CSS file */
.side-bar {
    position: sticky;
    top: 20px; /* Adjust as needed */
    max-height: calc(100vh - 20px);
    overflow-y: auto;
}