@media only screen and (min-width:1920px) {
    html {
        font-size: 16px
    }
}

.login-form input, .forgot-password-form-wrapper input, textarea {
    padding: 14px 40px;
    letter-spacing: 2px;
}


@media only screen and (max-width:1600px) {
    .abs-inner {
        padding: 6rem 0rem 20.5rem
    }

    .estamp-third-inner-wrapper .col-md-auto.col-4.mb-4 {
        min-width: 176px
    }

    .login-form-wrapper {
        padding: 50px 39px
    }

    .login-left-part img {
        max-width: 72%
    }

    .login-form-wrapper .head-md {
        font-size: 40px
    }

    .login-form input, .login-form textarea {
        padding: 14px 40px
    }

    .login-left-part img {
        max-width: 52%
    }

    .login-form .cust-mg {
        margin-bottom: 32px !important
    }

    .divider {
        margin: 1rem 0
    }

    .mode-adharotp-inner {
        padding: 2rem 0rem 15rem
    }

    .adbi-img {
        max-width: 8%;
        height: 43%;
        margin-right: 2rem !important
    }

    .cumi-left {
        padding: 108px 27px
    }

    .head-xs {
        font-size: 24px
    }

    .mds-right {
        padding: 40px 24px
    }

    .daily-newsletter-box {
        padding: 29px 39px 54px
    }
    .footer-quick-link {
        grid-template-columns: 22% 23% 24% 26%;
        gap: 1.5rem;
    }
}

@media only screen and (max-width:1440px) {
    html {
        font-size: 14px
    }

    .map-negative {
        margin-top: -44px
    }

    .forgot-password-form-wrapper {
        padding: 40px 42px
    }

    .fs-32 {
        font-size: 24px
    }

    .espfif-card.card-1 {
        padding: 15px 18px
    }

    .finance-second-card img {
        max-width: 134px
    }

    .head-md {
        font-size: 34px
    }
}

@media only screen and (max-width:1366px) {
    .login-page-logo img {
        max-width: 15%
    }

    .login-form-wrapper, .login-form-wrapper.signup {
        padding: 23px 22px
    }

    .head-xxxl {
        font-size: 80px
    }
}

@media only screen and (max-width:1200px) {
    .pharma-second .d-grid {
        grid-template-columns: 24% 24% 24%;
        gap: 7rem
    }

    .estamp-third-inner-wrapper .col-md-auto.col-4.mb-4 {
        min-width: 106px
    }

    .pharma-second {
        padding: 7rem 0rem
    }

    .retail-second, .stock-broking-second {
        overflow-x: scroll
    }

    .adbi-img-two {
        max-width: 10%
    }

    .adhar-face-banner-inner img {
        max-width: 25%
    }

    .adhar-face-banner-inner.capricornid::before {
        transform: scale(.4);
        right: -110px;
        top: -21px
    }

    .daily-newsletter-box {
        background-color: #183354;
        padding: 29px 14px 54px;

    }

    .head-base {
        font-size: 30px
    }

    .forgot-password-form-wrapper.contact-us {
        padding: 35px
    }

    .cumi-left {
        padding: 63px 27px
    }

    .contact-us-main-inner {

        margin-top:-99px
    }

    .usecase-br {
        border-style: hidden
    }
}

