html,body{
  overflow-x: hidden;
}
a,button {
transition: .3s ease-in-out
}

.section-content .heading.heading--sm,.themeBtn i {
font-size: 1.5rem
}

.header,.themeBtn {
position: relative
}

.card-hover:hover .card-hover__img>img,.portfolio__img:hover img {
transform: scale(1.5)
}

.call-now,.packages-card__title,.platforms,.themeBtn {
text-align: center
}

.packages-card__btns>a,.packages-card__btns>a:last-child:hover {
box-shadow: 0 0 0 2px #fff,0 0 0 4px var(--color-primary)
}

.banner,.contact,.services {
isolation: isolate
}

.bannerSlider .slick-dots li.slick-active,.themeBtn {
background-color: var(--color-primary)
}

.modal-dialog,.sideBar {
backdrop-filter: blur(5px)
}

@font-face {
font-family: boxicons;
src: url("../fonts/boxicons/boxicons.ttf")
}

@font-face {
font-family: Inter,sans-serif;
src: url("../fonts/inter/Inter-VariableFont_slnt\,wght.ttf")
}

@font-face {
font-family: Montserrat;
src: url("../fonts/montserrat/Montserrat-VariableFont_wght.ttf")
}

:root {
--font-montserrat: "Montserrat";
--color-primary: #e4bd3b
}

html {
scroll-behavior: smooth
}

* {
padding: 0;
margin: 0;
box-sizing: border-box;
text-decoration: none!important;
list-style-type: none;
font-family: Inter,sans-serif
}

::selection {
background-color: var(--color-primary);
color: #fff
}

a {
display: inline-block;
color: #000
}

dl,ol,ul {
margin-bottom: 0
}

.imgFluid {
max-width: 100%;
height: auto
}

button {
cursor: pointer
}

i.bx {
font-family: boxicons;
vertical-align: middle
}

.mar-y {
margin: 4rem 0
}

.themeBtn {
width: fit-content;
color: #fff;
font-size: .95rem;
border: 2px solid transparent;
border-radius: .5rem;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
gap: .25rem;
text-transform: capitalize;
padding: .75rem 2rem;
overflow: hidden;
z-index: 1;
transition: .3s
}

.themeBtn--dark {
color: #fff;
text-transform: uppercase;
border-radius: .35rem;
padding: .65rem 3rem;
background: #000
}

.themeBtn--center {
margin: 1rem auto
}

.themeBtn i {
transition: .3s
}

.card-hover__img>img,.cta-formWrapper,.platforms-list__single,.sideBar {
transition: .3s ease-in-out
}

.themeBtn--outline {
background: 0 0;
color: var(--color-primary);
border-color: var(--color-primary)
}

.accordion.active .accordion-header,.themeBtn--outline:hover {
background: var(--color-primary);
color: #fff
}

.themeBtn::before {
background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%) rgba(0,0,0,0);
content: "";
display: block;
height: 100%;
left: -100%;
position: absolute;
top: 0;
transform: skewX(-25deg);
width: 50%;
z-index: 2
}

.themeBtn:hover::before {
animation: 2s 2 shine
}

