/* ::-webkit-scrollbar {
    display: none;
}
html {
    scrollbar-width: none;
}
body {
    -ms-overflow-style: none;
} */
/* .VerifyIndia-Logo{
    max-width: 80% !important;
} */
:root {
    --default-border-color: #E5E7EB;
    --color-primary: #020202;
    --color-secondary: #fe6407;

}

/* Chrome, Edge, Safari, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

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

.fs-1 {
    font-size: 1px !important;
}

.fs-2 {
    font-size: 2px !important;
}

.fs-3 {
    font-size: 3px !important;
}

.fs-4 {
    font-size: 4px !important;
}

.fs-5 {
    font-size: 5px !important;
}

.fs-6 {
    font-size: 6px !important;
}

.fs-7 {
    font-size: 7px !important;
}

.fs-8 {
    font-size: 8px !important;
}

.fs-9 {
    font-size: 9px !important;
}

.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-31 {
    font-size: 31px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-33 {
    font-size: 33px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-37 {
    font-size: 37px !important;
}

.fs-38 {
    font-size: 38px !important;
}

.fs-39 {
    font-size: 39px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-41 {
    font-size: 41px !important;
}

.fs-42 {
    font-size: 42px !important;
}

.fs-43 {
    font-size: 43px !important;
}

.fs-44 {
    font-size: 44px !important;
}

.fs-45 {
    font-size: 45px !important;
}

.fs-46 {
    font-size: 46px !important;
}

.fs-47 {
    font-size: 47px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-49 {
    font-size: 49px !important;
}

.fs-50 {
    font-size: 50px !important;
}

/* Default hidden */
.menutab-content {
    display: none;
    opacity: 0;
    transform: translateY(10px);
}

/* When becoming visible */
.menutab-content.active {
    display: flex;
    animation: fadeSlideIn 0.3s ease forwards;
}

/* Animation keyframes */
@keyframes fadeSlideIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Scroll Container */
.custom-scroll {
    height: 405px;
    overflow-y: auto;
    /* padding-right: 5px !important; */
    scroll-behavior: smooth;

}

/* Scrollbar Width */
.custom-scroll::-webkit-scrollbar {
    width: 0;
    transition: width 0.3s ease;
}

.custom-scroll:hover::-webkit-scrollbar {
    width: 0px;
}

/* Track */
.custom-scroll::-webkit-scrollbar-track {
    background: transparent;
}

/* Thumb */
.custom-scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 10px;
    transition: background-color 0.3s ease;
}

/* Hover Effect */
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.home-page-counter {
    padding-bottom: 0px !important;
}

.apilist {
    font-size: 14px;

}

.text-center {
    text-align: center;
}

.service-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.brand-slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 20px 0;
}

/* Gradient fade (left & right) */
.brand-slider::before,
.brand-slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 14;
}

.brand-slider::before {
    left: 0;
    background: linear-gradient(to right, #fff, transparent);
}

.brand-slider::after {
    right: 0;
    background: linear-gradient(to left, #fff, transparent);
}

.brand-track {
    display: flex;
    width: max-content;
    animation: scrollX 25s linear infinite;
    z-index: 8;
}

.teamember-track:hover {
    animation-play-state: paused;
}

.teamember-track {
    gap: 40px;

}

.teamember-track>*:nth-child(even) {
    margin-top: 80px;
    /* adjust as needed */
}

.active-adj {
    border-radius: 8px !important;
}

.brand {
    flex: 0 0 auto;
    margin: 0 40px;
    opacity: 0.7;
    transition: 0.3s;
}

.brand img {
    height: 40px;
    object-fit: contain;
}

/* Hover effect like Surepass */
.brand:hover {
    opacity: 1;
    transform: scale(1.05);
}

/* Smooth Infinite Animation */
@keyframes scrollX {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* .partners-bg-content{
        top: -136px !important;
} */

.home-pageblog {
    padding-top: 25px !important;
}

.tab-pane {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
    transition: all 0.4s ease;
}

/* Active tab */
.tab-pane.show.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.certificate-card {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05);
    border-radius: 15px;
    transition: 0.3s;
    /* cursor: pointer;    */

    padding: 10px;
    margin-top: 10px;
}

.certificate-card img {
    max-width: 130px;
}

.certificate-card .image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.certificate-content {
    text-align: center;
    font-size: 17px;
    margin-top: 11px;
    font-weight: 600;
}

/* .certificate-card:hover {
  transform: scale(1.05) translateY(-5px);
} */
.footer-logo {
    height: auto;
    width: 100%;
    ;
}

.joinourteam-text {
    font-size: 20px !important;
    font-weight: 600;
}



.Logo-Thumbnail {
    width: 290px;
}

.title-style-two .bgwith-bg-content::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgb(246 246 246) 0%, rgb(246 246 246 / 42%) 35%, rgba(255, 255, 255, 0) 100%);
}

.wrapper .custom-scroll li {
    background-color: var(--color-primary);
}


/* 
.custom-scroll li:hover::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 296px;
    width: 30px;
    height: 30px;
    background: #ffffff;
    mask-image: radial-gradient(circle at bottom right, transparent 70%, black 71%);
    -webkit-mask-image: radial-gradient(circle at top left, transparent 70%, black 71%);
  
} */
.custom-scroll li a.active::before {
    content: "";
    position: absolute;
    top: -30px;
    left: 90.8%;
    width: 30px;
    height: 30px;
    background: #ffffff;
    mask-image: radial-gradient(circle at bottom right, transparent 70%, black 71%);
    -webkit-mask-image: radial-gradient(circle at top left, transparent 70%, black 71%);

}

/* .custom-scroll li:hover::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 296px;
    width: 30px;
    height: 30px;

    background: white;

    mask-image: radial-gradient(circle at top right, transparent 70%, black 71%);
    -webkit-mask-image: radial-gradient(circle at bottom left, transparent 70%, black 71%);
    z-index: 99;
   
} */
.custom-scroll li a.active::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 90.8%;
    width: 30px;
    height: 30px;

    background: white;

    mask-image: radial-gradient(circle at top right, transparent 70%, black 71%);
    -webkit-mask-image: radial-gradient(circle at bottom left, transparent 70%, black 71%);
    z-index: 99;

}

.mega-menu-item.with-list li a.active {
    color: var(--color-primary);
    border: none !important;
    gap: 12px;
    border-bottom: 1px solid #ffffff !important;
    background: white;
    border-radius: 30px 0 0 30px !important;
}

.custom-scroll {
    position: relative;
}

.custom-scroll li {
    position: relative;
    overflow: visible;
}

.custom-scroll li:hover::before,
.custom-scroll li:hover::after {
    pointer-events: none;
}


.client-card {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border: 2px solid #e0e0e0;
    border-radius: 15px;
    transition: all 0.3s ease;
    margin-top: 15px;
    gap: 10px;
    min-height: 110px;
}

.client-card img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.client-card:hover {
    border-color: var(--color-primary);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}



/* Flipped Card CSS */

.flip-card {
    background-color: transparent;
    width: 380px;
    height: 380px;
    perspective: 1000px;

}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 1s ease-in-out;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.flip-card:focus {
    outline: 0;
}

.flip-card:hover .flip-card-inner,
.flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
}

.flip-card-front {
    background: white;
    color: black;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: end;
}

.flip-card-back {
    background: white;
    color: black;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card-front img {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: unset !important;
    filter: grayscale(100%);
}

/* Flipped Card CSS */


.header-button {

    background: #F2F2F2;
    height: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    border: none;

}

#menu-btn {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .header-button {
        display: none;
    }

    #menu-btn {
        display: block;
    }

}

.single-input select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    appearance: none;
    background: #F6F6F6;
    width: 100%;
    height: 55px;
    border: 1px solid transparent;
    padding: 0 20px;
    border-radius: var(--radius);
}

.select-wrapper {
    position: relative;
}

.select-wrapper select {
    width: 100%;
    /* padding: 12px 40px 12px 12px; */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* border: 1px solid #ddd; */
    /* border-radius: 8px; */

    /* font-size: 14px; */
}

.select-wrapper::after {
    content: "▼";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px;
    color: #666;
}

/* Banner Sectionbanner-certificates */

.banner-certificates {
    border: 2px solid var(--default-border-color);
    padding: 16px 24px;
    border-radius: 12px;
    margin-top: 28px;
}

/* Row spacing (optional but useful) */


/* Certificate card */
.certificates {
    display: flex;
    align-items: center;
    gap: 6px;
    border-radius: 10px;
    transition: all 0.3s ease;
    height: 100%;

}
.Our-Certificates-Swapper {
    justify-content: center;
    gap: 13px;
} 
.features {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 10px;
    transition: all 0.3s ease;
    height: 100%;
}