@media (max-width:1024px) {
    html {
        font-size: 13px
    }

    .head-xxxl {
        font-size: 100px
    }

    .fs-xs {
        font-size: 1.2rem
    }

    .head-md {
        font-size: 30px
    }

    .header-logo {
        width: 105px
    }

    .abs-inner {
        padding: 6rem 0rem 23.5rem
    }

    .about-us-banner {
        margin-bottom: 15rem
    }

    .ab-ut-inner {
        width: 95% !important
    }

    .wwt-inner {
        margin: auto 36px
    }

    .estamp-fourth {
        padding-left: 0
    }

    .estamp-fourth-right {
        padding: 39px 38px 39px 38px
    }

    .estamp-banner-right img, .estamp-banner-left img {
        max-height: 390px
    }

    .usecase-tab {
        padding: .5rem .5rem;
        font-size: 1.3rem
    }

    .login-form input, .forgot-password-form-wrapper input, .forgot-password-form-wrapper textarea {
        padding: 14px 40px;letter-spacing: 2px;
    }

    .login-container .login-form .form-label, .forgot-password-form-wrapper .form-label {
        left: 13px
    }

    .login-left-part img {
        max-width: 75%
    }

    .divider + div button {
        font-size: 11px
    }

    .login-form-wrapper .head-md {
        font-size: 35px
    }

    .insurance-banner-inner {
        background-image: url(/images/v2/themes/insurance-banner-mobile.webp);
        background-color: #efefef
    }

    .finance-banner-inner {
        background-image: url(/images/v2/themes/finance-banner-mobile.webp)
    }

    .bank-banner-inner {
        background-image: url(/images/v2/themes/bank-banner-mobile-bg.webp)
    }

    .insurance-second .d-grid {
        grid-template-columns: 31% 31% 31%
    }

    .insurance-second .d-grid {
        overflow-x: scroll
    }

    .finance-second .d-grid {
        gap: 5rem;
        grid-template-columns: 50% 50% 50%
    }

    .finance-second, .legal-second {
        overflow-x: scroll
    }

    .hmp-sixth-left::after {
        right: -35px
    }

    .bank-second img {
        width: 60px;
        height: 293px
    }

    .estate-banner-inner {
        background-image: url(/images/v2/themes/real-estate-mobile-banner.webp)
    }

    .pharma-banner-inner {
        background-image: url(/images/v2/themes/pharma-mobile-banner.webp)
    }

    .hr-banner-inner {
        background-image: url(/images/v2/themes/human-resource-banner-mobilee.webp)
    }

    .it-telecom-banner-inner {
        background-image: url(/images/v2/themes/it-telecom-banner-mobile.webp)
    }

    .it-telecom-second-card img {
        left: -45px;
        max-width: 114px
    }

    .it-telecom-second .d-grid {
        grid-template-columns: 28% 28% 28%;
        gap: 4rem
    }

    .media-entertainment-banner-inner {
        background-image: url(/images/v2/themes/media-mobile-banner.webp)
    }

    .retail-banner-inner {
        background-image: url(/images/v2/themes/retail-banner-mobile.webp)
    }

    .stock-broking-banner-inner {
        background-image: url(/images/v2/themes/stock-mobile-banner.webp)
    }

    .pt-94 {
        padding-top: 71px !important
    }

    .msme-banner-inner {
        background-image: url(/images/v2/themes/msme-banner-mobile.webp)
    }

    .legal-banner-inner {
        background-image: url(/images/v2/themes/legal-mobile-banner.webp)
    }

    .pricing-banner-inner {
        width: 98%;
        margin: 0 auto;
        background: #fff;
        margin-top: -104px;
        padding: 23px 18px
    }

    .features-banner-inner {
        transform: translateY(-121px);
        padding: 30px 12px
    }

    .mode-adharotp-banner-inner img {
        margin-top: -141px
    }

    .mode-adharotp-banner-inner::after {
        transform: scale(.7)
    }

    .mode-adharotp-banner-content .d-grid {
        gap: 1.5rem
    }

    .adhar-bio-second .w-75 {
        width: 100% !important
    }

    .tc-main-sidebar {
        padding: 21px 36px
    }

    .head-sm {
        font-size: 26px
    }

    .mds-left {
        padding: 22px 15px
    }

    .fs-xl {
        font-size: 16px
    }

    .modes-dropdown .d-grid {
        grid-template-columns: 75% 22%;
        justify-content: space-between
    }

    .iris-card {
        margin-bottom: 30px;
        padding: 0 8px
    }
    .contact-us-form-submit::before {
        
        top: 2%;
        right: 100%;
        transform: scale(.8);
    }
    .psc-floating {
        padding: 13px 15px;
       
    }
    .psc-floating p{
        font-size:1rem
    }
    .hmp-fifth .container-1920 .hmpfifth-after::after {      
        bottom: -64px;
        right: -41px;
        transform: scale(.6);
    }
    .hmp-fifth .slick-slide {
        padding: 36px 70px;
    }
}