.themeBtn.themeBtn--outlineWhite::before,.themeBtn.themeBtn--white::before {
background: linear-gradient(to right,#0f2a5f00 0,#1414140d 30%) #0f2a5f12
}

@keyframes shine {
100% {
    left: 125%
}
}

.themeBtn:hover {
color: #fff
}

.card-hover__img {
width: 100%;
height: 100%;
overflow: hidden
}

.section-content .heading {
font-size: 2.4rem;
text-transform: uppercase;
font-weight: 500;
line-height: 1.25;
margin: .35rem 0
}

.cta-formWrapper .heading,.section-content .heading .bold {
font-weight: 800
}

.section-content .heading.heading--md {
font-size: 2rem
}

.section-content .subHeading {
font-size: 1.25rem;
font-weight: 800;
line-height: 1.25
}

.section-content p {
font-size: .9rem;
font-weight: 500;
line-height: 1.75
}

.color-primary {
color: var(--color-primary)!important;
font: inherit
}

.all-link,.goUp {
font-family: var(--font-montserrat)
}

.header {
z-index: 99;
background: #000;
box-shadow: 0 0 15px 5px #00000020
}

.header--transparent {
box-shadow: none;
background: 0 0;
position: relative;
left: 0;
top: 0;
width: 100%;
/* padding-top: 5.5%; */
background: #000;
}
:is(.header-main,.header-main__nav) {
display: flex;
align-items: center;
justify-content: space-between
}

.banner--inner::after,.header-main__menu,.portfolio.inner-section .showMore {
display: none
}

.header-main__logo {
width: 160px
}

.header-main__logo>img {
width: 100%;
height: 100%;
object-fit: cover
}

.header-main {
padding: 1.5rem .5rem
}

.header-main__nav>li>a:not(a.themeBtn) {
color: #fff;
font-size: .9rem;
font-weight: 500;
text-transform: capitalize;
margin-inline: 0.65rem;
position: relative
}

.header-main__nav>li>a:not(a.themeBtn)::after {
content: "";
width: 0;
height: 2px;
background: var(--color-primary);
border-radius: 100px;
position: absolute;
bottom: -.5rem;
left: 0;
transition: .3s
}

.header-main__nav li a:where(:hover,.active)::after {
width: 100%!important
}

.header-main__nav>li>a:where(:hover,.active):not(.themeBtn) {
color: var(--color-primary)!important
}

.all-link:hover,.banner-content__perks>li::before,.banner-social>li>a:hover,.contact-form__fields--file i,.footer a:hover,.modal button.close:hover i,.slider-btn:hover {
color: var(--color-primary)
}

.header-main__menu a>i {
color: #fff;
font-size: 2.5rem
}

.footer {
color: #fff;
background: #1a1a1a;
padding-top: 4rem
}

.footer .title {
font-size: 1.35rem;
font-weight: 600;
text-transform: capitalize;
margin-bottom: .75rem
}

.footer p {
font-size: .95rem;
font-weight: 500;
line-height: 1.75
}

.footer__paypal {
margin: 3rem auto;
display: block
}

.footer__payments {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin: 1.75rem 0 2rem
}

.footer__quickLinks>ul>li>a {
color: #fff;
font-size: .9rem;
font-weight: 500;
text-transform: capitalize;
padding: .3rem 0
}

.footer-copyrightWrapper {
background: #181818;
margin-top: 4rem;
padding: 2rem 0
}

:is(.footer-copyright,.footer-copyright .footer__quickLinks > ul) {
display: flex;
align-items: center;
justify-content: space-between
}

.banner,.social-links {
display: flex;
align-items: center
}

.footer-copyright .footer__quickLinks>ul>li>a {
padding: 0 .75rem
}

.footer-copyright__logo {
width: 250px;
height: 100%
}

.footer-copyright__logo>img {
width: 150px;
height: 100%;
object-fit: cover
}

.footer-copyright p {
margin: 1.5rem 0 0
}

.social-links {
justify-content: flex-start;
gap: 1rem
}

.social-links>li>a {
color: #fff;
font-size: 1.5rem
}

.banner {
width: 100%;
height: 100%;
min-height: 100vh;
color: #fff;
justify-content: center;
position: relative;
padding-top: 6rem
}

.banner-social,.btns-wrapper {
display: flex;
align-items: center
}

.banner--inner {
min-height: 85vh;
padding: 0
}

.banner-social {
gap: 2rem;
position: absolute;
top: 50%;
left: 3%;
transform: translate(-50%,-50%) rotate(180deg);
writing-mode: vertical-rl
}

.banner::after,.banner__bg {
top: 0;
z-index: -1;
position: absolute
}

.banner::after,.banner__bg,.sideBar {
left: 0;
width: 100%;
height: 100%
}

.banner-social>li>a {
color: #fff;
font-size: 1rem;
font-weight: 500;
text-transform: uppercase
}

.banner .row {
display: flex!important
}

.banner::after {
content: "";
background: linear-gradient(360deg,transparent,#000)
}

.banner__bg {
object-fit: cover
}

.banner-content .heading {
font-size: 5rem;
font-weight: 700;
line-height: 1.1
}

.banner-content .heading.heading-sm {
font-size: 2.5rem;
font-weight: 800
}

.banner-content .heading.heading-xm {
font-size: 2.25rem;
font-weight: 800;
line-height: 1
}

.banner-content .subHeading {
font-size: 1.15rem;
font-weight: 500;
text-transform: uppercase;
margin-bottom: .25rem
}

.banner-content>p {
font-size: 1rem;
font-weight: 300;
line-height: 1.6;
margin: 1rem 0
}

.banner-content__perks {
margin: 1.75rem 0 2rem 1.25rem
}

.banner-content__perks>li {
font-size: .9rem;
font-weight: 600;
text-transform: uppercase;
line-height: 1;
position: relative;
margin: .9rem 0
}

.banner-content__perks>li::before {
content: "\ea50";
font-size: 1.65rem;
font-family: boxicons;
position: absolute;
top: -5px;
left: -30px
}

.btns-wrapper {
justify-content: flex-start;
gap: 1rem;
flex-wrap: wrap
}

.sideBar {
position: fixed;
overflow-y: auto;
top: 0;
background: 0 0/200% #000;
padding: 4rem 2.13rem;
transform: translateX(-100%);
z-index: 100
}

.sideBar.show {
transform: translateX(0)
}

.sideBar__logo {
width: 200px;
display: block
}

.cta,.sideBar__close {
display: flex;
right: 0
}

.sideBar__logo img {
width: 100%;
height: 100%;
object-fit: cover
}

.sideBar__close {
position: absolute;
top: 0;
font-size: 1.6rem;
background: var(--color-primary);
background-size: 200%;
color: #fff;
width: 40px;
aspect-ratio: 1/1;
align-items: center;
justify-content: center
}

.sideBar__close:hover {
color: #fff
}

:is(.sideBar__nav,.sideBar__nav > li > a:not(.themeBtn)) {
display: flex;
justify-content: flex-start
}

.sideBar__nav {
margin-top: 2.5rem;
flex-direction: column;
align-items: flex-start;
gap: 1.15rem
}

.cta-single,.header-main__nav>li,.sideBar__nav li {
position: relative
}

.sideBar__nav>li>a:not(.themeBtn) {
color: #fff;
font-size: .9rem;
font-weight: 500;
text-transform: capitalize;
gap: .25rem
}

.sideBar__nav>li>a:not(.themeBtn) i {
color: var(--color-primary);
font-size: 1.25rem
}

.sideBar__nav>li>a:hover {
color: var(--color-primary)!important
}

.cta {
align-items: end;
flex-direction: column;
gap: .75rem;
position: fixed;
top: 55%;
transform: translate(80%,-50%);
z-index: 99
}

.cta-formWrapper .heading span {
display: block;
font-size: 1.75rem!important;
font-weight: 300
}

.cta-single__icon>span>i {
font-size: 1.75rem
}

:is(.cta-single__icon,.cta-single__icon > span) {
display: flex;
align-items: center
}

.cta-single__icon {
width: 280px;
color: #ffff;
background: var(--color-primary);
background-size: 200%;
font-size: 1rem;
font-weight: 600;
justify-content: flex-start;
gap: .75rem;
box-shadow: 0 0 10px 5px #00000020;
border-radius: 100px 0 0 100px;
position: relative
}

.cta-single__icon>span {
width: 60px;
height: 50px;
font-size: 1.25rem;
justify-content: center;
position: relative
}

.cta-single__icon>span::after {
content: "";
width: 1px;
height: 100%;
background: #fff;
position: absolute;
right: 0;
top: 0
}

.cta-single__icon:hover {
color: #fff
}

.cta-single__icon--link:hover {
transform: translateX(-70%)
}

.cta-formWrapper {
background: #000;
width: 375px;
padding: 2rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-20%,-50%);
color: #fff
}

.cta-formWrapper.show {
transform: translate(-122%,-50%)
}

.cta-single__icon--form.show {
transform: translateX(-134%)
}

.cta-single__icon--form span {
writing-mode: vertical-lr;
transform: rotate(180deg);
height: fit-content;
padding: 2.75rem 0
}

.cta-single__icon--form {
border-radius: 20px 0 0 20px
}

.cta-single__icon--form span::after {
right: 100%
}

.cta .contact-form__fields :is( input:not([type=file],[type=checkbox]),textarea,select,.contact-form__fields--file > label ) {
border: 2px solid var(--color-primary)
}

.call-now {
width: 50px;
height: 50px;
color: var(--color-primary);
display: block;
border-radius: 100%;
font-size: 30px;
position: fixed;
bottom: 20px;
left: 20px;
z-index: 9999;
padding: 0;
line-height: initial;
box-shadow: 6px 9px 30px 1px rgba(37,0,22,.71);
animation: .5s infinite alternate float;
background: #fff;
border: solid 3px var(--color-primary);
display: flex;
align-items: center;
justify-content: center
}

.call-now--whatsapp {
bottom: 85px
}

.call-now:hover {
color: #fff;
background: var(--color-primary)
}

@keyframes float {
from {
    transform: translateY(0)
}

to {
    transform: translateY(-10px)
}
}

.compensate-for-scrollbar {
margin: 0!important;
padding: 0!important;
overflow: inherit!important
}

.contact-formWrapper {
background: #ba5621d9;
border: 3px solid var(--color-primary)
}

.contact-form__title {
color: #000;
font-size: 3rem;
font-weight: 800;
text-transform: capitalize;
line-height: 1.24;
margin-bottom: .75rem
}

.contact-form__title>span {
font-size: 1rem;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 3px;
display: block;
color: #c19d25
}

.contact-formWrapper.contact-formWrapper--alt {
background: #fff;
border-radius: 50px 0;
padding: 3rem 2rem;
box-shadow: 0 0 15px 5px #00000020;
border-color: #000
}

.contact-formWrapper.contact-formWrapper--alt .contact-form__fields :is( input:not([type=file],[type=checkbox]),textarea,select,.contact-form__fields--file > label ) {
border: 1px solid #000
}

:is(.platforms,.platforms-list__single,.platforms-list) {
display: flex;
align-items: center;
justify-content: center
}

:is(.platforms__subHeading,.platforms__heading) {
font-weight: 600;
margin-bottom: .5rem
}

.platforms__subHeading {
text-transform: uppercase;
font-size: 1rem
}

.platforms__heading {
font-size: 1.25rem
}

.platforms__heading img {
margin: 0 .5rem
}

.platforms-list {
gap: 1rem;
margin: 1rem 0;
flex-wrap: wrap
}

.platforms-list__single {
width: 15%;
background: #fff;
box-shadow: 5px 5px 10px 5px #00000020;
border-radius: .5rem;
padding: .5rem;
height: 135px;
margin: 1rem 0
}

.platforms-list__single:hover {
transform: translateY(-5px)
}

.custom-tabs {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 1rem;
margin: 1.5rem
}

.custom-tabs__item>:is(a,button) {
color: #fff;
padding: .5rem 1rem;
border-radius: .5rem;
font-size: .9rem;
font-weight: 500;
text-transform: capitalize;
background: 0 0;
border: none;
outline: 0;
transition: .3s
}

.custom-tabs__item>:is(a,button).active {
background: var(--color-primary)
}

.portfolio__img {
width: 100%;
height: 250px;
border-radius: .75rem;
cursor: pointer;
overflow: hidden;
margin: 1rem 0;
position: relative;
box-shadow: 0 0 20px 1px #00000020
}

.portfolio__img::after {
content: "\ebf7";
font-family: boxicons!important;
background: #0000005f;
position: absolute;
inset: 0;
color: #fff;
font-size: 3rem;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: .3s ease-in-out
}

.services--overlay::after,.services__bg {
opacity: 90%;
width: 100%;
position: absolute
}

.portfolio__img:hover::after {
opacity: 1;
visibility: visible
}

.portfolio__img>img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
transition: .5s ease-in-out
}