.feature-heading {
    font-size: 18px;
}

.feature-text {
    font-size: 16px;
    color: #555;
    line-height: unset;
}

/* Logo container (fixed size) */
.certificates-logo {
    width: 60px;
    height: 60px;
    min-width: 60px;
    /* prevents shrinking */
    display: flex;
    align-items: center;
    justify-content: center;
}

.feature-icon-wrapper {
    width: 70px;
    height: 70px;
    min-width: 70px;
    /* prevents shrinking */
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FEF4EF;
    border-radius: 50%;
}

.feature-icon {
    width: 65%;
    height: 65%;
    object-fit: contain;
}

/* Image inside logo */
.certificates-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* use 'cover' if you want full fill */
}

/* Certificate text */
.certificates-name {
    font-size: 14px;
    font-weight: 600;
    color: #222;
    line-height: 1.4;
}

/* Responsive tweaks */
@media (max-width: 992px) {


    .certificates-logo {
        width: 50px;
        height: 50px;
        min-width: 50px;
    }

    .certificates-name {
        font-size: 13px;
    }
}

@media (max-width: 576px) {
    .certificates {
        justify-content: flex-start;
    }
}

/* Banner Sectionbanner-certificates */

.bg-black-with-element {
    background: var(--color-primary);
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 20px;
    display: flex;
    padding: 55px 0px;
}


.after-border {
    position: relative;
}

.after-border ::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #fe640742;
}

.counter-bg .single-counter .icon i {
    color: var(--color-secondary);
    font-size: 68px;
}

.counter-number {
    font-size: 50px;
    font-weight: 600;
    color: var(--color-secondary);
}

.counter-details {
    text-align: center;
}

.bg-gradient-light {
    /* background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #fff6f0 100%); */
    background: linear-gradient(140deg, #fbdacb69 0%, #FFFFFF 50%, #ffdcc638 100%);
}

.why-verification-needed-card,
.trusted-industries-card,
.Our-Clients-Review-Card {
    border: 1px solid #E5E7EB;
    border-radius: 15px;
    padding: 20px;
    position: relative;
    background: #fff;
    min-height: 250px;
    box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05);
    transition: all 0.3s ease;
}

.trusted-industries-card {
    min-height: 308px;
}

.Our-Clients-Review-Card {
    padding: 15px;
    box-shadow: none;
    border: none;
}

.why-verification-needed-card-icon,
.trusted-industries-card-icon {
    width: 90px;
    height: 90px;
    background: #FEF4EF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    margin: auto;
}

.why-verification-needed-card-title,
.trusted-industries-card-title {
    margin-bottom: 10px;
}

.why-verification-needed-card-content,
.trusted-industries-card-content {
    padding-top: 10px;
}

.why-verification-needed-card-text,
.trusted-industries-card-text {
    font-size: 16px;
    line-height: normal;
    color: #6B7280;
}

.why-verification-needed-card-icon i,
.trusted-industries-card-icon i {
    font-size: 40px;
    color: var(--color-secondary);
}

.trusted-industries-card-title {
    font-size: 18px;
    font-weight: 600;
}

.common-height-width {
    width: 70px;
    height: 70px;
}

.Fintech-Lending {
    background: #FED4C3;
}

.Fintech-Lending i {
    font-size: 34px;
}

.E-Commerce {
    background: #D4EBE7;
}

.E-Commerce i {
    color: #177B82;
    font-size: 34px;
}

.HR-Workforce {
    background: #DFE2FD;
}

.HR-Workforce i {
    color: #293AC6;
    font-size: 34px;
}

.Travel-Hospitality {
    background: #DADCF9;
}

.Travel-Hospitality i {
    color: #15339D;
    font-size: 34px;
}

.Telecom {
    background: #FED4C3;
}

.Telecom i {
    color: #1F3FA1;
    font-size: 30px;
}

.trusted-industries-card-content {
    padding-top: 0px;
}

.why-verification-is-important-right-main-title {
    font-size: 43px;
    line-height: 1.15;
    max-width: 900px;
    word-break: normal;

}

.why-verification-is-important-right-card {
    border: 1px solid #E5E7EB;
    border-radius: 15px;
    padding: 20px;
}

.why-verification-is-important-right-card-content {
    background: #fff;
    border-radius: 5px;
    height: 90%;
    padding: 15px;
}

.why-verification-is-important-right-card-content-text {

    font-size: 16px;
    line-height: normal;
    color: #6B7280;
}

.why-verification-is-important-right-card-content-Title {
    font-family: var(--font-primary);
    ;
    font-size: 18px;

}

.why-verification-is-important-right-card-icon {
    padding: 10px;
}

.background-color {
    background: #FEF4EF;
    padding: 30px;
    border-radius: 15px;
}

.faq-feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.faq-feature-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #6b7280;
    font-weight: 400;
}

.faq-feature-list li i {
    color: #f97316;
    font-size: 18px;
}

.faq-technology-left {
    /* min-height: 490px; */
}

.Verification-Dashboard-left-main-title h2 {
    font-size: 35px;
    line-height: 1.15;
    text-align: left;
}

.Verification-Dashboard-left-subtitle p {
    color: grey;
    font-size: 16px;
}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-primary::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: #fff !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-primary:hover::before {
    top: -50%;
}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-primary:hover {
    color: #020202 !important;
    background: transparent !important;

}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-secondary:hover {
    color: #fff !important;
    background: transparent !important;

}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-secondary {
    border: none !important;
}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-secondary:hover::before {
    top: -50%;
}

.Verification-Dashboard-left-btn-grp .rts-btn.btn-secondary::before {
    content: "";
    position: absolute;
    -webkit-transition-duration: 800ms;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--color-secondary) !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    z-index: -1;
}

.connect-withus-left-main-title h2 {
    color: var(--color-primary);

}

.connect-withus-left-sub-title p {
    font-size: 24px;
}

.connect-withus-left-contactdetails {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.connect-withus-left-contactdetails-item i {
    color: var(--color-secondary);
    margin-right: 4px;
}

.connect-withus-right-form-card {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #E5E7EB;
}

.single-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.single-input {
    margin-bottom: 20px;
}

.single-input input {
    background: #F6F6F6;
    width: 100%;
    height: 55px;
    border: 1px solid transparent;
}

.banner-inner-image-eight {
    position: relative;
    overflow: hidden;
}

.banner-inner-image-eight img {
    width: 100%;
    display: block;
    /* transition: transform 0.2s linear;
    will-change: transform; */
    animation: floatImage 4s ease-in-out infinite;
}

@keyframes floatImage {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.Tab-To-Phone-none {
    display: block !important;
}

.Tab-To-Phone-block {
    display: none !important;
}


.Banner-First-SubTitle {
    margin-bottom: 5px;
}

.banner-inner-image-eight video {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 20px;
}

.Home-Page-Banner {
    padding-top: 80px;
    height: 810px;
}

.Home-Page-Banner-video {
    padding-left: 40px;
    padding-right: 40px;
}

.Home-Page-Banner-BrandWrapper-Title h5 {
    color: var(--color-primary) !important;
    font-size: 18px;

}

.Home-Page-Banner-BrandWrapper {
    margin-top: 40px;

}

.Unlimited-Verification-Card-Title {
    color: var(--color-primary);

}

.Unlimited-Verification-Card-text {
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.WebApp-APIDoc-Preview-Card,

.Our-Clients-Review,
.Our-MissionVision,
.Ready-ToBuild,
.WhiteLabel-Form-Section {
    background-color: #fef6f2;
    border-radius: 15px;
    padding: 25px;
}

.WebApp-APIDoc-Preview-Image img {
    border-radius: 15px;
}

.WebApp-APIDoc-Preview-Card-Left-Btn,
.WebApp-APIDoc-Preview-Card-Right-Btn {
    margin-top: 30px;
}

.WebApp-APIDoc-Preview-Card-Left-Btn .rts-btn,
.WebApp-APIDoc-Preview-Card-Right-Btn .rts-btn {
    height: 34px;
    max-width: max-content;
    padding: 5px 13px;
    border: none;
    box-shadow: none;
    min-width: max-content;
    border-radius: 10px;
    transition: 800ms;
    font-weight: 600;
    font-size: 15px;
}

.WebApp-APIDoc-Preview-Card-Left-Title h5,
.WebApp-APIDoc-Preview-Card-Right-Title h5 {
    margin-bottom: 0px;
}

.WebApp-APIDoc-Preview-Main-Div {
    padding-top: 0px;
    padding-bottom: 60px;
}

.How-Verification-Done-Wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    position: relative;
    flex-wrap: wrap;
}

/* ===== Step Card ===== */

.How-Verification-Done-Step {
    flex: 1;
    min-width: 240px;
    position: relative;
}

/* Dotted Line */

.How-Verification-Done-Step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 60px;
    right: -70px;
    width: 140px;
    border-top: 3px dashed #cfcfcf;
}

.How-Verification-Done-Step-icon-box {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.08);
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.How-Verification-Done-Step-icon {
    font-size: 45px;
    color: #ff6b00;
}

.How-Verification-Done-Step-number {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #ff6b00;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #fff;
}

.How-Verification-Done-Step-title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    color: #111;
    margin-bottom: 5px;
}