@media (max-width:991px) {
    .mob-header-list.active {
        right: 0;
        top: 70px
    }

    .gradient-voilet {
        background: none
    }

    .head-md {
        font-size: 35px
    }

    .fs-sm {
        font-size: 12px
    }

    .fs-xxl {
        font-size: 20px
    }

    .mob-header-list {
        position: absolute;
        padding: 40px !important;
        background-color: #fff;
        right: -100%;
        top: 70px;
        box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15) !important;
        transition: all 0.3s ease-in-out
    }

    header {
        max-height: 59px
    }

    .abs-inner {
        padding: 3rem 0rem 5rem
    }

    .about-us-banner {
        margin-bottom: 0rem
    }

    .about-us-third {
        background-image: none;
        background-color: #fbfcfe
    }

    .pt-94 {
        padding-top: 59px !important
    }

    footer li a.fs-sm {
        font-size: 14px
    }

    .footer-logo {
        width: 130px
    }

    .mob-header-list.active {
        top: 44px
    }

    .wwt-section img {
        width: 105px
    }

    .estamp-fifth .d-grid {
        grid-template-columns: repeat(3,1fr)
    }

    .espfif-card.card-5 {
        padding: 20px 27px;
        box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15) !important
    }

    .estamp-fourth img {
        max-height: 250px
    }

    .estamp-banner {
        padding-bottom: 6rem
    }

    .hmp-fifth .container-1920 {
        padding: 24px 24px 85px;
        margin-top: -6rem
    }

        .hmp-fifth .container-1920 .hmpfifth-after::before {
            content: none
        }

    .hmp-sixth .d-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .hmp-fifth .container-1920 .hmpfifth-after::after {
        transform: scale(.6);
        bottom: -36px;
        right: -49px
    }

    .hmp-sixth-left::after {
        content: none
    }

    .login-page-logo img {
        max-width: 35%
    }

    .login-page-logo {
        padding: 48px 0px !important
    }

    .login-content {
        padding-bottom: 30px !important
    }

    .forgot-password-form-wrapper {
        padding: 30px 23px
    }

    .insurance-second .d-grid {
        grid-template-columns: 59% 59% 59%;
        gap: 2rem
    }

    .finance-third-right {
        margin-top: -130px !important;
        background: #fff;
        padding: 19px
    }

    .legal-third-right {
        margin-top: -130px !important;
        background: #fff;
        padding: 19px
    }

    .media-third-left {
        background: #fff;
        padding: 19px
    }

    .bank-second .d-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .bank-second img {
        width: 68px;
        height: auto
    }

    .insurance-third-right {
        margin-top: -60px !important;
        background: #fff;
        padding: 19px
    }

    .bank-second-card {
        padding: 1rem 1rem 1rem 0rem !important
    }

    .pharma-second .d-grid {
        grid-template-columns: 50% 50% 50%;
        gap: 7rem;
        overflow-x: scroll
    }

    .psc-floating {
        right: -13%
    }

    .hr-third-right-third-right {
        background: #fff;
        padding: 19px
    }

    .it-telecom-second .d-grid {
        grid-template-columns: repeat(1,1fr);
        gap: 3rem
    }

    .it-telecom-second-card {
        padding: 27px 17px 27px 125px;
        margin-left: 40px
    }

    .cfc-head {
        overflow-x: scroll
    }

    .mode-adharotp-banner-inner img {
        max-width: 200px
    }

    .mode-adharotp-banner-inner {
        width: 96%;
        padding: 3.5rem 2rem
    }

    .blog-search input {
        padding: .8rem 2.875rem
    }

    .blog-search::before {
        transform: translateY(-50%) scale(.6);
        left: 8px
    }

    .contact-us-main-inner .d-grid {
        grid-template-columns: repeat(1,1fr)
    }

    .tc-main-content-wrapper {
        padding: 32px 16px
    }

    .tcmsw-inner {
        padding: 16px;
        max-height: 100vh
    }

    .wwt-section {
        background: linear-gradient(0deg, #DFDFDF, #F5F9FD);
    }

    .hmp-sixth-left {
        margin-bottom: 24px
    }

    .wwt-card {
        position: relative
    }

        .wwt-card::after {
            content: '';
            position: absolute;
            width: 41%;
            right: -56px;
            border: 1px dashed #000;
            top: 27%;
            transform: translateY(-50%)
        }

        .wwt-card.no-after::after {
            content: none
        }

        .wwt-card.after-none::after {
            content: none !important
        }

    .ds-order-quick-link {
        order: 1
    }

    .ds-order-usecase1 {
        order: 2
    }

    .ds-order-usecase2 {
        order: 3
    }

    .ds-order-modes {
        order: 0
    }

    .pricing-banner-inner {
        padding: 0px
    }

    .pricing-banner-inner-left, .pricing-banner-inner-right {
        padding: 20px !important;
        box-shadow: 0 .5rem 1rem rgb(0 0 0 / .15) !important;
    }

    .pricing-banner-inner {
        box-shadow: none !important
    }

    .tc-main-wrapper {
        background-color: #f5f9fd;
    }

    .mode-adharotp-banner-content .d-grid {
        display: flex !important;
        flex-wrap: wrap;
        gap: 1rem !important
    }

    .mabc-card {
        flex-basis: 30%;
        margin-bottom: 20px !important
    }

        .mabc-card.noafter {
            border-right: none !important
        }

    .overflow-mobile {
        overflow-x: scroll
    }

    .mode-toggle-r-area {
        background: white;
        top: 23px;
        left: 14%;
        transform: translateX(-99%);
        z-index:9999
    }
        .mode-toggle-r-area.active {
            height: max-content;
            padding: 20px 5px;
        }
        .mode-toggle-r-area p {
            color: #818181!important
        }
    .modes-dropdown .d-grid {
        grid-template-columns: 100% 0%;
        justify-content: space-between;
    }
    .modes-dropdown.active {
        background: white
    }
    .mds-left a {
        color: #818181!important
    }
}