.packages-card {
color: #000;
border: 3px solid var(--color-primary);
border-radius: 1rem;
padding: 1.25rem .75rem;
background: #fff;
margin: 1rem 0;
transition: .3s ease-in-out;
height: 545px
}

.packagesSlider .slick-list.draggable {
padding: 1rem 0 2rem!important
}

.packages-card .cborder {
border-bottom: 3px solid var(--color-primary)
}

.packages-card__title {
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
padding: 0 0 .5rem;
line-height: 1.5
}

.packages-card__title>span {
font: inherit;
font-weight: 800;
display: block
}

.packages-card__list {
margin: 1rem 0 1.75rem;
height: 210px;
overflow-y: auto;
padding-left: 2rem
}

.packages-card__list::-webkit-scrollbar {
width: 4px
}

.packages-card__list::-webkit-scrollbar-track {
background: #d7d7d7a3;
border-radius: 100px
}

.packages-card__list::-webkit-scrollbar-thumb {
border-radius: 100px;
background: var(--color-primary)
}

.packages-card__list::-webkit-scrollbar-thumb:hover {
background: #d07308
}

.packages-card__list>li {
font-size: 13px;
font-weight: 500;
position: relative;
line-height: 22px;
margin: 4px 30px 0 0;
color: #7d7d7d
}

.packages-card__list>li::before {
content: "\ebe5";
width: 20px;
aspect-ratio: 1/1;
font-family: boxicons!important;
font-size: 1rem;
position: absolute;
left: -1.25rem;
top: 0;
color: #000
}

:is(.packages-card__prices,.packages-card__btns) {
display: flex;
align-items: center;
justify-content: space-between
}

.packages-card__prices {
position: relative;
padding-bottom: .65rem
}

.packages-card__prices::after {
content: "";
width: 118px;
aspect-ratio: 1/1;
position: absolute;
left: 47%;
top: 45%;
transform: translate(-50%,-50%);
background: url("../images/arrow-img.png") center no-repeat
}

.packages-card__prices>.title {
font-size: 1.75rem;
font-weight: 700;
line-height: 1.1;
max-width: 47%;
font-family: Montserrat,sans-serif;
color: #373737
}

.packages-card__prices>.prices {
text-align: right;
line-height: 1.1
}

.packages-card__prices>.prices * {
display: block
}