.How-Verification-Done-Step-description {
    font-size: 16px;
    color: #555;
    line-height: 1.4;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
}

.Our-Certificates-Content-Title p {
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

.Our-Certificates-Content-Text p {
    color: #ffffff;
}

.Our-Certificates-Swapper-Border-After {

    position: relative;
}

    .Our-Certificates-Swapper-Border-After ::after {
        /*content: "";*/
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        background-color: #a4a6a7;
    }

.Our-Certificates-Main-Div {
    padding-bottom: 30px;
}

.Our-Clients-Review-Right {
    background-color: var(--color-secondary);
}

.Our-Clients-Review-Card-content p {
    line-height: normal;
    margin-top: 10px;
    font-size: 14.5px;
}

.Our-Clients-Review-ClientName .clientname {
    font-family: var(--font-primary);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: normal;
}

.Our-Clients-Review-ClientName .clientDesignation {
    font-size: 14px;
    margin-bottom: 0px;
    color: #555;
    line-height: normal;
}

.Our-Clients-Review-Card-content {
    margin-bottom: 12px;
}

.Our-Clients-Review-Card {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    max-height: 250px;
}

.Our-Clients-Review-Slider {
    padding-bottom: 40px;
}

.Our-Clients-Review-Star {
    color: var(--color-secondary);
}

.Quote-Image {
    position: absolute;
    height: 40px;
    width: auto;
    right: 3%;
    bottom: 5%;
    opacity: 0.1;
}

.Our-Clients-Review-Right-Content p {
    color: #ffffff;
    line-height: normal;
    margin-top: 10px;
}

.Our-Clients-Review-Right-Btn {
    margin-top: 40px;
}

.Our-Clients-Review-Main-Div {
    padding: 0px 0px 40px;
}

.Our-Clients-Review-Main-Div {
    padding-top: 0px
}

.Banner-Page-pageCounter-Icon i {
    font-size: 30px;
    color: var(--color-secondary);
}

.Banner-Page-pageCounter-Title {
    color: var(--color-secondary);
    font-weight: bold;
    font-size: 25px;
}

.Home-Page-Counter {
    min-height: 120px !important;
    height: 120px;
}

.Home-Page-Counter-Main-Div {
    padding-top: 40px;
    padding-bottom: 40px;
}

.Trusted-Industries {
    padding-top: 150px !important;
}

.Trusted-Industries-Main-Div {
    padding-bottom: 0px;
}

.Why-Aadhaar-Verification-Main-Div,
.FAQ-Main-Div {
    padding-top: 30px;
    padding-bottom: 30px;
}

.Verification-Dashboard {
    padding-top: 30px;
}

.How-Verification-Done-Main-Div {
    padding-top: 20px;
    padding-bottom: 60px;
}

.Home-Page-Counter-MainDiv {
    margin-bottom: 30px;
    margin-top: 30px;
}

.About-Us-Banner-Counter-Div-Icon,
.Why-Business-AuthenticateIndia-Card-Icon,
.Our-MissionVision-Right-Icon {
    width: 70px;
    height: 70px;
    min-width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fae0d2;
    border-radius: 50%;
}

.About-Us-Banner-Counter-Div-Icon i,
.Why-Business-AuthenticateIndia-Card-Icon i {
    color: var(--color-secondary);
    font-size: 35px;
    font-weight: 400;
}

.About-Us-Banner-Counter-Div {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
}

.About-Us-Banner-Counter-Div-MainTitle {
    font-size: 20px;
    font-weight: 600;
}

.About-Us-Banner-Counter-Div-SubContent {
    color: #5D666F;
}

.About-Us-Page-Banner-Main-Div {
    padding-top: 40px;
    height: 740px;
}

.Right-After-Border {
    position: relative;
}

.Right-After-Border::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #e6e4e4;
}

.About-Us-Banner-AbsoulteCounter {
    bottom: -16%;
}

.About-Us-Banner-AbsoulteCounter-Div {
    height: 220px !important;
}

.About-Us-Banner-AbsoulteCounter-Title {
    color: var(--color-secondary);
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
}

.About-Us-Banner-AbsoulteCounter-Div {
    gap: unset;
}

.About-Us-Banner-AbsoulteCounter {
    justify-content: center;
}

.About-Us-Banner-AbsoulteCounter-Icon i {
    color: var(--color-secondary);
    font-size: 28px;
}

.About-Us-Banner-AbsoulteCounter-Text {
    color: #ffffff !important;
}

.Why-Business-AuthenticateIndia {
    padding-top: 160px !important;
}

.Why-Business-AuthenticateIndia-Card-Title {
    font-size: 20px;
    color: var(--color-primary);
    font-weight: 600;
    margin-top: 20px;
}

.Why-Business-AuthenticateIndia-Card {
    text-align: center;
    position: relative;
}

.Why-Business-AuthenticateIndia-Card-Icon {
    margin-left: auto;
    margin-right: auto;
}

.Why-Business-AuthenticateIndia-Card-Div {
    padding-top: 40px;
}

.Our-MissionVision-Left-SubTitle,
.Our-MissionVision-Right-SubTitle {
    text-transform: uppercase;
    color: var(--color-secondary);
    font-weight: 600;
}

.Our-MissionVision-Left-MainTitle h2 {
    font-size: 35px;
}

.Our-MissionVision-Right-Icon {
    background: var(--color-secondary);
    width: 60px;
    height: 60px;
    min-width: 60px;
}

.Our-MissionVision-Right-Icon i {
    color: #ffffff;
    font-size: 24px;
}

.Our-MissionVision-ContentTitle {
    font-weight: 600;
    font-size: 18px;
    margin-top: 10px;
}

.Our-MissionVision-ContentText p {
    line-height: normal;
    padding-top: 5px;
}

.Our-MissionVision-ContentText {
    max-width: 80%;
}

.Our-MissionVision-Right-Content {
    position: relative;
}

.Our-MissionVision-Main-Div {
    padding-bottom: 0px;
}

.OurTeam-Card-Div {
    padding-top: 40px;
}

.OurTeam {
    padding-top: 40px;
}

.OurTeam-Card {
    border: 1px solid var(--default-border-color);
    border-radius: 15px;
    padding: 15px;
}

.OurTeam-Card-Image img {
    border-radius: 46%;
    width: auto;
    height: 125px;
}

.OurTeam-Card-Image {
    text-align: center;
}

.OurTeam-Card-Name {
    font-weight: bold;
    font-size: 19px;
}

.OurTeam-Card-Descriptions {
    font-size: 13px;
    line-height: 18px;
    margin-top: 7px;
}

.OurTeam-Card-Designation {
    font-size: 11px;
    color: var(--color-secondary);
    font-weight: 600;
    line-height: normal;
}

.OurTeam-Card-LinkedIn {
    margin-top: 10px;
}

.OurTeam {
    padding-top: 40px !important;
}

.Our-MissionVision-Btn {
    padding-top: 30px;
}

.OurTeam-Btn_grp {

    justify-content: center;
    display: flex;
    padding-top: 30px;
}

.Ready-ToBuild {
    padding: 0;
}

.Ready-ToBuild-Content {
    max-width: 60%;
}

.Ready-ToBuild-BtnGrp {
    display: flex;
    gap: 10px;
    padding-top: 50px;
}

