body,
html {
	 font-family: "Poppins";
	overflow-x: hidden;
	color: #000;
}
p{
	font-size: 18px;
	font-weight: 600;
}
html {
	scroll-behavior: smooth;
}

* {
	padding: 0;
	margin: 0;
	outline: none;
	text-decoration: none;
	list-style: none
}
header.header-wrp {
    text-align: center;
    /* padding: 15px; */
}
header.header-wrp a.navbar-brand {
    padding: 25px 0px;
}
header.header-wrp .border-image{
	width: 100%;
    height: 3px;
}
section.banner-wrp.bn-block {
    /* background: url(../images/banner.png) no-repeat;
    background-size: cover;
    color: #fff; */
}
section.banner-wrp.bn-block {
    padding: 20px 60px 10px 120px;
}

.new-page-2 h1 {
    font-size: 70px;
}
.why-us-process .desc_card b {
    font-weight: 600;
}
/* a.explore {
    display: flex;
    align-content: center;
} */
a.explore.explore-black-color {
    text-decoration: none;
}
.explore > img {
	display: inline-block !important;
	width: 50px;
}

.explore:hover {
	text-decoration: none;
}

.explore > span {
	margin-right: 10px;
	text-decoration: underline;
}
.bn-right p.spacer {
    height: 60px;
}
.second-block {
	padding: 0rem 0 0;

}
section.happy-customer-section {
    padding: 132px 0px;
}

.second-block .plane-block {
	position: relative
}

.second-right {
	padding-top: 11rem;
	padding-right: 4rem;
	/* margin-left: -4rem; */
	position: relative;
	padding-bottom: 9rem;
}

.second-right:after {
	position: absolute;
	content: "";
	background: url(../images/dotted-bg-pattern1.svg) no-repeat;
	bottom: 0px;
	right: 0;
	width: 288px;
	height: 166px;
}
.second-right .explore > span {
    color: #1D1D1D;
}
.second-right .h2 {
    line-height: 58px;
    font-size: 34px;
    color: #1D1D1D;
}
.second-bl-col-left {
    padding-top: 30px;
}
.limitless-block .scene:after {
	content: inherit
}

.limitless-block .horizontal-scroll-section__content-wrapper {
	height: 100%;
}

.limitless-block .horizontal-scroll-section__content-section {
	min-width: 100vw;
	margin-top: -1px;
	margin-right: -1px;

}
.limitless-block .horizontal-scroll-section__content-section:after {
	content: inherit
}
.limitless-block {
	padding: 0px;
	
	display: flex;
	padding: 6rem 0;
	align-items: center;
	justify-content: center;
	overflow: hidden
}
img.mw-100-1 {
    width: 140%;
    margin-left: -276px;
}

.limitless-block svg {
	width: 100vw;
	height: 100vh
}

.limitless-block .scene--active {
	position: fixed;
	padding: 0;
}

.limitless-block .scene--ended {
	position: absolute;
	bottom: 0;
	top: auto;
}

.limitless-block .horizontal-scroll-section__content-section:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	background: #000;
}


.circle-slider {
	position: relative;
	top: -1px;
	z-index: 11;
}

.circle-slider .csleft-block .h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 54px;
	line-height: 60px;
}

.csleft-block {
	padding-left: 9rem;
}

.csleft-block .h3 > span {
    display: block;
    color: #005CE6;
}

.circle-slider .csright-block {
	position: relative;
	padding-top: 4px;

}

.circle-slider .csright-block > p {
	padding-right: 6rem;
    padding-left: 11rem;
}


.circle-slider .scroll-svg {
	position: relative;
	padding-right: 0rem;
	margin-top: -84px;
}

.circle-top {
	/* padding: 2rem 0 0; */
}

.circle-slider:after {
	position: absolute;
	content: "";
	background: url(../images/dotted-bg-pattern2.svg) no-repeat;
	top: 0px;
	
	width: 174px;
	height: 112px;
	z-index: -11;
}

.hero {
	height: 100vh;
	min-height: 400px;
	background: #005CE6;
	color: #fff;
	display: flex;
	align-items: center;
}

.hero-wrap {
	height: 100%;
	width: 100%;
	background: #005CE6;
	display: flex;
	position: relative;
}

.hero__left h3 {
	font-size: 45px;
}

