@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

/*=====Reset CSS Start======*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  overflow-x: hidden;
}

a {
  -webkit-tap-highlight-color: transparent;
}

article,
aside,
canvas,
figure,
figcaption,
footer,
header,
nav,
section,
audio,
video,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
  margin: 0;
  padding: 0;
  border: 0;
}

a,
button,
input,
input[type="button"],
input[type="submit"],
select,
.btn,
textarea {
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
  text-decoration: none;
  font-style: normal;
}

a:focus,
button:focus,
input:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
select:focus,
.btn:focus,
textarea:focus,
.bootstrap-select .dropdown-toggle:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}

a,
label,
span {
  display: inline-block;
  vertical-align: middle;
  vertical-align: 0;
  font-family: var(--primary-font);
}

figure {
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
  margin: 0;
  font-size: 0;
  line-height: 100%;
}

figure img {
  max-width: 100%;
}

li::before {
  content: none;
}

ul,
ol {
  list-style: none;
}

:root {
  --primary-color: #0bb4b9;
  --pera-color: #808489;
  --body-color: #5f5f5f;
  --white-color: #ffffff;
  --black-color: #060e1a;
  --primary-font: "Mustica-Pro";
  --body-font: "DM Sans", sans-serif;
  --transition: all 0.4s ease-in-out;
  --border-color: #2b4647;
  --sec-gap: 100px;
}

/* clears the ‘X’ from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}

body {
  font-family: var(--body-font);
  color: var(--body-color);
  position: relative;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  background-color: var(--black-color);
}

.svg_container {
  display: none;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  width: 100%;
}

::-moz-selection {
  background-color: var(--primary-color);
  color: var(--white-color);
}

::selection {
  background-color: var(--primary-color);
  color: var(--white-color);
}

/*=====Reset CSS End======*/

/*===== Global CSS ======*/

.primary_btn,
.secondary_btn {
  position: relative;
  background-color: var(--primary-color);
  border-radius: 100px;
  display: inline-flex;
  height: 60px;
  align-items: center;
  padding: 0 80px 0 20px;
  color: var(--white-color);
  font-family: var(--primary-font);
  transition: var(--transition);
  /*text-transform: capitalize;*/
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  /* border: solid var(--primary-color) 1px; */
}

.primary_btn span,
.secondary_btn span {
  position: relative;
  z-index: 1;
}

.primary_btn::after,
.secondary_btn::after {
  position: absolute;
  content: "";
  left: unset;
  right: 0;
  top: 0;
  width: 0;
  height: 100%;
  background-color: var(--white-color);
  transition: var(--transition);
  border-radius: 100px;
}

.primary_btn::before,
.secondary_btn::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  content: "\f061";
  font-family: "FontAwesome";
  font-size: 20px;
  color: var(--black-color);
  background-color: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transition);
  z-index: 1;
}

.primary_btn:hover {
  color: var(--black-color);
}

.primary_btn:hover::before {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.primary_btn:hover:after,
.secondary_btn:hover:after {
  left: 0;
  right: unset;
  width: 100%;
}

.secondary_btn {
  background-color: var(--white-color);
  border-color: var(--white-color);
  color: var(--black-color);
}

.secondary_btn::before {
  background-color: var(--primary-color);
  color: var(--white-color);
}

.secondary_btn::after {
  background-color: var(--primary-color);
}

.secondary_btn:hover {
  color: var(--white-color);
}

.secondary_btn:hover::before {
  background-color: var(--white-color);
  color: var(--primary-color);
}

h1 {
  font-family: var(--primary-font);
  color: var(--white-color);
  font-size: 80px;
  line-height: 90px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

h1 span {
  font-size: 50px;
  line-height: 60px;
  width: 100%;
}

.title h5 {
  font-size: 30px;
  line-height: 30px;
  color: var(--primary-color);
  font-family: var(--primary-font);
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.title h5::before {
  content: "\f111";
  font-family: "FontAwesome";
  font-size: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--primary-color);
  position: absolute;
}

.title h2 {
  font-size: 70px;
  line-height: 80px;
  color: var(--black-color);
  font-weight: bold;
  font-family: var(--primary-font);
}

/*===== Global CSS ======*/

/* Header Start */
header {
  position: absolute;
  top: 40px;
  left: 0;
  width: 100%;
  z-index: 99;
}

header .container {
  max-width: 1270px;
  margin: auto;
}

nav {
  border-radius: 55px;
  background-color: #060e1a54;
  backdrop-filter: blur(5px);
  border: 1px solid var(--border-color);
  height: 110px;
}

nav .navbar {
  height: 100%;
  max-width: 1250px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 35px;
}

.navbar .logo a img {
  height: 40px;
}

.nav-links {
  height: 100%;
}

.navbar .links {
  display: flex;
  height: 100%;
}

.navbar .links li {
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0 14px;
}

.navbar .links li:last-child {
  padding-right: 0;
}

.navbar .links li a.primary_btn:hover {
  color: var(--primary-color);
}

.navbar .links > li:before {
  position: absolute;
  bottom: 0;
  height: 100%;
  background-image: url(../images/nav_active.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  left: -30px;
  right: -30px;
  background-position: bottom;
  opacity: 0;
  transition: var(--transition);
  z-index: -1;
}

.navbar .links li:hover:before,
.navbar .links li.active:before {
  opacity: 1;
}

.navbar .links li a {
  color: var(--white-color);
  text-decoration: none;
  font-size: 18px;
  line-height: 30px;
  white-space: nowrap;
  position: relative;
  z-index: 5;
}

.navbar .links li:hover a,
.navbar .links li .sub-menu a:hover {
  color: var(--primary-color);
}

.navbar .links .dropdown-toggle:hover::after {
  border-top: 0.3em solid var(--primary-color);
}

.navbar .links li i {
  color: var(--white-color);
  font-size: 12px;
  margin-top: -2px;
  cursor: pointer;
}

.navbar .links .dropdown-toggle::after {
  border-top: 0.3em solid var(--white-color);
  transition: var(--transition);
}

/* === Dropdown Menu === */
.navbar .links li .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--black-color);
  backdrop-filter: blur(5px);
  border-radius: 0 0 4px 4px;
  box-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
  line-height: 40px;
  display: none;
  z-index: 2;
  min-width: 175px;
  padding-bottom: 10px;
}

.navbar .links li .sub-menu li {
  padding: 0 22px;
}

.navbar .links li .sub-menu a {
  color: var(--white-color);
  font-size: 15px;
  font-weight: 500;
  padding: 10px 0;
}

.navbar .links li .sub-menu.show-submenu {
  display: block;
}

.fa-sort-down {
  cursor: pointer;
  margin-left: 5px;
  transition: transform 0.3s ease;
}

.fa-sort-down.rotate {
  transform: rotate(180deg);
}

/* === Sidebar Mobile === */
#ham_btn {
  display: none;
  font-size: 24px;
  color: var(--white-color);
  cursor: pointer;
}