.Ready-ToBuild-Image {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.Ready-ToBuild-Image img {
    width: 70%;
}

.Ready-ToBuild-Main-Div {
    padding-bottom: 40px;
}

.Our-MissionVision-Right-Content {
    padding-top: 10px;
}

.search-input {
    height: 41px !important;
    border: 1.5px solid #b8b8b8 !important;
    position: relative;
    padding-left: 40px !important;

}

.search-box {
    position: relative;
}

.search-box::before {
    content: "\f002";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    color: #999;
    font-size: 14px;
    z-index: 1;
}


.search-input::placeholder {
    color: #b8b8b8 !important;
}

.search-input:focus {
    border-color: var(--color-secondary) !important;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .25rem #fe640740;
    box-shadow: 0 0 0 .25rem #fe640740;
    background: transparent;
}

.FAQCategory-Banner-Main-Div,
.Career-Banner-Main-Div {
    padding-top: 130px;
    height: 670px;
}

.FAQCategory {
    padding-top: 40px !important;
}

.FAQCategory-Card {
    padding: 15px;
    background-color: white;
    border: 2px solid var(--default-border-color);
    border-radius: 15px;
    box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.FAQCategory-Card-Image {
    width: 80%;
}

.FAQCategory-Counter {
    background-color: #020202;
    border-radius: 35px;
    padding: 2px 10px;
}

.FAQCategory-Counter p {
    color: #ffffff;
    font-size: 12px;
}

.FAQCategory-Btn {
    background-color: #ffffff;
    border-radius: 50%;

    height: 30px;
    width: 30px;
    text-align: center;
    box-shadow: 0px 0px 6px 0px #0000007a;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.FAQCategory-Btn i {
    color: var(--color-secondary);
    font-size: 12px;
    transition: 0.3s ease;
}

.FAQCategory-Btn:hover {
    background-color: var(--color-secondary);
}

.FAQCategory-Btn:hover i {
    color: #fff;
}

.FAQCategory-Counter-Button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.FAQCategory-Title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

.FAQCategory-Text {
    margin-bottom: 20px;
}

.FAQPage-Counter {
    border-radius: 20px;
    display: flex;
    padding: 55px 0px;
}


.FAQCategory-Card-Div {
    background: #fff;
    border-radius: 20px;
}

.FAQAccordion-Card-Div {
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--default-border-color);
}

.faq-left-img img {
    width: 100%;
    border-radius: 15px 0px 0px 15px;
}

/* Accordion Design */
.FAQAccordion .accordion-item {
    border: 1px solid #f1f1f1;
    border-radius: 12px !important;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: none;
}

.FAQAccordion {
    padding-right: 25px;
}

.FAQAccordion .accordion-button {
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    color: #222;
    padding: 20px 25px;
    box-shadow: none !important;
}

.FAQAccordion .accordion-button:not(.collapsed) {
    background: #fff;
    color: #f58220;
}

.FAQAccordion .accordion-body {
    padding: 0px 25px 20px;
    font-size: 15px;
    color: #666;
    line-height: 1.7;
}

/* Custom Arrow */
.FAQAccordion .accordion-button::after {
    background-image: none;
    content: "\f107";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    transform: rotate(0deg);
    transition: 0.3s;
    color: #999;
}

.FAQAccordion .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg);
    color: #f58220;
}

.StillHave-Questions {
    background-color: var(--color-secondary);
    border-radius: 15px;
    /* padding: 25px; */
}

.StillHave-Questions-Content p {
    color: #ffffff;
    font-size: 23px;
}

.StillHave-Questions-BtnGrp {
    display: flex;
    gap: 10px;
    padding-top: 50px
}

.StillHave-Questions img {
    width: 70%;
}

.StillHave-Questions-Image {
    text-align: center;
}

.StillHave-Questions-MainDiv {
    padding-bottom: 40px;
}

.StillNeed-AnyHelp-MainDiv,
.FAQ-List-Main-Div {
    padding-top: 40px;
}

.FaqCategory-List-Icon {
    background-color: #f9f9f9;
    padding: 10px;
    border-radius: 8px;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--default-border-color);
}

.FaqCategory-List-Icon i {
    color: #a0a0a0;
    font-size: 18px;
}

.FaqCategory-List {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 15px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 1px solid var(--default-border-color);
    border-right: 1px solid var(--default-border-color);
    text-align: left;
}

button:focus {
    border-color: var(--default-border-color);
}

.FaqCategory-List-Name {
    font-weight: 700;
}

.FaqCategory-List {
    transition: all 0.35s ease;
    /* transform: translateY(0); */
}

.FaqCategory-List:hover {
    background-color: #fff7f4;
    /* transform: translateY(-2px) scale(1.01); */
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
}

.FaqCategory-List-Name,
.FaqCategory-List-Icon i,
.FaqCategory-List-Counter {
    transition: all 0.35s ease;
}

.FaqCategory-List.active {
    background-color: #fff7f4;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
}

.FaqCategory-List.active .FaqCategory-List-Name,
.FaqCategory-List.active .FaqCategory-List-Icon i,
.FaqCategory-List.active .FaqCategory-List-Counter {
    color: var(--color-secondary);
}

.FaqCategory-List.active .FaqCategory-List-Icon {
    background-color: #fff7f4;
}

.FaqCategory-List:hover .FaqCategory-List-Name {
    color: var(--color-secondary);

}

.FaqCategory-List:hover .FaqCategory-List-Icon i {
    color: var(--color-secondary);

}

.FaqCategory-List:hover .FaqCategory-List-Counter {
    color: var(--color-secondary);
    /* transform: scale(1.08); */
}

.FaqCategory-List:hover .FaqCategory-List-Icon {
    background-color: #fff7f4;
}

.FaqCategory-List-Ul {
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.01);
}

.tab-pane {
    animation: fadeTab 0.4s ease;
}

@keyframes fadeTab {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.FaqCategory-List-Div {
    background: transparent !important;
    padding: 0px 40px;
}

.FaqCategory-List-Body {
    margin-top: 0px !important;
}

.NoFaq-ConnectWithUs-Div {
    padding: 0px 40px;
}

.NoFaq-ConnectWithUs {
    padding: 35px !important;
}

.NoFaq-ConnectWithUs-Title {
    margin-bottom: 20px !important;
}

.FAQ-PageAccordian {
    box-shadow: unset !important;
    border: unset !important;
}

.StillHave-Questions-Left {
    padding: 40px !important;
}

.FAQ-List-Main-Div {
    padding-bottom: 40px;
}

.NoFaq-ConnectWithUs-Div-Body {
    margin-top: 0px !important;
}

.Why-UWill-WorkHere-Main-Div {
    padding-top: 210px
}

.Current-Openings-item:not(:last-child) .Current-Openings-BorderBottom {
    border-bottom: 1px solid var(--default-border-color);
    padding-bottom: 20px;

}

.Current-Openings-item {
    padding: 11px 28px 11px 0px;
    position: relative;
    cursor: pointer;
    border-radius: 12px;
    transition: background-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

/* .Current-Openings-item:hover {
    background: #fffaf7;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
} */

.Current-Openings-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 5px;
    background: #ff6b35;
    border-radius: 10px;

    /* Smooth Animation */
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.Current-Openings-item:hover::before {
    transform: scaleY(1);
}


.Current-Openings-icon {
    width: 68px;
    height: 68px;
    min-width: 68px;
    border-radius: 50%;
    background: #fff3ea;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-secondary);
    font-size: 24px;
}

.Current-Openings-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
}

.Current-Openings-meta {
    color: #777;
    font-size: 14px;
}
.Current-Openings-tags-wrapper {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.Current-Openings-tags {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

    .Current-Openings-tags::-webkit-scrollbar {
        display: none;
    }

.Current-Openings-job-tag {
    flex: 0 0 auto;
    white-space: nowrap;
}


/* Scroll Buttons */

.Current-Openings-scroll-btn {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .Current-Openings-scroll-btn:hover {
        background: #f5f5f5;
    }

    .Current-Openings-scroll-btn i {
        font-size: 12px;
    }

.Current-Openings-job-tag {
    padding: 8px 16px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    font-size: 14px;
    background: #fff;
    color: #555;
    font-weight: 500;
}

.Current-Openings-location {
    color: #555;
    font-size: 15px;
    font-weight: 500;
}

.Current-Openings-arrow-icon {
    font-size: 22px;
    color: #333;
}

.Current-Openings-Card {
    border: 1px solid var(--default-border-color);
    border-radius: 15px;
    padding-bottom: 11px;
    margin-top: 40px;
    padding-top: 11px;
}

.Current-Openings-Main-Div {
    padding-bottom: 40px;
}

.Current-Openings-Sidebar {
    width: 500px !important;
    border-left: 1px solid #eee;
}

.Current-Openings-JobTitle {
    color: #ff6b35;
    font-weight: 700;
}

.Current-Openings-Info {
    display: flex;
    gap: 10px;
    /* margin-bottom: 25px; */
    color: #666;
    font-size: 14px;
    padding: 0px 15px;
}

.resume-upload {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px;
    background: #F6F6F6;
    border-radius: 6px;
}

.upload-btn {
    background: var(--color-secondary);
    color: #fff;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    margin: 0;
    font-size: 12px;
    line-height: normal;
}

#file-name {
    color: #666;
    font-size: 14px;
}

.Current-Openings-Info span {
    display: flex;
    align-items: center;
    gap: 6px;
}


.Current-Openings-CanvasBody {
    padding: 20px 20px;
}


.Life-At-AuthenticateIndia-Card {
    border: 1px solid #E5E7EB;
    border-radius: 15px;

    position: relative;
    background: #fff;
    min-height: 250px;
    box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05);
    transition: all 0.3s ease;
}

.Life-At-AuthenticateIndia-Card-ImageWrapper img {
    border-radius: 15px 15px 0px 0px;
}

.Life-At-AuthenticateIndia-content {
    padding: 10px 20px 15px;
}

.Life-At-AuthenticateIndia-card-title {
    margin-bottom: 5px;
    font-size: 18px;
}

.Life-At-AuthenticateIndia-card-text {
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines */
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.Life-At-AuthenticateIndia-Main-Div {
    padding-bottom: 20px;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: none !important;
    z-index: 9998;
    backdrop-filter: blur(5px);
}

.overlay.active {
    display: block !important;
}

.Blog-Page-Banner-Main-Div {
    height: 640px;
    padding-top: 120px;
}


.Blog-Content h4 {
    font-size: 22px !important;
}

.Blog-Text {
    font-size: 14px !important;
}

.blog-categories-card {

    border: 1px solid var(--default-border-color);
    border-radius: 15px;
    padding: 24px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .04);
}

.blog-categories-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #1f2937;
}

.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    margin-bottom: 10px;
}

