html {scroll-margin-top: 150px; }
.w-100 {width: 100% !important;}
.slide-menu {display: none;}
/*Banner css start here*/
.banner-sub-title {margin-bottom: 20px;}
.banner-sub-title span {border: 1px solid var(--dark-black); border-radius: 40px; padding: 10px 16px;}
.commn-banner-content .h1 {margin-bottom: 20px;}
.commn-banner-content .h1 span {background: linear-gradient(93.73deg, #03BFCD -25.4%, #5C31F9 35.58%, #732CED 96.25%); color: transparent; background-clip: text;}
.commn-banner-content p {font-size: 16px; line-height: 1.5; margin: 0 0 20px;}
.banner-btn-wrap {display: var(--d-flex); flex-wrap: wrap;}
.banner-btn-wrap .btn {width: 100%; margin-bottom: 20px;}
.banner-btn-wrap .btn:last-child {margin: 0;}


.banner-thumb-slider {position: relative; width: 100%; aspect-ratio: auto 480 / 555;}
.banner-thumb-slider input {display: none; }
.banner-thumb-slider .slide {position: absolute; background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 1s ease-in-out; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; border-radius: 20px; background: #D9D9D9; overflow: hidden;}
.slide-text {font-size: 3vw; margin-bottom: 30px; }
.banner-thumb-slider .slide.active {opacity: 1 !important; }
.dots-bar {position: absolute; top: 15px; left: 10px; width: calc(100% - 20px); height: 6px;  border-radius: 6px; display: flex; z-index: 3;}
.bar {flex-grow: 1; height: 100%; background-color: #fff; border-radius: 5px; background: #E0E0E0; position: relative; width: calc(33.33% - 5px); margin: 0 2.5px; transition: width 0.4s, transform 0.4s ease-in-out; }
.bar::before {content: ""; position: absolute; width: 0; height: 100%; border-radius: 5px; left: 0; transition: width 3s ease-in-out; }
.completed-bar::before {animation: fillBar 3s forwards; }
.bar.active-bar::before {animation: fillBar 3s forwards; }
.slide-content {position: absolute; top: 35px; left: 10px; right: 10px; bottom: 20px; z-index: 2;}
.slide-content-head {position: relative; z-index: 3;}
.slide-content-head span {line-height: 1; margin-left: 8px;}
.slide-content::before {content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 44.13%, rgba(0, 0, 0, 0) 80.97%); left: -10px; top: -36px; right: -10px; height: 134px; position: absolute; z-index: 2;}
.slide-content::after {content: ""; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 21.46%, rgba(0, 0, 0, 0) 21.46%, rgba(0, 0, 0, 0.3) 34.25%, rgba(0, 0, 0, 0.7) 66.44%, #000000 100%); height: 247px; position: absolute; z-index: 2; bottom: -25px; left: -10px; right: -10px;}
.slide-content-body {position: absolute; bottom: 0px; z-index: 3; width: 100%;}
.slide-content-body .slide-name {font-weight: 700; margin-right: 5px; width: calc(100% - 136px)}
.slide-content-body .btn {font-size: 14px; padding: 7px 7px 7px 15px; border: 1px solid var(--white); background: transparent !important;}
.slide-content-body .btn::before {display: none !important;}
.slide-content-body .btn svg {width: 26px; height: 26px;}
.slide-content-body .btn svg path {fill: var(--black);}
.slide-content-body .btn:hover rect {fill: var(--white);}
.slide-content-body .btn:hover path {fill: var(--black);}
.common-banner-box {background-color: var(--white); box-shadow: 0px 0px 15px 0px #00000014; border-radius: 20px; padding: 0 20px;}
.commn-banner-img {width: 100%; font-size: 14px; padding-top: 30px; padding-bottom: 30px;}
.commn-banner-content {width: 100%; padding-top: 30px; }
.slide-content-body .white-arrow-btn {margin-left: 8px;}
.common-banner-wrap {border-bottom: 1px solid #ccc;}


.banner-review-block ul {margin: 0 -8px;}
.banner-review-block ul li {padding: 0 8px; margin-bottom: 10px}
.banner-review-block ul li:last-child {margin-bottom: 0;}
.banner-review-block li span {display: var(--d-inline-flex); background: #F4F4F4; border-radius: 60px; padding: 8px 16px; min-height: 41px; align-items: var(--align-center);}
.common-banner-bottom {padding: 15px 0;}
.banner-scroll-btn {display: inline-block;}
.banner-scroll-btn span {width: 40px; height: 40px; background: #F4F4F4; border-radius: 50%; display: var(--d-inline-flex); align-items: var(--align-center); justify-content: var(--justify-center); cursor: pointer;}
.banner-scroll-btn svg {height: 26px; width: initial;}
.sec-top-title h2 {margin-bottom: 20px;}
.banner-review-block {width: calc(100% - 60px);}
.banner-review-block li span img {height: 18px; }


@keyframes fillBar {
    0% {
        width: 50%;
        background-color: #202020;
    }
    100% {
        width: 100%;
        background-color: #202020;
    }
}

#textContainer {overflow: hidden; transition: height 0.6s ease-in-out; height: 84px;}
#textInner {display: flex ; flex-direction: column; position: relative; transition: transform 0.6s ease-in-out; will-change: transform;}
.text-item {}
/*Banner css end here*/


/*	why-us start here*/

.why-us-number {font-size: 50px; font-family: var(--onest-bold); line-height: 1; margin-bottom: 5px;}
.why-us-number span {display: inline-block; color: transparent; background: linear-gradient(270deg, #40ECFF 0%, #A153FF 100%); background-clip: text;}
.why-us-icon span {border-radius: 50%; position: relative; background: #fff; padding: 2px; width: 98px; height: 98px; display: var(--d-inline-flex) ; align-items: var(--align-center); justify-content: var(--justify-center);}
.why-us-icon span::before {content: ""; position: absolute; top: -2px; bottom: -2px; left: -2px; right: -2px; background: linear-gradient(119.28deg, #00B9DA 14.62%, #2471FF 87.47%); z-index: -1; border-radius: 50%;}
.why-us-icon span img {width: 100%; height: 100%;}
.why-us-icon {text-align: right;}
.why-us .sec-top-title .container {max-width: 1200px;}
.why-sub-title span {color: transparent; background-clip: text !important;    background: rgb(3, 191, 205);
    background: linear-gradient(94deg, rgba(3, 191, 205, 1) 0%, rgba(92, 49, 249, 1) 45%, rgba(115, 44, 237, 1) 100%);}
.sec-top-title {margin-bottom: 25px;}
.why-us-box {box-shadow: 0px 0px 15px 0px #00000014; background: var(--white); padding: 25px; position: relative; z-index: 2; border-radius: 20px; height: 100%;}
.why-us-box-wrap {width: 100%; margin-bottom: 25px;}
.why-us-content {margin-top: -20px; width: 100%;}
.why-us-content h2 {margin-bottom: 15px; font-family: var(--onest-semibold);}
.why-us-content p {color: #666666; max-width: 480px;}
.why-us-btn .btn {width: 100%;}
.why-us-icon span {width: 60px; height: 60px; padding: 12px; }
/*	why-us start here*/

/*service sec here*/
.service-sec .sec-top-title .container {max-width: 450px;}
.service-sec .sec-top-title h2 {margin-bottom: 10px;}
.service-list-wrap {width: 25% !important; margin-bottom: 30px !important; display: none;}
.service-box {box-shadow: 0px 0px 15px 0px #00000014; background: var(--white); position: relative; z-index: 2; border-radius: 20px; height: 100%; display: var(--d-flex); flex-direction: var(--flex-column); border: 1px solid transparent;}
.service-box-top {padding: 25px 25px 15px;}
.service-box-bottom {padding: 15px 25px 25px; border-top: 1px solid #CCCCCC; margin-top: auto;}
.service-content p {font-size: 16px; color: #666666; margin-bottom: 15px;}
.service-content p span.hidden-text {display: none;}
.service-content p a:hover {cursor: pointer;}
.service-tag-list {font-size: 14px; line-height: 1;}
.service-tag-list a {display: inline-flex; padding: 10px 15px; background: #F4F4F4; text-decoration: none; color: #666666; border-radius: 50px; font-size: 14px;}
.service-content h2 {margin-bottom: 5px;}
.service-icon {display: inline-flex; margin-bottom: 20px;}
.service-icon span {display: inline-flex; transition: all 0.3s linear; }
.service-box:hover .service-icon span {transform: rotate(-15deg);}
.service-box:hover {background: linear-gradient(#fff, #fff), linear-gradient(93.73deg, #03BFCD -25.4%, #5C31F9 35.58%, #732CED 96.25%); border: 1px solid transparent; background-origin: border-box; background-clip: padding-box, border-box;}
.service-box-btn-wrap {margin-bottom: 10px; width: 100%;}
.service-box-btn-wrap:last-child {margin-bottom: 0;}
.service-box-btn-wrap a {width: 100%;}
.view-service-btn {width: 100%;}
.black-arrow-btn {border: 1px solid var(--dark-black) !important; background: transparent !important; color: var(--dark-black) !important; position: relative; overflow: hidden; transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0); backface-visibility: hidden; transition-property: color; transition-duration: 0.3s;}
.black-arrow-btn:hover {color: var(--white) !important; border: 1px solid var(--dark-black) !important; background: transparent !important;}
.btn-with-arrow.black-arrow-btn::before {content: ""; position: absolute; left: 50%; bottom: -20%; border-radius: 50% 50% 0 0; width: 100%; height: 10%; transform: translateX(-50%); background: var(--dark-black) !important;
    transition: all 0.3s ease-out; z-index: -1;}
.btn-with-arrow.black-arrow-btn:hover::before {width: 100%; height: 200%;}
.btn-with-arrow.black-arrow-btn:hover .white-arrow-btn svg {transform: rotate(45deg); }
.btn-with-arrow.black-arrow-btn:hover .white-arrow-btn rect {fill: var(--white) !important;}
.btn-with-arrow.black-arrow-btn:hover .white-arrow-btn path {fill: var(--dark-black) !important;}
.btn-with-arrow.black-arrow-btn rect {fill: var(--dark-black) !important;}
.btn-with-arrow.black-arrow-btn path {fill: var(--white) !important;}


.service-tag-list li {margin-bottom: 10px}
.other-hidden-services {display: none; transition: all 0.3s ease-in-out;}
/*service sec here*/




/*we offer sec here*/
.we-offer {overflow: hidden; background: #fff; padding: 60px 0;}
.we-offer-wrap {background: #fff; white-space: nowrap;
    overflow: hidden; display: inline-block; display: flex;}
.we-offer-wrap h2 { text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff; color: #fff; animation: marquee 12s linear infinite; margin-right: 10px; letter-spacing: 2px; line-height: 1; font-size: 40px; font-family: var(--onest-bold); -webkit-text-stroke: 1px black; padding-right: 30px;}
.we-offer-wrap h2 span {background: linear-gradient(93.73deg, #03BFCD -25.4%, #5C31F9 35.58%, #732CED 96.25%); color: transparent; background-clip: text; text-shadow: none; letter-spacing: initial; -webkit-text-stroke: 0;}
@keyframes marquee {
    0% { transform:translateX(0); }
    100% { transform:translateX(-100%);}
}

/*we offer sec here*/

/*our work here*/
.our-work .sec-top-title h2 {margin: 0;}
.work-list>li {width: 100%; margin-bottom: 30px; }
.work-list-box {padding: 20px; background: var(--white); border-radius: 20px;  background: var(--white); box-shadow: 0px 0px 15px 0px #00000014;  position: relative; z-index: 2; display: var(--d-flex); flex-direction: var(--flex-column); border: 1px solid transparent;}
.work-list-box:hover {background: linear-gradient(#fff, #fff), linear-gradient(93.73deg, #03BFCD -25.4%, #5C31F9 35.58%, #732CED 96.25%); border: 1px solid transparent; background-origin: border-box; background-clip: padding-box, border-box;}
.work-list-bottom {margin-top: 20px;}
.our-work .common-tab-content {padding-bottom: 0;}
.work-list-img {width: 100%; display: inline-flex; position: relative; border-radius: 20px; overflow: hidden; transition: 0.3s ease-in-out;}
.work-list-img img {width: 100%; transition: all 0.3s linear;}
.work-list-img:hover img {transform: scale(1.1); z-index: -1;}
.view-btn-overlay { background: #0000006e; width: 100%; position: absolute; border-radius: 20px; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: ease-in-out 0.4s;}
.view-btn-overlay a {text-decoration: none; color: #fff; font-size: 24px;  background: linear-gradient(90deg,rgba(3, 191, 205, 1) 0%, rgba(92, 49, 249, 1) 50%, rgba(115, 44, 237, 1) 100%); padding: 56px 46px; border-radius: 100%;}
.work-list-img:hover .view-btn-overlay {opacity: 1;}
.work-list-btn .white-arrow-btn {margin-left: 15px;}
.work-list-btn .white-arrow-btn svg {width: 30px; height: 30px;}
.work-list-btn .btn {font-size: 18px; padding-left: 15px;}
.work-list-content {width: 100%; margin-bottom: 15px;}
.work-list-content p {font-size: 14px; color: #666666; margin-bottom: 20px;}
.work-list-content h2 {font-size: 24px; margin-bottom: 10px; font-family: var(--onest-bold);}
.work-list-content a {font-size: 18px; color: var(--dark-black); text-decoration: none; text-transform: capitalize; font-family: var(--onest-medium); display: var(--d-inline-flex); align-items: var(--align-center);}
.work-list-content a img {margin-left: 8px;}
/*our work here*/

/*Common tabbing*/
.common-tab-box {display: none;}
.common-tab-box.active {display: var(--d-flex);}
.common-tab-box {flex-wrap: var(--flex-wrap); margin: 0 -15px;}
.work-list {padding: 0 15px;}
.common-tab-menu a {display: var(--d-inline-flex); border: 1px solid #CCCCCC; padding: 10px 24px; text-decoration: none !important; border-radius: 50px; color: var(--dark-black); font-size: 16px; line-height: 1;}
.common-tab-menu a:hover, .common-tab-menu a.active {background: var(--dark-black); color: var(--white); border: 1px solid var(--dark-black);}
.common-tab-menu li {margin-bottom: 10px;}
/*Common tabbing*/

/*global brand*/
.global-brand-list {overflow: hidden; display: flex; align-items: center; height: 61px;}
.global-brand-list img { padding: 0 2.1vw; display: inline-flex;}
.global-brand-list ul {animation: marquee 10s linear infinite; flex-shrink: 0; flex-basis: fit-content;}
.global-brand-list ul li {margin-right: 4.2vw; flex-shrink: 0}
.global-brand-sec .sec-top-title {margin-bottom: 50px;}
.global-brand-sec {overflow: hidden;}
.brand-slider {animation: marquee 12s linear infinite; display: flex; white-space: nowrap; flex-shrink: 0; align-items: center;}
/*global brand*/

/*we serve*/
.serve-list-wrap {display: var(--d-flex); flex-direction: var(--flex-column); overflow: hidden;}
.serve-list {display: var(--d-flex); transition: transform 0.3s ease;}
.serve-list li {flex: 0 0 calc(100% - 20px); transition: transform 0.3s ease-in-out; margin-right: 10px; margin-left: 10px; margin-bottom: 30px;}
.we-serve-wrap {background: var(--white); box-shadow: 0px 0px 15px 0px #00000014; border-radius: 20px; padding: 30px 20px;}
.serve-block {border: 1px solid #CCCCCC; border-radius: 10px; padding: 30px; display: var(--d-flex); justify-content: var(--justify-center); align-items: var(--align-center); flex-direction: var(--flex-column);}
.serve-block .serve-icon svg {transition: background 0.6s ease, transform 0.6s ease; transform-style: preserve-3d; perspective: 1000px;}
.serve-block:hover .serve-icon svg {transform: rotateY(180deg);}
.serve-list li:first-child .serve-block:hover .serve-icon svg circle {fill: url(#paint0_linear_2578_2204);}
.serve-list li:first-child .serve-block:hover {background: linear-gradient(#fff, #fff), linear-gradient(90deg, #2272FD 0%, #0090DA 100%); border: 1px solid transparent; background-origin: border-box;
    background-clip: padding-box, border-box;}
.serve-list li:first-child .serve-block:hover .serve-icon svg path {stroke: var(--white);}
.serve-list li:first-child .serve-block:hover .serve-content h2 {color: transparent; background: linear-gradient(90deg, #0091DA 0%, #2471FF 100%); background-clip: text;}

.serve-list li:nth-child(2) .serve-block:hover .serve-icon svg circle {fill: url(#paint0_linear_2578_2211);}
.serve-list li:nth-child(2) .serve-block:hover {background: linear-gradient(#fff, #fff), linear-gradient(90deg, #FEA824 0%, #FEA824 100%); border: 1px solid transparent; background-origin: border-box;
    background-clip: padding-box, border-box;}
.serve-list li:nth-child(2) .serve-block:hover .serve-icon svg path {stroke: var(--white); fill: var(--white);}
.serve-list li:nth-child(2) .serve-block:hover .serve-content h2 {color: transparent; background: linear-gradient(90deg, #FE9E29 0%, #FE9E29 100%); background-clip: text;}

.serve-list li:nth-child(3) .serve-block:hover .serve-icon svg circle {fill: url(#paint0_linear_2578_2215);}
.serve-list li:nth-child(3) .serve-block:hover {background: linear-gradient(#fff, #fff), linear-gradient(180deg, #1E6AFE 0%, #210CE4 50.23%); border: 1px solid transparent; background-origin: border-box;
    background-clip: padding-box, border-box;}
.serve-list li:nth-child(3) .serve-block:hover .serve-icon svg path {stroke: var(--white); fill: var(--white);}
.serve-list li:nth-child(3) .serve-block:hover .serve-content h2 {color: transparent; background: linear-gradient(180deg, #1E6AFE 0%, #210CE4 50%, #16A4FD 100%); background-clip: text;}

.serve-list li:nth-child(4) .serve-block:hover .serve-icon svg circle {fill: url(#paint0_linear_2578_2223) !important; stroke: url(#paint0_linear_2578_2223);}
.serve-list li:nth-child(4) .serve-block:hover {background: linear-gradient(#fff, #fff), linear-gradient(180deg, #0EDBFF 0%, #E644FF 100%); border: 1px solid transparent; background-origin: border-box;
    background-clip: padding-box, border-box;}
.serve-list li:nth-child(4) .serve-block:hover .serve-icon svg path {stroke: var(--white); fill: var(--white);}
.serve-list li:nth-child(4) .serve-block:hover .serve-content h2 {color: transparent; background: linear-gradient(90deg, #0EDBFF 0%, #E644FF 100%); background-clip: text;}

.serve-list li:nth-child(5) .serve-block:hover .serve-icon svg circle {fill: url(#paint0_linear_2578_2183);}
.serve-list li:nth-child(5) .serve-block:hover {background: linear-gradient(#fff, #fff), linear-gradient(180deg, #D021FE 0%, #237FFE 100%); border: 1px solid transparent; background-origin: border-box;
    background-clip: padding-box, border-box;}
.serve-list li:nth-child(5) .serve-block:hover .serve-icon svg path {stroke: var(--white); fill: var(--white);}
.serve-list li:nth-child(5) .serve-block:hover .serve-content h2 {color: transparent; background: linear-gradient(90deg, #D021FE 0%, #237FFE 100%); background-clip: text;}

.serve-list li:nth-child(6) .serve-block:hover .serve-icon svg circle {fill: url(#paint0_linear_2578_2184);}
.serve-list li:nth-child(6) .serve-block:hover {background: linear-gradient(#fff, #fff), linear-gradient(180deg, #FECF22 0%, #FE158D 100%); border: 1px solid transparent; background-origin: border-box;
    background-clip: padding-box, border-box;}
.serve-list li:nth-child(6) .serve-block:hover .serve-icon svg path {stroke: var(--white); fill: var(--white);}
.serve-list li:nth-child(6) .serve-block:hover .serve-content h2 {color: transparent; background: linear-gradient(90deg, #FECF22 0%, #FE158D 100%); background-clip: text;}

.serve-icon {display: var(--d-inline-flex); margin-bottom: 20px;}
.serve-icon svg {width: 60px; height: 60px; transition: background 0.6s ease, transform 0.6s ease; transform-style: preserve-3d; perspective: 1000px;}
.serve-content h2 {font-size: 22px; margin: 0; font-family: var(--onest-bold); line-height: 1.2; transition: all 0.3s ease-in-out;}
.we-serve-wrap .sec-top-title h2 {margin-bottom: 10px;}
.we-serve-wrap .sec-top-title .container {max-width: 500px;}
.we-serve-wrap .sec-top-title p {font-size: 16px; color: #666;}
.serve-btns {margin: 0 10px; display: var(--d-flex); justify-content: var(--justify-center);}
.sec-top-title p {font-size: 16px; color: #666666;}
.service-list-wrap:first-child .service-icon img {width: 57px;}
.service-list-wrap:nth-child(2) .service-icon img {width: 66px;}
.service-list-wrap:nth-child(3) .service-icon img {width: 37px;}
.service-box-btn-wrap .btn-with-arrow {position: relative; padding: 15px 60px; justify-content: center;}
.service-box-btn-wrap .btn-with-arrow .white-arrow-btn {position: absolute; right: 6px;}

.common-slider-btn button {padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; outline: none; display: inline-flex; cursor: pointer;}
.common-slider-btn {display: inline-flex;}
.common-slider-btn button:not(:last-child) {margin-right: 20px;}
.common-slider-btn img {width: 40px;}
.common-slider-btn button[disabled] {opacity: 0.5; pointer-events: none;}

/*we serve*/

/*client review*/



.review-video {width: 100%; display: var(--d-flex); flex-wrap: var(--flex-wrap);}
.review-content {width: 100%; display: var(--d-flex); flex-wrap: var(--flex-wrap);}
.review-video-wrap {border-radius: 20px; width: 100%; overflow: hidden; display: var(--d-flex); flex-wrap: var(--flex-wrap); height: 100%; position: relative;}
.review-video-wrap img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.review-video-wrap .play-icon {padding: 10px; position: absolute; background: linear-gradient(93.73deg, #03BFCD -25.4%, #5C31F9 35.58%, #732CED 96.25%); border-radius: 50%; display: inline-flex ; width: 40px; height: 40px; align-items: center; justify-content: center; bottom: 30px; right: 30px; cursor: pointer;}
.review-video-wrap .play-icon img {height: 20px; width: auto; margin-left: 4px;}
.review-box {display: var(--d-flex); flex-direction: var(--flex-column); width: 100%; background-color: var(--white); border-radius: 20px; box-shadow: 0px 0px 15px 0px #00000014; padding: 30px; position: relative;}
.review-box::before {content: ""; position: absolute; top: 50%; right: 12%; background: url(../images-new/quotes.svg); width: 25%; height: 46%; background-repeat: no-repeat; background-size: contain; opacity: 0.15; z-index: 0; transform: scaleX(-1) translateY(-50%);}
.review-quote-icon {margin-bottom: 30px; display: var(--d-flex); position: relative;}
.review-quote-icon img {width: 40px;}
.review-info {margin-bottom: 40px; position: relative;}
.review-info h2 {font-size: 26px; color: var(--dark-black); margin-bottom: 20px; font-family: var(--arvo-bold); line-height: 1.2;}
.review-info p {color: #666666; font-family: var(--arvo-regular); font-style: italic; line-height: 1.5; letter-spacing: 1px;}
.client-info h4 {font-family: var(--onest-bold); color: var(--dark-black); font-size: 22px; margin-bottom: 10px;}
.client-info p {font-size: 20px; color: var(--dark-black); margin: 0;}
.review-btns {position: absolute; right: 30px; bottom: 30px;}
.client-review-list li {position: relative; flex: 0 0 100%;}
.client-review-list {display: var(--d-flex); width: 100%; transition: transform 0.3s ease;}
.client-review-slider {position: relative; overflow: hidden; }
/* .client-review-vd {display: flex;}
.client-review-vd .client-review {width: 33.33%;}
.our-work-client-box { box-shadow: 0px 2px 25px 0px #64646426; position: relative; z-index: 1; margin-bottom: 50px; border-radius: 8px; overflow: hidden; } */
/*client review*/

/*clutch review*/
.clutch-review-block {text-align: center;}
.customer-review .sec-top-title {margin-bottom: 0;}
.customer-review .sec-top-title h2 {margin-bottom: 40px;}
.clutch-review-block img {max-width: 200px; width: 100%;}
.clutch-review-block p {margin: 15px auto 0; font-family: var(--onest-semibold); max-width: 160px;}
.customer-review-box {padding: 30px; background: var(--white); box-shadow: 0px 0px 15px 0px #00000014; border-radius: 20px; height: 100%;}
.customer-review-top  {margin-bottom: 30px;}
.clutch-quote {display: inline-flex; margin-bottom: 15px;}
.clutch-quote img {height: 24px;}
.customer-review-content h5 {font-size: 26px !important; color: var(--dark-black); font-family: var(--arvo-bold); margin-bottom: 10px;}
.customer-review-content p {color: var(--dark-black); font-family: var(--arvo-regular); font-style: italic; letter-spacing: 0.15px; font-size: 18px;}
.customer-review-content {margin-bottom: 30px;}
.customer-img {width: 48px; height: 48px; margin-right: 20px; border-radius: 50%; overflow: hidden;}
.customer-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.customer-detail h6 {font-size: 20px; font-family: var(--onest-bold); margin-bottom: 5px; line-height: 1;}
.customer-detail p {font-size: 14px; line-height: 1;}
.customer-review-list {display: var(--d-flex); transition: transform 0.3s ease;}
.customer-review-list li {flex: 0 0 calc(90% - 30px); margin-right: 30px;}
.customer-review-slider {overflow: hidden;}
.customer-review-btns {width: 100%; justify-content: var(--justify-center);}
/*clutch review*/

/*Custom solution*/
.custom-solution-wrap {background: var(--black); overflow: hidden; position: relative;}
.custom-solution-wrap::before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 1; }
.solution-slider-wrap { display: flex; flex-direction: column; position: absolute; top: 0; left: 15px; right: 15px;}
.solution-slider-wrap .solution-list {flex-shrink: 0;  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 15px;}
#solution-left .solution-list {animation: scrollUp 8s linear infinite;}
@keyframes scrollUp {from { transform: translateY(0); } to { transform: translateY(-100%); } }
@keyframes scrollLeft {from { transform: translateX(0); } to { transform: translateX(-100%); } }

.solution-list li {margin-bottom: 15px; }
.solution-slider {width: 100%; position: relative;}
.solution-list img {width: 100%;}
.solution-box li {width: 33.33%; animation: none;}
#solution-right .solution-list {animation: scrollDown 8s linear infinite;}
@keyframes scrollDown {from { transform: translateY(-100%); } to { transform: translateY(0%); } }
.solution-content {color: var(--white);}
.solution-content h2 {line-height: 1.35; margin-bottom: 25px}
.solution-content h2 span {background: linear-gradient(90deg, #0091DA 0%, #2471FF 100%); background-clip: text; color: transparent;}
.solution-content p {font-weight: 500; font-family: var(--onest-semibold); line-height: 1.4; margin-bottom: 30px;}
.solution-content p a {color: var(--white); text-decoration: none;}
.solution-box-bottom .solution-list li {margin-bottom: 30px;}
.solution-box-top .solution-list li {margin-bottom: 0; margin-top: 30px;}
.solution-box-middle {position: relative; z-index: 2;}
.solution-box-middle {padding: 30px 0px;}
/*Custom solution*/

/*faq*/
.collaspe-head {transition: all 0.5s ease-in-out; padding: 20px 60px 20px 20px; position: relative; cursor: pointer;}
.collapse-box {position: relative; border: 0.063rem solid #f2f0e9; transition: all 0.5s ease-in-out; box-shadow: 0px 0px 6px 0px #00000014; border-radius: 20px; margin-bottom: 30px;}
.collapse-body {display: block; max-height: 0; opacity: 0; overflow: hidden; transition: max-height 0.5s ease, opacity 0.5s ease; }
.collaspe-head .icon {width: 16px; height: 16px; transition: all 0.5s ease-in-out;}
.collaspe-head .icon svg {height: 16px;}
.collapse-body-wrap {padding: 0 20px 20px; line-height: 1.4;}
.collaspe-head .icon {position: absolute; top: 25px; right: 22px; display: inline-flex; }
.collapse-body-wrap p {margin-bottom: 15px;}
/*faq*/

.client-video video {width: 100%;}

.head-social-list a {width: 30px; display: inline-flex;}
.head-social-list a img {width: 30px;}
.service-content p a {color: #666666;}

.copyright-wrap p a {color: var(--dark-black); text-decoration: none;}
.copyright-wrap p a:hover {text-decoration: underline;}

@media (min-width: 576px) {
	/*Banner css start here*/
	/*Banner css end here*/

	/*	why-us start here*/
	/*	why-us start here*/
	
	/*service sec here*/
	/*service sec here*/

	/*we offer sec here*/
	.we-offer-wrap h2 {font-size: 50px;}
	/*we offer sec here*/

	/*Common tabbing*/
	/*Common tabbing*/

	/*global brand*/
	/*global brand*/

	/*we serve*/
	/*we serve*/

	/*clutch review*/
	.clutch-review-block img {max-width: 250px;}
	.customer-review-slider {margin-left: calc((100% - 540px) / 2);}
	/*clutch review*/

	/*Custom solution*/
	/*Custom solution*/
}


@media (min-width: 768px) {
	/*Banner css start here*/
	.commn-banner-content p {font-size: 18px; }
	.banner-btn-wrap .btn {width: auto; margin-bottom: 0}
	.banner-btn-wrap .btn:not(:last-child) {margin-right: 20px;}
	.common-banner-box {padding: 0 40px;}
	.commn-banner-img {padding-top: 40px; padding-bottom: 40px;}
	.commn-banner-content {padding-top: 40px;}
	.common-banner-bottom {padding: 20px 0;}
	.banner-bottom-space {margin-bottom: 60px;}
    .banner-scroll-btn span {width: 60px; height: 60px;}
    .banner-scroll-btn svg {height: 36px; width: initial; }
    .banner-review-block {width: calc(100% - 80px);}
	/*Banner css end here*/

	/*	why-us start here*/
	.why-us-number {font-size: 60px;}
	.why-us-box-wrap {width: 50%; margin-bottom: 40px;}
	/*	why-us start here*/

	/*service sec here*/
	.service-list-wrap {width: 50%; margin-bottom: 40px;}

	.sec-top-title p {font-size: 18px;}
    .service-sec .sec-top-title .container {max-width: 500px;}
	/*service sec here*/

	/*we offer sec here*/
	.we-offer-wrap h2 {font-size: 60px;}
	.we-offer {padding: 80px 0;}
	
	.work-list-content h2 {font-size: 26px;}
	/*we offer sec here*/

	/*Common tabbing*/
	.common-tab-menu a {padding: 10px 26px; font-size: 18px;}
	/*Common tabbing*/

	/*global brand*/
	.global-brand-sec .sec-top-title {margin-bottom: 80px;}
	/*global brand*/

	/*we serve*/
    .we-serve-wrap {padding: 40px 30px;}
    .serve-list li {flex: 0 0 calc(50% - 20px);}
	/*we serve*/

	/*client review*/
	.customer-review-content h5 {font-size: 22px;}
	.customer-detail h6 {font-size: 22px;}
	.customer-detail p {font-size: 16px;}
	.customer-review-list li {flex: 0 0 calc(44.6% - 30px);}
	.customer-review-slider {margin-left: calc((100% - 720px) / 2);}
    .review-video-wrap .play-icon {width: 50px; height: 50px;}
    .review-video-wrap .play-icon img {height: 25px; margin-left: 4px; }
	/*client review*/

	/*Custom solution*/
    .solution-slider {width: 20%;}
    .solution-box {width: 60%;}
	/*Custom solution*/

    .modal .modal-dialog {max-width: 650px;}

}

@media (min-width: 992px) {
	/*Banner css start here*/
	.commn-banner-content {width: calc(100% - 380px); padding-bottom: 50px;}
	.commn-banner-img {width: 380px; }
	.commn-banner-content p { max-width: 470px; }
	.banner-btn-wrap .btn-with-arrow {padding: 9px 10px 9px 30px;}
	.banner-thumb-slider {max-width: 480px; margin-left: auto; }
	.banner-review-block li span img {height: initial; }
	.banner-review-block ul li {width: 28%; margin: 0;}
	.banner-review-block ul li:nth-child(2) {width: 35%;}
	.banner-review-block ul li:nth-child(3) {width: 32%;}
	.banner-review-block li span {padding: 8px 16px; min-height: 41px;}
    .common-banner-bottom {align-items: center;}
	/*Banner css end here*/

	/*	why-us start here*/
	.why-us-number {font-size: 70px;}
    .why-us-box {padding: 30px;}
	/*	why-us start here*/

	/*service sec here*/
	/*service sec here*/

	/*we offer sec here*/
	/*we offer sec here*/

	/*Common tabbing*/
	.common-tab-menu a {font-size: 20px;}
    .work-list:first-child {width: 47.7%;}
    .work-list:last-child {width: 52.3%;}
	/*Common tabbing*/

	/*global brand*/
	/*global brand*/

	/*we serve*/
    .we-serve-wrap .sec-top-title p {font-size: 18px;}
    .we-serve-wrap .sec-top-title .container {max-width: 560px; }
    .serve-list li {flex: 0 0 calc(33.33% - 20px);}
    .serve-block {border-radius: 20px; padding: 25px;}
	/*we serve*/

    /*client review*/
    .review-video {width: 35%;}
    .review-content {width: 65%; padding-left: 30px;}
    /*client review*/

	/*clutch review*/
	.clutch-review-block p {max-width: 180px;}
	.customer-review-slider {margin-left: calc((100% - 960px) / 2);}
    .customer-review-content h5 {font-size: 26px;}
	/*clutch review*/
	
	/*Custom solution*/

	/*Custom solution*/

    /*faq*/
    .collaspe-head {padding: 30px 60px 30px 30px;}
    .collaspe-head .icon {top: 34px; right: 30px;}
    .collapse-body-wrap {padding: 0 30px 30px;}
    /*faq*/
}

@media (min-width: 1024px) {
	.slide-content {top: 40px; left: 20px; right: 20px; bottom: 30px;}
	.slide-content::before {left: -20px; top: -41px; right: -20px;}
	.slide-content::after {bottom: -30px; left: -20px; right: -20px;}
	.dots-bar {top: 20px; left: 20px; width: calc(100% - 40px);}
	.sec-top-title h2 {margin-bottom: 25px;}

	/*	why-us start here*/
	.why-us-box-wrap {width: 33.33%;}
	.why-us-content h2 {margin-bottom: 20px;}

	/*	why-us start here*/	

	/*service sec here*/
	/* .service-list-wrap {width: 50% !important;} */
    .sec-top-title p {font-size: 20px;}
    .service-sec .sec-top-title .container {max-width: 580px;}
    .service-box-btn-wrap .btn-with-arrow {padding: 15px 50px;}
	/*service sec here*/

	/*we offer sec here*/
	.we-offer-wrap h2 {font-size: 70px;}
	.work-list-content p {font-size: 16px;}

	/*we offer sec here*/

	/*Common tabbing*/
	/*Common tabbing*/

	/*global brand*/
	/*global brand*/

	/*we serve*/
	.serve-list li {flex: 0 0 calc(25% - 20px);}
	/*we serve*/

	/*client review*/
	.review-quote-icon {margin-bottom: 40px;}
	.review-quote-icon img {width: 50px;}

	.review-info {margin-bottom: 50px;}
	.common-slider-btn img {width: 50px;}
	
	/*client review*/

	/*clutch review*/
	.customer-review .sec-top-title h2 {margin-bottom: 50px;}
	.clutch-review-block img {max-width: 320px;}
	.customer-review-top  {margin-bottom: 40px;}
	
	.customer-review-content {margin-bottom: 40px;}
	.customer-review-slider {margin-left: calc((100% - 990px) / 2);}
    .review-video-wrap .play-icon {width: 60px; height: 60px;}
    .review-video-wrap .play-icon img {height: 30px; margin-left: 5px; }
	/*clutch review*/

	/*Custom solution*/
	/*Custom solution*/
}

@media (min-width: 1200px) {
	/*Banner css start here*/
	.banner-sub-title {margin-bottom: 25px;}
	.commn-banner-content .h1 {margin-bottom: 25px;}
	.banner-sub-title span {padding: 12px 20px;}
	.commn-banner-content p {font-size: 20px; max-width: 550px; margin: 0 0 32px;}
	.commn-banner-content {width: calc(100% - 430px); padding-top: 50px; padding-bottom: 60px;}
	.commn-banner-img {width: 430px; padding-top: 50px; padding-bottom: 50px; font-size: 16px;}
	.common-banner-box {padding: 0 50px;}
	.slide-content-body .btn {font-size: 16px; padding: 7px 7px 7px 20px;}
	.slide-content-body .btn svg {width: 36px; height: 36px;}
	.slide-content-body .slide-name {width: calc(100% - 172px);}
	.slide-content-body .white-arrow-btn {margin-left: 10px;}
	.sec-top-title {margin-bottom: 40px;}
	.banner-review-block li span {padding: 10px 20px; min-height: 50px;}
	.banner-scroll-btn span {width: 70px; height: 70px;}
	
	.banner-review-block ul li {width: 258px;}
	.banner-review-block ul li:nth-child(2) {width: 318px;}
	.banner-review-block ul li:nth-child(3) {width: 269px;}
	/*Banner css end here*/

	/*	why-us start here*/
	.why-us-number {font-size: 80px;}
	.why-us-box-wrap {margin-bottom: 50px;}
    .why-us-icon span {width: 70px; height: 70px; padding: 15px;}
	/*	why-us start here*/

	/*service sec here*/
	
	.service-content h2 {margin-bottom: 8px;}
    .service-list-wrap:first-child .service-icon img {width: 67px;}
    .service-list-wrap:nth-child(2) .service-icon img {width: 76px;}
    .service-list-wrap:nth-child(3) .service-icon img {width: 47px;}
    .service-box-top {padding: 35px 35px 25px;}
    .service-box-bottom {padding: 25px 35px 35px;}

	/*service sec here*/

	/*we offer sec here*/
	.we-offer-wrap h2 {font-size: 80px;}
	.work-list-content {width: calc(100% - 120px); margin-right: auto; margin-bottom: 0;}
	.work-list-content h2 {font-size: 28px;}
/*	.work-list-content a {font-size: 18px;}*/
	.our-work-btn {margin-top: 10px;}
    .work-list-box {padding: 30px;}
    .work-list-bottom {margin-top: 30px;}
	/*we offer sec here*/

	/*Common tabbing*/
	.common-tab-menu a {padding: 12px 30px; font-size: 22px;}
    .work-list-btn .btn {font-size: 16px;}
	/*Common tabbing*/

	/*global brand*/
	.global-brand-sec .sec-top-title {margin-bottom: 100px;}
	/*global brand*/

	/*we serve*/
    .we-serve-wrap .sec-top-title p {font-size: 20px;}
    .we-serve-wrap .sec-top-title .container {max-width: 620px; }
    .serve-list li {margin-bottom: 40px;}
	/*we serve*/

	/*client review*/
    .review-video {width: 30%;}
    .review-content {width: 70%; padding-left: 30px;}
    .review-info h2 {font-size: 30px;}
	/*client review*/

	/*clutch review*/
	.clutch-review-block p {max-width: 200px;}
	.customer-img {width: 58px; height: 58px;}
	.customer-detail h6 {font-size: 24px; margin-bottom: 8px;}
	.customer-detail p {font-size: 18px;}
	.customer-review-slider {margin-left: calc((100% - 1140px) / 2);}
    .customer-review-content h5 {font-size: 30px;}
    
	/*clutch review*/

	/*Custom solution*/

	/*Custom solution*/

    .main-menu-ul {min-width: 637px;}
    .head-social-list {min-width: 42px;}

	/* our work */
	.work-list-content a {margin-bottom: 30px;}
/* our work */
}

@media (min-width: 1320px) {
	/*service sec here*/
    .service-content p {font-size: 18px; margin-bottom: 20px;}
    .sec-top-title p {font-size: 24px;}
    .service-sec .sec-top-title .container {max-width: 650px;}
	/*service sec here*/

	/*we offer sec here*/

	/*we offer sec here*/

	/*Common tabbing*/
	
	.work-list-btn .white-arrow-btn {margin-left: 25px;}
	.work-list-btn .white-arrow-btn svg {width: 36px; height: 36px;}
	.work-list-btn .btn {padding-left: 25px;}
	/*Common tabbing*/

	/*global brand*/
	/*global brand*/

	/*we serve*/
    .serve-icon svg {width: 80px; height: 80px;}
    .we-serve-wrap .sec-top-title p {font-size: 24px;}
    .we-serve-wrap .sec-top-title .container {max-width: 740px; }
    .serve-block {padding: 40px;}
	/*we serve*/

	/*clutch review*/
	.customer-review-slider {margin-left: calc((100% - 1240px) / 2);}
    .review-video-wrap .play-icon {width: 70px; height: 70px;}
    .review-video-wrap .play-icon img {height: 34px; margin-left: 8px; }
	/*clutch review*/

	/*Custom solution*/
	/*Custom solution*/
}

@media (min-width: 1560px) {
	/*Banner css start here*/
	.commn-banner-content p {font-size: 24px; max-width: 670px; }
	.commn-banner-content {width: calc(100% - 510px); padding-top: 60px; padding-bottom: 70px;}
	.commn-banner-img {width: 510px; padding-top: 60px; padding-bottom: 60px;}
	.common-banner-box {padding: 0 60px;}
	.banner-bottom-space {margin-bottom: 100px;}
	.banner-scroll-btn span {width: 80px; height: 80px;}
	.banner-scroll-btn svg {height: 53px; width: initial; }
	.banner-review-block li span {min-height: 50px;}
    .banner-scroll-btn svg {height: 42px; width: initial; }
	/*Banner css end here*/

	/*	why-us start here*/
	.why-us-number {font-size: 90px;}
	.why-us-box-wrap {margin-bottom: 60px;}
    .why-us-icon span {width: 80px; height: 80px;}
    .why-us-box {padding: 32px 32px 50px 50px;}
	/*	why-us start here*/

	/*service sec here*/
	.service-sec .sec-top-title .container {max-width: 790px;}
	.service-sec .sec-top-title h2 {margin-bottom: 10px;}
	.sec-top-title p {font-size: 26px;}
	.service-list-wrap {margin-bottom: 60px;}
	.service-content p {font-size: 20px;}
    .service-box-btn-wrap .btn {padding: 12px 15px; font-size: 14px;}
       .service-box-btn-wrap .btn-with-arrow {padding: 9px 5px 9px 10px;}
    .service-box-btn-wrap .white-arrow-btn svg {width: 26px; height: 26px;}
    .service-list-wrap:first-child .service-icon img {width: 77px;}
    .service-list-wrap:nth-child(2) .service-icon img {width: 96px;}
    .service-list-wrap:nth-child(3) .service-icon img {width: 57px;}
    .service-tag-list {font-size: 16px;}
    .service-box-btn-wrap {width: 50%; margin: 0;}
    .service-icon {margin-bottom: 30px;}
    .service-box-btn-wrap .btn-with-arrow .white-arrow-btn {position: static; right: initial;}
	/*service sec here*/

	/*we offer sec here*/
	.we-offer-wrap h2 {font-size: 90px;}
	.we-offer {padding: 100px 0;}
	/* .work-list-content {width: calc(100% - 250px);} */
	.work-list-content p {font-size: 18px;}
	.work-list-content h2 {font-size: 30px;}
	.our-work-btn {margin-top: 20px;}
	/*we offer sec here*/

	/*Common tabbing*/

	/*Common tabbing*/

	/*global brand*/
	.global-brand-sec .sec-top-title {margin-bottom: 120px;}
	/*global brand*/

	/*we serve*/
	.we-serve-wrap .sec-top-title p {font-size: 26px;}
    .we-serve-wrap .sec-top-title .container {max-width: 800px; }
    .serve-content h2 {font-size: 26px;}
    .serve-list li {margin-bottom: 50px;}
	/*we serve*/

	/*client review*/
	.review-quote-icon {margin-bottom: 50px;}
	.review-quote-icon img {width: 60px;}
	.review-info h2 {font-size: 35px;}
	.review-info {margin-bottom: 75px;}
	.client-info h4 {font-size: 26px;}
	.common-slider-btn img {width: 60px;}

	/*client review*/

	/*clutch review*/
	.customer-review .sec-top-title h2 {margin-bottom: 70px;}
	.clutch-review-block img {max-width: 470px;}
	.clutch-review-block p {max-width: 220px;}
	.customer-review-top  {margin-bottom: 50px;}
	.clutch-quote {display: inline-flex; margin-bottom: 30px;}
	.customer-review-content h5 {font-size: 32px;}
	.customer-review-content {margin-bottom: 50px;}
	.customer-detail h6 {font-size: 26px;}
	.customer-review-slider {margin-left: calc((100% - 1425px) / 2);}
	/*clutch review*/

	/*Custom solution*/
	.solution-content p {font-size: 35px;}
	.solution-btn .btn {font-size: 20px; padding: 10px 10px 10px 60px;}
	.solution-btn .btn .white-arrow-btn {margin-left: 60px;}
	.solution-btn .btn .white-arrow-btn svg {width: 50px; height: 50px;}
	.solution-box-middle {padding: 45px;}
	/*Custom solution*/

}


@media (min-width: 1800px) {
    .sec-top-title {margin-bottom: 60px; }
	/*Banner css start here*/
	.commn-banner-content p {font-size: 28px; max-width: 770px; }
	/*Banner css end here*/

	/*	why-us start here*/
	.why-us-number {font-size: 110px;}
    .why-us-icon span {width: 98px; height: 98px;}
	/*	why-us start here*/

	/*service sec here*/
	.service-content h2 {font-size: 30px;}
    .service-content p {font-size: 18px;}
    .sec-top-title p {font-size: 30px;}
    .service-list-wrap:first-child .service-icon img {width: 80px;}
    .service-list-wrap:nth-child(2) .service-icon img {width: 86px;}
    .service-list-wrap:nth-child(3) .service-icon img {width: 68px;}
	.service-list-wrap:nth-child(4) .service-icon img {width: 68px;}
	.other-hidden-services .service-list-wrap:first-child .service-icon img {width: 75px;}
    .other-hidden-services .service-list-wrap:nth-child(2) .service-icon img {width: 75px;}
    .other-hidden-services .service-list-wrap:nth-child(3) .service-icon img {width: 60px;}
	.other-hidden-services .service-list-wrap:nth-child(4) .service-icon img {width: 85px;}
	/*service sec here*/

	/*we offer sec here*/
	.we-offer-wrap h2 {font-size: 110px;}
	.we-offer {padding: 130px 0;}
    .our-work-btn {margin-top: 30px;}
	/*we offer sec here*/

	/*Common tabbing*/
	.common-tab-menu a {font-size: 26px; padding: 14px 35px;}
	/*Common tabbing*/

	/*global brand*/
	/*global brand*/

	/*we serve*/
    .serve-block {padding: 60px;}
    .serve-icon svg {width: 100px; height: 100px;}
    .service-box-top {padding: 25px 25px 25px;}
    .service-box-bottom {padding: 30px 25px 30px;}
    .serve-list li {margin-bottom: 60px;}
    .serve-content h2 {font-size: 30px;}
    .serve-icon {margin-bottom: 30px;}
    .we-serve-wrap .sec-top-title p {font-size: 30px;}
    .we-serve-wrap .sec-top-title .container {max-width: 910px; }
    .we-serve-wrap {padding: 60px 50px;}
	/*we serve*/

	/*client review*/
	.customer-review-slider {margin-left: calc((100% - 1740px) / 2);}
    .client-info h4 {font-size: 30px;}
    .review-video-wrap .play-icon {width: 90px; height: 90px;}
    .review-video-wrap .play-icon img {height: 40px; margin-left: 10px; }
	/*client review*/

	/*Custom solution*/
	.solution-content p {font-size: 45px;}
	.solution-btn .btn {font-size: 25px; padding: 10px 10px 10px 75px;}
	.solution-btn .btn .white-arrow-btn {margin-left: 75px;}
	.solution-btn .btn .white-arrow-btn svg {width: 60px; height: 60px;}
	.solution-box-middle {padding: 65px;}
    .solution-content h2 {margin-bottom: 25px;}
    .solution-content p {margin-bottom: 30px;}
	/*Custom solution*/

	/*faq*/
	.collaspe-head {padding: 40px 100px 40px 40px;}
	.collaspe-head .icon {top: 46px; right: 40px;}
	.collapse-body-wrap {padding: 0 40px 40px;}
	/*faq*/

	/* our work */
		.work-list-content {width: calc(100% - 310px);}
		.work-list-content a {margin-bottom: 0;}
	/* our work */
}

@media (max-width: 1799px) and (min-width: 1025px) {
        .service-list-wrap {width: 33.33% !important;}
}

@media (max-width: 1199px) {
    .customer-review-content h5 {font-size: 18px !important;}
    .customer-review-content p {font-size: 16px !important;}
	.serve-content h2 {font-size: 20px !important;}
    
}

@media (max-width:1024px) {
	.service-list-wrap {width: 50% !important;}
}

@media (max-width: 991px) {
        .customer-review-list li {
        flex: 0 0 calc(60% - 30px);
    }
    .global-brand-list img {padding: 0 4.2vw;}
}
@media (max-width: 767px) {
    .solution-box-top, .solution-box-bottom {display: none;}
    .solution-slider-wrap {position: static; flex-direction: row; flex-wrap: nowrap;}
    .solution-list {flex-direction: row; flex-wrap: nowrap; flex-shrink: 0; width: 100%; margin: 0 !important; animation: scrollLeft 4s linear infinite !important;}
    .solution-list li {width: 33.33%; padding: 0 8px;}
    .mob-hide {display: none;}
    .work-list-btn {width: 100%;}
    .work-list-btn .white-arrow-btn svg {width: 39px; height: 39px; }
    .banner-sub-title {font-size: 14px;}
    .work-list-content p {font-size: 16px;}
    .service-list-wrap:first-child .service-icon img {width: 77px;}
    .service-list-wrap:nth-child(2) .service-icon img {width: 96px;}
    .service-list-wrap:nth-child(3) .service-icon img {width: 57px;}
	.service-list-wrap:nth-child(4) .service-icon img {width: 57px;}
    .review-video {margin-bottom: 20px;}
    .review-box {padding: 30px 30px 90px 30px;}
    .customer-review-list li { flex: 0 0 calc(100% - 30px); margin: 0 15px;}
    .client-info h4 {font-size: 20px; margin-bottom: 5px;}
    .client-info p {font-size: 18px;}
    .header {min-height: 74px;}
    #textContainer {height: 82px;}
	.service-list-wrap {width: 100% !important;}
	.view-btn-overlay a {font-size: 16px; padding: 30px 20px;}
	.customer-review-content p {font-size: 14px !important;}
	.review-info p {font-size: 14px;}
	.common-tab-menu ul {flex-wrap: nowrap;}
	.common-tab-menu a {font-size: 14px;}
	.service-box-btn-wrap .btn-with-arrow {padding: 15px 25px;}
	.service-box-btn-wrap .btn-with-arrow span.btn-text {margin-right: 25px;}
	.common-tab-menu a {padding: 10px 20px;}
	.review-btns {right: 35%;}
	.service-content p {font-size: 15px;}
	.slide-content-body .btn {width: auto; padding: 7px 40px 7px 15px;}

}

@media (max-width: 450px) {
    .commn-banner-content {min-height: 520px;}
    .#textContainer {height: 82px;}
}