#close_btn {
  font-size: 22px;
  color: var(--black-color);
  cursor: pointer;
  margin-top: 50px;
  margin-left: 30px;
}

.navbar .nav-links .sidebar-logo,
.navbar .links li i {
  display: none;
}

/* === Responsive === */
@media (max-width: 991px) {
  #ham_btn,
  .navbar .nav-links .sidebar-logo {
    display: block;
  }

  .navbar .links {
    display: block;
  }

  .nav-links {
    position: fixed;
    top: -22px;
    right: 100vw;
    width: 100vw;
    height: 100vh;
    transition: all 0.5s ease-in-out;
    z-index: 1000;
    left: -12px;
    right: 0;
    transform: translateX(100%);
  }

  .nav-links .links {
    background: #070e1a;
    backdrop-filter: blur(5px);
    max-width: 320px;
    width: 100%;
    height: 100vh;
    padding: 60px 30px;
    margin-left: auto;
    margin-top: 0;
    box-shadow: 0 -1px 35px 5px rgba(255, 255, 255, 0.1);
    overflow-y: auto;
  }

  .navbar .links > li + li {
    margin-top: 20px;
  }

  .navbar .links li {
    padding: 0;
  }

  .nav-links .sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .links {
    display: block;
    margin-top: 20px;
  }

  .links li {
    display: block;
    padding: 10px 0;
  }

  .links li .sub-menu {
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none;
    border-radius: 0;
    background: #3e8da8;
    display: none;
  }

  .links li .sub-menu li {
    padding-left: 20px;
  }

  .links li .sub-menu a {
    padding-left: 10px;
  }

  .fa-sort-down {
    float: right;
  }

  .links li .sub-menu.show-submenu {
    display: block;
  }

  .navbar .links li .sub-menu {
    position: static;
    min-width: auto;
    padding-bottom: 0;
    box-shadow: none;
  }

  .navbar .links li {
    display: block;
  }
}

@media (max-width: 575px) {
  .nav-links {
    max-width: 100%;
  }
}

/* === Desktop Hover Dropdown === */
@media (min-width: 992px) {
  .navbar .links li:hover > .sub-menu {
    display: block;
  }
}

/* Header End */

/* Home Banner Start */
.bnr {
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.home_bnr h1 {
  font-size: 100px;
  line-height: 110px;
}

.bnr p {
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
  color: #cecece;
}

.bnr .bnr_text {
  text-align: center;
  margin-inline: auto;
  position: relative;
  z-index: 10;
}

.home_bnr .bnr_text {
  max-width: 100%;
}

.page-contact-us .bnr_text {
  max-width: 800px;
}

.bnr_text {
  padding: 220px 0 500px;
  position: relative;
}

.cloud_serv_bnr .bnr_text {
  padding: 220px 0 365px;
  position: relative;
}

.soft_dev_bnr .bnr_text {
  padding: 220px 0 420px;
  position: relative;
  max-width: 986px;
  margin-inline: auto;
}

.abt_bnr p,
.contact_bnr p {
  max-width: 906px;
  margin-inline: auto;
}

.data_analysis_bnr p {
  max-width: 865px;
  margin-inline: auto;
}

.bnr_text a + a {
  margin-left: 12px;
}

/* Home Banner End */

/* Home About Start */
.about_sec {
  padding-bottom: var(--sec-gap);
}

.about_sec .title {
  max-width: 100%;
}

.about_sec .title h5 {
  margin-bottom: 20px;
}

.about_sec .title h2 {
  color: var(--white-color);
}

.about_sec .about_con {
  max-width: 495px;
  margin-left: auto;
}

.about_con {
  color: rgba(237, 237, 237, 0.7);
}

.about_sec h4 {
  font-size: 23px;
  line-height: 32px;
  color: #cecece;
  font-weight: bold;
  font-family: var(--body-font);
  margin-bottom: 20px;
}

.about_sec p {
  margin-bottom: 20px;
}

.about_sec a.primary_btn {
  margin-top: 10px;
}

/* Bnr_moon */
.bnr {
  position: relative;
}

.bnr::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 450px;
  background: url(../images/moon_shape.png) no-repeat center;
  background-size: contain;
  content: "";
  z-index: 3;
}

