.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-family: "Manrope", sans-serif !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.h1,
h1 {
    font-size: 2.67029rem !important
}

.h2,
h2 {
    font-size: 2.13623rem
}

.h3,
h3 {
    font-size: 1.70898rem
}

.h4,
h4 {
    font-size: 1.36719rem
}

.h5,
h5 {
    font-size: 1.09375rem
}

.h6,
h6 {
    font-size: .826rem
}

.btn-raven-primary {
    color: #1C90FF;
    background: rgba(31, 85, 222, .08);
    line-height: 1.5;
    border-radius: .25rem !important;
    transition: all .2s ease-in-out;
    padding: 12px 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px;
    width: 150px;
}

.btn-raven-primary:focus,
.btn-raven-primary:hover {
    color: #fff;
    background: #076ece !important;
}

.navbar.style-6 {
    position: relative !important;
}

.herosection {
    padding: 30px 20px;
    background: #fff;
    margin: 0px 30px 20px;
    border-radius: 16px;
    position: relative;
    display: flex;
    height: 580px;
    align-items: center;
}

.herosection.introhome {
    height: 680px;
    padding: 0;
    border-radius: 0;
    margin: 0;
}

.herosection.subhersection {
    height: 350px;
}

.herosection.ctaction {
    height: auto;
}

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

/* clients logo */
.clients-section {
    /* margin-top: 10px; */
}