.category-list li button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color: #374151;
    padding: 12px 14px;
    border-radius: 10px;
    transition: all .3s ease;
    border: none;
}

.category-list li button:hover {
    background: #fff7f2;
}

.category-left {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 15px;
    font-weight: 500;
}

.category-left i {
    width: 18px;
    color: #9ca3af;
}

.count {
    font-size: 14px;
    font-weight: 600;
    color: #6b7280;
}

.category-list li button.active {
    background: #fff7f2;
    border: 1px solid var(--color-secondary);
    color: var(--color-secondary);
}

    .category-list li button.active .count,
    .category-list li button.active i {
        color: var(--color-secondary);
    }

.Blog-Main-Div {
    padding-top: 40px;
}

.category-list li button {
    width: 100%;
    background: transparent;
    transition: all .3s ease;
}

.category-list li button:hover {
    transform: translateX(5px);
    background: #fff7f2;
}

.Blogs-List-Border {
    border-radius: 15px;
    border: 1px solid var(--default-border-color);
    padding: 20px;
}

.single-blog-area-one.column-reverse {
    display: ;
    flex-direction: unset;

}

.Blog-Text {
    color: #828386 !important;
    margin-bottom: 25px !important;

}

.Blog-Footer {
    display: flex;
    gap: 30px;
}

.Blog-Date p,
.Blog-Time p {
    color: #ffffff !important;
    background: var(--color-secondary);
    border-radius: 6px;
    padding: 2px 6px 0px;
    line-height: 22px;
    font-size: 12px;
}

.Blog-Main {
    padding-bottom: 25px;

    border-bottom: 1px solid #E9ECF1;
}

.Blog-Page-Before-Footer p {
    line-height: normal;
    font-size: 20px;
}

.Blog-Page-Before-Footer-BtnGrp {
    padding-top: 30px;
}

.Industry-Page-Banner-Card {
    border: 1px solid var(--default-border-color);
    border-radius: 10px;
    padding: 10px;
}

.Industry-Page-Banner-Card-Title,
.Industry-Page-Banner-Card-Text {
    text-align: center;
}

.Industry-Page-Banner-Card-Title h3 {
    margin-bottom: 8px;
}

.Industry-Page-Banner-Div {
    margin-top: 12px;
}

.Industries-Page-Banner {
    padding-top: 110px;
    height: 720px;
}

.Indsutries-Section-Cards {
    height: auto;
    border: 1px solid var(--default-border-color);
    border-radius: 15px;
    padding: 20px;
    background: #fef8f5;
    align-items: center;
    margin-top: 30px;
}

.Indsutries-Section-List {
    height: auto;
    border: 1px solid var(--default-border-color);
    border-radius: 15px;
    padding: 20px;
}

.Indsutries-Section-Right-Title h6 {
    color: var(--color-primary);
}

.Indsutries-Section-UL {
    list-style: none;
    padding: 0;
    margin: 0;
}

.Indsutries-Section-UL li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 500;
    color: #1f2937;
}

.Indsutries-Section-UL li i {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--color-secondary);
    font-size: 20px;
}

.Indsutries-Section-List-Title h6 {
    font-size: 20px;
    margin-bottom: 10px;
}

.Indsutries-Section-List-Btn {
    padding-top: 15px;
}

.Indsutries-Section-List-Btn a {
    height: 35px;
    font-weight: normal;
    font-size: 14px;
}

.Number {
    height: 30px;
    width: 30px;
    background: var(--color-secondary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 20px;
}

.Industries-Section-Title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.Indsutries-Section-Content {
    padding-left: 40px;
}

.Industries-Section-Content-container {
    display: flex;
    gap: 30px;
}

.Industries-Section-Content-column {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.Industries-Section-Content-item {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
}

.Industries-Section-Content-icon {
    width: 24px;
    height: 24px;
    border: 2px solid #f58220;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f58220;
    font-size: 12px;
}

.Industries-Section-Title {
    margin-bottom: 8px;
}

.Industries-Section-Content-container {
    padding-top: 20px;
}

.Industries-BeforeFooter-Content p {
    font-size: 20px;
}

.Industries-BeforeFooter-Left {
    padding-right: 0px;
}

.Industries-BeforeFooter-MainTitle h2 {
    font-size: 34px !important;

}

.Industries-BeforeFooter-MainDiv {
    align-items: center;
}

.Indutries-Section-MainDiv {
    padding-bottom: 0px !important;
    padding-top: 40px !important;
}

.Contact-Us-Banner-Icon {
    width: 60px;
    height: 60px;
    min-width: 60px;
}

.Contact-Us-Banner-Counter-Div {
    margin-top: 40px;
}

.Contact-Us-Our-Service-Area-MainDiv {
    padding-bottom: 40px;
    padding-top: 40px;
}

.Contact-Us-Our-Service {
    position: relative;
    background: #fff;
    border: 1px solid #f1e5df;
    border-radius: 12px;
    padding: 30px 25px;
    height: 100%;
    transition: all 0.3s ease;
}

.Contact-Us-Our-Service:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.Contact-Us-Our-Service-Icon {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #fff5ef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.Contact-Us-Our-Service-Icon i {
    font-size: 26px;
    color: var(--color-secondary);
}

.Contact-Us-Our-Service-Title {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin-bottom: 12px;
}

.Contact-Us-Our-Service-Text {
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 30px;
    min-height: 50px;
}

.Contact-Us-Our-Service-Button {
    position: absolute;
    right: 25px;
    bottom: 25px;
    color: var(--color-secondary);
    font-size: 18px;
    transition: all 0.3s ease;
}

.Contact-Us-Our-Service-Button:hover {
    color: var(--color-secondary);
}

.Contact-Us-Our-Service-Button i {
    transition: 0.3s;
}

.Contact-Us-Our-Service:hover .Contact-Us-Our-Service-Button i {
    transform: translateX(5px);
}

.contact-image {
    text-align: center;
}

.contact-image img {
    max-width: 100%;
    height: auto;
    animation: floatImage 4s ease-in-out infinite;
}

@keyframes floatImage {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(0px);
    }
}

.ContactUsFormRight-Counter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #f2e8e2;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    padding: 18px;
}

.Counter-Item {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 9px;
    /* padding: 25px 30px; */
    position: relative;
}

.Counter-Item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 3%;
    top: 20%;
    width: 1px;
    height: 60%;
    background: var(--default-border-color);
}