.bnr::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 450px;
  background: url(../images/moon_gass_eft.png) no-repeat center;
  background-size: contain;
  content: "";
  z-index: 5;
}

/* Bnr_moon */

/* Home About End */

/* Featured Benefits Start */
.fetr_benefits {
  padding-block: var(--sec-gap);
  background-color: #ededed;
}

.fetr_benefits .title {
  max-width: 900px;
  text-align: center;
  margin-inline: auto;
  margin-bottom: 55px;
}

.fetr_benefits .title h5 {
  margin-bottom: 20px;
}

.fetr_benefit_img {
  border-radius: 45px;
  overflow: hidden;
  max-width: 500px;
}

.fetr_benefit_img img {
  width: 100%;
}

.fetr_benefit_text .ftr_ben_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}

.fetr_benefit_text .ftr_ben_wrp span {
  width: 65px;
}
.fetr_benefit_text .ftr_ben_wrp span,
.ftr_ben_wrp h3 {
  font-size: 30px;
  line-height: 35px;
  color: var(--black-color);
  font-family: var(--primary-font);
  display: block;
}

.fetr_benefit_text .ftr_ben_wrp h3 {
  width: calc(100% - 90px);
}

.fetr_benefit_text {
  margin-bottom: 40px;
}

.fetr_benefits .accordion-body {
  font-family: var(--body-font);
  color: var(--body-color);
  position: relative;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  padding: 25px 0 0 65px;
}
.read_more {
  font-size: 18px;
  line-height: 22px;
  color: var(--primary-color);
  font-family: var(--primary-font);
}

.read_more:hover {
  text-decoration: underline;
}

/* Featured Benefits End */

/* Home Services Start */
.home_serv_sec {
  background-size: 100%;
  background-color: var(--black-color);
  background-position: center;
  background-repeat: no-repeat;
  padding-block: var(--sec-gap);
}

.home_serv_sec .title{
  max-width: 50%;
}
.home_serv_sec .ttl_des {
  max-width: 420px;
}

.home_serv_sec .title h2 {
  color: var(--white-color);
  margin-top: 15px;
}

.home_serv_sec .ttl_des h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: 600;
  margin-bottom: 15px;
}

.home_serv_sec p {
  color: var(--pera-color);
}

.ttl_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.home_serv_wrp {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 30px;
}

.home_serv_box_wrp + .home_serv_box_wrp {
  margin-top: 75px;
}

.home_serv_box_wrp {
  width: calc(50% - 15px);
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  row-gap: 30px;
  margin-top: 20px;
}

.home_serv_box {
  border-radius: 32px;
  border: 1px solid var(--border-color);
  padding: 25px;
  position: relative;
}

.home_serv_box::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  backdrop-filter: blur(3px);
  position: absolute;
  border-radius: 32px;
  background-color: hsl(216deg 63% 6% / 20%);
}

.home_serv_img {
  width: 100%;
  height: 220px;
  border-radius: 32px;
  background-color: #205689;
  overflow: hidden;
  position: relative;
}

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

.home_serv_con {
  padding: 25px;
  position: relative;
}

.home_serv_con h3 {
  font-size: 25px;
  line-height: 40px;
  color: var(--white-color);
  font-family: var(--primary-font);
  margin-bottom: 15px;
}

.home_serv_con p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px;
}

/* Home Services End */

/* Certifications Start */
.certifications_sec {
  padding-block: var(--sec-gap);
  background-color: var(--white-color);
}

.certifications_sec h5 {
  margin-bottom: 20px;
}

.certifications_wrp {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 60px;
}

.certifications_box {
  width: calc(25% - 22.5px);
  padding: 35px;
  border-radius: 20px;
  background-color: var(--white-color);
  border: 1px solid #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 190px;
  transition: var(--transition);
}

.certifications_box:hover {
  filter: drop-shadow(0px 20px 25px rgba(0, 0, 0, 0.1));
}

.certifications_box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  flex: 0 0 auto;
}

.certifications_sec .title,
.certifications_sec .ttl_des {
  max-width: 500px;
}

.ttl_des p + p {
  margin-top: 15px;
}

/* Certifications End */

/* Footer Contact Us Start */
.ftr_conct_sec {
  padding-top: 190px;
  background-color: var(--black-color);
  background-size: 100%;
  background-color: var(--black-color);
  background-position: top;
  background-repeat: no-repeat;
  position: relative;
  z-index: 5;
}

