@font-face {
  font-family: 'icomoon';
  src:  url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.eot?rkfml9);
  src:  url('https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.eot?rkfml9#iefix') format('embedded-opentype'),
    url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.ttf?rkfml9) format('truetype'),
    url(https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.woff?rkfml9) format('woff'),
    url('https://masssoftwaresolutions.com/msscss/assets/css/../fonts/icomoon.svg?rkfml9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-behance:before {content: "\e900";}
.icon-call:before {content: "\e901";}
.icon-email:before {content: "\e902";}
.icon-facebook:before {content: "\e903";}
.icon-linkedin:before {content: "\e904";}
.icon-twitter:before {content: "\e905";}

html { width:100%; height:100%; margin: 0rem; padding: 0rem; font-size: 62.5%; }
body { overflow-x: hidden; margin: 0rem; padding: 0rem; font-optical-sizing: auto; background: var(--white); }
figure, address, blockquote {margin: 0; padding: 0;}
::-moz-selection { color: rgb(255, 255, 255); background: rgba(12, 146, 239, 1); }
::selection { color: rgb(255, 255, 255); background: rgba(12, 146, 239, 1); }
img { max-width: 100%; }

a { text-decoration: none; }
h1, h2, h3, h4, p { padding: 0; margin: 0; }

:root {
  --primary-font: "Manrope", sans-serif;
  --secondary-font: "Jost", sans-serif;
}
.mwa-global .container {max-width: 91.2%;}

/* common stye start */
.common-heading {overflow: hidden;}

.common-heading h2 {font-family: var(--primary-font); font-size: 5.5rem; font-weight: 700; line-height: normal; color: rgba(0, 0, 0, 1); text-align: center;}

/* header style start */
body.logged-in .template-header {top: 3.2rem;}

.template-header {position: fixed; top: 0; left: 0; right: 0; z-index: 12;}

.template-header.stick {background: linear-gradient(180deg, #263238 0%, #263238 100%); animation: stickynav 1s;}

@keyframes stickynav { from {transform: translateY(-2.5rem);} to {transform: translateY(0rem);} }

.template-header-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 2rem 0;}

.template-logo-block {width: 6.4rem; height: 5.4rem;}

.template-logo {width: 6.4rem; height: 5.4rem;}

.template-logo img, svg {width: 100%; height: 100%;}

.template-button-list {padding: 0; margin: 0; list-style: none; display: flex; gap: 0.8rem;}

.template-button {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 700; line-height: normal; color: rgba(255, 255, 255, 1); padding: 0.6rem 2.2rem 0.8rem;}

.template-button-list li:nth-child(1) .template-button {border: 0.1rem solid rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, 1); transition: all .3s ease;}
.template-button-list li:nth-child(1) .template-button:hover {color: rgba(255, 255, 255, 1); border: 0.1rem solid rgba(31, 188, 253, 1); background-color: rgba(31, 188, 253, 1);}

.template-button-list li:nth-child(2) .template-button {border: 0.1rem solid rgba(255, 255, 255, 1); background-color: transparent; transition: all .3s ease;}
.template-button-list li:nth-child(2) .template-button:hover {color: rgba(31, 188, 253, 1); border: 0.1rem solid rgba(31, 188, 253, 1);}

.template-button-list li:nth-child(3) .template-button {border: 0.1rem solid rgba(31, 188, 253, 1); background-color: rgba(31, 188, 253, 1); transition: all .3s ease;}
.template-button-list li:nth-child(3) .template-button:hover {color: rgba(31, 188, 253, 1); border: 0.1rem solid rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);}

/* banner style start */
.mwa-banner-section {background-color: rgb(0, 0, 0); background-image: var(--wpr-bg-cdb73a27-233c-4056-b1a5-a42ae471162b); background-repeat: no-repeat; background-size: cover; background-position: center; width: 100%; height: auto;  position: relative; display: flex; align-items: center; padding: 10rem 0;}

.mwa-banner-section::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #263238 0%, #263238 100%); opacity: 80%;}

.mwa-banner-section .container {position: relative; z-index: 1;}

.mwa-banner-section .container .row {align-items: flex-end;}

.mwa-banner-content-block {max-width: 87.2rem; width: 100%;}

.mwa-banner-heading h1 {font-family: var(--primary-font); font-size: 6.8rem; font-weight: 600; line-height: 7.6rem; color: rgba(255, 255, 255, 1);}

.mwa-banner-heading h1 strong {font-weight: 800;}

.mwa-banner-text {margin-top: 2.3rem;}

.mwa-banner-text p {font-family: var(--primary-font); font-size: 2.4rem; font-weight: 500; line-height: normal; color: rgba(255, 255, 255, 1);}

.mwa-cater-heading {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 600; line-height: normal; color: rgba(255, 255, 255, 1);}

.mwa-cater-wrapper {margin-top: 3.8rem;}

.mwa-cater-block {display: flex; flex-wrap: wrap; gap: 0.4rem; max-width: 80.0rem; width: 100%; margin-top: 1.1rem;}

.mwa-cater {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 600; line-height: normal; padding: 0.3rem 1.4rem; border: 0.1rem solid rgba(0, 0, 0, 0.22);}

.mwa-banner-form {background-color: rgba(255, 255, 255, 1); border: 0.1rem solid; border-image-source: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 88, 0, 0) 100%); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 3.4rem 4.1rem 1rem;}

