/* input(2087,5): run-time error CSS1019: Unexpected token, found '@import'
input(2087,13): run-time error CSS1019: Unexpected token, found 'url("../variables.css")'
input(2088,5): run-time error CSS1019: Unexpected token, found '@import'
input(2088,13): run-time error CSS1019: Unexpected token, found 'url("../base.css")'
input(2089,5): run-time error CSS1019: Unexpected token, found '@import'
input(2089,13): run-time error CSS1019: Unexpected token, found 'url("../layout.css")'
input(2090,5): run-time error CSS1019: Unexpected token, found '@import'
input(2090,13): run-time error CSS1019: Unexpected token, found 'url("../components.css?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0")'
input(2091,5): run-time error CSS1019: Unexpected token, found '@import'
input(2091,13): run-time error CSS1019: Unexpected token, found 'url("../utilities.css")' */
@charset "UTF-8";

@-webkit-keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(.5);
        opacity: 0
    }
}

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    100% {
        top: 2.8125em;
        left: .875em;
        width: 1.5625em
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    100% {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    100% {
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-toast-shown .swal2-container {
    background-color: transparent
}

    body.swal2-toast-shown .swal2-container.swal2-shown {
        background-color: transparent
    }

    body.swal2-toast-shown .swal2-container.swal2-top {
        top: 0;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
        top: 0;
        right: 0;
        bottom: auto;
        left: auto
    }

    body.swal2-toast-shown .swal2-container.swal2-top-left, body.swal2-toast-shown .swal2-container.swal2-top-start {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0
    }

    body.swal2-toast-shown .swal2-container.swal2-center-left, body.swal2-toast-shown .swal2-container.swal2-center-start {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
        top: 50%;
        right: 0;
        bottom: auto;
        left: auto;
        transform: translateY(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-left, body.swal2-toast-shown .swal2-container.swal2-bottom-start {
        top: auto;
        right: auto;
        bottom: 0;
        left: 0
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
        top: auto;
        right: 0;
        bottom: 0;
        left: auto
    }

body.swal2-toast-column .swal2-toast {
    flex-direction: column;
    align-items: stretch
}

    body.swal2-toast-column .swal2-toast .swal2-actions {
        flex: 1;
        align-self: stretch;
        height: 2.2em;
        margin-top: .3125em
    }

    body.swal2-toast-column .swal2-toast .swal2-loading {
        justify-content: center
    }

    body.swal2-toast-column .swal2-toast .swal2-input {
        height: 2em;
        margin: .3125em auto;
        font-size: 1em
    }

    body.swal2-toast-column .swal2-toast .swal2-validation-message {
        font-size: 1em
    }

.swal2-popup.swal2-toast {
    flex-direction: row;
    align-items: center;
    width: auto;
    padding: .625em;
    overflow-y: hidden;
    box-shadow: 0 0 .625em #d9d9d9
}

    .swal2-popup.swal2-toast .swal2-header {
        flex-direction: row
    }

    .swal2-popup.swal2-toast .swal2-title {
        flex-grow: 1;
        justify-content: flex-start;
        margin: 0 .6em;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-footer {
        margin: .5em 0 0;
        padding: .5em 0 0;
        font-size: .8em
    }

    .swal2-popup.swal2-toast .swal2-close {
        position: static;
        width: .8em;
        height: .8em;
        line-height: .8
    }

    .swal2-popup.swal2-toast .swal2-content {
        justify-content: flex-start;
        font-size: 1em
    }

    .swal2-popup.swal2-toast .swal2-icon {
        width: 2em;
        min-width: 2em;
        height: 2em;
        margin: 0
    }

        .swal2-popup.swal2-toast .swal2-icon::before {
            display: flex;
            align-items: center;
            font-size: 2em;
            font-weight: 700
        }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-popup.swal2-toast .swal2-icon::before {
        font-size: .25em
    }
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
        left: .3125em
    }

    .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
        right: .3125em
    }

.swal2-popup.swal2-toast .swal2-actions {
    flex-basis: auto !important;
    width: auto;
    height: auto;
    margin: 0 .3125em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: 0 .3125em;
    padding: .3125em .625em;
    font-size: 1em
}

    .swal2-popup.swal2-toast .swal2-styled:focus {
        box-shadow: 0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)
    }

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
        position: absolute;
        width: 1.6em;
        height: 3em;
        transform: rotate(45deg);
        border-radius: 50%
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
            top: -.8em;
            left: -.5em;
            transform: rotate(-45deg);
            transform-origin: 2em 2em;
            border-radius: 4em 0 0 4em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
            top: -.25em;
            left: .9375em;
            transform-origin: 0 1.5em;
            border-radius: 0 4em 4em 0
        }

    .swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
        width: 2em;
        height: 2em
    }

    .swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
        top: 0;
        left: .4375em;
        width: .4375em;
        height: 2.6875em
    }

    .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
        height: .3125em
    }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
            top: 1.125em;
            left: .1875em;
            width: .75em
        }

        .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
            top: .9375em;
            right: .1875em;
            width: 1.375em
        }

.swal2-popup.swal2-toast.swal2-show {
    -webkit-animation: swal2-toast-show .5s;
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    -webkit-animation: swal2-toast-hide .1s forwards;
    animation: swal2-toast-hide .1s forwards
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-toast-animate-success-line-tip .75s;
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-toast-animate-success-line-long .75s;
    animation: swal2-toast-animate-success-line-long .75s
}

@-webkit-keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotateZ(2deg)
    }

    33% {
        transform: translateY(0) rotateZ(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotateZ(2deg)
    }

    100% {
        transform: translateY(0) rotateZ(0)
    }
}

@-webkit-keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-hide {
    100% {
        transform: rotateZ(1deg);
        opacity: 0
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    100% {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@-webkit-keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    100% {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto !important
}

body.swal2-no-backdrop .swal2-shown {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    max-width: calc(100% - .625em * 2);
    background-color: transparent
}

    body.swal2-no-backdrop .swal2-shown > .swal2-modal {
        box-shadow: 0 0 10px rgba(0,0,0,.4)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top {
        top: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-left, body.swal2-no-backdrop .swal2-shown.swal2-top-start {
        top: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-top-end, body.swal2-no-backdrop .swal2-shown.swal2-top-right {
        top: 0;
        right: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center {
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-left, body.swal2-no-backdrop .swal2-shown.swal2-center-start {
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-center-end, body.swal2-no-backdrop .swal2-shown.swal2-center-right {
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom {
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-left, body.swal2-no-backdrop .swal2-shown.swal2-bottom-start {
        bottom: 0;
        left: 0
    }

    body.swal2-no-backdrop .swal2-shown.swal2-bottom-end, body.swal2-no-backdrop .swal2-shown.swal2-bottom-right {
        right: 0;
        bottom: 0
    }

.swal2-container {
    display: flex;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: .625em;
    overflow-x: hidden;
    background-color: transparent;
    -webkit-overflow-scrolling: touch
}

    .swal2-container.swal2-top {
        align-items: flex-start
    }

    .swal2-container.swal2-top-left, .swal2-container.swal2-top-start {
        align-items: flex-start;
        justify-content: flex-start
    }

    .swal2-container.swal2-top-end, .swal2-container.swal2-top-right {
        align-items: flex-start;
        justify-content: flex-end
    }

    .swal2-container.swal2-center {
        align-items: center
    }

    .swal2-container.swal2-center-left, .swal2-container.swal2-center-start {
        align-items: center;
        justify-content: flex-start
    }

    .swal2-container.swal2-center-end, .swal2-container.swal2-center-right {
        align-items: center;
        justify-content: flex-end
    }

    .swal2-container.swal2-bottom {
        align-items: flex-end
    }

    .swal2-container.swal2-bottom-left, .swal2-container.swal2-bottom-start {
        align-items: flex-end;
        justify-content: flex-start
    }

    .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right {
        align-items: flex-end;
        justify-content: flex-end
    }

        .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-right > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom > :first-child {
            margin-top: auto
        }

    .swal2-container.swal2-grow-fullscreen > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-self: stretch;
        justify-content: center
    }

    .swal2-container.swal2-grow-row > .swal2-modal {
        display: flex !important;
        flex: 1;
        align-content: center;
        justify-content: center
    }

    .swal2-container.swal2-grow-column {
        flex: 1;
        flex-direction: column
    }

        .swal2-container.swal2-grow-column.swal2-bottom, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-top {
            align-items: center
        }

        .swal2-container.swal2-grow-column.swal2-bottom-left, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-top-start {
            align-items: flex-start
        }

        .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-bottom-right, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-top-right {
            align-items: flex-end
        }

        .swal2-container.swal2-grow-column > .swal2-modal {
            display: flex !important;
            flex: 1;
            align-content: center;
            justify-content: center
        }

    .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
        margin: auto
    }

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-container .swal2-modal {
        margin: 0 !important
    }
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-shown {
    background-color: rgba(0,0,0,.4)
}

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border: none;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem
}

    .swal2-popup:focus {
        outline: 0
    }

    .swal2-popup.swal2-loading {
        overflow-y: hidden
    }

.swal2-header {
    display: flex;
    flex-direction: column;
    align-items: center
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

.swal2-actions {
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0
}

    .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
        opacity: .4
    }

    .swal2-actions:not(.swal2-loading) .swal2-styled:hover {
        background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
    }

    .swal2-actions:not(.swal2-loading) .swal2-styled:active {
        background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
    }

    .swal2-actions.swal2-loading .swal2-styled.swal2-confirm {
        box-sizing: border-box;
        width: 2.5em;
        height: 2.5em;
        margin: .46875em;
        padding: 0;
        -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border: .25em solid transparent;
        border-radius: 100%;
        border-color: transparent;
        background-color: transparent !important;
        color: transparent;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .swal2-actions.swal2-loading .swal2-styled.swal2-cancel {
        margin-right: 30px;
        margin-left: 30px
    }

    .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-left: 5px;
        -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
        border: 3px solid #999;
        border-radius: 50%;
        border-right-color: transparent;
        box-shadow: 1px 1px 1px #fff
    }

.swal2-styled {
    margin: .3125em;
    padding: .625em 2em;
    box-shadow: none;
    font-weight: 500
}

    .swal2-styled:not([disabled]) {
        cursor: pointer
    }

    .swal2-styled.swal2-confirm {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #464dee;
        color: #fff;
        font-size: 1.0625em
    }

    .swal2-styled.swal2-cancel {
        border: 0;
        border-radius: .25em;
        background: initial;
        background-color: #aaa;
        color: #fff;
        font-size: 1.0625em
    }

    .swal2-styled:focus {
        outline: 0;
        box-shadow: 0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)
    }

    .swal2-styled::-moz-focus-inner {
        border: 0
    }

.swal2-footer {
    justify-content: center;
    margin: 1.25em 0 0;
    padding: 1em 0 0;
    border-top: 1px solid #eee;
    color: #545454;
    font-size: 1em
}

.swal2-image {
    max-width: 100%;
    margin: 1.25em auto
}

.swal2-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s ease-out;
    border: none;
    border-radius: 0;
    outline: initial;
    background: 0 0;
    color: #ccc;
    font-family: serif;
    font-size: 2.5em;
    line-height: 1.2;
    cursor: pointer
}

    .swal2-close:hover {
        transform: none;
        background: 0 0;
        color: #f27474
    }

.swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0;
    color: #545454;
    font-size: 1.125em;
    font-weight: 300;
    line-height: normal;
    text-align: center;
    word-wrap: break-word
}

.swal2-checkbox, .swal2-file, .swal2-input, .swal2-radio, .swal2-select, .swal2-textarea {
    margin: 1em auto
}

.swal2-file, .swal2-input, .swal2-textarea {
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s,box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
    color: inherit;
    font-size: 1.125em
}

    .swal2-file.swal2-inputerror, .swal2-input.swal2-inputerror, .swal2-textarea.swal2-inputerror {
        border-color: #f27474 !important;
        box-shadow: 0 0 2px #f27474 !important
    }

    .swal2-file:focus, .swal2-input:focus, .swal2-textarea:focus {
        border: 1px solid #b4dbed;
        outline: 0;
        box-shadow: 0 0 3px #c4e6f5
    }

    .swal2-file::-webkit-input-placeholder, .swal2-input::-webkit-input-placeholder, .swal2-textarea::-webkit-input-placeholder {
        color: #ccc
    }

    .swal2-file::-moz-placeholder, .swal2-input::-moz-placeholder, .swal2-textarea::-moz-placeholder {
        color: #ccc
    }

    .swal2-file:-ms-input-placeholder, .swal2-input:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
        color: #ccc
    }

    .swal2-file::-ms-input-placeholder, .swal2-input::-ms-input-placeholder, .swal2-textarea::-ms-input-placeholder {
        color: #ccc
    }

    .swal2-file::placeholder, .swal2-input::placeholder, .swal2-textarea::placeholder {
        color: #ccc
    }

.swal2-range {
    margin: 1em auto;
    background: inherit
}

    .swal2-range input {
        width: 80%
    }

    .swal2-range output {
        width: 20%;
        color: inherit;
        font-weight: 600;
        text-align: center
    }

    .swal2-range input, .swal2-range output {
        height: 2.625em;
        padding: 0;
        font-size: 1.125em;
        line-height: 2.625em
    }

.swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

    .swal2-input[type=number] {
        max-width: 10em
    }

.swal2-file {
    background: inherit;
    font-size: 1.125em
}

.swal2-textarea {
    height: 6.75em;
    padding: .75em
}

.swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: inherit;
    color: inherit;
    font-size: 1.125em
}

.swal2-checkbox, .swal2-radio {
    align-items: center;
    justify-content: center;
    background: inherit;
    color: inherit
}

    .swal2-checkbox label, .swal2-radio label {
        margin: 0 .6em;
        font-size: 1.125em
    }

    .swal2-checkbox input, .swal2-radio input {
        margin: 0 .4em
    }

.swal2-validation-message {
    display: none;
    align-items: center;
    justify-content: center;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

    .swal2-validation-message::before {
        content: "!";
        display: inline-block;
        width: 1.5em;
        min-width: 1.5em;
        height: 1.5em;
        margin: 0 .625em;
        zoom: normal;
        border-radius: 50%;
        background-color: #f27474;
        color: #fff;
        font-weight: 600;
        line-height: 1.5em;
        text-align: center
    }

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@-moz-document url-prefix() {
    .swal2-close:focus {
        outline: 2px solid rgba(50,100,150,.4)
    }
}

.swal2-icon {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 1.25em auto 1.875em;
    zoom: normal;
    border: .25em solid transparent;
    border-radius: 50%;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .swal2-icon::before {
        display: flex;
        align-items: center;
        height: 92%;
        font-size: 3.75em
    }

    .swal2-icon.swal2-error {
        border-color: #f27474
    }

        .swal2-icon.swal2-error .swal2-x-mark {
            position: relative;
            flex-grow: 1
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
            display: block;
            position: absolute;
            top: 2.3125em;
            width: 2.9375em;
            height: .3125em;
            border-radius: .125em;
            background-color: #f27474
        }

            .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
                left: 1.0625em;
                transform: rotate(45deg)
            }

            .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
                right: 1em;
                transform: rotate(-45deg)
            }

    .swal2-icon.swal2-warning {
        border-color: #facea8;
        color: #f8bb86
    }

        .swal2-icon.swal2-warning::before {
            content: "!"
        }

    .swal2-icon.swal2-info {
        border-color: #9de0f6;
        color: #3fc3ee
    }

        .swal2-icon.swal2-info::before {
            content: "i"
        }

    .swal2-icon.swal2-question {
        border-color: #c9dae1;
        color: #87adbd
    }

        .swal2-icon.swal2-question::before {
            content: "?"
        }

        .swal2-icon.swal2-question.swal2-arabic-question-mark::before {
            content: "؟"
        }

    .swal2-icon.swal2-success {
        border-color: #a5dc86
    }

        .swal2-icon.swal2-success [class^=swal2-success-circular-line] {
            position: absolute;
            width: 3.75em;
            height: 7.5em;
            transform: rotate(45deg);
            border-radius: 50%
        }

            .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
                top: -.4375em;
                left: -2.0635em;
                transform: rotate(-45deg);
                transform-origin: 3.75em 3.75em;
                border-radius: 7.5em 0 0 7.5em
            }

            .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
                top: -.6875em;
                left: 1.875em;
                transform: rotate(-45deg);
                transform-origin: 0 3.75em;
                border-radius: 0 7.5em 7.5em 0
            }

        .swal2-icon.swal2-success .swal2-success-ring {
            position: absolute;
            z-index: 2;
            top: -.25em;
            left: -.25em;
            box-sizing: content-box;
            width: 100%;
            height: 100%;
            border: .25em solid rgba(165,220,134,.3);
            border-radius: 50%
        }

        .swal2-icon.swal2-success .swal2-success-fix {
            position: absolute;
            z-index: 1;
            top: .5em;
            left: 1.625em;
            width: .4375em;
            height: 5.625em;
            transform: rotate(-45deg)
        }

        .swal2-icon.swal2-success [class^=swal2-success-line] {
            display: block;
            position: absolute;
            z-index: 2;
            height: .3125em;
            border-radius: .125em;
            background-color: #a5dc86
        }

            .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
                top: 2.875em;
                left: .875em;
                width: 1.5625em;
                transform: rotate(45deg)
            }

            .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
                top: 2.375em;
                right: .5em;
                width: 2.9375em;
                transform: rotate(-45deg)
            }