@media (max-width:768px) {
    .head-md {
        font-size: 30px
    }

    .head-xs {
        font-size: 24px
    }

    .head-xxxl {
        font-size: 63px;
        margin-top: 16px
    }
    .fs-xs {
        font-size: .9rem;
    }
    .wwt-inner {
        margin: 0
    }

    .wwt-section img {
        width: 75px
    }

    .wwt-section h5 {
        font-size: 16px
    }

    .wwt-section .wwt-card p {
        font-size: 12px
    }

    .wwt-section {
        padding: 3rem 0 3rem
    }

    .estamp-banner {
        padding-bottom: 0rem
    }

    .etamp-second .w-75 {
        width: 100% !important
    }

    .login-content .left p {
        font-size: 16px
    }

    .finance-second .d-grid {
        grid-template-columns: 60% 60% 60%;
        gap: 6rem;
        padding-bottom: 31px;
        transform: translateX(33px)
    }

    .psc-floating {
        right: -17%
    }

    .it-telecom-second-card {
        padding: 27px 17px 27px 89px
    }

    .it-telecom-fifth .d-grid {
        grid-template-columns: repeat(1,1fr)
    }

  

    .it-telecom-fifth {
        overflow-x: scroll
    }

    .legal-third-left img {
        max-height: 300px
    }

    .features-banner-main .container-1920 {
        width: 100%
    }

    .features-banner-inner {
        transform: translateY(0)
    }

    .feature-second {
        margin-top: .9375rem
    }

    .feature-second-card {
        padding: 20px 17px
    }

    .contact-us-banner .feature-abs-inner {
        padding: 4rem 0rem 4.5rem
    }

    .mode-adharotp-banner-content .d-grid {
        gap: 3rem;
        grid-template-columns: repeat(3,1fr);
        justify-content: center !important
    }

    .hmp-fifth .slick-slide {
        padding: 19px 26px
    }

    .footer-quick-link {
        grid-template-columns: repeat(2,1fr)
    }

    .estamp-second-inner a {
        transform: translateY(36px)
    }

    .estamp-banner-right {
        height: 546px;
        background-size: 70%
    }

    .footer-contact-link-wrapper {
        backdrop-filter: blur(59px) brightness(.8);
        padding: 15px 10px
    }

    .rev_slider.benifit-slider .slick-snext {
        transform: translate3d(52%,4px,-7px) rotate(8deg)
    }

    .rev_slider.benifit-slider .slick-sprev {
        transform: translate3d(-52%,4px,-7px) rotate(-8deg)
    }

    .map-negative {
        margin-top: -56px
    }
    .contact-us-banner p, .faq-banner p{
        width: 95% !important
    }
    .hmp-fifth .container-1920 {
        padding: 24px 24px 19px;
      
    }
        .hmp-fifth .container-1920 .hmpfifth-after::after {
            transform: scale(.5);
            bottom: -90px;
            right: -82px;
        }
    .tc-main-content-wrapper {
        padding: 18px 16px;
    }
}

