.text-black-0c {
  color: #0C123B !important;
}

.text-black-02 {
  color: #020C1C !important;
}

.text-black-0b {
  color: #0B1421 !important;
}

.text-black-29 {
  color: #292360 !important;
}

.text-black-11 {
  color: #111B2A !important;
}

.text-off-white {
  color: #ffffff80 !important;
}

.text-grey-e9 {
  color: #E9EAEC !important;
}

.text-wintergreen {
  color: #E9FFF5 !important;
}

.text-light-blue {
  color: #A0C8F5 !important;
}

.text-lavender {
  color: #E9EBFF !important;
}

.text-iceGlow {
  color: #FFFEE9 !important;
}

.text-lavender-dark {
  color: #877AFF !important;
}

.bg-black-0c {
  background-color: #0C123B !important;
}

.bg-black-02 {
  background-color: #020C1C !important;
}

.bg-black-0b {
  background-color: #0B1421 !important;
}

.bg-black-29 {
  background-color: #292360 !important;
}

.bg-black-11 {
  background-color: #111B2A !important;
}

.bg-off-white {
  background-color: #ffffff80 !important;
}

.bg-grey-e9 {
  background-color: #E9EAEC !important;
}

.bg-wintergreen {
  background-color: #E9FFF5 !important;
}

.bg-light-blue {
  background-color: #A0C8F5 !important;
}

.bg-lavender {
  background-color: #E9EBFF !important;
}

.bg-iceGlow {
  background-color: #FFFEE9 !important;
}

.bg-lavender-dark {
  background-color: #877AFF !important;
}

.border-black-0c {
  border-color: #0C123B !important;
}

.border-black-02 {
  border-color: #020C1C !important;
}

.border-black-0b {
  border-color: #0B1421 !important;
}

.border-black-29 {
  border-color: #292360 !important;
}

.border-black-11 {
  border-color: #111B2A !important;
}

.border-off-white {
  border-color: #ffffff80 !important;
}

.border-grey-e9 {
  border-color: #E9EAEC !important;
}

.border-wintergreen {
  border-color: #E9FFF5 !important;
}

.border-light-blue {
  border-color: #A0C8F5 !important;
}

.border-lavender {
  border-color: #E9EBFF !important;
}

.border-iceGlow {
  border-color: #FFFEE9 !important;
}

.border-lavender-dark {
  border-color: #877AFF !important;
}

html {
  font-size: calc(max(0.833vw, 12px));
}

@media (max-width: 375.99px) {
  html {
    font-size: calc(max(0.700vw, 8px));
  }
}

.container {
  max-width: 87.5rem;
}

@media (max-width: 1024.99px) {
  .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1200px) {
  .container-custom {
    width: calc(100vw - calc((100vw - 87.5rem) / 2));
    max-width: initial;
    margin-left: auto;
    margin-right: 0;
  }
}

