* {
  padding: 0px;
  margin: 0px;
}
body {
  background-color: hsl(210 50% 98%) !important;
}
.container {
  margin: auto;
  max-width: 1200px;
  font-family: sans-serif;
}
ul {
  padding-left: 0px !important;
  margin-bottom: 0px !important;
}
li {
  list-style-type: none;
}
a {
  text-decoration: none !important;
}
/* header_css */
.header_section {
  padding: 5px 10px;
  background-color: #fff;
}
.header_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo_div img {
  height: 50px;
  width: 200px;
}
nav.navbar_menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
}
.navbar_menu ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  margin-bottom: 0px;
}
.navbar_menu ul li a {
  font-size: 14px;
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
.common_btn {
  display: inline-block !important;
  font-size: 14px !important;
  color: #fff !important;
  background-color: #0047b3 !important;
  text-decoration: none !important;
  padding: 10px 15px !important;
  border-radius: 5px !important;
}
header.navbar-expand-lg .navbar-collapse {
  justify-content: end !important;
}
header.navbar-expand-lg .navbar-nav {
  gap: 20px !important;
}
header .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  font-weight: 700 !important;
}
header .navbar-toggler {
  border: none !important;
}
header .navbar-toggler:focus {
  box-shadow: inherit !important;
}
.nav-links {
  padding: 10px 5px !important;
}
header .nav-link {
  font-weight: 400 !important;
}
.nav-link:active {
  font-weight: 700 !important;
}
/* header .nav-link:hover {
  font-weight: 700 !important;
} */

/* main_section_css */
.main_section {
  padding: 100px 10px;
}
.main_sec_column {
  margin: auto;
  text-align: center;
}
.main_section h1 {
  font-size: 60px;
  font-weight: bold;
  color: #0059e6;
  margin-bottom: 20px;
}
.main_section p {
  font-size: 19px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 10px;
}
.main_section h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
.main_btn {
  padding: 15px 35px !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* service_section_css */
.service_section {
  padding: 80px 10px;
  background-color: #fff;
}
.section_title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #020817;
}
.service_section .row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.service_column {
  padding: 25px 15px 25px 20px;
  margin-bottom: 25px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 #0000000d;
  border: 1px solid #e2e8f0;
  border-radius: 5px;
}
.service_column:hover {
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
}
.service_column h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 20px 0px 10px 0px;
  color: #020817;
}
.service_column p {
  font-size: 14px;
  color: #4b5563;
}
.service_btn {
  display: inline-block;
  width: fit-content !important;
  font-size: 14px;
  color: #020817;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 5px;
  margin: auto;
  background-color: #f7fafc;
  border: 1px solid #e2e8f0;
  margin-top: 15px !important;
}
.service_btn:hover {
  color: #f8fafc;
  background-color: #0060e6;
  border: 1px solid #0060e6;
}

/* why_choose_css */
.why_choose_section {
  padding: 80px 10px;
}
.why_choose_column {
  padding: 24px 20px;
  border-radius: 10px;
  border-width: 4px 1px 1px 1px;
  border-style: solid;
  border-color: #0047b3 #e2e8f0 #e2e8f0 #e2e8f0;
  background-color: #ffffff;
  margin-bottom: 25px;
}
.why_choose_column h3 {
  font-size: 20px;
  font-weight: 600;
  color: #020817;
}
.why_choose_column p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0px;
  color: #485563;
}

/* business_section_css */
.business_section {
  padding: 80px 10px;
  background-image: linear-gradient(to right, #003580 , #0059e6);
}
.business_column {
  margin: auto;
  text-align: center;
}
.business_column h2 {
  font-size: 30px;
  font-weight: 600;
  color: #fff;
}
.business_column p {
  font-size: 18px;
  font-weight: 300;
  color: rgba(255, 255, 255,0.9);
}
.business_btn{
  display: inline-block;
  width: fit-content !important;
  font-size: 14px;
  font-weight: 600;
  color: rgba(15, 23, 42,0.7);
  text-decoration: none;
  padding: 10px 30px;
  border-radius: 5px;
  margin: auto;
  background-color: #f1f5f9;
  border: 1px solid #e2e8f0;
  margin-top: 15px !important;
  margin-right: 15px;
}
.business_btn:hover {
  opacity: 0.8;
}

/* story_section_css */
.story_section {
  padding: 80px 10px !important;
}
.story_section .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.story_section h2 {
  font-size: 30px;
  font-weight: 700;
  color: #003580;
  margin-bottom: 20px;
}
.story_section p {
  font-size: 16px;
  font-weight: 400;
  color: #374151;
  margin-bottom: 15px;
}
.story_section h3 {
  font-size: 20px;
  font-weight: 700;
  color: #003580;
  margin-bottom: 20px;
}
.story_sec_inner {
  padding-bottom: 10px;
}
.story_section ul {
  padding-left: 20px !important;
}
.story_section ul li {
  list-style-type: disc;
}

/* approach_section_css */
.approach_section {
  padding: 80px 10px;
}
.approach_column {
  padding: 25px 20px;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 25px;
  border: 1px solid #e2e8f0;
}
.approach_section .approach_count {
  font-size: 20px;
  font-weight: 600;
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 15px;
  color: #003580;
  background-color: #b3d1ff;
}
.approach_section h3 {
  font-size: 20px;
  font-weight: 600;
  color: #020817;
}
.approach_section p {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
}

/* expertise_section_css */
section.expertise_section {
  padding: 80px 10px;
}
.expertise_section h3 {
  font-size: 20px;
  font-weight: 700;
  color: #003580;
  margin-bottom: 20px;
}
.expertise_section ul li {
  font-size: 16px;
  font-weight: 500;
  color: #374151;
  margin-top: 8px;
  position: relative;
}
.expertise_section ul li img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}

