:root {
scroll-behavior: smooth;
--bs-black2: #2e2e36;
--bs-black: #000;
--bs-text-black: #141414;
--bs-grey1: #69696e;
--bs-white: #fff;
--bs-white1: #efefef;
--bs-orange: #ff4e00;
--bs-blue: #2e3192;
}
.d-inline-block {
display: inline-block;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.ms-1 {
margin-left: 0.25rem !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.me-1 {
margin-right: 0.25rem !important;
}
.ms-5 {
margin-left: 3rem !important;
}
.ms-3 {
margin-left: 1rem !important;
}
.wmax500 {
max-width: 500px;
}
.wmax600 {
max-width: 600px;
}
.wmax810 {
max-width: 810px;
}
.wmax700 {
max-width: 700px;
}
.wmax800 {
max-width: 800px;
}
.wmax900 {
max-width: 900px;
}
.wmax1000 {
max-width: 1000px;
}
.marb20 {
margin-bottom: 20px;
}
.marb60 {
margin-bottom: 60px;
}
.marb48 {
margin-bottom: 48px;
}
.mx-auto {
margin-right: auto;
margin-left: auto;
}
.bs-heading {
font-size: 55px;
font-weight: 700;
letter-spacing: -1.65px;
line-height: 110%;
}

.bs-heading.typBlack {
color: var(--bs-black2);
}

.bs-heading.typBlue {
color: var(--bs-blue);
}

.bs-heading.typWhite {
color: var(--bs-white1);
}

.bs-heading span {
color: #f04e23;
}

.bs-heading.typ36 {
font-size: 36px;
}
.bs-heading.typ48 {
font-size: 48px;
}
.bs-heading.mrgB32 {
margin-bottom: 32px;
}
.bs-btn:focus-visible{
outline: 0;
}
.marb20 {
margin-bottom: 20px;
}
.bs-para {
font-size: 18px;
color: var(--bs-white1);
font-weight: 300;
line-height: 1.4;
opacity: 1;
}
.bs-para.typBlack {
color: var(--bs-black);
}
.bs-para.typBlack1 {
color: var(--bs-text-black);
}
.bs-para.typBlack1.text-left {
text-align: left;
}
.bs-para.mrgB32{
margin-bottom: 32px;
}
.start-icon {
img {
width: 16px;
}
}

.marb24 {
margin-bottom: 24px;
}
.background-set {
padding: 8px 10px;
border-radius: 8px;
background: #1d1d1d;
display: flex;
align-items: center;
}
.bs-para.typ600 {
font-weight: 600;
}
.bs-para.typ16 {
font-size: 16px;
}
.bs-btn {
color: var(--bs-white1);
font-size: 16px;
font-weight: 400;
line-height: 125%;
transition: all 0.5s ease-in-out !important;
padding: 16px 32px;
display: inline-block;
}
.bs-btn.typ-nonBg {
padding: 0 !important;
color: var(--bs-blue);
position: relative;
gap: 5px;
}
.bs-btn.typ-nonBg.mrgL-38 {
margin-left: 38px;
}
.bs-btn.typ-orange-variation {
background: #f15e31;
color: var(--bs-white1);
border: 1px solid #f15e31;
}
.bs-btn.typ-orange-variation.typ-pd-1520 {
padding: 15px 20px;
}
.bs-btn.typ-nonBg.mrgL-38 {
margin-left: 38px;
}
.bs-btn.typ-orange-variation svg {
width: 20px;
height: 20px;
}
.bs-btn.typ-orange-variation:hover {
color: #f15e31;
background: rgba(0, 0, 0, 0);
border: 1px solid #f15e31;
}
.bs-btn.typ-orange-variation:hover svg path {
fill: #f15e31;
}
.bs-btn span {
margin-left: 10px;
}
.bs-btn.typ-nonBg::before {
content: "";
position: absolute;
left: 0;
bottom: -10px;
background: var(--bs-white);
width: 100%;
height: 1px;
}
.bs-btn.typ-nonBg {
padding: 0 !important;
color: var(--bs-white);
position: relative;
gap: 5px;
}
.bs-btn.typ-nonBg .svg-flip svg {
transform: rotate(-36deg);
transition: all 0.5s ease-in-out;
width: 20px;
height: 20px;
}

.bs-btn.typ-nonBg:hover .svg-flip svg {
transform: rotate(0deg);
}

.lyt-section {
padding: 74px 0;
}

.lyt-section.typ-video-sec .video-wrapper {
width: 100%;
position: relative;
}

.lyt-section.typ-video-sec .video-wrapper:hover .show-video {
display: none;
}

.lyt-section.typ-video-sec .video-wrapper .show-video {
position: absolute;
top: 43px;
right: 43px;
height: 180px;
width: 180px;
border-radius: 50%;
opacity: 0.81;
background: var(--bs-blue);
display: flex;
align-items: center;
justify-content: center;
}
.lyt-section.typ-video-sec .video-wrapper .show-video span {
color: var(--bs-white);
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 115%;
letter-spacing: -0.16px;
max-width: 100px;
}

.lyt-section.typ-video-sec .video-wrapper .show-video .cssshowreel {
/* width: 100%;
height: 100%;
object-fit: contain; */
-webkit-animation: animation 12s linear infinite;
animation: animation 12s linear infinite;
}

.lyt-section.typ-video-sec .video-wrapper .show-video .css-small-icon {
width: 24px;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.lyt-section.typ-video-sec .video-wrapper .hover-video {
cursor: url("../images/homepage/play-video.svg"), auto;
width: 100%;
height: 100%;
}
.lyt-section.typ-video-sec .video-wrapper .hover-video:focus-visible {
outline: 0px;
}

.lyt-section.typ-impact-sec {
background: var(--bs-black);
}
.lyt-section.typ-impact-sec .box-wrapper {
padding-bottom: 50px;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox {
padding: 24px 24px;
border-top: 1px solid #141414;
}
.lyt-section.typ-impact-sec .box-wrapper.pbB64 {
padding-bottom: 64px;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox:first-child {
border-top: none;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul {
margin-bottom: 0;
list-style-type: none;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul li {
font-size: 16px;
font-weight: 500;
color: var(--bs-white);
margin-bottom: 20px;
opacity: 0.8;
position: relative;
display: block;
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul li:hover {
color: var(--bs-orange);
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul li::before {
content: "";
position: absolute;
left: -16px;
top: 5px;
width: 13px;
height: 13px;
background: url("../images/homepage/grey-marker.svg") no-repeat center;
background-size: contain;
}
.lyt-section.typ-impact-sec
.box-wrapper
.mainBox
.rightBox
ul
li:hover::before {
background: url("../images/homepage/orange-marker.svg") no-repeat center;
background-size: contain;
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul li.typBlack1 {
color: var(--bs-text-black);
}
.lyt-section.typ-impact-sec
.box-wrapper
.mainBox
.rightBox
ul
li.typBlack1::before {
background: url("../images/homepage/black-marker.svg") no-repeat center;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul li:last-child {
margin-bottom: 0;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox .icon {
opacity: 50%;
}

.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox .icon::before {
font-size: 14px;
color: var(--bs-white);
}

.lyt-section.typ-impact-matters-sec .impact-stick {
position: sticky;
height: 314px;
top: 100px;
}

.lyt-section.typ-impact-matters-sec .row {
padding-bottom: 50px;
}

.lyt-section.typ-success-sec {
background-color: var(--bs-black);
}
.lyt-section.typ-impact-sec.typ-whiteBG {
background-color: var(--bs-white);
}
.bs-btn.typ-border {
border: 1px solid var(--bs-white1);
color: var(--bs-white1);
padding: 20px;
}
.bs-btn.typ-border span svg {
width: 20px;
height: 20px;
}
.bs-btn.typ-border:hover {
border: 1px solid var(--bs-orange);
color: var(--bs-white);
background-color: var(--bs-orange);
}
.lyt-section.typ-whiteBG {
background-color: var(--bs-white1);
}
.lyt-section.typ-whiteBG.typ-white {
background-color: #fff;
}
.bs-counter {
/* display: grid;
align-items: center;
grid-template-columns: repeat(4, auto); */
text-align: left;
overflow: hidden;
position: relative;
max-width: 1070px;
margin: 0 auto;
margin-top: 70px;
}

.bs-counter .box {
border-right: 1px solid #e0e0e0;
/* padding: 20px 51px; */
/* width: 328px; */
font-size: 64px;
font-weight: 200;
line-height: 1;
color: var(--bs-black2);
}
.bs-counter .box:nth-child(n + 2) {
padding-left: 40px;
}

@media screen and (max-width: 1400px) {
.bs-counter .box {
width: 25%;
flex: 0 0 auto;
}
}

.bs-counter .box:last-child {
border-right: none;
}

.bs-counter .box span {
font-size: 96px;
font-weight: 300;
color: var(--bs-black2);
line-height: 1;
letter-spacing: -1.6px;
/* min-width: 160px; */
}

.bs-counter .box span.plus {
position: absolute;
top: 0;
font-weight: 400;
font-size: 36px;
line-height: 2;
}

.bs-counter .box .bs-para {
font-size: 24px;
font-weight: 400;
line-height: 1;
color: var(--bs-grey1);
margin-top: 10px;
}

.bs-grid-box {
/* display: grid;
grid-template-columns: repeat(6, 1fr);
align-items: center;
justify-content: center;
width: 100%;
grid-gap: 14px; */
}

.bs-grid-box.logos-section .box-logo {
/* min-height: 90px; */
display: flex;
align-items: center;
justify-content: center;
min-height: 120px;
padding: 0px 40px;
/* padding: 0px 20px; */
flex: 0 0 auto;
width: 16.66%;
}
.bs-grid-box.logos-section .box-logo img {
/* width: auto;
height: auto; */
width: 100%;
height: 100%;
object-fit: contain;
}
.bs-grid-box.logos-section .box-logo .height-100{
height: 100px;
}
.bs-grid-box.logos-section .box-logo .height-70{
height: 70px;
}
.bs-grid-box.logos-section .box-logo .height-40{
height: 40px;
}
.bs-grid-box.typ-expertise-grid {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 28px;
text-align: left;
}

.bs-grid-box.typ-core-grid {
grid-template-columns: 1fr 1fr 1fr;
column-gap: 80px;
row-gap: 55px;
text-align: left;
align-items: self-start;
}

.bs-grid-box.typ-news-grid {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 36px;
text-align: left;
}

.bs-grid-box.typ-four {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
}

.bs-grid-box.typ-six {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap: 16px;
}

.bs-box {
max-width: 526px;
width: 100%;
margin: 0 auto;
margin-bottom: 74px;
}

.bs-box .img-box {
width: 100%;
max-height: 600px;
height: 100%;
overflow: hidden;
}

.bs-box .img-box.typ-first {
max-height: 466px;
}

.bs-box .img-box.typ-case-study {
height: 441px;
}

.bs-box .img-box img {
/* width: 100%;
height: 100%;
object-fit: cover;
object-position: center; */
transition: ease 0.5s all;
max-width: 526px !important;
}

.bs-box .content-box {
margin-top: 15px;
}

.bs-box .content-box .bs-para {
font-size: 24px;
font-weight: 500;
color: var(--bs-white1);
line-height: 1.3;
margin-bottom: 24px;
}

.bs-box .content-box .bs-para.typ18 {
font-size: 18px;
}

.bs-box .content-box .bs-para:last-child {
font-size: 16px;
color: var(--bs-grey1);
font-weight: 400;
line-height: 1.4;
}

.bs-box.typ-creativeweboNewSlider-box .content-box {
margin-top: 24px;
}

.bs-box.typ-creativeweboNewSlider-box .content-box .bs-para {
margin-bottom: 16px;
}

.bs-box.typ-creativeweboNewSlider-box .content-box .bs-para:last-child {
margin-bottom: 0;
}

.bs-box.typ-creativeweboNews-box {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.bs-box.typ-creativeweboNews-box .content-box {
margin-top: 20px;
}

.bs-box.typ-creativeweboNews-box .content-box .bs-para.typ20 {
font-size: 20px;
}

.bs-box.typ-creativeweboNews-box .content-box .bs-para.typ14 {
font-size: 14px;
}

.bs-box.typ-creativeweboNews-box .content-box .bs-para.typ16 {
font-size: 16px;
}

.bs-box.typ-creativeweboNews-box .img-box.typ-first {
max-height: 407px;
}

.bs-box:hover .img-box img {
transform: scale(1.1);
}

.bs-box:hover:hover .icon {
transform: rotate(36deg);
}

.bs-box.typ-contact {
background: #fbfbfb;
padding: 24px;
border: 1px solid #e0e0e0;
max-width: 100%;
margin-bottom: 0;
padding-bottom: 30px;
height: 100%;
display: flex;
align-items: start;
justify-content: space-between;
flex-direction: column;
}

.lyt-section.typ-designs-sec .customGap {
/* --bs-gutter-x: 86px; */
max-width: 1150px;
margin: 0 auto;
margin-bottom: 100px;
}
.lyt-section.typ-designs-sec .customGap .col-md-6 {
/* padding-left: 0;
padding-right: 0; */
}

.bs-slider-box .logo {
max-width: 163px;
margin-bottom: 44px;
}
.bs-slider-box .logo.w-70 {
max-width: 70px;
}
.bs-slider-box .logo.w-90 {
max-width: 90px;
}
.bs-slider-box .logo.w-50 {
max-width: 50px;
}

.bs-slider-box .logo img {
width: 100%;
}

.bs-slider-box .profileBox {
display: flex;
align-items: center;
grid-gap: 16px;
margin-top: 44px;
}

.bs-slider-box .profileBox .profileIcon {
width: 75px;
height: 75px;
border-radius: 50%;
overflow: hidden;
min-width: 75px;
}

.bs-slider-box .profileBox .profileIcon img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}

.bs-slider-box .profileContent.video {
display: flex;
align-items: center;
gap: 32px;
cursor: pointer;
}

.bs-slider-box .profileContent.video .icon2 {
width: 30px;
height: 30px;
}

.bs-slider-box .profileContent.video .text {
font-family: "Manrope";
color: var(--bs-black2);
}

.bs-swiper .testimonialSlider .swiper-wrapper {
padding-bottom: 80px;
}

.bs-swiper .testimonialSlider .swiper-wrapper {
padding-bottom: 80px;
}

.bs-swiper .testimonialSlider .swiper-wrapper .swiper-slide {
opacity: 0.2;
}

.bs-swiper
.testimonialSlider
.swiper-wrapper
.swiper-slide.swiper-slide-active {
opacity: 1;
padding: 24px 48px;
padding: 24px;
box-shadow: 0px 6px 13px 0px rgba(87, 87, 87, 0.0509803922),
0px 24px 24px 0px rgba(87, 87, 87, 0.0392156863),
0px 53px 32px 0px rgba(87, 87, 87, 0.031372549),
0px 95px 38px 0px rgba(87, 87, 87, 0.0117647059),
0px 148px 41px 0px rgba(87, 87, 87, 0);
}

.bs-swiper .position-absolute {
width: 100%;
max-width: 150px;
top: 20px;
right: 22%;
display: flex;
align-items: center;
justify-content: center;
z-index: 999999;
height: 60px;
}

.bs-swiper .position-absolute .testimonial-next {
z-index: 99;
opacity: 0.5;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}
.bs-swiper .position-absolute .testimonial-next span svg {
width: 16px;
}

.bs-swiper .position-absolute .testimonial-next::after {
display: none;
}

.bs-swiper .position-absolute .testimonial-next:hover {
opacity: 1;
}

.bs-swiper .position-absolute .testimonial-prev {
z-index: 99;
opacity: 0.5;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
}

.bs-swiper .position-absolute .testimonial-prev::after {
display: none;
}

.bs-swiper .position-absolute .testimonial-prev:hover {
opacity: 1;
}

.bs-swiper .position-absolute .testimonial-pagination {
top: 50%;
bottom: auto;
transform: translateY(-50%);
color: var(--bs-grey1);
}

.bs-swiper
.position-absolute
.testimonial-pagination
.swiper-pagination-current {
color: var(--bs-black2);
}

.bs-swiper.typ-creativeweboNewSlider .creativeweboNewSlider-next {
opacity: 0.5;
top: calc(50% - 45px);
}
.bs-accordion.typ-new-index-accordian {
margin-bottom: 64px;
}
.lyt-section.typ-form-new .location-details {
margin-bottom: 24px;
}
.lyt-section.typ-form-new .location-details .location {
margin-bottom: 14px;
}
.lyt-section.typ-form-new .location-details .location .location-detail-name {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 14px;
}
.lyt-section.typ-form-new
.location-details
.location
.location-detail-name
.location-img {
flex-shrink: 0;
}
.lyt-section.typ-form-new
.location-details
.location
.location-detail-name
.location-img
img {
width: 24px;
height: auto;
}
.lyt-section.typ-form-new
.location-details
.location
.location-detail-name
.location-name {
flex-grow: 1;
color: var(--bs-orange);
font-size: 18px;
font-weight: 500;
line-height: 120%;
text-transform: capitalize;
margin-bottom: 0;
}
.lyt-section.typ-form-new .location-details .list-unstyled1 {
list-style-type: none;
}
.lyt-section.typ-form-new .location-details .list-unstyled1 li {
margin-bottom: 14px;
}
.lyt-section.typ-form-new .location-details .list-unstyled1 li a {
color: var(--bs-text-black);
font-size: 14px;
font-weight: 400;
line-height: 128.571%;
text-transform: capitalize;
}
.lyt-section.typ-form-new .location-details .list-unstyled1 li:last-child {
margin-bottom: 0px;
}
.lyt-section.typ-form-new .bs-form.typ-career .input-field {
color: var(--bs-text-black);
border-bottom: 1px solid #bababa;
}
.lyt-section.typ-form-new .bs-form.typ-career .input-field::placeholder {
color: var(--bs-text-black);
}
.lyt-section.typ-form-new
.input
.input-field.form-control.services-form-placeholder {
color: var(--bs-text-black);
}
.lyt-section.typ-form-new
.input
.input-field.form-control.services-form-placeholder::placeholder {
color: var(--bs-text-black);
}
.lyt-section.typ-form-new .selectbudgetRange {
color: var(--bs-text-black);
background-color: var(--bs-white1);
border-bottom: 1px solid #bababa;
}
.lyt-section.typ-form-new .bs-form input,
.lyt-section.typ-form-new .bs-form textarea,
.lyt-section.typ-form-new .bs-form .custom-file-label {
color: var(--bs-text-black);
}
.lyt-section.typ-form-new .services-form-placeholder::placeholder {
color: var(--bs-text-black) !important;
}
.lyt-section.typ-form-new #capatchaTextBox::placeholder {
color: var(--bs-text-black) !important;
}
.lyt-section.typ-form-new .bs-form input {
border-bottom: 1px solid #bababa;
}
.bs-btn.typ-orange-variation.slide_down:hover {
box-shadow: none;
}
.lyt-section.typ-faq-new .bs-accordion .panel .panel-heading {
margin-bottom: 0;
}
.lyt-section.typ-faq-new .bs-accordion .new-card-header-txt {
padding: 20px 20px;
font-weight: 300;
}
.budgetRange {
color: rgba(255, 255, 255, 0.6);
background-color: var(--bs-white);
}
.video-wrapper {
position: relative;
z-index: 1;
}
.fancybox__content {
max-width: 90vw !important;
max-height: 90vh !important;
}
.lyt-section.typ-faq-new .panel-group.bs-accordion .panel.panel-default {
border: 0;
border-top: 1px solid #414141;
border-bottom: 1px solid #414141;
}
.lyt-section.typ-faq-new .bs-accordion .panel-body {
margin-bottom: 15px;
padding: 12px 20px;
padding-top: 0;
}
.bs-footer .logosection .container {
border-top: 1px solid #414141;
border-bottom: 1px solid #414141;
padding-top: 24px;
padding-bottom: 24px;
}
.bs-footer .logosection .align-item-center {
align-items: center;
}
.bs-footer .logosection .clutch-section img {
width: auto;
}
.bs-footer .logosection {
/* padding-top: 24px;
padding-bottom: 24px; */
}
.bs-footer .logosection img {
width: auto;
}
.bs-footer .logosection .multiple-logos {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 32px;
}

.bs-footer .logosection .multiple-logos .img-section-logo {
width: auto;
}
.lyt-section.typ-whiteBG.founders-video-section .video-section {
display: inline-block;
position: relative;
}
/* .lyt-section.typ-whiteBG.founders-video-section .video-section::after {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.74);
} */
.lyt-section.typ-whiteBG.founders-video-section
.video-section
.video-section-area {
display: flex;
justify-content: flex-end;
}
.lyt-section.typ-whiteBG.founders-video-section
.video-section
.video-section-area
img {
width: auto;
}
.lyt-section.typ-whiteBG.founders-video-section .video-section .play-icons {
display: flex;
/* align-items: center;
justify-content: center; */
align-content: center;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
align-items: flex-start;
justify-content: flex-end;
top: 30px;
right: 30px;  
}
.lyt-section.typ-whiteBG.founders-video-section .video-section .play-icons .pulsating-play-btn {
width: 64px;
height: 64px;
background: radial-gradient(var(--bs-blue) 50%,
color-mix(in srgb, var(--bs-blue), transparent 75%) 52%);
border-radius: 50%;
display: block;
position: relative;
overflow: hidden;
}
.lyt-section.typ-whiteBG.founders-video-section .video-section .play-icons .pulsating-play-btn:before {
content: "";
position: absolute;
width: 90px;
height: 90px;
animation-delay: 0s;
animation: pulsate-play-btn 2s;
animation-direction: forwards;
animation-iteration-count: infinite;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid color-mix(in srgb, var(--bs-blue), transparent 30%);
top: -20%;
left: -20%;
background: rgba(198, 16, 0, 0);
}

.lyt-section.typ-whiteBG.founders-video-section .video-section .play-icons .pulsating-play-btn:after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 100;
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.lyt-section.typ-designs-sec .bs-box:hover .bs-btn.typ-nonBg .svg-flip svg {
transform: rotate(0deg);
}

.lyt-section.typ-whiteBG.founders-video-section .video-section {
display: block !important;
width: 100%;
}
/* .lyt-section.typ-whiteBG.founders-video-section .video-section::after {
background-color: transparent !important;
} */

.lyt-section.typ-whiteBG.founders-video-section
.video-section
.video-section-area {
display: flex;
justify-content: flex-end;
width: 100%;
}
.lyt-section.typ-whiteBG.founders-video-section
.video-section
.video-section-area
img {
width: 100% !important;
}

.hover-wrap{
position: relative;
display: inline-block;
overflow: hidden;
cursor: none;
}

.hover-circle{
position: absolute;
width: 120px;
height: 120px;
border-radius: 50%;
background: rgba(255, 94, 0, 0.9);  
display:flex;
align-items:center;
justify-content:center;
pointer-events:none;
opacity:0;
transform: scale(0.6);
transition: opacity .2s ease, transform .2s ease;
text-align: center;
align-items: center;

}
.hover-circle span{
font-size: 16px;
max-width: 70px;
margin: 0 auto;
color: #fff;
}

.captcha-bx #captcha {
background: #6f6d6d;
color: #000;
}
.bs-para.typ700{
font-weight: 600;
}

/* main css kill */

/* E-invoice css start */
.peppol-blue{
padding: 12px 24px;
background-color: #fff;
display: inline-block;
}
.peppol-blue img{
width: auto;
}
/* .lyt-section.typ-logo {
padding: 40px 0;
position: relative;
pointer-events: none;
border: 1px solid;
border-image-source: linear-gradient(90deg, rgba(224, 224, 224, 0) 0%, #000 50%, rgba(224, 224, 224, 0) 100%);
border-image-slice: 1
}

.lyt-section.typ-logo::before {
content: "";
display: block;
width: 200px;
height: 100px;
height: 100%;
background: linear-gradient(270deg, rgba(251, 251, 251, 0) 0%, #000 100%);
position: absolute;
left: 0;
top: 0;
z-index: 11;
pointer-events: none
}

.lyt-section.typ-logo::after {
content: "";
display: block;
width: 200px;
height: 100px;
height: 100%;
background: linear-gradient(90deg, rgba(251, 251, 251, 0) 0%, #000 100%);
position: absolute;
right: 0;
top: 0;
z-index: 11;
pointer-events: none
} */

/* .lyt-section.typ-logo .bs-swiper .logoSwiper .swiper-wrapper .swiper-slide .logo-wrapper img {
width: auto;
} */
.lyt-section.typ-invoice-logo .typ-1024 .custom-col .img-wrapper img {
width: auto;
}

.lyt-section.typ-invoice-logo{
padding-top: 48px;
padding-bottom: 48px;
border-top: 1px solid #414141;
border-bottom: 1px solid #414141;
}
.lyt-section.typ-timeline {

}
.lyt-section.typ-timeline .exclusions{
font-weight: 400;
font-size: 18px;
line-height: 160%;
letter-spacing: -0.18px;
vertical-align: middle;
margin-top: 50px;
margin-bottom: 0;
}
.lyt-section.typ-timeline .exclusions span{
color: var(--bs-orange);
font-weight: 500;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper  {
border-bottom: 1px solid #2C2C2C;
overflow: hidden;
padding-top: 10px;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper {
margin-bottom: 48px;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box {
padding-right: 20px;
border-top: 2px dashed rgba(65, 65, 65, 1);
position: relative;
height: 100%;
padding-top: 50px;
text-align: left;
display: block;
width: 100%;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .max-310 {
max-width: 310px;
}

.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 20px;
height: 20px;
background: var(--bs-orange);
border-radius: 50%;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .number{
font-weight: 700;
font-size: 18px;
line-height: 100%;
letter-spacing: -1px;
vertical-align: middle;
margin-bottom: 20px;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .title{
font-weight: 700;
font-size: 24px;
line-height: 100%;
letter-spacing: -1.65px;
margin-bottom: 20px;
color: var(--bs-orange);
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .pointers{
position: relative;
list-style-type: none;
padding-left: 15px;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .pointers li{
font-weight: 500;
font-size: 16px;
line-height: 140%;
letter-spacing: -0.18px;
vertical-align: middle;
color: #fff;
position: relative;
margin-bottom: 20px;
/* max-width: 310px; */
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .pointers li:last-child{
margin-bottom: 0px;
}
.lyt-section.typ-timeline .bs-swiper.typ-hire-swiper .swiper .swiper-wrapper .swiper-slide .bs-hire-box .pointers li::before {
content: "";
position: absolute;
left: -16px;
top: 5px;
width: 13px;
height: 13px;
background: url("../images/homepage/grey-marker.svg") no-repeat center;
background-size: contain;
}
.lyt-section.typ-invoice-logo .typ-1024 .custom-col{
width: 16.66%;
}
.lyt-section.typ-invoice-logo .typ-1024 .custom-col .img-wrapper{
text-align: center;
}
.lyt-section.typ-uae-invoicing{
border-top: 1px solid #414141;
}
.lyt-section.typ-uae-invoicing .card-invoice {
transition: all 0.5s;
padding: 42px 10px 42px 42px;
border: 1px solid #414141;
height: 100%;
}
.lyt-section.typ-uae-invoicing .card-invoice .img-section {
width: 48px;
display: block;
margin-bottom: 10px;
}
.lyt-section.typ-uae-invoicing .card-invoice .img-section img {
width: auto;
}
.lyt-section.typ-uae-invoicing .card-invoice .text-section .title {
font-size: 20px;
line-height: 140%;
letter-spacing: -0.29px;
color: #efefef;
font-weight: 500;
margin-bottom: 10px;
}
.lyt-section.typ-uae-invoicing .card-invoice .text-section .para {
font-size: 16px;
line-height: 140%;
letter-spacing: -0.29px;
color: #efefef;
font-weight: 500;
margin-bottom: 0;
}
.lyt-section.typ-uae-invoicing .custom-row {
margin-left:-12px;
margin-right:-12px;
}
.lyt-section.typ-uae-invoicing .custom-row .col-md-6 {
margin-bottom: 0;
}
.lyt-section.typ-uae-invoicing .custom-row .col-md-6:nth-child(1),  .lyt-section.typ-uae-invoicing .custom-row .col-md-6:nth-child(2),  .lyt-section.typ-uae-invoicing .custom-row .col-md-6:nth-child(3) {
margin-bottom: 24px;
}
.lyt-section.typ-uae-invoicing .custom-row > [class^="col"]{
padding-left:12px;
padding-right:12px;
}
.lyt-section.typ-uae-invoicing .card-invoice:hover {
background-color: #efefef;
border: 1px solid #efefef
}

.lyt-section.typ-uae-invoicing .card-invoice:hover .text-section .title {
color: #141414
}
.lyt-section.typ-uae-invoicing .card-invoice:hover .text-section .para {
color: #141414
}
.lyt-section.typ-fta-ready {
border-top: 1px solid #414141;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider{
overflow: hidden;
margin-bottom: 48px;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-wrapper .swiper-slide{
height: auto;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .swiper{
width: 100%;
max-width: 92%;
margin: 0 auto;
overflow: hidden;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-wrapper .swiper-slide .numberBox {
border: 1px solid #787878;
padding: 20px;
display: block;
text-align: left;
height: 100%;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-wrapper .swiper-slide .numberBox .boxWrapper .number {
font-size: 12px;
line-height: normal;
font-weight: 400;
margin-bottom: 14px;
color: #f04e23;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-wrapper .swiper-slide .numberBox .boxWrapper .title {
font-size: 24px;
line-height: normal;
font-weight: 600;
margin-bottom: 60px;
color: #efefef;
letter-spacing: -0.22px;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-wrapper .swiper-slide .numberBox .boxWrapper .description {
font-size: 16px;
line-height: 140%;
font-weight: 400;
margin-bottom: 22px;
color: #efefef;
letter-spacing: -0.22px;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-button-next.ready-next,  .lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-container-rtl .swiper-button-prev.ready-prev{
background-image: none;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-button-next.ready-next,  .lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-container-rtl .swiper-button-prev.ready-prev{
background-image: none;
}
.swiper-button-next.ready-next img{
width: auto;
}
.swiper-button-prev.ready-prev img{
width: auto;
}
.swiper-button-next.ready-next, .swiper-button-prev.ready-prev  {
background: transparent;
}
.swiper-button-prev.ready-prev{
left: 0;
}
.swiper-button-next.ready-next{
right: 0;
}
.bs-counter.typ-invoice{
max-width: 1292px;
margin-top: 0;
}
.bs-counter.typ-invoice .box .bs-para {
max-width: 170px;
}
.lyt-section.typ-invoice-banner .formSection{
background-color: #EFEFEF;
padding: 24px;
}
.iti--separate-dial-code .iti__selected-dial-code, .iti__country-name {
color: #69696e; 
}

.lyt-section.typ-invoice-banner .formSection .title {
font-size: 24px;
line-height: normal;
letter-spacing: -1px;
font-weight: 500;
margin-bottom: 24px;
color: #2E2E36;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group .form-control {
background-color: #f5f5f5;
border-color: #d2d2d2;
min-height: 48px;
font-size: 16px;
color: #69696e;
padding: 6px 6px;
border: 1px solid #d2d2d2;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group .form-control:focus {
outline: 0;
box-shadow: none;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group{
/* margin-bottom: 16px; */
margin-bottom: 24px;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group .captcha-bx{
position: relative;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group .captcha-bx #captcha {
    position: absolute;
    top: 4px;
    right: 0;
    bottom: 0;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group label.error{
position: absolute;
font-size: 12px;
    color: red;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group label#agree-error{
    position: absolute;
    color: red;
    top: 24px;
    font-size: 12px;
    margin-bottom: 0;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group .iti {
width: 100%;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group.form-check .form-check-label{
color: #2E2E36;
font-size: 14px;
line-height: normal;
}

.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group.form-check .form-check-label a{
color: #2E3192
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group.form-check{
padding-left: 32px;
margin-bottom: 45px;
}
.lyt-section.typ-invoice-banner .formSection .enquiry-form .form-group.form-check .form-check-input {
width: 20px;
height: 20px;
margin-top: 0px;
margin-left: -30px;
}
.lyt-section.typ-execution-sec .wrapper-box {
background-image: url(../images/e-invoice/cta-bg.jpg);
background-size: cover;
background-position: center;
padding: 74px 32px;
}
.bs-btn.typ-border.typ-pd-1520{
padding: 15px 20px;
}
.bs-btn.typ-border.typ-pd-1520.typ-black{
  background-color: transparent;
}
.bs-btn.typ-border.typ-pd-1520.typ-black:hover{
border: 1px solid #000;
box-shadow: none;
background-color: #000;

}
.bs-para.marb80 {
margin-bottom: 80px;
}



@media (min-width: 1366px) {
.lyt-section.typ-invoice-logo .typ-1024 {
max-width: 1024px;
} 
}

@media (min-width: 992px) {
.ms-lg-5 {
margin-left: 3rem !important;
}
}
@media (max-width:1024px){
 .bs-counter.typ-invoice .box span.counter {
    font-size: 55px;
} 
 .bs-counter.typ-invoice .box span.percentage {
    font-size: 55px;
} 
.bs-counter.typ-invoice .box span.plus{
font-size: 25px;
}
    .bs-counter.typ-invoice .box .bs-para{
      font-size: 16px;
    }
}
@media (max-width: 992px) {
.bs-grid-box.logos-section .box-logo { 
width: 20%;
}
.lyt-section {
padding: 50px 0;
}
.bs-heading {
font-size: 32px;
}

.bs-heading.typ36 {
font-size: 26px;
}
.bs-counter {
grid-template-columns: repeat(4, auto);
}

.bs-counter .box {
/* width: 174.14px; */
font-size: 36px;
padding: 20px;
}

.bs-counter .box:last-child {
border-right: none;
}

.bs-counter .box span {
font-size: 46px;
}

.bs-counter .box .bs-para {
font-size: 18px;
}
.bs-grid-box {
grid-template-columns: repeat(5, 1fr);
}

.bs-grid-box.typ-expertise-grid {
grid-template-columns: 1fr 1fr;
}

.bs-grid-box.typ-six {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 16px;
}

.bs-grid-box.typ-core-grid {
grid-template-columns: 1fr 1fr;
column-gap: 80px;
row-gap: 55px;
}

.bs-grid-box.typ-news-grid {
grid-template-columns: 1fr 1fr;
text-align: left;
}
.bs-box {
margin-bottom: 55px;
}

.bs-box .img-box.typ-first {
max-height: 280px;
}

.bs-box .content-box .bs-para {
font-size: 20px;
margin-bottom: 18px;
}

.bs-box.typ-creativeweboNews-box {
height: 100%;
}

.bs-box.typ-creativeweboNews-box .content-box .bs-para.typ20 {
font-size: 20px;
}

.bs-box.typ-creativeweboNews-box .img-box.typ-first {
max-height: 280px;
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox .centerBox {
margin-bottom: 20px;
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul {
padding-left: 2rem;
}
.marb60 {
margin-bottom: 30px;
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox {
padding: 26px 12px;
}
.lyt-section.typ-impact-sec .box-wrapper.pbB64 {
padding-bottom: 26px;
}
.bs-counter {
margin-top: 30px;
}
.lyt-section.typ-designs-sec .customGap {
/* --bs-gutter-x: 30px; */
margin-bottom: 64px;
}
.lyt-section.typ-whiteBG.typ-testimonial-new {
padding-bottom: 0;
}
.form-pd {
padding: 0px;
}
.bs-swiper .position-absolute {
width: 100%;
max-width: 150px;
top: 10px;
right: 9%;
}
.lyt-section.typ-video-sec .video-wrapper .show-video {
width: 120px;
height: 120px;
}
.lyt-section.typ-video-sec .video-wrapper .show-video .cssshowreel {
-webkit-animation: animation 12s linear infinite;
animation: animation 12s linear infinite;
width: 110px;
height: auto;
}
.lyt-section.typ-uae-invoicing .custom-row .col-md-6:nth-child(4){
margin-bottom: 24px;
}
.lyt-section.typ-invoice-banner .heding-content{
margin-bottom: 50px;
}
 .bs-counter.typ-invoice .box span.counter {
    font-size: 45px;
} 
 .bs-counter.typ-invoice .box span.percentage {
    font-size: 45px;
} 
.bs-counter.typ-invoice .box span.plus{
font-size: 25px;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .swiper {      
    max-width: 92.8%;
}
.bs-heading.typ48 {
    font-size: 32px;
}
}

@media (max-width: 767px) {
.bs-btn {
font-size: 12px;
padding: 6px 12px;
}
.bs-btn.typ-orange-variation.typ-pd-1520 {
font-size: 12px;
padding: 6px 12px;
margin-bottom: 10px;
}
.lyt-section.typ-video-sec .video-wrapper .show-video span {
font-size: 12px;
}
.lyt-section.typ-video-sec .video-wrapper .show-video {
width: 60px;
height: 60px;
}
.lyt-section.typ-video-sec.pt-0 {
padding-bottom: 0;
}
.bs-para {
font-size: 16px;
}
.bs-heading.typ36 {
font-size: 22px;
}
.bs-counter {
grid-template-columns: repeat(2, auto);
}

.bs-counter .box {
width: 145px;
border-right: none;
}
.bs-grid-box {
grid-template-columns: repeat(2, 1fr);
}

.bs-grid-box.typ-expertise-grid {
grid-template-columns: 1fr;
}

.bs-grid-box.typ-six {
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 16px;
}

.bs-grid-box.typ-core-grid {
grid-template-columns: 1fr;
row-gap: 40px;
}

.bs-grid-box.typ-news-grid {
grid-template-columns: 1fr;
grid-gap: 36px;
text-align: left;
}
.bs-box {
margin-bottom: 45px;
}
.bs-swiper .testimonialSlider .swiper-wrapper {
padding-bottom: 60px;
}
.bs-slider-box .profileContent.video {
flex-direction: column;
gap: 10px;
align-items: start;
}
.lyt-section.typ-impact-sec .box-wrapper .mainBox .rightBox ul {
padding-left: 1rem;
}
.bs-swiper .position-absolute {
right: 4%;
max-width: 110px;
top: 10px;
padding: 24px 12px;
}
.lyt-section.typ-designs-sec .customGap {
/* --bs-gutter-x: 0px; */
margin-bottom: 36px;
}
.bs-swiper
.testimonialSlider
.swiper-wrapper
.swiper-slide.swiper-slide-active {
padding: 24px 12px;
}

.bs-para.typ12 {
font-size: 12px;
}

.bs-btn.typ-border {
padding: 6px 12px;
}
.bs-header .hide-for-large {
display: flex;
z-index: 1030;
}
.bs-accordion .new-card-header-txt {
font-size: 16px;
color: #fff;
}
.lyt-section.typ-designs-sec .customGap .col-md-6 {
padding-left: 0;
padding-right: 0;
}
.lyt-section.typ-designs-sec .customGap {
margin-bottom: 50px;
}
.bs-footer .logosection .clutch-section {
text-align: center;
margin-bottom: 24px;
}
.bs-footer .logosection .multiple-logos {
justify-content: center;
}
.lyt-section.typ-video-sec .video-wrapper .show-video {
width: 90px;
height: 90px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
right: auto;
}
.lyt-section.typ-video-sec .video-wrapper .show-video .cssshowreel {
-webkit-animation: animation 12s linear infinite;
animation: animation 12s linear infinite;
width: 80px;
height: auto;
}
.lyt-section.typ-whiteBG.founders-video-section .video-section {
display: block;
position: relative;
}
.hover-circle {
display: none !important;
}

/* restore normal cursor on mobile */
.hover-wrap {
cursor: auto !important;
}
.bs-btn.typ-nonBg.mrgL-38 {
margin-left: 18px;
}
.lyt-section.typ-faq-new .bs-accordion .new-card-header-txt, .lyt-section.typ-faq-new .bs-accordion .panel-body{
padding-left: 0;
}
.bs-para.typ700 {
font-weight: 600;
margin-bottom: 10px;
}
.lyt-section.typ-whiteBG.founders-video-section .video-section .play-icons {
top: 10px;
right: 10px;
}
.bs-grid-box.logos-section .box-logo {

width: 50%;
min-height: 90px;
}
.bs-accordion i{
right: 0;
}
/* .bs-grid-box.logos-section .box-logo .height-70{
height: 40px;
} */
.lyt-section.typ-invoice-logo .typ-1024 .custom-col {
width: 33.33%;
}
.lyt-section.typ-invoice-logo .typ-1024 .custom-col:nth-child(1), .lyt-section.typ-invoice-logo .typ-1024 .custom-col:nth-child(2), .lyt-section.typ-invoice-logo .typ-1024 .custom-col:nth-child(3) {
margin-bottom: 24px;
}
.lyt-section.typ-uae-invoicing .custom-row .col-md-6{
margin-bottom: 24px;
}
.lyt-section.typ-uae-invoicing .custom-row .col-md-6:last-child{
margin-bottom: 0px;
}
.lyt-section.typ-uae-invoicing .card-invoice {
padding: 24px 16px;
}
.lyt-section.typ-timeline .exclusions {
font-size: 14px;
margin-top: 40px;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .fta-ready-swiper .swiper-wrapper .swiper-slide .numberBox{
padding: 16px;
}
.lyt-section.typ-fta-ready .bs-swiper.typ-fta-ready-slider .swiper {
width: 100%;
max-width: 84%;
}
 .bs-counter.typ-invoice .box {
  width: 50%;
padding-left: 0;
 }
 .lyt-section.typ-execution-sec .wrapper-box {
    padding: 50px 16px;
}
.bs-para.marb80 {
    margin-bottom: 40px;
}
}

@keyframes animation {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}

100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes pulsate-play-btn {
0% {
transform: scale(0.6, 0.6);
opacity: 1;
}

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