/* Theme standardization */
:root {
	--primary: #002c5f;
	--accent: #ff7b00;
}

.btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-primary:hover {
	background-color: #001f44;
	border-color: #001f44;
}

.navbar .nav-link.active, .navbar .nav-link:focus {
	color: var(--primary);
	text-decoration: underline;
}

.contact-btn, .contact-number {
	background-color: var(--accent);
	border-color: var(--accent);
}
.contact-btn:hover, .contact-number:hover {
	background-color: #e06f00;
	border-color: #e06f00;
}

/* Responsive media */
img, video { max-width: 100%; height: auto; }
.full-width-video, .full-width-image { width: 100%; height: auto; object-fit: cover; }

body {
    font-family: Arial, sans-serif;
    color: #859099;
}

.text-danger{
  color: #ff7b00 !important;
}
.navbar {
    padding: 10px 0;
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
}
.navbar-brand img {
    height: 60px;
}
.nav-link {
    color: #333 !important;
    margin: 0 10px;
    font-weight: 600;
}
.nav-link:hover {
    color: #023575 !important;
}
.contact-btn {
    border: 2px solid #ff7b00 !important;
    color: #000 !important;
    border-radius: 25px !important;
    padding: 9px 20px !important;
    font-weight: 700 !important;
}
/* .contact-btn:hover {
    background-color: #023575 !important;
    color: #fff !important;
} */
.btn-primary{
  font-weight: 700;
  font-size: 18px;
}

.navbar .dropdown-menu {
border: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 10px 0;
/* top: 100%; */
/* left: -620px !important; */
left: 52% !important; /* Center the menu */
transform: translateX(-54%); /* Shift left by 50% of its own width */
/* max-width: 1300px; */
width: 100vw;
margin-top: 10px;
/* margin-top: var(--bs-dropdown-spacer); */
}

.navbar .dropdown-menu1{
left: 53% !important;
transform: translateX(-63%);
    max-width: 100vw;
    width: 100vw;
}

.navbar .dropdown-item {
padding: 8px 20px;
transition: background-color 0.3s ease;
}

.navbar .dropdown-item:hover {
background-color: #f8f9fa;
}

.services-section .container{
padding: 20px;
}

/* Hero Section Styling */
.hero-section {
    margin-top: 50px;
}
.banner-section{
  height: 70vh; z-index: 1; position: relative;
}
.icon-title {
    margin-top: 10px;
    font-size: 1.1rem;
    font-weight: 600;
}
.icon-text {
    color: #666;
    font-size: 0.9rem;
}
.full-width-image {
    width: 101%;
    height: 71vh;
}

/* Third section */
.space, .space-top {
padding-top: var(--section-space);
}

.col-lg-3{
margin-top: 13px;
}

.counter-media {
display: flex;
align-items: center;
padding-top: 20px;
}

.counter-media__icon {
display: inline-block;
width: 75px;
height: 75px;
line-height: 75px;
text-align: center;
margin: 0 25px 0 0;
background-color: var(--theme-color);
border-radius: 5px;
}

.media-body {
flex: 1;
}

.counter-media__number {
line-height: 1;
margin: -0.04em 0 7px 0;
display: block;
}

.counter-media__title {
font-family: var(--title-font);
font-size: 16px;
font-weight: 600;
margin: 0;
line-height: 1;
text-transform: uppercase;
}

/* Fourth Section */
.bg-dark {
background-color: #0f1225 !important;
background-image: linear-gradient(to right, #0f1225, #0b268f);
background-size: cover;
background-position: center;
position: relative;
z-index: 1;
height: 40vh;
}

.bg-dark::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("./img/3-wht-hb.svg");
background-repeat: repeat;
background-size: 200px;
z-index: -1;
opacity: 0.1;
}

.text-primary {
color: #7367f0 !important;
}

.btn-primary {
background-color: #ff7b00 !important;
border-color: #ff7b00 !important;
color: #fff !important;
}

