section.hero_banner {
    background-color: #ffffff;
    background-image: radial-gradient(circle at 85% 50%, rgba(212, 243, 219, 0.6) 0%, rgba(230, 245, 220, 0.4) 25%, rgba(225, 230, 240, 0.3) 60%, rgba(255, 255, 255, 1) 100%);
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
}

a:active,a:focus,a:hover,a:visited {
    outline: 0
}

.input,textarea {
    outline: 0!important
}
select {

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px 10px; 
  background-color: #fff;
}
select.form-select::-ms-expand {
  display: none;
}

body,p {
    word-wrap: break-word
}

.input,nav {
    width: 100%
}

.owl-nav div,section {
    background-repeat: no-repeat
}

body {
    font-size: 15px;
    color: #686868;
    font-family: 'Helvetica Neue',sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

body::-webkit-scrollbar-button:end:increment,body::-webkit-scrollbar-button:start:decrement {
    display: none
}

body::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ddd
}

body::-webkit-scrollbar-thumb:vertical {
    border-radius: 50px;
    background-color: var(--primeColor)
}

::selection {
    background: var(--primeColor);
    color: #fff;
    text-shadow: none
}

::-webkit-scrollbar {
    width: 5px;
    background-color: var(--primeColor)
}

::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:start:decrement {
    display: none
}

::-webkit-scrollbar-track-piece {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #ddd
}

::-webkit-scrollbar-thumb:vertical {
    border-radius: 10px;
    background-color: var(--primeColor)
}

.social_links:hover,.yellowBG {
    background-color: var(--yellow)
}

:root {
    --primeColor: #000;
    --secondColor: #f6432e;
    --yellow: #FFD958;
    --black: #000;
    --white: #fff;
    --gradient: linear-gradient(to bottom, #ff6600, #ff7014, #ff7823, #ff812f, #ff893a);
    --text-fill-color: black;
    --text-color: rgb(0 0 0 / 17%)
}

.yellowColor {
    color: var(--yellow)
}

.primeColor {
    color: var(--primeColor)!important
}

.light,.light a,.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light i,.light li,.light p,.light span {
    color: var(--white)
}

.black,.dark,.dark a,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6,.dark i,.dark p,.dark span {
    color: var(--black)!important
}

a,a:active,a:focus,a:hover {
    color: var(--primeColor);
    text-decoration: none
}

.gradient_txt {
    background-image: var(--gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 100% 100%
}

ol,ul {
    margin: 0;
    padding: 0
}

a {
    cursor: pointer;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s
}

a:visited {
    text-decoration: none
}

textarea {
    height: 150px
}

.fw_700,b,strong {
    font-weight: 700
}

li {
    list-style: none
}

.input {
    font-size: 14px;
    padding: 12px 15px;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    border-bottom: 1px solid #0000002e
}

.input:focus,.social_links:hover {
    border-color: var(--yellow)!important
}

.input::placeholder {
    font-size: 14px;
    color: #000
}

textarea.txt_area {
    height: 119px!important
}

.term-first-wrapper h5 {
    margin: 20px 0 10px
}

section.term-first-wrapper {
    padding: 50px 0
}

.btn_set {
    display: flex;
    column-gap: 15px;
    align-items: center
}

.primeBtn.bg-white {
    padding: 10px 20px;
    gap: 0;
    transition: .5s;
    font-size: 14px;
    color: #000
}

.primeBtn.bg-black,.primeBtn.yellowBG {
    padding: 10px 20px;
    font-size: 16px;
    transition: .5s
}

.primeBtn.bg-white img {
    transition: .5s;
    filter: brightness(1)
}

.primeBtn.bg-black img,.primeBtn.bg-white:hover img,.primeBtn.yellowBG:hover img {
    filter: brightness(0) invert(1)
}

.primeBtn.bg-white:hover {
    background-color: #000!important;
    color: #fff!important
}

.primeBtn.bg-black {
    gap: 0;
    color: #fff;
    width: fit-content
}

.primeBtn.bg-black img {
    transition: .5s
}

.primeBtn.bg-black:hover,div#sticky-countdown-strip .primeBtn.bg-white:hover {
    background-color: var(--yellow)!important;
    color: #000!important
}

.primeBtn.bg-black:hover img,div#sticky-countdown-strip .primeBtn.bg-white:hover img {
    filter: brightness(0)
}