.clients2 {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.clients2-border>li {
    position: relative;
}

.clients2 li {
    height: 40px;
    margin: 0 4px 20px;
    width: 100px;
    display: inline-block;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0px 3px rgb(212 212 212 / 67%);
    border-radius: 6px;
    transition: all .35s ease-in-out;
    cursor: default;
}

.clients2>li img,
.clients2 img {
    position: relative;
    z-index: 9;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

.clients2 li img,
.clients2 img {
    max-width: 90%;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: .35s all ease-in-out;
    transition: all .35s ease-in-out;
}

.clients2 li:hover {
    transform: translateY(-2px);
}


/* buttons */

.btn.rounded-pill.btn-theme-grey {
    color: #1C90FF !important;
    /* background-image: linear-gradient(to bottom, #646464, #3b3b3b) !important; */
    /* background: #3b3b3b !important; */
    background: rgba(28, 144, 255, .1) !important;
    border: 0;
}

.btn.rounded-pill.btn-theme-grey:hover {
    /* background-image: linear-gradient(to top, #343434, #3b3b3b) !important; */
    background: rgba(28, 144, 255, 1) !important;
    /* box-shadow: 0 7px 15px rgba(46, 47, 47, 0.26); */
}

.btn.rounded-pill.btn-theme-greylight {
    color: #111 !important;
    background-image: linear-gradient(to bottom, #efefef, #e0e0e0) !important;
    border: 0;
}

.btn.rounded-pill.btn-theme-greylight:hover {
    background-image: linear-gradient(to top, #343434, #3b3b3b) !important;
}

.btn.btn-raven-primary.btn-theme-greylight:hover {
    color: #111 !important;
}


.btn.rounded-pill.btn-theme-green {
    color: #fff !important;
    background: rgba(57, 171, 153, 1) !important;
}

.btn.rounded-pill.btn-theme-green:hover {
    color: #fff !important;
    background: #2f9585 !important;
}

.btn.rounded-pill.btn-theme-green-light {
    color: #39ab99 !important;
    background: rgba(57, 171, 153, .2) !important;
}

.btn.rounded-pill.btn-theme-green-light:hover {
    color: #fff !important;
    background: #39ab99 !important;
}

/*  */
.btn.rounded-pill.btn-theme-orange {
    color: #fff !important;
    background: #f49a27 !important;
}

.btn.rounded-pill.btn-theme-orange:hover {
    color: #fff !important;
    background: #f49a27 !important;
}

.btn.rounded-pill.btn-theme-orange-light {
    color: #eb8704 !important;
    background: rgba(235, 134, 4, 0.2) !important;
}

.btn.rounded-pill.btn-theme-orange-light:hover {
    color: #fff !important;
    background: #eb8704 !important;
}

.btn.rounded-pill {
    border-radius: 8px !important;
    /* background: linear-gradient(to bottom, #0ac3f1, #1C90FF) !important; */
    /* background: linear-gradient(150deg, #0ac3f1 0%, #1C90FF 50%, #0ac3f1 100%); */
    background: #1C90FF !important;
    /* border-color: #4edbff; */
    transition: all .35s ease-in-out;
    color: #fff !important;
    border: 0;
}

.btn.rounded-pill:hover {
    /* background: linear-gradient(to bottom, #0ac3f1, #1C90FF) !important; */
    background: #207edc !important;
    /* border-color: #1C90FF; */
}

.gradient-grey {
    border: none;
    background-image: linear-gradient(to bottom, #646464, #3b3b3b) !important;
}

/* 
.shadow-gen,
.shadow-bg {
    background-size: cover;
    position: relative;
    z-index: 10;
    overflow: visible !important;
}

.shadow-gen:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
    transform: scale(.75) translateY(2px) translateZ(0);
    filter: blur(5px);
}

.shadow-bg:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
}

.shadow-bg-xs::after {
    transform: scale(.82) translateY(5px) translateZ(0);
    filter: blur(8px);
}

.shadow-bg-lg::after {
    transform: scale(.82) translateY(5px) translateZ(0);
    filter: blur(8px);
    top: 24px;
} */

.bg-holder {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    will-change: transform, opacity, filter;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-repeat: no-repeat;
    z-index: 0
}

.bg-holder.overlay:before {
    position: absolute;
    content: "";
    /* background: rgba(0, 0, 0, .35); */
    background: rgba(0, 0, 0, .35);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.bg-holder.simcta {
    background-position: center -440px !important;
}

.bg-holder.overlay.simcta:before {
    background: rgba(0, 0, 0, .45);
}


.bg-holder.overlay.darkmore:before {
    background: rgba(0, 0, 0, .55);
}

.cardtheme {
    box-shadow: 2px 2px 10px 0 rgba(33, 33, 33, 0.06);
    border: none;
}

.cardtheme i {
    font-size: 22px;
    padding-right: 15px;
    line-height: 1.3;
    color: var(--color-blue4);
}

.promobuild .cardtheme h3 {
    font-weight: 600;
}


.section-head.style-4 h2,
.section-head.style-4 .h2 {
    letter-spacing: -.5px !important;
    font-size: 30px !important;
}

.section-head.style-4 h3,
.section-head.style-4 .h3 {
    letter-spacing: -.5px !important;
    font-size: 22px !important;
}

.section-head.style-4 h3 span,
.section-head.style-4 .h3 span {
    color: #1C90FF !important;
}

.section-head.style-4 h1 {
    font-size: 26px !important;
}

.section-padding {
    padding-top: 0px !important;
}

.subsection {
    padding: 30px 20px;
    margin: 0px 30px 60px;
    border-radius: 16px;
    position: relative;
}

/* fill customize */
.fillcustomize {
    /* background-color: #00a6d6; */
    background-color: #0098d6;
    padding: 8px 10px;
    border-radius: 10px;
}

.fillcustomize.nav-pills .nav-link {
    color: #fff;
    background-color: transparent;
    /* font-size: 12px; */
    font-weight: 500;
    border-radius: 10px;
    padding: 8px 10px;
    /* text-transform: capitalize; */
    cursor: pointer;
    /* background-color: #111; */
    transition: background-color .2s ease-in-out;

}

.fillcustomize.nav-pills .nav-link.active,
.fillcustomize.nav-pills .show>.nav-link {
    background-color: #fff;
    -webkit-box-shadow: 0 5px 5px #0001;
    box-shadow: 0 5px 5px #0001;
    color: #111;
}

.fillcustomize.nav-pills .nav-link:hover {
    background-color: rgba(255, 255, 255, .2);
}

/* end fill customize */
.imgright_screen {
    /* background-color: #fafcff; */
    border-radius: 16px;
}


.section-head.style-4.small-head h2 {
    font-size: 22px !important;
}

/* browser */
.browser-mockup .browser-tab-bar {
    height: 20px;
    line-height: 20px;
    background-color: #EEEEEE;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.browser-mockup .window-controls {
    list-style: none;
    padding: 0;
    margin: 0 0 0 5px;
}

.browser-mockup .window-control {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    box-sizing: border-box;
}

.browser-mockup .window-control:last-child {
    margin-right: 0;
}

.browser-mockup .window-control.window-control-red {
    background-color: #EE5C55;
    border: 1px solid #e93027;
}

.browser-mockup .window-control.window-control-orange {
    background-color: #F8BC32;
    border: 1px solid #efa908;
}

.browser-mockup .window-control.window-control-green {
    background-color: #62CB43;
    border: 1px solid #4cac2f;
}

.browser-mockup .browser-window {
    border: 1px solid #D7D7D7;
    line-height: 0;
    overflow: hidden;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.browser-mockup .browser-window img {
    max-width: 100%;
}

/* end browser */


footer.style-1 .link_title {
    color: #fff !important;
    margin: 10px 0 20px !important;
    position: relative;
    padding-bottom: 10px;
    font-size: 16px !important;
}

.to_top {
    border-radius: 8px !important;
    width: 30px !important;
    height: 30px !important;
    background-color: #6ad8fc !important;
    box-shadow: none !important;
}

.shadow_hr {
    -webkit-box-shadow: 0 11px 26px rgba(82, 95, 128, .08) !important;
    box-shadow: 0 11px 26px rgba(82, 95, 128, .08) !important;
}

.customer-say .testi-card.style-5 .text {
    font-size: 12px !important;
    margin-top: 0;
}

.swiper-container-horizontal.pb-40 {
    padding-bottom: 0 !important;
}

.testi-card.style-5 {
    /* padding: 6px 20px 20px !important; */
}

.img-clint img {
    height: 60px;
}

.customer-say i.text-muted {
    color: #c8c8c8 !important;
}

.testimonial-slider .swiper-container .swiper-slide {
    /* background-color: #fff; */
    /* box-shadow: 0 11px 16px rgba(82, 95, 128, .08) !important; */
    border-radius: 16px;
}

.swiper-button-next,
.swiper-button-prev {
    /* top: 45% !important; */
    background-color: #6ad8fc !important;
    width: 26px !important;
    height: 26px !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff !important;
    font-size: 10px !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 43%;
    left: auto;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: auto;
    right: 54%;
}

.testimonial-slider .swiper-button-next,
.testimonial-slider .swiper-button-prev {
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 0 !important;

}

/* accordian */
#accordionDetails .accordion-button {
    position: relative;
    padding-right: 2em;
    display: block;
    width: 100%;
    font-weight: 500;
    cursor: pointer;
    display: block;
    background: none !important;
    padding-left: 0 !important;
}

#accordionDetails .accordion-body {
    padding-left: 25px;
    padding-top: 0;
}

#accordionDetails .accordion-button:after {
    content: '';
    position: absolute;
    top: calc(50% - 9px);
    right: 2px;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #bfbfbf;
    transform: rotate(90deg);
    -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 0H1.00004V2H14.59L0.290039 16.29L1.70004 17.7L15.99 3.41V17H17.99V1C17.99 0.45 17.54 0 16.99 0H17Z' fill='currentColor'/%3e%3c/svg%3e");
    mask: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 0H1.00004V2H14.59L0.290039 16.29L1.70004 17.7L15.99 3.41V17H17.99V1C17.99 0.45 17.54 0 16.99 0H17Z' fill='currentColor'/%3e%3c/svg%3e");
    transition: transform .4s, background-color .3s
}


#accordionDetails .accordion-button[aria-expanded="true"]:after {
    transform: rotate(0deg) !important;
}

.accordion-button:not(.collapsed) {
    color: var(--color-blue4);
    box-shadow: none;
}


.hover-scal {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hover-scal:focus,
.hover-scal:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.hover-shadow {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.hover-shadow:focus,
.hover-shadow:hover {
    -webkit-box-shadow: 0 5px 11px rgba(0, 0, 0, .06);
    box-shadow: 0 5px 11px rgba(0, 0, 0, .06)
}

.custome-underline:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 155%;
    left: 60%;
    width: 100%;
    height: 100%;
    background-image: url(../img/newlm/underline-cv1.png);
    background-repeat: no-repeat;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

/* end accordian */

.heading-underline {
    position: relative;
    display: inline-block;
}

.heading-underline.heading-underline-2:after {
    height: 50%;
    border-radius: .75rem;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.heading-underline:after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    width: 105%;
    background-color: #f1f2f5;
    z-index: -1;
}


.footer-lightnew {
    padding: 15px 30px 20px;
    margin: 0px !important;
    /* margin: 0px 30px 40px;
    border-radius: 16px; */
    position: relative;
    background: #f8f8f8 !important;
    border-radius: 0;
}

.footer-lightnew p {
    font-size: 12.5px;
    font-weight: 400;

}

.copyright_bottom {
    color: #9d9da9;
}

.foots_link {
    list-style: none;
    display: flex;
    justify-content: end;
}

.foots_link li {
    font-size: 12.5px;
    font-weight: 400;
    display: inline-block;
    margin-left: 14px !important;
    color: #9d9da9;
}

.foots_link li a:hover {
    color: #111;
}

.foots_link li:first-child {
    margin-left: 0 !important;
}

.footer__social {
    display: flex;
    column-gap: 10px;
    margin-top: 10px;
}

.footer__social a {
    position: relative;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    border: 1px solid #c0c0c0;
    background-color: transparent;
    transition: background-color .3s;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
}

.footer__social a:hover {
    background: #e3e3e3;
    color: #111;
}

.fs125 {
    font-size: 12.5px;
}


.genlinks {
    font-size: 12.5px;
}

.genlinks li {
    margin-bottom: 3px;
}

.genlinks .link_title {
    color: #8c8c8c !important;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0px;
}

.genlinks li a:hover {
    color: #8d8d8d !important;
}

.genlinks li a,
.foots_link li a {
    display: inline-block;
    position: relative;
}

.genlinks li a::after,
.foots_link li a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #111;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.genlinks li a:hover::after,
.foots_link li a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.bg-holder.aftnone {
    border-radius: 0 !important;
}

.bg-holder.aftnone::before {
    display: none;
}

/* download buttons */
.flex {
    display: flex;
    align-items: center;
    justify-content: start;
}

.app-btn {
    width: 160px;
    color: #fff;
    text-align: left;
    border-radius: 9px;
    font-size: 9px;

    padding: 6px 10px;
    letter-spacing: -.3px !important;
}

.app-btn.blu {
    /* background-color: #101010; */
    background-image: linear-gradient(to bottom, #4a4a4a, #3b3b3b) !important;
    transition: background-image 0.25s linear;
    transition: all .35s ease-in-out;
}

.app-btn.blu:hover {
    background-color: #454545;
    color: var(--color-blue5) !important;
    transform: translateY(-.125rem)
}

.app-btn.blu.themblu {
    color: #fff !important;
    background: var(--color-blue4) !important;
    transition: all .35s ease-in-out;
}

.app-btn.blu.themblu:hover {
    background: var(--color-blue5) !important;
    transition: all .35s ease-in-out;
}

.app-btn i {
    width: 20%;
    text-align: center;
    font-size: 24px;
    margin-right: 10px;
}

.app-btn .big-txt {
    font-size: 14px;
    /* text-transform: capitalize; */
    margin-top: 4px;
}

.app-btn p {
    font-size: 10px !important;
    margin-bottom: 0;
    line-height: 1;
}

/* end download buttons */


.theme-lightbg {
    /* background: #f4f8fc; */
    background: #f5faff;
}

.theme-lightbg .bg-lighter {
    background: white;
    -webkit-box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.08);
    box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.08);
    -webkit-transition: ease-out 0.16s;
    transition: ease-out 0.16s;
    overflow: hidden;
    border-radius: 1em;
    padding: 30px 30px;
}

.bg-img-light {
    background: white;
    box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.08);
    transition: ease-out 0.16s;
    overflow: hidden;
    border-radius: 1em;
    padding: 10px;
}

.navbar.nav-scroll {
    padding: 6px 15px !important;

}

.security_section.promobuild .cardtheme {
    background: #f4faff;

}

.promobuild .cardtheme {
    transition: all 0.2s ease;
}

.promobuild .cardtheme {
    box-shadow: 0 .2rem .423rem rgba(31, 45, 61, 0.07) !important;
    /* transform: translateY(-3px) !important; */
    background: #fff;
}

.promobuild.featbx .cardtheme .card-body {
    padding: 10px 12px;
}

.security_section.promobuild .cardtheme .card-body {
    padding: 10px 12px 10px 18px;
}

@media (max-width: 792px) {
    .intro-inner .intro-title {
        font-size: 30px !important;
    }

    .herosection.introhome,
    .herosection.section_sm {
        padding-top: 80px !important;
        padding-bottom: 40px;
    }

    .intro-inner .text {
        margin-bottom: 26px !important;
    }

    .subsection,
    .herosection {
        padding: 30px 10px;
        margin: 0px 10px 20px;
        height: auto !important;
    }

    .subsection.pt-40 {
        padding-top: 30px !important;
    }

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

    .hover-scal h4 {
        font-size: 16px;
    }

    .clients.style-5.pb-60 {
        padding-bottom: 20px !important;
    }

    .section-head.style-4.small-head h2 {
        font-size: 18px !important;
    }

    #pills-tabContent.tab-content .tab-pane {
        display: block !important;
        opacity: 1 !important;
        margin-bottom: 30px;
    }

    .tabcont-mobileview.tab-content .tab-pane:nth-child(even) {
        background-color: #a7ddff;
        padding: 26px 15px;
        border-radius: 10px;
    }

    .tabcont-mobileview.tab-content .tab-pane:nth-child(even) .section-head.style-4 h2 span {
        color: inherit !important
    }

    .tabcont-mobileview.tab-content .tab-pane:nth-child(even) .color-blue4 {
        color: #111 !important;
    }

    .tabcont-mobileview.tab-content .tab-pane .bg-light.radius-3 {
        background: none !important;
        padding: 0 !important;
    }

    /* #pills-tabContent.tab-content .tab-pane:nth-child(even) .bg-light {
        background-color: #d7effd !important;
    } */

    .imgright_screen {
        margin-top: 10px;
        margin-bottom: 20px;
        background: white;
        box-shadow: 0 10px 36px 0 rgba(22, 24, 26, 0.08);
        transition: ease-out 0.16s;
        overflow: hidden;
        border-radius: 1em;
        padding: 10px;
    }

    .bg-light {
        background-color: #eaf1ff !important;
    }

    .tabsec-feature.pb-60 {
        padding-bottom: 20px !important;
    }

    .app-btn .big-txt {
        font-size: 13px;
        /* text-transform: capitalize; */
        margin-top: 4px;
    }

    .app-btn p {
        font-size: 8px !important;
    }

    .bg-holder {
        background-position: center !important;
    }

    .firstdark1 {
        background: #03aff4 !important;
    }

    .firstdark1 .section-head.style-4 h5,
    .firstdark1 .section-head.style-4 h2,
    .firstdark1 .section-head.style-4 h2 span {
        color: #fff !important;
    }

    .firstdark1 .cardtheme i {
        color: #02aff4;
    }

    .firstdark1 .btn.rounded-pill {
        background: #fff !important;
        color: #02aff4 !important;
        width: 60%;
    }

    .section-head.style-4 h2 span {
        color: var(--color-blue4) !important;
    }

    .theme-lightbg {
        background: #03A9F4;
        color: #fff;
    }

    .theme-lightbg.subsection.pt-60 {
        padding-top: 30px !important;
    }

    .theme-lightbg .section-head.style-4 h5,
    .theme-lightbg .section-head.style-4 h2 span,
    .theme-lightbg .section-head.style-4 h2,
    .theme-lightbg h5,
    #accordionDetails .accordion-button {
        color: #fff !important;
    }

    #accordionDetails .accordion-button:after {
        background-color: #fff;
    }

    #accordionDetails {
        margin-top: 40px !important;
    }

    .accordion-item {
        border-color: rgba(255, 255, 255, .5);
    }


    .bg-holder.simcta {
        background-position: center right !important;
    }

    .security_section.promobuild .cardtheme {
        background: #b7e8ff;
    }

    .app-btn.blu.themblu {
        color: #111 !important;
        background: #fff !important;
        transition: all .35s ease-in-out;
        width: 100%;
        padding: 8px 0 !important;
        justify-content: center;
    }

    .app-btn.blu.themblu i {
        margin-right: 0px !important;
    }

    .tabsec-feature .tab-content>.tab-pane {
        display: block;
        margin-bottom: 20px;
    }

    .compliance_card_sec.adcard_info .card {
        margin-bottom: 20px;
    }

    .job-category .cat-head {
        transform: translateY(0) !important;
    }

    .job-category .single-cat {
        margin-bottom: 20px;
    }

    .categories.job-category {
        padding-bottom: 10px;
        padding-top: 40px;
        overflow: hidden;
    }

    .mb-md-18 {
        margin-bottom: 3rem !important;
    }

    .mt-md-n23 {
        margin-top: -12.5rem !important;
    }

    #accordionDetails .accordion-button {
        color: inherit !important;
    }

    .navbar-light .navbar-toggler {
        background-color: rgba(255, 255, 255, 0.7);
        padding: 2px;
    }

    .intro-inner .text {
        font-size: 16px !important;
    }

    .float-header.light-header .thm-btn {
        width: 202px;
    }

    .hero-btn-area {
        display: block !important;
    }

    .hero-btn-area a.play-btn {
        display: block;
        margin-top: 20px;
    }

    .hero-btn-area a.play-btn {
        margin-left: 10px !important;
    }

    .stack-cards .cards,
    .stack-cards .custom-card {
        position: relative !important;
        top: 0 !important;
    }

    .home-stanch .scroll-cards .right {
        width: 100% !important;
    }

    .home-stanch .scroll-cards .main-heading {
        margin-bottom: 50px !important;
    }

    .home-stanch .stack-cards .custom-card {
        transform: scale(1) !important;
        margin-bottom: 20px !important;
    }

    .mt-60.home-stanch {
        margin-top: 0 !important;
    }

    .home-stanch .scroll-cards {
        margin-top: 40px !important;
    }

    .mobright_mark {
        border-left: 2px solid #dadada;
        padding: 6px;
        background-color: #f8f8f8;
    }

    .empower_sec {
        margin-top: 30px;
    }

    .empower_sec:before {
        display: none;
    }
}