.packages-card__prices>.prices>del {
color: #8b8b8b;
font-size: 1.15rem;
text-decoration: line-through!important;
font-weight: 700
}

.packages-card__prices>.prices>ins {
font-size: 1.75rem;
font-weight: 800;
color: #373737
}

.packages-card__btns {
gap: 1rem;
width: 100%
}

.packages-card__btns>a {
font-size: .85rem;
font-weight: 600;
text-align: center;
text-transform: uppercase;
padding: .85rem 1.25rem;
flex: 1
}

.packages-card__btns>a:first-child {
color: #fff;
background: var(--color-primary);
border-bottom-left-radius: 1rem
}

.packages-card__btns>a:last-child {
color: #000;
background: #fff;
border-bottom-right-radius: 1rem;
box-shadow: 0 0 0 2px #000
}

.packages-card__btns>a:hover {
color: #fff;
background: var(--color-primary);
border-radius: 0
}

.actions-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
line-height: 1
}

.accordion-header,.contact {
position: relative;
align-items: center;
display: flex
}

.slider-btn {
color: #fff;
cursor: pointer;
line-height: 1;
font-size: 2rem;
transition: .3s
}

.all-link {
font-size: .95rem;
font-weight: 800;
text-transform: uppercase;
line-height: 1;
color: #fff
}

.accordion {
margin-bottom: 1.25rem;
background: #ededed;
border-radius: .25rem;
overflow: hidden;
box-shadow: 0 0 4px 0 #a7a7a7;
transition: .3s
}

.accordion.active {
border-color: transparent
}

.accordion-header {
width: 100%;
justify-content: space-between;
gap: 1rem;
color: #000;
font-weight: 600;
text-align: left;
cursor: pointer;
background: #fff;
border: none;
border-radius: .25rem;
overflow: hidden;
padding: .85rem 1.45rem;
transition: .3s ease-in-out;
outline: 0!important
}

.accordion-header>.icon {
font-size: 1.75rem;
color: #000;
transition: .3s
}

.accordion-header.active>.icon {
color: #fff;
transform: rotate(180deg)
}

.accordion-content {
width: 100%;
color: #666;
max-height: 0;
border-radius: 0 0 .25rem .25rem;
overflow: hidden;
transition: max-height .3s ease-in-out
}

.accordion-content p {
color: #382e67;
font-size: .9rem;
font-weight: 500;
padding: 1rem;
line-height: 1.75;
margin-bottom: 0
}

.contact {
justify-content: center
}

.contact--bg {
color: #fff;
padding: 7rem 0;
overflow: hidden
}

.contact--bg::after {
content: "";
position: absolute;
width: 704px;
height: 770px;
right: 0;
bottom: -22px;
background: url("../images/banner-bg-2.png") center/cover no-repeat;
z-index: -1
}

.contact__bg,.testimonials__bg {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
z-index: -1
}

.banner .contact-formWrapper {
animation: 1.5s infinite alternate float
}

.contact-formWrapper.contact-formWrapper--thanks {
padding: 4rem
}

.contact-formWrapper {
color: #fff;
background: #af890a;
border: 3px solid var(--color-primary);
border-radius: 1.75rem;
position: relative;
padding: 1.5rem 1.25rem
}

.contact-formWrapper>.heading {
font-size: 2.15rem;
font-weight: 600;
line-height: 1.25;
max-width: 85%;
margin-bottom: 1.25rem
}

.contact-formWrapper p {
font-size: 1rem;
font-weight: 400;
text-align: center;
margin: 1rem 0;
cursor: pointer
}

.contact-form__fields {
margin: .5rem .45rem
}

.contact-form__fields :is( input:not([type=file],[type=checkbox]),textarea,select,.contact-form__fields--file > label ) {
width: 100%;
background: #fff;
border: none;
outline: 0;
border-radius: .25rem;
padding: .75rem 1rem;
margin: 0;
resize: none
}

.contact-form__fields :is(input,textarea,select)::placeholder,.contact-form__fields :is(input,textarea,select,.contact-form__fields--file > label) {
color: #000!important;
font-size: .9rem;
font-weight: 400
}

.contact-form__fields--file>label {
width: 100%;
position: relative;
border: 2px dashed var(--color-primary)!important;
display: flex;
align-items: center;
justify-content: flex-start;
gap: .5rem;
cursor: pointer;
padding: .6rem 1rem!important
}

.contact-form__fields--check>input,.contact-form__fields--file>label>input {
display: none
}

.contact-form__fields--file>label>i,.goUp i {
font-size: 1.75rem
}

.contact-form__fields--check {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1rem
}

.contact-form__fields--check label {
position: relative;
user-select: none;
font-size: .9rem;
font-weight: 400;
cursor: pointer;
padding-left: 1.75rem;
margin-bottom: 0
}

.contact-form__fields--check label::before {
content: "";
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 0;
left: 0;
background: 0 0;
border: 1px solid #fff
}

.contact-form__fields--check label::after {
content: "\ea41";
font-family: boxicons!important;
width: 1.25rem;
height: 1.25rem;
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 15px;
font-weight: 900;
background: var(--color-primary);
transform: scale(0);
transition: .3s cubic-bezier(.68, -.55, .265, 1.55)
}

.contact-form__fields--check>input:checked+label::after {
transform: scale(1)
}

.contact-form__fields button:not(.themeBtn) {
width: 100%;
color: #fff;
font-size: 1.15rem;
letter-spacing: 1px;
font-weight: 600;
border: none;
background: var(--color-primary);
padding: 1rem;
text-align: center;
text-transform: uppercase
}

.services {
position: relative;
padding: 4rem 0
}

.services--overlay .section-content :is(.heading,p) {
color: #fff
}

.services--overlay::after {
content: "";
height: 100%;
background: #1e1e1e;
inset: 0;
z-index: -1
}

.services__bg {
height: 100%;
inset: 0;
object-fit: cover;
filter: grayscale(1);
z-index: -2
}

.services-card,.sub-banner {
position: relative;
isolation: isolate
}

.services-card {
margin: 1rem 0;
background: #fff;
padding: 3rem 2rem;
border-radius: .45rem;
overflow: hidden
}