.hero__right {
	position: absolute;
	right: 0px;
	height: 100%;
	padding-left: 0px;
	width: 45%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
ul.hybrid-model-ul {
    padding: 0;
}
.hybrid-model-ul li:first-child {
    margin-bottom: 10px;
}
.hybrid-model-ul li > span {
    font-weight: 300;
}
.hero__item {
	padding: 20px;
	background: #111;
	border: 4px solid #333;
	height: 360px;
	margin-bottom: 40px;
	transition: all 0.4s ease-out;
	font-size: 30px;
}

.hero__item:last-child {
	margin: 0;
}
.circle-slider .slick-track {
	padding: 0rem 0 0;
	display: inline-block
}

.circle-slider .slick-h1 {
	font-size: 34px;
	font-weight: 700
}

.circle-slider .slick-p {
	padding: 10px 0 0 37px;
	max-width: 63%;
	font-size: 18px;
}

.dark-bg {
	background: #000;
	color: #fff;
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.white-bg {
	background: red;
	height: 100vh;
}


.slider-header-1 {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	color: #fff;
}

.circle-slider .slick-dots {
	top: 50%;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	bottom: inherit;
	padding-right: 3rem;
}

.slick-dots li button:before {
	opacity: 1 !important
}

.slick-dots li button:before {
	color: #fff;
}

.slick-dots li.slick-active button:before {
	color: #53b6e7;
}
.hero__left {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.image-scr {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0%;
    right: 0;
    left: 0;
    min-width: 100px !important;
    bottom: auto;
    background: url(../images/transforming-bg4.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    clip-path: circle(100px at 35% 30%);
}
.fast-simple-block {
	padding: 5rem 0;
	overflow: hidden;
    background: #1D1D1D;
	color: #ffffff;
}

.fast-slider {
	position: relative;
	padding-bottom: 2rem
}

.edge-block .swiper-pagination-bullet, .fast-slider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	background: #fff
}

.edge-block .swiper-pagination-bullet-active, .fast-slider .swiper-pagination-bullet-active {
	background: #007aff
}

.fast-slider .swiper-wrapper {
	margin: 0px;
}

.fast-slider li {
	padding: 0 40px;
	display: flex;
	align-items: center;
	position: relative
}

div#thumbsSlider {
    padding-bottom: 2rem;
}
div#thumbsSlider .swiper-pagination {
    bottom: 0px;
}
.fast-slider li.last:after {
	content: inherit
}

.fast-slider li:after {
	position: absolute;
	content: '';
	width: 16%;
	height: 1px;
	/* right: 0; */
    right: 20px;
	BORDER: 1px dashed rgb(196 196 196 / 35%);
	letter-spacing: 30px;
}
.fast-slider span.swiper-pagination-bullet {
    border: 1px solid;
    width: 16px;
    height: 16px;
    opacity: 1;
    background: transparent;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #005CE6;
	
	border: 1px solid #005CE6;
}
.fast-slider .fast-left {
	flex: 0 0 40%
}

.fast-slider .fast-right {
	padding-left: 4rem;
	position: relative
}


.fast-simple-block .scleft-block {}

.fast-simple-block .scleft-block .h3 {
	
	font-style: normal;
	font-weight: 700;
	font-size: 54px;
	line-height: 60px;
	padding-left: 4rem;
}

.scleft-block .scroll-svg {
	position: relative;
	padding-right: 10rem;
}

.scroll-svg:after {
	position: absolute;
	content: "";
	background: url(../images/plane.png) no-repeat;
	width: 87px;
	height: 67px;
	top: -40px;
	right: 6rem;
	transform: rotate(1deg);
	z-index: 12;
}

.scleft-block .h3 > span {
	color: #005CE6;
	display: block
}

.fast-simple-block .scright-block {
	position: relative;
	padding-right: 9rem;
}
/*div#myModal .modal-content .gradient {
	background-color: linear-gradient(90deg, #53B6E7 32.72%, #4D3F98 58.2%);
	-webkit-mask-image: linear-gradient(90deg, #53B6E7 32.72%, #4D3F98 58.2%);
}
*/
.fast-simple-block .scright-block:after {
	position: absolute;
	content: "";
	background: url(../images/black-dotted-bg-pattern.svg) no-repeat;
	top: -5px;
	right: 0em;
	width: 174px;
	height: 112px;
}

.fast-simple-block .scright-block > p {
	padding-right: 3rem;
}
h2.wmth-heading {
    font-size: 100px;
    text-align: center;
    font-weight: 700;
}
.wmth-heading > span, .testimonial-heading > span, .footer h2 > span{
    color: #005CE6;
}
section.wmth-block {
    padding-top: 50px;
    background: #F4F4F4;
}
section.wmth-block img{
    margin-top: 50px;
}
section.testimonial-block {
    padding: 4rem 0 0;
}
.testimonial-heading {
    color: #1D1D1D;
    font-size: 54px !important;
    font-weight: 700 !important;
}
.edge-swiper {
	/*	max-width: 70%*/
	overflow: hidden
}

.edge-swiper .swiper-wrapper {}

.edge-swiper .swiper-slide {
	opacity: 0 !important
}

.edge-swiper .swiper-slide.swiper-slide-active {
	opacity: 1 !important
}

.edge-swiper .edge-slide {
	display: flex;
	align-items: center;
}

.edge-swiper .left-image {
	overflow: hidden;
	position: relative;
	z-index: 22;
	padding: 1rem;
	flex: 0 0 30%;
}

.edge-swiper .left-image .ellipse {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: -1;
}


.edge-swiper .right-text {
	padding-left: 6rem;
	padding-right: 3em;
}

.edge-swiper .right-text h3 {
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 600;
}

.edge-swiper .right-text h3 > b {
	font-weight: 600;
	font-size: 20px;
}

.edge-swiper .right-text > p {
	font-size: 18px;
	font-weight: 600
}

.edge-swiper .swiper {
	width: 100%;
	height: 100%;
}
.testimonial-heading-wrp:after {
    position: absolute;
    content: "";
    background: url(../images/dotted-bg-pattern1.svg) no-repeat;
    right: -270px;
    top: 0px;
    width: 288px;
    height: 166px;
}
.testimonial-heading-wrp {
    position: relative;
}
.testimonial-wrp .swiper-container.edge-swiper.swiper-fade.swiper-initialized.swiper-horizontal.swiper-watch-progress.swiper-backface-hidden {
    position: relative;
}
.testimonial-wrp .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: left;
    padding-left: 23rem;
    bottom: 28px;
}
footer.footer {
    background: #1D1D1D;
    padding: 4rem 0px;
    color: #fff;
    text-align: center;
}
.footer h2 {
    font-size: 100px;
    font-weight: 500;
    text-align: center;
}
h2.footer-h2 {
    margin-bottom: 2rem;
}
p.footer-p {
    font-size: 22px;
    line-height: 1.2em;
	 font-weight: 400;
}
p.footer-p.footer-p1 {
    margin-bottom: 3rem;
}
p.copyright-p {
    margin-top: 4rem;
}
.testimonial-block {
    position: relative;
}
.testimonial-block:after {
    position: absolute;
    content: "";
    background: url(../images/testimonial-arrow.svg) no-repeat;
    bottom: -163px;
    width: 29%;
    height: 100%;
    right: 11rem;
}
.testimonial-wrp .swiper-pagination-bullet {
	border: 1px solid #1D1D1D;
    width: 16px;
    height: 16px;
    opacity: 1;
    background: transparent;
}
.testimonial-wrp {
    margin-top: 3rem;
    margin-bottom: 4rem;
}

