@import url('https://fonts.googleapis.com/css2?family=Epilogue:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap'); /* --- Fonts Used --- Start */
/* font-family: 'Epilogue', sans-serif;
font-family: 'DM Sans', sans-serif;
font-family: 'Satisfy', cursive; */
/* --- Fonts Used --- End */
/* --- Material Icons --- Start */
@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsround/v37/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format('woff2');
    font-display: swap;
}

.material-icons-round {
    font-family: 'Material Icons Round';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
}

/* --- Material Icons --- End */
html {
    font-size: 1rem;
}

body {
    font-family: 'DM Sans', sans-serif;
    color: #0B172E;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    margin: 0;
}

*,::after,::before {
    box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

::-webkit-input-placeholder {
    /* Edge */
    color: #bbc4d6;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #bbc4d6;
}

::placeholder {
    color: #bbc4d6;
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus {
    outline: dotted 1px;
    outline: -webkit-focus-ring-color auto 5px
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) {
    cursor: pointer
}

img,svg {
    vertical-align: middle
}

.d-flex {
    display: flex!important
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Epilogue', sans-serif;
    margin: 0;
}

h1, .h1 {
    font-size: 3.375rem;
    font-weight: 800;
    letter-spacing: -0.08rem;
    line-height: 3.875rem;
}

h2, .h2 {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: -0.01rem;
}

h3, .h3 {
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: -0.01rem;
}

h4, .h4 {
    font-size: 1.2rem;
}

h5, .h5 {
    font-size: 1.125rem;
}

a, a:hover {
    text-decoration: none;
    color: #0B172E;
    margin: 0;
}

p {
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin: 0;
}

button, button:hover, button:focus {
    outline: none;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 1rem;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

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

.sct-red {
    color: #F30920;
}

.sct-violet {
    color: #6F5E97;
}

.sct-red-bg {
    background-color: #F30920;
}

.sct-violet-bg {
    background-color: #6F5E97;
}

.sct-blue-bg {
    background-color: #09A0F4;
}

.sct-dark-bg {
    background-color: #0B172E;
}

.sct-special-text {
    font-family: 'Satisfy', cursive;
}

.sct-navbar-wrap {
    background: #FFFFFF;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
    position: sticky;
    top: 0;
    background: rgba(255,255,255,.85);
    backdrop-filter: saturate(180%) blur(20px);
    z-index: 666;
}

.sct-navbar-wrap > .container {
    align-items: center;
    justify-content: space-between;
    height: 4rem;
}

.sct-nav-logo, .sct-nav-ham-menu {
    z-index: 6;
}

.sct-nav-logo img {
    height: 1.6875rem;
}

.sct-btn {
    border: 0;
    font-size: 1rem;
    border-radius: 3px;
    padding: 0.5rem 0.9375rem;
    font-weight: 900;
    align-items: center;
}

.sct-btn:focus {
    transform: scale(0.97);
}

.sct-btn.sct-btn-lg {
    font-size: 1.25rem;
    padding: 0.6875rem 1.0625rem;
}

.sct-btn i {
    margin-left: 1.25rem;
}

.sct-btn-red {
    background: #F30920;
    color: white;
    transition: all 0.1s;
}

.sct-btn-red:hover,.sct-btn-red:focus {
    color: white !important;
    background-image: linear-gradient(to bottom, #F30920 93%, #c50013 7%);
}

.sct-nav-mega {
    display: none;
}

.sct-nav-mini-menu {
    align-items: center;
}

.sct-nav-mini {
    margin-left: auto;
}

.sct-nav-mini-menu > a {
    margin-right: 2rem;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
}

.sct-nav-mini-menu > a:not(.sct-btn) {
    padding: 1.3rem 1rem;
}

.sct-nav-mini-menu > a.active {
    color: #F30920;
}

.sct-nav-mini-menu > a.active::after {
    content: "";
    position: absolute;
    left: 0rem;
    right: 0rem;
    top: 0rem;
    height: 0.15rem;
    background: #f30920;
    z-index: -1;
    border-radius: 0 0 2px 2px;
}

.sct-nav-mini-menu > a:hover {
    color: #F30920;
}

.sct-nav-ham-menu i:last-child {
    display: none;
}

.sct-nav-ham-menu {
    border: 0;
    background: transparent;
    padding: 0;
    height: unset;
    width: unset;
}

.sct-nav-ham-menu:hover i {
    color: #F30920;
}

.sct-nav-mega.show {
    display: block;
}

.sct-nav-ham-menu.show i:first-child {
    display: none;
}

.sct-nav-ham-menu.show i:last-child {
    display: block;
}

.sct-nav-mini.hide {
    display: none;
}

.sct-nav-mega {
    position: absolute;
    padding: 0 1rem;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 3px 3px;
    background: rgba(255,255,255);
}

.sct-nav-mega-menu {
    flex-direction: column;
    margin-right: 4rem;
}

.sct-nav-mega-left, .sct-nav-mega-right {
    padding-top: 6rem;
    padding-bottom: 2.5rem;
}

.sct-nav-mega-right {
    padding-left: 6rem;
}

.sct-nav-mega-left {
    border-right: 1px solid #D1D8E4;
}

.sct-nav-mega-menu > a {
    margin-right: 2rem;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1.5625rem;
}

.sct-nav-mega-menu > a:hover {
    color: #F30920;
}

.sct-nav-mega-social {
    margin-top: 2rem;
}

.sct-nav-mega-social img {
    height: 1.875rem;
}

.sct-nav-mega-social a {
    margin-right: 1.875rem;
}

.sct-nav-mega-right i {
    font-size: 1.5625rem;
    color: #F30920;
    margin-right: 0.625rem;
}

.sct-nav-mega-right a span {
    font-size: 1.125rem;
    font-weight: 600;
    padding-top: 0.1rem;
}

.sct-nav-mega-right a {
    align-items: center;
    min-width: 15rem;
}

.sct-nav-mega-right a:hover span {
    color: #F30920;
}

.sct-nav-mega-right h2 {
    margin-bottom: 2.0625rem;
}

.sct-nav-mega-right > .d-flex {
    margin-bottom: 2.5rem;
}

.sct-hero-left p {
    font-size: 1.625rem;
    line-height: 2.375rem;
    margin-bottom: 2.25rem;
}

.sct-hero-section h1 {
    line-height: 3.875rem;
    margin-bottom: 1.3125rem;
}

.sct-hero-section {
    margin-top: 3.5rem;
    /*     height: 31.1875rem; */
}

.sct-hero-right {
    width: 47%;
    height: 31.1875rem;
    align-items: center;
}

.sct-hero-left {
    width: 51%;
    margin-right: 2%;
}

.sct-hero-section {
    align-items: center;
}

.sct-page-section {
    margin: 5rem 0;
}

.sct-ps-service-content > i {
    font-size: 2.5rem;
    color: #F30920;
    margin-bottom: 1rem;
    margin-left: -0.1rem;
}

.sct-page-section header h4 {
    font-weight: 400;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    color: #6F5E97;
    margin-bottom: 0.5rem;
}

.sct-page-section header h2 {
    margin-bottom: 0.75rem;
}

.sct-page-section header {
    margin-bottom: 3.75rem;
}

.sct-ps-service-content {
    flex-direction: column;
    width: calc(100%/4);
    margin-bottom: 3.75rem;
}

.sct-ps-service-content + .sct-ps-service-content {
    margin-left: 1.875rem;
}

.sct-ps-service-content > .d-flex {
    margin-bottom: 0.5rem;
    align-items: center;
}

.sct-ps-service-content > .d-flex a {
    transition: all 0.3s;
}

.sct-ps-service-content > .d-flex a i {
    color: #F30920;
    margin-left: 0.25rem;
    transition: all 0.3s;
}

.sct-ps-service-content > .d-flex:hover a {
    color: #F30920;
}

.sct-ps-service-content > .d-flex:hover a i {
    margin-left: 0.5rem;
}

.sct-ps-page-link,.sct-ps-page-link:hover {
    font-size: 1.25rem;
    color: #F30920;
    align-items: center;
    line-height: 1.625rem;
    font-weight: bold;
    letter-spacing: -0.025rem;
    transition: all 0.1s;
}

.sct-ps-page-link:focus {
    transform: scale(0.97);
}

.sct-ps-page-link span + i {
    margin-left: 0.5rem;
    transition: all 0.3s;
}

.sct-ps-page-link:hover span + i {
    margin-left: 0.8rem;
}

.sct-ps-page-link i:first-child {
    margin-right: 0.5rem;
    transition: all 0.3s;
}

.sct-page-section-divider {
    height: 0.5px;
    width: 100%;
    background: #D1D8E4;
    margin: 5rem 0;
}

.sct-ps-side-img {
    margin-right: 4.6875rem;
}

.sct-ps-services-with-image .sct-ps-services {
    width: 60%;
    flex-direction: column;
}

.sct-ps-services-with-image .sct-ps-services > .d-flex:first-child {
    margin-bottom: 3.75rem;
}

.sct-ps-services-with-image .sct-ps-service-content {
    width: calc(100%/2);
    margin-bottom: 0;
    margin-right: 2.5rem;
}

.sct-ps-services-with-image {
    align-items: center;
}

.sct-page-section-startup .sct-ps-service-content > i {
    color: #09A0F4;
}

.sct-ps-services-with-image .sct-ps-service-content + .sct-ps-service-content {
    margin-left: 2.5rem;
    margin-right: 0;
}

.sct-ps-clients {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.75rem;
}

.sct-ps-clients .sct-ps-client-logo {
    width: calc(100%/6);
}

.sct-ps-clients .sct-ps-client-logo + .sct-ps-client-logo {
    margin-left: 1.875rem;
}

.sct-ps-projects {
    flex-direction: column;
    margin-bottom: 3.75rem;
}

.sct-ps-projects > .d-flex + .d-flex {
    margin-top: 2.0625rem;
}

.sct-ps-project-link, .sct-ps-project-link:hover {
    background: #FFFFFF;
    border: 1px solid #D1D8E4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
}

.sct-ps-project-link::after {
    content: "";
    position: absolute;
    height: 0.25rem;
    left: 1.3rem;
    right: 1.3rem;
    bottom: 0rem;
    background: #D1D8E4;
    border-radius: 1000px;
    transition: all 0.3s;
    opacity: 0;
}

.sct-ps-project-link:hover::after {
    bottom: 0.75rem;
    opacity: 1;
}

.sct-ps-project-link div {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    align-items: flex-end;
    padding: 1.3125rem;
    transition: all 0.3s;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 80%, #FFFFFF 100%);
}

.sct-ps-project-link div:hover {
    padding: 1.8rem 1.3125rem;
    /*     color: #F30920; */
}

.sct-ps-project-link + .sct-ps-project-link {
    margin-left: 2.0625rem;
}

.sct-ps-project-link:focus {
    transform: scale(0.97);
}

.sct-ps-feedbacks {
    flex-direction: column;
    margin-bottom: 3.75rem;
}

.sct-ps-feedback-card {
    background: #FFFFFF;
    border: 1px solid #D1D8E4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 1.5625rem;
    position: relative;
    width: calc(100%/2);
    flex-direction: column;
}

.sct-ps-feedback-card + .sct-ps-feedback-card {
    margin-left: 2.0625rem;
}

.sct-ps-feedbacks > div + div {
    margin-top: 2.0625rem;
}

.sct-ps-feedback-card > p {
    margin-bottom: 1.875rem;
    height: 100%;
}

.sct-ps-feedback-card div:last-child p {
    font-weight: bold;
}

.sct-ps-feedback-card span {
    font-size: rem-calc(16);
    line-height: 1.3125rem;
    color: #717D96;
}

.sct-ps-feedback-card .d-flex {
    align-items: center;
}

.sct-ps-feedback-user > div:first-child::after {
    content: "";
    position: absolute;
    height: 4rem;
    width: 4rem;
    left: 0;
    bottom: 0;
    z-index: 1;
    margin-left: -1px;
    margin-bottom: -1px;
}

.sct-ps-feedbacks > div:first-child .sct-ps-feedback-card:first-child .sct-ps-feedback-user > div:first-child::after {
    background-color: #F30920;
    border-radius: 3px;
}

.sct-ps-feedbacks > div:first-child .sct-ps-feedback-card:last-child .sct-ps-feedback-user > div:first-child::after {
    background-color: #09A0F4;
    border-radius: 3px;
}

/* .sct-ps-feedbacks > div:last-child .sct-ps-feedback-card:first-child .sct-ps-feedback-user > div:first-child::after {
    background-color: #6F5E97;
    border-radius: 3px;
}

.sct-ps-feedbacks > div:last-child .sct-ps-feedback-card:last-child .sct-ps-feedback-user > div:first-child::after {
    background-color: #717D96;
    border-radius: 3px;
} */

.sct-ps-feedback-card img {
    border-radius: 3px;
    margin-right: 1rem;
    height: 4rem;
    width: 4rem;
    position: relative;
    z-index: 9;
}

footer {
    background: #F8F8F8;
    padding: 6.25rem 0 5rem;
    margin-top: 12.5rem;
}

footer h5 {
    font-weight: bold;
    font-family: 'Epilogue', sans-serif;
    margin-bottom: 1.25rem;
}

.footer-left a.sct-btn {
    margin-bottom: 3.75rem;
}

.footer-left {
    width: 40%;
}

footer h5 + .sct-nav-mega-social {
    margin-top: 0;
}

footer .sct-nav-mega-social img {
    height: 2.5rem;
}

.footer-top {
    margin-bottom: 6.25rem;
}

.footer-bottom {
    align-items: center;
}

.footer-bottom img {
    height: 2rem;
}

.sct-page-section-services .sct-ps-side-img {
    width: 30%;
}

.sct-page-section-services .sct-ps-services {
    width: 70%;
}

.sct-page-section-services .sct-ps-services-with-image .sct-ps-service-content {
    margin-bottom: 2.5rem !important;
}

.sct-page-section-services .sct-ps-service-individuals {
    margin-bottom: 1.5rem !important;
}

.sct-page-section-services .sct-ps-services-with-image .sct-ps-service-content {
    margin-right: 0;
    width: 100%;
}

.sct-ps-service-individuals {
    flex-wrap: wrap;
}

.sct-ps-service-individuals p {
    position: relative;
    padding: 0 1.625rem;
    margin-bottom: 1.625rem;
}

.sct-ps-service-individuals p::before {
    content: "";
    height: 0.8rem;
    width: 0.8rem;
    position: absolute;
    left: 0;
    top: 0.45rem;
    background-color: #F30920;
    border-radius: 1000px;
}

.sct-ps-service-dev p {
    width: calc(100%/3)
}

.sct-ps-service-des p {
    width: calc(100%/3)
}

.sct-ps-service-dim p {
    width: calc(100%/2)
}

.sct-ps-service-biz p {
    width: calc(100%/2.3)
}

.sct-page-section-partner {
    background: #FFFFFF;
    border: 3.125rem solid #6F5E97;
    border-radius: 10px;
    padding: 6rem 6rem 3.5rem;
}

.sct-page-section-partner .sct-ps-partner-img {
    min-width: 35%;
}

.sct-page-section-partner h1 {
    margin-bottom: 1.25rem;
}

.sct-page-section-partner .sct-ps-partner-content > p {
    font-size: 1.625rem;
    line-height: 2.375rem;
    margin-bottom: 3rem;
    flex-grow: 1;
}

.sct-page-section-partner .sct-ps-service-individuals p {
    font-size: 1.625rem;
    margin-bottom: 2.25rem;
    padding: 0 0 0 2rem;
}

.sct-page-section-partner .sct-ps-service-individuals p::before {
    top: 0.25rem;
    background-color: #6F5E97;
}

.sct-hero-section-gray::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 4rem;
    background: #CFD5E0;
    height: 15rem;
    z-index: 1;
}

.sct-hero-section-gray > .container {
    z-index: 2;
    position: relative;
    margin-top: 5rem;
}

.sct-hero-section-gray .sct-hero-section {
    margin: 0;
    background: #FFFFFF;
    border: 1px solid #D1D8E4;
    box-sizing: border-box;
    border-radius: 3px;
    padding: 2.5rem;
}

.sct-hs-img {
    width: 25%;
    margin-right: 3.75rem;
}

.sct-hero-section-works .sct-hs-img {
    width: auto;
    margin-right: 3.75rem;
}

.sct-hs-content {
    width: 75%;
}

.sct-ps-dev-process {
    align-items: center;
}

.sct-ps-dev-process > header {
    width: 50%;
    margin: 0 4.6875rem 0 0;
}

.sct-ps-dev-process .sct-ps-dev-process {
    width: 50%;
    justify-content: flex-end;
}

.sct-page-section-services-deep header > .d-flex {
    align-items: center;
}

.sct-page-section-services-deep header {
    margin-bottom: 2.5rem;
}

.sct-page-section-services-deep header i {
    font-size: 2.5rem;
    color: #F30920;
    margin: 0 1.5rem 1rem -0.1rem;
}

.sct-ps-tech-stuffs p {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #CFD5E0;
    border-radius: 100px;
    padding: 0.3rem 1rem;
    margin: 0 1rem 1rem 0;
}

.sct-page-section-services-deep .sct-ps-dev-process {
    margin: 3.75rem 0;
}

.sct-page-section-services-deep .sct-ps-dev-process header {
    margin-bottom: 0;
}

.sct-service-navbar {
    position: sticky;
    top: 4rem;
    z-index: 5;
    background: rgba(255,255,255,.85);
    backdrop-filter: saturate(180%) blur(20px);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}

.sct-service-navbar a {
    width: calc(100%/4);
    text-align: center;
    border-left: 1px solid #e0e2e8;
    padding: 0.3rem;
}

.sct-service-navbar a:last-child {
    border-right: 1px solid #e0e2e8;
}

.sct-service-navbar a.active, .sct-service-navbar a.active:hover {
    background: rgb(207 213 224 / 0.3);
    cursor: default;
    pointer-events: none;
}

.sct-service-navbar a:hover {
    background: rgb(207 213 224 / 0.15);
}

.sct-service-navbar.sct-service-navbar-serviceonly a {
    justify-content: center;
}

.sct-service-navbar.sct-service-navbar-serviceonly a i {
    display: none;
}

.sct-page-section-services-deep-1 {
    margin-top: 7rem;
}

.sct-page-section-services-deep header > p + p {
    margin-top: 0.75rem;
}

.sct-hero-section-about .sct-hs-content {
    width: 50%;
    margin-right: 4rem;
}

.sct-hero-section-about .sct-hs-content p + p {
    margin-top: 2rem;
}

.sct-hs-stats {
    width: 50%;
}

.sct-hs-stats-block {
    width: 50%;
    margin: 0 1.5625rem 0 0;
    padding: 1.5rem 1rem;
    border-radius: 3px;
    text-align: center;
    color: white;
}

.sct-hs-stats > .d-flex + .d-flex {
    margin-top: 1.5625rem;
}

.sct-ps-founders {
    align-items: center;
}

.sct-ps-founders-photos {
    width: 60%;
    margin-right: 3rem;
}

.sct-ps-founders-photos + .sct-special-text {
    width: 40%;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.sct-ps-founders-photo-block {
    margin-right: 3.75rem;
    width: 50%;
    align-items: flex-end;
}

.sct-ps-founders-photos > .d-flex + .d-flex {
    margin-top: 3.75rem;
}

.sct-ps-founders-photo-block > img {
    height: 7rem;
    width: 7rem;
    margin-right: 1.5625rem;
}

.sct-ps-founders-photo-block > div img {
    height: 1.4rem;
    border-radius: 3px;
}

.sct-ps-founders-photo-block h5 {
    font-weight: 700;
    margin-bottom: 0.3rem;
}

.sct-ps-founders-photo-block .h5 {
    margin-bottom: 0.3rem;
    font-size: 1rem;
}

.sct-ps-office-photos {
    justify-content: space-between;
}

.sct-ps-office-photos > .d-flex {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
}

.sct-ps-office-photos > .d-flex > .d-flex {
    align-items: flex-start;
}

.sct-ps-office-photos > .d-flex + .d-flex {
    margin-left: 2rem;
}

.sct-ps-office-photos * + img {
    margin-top: 2.5rem;
}

.sct-ps-office-photos > .d-flex:nth-child(2), .sct-ps-office-photos > .d-flex > .d-flex {
    margin-top: 2.5rem;
}

.sct-ps-office-photos > .d-flex > .d-flex * + img {
    margin-top: 0rem;
    margin-left: 2rem;
}

.sct-ps-office-photos > .d-flex:first-child {
    width: 35%;
}

.sct-ps-office-photos > .d-flex:nth-child(2) {
    width: 30%;
}

.sct-ps-office-photos > .d-flex:last-child {
    width: 25%;
    align-items: flex-start;
}

.sct-page-section-culture {
    align-items: center;
}

.sct-page-section-culture header {
    width: 50%;
    margin-right: 3.75rem;
    margin-bottom: 0;
}

.sct-page-section-culture .sct-ps-join-team {
    width: 50%;
    background: #FFFFFF;
    border: 1px solid #D1D8E4;
    border-radius: 3px;
    align-items: center;
    padding: 0 2rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

.sct-page-section-culture img {
    margin: 2rem 2.5rem 0 0;
}

.sct-page-section-culture .sct-ps-join-team h2 {
    margin-bottom: 1rem;
}

.sct-page-section-culture .sct-ps-join-team .sct-btn {
    justify-content: center;
    width: 10rem;
}

.sct-page-section-clients .sct-ps-clients {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.sct-page-section-clients .sct-ps-clients .sct-ps-client-logo {
    margin: 0 1.875rem 1.875rem 0;
}

.sct-page-section-clients .sct-ps-tech-stuffs {
    margin-top: 2rem;
}

.sct-service-navbar .sct-nav-works {
    width: 50%;
    align-items: center;
}

.sct-service-navbar .sct-nav-works:last-child {
    justify-content: flex-end;
}

.sct-service-navbar .sct-nav-works i {
    font-size: 1rem;
    margin: 0.1rem 1rem 0 !important;
    text-align: center;
}

.sct-service-navbar .sct-nav-works.hidden {
    pointer-events: none;
}

.sct-service-navbar .sct-nav-works.hidden * {
    opacity: 0;
}

.sct-hero-section-works p + p {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #CFD5E0;
    border-radius: 3px;
    padding: 0.1rem 1rem;
    margin-top: 1.5rem;
    font-size: 0.9rem;
    letter-spacing: 0.01rem;
}

.sct-hero-section-works h1 {
    margin-bottom: 0rem;
}

.sct-page-section-work-img {
    align-items: flex-start;
}

.sct-page-section-work-img img {
    margin-right: 4rem;
}

.sct-page-section-work-img p + p {
    margin-top: 1rem;
}

.sct-page-section > header > .sct-ps-tech-stuffs {
    margin: 2rem 0 0;
}

.sct-page-section > header > .sct-ps-tech-stuffs p + p {
    margin-top: 0rem !important;
}

.sct-page-section-work-img header {
    margin-bottom: 0;
}

.sct-page-section > h2 {
    margin-bottom: 1rem;
}

.sct-page-section > p + p {
    margin-top: 1rem;
}

.sct-ui-tabs-body {
    background: #FFFFFF;
    border: 1px solid #D1D8E4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    padding: 3rem;
}

.sct-ui-tabs-body-content h5 {
    margin-top: 3rem;
}

.sct-ui-tabs-body-content h5:first-child {
    margin-top: 0;
}

.sct-ui-tabs-body-content h5, .sct-ui-tabs-body-content .sct-ui-input-row {
    margin-bottom: 1.5rem;
}

.sct-ui-tabs-body-content button.sct-btn {
    margin-top: 3rem;
}

.sct-ui-tabs-body-content .sct-ui-input-row input.sct-ui-input {
    width: 50%;
}

.sct-ui-tabs-body-content .sct-ui-input-row input + input, .sct-ui-tabs-body-content .sct-ui-input-row input + .space-holder {
    margin-left: 1.5rem;
}

.sct-ui-tabs-body-content .sct-ui-input-row .space-holder {
    width: 50%;
}

.sct-ui-input {
    background: #FFFFFF;
    border: 2px solid #bbc4d6;
    border-radius: 3px;
    padding: 0.8rem 1rem;
}

.sct-ui-input:focus {
    border: 2px solid #F30920;
    outline: none;
}

input.sct-ui-input {
    height: 3.25rem;
}

textarea.sct-ui-input {
    width: 100%;
}

select.sct-ui-input {
    width: 100%;
}

.sct-page-section-contact {
    margin-top: 4rem;
}

.sct-ui-input-file {
    flex-direction: column;
    align-items: flex-start;
}

#sct-project-document-input, #sct-project-document-input-c {
    display: none;
}

.sct-project-document-btn {
    background: #FFFFFF;
    border: 2px solid #BBC4D6;
    border-radius: 3px;
    padding: 1rem 1.5rem;
    align-items: center;
    height: 3.25rem;
    color: #F30920;
    transition: all 0.3s;
    cursor: pointer;
}

.sct-project-document-btn:hover {
    background: #fff1f3;
    border-color: #F30920;
}

.sct-project-document-btn .h5 {
    font-weight: 500;
    margin-left: 0.5rem;
    font-family: 'DM Sans', sans-serif;
    font-size: 1rem;
}

.help-text {
    font-size: 0.9rem;
    color: #717d96;
    margin-top: 0.2rem;
}

.sct-ui-tabs-body-content .sct-btn {
    width: 10rem;
    justify-content: center;
}

.sct-ui-tabs-head {
    align-items: center;
}

.sct-ui-tabs-head > h5 {
    color: #717D96;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    margin-right: 1rem;
}

.sct-ui-tabs-head > a {
    background: white;
    border: 0;
    padding: 0.5rem 0.5rem 0.6rem;
    font-weight: 600;
    font-size: 1.1rem;
    position: relative;
    letter-spacing: -0.03rem;
}

.sct-ui-tabs-head > a.active {
    color: #F30920;
}

.sct-ui-tabs-head > a.active::after {
    content: "";
    position: absolute;
    height: 0.2rem;
    background: #F30920;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px 4px 0 0;
}

.sct-ui-tabs-head > a + a {
    margin-left: 0.8rem;
}

.sct-ui-tabs-body-content {
    display: none;
}

.sct-ui-tabs-body-content.active {
    display: block;
}

.sct-ps-contact-details .sct-ps-contact {
    background: #FFFFFF;
    border: 1px solid #D1D8E4;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    flex-direction: column;
    padding: 2rem;
    margin-bottom: 2rem;
}

.sct-ps-contact-details .sct-ps-contact:first-child .d-flex {
    flex-direction : column;
    margin: 0;
}

.sct-ps-contact-details .sct-ps-contact:first-child .d-flex + .d-flex {
    margin-top: 2rem;
}

.sct-ps-contact-details .sct-ps-contact:first-child a {
    color: #f30920;
    font-weight: 500;
}

.sct-ps-contact-details .sct-ps-contact h5 + a {
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin-bottom: 2rem;
}

.sct-ps-contact-details .sct-ps-contact h5 + a:last-child {
    margin-bottom: 0rem;
}

.sct-ui-tabs-wrap {
    width: 65%;
    margin-right: 4rem;
}

.sct-ps-contact-details {
    width: 35%;
}

.sct-ps-contact-details .sct-ps-contact h5 {
    margin-bottom: 0.5rem;
}

.sct-ps-contact-details .sct-ps-contact > .d-flex {
    margin-top: 1rem;
}

.sct-ps-contact-details {
    margin-top: 2.5rem;
}

.sct-progress {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 6rem 0 -2rem;
}

.sct-progress img {
    height: 25rem;
    margin-bottom: 3rem;
}

.sct-progress h2 {
    margin-bottom: 1rem;
}

.sct-nav-mega-left > h2 {
    margin-bottom: 2rem;
}

.sct-nav-mega-left > .sct-nav-mega-right {
    display: none;
}

.sct-ps-dev-process-img img:last-child {
    display: none;
}

/* loading */
.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    height: 0.15rem;
    background-color: #ffffff;
}

.indeterminate {
    position: relative;
    width: 100%;
    height: 100%;
}

.indeterminate:before {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #f30920;
    animation: indeterminate_first 1.5s infinite ease-out;
}

.indeterminate:after {
    content: '';
    position: absolute;
    height: 100%;
    background-color: #f30920;
    animation: indeterminate_second 1.5s infinite ease-in;
}

.toast-message > p {
    background: #09A0F4;
    background-image: linear-gradient(to left, #6F5E97, #09A0F4);
    text-align: center;
    color: white;
    padding: 0.5rem 2rem;
    border-radius: 8px 8px 8px 2px;
    display: inline-block;
    margin: 0 auto;
}

.toast-message.fail > p, .toast-message.captcha > p {
    background-image: linear-gradient(to left, #6F5E97, #f30920);
}

.sct-ui-tabs-body {
    position: relative;
}

@keyframes indeterminate_first {
    0% {
        left: -100%;
        width: 100%;
    }

    100% {
        left: 100%;
        width: 10%;
    }
}

@keyframes indeterminate_second {
    0% {
        left: -150%;
        width: 100%;
    }

    100% {
        left: 100%;
        width: 10%;
    }
}

/* loading */
.statcounter {
    display: none;
}

.sct-page-section-3rd-party-profile header {
    margin-bottom: 2rem;
    text-align: center;
}

.sct-page-section-3rd-party-profile a + a {
    margin-left: 1rem;
}

.sct-page-section-3rd-party-profile .d-flex {
    justify-content: center;
}
/* --- Media Query --- Start */
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

@media (max-width: 1200px) {
    .sct-hero-left {
        width: 50%;
        margin-right: 2%;
    }

    .sct-hero-right {
        width: 50%;
        padding-left: 2%
    }

    .sct-ps-founders-photo-block h5, .sct-ps-founders-photo-block .h5 {
        white-space: nowrap;
    }

    .sct-ps-office-photos > .d-flex:first-child {
        width: 45%;
    }

    .sct-ps-office-photos > .d-flex:nth-child(2) {
        width: 30%;
    }

    .sct-ps-office-photos > .d-flex:last-child {
        width: 25%;
        align-items: flex-start;
    }

    .sct-page-section-culture {
        flex-direction: column;
        align-items: flex-start;
    }

    .sct-page-section-culture header {
        width: 100%;
        margin: 0 0 2rem;
    }

    .sct-page-section-culture .sct-ps-join-team {
        width: 60%;
    }

    .sct-ps-service-dev p, .sct-ps-service-des p, .sct-ps-service-biz p {
        width: calc(100%/2);
    }

    .sct-page-section-partner {
        border: 3rem solid #6F5E97;
        padding: 4rem 3rem 2rem;
    }
}

@media (max-width: 1100px) {
    .sct-page-section-work-img {
        flex-direction: column;
        align-items: center;
    }

    .sct-page-section-work-img img {
        margin: 0 0 5.5rem;
    }

    .sct-page-section-work-img > header {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
        padding: 0 2rem;
    }

    .sct-hero-section {
        flex-direction: column-reverse;
    }

    .sct-hero-left {
        width: 100%;
        margin-right: 0%;
    }

    .sct-hero-right {
        width: 100%;
        padding-left: 0%;
        justify-content: center;
        margin-bottom: 4rem;
    }

    .sct-ps-services {
        flex-wrap: wrap
    }

    .sct-ps-service-content {
        flex-direction: column;
        width: calc(100%/2);
        margin-bottom: 3.75rem;
        padding-right: 5rem;
    }

    .sct-ps-service-content + .sct-ps-service-content {
        margin-left: 0rem;
    }

    .sct-ps-services-with-image .sct-ps-services > .d-flex {
        flex-direction: column;
    }

    .sct-ps-services-with-image .sct-ps-service-content {
        width: 100%;
        margin-bottom: 0;
        margin-right: 0;
    }

    .sct-ps-services-with-image .sct-ps-service-content + .sct-ps-service-content {
        margin-left: 0;
        margin-right: 0;
        margin-top: 2rem;
        margin-bottom: -2rem;
    }

    .sct-ps-services-with-image .sct-ps-service-content {
        padding-right: 0;
    }

    .sct-nav-mega-menu > a {
        white-space: nowrap;
    }

    .sct-hero-section-about .sct-hero-section {
        flex-direction: column;
        align-items: flex-start;
    }

    .sct-hero-section-about .sct-hs-content {
        width: 100%;
        margin-right: 0rem;
    }

    .sct-hs-stats {
        display: flex !important;
        width: 100%;
        margin-top: 3rem;
    }

    .sct-hs-stats > .d-flex {
        width: 100%;
    }

    .sct-hs-stats-block {
        flex-grow: 1;
    }

    .sct-hs-stats > .d-flex + .d-flex {
        margin-top: 0rem;
    }

    footer {
        margin-top: 8rem;
    }

    .sct-ps-founders {
        flex-direction: column;
    }

    .sct-ps-founders-photos {
        width: 100%;
        margin: 0 0 3rem;
        display: flex !important;
        justify-content: space-between;
    }

    .sct-ps-founders-photo-block {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 2rem;
    }

    .sct-ps-founders-photos > .d-flex + .d-flex {
        margin-top: 0rem;
    }

    .sct-ps-founders-photos > .d-flex {
        width: 50%;
    }

    .sct-ps-founders-photo-block > img {
        margin: 0 0 1rem;
    }

    .sct-ps-founders-photos + .sct-special-text {
        width: 100%;
        margin-top: 1rem;
    }

    .sct-page-section-culture .sct-ps-join-team {
        width: 70%;
    }

    .sct-page-section-services .sct-ps-services-with-image {
        align-items: flex-start;
    }

    .sct-ps-service-dev p, .sct-ps-service-des p, .sct-ps-service-biz p {
        width: calc(100%/2);
    }

    .sct-page-section-services .sct-ps-services-with-image .sct-ps-services > .d-flex {
        flex-direction: row;
    }

    .sct-page-section-services .sct-ps-services-with-image .sct-ps-services > .d-flex:first-child {
        flex-direction: column;
    }

    .sct-page-section-partner {
        border: 2rem solid #6F5E97;
        padding: 4rem 2rem 1.5rem;
    }

    .sct-page-section-partner .sct-ps-partner-content {
        padding: 0 1rem;
    }

    .sct-hero-section-gray .sct-hero-section {
        flex-direction: row;
    }

    .sct-hero-section-gray .sct-hero-section .sct-hs-img {
        width: 40%;
    }

    .sct-hero-section-gray .sct-hero-section .sct-hs-img + .sct-hs-content h1 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .sct-page-section-contact .sct-ui-tabs-wrap {
        margin-right: 2rem;
    }

    .sct-page-section-contact .sct-ui-tabs-body {
        padding: 2rem;
    }

    .sct-ps-contact-details .sct-ps-contact {
        padding: 1.5rem;
    }
}

@media (max-width: 810px) {
    .sct-hero-right {
        height: 100%;
    }

    .sct-nav-mega-left > h2 {
        display: block;
    }

    .sct-nav-mega-right > .d-flex {
        flex-direction: column;
    }

    .sct-nav-mega-right > .d-flex a + a {
        margin-top: 2rem;
        margin-bottom: -0.5rem;
    }

    .sct-nav-mega > .container {
        padding: 0 1rem;
    }

    .sct-ps-office-photos > .d-flex:first-child {
        width: 30%;
    }

    .sct-ps-office-photos > .d-flex + .d-flex {
        margin-left: 1rem;
    }

    .sct-ps-office-photos * + img {
        margin-top: 1rem;
    }

    .sct-ps-office-photos > .d-flex:nth-child(2), .sct-ps-office-photos > .d-flex > .d-flex {
        margin-top: 1rem;
    }

    .sct-ps-office-photos > .d-flex > .d-flex * + img {
        margin-top: 0rem;
        margin-left: 1rem;
    }

    .sct-ps-office-photos > .d-flex:first-child {
        width: 45%;
    }

    .sct-ps-office-photos > .d-flex:nth-child(2) {
        width: 30%;
    }

    .sct-ps-office-photos > .d-flex:last-child {
        width: 25%;
        align-items: flex-start;
    }

    .sct-ps-office-photos > .d-flex:first-child > .d-flex > img:first-child {
        display: none;
    }

    .sct-hs-stats-block p:last-child {
        padding: 0 0.2rem;
    }

    .sct-page-section-partner {
        flex-direction: column;
    }

    .sct-page-section-partner .sct-ps-partner-content {
        padding: 4rem 0 0;
    }

    .sct-ps-dev-process {
        flex-direction: column;
    }

    .sct-ps-dev-process > header {
        width: 100%;
        margin: 0 0 4rem;
    }

    .sct-ps-dev-process-img {
        width: 100%;
        justify-content: center;
    }

    .sct-page-section-contact {
        flex-direction: column;
    }

    .sct-ui-tabs-wrap {
        width: 100%;
    }

    .sct-ps-contact-details {
        display: flex !important;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .sct-ps-contact-details .sct-ps-contact {
        width: 100%;
    }

    .sct-ps-contact-details .sct-ps-contact:nth-child(2), .sct-ps-contact-details .sct-ps-contact:last-child {
        width: 48%;
    }

    .sct-ps-contact-details .sct-ps-contact:nth-child(2) p, .sct-ps-contact-details .sct-ps-contact:last-child p {
        height: 100%;
    }

    .sct-ps-contact-details .sct-ps-contact:first-child {
        flex-direction: row;
    }

    .sct-ps-contact-details .sct-ps-contact:first-child .d-flex +.d-flex {
        margin: 0 0 0 5rem;
    }

    .sct-page-section-services-deep .sct-ps-dev-process header {
        margin-bottom: 4rem;
    }
}

@media (max-width: 710px) {
    .sct-nav-mini a:not(.sct-btn) {
        display: none;
    }

    .sct-nav-mega > .container {
        flex-direction: column;
    }

    .sct-nav-mega-right {
        padding-left: 0rem;
        padding-top: 2rem;
    }

    .sct-nav-mega-left, .sct-nav-mega-right {
        padding-bottom: 0rem;
    }

    .sct-nav-mega-left > .sct-nav-mega-right {
        display: block;
    }

    .sct-nav-mega-left + .sct-nav-mega-right {
        display: none;
    }

    .sct-nav-mega-left {
        border-right: 0;
        padding-bottom: 4rem;
        padding-top: 2.5rem;
    }

    .sct-nav-mega-social {
        margin-top: 5rem;
    }

    .sct-nav-mega {
        position: absolute;
        padding: 4rem 1rem 4rem;
        z-index: 5;
        height: 100vh;
        overflow-y: auto;
    }

    .sct-hs-stats {
        display: block !important;
        width: 100%;
        margin-top: 3rem;
    }

    .sct-hs-stats-block {
        width: 100%;
        flex-grow: unset;
    }

    .sct-hs-stats-block:first-child {
        margin-right: 1rem;
    }

    .sct-hs-stats-block:last-child {
        margin-left: 1rem;
        margin-right: 0rem;
    }

    .sct-hs-stats > .d-flex {
        justify-content: space-between;
    }

    .sct-hs-stats > .d-flex:first-child {
        margin-bottom: 2rem;
    }

    .sct-ps-founders-photos {
        display: block !important;
    }

    .sct-ps-founders-photos > .d-flex {
        width: 100%;
    }

    .sct-ps-founders-photo-block {
        flex-direction: row;
        align-items: flex-end;
        margin: 0;
    }

    .sct-ps-founders-photos > .d-flex:first-child {
        margin: 0 0 4rem;
    }

    .sct-ps-founders-photo-block > img {
        margin: 0 1.5625rem 0 0;
    }

    .sct-ps-office-photos > .d-flex > .d-flex * + img {
        margin-left: 0rem;
    }

    .sct-ps-office-photos > .d-flex:last-child {
        padding-top: 3rem;
    }

    .sct-page-section-culture .sct-ps-join-team {
        width: 100%;
    }

    .sct-page-section-partner {
        border: 1rem solid #6F5E97;
        padding: 3rem 2rem 1.5rem;
    }
}

@media (max-width: 600px) {
    .sct-ps-service-content {
        width: 100%;
        margin-bottom: 3.75rem;
        padding-right: 0rem;
    }

    .sct-ps-services-with-image {
        flex-direction: column;
    }

    .sct-ps-side-img {
        margin-right: 0rem;
        margin-bottom: 4rem;
    }

    .sct-ps-services-with-image .sct-ps-services {
        width: 100%;
    }

    .sct-ps-clients {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .sct-ps-clients .sct-ps-client-logo {
        width: 50%;
        margin: 0 0 2rem !important;
        text-align: center;
    }

    .sct-ps-clients .sct-ps-client-logo img {
        height: 35vw;
    }

    h2, .h2 {
        line-height: 1.3;
    }

    .sct-ps-projects > .d-flex {
        flex-direction: column;
    }

    .sct-ps-project-link + .sct-ps-project-link {
        margin-top: 2.0625rem;
        margin-left: 0rem;
    }

    .sct-ps-feedbacks > .d-flex {
        flex-direction: column;
        margin-top: 0;
    }

    .sct-ps-feedback-card {
        width: 100%;
        margin: 1rem 0 !important;
    }

    .footer-top {
        flex-direction: column-reverse;
        margin-bottom: 4rem;
    }

    footer {
        padding: 4rem 0 3rem;
    }

    .footer-right {
        margin-bottom: 2rem;
    }

    .footer-left {
        margin-bottom: 0.5rem;
        width: 100%;
    }

    .footer-left a.sct-btn span {
        white-space: nowrap
    }

    .footer-bottom {
        flex-direction: column;
        border-top: 1px solid #D1D8E4;
        padding: 3rem 0 4rem;
        text-align: center;
    }

    footer h5 {
        white-space: nowrap;
    }

    .footer-bottom img {
        margin-bottom: 1.5rem;
    }

    .sct-page-section-services .sct-ps-side-img {
        width: 60%;
    }

    .sct-service-navbar-serviceonly {
        position: fixed;
        bottom: 0;
        top: unset;
        left: 0;
        right: 0;
        box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #e0e2e8;
    }

    .sct-service-navbar-serviceonly .container {
        padding: 0;
    }

    .sct-service-navbar.sct-service-navbar-serviceonly a {
        justify-content: center;
        flex-direction: column;
        padding: 0.75rem 0;
        position: relative;
    }

    .sct-service-navbar.sct-service-navbar-serviceonly a i {
        display: block;
        font-size: 2rem;
        margin-bottom: 0.3rem;
    }

    .sct-service-navbar.sct-service-navbar-serviceonly a span {
        font-size: 0.9rem;
        font-weight: 500;
        letter-spacing: 0.025rem;
    }

    .sct-service-navbar a.active, .sct-service-navbar a.active:hover {
        background: unset;
    }

    .sct-service-navbar a.active::after, .sct-service-navbar a.active:hover::after {
        content: "";
        position: absolute;
        height: 0.2rem;
        left: 0;
        right: 0;
        bottom: 0;
        background: #f30920;
    }

    .sct-service-navbar a.active i {
        color: #f30920;
    }

    .sct-hero-section-gray .sct-hero-section {
        flex-direction: column;
    }

    .sct-hero-section-gray .sct-hero-section .sct-hs-img {
        width: 100%;
        text-align: center;
        margin: 0 0 3rem;
    }

    .sct-hs-content {
        width: 100%;
        text-align: center;
    }

    .sct-hero-section-about .sct-hs-content {
        text-align: left;
    }

    .sct-hero-section-gray > .container {
        margin-top: 2rem;
    }

    .sct-ps-contact-details .sct-ps-contact {
        width: 100% !important;
    }
}

@media (max-width: 530px) {
    html {
        font-size: 0.9rem;
    }

    h1, .h1 {
        font-size: 2.5rem;
        letter-spacing: -0.08rem;
        line-height: 3rem !important;
    }

    p {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

    .sct-page-section header h4 {
        margin-bottom: 1rem;
    }

    .sct-page-section-services-deep.sct-page-section header h4 {
        margin-bottom: 0.5rem;
    }

    .sct-ps-clients .sct-ps-client-logo {
        margin: 0 0 1rem !important;
    }

    .sct-nav-mega-menu > a {
        font-size: 1.2rem;
        line-height: 1.7rem;
    }

    footer h5 {
        margin-bottom: 2rem;
    }

    footer {
        padding: 4rem 0 1rem;
    }

    .sct-hs-stats-block p:last-child {
        padding: 0 1rem;
        line-height: 1.2;
        margin-top: 0.5rem;
    }

    .sct-ps-founders-photo-block {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 2rem;
    }

    .sct-ps-founders-photo-block > img {
        margin: 0 0 1rem;
    }

    .sct-ps-office-photos {
        flex-direction: column;
    }

    .sct-ps-office-photos .d-flex, .sct-ps-office-photos > .d-flex:last-child {
        width: 100% !important;
        margin: 0 !important;
        padding: 0;
    }

    .sct-ps-office-photos > .d-flex:nth-child(2) img:first-child, .sct-ps-office-photos > .d-flex:last-child img:last-child {
        display: none;
    }

    .sct-ps-office-photos .d-flex img {
        margin: 1rem 0 !important;
        width: 100%;
    }

    .sct-page-section-culture .sct-ps-join-team {
        flex-direction: column-reverse;
        justify-content: center;
        padding-top: 2rem;
    }

    .sct-page-section-culture .sct-ps-join-team img {
        margin: 3rem 0 0;
    }

    .sct-page-section-culture .sct-ps-join-team .sct-btn {
        width: 100%;
    }

    .sct-page-section-services .sct-ps-side-img {
        width: 100%;
    }

    .sct-page-section-services .sct-ps-side-img img {
        width: 100%;
    }

    .sct-ps-service-dev p, .sct-ps-service-des p, .sct-ps-service-biz p, .sct-ps-service-dim p {
        width: 100%;
    }

    .sct-page-section-partner {
        border: 1rem solid #6F5E97;
        padding: 3rem 1.5rem 1.5rem;
        margin: 0 -1rem;
    }

    .sct-page-section-partner .sct-ps-partner-content > p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .sct-hero-left p {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .sct-service-navbar.sct-service-navbar-serviceonly a span {
        display: none;
    }

    .sct-service-navbar-workonly {
        position: fixed;
        bottom: 0;
        top: unset;
        left: 0;
        right: 0;
        box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #e0e2e8;
    }

    .sct-service-navbar-workonly > .container {
        padding: 0;
    }

    h3, .h3 {
        font-size: 1.75rem;
    }

    .sct-service-navbar-workonly span span {
        display: block;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: 0.05rem;
        font-size: 0.8rem;
        margin: 0.3rem 0 0.4rem;
        ; font-family: 'Epilogue', sans-serif
    }

    .sct-service-navbar-workonly a {
        padding: 0.6rem 0;
    }

    .sct-service-navbar-workonly a:first-child {
        text-align: left;
    }

    .sct-service-navbar-workonly a:last-child {
        text-align: right;
    }

    .sct-service-navbar-workonly a i {
        font-size: 1.5rem !important;
    }

    .sct-ps-contact-details .sct-ps-contact:first-child {
        flex-direction: column;
    }

    .sct-ps-contact-details .sct-ps-contact:first-child .d-flex +.d-flex {
        margin: 2rem 0 0;
    }

    .sct-ps-tech-stuffs p {
        margin: 0 0.4rem 0.9rem 0;
    }

    .sct-ps-dev-process-img img:first-child {
        display: none;
    }

    .sct-ps-dev-process-img img:last-child {
        display: block;
    }

    .sct-page-section-services-deep header > .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }

    .sct-page-section-services-deep header > .d-flex i {
        margin-bottom: 1rem;
    }

    .sct-ui-tabs-body-content .sct-ui-input-row {
        flex-direction: column;
    }

    .sct-ui-tabs-body-content .sct-ui-input-row input.sct-ui-input, .sct-project-document-btn {
        width: 100%;
    }

    .sct-project-document-btn {
        justify-content: center;
    }

    .sct-ui-tabs-body-content .sct-ui-input-row input + input {
        margin-top: 1.5rem;
        margin-left: 0;
    }

    .sct-ui-tabs-head > h5 {
        padding: 0.5rem 0.5rem;
        margin-right: 0.5rem;
    }

    .sct-ui-tabs-head > a + a {
        margin-left: 0.5rem;
    }

   .have-bottom-bar #hubspot-messages-iframe-container {
    margin-bottom: 4rem;
}

    .have-bottom-bar .eapp-whatsapp-chat-root-layout-component > div > div {
        bottom: 3.5rem;
        position: fixed;
    }
}

@media (max-width: 350px) {
    html {
        font-size: 0.8rem;
    }

    .container, .container-md, .container-sm {
        padding: 0 1rem;
    }
}

/* --- Media Query --- End */