.services-card::after {
content: "";
width: 40%;
aspect-ratio: 1/1;
border-radius: 100%;
background: var(--color-primary);
position: absolute;
bottom: -5rem;
left: -5rem;
transform: scale(0);
z-index: -1;
transition: .5s
}

.services-card * {
transition: .3s
}

.goUp:hover,.services-card:hover *,.testimonials-content {
color: #fff
}

.services-card:hover img {
filter: brightness(100)
}

.services-card:hover::after {
transform: scale(50)
}

.services-card .wrapper {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
margin-bottom: 1rem
}

.expertise-industry,.sub-banner {
align-items: center;
display: flex
}

.services-card__icon {
width: 80px;
aspect-ratio: 1/1;
object-fit: contain
}

.services-card p {
color: #858585;
font-size: .85rem;
font-weight: 500;
line-height: 1.75
}

.services-card__title {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.2;
text-transform: capitalize
}

.slick-slide {
margin-right: 0
}

.bannerSlider .slick-dots {
bottom: -5rem;
left: 90px;
transform: translate(-50%)
}

.bannerSlider .slick-dots li {
width: 55px;
height: 4px;
border-radius: 100px;
background-color: #ffffff87;
margin: 0 .25rem;
transition: .3s ease-in-out
}

.bannerSlider .slick-dots li button::before {
content: "";
display: none
}

.sub-banner {
color: #fff;
width: 100%;
height: 100%;
min-height: 45vh;
justify-content: center
}

.sub-banner::after {
content: "";
background: #1e1e1e;
opacity: 40%;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
z-index: -1
}

.sub-banner__bg {
width: 100%;
height: 100%;
filter: grayscale(1);
object-fit: cover;
position: absolute;
inset: 0;
z-index: -2
}

.sub-banner__content .discount {
color: var(--color-primary);
font-size: 3rem;
font-weight: 800;
position: relative;
top: .5rem
}

.expertise-industry {
flex-direction: column;
justify-content: flex-start;
gap: 1rem
}

.expertise-industry>li {
width: 100%
}

.expertise-industry__single {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
font-size: 1rem;
color: #fff;
font-weight: 600;
text-transform: capitalize;
padding: .5rem 1.35rem;
border-radius: .5rem
}

.expertise-industry__single:is(:hover,.active) {
background: var(--color-primary);
color: #fff
}

.expertise-industry__single:where(:hover,.active) img {
filter: brightness(100)
}

.expertise-industry__single img {
width: 40px;
aspect-ratio: 1/1;
object-fit: contain;
transition: .3s;
filter: brightness(100)
}

.expertise__img {
width: 100%;
height: 340px
}

.expertise__img>img {
width: 100%;
height: 100%;
object-fit: cover
}

.expertiseWrapper {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between
}

.expertise-box {
color: #000;
background: #fff;
box-shadow: 0 0 10px 1px #00000020;
border-radius: .35rem;
padding: 1rem;
margin-top: 5rem
}

.expertise-box__title {
font-size: 1.5rem;
font-weight: 500;
text-transform: capitalize;
margin-bottom: .35rem
}

.expertise-box p {
font-size: .9rem;
font-weight: 400;
margin-bottom: 0
}

.testimonials {
position: relative;
isolation: isolate;
padding: 5rem 0
}

.testimonials-single__img {
  width: 70%;
  border: 5px solid #454545;
  aspect-ratio: 1/1;
  border-radius: 100%;
  margin-inline: auto;
  overflow: hidden;
  background: #e4bd3b;
  text-align: center;
  align-items: center;
  display: grid;
  font-size: 100px;
  font-weight: 800;
}

.testimonials .carousel-indicators li img,.testimonials-single__img>img,.user-img>img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}

.user {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 1rem;
margin-top: 3rem
}

.user-img {
  width: 70px;
  aspect-ratio: 1/1;
  border: 3px solid #fff;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  text-align: center;
  color: #000;
  display: grid;
  align-items: center;
  font-weight: 800;
}

.user-details>.name {
color: var(--color-primary);
font-size: 1.25rem;
font-weight: 600;
text-transform: capitalize
}

.user-details>.designation {
color: #fff;
font-size: 1.15rem;
font-weight: 500;
text-transform: capitalize
}

.testimonials-content p {
font-size: .95rem;
font-weight: 500;
line-height: 1.75;
color: #eceaea;
height: 135px;
overflow-y: auto;
padding-right: 1rem
}

.testimonials-content p::-webkit-scrollbar {
width: 3px
}

.testimonials-content p::-webkit-scrollbar-track {
background: #fff;
border-radius: 100px
}

.testimonials-content p::-webkit-scrollbar-thumb {
border-radius: 100px;
background: var(--color-primary);
opacity: .25
}

.testimonials-content__subHeading {
color: var(--color-primary);
font-size: 1.15rem;
font-weight: 600;
text-transform: uppercase
}

.dark-black,.light-black {
color: #fff;
padding: 5rem 0
}

.testimonials-content__heading {
font-size: 2.5rem;
font-weight: 300;
text-transform: uppercase;
line-height: 1.35;
margin: .65rem 0
}

.testimonials-content__heading .bold {
font-weight: 800
}

.testimonials-content .wrapper {
margin-left: 0
}

.testimonials .carousel-indicators li {
width: 80px;
height: 80px;
border-radius: 100%;
border: 2px solid #fff;
overflow: hidden;
position: absolute;
text-indent: 0;
cursor: pointer;
background-color: transparent
}

.testimonials .carousel-indicators li:first-child {
top: -415px;
left: -150px
}

.testimonials .carousel-indicators li:nth-child(3) {
top: -243px;
left: -230px
}

.testimonials .carousel-indicators li:nth-child(2) {
top: -70px;
left: -145px
}

.testimonials :is(.carousel-control-next,.carousel-control-prev) span {
display: none
}

.testimonials :is(.carousel-control-next,.carousel-control-prev) {
opacity: 1;
right: -6rem;
background: #7a7a7a;
width: 50px;
aspect-ratio: 1/1;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: #fff;
left: auto
}

.goUp,.modal-content {
align-items: center;
display: flex
}

.testimonials .carousel-control-prev {
top: 50%
}