footer.footer {
    position: relative;
	z-index: 9;
	overflow: hidden;
}
footer.footer:after {
    position: absolute;
    content: "";
    background: url(../images/black-dotted-bg-pattern.svg) no-repeat;
    top: 106px;
    width: 174px;
    height: 112px;
    left: 0;
}
footer.footer:before {
	position: absolute;
    content: '';
    background: url(../images/footer-arrow.svg) no-repeat;
    width: 100%;
    bottom: -40px;
    height: 100%;
	right: 0;
	z-index: -1;
}
.slides-bx .slide.trans {
    margin-bottom: 35px;
}

.modal-dialog {
    max-width: 600px;
    position: absolute !important;
    margin: 0 auto !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}
.modal-content {
    background-color: #ffffff !important;
    padding: 35px 10px;
    border: 2px solid #FD6219 !important;
    border-image-slice: 1;
    border-width: 3px;
    color: #000000 !important;
}
.textbx-frm a {
    color: #000000;
    text-decoration: unset;
	font-size: 18px;
}
.textbx-frm {
    text-align: center;
    color: #000000;
	font-size: 18px;
}
#myModal button#btnSubmit, .form-width button#btnSubmit {
    background: #FD6219;
    padding: 10px 50px;
    border-color: #FD6219;
    display: block;
    margin: 0 auto;
}
#myModal button.close span, .form-width button.close span {
    line-height: 1em;
    font-weight: 700;
    font-size: 20px;
}
#myModal button.close {
    background: #fff !important;
    opacity: 1;
    border-radius: 50%;
    font-weight: 100;
    width: 25px;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    height: 100%;
}
#myModal .form-group, .form-width .form-group {
    margin-bottom: 15px;
}
#myModal label, .form-width label {
    margin-bottom: 5px;
}
#myModal .brder-click, .form-width  .brder-click {
    position: absolute;
    right: 20px;
    top: 20px;
}
.form-width {
	max-width: 800px;
}
.form-width-updated{
	max-width: 100%;
}
.form-width form#contactForm {
    border: 2px solid #f3f3f3;
    border-radius: 8px;
    padding: 30px;
    background: #ffffff;
}
.form-wrp .what-we-do-heading-wrp:after {
	display: none;
}
section.form-wrp {
    padding-bottom: 100px;
}
section.form-wrp-updated {
    padding-bottom: 0px;
	padding-top: 60px;
}
.popup-contact span {
    padding: .375rem .75rem;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
}