.mwa-banner-form-heading {margin-bottom: 1.2rem;}

.mwa-banner-form-heading h2 {font-family: var(--primary-font); font-size: 4.3rem; font-weight: 700; line-height: normal; color: rgba(0, 0, 0, 1); margin-bottom: 0.6rem;}

.mwa-banner-form-heading p {font-family: var(--primary-font); font-size: 1.9rem; font-weight: 400; line-height: normal; color: rgba(98, 98, 98, 1);}

.input-label {display: none;}

.form-input {font-family: var(--secondary-font); font-size: 1.6rem; font-weight: 400; line-height: 1.8rem; color: rgba(122, 124, 128, 1); border: 0.1rem solid rgb(122 124 128 / 50%); width: 100%;height: 5.6rem; padding: 0 1.9rem;}

.form-input:focus-visible {outline: none;}

.selected-dial-code {font-family: var(--secondary-font); font-size: 1.6rem; font-weight: 400; line-height: 1.8rem; color: rgba(0, 0, 0, 1);}

.intl-tel-input .selected-flag .iti-arrow {border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid rgb(85, 85, 85);}

.mwa-banner-form .selected-dial-code {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 400; line-height: 1.8rem; color: rgba(0, 0, 0, 1);}

.country-list {max-width: 34.0rem;}

.mwa-banner-form .intl-tel-input .country-list{white-space: break-spaces; font-size: 1.5rem; line-height: 2.4rem; width: 100%; min-width: 340px;} 

.intl-tel-input.allow-dropdown .buildning-mobile-form {padding-left: 9.1rem !important;}

.form-requirement {font-family: var(--secondary-font); font-size: 1.6rem; font-weight: 400; line-height: 1.8rem; color: rgba(122, 124, 128, 1); border: 0.1rem solid rgb(122 124 128 / 50%); width: 100%; height: 18.0rem; padding: 1.8rem 1.9rem; resize: none;margin-bottom: 2rem;}

.form-requirement:focus-visible {outline: none;}

.buildning-mobile-submit-button {width: 100%; height: 5.9rem; font-family: var(--primary-font); font-size: 2.2rem; font-weight: 700; line-height: normal; border: none; color: rgba(255, 255, 255, 1); background-color: rgba(31, 188, 253, 1); transition: all .3s ease-in-out; margin-top: 2rem; position: relative;}

.buildning-mobile-submit-button:hover {background-color: rgba(71, 138, 255, 1);}

.mwa-banner-form .wpcf7-not-valid-tip {display: none;}

.form-input.wpcf7-not-valid {border: 0.1rem solid rgb(255 0 0 / 50%);}

.mwa-banner-form .wpcf7-response-output {font-family: var(--primary-font); font-size: 1.4rem; font-weight: 500; line-height: normal; color: rgba(0, 0, 0, 1); text-align: center; margin: 0 !important;}

.mwa-banner-form .wpcf7-form.invalid .wpcf7-response-output {border: 0.1rem solid rgb(255, 0, 0) !important; margin-bottom: 1.2rem !important;}

/* .buildning-mobile-submit-button::after {content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(71, 138, 255, 1); transition: all .3s ease-in-out; z-index: 0;}

.buildning-mobile-submit-button:hover::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(71, 138, 255, 1); z-index: 1;} */

/* our services style start */
.services-section {padding: 10rem 0; position: relative;}

.services-wrapper {margin-top: 4.9rem; display: flex; gap: 1.7rem;}

.services {width: 41.9rem; min-height: 39rem; transition: all .3s ease;}

.services:hover {cursor: pointer;}

.services:nth-child(1) { border: 0.1rem solid rgba(255, 88, 0, 1);}
.services:hover:nth-child(1) {background-color: rgba(255, 88, 0, 1);}

.services:nth-child(2) { border: 0.1rem solid rgba(119, 104, 255, 1);}
.services:hover:nth-child(2) {background-color: rgba(119, 104, 255, 1);}

.services:nth-child(3) { border: 0.1rem solid rgba(31, 188, 253, 1);}
.services:hover:nth-child(3) {background-color: rgba(31, 188, 253, 1);}

.services:nth-child(4) { border: 0.1rem solid rgba(255, 214, 1, 1);}
.services:hover:nth-child(4) {background-color: rgba(255, 214, 1, 1);}

.service-block {padding: 8.5rem 9.9rem 3.8rem;}

.services-icon {width: 3.5rem; height: 3.5rem; margin: 0 auto 2.7rem;}

.services-icon svg {width: 100%; height: 100%; transition: all .3s ease;}

.services:hover .services-icon svg {filter: brightness(0) invert(1);}

.services-title {min-height: 13.0rem;}

.services-title h3 {font-family: var(--primary-font); font-size: 2.8rem; font-weight: 600; line-height: normal; color: rgba(0, 0, 0, 1); text-align: center; transition: all .3s ease;}

.services:hover .services-title h3 {color: rgba(255, 255, 255, 1);}

.services-text p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: normal; color: rgba(0, 0, 0, 1); text-align: center; transition: all .3s ease;}

.services:hover .services-text p  {color: rgba(255, 255, 255, 1);}

.services-slider-prev.swiper-button-prev {display: none;}
.services-slider-next.swiper-button-next {display: none;}

.schedule-link {text-align: center; margin-top: 6.5rem;}