.ftr_conct_sec h5 {
  margin-bottom: 15px;
}

.ftr_conct_sec .title {
  max-width: 710px;
  margin-inline: auto;
  margin-bottom: 25px;
  text-align: center;
}

.ftr_conct_sec .title h2 {
  color: var(--white-color);
}

.ftr_conct_frm form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ftr_conct_frm input[type="text"],
.ftr_conct_frm input[type="email"],
.ftr_conct_frm textarea {
  border: none;
  border-bottom: 1px solid hwb(182 4% 27% / 0.301);
  background-color: transparent;
  font-size: 20px;
  line-height: 30px;
  color: var(--white-color);
  font-family: var(--primary-font);
  padding: 25px 0;
  width: 100%;
  margin-bottom: 45px;
}

.ftr_conct_frm .wpcf7-form-control-wrap:has(input[type="text"]),
.ftr_conct_frm .wpcf7-form-control-wrap:has(input[type="email"]) {
  width: calc(50% - 15px);
}

.ftr_conct_frm .dropdown.bootstrap-select {
  width: calc(50% - 15px);
}

.ftr_conct_frm .bootstrap-select > .dropdown-toggle {
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid hwb(182 4% 27% / 0.301) !important;
  padding: 25px 0;
  border-radius: 0;
  font-size: 20px;
  line-height: 30px;
  color: var(--white-color);
  font-family: var(--primary-font);
  outline: none !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
  color: var(--white-color);
  border: none;
  outline: none !important;
}

.ftr_conct_frm .wpcf7-form-control-wrap:has(.dropdown.bootstrap-select) {
  width: calc(50% - 15px) !important;
}

.ftr_conct_frm .dropdown.bootstrap-select {
  width: 100% !important;
}

.ftr_conct_frm .bootstrap-select > .dropdown-toggle::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-family: "FontAwesome";
  font-size: 15px;
  color: var(--primary-color);
  transition: var(--transition);
  z-index: 1;
  content: "\f078";
  border: none;
  transform-origin: center;
}

.ftr_conct_frm .bootstrap-select > button.btn.dropdown-toggle.show::after {
  transform: translateY(-50%) scaleY(-1);
}

.ftr_conct_frm .wpcf7-form-control-wrap:has(textarea) {
  width: 100%;
  padding: 0;
  margin-top: 85px;
}

.ftr_conct_frm .bootstrap-select .dropdown-menu.inner li:first-child,
.ftr_conct_frm .wpcf7-spinner {
  display: none;
}

.ftr_conct_frm .wpcf7-form-control-wrap:has(textarea) textarea {
  height: 65px;
  padding: 0;
}

.ftr_conct_frm input[type="text"]::placeholder,
.ftr_conct_frm input[type="email"]::placeholder,
.ftr_conct_frm textarea::placeholder,
.ftr_conct_frm select {
  color: var(--white-color);
}

.ftr_conct_frm .primary_btn {
  margin-inline: auto;
}

.ftr_conct_frm .primary_btn input[type="submit"] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
}

.wpcf7-form-control-wrap {
  display: block;
}

/* Footer Contact Us End */

/* Footer Start */
.footer_sec {
  padding: 100px 0 300px;
  position: relative;
  background: var(--black-color);
  z-index: 1;
  overflow: hidden;
}

.ftrlogo {
  max-width: 240px;
  margin-bottom: 30px;
}

.ftr_logowrp p {
  font-size: 18px;
  line-height: 28px;
  color: var(--pera-color);
}

.ftr_logowrp p + p {
  margin-top: 15px;
}

.ftr_cmpnywrp h4 {
  font-size: 30px;
  line-height: 1.3;
  color: var(--white-color);
  font-family: var(--primary-font);
  margin-bottom: 38px;
}

.ftr_cmpnywrp {
  padding-left: 30px;
}

.ftr_cmpnywrp li a {
  font-size: 18px;
  line-height: 1.1;
  font-family: var(--body-font);
  color: var(--pera-color);
  transition: var(--transition);
}

.ftr_cmpnywrp li a:hover {
  color: var(--primary-color);
}

.ftr_cmpnywrp li + li {
  margin-top: 15px;
}

.ftr_cmpnywrp.ftrcnct p {
  font-size: 18px;
  line-height: 28px;
  color: var(--pera-color);
  margin-bottom: 20px;
}

.ftr_cmpnywrp.ftrcnct ul {
  margin-top: 35px;
}

.ftr_cmpnywrp.ftrcnct li + li {
  margin-top: 5px;
}

.ftr_cmpnywrp.ftrcnct {
  padding: 0;
  margin-left: -25px;
}

.ftr_cmpnywrp.ftrplcy {
  padding-left: 6px;
}

.ftr_btmtext {
  position: relative;
  text-align: center;
  margin-top: 50px;
  padding-top: 40px;
}

.ftr_btmtext::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  top: 0;
  background: linear-gradient(
    to right,
    transparent 0%,
    #123f49 35%,
    #123f49 65%,
    transparent 100%
  );
}

.ftr_btmtext p {
  font-size: 18px;
  line-height: 28px;
  color: hsla(0, 0%, 100%, 0.8);
  font-weight: 400;
}