/* webdev_section_css */
.webdev_section {
  padding: 50px 10px;
}
section.webdev_section .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.common_left_service .icon_box {
  margin-bottom: 20px;
}
.common_left_service h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #020817;
}
.common_left_service p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #374151;
}
.common_left_service h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #020817;
}
.common_left_service ul {
  margin-bottom: 25px !important;
}
.common_left_service ul li {
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
  color: #020817;
}
.common_left_service ul li img {
  height: 25px;
  width: 25px;
  margin-right: 5px;
}
.common_right_service h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #020817;
}
.common_service_inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 5px;
}
.common_service_content {
  flex: 1;
}
.common_right_service h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #020817;
}
.common_right_service p {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #374151;
}
.common_right_service .common_service_count {
  font-size: 16px;
  font-weight: 600;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 15px;
  color: #fff;
  background-color: #004783;
}

/* it_consulting_section_css */
.consulting_section {
  padding: 50px 10px;
}
.consulting_right_column .common_service_count {
  width: 3rem;
  height: 3rem;
  font-size: 20px;
  color: #004783;
  background-color: #b3d1ff;
}

/* development_section_css */
.development_section {
  padding: 50px 10px;
}
.development_right_column .common_service_count {
  width: 40px;
  height: 40px;
  color: #004783;
  background-color: #b3d1ff;
}
.development_right_column .common_service_count img {
  height: 18px;
  width: 18px;
}

/* mobile_application_section_css */
.mob_app_section {
  padding: 50px 10px;
}
.mob_app_inner {
  background: #fff;
  padding: 20px;
  border: 1px solid #e5e7eb;
  margin-bottom: 25px;
}
.mob_app_right_column h4 {
  margin-bottom: 15px;
}

/* database_section_css */
.database_section {
  padding: 50px 10px;
}
.database_inner {
  background: #fff;
  padding: 20px;
  border: 1px solid #e5e7eb;
  margin-bottom: 25px;
}
.database_right_column h4 {
  margin-bottom: 15px;
}
.database_right_column ul li {
  color: #374151;
  font-size: 16px;
  margin-top: 5px;
}

/* payment_section_css */
.payment_section {
  padding: 50px 10px;
}
.payment_inner {
  background: #fff;
  padding: 15px;
  border: 1px solid #e5e7eb;
  margin-bottom: 15px;
}
.payment_right_column h4 {
  margin-bottom: 15px;
}

/* contact_section_css */
.contact_section {
  padding: 80px 10px;
}
.contact_section h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  color: 020817;
}
.contact_left_inner {
  background: #fff;
  padding: 20px;
}
.contact_left_inner_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.contact_info_box {
  display: flex;
  flex-direction: column;
  width: 48%;
  margin-bottom: 20px;
}
.contact_info_box input {
  height: 40px;
  padding: 5px 10px;
  background-color: #f7fafc;
  border-radius: 5px;
  border: 1px solid #e2e8f0;
  margin-top: 8px;
}
.contact_info_textarea_box {
  width: 100%;
}
.contact_info_textarea_box textarea {
  height: 110px;
  padding: 5px 10px;
  background-color: #f7fafc;
  border-radius: 5px;
  border: 1px solid #e2e8f0;
  margin-top: 8px;
}
.contact_information li {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 20px;
}
.contact_information ul li {
  margin-bottom: 20px;
}
.contact_information ul li p {
  font-size: 16px;
  font-weight: 700;
  color: #020817;
  margin-bottom: 5px;
}
.contact_information ul li a {
  font-size: 16px;
  color: #4b5563;
}
.contact_information li span {
  font-size: 16px;
  color: #4b5563;
}
.contact_section .common_btn {
  display: block;
  text-align: center;
  width: 100%;
}
.contact_info_details {
  margin-top: 50px;
}
.contact_info_details h3 {
  font-size: 16px;
  font-weight: 700;
  color: #020817;
  margin-bottom: 12px;
}
.contact_info_details ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  color: #374151;
  font-size: 15px;
}
.contact_faq_section {
  padding: 80px 10px;
}
.contact_faq_column {
  margin: auto;
}
.contact_faq_section h2 {
  font-size: 24px;
  font-weight: 700;
  color: #020817;
  text-align: center;
  margin-bottom: 20px;
}
.contact_faq_section h3 {
  font-size: 18px;
  font-weight: 700;
  color: #020817;
  text-align: center;
  margin-bottom: 15px;
}
.contact_faq_section p {
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  text-align: center;
}
.contact_faq_box {
  background-color: #fff;
  padding: 25px;
  margin-bottom: 25px;
}
span.form-error {
  color: #ca1717
}