.testimonials .carousel-control-next {
top: 25%
}

.dark-black {
background: #181818
}

.light-black {
background: #1a1a1a
}

.goUp,.modal button.close {
background: var(--color-primary);
color: #fff
}

.about__img {
width: 100%;
height: 100%;
animation: 8s linear infinite movement
}

.about__img>img {
width: 100%;
height: 100%;
object-fit: cover
}

@keyframes movement {
25%,75% {
    transform: rotate(1deg) translateY(5px)
}

50% {
    transform: rotate(-1deg) translateY(-5px)
}
}

.goUp {
  width: 70px;
  aspect-ratio: 1/1;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  justify-content: center;
  flex-direction: column;
  line-height: 1;
  border-radius: 100px;
  position: fixed;
  left: 2.75rem;
  bottom: 30px;
  z-index: 100;
  animation: .5s infinite alternate float;
}

.web_content_Sec h2 {
color: #000;
font-size: 40px;
font-weight: 700;
margin-bottom: 10px
}

.web_content_Sec h3 {
color: var(--color-primary);
font-size: 17px;
font-weight: 700
}

.web_content_Sec p {
font-size: 18px;
line-height: 30px
}

.review_box_inner p {
font-size: 17px;
line-height: 27px
}

.review_box_inner img {
margin-bottom: 10px;
width: 88px
}

.review_box_inner h3 {
color: #000;
font-size: 20px;
font-weight: 700
}

.review_box_inner {
border: 1px solid var(--color-primary);
padding: 30px 25px;
box-shadow: 0 0 10px 5px #00000020;
border-radius: .25rem;
margin-bottom: 20px;
display: flex;
justify-content: center;
flex-direction: column
}

.modal,.modal-open {
padding: 0!important
}

.modal-dialog {
max-width: 100%;
height: 100%;
margin: 0;
background: #0000009f
}

.modal button.close {
display: block;
font-size: 1.75rem;
font-weight: 400;
text-shadow: none;
outline: 0!important;
border: none!important;
margin-left: auto;
position: absolute;
opacity: 1;
transition: .3s ease-in-out;
z-index: 1;
top: 0;
left: 100%;
transform: translate(-50%,-50%);
width: 50px;
height: 50px;
border-radius: 100px
}

.heading_packages p,.modal-body .section-content span {
display: inline-block
}

.modal button.close:hover {
background: #fff;
color: var(--color-primary)
}

.modal-content {
height: fit-content;
background: 0 0;
justify-content: center;
width: 1000px;
position: relative;
border: none;
margin-inline:auto}

.modal-body {
display: flex;
align-items: center;
justify-content: center
}

.modal-open {
overflow: inherit!important;
margin: 0!important
}

.contact-modal__img,.modal-body__img {
position: relative;
right: -7.25rem;
bottom: -2rem;
transform: scale(1.3)
}

.contactModalForm {
background: #000;
position: relative;
border-radius: .5rem;
padding: 2rem 2.5rem;
color: #fff
}

.contactModalForm::before {
content: "";
width: 95px;
aspect-ratio: 1/1;
position: absolute;
left: 42rem;
top: 8rem;
background: url(../images/dots.png) center no-repeat;
transform: scale(1.25);
filter: brightness(100);
animation: 5s linear infinite backwards float
}

.contactModalForm::after {
content: "";
width: 200px;
aspect-ratio: 1/1;
background: var(--color-primary);
border-radius: 100px;
position: absolute;
top: -5rem;
left: -5rem;
z-index: -2
}

.modal-body .subHeading {
font-size: .7rem;
text-transform: uppercase;
letter-spacing: 3px
}

.modal-body .heading {
font-size: 2rem;
font-weight: 800
}

.contact-modal__form {
margin: 1rem 0 0
}

.contact-modal__form .input-fields {
margin: .65rem 0
}

.contact-modal__form .input-fields :is(input,textarea,select,button) {
width: 100%!important;
outline: 0;
border: none;
border-radius: 1rem;
padding: 1rem 0;
resize: none
}

.contact-modal__form .input-fields:not(:has(button)) {
background: #fff;
padding: .25rem 1rem;
display: flex;
align-items: center;
border-radius: 1rem;
overflow: hidden;
justify-content: center;
gap: 1rem
}

.packages-card--combo .packages-card__prices::after,.zeetabszee2 {
display: none
}

.contact-modal__form .input-fields>button {
color: #fff;
background: var(--color-primary);
font-size: 1.15rem;
font-weight: 700;
text-align: center;
text-transform: uppercase;
padding: .85rem 1rem
}

.contact-modal__form .input-fields>button:hover {
color: #000;
background: #fff
}

.contact-modal__form .input-fields .icon i {
color: var(--color-primary);
font-size: 1.95rem
}

.contact-modal__form .input-fields :is(input,textarea,select),.contact-modal__form .input-fields :is(input,textarea,select)::placeholder {
color: #505489;
font-size: .9rem;
font-weight: 500
}

.contactModalForm :is(.arrow-img,.plan-img) {
width: 80px;
position: absolute;
transform: translate(-50%,-50%);
animation: 5s linear infinite backwards arrow-float;
z-index: 2
}

.contactModalForm .arrow-img {
top: 87%;
left: 53%
}

.contactModalForm .plan-img {
position: absolute;
top: 6%;
left: 51%
}

@keyframes arrow-float {
0%,50% {
    transform: translateY(5px)
}

25% {
    transform: translateY(-5px)
}

75% {
    transform: translateY(-7px)
}

100% {
    transform: translateY(7px)
}
}

.drop-down--sidebar.open,.header-main__nav>li:hover .drop-down:not(.drop-down--sub) {
transform: scaleY(1);
opacity: 1;
visibility: visible
}

.header-main__nav li a.themeBtn {
margin-left: 1.5rem
}

.drop-down {
width: 300px;
background: #181818;
position: absolute;
left: 10%;
top: 279%;
transform-origin: center top;
transform: scaleY(0);
opacity: 0;
visibility: hidden;
z-index: 111;
transition: .5s ease-in-out
}

.drop-down--sub {
top: 0;
left: 105%;
transform: scaleX(0);
transform-origin: left
}