.Counter-Icon {
    width: 40px;
    height: 40px;
    border: 2px solid var(--color-secondary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Counter-Icon i {
    color: var(--color-secondary);
    font-size: 22px;
}

.Counter-Content h4 {
    font-size: 23px;
    font-weight: 700;
    color: var(--color-secondary);
    margin: 0;
    line-height: 1;
}

.Counter-Content p {
    margin: 8px 0 0;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.Contact-Info-Card {
    background: #fff;
    border: 1px solid #f2ece8;
    border-radius: 18px;
    padding: 25px 20px;
    height: 100%;
    transition: all 0.35s ease;
}

.Contact-Info-Card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

.Contact-Info-Icon {
    /* width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff7f2; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.Contact-Info-Icon i {
    color: var(--color-secondary);
    font-size: 22px;
}

.Contact-Info-Title {
    font-size: 20px;
    font-weight: 600;
    color: #1f1f1f;
    margin-bottom: 8px;
}

.Contact-Info-Text {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}

.Contact-Info-Text strong {
    color: #222;
    font-weight: 500;
}

.Contact-Info-Link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    color: var(--color-secondary);
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.Contact-Info-Link:hover {
    gap: 12px;
    color: var(--color-secondary);
}

.Contact-Info-Link i {
    font-size: 14px;
}

.WhiteLabelBanner-MainDiv {
    padding-top: 40px;
    height: 720px;
}
.IntergrationHubBanner-MainDiv {
    padding-top: 130px;
    height: 640px;
}

.WhiteLabelBanner-Title {
    font-size: 50px !important;
}

.WhiteLabelCounter-Div {
    border-radius: 20px;
    padding: 55px 55px;
}

.WhiteLabelCounter-MainDiv {
    padding-bottom: 40px;
    padding-top: 40px;
}



.WhiteLabelCounter-brand-card h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

.WhiteLabelCounter-brand-card h2 span {
    color: var(--color-secondary);
}

.WhiteLabelCounter-feature-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 25px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    z-index: 2;
}

.WhiteLabelCounter-feature-item:last-child {
    border-bottom: none;
}

.WhiteLabelCounter-icon-box {
    width: 50px;
    height: 50px;
    min-width: 50px;
    border-radius: 13px;
    background: rgba(255, 107, 0, 0.06);
    border: 1px solid rgba(255, 107, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.WhiteLabelCounter-icon-box i {
    color: var(--color-secondary);
    ;
    font-size: 23px;
}

.WhiteLabelCounter-content h4 {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 8px;
}

.WhiteLabelCounter-content p {
    color: #c8c8c8;
    font-size: 16px;
    margin: 0;
}

/* .particle-bg {
    position: absolute;
    top: -100px;
    right: -100px;
    width: 700px;
    height: 700px;
    background:
        radial-gradient(circle, #ff6b00 2px, transparent 3px);
    background-size: 28px 28px;
    opacity: .4;
    transform: perspective(500px) rotateY(-25deg) rotateX(40deg);
    z-index: 1;
} */


.How-It-Works-Step {
    flex: 1;
    min-width: 230px;
    position: relative;
}


.How-It-Works-Step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 40px;
    right: -75px;
    width: 120px;
    border-top: 3px dashed #cfcfcf;
}


.How-It-Works-Step-icon-box {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #FEF4EF;

    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.How-It-Works-Step-icon {
    font-size: 30px;
    color: var(--color-secondary);
}

.How-It-Works-Step-number {

    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--color-secondary);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
}


.How-It-Works-Step-title {
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    color: var(--color-Primary);
    margin-bottom: 5px;
}

.How-It-Works-Step-description {
    font-size: 16px;
    color: #555;
    line-height: 1.5;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.Agent-Page-Howit-Work-Description {
    max-width: 170px;
}

.Agent-Page-Banner {
    padding-top: 40px;
    height: 720px;
}

.IntegrationHub-Banner {
    padding-top: 40px;
    height: 750px;
}

.How-It-Works-Main-Div {
    padding-bottom: 40px;
    padding-top: 0px;
}

.Why-Partners-Choose-Us-Title h5 {
    margin-bottom: 10px;
}

.Why-Partners-Choose-Us-Card-Icon {
    background-color: #ffffff;
    border-radius: 10px;
    width: 80px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.Why-Partners-Choose-Us-Card-Icon i {
    color: var(--color-secondary);
    font-size: 22px;
}

.Why-Partners-Choose-Us-Card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
}

.Why-Partners-Choose-Us-Cards {
    padding-top: 10px;
}

.Why-Partners-Choose-Us-Card-Name {
    font-weight: 600;
    font-size: 14px;
    margin-top: 5px;

}

.Why-Partners-Choose-CardList li {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500;
    color: #2d2d2d;
    line-height: 1.2;
}

.Drpdown-Select {
    padding: 0px 20px;
}

.Why-Partners-Choose-CardList li i {
    width: 22px;
    height: 22px;
    min-width: 22px;
    border-radius: 50%;
    background: var(--color-secondary);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.Why-Partners-Choose-Us-CounterCard {
    background: white;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    margin-top: 10px;
}

.Why-Partners-Choose-Us-CounterCard h2 {
    font-size: 35px;
    margin-bottom: 8px;
}

.Why-Partners-Choose-Us-CounterCard p {
    line-height: normal;
    text-align: center;
    font-size: 13px;
}

.Why-Partners-Choose-Us-Main-Div {
    padding-bottom: 0px;
    padding-top: 0px;
}

.WhiteLabelCard {
    width: 250px;
    padding: 18px 18px;
}

.WhiteLabelCard h5 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
}

.WhiteLabelCard ul {
    padding-left: 20px;
    list-style-type: disc;
    margin-top: 0px;
    margin-bottom: 0px;
}

.WhiteLabelCard-UL li {
    margin: 0px;
    font-size: 15px;
    color: #666;
    line-height: 22px;
}

.WhiteLabelCard-Icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff5ef;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.WhiteLabel-Form-Section-MainDiv {
    padding-top: 40px;
    padding-bottom: 40px;
}

.white-label-content h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.3;
    color: #111;
}

.white-label-content h2 span {
    color: #ff5a00;
}

.white-label-content p {
    margin-top: 20px;
    color: #666;
    font-size: 16px;
}

.feature-item i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #fff;
    color: #ff5a00;
    font-size: 22px;
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.feature-item h6 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.feature-item span {
    font-size: 13px;
    color: #777;
}

.white-label-image img {
    max-width: 100%;
}

.partner-form {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.partner-form h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
}

.partner-form .form-control {
    height: 48px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    font-size: 14px;
}

.submit-btn {
    width: 100%;
    background: #ff5a00;
    border: none;
    color: #fff;
    height: 52px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
}

.submit-btn:hover {
    background: #e34f00;
}

.secure-text {
    margin-top: 15px;
    text-align: center;
    color: #777;
    font-size: 13px;
}

.secure-text i {
    color: #ff5a00;
    margin-right: 5px;
}

.KnowledgeHub-Card {
    padding: 15px 15px 25px 15px;
    background-color: #fef9f6;
    border: 2px solid var(--default-border-color);
    border-radius: 15px;
    box-shadow: 0px 10px 30px rgba(33, 5, 5, 0.05);
    transition: all 0.3s ease;
    margin-bottom: 20px;
}

.KnowledgeHub-Card-Image {
    padding: 0px 15px;
}

.KnowledgeHub-Title {
    padding-top: 10px;
}

/* .KnowledgeHub-Content {
    padding-left: 15px;
    padding-right: 15px;
} */

.KnowledgeHub-Title h5 {
    margin-bottom: 5px;
    font-size: 18px;
    text-align: center;
}

.KnowledgeHub-Btn {
    background-color: #ffffff;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    text-align: center;
    box-shadow: 0px 0px 6px 0px #0000007a;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.KnowledgeHub-Btn i {
    color: var(--color-secondary);
    font-size: 16px;
    transition: 0.3s ease;
    margin-top: 2px;
}

.KnowledgeHub-Card-Image img {

    height: 130px;
    width: auto;
}

.KnowledgeHub-Card-Image {
    text-align: center;
}

.KnowledgeHub-Btn:hover {
    background-color: var(--color-secondary);
}

.KnowledgeHub-Btn:hover i {
    color: #fff;
}

.KnowledgeHub-Card-Text {
    font-size: 14px;
    line-height: normal;
    text-align: center;
}













.life-at-authenticate {
    padding: 40px 0;

}


.culture-tabs {
    background: #fff;
    border-radius: 20px 20px 0 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0;
    border: 1px solid var(--default-border-color);
}

.culture-tabs .tab {
    flex: 1;
    padding: 22px 15px;
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: #555;
    position: relative;
    transition: 0.3s;
}

.culture-tabs .tab i {
    margin-right: 10px;
}

.culture-tabs .tab.active {
    color: var(--color-secondary);
}

.culture-tabs .tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 30%;
    width: 40%;
    height: 3px;
    background: var(--color-secondary);
    border-radius: 50px;
}

.culture-gallery {
    background: #fff;
    padding: 20px;
    border-radius: 0 0 20px 20px;
    /* display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px; */
    border: 1px solid var(--default-border-color);
    border-top: none;
}

.gallery-item {
    overflow: hidden;
    border-radius: 14px;
    margin-bottom: 15px;
}

.gallery-item img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: 0.4s;
    display: block;
}

.gallery-item:hover img {
    transform: scale(1.05);
}



.Our-Management-Team-MainDiv {
    padding-top: 60px;
    padding-bottom: 40px;
}

.Team-Member-Card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    padding: 20px;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
}

