p.parsley-success {color: #ea5455;background-color: #DFF0D8;border: 1px solid #ea5455;font-size: 15px;}
p.parsley-error {color: #ea5455;background-color: #F2DEDE;border: 1px solid #ea5455;font-size: 15px;}
ul.parsley-errors-list {list-style: none;color: #ea5455;padding-left: 0;font-size: 15px;}
.seo-slider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
     background:#003f8c !important;
}
body{
  font-family: "Poppins", sans-serif;
}
  .top-message{  margin-top: -51px;}
#industries-footer{
  margin-left: 67px !important;
}
.font-bold11{
  font-weight: 400;
}
    .xl\:col-span-333 {
        grid-column: span 2 / span 3;
    }
@keyframes pop {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}
.social-icon-header1{
    animation: pop 0.4s ease !important;
}
.social-icon:hover {
  animation: pop 0.4s ease;
  background-color: #1877f2; 
  color: white;
}
.social-icon1:hover {
  animation: pop 0.4s ease;
  background-color: #1877f2; 
  color: white;
}
.social-icon2:hover {
  animation: pop 0.4s ease;
  background-color: #1877f2; 
  color: white;
}
.social-icon3:hover {
  animation: pop 0.4s ease;
  background-color: #1877f2;
  color: white;
}
.social-icon4:hover {
  animation: pop 0.4s ease;
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  color: white;
}

.bg-color{
  background-color: #004ECC !important;
}
.fa-file-al i:hover{
  color: #000 !important;
}
.mobile-only-break {
  display: inline;
}
.a:hover .fa-solid {
  color: #295be2;
}
.a:hover .fa-whatsapp{
    color: #25d366;
}
.fa-solid.active {
  color: #295be2 !important;
}
.fa-whatsapp.active{
    color: #25d366 !important;
}
.image-hover {
  width: 15px;
  height: 15px;
  background-image: url('../images/registration.png');
  background-size: cover;
  background-position: center;
}
.image-hover:hover {
  background-image: url('../images/registration_hover.png');
}
.image-hover.active {
  background-image: url('../images/registration_hover.png');
}
@media (max-width: 768px) {
  .mobile-only-break {
    display: block;
  }
  .top-message{  margin-top: 0px;}
  .footer-top-image{
        margin-top: 29rem !important;
  }
  .btn-success {
    color: #fff !important;
    background-color: #004ECC !important;
    border-color: #004ECC !important;
    width: 100% !important;
}
}
@media (max-width: 768px) {
  #footer-color img {
    flex: 2 2 20% !important;
    max-width: 20% !important; 
  }
  #industries-footer{
      margin-left: 0px !important;
  }
}
.flip-card {
    height: 550px;
}
.btn-success:hover
 {
    color: #004ECC !important;
    background-color: white !important;
    border-color: #004ECC !important;
}
.btn-success{
  height: 45px;
  width: 18%;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.5s;
    transform-style: preserve-3d; 
}
  .md\:col-span-66 {
      grid-column: span 7 / span 6;
  }
.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.5rem 1.25rem; 
    box-sizing: border-box;
}
.flip-card-back {
    transform: rotateY(180deg);
}
.branch-card {
  color: var(--white-color);
  padding: 5px 20px;
  width: 100%;
  min-height: 100px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: inline-block;
  margin: 0;
}
.border-t {
    /* border-top-width: 1px; */
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
#footer-color11 li,
#footer-color a,
#footer-color li ,.content{
    font-size: 15px;
}
.social-icon {
    background-color: #162748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 1.25rem; 
    transition: all 0.3s ease;
}
.social-icon-header1 {
    background-color: white !important;
}
.social-icon-header2 {
    background-color: white !important;
}
.social-icon-header3 {
    background-color: white !important;
}
.social-icon-header4 {
    background-color: white !important;
}
.social-icon-header5 {
    background-color: white !important;
}
.social-icon-header1:hover {
    background-color: #4267b2  !important;
    color: white !important;
}
.social-icon-header2:hover{
    background-color: #1da1f2 !important;
    color: white !important;
}
.social-icon-header3:hover {
    background-color: #25d366 !important;
    color: white !important;
}
.social-icon-header4:hover {
    background-color: #0077b5 !important;
     color: white !important;
}
.social-icon-header5:hover {
     background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
     color: white !important;
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animate-fade-in-up {
  animation: fade-in-up 0.6s ease-out both;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 rgba(59, 130, 246, 0);
  }
  50% {
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.4);
  }
}
.hover\:animate-pulse-glow:hover {
  animation: pulse-glow 1.2s infinite ease-in-out;
}