.drop-down__list>li>a {
width: 100%;
color: #fff;
font-size: .8rem;
font-weight: 600;
text-transform: capitalize;
padding: .75rem 1.5rem;
border-bottom: 1px solid #ffffff21;
position: relative;
display: flex;
align-items: center;
justify-content: space-between
}

.drop-down__list>li>a>i {
font-size: 1.25rem
}

.drop-down__list>li>a::before {
content: "";
width: 100%;
height: 1px;
background: linear-gradient(90deg,transparent,var(--color-primary),transparent);
position: absolute;
left: 0;
bottom: 0;
transform: scaleX(0);
transform-origin: left;
transition: .3s ease-in-out
}

.drop-down__list>li:hover .drop-down--sub,.drop-down__list>li>a:hover::before {
transform: scaleX(1);
opacity: 1;
visibility: visible
}

.term_content_sec h4 {
font-size: 2.5rem;
color: #000;
font-weight: 700
}

.term_content_sec p {
line-height: 32px
}

.term_content_sec ul li {
font-size: 17px;
font-weight: 400;
font-family: Poppins,sans-serif;
color: #000;
line-height: 30px
}

.term_content_sec a {
color: var(--color-primary);
font-weight: 600
}

.privacyPolicy {
margin-top: 2rem;
margin-bottom: 6rem
}

.privacyPolicy h2 {
line-height: 30px;
margin: 1rem 0;
font-size: 35px;
font-weight: 700
}

.privacyPolicy h3 {
line-height: 30px;
margin: .5rem 0;
font-size: 20px;
font-weight: 600
}

.privacyPolicy p {
font-family: Poppins,sans-serif;
font-size: 17px;
margin-bottom: 1rem
}

.privacyPolicy ul {
margin: 2rem 0 2rem 10px
}

.privacyPolicy a {
color: var(--color-primary);
font-weight: 700
}

.packages-card--combo {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}

.packages-card--combo .packages-card__prices {
justify-content: center;
text-align: center;
margin-top: 1rem
}

.packages-card--combo .packages-card__prices>.prices {
text-align: center;
line-height: 1
}

.packages-card--combo .packages-card__prices>.prices>del {
font-size: 1.5rem
}

.packages-card--combo .packages-card__prices>.prices>ins {
font-size: 2.25rem
}

.packages-card--combo .tagline {
font-size: .95rem;
font-weight: 700;
margin: .5rem 0;
display: block;
line-height: 1.45
}

.packages-card--combo .desc {
display: block;
font-size: .85rem;
font-weight: 500
}

.packages-card--combo .packages-card__btns {
margin-top: 1.25rem
}

.padding-70 {
padding: 70px 0
}

.heading_packages h1 {
font-size: 44px;
font-weight: 700;
position: relative;
color: #160c28;
margin-bottom: 20px
}

.heading_packages p {
font-size: 20px;
margin-bottom: 30px
}

.heading_packages h1:after {
content: "";
position: absolute;
background: #4c31ff;
width: 76px;
height: 2px;
left: 0;
bottom: 0
}

.packages_detail_price {
box-shadow: 0 3px 30px #0000001f;
display: block;
width: 100%;
text-align: center;
height: 505px;
-ms-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .5s ease-in-out;
border-radius: 10px;
padding: 0 23px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border: 1px solid #000;
position: relative;
overflow: hidden;
background: #fff;
color: #000
}

.packages_detail_price h3 {
font-size: 24px;
position: relative;
text-transform: capitalize;
font-weight: 800;
margin: 0 auto 10px;
text-align: center;
color: #000
}

.cut_price_pck {
font-weight: 700;
text-decoration: line-through;
font-size: 19px;
position: relative;
margin: 0 auto;
display: table;
color: #999
}

.cut_price_pck:after {
position: absolute;
content: "";
width: 100%;
height: 2px;
left: 0;
top: 12px;
background: #d8d8d8
}

.packages_detail_price:hover .cut_price_pck {
color: #999
}

.packages_detail_price h4 {
color: var(--color-primary);
font-size: 40px;
font-weight: 700;
display: inline-block;
line-height: .9;
position: relative;
margin-top: 11px 0
}

.packages_detail_price p {
font-size: 14px;
margin-bottom: 5px;
font-weight: 500
}

.actions.row a,.btn_packages_inner a {
font-weight: 600;
display: inline-block
}

.actions.row {
margin-top: 30px;
border-top: 1px solid #e1e1e1;
padding: 20px 0 0;
position: absolute;
bottom: 7px
}

.actions.row a {
font-size: 13px;
color: #000;
margin-bottom: 10px
}

.actions.row a .fa {
padding-right: 3px
}

.actions.row p {
font-size: 18px;
font-weight: 300
}

.btn_packages_inner a {
text-align: center;
margin: 20px auto 0;
border: none;
padding: 14px 60px;
color: #fff;
box-shadow: none;
border-radius: 5px;
cursor: pointer;
text-decoration: none;
font-size: 16px;
background: #000;
font-family: var(--heading-font-family)
}

.heading_packages {
margin-bottom: 40px
}

.pakages_list_head h2 {
text-align: left;
font-size: 20px;
letter-spacing: 3px;
font-weight: 300;
text-transform: uppercase;
margin: 0;
padding: 0;
display: inline-block;
color: var(--color-primary)
}

.pakages_list_detail ul li {
position: relative;
text-align: left;
padding: 14px 0;
border-bottom: 1px solid #eaeaea;
list-style: none;
display: flex;
align-items: center;
margin: 0 20px 0 0
}

.pakages_list_detail ul li:before {
font-family: boxicons!important;
content: "\ea41";
position: absolute;
top: 0;
right: 0;
color: var(--color-primary);
font-size: 32px;
display: flex;
align-items: center;
justify-content: center;
height: 53px
}

.pakages_list_head {
padding-bottom: 10px
}

.pakages_list_detail ul li strong {
padding-right: 5px
}

.pakages_list_detail ul {
height: 470px;
padding: 0;
overflow-y: scroll
}

.pakages_list_detail ul::-webkit-scrollbar {
width: 5px;
background: #e2e2e2;
border-radius: 10px
}