.primeBtn.yellowBG {
    gap: 10px;
    color: #000;
    width: max-content
}

.primeBtn.yellowBG img {
    transition: .5s;
    filter: brightness(0)
}

.primeBtn.yellowBG:hover {
    background-color: var(--black)!important;
    color: #fff!important
}

.bigBtn {
    font-size: 17px!important;
    font-weight: 500;
    padding: 15px 26px!important
}

p {
    line-height: 1.6;
    margin: 0 0 15px
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 15px;
    line-height: 1.2
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
    color: inherit
}

.fw_800 {
    font-weight: 800
}

.fw_600 {
    font-weight: 600
}

.fw_500 {
    font-weight: 500
}

.fw_400 {
    font-weight: 400
}

.fw_300 {
    font-weight: 300
}

.fw_200 {
    font-weight: 200
}

.fw_100 {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize!important
}

.fs_65px {
    font-size: 65px
}

.fs_50px,.section_pinned .txt_wrap .fs_65px {
    font-size: 50px
}

.fs_45px {
    font-size: 45px
}

.fs_40px {
    font-size: 40px
}

.fs_30px {
    font-size: 30px
}

.fs_24px {
    font-size: 24px
}

.fs_20px {
    font-size: 20px
}

.fs_18px {
    font-size: 18px
}

.fs_16px {
    font-size: 16px
}

.fs_10px {
    font-size: 10px
}

img.logo {
    max-width: 150px!important
}

div#sticky-countdown-strip {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

div#smooth-wrapper div#smooth-content {
    padding-top: 76px
}

header {
    z-index: 99
}

nav {
    position: absolute
}

.social_links:hover {
    border-color: #fff
}

button.nav-link.active,ul#p-pricingTab button.active {
    background-color: var(--black)!important;
    color: var(--white)!important
}

button.nav-link,ul#p-pricingTab button {
    color: var(--black)
}

.my__container {
    padding-right: 50px;
    padding-left: 50px
}

.rounded-4 {
    border-radius: 20px
}

section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-size: cover
}

.social_links {
    width: 50px;
    height: 50px;
    display: inline-block;
    border: 1px solid #ffffff4a;
    border-radius: 50%;
    transition: .5s;
    display: flex;
    align-items: center;
    justify-content: center
}

section.hero_banner .banner_clm {
    padding: 90px 20px 20px;
    transition: .5s
}

.bg1 {
    left: 0;
    right: 0;
    width: 100%!important;
    top: -25px!important
}

.bg2,.bg3,.bg4 {
    right: 0;
    bottom: 0
}

section.hero_banner .banner_clm:hover {
    transform: translateY(-10px)!important;
    box-shadow: 0 10px 20px 0 #00000017
}

section.recognized {
    box-shadow: 0 -20px 40px 0 #fff
}

.marquee-wrapper {
    display: inline-block;
    white-space: nowrap
}

.marquee-wrapper .marquee {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
    transform: translate3d(0,0,0);
    animation-name: marquee-anim;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 100s;
    text-align: center
}

.marquee-wrapper .marqueeMoveRight {
    animation-name: marqueeMoveRight
}

.marquee-wrapper .marquee div {
    display: inline-block;
    margin: 0 10px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    width: fit-content;
    overflow: hidden
}

.marquee-wrapper .marquee img {
    max-width: 300px!important
}

.marquee-wrapper .marquee:after,.marquee-wrapper .marquee:before {
    opacity: 0!important
}

@keyframes marquee-anim {
    0% {
        transform: translate3d(0,0,0)
    }

    100% {
        transform: translate3d(-100%,0,0)
    }
}

@keyframes marqueeMoveRight {
    0% {
        transform: translate3d(-100%,0,0)
    }

    100% {
        transform: translate3d(0,0,0)
    }
}