.btn-primary .right-shift:hover{
position: relative;
/* transition: 0.3s; */
left: 12px;
transform: scale(1.1);
}

/* .btn-primary:hover {
background-color: black !important;
border-color: white !important;
} */

.liner {
height: 140px;
width: 3px;
background-color: #6B54BF;
margin: 0 0px 0 auto;
}

/* Full-width Dropdown Styles */
.dropdown-menu-full {
position: absolute; /* Ensure the dropdown spans correctly */
top: 100%; /* Position it below the parent */
left: 0; /* Align it to the left side of the screen */
right: 0; /* Ensure it spans the full width */
width: 90vw; /* Full viewport width */
padding: 20px;
background-color: #f8f9fa;
border-radius: 0; /* Flat corners */
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.dropdown-menu-full .content-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.dropdown-menu-full .column {
flex: 1;
padding: 0 15px;
}
.dropdown-menu-full h6 {
font-weight: bold;
color: #023575;
margin-bottom: 15px;
}
.dropdown-menu-full a {
color: #6c757d;
text-decoration: none;
display: block;
margin-bottom: 8px;
transition: color 0.3s ease;
}
.dropdown-menu-full a:hover {
color: orange;
}

/* Custom styling for tabs */
.nav-tabs {
justify-content: center;
border-bottom: 2px solid #dee2e6;
}
.nav-tabs .nav-link {
border: none;
border-bottom: 2px solid transparent;
font-size: 18px;
font-weight: bold;
color: #6c757d;
padding: 12px 20px;
margin-left: 20%;
}
.nav-tabs .nav-link.active {
color: #ff7b00 !important;
border-color: #ff7b00;
background-color: transparent;
/* background-color: black; */
/* color: white !important; */
}

#sectionTabs .nav-item:hover{
background-color: rgb(246, 251, 255);
}

/* Styling for the content area */
.tab-content { 
background: #f8f9fa;
padding: 30px;
border-radius: 8px;
border: 1px solid #dee2e6;
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
background-color: #002c5f;
}
.tab-pane h3 {
color: white;
font-weight: bold;
text-align: center;
}
.tab-pane p {
text-align: center;
font-size: 16px;
color: white;
text-align: justify;
}
.tab-pane img {
display: block;
margin: 20px auto;
max-width: 80%;
border-radius: 8px;
height: 50vh;
}

/*  */
.iwrap {
position: relative;
width: 100%;
/* height: 100%; */
/* padding: 41px 20px 0; */
overflow: hidden;
background-color: white;
z-index: 2;
transition: 0.2s;
}

.b-arrow {
height: 12px;
position: absolute;
width: 34px;
left: 50%;
transform: translateX(-50%);
bottom: 0px;
z-index: 1;
transition: 0.3s;
}

.blue-light:hover {
opacity: 1;
}