/* new extra */

.raven-round-button-success {
    position: relative;
    width: 2.5rem !important;
    height: 2.5rem !important;
    /* background: rgba(9, 193, 200, 0.4); */
    background: rgba(255, 255, 255, 1);
    border-radius: 50%;
    color: #1C90FF;
    text-align: center;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px !important;
    border-radius: 30px !important;
    font-size: 18px !important;
}

.raven-round-button-success:hover {
    background: #1C90FF !important;
}

.raven-round-button-success:hover:before {
    content: '';
    background: #00c9a7;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.theme-light {
    background: #f1f8ff;
}

.img-mask-1 {
    border-top-left-radius: 3em;
    border-bottom-right-radius: 3em;
}

.img-mask-2 {
    border-top-right-radius: 3em;
    border-bottom-left-radius: 3em;
}

.img-mask-3 {
    border-radius: 1em;
}

.compliance_card_sec .card,
.career-cards .card {
    -webkit-box-shadow: 00 0px 16px 0 rgba(22, 24, 26, 0.08);
    box-shadow: 0 0px 16px 0 rgba(22, 24, 26, 0.08);
    border: none;
    border-radius: 8px;
}

.career-cards .card h4 {
    font-size: 20px;
}

.compliance_card_sec .card h4 {
    font-size: 18px;
}

.compliance_card_sec .card i.text-lightgrey,
.compliance_card_sec .icon-box i.text-lightgrey,
.theme-light i.fas.fa-circle-check,
.about-page.style-4 i.fas.fa-circle-check {
    color: #c0c0c0 !important;
    font-size: 12px;
    line-height: 1.8;
}

.herosection.section_sm {
    /* height: 400px; */
    margin: 0;
    border-radius: 0;
}

.herosection.smbanner_section {
    height: 360px;
    /* padding-top: 20px; */
    margin: 0;
    border-radius: 0;
}

.herosection.smbreadcrumb {
    height: 200px;
    padding-top: 70px;
}

.all-news h6,
.all-news .h6 {
    font-size: 18px;
}

.all-news h2 {
    font-size: 26px;
}

/* readmore */
.more-text {
    display: none;
}

.show-more .more-text {
    display: inline;
}

.show-more .read-more-btn {
    display: none;
}

.show-more .read-less-btn {
    display: inline;
}

.read-more-btn {
    font-size: 12px !important;
    color: #777;
    background-color: #f1f1f1;
}

.read-more-btn:hover {
    background-color: #e3e3e3 !important;
}

.compliance_card_sec.adcard_info .card {
    box-shadow: none !important;
    border-bottom: 1px solid #dadada !important;
    border-radius: 0;
}

.compliance_card_sec.adcard_info .card .card-body {
    padding: 0 !important;
    padding-bottom: 20px !important;
}

.security_section.promobuild.whitecard .cardtheme {
    background: #fff !important;
}


/* accodian */

.accordion-button {
    position: relative;
    /* padding-right: 2em;
    display: block;
    width: 100%;
    font-weight: 700; */
    /* color: var(--heading-color); */
    cursor: pointer;
}

.accordion.accordion-flush .accordion-button:after {
    content: '';
    position: absolute;
    top: calc(50% - 9px);
    right: 2px;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #c3c3c3 !important;
    transform: rotate(90deg);
    -webkit-mask: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 0H1.00004V2H14.59L0.290039 16.29L1.70004 17.7L15.99 3.41V17H17.99V1C17.99 0.45 17.54 0 16.99 0H17Z' fill='currentColor'/%3e%3c/svg%3e");
    mask: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M17 0H1.00004V2H14.59L0.290039 16.29L1.70004 17.7L15.99 3.41V17H17.99V1C17.99 0.45 17.54 0 16.99 0H17Z' fill='currentColor'/%3e%3c/svg%3e");
    transition: transform .4s, background-color .3s;
}


.accordion.accordion-flush .accordion-button[aria-expanded="true"]:after {
    transform: rotate(0deg) !important;
}


.logo_ctzg_float {
    position: absolute;
    right: 20px;
    bottom: 20px;
    border-radius: 6px;
    width: 60px;
    background: white;
    text-align: center;
}

/* success message */
.modal#successModal .modal-content,
.modal#statusErrorsModal .modal-content {
    border-radius: 30px;
}

.modal#successModal .modal-content svg,
.modal#statusErrorsModal .modal-content svg {
    width: 50px;
    display: block;
    margin: 0 auto;
}

.modal#successModal .modal-content .path,
.modal#statusErrorsModal .modal-content .path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 0;
}

.modal#successModal .modal-content .path.circle,
.modal#statusErrorsModal .modal-content .path.circle {
    -webkit-animation: dash 0.9s ease-in-out;
    animation: dash 0.9s ease-in-out;
}

.modal#successModal .modal-content .path.line,
.modal#statusErrorsModal .modal-content .path.line {
    stroke-dashoffset: 1000;
    -webkit-animation: dash 0.95s 0.35s ease-in-out forwards;
    animation: dash 0.95s 0.35s ease-in-out forwards;
}

.modal#successModal .modal-content .path.check,
.modal#statusErrorsModal .modal-content .path.check {
    stroke-dashoffset: -100;
    -webkit-animation: dash-check 0.95s 0.35s ease-in-out forwards;
    animation: dash-check 0.95s 0.35s ease-in-out forwards;
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dash-check {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

.box00 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}


/* end success message */


.customize_float {
    margin-bottom: 14px
}

.customize_float .form-control {
    background: rgba(177, 177, 180, 0.05) !important;
    padding-left: 12px
}

.customize_float.float-label {
    position: relative
}

.customize_float.float-label label {
    position: absolute;
    top: -5px;
    left: 10px;
    padding: 0 3px;
    color: #898989;
    font-size: 12px;
    font-weight: 400;
    cursor: text;
    z-index: 1;
    background: #fff !important;
    transition: ease-out;
    line-height: 1
}

.customize_float.float-label .form-select {
    font-size: 12px;
    background: rgba(177, 177, 180, 0.05) !important;
}

.darkcard .customize_float .form-control,
.darkcard .customize_float.float-label,
.darkcard .form-select {
    /* background: #303032 !important; */
    background-color: #212121 !important;
    color: #fff;
    border-color: #6c6c6c !important;
}

.darkcard .customize_float .form-control:focus {
    border-color: #b7b7b7 !important;
}