.social-icon:hover {
    background-color: #4267b2;
    color: white;
    font-size: 1.5rem; 
}
.social-icon1:hover {
    background-color: #1da1f2;
    color: white;
    font-size: 1.5rem; 
}
.social-icon1 {
    background-color: #162748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 1.25rem; 
    transition: all 0.3s ease;
}
.social-icon2:hover {
    background-color: #25d366;
    color: white;
    font-size: 1.5rem; 
}
.social-icon2 {
    background-color: #162748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: black;
    font-size: 1.25rem; 
    transition: all 0.3s ease;
}
/* .fa-twitter:hover{
  color: black !important;
} */
.social-icon3:hover {
    background-color: #0077b5;
    color: white;
    font-size: 1.5rem; 
}
.social-icon3 {
    background-color: #162748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 1.25rem; 
    transition: all 0.3s ease;
}
.social-icon4 {
    background-color: #162748;
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 1.25rem; 
    transition: all 0.3s ease;
}
.footer-font-size{
font-size: 21px;
}
@media (max-width: 768px) {
    #footer-color .container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
}
.branch-card:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    transition:all 400ms ease !important;
    color: #fff;
}
#scrollToTopBtn {
    display: none;
    position: fixed; 
    bottom: 100px; 
    right: 30px; 
    z-index: 99; 
    background-color: #007bff;
    color: white; 
    border: none; 
    border-radius: 50%; 
    width: 50px; 
    height: 50px;
    font-size: 24px;
    cursor: pointer; 
    text-align: center; 
    line-height: 50px; 
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); 
    transition: background-color 0.3s, transform 0.3s; 
}
#svg {
  border: 1px solid rgba(255, 255, 255, 0.2); 
  background-color: rgba(255, 255, 255, 0.05); 
  padding: 1rem 2rem;
  display: inline-block;
  border-radius: 8px;
  font-style: italic;
  font-weight: 400;
  color: #ffffff;
}

 #pagetop-scroll.show
 {
    opacity: 1;
    visibility: visible;
}

#pagetop-scroll {
    display: inline-block;
    background-color:#11103e;
    width: 40px;
    height: 35px;
    text-align: center;
    position: fixed;
    bottom: 100px;
    right: 0px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 50px 0px 0px 50px;
    padding: 0px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-right: none !important;
}
#pagetop-scroll:hover{
  background-color: #004ECC;
}
#pagetop-scroll i {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-left: 5px;
}
.fa-angle-up:before {
    content: "\f106";
}
.allow-select {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}

#scrollToTopBtn:hover {
    background-color: #0056b3; 
    transform: scale(1.05);
}
.custom-card-image2 {
    width: 35%;
    height: fit-content;
    object-fit: contain;
}
.btn-primary1 {
    position: relative;
    z-index: 1;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: #003f8c !important;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.elementor-heading-title {
    line-height: normal !important;
    color: #191d63;
    font-weight: 600;
    font-size: 24px;
}
.schedule-demo{
  color: #1877f2;
    font-size: 20px;
}
.section-bgg {
    background-color: #F8F7F6 !important;
}
.section-bgg1{
    background-color: #003f8c !important;
    color: white !important;
}

.bg-primary {
    background-color: #1877F2 !important;
}
.bg-primary-onboarding {
    width: 30px; height: 30px; color: #1877F2;
}
#footer {
    background-image: url(../images/footerimage-2.png);
    background-size:100% 100%;
}
#indu {
  z-index: 10;
  position: relative;
}
.logo-img  {
height: 75px !important;
    object-fit: contain !important;
  }
@media only screen 
  and (max-width: 414px) 
  and (max-height: 719px) 
 {
 .logo-img {
   object-fit:contain !important;
   height: 80px !important;
  }
}
@media (max-width: 768px) {
    #footer {
          background-size:cover;

    }
    #footer-dark{
      margin-top: 400px !important;
    }
 .text-c{
text-align: center;
 }
    .elementor-widget-container{
      margin-left: 38px !important;
    }

  .custom-card-images{
      width: 100% !important;
}
.custom-card-image2 {
    width: 100% !important;
    height: fit-content;
    object-fit: contain;
}
    .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    position: fixed;
    top: 50%;
    left: 33% !important;
    transform: translate(-50%, -50%);
    animation: spin 2s linear infinite;
    z-index: 9999;
}
.py-20 {
    padding-top: 0rem;
    padding-bottom:0rem;
}
.top233{
      margin-top: -52px;

}
    .text{
      text-align: center;
    }
    #our-value{
      padding: 1px 1px 0px 5px;
    }
    #our-value-heading{

      padding: 5px 18px 0px 27px;
    }
 #slider{
  margin-top: 30px;
 }
}
/* .text-center img
 {
    background-color: #61CE70;
}
.text-center img{
    background-color: #004ECC;
    border-radius: 50%;
    color: #FFFFFF;
} */
#texting{
  font-size: 24px;
  font-weight: 500;
  color: #152544;
}
#texting1{
 font-size: 18px;
    line-height: 32px;
}
.fs-20{
  font-size: 20px;
}
.rounded-xl {
    border-radius: 40px !important;
}
.btn-primary1-icon i {
    --tw-text-opacity: 1;
    color: #003f8c !important;
}
.sub-footer .container {

  white-space: nowrap;
  overflow-x: auto;
  align-items: center;
  justify-content: space-between;
}
.py-200 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.btn-primary1:before
 {
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 50%;
    z-index: -1;
    height: 100%;
    width: 1px;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: #003f8c !important;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    content: "";
}
.text-primary-red {
    --tw-text-opacity: 1;
    color:#003f8c ;
}
.document-list {
      color: #333;
      font-family: Arial, sans-serif;
      line-height: 1.6;
      margin-left: 20px;
    }

    .document-list li {
      margin-bottom: 8px;
    }
.list-inside1 li:before {
  content: '✓';
  color:#003f8c;
}
.list-inside11 li {
  list-style-type:circle !important;
      margin-left: 18px;

}
.hover\:bg-primary-indigo:hover {
    --tw-bg-opacity: 1;
    background-color: #003f8c !important;
}
.centered-list {
    width: fit-content; /* Or a specific pixel width, e.g., 200px */
    margin: 0 auto; /* Centers the block element */
    list-style: none; /* Removes default bullet points if desired */
    padding: 0; /* Removes default padding if desired */
  }

  /* Optional: For the text inside the list items to also be centered */
  .centered-list li {
    text-align: center;
  }