.ftr_btmtext p a {
  font-family: var(--body-font);
  color: var(--white-color);
  transition: var(--transition);
  font-weight: 600;
}

.ftr_btmtext p a:hover {
  color: var(--primary-color);
}

.ftr_background {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  z-index: -1;
}

.ftr_background img {
  width: 100%;
}

/* footer_video */
.footer_sec:before,
.ftr_background::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    0deg,
    rgba(6, 14, 26, 1) 0%,
    rgba(6, 14, 26, 0.4) 30%,
    rgba(6, 14, 26, 1) 100%
  );
  content: "";
}

.footer_sec .container {
  position: relative;
}

/* Footer End */

.home_serv_box_wrp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
  grid-auto-flow: dense;
  width: 100%;
  column-gap: 30px;
}

.home_serv_box:nth-child(odd) {
  margin-top: -10px;
}

.home_serv_box:nth-child(even) {
  margin-top: 10px;
}

.home_serv_con h3 {
  display: -webkit-box;
  /*-webkit-line-clamp: 1;*/
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home_serv_con p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Abt About Start */
.abt_about_sec {
  margin-top: -175px;
  position: relative;
  z-index: 10;
  padding-bottom: 150px;
}

.about_sec h3:not(:first-of-type) {
  margin-top: 45px;
}

.about_sec h3 {
  background-repeat: no-repeat;
  padding-left: 50px;
  background-size: contain;
  background-position: left center;
  font-size: 25px;
  line-height: 32px;
  color: #ececec;
  font-weight: 600;
  font-family: var(--body-font);
  margin-bottom: 15px;
}

.out_valus {
  border-radius: 32px;
  backdrop-filter: blur(5px);
  border: 1px solid var(--border-color);
  padding: 20px;
  width: calc(100% + 84px);
  margin-left: -42px;
  margin-top: 60px;
}

.out_valus_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.out_valus_con {
  width: 50%;
  padding: 0 50px;
}

.about_sec .out_valus_con li {
  padding-left: 20px;
  position: relative;
}

.about_sec .out_valus_con h4 {
  margin-bottom: 10px;
}

.about_sec .out_valus_con p {
  margin-bottom: 15px;
  color: rgba(237, 237, 237, 0.7);
}

.about_sec .out_valus_con li::before {
  content: "\f111";
  font-family: "FontAwesome";
  font-size: 7px;
  left: 0;
  top: 16px;
  transform: translateY(-50%);
  color: var(--white-color);
  position: absolute;
}

.about_sec .out_valus_con h3 {
  padding-left: 0;
  margin-bottom: 5px;
}

.out_valus_con h4 {
  font-size: 35px;
  line-height: 40px;
  color: var(--white-color);
  font-family: var(--primary-font);
}

.out_valus_img {
  width: 48%;
  border-radius: 32px;
  background-color: #205689;
}

.out_valus_img img {
  width: 100%;
  height: 100%;
  border-radius: 32px;
  object-fit: cover;
}

/* Abt About End */

/* Nuestras Tecnologías Start */
.tec_sec {
  background-color: var(--white-color);
  padding-block: var(--sec-gap);
}

.tec_sec .title h2 {
  font-size: 50px;
  line-height: 55px;
  margin-bottom: 35px;
}

.tec_wrp {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.tec_img {
  width: calc(50% - 25px);
  border-radius: 35px;
  overflow: hidden;
}

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

.tec_con {
  width: calc(50% - 25px);
}

.tec_con h3 {
  font-size: 30px;
  line-height: 35px;
  color: var(--black-color);
  font-family: var(--primary-font);
  margin-bottom: 10px;
}

.tec_con p {
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

.tec_con li {
  margin-bottom: 15px;
  padding-left: 20px;
  position: relative;
}

.tec_con li:last-child {
  margin-bottom: 0;
}

.tec_con li::before {
  content: "";
  width: 10px;
  height: 10px;
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 13px;
}

/* Nuestras Tecnologías End */

/* Why Choose Us Start */
.why_choose_us_sec {
  padding-block: var(--sec-gap);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
}

.why_choose_us_wrp {
  margin-top: var(--sec-gap);
}

.why_choose_us_box_wrp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.why_choose_us_box {
  border-radius: 32px;
  backdrop-filter: blur(5px);
  border: 1px solid var(--border-color);
  padding: 35px;
  width: calc(33.333% - 20px);
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  justify-content: space-between;
}

.why_choose_us_box h3 {
  font-size: 28px;
  line-height: 35px;
  color: var(--white-color);
  font-family: var(--primary-font);
  margin-bottom: 15px;
}

.why_choose_us_box p {
  color: #cecece;
}

.why_cho_us_img {
  width: 105px;
  height: 105px;
  border-radius: 50%;
  background-color: hsla(182, 89%, 38%, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.why_cho_us_img img {
  width: 55px;
  height: auto;
  object-fit: contain;
}

.why_choose_us_sec .title {
  max-width: 485px;
  width: calc(50% - 25px);
}

.why_choose_us_sec .title h2 {
  color: var(--white-color);
  margin-top: 15px;
}

.why_choose_us_sec .ttl_des {
  max-width: 445px;
}

.why_choose_us_sec .ttl_des h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: bold;
  font-family: var(--body-font);
  margin-bottom: 25px;
  max-width: 400px;
}

.why_choose_us_sec .ttl_des p {
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  color: #cecece;
  font-weight: 400;
}

/* Why Choose Us End */

/* Technical_sec Start */
.technical_sec .tec_wrp {
  align-items: flex-start;
}

.technical_sec .title {
  width: calc(50% - 25px);
}

.technical_sec .title h2 {
  margin-top: 10px;
}

.technical_sec h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--black-color);
  font-weight: bold;
  font-family: var(--body-font);
  margin-bottom: 15px;
}

.technical_sec .tec_con {
  max-width: 485px;
  margin-inline: auto;
}

/* Technical_sec End */

/* Consulting and Digital Transformation bnr Start */
.cnsl_digital_bnr p {
  max-width: 1000px;
  margin-inline: auto;
}

/* Consulting and Digital Transformation bnr End */

/* Why choose us Start */
.why_choose_sec {
  margin-top: -175px;
  position: relative;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  z-index: 10;
}

.why_choose_sec .ttl_des {
  max-width: 460px;
}

.why_choose_sec .title {
  max-width: 565px;
}

.why_choose_sec .title h2 {
  color: var(--white-color);
  margin-top: 15px;
}

.why_choose_img {
  border-radius: 35px;
  border: 1px solid #194959;
  overflow: hidden;
  margin-bottom: var(--sec-gap);
}

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

.why_choose_sec .ttl_des h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: bold;
  font-family: var(--body-font);
  margin-bottom: 25px;
  max-width: 400px;
}

.why_choose_sec .ttl_des p {
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  color: #cecece;
  font-weight: 400;
}

.why_choose_sec .why_choose_box {
  border-radius: 32px;
  backdrop-filter: blur(5px);
  border: 1px solid var(--border-color);
  padding: 40px;
  width: calc(33.333% - 20px);
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}

.why_choose_sec .why_choose_box h3 {
  font-size: 30px;
  line-height: 40px;
  color: var(--white-color);
  font-family: var(--primary-font);
}

.why_choose_sec .why_choose_box p {
  font-size: 18px;
  line-height: 28px;
  color: var(--pera-color);
  font-weight: 400;
}

.why_choose_wrp {
  display: flex;
  justify-content: space-between;
  padding-block: var(--sec-gap);
}

/* Why choose us End */

/* Nuestras Tecnologías benifit and description Start */
.technical_bnf .tec_wrp,
.technical_descrip .tec_wrp {
  align-items: flex-start;
}

.technical_bnf .tec_con li:not(:last-child),
.technical_descrip .tec_con li:not(:last-child) {
  margin-bottom: 20px;
}

.technical_bnf .title,
.technical_descrip .title {
  width: 50%;
}

.technical_bnf .tec_con,
.technical_descrip .tec_con {
  width: 50%;
  max-width: 450px;
  margin-left: auto;
}

.technical_bnf .tec_con p,
.technical_descrip .tec_con p {
  margin-left: -20px;
}

.technical_bnf .title h2,
.technical_descrip .title h2 {
  margin-top: 10px;
  font-size: 60px;
  line-height: 70px;
}

.technical_descrip {
  background-color: var(--primary-color);
}

.technical_descrip .title h5::before {
  color: var(--white-color);
}

.technical_descrip .tec_con li::before {
  border: 2px solid var(--white-color);
}

.technical_descrip .title h2,
.technical_descrip .title h5,
.technical_descrip .tec_con h3,
.technical_descrip .tec_con p {
  color: var(--white-color);
}

.technical_descrip .tec_con > p {
  margin-bottom: 15px;
  margin-left: 0;
}

/* Nuestras Tecnologías benifit and description End */

/* Contact Us Start */
.contact_sec {
  margin-top: -150px;
  position: relative;
  z-index: 10;
}

.contact_sec .title {
  text-align: center;
}

.contact_sec .title h2 {
  color: var(--white-color);
  margin-top: 15px;
}

.contact_wrp {
  border-radius: 32px;
  filter: drop-shadow(0px 25px 45px rgba(0, 0, 0, 0.2));
  background-color: var(--black-color);
  border: 1px solid var(--border-color);
  padding: 50px 60px 85px;
  margin-top: 75px;
}

/* Contact Us End */

/* Data Analysis Start */
.data_analysis_btm {
  margin-top: -240px;
  position: relative;
  background-size: 100%;
  z-index: 10;
}

/* Data Analysis End */

/* Data Analysis Nuestras Tecnologías Start */
.data_anlis_tec_sec .tec_wrp {
  align-items: flex-start;
}

.data_anlis_tec_sec .tec_con {
  max-width: 440px;
  margin-inline: auto;
  width: calc(50% - 25px);
}

.data_anlis_tec_sec .title {
  width: calc(50% - 25px);
}

.data_anlis_tec_sec .tec_con > p {
  margin-bottom: 25px;
}

/* Data Analysis Nuestras Tecnologías End */

/* What do i do Start */
.what_do_sec {
  padding-block: var(--sec-gap);
  background-position: center;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: 100%;
}

.what_do_sec .title {
  width: 50%;
}

.what_do_sec .title h2 {
  color: var(--white-color);
  margin-top: 15px;
}

.what_do_sec .ttl_des h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: bold;
  font-family: var(--body-font);
  margin-bottom: 25px;
  max-width: 400px;
}