.schedule-link a {font-family: var(--primary-font); font-size: 2.2rem; font-weight: 700; line-height: normal; color: rgba(255, 255, 255, 1); background-color: rgba(31, 188, 253, 1); padding: 1.4rem 4.3rem; display: inline-block; transition: all .3s ease;}

.schedule-link a:hover {background-color: rgba(71, 138, 255, 1);}

/* development style start */
.development-section {padding: 10rem 0; background-color: rgba(248, 248, 248, 1);}

.development-wrapper {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem; margin-top: 6.1rem;}

.development-block {background-color: rgba(255, 255, 255, 1); display: flex; align-items: center; gap: 3rem; padding: 2.6rem 4.4rem;}

.development-block h3 {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 700; line-height: normal; color: rgba(0, 0, 0, 1);}

/* logo style start */
.logo-section {padding: 10rem 0;}

.logo-section .swiper-wrapper {align-items: center; text-align: center;}

figure.logo-block {padding: 2rem;}

/* .logo-block {width: 10rem; height: auto;}

.logo-block img, svg {width: 100%; height: auto;} */

/* stage style start */
.stage-section {padding: 9.9rem 0 10rem; background-color: rgba(248, 248, 248, 1); position: relative;}

.stage-wrapper {display: flex; justify-content: space-between; gap: 3.5rem; margin-top: 4.9rem;}

.stage-item {border: 0.1rem solid rgba(176, 176, 182, 1); min-height: 47.5rem; transition: all 0.3s ease;}

.stage-item:hover {border: 0.1rem solid rgba(0, 0, 0, 1); background-color: rgba(0, 0, 0, 1); cursor: pointer;}

.stage-block {padding: 4.7rem 3.1rem;}

.stage-icon {width: 6rem; height: 6rem;}

.stage-icon svg {width: 100%; height: 100%;}

.stage-icon img {width: 100%; height: 100%;}

.stage-title {margin-top: 9.2rem;}

.stage-title h3 {font-family: var(--primary-font); font-size: 2.2rem; font-weight: 600; line-height: normal; color: rgba(0, 0, 0, 1); transition: all 0.3s ease;}

.stage-item:hover .stage-title h3 {color: rgba(255, 255, 255, 1);}

.stage-text {margin-top: 3.8rem;}

.stage-text p {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 400; line-height: normal; color: rgba(38, 57, 63, 1); transition: all 0.3s ease;}

.stage-item:hover .stage-text p {color: rgba(255, 255, 255, 1);}

.stage-slider-prev.swiper-button-prev {display: none;}
.stage-slider-next.swiper-button-next {display: none;}

.share-link {margin-top: 6.4rem; text-align: center;}

.share-link a {font-family: var(--primary-font); font-size: 2.2rem; font-weight: 700; line-height: normal; color: rgba(255, 255, 255, 1); background-color: rgba(31, 188, 253, 1); display: inline-block; padding: 1.4rem 2.7rem; transition: all 0.3s ease;}

.share-link a:hover {background-color: rgba(71, 138, 255, 1);}

/* why choose style start */
.whychoose-section {padding: 9.6rem 0 10rem;}

/* .whychoose-wrapper {margin-top: 4.2rem;} */

.whychoose-block {margin-top: 4.2rem;}

.whychoose-no {font-family: var(--primary-font); font-size: 1.5rem; font-weight: 400; line-height: normal; color: rgba(206, 206, 206, 1);}

.whychoose-title h3 {font-family: var(--primary-font); font-size: 2.2rem; font-weight: 700; line-height: normal; color: rgba(0, 0, 0, 1); position: relative;}

.whychoose-title h3::after {content: ""; position: absolute; bottom: -0.5rem; left: 0; width: 3.6rem; height: 0.2rem; background-color: rgba(31, 188, 253, 1);}

.whychoose-text {width: 100%; max-width: 51.5rem; margin-top: 2.4rem;}

.whychoose-text p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: normal; color: rgba(38, 57, 63, 1);}

.whychoose-counter {display: flex; align-items: center; justify-content: space-between; margin-top: 7.4rem;}

.nmbrholder {font-family: var(--primary-font); font-size: 6.8rem; font-weight: 700; line-height: 6.8rem; color: rgba(0, 0, 0, 1);}

.counter-text {font-family: var(--primary-font); font-size: 2.2rem; font-weight: 600; line-height: normal; color: rgba(0, 0, 0, 1);}

.counter-block {min-width: 28.0rem;}

.nmbrholder.business-counter {color: rgba(119, 104, 255, 1);}

.counter-text.business-counter {color: rgba(119, 104, 255, 1);}

/* client says style start */
.clientsays-section {background-color: rgba(248, 248, 248, 1);}

.clientsays-wrapper {padding: 11.4rem 3.2rem 10rem 0;}

.clientsays-heading {overflow: hidden;}

.clientsays-heading h3 {font-family: var(--primary-font); font-size: 3.5rem; font-weight: 700; line-height: normal; color: rgba(0, 0, 0, 1);}  

.clientsays-block {margin-top: 6.9rem; position: relative; padding-right: 14.0rem;}

.clientsays-block::after {content: ""; position: absolute; right: 0; bottom: 0; background-image: var(--wpr-bg-95258843-0caa-4f50-80ca-1577f44c8066); background-repeat: no-repeat; width: 9.9rem; height: 8.8rem;}

.clientsays-pagination.swiper-pagination {bottom: -4.8rem; text-align: left;}