.darkcard .customize_float.float-label label {
    background: #303032 !important;
    color: #909090 !important;
}

/* dark footer */
.footer-lightnew.dark-footer {
    background-color: #21262c !important;
    /* background-image: none !important; */
    background-image: url(../img/bg/bg2.png) !important;
    background-size: cover !important;
    background-position: top center !important;
}

.footer-lightnew.dark-footer .bg-holder {
    display: none;
}

.footer-lightnew.dark-footer p,
.footer-lightnew.dark-footer {
    color: #aaa7a7;
}

.mt-n50p {
    transform: translateY(-50%);
}


.footer-lightnew.dark-footer .genlinks li a:hover {
    color: #ffffff !important;
}

.footer-lightnew.dark-footer .genlinks li a:hover,
.footer-lightnew.dark-footer .foots_link li a:hover {
    color: #ffffff !important;
}

.footer-lightnew.dark-footer .genlinks li a::after,
.footer-lightnew.dark-footer .foots_link li a::after {
    background-color: #a4a4a4 !important;
}



.footer-lightnew.dark-footer .genlinks li a:hover::after,
.footer-lightnew.dark-footer .foots_link li a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.footer-lightnew.dark-footer .darkfoot_logo {
    display: block;
}

.darkfoot_logo,
.footer-lightnew.dark-footer .lightfoot_logo {
    display: none;
}

/* end dark footer */

/* category */
.job-category .cat-head {
    padding: 15px 15px;
    background-color: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 3px 10px rgba(35, 38, 45, 0.15) !important;
    box-shadow: 0 3px 10px rgba(35, 38, 45, 0.15) !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}

.job-category .single-cat {
    text-align: center;
    padding: 14px 2px;
    border: 1px solid #eee;
    /* margin: 13px 0; */
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    border-radius: 10px;
    background-color: #fff;
    /* box-shadow: 0 3px 10px rgba(35, 38, 45, 0.15) !important; */
}

.job-category.homecategory .single-cat:hover {
    cursor: default !important;
}

.job-category.homecategory .single-cat .icon i {
    transition: all .3s cubic-bezier(.165, .84, .44, 1);
}

.job-category.homecategory .single-cat:hover .icon i {
    transform: scale(1.3) !important;
    border-radius: 30px;

}

.job-category .single-cat:hover .icon-shape .bi {
    color: #fff !important;
}

.job-category .single-cat:hover {
    /* -webkit-box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important;
    box-shadow: 0 1rem 3rem rgba(35, 38, 45, 0.15) !important; */
    border-color: #d6d5d5;
}

.job-category .single-cat i,
.single_team .icon i,
.icon_home.icon i,
.icon_check.icon i {
    font-size: 16px;
    height: 32px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    display: inline-flex;
    background: #20a2e31c;
    color: var(--color-blue4);
    border-radius: 6px;
    align-items: center;
    justify-content: center;
}

.icon_home.icon i {
    width: 36px;
    height: 36px;
}

.icon_check.icon i {
    height: 26px;
    width: 26px;
}

.single_team .icon i {
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 12px;
    background: #f2f2f2;
    color: #a2a2a2;

}

.job-category .single-cat h3 {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    color: #081828;
    font-weight: 600;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500;
}

.job-category .single-cat h3:hover {
    color: var(--color-blue4);

}

.job-category .single-cat:hover {
    box-shadow: 0 .6rem 1rem rgba(31, 45, 61, 0.125) !important;
    transform: translateY(-3px) !important;
    cursor: pointer;
}

.divider {
    position: relative;
    z-index: 2;
    margin-right: -.5rem !important;
    margin-left: -.5rem !important;
}

.divider:after {
    content: "";
    width: 100%;
    height: 5px;
    background: currentColor;
    display: block;
    margin-top: -5px;
}

/* end category */


.image-wrapper.bg-cover {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    position: relative;
    z-index: 0;
}

.image-wrapper.rounded-lg-start,
.map.rounded-lg-start iframe {
    border-bottom-left-radius: .4rem !important;
    border-top-left-radius: .4rem !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.mt-md-n23 {
    margin-top: -14.5rem !important;
}

.mb-md-18 {
    margin-bottom: 4rem !important;
}

.btn-white.raven-round-button-success {
    background-color: #fff;
    /* color: #23bede; */
    -webkit-animation: scale_up_down 1s ease-in-out infinite alternate both;
    animation: scale_up_down 1s ease-in-out infinite alternate both;
}

.btn-white.raven-round-button-success:hover {
    color: #fff !important;
}

/* swiper bullet */

.swiper-pagination-bullet {
    position: relative;
    opacity: 1;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50% !important;
    border: .0625rem solid transparent;
    background-color: transparent !important;
    transition: .2s
}

.swiper-pagination-bullet::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: .25rem;
    height: .25rem;
    background-color: #bdc5d1;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: .2s;
    content: ""
}

.swiper-pagination-bullet:hover {
    border-color: var(--color-blue4)
}

.swiper-pagination-bullet:hover::before {
    background-color: var(--color-blue4)
}

.swiper-pagination-bullet-active,
.swiper-pagination-bullet-active:hover {
    border-color: var(--color-blue4)
}

.swiper-pagination-bullet-active::before,
.swiper-pagination-bullet-active:hover::before {
    background-color: var(--color-blue4)
}

/* shadow */


.g-left::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    bottom: 0;
    border-radius: 10px;
    background: #665200;
    transform: translate(0, -15%) rotate(-4deg);
    transform-origin: center center;
    box-shadow: 0 0 20px 15px hsl(48, 100%, 20%);
    z-index: -1;
}

.g-both {
    background: var(--color-blue4);
    box-shadow: 0 0 5px 2px var(--color-blue4);
}

.g-both::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    bottom: 15%;
    border-radius: 10px;
    background: hsl(199, 98%, 20%);
    transform: translate(0, -20%) rotate(-4deg);
    transform-origin: center center;
    box-shadow: 0 0 20px 15px hsl(199, 98%, 20%);
    z-index: -1;
}

.g-both::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 5%;
    right: 5%;
    bottom: 15%;
    border-radius: 10px;
    background: hsl(199, 98%, 20%);
    transform: translate(0, -20%) rotate(4deg);
    transform-origin: center center;
    box-shadow: 0 0 20px 15px hsl(199, 98%, 20%);
    z-index: -1;
}

.g-slide {
    background: hsl(150, 62%, 52%);
    box-shadow: 0 0 5px 2px hsl(150, 62%, 40%);
}

.g-slide::before {
    content: "";
    position: absolute;
    top: 15%;
    bottom: 20%;
    left: 90%;
    right: 5%;
    border-radius: 10px;
    background: hsl(150, 62%, 20%);
    transform: translate(105%, 10%) rotate(15deg);
    transform-origin: center center;
    box-shadow: 0 0 10px 7px hsl(150, 62%, 20%);
    z-index: -1;
}

.g-slide::after {
    content: "";
    position: absolute;
    top: 15%;
    bottom: 20%;
    left: 5%;
    right: 90%;
    border-radius: 10px;
    background: hsl(150, 62%, 20%);
    transform: translate(-105%, 10%) rotate(-15deg);
    transform-origin: center center;
    box-shadow: 0 0 10px 7px hsl(150, 62%, 20%);
    z-index: -1;
}

.smooth-shadow-md {
    box-shadow: 0 3px 2px rgba(0, 46, 71, 0.02), 0 3px 6px rgba(0, 43, 71, 0.04), 0 5px 8px rgba(0, 41, 71, 0.06), 0 15px 20px rgba(0, 40, 71, 0.1);
}

.smooth-shadow-ano {
    box-shadow: 0 3px 2px rgba(0, 61, 71, 0.02), 0 3px 6px rgba(0, 57, 71, 0.04), 0 5px 8px rgba(0, 58, 71, 0.06), 0 15px 20px rgba(0, 60, 71, 0.1);
}

.smooth-shadow-blo {
    box-shadow: 0 3px 2px rgba(16, 16, 16, 0.02), 0 3px 6px rgba(0, 30, 37, 0.04), 0 5px 8px rgba(0, 24, 29, 0.06), 0 15px 20px rgba(0, 24, 28, 0.1);
}


.hero-img:before {
    background-image: url(../img/newlm/hero/hero-gradient-1.svg);
    background-position: top right;
    background-repeat: no-repeat;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.z-index-n9 {
    z-index: 1 !important;
}


.zoom-on-hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.zoom-on-hover:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}



.overlay-primary:before {
    position: absolute;
    content: "";
    background: #003850;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    z-index: 0
}

.overlay-primary:after {
    position: absolute;
    content: "";
    width: 94%;
    height: 94%;
    top: 3%;
    left: 3%;
    opacity: .4;
    z-index: 2;
    border: 1px solid #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 8px;
}


.overlay-soft-primary:before {
    position: absolute;
    content: "";
    background: #0d1b48;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
    z-index: 0
}

.text-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .1);
}


.avatar {
    position: relative;
    color: #FFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 600;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 0.375rem;
}

.avatar img {
    width: 100%;
    border-radius: 0.375rem;
}

.avatar.rounded-circle img {
    border-radius: 50%;
}

.avatar span {
    background-color: #008aff;
}

.avatar+.avatar {
    margin-left: .25rem;
}

.avatar+.avatar-content {
    display: inline-block;
    margin-left: .75rem;
}

/* dd */
:root {
    --bs-primary-rgb: 0, 198, 255;
    --bs-secondary-rgb: 226, 232, 240;
    --bs-success-rgb: 69, 196, 160;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 219, 20, 54;
    --bs-light-rgb: 241, 245, 249;
    --bs-dark-rgb: 15, 23, 42;
    --bs-violet-rgb: 103, 58, 183;
    --insuba-white-rgb: 255, 255, 255;
    --ygency-primary-color: #55a0e6;
}