.Team-Member-Card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.Team-Member-Card-image {
    margin-bottom: 20px;
}

.Team-Member-Card-image img {
    width: auto;
    border-radius: 12px;
    object-fit: cover;
    height: 200px;
}

.Team-Member-Card-content h4 {
    font-size: 24px;
    font-weight: 700;
    color: #1f1f1f;
    margin-bottom: 8px;
}

.Team-Member-Card-content .designation {
    color: var(--color-secondary);
    font-size: 15px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.Team-Member-Card-content p {
    color: #666;
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 25px;
}

.linkedin-btn {
    width: 42px;
    height: 42px;
    border: 1px solid var(--default-border-color);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #222;
    text-decoration: none;
    transition: all 0.3s ease;
}

.linkedin-btn:hover {
    background: #0077b5;
    border-color: #0077b5;
    color: #fff;
}


.team-directory-section {
    padding: 40px 0;
}

.team-filters {
    display: flex;

    gap: 10px;
    margin-bottom: 25px;
}

.team-filters button {
    border: 1px solid var(--default-border-color);
    background: #fff;
    padding: 10px 18px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    transition: .3s;
    width: auto;
}

.team-filters button.active,
.team-filters button:hover {
    background: #fdf6f0;
    color: var(--color-secondary);
    border-color: var(--color-secondary);
}


.team-card {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    padding: 20px 15px;
    text-align: center;
    transition: .3s;
    height: 100%;
}

.team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
}

.team-card img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
}

.team-card h5 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.team-card .designation {
    display: block;
    font-size: 13px;
    color: #555;
    margin-bottom: 8px;
}

.team-card p {
    color: var(--color-secondary);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 12px;
}

.team-card a {
    color: #111;
    font-size: 18px;
}

.Blog-Detail-Banner-DateTime-Inner {
    color: #888;
}

.Blog-Detail-Banner-DateTime {
    display: flex;
    align-items: center;
    gap: 55px;
}

.Blog-Detail-Banner-DateTime-Inner {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.Blog-Detail-Banner-Text {
    margin-bottom: 20px;
}

.Blog-Detail-Banner-DateTime-Inner+.Blog-Detail-Banner-DateTime-Inner::before {
    content: "";
    position: absolute;
    left: -31px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #888;
}

.BlogDetail-Icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    border-radius: 10px;
    background: #fff5ef;
}

.BlogDetail-Icon i {
    color: var(--color-secondary);
    font-size: 24px;
}

.BlogDetail-Card {
    background: #fff;
    border: 1px solid #f2ece8;
    border-radius: 18px;
    padding: 25px 20px;
    min-height: 150px;
    transition: all 0.35s ease;
}

.BlogDetail-Card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

.BlogDetail-Title {
    font-size: 20px;
    font-weight: 600;
    color: #1f1f1f;
    margin-bottom: 8px;
}

.blogDetail-process-title {
    font-size: 18px;
}

.blogDetail-process-number {
    background: transparent;
    color: var(--color-primary);
}

.blogDetail-process-iconbox {
    background-color: #FFFFFF;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.06);
}

.blogDetail-process-step:not(:last-child)::after {
    border-top: 3px dashed var(--color-secondary);
}

.green-icon {
    color: green;
}

.verification-solution-section {
    padding: 40px 0;
}

.verification-solution-section .container {
    border: 1px solid #ececec;
    border-radius: 20px;
}

.solution-tabs {
    display: flex;
    border-bottom: 1px solid var(--default-border-color);
    flex-wrap: nowrap !important;
}

.solution-tabs button {
    background: none;
    border: none;
    padding: 20px 40px;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    position: relative;
}

.solution-tabs button.active {
    color: var(--color-secondary);
}

.solution-tabs button.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    background: var(--color-secondary);
}

.solution-content {
    padding: 30px;
}

.solution-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--color-primary);
}

.solution-content p {
    color: #666;
    line-height: 1.8;
    margin-bottom: 0px;
}

.solution-content ul {
    padding: 0;
    margin: 30px 0 0;
    list-style: none;
    margin-top: 0px;
}

.solution-content ul li {
    display: flex;
    gap: 12px;
    margin-bottom: 0px;
    color: #444;
    margin-top: 8px;
}

.solution-content ul li i {
    color: var(--color-secondary);
    margin-top: 4px;
}

.solution-content-Image {
    padding: 0px 50px;
}

.Blog-Detail-Card-Dark {
    background-color: var(--color-primary);
    border-color: #898989;

}

.Blog-Detail-Card-Dark .BlogDetail-Title,
.Blog-Detail-Card-Dark .Contact-Info-Text {
    color: #fff;
}

.arrow i {
    float: inline-end;
    color: var(--color-secondary);
    font-size: 16px;
}

.arrow:hover {
    cursor: pointer;
}

.Blog-Detail-Card-Dark .BlogDetail-Icon {
    background: none;
    height: unset;
    display: block;
}

.Blog-DetailBeforeFooter {
    padding: 15px 55px 55px;
}

.Blog-DetailBeforeFooterMainDiv {
    padding-top: 0px;
}

.KnowledgeHub-Banner-SmallTitle {
    border: 1px solid var(--default-border-color);
    padding: 5px 10px;
    font-size: 14px !important;
    color: var(--color-primary) !important;
    border-radius: 35px;
    display: flex;
    gap: 10px;
    align-items: center;
    line-height: normal;
}

.KnowledgeHub-Banner-SmallTitle i {
    color: var(--color-secondary);
}

.KnowledgeHub-Detail-Main-Div {
    padding-top: 170px;
}

.KnowledgeHub-Banner-Image img {
    width: 40%;
}

.KnowledgeHub-Banner-Image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Knowledge-Detail-Detail-Div {
    border: 1px solid var(--default-border-color);
    border-radius: 15px;
    padding: 30px;
    /* margin-top: 40px; */
    /* margin-left: 10px;
    margin-right: 10px; */
}

.Knowledge-Detail-Donts,
.Knowledge-Detail-Do {
    border-radius: 15px;
    padding: 15px;

}

.Knowledge-Detail-Donts {
    background-color: #fef9f6;
    border: 1px solid #f1ded4;
}

.Knowledge-Detail-Do {
    background-color: #f6fcff;
    border: 1px solid var(--default-border-color);
}

.Knowledge-Detail-Do-Donts-Title h5 {
    color: var(--color-primary);
}

.Knowledge-Detail-Dont-H5 i {
    color: var(--color-secondary);
}

.Knowledge-Detail-Do-Donts-Ul {
    list-style: none;
    padding-left: 10px;
}

.Knowledge-Detail-Do-Donts-Ul li {
    border-bottom: 1px solid #f1ded4;
    padding-bottom: 15px;
}

.Knowledge-Detail-Do-Donts-Ul li.no-border {
    border-bottom: none !important;
    padding-bottom: 0px;
}

.Knowledge-Detail-Do-Donts-Ul li i {
    margin-right: 10px;
    color: var(--color-secondary);
    font-size: 24px;
}

.Knowledge-number {
    background-color: green;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 8px;

}

.Knowledge-number-swapper {
    height: 30px;
    width: 30px;
}

.List-Content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.Dos-Text-Title {
    font-weight: 600;
}

.Dos-Text-Content {
    font-size: 13px;
}

.Dos-Text-Title {
    line-height: 17px;
}

.Knowledge-Detail-Before-Footer {
    background-color: #fef9f6;
    border: 1px solid #f1ded4;
    padding: 10px;
    border-radius: 15px;
    margin-top: 20px;
}

.knowledge-sidebar {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    padding: 24px 16px;
    /* position: sticky;
    top: 100px; */
}

.knowledge-sidebar {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 16px;
    padding: 20px 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .03);
}

.sidebar-title {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 20px;
}

.topic-list {
    gap: 8px;
}

.topic-list .nav-item {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
}

.topic-list .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 14px 12px;
    border-radius: 12px;
    color: #2d3748;
    background: transparent;
    border: none;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    transition: all .3s ease;
}

.topic-list .nav-link i {
    font-size: 20px;
    min-width: 20px;
    color: #6b7280;
}