.clientsays-pagination.swiper-pagination .swiper-pagination-bullet {width: 1.2rem; height: 1.2rem; opacity: 1; border: 0.1rem solid rgba(12, 146, 239, 1); background: transparent;}

.clientsays-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 1.2rem; height: 1.2rem; opacity: 1; border: 0.1rem solid rgba(12, 146, 239, 1); background: rgba(12, 146, 239, 1);}

.clientsays-text p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: normal; color: rgba(38, 57, 63, 1);}

.client-info {margin-top: 8.4rem;}

.client-info p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: normal; color: rgba(38, 57, 63, 1);}

.client-info span {display: block; font-weight: 700;}

.certifications-wrapper {background-color: rgba(255, 255, 255, 1); padding: 11.4rem 14.8rem 10rem; height: 100%;}

.certifications-heading {overflow: hidden;}

.certifications-heading h3 {font-family: var(--primary-font); font-size: 3.5rem; font-weight: 700; line-height: normal; color: rgba(0, 0, 0, 1);}  

.certifications-block {display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; gap: 7.1rem; margin-top: 7.5rem;}

.certifications-logo {width: 14rem; height: auto;}

.certifications-logo svg, img {width: 100%; height: auto;}

/* technology style start */
.mwa-technology-section {padding: 12.9rem 0 10rem;}

.mwa-technology-wrapper {margin-top: 5.6rem;}

@media (max-width: 991px) {
  .tab-content>.tab-pane {display: block; opacity: 1;}
}
.mwa-technology-wrapper .accordion-body {padding: 0;}

.mwa-technology-wrapper .nav-tabs {justify-content: center; gap: 9.5rem; border: none; margin-bottom: 4.4rem;}

.mwa-technology-wrapper .nav-tabs .nav-link {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: normal; color: rgba(6, 25, 67, 1); border-radius: unset; padding: 0; border: none; transition: all 0.3s ease;}

.mwa-technology-wrapper .nav-tabs .nav-link.active {background-color: transparent; border-color: transparent; font-family: var(--primary-font); font-size: 1.8rem; font-weight: 700; line-height: normal; color: rgba(119, 104, 255, 1); border-bottom: 0.1rem solid rgba(119, 104, 255, 1);}

.mwa-technology-wrapper .nav-tabs .nav-link:hover {color: rgba(119, 104, 255, 1); border-color: transparent;}

.mwa-technology-wrapper .accordion-item {border: none; background-color: transparent; margin-bottom: 0.4rem;}

.mwa-technology-wrapper .accordion-item.active {border: none; background-color: transparent;}

.technology-wrapper {display: flex; justify-content: center; gap: 2.2rem;}

.technology-block {background-color: rgba(255, 255, 255, 1); width: 23.3rem; height: 24.3rem; display: flex; align-items: center; justify-content: center; flex-direction: column; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);}

.technology-icon {margin-bottom: 2.8rem; min-height: 10rem;}

.technology-block p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: normal; color: rgba(6, 25, 67, 1); text-align: center; padding: 0;}

/* portfolio style start */
.portfolio-section {background-color: rgba(248, 248, 248, 1); padding: 10rem 0;}

.portfolio-wrapper {margin-top: 4.8rem; position: relative;}

.portfolio-slider-next.swiper-button-next {right: -2.5rem; width: 5.2rem; height: 5.2rem; background-color: rgba(255, 255, 255, 1); border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);}
.portfolio-slider-next.swiper-button-next:after, .swiper-rtl .portfolio-slider-prev.swiper-button-prev:after {font-size: 1.8rem; font-weight: bold; color: rgb(0, 0, 0);}

.portfolio-slider-prev.swiper-button-prev {left: -2.5rem; width: 5.2rem; height: 5.2rem; background-color: rgba(255, 255, 255, 1); border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);}
.portfolio-slider-prev.swiper-button-prev:after, .swiper-rtl .portfolio-slider-prev.swiper-button-next:after {font-size: 1.8rem; font-weight: bold; color: rgb(0, 0, 0);}

.portfolio-slider-prev.swiper-button-prev.swiper-button-disabled {background-color: rgb(0, 0, 0); opacity: 1;}
.portfolio-slider-prev.swiper-button-prev.swiper-button-disabled::after {color: rgba(255, 255, 255, 1);}

.portfolio-slider-next.swiper-button-next.swiper-button-disabled {background-color: rgb(0, 0, 0); opacity: 1;}
.portfolio-slider-next.swiper-button-next.swiper-button-disabled::after {color: rgba(255, 255, 255, 1);}

/* success story style start */
.success-section {background-image: var(--wpr-bg-968a5e0d-8555-4bf4-b671-3325014cec4a); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 16.3rem 0; position: relative;}

.success-section::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #263238 0%, #263238 100%); opacity: 88%;}

.success-section .row {align-items: center;}

.success-form {background-color: rgba(255, 255, 255, 1); border: 0.1rem solid; border-image-source: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(255, 88, 0, 0) 100%); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 3.4rem 4.1rem 1rem; width: 55.2rem; position: relative; z-index: 1;}

.success-content-wrapper {position: relative; z-index: 1; padding-left: 1.5rem;}

.success-heading.common-heading h2 {color: rgba(31, 188, 253, 1); text-align: left;}

.success-text {margin-top: 3.2rem;}

.success-text p {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 400; line-height: 2.8rem; color: rgba(255, 255, 255, 1); padding-bottom: 3rem;}