.new-page-2 .phara {
    font-size: 28px;
    font-weight: 500;
    margin: 50px 0px 20px;
    width: 679px;
}
.explore-white-color.explore span{
    font-size: 28px;
    transform: translate(00px, 10px);
    display: inline-block;
}
section.what_we_do {
    padding: 0px 0px 100px 0px;
}
.title__top {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
	line-height: 1.5em;
}
h2.big_heading {
    font-size: 62px;
    font-weight: 500;
    text-align: center;
   	margin-bottom: 30px;
	text-transform: capitalize;
}
.who-we-work-with-section h2.big_heading{
	margin-bottom: 15px;
}
.sub__heading {
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.what_we_do .card_sec {
    text-align: center;
}
.desc_card h2 {
    font-size: 32px;
    font-weight: 500;
}
.how-we-scale .desc_card h2{
	line-height: 1.3em;
}
.desc_card {
    margin-top: 30px;
}
.desc_card p {
    font-size: 22px;
	 font-weight: 400;
}
.icon_card.arrow-after {
    position: relative;
}

.explore-black-color.explore span {
    color: #000000;
    font-size: 26px;
    font-weight: 500;
    transform: translate(00px, 10px);
    display: inline-block;
}
.what-we-do-btn-wrp {
    text-align: center;
}
.what_we_do_preocess-wrp {
    margin: 55px 0px 25px;
}
.what-we-do-heading-wrp {
    position: relative;
}
.what-we-do-heading-wrp:after {
    position: absolute;
    content: '';
    background: url(../images/wwd-arrow-down.png) no-repeat;
    bottom: -16px;
    width: 288px;
    height: 163px;
    right: -27px;
}
.what_we_do_preocess-wrp .card_sec:hover .desc_card h2 {
    color: #FD6219;
}
.what_we_do_preocess-wrp .desc_card {
    margin-top: 30px;
}
.what-we-do-heading-wrp .title__top{
	width: 1266px;
    margin: 0 auto;
}
.why-us-section {
    /* text-align: center; */
    padding: 88px 0px 55px;
	color: #000;
}
.why-us-section h2.big_heading {
    /* margin-bottom: 15px; */
}
.why-us-section  p.sub-text {
    font-size: 34px;
    font-weight: 600;
    margin-top: 30px;
}
.why-us-section .col {
    padding: 0px 30px;
}
.why-us-section .card_sec {
    display: flex;
    /* align-items: center; */
    border: 2px solid #454545;
    margin-bottom: 30px;
    border-radius: 15px;
}
.why-us-section .icon_card {
    padding: 20px 30px;
    border-right: 2px solid #454545;
	display: flex;
    justify-content: center;
    align-items: center;
}
.why-us-section .desc_card, .why-us-section .desc_card p {
    margin: 0;
}
.why-us-section .desc_card {
    padding: 15px 40px;
}
.why-us-section  .icon_card img {
    width: 50px;
}
.why-us-section h3.title__top {
    width: 1280px;
    margin: 0 auto;
}
.col.border-after {
    position: relative;
    display: inline-block;
}
.col.border-after:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 85%;
    background-color: white;
}
.why-us-section .container-fluid {
    max-width: 1552px;
}
.col-md-6.why-us-card-wrp {
    padding-left: 77px;
}
img.who-us-img.w-100-1 {
    width: 114%;
    margin-left: -80px;
}
.why-us-section .card_sec:hover .icon_card {
    background: #FD6219;
    border-radius: 15px 0px 0px 15px;
}
.why-us-section .card_sec:hover .black-icon{
	display: none;
}
.why-us-section .card_sec:hover .white-icon{
	display: block !important;
}
.why-us-btn-wrp {
    margin-top: 0px;
}
.row.why-us-process {
    margin: 50px 0px 45px;
}
section.who-we-work-with-section {
    padding: 90px 150px 0px;
}
.who-we-work-with-section h2.light-gary-heading {
    color: #0000001A;
    font-weight: 900;
    font-size: 8rem;
    text-transform: uppercase;
    line-height: 1em;
}
.who-we-work-with-section h3.sub-heading {
    font-size: 54px;
    font-weight: 600;
    color: #1D1D1D;
}
.who-we-work-with-section .card_sec {
    display: flex;
    align-items: center;
    padding: 20px 45px;
    border: 2px solid #3F3F3F;
    margin-bottom: 35px;
}
.who-we-work-with-section .card_sec:hover {
    border-color: #FD6219;
}
.who-we-work-with-section .desc_card {
    margin: 0;
    padding-left: 25px;
}
.who-we-work-with-section .desc_card p {
    margin: 0;
    font-size: 22px;
	line-height: 1.3em;
}
.who-we-work-with-section .icon_card img {
    padding: 15px 0px;
    width: 55px;
}
.who-we-work-with-section .icon_card {
    padding-right: 25px;
    border-right: 3px solid #3F3F3F;
}
.who-we-work-with-section .card_sec:hover .icon_card{
    border-right: 3px solid #FD6219;
}
.who-we-work-with-section .card_sec:hover .black-icon{
	display: none;
}
.who-we-work-with-section .card_sec:hover .orange-icon{
	display: block !important;
}
.row.who-we-work-with-process {
    margin-top: 80px;
	padding-right: 50px;
}
img.who-we-work-img {
    margin-top: -100px;
}
.arrow-before {
    position: relative;
}
section.how-we-scale {
    padding: 80px  0px 100px;
}
.how-we-scale h2.big_heading {
    margin-bottom: 0;
}
.arrow-before:before {
    position: absolute;
    content: "";
    background: url(../images/Down-arrow.png) no-repeat;
    bottom: -145px;
    left: 389px;
    width: 288px;
    height: 166px;
}
.how-we-scale .container-fluid {
    max-width: 1440px;
}
.how-we-scale .new-page-2 {
    text-align: center;
}
.row.how-we-scale-process {
    margin: 30px 0px 0px;
}
.how-we-scale-process .card_sec {
    padding: 55px 50px;
    background: #fff;
    margin: 10px;
    height: 85%;
    border-radius: 27px;
    border: 2px solid #f3f3f3;
}
.how-we-scale-process .col-md-4:hover .card_sec {
    background: #FD6219;
    color: #fff;
}
.how-we-scale-process .col-md-4:hover .orange-icon{
   display: none;
}
.how-we-scale-process .col-md-4:hover .white-icon{
   display: block !important;
}
.how-we-scale-process .col-md-4 {
    /* padding-top: 22px; */
    padding-bottom: 10px;
}
.how-we-scale-process .desc_card {
    margin-top: 10px;
}
footer.footer-new {
    padding: 100px 0px;
	text-align: center;
}
.footer-new h2.footer-h2 {
    font-size: 54px;
    font-weight: 500;
    color: #000;
    line-height: 0.9em;
}
h2.footer-h2.blue-heading {
    color: #FD6219;
}
.footer-icon-box .icon_card {
    background: #005CE6;
    padding: 24px;
    border-radius: 50%;
}
.card_sec.d-flex.footer-icon-box {
    justify-content: center;
    column-gap: 20px;
}
.footer-icon-box .desc_card h2 {
    font-weight: 600;
}
.what_we_do .container {
    max-width: 1546px;
}
.footer-new p.footer-p.footer-p1 {
    margin-bottom: 3rem;
    margin-top: 1rem;
}
.what_we_do .container{
	position: relative;
}
.how-we-scale-process .col-md-4:nth-child(4), .how-we-scale-process .col-md-4:nth-child(5), .how-we-scale-process .col-md-4:nth-child(6) {
    margin-top: -25px;
}
/* .content-wrp {
    display: flex;
	column-gap: 20px;
}
.content-wrp-updated{
	column-gap: 0;
}
.orange-patch span, .black-patch span {
    margin: 0;
    font-weight: 600;
    line-height: 1em;
    font-size: 2rem;
    width: calc(100% / 3);
	padding: 0px 10px;
}
.orange-patch .content-wrp-updated span, .black-patch .content-wrp-updated span{
	padding: 0px 50px;
}
.content-wrp-updated span {
    border-width: 0px 0px 0px 5px;
}

.orange-patch {
    background: #FD6219;
    color: #fff;
    padding: 14px 0px;
    transform: rotate(3deg);
    z-index: 9;
    position: relative;
	margin-left: -15px;
    margin-right: -15px;
}
.black-patch {
    background: #000;
    color: #fff;
    padding: 14px 0px;
    transform: rotate(-3deg);
    margin-top: -58px;
	margin-left: -15px;
    margin-right: -15px;
    width: 102%;
}
.orange-patch .container-fluid, .black-patch .container-fluid{
    text-align: center;
    align-items: center;
    align-content: center;
} */
 .content-wrp {
    display: flex;
    white-space: nowrap; /* Prevent text wrapping */
}