.icon-shape {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
    border-radius: 20%;
    color: #fff;
}

.bg-primary-rgb {
    background: rgba(var(--bs-primary-rgb), .2) !important
}

.border-primary-rgb {
    border-color: rgba(var(--bs-primary-rgb), .4) !important;
}

.bg-info-rgb {
    background: rgba(var(--bs-info-rgb), .2) !important
}

.border-info-rgb {
    border-color: rgba(var(--bs-info-rgb), .4) !important;
}

.bg-success-rgb {
    background: rgba(var(--bs-success-rgb), .4) !important
}

.border-success-rgb {
    border-color: rgba(var(--bs-success-rgb), .4) !important;
}


.bg-warning-rgb {
    background: rgba(var(--bs-warning-rgb), .2) !important
}

.border-warning-rgb {
    border-color: rgba(var(--bs-warning-rgb), .4) !important;
}

.border-danger-rgb {
    border-color: rgba(var(--bs-danger-rgb), .4) !important;
}

.border-violet-rgb {
    border-color: rgba(var(--bs-violet-rgb), .4) !important;
}

.text-primary-rgb {
    color: #00a0ce !important;
}

.text-info-rgb {
    color: rgba(var(--bs-info-rgb), 1) !important;
}

.text-success-rgb {
    color: rgba(var(--bs-success-rgb), 1) !important;
}

.text-warning-rgb {
    color: #e3af11 !important;
}

.text-danger-rgb {
    color: rgba(var(--bs-danger-rgb), 1) !important;
}

.text-violet-rgb {
    color: rgba(var(--bs-violet-rgb), 1) !important;
}

.icon-lg {
    height: 2rem;
    line-height: 2rem;
    width: 2rem;
    border: 1px solid #003850;
    font-size: 14px;
}

.icon-link .bi {
    fill: currentcolor;
    flex-shrink: 0;
    height: 1em;
    transition: transform .2s ease-in-out;
    width: 1em;
}


/* .bgimg-transperant {
    z-index: 0;
    overflow: hidden;
}

.bgimg-transperant::before {
    content: "";
    background-color: rgba(245, 245, 245, 0.95);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 7;
} */


.overlay-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top, #fff 0%, rgba(242, 242, 242, 0.35) 99%, rgba(239, 239, 239, 0.5) 100%);
    background-image: linear-gradient(to bottom, #fff 0%, rgba(235, 235, 235, 0.35) 99%, rgba(243, 243, 243, 0.5) 100%);
}

.iphone-x.iphone-x-small {
    margin: 40px auto;
    width: 280px;
    height: 580px;
}

.iphone-x {
    position: relative;
    margin: 40px auto;
    width: 360px;
    height: 780px;
    background-color: #202124;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 0px 11px #202124, 0px 0px 0px 13px #202124, 0px 0px 0px 10px #1a1a1d, 0px 5px 7px 13px rgba(220, 224, 229, 0.04);
    box-shadow: 0px 0px 0px 11px #202124, 0px 0px 0px 13px #202124, 0px 0px 0px 10px #1a1a1d, 0px 5px 7px 13px rgba(220, 224, 229, 0.04);
}

.mt-n9 {
    margin-top: -11rem !important;
}



.btn-secondary-store {
    background-color: #e7edef !important;
    padding: 3px 8px !important;
    border-radius: 6px;
}

.btn-secondary-store {
    background-color: #e1e8ee !important;
}

.btn-secondary-store::after {
    display: none;
}

.footer-store.app-btn {
    padding: 3px 6px !important;
    background: #ececec !important;
    color: #404040;

}

.dark-footer .footer-store.app-btn {
    padding: 3px 6px !important;
    background: #4a4f54 !important;
    color: #afafaf;
}

.footer-store.app-btn i {
    width: 18%;
    font-size: 16px !important;
    margin-right: 6px;

}



.footer-store.app-btn p {
    font-size: 7px !important;
    margin-bottom: 0;
    line-height: 1;
}

.footer-store.app-btn .big-txt {
    font-size: 12px;
    margin-top: 2px;
}

.footer-store.app-btn.blu:hover {
    background-color: #e1e8ee;
    color: #0093b8 !important;
    transform: translateY(-.125rem)
}


.whycard_sec .features-card.style-5 .icon i {
    background-color: rgba(28, 144, 255, .1) !important;
    color: #35b0ff;
    padding: 10px;
    border-radius: 20%;
    width: 40px;
    height: 40px;
    text-align: center;

}

.whycard_sec .features-card.style-5 .icon {
    margin-top: 1px !important;
    margin-right: 16px !important;
}


.whycard_sec .features-card.style-5,
.whycard_sec .card {
    border: 0;
    box-shadow: 0 1px 3px rgba(17, 24, 39, .09) !important;
    border-radius: 0.5rem !important;
}

.whycard_sec .card h4 {
    font-size: 18px;
}

.whycard_sec.icon_tg_chnge .card i,
.icon_tg_chnge .icon-box i.bi {
    color: inherit !important;
    font-size: inherit;
    line-height: 1.8;
}

.compliance_card_sec .icon-box i.text-lightgrey {
    font-size: inherit;
}

.bg-linkedin {
    background-color: #238cc8;
    color: #fff !important;
    border: none !important;
}

.bg-email {
    background-color: #242742;
    border: none !important;
    color: #fff !important
}


.sec-acpage h5 {
    /* color: #39ab99 !important; */

    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
}

.sec-acpage .card i {
    color: #39ab99 !important;
    left: 10px;
    top: 10px;
    font-size: 24px;
    position: absolute;
}

.card {
    border-radius: 8px;
}

.card-lift {
    transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.card-lift.active,
.card-lift:focus,
.card-lift:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05) !important;
    transform: translateY(-.25rem)
}

.card-img-overlay {
    border-radius: 8px;
    bottom: 0;
    left: 0;
    padding: 1rem;
    position: absolute;
    right: 0;
    top: 0
}

.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important
}

/* scroll but card */


.btn-scroll-top {
    --ar-btn-scroll-top-size: 2.2rem;
    --ar-btn-scroll-top-font-size: 1.25rem;
    --ar-btn-scroll-top-color: #1C90FF;
    --ar-btn-scroll-top-bg: var(--ar-body-bg);
    --ar-btn-scroll-top-border-radius: 50%;
    --ar-btn-scroll-top-box-shadow: 0 0.275rem 1.125rem rgba(18, 21, 25, 0.1);
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 1030;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--ar-btn-scroll-top-size);
    height: var(--ar-btn-scroll-top-size);
    font-size: var(--ar-btn-scroll-top-font-size);
    color: var(--ar-btn-scroll-top-color) !important;
    text-decoration: none;
    box-shadow: var(--ar-btn-scroll-top-box-shadow);
    opacity: 0;
    transition: transform .25s ease-in-out, opacity .25s;
    transform: scale(0);
    border-radius: 50%;
    background: #fff;
}

.btn-scroll-top::before {
    position: absolute;
    top: .0625rem;
    left: .0625rem;
    z-index: -1;
    width: calc(var(--ar-btn-scroll-top-size) - .125rem);
    height: calc(var(--ar-btn-scroll-top-size) - .125rem);
    content: "";
    background-color: var(--ar-btn-scroll-top-bg);
    border-radius: 50%
}

.btn-scroll-top>svg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    transform: rotate(90deg)
}

.btn-scroll-top.show {
    opacity: 1;
    transform: scale(1)
}

.compliance_card_sec.hrmhover .icon-box {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    transition: all .5s ease;
}

.compliance_card_sec.hrmhover .icon-box:after {
    content: "";
    height: 0px;
    width: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10%;
    transition: all .5s ease;
    z-index: -1
}

.compliance_card_sec.hrmhover .icon-box:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    transition: all .5s ease;
    z-index: -1;
    height: 80px;
    width: 80px;
}

.compliance_card_sec.hrmhover .icon-box:hover {
    padding-left: 10px;
    padding-right: 10px;
}

.compliance_card_sec.hrmhover .icon-box:hover:before {
    background-color: #f1f8ff;
    height: 100%;
    width: 100%;
}

/* .compliance_card_sec.hrmhover .icon-box:hover,
.compliance_card_sec.hrmhover .icon-box:hover h6 {
    color: #fff !important
}

.compliance_card_sec.hrmhover .icon-box:hover i.text-lightgrey,
.compliance_card_sec.hrmhover .icon-box:hover i {
    color: #fff !important
} */

.single_team:hover {
    background: var(--color-blue4)
}

.single_team:hover h3,
.single_team:hover p {
    color: #fff !important
}

/* end scroll but card */

.btn.theme-btn {
    padding: 10px 14px;
    width: 180px;
}

.btn-primary.theme-btn {
    background: #0ac3f1;
    border-color: #0ac3f1;
}

.btn-outline-primary.theme-btn {
    color: #fff;
    border-color: #fff;
}

.btn-outline-primary.theme-btn:hover {
    /* color: #0ac3f1 ; */
    background: #0ac3f1;
}


.btn-market {
    display: inline-block;
    position: relative;
    padding: .65em 1.125em;
    border-radius: .5rem;
    background-image: linear-gradient(180deg, rgba(69, 64, 86, .765), rgba(69, 64, 86, .9));
    border: 1px solid #1f1b2d;
    box-shadow: 0 .25rem .75rem -.375rem rgba(31, 27, 45, .2), 0 .5rem 1rem rgba(31, 27, 45, .16)
}