.blue-light {
height: 5px;
width: 100%;
position: absolute;
bottom: -36px;
opacity: 0;
transition: 0.3s;
}


 /* We Assist */
  /* General Styling */
  .business-services {
    padding: 60px 20px;
    padding-bottom: 0px;
    /* background-color: #f8f9fa; */
  }

  .business-services h2 {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
    color: #023575; /* Bootstrap Primary Color */
  }

  .business-services h2 span {
    color: #ff7b00; /* Bootstrap Danger Color */
  }

  .business-services p {
    color: #6c757d; /* Bootstrap Secondary Text */
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .service-item {
    text-align: left;
    margin-bottom: 30px;
  }

  .service-item h3 {
    font-weight: bold;
    color: #023575;
    margin-top: 15px;
    font-size: 1rem;
  }

  .service-item p {
    color: #6c757d;
  }

  .service-item img {
    max-width: 70px;
    margin-bottom: 10px;
  }

  .explore-btn {
    background-color: #ff7b00 !important;
    color: #fff;
    padding: 10px 20px;
    font-weight: 700;
    border-radius: 25px;
    text-decoration: none;
    display: inline-block;
  }

  /* .explore-btn:hover {
    background-color: #023575;
    color: #fff;
  } */

  
 /* Our Development  */

   body {
       font-family: Arial, sans-serif;
   }
   .section-heading {
       text-align: center;
       font-weight: bold;
       font-size: 2rem;
   }
   .section-heading span {
       color: #ff7b00;
   }
   .process-step {
       text-align: center;
       padding: 20px;
   }
   .process-icon {
       background: #ff7b00;
       width: 100px;
       height: 100px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       margin: 0 auto 15px;
       font-size: 2rem;
       color: white;
   }
   .process-title {
       font-weight: bold;
       color: #1d3557;
       margin-top: 20px;
       color: white;
   }
   .process-text {
       color: #6c757d;
       font-size: 0.95rem;
       margin-top: 10px;
       color: white;
       /* text-align: justify; */
   }

 .contact-number {
background: #ff7b00 !important;
color: #fff !important;
padding: 10px 20px 10px 45px !important;
border-radius: 25px !important;
font-size: 14px !important;
font-weight: 700 !important;
/* color: #023575; */
text-decoration: none !important;
text-transform: uppercase;
position: relative;
overflow: hidden;
font-family: 'Poppins', sans-serif !important;
}

 .contact-number:before{
position: absolute;
display: block;
content: '';
width: 20px;
height: 20px;
top: 10px;
left: 18px;
z-index: 2;
pointer-events: none;
background-color: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
/* -webkit-box-shadow: 0 0 0 0 #ef323a; */
}

.contact-number:after{
position: absolute;
display: block;
content: '';
width: 20px;
height: 20px;
top: 10px;
left: 18px;
z-index: 2;
pointer-events: none;
background-color: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0 0 0 5px #023575;
box-shadow: inset 0 0 0 5px #023575;
box-shadow: inset 0 0 0 5px #fff;
}


 /* Our Commit & Gaurantee  */

  /* General Styling */
  .commitment-section {
    padding: 60px 20px;
    /* background-color: #f8f9fa; */
    text-align: center;
  }

  .commitment-section h2 {
    font-size: 2rem;
    font-weight: bold;
    color: #023575; /* Primary color */
  }

  .commitment-section h2 span {
    color: #ff7b00; /* Red for emphasis */
  }

  .commitment-section p {
    color: #6c757d; /* Secondary text color */
    margin-bottom: 40px;
    font-size: 1rem;
  }

  .commitment-card {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
  }

  .commitment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }

  .commitment-card img {
    max-width: 50px;
    margin-bottom: 15px;
  }

  .commitment-card h6 {
    font-weight: bold;
    color: #023575;
    margin-bottom: 10px;
  }

  .commitment-card p {
    color: #6c757d;
    font-size: 0.9rem;
  }





    /* Why Choose Us  */

  /* Section Styling */
  .why-choose-section {
    padding: 60px 75px;
    padding-bottom: 0px;
    background-color: #002855;;
  }

  .why-choose-section .row{
    max-width: 1200px;
  }

  .why-choose-section .testimonial-section{
    margin-left: 20px;
  }

  .why-choose-section h2 {
    font-size: 2rem;
    font-weight: 700;
    text-align: left;
    color: white; /* Dark Blue */
  } 

  .why-choose-section h2 span {
    color: #ff7b00; /* Red */
    font-weight: bold;
  }

  .why-choose-section p {
    font-size: 1rem;
    color: #6c757d; /* Gray */
    margin-bottom: 30px;
  }

  /* Features Grid */
  .features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
  }

  .feature-box {
    padding: 15px 20px;
    text-align: center;
    font-size: 0.9rem;
    font-weight: 600;
    color: black; /* Dark Blue */
    background-color: #f8f9fa; /* Light Background */
    border: 1px solid #e9ecef; /* Border */
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }



  /* Button Styling */
  .explore-btn1 {
    margin-top: 40px;
    text-align: center;
  }

  .explore-btn1 button {
    font-size: 1rem;
    font-weight: 700;
    padding: 12px 30px;
    color: #fff;
    background-color: #ff7b00 !important; /* Blue */
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    margin-bottom: 30px;
  }


  .testimonial-section {
      position: relative;
      max-width: 800px;
      margin: auto;
      height: 70vh;
  }
  .testimonial-section img{
    height: 61vh;
  }
  #testimonialCarousel{
      height: 23vh !important;
      padding-bottom: 0px !important;
  }
  .carousel-indicators button{
      margin-bottom: 15px;
  }

  .carousel-indicators{
    height: 20px;
  }
  .testimonial-text {
      background: white;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
      position: absolute;
      bottom: 157px;
      left: 25px;
      width: 90%;
      text-align: center;
  }
  .testimonial-text strong {
      color: #ff7b00;
  }
  .carousel-indicators {
      position: absolute;
      bottom: -30px;
      margin-bottom: 0rem !important;
  }

   
  /* Explore Latest Tech Blog  */
  /* Section Styling */
  .blog-section {
    padding: 60px 15px;
    background-color: #ffffff;
  }

  .blog-section h2 {
    font-size: 2rem;
    font-weight: 800;
    text-align: center;
    color: #002855; /* Dark Blue */
  }

  .blog-section h2 span {
    color: #e63946; /* Red */
  }

  .blog-section p {
    text-align: left;
    font-size: 0.9rem;
    color: #6c757d; /* Gray */
    margin-bottom: 40px;
  }

  /* Blog Cards */
  .blog-card {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }

  .blog-card:hover{
    background-color: #002855;
    color: white;
  }

  .blog-card:hover h5 ,.blog-card:hover .read-more ,.blog-card:hover p{
    color: white;
  }

  .blog-card:hover .read-more{
    border: 2px solid white;
  }

  .blog-card h5 {
    font-size: 1rem;
    font-weight: 600;
    color: #002855;
  }

  .blog-card .date {
    font-size: 0.8rem;
    color: #ff7b00; /* Red */
    font-weight: 700;
  }

  .blog-card p {
    font-size: 0.85rem;
    color: #6c757d; /* Gray */
    margin-top: 10px;
    line-height: 1.6;
  }

  .blog-card .read-more {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 20px;
    font-size: 0.9rem;
    font-weight: 600;
    color: #002855;
    border: 2px solid #002855;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
  }

  .blog-card .read-more:hover {
    background-color: #002855;
    color: #fff;
  }

    /* Footer Section */
  .footer {
    background-color: #002855; /* Light gray */
    padding: 40px 20px;
    font-size: 0.9rem;
    color: white;
    position: relative;
  }

  .footer .footer-logo h5 {
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
  }

  .footer .footer-logo p {
    margin-top: 10px;
    font-size: 0.85rem;
    color: white;
    line-height: 1.5;
  }

  .footer .footer-logo a {
    font-size: 0.9rem;
    color: #ff7b00; /* Red */
    text-decoration: none;
    font-weight: bold;
  }

  .footer .footer-logo a:hover {
    text-decoration: underline;
  }

  .footer h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 15px;
    color: white;
  }

  .footer ul {
    list-style: none;
    padding: 0;
  }

  .footer ul li {
    margin-bottom: 10px;
  }

  .footer ul li a {
    color: white;
    text-decoration: none;
  }

  .footer ul li a:hover {
    color: #ff7b00;
    text-decoration: underline;
  }

  .footer .contact-info {
    font-size: 0.9rem;
  }

  .footer .contact-info li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  .footer .contact-info li i {
    color: white;
    margin-right: 10px;
    font-size: 18px;
  }

  .footer .social-icons a {
    display: inline-block;
    margin: 5px;
    font-size: 1.2rem;
    color: white;
  }

  .footer .social-icons a:hover {
    color: #ff7b00;
  }

  .footer .copyright {
    text-align: center;
    font-size: 0.85rem;
    color: white;
    margin-top: 30px;
  }

  .footer .back-to-top {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background-color: white;
    color: black;
    border-radius: 50%;
    font-size: 1.2rem;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  }

  .footer .back-to-top:hover {
    background-color: #ff3200;
  }



  /* Service page */
  /* Services Section */
