/* Inter Font Css End  */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ThinBETA.eot');
    src: url('../fonts/inter/Inter-ThinBETA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-ThinBETA.woff2') format('woff2'),
    url('../fonts/inter/Inter-ThinBETA.woff') format('woff'),
    url('../fonts/inter/Inter-ThinBETA.ttf') format('truetype'),
    url('../fonts/inter/Inter-ThinBETA.svg#Inter-ThinBETA') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraLightBETA.eot');
    src: url('../fonts/inter/Inter-ExtraLightBETA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-ExtraLightBETA.woff2') format('woff2'),
    url('../fonts/inter/Inter-ExtraLightBETA.woff') format('woff'),
    url('../fonts/inter/Inter-ExtraLightBETA.ttf') format('truetype'),
    url('../fonts/inter/Inter-ExtraLightBETA.svg#Inter-ExtraLightBETA') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-LightBETA.eot');
    src: url('../fonts/inter/Inter-LightBETA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-LightBETA.woff2') format('woff2'),
    url('../fonts/inter/Inter-LightBETA.woff') format('woff'),
    url('../fonts/inter/Inter-LightBETA.ttf') format('truetype'),
    url('../fonts/inter/Inter-LightBETA.svg#Inter-LightBETA') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Regular.eot');
    src: url('../fonts/inter/Inter-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-Regular.woff2') format('woff2'),
    url('../fonts/inter/Inter-Regular.woff') format('woff'),
    url('../fonts/inter/Inter-Regular.ttf') format('truetype'),
    url('../fonts/inter/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Medium.eot');
    src: url('../fonts/inter/Inter-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-Medium.woff2') format('woff2'),
    url('../fonts/inter/Inter-Medium.woff') format('woff'),
    url('../fonts/inter/Inter-Medium.ttf') format('truetype'),
    url('../fonts/inter/Inter-Medium.svg#Inter-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Bold.eot');
    src: url('../fonts/inter/Inter-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-Bold.woff2') format('woff2'),
    url('../fonts/inter/Inter-Bold.woff') format('woff'),
    url('../fonts/inter/Inter-Bold.ttf') format('truetype'),
    url('../fonts/inter/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Black.eot');
    src: url('../fonts/inter/Inter-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-Black.woff2') format('woff2'),
    url('../fonts/inter/Inter-Black.woff') format('woff'),
    url('../fonts/inter/Inter-Black.ttf') format('truetype'),
    url('../fonts/inter/Inter-Black.svg#Inter-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraBold.eot');
    src: url('../fonts/inter/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-ExtraBold.woff2') format('woff2'),
    url('../fonts/inter/Inter-ExtraBold.woff') format('woff'),
    url('../fonts/inter/Inter-ExtraBold.ttf') format('truetype'),
    url('../fonts/inter/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-SemiBold.eot');
    src: url('../fonts/inter/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-SemiBold.woff2') format('woff2'),
    url('../fonts/inter/Inter-SemiBold.woff') format('woff'),
    url('../fonts/inter/Inter-SemiBold.ttf') format('truetype'),
    url('../fonts/inter/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-BoldItalic.eot');
    src: url('../fonts/inter/Inter-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-BoldItalic.woff2') format('woff2'),
    url('../fonts/inter/Inter-BoldItalic.woff') format('woff'),
    url('../fonts/inter/Inter-BoldItalic.ttf') format('truetype'),
    url('../fonts/inter/Inter-BoldItalic.svg#Inter-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraLightItalicBETA.eot');
    src: url('../fonts/inter/Inter-ExtraLightItalicBETA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-ExtraLightItalicBETA.woff2') format('woff2'),
    url('../fonts/inter/Inter-ExtraLightItalicBETA.woff') format('woff'),
    url('../fonts/inter/Inter-ExtraLightItalicBETA.ttf') format('truetype'),
    url('../fonts/inter/Inter-ExtraLightItalicBETA.svg#Inter-ExtraLightItalicBETA') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ExtraBoldItalic.eot');
    src: url('../fonts/inter/Inter-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-ExtraBoldItalic.woff2') format('woff2'),
    url('../fonts/inter/Inter-ExtraBoldItalic.woff') format('woff'),
    url('../fonts/inter/Inter-ExtraBoldItalic.ttf') format('truetype'),
    url('../fonts/inter/Inter-ExtraBoldItalic.svg#Inter-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-Italic.eot');
    src: url('../fonts/inter/Inter-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-Italic.woff2') format('woff2'),
    url('../fonts/inter/Inter-Italic.woff') format('woff'),
    url('../fonts/inter/Inter-Italic.ttf') format('truetype'),
    url('../fonts/inter/Inter-Italic.svg#Inter-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/InterUI-BlackItalic.eot');
    src: url('../fonts/inter/InterUI-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/InterUI-BlackItalic.woff2') format('woff2'),
    url('../fonts/inter/InterUI-BlackItalic.woff') format('woff'),
    url('../fonts/inter/InterUI-BlackItalic.ttf') format('truetype'),
    url('../fonts/inter/InterUI-BlackItalic.svg#InterUI-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-MediumItalic.eot');
    src: url('../fonts/inter/Inter-MediumItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-MediumItalic.woff2') format('woff2'),
    url('../fonts/inter/Inter-MediumItalic.woff') format('woff'),
    url('../fonts/inter/Inter-MediumItalic.ttf') format('truetype'),
    url('../fonts/inter/Inter-MediumItalic.svg#Inter-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-ThinItalicBETA.eot');
    src: url('../fonts/inter/Inter-ThinItalicBETA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-ThinItalicBETA.woff2') format('woff2'),
    url('../fonts/inter/Inter-ThinItalicBETA.woff') format('woff'),
    url('../fonts/inter/Inter-ThinItalicBETA.ttf') format('truetype'),
    url('../fonts/inter/Inter-ThinItalicBETA.svg#Inter-ThinItalicBETA') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-LightItalicBETA.eot');
    src: url('../fonts/inter/Inter-LightItalicBETA.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-LightItalicBETA.woff2') format('woff2'),
    url('../fonts/inter/Inter-LightItalicBETA.woff') format('woff'),
    url('../fonts/inter/Inter-LightItalicBETA.ttf') format('truetype'),
    url('../fonts/inter/Inter-LightItalicBETA.svg#Inter-LightItalicBETA') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/inter/Inter-SemiBoldItalic.eot');
    src: url('../fonts/inter/Inter-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/inter/Inter-SemiBoldItalic.woff2') format('woff2'),
    url('../fonts/inter/Inter-SemiBoldItalic.woff') format('woff'),
    url('../fonts/inter/Inter-SemiBoldItalic.ttf') format('truetype'),
    url('../fonts/inter/Inter-SemiBoldItalic.svg#Inter-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Inter Font Css End   */
.login {
    padding: 10% 0 0 0;
    background-image: url("../img/sign-up-bg.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.marquee {
    background-color: #6358F4;
    padding: 17px;
    position: sticky;
    top: 0;
    z-index: 99;
    width: 100vw;
    max-width: 100%;
    overflow-x: hidden;
    height: 70px;
}
.marquee .track .content h2{
    font-family: "Inter";
    font-size: 25px;
    font-weight: 700;
    line-height: 30.26px;
    text-align: left;
    color: #FFFFFF;
    text-transform: capitalize;
    margin-bottom: 0;
}
.marquee .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 60s linear infinite;
}
.marquee .track .content h2 span.stoke-text{
    font-family: "Inter";
    font-size: 25px;
    font-weight: 700;
    line-height: 30.26px;
    text-align: left;
    -webkit-text-stroke: 1px #ffffff;
    color: transparent;
}
.marquee:has(.holidays) {
    background-color: #91DCFD;
}
.marquee:has(.holidays) .track .content h2 span.stoke-text{
    color: #91DCFD;
    paint-order: stroke fill;
    -webkit-text-stroke: 4px #ffffff;
}

@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}
  