.swal2-progress-steps {
    align-items: center;
    margin: 0 0 1.25em;
    padding: 0;
    background: inherit;
    font-weight: 600
}

    .swal2-progress-steps li {
        display: inline-block;
        position: relative
    }

    .swal2-progress-steps .swal2-progress-step {
        z-index: 20;
        width: 2em;
        height: 2em;
        border-radius: 2em;
        background: #3085d6;
        color: #fff;
        line-height: 2em;
        text-align: center
    }

        .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
            background: #3085d6
        }

            .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
                background: #add8e6;
                color: #fff
            }

            .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
                background: #add8e6
            }

    .swal2-progress-steps .swal2-progress-step-line {
        z-index: 10;
        width: 2.5em;
        height: .4em;
        margin: 0 -1px;
        background: #3085d6
    }

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

.swal2-show {
    -webkit-animation: swal2-show .3s;
    animation: swal2-show .3s
}

    .swal2-show.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-hide {
    -webkit-animation: swal2-hide .15s forwards;
    animation: swal2-hide .15s forwards
}

    .swal2-hide.swal2-noanimation {
        -webkit-animation: none;
        animation: none
    }

.swal2-rtl .swal2-close {
    right: auto;
    left: 0
}

.swal2-animate-success-icon .swal2-success-line-tip {
    -webkit-animation: swal2-animate-success-line-tip .75s;
    animation: swal2-animate-success-line-tip .75s
}

.swal2-animate-success-icon .swal2-success-line-long {
    -webkit-animation: swal2-animate-success-line-long .75s;
    animation: swal2-animate-success-line-long .75s
}

.swal2-animate-success-icon .swal2-success-circular-line-right {
    -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

.swal2-animate-error-icon {
    -webkit-animation: swal2-animate-error-icon .5s;
    animation: swal2-animate-error-icon .5s
}

    .swal2-animate-error-icon .swal2-x-mark {
        -webkit-animation: swal2-animate-error-x-mark .5s;
        animation: swal2-animate-error-x-mark .5s
    }

@-webkit-keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll !important
    }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
            display: none
        }

        body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
            position: static !important
        }
}

/* Custom SweetAlert2 Styling for Webority Theme */

/* Override ALL SweetAlert popup styling */
.swal2-popup {
    font-family: 'Times LT Std', 'Times New Roman', serif !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(23, 26, 33, 0.3) !important;
    border: 1px solid rgba(255, 68, 0, 0.1) !important;
}

/* Custom popup styling when using custom class */
.swal-custom-popup {
    font-family: 'Times LT Std', 'Times New Roman', serif !important;
    border-radius: 12px !important;
    box-shadow: 0 20px 60px rgba(23, 26, 33, 0.3) !important;
    border: 1px solid rgba(255, 68, 0, 0.1) !important;
}

/* Override ALL title styling */
.swal2-title {
    font-family: 'Josefin Sans', 'Georgia', serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #171A21 !important;
    margin-bottom: 16px !important;
}

/* Custom title styling */
.swal-custom-title {
    font-family: 'Josefin Sans', 'Georgia', serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    color: #171A21 !important;
    margin-bottom: 16px !important;
}

/* Icon styling */
.swal2-icon {
    border-width: 3px !important;
    margin: 1.5em auto 1em !important;
}

.swal2-icon.swal2-success {
    border-color: #17C653 !important;
    color: #17C653 !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: rgba(23, 198, 83, 0.3) !important;
}

.swal2-icon.swal2-error {
    border-color: #EB2646 !important;
    color: #EB2646 !important;
}

.swal2-icon.swal2-warning {
    border-color: #FEB100 !important;
    color: #FEB100 !important;
}

.swal2-icon.swal2-info {
    border-color: #1B84FF !important;
    color: #1B84FF !important;
}

/* HTML content styling */
.swal2-html-container {
    font-family: 'Times LT Std', 'Times New Roman', serif !important;
    color: #3F4254 !important;
    line-height: 1.6 !important;
    font-size: 16px !important;
}

/* Override ALL SweetAlert button styling */
.swal2-styled,
.swal2-confirm,
.swal2-deny,
.swal2-cancel {
    padding: 12px 32px !important;
    font-family: 'Josefin Sans', 'Georgia', serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Confirm button (primary action) */
.swal2-confirm {
    background-color: #FF4400 !important;
    color: #FFFFFF !important;
}

.swal2-confirm:hover {
    background-color: #FFC7B3 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 68, 0, 0.3) !important;
}

.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(255, 68, 0, 0.25) !important;
}

/* Button styling for custom classes */
.swal2-actions .btn {
    padding: 12px 32px !important;
    font-family: 'Josefin Sans', 'Georgia', serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
}

.swal2-actions .btn-primary {
    background-color: #FF4400 !important;
    border: none !important;
    color: #FFFFFF !important;
}

.swal2-actions .btn-primary:hover {
    background-color: #FFC7B3 !important;
    border: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 68, 0, 0.3) !important;
}

.swal2-actions .btn-success {
    background-color: #17C653 !important;
    border-color: #17C653 !important;
    color: #FFFFFF !important;
}

.swal2-actions .btn-success:hover {
    background-color: #8BE3A9 !important;
    border-color: #8BE3A9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(23, 198, 83, 0.3) !important;
}

/* Timer progress bar */
.swal2-timer-progress-bar {
    background: linear-gradient(90deg, #FF4400 0%, #FFC7B3 100%) !important;
}

/* Close button */
.swal2-close {
    color: #8A8C8F !important;
    font-size: 32px !important;
    font-weight: 300 !important;
    transition: color 0.3s ease !important;
}

.swal2-close:hover {
    color: #FF4400 !important;
}

/* Backdrop styling */
.swal2-backdrop-show {
    background: rgba(23, 26, 33, 0.85) !important;
}

/* Animation classes */
@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
}