.heading{
  background-color:#003f8c;
}
.font-semibold {
    font-weight: 600;
}
.rounde-lg {
    border-radius: 25px !important;
}
.heading-size{
   font-size: 16px;
    display: block;
    font-weight: 600;
}
.heading-content{
     display: block;
    font-size: 13px;
    line-height: normal;
}
.btn-primary11:hover {
    color:#004ECC!important;
    background-color:#fff!important;
    border-color: #004ECC !important;
}

.btn-primary11 {
    color: #fff !important;
    background-color: #004ECC !important;
    border-color: #004ECC!important;
}
.elementskit-btn {
    color: #004ECC !important;
    border: 1px solid #004ECC !important;
    padding: 5px 10px !important;
    border-radius: 35px !important;
    transition: all 400ms ease !important;
    background: transparent !important;
    line-height: normal !important;
}
.dot-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  width: 120px;
  z-index: 9999;
}

.dot-loader span {
  width: 20px;
  height: 20px;
  margin: 0 5px;
  background-color: #003f8c;
  border-radius: 50%;
  animation: bounce 0.6s infinite alternate;
}

.dot-loader span:nth-child(2) {
  animation-delay: 0.2s;
}

.dot-loader span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes bounce {
  from {
    transform: translateY(0);
    opacity: 0.6;
  }
  to {
    transform: translateY(-20px);
    opacity: 1;
  }
}
.elementskit-btn {
    color: white !important;
    background: #004ECC !important;
    border: 1px solid #004ECC !important;
    padding: 5px 10px !important;
    border-radius: 35px !important;
}
.btn11 {
    margin-right: 0.07rem !important;
    margin-left: 0.07rem !important;
    margin-bottom: 0.5rem !important;
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: 0.5rem 1rem 0.5rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: 100px !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    cursor: pointer !important;
    text-transform: none !important;
    overflow: visible !important;
    outline: none !important;
    transition: var(--transaction) !important;
}
.responsive-image {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.pricing-item-link {
    display: block; 
    border-bottom: 1px solid #f6f6f6 !important;
 min-width: 300px !important;
   padding: 10px 15px !important;
   font-size: 15px;
       font-weight: 400 !important;
    color: #000000;
}

.pricing-item-link:hover {
    color: #707070 !important; 
  background-color: rgb(246, 246, 247) !important;
}
.p-4{
 padding:  10px 15px 10px 15px !important;

}
/* Add this to your CSS file */
.hs-dropdown-menu {
    min-width: 300px !important; /* Set the minimum width */
}
#heading{
  color:#000000;
}
a {
     color: inherit !important; 
    text-decoration: none !important;
}
@media (min-width: 640px) {
    .sm\:pt-28 {
        padding-top: 3rem !important;
    }
}
@media (min-width: 640px) {
    .sm\:pt-28 {
        padding-top: 3rem !important;
    }

}

.bg-white {
    --tw-bg-opacity: 1;
    background: white;
}
.border-gray-800 {
 border-top: 5px solid #1877F2 !important;
}
@media (min-width: 1024px) {
      .lg\:text-lg {
     
        /* line-height: 1.75rem; */
        font-size: 16px;
    }
  }
.section-title5 h5 {
    position: relative;
    margin-bottom: .75rem;
    display: inline-block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #003f8c;
}
.section-title5 a {
    position: relative;
    margin-bottom: .75rem;
    display: inline-block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #003f8c;
}
.section-title h2 {
   color: #003f8c !important;
}
#button{

  color: white !important;
}
.text-primary-indigo
 {
    --tw-text-opacity: 1;
    color:#003f8c;
    font-size: 30px !important;
}
.text-primary-pink {
    --tw-text-opacity: 1;
    color: rgb(var(--primary-pink) / var(--tw-text-opacity));
        font-size: 30px !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background:#003f8c;
}
.dropdown-menu-scrollbar {
  max-height: 600px !important;
  overflow-y: auto !important;
}

.dropdown-menu-scrollbar::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important;
}

.dropdown-menu-scrollbar:is(.dark *)::-webkit-scrollbar-thumb {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(115 115 115 / var(--tw-bg-opacity)) !important;
}

.dropdown-menu-scrollbar::-webkit-scrollbar-track {
  background-color: transparent !important;
}

.dropdown-menu-scrollbar:is(.dark *)::-webkit-scrollbar-track {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(64 64 64 / var(--tw-bg-opacity)) !important;
}

.dropdown-menu-scrollbar::-webkit-scrollbar {
  width: 0.25rem !important;
}

.hs-dropdown.open > .hs-dropdown-open\:opacity-100,
.hs-dropdown.open > .hs-dropdown-toggle .hs-dropdown-open\:opacity-100,
.hs-dropdown.open > .hs-dropdown-menu > .hs-dropdown-open\:opacity-100 {
  opacity: 1 !important;
}

.hs-accordion.active.hs-accordion-active\:-rotate-45 {
  --tw-rotate: -45deg !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hs-accordion.active.hs-accordion-active\:bg-primary-indigo {
  --tw-bg-opacity: 1 !important;
  background-color: #003f8c;
}

.hs-accordion.active.hs-accordion-active\:text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.hs-accordion.active.hs-accordion-active\:text-primary-blue {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--primary-blue) / var(--tw-text-opacity)) !important;
}