.login .left-sight {
    padding: 0px 0px 100px;
    text-align: center;
    border-radius: 10px;
    position: relative;
}

.login .left-sight .text-cont p {
    font-family: 'Inter';
    font-size: 20px;
    font-weight: 400;
    line-height: 24.2px;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 40px;
}

.login .left-sight .text-cont .section-title {
    font-family: "Inter";
    font-size: 55px;
    font-weight: 700;
    line-height: 66.56px;
}
.login .left-sight .text-cont .section-title br {
    display: none;
}
.login .left-sight .text-cont .section-title span{
    position: relative;
    isolation: isolate;
    z-index: 1;
}
.login .left-sight .text-cont .section-title span::after{
    background-position: center;
      content: '';
      background-image: url("../../../assets/img/wms-stick.webp");
      background-repeat: no-repeat;
      height: 17px;
      position: absolute;
      bottom: -10px;
      left: 0;
      width: 100%;
      display: block;
      background-size: contain;
      z-index: -1;
}

.login .left-sight .free-trail-content-wrapper .sub-heading {
    font-family: "Inter";
    font-size: 28px;
    font-weight: 700;
    line-height: 33.89px;
    color: #000000;
    text-align: start;
    margin-bottom: 35px;
}

.login .left-sight .free-trail-content-wrapper ul {
    display: flex;
    flex-direction: column; 
    gap: 30px;
    padding: 0;
    list-style-type: none;
}
.login .left-sight .free-trail-content-wrapper ul li {
    display: flex;
    align-items: start;
    gap: 15px;
    text-align: start;
}
.login .left-sight .free-trail-content-wrapper ul li h2 {
    font-family: "Inter";
    font-size: 22px;
    font-weight: 400;
    line-height: 26.63px;
    color: #000000;
}
.login .left-sight .free-trail-content-wrapper ul li svg {
    min-width: 23px;
    min-height: 23px;
}
.login .left-sight .free-trail-content-wrapper ul li h2 span {
    font-weight: 700;
}
.login .left-sight .free-trail-content-wrapper .would-you-like {
    background-color: #6358F4;
    padding: 21px 30px;
    border-radius: 10px;
    max-width: 580px;
    position: relative;
    z-index: 5;
}
.square-pulse {
    box-shadow: 0 0 0 0 rgb(99, 88, 244); /* Initial box-shadow color */
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(99, 88, 244, 0.7); /* Starting shadow color */
    }

    70% {
        box-shadow: 0 0 0 10px rgba(99, 88, 244, 0); /* Expanded shadow, transparent */
    }

    100% {
        box-shadow: 0 0 0 0 rgba(99, 88, 244, 0); /* Ending shadow, fully transparent */
    }
}
.login .left-sight .free-trail-content-wrapper .would-you-like h2{
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 29px;
    text-align: left;
    color: #FFFCFC;
}
.login .left-sight .right-arrow-image{
    position: absolute;
    right: 0;
    right: -130px;
    bottom: 165px;
    z-index: 3;
}