.pakages_list_detail ul::-webkit-scrollbar-thumb {
background: var(--color-primary);
border-radius: 10px
}

.packages_detail_price .packages-card__btns {
margin: .75rem 0 1rem
}

.view-details {
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
padding: .65rem 1.5rem;
text-align: center;
display: block;
border-radius: 100px;
width: fit-content;
margin: .65rem auto
}

.view-details:hover {
color: #000;
background: var(--color-primary)
}


section.thankyoupage {
  text-align: center;
  padding: 100px 0;
}

section.thankyoupage {
  text-align: center;
  padding: 100px 0;
}
section.thankyoupage .bx {
  background: #28a745;
  width: 70px;
  height: 70px;
  border-radius: 100%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto;
  padding: 0 0;
  font-size: 80px;
}
section.thankyoupage h1 {
  font-size: 80px;
  font-weight: 100;
  padding: 30px 0;
  color: #000;
  letter-spacing: -1.9px;
}
section.thankyoupage h1 b {font-weight: 700;}
section.thankyoupage a {
  background: #28a745;
  padding: 10px 40px;
  color: #fff;
  border-radius: 10px;
}

section.thankyoupage .bx-check:before {
  content: "\ea41";
  position: relative;
  top: 0;
  left: 0;
}


.labourDayMain {
  display: block;
}
 .labourDay {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  display: block;
}

/*.labourDay:after {background: url(https://www.webexpertllc.com/assets/images/flagafter.png);position: absolute;top: 0;left: 0;content: "";width: 150px;height: 140px;opacity: 1;background-size: cover;}*/

/*.labourDay:before {background: url(https://www.webexpertllc.com/assets/images/flagafter.png);position: absolute;top: -120px;left: auto;content: "";width: 280px;height: 260px;opacity: 1;background-size: cover;right: 0;z-index: 1;transform: rotateY(175deg);}*/
  .starsBG {position: relative;}
.starsBG img{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.starsBG:after {background: url(https://www.webexpertllc.com/assets/images/original.gif);position: absolute;top: 0;left: 0;content: "";width: 100%;height: auto;opacity: 0.1;}

  .labourDayOverly {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  z-index: 11;
  width: 100%;
  display: none;
}
.labourDayOverly h2 {
  color: #fff;
  margin: auto;
  font-family: 'Playball', cursive;
  font-size: 46px;
  font-weight: 500;
  position: absolute;
  left: 62%;
  bottom: 61px;
  /* transform: rotate(-5deg); */
}
.labourDayOverly h2 span {
  font-weight: 600;
  /* font-family: 'Poppins', sans-serif; */
  font-size: 50px;
  /* background-image: linear-gradient(to right top, #ffb340, #ff8100, #ff9900, #ffcc08, #f3c000); */
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: transparent; */
  /* letter-spacing: -2px; */
  color: #ffc023;
  text-shadow: 0 -4px 0px #161616;
}
@media only screen and (min-width: 300px) and (max-width: 767px) {
  .labourDay:before {display:none;}
  .labourDay:after {display:none;}
  .labourDayOverly h2 { font-size: 20px;}
  .labourDayOverly h2 span {font-size: 17px;letter-spacing: 0;}
  .starsBG img { height: auto;}
  .labourDay {height: auto;}
  .header-home .logo img {object-fit: contain;}
  .home .top-home { padding-top: 0;}
  .third-section .third-link ul li a { font-size: 8px;}
  
  .macBox .macVideo {width: 210px; height: 137px;    left: 54px;   top: 12px;}
  .macBox .macImage {   width: 320px;}
  .macBox::before {display:none;    }
  .macBox::after {display:none;    }
  .macBox {    position: relative;   margin: 0px auto;display: table;}
}
.platforms {display:none;}





.form-group.col-12.forcheck {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
}
.form-group.col-12.forcheck a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline!important;
}

.form-group.col-12.forcheck input[type="checkbox"] {   width: auto;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 5px -1px; }
  
  
div#privacy-policy {
  margin-top: 50px;
}
div#privacy-policy h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 20px;
}


div#terms-condition {
  margin-top: 50px;
}

div#terms-condition h4 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 20px;
}



.testimonials-contentHeadingMain {
  margin-bottom: 40px;
}
.testimonials-contentHeadingMain .testimonials-content__heading {

  color: #fff;
}


/* procedure */
.procedure-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.procedure-list__single {
  width: calc(25% - 0.85rem);
  min-height: 35vh;
  height: 100%;
  background: #fff;
  color: #000;
  position: relative;
  isolation: isolate;
}
.procedure-list__single .content-wrapper {
  padding: 1rem;
}
.procedure-list__single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.procedure-list__single * {
  color: #000;
}
.procedure-list__single .title {
  font-size: 1.75rem;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 0.75rem;
  line-height: 1.25;
}
.procedure-list__single .content {
  font-size: 0.9rem;
  height: 105px;
  overflow-y: auto;
  line-height: 1.5;
  padding-right: 1rem;
}
.procedure-list__single .content::-webkit-scrollbar {
  width: 3px;
}
.procedure-list__single .content::-webkit-scrollbar-track {
  background: #d7d7d7a3;
  border-radius: 100px;
}

.procedure-list__single .content::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: var(--color-primary);
}
.step-arrow {
  position: relative;
}
.step-arrow::before {
  position: absolute;
  font-size: 2rem;
  font-family: boxicons !important;
  color: #fff;
  top: 1rem;
  z-index: 1;
}
.step-arrow--right::before {
  content: "\ee8f";
  right: -1.2rem;
}
.step-arrow--left::before {
  content: "\ee04";
  left: -1.2rem;
}
.procedure-list__single .count {
  font-size: 1.5rem;
  font-weight: 800;
  opacity: 0.75;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #fff;
  color: transparent;
  margin-top: 0.75rem;
}
@media only screen and (max-width: 768px) {
  .procedure-list__single {
    width: 50%;
  }

  .step-arrow::before {
    display: none;
  }
}
@media only screen and (max-width: 550px) {
  .procedure-list__single {
    width: 100%;
  }
}

.review_box_inner p {
  height: 190px;
  overflow-y: auto;
}