.hs-accordion.active.hs-accordion-active\:text-primary-indigo {
  --tw-text-opacity: 1 !important;
  color:#003f8c !important;
}

.hs-accordion.active.hs-accordion-active\:text-primary-orange-hover {
  --tw-text-opacity: 1 !important;
  color:#003f8c !important;
}

.hs-accordion.active.hs-accordion-active\:text-primary-purple {
  --tw-text-opacity: 1 !important;
  color: rgb(var(--primary-purple) / var(--tw-text-opacity)) !important;
}

.hs-accordion.active.hs-accordion-active\:text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.hs-accordion.active.after\:hs-accordion-active\:hidden:after {
  content: var(--tw-content) !important;
  display: none !important;
}

.hs-accordion.active > .hs-accordion-active\:-rotate-45 {
  --tw-rotate: -45deg !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}

.hs-accordion.active > .hs-accordion-active\:bg-primary-indigo {
  --tw-bg-opacity: 1 !important;
  background-color: #003f8c !important;
}
.hover\:\!text-primary-indigo:hover{
   color: #004ECC !important;
}
.hover\:bg-primary-indigo-hover:hover {
    --tw-bg-opacity: 1;
    background-color: #003f8c !important;
}
.blog-section .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
     background-color: #003f8c !important;
}
.bg-primary-indigo1{
  background-color: #004ECC !important;
}


/* footer{
  background:#003f8c !important;
} */
::selection

 {
    background: #72c421 !important;
}

.primary1 {
    position: relative;
    z-index: 1;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem;
    border-color: transparent;
    --tw-bg-opacity: 1;
    background-color: #003f8c;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
}
.group:hover .group-hover\:text-primary-orange-hover {
    --tw-text-opacity: 1;
    color:#003f8c !important;
}
.primary1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}
.process-hover:hover:before {
    inset-inline-start: 0px;
    bottom: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    border-radius: 7px;
}
#images_industries img {
     width: 84% !important; 
    object-fit: cover !important;
    height: 100px !important;
}
#images_industries1 img {
    height: 200px; /* Set your desired fixed height */
    width: 100%; /* Keeps aspect ratio */
    object-fit: cover; /* Or 'contain', depending on your design */
    display: block;
    margin: 0 auto; /* Optional: center images */
    border-radius: 30px;
}

.image-half {
  border-left: 1px solid #ccc !important;
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
  height: 192px; /* Tailwind h-48 */
  overflow: hidden;
}

.sec_tile img{
  object-fit: contain !important;
}
.after\:bg-black\/40:after {
    content: var(--tw-content);
   background: none !important;
}
.small-image{
      width: 69% !important;
}
#footer-color:hover{
color: white !important;
}
#footer-color{
  color: white !important;
}
.fa{
      color: white !important;
}
#background a{
  /* color:#003f8c !important; */
    font-size: 15px;
  
}
.link-with-separator::after {
    /* content: "|"; */
    color: #1e40af; /* Tailwind's text-blue-800 color */
    margin: 0 0.5rem; /* Adjust horizontal spacing as needed */
}

.link-with-separator:last-of-type::after {
    content: none;
}
#footer-color11 a {
    color: white !important;
    text-decoration: none;
    transition: color 0.3s ease;
}
#footer-color11 a:hover {
    color: white !important; 
}
#legal a:hover{
  color: #004ECC !important;
}
#legal11{
  color: #003f8c !important;
}
.group\/inner:hover .group-hover\/inner\:fill-primary-indigo {
    fill: #004ECC !important;
}
  @keyframes spin {
    to { transform: rotate(360deg) !important;}
  }
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: black;
}
.custom-width-801 {
    width: 54% !important;
   margin-left: -28px !important; 
}
.py-200
 {
    padding-top: 1rem;
    padding-bottom: 0rem;
}
@media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #legal11{
      margin-top: 91px !important;
    }
}

@media only screen 
  and (min-device-width: 912px) 
  and (max-device-width: 1368px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    #legal11{
      margin-top: 91px !important;
    }
}



@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  #legal11 {
    margin-top: 91px !important;
  }
}

@media (min-width: 768px) {
    .md\:py-10 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }
}

@keyframes spin {
    0% { transform: rotate(0deg); } /* Only rotate from 0 */
    100% { transform: rotate(360deg); } /* To 360 degrees */
}
h5 {
    font-size: 30px;
}
.after\:bg-primary-red:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #003f8c;
}
.process-hover:before {
    visibility: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    inset-inline-start: 50%;
    z-index: -1;
    height: 100%;
    width: 1px;
    border-radius: .5rem;
    --tw-bg-opacity: 1;
    background-color: #003f8c;
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    content: "";
}
.text-primary-indigo11
 {
    --tw-text-opacity: 1;
    color: #003f8c;
    font-size: 22px !important;
}
.text-mg{
font-size: 28px !important; 
line-height: 0.75rem !important;
color: #003f8c;;
}
#header{
  /*margin-right: -218px !important;*/
  margin-right: -80px !important;
}
.p-33 {
    padding: 0.7rem !important;
}.custom-width-80 {
      width: 1200px;
}
     #custom-service-box {
    padding: 12px; 
    border-top: 0.1875rem solid transparent; 
    box-sizing: border-box; 
}