.promo-banner {
    background-color: #000;
    color: #fff;
    border-radius: 30px;
    padding: 20px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    position: fixed;
    bottom: 20px;
    left: 20px;
    margin: 0;
    gap: 30px
}

.promo-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1
}

.promo-text .deadline,.promo-text .discount {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .5px
}

.promo-counter-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

.countdown-timer {
    display: flex;
    align-items: flex-start;
    gap: 15px
}

.time-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 65px
}

.time-number {
    font-size: 35px;
    font-weight: 700;
    line-height: 1
}

.time-label {
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 6px
}

.colon {
    font-size: 40px;
    font-weight: 500;
    line-height: .9
}

.spots-tag {
    border: 1px solid #c83214;
    background-color: rgba(198,50,20,.05);
    color: #ff451d;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 18px;
    border-radius: 50px;
    letter-spacing: .3px
}

.cta-btn {
    background-color: #fff;
    color: #000;
    text-decoration: none;
    font-size: 19px;
    font-weight: 700;
    padding: 15px 26px;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: background-color .2s
}

.cta-btn:hover {
    background-color: #e6e6e6
}

.arrow-icon {
    width: 20px;
    height: 20px
}

@media (max-width: 900px) {
    .promo-banner {
        flex-direction:column;
        gap: 25px;
        text-align: center;
        border-radius: 20px;
        padding: 30px 20px
    }

    .promo-text {
        align-items: center
    }
}

.why_us_clm {
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.13);
    background: rgba(12,13,18,.7);
    backdrop-filter: blur(27.5px);
    padding: 30px;
    height: 100%;
    justify-content: space-between
}

section.why__us {
    background-size: 100% 100%
}

.why_us_clm .why_icon {
    margin-bottom: 70px
}

.why_txt {
    min-height: 170px;
    align-content: space-between
}

img.why_icon {
    height: 50px!important;
    object-fit: contain
}

section.strategy_section {
    background-size: contain;
    background-position: 100% 500px
}

.heading-shadow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    font-size: 190px;
    font-weight: 700;
    letter-spacing: -5px;
    opacity: .06;
    white-space: nowrap;
    text-transform: uppercase
}

section.problems_section {
    background-size: contain;
    background-position: bottom left,100% -140px
}

.custom-faq .accordion-item {
    box-shadow: 0 4px 20px rgba(0,0,0,.015)!important
}

.custom-faq .accordion-button {
    box-shadow: none!important;
    border: none!important;
    padding-left: 24px!important;
    padding-right: 50px!important
}

.custom-faq .accordion-button:not(.collapsed) {
    background-color: #fff!important;
    color: #212529!important
}

.custom-faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
    transform: rotate(180deg);
    background-size: 14px;
    transition: transform .2s ease-in-out
}

.custom-faq .accordion-button.collapsed::after {
    transform: rotate(0)
}

.custom-faq .accordion-body {
    line-height: 1.6;
    font-size: 14px;
    color: #4a5568!important
}

.our-work-section {
    width: 100%;
    position: relative
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}

.marquee-track {
    display: flex;
    width: max-content
}

.our__work .marquee-card {
    flex-shrink: 0;
    width: 300px
}

.marquee-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: 0 10px 30px rgba(0,0,0,.05)
}

.green-pill-badge {
    display: inline-block;
    background-color: #e6f6e8;
    color: #3dc445;
    border: 1px solid #b4e4b7;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 16px;
    border-radius: 8px;
    line-height: 1.2;
    text-align: center
}

section.services_pin_section {
    background-image: unset;
    background-color: #fff;
    height: auto!important
}

.pin-spacer {
    height: 504vh!important
}

.section_pinned .txt_wrap,section.who_we_are .txt_wrap .fs_65px {
    transition: .5s!important
}

.section_pinned .txt_wrap {
    transform: translate(0,-40px)
}

.ssf_row {
    border: 1px solid #d1e9ff
}

.video_play_btn {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    background: rgb(255 255 255 / .1);
    backdrop-filter: blur(12.5px)
}