.success-text p:last-child {padding-bottom: 0;}

.success-form .wpcf7-not-valid-tip {display: none;}

.success-form .wpcf7-response-output {font-family: var(--primary-font); font-size: 1.4rem; font-weight: 500; line-height: normal; color: rgba(0, 0, 0, 1); text-align: center; margin: 0 !important;}

.success-form .wpcf7-form.invalid .wpcf7-response-output {border: 0.1rem solid rgb(255, 0, 0) !important; }


/* footer style start */
.mwa-footer {background-color: rgba(18, 18, 18, 1);}

.mwa-footer-wrapper {display: flex; align-items: center; justify-content: space-between; padding: 5.4rem 0;}

.mwa-footer-logo-block {display: flex; align-items: center; gap: 5rem;}

.mwa-footer-logo {width: 6.4rem; height: 5.4rem;}

.mwa-footer-logo img, svg {width: 100%; height: 100%;}

.mwa-footer-logo-block span {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 500; line-height: 1.8rem; color: rgba(255, 255, 255, 1);}

.mwa-footer-info {display: flex; gap: 1.5rem; margin-bottom: 2rem;}

.mwa-footer-info:last-child {margin-bottom: 0;}

.success-form .intl-tel-input .country-list{white-space: break-spaces; font-size: 1.5rem; line-height: 2.4rem; width: 100%; min-width: 340px;}

.mwa-footer-info span {font-size: 1.8rem; color: rgba(255, 255, 255, 1); transition: all 0.3s ease;}

.mwa-footer-info:hover span {color: rgba(12, 146, 239, 1);}

.mwa-footer-info a {font-family: var(--primary-font); font-size: 1.8rem; font-weight: 500; line-height: 1.8rem; color: rgba(255, 255, 255, 1);}

.mwa-footer-social-media-list {padding: 0; margin: 0; list-style: none; display: flex; align-items: center; gap: 4rem;}

.mwa-footer-social-media-list span {font-size: 3rem; color: rgba(255, 255, 255, 1); transition: all 0.3s ease;}

.mwa-footer-social-media-list li a:hover span {color: rgba(12, 146, 239, 1);}


/* ++++++++++++++++++++| RESPONSIVE START |++++++++++++++++++++ */
@media only screen and (max-width: 1499px) {
.mwa-banner-section .container {margin-top: 4rem;}
.mwa-banner-heading h1 {font-size: 5.8rem; line-height: 6.6rem;}
.mwa-banner-text {max-width: 80rem; width: 100%;}
.mwa-banner-form-heading h2 {font-size: 4rem;}
.service-block {padding: 8.5rem 3.9rem 3.8rem;}
.services-title h3 {font-size: 2.4rem;}
.common-heading h2 {font-size: 5rem;}
.services-section {padding: 8rem 0;}
.development-section {padding: 8rem 0;}
.stage-wrapper {justify-content: center; flex-wrap: wrap;}
.logo-section {padding: 8rem 0;}
.stage-item {width: 39rem;}
.whychoose-text {max-width: 37.5rem;}
.nmbrholder {font-size: 5rem; line-height: 5.8rem;}
.certifications-wrapper {padding: 11.4rem 12rem 10rem;}
.certifications-logo {width: 13rem; height: auto;}
.certifications-logo svg {width: 100%; height: auto;}
.technology-wrapper {flex-wrap: wrap;}
.success-form {width: 100%;}
}
@media only screen and (max-width: 1399px) {
.mwa-banner-text {max-width: 65rem;}
.mwa-banner-heading h1 {font-size: 4.8rem; line-height: 5.6rem;}
.mwa-banner-form-heading h2 {font-size: 3.2rem;}
.mwa-banner-form {padding: 2.4rem 3.1rem 0;} 
.mwa-cater-block {max-width: 70rem;}
.form-input {height: 4.6rem; padding: 0 1.2rem;}
.form-requirement {height: 16rem; padding: 1.8rem 1.2rem;}
.services-section {padding: 6rem 0;}
.common-heading h2 {font-size: 4.2rem;}
.services-title {min-height: 10rem;}
.development-section {padding: 6rem 0;}
.development-wrapper {gap: 3rem;}
.development-block {padding: 2.6rem 2rem;}
.development-icon {width: 4rem; height: 4rem;}
.development-icon svg {width: 100%; height: 100%;}
.stage-section {padding: 6rem 0 6rem;}
.stage-item {width: 33.6rem;}
.whychoose-section {padding: 6rem 0 6rem;}
.clientsays-wrapper {padding: 6rem 3.2rem 10rem 0;}
.clientsays-heading h3 {font-size: 3.2rem;}
.certifications-wrapper {padding: 6rem 6rem 6rem;}
.certifications-heading h3 {font-size: 3.2rem;}
.mwa-technology-section {padding: 6rem 0;}
.mwa-technology-wrapper .nav-tabs {gap: 6rem;}
.portfolio-section {padding: 6rem 0;}
.success-section {padding: 6rem 0;}
}
@media only screen and (max-width: 1199px) {
.mwa-banner-heading h1 {font-size: 3.8rem; line-height: 4.2rem;}
.mwa-banner-text {max-width: 48rem;}
.mwa-banner-text p {font-size: 2rem;}
.mwa-banner-form {padding: 2.4rem 2.1rem 0;}
.mwa-banner-form-heading h2 {font-size: 2.4rem;}
.mwa-banner-form-heading p {font-size: 1.6rem;}
.form-requirement {height: 12rem;}
.buildning-mobile-submit-button {height: 4.9rem; font-size: 1.8rem; margin-top: 1.6rem;}
.counter-block {min-width: 22rem;}
.nmbrholder {font-size: 4rem; line-height: 4.8rem;}
.services-section {padding: 4rem 0; position: relative;}


.services-slider-next.swiper-button-next {right: 1.5rem; width: 5.2rem; height: 5.2rem; background-color: rgba(255, 255, 255, 1); border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);display: flex;}
.services-slider-next.swiper-button-next:after, .swiper-rtl .services-slider-prev.swiper-button-prev:after {font-size: 1.8rem; font-weight: bold; color: rgb(0, 0, 0);}
.services-slider-prev.swiper-button-prev {left: 1.5rem; width: 5.2rem; height: 5.2rem; background-color: rgba(255, 255, 255, 1); border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); display: flex;}
.services-slider-prev.swiper-button-prev:after, .swiper-rtl .services-slider-prev.swiper-button-next:after {font-size: 1.8rem; font-weight: bold; color: rgb(0, 0, 0);}
.services-slider-prev.swiper-button-prev.swiper-button-disabled {background-color: rgb(0, 0, 0); opacity: 1;}
.services-slider-prev.swiper-button-prev.swiper-button-disabled::after {color: rgba(255, 255, 255, 1);}
.services-slider-next.swiper-button-next.swiper-button-disabled {background-color: rgb(0, 0, 0); opacity: 1;}
.services-slider-next.swiper-button-next.swiper-button-disabled::after {color: rgba(255, 255, 255, 1);}