#custom-service-box:hover {
    border-radius: 8px !important;
    padding: 12px; 
    background-color:#f2f3f6;
}
#custom-service-box:hover img {
    border-radius: 5px;
    background: #fff;
}
.bg-primary-red-light {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8 !important;
}
.text11{
  font-size: 14px !important;
}
.primary1:hover {
    --tw-translate-y: -.375rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.entry-content {

    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important; 
    -webkit-box-orient: vertical !important; 
  }
  .hover\:bg-primary-pink:hover {
    --tw-bg-opacity: 1 !important;
    background:#003f8c !important;
      color: #003f8c !important;
}
.testimonials5-section .swiper-slide {
  border: 2px solid transparent; /* Add default border */
  transition: border-color 0.3s ease;
}
.group-hover:hover{
  color: #003f8c !important;
}
.testimonials5-section .swiper-slide-active {
  background: none !important;
  color: #003f8c !important;
  border-color: #003f8c !important; /* Your desired border color */
}

.testimonials5-section .swiper-slide-active p, .testimonials5-section .swiper-slide-active a {
    --tw-text-opacity: 1;
    color:#003f8c !important;
}
.section-title5 h5 {
    position: relative;
    margin-bottom: .75rem;
    display: inline-block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color:#003f8c;
}
.section-title5 h5:after {
    position: absolute;
    bottom: -1px;
    height: .125rem;
    width: 1.5rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #003f8c;
}
.bg-primary-red-light {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary-orange-hover-light) / var(--tw-bg-opacity));
}
.hover\:bg-primary-orange-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(var(--primary-orange-hover-hover) / var(--tw-bg-opacity));
}
.text-primary-orange-hover {
    --tw-text-opacity: 1;
    color: rgb(var(--primary-orange-hover-hover) / var(--tw-text-opacity));
}
.section-header {
  text-align: center;
  margin-bottom: 50px;
}
.text-md {
    font-size: 16px !important;
}
.section-header h5 {
  font-size: 28px;
  color:#003f8c !important;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}
.w-14 {
    width: 2.5rem !important;
}

@keyframes pulse-border {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); 
    }
    70% {
        box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); 
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); 
    }
}
.btn-whatsapp-pulse-border {
    bottom: 15px;
    right: 15px;
    animation-play-state: paused;
}
.btn-whatsapp-pulse-border::before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 25px;
    border: 3px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.1s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}
.fa.fa-pinterest-p, .fa.fa-whatsapp {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}
.btn-whatsapp-pulse {
    background: #25d366;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 28px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 7;
}
.chat-bubble {
      position: fixed;
      bottom: 90px;
      right: 25px;
      background-color: #ffffff;
      color: #333;
      border-radius: 10px;
      padding: 12px 15px;
      font-size: 14px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
      display: none;
      max-width: 250px;
      z-index: 998;
      animation: fadeIn 0.3s ease-in-out;
    }
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
    .btn-whatsapp-pulse:hover + .chat-bubble {
      display: block;
    }
    @media (max-width: 600px) {
      .chat-bubble {
        right: 15px;
        bottom: 85px;
        max-width: 200px;
      }
    }
.whatsapp-float {
    bottom: 20px;
    right: 20px;
    z-index: 999;
    background-color: #25D366;
    position: fixed; 
    border-radius: 50%;
    padding: 15px; 
    border: 3px solid #25d366;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.1s; 
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.product-box:hover {
    transform: scale(1.05, 1.05);
    z-index: 9999;
    border: 1px solid #004ECC;
}

.whatsapp-float img {
    display: block;

}
.h-14 {
    height: 2.5rem !important;
}
.bg-img-cover {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.page-header-ui-dark {
    color: #fff !important; 
    background-color: #212832 !important;
}
.overlay-90:before
 {
    opacity: .9;
}

.overlay-primary:before {
    background-color:#004ECC!important;
}
.overlay:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
}
.page-header-ui {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.section-header h5::after {
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  background-color:rgb(var(--primary-orange-hover) / var(--tw-text-opacity)) !important;
  margin: 10px auto 0;
}

.features-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}
.section-title h5:after {
    position: absolute;
    bottom: -1px;
    height: .125rem;
    width: 1.5rem;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: #003f8c;
}
/* a:hover{
  color: #004ECC !important;
} */
.feature-box {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 35px 20px 30px;
  text-align: center;
  width: calc(33.333% - 30px);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1), 0 16px 32px rgba(0, 0, 0, 0.15);

  transition: all 0.4s ease-in-out;
  background: linear-gradient(148deg, #ffffff 0%, #f5f5f5 86%) !important;
  color: #333333;
  border: 1px solid #eeeeee;
}
.group:hover .group-hover\:fill-white {
    fill: #003f8c !important;
}
.section-title h5 {
    position: relative;
    margin-bottom: .75rem;
    display: inline-block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #090B0E !important;
}
.feature-box:hover {
  background: linear-gradient(148deg, #fefefe 0%, #f0f0f0 86%) !important;
  color: #222222;
  box-shadow: 0px 7px 32px rgba(0, 0, 0, 0.08);
}
.feature-box:hover h3,
.feature-box:hover p {
  color: black !important;
}
.section-header h5::after {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    background-color: #003f8c !important;
    margin: 10px auto 0;
}
.feature-box h3,
.feature-box p {
  color: black !important;
}
.icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background-color: #cddaf4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease;
}
.feature-box:hover .icon {
  background-color: #fff;
  transform: rotateY(180deg);
}

.feature-box h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 12px;
}
.feature-box p {
  font-size: 15px;
  color: #fff;
}
.pricing-grid-material {
     margin: 60px 0;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 24px; 
}
.pricing-card-material {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 
    0 2px 4px rgba(0, 0, 0, 0.1),
    0 8px 16px rgba(0, 0, 0, 0.12),
    0 12px 24px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
}
.pricing-card-material:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
.pricing-card-material {
    display: flex;
    flex-direction: column;
    justify-content: space-between; 
    height: 100%; 
}

