/* header css */
.manage-header-space{padding-top: 70px;}
#header{transition-duration: 400ms;}
#header .navbar-toggler{border: none;outline: none;padding: 0px;box-shadow: none;}
#header.scrolled{background-color: #ffffff !important;box-shadow: 0px -6px 14px -2px #000000;}

.btn:hover{transition-duration: 400ms;}
.text-gradient{color: #d26b54;background: -webkit-linear-gradient(left,#D26B54,#2B3DE0,#D26B54);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation-duration: 5s;animation-name: textAnimationGradient;animation-iteration-count: infinite;background-size: 300%;animation-timing-function: linear;animation-direction: alternate;}

.header-customize .blue-btn{font-weight: 500 !important;font-size: 16px !important;line-height: 25px !important;color: #ffffff !important;padding: 10px 20px !important;}
.header-customize .navbar-nav .nav-item:last-child{padding-left: 15px;}
.header-customize .navbar-nav .nav-item .nav-link {font-weight: 500;font-size: 16px;line-height: 24px;color: #000000;padding: 13px 16px;text-decoration: underline;}
.header-customize .menu-call-links{padding: 0px 16px;}
.header-customize .menu-call-links .saprator {color: #C5C7CF;}
.header-customize span.logo-star {position: absolute;top: 50px;}
.header-customize .navbar-nav .nav-item .nav-link:hover{color: var(--blue);}
.header-customize .navbar-nav .nav-item .nav-link:hover svg {fill: currentColor !important;}

/* Hero Section */
.hero-section{padding: 100px 0px 5px 0px;overflow: hidden;background-image: url('../img/bg-square-grid.svg');}
.hero-title{font-family: 'Inter';font-style: normal;font-weight: 700;font-size: 72px;line-height: 80px;padding: 16px 0px 46px 0px;}
.hero-title .text-gradient{color: #d26b54;background: -webkit-linear-gradient(left,#D26B54,#2B3DE0,#D26B54);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation-duration: 5s;animation-name: textAnimationGradient;animation-iteration-count: infinite;background-size: 300%;animation-timing-function: linear;animation-direction: alternate;}
.hero-us-title{ font-size: 45px !important; line-height: 60px !important; }
/* new mobile header CSS */
button.navbar-toggler svg path{transition-duration: 100ms;}
button.navbar-toggler:not(.collapsed) svg path:nth-child(1){display: none;}
button.navbar-toggler:not(.collapsed) svg path:nth-child(2){transform: rotate(45deg) translate(7px, -8px);}
button.navbar-toggler:not(.collapsed) svg path:nth-child(3){transform: rotate(-45deg) translate(-16px, -1px);}
.mobile-navbar-links-group{display: none;}
.mobile-navbar-links-group .nav-link-mobile{font-size: 18px;font-weight: 500;text-decoration: none;display: block;padding: 12px 0px;color: #000000;}
.mobile-navbar-links-group .nav-link-mobile:hover{color: #266FF1;}
.mobile-navbar-links-group .nav-link-mobile[data-bs-toggle="collapse"]{position: relative;}
.mobile-navbar-links-group .nav-link-mobile[data-bs-toggle="collapse"]:not(.collapsed):after {transform: rotate(-135deg);top: 25px;}
.mobile-navbar-links-group .nav-link-mobile[data-bs-toggle="collapse"]:after {content: '';position: absolute;right: 10px;top: 20px;display: inline-block;border-right: solid 2px #383838;border-bottom: solid 2px #383838;padding: 4px;transform: rotate(45deg);border-radius: 1px;transition-duration: 80ms;}
.header-top-techs {background-color: #F3F4F5;padding: 10px;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;border-radius: 4px;}
.header-top-techs {background-color: #F3F4F5;padding: 10px;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10px;border-radius: 4px;overflow-y: auto;max-height: calc(100vh - 418px);}
.header-top-techs > a {background-color: #ffffff;padding: 8px;text-decoration: none;color: #000000;border-radius: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-height: 42px;}

/* Keyframes */
@keyframes textAnimationGradient {0% {background-position: 0 1600px;}100% {background-position: 1600px 0;}}

/* hire-feature-list */
.hire-feature-list{list-style: none;position: relative;left: -30px;width: 110%;z-index: 2; overflow: hidden;}
.hire-feature-list li.width-50 { flex: 0 0 50%; max-width: 50%; line-height: 32px;}
.hire-feature-list li span img{padding-right: 10px;}

.errors{color: red;}
small {color: red;}
.hero-section-right .build-your-team .form-control input:focus { font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px;line-height: 17px; outline: 0;}
.hero-section-right .build-your-team .form-control.success input { font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px; border-color: #09c372;}
.hero-section-right .build-your-team .form-control.error input { font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px; border-color: #ff3860;}
.hero-section-right .build-your-team .form-control .error { font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px; color: #ff3860;}

/* hero-section-right */
.hero-section-right{position: -webkit-sticky;position: sticky;top: 100px;z-index: 3;}
.hero-section-right .build-your-team{position: relative;padding: 30px;border-radius: 10px;margin-bottom: 15px; background: #ffffff;z-index: 3;box-shadow: 0px 4px 24px rgb(0 0 0 / 8%);border: solid 1px #eeeeee;}
.hero-section-right:before{content: '';position: absolute;width: 574.34px;height: 300.61px;left: 50px;top: 330px;background: linear-gradient(95.42deg, rgba(210, 107, 84, 0.4) 14.05%, rgba(43, 61, 224, 0.4) 93.36%);filter: blur(100px);transform: matrix(0.96, 0.43, -0.27, 0.92, 0, 0);z-index: 1;}
.hero-section-right:after{content: '';position: absolute;width: 574.34px;height: 300.61px;left: 0px; top: 50px;background: linear-gradient(95.42deg, rgba(210, 107, 84, 0.4) 14.05%, rgba(43, 61, 224, 0.4) 93.36%);filter: blur(100px);transform: matrix(0.96, 0.43, -0.27, 0.92, 0, 0);z-index: 1;}
.hero-section-right .build-your-team div h2:after{content: '';position: absolute;left: 242px;top: 34px;width: 30px;height: 30px;background-image: url('../img/green-check.svg');}
.hero-section-right .build-your-team .form-label{margin-top: 20px;font-weight: 400;font-size: 14px;line-height: 17px;}
.hero-section-right .build-your-team .form-control {padding: 10px 15px;background: #FCFDFE;border-radius: 8px;border: 1.5px solid #E0E5E9;}
.hero-section-right .build-your-team .form-control::-webkit-input-placeholder {font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px;line-height: 17px;color: #B9BDC1;}
.hero-section-right .build-your-team .form-control:-moz-placeholder { /* Firefox 18- */font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px;line-height: 17px;color: #B9BDC1;}
.hero-section-right .build-your-team .form-control::-moz-placeholder {  /* Firefox 19+ */font-family: 'Inter';font-style: normal;font-weight: 500;font-size: 14px;line-height: 17px;color: #B9BDC1;}
.hero-section-right .build-your-team .btn-submit{font-family: 'Inter';background: #01B46A;box-shadow: 0px 6px 11px rgba(8, 58, 103, 0.13);border-radius: 8px;width: 100%;color: #ffffff;padding: 12px;font-style: normal;font-weight: 600;font-size: 16px;margin-top: 30px;line-height: 20px;}
.hero-section-right .build-your-team .btn-submit:hover{color: #ffffff;transition-duration: 400ms;}
.hero-section-right .build-your-team .btn-submit.btn-animation{position: relative;z-index: 1;}
.hero-section-right .build-your-team .btn-submit.btn-animation:after{position: absolute;content: '';width: 0%;height: 100%;top: 0px;right: 0px;z-index: -1;background-color: #04a461;border-radius: 8px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;z-index: -1;}
.hero-section-right .build-your-team .btn-submit.btn-animation:hover:after{left: 0px;width: 100%}
.hero-section-right .build-your-team .btn-submit.btn-animation.hover-white-text:hover{color: #ffffff !important;}
/* .hero-section-right .global-ratings{position: relative;background: #FFFFFF;margin-top: 16px;border-radius: 10px;padding: 25px;text-align: center;z-index: 2;box-shadow: 0px 4px 24px rgb(0 0 0 / 8%);border: solid 1px #eeeeee;} */

.hero-section-right .global-rating-status{width: 100% !important;max-width: 100% !important;min-width: 100% !important;position: relative;background: #FFFFFF;border-radius: 10px !important;padding: 10px !important;text-align: center !important;z-index: 2;box-shadow: 0px 4px 24px rgb(0 0 0 / 8%);border: solid 1px #eeeeee;}
.global-rating-item {width: 390px !important;margin: 0 15px !important;height: auto !important;overflow: hidden;}
.global-rating-item .global-ratings{align-items: center;padding: 10px !important;}
/* .global-rating-item .global-featured{align-items: center; position: relative; top: -3px;} */
.global-rating-item .global-featured p{font-family: 'Inter';font-style: normal;font-weight: 500; margin-bottom: 12px !important; font-size: 16px;line-height: 24px;color: #0062FF;}

.global-rating-item .globalRatingSliderDots ul {display: flex !important;list-style: none;margin: 25px 0px 0px 15px;padding: 0;justify-content: center;}
.global-rating-item .globalRatingSliderDots ul li{margin: 0 4px}
.global-rating-item .globalRatingSliderDots ul li button{background: #000;height: 4px;width: 28px;overflow: hidden;border: none;outline: none !important;box-shadow: none !important;}
.global-rating-item .globalRatingSliderDots ul li.slick-active button {background: #000;border: none !important;}

/* trusted-brands */
.trusted-brands{ padding: 60px 0px 90px 0px;}
.trusted-brands-logo {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;}
.trusted-brands-logo > div {background-color: rgba(255, 255, 255, 0.8);text-align: left;padding: 20px 0px;}



/* hire-developers-sec */
.hire-developers-sec{padding: 50px 0px 150px 0px;}
.hireDevelopersSlider{padding-top: 40px;}
.hireSlickdotscontainer ul {display: flex !important;list-style: none;margin: 25px 0px 0px 15px;padding: 0;justify-content: center;}
.hireSlickdotscontainer ul li{margin: 0 4px}
.hireSlickdotscontainer ul li button{background: #9FC2FF !important;height: 4px;width: 28px;overflow: hidden;border: none;outline: none !important;box-shadow: none !important;}
.hireSlickdotscontainer ul li.slick-active button {background: #266FF1 !important;border: none !important;}
.author-detail {position: absolute;bottom: 0px;left: 0px;text-align: left;background-color: #00000078;padding: 10px 15px;border-top-right-radius: 5px;}
.hireDevelopersSlider-item{transition-duration: 500ms;}
.hireDevelopersSlider-item .skills-card{background: linear-gradient(90.77deg, rgba(4, 13, 34, 0.94) 0.32%, rgba(39, 1, 1, 0.94) 80.02%);border: 1px solid #E7E7E7;}
.hireDevelopersSlider-item:hover{box-shadow: 0px 0px 10px 0px #cccccc; transition-duration: 500ms;}
.hireDevelopersSlider-item figure{cursor: pointer;}
.hireDevelopersSlider-item figure img{width: 112px;height: 112px;object-fit: cover;transition-duration: 500ms;}
.hireDevelopersSlider .slick-list:after { background: transparent !important;}
.hireDevelopersSlider-item .skills-card img{display: initial !important;}
.hireDevelopersSlider-item{width: 370px;margin: 0 15px;height: auto !important;}
.hireDevelopers-skills span{margin-bottom: 10px;display: inline-block;}
.hireSlickArrowsContainer {display: flex;justify-content: space-between;align-items: center;width: 140px;}
.hireSlickArrowsContainer button{background: #266FF1;}
.hireSlickArrowsContainer button:hover{background: #9FC2FF;}
.hireSlickArrowsContainer button.slick-arrow {padding: 18px;border: none;border-radius: 100%;transform: rotate(180deg);}
.hireSlickArrowsContainer button.slick-next {transform: rotate(0deg);}


/* developed-details */
.long-content {padding: 150px 0px;}
h2 strong{font-weight: inherit !important;}
h3 b{font-weight: inherit !important;}
.content-detail {color: #474747;}
.content-detail p {font-size: 18px;line-height: 32px;padding: 0px 0px 35px 0px;font-weight: 400;}
.content-detail h2 {font-size: 22px;line-height: 35px;padding: 0px 0px 5px 0px;font-weight: 700;}
.content-detail h3 {font-size: 18px;line-height: 30px;padding: 0px 0px 5px 0px;font-weight: 700;}

.content-detail ul li {font-size: 17px;line-height: 30px;padding: 0px 0px 15px 0px;font-weight: 400;}
.content-detail ul li p {padding: 0px 0px 6px 0px;line-height: 28px;}
.content-detail ul li h3, .content-detail ul li h4{font-size: 17px;display: inline-block;margin-right: 5px;padding: 0px;vertical-align: top;line-height: 30px;}
#readmore-content-detail.show + .content-read-more-btn {display: none;}

/* discover-technology */
.discover-technology{padding: 120px 0px;}
.discover-technology .technology-sec{padding: 60px 150px 50px 150px;background-color: #000000;overflow: hidden;position: relative;}
.discover-technology .technology-sec:before {content: '';background: linear-gradient(89.72deg, rgba(210, 107, 84, 0.6) 3.91%, rgba(43, 61, 224, 0.6) 99.76%);filter: blur(90px);transform: matrix(-0.5, 0.88, -0.85, -0.5, -38, 29);width: 400px;height: 400px;position: absolute;left: -220px;top: -210px;}
.discover-technology .technology-sec .text-gradient {color: #d26b54;background: -webkit-linear-gradient(left,#D26B54,#2B3DE0,#D26B54);-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation-duration: 5s;animation-name: textAnimationGradient;animation-iteration-count: infinite;background-size: 300%;animation-timing-function: linear;animation-direction: alternate;}

.technologies-container {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap: 20px;padding-top: 20px;padding-bottom: 10px;}
.technologies-container .tech-box {/* display: flex;justify-content: space-between; */border: 1px solid rgba(74, 81, 104, 0.12);padding: 8px 0px 8px 8px;border-radius: 4px;background-color: #ffffff;color: #000000;text-decoration: none;transition-duration: 300ms;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.technologies-container .tech-box:hover {background-color: #266FF1;color: #ffffff;}

.technologies-container .tech-box .tech-name {font-size: 14px;font-weight: 400;}
.technologies-container .tech-box img{width: 22px;}
.technologies-container .tech-box:hover img {filter: grayscale(100%);}
.technologies-container .tech-box:after {content: '';display: inline-block;height: 10px;width: 10px;border: solid 2px #ffffff;position: absolute;right: 10px;top: 16px;border-top-right-radius: 2px;border-bottom: none;border-left: none;transform: rotate(45deg);}
.technology-sec-footer{background-color: #000000;color: #ffffff;padding: 0px 150px 0px 150px;border-top: solid 1px #2c2c2c;}
.technology-sec-footer .footer-left {padding: 30px 0px;border-right: solid 1px #2c2c2c;}
.technology-sec-footer .footer-right {padding-left: 25px;}

/* btn-animation */
.btn-animation{position: relative;z-index: 1;}
.btn-animation:after{position: absolute;content: '';width: 0%;height: 100%;top: 0px;right: 0px;z-index: -1;background-color: #154fb5;border-radius: 1px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;z-index: -1;}
.btn-animation:hover:after{left: 0px;width: 100%}
.btn-animation.hover-white-text:hover{color: #ffffff !important;}

/* site-footer */
.site-footer{padding: 70px 0px 50px 0px;background: #16191D;color: #ffffff;overflow: hidden;z-index: 1;}
.site-footer .footer-list{width: 110%;}
.site-footer .footer-list li{position: relative;left: -15px;}
.site-footer .footer-list li a{font-family: 'Inter';font-style: normal;text-decoration: none; font-weight: 300;font-size: 16px;line-height: 28px;color: #D4D7DC;text-transform: capitalize;}
.site-footer .footer-list li a:hover {color: #0a58ca;}
.site-footer .footer-list li.width-50 { flex: 0 0 50%; max-width: 50%;}
.site-footer .follow-us{text-align: right;}

/* whatsApp */
a.whatsapp-btn {display: none !important;position: fixed;left: 20px;bottom: 20px;width: 55px;height: 55px;filter: drop-shadow(rgba(0, 0, 0, 0.36) 0px 1px 6px) drop-shadow(rgba(0, 0, 0, 0.36) 0px 2px 32px);z-index: 3;}
a.whatsapp-btn svg{width: 100%;height: 100%;}

/* new video review */
.reviews-video-section {padding: 50px 0px 100px 0px;}
.reviews-video-section .client-Video {column-count: 4;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure img{border-radius: 8px !important;width: 100%;height: auto !important;object-fit: cover;transition-duration: 500ms;}
.reviews-video-section .client-Video article {margin: 0;display: grid;margin-bottom: 20px;break-inside: avoid;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item {width: 100% !important;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure .youtube-icon img {cursor: pointer;position: absolute;top: 10px;left: 10px;display: inline-block;height: 52px;width: 56px;z-index: 9;transition-duration: 300ms;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure .youtube-icon:hover img{box-shadow: none}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure:before {border-radius: 8px;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.17) 70%,rgba(0,0,0,.92));}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure:hover img{box-shadow: none;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item figure{cursor: pointer;}
.reviews-video-section .client-Video .clientVideoReviewSlider-item .author-detail {position: absolute;bottom: 0px;left: 0px;text-align: left;background-color: transparent;padding: 0 5px 5px 15px;border-top-right-radius: 0px;width: 100%;}

.clientReviewModel .btn-close {position: absolute;right: -15px;top: -15px;background-color: #ffffff;z-index: 1;opacity: 1;padding: 15px !important;border-radius: 50px;}

/* faq section */
.faq-section{padding: 50px 0px;}
.faq-left-title{position: -webkit-sticky;position: sticky;top: 100px;}
.faq-accordion .accordion-item {border-bottom: solid 1px #DFDFDF !important;padding: 8px 0px !important;}
.faq-accordion .accordion-button:hover{color: var(--blue) !important;}


/* super process */
.super-process {background-color: #F9FAFB;padding: 160px 0px 50px 0px;position: relative;z-index: 0;background-image: url(../img/gradient.svg);background-position: calc(100% + 532px);background-repeat: no-repeat;background-attachment: fixed;}
.process-block{display: flex;justify-content: center;align-items: flex-start;padding-bottom: 100px;}
.super-process .process-item {max-width: 430px;padding: 0px 35px;}
.super-process .process-title {background-color: #E1E1E5;font-size: 16px;font-weight: 500;text-align: center;width: 220px;margin: 0 auto 90px auto !important;padding: 15px;border-radius: 50px;}
.super-process .s-title{font-weight: 600;font-size: 22px;line-height: 32px;}
.super-process .s-text{font-weight: 400;font-size: 16px;line-height: 24px;margin-bottom: 12px;}
.process-group {position: relative;}
.process-group:before {content: '';position: absolute;left: calc(50% - 1px);top: 0px;height: calc(100% + 150px);background-color: #7B7B7B;width: 1px;opacity: 0.5;z-index: -1;}
.super-process .web-graphic{display: inline-block;}
.super-process .mobile-graphic{display: none;}
/* left */
.super-process .process-left{text-align: right;}
.super-process .process-left .s-duration {font-size: 14px;font-weight: 600;padding: 4px 12px;border-radius: 15px;background-color: #DDEAFF;margin: 20px 0px;display: inline-block;}
/* right */
.super-process .process-right{text-align: left;}
.super-process .process-right .s-duration {font-size: 14px;font-weight: 600;padding: 4px 12px;border-radius: 15px;background-color: #266FF1;margin: 20px 0px;display: inline-block;color: #ffffff;}

/* time cost counter */
.counters-sec{padding: 0px 0px;background-color: #000000;overflow: hidden;position: relative;}
.counters-sec:before {content: '';background: linear-gradient(89.72deg, rgba(210, 107, 84, 0.6) 3.91%, rgba(43, 61, 224, 0.6) 99.76%);filter: blur(90px);transform: matrix(-0.5, 0.88, -0.85, -0.5, -38, 29);width: 400px;height: 400px;position: absolute;left: -220px;top: -210px;}

.progress-sec {margin-top: 40px;}
.counters-sec .img-title-mng {display: flex;justify-content: flex-start;align-items: flex-start;}

.counters-sec .left-sec{text-align: right;padding: 50px 25px 50px 0px;border-right: solid 1px #313131;}
.left-sec .progress-sec .progress-stick {background-color: #D9D9D9;height: 8px;border-radius: 20px;max-width: 420px;margin-left: auto;margin-bottom: 10px;position: relative;}
.left-sec .progress-sec .progress-stick .fill {position: absolute;right: -1px;height: 100%;background-color: #2C4573;border-radius: inherit;}

.counters-sec .right-sec{text-align: left;padding: 50px 0px 50px 25px;}
.right-sec .progress-sec .progress-stick {background-color: #D9D9D9;height: 8px;border-radius: 20px;max-width: 420px;margin-right: auto;margin-bottom: 10px;position: relative;}
.right-sec .progress-sec .progress-stick .fill {position: absolute;left: -1px;height: 100%;background-color: #266FF1;border-radius: inherit;}


/* build your team */
.build-your-team{padding: 70px 0px;}

/* Pages Linking Section  */
.pages-linking-section {padding: 90px 0px;}
.pages-linking-section .nav-tabs {border: none;}
.pages-linking-section .nav-item {width: 100%;padding: 0px !important;margin-bottom: 10px;}
.pages-linking-section .nav-item:last-child{margin-bottom: 0px;}
.pages-linking-section .nav-link {color: var(--blue) !important;border: none !important;width: 100%;padding: 0px !important;font-size: 40px !important;font-weight: 600;opacity: 0.6;background-color: transparent !important;}
.pages-linking-section .nav-link.active{opacity: 1;}
.pages-linking-section .tab-link-group {display: grid;grid-template-columns: repeat(2,1fr);}
.pages-linking-section .tab-link {font-size: 22px;margin-bottom: 10px;color: #6c6c6c;font-weight: 500;text-transform: capitalize;text-decoration: none;}
.pages-linking-section .tab-link:hover {color: #266ff1;}

/* blogs section */
.blog-section{padding: 120px 0px;}
.blog-item .blog-tilte{height: 82px;overflow: hidden;}
.blog-item .blog-img{width: 100%;}
.blog-item .blog-img:hover{box-shadow: 0px 0px 10px 0px #cccccc; transition-duration: 500ms;border-radius: 8px;}


/* tech features */
.tech-features {padding: 108px 0px 120px 0px; background: #000000; position: relative;overflow: hidden;z-index: 3;}
.tech-features .text {background: #F3F4F5;padding: 20px 24px 40px 24px;height: 100%;position: relative;z-index: 3;}
.tech-features .text figure {  width: 50px;  height: 50px;  position: relative;  border-radius:50%;  text-align: center;  background-color: #0062FF;  transition:all 0.3s ease-in-out;}
.tech-features .text figure img {    height: 20px;    margin: 0;    position: absolute;    top: 50%;    left: 50%;    -ms-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);}  
.tech-features:before {content: '';background: linear-gradient(89.72deg, rgba(210, 107, 84, 0.6) 3.91%, rgba(43, 61, 224, 0.6) 99.76%);filter: blur(90px);transform: matrix(-0.5, 0.88, -0.85, -0.5, -38, 29);width: 400px;height: 400px;position: absolute;left: -220px;top: -210px;z-index: 2;}
.tech-features:after {content: '';background: linear-gradient(89.72deg, rgba(210, 107, 84, 0.6) 3.91%, rgba(43, 61, 224, 0.6) 99.76%);filter: blur(90px);transform: matrix(-0.5, 0.88, -0.85, -0.5, -38, 29);width: 400px;height: 400px;position: absolute;right: -220px;bottom: -210px;z-index: 2;}

/* developers slider */
.clientTextReviewSlider{}
.clientTextReviewSlider .clientTextReviewSlider-item{width: 380px;margin: 0px 10px;}
.slick-initialized .slick-slide q{height: 160px;display: block;}
img.clientTextReviewSlider-company-logo{height: 30px;}
.clientTextReviewSliderDots ul {display: flex !important;list-style: none;margin: 25px 0px 0px 15px;padding: 0;justify-content: center;}
.clientTextReviewSliderDots ul li{margin: 0 4px}
.clientTextReviewSliderDots ul li button{background: rgba(255, 255, 255, 0.4);height: 4px;width: 28px;overflow: hidden;border: none;outline: none !important;box-shadow: none !important;}
.clientTextReviewSliderDots ul li.slick-active button {background: #FFFFFF;border: none !important;}
.spaceForSlideButtons {
    width: calc(100% - 140px);
}


/* media */
@media (max-width: 1200px) {}

@media (max-width: 1140px) {.technologies-container {grid-template-columns: repeat(4, 1fr);}}

@media (max-width: 1060px) {
    .feature-list .feature-item.supercharge-svg span:after{content: none;}
    .header-customize .navbar-nav .nav-item .nav-link{padding: 13px 12px;}
}

@media (max-width: 1024px) {
    .faq-section{padding: 80px 0px;}
    .header-customize .navbar-nav .nav-item:last-child{padding-left: 5px;}
    .header-customize .menu-call-links{padding: 0px 10px;}
    .discover-technology{padding: 15px 0px 15px 0px;}
    .technologies-container {grid-template-columns: repeat(3, 1fr);}
    .hero-section-right:after, .hero-section-right:before{ display: none;}
    /* new video review */
    .reviews-video-section {padding: 10px 0px;}
    /* super process */
    .super-process{padding: 60px 0px;}
    .hire-developers-sec {padding: 30px 0px 50px 0px;}
    .hire-developers-sec .section-title{text-align: center;}
    .hireDevelopersSlider{padding-top: 20px;}
    .spaceForSlideButtons{width: 100%;}
    .hireSlickArrowsContainer{display: none;}
    .pages-linking-section {padding: 60px 0px;}
    .pages-linking-section .nav-link{font-size: 32px !important;text-align: left;}
    .pages-linking-section .tab-link {font-size: 18px;line-height: 24px;}
}

@media (max-width: 991px) {
    .feature-list{margin-bottom: 50px;}
    .hire-feature-list:after, .hero-section-right:after{display: none !important;}
    .hero-section-right {display: none !important;}
    .col-md-7{width: 100%;overflow: hidden;}
    .discover-technology .technology-sec{padding: 15px;}
    .header-customize .menu-call-links {padding: 20px 10px !important;}
    .header-customize .menu-call-links > p{display: none;}
    .header-customize span.logo-star{top: 45px;}
    #header{background-color: #ffffff;box-shadow: 0px 0px 10px -6px #000000;}
    .header-customize .blue-btn{margin-top: 15px;}
    .nav-item{padding: 0px !important;width: 100%;text-align: center;}
    .header-customize .navbar-nav .nav-item .nav-link{border-bottom: solid 1px #dddddd;justify-content: center;}
    
    /* new mobile header CSS */
    .web-navbar-links-group{display: none;}
    .mobile-navbar-links-group{display: block;}
    .navbar-collapse{background-color: #ffffff;margin-top: 10px;box-shadow: 0px -4px 0px 12px #fff;z-index: 0;}
    .navbar-collapse.show{height: calc(100vh - 69px);}

    .technology-sec-footer {padding: 10px 20px;}
    .technology-sec-footer .footer-left{border-right: none;border-bottom: solid 1px #2c2c2c;margin-bottom: 20px;padding: 5px 0px 20px 0px;}
    .technology-sec-footer .footer-right{padding-left: 0px;}

    /* new video review */
    .reviews-video-section .client-Video {column-count: 3;}

    /* super process */
    .super-process .process-title{margin: 0 auto 30px auto !important;}
    .super-process .process-left{width: 100%; padding: 0px 15px 0px 0px;}
    .super-process .process-right{width: 100%; padding: 0px 0px 0px 15px;}
    .site-footer .follow-us{text-align: right;}
}

@media (max-width: 768px) {
    .site-footer .footer-list {width: 100%; overflow: hidden;}
}
@media (max-width: 767px) {
    .nav-item{padding: 0px !important;width: 100%;text-align: center;}
    .nav-item.call-button{padding: 0px !important;width: 100%;text-align: center;margin-bottom: 15px;}
    .nav-item.call-button div span:first-child{display: none !important;}
    .navbar-collapse{background-color: #ffffff;margin-top: 10px;border-top: solid 1px #dddddd;}
    #header{background-color: #ffffff;}
    .trusted-brands-logo {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;}
    .trusted-brands {padding: 30px 0px;}
    .technologies-container {grid-template-columns: repeat(2, 1fr);}

    .wrapper-700{ padding: 0;}

    /* long-content */
    .long-content {padding: 50px 0px;}
    .pad-e-responsive, .developed-details { padding-right: 0px !important; }
    .site-footer{text-align: left;}
    .site-footer #footerMoreContent{text-align: left;}
    .chat-with-experts-responsive { justify-content: center; }

    /* super process */
    .super-process .web-graphic{display: none;}
    .super-process .mobile-graphic{display: inline-block;width: 100%;margin-top: 15px;}

    /* counters */
    .counters-sec .left-sec{padding: 50px 10px 50px 0px;}
    .counters-sec .left-sec .img-title-mng .symbol-icon {padding: 14px !important;}
    .counters-sec .left-sec .img-title-mng {flex-direction: column-reverse;align-items: flex-end;}
    .counters-sec .left-sec .img-title-mng > p {padding: 10px 0px 0px 0px !important;font-size: 15px !important;}
    .counters-sec .right-sec {padding: 50px 0px 50px 10px;}
    .counters-sec .right-sec .img-title-mng {flex-direction: column;}
    .counters-sec .right-sec .img-title-mng > p {padding: 10px 0px 0px 0px !important;font-size: 15px !important;}
    /* build your team */
    .build-your-team{padding: 30px 0px;}
    .section-title{font-size: 36px !important;margin: 10px 0px 25px 0px !important;padding-bottom: 0px !important;}
    .hireDevelopersSlider{padding-top: 0px;}
    .pages-linking-section .nav-item {width: auto;margin-right: 15px;margin-bottom: 20px !important;}
    .pages-linking-section .nav-link.active{border-bottom: solid 2px;}
}

@media (max-width: 620px) {
    .hero-section{background: transparent;}
    .hero-section:before{ content: ''; position: absolute; width: 800px; height: 370px; left: -453px; top: -308px; background: linear-gradient(89.72deg, rgba(210, 107, 84, 0.6) 3.91%, rgba(43, 61, 224, 0.6) 99.76%); filter: blur(100px); transform: rotate(-180deg); }
    .variable-only-sm{display: none !important;}
    .hire-feature-list li.width-50 { flex: 0 0 100%;max-width: 100%;}
    .site-footer .footer-list { width: 100%; }
    .site-footer .footer-list li.width-50 { flex: 0 0 100%;max-width: 100%;}
    .faq-section p{text-align: left;}
    .table-responsive::-webkit-scrollbar {width: 8px;height: 4px;border: 1px solid #d5d5d5;}
    .table-responsive::-webkit-scrollbar-track {border-radius: 12px;background: #deecff;}
    .table-responsive::-webkit-scrollbar-thumb {border-radius: 18px;background: #0062FF;}
    .table-responsive table{width: 200%;}
    .table-responsive table tbody, td, tfoot, th, thead, tr {border-color: inherit;border-top: solid 1px #e0e0e0 !important;border-width: 0}
    .developed-details h2 {padding: 30px 0px 30px 12px;}

    /* new video review */
    .reviews-video-section .client-Video {column-count: 2;}
    
    /* blog section */
    .blog-section {padding: 40px 0px 0px 0px;}
    .blog-section p{text-align: left;}
    .blog-item figure .blog-img{ width: 110px !important; height: 70px; float: left;}
    .blog-item figure .details{padding-left: 12px; width: calc(100% - 110px); float: left;}
    .blog-item figure .details h3{padding: 0px !important;}
    .blog-item figure .details h3.blog-tilte{height: auto !important;font-size: 16px !important;line-height: 22px !important;}
    .blog-item figure .details a span{font-size: 13px !important;}
    
    .section-title{font-size: 30px !important;}

}

@media (max-width: 575px) {
    .technologies-container .tech-box:after{content: none;}
    .technologies-container .tech-box{padding: 5px;}
    .technologies-container .tech-box img{width: 20px;}
    .technologies-container .tech-box .tech-name{display: inline-block;vertical-align: middle;font-size: 12px;}
    .discover-technology .technology-sec{padding: 15px 7px;}
    .technologies-container{grid-gap: 10px;}
    /* .site-link{width: 100%;text-align: center;}
    .site-link a{padding: 0px !important;} */

    /* super process */
    .super-process .process-left{width: 100%; padding: 0px 10px 0px 0px;}
    .super-process .process-right{width: 100%; padding: 0px 0px 0px 10px;}
    .hero-us-title, .sec-title .hero-mb-title {font-size: 30px !important; line-height: 40px !important;}

    .tech-features { padding: 48px 0px 40px 0px;}
    .pages-linking-section .tab-link-group{grid-template-columns: repeat(1,1fr);}
    .pages-linking-section .nav-link{font-size: 24px !important;}
    .hero-title {font-size: 46px;line-height: 60px;padding: 10px 0px 20px 0px;}
}

@media (max-width: 430px) {
    .hero-section{padding-top: 70px;}
    .technologies-container{grid-gap: 7px;}
    .site-link {position: relative !important;bottom: 80px !important;right: 24px;}
    .follow-us{padding-bottom: 30px;}
    .hero-us-title, .sec-title .hero-mb-title {font-size: 30px; line-height: 40px;}
}

@media (max-width: 420px) {
    /* counters */
    .counters-sec .img-title-mng > p {line-height: 24px !important;min-height: 106px;}
    .blog-item figure .details {  padding-left: 10px; width: 60%;}
    .blog-item figure .details h3.blog-tilte {font-size: 12px !important; line-height: 16px !important;}
    
    .process-vs-text {font-size: 18px !important;}
    .process-vs-text span{font-size: 33px !important;}

    .clientTextReviewSlider .clientTextReviewSlider-item{width: 290px;}
    .clientTextReviewSlider .clientTextReviewSlider-item .brand-article-box{padding: 10px;}

}


@media screen and (max-width: 1366px) and (max-height: 768px) {
    .hero-section-right {position: -webkit-sticky;position: sticky;top: 80px;}
    .hero-section-right .build-your-team {position: relative;padding: 20px 30px 20px 30px;}
    .hero-section-right .build-your-team .form-label {margin-top: 15px;font-weight: 400;font-size: 14px;line-height: 10px;}
    .hero-section-right .build-your-team .btn-submit {margin-top: 10px;}
    .hero-section-right .build-your-team .form-control {padding: 8px 15px;}
    .hero-section-right .global-ratings { position: relative; background: #FFFFFF; border-radius: 10px; padding: 15px 25px 15px 25px;}
}

@media (max-width: 380px) {
    .global-rating-status {
        min-width: 300px;
    }
}
@media(max-width:450px){
    .header-customize .blue-btn {font-size: 14px !important;padding: 6px 14px !important;}
    .header-customize span.logo-star img {width: 194px;}
}

@media (min-width: 1200px) {
	.hireDevelopersSlider-item {
		height: 512px !important;
	}
    .flutter-developer .hireDevelopers-skills, .remote-developer .hireDevelopers-skills{
        min-height: 78px;
    }
}
.medium-content {
    padding: 80px 0px;
}
.blog-section {
    padding: 80px 0px;
}