.common-heading h2 {font-size: 3.2rem;}
.services-wrapper {margin-top: 2.6rem; flex-wrap: wrap; justify-content: center;}
.service-block {padding: 4rem 2rem 2.8rem;}
.services-title h3 {font-size: 2rem;}
.schedule-link {margin-top: 4.5rem;}
.schedule-link a {font-size: 1.8rem;}
.development-wrapper {grid-template-columns: repeat(2, 1fr); margin-top: 3.1rem;}
.logo-section {padding: 6rem 0;}
.logo-section .swiper-wrapper {gap: 3rem;}
.stage-section {position: relative;}
.stage-item {width: 27.3rem;}
.stage-icon {width: 5rem; height: 5rem;}
.stage-title {margin-top: 5.2rem;}
.stage-title h3 {font-size: 2rem;}

.stage-slider-next.swiper-button-next {right: 1.5rem; width: 5.2rem; height: 5.2rem; background-color: rgba(255, 255, 255, 1); border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); display: flex;}
.stage-slider-next.swiper-button-next:after, .swiper-rtl .stage-slider-prev.swiper-button-prev:after {font-size: 1.8rem; font-weight: bold; color: rgb(0, 0, 0);}
.stage-slider-prev.swiper-button-prev {left: 1.5rem; width: 5.2rem; height: 5.2rem; background-color: rgba(255, 255, 255, 1); border-radius: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); display: flex;}
.stage-slider-prev.swiper-button-prev:after, .swiper-rtl .stage-slider-prev.swiper-button-next:after {font-size: 1.8rem; font-weight: bold; color: rgb(0, 0, 0);}
.stage-slider-prev.swiper-button-prev.swiper-button-disabled {background-color: rgb(0, 0, 0); opacity: 1;}
.stage-slider-prev.swiper-button-prev.swiper-button-disabled::after {color: rgba(255, 255, 255, 1);}
.stage-slider-next.swiper-button-next.swiper-button-disabled {background-color: rgb(0, 0, 0); opacity: 1;}
.stage-slider-next.swiper-button-next.swiper-button-disabled::after {color: rgba(255, 255, 255, 1);}