.pricing-card-material:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}
.pricing-card-footer {
    margin-top: auto;
}
.py-282
 {
    padding-top: 3rem;
    padding-bottom: 7rem;
}



.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 9999px;
    border-width: 1px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    -webkit-padding-start: 1rem;
    padding-inline-start: 1rem;
    -webkit-padding-end: .5rem;
    padding-inline-end: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
}
.pricing-icon-circle {
    width: 36% !important;
    height: 36% !important;
    display: flex;
    align-items: center;
    object-fit: contain;
    justify-content: center;
    margin-bottom: 20px;
    overflow: hidden;
    transition: background-color 0.3s ease;
}
.h44{
    height: 32px !important;
    width: 32px;
}
.pricing-icon-circle img {
    object-fit: contain;
        border-radius: 50%;
}
@media (max-width: 768px) {
  .bg-mobile-cover {
    background-position: center !important;
    background-size: cover !important;
  }
 .text11{
  font-size: 17px !important;
} 

#one {
    font-size: 15px !important;
}
.py-288{
    padding-top: 7rem !important; 
    padding-bottom: 12rem !important;
}
.py-2888{
    padding-top: 7rem !important; 
    padding-bottom: 14rem !important;
}
.custom-card-images1{
      width: 100% !important;
}
  #header{
  margin-right: 0 !important;
}
  #slider-img{
    height: 300px !important;
  }
  #three{
    width: 100% !important;
  }
  .form{
    margin-top: -90px !important;
  }
  #address{
        display: contents !important;
  }
  .h-14 {
    height: 1.5rem !important;
}

.w-14 {
    width: 1.5rem !important;
}
#font-text{
    font-size: 55px !important;
    line-height: 2.25rem;
}
svg{
  width: 15px !important;
}
    #trends{
          margin-top: -324px !important;

    }
    .pt-16 {
    padding-top: 0rem !important;
}
}
.text-xl2 {
    font-size: 29px;
    line-height: 1.75rem;
}
.pricing-material-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    color: #333;
}
   .inner-banner-wrap {
    background: #1877F2 !important;
    background-image: url(../images/lines.svg) !important;
    color: white !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    border-radius: 35px !important;
    margin: auto !important;
    width: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
   .inner-banner-wrap1 {
    background: #004ecc  !important;
    background-image: url(../images/lines.svg) !important;
    color: white !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    border-radius: 35px !important;
    margin: auto !important;
    width: 100% !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.images_conatct{
    background: #1877F2 !important;
    background-image: url(../images/pinnacle.jpg) !important;
  
    background-repeat: no-repeat !important;
}


    .row {
    display: flex;
    flex-wrap: unset !important; 
    margin-top: calc(-1 * var(--bs-gutter-y));
    justify-content: center;
    flex-direction: row-reverse;
    align-content: stretch;
    align-items: flex-start;
    }
    .pt-\[160px\] {
    padding-top: 160px;
}


.bg-cover {
    background-size: 100% 100% !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header1\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header2\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header3\.png\'\)\]
 {
    background-image: url(../images/way_to_smartg.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header33\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header4\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header5\.png\'\)\]
 {
    background-image: url(../images/way_to_smartg.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header6\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.bg-\[url\(\'\.\.\/images\/bg\/inner-header7\.png\'\)\]
 {
    background-image: url(../images/way_to_smart.jpg) !important;
}
.h-12 {
    height: 4rem !important;
}
@media (min-width: 640px) {
    .sm\:py-28 {
        padding-top: 5rem;
        padding-bottom: 2rem

    }
    #sms{
      margin-left: 0px !important;
    }
}
@media (min-width: 1024) {
    #sms{
      margin-left: 300px !important;
    }
    #tdd{
      padding-left: 100px !important;
    }

}
@media screen and (max-width: 768px) {
   #no {
    margin-right: 27rem !important;
    font-size: 12px !important;
}
.bg-cover{
  background-size: cover!important;
}


.h-12 {
    height: 3rem !important;
}
#footer{
        background-position:unset !important;
}
#sms{
      margin-left: 0px !important;
    }
    #bg-footer {
        height: 282px !important;
        width: 97% !important;
        margin-left: 4px !important;
        border-radius: 25px !important;
        /* margin-top: -148px; */
    }
#branch{
  margin-right: 180px !important;

}
#indu{
      width: 100% !important;

}
#tdd{
  padding-left: 0px !important;
}

.gap-442 {
    gap: 2px !important;
}
.flex-wrap.sm{
flex-wrap: nowrap;
}
/* #partners{
      margin-top: -78px !important;
} */
#contact{
  margin-left: 0px !important;
}
#To{
    margin-left: -87px !important;
    margin-top: 50px !important;
}

}

.pricing-material-desc {
    font-size: 15px;
    color: #666;
    margin-bottom: 20px;
    line-height: 1.5;
}
.pricing-material-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
    background: #003f8c;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.3s ease;
}
.bg-primary-indigo {
    --tw-bg-opacity: 1;
    background-color: #003f8c;
}