.content-wrp-updated {
    column-gap: 0;
}

.orange-patch span, .black-patch span {
    margin: 0;
    font-weight: 600;
    line-height: 1em;
    font-size: 2rem;
    padding: 0 50px;
    position: relative; /* For border positioning */
    flex-shrink: 0; /* Prevent items from shrinking */
}

.orange-patch span:not(:first-child):before, 
.black-patch span:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: #fff; /* Border color */
}

.orange-patch {
    background: #FD6219;
    color: #fff;
    padding: 14px 0;
    transform: rotate(3deg);
    z-index: 9;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden; /* Hide overflow */
}

.black-patch {
    background: #000;
    color: #fff;
    padding: 14px 0;
    transform: rotate(-3deg);
    margin-top: -58px;
    margin-left: -15px;
    margin-right: -15px;
    width: 102%;
    overflow: hidden; /* Hide overflow */
}
.form-wrp .phara {
    font-size: 1.2rem;
	font-weight: normal;
}

/* Animation for continuous scrolling */
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.marquee {
    display: flex;
    width: 200%; /* Double width to allow seamless looping */
    animation: scroll 20s linear infinite;
}

.marquee-reverse {
    animation-direction: reverse;
}
.middle-col-border {
    border-width: 0px 5px;
    border-color: #fff;
    border-style: solid;
}
h3.title__top.change-widht {
    /* width: 1000px; */
    margin: 0 auto;
}

.img-crossfade {
	position: relative;
	display: inline-block;
	overflow: hidden;          /* trims any zoom spill */
}

.img-crossfade img {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity .5s ease,       /* silky cross-fade */
			transform 1s cubic-bezier(.22,.61,.36,1);  /* optional subtle zoom */
}

/* top image sits above the default one */
/* .img-crossfade .after {
	position: absolute;
	inset: 0;
	opacity: 0;                
	transform: scale(1.02);    
} */

/* SMOOTH EFFECT: just fade (and ever-so-slight zoom) */
/* .img-crossfade:hover .after,
.img-crossfade:focus .after,
.img-crossfade:focus-within .after {
	opacity: 1;
	transform: scale(1);       
} */

/* stays the same ─ base state */
.img-crossfade .after{
  position:absolute; inset:0;
  opacity:0;                         /* hidden until hover */
  transform:scale(1.02);             /* optional subtle zoom-in */
  transition:opacity .5s ease,
             transform 1s cubic-bezier(.22,.61,.36,1);
}