.login .right-sight {
    box-shadow: 9.57px 19.15px 44.83px -6.96px #0A0A0A0F;
    backdrop-filter: blur(42.128780364990234px);
    background-color: #FFFFFF;
    padding: 57px 53px;
    border-radius: 16px;
}

.login .right-sight h2 {
    font-family: "Inter";
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
    color: #171717;
    margin-bottom: 20px;
}

.login .right-sight p {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: #565656;
}

.login .right-sight p span {
    font-weight: 600;
    color: #000;
}

.login .right-sight form {
    margin-top: 20px;
}

.login .right-sight form .form-control {
    border: 1px solid #DDDDDD;
    border-radius: 9px;
    padding: 17px 20px;
    margin-bottom: 24px;
}

.login .right-sight form .form-control::placeholder {
    font-family: "Inter";
    font-size: 20px;
    font-weight: 500;
    line-height: 35px;
    color: #DDDDDD;
}

.login .right-sight form .forget-password {
    color: #A1A1A1;
    float: right;
    text-decoration: none;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
}

.login .right-sight form .form-check .form-check-label {
    font-family: "Inter";
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #5F5F5F;
}

.login .right-sight form .form-check .form-check-input:focus, .login .right-sight form .form-control:focus {
    box-shadow: none;
}

.login .right-sight form .form-check .form-check-input:checked {
    background-color: #6358F4;
    border-color: #6358F4;
}

.login .right-sight form .login-btn {
    background: #6358F4;
    border-radius: 10px;
    border: 0;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 600;
    line-height: 21px;
    color: #fff;
    display: block;
    width: 100%;
    margin: 30px 0 25px;
    padding: 20px;
}

.login .right-sight form .google-login-btn {
    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #5F5F5F;
    background: transparent;
    border-radius: 10px;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #000;
}