.services-section1 {
  background: url("./img/headerSection/group-multinational-busy-people-working-office_146671-15658.avif") center/cover no-repeat;
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: white;
}

/* Dark Overlay */
.services-section1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

/* Text Container */
.overlay {
  position: relative;
  z-index: 1;
  max-width: 800px;
  padding: 20px;
}

/* Title */
.title {
  font-size: 4rem;
  font-weight: bold;
  text-transform: uppercase;
}

/* Description */
.description1 {
  font-size: 1.4rem;
  margin-top: 10px;
}


 /* CTA SEction  */
   /* Section Styling */
.company-section {
background: #002b5c;
color: white;
text-align: center;
padding: 30px 20px;
}

/* Main Text */
.text-container h1 {
font-size: 2.5rem;
font-weight: bold;
}

.highlight {
color: #ff7b00;
}

/* Partners Logo */
.partners {
margin: 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}

.partners img {
max-height: 40px;
filter: brightness(0) invert(1);
}

/* Explore Button */
.button-container {
margin-top: 20px;
}

.explore-button {
background: #008cff;
color: white;
padding: 12px 20px;
border-radius: 30px;
text-decoration: none;
font-size: 1rem;
font-weight: bold;
display: inline-block;
transition: 0.3s;
}

.explore-button:hover {
background: #006bbf;
}

