@charset "utf-8";
@import url('../fonts/fonts.css');
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}.table-responsive {padding: 0 0 20px 0 !important;}table {border-collapse: collapse;border-spacing: 0;}body {position: relative;line-height: 1;color:white;font-family: "Neue Montreal" !important;overflow-x: hidden;background: black;}input{font-weight: 400;position: relative;border-radius: 10px !important;height: 50px;color: white;font-size: 12px;margin: 0;padding: 0 25px;}input:focus, input:focus-visible {outline: none;}input::placeholder,textarea:placeholder {color: #cccccc !important;text-transform: capitalize !important;}textarea{color: black;resize: none;}.form-control:focus {box-shadow: none;}img {object-fit: cover;object-position: center;} input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;appearance: none;}input[type=number] {-moz-appearance: textfield;appearance: textfield;} button {background: transparent;border: 0;}video {width: 100%;object-fit: cover;object-position: center;mix-blend-mode: lighten;}strong {font-weight: 900;}::selection {color: white;background: #221645;}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
/*hover end here*/



/* default-css start */
/* 
font-family: 'Monument Extended';
font-family: 'Neue Montreal';
*/

.p-100{padding: 100px 0;}
.p-80{padding: 80px 0;}
.p-60{padding: 60px 0;}
.p-70{padding: 70px 0;}


h1 {font-size: 72px;font-family: 'Monument Extended';line-height: 76px;}
h2 {font-size: 52px;line-height: 65px;font-weight: 400;font-family: 'Monument Extended';}
h3 {font-size: 42px; font-family: 'Monument Extended';}
h4 {font-size: 30px;line-height: 46px;font-family: 'Monument Extended';}
h5 {font-size: 24px;line-height: 32px;font-family: 'Monument Extended';}
h6 {font-size: 20px;line-height: 28px;font-family: 'Monument Extended';font-weight: 500;}
p {font-size: 16px;font-weight: 400;margin-top: 30px;line-height: 28px;color: #b6b6b6;}
a {font-size: 16px;line-height: 21px;font-weight: 400;display: inline-block;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;text-decoration: none !important;position: relative;}

.container-fluid{padding: 0 75px ;}
button{font-size: 16px;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;text-decoration: none !important;padding: 0;position: relative;}
a:hover::before,button:hover::before {/* left: 0; */}
a span, button span {position: relative;z-index: 1;}

.py:hover {color: white;}
.py{color: white;}
.py-bg{background: white;color: white;}

.py-btn {cursor: pointer;border-radius: 100px;color: white;margin: 30px 0 0 0;font-weight: 500;text-transform: uppercase;font-size: 16px;background: #0A0A0E;background: linear-gradient(90deg, rgba(115, 115, 115, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(12.5px);position: relative;height: 50px;width: auto;} 
.gd-btn{position: relative;padding: 14px 27px;border-radius: 100px;top: 13px;transition: opacity .3s ease-in-out;}

.gd-btn::after, .gd-btn::before{content: '';position: absolute;height: 100%;width: 100%;background-image: conic-gradient(from var(--angle), #FFFFFF, #7344FF, #0095ff, #ffffff);top: -1px;left: -1px;right: 0;z-index: -1;padding: 1px;animation: 3s spin linear infinite;box-sizing: unset;border-radius: 100px;transition: opacity .3s ease-in-out;margin: 0 auto;}
.gd-btn::before,.gd-btn::after {opacity: 0;background-image: none;transition: opacity .3s ease-in-out;}
.py-btn:hover .gd-btn::before,.py-btn:hover .gd-btn::after {opacity: 1;background-image: conic-gradient(from var(--angle), #FFFFFF, #7344FF, #0095ff, #ffffff);}
.py-btn:hover .gd-btn {background: #1c1f2b;}

.sy-btn {margin: 0 10px;height: auto;padding: 18px 47px;box-sizing: border-box;background: rgba(0, 0, 0, 0.2);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(30.25px);text-transform: uppercase;border-radius: 100px;}

@property --angle{syntax: "<angle>";initial-value: 0deg;inherits: false;} 
.gd-pad {padding: 2px;}
.gd-border{background: #0A0A0E;position: relative;isolation: isolate;}
.gd-border::after, .gd-border::before{content: '';position: absolute;height: 100%;width: 100%;background-image: conic-gradient(from var(--angle), #FFFFFF, #7344FF, #0095ff, #ffffff);top: 50%;left: 50%;translate: -50% -50%;z-index: -1;padding: 2px;animation: 3s spin linear infinite;box-sizing: unset;bottom: 0;mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;}
@keyframes spin{from{--angle: 0deg;}to{--angle: 360deg;}}

.common-box{background: rgba(8, 8, 8, 0.5);border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: inset 0px 4px 41.2px -11px rgba(255, 255, 255, 0.2);backdrop-filter: blur(25px);border-radius: 24px;text-align: center;display: flex;justify-content: center;align-items: center;}
 
/*default-css end*/

/* loader start */

body.loading{overflow:hidden;}
body.menu-active {overflow: hidden;}
#site-content{opacity:0;visibility:hidden;}
body.loaded #site-content{opacity:1;visibility:visible;transition:opacity .6s ease;}
#page-loader{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;}
#loaderVideo{width:100%;height: auto;object-fit:cover;}
#loaderVideo.is-hidden{opacity:0;visibility:hidden;}
#loaderSvg{position:absolute;width:100%;height:100%;opacity:0;transition:1s ease;}
#loaderSvg.show{opacity:1;transform:scale(1);}
#loaderSvg.hide{opacity:0;transform:scale(10);}

/* loader end */


/* header start */
.menu-bar {display: flex;align-items: center;}
.menu-bar a {text-transform: capitalize;color: black;}
.menu-bar a.py-btn {color: white;margin: 0;padding: 0;}
.menu-bar li:nth-child(4) a, .menu-bar li:nth-child(5) a {background: white;border-radius: 100px;width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;color: white;padding: 0;border: 0;}
.menu-bar li:nth-child(3) {margin: 0 10px 0 40px;}
.menu-bar li {margin: 0 0px 0 10px;}
.menu-bar li:nth-child(4) a:hover, .menu-bar li:nth-child(5) a:hover {color: black;}
header {position: fixed;top: 0;width: 100%;padding: 20px;z-index: 3;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(26.2px);}
.inner-menu {position: absolute;right: -30%;width: 50%;background: #0A0A0E;top: 0;z-index: 2;padding: 30px;transition: right .6s ease,opacity 0.6s ease,visibility 0.6s ease;opacity: 0;visibility: hidden;z-index: 89;height: 100dvh;}
.inner-menu .close {background: #f7f1e1;width: 45px;height: 45px;border-radius: 100px;font-size: 35px;position: absolute;top: 30px;right: 30px;transition: all .3s ease;z-index: 2;display: flex;align-items: center;justify-content: center;}
.inner-menu ul {position: relative;padding: 60px 0 0px 0;}
.inner-menu li {width: 100%;margin: 0 0 20px 0;}
.inner-menu .top-menu a {/* text-transform: capitalize; */color: white;font-size: 40px;padding: 40px 60px;width: 100%;font-family: 'Monument Extended';font-weight: 400;text-transform: uppercase;border-bottom: 1px solid #222226;}
.inner-menu li a::before {margin: unset;}
.inner-menu.menu-open {right: 0;opacity: 1;visibility: visible;}
.inner-menu .close:hover {background: white;}
.inner-menu ul::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius: 10px;background-color: transparent;}
.inner-menu ul::-webkit-scrollbar{width: 1px;background-color: transparent;}
.inner-menu ul::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: none;background-color: transparent;}
.menu-bar a svg {height: 50px;width: 50px;}
.inner-menu .top-menu a div {padding: 0;border-radius: 0;background: #0a0a0e;box-shadow: none;border: 0;text-align: start;display: block;}
.inner-menu .gd-border::after, .inner-menu .gd-border::before {display: none;}
.inner-menu .gd-border:hover::after, .inner-menu .gd-border:hover::before{display:block;}
.menu-bar a svg circle{transition: stroke-opacity .3s ease-in-out;}
.menu-bar a:hover svg circle {stroke-opacity: 1;}
.menus {width: 100%;padding: 0 120px 0 120px;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.bottom-menu ul {padding: 0;}
.bottom-menu ul li {margin: 0;}
.bottom-menu ul li a {padding: 0;width: auto;}
.bottom-menu {align-items: end;padding-block: 50px;}
.bottom-menu p {text-align: end;}
.bottom-menu li:not(:last-child) a {margin-right: 18px;}
.bottom-menu ul li a:hover path {fill: white;}
.bottom-menu ul li a svg {height: 30px;width: 30px;}
button.close img {width: 35px;}
ul#menu-header-menu li.mobile_only {display: none;}
/* header end */

/* home-banner start */
.banner-video {position: relative;height: 100vh;}
.banner-video video {height: 100vh;}
.banner-video::before {position: absolute;content: '';background: url('../images/banner-video-overlay.webp') no-repeat;width: 100%;height: 100%;z-index: 1;background-size: 100% 100%;}
.banner-video::after {position: absolute;content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);width: 100%;height: 250px;bottom: 0;z-index: 2;left: 0;}
/* about start */


.about .gd-border {padding: 150px 0;background: #0A0A0E;}
.about video {position: absolute;top: 140px;right: 0;width: 900px;mix-blend-mode: lighten;z-index: 1;}
.about h2 {background: linear-gradient(135deg, #EAE4FE 0%, #A4548D 28.6%, #B49BE7 48.16%, #5B50C9 71.5%, #ECEBFF 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;-webkit-text-fill-color: transparent;background-size: 500% auto;animation: textShine 3s ease-in-out infinite alternate;font-weight: 400;}
.about p {width: 82%;font-size: 16px;line-height: 30px;}
.about .counter {margin-top: 150px;flex-wrap: wrap;}
.about .counter li:not(:last-child){padding-right: 30px;margin: 0 30px 0 0;position: relative;}
.about .counter li:not(:last-child)::after {content: '';position: absolute;width: 1px;height: 50px;top:10px;right:0;background: url('../images/counter-li.webp') no-repeat;}
.about .counter h3 {text-transform: uppercase;background: linear-gradient(94.43deg, #FFFFFF 0.48%, #349AE4 50.21%, #A539D4 99.93%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;background-size: 200% auto;animation: textShine 1s ease-in-out infinite alternate;}
.about .counter p {margin-top: 20px;text-align: center;font-weight: 500;}
@keyframes textShine {
    0% {background-position: 0% 50%;}
    100% {background-position: 100% 50%;}
}
/* about end */

/* services start */
.services div#service_lottie {top: 280px;width: 60%;}
.services {overflow: hidden;background: #020814;padding-top: 200px;position: relative;overflow: hidden;}
.slider-section{padding-bottom: 200px;}
.services .item {padding: 3px;border-radius: 30px;}
#services_slider .owl-nav button.py-btn {padding: 0px;margin: 0;height: 60px;width: 60px;border-radius: 20px;}
#services_slider .owl-nav button.py-btn .gd-btn {top: 0;padding: 20px;border-radius: 20px;}
#services_slider .owl-nav button.py-btn .gd-btn::after,#services_slider .owl-nav button.py-btn  .gd-btn::before {border-radius: 20px;}
#services_slider .owl-nav button {position: absolute;top: 50%;}
#services_slider .owl-nav button.owl-next {right: 70px;rotate: 180deg;}
#services_slider .owl-nav button.owl-prev {left: 70px;}
.services div#finger_lottie {height: 417px;position: absolute;left: 0;right: 0;bottom: -130px;z-index: 1;}
#services_slider .owl-stage {transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;}
#services_slider .owl-item {opacity: .1;transition: opacity 1s cubic-bezier(0.4, 0, 0.2, 1), transform 1s cubic-bezier(0.4, 0, 0.2, 1);}
#services_slider .owl-item.center {opacity: 1;}
#services_slider .slide-inner {border: 13px solid #171717;border-radius: 30px;position: relative;}
.services .item .gd-border {border-radius: 30px;}
.services .item .gd-border::after,.services .item .gd-border::before {border-radius: 30px;}
#services_slider .slide-inner .content {position: absolute;padding-block: 70px;left: 80px;height: 100%;width: 410px;align-items: flex-start;}
#services_slider .slide-inner .content a {width: auto;line-height: 22px;height: 57px;}
#services_slider .content .gd-btn {padding: 20px 43px 18px 43px;top: 18px;}
#services_slider .slide-inner img {height: 590px;width: 100%;border-radius: 10px;object-fit: initial;}

/* services end */

/* study start */
.case-study img {min-height: 100vh;}
.study .container {padding: 187px 0 120px 0;top: 0;}
.study a {font-size: 80px;font-weight: 900;text-transform: uppercase;font-family: 'Monument Extended';color: white;height: 80px;line-height: 85px;overflow: hidden;}.study a span {display: block;transition: all .3s ease-in-out;}
.study a:hover span {transform: translateY(-100%);}
.study a .overflow {background: linear-gradient(94.43deg, #FFFFFF 0.48%, #349AE4 50.21%, #5B50C9 99.93%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}

/* study end */

/* why-choose start */

.why-choose-us {background: url('../images/why-choose.webp') no-repeat;background-size: cover;}
.why-choose-us .gd-border,.clients{padding: 200px 0;}
.why-choose-us h2,.clients h2 {text-transform: uppercase;margin-bottom: 10px;}
.choose-card {margin-top: 120px;}
.choose-card .common-box {display: block;padding: 40px 30px;}
.choose-card:hover .common-box {border-color: transparent;}
.why-choose-us .row > div {display: flex;}
.why-choose-us .choose-card,.why-choose-us .choose-card .gd-border {width: 100%;}
.why-choose-us .choose-card .common-box {width: 100%;min-height: 340px;}
.service-card-link {position: absolute;inset: 0;z-index: 1;display: block;}

/* why-choose end */

.client-grid {display: grid;gap: 20px; grid-template-columns: repeat(5, 1fr);}
.client-box {margin-top: 20px;}
.client-box .common-box {height: 140px;width: 100%;}
.client-box .gd-border::after, .client-box .gd-border::before {padding: 1px;border-radius: 25px;display: none;}
.choose-card .gd-border::after,.choose-card .gd-border::before {border-radius: 24px;padding: 1px;display: none;}
.client-box:hover .gd-border::after,.client-box:hover .gd-border::before,.choose-card:hover .gd-border::after,.choose-card:hover .gd-border::before {display:block;}
.client-box .gd-border,.choose-card .gd-border {border-radius: 24px;padding: 1px;}
.connected .gd-border {padding: 170px 0 470px 0;}
.connected h6 {font-family: 'Neue Montreal';text-transform: uppercase;font-weight: 400;font-size: 18px;}
.connected h1 {text-transform: capitalize;color: #FFFFFF;mix-blend-mode: overlay;margin-top: 50px;}
.connected a {margin-top: 60px;height: 65px;}
.connected .gd-btn {padding: 21px 60px;top: 21px;}
.connected {position: relative;overflow: hidden;}
.connected video {position: absolute;bottom: -170px;left: 0;right: 0;margin: 0 auto;width: 1100px;}
/* customer stat */
.customer .container-fluid {padding-left: 300px;}
.customer video {position: absolute;height: 100%;opacity: .5;top: 0;left: 0;right: 0;margin: 0 auto;z-index: -1;}
.customer {position: relative;overflow: hidden;padding: 157px 0;z-index: 2;}
.customer h2 {font-weight: 400;line-height: 60px;margin-bottom: 80px;}
.customer .gd-border::after,.customer .gd-border::before {border-radius: 24px;}
.customer .gd-border {padding: 60px;border-radius: 25px;background: transparent;}
.customer .item {border-radius: 25px;position: relative;z-index: -1;background: rgb(8 8 8 / 67%);backdrop-filter: blur(200px);padding: 2px;}
.customer .d-flex {border-top: 1px solid #ffffff1c;margin-top: 70px;padding-top: 28px;}
.customer .item img {width: 70px;height: 70px;margin-right: 25px;}
.customer .d-flex p {font-size: 18px;color: white;text-transform: capitalize;font-weight: 500;margin: 0;}
.customer .d-flex p + p {text-transform: uppercase;font-weight: 400;}
.customer .owl-nav {text-align: end;padding: 80px 160px 0 0;}
.customer .owl-nav span {text-transform: uppercase;font-size: 16px;font-weight: 500;display: flex;align-items: center;}
.customer .owl-nav span img {margin: 0 18px;}
.customer .owl-nav button.owl-next {position: relative;padding: 0 0 0 60px;}
.customer .owl-nav button.owl-next::before {position: absolute;content: '';width: 40px;height: 1px;background: white;top: 6px;left: 0;opacity: .5;}
.customer .owl-nav button:hover span,.customer .owl-nav button:hover img {opacity: .5;}

.glow-effect {position: absolute;inset: 0;pointer-events: none;z-index: 1;mix-blend-mode: screen;opacity: 0;transition: opacity 0.3s ease;}
.glow-effect .glow-dot {position: absolute;left: 0;top: 0;width: 130px;height: 130px;transform: translate(0, 0) scale(0.6);border-radius: 100%;background: radial-gradient(circle, #6f6fd3 0%, #6f6fd3 40%, transparent 70%);filter: blur(60px);opacity: 0;will-change: transform, opacity;}
.glow-card:nth-child(1) {--glow-color: #6f6fd3;}
.glow-card {background-color: var(--color-card);overflow: hidden;cursor: none;transition: transform 0.3s ease;} 
/* customer end */

/* faq start*/
.faq .common-box {display: block;text-align: initial;}
.faq .accordion-item {margin: 0 0 20px 0;}
.faq {padding: 145px 0;}
.faq .accordion {margin-top: 80px;}
.faq .accordion-item {background-color: transparent !important;}
.faq .accordion-button:not(.collapsed) {box-shadow: none !important;min-height: auto;}
.faq .accordion-item {border: 0;}
.faq .gd-border {background: transparent;border-radius: 24px;}
.faq .gd-border::after,.faq .gd-border::before {border-radius: 24px;display: none;}
.faq .accordion-button {font-size: 20px;color: white;height: auto;line-height: 26px;background: transparent;min-height: 90px;padding: 30px;outline: none;box-shadow: none;}
.faq .accordion-body {padding: 0 30px 30px 30px;}
.faq p {margin: 0;}
.faq h2 {font-weight: 400;}
.faq .accordion-button::after {background-image: url('../images/accordion-arrow.webp');width: 11px;height: 11px;background-size: cover;}
.accordion-button:not(.collapsed)::after {transform: rotate(90deg);}
.accordion-item .bordered::before,.accordion-item .bordered::after {display: block;}
/* faq start*/

/* footer start*/
footer.gd-border {background: linear-gradient(0deg, rgba(8, 8, 8, 0) 0%, rgba(115, 68, 255, 0.16) 100%);}
footer.gd-border::after,footer.gd-border::before {padding: 1px 0 0 0;}
footer.gd-border::after {left: 0;opacity: 0;}
.footer-top {padding-top: 104px;}
.footer-top form {margin-top: 50px;}
.footer-top input {background: transparent;border: 0;border-radius: 0 !important;border-bottom: 1px solid #ffffff38;width: 100%;padding: 0 39px 0 16px;font-size: 16px;}
.footer-top button {position: absolute;bottom: 20px;right: 25px;}
.footer-top .wpcf7 {margin-top: 50px;position: relative;width: 75%;}
.footer-top .wpcf7 form {margin: 0;position: relative;}
.footer-top .wpcf7 label {display: block;font-size: 0;line-height: 0;margin: 0;}
.footer-top .wpcf7-form-control-wrap {display: block;}
.footer-top .wpcf7-email {background: transparent;border: 0;border-radius: 0 !important;border-bottom: 1px solid #ffffff38;width: 100%;padding: 0 60px 0 16px;font-size: 16px;color: white;height: 50px;}
.footer-top .wpcf7-submit {position: absolute;top: 14px;right: 10px;width: 22px;height: 22px;padding: 0;border: 0;background: url('../images/send-icon.svg') no-repeat center center;background-size: 22px;font-size: 0;line-height: 0;color: transparent;min-width: 22px;cursor: pointer;}
.footer-top .wpcf7-spinner {position: absolute;right: 0;top: 16px;margin: 0;}
.footer-top .wpcf7-not-valid-tip {margin-top: 8px;font-size: 13px;color: #ff8a8a;line-height: 18px;}
.footer-top .wpcf7-not-valid {border-bottom-color: #ff8a8a !important;}
.footer-top .wpcf7-response-output {margin: 15px 0 0 0 !important;padding: 12px 14px !important;border-radius: 12px;color: white;font-family: 'Neue Montreal';font-size: 14px;line-height: 20px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.12) !important;}
.footer-top .wpcf7 form.sent .wpcf7-response-output {background: rgba(41, 122, 65, 0.18);border-color: rgba(98, 210, 137, 0.55) !important;color: #d7ffe3;}
.footer-top .wpcf7 form.invalid .wpcf7-response-output,.footer-top .wpcf7 form.failed .wpcf7-response-output,.footer-top .wpcf7 form.aborted .wpcf7-response-output,.footer-top .wpcf7 form.spam .wpcf7-response-output {background: rgba(122, 41, 41, 0.18);border-color: rgba(255, 138, 138, 0.55) !important;color: #ffd6d6;}
.footer-top h6 {margin-bottom: 38px;}
.footer-top a {color: #ffffffcc;margin-bottom: 15px;width: 100%;}
.footer-top ul.social-media a {margin: 0 15px 0 0;}
.footer-top ul.social-media {margin-top: 20px;}
.footer-top .contact-links svg {margin-right: 10px;width: 17px;}
.footer-top .contact-links a {display: flex;align-items: center;word-break: break-word;}
.footer-top .col-12.col-md-5 h4 {width: 90%;}
#footer_json {margin-block: 100px;}
.copy-rights {border-top: 1px solid #ffffff38;padding: 20px 0;}
.copy-rights p {margin: 0;color: white;}
.copy-rights a {color: white;padding-inline: 10px;}
.copy-rights li:not(:last-child) a{border-right: 1px solid white;}
footer a:hover {opacity: .5;}
.section {height: 100vh;position: relative;background: #111;overflow: hidden;}
.glow {position: absolute;width: 400px;height: 400px;border-radius: 50%;pointer-events: none;background: radial-gradient(circle, rgba(0, 255, 255, 0.3) 0%, rgba(0, 255, 255, 0.1) 80%, transparent 150px);transition: opacity 0.3s;transform: translate(-50%, -50%);}
.section  h1 {color: white;font-size: 3rem;position: relative;z-index: 1;}
/* footer end */


/*======================= About Page start here==============*/

.inner-banner {height: 700px;background-repeat: no-repeat;display: flex;justify-content: flex-end;align-items: flex-end;padding-bottom: 80px;background-size: cover;background-position: 0 0;}
.inner-banner h2{position: relative;z-index: 2;}
.about-banner {background-image: url('../images/about-banner.webp');}
.who-we-are {padding-block: 40px 140px;}
.who-we-are h5 {margin-top: 30px;}
.who-we-are p.top-p {border-bottom: 1px solid #ffffff38;padding-bottom: 30px;}
.who-we-are img {margin-top: 80px;border-radius: 20px;height: 455px;width: 100%;}
.what-makes .gd-border {padding-block: 130px;background: #000000;}
.what-makes h2 {margin-bottom: 180px;}
.what-makes h5.bottom-heading {margin-top: 180px;}
.how-we-work {padding-block: 100px 120px;background: black;}
.how-we-work a {margin: 0;}
.how-we-work .common-box {box-sizing: border-box;background: url('../images/how-bg.webp') no-repeat;backdrop-filter: blur(25px);box-shadow: none;border: none;padding: 140px 30px 30px 30px;text-align: start;min-height: 272px;background-size: cover;}
.how-we-work .choose-card .gd-border::before,.how-we-work .choose-card .gd-border::after {display: block;}
.how-we-work p {margin-top: 20px;}
.how-we-work .gd-border {background: transparent;}
.choose-imagine .content {background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(50px);padding: 80px 140px 80px 120px;}
.choose-imagine h2 {text-transform: uppercase;margin-bottom: 80px;}
.choose-imagine .lists li {margin-top: 55px;}
.choose-imagine  p {margin-top: 20px;}
.choose-imagine .tags {display: flex;flex-wrap: wrap;margin-top: 80px;}
.choose-imagine .tags li {margin: 10px 10px 0 0;padding: 18px 35px;}
.ready-to-build {padding-block: 70px 400px;background: url('../images/ready-background.webp') no-repeat;background-size: cover;background-color: black;}
.ready-to-build .py-btn {height: 65px;}
.ready-to-build .gd-btn {top: 21px;padding: 22px 54px;}
.choose-imagine {background: url('../images/choose-imagine.webp') no-repeat;background-size: cover;background-position: left top;}

/*======================= About Page end here==============*/
/*======================= Service Page start here==============*/

.services-banner{background-image: url('../images/services-banner.webp');}
.services-list .choose-card {margin-top: 35px;}
.services-list {margin-top: 75px;}
.services-page {padding-block: 90px 150px;background: black;}
.services-list img {border-radius: 20px;height: 530px;margin-right: 75px;}
.services-list .common-box {text-align: start;padding: 30px;box-shadow: none;backdrop-filter: none;background: url('../images/service-card.webp');}
.services-list h4 {text-transform: uppercase;}
.services-list ul {list-style: disc;color: #b6b6b6;padding-left: 20px;margin-top: 30px;}
.services-list li {margin-top: 10px;font-size: 16px;line-height: 23px;}
.services-list a {margin-top: 40px;}
.services-list .py-btn {z-index: 2;}

/*======================= Service Page end here==============*/

/*======================= Service detail Page start here==============*/

.service-detail-banner img {position: absolute;top: 0;width: 100%;height: 100%;}
.service-detail-banner::after {position: absolute;content: '';width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);bottom: 0;}
.default-page-content .page-content-box {display: block;text-align: left;padding: 10px 0;}
.default-page-content .page-content-box > :first-child {margin-top: 0;}
.default-page-content .page-content-box p,.default-page-content .page-content-box ul,.default-page-content .page-content-box ol {margin-top: 20px;font-size: 16px;line-height: 28px;color: #b6b6b6;}
.default-page-content .page-content-box ul,.default-page-content .page-content-box ol {padding-left: 22px;color: #b6b6b6;}
.default-page-content .page-content-box ul {list-style: disc;}
.default-page-content .page-content-box ol {list-style: decimal;}
.default-page-content .page-content-box li + li {margin-top: 10px;}
.default-page-content .page-content-box h1,.default-page-content .page-content-box h2,.default-page-content .page-content-box h3,.default-page-content .page-content-box h4,.default-page-content .page-content-box h5,.default-page-content .page-content-box h6 {margin-top: 30px;text-transform: uppercase;color: white;}
.default-page-content .page-content-box h1 {font-size: 48px;line-height: 56px;}
.default-page-content .page-content-box h2 {font-size: 40px;line-height: 48px;}
.default-page-content .page-content-box h3 {font-size: 32px;line-height: 40px;}
.default-page-content .page-content-box h4 {font-size: 26px;line-height: 34px;}
.default-page-content .page-content-box h5 {font-size: 22px;line-height: 30px;}
.default-page-content .page-content-box h6 {font-size: 18px;line-height: 26px;}
.default-page-content .page-content-box a {color: white;text-decoration: underline !important;}
.error-404-page {position: relative;overflow: hidden;background: radial-gradient(circle at top left, rgba(115, 68, 255, 0.18) 0%, rgba(0, 149, 255, 0.08) 28%, #05060b 58%, #000 100%);padding: 180px 0 140px;min-height: 100vh;display: flex;align-items: center;}
.error-404-glow {position: absolute;border-radius: 100%;filter: blur(90px);pointer-events: none;opacity: .75;}
.error-404-glow-one {width: 340px;height: 340px;top: 110px;left: -80px;background: rgba(115, 68, 255, 0.28);}
.error-404-glow-two {width: 420px;height: 420px;right: -100px;bottom: 60px;background: rgba(0, 149, 255, 0.18);}
.error-404-content {position: relative;z-index: 1;padding-right: 40px;}
.error-404-eyebrow {display: inline-flex;align-items: center;padding: 14px 24px;border-radius: 100px;background: linear-gradient(90deg, rgba(115, 115, 115, 0.18) 0%, rgba(255, 255, 255, 0.08) 100%);border: 1px solid rgba(255, 255, 255, 0.12);backdrop-filter: blur(16px);font-size: 14px;line-height: 14px;letter-spacing: .12em;text-transform: uppercase;color: #f2f2f2;}
.error-404-content h1 {margin-top: 30px;max-width: 620px;font-size: 64px;line-height: 72px;text-transform: uppercase;}
.error-404-code {display: block;font-size: 122px;line-height: 112px;background: linear-gradient(286deg, #f1f1f1 0.48%, #0049ff4d 50.21%, #A539D4 99.93%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;margin-bottom: 18px;}
.error-404-content p {max-width: 560px;margin-top: 28px;font-size: 18px;line-height: 31px;}
.error-404-actions {gap: 16px;margin-top: 26px;}
.error-404-actions .py-btn {margin-top: 0;}
.error-404-actions .error-404-secondary {background: transparent;}
.error-404-links {display: flex;flex-wrap: wrap;gap: 14px;margin-top: 38px;}
.error-404-links a {padding: 15px 22px;border-radius: 100px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(18px);color: white;text-transform: uppercase;font-size: 13px;line-height: 15px;letter-spacing: .08em;}
.error-404-links a:hover {background: rgba(115, 68, 255, 0.22);}
.error-404-visual {position: relative;z-index: 1;padding-left: 30px;}
.error-404-visual-inner {position: relative;padding: 26px;border-radius: 36px;background: rgba(8, 8, 8, 0.78);min-height: 640px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.error-404-visual-inner::before {content: '';position: absolute;inset: 24px;border-radius: 28px;background: linear-gradient(180deg, rgba(15, 16, 30, 0.96) 0%, rgba(7, 8, 15, 0.84) 100%);border: 1px solid rgba(255, 255, 255, 0.08);}
.error-404-visual-inner img {position: relative;z-index: 2;max-width: 78%;height: auto;object-fit: contain;filter: drop-shadow(0 30px 80px rgba(115, 68, 255, 0.35));}
.error-404-ring {position: absolute;border-radius: 100%;border: 1px solid rgba(255, 255, 255, 0.12);z-index: 1;}
.error-404-ring-one {width: 430px;height: 430px;}
.error-404-ring-two {width: 560px;height: 560px;border-color: rgba(0, 149, 255, 0.16);}
.error-404-badge {position: absolute;top: 36px;right: 36px;z-index: 2;padding: 15px 20px;border-radius: 100px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.12);backdrop-filter: blur(18px);text-transform: uppercase;font-size: 13px;line-height: 14px;letter-spacing: .1em;color: #fff;}
.error-404-note {margin-top: 24px;padding: 30px 34px;text-align: left;justify-content: flex-start;background: rgba(8, 8, 8, 0.68);}
.error-404-note h6 {font-size: 18px;line-height: 24px;}
.error-404-note p {margin-top: 16px;font-size: 15px;line-height: 26px;}
.error-404-note a {margin-top: 20px;color: white;text-transform: uppercase;font-size: 14px;line-height: 16px;letter-spacing: .08em;}
.error-404-note a:hover {opacity: .7;}
.ai-powered .tags li {background: linear-gradient(90deg, rgba(115, 115, 115, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);backdrop-filter: blur(12.5px);border:0;border-radius: 100px;text-transform: uppercase;padding: 18px 47px;margin: 15px 20px 0 0;}
.services.who-we-are.ai-powered {background: black;}
.ai-powered .tags {display: flex;flex-wrap: wrap;}
.ai-powered img {margin: 0px !important;border-radius: 22px;}
.ai-powered .gd-border {border-radius: 30px;box-sizing: border-box;margin-top: 80px;}
.ai-powered .gd-border::after,.ai-powered .gd-border::before {border-radius: 25px;}
.services.who-we-are.ai-powered p {margin-bottom: 38px;}
.bold-strategy .choose-card {margin-top: 80px;}
.bold-strategy .common-box {min-height: 360px;}
.bold-strategy {padding-bottom: 120px;}
.creative-thinking {padding-top: 140px;}
.creative-thinking h6.count {background: url('../images/service-detail-count-bg.webp') no-repeat center center;background-size:cover;display: inline-flex;padding: 24px 30px;border-radius: 22px;position: relative;margin-top: 90px;}
.creative-thinking h6.count::before,.creative-thinking h6.count::after {border-radius: 25px;padding: 1px;}
.creative-thinking .boxes .col-12{position: relative;}
.creative-thinking .boxes .col-12:not(:last-child)::before {position: absolute;content: '';background: url('../images/service-detail-count-line.webp') no-repeat;width: 65%;height: 2px;margin: 0 auto;top: 130px;right: -35%;}
.choose-imagine.why-brand-choose {background-image: url('../images/brand-bg.webp');}
.creative-thinking h6 {margin-top: 40px;}
.creative-thinking p {margin-top: 20px;}
.bold-strategy h5 {margin-top: 30px;}
/*======================= Service detail Page end here==============*/

/*======================= contact us Page start here==============*/

.contact-banner{background-image: url('../images/contact-banner.webp');}
.contact-us a {color: white;margin-left: 56px;font-size: 22px;}
.contact-us li + li a {margin-left: 100px;}
.contact-us a:hover {color: #cfcfcf;}
.contact-form {border: 1px solid #333333;margin-top: 100px;padding: 80px 100px;border-radius: 36px;}
.contact-form .form-control {background: transparent;border: 0;border-bottom: 1px solid #333333;border-radius: 0 !important;height: 40px;margin-bottom: 50px;color: white;font-size: 18px;padding: 0 20px 20px 20px;}
.contact-form select {background-image: url('../images/dropdown.png')!important;background-position: 98% 16px !important;background-repeat: no-repeat !important;background-color: black !important;border-bottom-color: white !important;}
.contact-form textarea {height: 120px !important;}
.contact-form button .gd-btn {top: 0;}
.contact-form button {margin-top: 0;}
.contact-form p {margin: 0;}
.contact-form .wpcf7-form-control-wrap {display: block;}
.contact-form .wpcf7-not-valid-tip {margin-top: -35px;margin-bottom: 20px;font-size: 14px;color: #ff8a8a;}
.contact-form .wpcf7-not-valid {border-bottom-color: #ff8a8a !important;}
.contact-form .wpcf7-spinner {position: absolute;margin: 12px 0 0 15px;}
.contact-form .wpcf7-submit {margin-top: 0;padding: 0 27px;border-radius: 100px !important;color: white;font-weight: 500;text-transform: uppercase;font-size: 16px;background: linear-gradient(90deg, rgba(115, 115, 115, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);border: 1px solid rgba(255, 255, 255, 0.1);backdrop-filter: blur(12.5px);height: 50px;width: auto;min-width: 190px;cursor: pointer;position: relative;z-index: 1;transition: background .3s ease-in-out, color .3s ease-in-out;}
.contact-form .wpcf7-submit::before,.contact-form .wpcf7-submit::after {content: '';position: absolute;height: 100%;width: 100%;background-image: conic-gradient(from var(--angle), #FFFFFF, #7344FF, #0095ff, #ffffff);top: -1px;left: -1px;right: 0;z-index: -1;padding: 1px;box-sizing: unset;border-radius: 100px;opacity: 0;transition: opacity .3s ease-in-out;}
.contact-form .wpcf7-submit:hover::before,.contact-form .wpcf7-submit:hover::after {opacity: 1;}
.contact-form .wpcf7-submit:hover {background: #1c1f2b;color: white;}
.contact-form .wpcf7-response-output {margin: 20px 0 0 0 !important;padding: 15px 20px !important;border-radius: 14px;color: white;font-family: 'Neue Montreal';font-size: 15px;line-height: 22px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.12) !important;}
.contact-form .wpcf7 form.sent .wpcf7-response-output {background: rgba(41, 122, 65, 0.18);border-color: rgba(98, 210, 137, 0.55) !important;color: #d7ffe3;}
.contact-form .wpcf7 form.invalid .wpcf7-response-output,.contact-form .wpcf7 form.failed .wpcf7-response-output,.contact-form .wpcf7 form.aborted .wpcf7-response-output,.contact-form .wpcf7 form.spam .wpcf7-response-output {background: rgba(122, 41, 41, 0.18);border-color: rgba(255, 138, 138, 0.55) !important;color: #ffd6d6;}
.contact-form .form-control::placeholder {color:#fff;}

/*hey  */
/*======================= contact us Page end here==============*/


/*======================= responsive start here==============*/
@media (max-width: 1660px) 
{
	.inner-banner {height: 400px;padding-bottom: 50px;}
	.menus {padding: 0 40px;}
	.customer .gd-border {padding: 40px;}
	.customer .d-flex {margin-top: 40px;}
	.connected .gd-border {padding: 100px 0 470px 0;}
	.customer,.why-choose-us .gd-border, .clients,.faq {padding: 100px 0 120px 0;}
	#services_slider .slide-inner img {height: 470px;object-fit: cover;}
	#services_slider .slide-inner .content {padding: 30px 0 50px 0;left: 40px;}
	.footer-top {padding-top: 80px;}
	.container-fluid {padding: 0 30px;}
	.what-makes .gd-border {padding-block: 80px;}
	.what-makes h2 {margin-bottom: 130px;}
	.what-makes h5.bottom-heading {margin-top: 130px;}
	.choose-imagine .content {padding: 80px 120px 80px 120px;}
	.who-we-are {padding-block: 40px 100px;}
}
@media (max-width: 1550px) 
{
    
	#services_slider .slide-inner img {height: 440px;}
	
}
@media (max-width: 1440px) 
{
	.services {padding-top: 100px;}
	.study .container {padding: 167px 0 80px 0;}
	.inner-menu .top-menu a {padding: 30px;font-size: 30px;}
	.choose-card .gd-border::after, .choose-card .gd-border::before {padding: 1px;}
	.choose-card {margin-top: 60px;}
	.connected a {margin-top: 40px;}
	.clients h2 {margin-bottom: 30px;}	 
	.connected h1 {font-size: 48px;width: 80%;margin: 30px auto auto;line-height: 57px;}
	.customer .container-fluid {padding-left: 200px;}
	.customer .gd-border {padding: 30px 30px;}
	.about .gd-border {padding: 100px 0;}
	.about .counter {margin-top: 100px;}
    .how-we-work {padding-block: 70px 100px;}
    .choose-imagine .content {padding: 60px;}
    .choose-imagine h2 {margin-bottom: 50px;}
    .choose-imagine .tags {margin-top: 50px;}
    .ready-to-build {padding-block: 70px 200px;}


}
@media (max-width:1366px) 
{
	.contact-form {padding: 80px;}
	.creative-thinking h6.count::before, .creative-thinking h6.count::after {border-radius: 20px;}
	.creative-thinking h6.count {padding: 20px 25px;border-radius: 20px;}
	.creative-thinking .boxes .col-12:not(:last-child)::before {width: 50%;right: -25%;}
	.study a {font-size: 60px;height: 60px;line-height: 65px;}
	.study .container {padding: 100px 0 90px 0;}
	#footer_json {margin-block: 80px;}
	h2 {font-size: 40px;line-height: 48px;}
	.client-box .common-box {height: 130px;padding: 10px;}
	.choose-card .common-box {padding: 30px 20px;}
	h5 {font-size: 20px;line-height: 28px;}
	.choose-card p {margin-top: 20px;}
    .how-we-work .common-box {padding: 100px 30px 30px 30px;}
    .what-makes h2 {margin-bottom: 80px;}
    .what-makes h5.bottom-heading {margin-top: 100px;}
	.services-list img {
		margin-right: 30px;
		height: 440px;
		max-width: 500px;
	}
}
@media (max-width: 1280px) {

	.about video {width: 700px;}


}
@media (max-width: 1199px) {

	.contact-form {padding: 50px;}
	.bold-strategy .common-box {min-height: 380px;}
	.marquee-track {font-size: 45px;}
	.ready-to-build {background-position: 0 20px;}
	.client-box .common-box {height: 110px;}
	.client-box {margin-top: 5px;}
	.clients {padding: 80px 0;}
	.how-we-work .common-box {min-height: 290px;}
	.services-list img {height: 350px;}
	.services-list {margin-top: 20px;}
.services-page {padding-block: 80px;}
	
}
@media (max-width:1050px) {

	.bold-strategy {padding-bottom: 60px;}
	.services {padding-top: 50px;}
	.who-we-are img {height: 370px;}
	.creative-thinking {padding-top: 70px;}
	.creative-thinking h6.count {margin-top: 50px;}
	.creative-thinking .boxes .col-12:not(:last-child)::before {top: 85px;}
	.choose-imagine {background-position: -400px 0;}
    .ready-to-build {background-position: -20px 40px;}
 
}
@media (min-width: 768px) and (max-width: 991px) {

	.bold-strategy .common-box {min-height: 300px;}
	.ready-to-build {background-position: 0;}
	.who-we-are {padding-block: 10px 60px;}
	.who-we-are p {margin-top: 20px;}
	.who-we-are img {margin-top: 50px;height: 290px;}
	.what-makes .gd-border {padding-block: 50px;}
	.what-makes h2 {margin-bottom: 40px;}
	.what-makes h5.bottom-heading {margin-top: 40px;}
	.what-makes p {margin-top: 15px;}
	.what-makes video {width: 60%;margin: 0 auto 20px auto;display: block;}
	.how-we-work .common-box {min-height: auto;padding: 60px 30px 30px 30px;}
	.study .container {padding: 80px 0 90px 0;}
    .client-grid {grid-template-columns: repeat(3, 1fr);}
    .services div#service_lottie {width: 90%;top: 225px;}
	#services_slider .owl-nav button.owl-prev {left: 30px;}
	#services_slider .owl-nav button.owl-next {right: 30px;}
	.study a {font-size: 45px;height: 45px;line-height: 50px;}
	.connected h1 {width: 100%;font-size: 40px;line-height: 50px;}
	.customer .container-fluid {padding-left: 100px;}	
	.customer .container-fluid {padding-left: 100px;}
	.customer, .why-choose-us .gd-border, .clients, .faq {padding: 60px 0;}
	.faq .accordion {margin-top: 40px;}
	.customer .owl-nav {padding: 40px 60px 0 0;}
	.customer h2 {margin-bottom: 40px;}
	.connected video {width: 100%;}
	.connected .gd-border {padding: 60px 0 370px 0;}
	.choose-card {margin-top: 30px;}
	.client-box .common-box {margin-top: 0;}
	.about video {width: 450px;top: unset;bottom: 200px;}
	.footer-top .contact-links svg {width: 30px;}
	.services-list img {width: 100%;margin: 0 0 40px 0;}
}

@media (max-width: 767px) {
	
	.who-we-are img {height: 270px;}
	.bold-strategy .common-box {min-height: auto;}
	.why-choose-us .choose-card .common-box {min-height: auto;}
	footer.gd-border {text-align: center;}
	footer.gd-border h4 {width: 100% !important;}
	footer.gd-border .wpcf7 {width: 100%;}
	footer.gd-border ul.contact-links, footer.gd-border ul.social-media {margin: 0px auto !important;display: table !important;}
	footer.gd-border ul.social-media {margin-top: 15px !important;}
	footer.gd-border ul.social-media li {display: inline-block;}
	.client-grid {grid-template-columns: repeat(2, 1fr);}
	.services div#service_lottie {width: 90%;top: 165px;}
	.connected h1 {width: 100%;font-size: 30px;line-height: 40px;margin-top: 20px;}
	.customer .container-fluid {padding-left: 60px;}	
	.customer, .why-choose-us .gd-border, .clients, .faq {padding: 50px 0;}
	.faq .accordion {margin-top: 40px;}
	.customer .owl-nav {padding: 40px 60px 0 0;}
	.customer h2 {margin-bottom: 40px;}
	.connected video {width: 100%;bottom: -120px;}
	.connected .gd-border {padding: 50px 0 260px 0;}
	.choose-card {margin-top: 30px;}
	.client-box .common-box {margin-top: 0;}
	.footer-top .contact-links svg {width: 30px;}
	header {padding: 10px 0;}
	.about video {display: none;}
	.about .counter h3 {font-size: 20px;}
	.about .counter p {font-size: 16px;width: 100%;margin-top: 5px;line-height: 21px;}
	.about .counter li:not(:last-child)::after {top: 0;}
	#services_slider .owl-nav button.owl-next {right: 20px;}
	#services_slider .owl-nav button.owl-prev {left: 20px;}
	#services_slider .slide-inner img {height: 370px;}
	.services div#finger_lottie {height: 280px;bottom: -90px;}
	.slider-section {padding-bottom: 120px;}
	#services_slider .slide-inner .content {padding: 30px 0 40px 0;left: 30px;}
	.study a {font-size: 30px;height: 34px;line-height: 35px;}
	.study .container {padding: 50px 0;}
	.connected a {margin-top: 30px;}
	.customer  p {margin-top: 15px;}
	.customer .d-flex {margin-top: 20px;}
	.customer .d-flex p {font-size: 16px;}
	.faq .accordion-button {padding: 20px;font-size: 18px;min-height: 70px;}
	.faq .accordion-body {padding: 0 20px 20px 20px;}
	.footer-top h6 {margin-block: 30px;}
	.copy-rights p {text-align: center;}
	.footer-top form {margin-top: 20px;}
	.footer-top {padding-top: 50px;}
	#footer_json {margin-block: 50px;}
	.about .gd-border {padding: 50px 0;}
	.about .counter {margin-top: 50px;}
	.who-we-are {padding-block: 10px 60px;}
	.who-we-are p {margin-top: 20px;}
	.who-we-are img {margin-top: 50px;}
	.what-makes .gd-border,.how-we-work, .choose-imagine .content {padding-block: 50px;}
	.what-makes h2 {margin-bottom: 40px;}
	.what-makes h5.bottom-heading {margin-top: 40px;}
	.what-makes p {margin-top: 15px;}
	.what-makes video {width: 60%;margin: 20px auto;display: block;}
	.how-we-work .common-box {min-height: auto;padding: 60px 30px 30px 30px;}
	.inner-banner {height: 300px;padding-bottom: 30px;}
    .choose-card p {margin-top: 10px;line-height: 24px;}
    .choose-imagine .lists li,.choose-imagine .tags {margin-top: 30px;}
    .choose-imagine h2 {margin-bottom: 30px;}
    .ready-to-build {padding-block: 50px;background-position: 0;}
	.services-list img {height: 250px;}
	.services-list img {width: 100%;margin: 0 0 40px 0;}
    ul#menu-header-menu li.mobile_only {display: block;}
}
@media (max-width: 576px) {

	.contact-us a {margin: 0 0 20px 0;}
	.contact-us li + li a {margin: 0;}
	.customer .owl-nav {padding: 20px 0 0 0px;text-align: center;}
	.services.who-we-are.ai-powered {padding-block: 30px;}
	.who-we-are img {height: 180px;}
	.ai-powered .tags li {font-size: 12px;}
	.services.who-we-are.ai-powered h5 {margin-top: 0;}
	.client-grid {grid-template-columns: repeat(2, 1fr);}
	#services_slider .owl-nav button.py-btn {height: 30px;width: 30px;border-radius: 10px;}
	#services_slider .owl-nav button.py-btn .gd-btn {padding: 5px 7px;border-radius: 10px;}
	#services_slider .owl-nav button.py-btn .gd-btn::after, #services_slider .owl-nav button.py-btn .gd-btn::before {border-radius: 10px;}
	#services_slider .owl-nav button.py-btn .gd-btn img {width: 13px;object-fit: cover;object-position: center;}
	#services_slider .owl-nav button.owl-next {right: 10px;}
	#services_slider .owl-nav button.owl-prev {left: 10px;}
	.connected video {bottom: -60px;}
	.customer .container-fluid {padding: 0 15px;}
	.footer-top h6 {margin-block: 20px;}
	.footer-top form {margin: 20px 0;}
	header .logo img {width: 110px;}
	.inner-menu {width: 250px;padding: 0;}
	.menus {padding: 0 10px;}
	.inner-menu .close {width: 30px;height: 30px;top: 20px;right: 10px;}
	button.close img {width: 20px;}
	.inner-menu .top-menu a {font-size: 20px;line-height: 25px;padding: 15px;}
	.bottom-menu {flex-direction: column;}
	.bottom-menu p {margin-top: 20px;}
	.gd-btn,#services_slider .content .gd-btn {padding: 12px 20px;top: 9px;}
	.py-btn, #services_slider .slide-inner .content .py-btn {height: 41px;font-size: 15px;}
	.about .counter li:not(:last-child) {padding-right: 10px;margin: 0 10px 0 0;}
	.about .counter p {font-size: 14px;}
	.banner-video video, .banner-video, .home-banner {height: 550px;}
	.services div#service_lottie {top: 31%;}
	ul.study-tags{flex-direction: column;gap: 20px;}
	.study img {min-height: 600px;}
	.study a {font-size: 26px;line-height: 32px;}
	#services_slider .slide-inner .content {left: 0;width: 100%;padding: 20px 15px 20px 15px;}
	.services div#finger_lottie {height: 200px;bottom: -60px;}
	.services {padding: 100px 10px 0 10px;}
	.slider-section{padding-bottom: 80px;}
	#services_slider .owl-nav button.owl-prev {left: -5px;}
	#services_slider .owl-nav button.owl-next {right: -5px;}
	#services_slider .slide-inner .content p {margin-top: 20px;}
	.about p {width: 100%;}
	.connected .gd-btn {padding: 21px 30px;}
	.connected .gd-border {padding: 50px 0 160px 0;}
	.customer .owl-nav {padding: 20px 0 0 30px;text-align: center;}
	#footer_json {margin-block: 40px;}
	.customer .d-flex p {font-size: 15px;}
	.container-fluid {padding-inline: 15px;}
	.customer .item img {margin-right: 10px;}
	.how-we-work a {text-align: center;height: 44px;}
	.how-we-work .gd-btn {top: 10px;}
	.choose-imagine .content {padding: 50px 15px;}
	.choose-imagine .tags li {font-size: 12px;padding: 12px 18px;}
	.what-makes video {margin: 0px auto 20px auto;width: 70%;}
	.services-page {padding-block: 50px;}
	.services-list {margin-top: 10px;}
	.services-list .choose-card {margin-top: 15px;}
	.choose-card .common-box {padding: 15px 15px 20px 15px;}
	.services-list img {margin-bottom: 20px;}
	.services-list ul,.services-list a {margin-top: 20px;}
}

 
@media (max-width: 393px) 
{
	 
	.inner-banner {background-position: -310px 0;}
	.ready-to-build {background-position: -100px 0;padding-block: 20px 40px;}
	
}
@media (min-width: 0px) and (max-width: 991px) {

	.contact-form .form-control {padding: 0 10px 10px 10px;}
	.contact-form {padding: 30px 20px 50px 20px;border-radius: 20px;margin-top: 50px;}
	.creative-thinking .boxes .col-12:not(:last-child)::before {display: none;}
	.bold-strategy .choose-card {margin-top: 30px;}
	.bold-strategy h2 {margin-block: 30px;}
	.connected h1 {mix-blend-mode: unset;color: #e2e2e2;}
	.marquee-track {font-size: 30px;animation: marquee 7s linear infinite;}
	.transform-section {padding: 20px 0;}
	.transform-section img {margin-inline: 30px;}
     h1 {font-size: 40px;line-height: 45px;} 
     h2,.customer h2 {font-size: 25px;line-height: 35px;}
     h4 {font-size: 22px;line-height: 30px;}
     h5 {font-size: 20px;}
     h6 {font-size: 18px}  
	
     

}
/*======================= responsive end here==============*/