.animate__animated {
    animation-duration: 0.4s;
    animation-fill-mode: both;
}

.animate__fadeInDown {
    animation-name: fadeInDown;
}

.animate__fadeOutUp {
    animation-name: fadeOutUp;
}

/* Form validation feedback styling */
.invalid-feedback {
    font-family: 'Times LT Std', 'Times New Roman', serif !important;
    font-size: 14px !important;
    color: #EB2646 !important;
    margin-top: 4px !important;
    display: block !important;
}

.form-control.is-invalid {
    border-color: #EB2646 !important;
    background-image: none !important;
}

.form-control.is-invalid:focus {
    border-color: #EB2646 !important;
    box-shadow: 0 0 0 0.2rem rgba(235, 38, 70, 0.25) !important;
}

/* Success state */
.form-control.is-valid {
    border-color: #17C653 !important;
    background-image: none !important;
}

.form-control.is-valid:focus {
    border-color: #17C653 !important;
    box-shadow: 0 0 0 0.2rem rgba(23, 198, 83, 0.25) !important;
}

/* Confirm button specific styles */
.swal2-confirm {
    min-width: 120px !important;
}

/* Cancel button if used */
.swal2-cancel {
    background-color: #8A8C8F !important;
    color: #FFFFFF !important;
}

.swal2-cancel:hover {
    background-color: #A8ABBD !important;
    transform: translateY(-2px) !important;
}

