* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  color: #fafafa;
}

@media screen and (max-width: 1440px) {
  html {
    font-size: 52.5% !important;
  }
  .hero {
    padding: 10rem 0rem;
  }
  .hero .hero-wrapper .hero-dec {
    color: #052449;
  }
  .hero .hero-wrapper .hero-dec h1 {
    font-size: 8.5rem;
  }
  .hero .hero-wrapper .hero-img {
    color: red;
  }
  .nav-links {
    font-size: 1.5rem !important;
  }
  .work-tgt-des h2 {
    font-size: 6rem;
  }
  .work-tgt-des p {
    font-size: 2rem !important;
  }
  .work-tgt-img {
    -webkit-transform: translate(-2rem, 17rem);
            transform: translate(-2rem, 17rem);
  }
}

@media screen and (max-width: 1100px) {
  html {
    font-size: 52.5% !important;
  }
  .hero-img img {
    width: 45rem;
    height: 43.9rem;
  }
  .service-img {
    gap: 30px;
    margin-bottom: 15rem !important;
  }
  .service-img img {
    max-width: 250px !important;
  }
  .our-work-imgs {
    width: 800px !important;
  }
  .our-work-imgs div {
    min-width: 30px !important;
  }
  .pricing-cards .card {
    width: 290px !important;
  }
  .work-tgt {
    width: 80%;
  }
  .work-tgt-des {
    max-width: 40rem;
  }
  .work-tgt-des h2 {
    font-size: 5rem;
  }
  .work-tgt-des p {
    font-size: 2rem !important;
  }
  .work-tgt-img {
    -webkit-transform: translate(-5rem, 17rem);
            transform: translate(-5rem, 17rem);
  }
  .work-tgt-img img {
    width: 35.8rem !important;
    height: 35rem !important;
  }
}