.pricing-material-btn i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.pricing-material-btn:hover {
    background: #003f8c;
}
.focus\:bg-primary-indigo:focus
 {
    --tw-bg-opacity: 1;
   background: #003f8c;
}

.section-title h5 {
    position: relative;
    margin-bottom: .75rem;
    display: inline-block;
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #003f8c !important;
}
.bg2{
    color: #003f8c !important;
}
.bg2:hover{
      color: #004ECC !important;
}
.messageing h2{
   color: #003f8c !important;
}
.messageing :hover h2{
   color: #004ECC !important;
}
.pricing-material-btn:hover i {
    transform: translateX(4px);
}
.hover\:bg-primary-orange-hover:hover
 {
    --tw-bg-opacity: 1;
    background-color: #003f8c;
}
.hs-accordion.active>.hs-accordion-toggle.hs-accordion-active\:text-primary-indigo {
    --tw-text-opacity: 1;
    color: #004ECC  !important;
}
#no{
      margin-left: 33rem !important;

}
.bg1{
  color: #003f8c !important;
}
#background{
  background:#ffff !important;
}
.theme-1-background {
    background-image:none !important;
    background-image:none !important;
    --tw-gradient-from: rgb(238, 231, 247) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to: rgb(238 231 247 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(238, 231, 247) var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to: rgb(226, 245, 244) var(--tw-gradient-to-position);
}
.faq{
      color: white ! important;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:100px;
	right:20px;
  background-color: #25D366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.btn-light {
    color: #004ECC !important;
    background-color:white !important;
    border-color:#f8f9fa!important;
    transition: var(--transaction) !important;
}
.btn-light:hover {
    color: white !important;
    border-color: white !important;
    background-color: transparent !important;
}
.btn {
    /* margin-right: 0.07rem !important; */
    margin-left: 0.07rem !important;
    margin-bottom: 0.5rem !important;
    display: inline-block !important;
    font-weight: 400 !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    border: 1px solid transparent !important;
    padding: -1.5rem 0rem -0.5rem 0rem !important;
    font-size: 1rem !important;
    line-height: 1.5 !important;
    border-radius: 100px !important;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    cursor: pointer !important;
    text-transform: none !important;
    overflow: visible !important;
    outline: none !important;
    transition: var(--transaction) !important;
}
.my-float{
	margin-top:16px;
}
#svg{
  font-size: 35px !important;
  font-weight: 600 !important;
}
.mb-12
 {
    margin-bottom: 4rem;
}
.text-base {
    font-size: 18px;
    line-height: 31px;
   color: black;
}
.w-322 {
    width: 100px;
}
.w-322 {
    height: 100px;
}
#sv{
  font-size: 34px;
    font-weight: 500;
    line-height: 1px;
}
    .lg\:grid-cols-44 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
#sv-2{
  color: #FFFFFF;
    font-size: 18px
}
.before\:bg-primary-indigo\/50:before {
    content: var(--tw-content);
    background-color: rgba(25, 29, 99, 0.5)! important;
}
.hover\:text-primary-orange-hover:hover {
    --tw-text-opacity: 1;
    color: #004ECC !important;
}
.group:hover .group-hover\:fill-primary-orange-hover {
    fill: white !important;
}
.py-201 {
    padding-top: 7rem;
    padding-bottom: 8rem;
}
.fons:hover{
  color: #004ECC !important;
}
#cont{
width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}
.text-xll {
    /* font-size: 1.25rem; */
    /* line-height: 1.75rem; */
    font-size: 17px;
    /* margin: 0; */
    /* padding: 0 !important; */
    width: 100%;
    font-weight: 400 !important;
    text-align: center;
}
.section-title h2 {
    margin-bottom: 1.25rem;
    /* font-size: 2.25rem; */
    line-height: 2.5rem;
    /* font-weight: 600; */
    font-size: 35px;
    font-weight: 600;
    line-height: 1.25;
}
#buisness{
  background: #f9f9f9 !important;
}
#Top{
        margin-top: -31px !important;
}
#to{margin-bottom: 75px;}    


.text-yellow-500 {
    --tw-text-opacity: 1;
    color: #003f8c !important;
}
@media (min-width: 1024px) {
    .lg\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))!important;
    }
}
.h-14 {
    height: 30px !important;
}

.w-14 {
    width: 30px !important;
}
#td{
  margin-left: 112px !important;
}
.duration-\[400ms\] {
    transition-duration: .30s !important;
}
#legal_Services{
  color:  #003f8c !important;
  font-size: 17px !important;
  line-height: 1.5rem;
}
#legal_about{
    color:  #003f8c !important;
}
#legal_about:hover{
  color:white !important;
}
#legal{
  color:  #003f8c !important;
}
#legal:hover{
  color: #004ECC !important;
}
.section-title1 h2 {
    margin-bottom: 2.25rem;
    /* font-size: 2.25rem; */
    line-height: 2.5rem;
    /* font-weight: 600; */
    font-size: 35px;
    font-weight: 600;
    line-height: 1.25;
}

.section-title1 h2 {
    color: #003f8c !important;
}
#legal1{
  color:  #003f8c !important;
  font-size: 24px !important;
}
li{
  cursor: pointer;
}
.bg-primary-orange-hover {
    --tw-bg-opacity: 1;
    background-color: #004ECC !important;
}
#top .elementor-icon-list-item:not(:first-child) {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #EEEEEE;
    padding-top: 10px; /* optional spacing */
    margin-top: 10px;  /* optional spacing */
}#top1 .elementor-icon-list-item:not(:first-child) {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: #EEEEEE;
    padding-top: 10px; /* optional spacing */
    margin-top: 10px;  /* optional spacing */
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color:#004ECC !important;
}