/* Fix for body text default font issue - force on dialog content */
div.swal2-content,
div.swal2-html-container p {
    font-family: 'Times LT Std', 'Times New Roman', serif !important;
}
    /* Webority Design System - Main CSS File */
    
    /* Custom Cursor Animation for IT Company */
    /* * {
    cursor: none !important;
    }
    
    .cursor {
    position: fixed;
    width: 20px;
    height: 20px;
    border: 1px solid #ff4400;
    border-radius: 50%;
    background: rgba(255, 68, 0, 0.15);
    pointer-events: none;
    z-index: 9999;
    transition: all 0.1s ease;
    mix-blend-mode: difference;
    backdrop-filter: blur(2px);
    box-shadow: 0 0 10px rgba(255, 68, 0, 0.4);
    }
    
    .cursor-follower {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 68, 0, 0.4);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    transition: all 0.15s ease-out;
    background: radial-gradient(circle, rgba(255, 68, 0, 0.15) 0%, transparent 70%);
    box-shadow: 0 0 15px rgba(255, 68, 0, 0.2);
    }
    
    .cursor-trail {
    position: fixed;
    width: 6px;
    height: 6px;
    background: #ff4400;
    border-radius: 50%;
    pointer-events: none;
    z-index: 9997;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    box-shadow: 0 0 10px rgba(255, 68, 0, 0.6);
    } */
    
    
    /* Text selection cursor effect */
    /* .cursor.text-cursor {
    width: 2px;
    height: 20px;
    border-radius: 1px;
    border: none;
    background: #ff4400;
    animation: blink 1s infinite;
    box-shadow: 0 0 8px rgba(255, 68, 0, 0.6);
    }
    
    @keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
    }
    
    
    @media (hover: none) and (pointer: coarse) {
    .cursor,
    .cursor-follower,
    .cursor-trail {
    display: none !important;
    }
    
    * {
    cursor: auto !important;
    }
    } */
    
    
    /* Hide Google reCAPTCHA v3 Badge
       Note: When hiding the badge, you must include reCAPTCHA branding visibly in the user flow
       Add text like "This site is protected by reCAPTCHA" to your forms */
    .grecaptcha-badge {
        visibility: hidden !important;
        opacity: 0 !important;
    }
    
    /* Sliding Underline Link Animation */
    .link-underline {
        position: relative;
        text-decoration: none;
        display: inline-block;
    }
    
    .link-underline::after {
        content: "";
        position: absolute;
        width: 0;
        height: 1px;
        bottom: -2px;
        left: 0;
        background-color: currentColor;
        transition: width 0.3s ease-in-out;
    }
    
    .link-underline:hover::after {
        width: 100%;
    }
    /* Import Custom Fonts using @font-face */
    /* Josefin Sans - All Available Weights & Styles */
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: normal;
        font-weight: 100;
        src: local("Josefin Sans Thin"), url("../../fonts/JosefinSans-Thin.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: italic;
        font-weight: 100;
        src: local("Josefin Sans Thin Italic"), url("../../fonts/JosefinSans-ThinItalic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: normal;
        font-weight: 300;
        src: local("Josefin Sans Light"), url("../../fonts/JosefinSans-Light.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: italic;
        font-weight: 300;
        src: local("Josefin Sans Light Italic"), url("../../fonts/JosefinSans-LightItalic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: normal;
        font-weight: 400;
        src: local("Josefin Sans Regular"), url("../../fonts/JosefinSans-Regular.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: italic;
        font-weight: 400;
        src: local("Josefin Sans Italic"), url("../../fonts/JosefinSans-Italic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: normal;
        font-weight: 600;
        src: local("Josefin Sans SemiBold"), url("../../fonts/JosefinSans-SemiBold.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: italic;
        font-weight: 600;
        src: local("Josefin Sans SemiBold Italic"), url("../../fonts/JosefinSans-SemiBoldItalic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: normal;
        font-weight: 700;
        src: local("Josefin Sans Bold"), url("../../fonts/JosefinSans-Bold.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Josefin Sans";
        font-style: italic;
        font-weight: 700;
        src: local("Josefin Sans Bold Italic"), url("../../fonts/JosefinSans-BoldItalic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    /* Times LT Std - All Available Weights & Styles */
    
    @font-face {
        font-family: "Times LT Std";
        font-style: normal;
        font-weight: 400;
        src: local("Times LT Std Roman"), url("../../fonts/TimesLTStd-Roman.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: italic;
        font-weight: 400;
        src: local("Times LT Std Italic"), url("../../fonts/TimesLTStd-Italic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: normal;
        font-weight: 600;
        src: local("Times LT Std Semibold"), url("../../fonts/TimesLTStd-Semibold.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: italic;
        font-weight: 600;
        src: local("Times LT Std Semibold Italic"), url("../../fonts/TimesLTStd-SemiboldItalic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: normal;
        font-weight: 700;
        src: local("Times LT Std Bold"), url("../../fonts/TimesLTStd-Bold.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: italic;
        font-weight: 700;
        src: local("Times LT Std Bold Italic"), url("../../fonts/TimesLTStd-BoldItalic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: normal;
        font-weight: 800;
        src: local("Times LT Std ExtraBold"), url("../../fonts/TimesLTStd-ExtraBold.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
    }
    
    @font-face {
        font-family: "Times LT Std";
        font-style: normal;
        font-weight: 400;
        src: local("Times LT Std Phonetic"), url("../../fonts/TimesLTStd-Phonetic.woff?v=EAMf_SctBmAl59c4C3MsHXTZPBY") format("woff");
        font-display: swap;
        unicode-range: U+0250-02AF;
        /* IPA Extensions */
    }
    /* Import Design System Files */
    
    @import url("../variables.css");
    @import url("../base.css");
    @import url("../layout.css");
    @import url("../components.css?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0");
    @import url("../utilities.css");
    /* Bootstrap overrides with our design system */
    
    .btn-primary {
        --bs-btn-bg: var(--primary);
        --bs-btn-border-color: var(--primary);
        --bs-btn-hover-bg: var(--primary-30);
        --bs-btn-hover-border-color: var(--primary-30);
        --bs-btn-active-bg: var(--primary-30);
        --bs-btn-active-border-color: var(--primary-30);
    }
    
    .btn-secondary {
        --bs-btn-bg: var(--secondary);
        --bs-btn-border-color: var(--secondary);
        --bs-btn-hover-bg: var(--secondary-30);
        --bs-btn-hover-border-color: var(--secondary-30);
    }
    
    .form-control:focus {
        border-color: var(--primary)!important;
        box-shadow: none!important;
    }
    
    .invalid-feedback {
        font-family: 'Josefin Sans', serif;
        font-weight: 500;
        margin-top: 8px;
        position: absolute;
    }
    
    /* ============= Global Website Styles ================ */
    /* Smooth scrolling for anchor links */
    
    html {
        scroll-behavior: smooth;
    }
    /* Global text selection */
    
    ::selection {
        background-color: var(--primary-20);
        color: var(--primary);
    }
    /* Global focus styles for accessibility */
    
    *:focus-visible {
        outline: 0px solid var(--primary);
        outline-offset: 0px;
    }
    /* Common section spacing */
    
    .section-vertical-padding {
        padding-top: clamp(3rem, 6.75vw, 6.75rem);
        padding-bottom: clamp(3rem, 6.75vw, 6.75rem);
        overflow: hidden;
        position: relative;
    }
    
    .section-padding {
        padding: var(--space-16) 0;
    }
    
    .section-padding-sm {
        padding: var(--space-12) 0;
    }
    
    .section-padding-lg {
        padding: var(--space-20) 0;
    }
    
    .letter-spacing--2 {
        letter-spacing: -2px;
    }
    
    .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) #575757 !important;
    }
    
    .border-end {
        border-right: var(--bs-border-width) var(--bs-border-style) #575757 !important;
    }
    
    .white-card-section .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) #e0e0e0 !important;
    }
    
    .white-card-section .border-end {
        border-right: var(--bs-border-width) var(--bs-border-style) #e0e0e0 !important;
    }
    
    .dropdown-item.active,
    .dropdown-item:active {
        color: #ff4300;
        background-color: transparent;
    }
    /* Common text styles */
    
    .text-gradient-primary {
        background: linear-gradient(135deg, var(--primary), var(--primary-30));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    /* Common hover effects */
    
    .hover-lift {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    .hover-lift:hover {
        transform: translateY(-4px);
        box-shadow: var(--shadow-lg);
    }
    /* Loading states */
    
    .loading {
        opacity: 0.7;
        pointer-events: none;
    }
    /* Responsive images */
    
    img {
        max-width: 100%;
        height: auto;
    }
    /* Common background patterns */
    
    .bg-pattern-dots {
        background-image: radial-gradient( circle, var(--primary-10) 1px, transparent 1px);
        background-size: 20px 20px;
    }
    
    .bg-pattern-grid {
        background-image: linear-gradient(var(--primary-10) 1px, transparent 1px), linear-gradient(90deg, var(--primary-10) 1px, transparent 1px);
        background-size: 20px 20px;
    }
    /* ================= Header Styles ================ */
    
    .navbar-brand {
        font-size: 1.5rem;
        font-weight: 700;
        background: linear-gradient( 135deg, var(--warning) 0%, var(--warning-40) 50%, var(--informative) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-decoration: none;
    }
    
    .navbar-brand:hover {
        transform: scale(1.02);
        transition: transform 0.2s ease;
        background: linear-gradient( 135deg, var(--warning-50) 0%, var(--warning-30) 50%, var(--informative-50) 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
    
    .header-nav-link {
        position: relative;
        text-decoration: none;
        transition: width 0.3s ease;
        color: var(--text-1) !important;
        padding: 8px 0;
        background: transparent;
    }
    
    .header-nav-link.active {
        color: var(--secondary) !important;
        font-style: italic;
    }
    
    .header-nav-link.active:after {
        height: 2px;
        border-radius: 1px;
        transition: width 0.3s ease;
        position: absolute;
        content: "";
        width: 100%;
        bottom: 0px;
        left: 0;
        background: var(--primary);
    }
    
    .header-nav-link:hover {
        color: var(--secondary) !important;
        text-decoration: none;
    }
    
    .header-nav-link .nav-link.text-primary {
        color: var(--warning) !important;
        background: var(--warning-20) !important;
        font-weight: 600;
    }
    /* Enhanced Navigation Hover Effects */
    
    .header-nav-link .nav-link:hover span {
        width: 100% !important;
        background: var(--warning) !important;
    }
    
    header .nav-link span {
        transition: width 0.3s ease;
        height: 2px;
        background: var(--warning-50);
        border-radius: 1px;
    }
    /* Mobile Toggle Button Hover */
    
    .navbar-toggler {
        border: none;
        padding: 0.5rem 0;
        border-radius: 8px;
    }
    .approach-img {
        width: 100%;
    }
    .navbar-toggler:hover {
        transform: scale(1.05);
    }
    
    .navbar-toggler:focus {
        box-shadow: none;
    }
    /* Search Button Enhanced Hover */
    
    .btn-link {
        color: var(--text-3) !important;
        padding: 0 !important;
    }
    
    .btn-link:hover {
        color: #ff4500 !important;
    }
    
    .btn-link i {
        transition: transform 0.3s ease;
    }
    
    .btn-link:hover i {
        transform: scale(1.1);
        transition: transform 0.3s ease;
    }
    /* Navigation Active State and Underlines */
    
    .nav-link.text-primary span {
        width: 100%;
        background: var(--warning);
    }
    
    .nav-link:not(.text-primary) span {
        width: 0;
    }
    
    .nav-link:not(.text-primary):hover span {
        width: 100%;
    }
    /* @media (min-width: 1600px) {
    .container {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    }
    } */
    /* Mobile responsive adjustments */
    
    @media (max-width: 991.98px) {
        .navbar-nav {
            text-align: center;
            margin-top: 1rem;
            gap: 0.5rem;
        }
        .nav-item {
            margin: 0.25rem 0 !important;
        }
        .navbar .d-flex {
            flex-direction: column;
            gap: 1rem !important;
            margin-top: 1rem;
            align-items: center;
        }
        .btn-outline-secondary {
            padding: 0.7rem 2rem;
            font-size: 0.95rem;
        }
        .nav-link {
            padding: 0.75rem 1rem !important;
        }
    }
    /* Header Border Enhancement */
    
    .navbar.border-bottom {
        border-bottom: 1px solid var(--outline) !important;
    }
    /* Logo Text Enhancement */
    
    .navbar-brand img {
        height: auto;
        max-height: 40px;
    }
    /* No Resize Textarea */
    
    .no-resize {
        resize: none;
    }
    
    .icon-flex {
        display: flex;
        align-items: flex-end;
        line-height: normal;
    }
    
    .hero-leftSection {
        padding-right: var(--space-20);
    }
    
    .main-description {
        margin-top: var(--space-10);
        max-width: 990px;
    }
    /* accordian */
    
    .custom-accordion .accordion-item {
        border: 0;
        border-radius: 0px;
        border-bottom: 1px solid #ebedf3;
        background-color: transparent;
    }
    
    .custom-accordion .accordion-item:last-child {
        border-bottom: none;
    }
    
    .custom-accordion .accordion-button:focus {
        box-shadow: none;
    }
    
    .custom-accordion .accordion-button .collapsed {
        padding: 24px;
        font-size: 18px;
    }
    
    .custom-accordion .accordion-body {
        padding-bottom: 0;
    }
    
    .custom-accordion .accordion-body p {
        padding-bottom: 0;
        font-family: "Josefin Sans", serif;
        line-height: var(--lh-small);
    }
    
    .custom-accordion .accordion-body {
        padding-left: 0px;
        padding-right: 0px;
        width: 90%;
    }
    
    .custom-accordion .accordion-button {
        padding: 0px 0px;
        background-color: transparent;
        min-height: clamp(2.5rem, 3.125rem, 4rem);
    }
    
    .accordion-button {
        cursor: pointer;
    }
    
    .accordion-button::after {
        width: clamp(2rem, 3.125rem, 4rem);
        margin-left: auto;
        background-image: url(/images/black-plus.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
        min-height: 52px;
        background-size: clamp(2rem, 3.125rem, 4rem) !important;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .accordion-button:not(.collapsed)::after {
        background-image: url(/images/cross.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
        transform: none;
        background-size: clamp(2rem, 3.125rem, 4rem) !important;
        min-height: 52px;
    }
    
    .accordion-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .accordion-body {
        padding: 1rem 1.25rem;
    }
    
    .accordion-button:not(.collapsed) {
        color: var(--heading) !important;
        box-shadow: none !important;
    }
    /* Hero Section heading and subtitle Styles */
    
    .hero-heading {
        font-size: 61px;
        line-height: 1.3;
    }
    
    .hero-subheading {
        font-size: 24px;
        line-height: 1.2;
    }
    
    .heading {
        font-size: 47px;
        font-family: "Josefin Sans", serif;
        font-weight: 400;
    }
    
    .subheading {
        font-size: 23px;
        line-height: 1.15;
        font-family: "Josefin Sans", serif;
        font-weight: 400;
    }
    
    .glow-separator-without-position {
        width: 100%;
        height: 1px;
        background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        z-index: 2;
        pointer-events: none;
    }
    
    .glow-separator {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient( to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
        z-index: 2;
        pointer-events: none;
    }
    
    .light-theme-marquee .glow-separator {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgb(196 196 196) 46.5%, rgba(255, 255, 255, 1) 99.5%);
        z-index: 2;
        pointer-events: none;
    }
    
    .innovative-imagescontainer {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 1rem;
        margin-top: 1.5rem;
    }
    
    .innovative-img1 {
        width: 100%;
        max-width: 100%;
    }
    
    .innovative-img2 {
        width: 38%;
    }
    
    .innovative-img3 {
        width: 58%;
    }
    
    .innovative-leftcontainer {
        flex-direction: column;
        align-items: center;
        display: flex;
        padding-right: clamp(1.5rem, 6vw, 6.5rem);
    }
    /* font style normal */
    
    .font-style-normal {
        font-style: normal !important;
    }
    /* React Native Advantages Section Styles */
    
    .react-native-logo-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2rem;
    }
    
    .react-native-logo-container svg {
        filter: drop-shadow(0 10px 20px rgba(0, 212, 255, 0.3));
    }
    
    .advantage-item.advantage-item-secondlast .glow-separator {
        display: block;
    }
    
    .advantage-item {
        padding-bottom: 35px;
        margin-bottom: 35px;
        position: relative;
        transition: all 0.3s ease;
    }
    
    .advantages-content .glow-separator {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(196 196 196 / 80%) 50%, rgba(255, 255, 255, 0) 100%);
    }
    
    .advantage-item:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    
    .advantage-item:last-child {
        border-bottom: none;
    }
    
    .advantage-item h4 {
        color: #2c3e50;
        margin-bottom: 0.75rem;
        position: relative;
    }
    
    .offeringnumber {
        padding-right: 20px;
        font-size: 66px;
        line-height: 68px;
    }
    
    .extensive-range:hover .offeringnumber {
        color: var(--primary);
    }
    /* Stats Counter Section */
    
    .stats-card {
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 8px;
        position: relative;
    }
    
    .stats-number {
        font-size: clamp(3rem, 8vw, 6rem);
        line-height: 1;
        display: inline-block;
        margin-right: -5px;
    }
    
    .stats-suffix {
        display: inline-block;
        font-size: 60px;
        line-height: 1;
    }
    
    .stats-label {
        font-size: 1.3rem;
        bottom: 0;
        margin: auto;
        height: 20px;
    }
    
    .light-section .stats-card {
        color: #181C32;
    }
    
    .light-section .stats-suffix,
    .dark-section .stats-suffix {
        color: #FF4400;
    }
    
    .dark-section .stats-card,
    .dark-section .stats-label,
    .dark-section h2 {
        color: #FFFFFF !important;
    }
    /* Animation for counters */
    
    @keyframes countUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
    
    .stats-card.animate-in {
        animation: countUp 0.6s ease-out;
    }
    /* Let’s Build the future Together! */
    
    .letstalk-backgroundimage {
        position: absolute;
        top: 0;
        right: 0;
        width: 60%;
        height: 94%;
        background-image: url(/images/letsbuild-bg.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
        background-size: contain;
        background-position: center right;
        background-repeat: no-repeat;
        z-index: 1;
    }
    /* language card design*/
    
    .built-to-perform-ul {
        list-style: none;
        padding: 0px 10px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 0px;
    }
    
    .built-to-perform-ul li {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 25%;
        margin-bottom: 0px;
        padding: 30px 5px;
        align-items: center;
        justify-content: center;
    }
    
    .built-to-perform-ul li::before {
        content: "";
        position: absolute;
        inset: 1px;
        background: #000;
        z-index: 0;
    }
    
    .built-to-perform-ul li:nth-child(1)::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        background: linear-gradient( to left, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3));
    }
    
    .built-to-perform-ul li:nth-child(1) {
        border-right: 1px solid transparent;
        border-image: linear-gradient( to top, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .built-to-perform-ul li:nth-child(2) {
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent;
        border-image: linear-gradient( to top, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .built-to-perform-ul li:nth-child(3) {
        border-bottom: 1px solid transparent;
        border-right: 1px solid transparent;
        border-image: linear-gradient( to top, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .built-to-perform-ul li:nth-child(4) {
        border-bottom: 1px solid transparent;
        border-image: linear-gradient( to right, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .built-to-perform-ul li:nth-child(5) {
        border-right: 1px solid transparent;
        border-image: linear-gradient( to bottom, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .built-to-perform-ul li:nth-child(6) {
        border-right: 1px solid transparent;
        border-image: linear-gradient( to bottom, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .built-to-perform-ul li:nth-child(7) {
        border-right: 1px solid transparent;
        border-image: linear-gradient( to bottom, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    
    
    
    .technology-icon {
        width: 100px;
    }
    
    .tech-box {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 9;
    }
    
    .tech-box span {
        font-family: 'Josefin Sans', serif;
        font-weight: 500;
        font-size: 20px;
    }
    
    .scalable-technologies.built-to-perform-ul li {
        width: 20%;
    }
    
    .scalable-technologies.built-to-perform-ul li:nth-child(4) {
        border-right: 1px solid transparent;
        border-bottom: 1px solid transparent;
        border-image: linear-gradient( to top, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .scalable-technologies.built-to-perform-ul li:nth-child(8) {
        border-right: 1px solid transparent;
        border-image: linear-gradient( to bottom, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    
    .scalable-technologies.built-to-perform-ul li:nth-child(5) {
        border-right: none;
        border-bottom: 1px solid transparent;
        border-image: linear-gradient( to right, rgba(110, 110, 110, 0.6), rgba(110, 110, 110, 0.3)) 1;
    }
    /* full width carousel css */
    
    .full-width-carousel .owl-nav button.disabled .prev-arrow {
        content: url("/images/carousel-prev-disabled-button.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0");
    }
    
    .full-width-carousel .owl-nav button.disabled .next-arrow {
        content: url("/images/carousel-next-disabled-button.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0");
    }
    
    .full-width-carousel .owl-nav button:hover .prev-arrow {
        content: url("/images/carousel-next-hover-button.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0");
    }
    
    .full-width-carousel .owl-nav button:hover .next-arrow {
        content: url("/images/carousel-prev-hover-button.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0");
    }
    
    .full-width-carousel .owl-nav img {
        width: clamp(60px, 8vw, 70px);
        height: auto;
        transition: 0.3s ease;
    }
    
    .full-width-carousel.owl-theme .owl-nav [class*="owl-"]:hover {
        background: transparent;
    }
    
    .full-width-carousel .success-story-card {
        background-color: #141414;
        padding: 24px;
    }
    
    .full-width-carousel .success-story-image-container {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .full-width-carousel.owl-theme .owl-nav {
        margin-top: var(--space-10);
        gap: 15px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /* #### rotate animation ### */
    
    .rotate-animation {
        animation: rotate 75s linear infinite;
    }
    
    @keyframes rotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    /* 3d-bg */
    
    .react-native-3d {
        position: absolute;
        bottom: 0px;
        left: 0px;
        max-width: 497px;
    }
    /* tailored */
    
    .tailored-img {
        width: 141px;
    }
    
    .tailored-realResults {
        display: block;
    }
    /* hero-img */
    
    .hero-image {
        width: 115px;
        margin: 0px 14px 0px;
        position: relative;
        bottom: 7px;
    }
    /* how we build apps */
    
    .strategies-mobileApp {
        display: block;
    }
    
    .strategy-img {
        width: clamp(8rem, 11.25rem, 13rem);
    }
    /* Contact Info Section */
    
    .contact-info-section {
        position: relative;
    }
    
    .contact-info-section::after {
        content: "";
        position: absolute;
        top: 0;
        left: 35%;
        width: 285px;
        height: 172px;
        background-image: url(/images/form-top-bg.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .contact-info-section::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 601px;
        height: 330px;
        background-image: url(/images/form-bottom-bg.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .cubic-img-wrapper {
        width: 450px;
        height: 450px;
        position: absolute;
        right: 30px;
        bottom: 30px;
        z-index: -1;
    }
    /* Our trusted clients section */
    
    .clients-width-carousel .success-story-card {
        background-color: #141414;
        padding: 15px;
    }
    
    .our-trusted-clients {
        padding: var(--space-24) var(--space-12) !important;
    }
    
    .four-cards h2 {
        font-family: 'Josefin Sans', serif;
        font-weight: 700;
        font-style: normal;
        font-size: var(--fs-20);
        margin-top: 50px;
        margin-bottom: 0;
    }
    
    .four-cards h4 {
        font-family: 'Josefin Sans', serif;
        font-weight: 400;
        font-style: normal;
        font-size: var(--fs-20);
        margin-top: 5px;
        margin-bottom: 24px;
    }
    
    .four-cards p {
        font-size: 20px;
    }
    
    .four-cards-item img {
        transition: all 0.3s ease;
        width: 100px;
    }
    
    .four-cards-item:hover h2,
    .four-cards-item:hover h4 {
        color: #ff4500;
    }
    
    .four-cards-item:hover img {
        transform: scale(1.1);
    }
    
    .custom-chooseservice-br,
    .tailored-heading-br,
    .doubleitem-br {
        display: block;
    }
    /* CTA Button Enhanced Styles - secondary Color Theme */
    
    .btn-outline-secondary {
        padding: .6rem 2rem !important;
    }
    
    .iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
        width: 100% !important;
    }
    /* testimonial arrow */
    
    .testimonials .heading {
        color: #161a21 !important;
    }
    
    .testimonials.bg-black .heading {
        color: #ffffff !important;
    }
    
    .testimonials .heading {
        color: #161a21 !important;
    }
    
    .testimonials .nav-prev img {
        width: 25px;
    }
    
    .testimonials .nav-next img {
        width: 25px;
    }
    
    .testimonials .nav-prev:hover img {
        filter: invert(1);
    }
    
    .testimonials .nav-next:hover img {
        filter: invert(1);
    }
    
    .testimonials.dark-theme .nav-btn {
        background-color: var(--black);
        border-color: var(--text-4);
    }
    
    .testimonials.dark-theme .nav-prev img {
        filter: invert(1);
    }
    
    .testimonials.dark-theme .nav-next img {
        filter: invert(1);
    }
    
    .testimonials.dark-theme .nav-prev:hover img {
        filter: invert(1);
    }
    
    .testimonials.dark-theme .nav-next:hover img {
        filter: invert(1);
    }
    
    .testimonials.dark-theme .nav-btn:hover {
        background-color: #333333;
    }
    
    .primary-heading {
        line-height: normal;
        font-size: 40px;
        font-weight: 600;
        color: var(--primary);
        font-family: "Josefin Sans", serif;
    }
    
    .features-leftsection {
        padding-right: var(--space-20);
    }
    
    .features-rightsection {
        padding-left: var(--space-20);
    }
    
    .react-icon {
        margin: 0 clamp(6px, 2vw, 10px);
        width: 115px;
        position: relative;
        bottom: 7px;
    }
    
    .form-note {
        font-size: 16px;
    }
    
    .form-head {
        font-size: 24px;
        font-weight: 500;
        font-family: "Josefin Sans", serif;
        margin-bottom: 30px;
    }
    
    .automotive-feature-box span {
        background-color: #f5f5f5;
        color: #333;
        padding: 10px 14px;
        border-radius: 6px;
        transition: all 0.3s ease;
        cursor: pointer;
        display: inline-block;
        white-space: nowrap;
        width: auto;
        font-size: 18px;
    }
    
    .automotive-feature-box span:hover {
        background-color: rgba(255, 68, 0, 0.1);
        color: var(--primary);
    }
    
    .automotive-feature-box {
        gap: 15px;
    }
    
    .automotive-feature-container span {
        height: 40px;
        width: 40px;
        border-radius: 20px;
        background-color: var(--bg-light);
        font-size: 20px;
        font-weight: 400;
        color: var(--text-1);
        align-items: center;
        justify-content: center;
        display: flex
        ;
        padding-top: 5px;
        margin-right: 16px;
    }
    
    .automotive-feature-container:hover span {
        color: var(--text-5);
        background-color: var(--primary);
    }
    
    .automotive-feature-container h4 {
        font-size: 24px;
        font-weight: 400;
        color: var(--heading);
    }
    
    /* parallax */
    .parallax-effect{
        overflow: hidden;
        position: relative;
        width: 100%;    
        background-attachment: fixed;
        -moz-background-size: 100% 100%;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: 0px 100px;
        display: flex;
        justify-content: center;
    }
    .parallax-heading {
        font-size: 82px;
        font-weight: 700;
        font-family: 'Josefin Sans';
        color: var(--text-5);
        text-align: center;
        align-self: center;
        margin-bottom: 0;
        padding: 0 20px;
        
    }
    
    /* ========================================
    Video Section Styles 
    ======================================== */
    
    .video-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;  
        height: clamp(400px, 75vh, 750px);
        overflow: hidden;
    }
    
    .video-wrapper video {
        width: 100%;
        height: 100%;
        object-fit: cover; 
        display: block;
    }
    
    .video-overlay {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        opacity: 0;                    
        transition: opacity 0.3s ease;  /* fade in/out */
        pointer-events: none;           /* clickable only when visible */
    }
    
    /* Show overlay when wrapper hovered */
    .video-wrapper:hover .video-overlay {
        opacity: 1;
        pointer-events: auto;
    }
    
    .play-btn {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1); /* transparent bubble */
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        cursor: pointer;
        box-shadow: 
        inset -8px -8px 20px rgba(255,255,255,0.4),  
        inset 8px 8px 20px rgba(0,0,0,0.3),          
        0 0 25px rgba(255,255,255,0.3);  /* outer glow halka */
        border: 1px solid rgba(255,255,255,0.6);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    }
    
    /* Play triangle */
    .triangle {
        width: 0;
        height: 0;
        border-left: 40px solid white;
        border-top: 22px solid transparent;
        border-bottom: 22px solid transparent;
        filter: drop-shadow(0 0 6px rgba(255,255,255,0.6));
    }
    
    /* Hover effect (kam shadow) */
    .play-btn:hover {
        transform: scale(1.08);
        box-shadow: 
        inset -6px -6px 18px rgba(255,255,255,0.3),
        inset 6px 6px 18px rgba(0,0,0,0.25),
        0 0 30px rgba(255,255,255,0.5);  /* thoda subtle glow */
    }
    
    /* White triangle (Play) */
    .triangle {
        width: 0;
        height: 0;
        border-left: 30px solid #fff;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        margin-left: 8px;
    }
    /* Pause icon */
    .pause-icon {
        width: 30px;
        height: 36px;
        display: flex;
        justify-content: space-between;
    }
    .pause-icon span {
        width: 10px;
        height: 100%;
        background: #fff;
    }
    
    
    /* ========================================
    About and culture Styles 
    ======================================== */
    
    .about-hero-image {
        position: absolute;
        height: 624px;
        right: 0;
        top: 0;
    }
    
    .about-hero-image img {
        height: 100%;
    }
    
    .text-subheading{
        color: var(--text-1) ;
    }
    
    .dark-section .text-subheading{
        color: var(--text-3);
    }
    
    /* ========================================
    Enhanced Cursor Animation Effects for IT Company
    ======================================== */
    
    /* Magnetic effect for buttons and cards */
    .magnetic-element {
        transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
    
    /* Glitch effect for tech elements */
    @keyframes glitch {
        0% { transform: translateX(0); }
        20% { transform: translateX(-2px); }
        40% { transform: translateX(2px); }
        60% { transform: translateX(-1px); }
        80% { transform: translateX(1px); }
        100% { transform: translateX(0); }
    }
    
    .tech-glitch:hover {
        animation: glitch 0.3s infinite;
    }
    
    /* Neon glow effect for navigation and buttons */
    .neon-hover {
        position: relative;
        transition: all 0.3s ease;
    }
    
    .neon-hover:hover {
        text-shadow: 0 0 5px rgb(255 68 0 / 0%), 0 0 10px rgb(255 68 0 / 0%), 0 0 15px rgba(255, 68, 0, 0.4), 0 0 20px rgba(255, 68, 0, 0.2);
        
    }
    
    /* Circuit board pattern overlay for cursor */
    .cursor-tech-overlay {
        position: fixed;
        pointer-events: none;
        z-index: 9996;
        width: 100px;
        height: 100px;
        opacity: 0;
        transition: opacity 0.3s ease;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M10,10 L90,10 L90,90 L10,90 Z" fill="none" stroke="%23ff4400" stroke-width="1"/><circle cx="20" cy="20" r="2" fill="%23ff4400"/><circle cx="80" cy="20" r="2" fill="%23ff4400"/><circle cx="20" cy="80" r="2" fill="%23ff4400"/><circle cx="80" cy="80" r="2" fill="%23ff4400"/></svg>') center/contain no-repeat;
    }
    
    /* Enhanced hover states for industry cards */
    .industry-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 68, 0, 0.1), transparent);
        transition: left 0.5s ease;
    }
    
    .industry-card:hover::before {
        left: 100%;
    }
    
    /* Particle effect for cursor trail */
    @keyframes particle-float {
        0% {
            transform: translateY(0) scale(1);
            opacity: 1;
        }
        100% {
            transform: translateY(-20px) scale(0);
            opacity: 0;
        }
    }
    
    .cursor-particle {
        position: fixed;
        width: 4px;
        height: 4px;
        background: #ff4400;
        border-radius: 50%;
        pointer-events: none;
        z-index: 9995;
        animation: particle-float 1s ease-out forwards;
    }
    
    /* Tech grid background for cursor area */
    .cursor-grid-bg {
        position: fixed;
        pointer-events: none;
        z-index: 9994;
        width: 200px;
        height: 200px;
        opacity: 0;
        transition: opacity 0.3s ease;
        background: 
        linear-gradient(rgba(255, 68, 0, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 68, 0, 0.1) 1px, transparent 1px);
        background-size: 20px 20px;
    }
    
    /* Pulse animation for interactive elements */
    @keyframes pulse-glow {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 68, 0, 0.4);
        }
        70% {
            box-shadow: 0 0 0 10px rgba(255, 68, 0, 0);
        }
        100% {
            box-shadow: 0 0 0 0 rgba(255, 68, 0, 0);
        }
    }
    
    .pulse-on-hover:hover {
        animation: pulse-glow 1s infinite;
    }
    
    /* Matrix-style cursor trail */
    .matrix-trail {
        position: fixed;
        pointer-events: none;
        z-index: 9993;
        font-family: 'Courier New', monospace;
        font-size: 12px;
        color: #ff4400;
        opacity: 0.7;
        animation: matrix-fade 2s ease-out forwards;
    }
    
    @keyframes matrix-fade {
        0% {
            opacity: 0.7;
            transform: translateY(0);
        }
        100% {
            opacity: 0;
            transform: translateY(-30px);
        }
    }
    /* project cards case study */
    .view-details-cursor:hover *{
        cursor: url('/images/view-details-cursor.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0') 40 40, pointer !important;
        transition: transform 0.3s ease;
    }
    
    .project-card:hover .go-to-details h4 {
        color: var(--primary);
    }
    
    .project-card.view-details-cursor {
        height: 100%;
        background: #ffffff;
    }
    
    /* .project-card:hover .go-to-details img {
    filter: brightness(0) saturate(100%) invert(35%) sepia(92%) saturate(7483%) hue-rotate(4deg) brightness(102%) contrast(106%);
    transform: scale(1.05);
    } */
    
    .project-card .go-to-details img {
        transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
    }
    .project-card:hover .go-to-details img {
        content: url("/images/orange-arrow.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0"); 
        transform: scale(1.05);
    }
    
    .width-28 {
        width: 28px !important;
    }
    .tags-list {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .project-tag {
        border: 1px solid var(--text-3);
        padding: 15px 20px;
        padding-bottom: 12px;
        display: inline-block;
        border-radius: 40px;
        transition: all 0.3s ease;
        text-transform: uppercase;
    }
    .position-minus-top{
        position: absolute;
        top: -100px;
    }
    
    
    /* Case studies details page styles */
    .carousel-tagline {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-1);
        font-family: 'Josefin Sans';
    }
    
    .project-tags {
        display: flex;
        align-items: center;
        gap: 30px;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .heading-42{
        font-size: 42px;
    }
    
    .tag {
        font-size: 20px;
        font-weight: 400;
        color: var(--text-1);
        position: relative;
        font-family: 'Josefin Sans';
        padding: 15px 0px;
        display: inline-block;
        border-radius: 40px;
        transition: all 0.3s ease;
        text-transform: uppercase;
    }
    
    
    .tag:not(:first-child)::before {
        content: "";
        background-color: #B5B5C3;
        height: 5px;
        width: 5px;
        border-radius: 50%;
        position: absolute;
        left: -17px;
        top: 50%;
        transform: translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .logo-image {
        width: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        right: 0;
        top: -25px;
    }
    
    .logo-image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }
    
    .project-overview {
        padding-right: 40px;
    }
    
    .section-title {
        font-size: 36px;
        font-weight: 400;
        color: var(--heading);
        font-family: 'Josefin Sans';
        margin-bottom: 30px;
        font-style: italic;
    }
    
    .feature-list {
        margin-top: 40px;
    }
    
    .feature-item {
        display: flex;
        align-items: center;
        gap: 20px;
        position: relative;
        padding: 24px 0px;
    }
    
    .feature-number {
        font-size: 42px;
        color: var(--primary);
        font-family: 'Times LT Std', serif;
        font-weight: 400;
        font-style: italic;
        margin-bottom: 0;
    }
    
    .feature-text {
        font-size: 24px;
        color: var(--text-5);
        margin-bottom: 0;
        font-family: 'Josefin Sans';
        font-weight: 400;
    }
    
    .project-details {
        padding-left: 40px;
    }
    
    .detail-item {
        margin-bottom: 40px;
        padding-bottom: 20px;
        position: relative;
    }
    
    .detail-item:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
        position: relative;
    }
    
    .detail-label {
        font-size: 18px;
        color: var(--text-2);
        margin-bottom: 10px;
        font-family: 'Times LT Std', serif;
        font-weight: 400;
        font-style: italic;
    }
    
    .detail-value {
        font-size: 20px;
        font-weight: 400;
        color: var(--text-5);
        margin: 0;
        font-family: 'josefin Sans';
    }
    
    .platform-icons {
        display: flex;
        gap: 15px;
        align-items: center;
    }
    
    .platform-icons img {
        width: 20px;
    }
    
    .project-overview-heading {
        font-size: 48px;
        color: var(--text-5);
        font-family: 'Times LT Std', serif;
        font-weight: 400;
        font-style: italic;
        margin-bottom: 0;
    }
    
    .carousel-tag {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-1);
        font-family: 'Josefin Sans';
        display: inline-block;
        border-radius: 40px;
        border: 1px solid var(--text-3);
        padding: 10px 18px 8px 18px;
        line-height: 1.2;
        vertical-align: middle;
        transition: all 0.3s ease;
        margin-bottom: 0;
    }
    
    .navigation-buttons {
        display: flex;
        align-items: center;
    }
    
    .nav-btn-carousel {
        background: transparent;
        border: none;
        padding: 12px 24px;
        cursor: pointer;
        transition: all 0.3s ease;
        color: var(--text-5);
        font-family: 'Times LT Std', serif;
        font-size: 36px;
        font-weight: 400;
        border-radius: 6px;
        text-transform: uppercase;
        letter-spacing: 1px;
        display: flex;
        align-items: center;
        font: italic;
    }
    
    .nav-btn-carousel:hover {
        background: var(--primary);
        border-color: var(--primary);
        color: white;
        transform: translateY(-2px);
    }
    
    .nav-btn-carousel:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        transform: none;
        background: transparent;
        border-color: var(--text-3);
        color: var(--text-3);
    }
    
    .carousel-item {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    .carousel-nav-placeholder .owl-nav,
    .carousel-nav-placeholder .owl-prev,
    .carousel-nav-placeholder .owl-next {
        display: flex;
        background-color: transparent;
        border: none;
        gap: 0;
    }
    
    .carousel-nav-placeholder .owl-prev {
        padding-right: 30px;
        border-right: 2px solid #3F4254;
    }
    
    .carousel-nav-placeholder .owl-next {
        padding-left: 30px;
    }
    
    .nav-text {
        font-size: 36px;
        font-weight: 400;
        font-family: 'Times LT Std', serif;
        color: var(--text-5);
        font-style: italic;
    }
    
    .carousel-arrow {
        width: 28px;
        height: 20px;
        padding-bottom: 28px;
        background-size: contain;
        background-repeat: no-repeat;
        transition: filter 0.3s ease, transform 0.3s ease;
    }
    
    .mr10 {
        margin-right: 10px;
    }
    
    .carousel-arrow {
        filter: none;
        transition: filter 0.3s ease, transform 0.3s ease;
    }
    
    .carousel-nav-placeholder .owl-prev:hover .nav-text,
    .carousel-nav-placeholder .owl-next:hover .nav-text {
        color: var(--primary);
    }
    .carousel-nav-placeholder .owl-next:hover .arrow-next {
        background-image: url('/images/orange-arrow.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0');
    }
    .carousel-nav-placeholder .owl-prev:hover .arrow-prev {
        background-image: url('/images/orange-prev-arrow.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0');
    }
    .carousel-nav-placeholder .arrow-prev {
        background-image: url('/images/prev-arrow.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0');
    }
    
    .carousel-nav-placeholder .arrow-next {
        background-image: url('/images/next-arrow.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0');
    }
    
    .mobile-graphics {
        height: 700px;
        background-image: url(/images/dummy-mobile-graphics.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
    }
    
    .project-image {
        background-image: url(/images/sansad-banner.webp?v=pZLzXLFPkzNbxKgYIOozjAIZlQ0);
        height: 600px;
        display: flex;
        justify-content: center;
    }
    
    
    /* blog details */
    .tech-tag .tag {
        border: 1px solid var(--text-2);
        border-radius: 110px;
        padding: 16px 30px 14px 30px;
        background: transparent;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: space-around;
    }
    
    /* Text Transform Utility */
    .text-none {
        text-transform: none;
    }
    .tag-blog {
        border: 1px solid var(--text-3);
        padding: 15px 20px 12px 20px;
        display: inline-block;
        border-radius: 40px;
        transition: all 0.3s ease;
    }
    /* Social Section */
    .social-section-blog {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .width-46 {
        width: 46px;
    }
    /* Blog Content Section Headers */
    .success-story-content-blog h4::before {
        content: "";
        display: inline-block;
        width: 34px;
        height: 4px;
        background-color: var(--primary);
        margin-right: 0.5rem;
        vertical-align: middle;
        position: relative;
        bottom: 4px;
    }
    .border-bottom-light {
        border-bottom: 1px solid var(--Outline, #EBEDF3) !important;
    }
    
    .border-top-light {
        border-top: 1px solid var(--Outline, #EBEDF3);
    }
    .list-disc{
        list-style-type: disc;
    }
    .list-disc li::marker {
        color: var(--secondary);
    }
    .innovative-topimagescontainer {
        display: flex;
        justify-content: space-between;
        width: 100%;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }
    
    .width-100 {
        width: 100px;
    }
    
    /* Navigation Styles */
    .nav {
        display: flex;
        align-items: center;
        gap: 0px;
        justify-content: space-between;
        height: 100%;
    }
    
    /* Vertical Tab Styles */
    ul#appTab li {
        width: 100%;
        height: calc(16.66666% - 10px);
        margin-bottom: 0 !important;
    }
    
    .nav-link.vertical-tab.active {
        background-color: #ff3c00;
        color: #fff;
        height: 100%;
    }
    
    .nav-link.vertical-tab {
        background-color: #141414;
        color: #fff;
        border-radius: 0.1rem;
        padding: 16px 18px;
        font-weight: 700;
        display: flex;
        height: 100%;
        font-size: 1.1rem;
        transition: background-color 0.3s;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }
    
    .offcanvas.offcanvas-top {
        border-bottom: 0;
    }
    
    .privacy-service-img{
        width: 100px;
    }
    .consultation-btngrp{
        display: flex;
        justify-content: center;
        gap: 0px 12px;
        align-items: center;
    }
    .main-heading-br{
        display: block;
    }
    
@media screen and (max-width: 1450px) {
    .about-section, 
    .about-hero-image {
        height: 500px !important;
    }
}


@media screen and (max-width: 1400px) {
    .hero-heading {
        font-size: 53px;
        line-height: 1.3;
    }
    .navbar-brand img {
        max-height: 30px;
    }
    header .btn-outline-secondary {
        padding: .6rem 1rem;
    }
    .heading {
        font-size: 40px;
    }
    .light-theme-marquee .marquee-container .feature-card-common,
    .marquee-container .feature-card-common {
        padding: 30px 30px 60px;
        min-height: 240px;
    }
    .accordion-header .fs-24 {
        font-size: var(--fs-22);
    }
    .accordion-body p {
        font-size: var(--fs-16);
    }
    .contact-info-section::before {
        content: "";
        width: 500px;
        height: 270px;
    }
    .contact-info-section::after {
        content: "";
        width: 255px;
        height: 152px;
    }
    .react-icon {
        width: clamp(60px, 15vw, 100px) !important;
        height: auto !important;
    }
    .iti__selected-flag {
        padding: 7px 6px 8px 0px !important;
    }
    .hero-image {
        width: 101px;
        margin: 0px 14px 0px;
        bottom: 6px;
    }
    .cubic-img-wrapper {
        width: 350px;
        height: 350px;
        right: 40px;
        bottom: 60px;
    }
    .testimonial-text {
        min-height: 340px;
    }
}

@media screen and (max-width: 1200px) {
    .heading {
        font-size: 35px;
    }
    .subheading {
        font-size: 22px;
        line-height: 1.2;
    }
    .img-margin {
        margin-right: 2rem !important;
    }
    .card-section h5 {
        font-size: var(--fs-20);
    }
    .card-section p {
        font-size: var(--fs-18);
    }
    .technology-icon {
        width: 80px !important;
    }
    .tech-box span {
        font-size: var(--fs-16);
    }
    .built-to-perform-ul {
        padding: 0px 0px;
    }
    .stats-number {
        font-size: clamp(3rem, 6.3vw, 6rem);
    }
    .success-story-content h4 {
        font-size: var(--fs-24);
    }
    .success-story-content p {
        font-size: var(--fs-18);
    }
    .full-width-carousel .owl-nav img {
        width: clamp(60px, 8vw, 60px);
    }
    .feature-card-common .fs-28 {
        font-size: var(--fs-22);
    }
    .feature-card-common .fs-20 {
        font-size: var(--fs-18);
    }
    .accordion-button:not(.collapsed)::after {
        height: 40px;
        width: 40px;
        background-size: contain !important;
    }
    .accordion-button::after {
        width: 40px;
        height: 40px;
        background-size: contain !important;
    }
    .partner-marquee-br {
        display: none;
    }
    .tailored-img {
        width: 100px;
    }
    .image-heading-with-image {
        font-size: 104px !important;
    }
    .btn-outline-secondary {
        padding: .4rem 1rem !important;
    }
    .hero-heading {
        font-size: 47px;
    }
    .vertical-tab span {
        font-size: 20px;
    }
    .tailored-heading-br {
        display: none;
    }
    .parallax-heading {
        font-size: 60px;
    }
    .progress-circle-container h5 {
        font-size: 22px;
    }
    .weBuildAppHead {
        font-size: 22px;
    }
    .weBuildAppPera {
        font-size: 20px;
    }
    .tech-category-title {
        font-size: 32px !important;
    }
    .process-margin-top{
        margin-top: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .header-nav-link {
        font-size: 17px;
    }
}

@media screen and (max-width: 991px) {
    .react-icon {
        margin: 0 clamp(6px, 2vw, 10px);
        width: clamp(60px, 15vw, 90px);
        height: clamp(32px, 8vw, 37px);
    }
    .hero-subheading {
        font-size: 20px;
        line-height: 1.2;
    }
    .hero-images {
        display: none;
    }
    .hero-leftSection {
        padding-right: 12px;
    }
    .innovative-leftcontainer {
        padding-right: 20px;
    }
    .tailored-text-wrapper {
        padding: 0 !important;
    }
    .heading {
        font-size: 32px;
    }
    .subheading {
        font-size: 20px;
    }
    .cus-collumn {
        flex-direction: column;
    }
    .img-margin {
        width: 80px;
        margin-bottom: 25px;
        margin-right: 0 !important;
    }
    .stats-number {
        font-size: clamp(3.5rem, 8vw, 6rem);
    }
    .stats-suffix {
        font-size: clamp(3.5rem, 8vw, 6rem);
    }
    .stats-label {
        font-size: 1rem;
        height: 14px;
    }
    .success-story-content h4 {
        font-size: var(--fs-20);
    }
    .success-story-content p {
        font-size: var(--fs-16);
    }
    .footer-right-section p {
        font-size: var(--fs-24);
    }
    .footer-right-section p a {
        font-size: var(--fs-12);
    }
    .socialIcon-bx {
        padding-top: 40px;
    }
    #feature-list-1,
    #feature-list-2 {
        height: 550px;
    }
    .light-theme-marquee .marquee-container .feature-card-common, .marquee-container .feature-card-common {
        padding: 30px 30px 60px;
        min-height: auto;
    }
    .contact-info-section::after {
        left: initial;
        right: 0;
    }
    .cubic-img-wrapper {
        bottom: 50px;
    }
    .contact-info-section::before {
        content: "";
        width: 450px;
        height: 220px;
        opacity: .1;
    }
    .one-message-mt {
        margin-top: 40px;
    }
    .react-native-3d {
        max-width: 400px;
    }
    .advantages-content {
        margin-top: 50px;
    }
    .advantage-item:last-child {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .advantages-list {
        display: flex;
        flex-wrap: wrap;
    }
    .advantage-item {
        width: 100%;
    }
    .advantage-item h4 {
        font-size: var(--fs-24);
    }
    .react-native-3d {
        max-width: 340px;
        opacity: .1;
    }
    .card-section .row {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .cus-social-icons {
        margin-top: 40px;
    }
    .iti__selected-flag {
        padding: 6px 6px 8px 0px !important;
    }
    .weBuildAppHead {
        font-size: var(--fs-20);
    }
    .weBuildAppPera {
        font-size: var(--fs-16);
    }
    .testimonials-header {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }
    .testimonial-nav-wrapper-left {
        margin-top: 0rem;
    }
    .client-details h4 {
        font-size: var(--fs-22);
    }
    .client-details p {
        font-size: var(--fs-16);
    }
    .tailored-img {
        width: 100%;
    }
    .custom-chooseservice-br{
        display: inline-block;
    }
    .tailored-heading-br{
        display: inline-block;
    }
    .tailored-subheading-br{
        display: inline-block;
    }
    .process-steps-container{
        padding-top: 30px;
    }
    .four-cards-item img {
        width: 70px;
    }
    .four-cards h2 {
        margin-top: 30px;
    }
    .four-cards h4 {
        margin-bottom: 15px;
    }
    .four-cards-item {
        margin-bottom: 30px;
    }
    .second-last-child, .last-child {
        margin-bottom: 0px;
    }
    .main-hero-icon {
        bottom: -12px !important;
    }
    .counter-section {
        row-gap: 20px;
    }
    .navbar-brand {
        margin-top: .8rem;
        margin-bottom: .8rem;
    }
    header.navbar.navbar-expand-lg.navbar-light.bg-white.sticky-top.py-0 {
        border-bottom: 1px solid #f6f6f6;
    }
    .advantage-item img {
        width: 70px;
    }
    .custom-image-height {
        height: 420px;
        overflow: hidden;
        align-items: start !important;
    }
    .cus-tabs-margin-top {
        padding-top: 30px;
    }
    .cus-tabs-margin-top h3 {
        font-size: 32px;
    }
    .weBuildAppHead,
    .progress-circle-container h5 {
        font-size: 20px;
    }
    .testimonial-text  {
        min-height: 309px;
    }
    .testimonials-wrapper-right {
        margin-top: 20px !important;
    }
    .cubic-img-wrapper {
        width: 250px;
        height: 250px;
    }
    header {
        height: 70px;
    }
    .parallax-effect{
        background-position: 0px 70px !important;
    }
    .project-card.view-details-cursor, .view-details-cursor {
        height: 100%;
        display: grid;
    }
    .go-to-details h4 {
        font-size: 24px;
    }
    .go-to-details {
        gap: 15px;
    }
    
    .project-overview {
        padding-right: 0px;
    }
    .project-details {
        padding-top: 40px;
        padding-left: 0;
    }
    .logo-image {
        margin: 0 auto;    
        display: flex;
        justify-content: center; 
        align-items: center;
        position: relative;  
    }
    
    .project-tags {
        justify-content: center;
    }
    .details-section
    .hero-heading{
        text-align: center;
    }
    .privacy-service-img{
        width: 80px;
    }
    
}

@media screen and (max-width: 768px) {
    .hero-heading {
        font-size: 40px;
        line-height: 1.3;
    }
    .hero-subheading {
        font-size: 18px;
        line-height: 1.2;
    }
    .innovative-leftcontainer {
        padding-right: 0px;
        margin-top: 40px;
    }
    .cus-reverse {
        flex-direction: column-reverse;
    }
    /* .heading {
    font-size: 26px;
    } */
    /* .subheading {
    font-size: 18px;
    } */
    
    .main-hero-icon {
        width: 60px !important;
        bottom: -10px !important;
    }
    .tailored-engage {
        display: none !important;
    }
    .card-section .col-md-6 {
        border-right: 0 !important;
    }
    .technology-icon {
        width: 60px !important;
    }
    .tech-box span {
        font-size: var(--fs-14);
    }
    .driving-text-wrapper {
        padding: 0px 0px !important;
    }
    .footer-top-content {
        flex-direction: column;
        gap: 18px;
    }
    .accordion-header .fs-24 {
        font-size: var(--fs-18);
    }
    .accordion-body p {
        font-size: var(--fs-14);
    }
    .cubic-img-wrapper {
        width: 340px;
        height: 340px;
    }
    .contact-info-section::before {
        display: none;
    }
    .contact-info-section::after {
        width: 205px;
        height: 102px;
        opacity: .2;
    }
    .advantage-item {
        padding-bottom: 25px;
        margin-bottom: 10px;
    }
    .advantages-list {
        gap: 20px;
    }
    .advantage-item.advantage-item-last .glow-separator {
        display: none;
    }
    .card-section .border-bottom, 
    .card-section  .mobile-border-bottom {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .card-section .row.mt-16 {
        margin-top: var(--space-4);
    }
    
    .mobile-border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) #505050 !important;
    }
    .hero-image {
        width: 75px;
        bottom: 4px;
    }
    .category-section .col-md-6 {
        padding: 5px !important;
    }
    .white-card-section .col-md-6 {
        padding: var(--space-10) var(--space-10) !important;
    }
    .white-card-section .mobile-border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) #e0e0e0!important;
    }
    .white-card-section .border-bottom, 
    .white-card-section  .mobile-border-bottom {
        padding-right: var(--space-10) !important;
        padding-left: var(--space-10) !important;
    }
    .white-card-section .row.mt-16 {
        padding-top: 0 !important;
        margin-top: var(--space-16);
    }
    .nav-tab{
        flex-direction: row;
    }
    .image-heading-with-image {
        font-size: 76px !important;
    }
    .owl-theme .owl-nav {
        display: none;
    }
    ul#appTab li {
        height: auto;
    }
    .social-market-col {
        margin-top: 0px;
    }
    .parallax-heading {
        font-size: 50px;
    }
    .features-rightsection {
        padding-left: 0;
    }
    .cubic-img-wrapper {
        width: 200px;
        height: 200px;
    }
    .portfolio-tabs .portfolio-tabs-ul li.nav-item {
        padding: 0px 15px 0px 15px !important;
        margin-bottom: 15px !important;
    }
    .portfolio-tabs a.link {
        font-size: 18px !important;
    }
    .case-studies-tabs {
        margin-bottom: 10px !important;
    }
    .portfolio-tabs .gap {
        gap: 0px 0px !important;
    }
    .project-tag {
        padding: 10px 10px;
        padding-bottom: 7px;
        font-size: 12px;
    }
    .go-to-details h4 {
        font-size: 20px;
    }
    .carousel-nav-placeholder .owl-next {
        padding-left: 16px;
    }
    .carousel-nav-placeholder .owl-prev {
        padding-right: 16px;
    }
    .nav-text {
        font-size: 28px; 
    }
    .carousel-arrow {
        width: 20px;
        height: 20px;
        padding-bottom: 20px;
    }
    .details-section
    .hero-heading{
        padding-bottom: 12px;
    }
    .project-overview-heading {
        font-size: 42px;
    }
    .project-tags {
        gap: 12px;
    }
    .tag {
        font-size: 18px;
        padding: 0px 6px;
    }
    .tag:not(:first-child)::before {
        left: -10px;
    }
    .heading-42 {
        font-size: 34px;
    }
    .scalable-technologies.built-to-perform-ul li {
        width: 33%;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(3) {
        border-right: 0px solid #2f2f2f;
        
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(4) {
        border-right: 1px solid #2f2f2f;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(5) {
        border-right: 1px solid #2f2f2f;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(6) {
        border-right: 0px solid transparent;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .card-pb-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .navigate-complex-technology {
        margin-top: 30px;
    }
    .consultation-btngrp{
        flex-direction: column;
        gap: 12px 0px;
    }
    .process-margin-top{
        margin-top: 30px;
    }
}


@media screen and (max-width: 575px) {
    .hero-heading {
        font-size: 24px;
        line-height: 1.3;
    }
    .hero-subheading {
        font-size: 18px;
    }
    .heading {
        font-size: 24px;
    }
    .subheading {
        font-size: 18px;
    }
    .card-section h5 {
        font-size: 20px;
    }
    .card-section p {
        font-size: var(--fs-16);
        /* margin-top: .8rem !important; */
    }
    .card-section .row {
        padding: 0 !important;
    }
    
    .white-card-section .col-md-6 {
        text-align: center;
        padding: var(--space-10) var(--space-6) !important;
    }
    
    .cus-collumn {
        flex-direction: column;
        align-items: center !important;
    }
    .img-margin {
        margin-right: 0 !important;
        width: 80px;
    }
    .built-to-perform-ul li {
        width: 50%;
    }
    .scalable-technologies.built-to-perform-ul li {
        width: 50%;
    }
    .built-to-perform-ul li:nth-child(2) {
        border-right: 0px solid transparent;
    }
    .built-to-perform-ul li:nth-child(3) {
        border-right: 1px solid #2f2f2f;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .built-to-perform-ul li:nth-child(5) {
        border-right: 1px solid #2f2f2f;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .built-to-perform-ul li:nth-child(6) {
        border-right: 0px solid transparent;
        border-bottom: 1px solid #373737;
        border-image: none;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(4) {
        border-right: 0px solid transparent;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(5) {
        border-right: 1px solid #2f2f2f;
        border-bottom: 1px solid #323232;
        border-image: 0;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(8) {
        border-right: 0px;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(9) {
        border-top: 1px solid #373737;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(10) {
        border-top: 1px solid #373737;
    }
    .footer-logo {
        width: clamp(10rem, 10rem, 15rem);
    }
    .footer-right-section p {
        font-size: var(--fs-20);
    }
    .footer-bottom-content h6 {
        font-size: var(--fs-18);
    }
    .footer-bottom-content p {
        padding-top: 15px !important;
    }
    .socialIcon-bx {
        padding-top: 20px;
    }
    .accordion-button:not(.collapsed)::after,
    .accordion-button::after {
        height: 25px;
        width: 25px;
    }
    .light-theme-marquee .marquee-container .feature-card-common, .marquee-container .feature-card-common {
        padding: 20px 15px 20px;
        min-height: auto;
    }
    .feature-card-common .fs-20 {
        font-size: var(--fs-16);
    }
    .feature-card-common .fs-20 {
        font-size: var(--fs-14);
    }
    .form-top-title{
        font-size: var(--fs-22);
    }
    .iti__selected-flag {
        padding: 5px 6px 12px 0px;
    }
    .advantage-item h4 {
        font-size: 20px;
    }
    .advantage-item p {
        font-size: 16px;
    }
    .advantages-list {
        gap: 10px;
    }
    .advantage-item {
        padding-bottom: 25px;
        margin-bottom: 15px;
    }
    .cus-social-icons {
        margin-top: 0px;
    }
    .stats-number {
        font-size: clamp(2.8rem, 8vw, 6rem);
    }
    .stats-label {
        font-size: .75rem;
    }
    .weBuildAppHead {
        font-size: var(--fs-18);
    }
    .strategy-img {
        width: 110px;
    }
    .WeBuildAppsSection .row {
        --bs-gutter-y: 2.4rem;
        margin-top: 0;
    }
    .testimonial-text {
        margin-bottom: 0rem;
        padding: 1rem;
    }
    .testimonial-text p {
        line-height: 1.4;
        font-size: var(--fs-16);
    }
    .testimonial-nav-wrapper-left .nav-btn {
        width: 45px;
        height: 45px;
    }
    .testimonial-nav-wrapper-left {
        gap: 9px;
    }
    .testimonials-carousel .owl-item .testimonial-item {
        min-height: auto;
        padding-bottom: 30px;
    }
    
    .client-details h4 {
        font-size: var(--fs-20);
    }
    .client-details {
        padding-left: 1rem;
        padding-bottom: 1rem;
    }
    .journeyGreatThings {
        margin-bottom: 1rem !important;
    }
    .letstalk-backgroundimage {
        width: 46%;
        height: -webkit-fill-available;
        background-position: top right;
        opacity: .2;
    }
    .copyright {
        font-size: var(--fs-12);
    }
    .card-section .row.mt-16 {
        margin-top: var(--space-10);
    }
    .hero-image {
        width: 49px;
        bottom: 3px;
        margin: 0px 7px 0px;
    }
    .hero-form-heading {
        font-size: 20px;
        line-height: 1;
    }
    .innovative-leftcontainer {
        padding-right: 15px;
    }
    .card-section .col-md-6 {
        text-align: center;
    }
    .testimonials-header {
        flex-direction: column;
    }
    .testimonial-nav-wrapper-left {
        margin-bottom: 15px;
    }
    .accordion-header .fs-24 {
        gap: 15px;
    }
    .copyright-content {
        font-size: 14px;
    }
    .btn-lg {
        font-size: clamp(1rem, 1vw + 1rem, 1rem);
        height: clamp(52px, 8vw, 68px);
        border-radius: clamp(32px, 6vw, 48px);
        padding: 0 clamp(20px, 4vw, 30px);
    }
    .four-cards-item {
        text-align: center !important;
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .four-cards-item:last-child {
        border-bottom: 0 solid transparent;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .four-cards-item img {
        margin: auto;
    }
    .last-child {
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
        border-bottom: 0px solid #eeeeee;
    }
    .four-cards h2, .four-cards h4 {
        font-size: 20px;
    }
    .four-cards p {
        font-size: 18px;
    }
    .industry-card h3 {
        font-size: 18px !important;
    }
    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none;
    }
    
    .industry-card img {
        width: 18px !important;
    }
    h5.fs-34.times-regular-italic.text-heading.mb-10.mt-1 {
        font-size: 22px;
    }
    .max-width-adaptive-md {
        margin-top: 30px !important;
    }
    .stats-card {
        padding: 0 !important;
    }
    .btn-linkedin {
        margin-right: 0 !important;
    }
    .advantage-item img {
        width: 40px;
        margin-right: 1rem !important;
    }
    .cus-tabs-margin-top h3 {
        font-size: 24px;
    }
    .offeringnumber {
        font-size: 40px;
        line-height: normal;
    }
    .progressBarBx {
        padding: 0rem 0;
    }
    .features-rightsection .row,
    .automotive-feature-box {
        gap: 10px;
        padding: 0 15px;
    }
    .progress-circle-container {
        flex-direction: row;
        align-items: center;
    }
    .progress-circle-container h5 {
        padding-left: 15px;
    }
    .parallax-heading {
        font-size: 24px;
    }
    .banner-img {
        height: 300px !important;
        background-position: center 70px;
        background-size: cover;
    }
    .automotive-feature-box span {
        padding: 10px 10px;
        white-space: normal;
        font-size: 16px;
    }
    .features-leftsection {
        padding-right: 0;
    }
    .automotive-feature-box {
        gap: 10px;
        margin-top: 1.5rem !important;
    }
    .align-items-center {
        align-items: center !important;
    }
    .automotive-right-column {
        gap: 25px;
    }
    header {
        height: 70px;
    }
    
    .doubleitem-br {
        display: none;
    }
    .image-heading-with-image {
        font-size: 40px !important;
    }
    .card-section .card-pb-0 {
        padding-bottom: 0 !important;
    }
    .client-photo-small {
        width: 130px;
    }
    .portfolio-tabs .portfolio-tabs-ul li.nav-item {
        padding: 0px 10px 0px 10px !important;
        margin-bottom: 10px !important;
    }
    .portfolio-tabs a.link {
        font-size: 16px !important;
    }
    .nav-text {
        font-size: 24px; 
    }
    .carousel-arrow {
        width: 18px;
        height: 18px;
        padding-bottom: 18px;
    }
    .project-overview-heading {
        font-size: 30px;
    }
    .feature-list {
        margin-top: 20px;
    }
    .project-details {
        padding-top: 30px;
    }
    .detail-item {
        margin-bottom: 30px;
    }
    .feature-number {
        font-size: 30px;
    }
    .feature-text {
        font-size: 18px; 
    }
    
    /* .project-tags {
    gap: 12px;
    } */
    
    .tag {
        font-size: 14px;
        /* padding: 0px 6px; */
    }
    /* .tag:not(:first-child)::before {
    left: -10px;
    } */
    
    .mobile-graphics,
    .project-image {
        height: 300px;
        background-size: cover;
        background-position: center !important;
    }
    .project-image {
        background-position: 0 bottom !important;
    }
    .heading-42 {
        font-size: 27px;
    }
    .scalable-technologies.built-to-perform-ul li:nth-child(3) {
        border-right: 1px solid #2f2f2f;
        border-image: 0;
    }
    .mobile-direction-column {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .mobile-direction-column h2 {
        margin-bottom: 15px !important;
    }
    .service-card {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .main-heading-br{
        display: inline-block;
    }
    
    
}
.iti {
  position: relative;
  display: inline-block;
  width: 100%;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 16px;
    margin-right: 0;
    font-size: clamp(1rem, 0.85rem + 0.75vw, 1.125rem);
    color: #3F4254;
    font-family: 'Josefin Sans', serif;
    font-weight: 500;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px 6px 8px 0px;
}
.iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #a8a8a8;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 7px solid #555;
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: white;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: -1px;
  border: 1px solid #ccc;
}
.iti__dropdown-content--dropup {
  bottom: 100%;
  margin-bottom: 3px;
}
.iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px;
    padding: 15px 12px;
    font-family: 'Josefin Sans', serif;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid #ccc;
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
    display: flex;
    align-items: center;
    padding: 15px 12px;
    outline: none;
    font-family: 'Josefin Sans', serif;
    border-bottom: 1px solid #f2f2f2;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
  margin-right: 8px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 8px;
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--allow-dropdown input.iti__tel-input[type=tel], .iti--show-selected-dial-code input.iti__tel-input,
.iti--show-selected-dial-code input.iti__tel-input[type=text],
.iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--show-selected-dial-code input.iti__tel-input,
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=text],
[dir=rtl] .iti--show-selected-dial-code input.iti__tel-input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--show-selected-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--show-selected-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover {
  cursor: default;
}
.iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag {
  background-color: transparent;
}
.iti--show-selected-dial-code .iti__selected-flag {
  background-color: transparent
}
.iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
    font-size: clamp(1rem, 0.85rem + 0.75vw, 1.125rem);
    color: #3F4254;
    font-family: 'Josefin Sans', serif;
    font-weight: 500;
}
[dir=rtl] .iti--show-selected-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.iti--fullscreen-popup.iti--container.iti--country-search {
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: clamp(-35rem, -32.875rem, -30rem) 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../../js/vendor/plugins/intl-tel-input/flags.png?v=PLjaNpW4YDp_eEJy29Ph327yTDA&1");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: url("../../js/vendor/plugins/intl-tel-input/flags@2x.png?v=PLjaNpW4YDp_eEJy29Ph327yTDA&1");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}