/* Featutres Section  */
  /* Awards Section */
.awards-section {
background: #002b5c;
color: white;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 20px;
flex-wrap: wrap;
}

/* Award Items */
.award {
flex: 1;
max-width: 280px;
padding: 20px;
}

.award img {
max-width: 90px;
margin-bottom: 20px;
}

.award h3 {
font-size: 1.1rem;
font-weight: bold;
}

.award p {
font-size: 0.9rem;
opacity: 0.8;
}

/* Divider Line */
.divider {
width: 1px;
height: 80px;
background: rgba(255, 255, 255, 0.3);
margin: 0 20px;
}

/* Responsive Design */
@media (max-width: 768px) {
.awards-section {
  flex-direction: column;
}

.divider {
  width: 60%;
  height: 1px;
  margin: 10px 0;
}
}


 /* Sucess Section  */
 /* Section Styling */
.success-section {
padding: 60px 20px;
color: #002b5c;
text-align: center;
}

.success-section a{
  text-decoration: none;
}

.success-section h1 {
font-size: 3.5rem;
font-weight: 900;
color: #002b5c;
}

.success-section .highlight {
color: #ff7b00;
}

.success-section p {
font-size: 1.2rem;
font-weight: 800;
margin-top: 10px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
color: #002b5c;
}