@media screen and (max-width: 961px) {
  html {
    font-size: 48.5% !important;
  }
  .burgar-menu {
    position: relative;
    display: block !important;
    cursor: pointer;
    z-index: 11;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .burgar-menu span {
    padding: 0.2rem 2rem;
    background-color: black;
    margin: 0.7rem 0rem;
    display: block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 5px;
  }
  .navbar .nav-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: -100;
    left: 0;
    height: 100vh;
    width: 100%;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: start !important;
    -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
            align-items: baseline !important;
    text-align: unset !important;
    -webkit-transform: translateY(-425px);
            transform: translateY(-425px);
    overflow: hidden;
    z-index: -1;
    -webkit-transition: all 1000ms ease;
    transition: all 1000ms ease;
  }
  .navbar .nav-links a:first-child {
    margin-top: 80px !important;
    font-weight: unset !important;
    border-bottom: 1px solid #616161 !important;
  }
  .navbar .nav-links a {
    padding: 16px 0 !important;
    width: 90%;
    margin: 0 auto !important;
    border-bottom: 1px solid #616161;
    font-size: 17px !important;
  }
  .navbar .nav-links .contact-us {
    color: #052449 !important;
    background-color: unset !important;
  }
  .sticky {
    padding: 10px 40px !important;
  }
  .hero-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .hero-wrapper .hero-dec {
    margin-bottom: unset !important;
  }
  .service-wrapper {
    width: 70% !important;
  }
  .service-img {
    -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
            justify-content: space-evenly !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .service-img img {
    min-width: 10px !important;
  }
  .our-work-imgs {
    width: 600px !important;
    -ms-grid-columns: 1fr !important;
        grid-template-columns: 1fr !important;
    -ms-grid-rows: 1fr 1fr 0.5fr 0.5fr 0.5fr !important;
        grid-template-rows: 1fr 1fr 0.5fr 0.5fr 0.5fr !important;
        grid-template-areas: "i1"
 "i2"
 "i3"
 "i4"
 "i5" !important;
  }
  .our-work-imgs .item1 {
    background: #271010;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: i1;
  }
  .our-work-imgs .item2 {
    background: #8a3939;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: i2;
  }
  .our-work-imgs .item3 {
    background: #23bd82;
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: i3;
  }
  .our-work-imgs .item4 {
    background: #ad59d4;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    grid-area: i4;
  }
  .our-work-imgs .item5 {
    background: #2c363f;
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    grid-area: i5;
  }
  .pricing-cards {
    width: 80% !important;
    -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
  }
  .work-tgt {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5rem 5rem !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .work-tgt-des {
    margin-left: unset !important;
    text-align: center;
  }
  .work-tgt-des h2 {
    font-size: 5rem;
  }
  .work-tgt-des p {
    font-size: 2rem !important;
  }
  .work-tgt-img {
    -webkit-transform: unset !important;
            transform: unset !important;
    margin-top: 5rem;
  }
  .work-tgt-img img {
    width: 25.8rem !important;
    height: 25rem !important;
  }
  .how-we-work {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    text-align: center !important;
    padding-right: unset !important;
  }
}

@media screen and (max-width: 638px) {
  html {
    font-size: 42.5% !important;
  }
  .sticky {
    padding: 10px 20px !important;
  }
  .hero-img img {
    width: 45rem !important;
    height: 43.9rem !important;
  }
  .work-desc p {
    font-size: 1.3rem !important;
    line-height: 1.3rem !important;
  }
  .pricing-header h1 {
    line-height: 8.7rem !important;
  }
  .our-work-imgs {
    width: 350px !important;
  }
  .our-work-wrapper {
    width: unset !important;
  }
  .work-tgt-des {
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
}

@media screen and (max-width: 428px) {
  html {
    font-size: 40% !important;
  }
  .sticky {
    padding: 10px 20px !important;
  }
  .our-work-imgs {
    width: 350px !important;
  }
  .hero-img img {
    width: 45rem !important;
    height: 43.9rem !important;
  }
}

@media (max-height: 750px) {
  html {
    font-size: 40% !important;
  }
  .hero {
    padding-top: 15rem;
  }
}

h1 {
  font-size: 6.4rem;
}

h2 {
  font-size: 3.6rem;
}

h3 {
  font-size: 2.6rem;
}

p {
  font-size: 2.1rem;
}

a {
  text-decoration: none;
  color: #fafafa;
  font-size: 1.8rem;
  cursor: pointer;
}

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  padding: 20px 0px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  z-index: 99999;
}

header .navbar {
  width: 90%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

header .navbar .logo {
  padding: 1rem;
  width: 11.9rem;
  height: 5.8rem;
}

header .navbar .nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 1.8rem;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

header .navbar .nav-links .nav-link {
  padding: 1rem 1rem;
  color: #052449;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  margin-right: 5rem;
}

header .navbar .nav-links .nav-link-active {
  font-weight: bold;
  border-bottom: 4px solid #052449;
}

header .navbar .nav-links .contact-us {
  color: #fafafa;
  padding: 1.3rem 2.4rem;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  background-color: #052449;
}

header .navbar .nav-links .contact-us-active {
  background-color: #fafafa;
  color: #313131;
}

header .navbar .burgar-menu {
  display: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.sticky {
  padding: 1rem 10rem;
  background-color: #052449;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}

.active-color {
  color: white !important;
}

.burgar-active {
  background-color: white !important;
}

.active {
  height: 100vh !important;
  position: fixed !important;
  top: 0;
  left: 0;
  overflow-y: hidden;
  /* Hide vertical scrollbar */
  overflow-x: hidden;
  /* Hide horizontal scrollbar */
  -webkit-transform: translateY(0px) !important;
          transform: translateY(0px) !important;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
  background-color: #fafafa;
}

.remove-scrollbar {
  opacity: 0;
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

main {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  opacity: 1;
}

.hero {
  min-height: 100vh;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
}

.hero .hero-wrapper {
  width: 80%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  gap: 10px;
}

.hero .hero-wrapper .hero-dec {
  overflow-wrap: break-word;
  z-index: 1;
  color: #052449;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 100px;
  max-width: 100%;
}

.hero .hero-wrapper .hero-dec h1 {
  font-size: 7.2rem;
}

.hero .hero-wrapper .hero-dec p {
  font-size: 3.6rem;
}

.hero .hero-wrapper .hero-dec .showmore {
  margin-top: 25px;
  padding: 1.4rem 4.7rem;
  color: #052449;
  border: 1px solid #313131;
  font-size: 18px;
  line-height: 22px;
  -o-object-fit: fill;
     object-fit: fill;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.hero .hero-wrapper .hero-dec .showmore:hover {
  background-color: #052449;
  color: white;
}

.hero .hero-wrapper .hero-img {
  -o-object-fit: cover;
     object-fit: cover;
}

.hero .hero-wrapper .hero-img img {
  width: 63.6rem;
  height: 65.4rem;
}

.about-us {
  background-color: #052449;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-us .about-us-wrapper {
  width: 60%;
  margin: auto;
}

.about-us .about-us-wrapper h1 {
  line-height: 11.7rem;
}

.about-us .about-us-wrapper p {
  line-height: 2.6rem;
  color: #c4c4c4;
  margin-bottom: 5rem;
}

.about-us .about-us-img img {
  width: 31.7rem;
  height: 31rem;
}

.service {
  min-height: 100vh;
  width: 100%;
}

.service-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #052449;
  width: 60%;
  margin: auto;
}

.service-header {
  margin-top: 15rem;
  margin-bottom: 8.7rem;
  text-align: center;
}

.service-header h1 {
  line-height: 7.8rem;
  margin-bottom: 1.5rem;
}

.service-header p {
  font-size: 3rem;
}

.service-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  gap: 30px;
  margin-bottom: 4.7rem;
}

.service-img img {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 450px;
}

.our-work {
  min-height: 100vh;
  background-color: #052449;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.our-work-wrapper {
  width: 60%;
  margin: auto;
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.our-work-header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10rem;
}

.our-work-header .our-work-title p {
  font-weight: normal;
  color: #c4c4c4;
  line-height: 3.7rem;
}

.our-work-header a {
  color: #fafafa;
  padding: 1.7rem 4rem;
  background-color: #0d3666;
  white-space: nowrap;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.our-work-imgs {
  font-size: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: 2.5fr 0.9fr 0.9fr 2.5fr;
      grid-template-rows: 2.5fr 0.9fr 0.9fr 2.5fr;
      grid-template-areas: "i1 i3"
 "i1 i4"
 "i2 i4"
 "i2 i5";
  gap: 5rem;
}

.our-work-imgs .item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.our-work-imgs .item1 {
  background: #271010;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: i1;
}

.our-work-imgs .item2 {
  background: #8a3939;
  -ms-grid-row: 3;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: i2;
}

.our-work-imgs .item3 {
  background: #23bd82;
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: i3;
}

.our-work-imgs .item4 {
  background: #ad59d4;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: i4;
}

.our-work-imgs .item5 {
  background: #2c363f;
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: i5;
}

.our-work-imgs .work-img {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.our-work-imgs .work-img img {
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.our-work-imgs .work-desc {
  width: 100%;
  height: 7rem;
  background-color: #f5f5f5;
  color: #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: relative;
}

.our-work-imgs .work-desc h6 {
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 3.5rem;
  z-index: 8;
}

.our-work-imgs .work-desc p {
  font-size: 1rem;
  line-height: 1.2rem;
}

.our-work-imgs .work-desc span {
  -ms-flex-item-align: baseline;
      align-self: baseline;
  padding: 1.5rem 1.5rem;
  color: black;
  background: #f5f5f5;
  position: absolute;
  top: 0;
  right: 50%;
  -webkit-transform: translateX(50%) translateY(-1.2rem) rotate(45deg);
          transform: translateX(50%) translateY(-1.2rem) rotate(45deg);
}

.our-work-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.our-work-button a {
  margin-top: 10rem;
  margin-bottom: 15rem;
  padding: 1.2rem 5.8rem;
  line-height: 3.7rem;
  color: #fafafa;
  border: 0.1rem solid #fafafa;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.our-work-button a:hover {
  color: #052449;
  background-color: #fafafa;
}

.pricing {
  min-height: 200vh;
  width: 100%;
  background-color: #ffffff;
}

.pricing-header {
  height: 39rem;
  background-color: black;
  color: black;
  background-image: url("/img/pricing/pricing.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}

.pricing-header h1 {
  line-height: 11.7rem;
  color: #052449;
}

.pricing-header p {
  line-height: 3.7rem;
  color: #313131;
}

.pricing-container {
  margin-top: 5rem;
  color: #052449;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pricing-container .pricing-title {
  margin-bottom: 2.5rem;
}

.pricing-container .pricing-title h1 {
  line-height: 4.4rem;
}

.pricing-container .pricing-cards {
  width: 115.2rem;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.4rem;
}

.pricing-container .pricing-cards .card {
  width: 361px;
  height: auto;
  background-color: #f5f5f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pricing-container .pricing-cards .card .title {
  font-weight: 600;
  line-height: 2.9rem;
  color: #313131;
  margin-top: 2.5rem;
}

.pricing-container .pricing-cards .card .logo {
  width: 12.6rem;
  height: 12.6rem;
  margin-top: 2rem;
}

.pricing-container .pricing-cards .card .price {
  font-weight: 600;
  line-height: 4.4rem;
  color: #313131;
  margin-top: 1.2rem;
  position: relative;
  padding-left: 15px;
}

.pricing-container .pricing-cards .card .price span:first-child {
  font-size: 14px;
  line-height: 17px;
  position: absolute;
  top: 0;
  left: 0;
  color: #313131;
}

.pricing-container .pricing-cards .card .price span {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #c4c4c4;
}

.pricing-container .pricing-cards .card .hr1 {
  width: 80%;
  margin-top: 2rem;
}

.pricing-container .pricing-cards .card .des {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  margin-top: 3.5rem;
}

.pricing-container .pricing-cards .card .des img {
  margin-right: 1.5rem;
}

.pricing-container .pricing-cards .card .des .hr2 {
  width: 100%;
  height: 0.2rem;
  background-color: #c4c4c4;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.pricing-container .pricing-cards .card .des .logo-no {
  padding-right: 0.8rem;
}

.pricing-container .pricing-cards .card a {
  padding: 1.8rem 7.6rem;
  border: 2px solid #052449;
  font-size: 1.8rem;
  line-height: 2.2rem;
  color: #313131;
  margin: 5rem 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pricing-container .pricing-cards .card a:hover {
  background-color: #052449;
  color: #f5f5f5;
}

.pricing .work-tgt {
  width: 80%;
  min-height: 57.1rem;
  margin: auto;
  background-color: #052449;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15rem;
  position: relative;
}

.pricing .work-tgt-des {
  max-width: 90rem;
  margin-left: 19.2rem;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.pricing .work-tgt-des h1 {
  font-weight: bold;
  line-height: 7.8rem;
  margin-bottom: 1.5rem;
}

.pricing .work-tgt-des p {
  font-size: 2.4rem;
  line-height: 2.9rem;
  color: #c4c4c4;
  margin-bottom: 5rem;
}

.pricing .work-tgt-des a {
  padding: 1.9rem 3.5rem;
  line-height: 2.9rem;
  color: #c4c4c4;
  border: 1px solid #c4c4c4;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pricing .work-tgt-des a:hover {
  background-color: #c4c4c4;
  color: #313131;
}

.pricing .work-tgt-img {
  -webkit-transform: translate(-5rem, 17rem);
          transform: translate(-5rem, 17rem);
}

.pricing .work-tgt-img img {
  width: 45.8rem;
  height: 45rem;
}

.pricing .how-we-work {
  width: 80%;
  height: 66rem;
  margin: auto;
  background-image: url("../img/pricing/how-we-work.png");
  background-position: center;
  color: #052449;
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-right: 19rem;
}

.pricing .how-we-work h1 {
  line-height: 10rem;
}

.pricing .how-we-work p {
  line-height: 3.7rem;
}

.pricing .how-we-work a {
  color: #313131;
  padding: 1.7rem 4.6rem;
  border: 0.2rem solid #313131;
  font-size: 1.8rem;
  line-height: 2.2rem;
  margin-top: 2rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.pricing .how-we-work a:hover {
  background-color: #052449;
  color: white;
}

.pricing .testimonial {
  width: 100%;
  padding-bottom: 10rem;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #e8e8e8));
  background-image: linear-gradient(to bottom, #ffffff 50%, #e8e8e8 50%);
}

.pricing .testimonial-container {
  width: 80%;
  height: 847px;
  margin: auto;
  margin-top: 10rem;
  background-color: #052449;
  background-image: url("../img/pricing/testimonail.png");
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pricing .testimonial-container h1 {
  line-height: 11.7rem;
  color: #fafafa;
  margin-top: 10rem;
}

footer {
  width: 100%;
  min-height: 46.4rem;
  background-color: #052449;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10rem 0rem;
}

footer .container {
  width: 70%;
  margin-bottom: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5rem;
}

footer .container .f {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

footer .container .f1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

footer .container .f1 .footer-logo {
  width: 16.5rem;
  height: 6.6rem;
  margin-bottom: 0.7rem;
}

footer .container .f1 p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #c4c4c4;
  margin-bottom: 1.7rem;
}

footer .container .f1 .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

footer .container .f1 .icons a {
  width: 100%;
  height: 100%;
}

footer .container .f2,
footer .container .f3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .container .f2 h4,
footer .container .f3 h4 {
  font-size: 2.4rem;
  line-height: 2.9rem;
  margin-bottom: 1.9rem;
}

footer .container .f2 a,
footer .container .f3 a {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #ffffff;
}

footer .container .f2 a:not(:last-child),
footer .container .f3 a:not(:last-child) {
  margin-bottom: 0.9rem;
}

footer .container .f4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .container .f4 h4 {
  font-size: 2.4rem;
  line-height: 2.9rem;
  margin-bottom: 1.9rem;
}

footer .container .f4 .footer-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1.2rem;
  color: #747474;
}

footer .container .f4 .footer-form input {
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  background-color: #e8e8e8;
  line-height: 1.5rem;
  border: none;
  font-family: "Montserrat", sans-serif;
}

footer .container .f4 .footer-form button {
  padding: 0.8rem 1.2rem;
  border-radius: 0rem;
  margin-left: 0.5rem;
  cursor: pointer;
}

footer .container .f4 p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #c4c4c4;
  margin-bottom: 1rem;
}

footer .footer-line {
  width: 70%;
  height: 1px;
  background-color: #ffffff;
}

footer .copyRight {
  width: 70%;
  height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 2.5rem;
  gap: 2.5rem;
}

footer .copyRight p {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #ffffff;
}
/*# sourceMappingURL=style.css.map */