.login .right-sight form .google-login-btn svg {
    margin-right: 5px;
}

.login .right-sight form p.free-trial {
    font-family: "Inter";
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    color: #000;
    text-align: center;
}

@media (max-width: 1399px) {
    .login .right-sight form p.free-trial {
        font-size: 16px;
        line-height: 19px;
    }
    .login .left-sight .text-cont .section-title br {
        display: block;
    }
    .login .left-sight .text-cont .section-title {
        font-size: 54px;
    }
    .login .left-sight .right-arrow-image {
        right: -110px;
        bottom: 195px;
    }
    .login {
        padding: 13% 0 0 0;
    }
}

@media (max-width: 1199px) {
    .login .right-sight form p.free-trial {
        font-size: 13px;
        line-height: 16px;
    }
    .login .left-sight .text-cont .section-title {
        font-size: 45px;
    }
    .login .left-sight .text-cont p {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .login .left-sight .free-trail-content-wrapper .sub-heading {
        margin-bottom: 20px;
    }
    .login .left-sight .free-trail-content-wrapper ul {
        gap: 15px;
    }
    .login .left-sight .free-trail-content-wrapper .would-you-like {
        padding: 15px 15px;
    }
    .login .left-sight .free-trail-content-wrapper ul li h2 {
        font-size: 20px;
    }
    .login .right-sight {
        padding: 30px 25px;
    }
    .login .left-sight .right-arrow-image {
        right: -100px;
        bottom: 150px;
    }
}

@media (max-width: 1024px){
    .login {
        padding: 16% 0 0 0;
    }
}

@media (max-width: 991px) {
    .login .left-sight {
        margin-bottom: 20px;
    }

    .login .right-sight form p.free-trial {
        text-align: left;
    }

    .login .left-sight .text-cont .section-title br {
        display: none;
    }
    .login .left-sight .text-cont .section-title {
        font-size: 42px;
    }
    .login {
        padding: 16% 0 5% 0;
    }
    .login .left-sight {
        padding: 50px 25px;
    }

    .login .left-sight h3 {
        margin-top: 30px;
    }

    .login .left-sight p {
        margin-bottom: 10px;
    }

    .login .right-sight h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .login .right-sight p {
        font-size: 14px;
        line-height: 20px;
    }

    .login .right-sight form {
        margin-top: 20px;
    }

    .login .right-sight form .forget-password, .login .right-sight form .form-check .form-check-label {
        font-size: 14px;
        line-height: 17px;
    }
    .login .right-sight form .form-control::placeholder {
        font-size: 16px;
        line-height: 24px;
    }
    .login .left-sight .free-trail-content-wrapper .would-you-like {
        margin: 0 auto;
    }
    
}

@media (max-width: 800px){
    .login .left-sight {
        padding: 25px;
    }
}

@media (max-width: 767px){
    .login .left-sight .text-cont .section-title {
        line-height: normal;
    }
    .login {
        padding: 19% 0 5% 0;
    }
}

@media (max-width: 600px){
    .login .left-sight .text-cont .section-title {
        font-size: 30px;
    }
    .login .left-sight .text-cont p {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }
    .login .left-sight .free-trail-content-wrapper .sub-heading {
        font-size: 23px;
    }
    .login .left-sight .free-trail-content-wrapper ul li h2 {
        font-size: 18px;
    }
    .login .left-sight .free-trail-content-wrapper ul {
        gap: 0px;
    }
    .login .left-sight .free-trail-content-wrapper .would-you-like h2 {
        font-size: 16px;
        line-height: 25px;
    }
    .login .left-sight .free-trail-content-wrapper .would-you-like {
        padding: 10px;
    }
    .login .left-sight .free-trail-content-wrapper .would-you-like h2 {
        text-align: center;
    }
    .login .left-sight {
        margin-bottom:  0;
    }
    .login {
        padding: 25% 0 7% 0;
    }
}


@media (max-width: 425px){
    .login {
        padding: 30% 0 7% 0;
    }
    .login .left-sight {
        padding: 35px 10px;
    }
}

@media (max-width: 375px){
    .login .left-sight {
        padding: 40px 10px;
    }
    .login .left-sight .text-cont .section-title br {
        display: block;
    }
    .login .left-sight .text-cont .section-title {
        font-size: 29px;
    }
}