.btn-market>img,
.btn-market>svg {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.navbar.nav-scroll .container-fluid {
    padding: 0 !important;
}

.gradient-hero-wrap {
    z-index: 1;
    align-items: flex-start;
    padding-top: 10em;
    display: flex;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%
}

.gradient-hero {
    z-index: 1;
    border-radius: 60em;
    justify-content: center;
    align-items: center;
    width: 80% !important;
    height: auto;
    display: flex;
    position: relative;
    right: -50% !important;
    overflow: hidden
}

/* float-header light-header */
.float-header .navbar.style-4 {
    position: absolute;
    background: none;
    width: 100%;
}



.float-header .navbar.nav-scroll {
    width: 100% !important;
    /* background: rgba(255, 255, 255, .9) !important; */
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
}

.light-header .navbar.style-4 .navbar-nav .nav-item .nav-link {
    color: #fff;
    border-radius: 6px;
}

.float-header .navbar.nav-scroll .navbar-nav .nav-item .nav-link {
    color: #111;
}

.float-header .navbar.nav-scroll .navbar-brand img.d-block {
    display: none !important;
}

.float-header .navbar.nav-scroll .navbar-brand img.d-none {
    display: block !important;
}

.navbar.nav-scroll .hid {
    display: none;
}

.navbar.nav-scroll .text-warning {
    color: #111 !important;
}

/* intro */
@media only screen and (max-width: 1399px) {}

.intro-area {
    padding-top: 130px;
}

.intro-area .shape-3 {
    left: 120px;
    top: 190px;
}

.intro-area .shape-4 {
    left: 184px;
    top: 324px;
}

.intro-area .shape-5 {
    right: 120px;
    top: 309px;
}


.dashboard-area {
    margin-top: -323px;
    position: relative;
    z-index: 2;
}

.intro-thumb {
    background-color: rgba(255, 255, 255, .3);
    padding: 16px;
    border-radius: 36px;
}

.intro-thumb-inner {
    background-color: #f5f6fa;
    border-radius: 30px;
    padding: 20px;
    gap: 5px;
}

.intro-thumb-inner .thumb-content {
    border-radius: 30px;
    background-color: #fff;
    padding: 28px;
}

.intro-thumb-inner .img {
    max-width: 103px;
    margin-left: auto;
    padding-bottom: 24px;
}

.intro-thumb-inner .thumb-title {
    font-size: 28px;
    font-weight: 700;
    max-width: 171px;
    padding-bottom: 32px;
}

.intro-thumb-inner .list-item-wrap {
    position: relative;
}

.intro-thumb-inner .list-item-wrap::before {
    content: "";
    left: 7px;
    top: 50px;
    background-image: url('https://crowdytheme.com/html/saasly/assets/imgs/gallery/img-r-94.png');
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    width: 100%;
}

.intro-thumb-inner .list-items {
    padding-bottom: 24px;
    display: flex;
    gap: 15px;
}

.intro-thumb-inner .list-items .counter span {
    display: inline-block;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    background-color: #ffeec1;
    color: #072032;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.intro-thumb-inner .list-items .title {
    font-size: 18px;
    padding-bottom: 9px;
    max-width: 106px;
}

.intro-thumb-inner .list-items .text {
    color: rgba(7, 32, 50, .38);
    max-width: 200px;
}

.intro-inner .subtitle {
    font-size: 14px !important;
    font-weight: 500;
    /* color: #fff !important; */
    padding-bottom: 20px;
}

.intro-inner .intro-title {
    font-size: 42px;
    /* color: #fff !important; */
    padding-bottom: 26px;
}

.intro-inner .text {
    font-size: 20px;
    /* color: #fff; */
    margin-bottom: 47px;
    line-height: 1.5;
}

.intro-inner .search-wrap {
    display: flex;
    justify-content: space-between;
    background-color: rgba(255, 255, 255, .1);
    padding-inline-end: 10px;
    border-radius: 12px;
    max-width: 690px;
    margin: auto;
    margin-bottom: 25px;
    border: 1px solid #fff;
}

.intro-inner .search-wrap input {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
    height: 70px;
    border: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
}

.intro-inner .search-wrap .wc-btn-primary {
    background-color: #fff;
    color: #072032;
    padding: 16px 29px;
    align-self: center;
    cursor: pointer;
}

.intro-inner .search-list-msg li {
    display: flex;
    justify-content: center;
    gap: 7px;
    align-items: center;
    color: #fff;
    font-size: 18px;
}

.intro-area {
    /* background-image: linear-gradient(#3c3c3c 99%, #fcfbf7 20%); */
    background-image: linear-gradient(#212324 99%, #fcfbf7 20%);
    position: relative;
    padding-top: 185px;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 15px;
    padding-bottom: 430px;
}

.intro-area .shape-design {
    height: 100px;
    width: 100px;
    border-radius: 30px;
    background-color: rgba(255, 255, 255, .1);
    filter: drop-shadow(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .1);
}

.intro-area .shape-design img {
    max-width: 30px;
}

.intro-area .shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(180deg);
    z-index: -2;
    opacity: .6;
}

.pos-abs {
    position: absolute;
}

.intro-area .shape-2 {
    right: 0;
    top: 300px;
    transform: rotate(180deg);
    z-index: -2;
    opacity: .6;
}

.intro-area .shape-4 {
    left: 362px;
    top: 444px;
    animation: wc-y-anim 4s ease-in-out infinite alternate;
}

.intro-area .shape-6 {
    right: 209px;
    top: 513px;
    z-index: 2;
    animation: wc-y-anim 5s ease-in-out infinite alternate;
}



/* wc-y-infinite animation  */
.wc-y-anim {
    animation: wc-y-anim 3s ease-in-out infinite alternate;
}


@keyframes wc-y-anim {
    0% {
        transform: translateY(-30px);
    }

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

/* end intro */

/* device */

.devices {
    max-width: 1140px;
    position: relative;
    overflow: hidden;
    padding: 0 .75rem 3rem;
    margin-right: -.75rem;
    margin-left: -.75rem
}

.devices .device-mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    margin-left: 1rem;
    margin-bottom: 1rem
}

@media (max-width: 991.98px) {
    .devices .device-mobile {
        display: none
    }
}

.devices .device-browser {
    margin-left: auto;
    /* margin-right: 5rem */
}

@media (max-width: 991.98px) {
    .devices .device-mobile {
        margin-right: .5rem
    }

    .devices .device-browser {
        margin-right: auto
    }
}

.devices-shadow-none .device-browser-frame,
.devices-shadow-none .device-mobile-frame {
    box-shadow: none
}

.devices-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    grid-gap: 1rem
}

@media (max-width: 991.98px) {
    .devices-wrap {
        display: none
    }
}

.devices-rotated {
    transform: rotate(-22deg)
}

.devices-rotated .devices-rotated-body {
    transform: translate3d(15%, 0, 0)
}

.devices-top-start-50 {
    position: absolute;
    top: 0;
    left: 50%
}

.device-mobile {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    width: 10rem;
    height: auto
}

.device-mobile-frame {
    background: #f8fafd;
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3), inset 0 -.1875rem .3125rem 0 rgba(151, 164, 175, .5);
    border-radius: 2rem;
    padding: .3125rem
}

.device-mobile-img {
    max-width: 100%;
    height: auto;
    border-radius: 1.6rem
}

.device-tablet {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    width: 50rem;
    height: auto
}

.device-tablet-frame {
    background: #f8fafd;
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3), inset 0 -.1875rem .3125rem 0 rgba(151, 164, 175, .5);
    border-radius: 1rem;
    padding: .3125rem
}

.device-tablet-img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem
}

.device-vertical-tablet {
    position: relative;
    z-index: 1;
    max-width: 100%;
    width: 30rem;
    height: auto
}

.device-vertical-tablet-frame {
    background: #f8fafd;
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3), inset 0 -.1875rem .3125rem 0 rgba(151, 164, 175, .5);
    border-radius: 1rem;
    padding: .3125rem
}

.device-vertical-tablet-img {
    max-width: 100%;
    height: auto;
    border-radius: 1rem
}

