@import url("https://fonts.googleapis.com/css2?family=Ramaraja&display=swap");

.ramaraja {
  font-family: "Ramaraja", serif;
}

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
.inter {
  font-family: "Inter", sans-serif;
}

.ios-bg {
  background-image: url(../assets/images/technology/ios-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.android-bg {
  background-image: url(../assets/images/technology/android-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.flutter-bg {
  background-image: url(../assets/images/technology/flutter-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bootstrap-bg {
  background-image: url(../assets/images/technology/bootstrap-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.css-bg {
  background-image: url(../assets/images/technology/css-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.html-bg {
  background-image: url(../assets/images/technology/html-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.javascript-bg {
  background-image: url(../assets/images/technology/javascript-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.jquery-bg {
  background-image: url(../assets/images/technology/jquery-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.react-bg {
  background-image: url(../assets/images/technology/react-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.laravel-bg {
  background-image: url(../assets/images/technology/laravel-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.node-bg {
  background-image: url(../assets/images/technology/node-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.php-bg {
  background-image: url(../assets/images/technology/php-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.wordpress-bg {
  background-image: url(../assets/images/technology/wordpress-bg.png);
  width: 100%;
  padding: 120px 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.ios_page h1 {
  color: white;
  font-size: 55px;
  font-weight: 700;
}
.ios_page p {
  color: white;
  font-size: 20px;
  font-weight: 400;
  margin-top: 30px;
}
.ios_page .consu {
  margin-top: 40px;
}
.ios_page .consu a {
  color: #053b50;
  background-color: white;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 7px;
}

/* devlopment services start */
.devlopment_services {
  margin-top: 80px;
}
.devlopment_services h1 {
  text-align: center;
  font-size: 44px;
  font-weight: 700;
  color: #053b50;
}
.devlopment_services p {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}
.devlopment_services .devlop-box .dev {
  display: flex;
  padding: 15px;
}
.devlopment_services .devlop-box .box {
  padding: 30px;
  margin-top: 20px;
  border: 1px solid #969696;
  border-radius: 10px;
}
.devlopment_services .devlop-box .box h4 {
  font-size: 28px;
  font-weight: 700;
  color: #494949;
  margin-left: 2em;
  text-indent: -2em;
}
.devlopment_services .devlop-box .box h4 img {
  background-color: #053b50;
  padding: 10px;
  border-radius: 5px;
  margin-right: 10px;
}
.devlopment_services .devlop-box .box p {
  font-size: 18px;
  font-weight: 400;
  text-align: justify;
  margin-bottom: 0;
}
/* devlopment services end */

/* why choose devlopment section start */
.why_choose_dev {
  margin-top: 80px;
}
.why_choose_dev h1 {
  font-size: 44px;
  font-weight: 700;
  color: #053b50;
  width: 60%;
  margin: auto;
  text-align: center;
}
.why_choose_dev p {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
  margin-top: 20px;
}
.why_choose_dev .devlo-frea {
  margin-top: 10px;
}
.why_choose_dev .devlo-frea li {
  list-style: none;
  font-size: 20px;
  font-weight: 400;
  margin-top: 20px;
  margin-left: 1.5em;
  text-indent: -1.8em;
}
.why_choose_dev .devlo-frea li img {
  margin-right: 10px;
}
.why_choose_dev .dev-years {
  margin-top: 50px;
}
.why_choose_dev .dev-years .box {
  padding: 40px 55px;
  border-radius: 10px;
  background-color: #d3e5e4;
  box-shadow: 0px 0px 10px 0px #00000040;
}
.why_choose_dev .dev-years .box .box-details {
  display: flex;
  gap: 10px;
}
.why_choose_dev .dev-years .box .box-text h4 {
  font-size: 44px;
  font-weight: 700;
  color: #494949;
  margin-bottom: 0;
}
.why_choose_dev .dev-years .box .box-text h6 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 0;
}
/* why choose devlopment section end */

/* App Development Process start */
.app-development {
  margin: 80px 0px;
}
.app-development h1 {
  text-align: center;
  color: #053b50;
  font-weight: 800;
  margin-bottom: 44px;
}

.app-development .app-title {
  background-color: #f0f0f0;
  padding: 0 25px 0 0;
  box-shadow: 0px 0px 10.8px 0px #00000040;
  border-radius: 0px 10px 10px 0px;
  border-left: 7px solid #053b50;
}
.app-development .app-inner-title h2 {
  font-weight: 700;
  padding: 26px;
  font-size: 24px;
  color: #053b50;
  margin: 0;
  text-align: start;
}
.app-development .app-inner-title .nav-link.active {
  background-color: #053b50;
  border-radius: 0px 10px 10px 0px;
  width: 100%;
}
.app-development .app-inner-title .nav-link.active h2 {
  color: white;
  text-align: start;
}
.app-development .app-inner-title .nav-item hr {
  margin: 0;
}
/* .app-development .app-inner-title .title-name .custom-hr {
    width: 100%;
  }
  .app-development .app-inner-title .title-name .custom-hr hr {
    margin: 0;
    border-top: 1px solid #b0b0b0;
    opacity: 1;
  } */
.app-development .design {
  background-color: #f0f0f0;
  box-shadow: 0px 0px 10.8px 0px #00000040;
  border-radius: 10px;
  height: 100%;
  display: flex;
  background-image: url(../assets/images/technology/img02.png);
  background-repeat: no-repeat;
  background-position: right;
}
.app-development .design .design-desc {
  padding-top: 44px;
  padding-left: 44px;
}
.app-development .design .design-desc h2 {
  color: #053b50;
  font-weight: 800;
  font-size: 36px;
  margin-bottom: 18px;
}
.app-development .design .round-desc {
  display: flex;
}
.app-development .round-desc .dot {
  height: 8px;
  width: 8px;
  background-color: #053b50;
  border-radius: 50%;
  margin: 0;
  margin-right: 10px;
  margin-top: 10px;
}
.app-development .round-desc p {
  font-size: 20px;
  width: 90%;
}
.app-development .round-desc b{
  color: black;
}
.app-development .design .design-img img {
  max-width: 100%;
  height: auto;
  margin-top: 20%;
}
.app-development .app-title ul li {
  list-style: none;
}
.app-development .app-title ul {
  padding-left: 0;
  margin-bottom: 0;
}

/* devlopment faq section start */
.devlopment_faq {
  margin-top: 80px;
  margin-bottom: 60px;
}
.devlopment_faq h1 {
  font-size: 44px;
  font-weight: 700;
  color: #053b50;
  text-align: center;
}
.devlopment_faq p {
  font-size: 22px;
  font-weight: 400;
  text-align: center;
}

.devlopment_faq .new-accordion {
  position: relative;
  margin-bottom: 60px;
  margin-top: 40px;
}
.devlopment_faq .new-accordion .accordion-item {
  border: 0;
  border-bottom: 1px solid #494949;
  background: #fff0;
}
.devlopment_faq .accordion-header {
  margin-bottom: 0;
}
.devlopment_faq .new-accordion .accordion-item button.accordion-button {
  font-style: normal;
  font-size: 22px;
  font-weight: 700;
  color: #494949;
  line-height: 28px;
  background-color: #fff0;
  box-shadow: unset;
  padding: 20px 0;
}
.devlopment_faq
  .new-accordion
  .accordion-item
  button.accordion-button.collapsed::after {
  background-image: url(../assets/images/technology/plus.png);
}
.devlopment_faq .new-accordion .accordion-item button.accordion-button::after {
  background-image: url(../assets/images/technology/minus.png);
  background-size: auto;
  transform: unset;
  background-position: center;
}
.devlopment_faq .new-accordion .accordion-item .accordion-body {
  padding: 0 0 20px 0;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 30px;
}
.devlopment_faq .new-accordion .accordion-item .accordion-body code {
  color: #053b50 !important;
  font-weight: 600;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: 0rem !important;
  border-bottom-left-radius: 0rem !important;
}