@media (max-width:576px) {
    .fs-xs {
        font-size: 1rem
    }

    .head-xxxl {
        font-size: 32px;
        margin-top: 16px
    }

    .fs-xxl {
        font-size: 14px
    }

    .fs-lg {
        font-size: 12px
    }

    .head-xs {
        font-size: 18px
    }

    .fs-sm {
        font-size: 11px
    }

    .fs-32 {
        font-size: 18px
    }

    .head-md {
        font-size: 20px
    }

    .head-sm {
        font-size: 24px
    }
    .cumi-left h3{
        font-size:18px
    }
    .fs-md {
        font-size: .9rem
    }

    .fs-xl {
        font-size: 13px
    }

    .head-xl {
        font-size: 26px
    }

    .head-tiny {
        font-size: 18px
    }

    .head-xxs {
        font-size: 20px
    }

    .fs-30 {
        font-size: 16px
    }

    .ab-ut-card {
        padding: 12px 7px
    }

    header {
        max-height: 45px
    }

    .py-6 {
        padding: 2.3rem 0rem
    }

    .ab-ut-inner {
        width: 100% !important
    }

    .abs-four-card p, .abs-four-card a {
        font-size: .9rem
    }

    .head-base {
        font-size: 2rem
    }

    .footer-logo {
        width: 119px
    }

        .footer-logo + p.fs-xs {
            font-size: 12px
        }

    .mob-header-list.active {
        top: 39px
    }

    .wwt-section img {
        width: 45px
    }

    .wwt-section {
        padding: 2rem 0 2rem
    }

    .estamp-fifth .d-grid {
        grid-template-columns: repeat(3,1fr);
        gap: 0 !important
    }

    .espfif-card img {
        width: 60px
    }

    .espfif-card.card-2 img, .espfif-card.card-3 img, .espfif-card.card-4 img {
        height: 100%;
        width: 100%
    }

    .hmp-sixth-right .fs-xs {
        font-size: 11px
    }

    .usecase-tab {
        font-size: 12px
    }

    .espfif-card.card-1, .espfif-card.card-5 {
        padding: 16px 8px
    }

    .estamp-banner-note {
        font-size: 10px;
        padding: 5px 7px !important
    }

    .estamp-fourth img {
        max-height: 164px;
        padding: 0
    }

    .estamp-banner-right img, .estamp-banner-left img {
        max-height: 272px
    }

    .hmp-fifth .container-1920 {
        padding: 0;
        margin-top: -3rem
    }

        .hmp-fifth .container-1920 hmpfifth-after::after {
            transform: scale(.4);
            bottom: -78px;
            right: -108px
        }

    .login-page-logo {
        padding: 40px 0 20px !important
    }

        .login-page-logo img {
            max-width: 47%
        }

    .login-content .left p {
        font-size: 14px
    }

    .login-form-wrapper .head-md {
        font-size: 25px
    }

    .login-form-wrapper p.fs-xs {
        font-size: 1rem
    }

    .divider + div button {
        font-size: 10px
    }

        .divider + div button img {
            width: 20px;
            height: 20px
        }

    .login-form-wrapper {
        padding: 22px 16px
    }

    .forgot-password-form-wrapper {
        padding: 46px 21px
    }

    .finance-second .d-grid {
        grid-template-columns: 90% 90% 90%;
        gap: 5rem
    }

    .finance-second-card img {
        max-width: 115px
    }

    .finance-second-card {
        padding: 20px 15px 20px 0
    }

    .psc-floating {
        padding: 10px 10px
    }

    .finance-third-right {
        margin-top: -75px !important
    }

    .it-telecom-fifth .d-grid {
        gap: 1rem
    }

    .retail-fifth-card {
        padding: 13px 10px
    }

        .retail-fifth-card::before {
            left: -6px;
            bottom: -6px
        }

        .retail-fifth-card::after {
            top: -6px;
            right: -6px
        }

    .retail-second-card img {
        max-width: 81px;
        height: 131px
    }

    .stock-broking-second-card img {
        transform: translateX(-22px);
        max-width: 81px;
        height: 205px
    }

    .contact-us-banner .abs-inner {
        padding: 2rem 0rem 10.5rem
    }

    .head-102 {
        font-size: 3.375rem
    }

    .fbi-card-head {
        height: 67px
    }

    .fbi-card-head {
        height: max-content;
        padding: 4px
    }

    .contact-us-banner .feature-abs-inner {
        padding: 2rem 0rem 2.5rem
    }

    .mode-adharotp-banner-inner::before, .adhar-bio-banner-inner::before, .adhar-face-banner-inner::before {
        right: -46px;
        transform: scale(.6);
        top: 4px
    }

    .mode-adharotp-banner-inner img {
        max-width: 147px;
        margin-top: -108px
    }

    .mode-adharotp-inner {
        padding: 2rem 0rem 12rem
    }

    .mode-adharotp-banner-inner::after {
        transform: scale(.5)
    }

    .mode-adharotp-banner-content {
        margin-top: -70px
    }

    .mode-adharotp-banner-inner {
        width: 96%;
        padding: 3.5rem 1rem
    }

    .mode-adharotp-banner-content .d-grid {
        gap: 2rem
    }

    .maotpt-right::after
    {
        transform: scale(.3);
        bottom: -50px;
        right: -80px;
    }
    .adhar-bio-banner-inner {
        padding: 1.5rem 1rem
    }

    .adbi-img-two {
        max-width: 16%
    }

    .adhar-bio-banner-inner::after {
        transform: scale(.6)
    }

    .adhar-face-banner-inner {
        padding: 3.5rem 1rem;
        width: 100%
    }

        .adhar-face-banner-inner .w-75 {
            width: 100% !important
        }

        .adhar-face-banner-inner .float-img {
            margin-top: -4.5rem;
            max-width: 32%
        }

    .mode-adharotp-inner.blog-bbiner {
        padding: 2rem 0rem 2rem
    }

    .cumi-left {
        padding: 19px 16px
    }

    .forgot-password-form-wrapper.contact-us {
        padding: 19px
    }

    .contact-us-main-inner {
        width: 100%
    }

    .tcmsw-inner {
        padding: 28px 12px;
        max-height: max-content;
        overflow-y: hidden
    }

    .maotpt-right {
        padding: 2.75rem
    }

    .adhar-face-banner-inner.browser-signing img {
        max-width: 50%;
        margin-top: -95px
    }

    .mob-header-list {
        top: 39px !important
    }
        .mob-header-list.active {
            top: 38px !important;
            right: -7px;
        }
    .finance-second-card img {
        transform: translateX(0);
        margin-left: -33px;
        margin-right: 12px
    }

    .hmp-fifth-slider .slick-prev {
        left: -6px
    }

    .hmp-fifth-slider .slick-next {
        right: 0
    }

    .estamp-second-inner a {
        transform: translateY(29px)
    }

    .estamp-banner-right {
        height: 382px
    }

    .estamp-banner {
        background-size: 100% 83%
    }

    .wwt-card::after {
        right: -33px;
        top: 19%
    }

    .tcmsw-inner .fs-xl {
        font-size: 20px
    }

    .tcmsw-inner .fs-md {
        font-size: 12px
    }

    .map-negative {
        margin-top: -24px
    }
    .estamp-seven-left{
        margin-bottom:24px
    }
    .pharma-second .d-grid {
        grid-template-columns: 73% 73% 73%;
    }
    .faq-main-section-right {
      
        padding: 0 20px 44px 20px;
    }
    .contact-us-form-submit::before {
        top: -52%;
        right: 83%;
        transform: scale(.6);
    }
    .contact-us-main-inner {
     
        padding-bottom: 56px;
    }
    .psc-floating h4 {
        font-size: 1.2rem
    }
    .hmp-fifth .container-1920 .hmpfifth-after::after {
        transform: scale(.4);
        bottom: -77px;
        right: -113px;
    }
    .hmp-fifth img{
        min-height:80px

    }
    .mabc-card{

        padding: 0 3px;
    }
    }