.device-browser {
    position: relative;
    z-index: 1;
    display: block;
    max-width: 100%;
    width: 30rem;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.device-browser-frame {
    background: #fff;
    box-shadow: 0 2.75rem 5.5rem -3.5rem rgba(189, 197, 209, .5), 0 2rem 4rem -2rem rgba(33, 50, 91, .3);
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.device-browser-img {
    max-width: 100%;
    height: auto;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.device-browser-header {
    position: relative;
    display: flex;
    max-width: 50rem;
    background: #fff;
    border-bottom: .0625rem solid #f1f3f8;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    padding: .5rem 6.5rem
}

.device-browser-header-btn-list {
    display: flex;
    grid-gap: .25rem;
    position: absolute;
    top: calc(50% - .25rem);
    left: 1rem
}

.device-browser-header-btn-list-btn {
    width: .5rem;
    height: .5rem;
    background-color: #e7eaf3;
    border-radius: 50%
}

.device-browser-header-browser-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #677788;
    background-color: #e7eaf3;
    font-size: .5rem;
    border-radius: .125rem
}

.device-browser-lg {
    width: 60rem
}

.device-browser-lg .device-browser-header {
    max-width: 60rem
}

.content-space-t-lg-4 {
    padding-top: 10rem !important;
}

.shape[class*=text-]>svg [fill]:not([fill=none]) {
    fill: currentColor !important
}

.shape {
    position: absolute;
}

.shape-top {
    top: 0;
    left: 0;
    right: 0
}

.shape-top>svg {
    width: 100%;
    height: auto;
    margin-bottom: -1px;
    transform-origin: bottom center
}

.shape-bottom {
    bottom: 0;
    left: 0;
    right: 0
}

.shape-bottom>svg {
    width: 100%;
    height: auto;
    margin-bottom: -1px;
    transform-origin: top center
}

.transform-rotate-n40deg {
    transform: rotate(-40deg);
    transform-origin: 30% 20%
}

.transform-rotate-n22deg {
    transform: rotate(-22deg)
}

.rotated-3d-left {
    transform: perspective(1140px) rotateX(7deg) rotateY(-17deg) rotateZ(4deg)
}

.rotated-3d-right {
    transform: perspective(1140px) rotateX(7deg) rotateY(17deg) rotateZ(-4deg)
}

/* end device */

.icon_home i {
    color: var(--color-blue4) !important;
    left: 12px;
    top: 10px;
    font-size: 26px;
    position: absolute;
}

/* .bullets-common-color i.bi.bi-patch-check-fill {
    color: #71cfff;
} */


/* testimonials */

.testimonials-slider-1 blockquote {
    position: relative;
    margin: 0 0 1.5em 0;
    padding-left: 50px;
    font-size: 46px;
    border: none;
    background: none;
}

.testimonials-slider-1 .img-clint {
    margin-left: 50px;
}

.testimonials-slider-1 .blockquote-icon {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    font-family: Georgia, serif;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
}

.ts1-author {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.45;
}

.ts1-author .small {
    font-weight: 400;
    font-size: 12px;
}

.ts1-author-img {
    margin-right: 14px;
}

.ts1-author .ts1-author-img i {
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 12px;
    background: #f4f4f4;
    color: #a2a2a2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-line {
    width: 80px;
    height: 1px;
    margin: 0 auto 0 0;
    background: #010101;
}

.customer-say .swiper-button-next,
.customer-say .swiper-button-prev {
    bottom: 20% !important;
    top: inherit;
    right: 20px;
}

.customer-say .swiper-button-next {
    right: 0;
    left: auto;
}

.customer-say .swiper-button-prev {
    left: auto;
    right: 10%;

}


.customer-say .swiper-button-next,
.customer-say .swiper-button-prev {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: static;
    width: 40px !important;
    height: 40px !important;
    padding: 0;
    font-size: 24px;
    text-align: center;
    color: #010101;
    opacity: 1;
    transform: translate(0, 0);
    background-color: none !important;
    background: none !important;
    /* position: absolute;
    bottom: 0 !important; */
    margin-left: 60px;
    margin-top: 20px;
}

.customer-say .swiper-button-next {
    margin-left: 10px;
    right: 0;
}

/* .swiper-button-prev svg,
.swiper-button-next svg {
    position: relative;
    width: 1em;
    height: 1em;
} */

.customer-say .swiper-button-prev:before,
.customer-say .swiper-button-next:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f8ff;
    border-radius: 50%;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.03), 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
    transition: all 0.4s cubic-bezier(0.68, -3, 0.27, 5);
    z-index: 22;
    color: #000;
}

.customer-say .swiper-button-prev:hover:before,
.customer-say .swiper-button-next:hover:before {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08), 0px 1px 1px 0px rgba(0, 0, 0, 0.06), 0px 3px 5px 0px rgba(0, 0, 0, 0.06);
    transform: scale(1.07);
}

.customer-say .swiper-button-next:after,
.customer-say .swiper-button-prev:after {
    color: #000 !important;
    font-size: 12px !important;
    font-weight: bold;
    z-index: 22;
}


.customer-say .img-clint {
    background: #fff;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    padding: 0 10px;
    margin-bottom: 6px;
    border: 1px solid #edebeb;
}

.customer-say .img-clint img {
    height: 50px;
}

/* end testimonials */

/* video btn */
.video-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.5s ease;
}

.video-btn:hover {
    background-color: #1d90fe !important;
    border-color: #1d90fe;
    color: #fff;
}

.video-btn svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.video-btn.dark {
    border-color: #111;
    color: #111;
}

.video-btn.dark:hover {
    border-color: #1d90fe;
    color: #fff;
}

.video-btn__ripple::before,
.video-btn__ripple::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: videoRipple 3s infinite;
    animation: videoRipple 3s infinite;
}

.video-btn__ropple::before {
    position: absolute;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.video-btn__ripple::after {
    position: absolute;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

@keyframes videoRipple {
    70% {
        box-shadow: 0 0 0 40px RGBA(var(--insuba-white-rgb, 255, 255, 255), 0);
    }

    100% {
        box-shadow: 0 0 0 0 RGBA(var(--insuba-white-rgb, 255, 255, 255), 0);
    }
}

.btn-raven-primary.btn-white {
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.btn-raven-primary.btn-outet-white {
    border: 1px solid #fff;
    color: #fff !important;
    background: none !important;
}

.float-header .navbar.nav-scroll .btn-raven-primary.btn-white,
.float-header .navbar.nav-scroll .thm-btn {
    color: #fff !important;
    background: var(--color-blue4) !important;

}

.float-header .navbar .thm-btn,
.float-header .navbar .btn.btn-raven-primary {
    font-size: 13px;
    line-height: 24px;
    width: 120px;
    height: 42px;
}

.float-header .navbar.nav-scroll .btn-raven-primary.btn-outet-white {
    border: 1px solid #3b3b3b;
    color: #3b3b3b !important;
    background: none !important;
}

.float-header .navbar.nav-scroll .btn-raven-primary.btn-outet-white:hover {
    background-color: #1C90FF !important;
}

.promobuild.featbx.featbox_white .cardtheme {
    border-radius: 16px;
    border: none !important;
    background: #fff;
}

/* .vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
    justify-content: space-between !important;
    gap: 2rem !important;
} */

.introhome .shape-1 {
    position: absolute;
    top: 6%;
    left: 0;
    /* transform: translateX(-30%); */
    z-index: 2;
    max-width: inherit;
    opacity: .2;
}

.btn-raven-primary.btn-white:hover {
    background-color: var(--color-blue4);
}

.icon-img-80 {
    width: 60px;
}

.icon-img-40 {
    width: 40px;
}


.itemcard {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* 
.itemcard:after,
.itemcard:before {
    content: '';
    position: absolute;
    top: -50px;
    right: -50px;
    width: 130px;
    height: 130px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50%;
}

.itemcard:before {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
} */

/* bg */
.card_hover.card:hover {
    background-color: rgba(221, 221, 221, 0.2) !important;
    transition: all 0.5s ease-in-out;
}

.card_hover.card {
    border-radius: 16px !important;
}

.card_hover.card h2 {
    display: block;
    position: relative;
}

.card_hover.card h2::after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background-color: rgba(221, 221, 221, 1);
    transition: all 0.5s ease-in-out;
    bottom: -10px;
    position: absolute;
}

.card_hover.card:hover h2::after {
    width: 100%;
    background-color: rgba(221, 221, 221, 1);
}

/* Hero Home Six */
.hero-area-six {
    z-index: 1;
    position: relative;
}

.hero-area-six:after,
.hero-area-six:before {
    content: '';
    z-index: 4;
    width: 900px;
    height: 900px;
    opacity: 0.2;
    border-radius: 50%;
    -webkit-filter: blur(200px);
    filter: blur(200px);
    position: absolute;
    right: -250px;
    top: -100px;
    background: var(--ygency-primary-color);
    -webkit-animation: zoomInOut 5s infinite;
    animation: zoomInOut 5s infinite;
}

.hero-area-six:before {
    left: -250px;
    top: -190px;
}

@keyframes zoomInOut {

    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

/* bg1 */
.section-home-hero-r {
    background-image: url('../img/lmall/bottom_gradient2.svg'), url('../img/lmall/top_gradient2.svg'), linear-gradient(#364c51, #00234b 50%, #083262);
    background-position: 0 100%, 100% 0, 0 0;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: auto, auto, auto;
    position: relative;
}


.home-hero-r_bg-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
    z-index: 3;
}

.blur-bg1 {
    width: 40rem;
    height: 40rem;
    position: absolute;
    inset: 0% auto auto 0%
}

.blur-bg1.is-card {
    inset: auto auto 0% 0%
}

.blur-bg2 {
    width: 30rem;
    height: 30rem;
    position: absolute;
    inset: 0% 0% auto auto
}

.bg-blur3 {
    width: 30rem;
    height: 30rem;
    position: absolute;
    inset: auto auto 0% 0%
}


.sep-line {
    height: 1px;
    border-top: 1px solid #ebebeb;
    display: block;
    position: relative;
    top: 1px;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.pbmit-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}

.pbminfotech-post-item {
    display: flex;
    align-items: start;
    padding: 30px 30px 30px 30px !important;
    border-bottom: 1px solid #aaaaaa;
}

.num8_circle {
    position: absolute;
    top: -24%;
    width: 100%;
    max-height: unset;
    max-width: 80%;
    z-index: 44;
    pointer-events: none;
    margin: 0 auto;
    left: 0;
    right: 0;
    opacity: .7;
}


.hero-area-1-shep-1,
.hero-area-2-shep-1,
.hero-area-3-shep-1 {
    position: absolute;
    right: 0;
    top: -20%;
    fill: rgba(204, 255, 0, 0.45);
    -webkit-filter: blur(165.5px);
    filter: blur(165.5px);
    width: 384px;
    height: 399px;
    z-index: -1;
}

.hero-area-1-shep-2,
.hero-area-2-shep-2,
.hero-area-shep-2 {
    position: absolute;
    bottom: 25%;
    fill: rgba(0, 221, 255, 0.45);
    -webkit-filter: blur(165.5px);
    filter: blur(165.5px);
    width: 384px;
    height: 399px;
    left: 0;
    z-index: -1;
}


.thm-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden;
    padding: 8px 14px;
    background-color: transparent;
    border: 1px solid #fff !important;
    color: #fff;
    /* font-size: 16px; */
    line-height: 30px;
    font-weight: 600;
    /* text-transform: capitalize; */
    border-radius: 8px;
    transition: all .3s linear;
    width: 140px;
    text-align: center;
    justify-content: center;
}

.thm-btn:before {
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    transition: all .3s ease-in-out;
    background: var(--color-blue4);
}

.thm-btn:hover:after,
.thm-btn:hover:before {
    width: 100%;
}

.thm-btn .txt {
    position: relative;
    display: inline-flex;
    align-items: center;
    z-index: 1
}

.thm-btn:hover {
    color: #fff;
    background: var(--color-blue4);
    border: 1px solid var(--color-blue4) !important;
}

.thm-btn.orange:before,
.thm-btn.orange:hover {
    background-color: #ffc107;

}

.thm-btn.orange:hover {
    border-color: #ffc107 !important;
}

.thm-btn i {
    position: relative;
    top: 0;
    display: inline-block;
    /* margin-left: 7px; */
    font-size: 13px;
    z-index: 1;
}

.hero-btn-area .thm-btn {
    width: 170px;
}

.hero-btn-area a.thm-btn:last-child {
    margin-left: 24px
}

.hero-btn-area a.play-btn {
    margin-left: 30px
}

.hero-btn-area a.play-btn i {
    /* font-size: 24px; */
    color: #fff;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    transition: all .3s linear;
    width: 48px;
    height: 48px;
}

.hero-btn-area a.play-btn i:hover,
.hero-btn-area .play-btn:hover i {
    background: var(--color-blue4);
    color: #fff;
    border-color: var(--color-blue4);
}

.hero-btn-area span.play-intro {
    color: #fff;
    margin-left: 14px;
    font-weight: 600
}

.text-white-70 {
    color: rgba(255, 255, 255, .7);
}

.shadow-xs {
    box-shadow: 0 .125rem .25rem -.1rem rgba(0, 0, 0, 0.15) !important;
}

.checked_tick {
    border: 1px solid rgba(131, 131, 131, 0.25);
    height: 20px;
    width: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 10px;
    color: var(--color-blue4);
}



.homecategory .layers {
    position: absolute;
    top: -70px;
    left: 80px;
    right: 80px;
    bottom: 5px;
    background: #fff;
    border-radius: 15px;
    opacity: .4;
    z-index: -1;
}

.homecategory .layers:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 20px;
    right: 20px;
    bottom: 5px;
    background: #fff;
    border-radius: 15px;
    opacity: .4;
    z-index: -1;
}

.lity {
    background: rgba(0, 0, 0, 0.8) !important;
}


.banner-half-end>* {
    position: relative;
    z-index: 1
}

.banner-half-end::after {
    position: absolute;
    top: 7.5%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 15%);
    display: block;
    content: "";
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 53%, rgba(0, 120, 189, .05) 42%);
}