.topic-list .nav-link:hover {
    background: #f8f8f8;
}

.topic-list .nav-link.active {
    background: #fff3ed !important;
    color: var(--color-secondary) !important;
    font-weight: 600;
}

.topic-list .nav-link.active i {
    color: var(--color-secondary);
}

.topic-list .nav-link.active::before {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 40px;
    background: var(--color-secondary);
    border-radius: 10px;
}

.AgentPage-HowitWorks {
    padding-top: 170px;

}

.Who-Become-Agent-Icon {
    width: 100px;
    height: 70px;
    border-radius: 50%;
    background: #FEF4EF;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.Who-Become-Agent-Icon i {
    color: var(--color-secondary);
    font-size: 35px;
}

.Who-Become-Agent-Content h5 {
    color: var(--color-primary);
    font-size: 18px;
    margin-bottom: 8px;
}

.Who-Become-Agent {

    display: flex;
    align-items: center;
    gap: 10px;
}

.Who-Become-Agent-Content p {
    line-height: normal;
}

.Who-Become-Agent-Card {
    margin-top: 20px;
}

.Who-Become-Agent-MainTitle {
    margin-bottom: 0px;
}

.Who-Become-Agent-MainDiv {
    padding-bottom: 40px;
    padding-top: 40px;
    margin-bottom: 30px;
}

.Agent-Form-List {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 15px;
    color: #333;
    font-weight: 500;
    line-height: 35px;
}


.overlay .viewer {
    box-sizing: border-box;
    user-select: none;
    /* display: flex;
            justify-content: center;
            align-items: stretch;
            flex-direction: column; */
    padding: 60px;
    position: relative;
}

.overlay .viewer div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.overlay .viewer img {
    max-height: 80vh;
    max-width: 80vw;
    border-radius: 8px;
}

.close {
    float: right;
    right: 0;
    border: none;
    height: 34px;
    width: 34px;
    aspect-ratio: 1;
    border-radius: 100%;
    margin: 10px;
    transition: all 0.3s ease;
    background-color: #fafafa;
    position: absolute;
    right: 31%;
    top: 10%;
}


.close:hover {
    background-color: #fafafa;
    transform: scale(1.1);
}

.Knowledge-HubDetail-Title {
    font-size: 28px !important;
    margin-bottom: 10px;
}

.Knowledge-HubDetailSubTitle {
    font-size: 18px !important;
}

.Knowledge-Detail-PossibilityConsequences {
    padding-top: 20px;
}

.Benefits-ToAn-Agent-MainDiv {
    padding-top: 30px;
    padding-bottom: 30px;
}

.Agentbenefits-Title {
    position: relative;
    font-size: 20px;
}

.Agentbenefits-Title::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background-color: var(--color-secondary);
    /* border-radius: 50%; */
    /* top: -5px;
    right: -5px; */
    top: 130%;
    left: 40%;
}

.Agentbenefits-Text {
    padding-top: 10px;
}

.Why-Agents-Love-AI-MainDiv {
    margin-top: 30px;
    margin-bottom: 30px;
}

.Why-Agents-Love-AI-Cards .icon {
    color: var(--color-secondary);
    font-size: 55px;
    text-align: center;
    margin-bottom: 10px;
}

.Why-Agents-Love-AI-Cards span {
    color: #ffffff;
    font-size: 25px;

}

.Why-Agents-Love-AI-Cards p {
    color: #fff;
    font-size: 20px;
}

.Why-Agents-Love-AI-CounterDiv {
    padding: 24px 24px;
    border-radius: 20px;
    background: white;
    width: 1290px;
    margin: auto;
    height: 250px;
    /* display: flex; */
    align-items: center;
    /* gap: 90px; */
    border: 1px solid var(--default-border-color);
}

.Footer-Logo-Div .footer-logo {
    height: auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;

    margin-bottom: 10px;
}

.KnowledgeHub-Title .split-line {
    text-align: left !important;
}

.Footer-Logo-Div {
    text-align: center;

}

.Footer-Logo-Div ul {
    justify-content: center;
}

.footer-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px !important;
    list-style: none;
    padding: 0;
    margin: 0;

}

.footer-links li {
    position: relative;
}

.footer-links li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -22px;
    top: 50%;
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    background: #ff6b00;
    border-radius: 50%;
}

.footer-links li a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
    background: unset !important;
    height: unset !important;
    width: unset !important;
}

.footer-links li a:hover {
    color: var(--color-secondary);
}

.Our-Certificates-Uppercase {
    color: #ffffff !important;
}

.Version-ofPolicy {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #5D666F;
}

.Version-ofPolicy p {
    margin-bottom: 0px;
    color: #5D666F;
}

.Policy-PageMain-Div {
    height: 630px;
    padding-top: 80px;
}

.Policy-SectionMain-Div {
    padding-top: 40px;
    padding-bottom: 40px;
}

.Agent-Page-Counter-Title {
    margin-bottom: 10px;
}

.Agent-Page-Counter-Description {
    color: white;
    font-size: 18px;
    margin-bottom: 30px !important;
}

.Agent-page-Counter {
    bottom: -19%;
}

.Agent-Page-CounterWithBg {
    height: 230px !important;
}

.Contact-Us-Banner {

    padding-top: 140px;
    height: 650px;

}

/* Home Page Banner Animation */

.scene {
    position: relative;
    width: 600px;
    height: 600px
}

.network,
.orbit {
    position: absolute;
    inset: 0
}

.network {
    animation: spin 40s linear infinite
}


.ring {
    fill: none;
    stroke: var(--color-secondary);
    stroke-width: 4;
    stroke-linecap: round;
    stroke-dasharray: 1 12;
    /* opacity: .35; */
    
    animation: flow 12s linear infinite
}

.r2 {
    animation-duration: 10s
}

.r3 {
    animation-duration: 8s
}
.Imagecenter {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
  
    /* background: #fff; */
    display: grid;
    place-items: center;
    font-weight: bold;
    z-index: 10
}

.banneranimation-icon {
    --count: 8;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 72px;
    margin: -36px;
    border-radius: 10%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 28px;
    padding: 10px;

    box-shadow: 0 10px 30px rgba(0,0,0,.25);

    transform:
        rotate(calc(var(--i) * 360deg / var(--count)))
        translateY(-225px)
        rotate(calc(var(--i) * -360deg / var(--count)));

    box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
    padding: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    
} 

.particle {
    position: absolute;
    width: 6px;
    height: 6px;
    background: var(--color-secondary);
    border-radius: 50%;
    box-shadow: 0 0 12px var(--color-secondary)
}

@keyframes spin {
    to {    
        transform: rotate(360deg)
    }
}

@keyframes counter {
    to {
        transform: rotate(calc(var(--i)*360deg/6)) translateY(-210px) rotate(-360deg)
    }
}

@keyframes flow {
    to {
        stroke-dashoffset: -140
    }
}

@keyframes bob {
    50% {
        translate: 0 -8px
    }
}

.icon-image img{
    animation: none;
    height: 40px;
    width: 40px;
}
.banneranimation-icon p{
    font-size: 12px;
    line-height: normal;
    font-weight: 600;
}


/* Home Page Banner Animation */


.api-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

.api-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 18px;
    margin-bottom: 18px;
    transition: .35s;
}

    .api-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 20px 50px rgba(0, 0, 0, .07);
    }

.api-left {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .api-left .icon {
        width: 64px;
        height: 64px;
        border-radius: 16px;
        background: #fff7f2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .api-left .icon span {
            font-size: 20px;
            font-weight: 600;
            color: var(--color-secondary);
        }

.api-right {
    display: flex;
    align-items: center;
    gap: 40px;
}

    .api-right ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .api-right li {
        margin-bottom: 10px;
    }

    .api-right button {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        background: #fff;
        border: 1px solid #ececec;
    }














/* Temp */


div:where(.swal2-icon).swal2-info {
    border-color: #fe6407 !important;
    color: #fe6407 !important;
}

.swal2-toast h2:where(.swal2-title) {
    margin: .5em 1em;
    padding: 0;
    font-size: 2em !important;
    text-align: initial;
}

.swal2-toast {
    padding: 8px 20px !important;
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    font-size: 14px !important;
}

.swal2-toast div:where(.swal2-html-container) {
    margin: .5em 1em;
    padding: 0;
    overflow: initial;
    font-size: 15px !important;
    text-align: initial;
}
.Verifiaction-Title {
    font-size:19px; margin-bottom: 10px; font-weight: 600;
}
.Verification p{
   line-height:normal
}

/* Temp */