.what_do_sec .ttl_des p {
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  color: #cecece;
  font-weight: 400;
}

.what_do_sec .ttl_des {
  max-width: 445px;
}

.what_do_wrp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 75px;
}

.what_do_box {
  border-radius: 25px;
  background-color: #182337;
  padding: 22px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 30px;
  width: calc(20% - 16px);
}

.what_do_box span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--white-color);
}

.what_do_box h3 {
  font-size: 20px;
  line-height: 28px;
  color: var(--white-color);
  font-weight: bold;
  font-family: var(--body-font);
}

/* What do i do End */

/* Bnr_video Start */
.bnr:has(video) {
  position: relative;
}

.bnr:has(video) .bnr_video {
  position: absolute;
  bottom: 0;
  top: 300px;
  left: 0;
  right: 0;
}

.bnr:has(video) .bnr_video::before {
  position: absolute;
  bottom: 0;
  top: 0;
  background: linear-gradient(
    0deg,
    rgba(7, 14, 26, 1) 0%,
    rgba(87, 199, 133, 0) 50%,
    rgba(7, 14, 26, 1) 100%
  );
  width: 100%;
  z-index: 1;
  content: "";
}

.bnr:has(video) .bnr_video video {
  object-fit: cover;
}

/* Bnr_video End */