.hover-box:hover {
  color: #003f8c;
  border-left: 3px solid #3b82f6; 
  background-color: #f9f9f9 !important; 
}

.overlay-primary:before
 {
    background-color: #004ECC !important;
}
.overlay-90:before {
    opacity: .9 !important;
}

.elementor-kit-6{
  font-size: 15px;
}
.btn-success {
    color: #fff !important;
    background-color: #004ECC!important;
    border-color: #004ECC !important;
}

.page-template-industries-fullwidth .page-header-ui {
    position: relative;
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}
.gap-44 {
    gap: 200px !important;
}
.gap-442 {
    gap: 200px !important;
}
.gap-46{
  
    gap: 10rem !important;
}
#one{
      font-size: 31px;

}
.content:hover a{
  color: white !important;
}
.content a{
  color: #003f8c !important;
}

#top{
  margin-left: 50px !important; margin-top:20px !important;
}
#top1{
 margin-top:20px !important;
}
/* #background a {
    color: #003f8c !important;
} */
/* #background :hover{
    color: #004ECC !important;
} */
#background1 a {
    color: #003f8c ;
}
#background1 a:hover{
  color: white ;
}
.darkForm {
    background: #004ECC url(img/lines.svg) !important;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
}
.elementor-widget-container {
  display: flex;
  justify-content: center; /* Centers horizontally */
}

.elementor-icon-list-items {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left; /* or center if you want center-aligned text */
}

.elementor-icon-list-item {
  display: flex;
  align-items: center;
  gap: 8px; /* Space between icon and text */
  margin-bottom: 10px; /* Space between list items */
}

.elementor-icon-list-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-490 .elementor-element.elementor-element-6fe19f5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-490 .elementor-element.elementor-element-6fe19f5 .elementor-icon-list-item > a {
    line-height: 24px;
}
.listtop .elementor-widget .elementor-icon-list-icon + .elementor-icon-list-text {
    padding-left: 30px !important;
}
.elementor-490 .elementor-element.elementor-element-6fe19f5 .elementor-icon-list-text {
    transition: color 0.3s !important;
}
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-inline-start: 5px !important;
}
.elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-inline-start: 5px !important;
}
.section-bg {
     background: #f9f9f9;
}
.page-header-ui .page-header-ui-content .page-header-ui-title {
    font-size: 2.2rem;
    font-weight: 600;
}
.page-header-ui-dark .page-header-ui-title {
    color: #fff !important;
}
h1 {
    margin: .67em 0;
    font-size: 2em;
}
.bg-img-cover {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.page-header-ui-dark {
    color: #fff !important;
  
}
.page-header-ui-dark .page-header-ui-title {
    color: #fff !important;
} 
.page-header-ui {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.overlay, .page-header-ui, section {
    position: relative;
}
    .sm\:max-w-\[60\%\] {
        max-width: 86%;
    }

.overlay:before

 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
}
.rounded-lg {
    border-radius: 40px;
}
.overlay:before
 {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
}
    .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #003f8c !important;
    width: 120px;
    height: 120px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: spin 2s linear infinite;
    z-index: 9999;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.overlay-primary:before {
    background-color: #004ECC !important;
}

.client-slider .swiper-slide-active img {
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color:#003f8c;
}
.custom-card-image{
      width: 100% !important;
}
.custom-card-images{
      width: 40% ;
}
.custom-card-images1{
      width: 40% ;
}
.sec-bg{
  background-color:rgb(40, 105, 209) !important;
}
/* .custom-card-images img {
    height: 133px;
    width: 100%;
    object-fit: contain;
} */
.a :hover{
  color: #1DA1F2; 
}
#mt-10{
      margin-top: 23px;
}
a[aria-label="Facebook"]:hover i {
  color: #4267b2;
 
}
/* .px-6 {
    padding-left: 0.5rem;
    padding-right: 1.5rem;
} */
a[aria-label="Twitter"]:hover i {
  color: #1da1f2; 
  transition: color 0.3s ease;
}


a[aria-label="Instagram"]:hover i {
  color: #25d366;
  transition: color 0.3s ease;
}

a[aria-label="LinkedIn"]:hover i {
  color: #0077b5; 
  transition: color 0.3s ease;
}
a.text-blue-800:hover i {
  transform: scale(1.1);
  transition: transform 0.2s ease, color 0.3s ease;
}
span.active {
  color: #007aff; 
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
     .md\:text-5xl {
        font-size: 1.75rem;
    }
    #images_industries{
      max-width: 48% !important;
    }
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    .md\:text-5xl {
        font-size: 1.75rem;
    }
}

@media (max-width: 768px) {
    #footer-color11 .container {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    #tdd{
      margin-left: 10px !important;
    }  
    .pricing-grid-material
     {
        margin: 60px 0;
        padding: 0 16px;
        display: grid;
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 24px;
    }
}

.group {
  perspective: 1000px !important; 
}
.group-hover-rotate {
  transition: transform 0.4s ease !important;
  transform-style: preserve-3d !important;
}

.group-hover-rotate:hover {
  transform: rotateY(180deg) !important;
}