@media (max-width: 767.98px) {
    .banner-half-end {
        position: relative
    }

    .banner-half-end::after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(0, 120, 189, 0.1) 0)
    }
}


.banner-start {
    position: relative
}

.banner-start>* {
    position: relative;
    z-index: 1
}

.banner-start::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 22%, rgba(0, 189, 142, .1) 22%);
    content: ""
}

@media (max-width: 767.98px) {
    .banner-start::after {
        height: 80%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(0, 189, 142, .1) 0)
    }
}



.banner-half-start {
    position: relative
}

.banner-half-start::after {
    position: absolute;
    top: 7.5%;
    right: 0;
    bottom: 0;
    left: auto;
    width: 100%;
    height: calc(100% - 15%);
    z-index: -1;
    content: "";
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 22%, rgba(0, 189, 142, .1) 22%);
}

/* .banner-half-start::after {
    position: absolute;
    top: auto;
    right: -.75rem;
    bottom: 0;
    display: none;
    width: 100vw;
    height: 150vh;
    z-index: -1;
    content: "";
    background: linear-gradient(to left, rgba(255, 255, 255, 0) 22%, rgba(0, 189, 142, .1) 22%);
} */

@media (max-width: 767.98px) {
    .banner-half-start::after {
        display: block
    }

    .mobilview_customcards .custom-card {
        position: relative !important;
        margin-top: 20px;
        box-shadow: none;
    }
}


/* Scroll cards section - Working */
.home-stanch+.pin-spacer {
    /* height: 50vh !important; */
    /* Force the pin spacer to 70vh */
}

.home-stanch .scroll-cards {
    margin: 128px 0 0
}

.home-stanch .scroll-cards .main-heading {
    margin-bottom: 56px;
    text-align: center
}

.home-stanch .scroll-cards .right {
    width: 100%
}

.home-stanch .stack-cards .cards,
.home-stanch .stack-cards .custom-card {
    position: sticky;
    top: 220px;
}

.home-stanch .stack-cards .custom-card {
    align-items: center;
    border-radius: 10px;
    color: #170426;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    width: 100%;
    z-index: 1;
}

.home-stanch .scroll-cards .right {
    width: 58.3%;
}

.home-stanch .scroll-cards .main-heading {
    margin-bottom: 128px;
    position: sticky;
    text-align: unset;
    top: 220px;
}

.stack-cards .custom-card .card {
    border: none !important;
    min-height: 320px !important;
    margin-bottom: 0;
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
    border-radius: 16px;
    background-color: #f8fcff !important;
}

.stacked-cards {
    position: relative;
    overflow: hidden;
    height: 100vh;
}

.card-container {
    position: relative;
    height: 100%;
}

.custom-card {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    border-radius: 16px !important;
    transform-origin: center;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 1;
    visibility: visible;
    box-shadow: 0 10px 14px -5px rgba(0, 0, 0, 0.1);
    /* opacity: 0; */
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); */
    border: 1px solid rgba(0, 115, 255, 0.1) !important;
    background: #f8fcff !important;

}


/* end stack cards */

/* new 2sep2024 */

.devices-bottom-start-50 {
    position: absolute;
    bottom: -5%;
    right: -15%;
    z-index: -1;
}

.devices-bottom-start-50 .device-vertical-tablet-img {
    max-width: 92%;
    opacity: .5;
}

.number-item {
    width: 64px;
    height: 64px;
    display: none !important;
}

.ps-64 {
    padding-left: 24px;
    padding-right: 24px;
}

/* for the animation - START */
.pin-process>.inner-div {
    overflow-x: hidden;
    width: 800%;
    /*items * 100% */
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: top;
}

/* .process-item-wrapper {
    width: 100vw;
    padding-block: 3rem;
    border: 1px solid #ededed;
    margin-right: 0px;
    border-radius: 16px;
    background-color: #fafafa !important;
    border: 3px solid #fff !important;
    min-height: 374px;
} */

.process-item-wrapper {
    width: 100vw;
    padding-block: 3rem;
    margin-right: 0px;
    border-radius: 0;
    background-color: #fff !important;
    border-left: 2px solid #ebebeb !important;
    min-height: 374px;

}

.thecontainer {
    /* width: 300vw; */
    min-height: 100vh;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: center;
}

.process-item-wrapper .icon-img-80 {
    background: #fff;
    padding: 8px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
    margin-bottom: 30px !important;
    border: .5px solid #dbdbdb;
}

.right-minus-50px {
    right: -50px;
}

.left-minus-50px {
    left: -50px;
}

.bottom-minus-50px {
    bottom: -50px;
}

.box-shadow-medium-bottom {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
    -webkit-transition: all 350ms cubic-bezier(.37, 0, .63, 1);
    transition: all 350ms cubic-bezier(.37, 0, .63, 1);
}

.border-color-extra-medium-gray {
    border-color: #e4e4e4 !important;
}

.border-radius-100px {
    border-radius: 100px !important;
}

.feature-box-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.global-overlay {
    position: fixed;
    top: 0;
    left: -100vw;
    height: 100%;
    overflow: visible;
    width: 100%;
    opacity: 0;
}


.overlay1 {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: -55%;
    background: #f4f8ff;
    width: 100%;
    height: 100%;
    /* border-right: 1px solid #deeaff */
}

.overlay1.skew-part {
    transform: skew(-15deg, 0deg);
    border-radius: 30px;
}

.overlay2 {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: -98%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg, 0deg);
    border-radius: 30px;
    /* z-index: -1; */
}

.overlay3 {
    position: absolute;
    overflow: hidden;
    top: 0;
    border-radius: 30px;
    left: -98%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg, 0deg);
    z-index: -1;
}

.z-index-minus-1 {
    z-index: -1;
}

.right-0px {
    right: 0;
}

.top-0px {
    top: 0;
}

.title-divider {
    margin: 10px 0 15px;
    width: 60px;
    height: 3px;
    background: #ffbc18;
    border-radius: 50px;
}

.empower_sec {
    display: inline-block;
    position: relative;
    /* padding: 42px 0 98px 59px; */
    z-index: 3;
}

.empower_sec:before {
    background-color: #fafafa;
    content: "";
    height: 350px;
    left: -40px;
    position: absolute;
    top: -82px;
    width: 65%;
    z-index: -1;
}


/* new Dec 24 */

.partial-gray-background {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: 0%;
    width: 29%;
    background-color: #ecf1f6;
}

.partial-gray-background.left {
    left: auto;
    top: 0%;
    right: 0%;
    bottom: 0%;
}


.captcha-box {
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 6px;
    margin-right: 10px;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    width: 100px;
    letter-spacing: 0;
    color: #000;
    font-weight: 600;
}


.core-item {
    /* border: 1px solid rgba(0, 0, 0, .05);
    padding: 16px; */
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: start;
    gap: 1rem !important;
    position: relative;
}

.size-6 {
    width: 2rem;
    height: 2rem;
}

.substect {
    position: relative;
    padding: 0 30px;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
}

.substect.border-right {
    border-right: 1px solid #eaeaea;
}