/* What do we do Start */
.why_do_sec {
  padding-bottom: var(--sec-gap);
  margin-top: -30px;
  position: relative;
  z-index: 10;
}

.why_do_wrp {
  padding-top: 75px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.why_do_box {
  width: calc(50% - 15px);
  padding: 40px;
  border-radius: 32px;
  backdrop-filter: blur(5px);
  border: 1px solid var(--border-color);
}

.why_do_box h3 {
  font-size: 30px;
  line-height: 40px;
  color: var(--white-color);
  font-family: var(--primary-font);
  padding-bottom: 20px;
  max-width: 460px;
}

.why_do_box p {
  font-size: 18px;
  line-height: 28px;
  color: var(--pera-color);
  font-weight: 400;
  max-width: 460px;
}

.why_do_sec .ttl_des,
.why_do_sec .title {
  width: calc(50% - 25px);
}

.why_do_sec .ttl_des {
  max-width: 460px;
}

.why_do_sec .ttl_des h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: bold;
  max-width: 360px;
  margin-bottom: 25px;
}

.why_do_sec .title h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: bold;
  margin-bottom: 25px;
}

.why_do_sec .ttl_des p {
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  color: #cecece;
  font-weight: 400;
}

.why_do_sec .title p {
  font-family: var(--body-font);
  font-size: 20px;
  line-height: 30px;
  color: #cecece;
  font-weight: 400;
  max-width: 420px;
}

.why_do_sec .title h2 {
  color: var(--white-color);
  margin-top: 15px;
  margin-bottom: 30px;
}

.degital_tec_sec .tec_con {
  max-width: 455px;
}

.degital_tec_sec.tec_sec .title h2 {
  margin-bottom: 30px;
}

/* What do we do End */

/* Why choose our safe city Start */
.Why_choo_our_safe_city_sec {
  padding-bottom: var(--sec-gap);
}

.Why_choo_our_safe_city_sec .why_choose_us_wrp {
  margin-top: 40px;
}

.Why_choo_our_safe_city_sec .why_choose_us_box {
  row-gap: 60px;
}

/* Why choose our safe city End */

/* Main benefits Start */
.tec_main_bnf .title,
.tec_main_bnf .ttl_des {
  width: calc(50% - 25px);
}

.tec_main_bnf .ttl_des p {
  max-width: 435px;
  font-size: 22px;
  line-height: 32px;
  color: var(--body-color);
  font-weight: bold;
}

.tec_main_bnf .tec_con {
  width: 100%;
  margin-top: 30px;
}

.tec_main_bnf .tec_con ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tec_main_bnf .tec_con ul li {
  width: calc(50% - 25px);
}

/* Main benefits End */

/* soft_dev_bnr Start */
.represent_sec {
  padding-bottom: var(--sec-gap);
}

.represent_sec .title {
  max-width: 600px;
}

.represent_sec .why_cho_us_text {
  max-width: 250px;
}

.represent_sec .why_choose_us_box {
  row-gap: 25px;
}

.soft_tec_sec .tec_wrp {
  align-items: flex-start;
}

.soft_tec_sec .title {
  width: calc(50% - 25px);
}

.soft_tec_sec .title h2 {
  font-size: 60px;
  line-height: 65px;
  margin-bottom: 35px;
  margin-top: 10px;
}

.tec_main_bnf .title h2 {
  margin-top: 10px;
}

.soft_tec_sec h4 {
  font-size: 22px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 20px;
}

.soft_tec_sec .tec_con {
  max-width: 505px;
}

.soft_tec_sec .tec_con li {
  max-width: 445px;
}