/* terms_section_css */
.legal_column {
  margin: auto;
}
.legal_column {
  margin: auto;
}
.legal_column_inner {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.legal_section .legal_header {
  border-bottom: 1px dashed #e2e8f0;
}
.legal_section .legal_header h3 {
  font-size: 30px;
  font-weight: 700;
  color: #020718;
  margin-bottom: 10px;
}
.legal_section .legal_header p {
  font-size: 14px;
  font-weight: 300;
  color: #687280;
  margin-bottom: 15px;
}
.legal_content {
  padding-top: 20px;
}
.legal_section h2 {
  font-size: 20px;
  font-weight: 700;
  color: #020718;
  margin-bottom: 15px;
}
.legal_section h3 {
  font-size: 18px;
  font-weight: 500;
  color: #020718;
  margin-bottom: 15px;
}
.legal_section ul {
  padding-left: 20px !important;
  padding-bottom: 20px;
}
.legal_section ul li {
  font-size: 16px;
  font-weight: 300;
  color: #687280;
  margin-top: 5px;
  list-style-type: disc !important;
}


/* footer_css */
.footer_section {
  padding: 50px 10px 40px 10px;
  background-color: #f9fafb;
  border-top: 1px dotted #e2e8f0;
}
.footer_section .row {
  justify-content: space-between;
}
.footer_main {
  padding: 0px 0px 25px 0px;
}
.footer_logo_div {
  margin-bottom: 15px;
}
.footer_logo_div img {
  width: 175px;
}
.footer_column p {
  font-size: 16px;
  color: rgb(75 85 99);
}
.footer_social_links {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.footer_social_links a svg {
  height: 20px;
  opacity: 0.6;
}
.footer_column h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #003580;
}
.footer_column ul li {
  margin-bottom: 8px;
}
.footer_column ul li a {
  font-size: 16px;
  color: #4b5563;
}
.footer_col4 li {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: 8px;
}
.footer_column li span {
  font-size: 16px;
  color: #4b5563;
}
.footer_payment {
  padding: 25px 0px;
  border-top: 1px solid #e5e7eb;
}
.footer_payment_column {
  margin: auto;
  padding: 15px;
  border-radius: 10px;
  background-color: #ffff;
}
.footer_payment_column p {
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
}
.Footer_card_img {
  display: flex;
  align-items: center;
  gap: 15px;
}
.footer_copy {
  padding: 25px 0px 0px 0px;
  border-top: 1px solid #e5e7eb;
}
.footer_copy p {
  font-size: 16px;
  color: #6b7280;
  text-align: center;
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .logo_div img {
    height: auto;
  }
  .footer_column {
    margin-bottom: 20px;
  }
  .main_section h1 {
    font-size: 32px;
  }
  .main_section p {
    font-size: 16px;
  }
  .section_title {
    font-size: 30px;
  }
  .business_column h2 {
    font-size: 28px;
  }
  .business_column p {
    font-size: 16px;
  }
  .expertise_section ul {
    margin-bottom: 20px !important;
  }
  .common_left_service {
    margin-bottom: 30px;
  }
  .contact_left_inner_box {
    display: block;
  }
  .contact_info_box {
    width: 100%;
  }
  .contact_left_inner {
    margin-bottom: 20px;
  }
  .why_choose_section {
    padding: 50px 10px;
  }
  .story_section {
    padding: 50px 10px !important;
  }
  .approach_section {
    padding: 50px 10px;
  }
  section.expertise_section {
    padding: 50px 10px;
  }
  .contact_section {
    padding: 50px 10px;
  }
  .contact_faq_section {
    padding: 50px 10px;
  }
}