.share-link {margin-top: 4.4rem;}
.share-link a {font-size: 1.8rem;}
.whychoose-text {max-width: 26.5rem;}
.nmbrholder {font-size: 3rem; line-height: 3.8rem;}
.counter-text {font-size: 1.8rem;}
.clientsays-heading h3 {font-size: 2.4rem;}
.clientsays-pagination.swiper-pagination .swiper-pagination-bullet {width: 1rem; height: 1rem;}
.clientsays-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 1rem; height: 1rem;}
.certifications-heading h3 {font-size: 2.4rem;}
.certifications-logo {width: 10rem;}
.mwa-technology-wrapper {margin-top: 3rem;}
.mwa-technology-wrapper .nav-tabs {gap: 4rem;}
.technology-block {width: 20.3rem; height: 20.3rem;}
.technology-icon {min-height: 7rem; width: 5rem;}
.technology-icon img {width: 100%; height: auto;}
.portfolio-slider-next.swiper-button-next {right: -2rem; width: 4.2rem; height: 4.2rem;}
.portfolio-slider-next.swiper-button-next:after, .swiper-rtl .portfolio-slider-prev.swiper-button-prev:after {font-size: 1.6rem;}
.portfolio-slider-prev.swiper-button-prev {left: -2rem; width: 4.2rem; height: 4.2rem;}
.portfolio-slider-prev.swiper-button-prev:after, .swiper-rtl .portfolio-slider-prev.swiper-button-next:after {font-size: 1.6rem;}
.success-text {margin-top: 2.2rem;}
.success-text p {font-size: 1.8rem; line-height: 2.8rem; padding-bottom: 2rem;}
.mwa-footer-logo-block {gap: 2rem;}
.mwa-footer-social-media-list {gap: 2rem;}
.mwa-footer-social-media-list span {font-size: 2rem;}
}
@media only screen and (max-width: 991px) {
.mwa-banner-section {height: auto; padding: 10rem 0 4rem;}
.mwa-banner-heading h1 {text-align: center;}
.mwa-banner-text {max-width: 100%;}
.mwa-banner-text p {text-align: center;}
.mwa-cater-wrapper {text-align: center;}
.mwa-cater-block {max-width: 100%; justify-content: center;}
.mwa-banner-form {margin: 3.2rem 10rem 0;}
.services {width: 30rem; min-height: 30rem;}
.whychoose-block {text-align: center; padding: 0 2rem;}
.whychoose-title h3::after {left: 50%; transform: translateX(-50%);}
.whychoose-text {max-width: 100%;}
.counter-block {min-width: 14rem;}
.clientsays-section {padding-bottom: 6rem;}
.clientsays-wrapper {padding: 6rem 0 10rem 0;}
.clientsays-heading h3 {text-align: center;}
.clientsays-block {padding: 0 11rem; text-align: center;}
.clientsays-pagination.swiper-pagination {text-align: center;}
.certifications-heading h3 {text-align: center;}
.certifications {margin: auto;}

.mwa-technology-wrapper .accordion-button:focus {box-shadow: none;}
.mwa-technology-wrapper .accordion-button:focus-visible {outline: none;}
.mwa-technology-wrapper .button:focus:not(:focus-visible) {outline: none;}
.mwa-technology-wrapper .accordion-button {font-family: var(--primary-font); font-size: 1.6rem; font-weight: 500; line-height: normal; color: rgb(0, 0, 0); padding: 1.2rem; border: 0.1rem solid rgb(229 229 229);}
.mwa-technology-wrapper .accordion-button:not(.collapsed)::after {filter: brightness(100) invert(1);}
.mwa-technology-wrapper .accordion-body {padding: 2rem; border-right: 0.1rem solid rgb(229 229 229); border-bottom: 0.1rem solid rgb(229 229 229); border-left: 0.1rem solid rgb(229 229 229);}
.mwa-technology-wrapper .accordion-button:not(.collapsed) {background-color: rgb(255, 255, 255); box-shadow: none;}

.success-content-wrapper {padding-left: 0; margin-top: 4rem;}
.success-heading.common-heading h2 {text-align: center;}
.success-text p {text-align: center;}
.mwa-footer-wrapper {flex-direction: column-reverse; gap: 2rem;}
.mwa-footer-info-block {display: flex; gap: 6rem; order: 1;}
}
@media only screen and (max-width: 767px) {
.template-button {font-size: 1.5rem;}
.mwa-banner-heading h1 {font-size: 3.2rem; line-height: 4rem;}
.mwa-banner-text {margin-top: 1.2rem;}
.mwa-banner-text p {font-size: 1.8rem;}
.mwa-cater {font-size: 1.5rem; padding: 0.3rem 1.2rem;}
.mwa-banner-form {margin: 5.2rem 0;}
.mwa-banner-form-heading h2 {font-size: 2rem; text-align: center;}
.mwa-banner-form-heading p {font-size: 1.5rem; text-align: center;}
.form-input {font-size: 1.5rem;}
.form-requirement {font-size: 1.5rem;}
.buildning-mobile-submit-button {height: 4rem; font-size: 1.5rem;}
.common-heading h2 {font-size: 3rem;}
.services-slider-next.swiper-button-next {right: 0.8rem;}
.services-slider-prev.swiper-button-prev {left: 0.8rem;}
.logo-block {width: 85%;}
.development-wrapper {grid-template-columns: repeat(1, 1fr);}
.stage-block {text-align: center;}
.stage-icon {margin: auto;}
.stage-slider-next.swiper-button-next {right: 0.8rem;}
.stage-slider-prev.swiper-button-prev {left: 0.8rem;}
.mwa-technology-wrapper .accordion-body {padding: 2rem 0;}
.technology-wrapper {gap: 1rem;}
.technology-block {width: 45%; padding: 0 0.5rem;}
.technology-icon img {width: auto; height: auto;}
.technology-block p {font-size: 1.4rem;}
.whychoose-counter {flex-wrap: wrap; gap: 3rem; text-align: center;}
.counter-block {min-width: 20rem;}
.certifications-block {gap: 3.1rem; margin-top: 5.5rem;}
}
@media only screen and (max-width: 574px) {
/* *{outline: 1px solid #000;} */
.mwa-global .container {max-width: 100%; padding: 0 3rem;}
.template-logo-block {width: 2.4rem; height: 2.4rem;}
.template-logo {width: 3.4rem; height: 2.4rem;}
.template-button {font-size: 1.4rem; padding: 0.3rem 0.6rem 0.4rem;}
.mwa-banner-section {padding: 5rem 0 0;}
.mwa-banner-heading h1 {font-size: 2.4rem; line-height: 3rem;}
.mwa-banner-text p {font-size: 1.5rem;}
.mwa-cater-heading {font-size: 1.5rem;}
.mwa-cater {font-size: 1.2rem; padding: 0.3rem 0.8rem;}
.mwa-banner-form {margin: 3.2rem 0;}
.mwa-banner-form-heading h2 {font-size: 1.8rem;}
.form-input {font-size: 1.4rem; height: 3.6rem;}
.form-requirement {font-size: 1.4rem; height: 9rem; padding: 1.2rem 1.2rem;}
.buildning-mobile-submit-button {height: 3.6rem; font-size: 1.4rem;}
.common-heading h2 {font-size: 2.4rem;}
.services-section {padding: 3rem 0;}
.services-wrapper {margin-top: 1.6rem;}
.services-title h3 {font-size: 1.8rem;}
.services-text p {font-size: 1.5rem;}
.schedule-link {margin-top: 2.5rem;}
.schedule-link a {font-size: 1.5rem; padding: 1rem 3rem;}
.logo-section {padding: 3rem 0;}
.development-section {padding: 3rem 0;}
.common-heading h2 {font-size: 2rem;}
.development-wrapper {gap: 1.2rem; margin-top: 2.1rem;}
.development-block {gap: 2rem; padding: 1.2rem 1rem;}
.development-icon {width: 3rem; height: 3rem;}
.development-block h3 {font-size: 1.5rem;}

.services-slider-next.swiper-button-next {right: 1.5rem; width: 3.2rem; height: 3.2rem;}
.services-slider-next.swiper-button-next:after, .swiper-rtl .services-slider-prev.swiper-button-prev:after {font-size: 1.4rem;}
.services-slider-prev.swiper-button-prev {left: 1.5rem; width: 3.2rem; height: 3.2rem;}
.services-slider-prev.swiper-button-prev:after, .swiper-rtl .services-slider-prev.swiper-button-next:after {font-size: 1.4rem;}

.stage-slider-next.swiper-button-next {right: 1.5rem; width: 3.2rem; height: 3.2rem;}
.stage-slider-next.swiper-button-next:after, .swiper-rtl .stage-slider-prev.swiper-button-prev:after {font-size: 1.4rem;}
.stage-slider-prev.swiper-button-prev {left: 1.5rem; width: 3.2rem; height: 3.2rem;}
.stage-slider-prev.swiper-button-prev:after, .swiper-rtl .stage-slider-prev.swiper-button-next:after {font-size: 1.4rem;}

.stage-section {padding: 3rem 0;}
.stage-wrapper {margin-top: 2rem;}
.stage-item {min-height: 32.5rem;}
.share-link a {font-size: 1.5rem; padding: 1rem 1.2rem;}
.whychoose-section {padding: 3rem 0;}
.whychoose-block {padding: 0; margin-top: 2.4rem;}
.whychoose-no {font-size: 1.4rem;}
.whychoose-title h3 {font-size: 1.6rem;}
.whychoose-text p {font-size: 1.5rem;}
.whychoose-counter {gap: 2rem; justify-content: center; margin-top: 3.4rem;}
.counter-block {min-width: 12rem;}
.nmbrholder {font-size: 2.4rem; line-height: 2.8rem;}
.counter-text {font-size: 1.5rem;}
.clientsays-heading h3 {font-size: 1.8rem;}
.clientsays-block {padding: 0; margin-top: 3.9rem;}
.client-info {margin-top: 6.4rem;}
.clientsays-text p {font-size: 1.5rem;}
.client-info p {font-size: 1.5rem;}
.clientsays-pagination.swiper-pagination .swiper-pagination-bullet {width: 0.7rem; height: 0.7rem;}
.clientsays-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width: 0.7rem; height: 0.7rem;}
.certifications-wrapper {padding: 3rem;}
.certifications-heading h3 {font-size: 1.8rem;}
.certifications-block {gap: 2.1rem; margin-top: 3.5rem;}
.certifications-logo {width: 6rem;}
.clientsays-section {padding-bottom: 3rem;}
.mwa-technology-section {padding: 3rem 0;}
.mwa-technology-wrapper .accordion-button {font-size: 1.5rem;}
.portfolio-section {padding: 3rem 0;}
.portfolio-wrapper {margin-top: 2.8rem;}
.portfolio-slider-next.swiper-button-next {right: -1.5rem; width: 3.2rem; height: 3.2rem;}
.portfolio-slider-next.swiper-button-next:after, .swiper-rtl .portfolio-slider-prev.swiper-button-prev:after {font-size: 1.4rem;}
.portfolio-slider-prev.swiper-button-prev {left: -1.5rem; width: 3.2rem; height: 3.2rem;}
.portfolio-slider-prev.swiper-button-prev:after, .swiper-rtl .portfolio-slider-prev.swiper-button-next:after {font-size: 1.4rem;}
.success-section {padding: 3rem 0;}
.success-form {padding: 2.4rem 2.1rem 0;}
.success-text p {font-size: 1.5rem; line-height: 2rem;}
.mwa-footer-info-block {flex-direction: column; gap: 0; align-items: center;}
.mwa-footer-info {gap: 1rem;}
.mwa-footer-info span {font-size: 1.5rem;}
.mwa-footer-info a {font-size: 1.5rem; line-height: 1.5rem;}
.mwa-footer-social-media-list span {font-size: 1.8rem;}
.mwa-footer-logo {width: 3.4rem; height: 2.4rem;}
.mwa-footer-logo-block {flex-direction: column; text-align: center;}
.mwa-footer-logo-block span {font-size: 1.5rem;}
.mwa-footer-wrapper {padding: 3.4rem 0;}
}