/* new trigger: hover / focus on the parent card */
.what_we_do_preocess-wrp .card_sec:hover        .img-crossfade .after,
.what_we_do_preocess-wrp .card_sec:focus-within .img-crossfade .after,
.img-crossfade:hover   .after,               /* still works if you hover just the icon */
.img-crossfade:focus   .after{
  opacity:1;
  transform:scale(1);                 /* back to 100 % */
}
p.copyright-text {
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 0;
}
@media (min-width: 1460px) and (max-width: 1560px) {
	.what_we_do .container {
		max-width: 1320px !important;
	}
	h2.big_heading {
   		font-size: 58px;
	}
	.title__top {
   		font-size: 22px;
	}
	.sub__heading {
    	font-size: 34px;
	}
	.what_we_do .container:after{
		right: -20px;
	}
	.what_we_do .container:before {
		left: -20px;
	}
	.who-we-work-with-section h2.light-gary-heading {
		font-size: 7rem;
	}

	.how-we-scale img.stroked-image {
		width: 70%;
	}
	.footer-new h2.footer-h2{
		font-size: 54px;
	}
	.new-page-2 h1 {
		font-size: 50px;
	}
	img.mw-100-1 {
		width: 100%;
		margin-left: 0px;
	}
	section.banner-wrp.bn-block {
		padding: 20px 20px 10px 40px;
	}
	.new-page-2 .phara{
		font-size: 24px;
	}
	.what-we-do-heading-wrp::after{
		right: -174px;
	}
	.why-us-section .container-fluid {
		max-width: 1320px;
	}
	.col-md-6.why-us-card-wrp {
		padding-left: 30px;
	}
	section.who-we-work-with-section {
		padding: 90px 40px 0px;
	}
	img.who-we-work-img {
		margin-top: -100px;
		width: 100%;
	}
	.arrow-before::before {
        left: 315px;
        height: 165px;
    }
}
@media (min-width: 1024px) and (max-width: 1460px) {
	.what_we_do .container {
		max-width: 1140px !important;
	}
	h2.big_heading {
   		font-size: 48px;
	}
	.title__top {
   		font-size: 22px;
	}
	.sub__heading {
    	font-size: 34px;
	}
	.what_we_do .container:after{
		right: -20px;
	}
	.what_we_do .container:before {
		left: -20px;
	}
	.who-we-work-with-section h2.light-gary-heading {
		font-size: 7rem;
	}

	.how-we-scale img.stroked-image {
		width: 70%;
	}
	.footer-new h2.footer-h2{
		font-size: 45px;
	}
	.new-page-2 h1 {
		font-size: 50px;
	}
	img.mw-100-1 {
		width: 100%;
		margin-left: 0px;
	}
	section.banner-wrp.bn-block {
		padding: 20px 20px 10px 40px;
	}
	.new-page-2 .phara{
		font-size: 24px;
	}
	.what-we-do-heading-wrp::after{
		right: -174px;
	}
	.why-us-section .container-fluid {
		max-width: 1140px;
	}
	.col-md-6.why-us-card-wrp {
		padding-left: 30px;
	}
	section.who-we-work-with-section {
		padding: 90px 40px 0px;
	}
	img.who-we-work-img {
		margin-top: -100px;
		width: 100%;
	}
	.arrow-before::before {
        left: 314px;
        width: 288px;
        height: 170px;
    }
	.what-we-do-heading-wrp .title__top{
		width: 100%;
		
	}
	.why-us-section h3.title__top {
    	width: 100%;
   
	}
}
@media (max-width: 991px) {
	.limitless-block img {
		width: 100%;
  	}
	.second-block {
		padding: 4rem 0rem;
	}
	.second-right {
		padding-left: 2rem;
		padding-top: 0;
		padding-bottom: 0;
	}
	.second-bl-col-left {
		display: none;
	}
	.bn-right p.spacer{
		height: 0;
		margin: 0;	
	}
	.bn-block .bn-left-col {
		order: 2;
		padding: 4rem 0;
	}
	.bn-block  .bn-right-col{
		order: 1;
	}
	.second-right::after {
		right: -155px;
		z-index: -1;
	}
	.limitless-block{
		padding: 2rem 0;
	}
	.circle-top {
		padding:2rem 0;
	}
	.circle-slider .scroll-svg{
		display: none;
	}
	.circle-slider .csright-block {
		padding-left: 4rem;
	}
	.hero__right{
		width: 90%;
	}
	.testimonial-block::after {
		display: none;
	}
	.testimonial-heading {
		font-size: 48px;
	}
	.left-image img {
		width: 100%;
	}
	img.mw-100-1 {
		width: 100%;
		margin-left: 0px;
	}
	.new-page-2 .phara{
		width: 100%;
		margin-top: 10px;
	}
	section.banner-wrp.bn-block {
		padding: 20px 20px 10px 20px;
	}
	.new-page-2 h1 {
		font-size: 38px;
		line-height: 1.2em;
	}
	.orange-patch span, .black-patch span{
		font-size: 1.3rem;
	}
	.content-wrp{
		width: 1000px;
	}
	h3.title__top.change-widht {
		width: 100%;
		
	}
	.how-we-scale-process .col-md-4:nth-child(4), .how-we-scale-process .col-md-4:nth-child(5), .how-we-scale-process .col-md-4:nth-child(6) {
		margin-top: 0px;
	}
	.what-we-do-heading-wrp .title__top{
		width: 100%;
		
	}
	.why-us-section h3.title__top {
    	width: 100%;
   
	}
	
}
@media (max-width: 767px) {
	section.form-wrp {
		padding-top: 0px !important;
	}
	.form-wrp .what-we-do-heading-wrp::after {
        display: none;
    }
	.bn-left > span, .bn-left > h1{
		font-size: 32px !important;
	}
	.bn-left-col {
		padding: 2rem 1rem;
	}
	.bn-right p.spacer {
		height: 0px;
	}
	.bn-block .bn-left-col{
		order: 2;
		padding: 0px;
	}
	.bn-block img.mw-100 {
		width: 70%;
	}
	.bn-block  .bn-right-col{
		order: 1;
	}
	.second-block {
        padding: 0rem;
    }
	.second-right .h2 {
		line-height: 45px;
		font-size: 32px;
	}
	.second-right {
		padding: 2rem 1rem;
	}
	.second-right:after{
		right: -159px;
		bottom: -85px;
	}
	.second-bl-col-left {
		display: none;
	}
	.limitless-block {
        padding: 6rem 1rem 3rem;
    }
	.limitless-block img{
		width: 100%;
	}
	.csleft-block h3.h3{
		font-size: 38px !important;
		line-height: 1.2em !important;
	}
	.circle-top {
        padding: 2rem 0 0.5rem;
    }
	.circle-slider .csright-block > p {
		padding: 1rem;
	}
	.hero__right {
		width: 100%;
		padding: 2rem 1rem;
	}
	.circle-slider .slick-p{
		max-width: 100%;
		font-size: 16px;
	}
	.circle-slider .slick-h1 {
		font-size: 24px;
	}
	.circle-slider .slide.trans {
		padding-bottom: 2rem;
	}
	.fast-simple-block .scright-block {
		padding-right: 5rem;
	}
	.fast-simple-block {
		padding: 2rem 0;
	}
	.fast-simple-block .scleft-block .h3 {
		font-size: 48px;
		line-height: 1.2em;
		padding: 0;
	}
	p{
		font-size: 16px;
	}
	.fast-simple-block .scright-block:after{
		right: -4em
	}
	.scright-block {
		padding-right: 5rem;
	}
	.fast-right {
		padding: 0px;
	}
	.fast-slider ul.swiper-wrapper {
		padding: 0px;
	}
	.fast-slider li.swiper-slide {
		/* display: block; */
		padding: 4rem 1rem 2rem;
	}
	.fast-slider .fast-right{
		padding: 0;
	}
	.fast-slider img {
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.fast-slider li:after{
		display: none;
	}
	h2.wmth-heading {
		font-size: 48px;
	}
	section.wmth-block {
		padding-top: 30px;
	}
	.testimonial-heading-wrp h3{
		text-align: center;
		font-size: 48px;
	}
	.testimonial-heading-wrp h3 span {
		display: block;
		text-align: center;
	}
	.edge-swiper .edge-slide{
		padding: 0px;
	}
	.edge-swiper .left-image img{width: 80%;}
	.edge-swiper .right-text {
		padding-left: 0rem;
		padding-right: 0em;
	}
	.edge-swiper .right-text h3{
		padding-bottom: 0px;
	}
	.testimonial-block:after {
		display: none;
	}
	.footer h2 {
		font-size: 28px;
	}
	footer.footer:after {
		top: 115px;
		width: 140px;
		height: 84px;
		left: -10px;
		background-size: contain;
	}
	p.footer-p {
		font-size: 16px;
		line-height: 1.5em;
	}
	p.footer-p.footer-p1 {
		margin-bottom: 2rem;
		margin-top: 2rem;
	}
	p.copyright-p {
		margin-top: 1rem;
	}
	.testimonial-wrp {
		margin-top: 1rem;
		margin-bottom: 0;
	}
	.testimonial-heading-wrp:after {
		
		right: 3px;
		top: -28px;
		width: 122px;
		height: 109px;
		z-index: -1;
	}
	.testimonial-wrp .swiper-pagination {
        padding-left: 9rem !important;
        bottom: 50px !important;
    }
	.edge-swiper .swiper-wrapper {
		padding-bottom: 5rem;
	}
	span.swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: #015ce6;
	}
	section.banner-wrp.bn-block {
		padding: 0rem 1rem;
	}
	.fast-slider .fast-left {
		flex: 0 0 70%;
	}
	footer.footer {
		padding: 2rem 0px;
	}

	/*secound page design*/
	.new-landing-page section {
		padding: 40px 10px;
	}
	.new-page-2 h1 {
		font-size: 22px;
		line-height: 1.2em;
	}
	header.header-wrp a.navbar-brand{
		width: 80%;
		padding: 13px 0px 13px;
	}
	.new-page-2 > span {
		font-size: 32px;
		line-height: 1.2em;
	}
	.new-page-2 .phara {
		font-size: 16px;
	}
	.explore-white-color.explore span, .explore-black-color.explore span {
		font-size: 16px;
	}
	.title__top {
		font-size: 30px;
	}
	h2.big_heading {
		font-size: 1.4rem;
		line-height: 1em;
		margin: 25px 0px 12px;
	}
	.sub__heading {
		font-size: 18px;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.title__top {
		font-size: 16px;
	}
	.form-wrp .title__top {
		font-size: 14px;
	}
	.what_we_do_preocess-wrp {
		margin: 20px 0px 10px;
	}
	.what_we_do_preocess-wrp .desc_card{
		margin-top: 0px;
	}
	.what_we_do_preocess-wrp  .desc_card p{
		margin-bottom: 30px;
	}
	.desc_card h2 {
		font-size: 18px;
	}
	.desc_card p {
		font-size: 16px;
	}
	.form-wrp .phara {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 0;
	}
	.form-width form#contactForm{
		padding: 30px 30px 20px;
	}
	.how-we-scale-process .desc_card h2 {
		font-size: 18px;
	}
	.how-we-scale-process .desc_card p {
		font-size: 16px;
	}
	.how-we-scale-process .card_sec {
    	padding: 50px 35px;
	}
	.icon_card.arrow-after:after{
		display: none;
	}
	.col.border-after {
		flex: auto;
	}
	.col.border-after:after{
		display: none;
	}
	.why-us-section p.sub-text {
		font-size: 32px;
		line-height: 1.2em;
	}
	.row.why-us-process {
		margin: 25px 0px 0px;
	}
	.row.why-us-process .desc_card {
		/* margin-top: 20px;
		margin-bottom: 40px; */
	}
	.who-we-work-with-section h2.light-gary-heading{
		font-size: 3.5rem;
	}
	.who-we-work-with-section h3.sub-heading {
		font-size: 38px;
	}
	.who-we-work-img {
		padding: 30px 30px 5px;
	}
	.who-we-work-with-section .card_sec{
		padding: 20px 30px;
	}
	.who-we-work-with-section .desc_card p {
		font-size: 16px;
	}
	.footer-new h2.footer-h2{
		font-size: 22px;
		line-height: 1.2em;
		margin-bottom: 0;
	}
	footer.footer-new {
		padding: 40px 10px;
	}
	.row.how-we-scale-process {
		margin: 30px 0px 20px;
	}
	.footer-icon-box img{
		width: 70%;
	}
	.footer-icon-box .icon_card {
		padding: 24px 15px;
	}
	.footer-icon-box .desc_card{
		margin-top: 0;
	}
	.footer-icon-box{
		align-items: center;
	}
	.stroked-image{
		width: 100%;
	}
	.explore > img {
		width: 35px;
	}
	.how-we-scale-process .col-md-4{
		padding-bottom: 0;
	}
	.how-we-scale-process .card_sec{
		margin: 0;
		height: 90%;
	}
	.footer-new p.footer-p.footer-p1 {
		margin-bottom: 1.5rem;
		margin-top: 1.5rem;
	}
	.bn-right-col{
		text-align: center;
	}
	.bn-block .bn-left-col{
		text-align: center;
	}
	section.banner-wrp.bn-block{
		padding-top: 20px;
	}
	.modal-content{
		padding: 20px 0px;
	}
	.modal-dialog{
		width: 90%;
	}
	img.mw-100-1 {
		width: 100%;
		margin-left: 0px;
	}
	.big_heading {
		margin-top: 0px !important;
	}
	.what_we_do {
		padding: 0px 16px 40px !important;
	}
	.what-we-do-btn-wrp .explore > span{
		    margin-right: 2px;
	}
	.what-we-do-heading-wrp::after{
		/* right: -187px; */
		display: none;
	}
	img.who-us-img.w-100-1 {
		width: 100%;
		margin-left: 0;
	}
	.col-md-6.why-us-card-wrp {
		padding-left: 10px;
		padding-top: 30px;
	}
	.who-we-work-with-btn-wrp {
		text-align: center;
		margin-top: -20px;
	}
	section.happy-customer-section.second {
		padding-bottom: 50px !important;
	}
	.why-us-btn-wrp {
		
		text-align: center;
	}
	.row.who-we-work-with-process {
		margin-top: 0px;
		padding: 15px;
	}
	.arrow-before::before {
		display: none;
	}
	img.who-we-work-img {
		margin-top: -65px;
		width: 100%;
	}
	.order-mbl-2 {
		order: 2;
	}
	.order-mbl-1 {
		order: 1;
	}
	.happy-customer-section {
		padding: 60px 0px !important;
	}
	.what_we_do_preocess-wrp img {
		width: 85%;
		margin: 0 auto;
	}

	.why-us-section .desc_card {
		padding: 15px 20px;
	}
	.why-us-section .icon_card img {
		width: 35px;
	}
	.who-we-work-with-process img{
		width: 35px !important;
	}
	.who-we-work-with-section {
		padding-bottom: 0px !important;
	}
	.navbar-brand img {
		width: 50%;
	}
	.what-we-do-btn-wrp .explore > img {
		
		margin-top: 12px;
	}
	.content-wrp{
		width: 1000px;
	}
	.explore-black-color.explore span {
		transform: translate(00px, 5px);
	}
	.what_we_do .container {
		padding: 0;
	}
	.what_we_do_preocess-wrp .col-lg-4:last-child .desc_card p {
		margin-bottom: 10px;
	}
	.orange-patch {
		
		transform: rotate(7deg);
		
	}
	.black-patch {
		
		transform: rotate(-7deg);
		margin-top: -48px;
	}
	section#contact {
		padding-bottom: 0;
		padding-top: 10px !important;
	}
	button#btnSubmit {
		float: left !important;
		margin-top: 20px !important;
	}
	h3.title__top.change-widht {
		width: 100%;
		
	}	
	.black-patch{
		width: 106%;
	}
	.why-us-btn-wrp {
		margin-top: -15px;
	}
	.how-we-scale-process .col-md-4:nth-child(4), .how-we-scale-process .col-md-4:nth-child(5), .how-we-scale-process .col-md-4:nth-child(6) {
		margin-top: 0px;
	}
	.what-we-do-heading-wrp .title__top{
		width: 100%;
		
	}
	.why-us-section h3.title__top {
    	width: 100%;
   
	}
	#myModal .form-group, .form-width .form-group {
		margin-bottom: 15px !important;
	}
	.first-name{
		padding-right: 7px !important;
	}
	.last-name{
		padding-left: 7px !important;
	}
	p.copyright-text {
		font-size: 14px;
		
	}
}