/* CTA Button */
.cta-button {
display: inline-block;
background: #ff7b00;
color: white;
font-size: 1rem;
font-weight: bold;
padding: 12px 25px;
border-radius: 30px;
text-decoration: none;
margin-top: 20px;
transition: 0.3s;
}

  /* Custom FAQ styling */
  .faq-section {
    /* background-color: #f8f9fa; */
    padding: 40px;
    padding-top: 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  }
  .faq-section h2 {
    /* color: #007bff; */
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  .faq-section h2{
    font-size: 2rem;
    color: #002855;
    text-transform: uppercase;
  }
  .faq-section p {
    text-align: center;
    font-size: 16px;
    color: #6c757d;
    margin-bottom: 40px;
  }
  .accordion-button {
    background-color: #ffffff;
    /* color: #007bff; */
    font-weight: bold;
    border: none;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
  }
  .accordion-button:hover {
    background-color: #e7f3ff;
  }
  .accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.5);
  }
  .accordion-body {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    color: #6c757d;
  }

  @media (max-width: 420px) {
    .services-section1{
      height: 300px;
    }
    .title{
      font-size: 2rem;
    }
    .description1 {
      font-size: 0.7rem;
    }
    .section-heading{
      font-size: 30px !important;
    }

    .text-container h1 {
      font-size: 1.4rem !important;
    }
    .business-services h2 {
      font-size: 1.5rem;
    }
  }



  /* Mobile */
  @media (max-width:477px){

    .navbar .dropdown-menu {
      width: 90vw !important;
      transform:none !important;
    }
    
    .navbar-brand img {
      height: 45px;
    }
    .margin-left-zero{
      margin-left: 0px !important;
    }

    .mobile-display-none{
      display: none;
    }
    .banner-section{
      height: 59vh;
    }
    .carousel-item img{
      height: 60vh;
    }
    section.stats-section{
      margin-top: 2rem !important;
      padding-top: 2rem !important;
      height: 41vh !important;
      padding-bottom: 2rem !important;
    }

    .stats-section h2{
      font-size: 1.5rem !important;
    }
    .stats-section h3{
      font-size: 1rem !important;
    }

    .stats-section p{
      font-size: 11px !important;
    }

    .commitment-section h2{
      font-size: 1.8rem !important;
    }
    .iwrap .nav-link{
      font-size: 10px;
      padding: 4px;
    }
    .tab-pane p{
      font-size: 13px !important;
    }
    .tab-pane img{
      margin: 10px auto !important;
      max-width: 100% !important;
      height: 30vh;
    }
    .testimonial-text{
      left: 16px !important;
      position: relative;
    }
    .business-services h2{
      font-size: 1.5rem;
    }
    .business-services p{
      font-size: 13px;
      margin-bottom: 15px;
      text-align: justify;
    }
    .service-item{
      margin-bottom: 0px;
      text-align: center;
    }
    .service-item h3 {
    margin-top: 0px;
    }
    .margin-top-mobile{
      margin-top: 12px !important;
    }
    .our-development{
      padding: 0px 20px;
    }
    .our-development h2{
      font-size: 1.5rem !important;
    }
    .our-development p{
      font-size: 13px !important;
      text-align: justify !important;
    }
    .process-step {
      padding: 0px;
    }
    .process-icon {
      width: 50px;
      height: 50px;
      font-size: 1.5rem;
    }
    .commitment-section{
      padding-top: 0px !important;
    }
    .commitment-section p {
      font-size: 14px;
      text-align: justify;
    }
    .why-choose-section{
      padding: 40px 20px;
    }
    .why-choose-section .testimonial-section{
      margin-left: 0px !important;
    }
  
    .why-choose-section h2{
      font-size: 1.6rem;
    }
    .why-choose-section .row.container{
      width: 105% !important;
    }
    .testimonial-section{
      height: 40vh;
      margin-top: 15px;
    }
    .testimonial-section img{
      height: 40vh;
    }
    .carousel-inner h5{
      font-size: 0.9rem;
    }
    .why-choose-section p{
      font-size: 0.7rem;
    }
    .why-choose-section .explore-btn1 button{
      margin-bottom: 0px;
      margin-top: 35px;
    }
    .blog-section h2{
      font-size: 1.7rem !important;
    }
    .blog-section{
      padding: 40px 15px !important;
    }
    .blog-section p{
      margin-bottom: 20px !important;
    }
    .certification-section.container{
      margin-top: 10px !important;
      margin-bottom: 10px !important;
    }
    .certification-section img{
      margin-bottom: 15px;
    }
    .faq-main-section.container{
      margin-top: 12px !important;
    }
    .faq-section {
    padding: 10px !important;
    }
    .faq-section h2{
      font-size: 1.9rem !important;
    }
    .faq-section p{
      font-size: 15px !important;
    }
    .faq-section .accordion-button{
      font-size: 0.9rem !important;
    }
    .accordion-body{
      font-size: 0.8rem !important;
    }

    /* Services Page */
    .success-section h1{
      font-size: 1.9rem !important;
    }
    .success-section p{
      font-size: 0.6rem !important;
    }
    .cta-button {
      font-size: 0.76rem !important;
      padding: 10px 10px !important;
      margin-top: 10px !important;
    }

    /* Web development */
    .custom-section .row{
      margin-left: 0px !important;
      margin-right: 0px !important;
    }
    .custom-heading{
      font-size: 40px !important;
      margin-top: 10px;
    }
    .custom-text {
      font-size: 13px !important;
      color: #6c757d !important;
      text-align: justify;
    }
    .custom-section{
      padding: 20px 10px !important;
    }
    .business-services{
      padding: 20px 10px;
      text-align: center;
    }
    .company-section .partners img{
      width: 80px !important;
      max-height: 80px !important;
    }

    .footer .row > div.col-md-3:nth-of-type(2) {
      padding-left: 25px !important;
    }

    .footer .footer-logo img {
      width: 190px !important;
  }

    .btn-custom {
        width: 180px !important;
        height: 40px !important;
        font-size: 12px !important;
        padding: 10px 5px !important;
}

  .shadow-sm{
    font-size: 14px !important;
  }
    
  }

   /* Header Button Effect  */
  
    .contact-number {
  background: #fff;
  padding: 10px 20px 10px 45px !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  font-family: 'Poppins', sans-serif !important;
  /* color: #023575 !important; */
  transition: all 0.3s ease-in-out;
  border-color: unset !important;
}