.testi_plus {
    top: 20px;
    right: 20px
}

.most_popular {
    right: 15px;
    top: 15px!important
}

.offer_list {
    height: 200px;
    overflow: auto
}

.offer_list li {
    margin: 10px 0;
    color: #000;
    text-transform: capitalize
}

section.process {
    background-position: 100% -200px;
    background-size: contain
}

.progress-vertical {
    width: 3px;
    align-self: stretch;
    position: relative;
    border-radius: 4px;
    overflow: hidden
}

.progress-bar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    will-change: height
}

.item-collapse {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s cubic-bezier(.4, 0, .2, 1)
}

.owl-dots,.owl-nav,.owl-stage-outer .owl-stage {
    display: flex
}

.case_clm .overflow-hidden img,.owl-dots span,.problem_clm {
    transition: .5s
}

.accordion-item-custom.active .item-collapse {
    grid-template-rows: 1fr
}

.item-collapse>div {
    overflow: hidden
}

.owl-dots {
    margin-top: 25px;
    gap: 5px;
    justify-content: center
}

.owl-dots span {
    width: 9px;
    height: 9px;
    display: inline-block;
    background-color: #e5f1ff;
    border-radius: 50px
}

.dottttt,.owl-nav div {
    background-color: #000
}

.owl-dots .active span {
    background-color: #000;
    width: 40px
}

.solution_slider {
    text-align: left
}

.case_clm:hover .overflow-hidden img {
    transform: scale(1.1)
}

footer .gren_tick {
    position: relative;
    top: 8px
}

.google_logo {
    width: 116px!important;
}

img.clutch_img {
    width: 124px!important;
}

.trust_pilot {
    width: 112px!important;
}

section.why__us .owl-dots span {
    background-color: #fff!important;
    opacity: .5
}

section.why__us .owl-dots .active span {
    background-color: #fff!important;
    opacity: 1!important
}

ul#p-pricingTab,ul.nav.nav-pills {
    scrollbar-width: none;
    -ms-overflow-style: none
}

ul#p-pricingTab::-webkit-scrollbar,ul.nav.nav-pills::-webkit-scrollbar {
    display: none!important;
    width: 0!important;
    height: 0!important
}

.owl-nav {
    justify-content: space-between;
    gap: 10px;
    top: 50%;
    position: absolute;
    transform: translate(0,-50%);
    width: 100%;
    left: 0;
    right: 0
}

.owl-nav div {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../../assets/images/arrow1.webp);
    font-size: 0;
    background-size: 16px;
    background-position: center
}

.dottttt,span.yrs {
    display: inline-block
}

.owl-nav div:nth-child(2) {
    background-image: url(../../assets/images/arrow2.webp)
}

.test_slider {
    padding: 0 60px!important
}

.solution_slider_desktop {
    padding: 0 70px
}

.recognized_img {
    transition: .5s;
    border-radius: 20px!important
}

.recognized_img:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px 0 #00000017
}

.case_txt_btn {
    min-height: 210px
}

.dottttt {
    width: 5px;
    height: 5px;
    position: relative;
    top: 9px;
    border-radius: 50%;
    margin: 0 4px
}

.hms_txt {
    font-weight: 300;
    letter-spacing: 1px
}

.counter_num {
    line-height: 20px!important;
    font-size: 30px;
    font-weight: 500
}

.cstm_timer {
    transform: translateY(4px)
}

span.yrs {
    font-size: 25px;
    margin-left: -10px
}

.problem_clm:hover {
    background-color: var(--yellow)!important;
    box-shadow: 0 5px 15px 1px #0000002e;
    background-color: #fff!important
}

.testi_clm .d-flex.justify-content-between.align-items-center.mb-lg-5.mb-4 {
    height: 40px
}

#livechat-compact-container {
    bottom: 100px!important;
    right: 20px!important
}
.item-collapse .text-secondary {padding-right: 24%; }

.text-success {
    font-size: 13px;
    background-color : #5AC3611F;
    padding: 3px 10px;
    border-radius: 5px;
}
.startsss_img {
    position: absolute;
    top: 60px;
}