@media (max-width: 1024.99px) {
  .container-custom {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

body {
  font-family: "Muli", sans-serif !important;
  color: #fff;
  background-color: #020C1C;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Light.ttf");
  font-weight: 300;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Regular.ttf");
  font-weight: 400;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-SemiBold.ttf");
  font-weight: 500;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Bold.ttf");
  font-weight: 600;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-ExtraBold.ttf");
  font-weight: 700;
}

@font-face {
  font-family: "Muli";
  src: url("../fonts/Muli-Black.ttf");
  font-weight: 900;
}

.fw-bolder {
  font-weight: 900 !important;
}

.fs-1 {
  font-size: 4.188rem !important;
}

.fs-2 {
  font-size: 2.813rem !important;
}

.fs-3 {
  font-size: 2.188rem !important;
}

.fs-4 {
  font-size: 1.875rem !important;
}

.fs-5 {
  font-size: 1.5rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fs-7 {
  font-size: 0.875rem !important;
}

a {
  text-decoration: none;
}

.cta-btn {
  transition: background-color 0.2s ease-in-out;
}

.cta-btn:hover {
  background-color: transparent !important;
  color: #fff !important;
  transition: background-color 0.2s ease-in-out;
}

.cta-btn.text-light-blue:hover {
  color: #292360 !important;
}

.form-control, .form-select {
  background-color: #FFFFFF0F;
}

.form-control::placeholder, .form-select::placeholder {
  color: #E9EAEC;
}

.form-select option {
  background-color: #020C1C;
}

.logo {
  width: 4.3rem;
}

@media (max-width: 992px) {
  .side_menu {
    padding: 1.875rem;
  }
  .side_menu .btn-close {
    opacity: 1;
  }
}

.banner {
  background: url("../../assets/images/banner.png") no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

.banner .header {
  background-color: #161E3669;
}

@media (max-width: 767px) {
  .banner {
    background: url("../../assets/images/banner_mobile.png") no-repeat;
    background-size: cover;
    height: 100vh;
  }
}

@media (max-width: 850.99px) {
  .banner .fs-1 {
    font-size: 3.188rem !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .banner .fs-1 {
    font-size: 4.188rem !important;
  }
  .banner .fs-6 {
    font-size: 1.5rem !important;
  }
}

.banner .navbar-toggler-icon {
  background: url(../../assets/images/menu.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.social_icons {
  display: flex;
  list-style-type: none;
  padding-left: 0;
}

.social_icons img {
  width: 1.25rem;
}

@media (max-width: 576px) {
  .social_icons img {
    width: 1.4rem;
  }
}

.menu_items .nav-link {
  font-size: 1.125rem;
}

@media (max-width: 992px) {
  .menu_items .nav-link {
    font-size: 1.5rem;
    text-align: center;
  }
  .menu_items .nav-link:not(.cta-btn) {
    padding: 1.2rem;
  }
}

.menu_items .nav-item .cta-btn {
  font-size: 1.2rem;
  margin: auto;
}

.graphics {
  position: absolute;
  right: -3.125rem;
  top: -0.625rem;
  height: 11rem;
  z-index: -1;
}

.clients {
  background-color: #F5F5F5;
  border-radius: 1.063rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  height: 100%;
}

.clients__logo {
  height: 4.5rem;
}

.section_padding {
  padding: 3rem 0;
}

.nav-pills .services_plan {
  border-radius: 1.563rem;
  border: 3px solid transparent;
  position: relative;
}

@media (min-width: 991px) {
  .nav-pills .services_plan {
    margin-bottom: 1.375rem;
  }
}

.nav-pills .services_plan.active {
  background: linear-gradient(#0B1421, #0B1421) padding-box, linear-gradient(90deg, #88B8FF 0%, #E087FF 19%, #B43D6A 48%, #FFA631 77%, #FFF241 100%) border-box;
  color: #ffffff !important;
}

.nav-pills .services_plan.active .services_plan-srno {
  color: #fffffa1a;
}

.nav-pills .services_plan:hover {
  color: #ffffff !important;
}

.nav-pills .services_plan:hover .services_plan-srno {
  color: #fffffa1a;
}

.nav-pills .services_plan img {
  height: 6.25rem;
  width: 6.25rem;
  margin-right: 2rem;
}

.nav-pills .services_plan-srno {
  position: absolute;
  font-size: 3.813rem;
  right: 10px;
  top: 10px;
  color: #fffffa0d;
}

@media (max-width: 992px) {
  .nav-pills .services_plan {
    white-space: nowrap;
    padding-right: 4rem !important;
    font-size: 1.5rem !important;
    margin-right: 15px;
  }
  .nav-pills .services_plan:not(.active) {
    border-color: #ffffff80;
  }
  .nav-pills .services_plan img {
    height: 4rem;
    width: 4rem;
    margin-right: 1rem;
  }
  .nav-pills .services_plan-srno {
    font-size: 2rem;
  }
}

.nav-pills.nav-pills-md {
  display: flex;
  overflow-x: auto;
}

.title-small {
  font-size: 1.25rem;
}

.web_tools_icons {
  list-style-type: none;
  display: flex;
  align-items: center;
  padding-left: 0;
}

.web_tools_icons li {
  padding-right: 2rem;
}

.web_tools_icons img {
  height: 5rem;
}

.services_tab_info {
  border-radius: 1.563rem;
}

.services_tab_info-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.portfolio {
  position: relative;
}

@media (min-width: 992px) {
  .portfolio_img {
    width: 44.188rem !important;
  }
}

.portfolio_title {
  position: absolute;
  bottom: 0;
  padding: 5.625rem 2.1rem 1.25rem;
  width: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000D9 100%) 0% 0% no-repeat padding-box;
}

.portfolio_title h2 {
  font-size: 2.188rem !important;
  transition: transform 0.5s;
}

.portfolio:hover h2 {
  transform: translateY(-15px);
  transition: transform 0.5s;
}

.why_choose_us_img {
  width: 38rem;
}

.why_choose_us_text {
  list-style: none;
  padding: 0;
}

.why_choose_us_text .icon {
  height: 3.125rem;
  min-width: 3.125rem;
  background-color: #E9EAEC;
  border-radius: 50%;
}

.reviews_client {
  min-height: 32.75rem;
  border-radius: 1.563rem;
  color: #020C1C;
}

.reviews_client_avatar_wrap {
  background: #BFF0FF;
  padding: 2.5rem 0.5rem 0.5rem;
  width: 8.188rem;
  border-radius: 4.063rem 0 4.063rem 4.063rem;
}

.reviews_client_avatar {
  border-radius: 3.5rem 0 3.5rem 3.5rem;
  height: 7.563rem;
}

.reviews_quote_img {
  width: 2.188rem !important;
}

@media (min-width: 992px) {
  .reviews_client {
    width: 44.188rem;
  }
}

.lets_build .text-lg {
  font-size: 6.563rem;
}

.lets_build .text-sm {
  font-size: 2.5rem;
}

@media (max-width: 576px) {
  .lets_build .text-lg {
    font-size: 5rem;
  }
}

.footer .text-sm {
  font-size: 2.5rem;
}

@media (max-width: 576px) {
  .footer .text-sm {
    font-size: 1.7rem;
  }
}

.animate__animated.animate__fadeInUp {
  --animate-duration: 1.2s;
}

.opacity-low {
  opacity: 0.8;
}

.about.banner {
  background: url("../../assets/images/aboutBg.png") no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

@media (max-width: 1200px) {
  .about.banner {
    background: url("../../assets/images/aboutBgSm.png") no-repeat;
    background-size: cover;
    background-position: top;
  }
}

@media (max-width: 767px) {
  .about.banner {
    background: url("../../assets/images/about_mobile.png") no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 100vh;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .about.banner .fs-1 {
    font-size: 4.188rem !important;
  }
  .about.banner .fs-6 {
    font-size: 1.5rem !important;
  }
}

.about_service {
  background-color: #0B1421;
  border-radius: 1.563rem;
}

.about_service .img {
  height: 5.313rem;
}

.about_service .fs-lg {
  font-size: 3.75rem;
}

@media (max-width: 576px) {
  .about_service .fs-lg {
    font-size: 3.15rem;
  }
}

.about_img {
  width: 18.75rem;
}

.contact.banner {
  background: url("../../assets/images/contact_bg.png") no-repeat;
  background-size: 100%;
  background-attachment: fixed;
}

@media (max-width: 1200px) {
  .contact.banner {
    background-size: 130%;
    background-position: top;
  }
}

@media (max-width: 1024px) {
  .contact.banner {
    background-size: 170%;
    background-position: top;
  }
}

@media (max-width: 850.99px) {
  .contact.banner .fs-1 {
    font-size: 3.188rem !important;
  }
}

@media (max-width: 767px) {
  .contact.banner {
    background: url("../../assets/images/contact_mobile.png") no-repeat;
    background-size: cover;
    background-position: bottom;
    height: 100vh;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .contact.banner .fs-1 {
    font-size: 4.188rem !important;
  }
  .contact.banner .fs-6 {
    font-size: 1.5rem !important;
  }
}

.inquiry_address {
  background-color: #0B1421;
  border-radius: 1.25rem;
}

.inquiry .text-sm {
  font-size: 1.375rem;
}

.inquiry .text {
  color: #ffffffcc;
}

.inquiry .text-off-white {
  color: #ffffff80;
}

.inquiry .border-secondary {
  border-color: #222B5A !important;
}

.inquiry .flag {
  width: 3.125rem;
}