.contact-number:hover {
  background-color: #023575 !important;
  color: #fff !important;
}

/* Circle base */
.contact-number:before {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 10px;
  left: 18px;
  z-index: 2;
  border-radius: 50%;
  background-color: #000;
  animation: pulse-ring 1.5s infinite;
}

/* Inner ring */
.contact-number:after {
  position: absolute;
  content: '';
  width: 20px;
  height: 20px;
  top: 10px;
  left: 18px;
  z-index: 3;
  border-radius: 50%;
  background-color: transparent;
  box-shadow: inset 0 0 0 5px #fff;
}

/* Pulse effect */
@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.6);
    opacity: 0.3;
  }
  100% {
    transform: scale(1);
    opacity: 0.6;
  }
}




 /* New Design Technology section  */
 /* CSS for hover effects  */
.tech-logo {
    transition: transform 0.3s ease, filter 0.3s ease;
    max-height: 50px;
    filter: brightness(1.1);
}
.tech-logo:hover {
    transform: scale(1.1);
    filter: brightness(1.2);
}

.btn-consult {
  background-color: #ff7b00 !important;
}

.btn-consult:hover {
  background-color: #ff7b00 !important;
}
.btn-get-in-touch{
  background-color: #ff7b00 !important;
}
.business-section .text-danger{
  color: #ff7b00 !important;
}

.info-card .btn.btn-consult{
  font-size: 14px !important;
  font-weight: bold !important;
  background-color: #ff7b00 !important;
  padding: 10px 50px !important;
  width: 100%;
  align-content: center !important;
}

  .offset-text {position: fixed; top: 44%; right: -6px; z-index: 9999999999999999 !important; transform: rotate(271deg); padding: 8px; border: #000; background-color: #ff7b00 !important; color: white !important; cursor: pointer; font-size: 8px; border-radius: 0px;}
  @media(max-width:477px){.offset-text {right: -30px; padding: 4px !important;}
 }


 .right-sidebar .info-card .btn.btn-consult{
    padding: 10px 20px !important;
 }

    /* whatsapp Api */
   #whas-ap-fl-b {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999999999999999 !important;
    }

    #whas-ap-fl-b  a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
    }

    #whas-ap-fl-b img {
    opacity: 1 !important;
    background: none !important;
    }
    /*  */