.soft_tec_sec .tec_con p {
  margin-left: -20px;
}

/* soft_dev_bnr End */

/* Certifications Start */
.tech_choose .title {
  max-width: 575px;
  width: calc(50% - 25px);
}

.tech_supp_sec .title h2 {
  margin-bottom: 15px;
}

.tech_supp_sec .title p {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 25px;
}

.tech_supp_sec .tec_con li p {
  max-width: 375px;
}

/* Certifications End */

/* Why safe city sec Start */
.why_safe_city_sec {
  padding-bottom: var(--sec-gap);
  margin-top: -150px;
  position: relative;
  z-index: 10;
  background-size: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
}

/* .why_safe_city_sec .tec_con {
  max-width: 485px;
} */

.why_safe_city_sec .title h2 {
  color: var(--white-color);
  margin-bottom: 25px;
  word-break: break-all;
}

.why_safe_city_sec .title h4 {
  font-size: 23px;
  line-height: 32px;
  color: var(--white-color);
  font-weight: 600;
  font-family: var(--body-font);
  margin-bottom: 25px;
  max-width: 420px;
}

.why_safe_city_sec .tec_con p {
  color: #cecece;
  max-width: 480px;
}

.why_safe_city_sec .tec_con p + p {
  margin-top: 25px;
}

.why_safe_city_sec .why_choose_us_box_wrp {
  margin-top: 75px;
}

.why_safe_city_sec .why_choose_us_box {
  row-gap: 35px;
  justify-content: flex-start;
}

.why_safe_city_sec .why_choose_us_box span {
  opacity: 0.2;
  font-size: 50px;
  line-height: 40px;
  color: var(--white-color);
  font-family: var(--primary-font);
}

/* Why safe city sec End */

/* Tec key benefits Start */
.tec_key_benefits_sec .tec_wrp {
  align-items: flex-start;
}

.tec_key_benefits_sec .title {
  width: calc(50% - 25px);
}

.tec_key_benefits_sec .title h2 {
  margin-top: 10px;
}

.tec_key_benefits_sec .tec_con p {
  margin-left: -20px;
}

.tec_key_benefits_sec .tec_con > h4 {
  margin-bottom: 15px;
}

/* Tec key benefits End */

/* Why iacademy sec Start */
.why_iacademy_sec .why_choose_us_box {
  width: calc(25% - 22.5px);
  padding: 30px 20px;
}

.why_safe_city_sec .why_choose_us_box h4 {
  font-size: 20px;
  line-height: 29px;
  color: var(--white-color);
  font-weight: 500;
}

.why_safe_city_sec .why_choose_us_box p {
  margin-top: 10px;
  font-size: 18px;
  line-height: 27px;
}

.why_choose_inn {
  max-width: 665px;
  text-align: center;
  margin-inline: auto;
  color: #cecece;
}

.why_choose_inn h4 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 500;
  margin-bottom: 10px;
}

.why_choose_inn p {
  font-size: 18px;
  line-height: 27px;
}

.why_safe_city_sec .what_do_sec {
  padding-bottom: 0;
}

.why_safe_city_sec .tec_con h3 {
  color: var(--white-color);
}

/* Why iacademy sec End */

/* Particale js Start */
.particles-js canvas {
  object-fit: cover;
}

.particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
  opacity: 0.6;
}

.ftr_conct_sec,
.why_choose_us_sec,
.home_serv_sec {
  position: relative;
}

.ftr_conct_sec .container,
.abt_about_sec .container,
.why_safe_city_sec .container,
.why_do_sec .container,
.why_choose_us_sec .container,
.home_serv_sec .container {
  position: relative;
}

.ftr_conct_sec { 
  overflow: hidden;
}

.why_safe_city_sec .particles-js {
  top: 150px;
  height: calc(100% - 150px);
}

.abt_about_sec .particles-js {
  height: 50%;
  top: unset;
  bottom: 0;
}

.ftr_conct_sec .particles-js {
  height: 600px;
  transform: rotate(25deg);
  top: -250px;
  left: unset;
  right: -500px;
  opacity: 0.6;
}

/* Particale js End */

/* 14-07-2025 */

.primary_btn_wraper {
  display: block;
  text-align: center;
  width: 100%;
}

.ftr_conct_frm form .wpcf7-response-output {
  margin: 0 !important;
  display: block;
  margin-top: 20px !important;
  margin-inline: auto !important;
}

/* 14-07-2025 */

/* Accordion Start */
.fetr_benefits .accordion-item .accordion-button {
  background: transparent;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0;
}
.fetr_benefits .accordion-item {
  background: transparent !important;
  border: none !important;
}
.fetr_benefits .accordion-item + .accordion-item {
  padding-top: 40px;
  margin-top: 40px;
  border-top: solid 1px #66666677 !important;
}
.fetr_benefits .accordion-header {
  margin-bottom: 0;
  border: none !important;
  outline: none !important;
}

.fetr_benefits .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}

.fetr_benefits .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

.fetr_benefits .accordion-button::after {
  transition: all 0.5s;
}

/* Accordion End */

/* Certifications Start */
/* Certifications End */

.navbar .links li .sub-menu li.active a {
    color: var(--primary-color);
}