@import url(https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese);@font-face {font-family: georgia-bold;src: url(../font/georgia-bold.ttf) format('ttf'), url(../font/georgia-bold-webfont.woff2) format('woff2'), url(../font/georgia-bold-webfont.woff) format('woff');font-weight: 400;font-style: normal }* {font-family: Montserrat, sans-serif;margin: 0;padding: 0;outline: 0!important }:hover {transition: .3s all linear }body {overflow-x: hidden !important;transition: none!important;}.gray {color: #747474 }.mb {margin-bottom: 1.2rem }ul li {list-style: none }a {text-decoration: none }a:hover {text-decoration: none }label {font-size: 18px;font-weight: 500;margin-bottom: 12px;letter-spacing: .5px;line-height: 1.5;color: #000 }h3 {font-family: Montserrat, sans-serif!important;font-weight: 600;font-size: 20px;color: #000;line-height: 1.5;margin-bottom: 10px }h2 {font-weight: 700;text-transform: uppercase;font-family: Montserrat, sans-serif!important;line-height: 1.5;font-size: 32px;margin-bottom: 0;color: #000 }h4 {font-size: 20px;font-weight: 600;letter-spacing: .5px;text-transform: capitalize;line-height: 1.5;margin-bottom: 0 }p {font-family: Montserrat, sans-serif!important;color: #383838;font-weight: 500;font-size: 16px;line-height: 1.8 }p>a {color: #05a9d6 }p>a:hover {color: #05a9d6;text-decoration: underline }ul>li {font-family: Montserrat, sans-serif!important;color: #383838;font-weight: 500;font-size: 16px;line-height: 1.8 }section {padding: 60px 0;position: relative }#About {width: 100%;overflow: hidden;}.relative {position: relative }.heading-big {margin-bottom: 75px;width: 100% }.heading-big p {max-width: 68%;margin-bottom: 0 }.section-main-heading {text-transform: uppercase;font-size: 70px;font-weight: 400;color: #000;line-height: 60px;margin-bottom: 32px;position: relative;display: table }.section-main-heading b {color: #61dafb }.section-main-heading:before {content: "";position: absolute;width: 72px;height: 2px;background-color: #61dafb;bottom: -7px;left: 2px;transition: .3s all linear }.section-main-heading:after {content: "";position: absolute;width: 72px;height: 2px;background-color: #61dafb;bottom: -14px;left: 2px;transition: .5s all linear }.section-main-heading:hover::after, .section-main-heading:hover::before {width: 100% }.georgia-font span {font-family: georgia-bold!important }.headet-content {width: 100%;padding: 0;position: relative;top: -5px }.header-logo-part {width: 25%;display: inline-block }.header-logo {width: 270px }.navbar-brand {padding: 0 }.header-navigation-part {display: inline-block;width: 100% }.header-navigation-part .navbar-nav {width: 100%;align-items: center;justify-content: flex-end }.header-navigation-part .navbar-nav .nav-item {display: inline-block }.header-navigation-part .navbar-nav .nav-item .nav-link {font-size: 15px;color: #000;font-weight: 500;cursor: pointer;padding: 10px 8px;line-height: normal;display: inline-block;transition: all .5s;letter-spacing: 0 }.header-navigation-part .navbar-nav .nav-item .nav-link:hover {color: #61dafb }.header-navigation-part .navbar-nav .megamenu {position: static }.header-navigation-part .navbar {padding: 0 0!important }.header-navigation-part .navbar-nav .custom-button {margin-left: 9px }.header-navigation-part .dropdown-toggle::after {vertical-align: middle }.header-top-part {padding: 0 0 10px 0;display: inline-block;width: 100% }.stickeyheader .header-background {position: fixed;width: 100%;z-index: 9999;box-shadow: -1px 1px 9px 0 rgba(35, 35, 35, .16);animation: smoothScroll 1s forwards;transition: all .5s }@keyframes smoothScroll {0% {transform: translateY(-40px) }100% {transform: translateY(0) }}.stickeyheader .header-top-part {display: none }.stickeyheader .headet-content {top: 0 }.header-background {background-color: #fff;padding: 10px 0;transition: all .5s }.header-top-part .social-link {float: right }.header .social-link li {width: 25px;height: 25px;line-height: 25px }.header .social-link li a {font-size: 13px }.dropdown-menu .nav-item {width: 100% }.clutch-upwork-icon {position: absolute;right: 0;top: 166% }.clutch-upwork-icon .icon-background {width: 50px;height: 50px;background-color: #000;border-radius: 8px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px }.clutch-upwork-icon .icon-background:hover {background-color: #202e78 }.clutch-upwork-icon .icon-background:last-child {margin-bottom: 0 }.expert-logo {margin: 0 0 0 15px;width: 200px }.expert-logo>img {width: 100% }.custom-button {background-color: #61dafb;color: #000!important;padding: 15px 18px 16px 18px!important;border-radius: 5px;font-weight: 600!important;transition: all .5s;letter-spacing: 0;font-size: 15px;line-height: normal;white-space: nowrap;display: inline-block }.custom-button.active, .custom-button:focus, .custom-button:hover {background-color: #000;color: #fff!important }.red-button {background-color: #333;color: #fff!important }.red-button.active, .red-button:focus, .red-button:hover {background-color: #61dafb;color: #fff!important }.link-button {font-size: 15px;color: #61dafb;font-family: Montserrat, sans-serif;letter-spacing: 0;line-height: 18px;cursor: pointer }.link-button.active, .link-button:focus, .link-button:hover {color: #000 }.main-heading {font-size: 120px;font-weight: 700;color: #000;line-height: normal;letter-spacing: 0;display: inline-block;font-family: georgia-bold;padding: 3% 0 0 2%;}.main-heading span:last-child:before {content: "";position: absolute;background-image: url(/images/u-shap.png);width: 100%;height: 100%;background-repeat: no-repeat;background-position-y: bottom;left: -49px }#uiux {overflow: hidden;width: 100%;padding: 0 }.ui-ux-background {position: relative;padding-bottom: 0 }.ui-ux-heading {position: relative;display: inline-block;padding-right: 0;margin-bottom: 30px }.ui-ux-heading .small-design-heading {font-size: 45px;font-weight: 700;color: #000;position: absolute;left: 6px;bottom: -25px;font-family: Montserrat, sans-serif!important }.ui-ux-background:before {position: absolute;content: attr(data-content);left: 0;top: 40px;color: #e0e0e0;width: 100%;height: auto;font-size: 225px;z-index: -9;font-family: georgia-bold!important;font-weight: 700;line-height: 220px }.vertical-shap {max-width: 108px;max-height: 180px;position: absolute;top: -58px;right: 34px }.yellow-back-uiux {position: relative;padding-top: 85px;padding-bottom: 100px;width: 100% }.yellow-back-uiux:before {content: "";position: absolute;width: 250%;height: calc(100% - 193px);z-index: -1;bottom: 0;background-color: #61dafb;left: 0 }.pencil-shap {position: absolute;bottom: -70px;max-width: 410px;left: 178px }.three-red-column {position: absolute;bottom: 0;height: 38px }.three-red-column .red-colum {width: 12px;height: 38px;background-color: #333;display: inline-block;margin: 0 3px }.ui-ux-background .three-red-column {left: -70px }.top-section-p {font-size: 18px;color: #000;margin-bottom: 10px }.react-icon {position: absolute;left: 0;top: 50%;transform: translate(-50%, -40%);opacity: .3 }#video-part {padding: 0 0 60px }.round-circel {max-width: 120px;position: absolute;right: -86px;z-index: 0;top: -55px }#video-part .round-circel-big {width: 360px }.round-circel-big {position: absolute;right: 0;bottom: 0;opacity: .05;pointer-events: none }.video-content {max-width: 100%;padding: 50px 30px 0 30px;float: none;margin: 0 }.video-content.video-content-list {padding-left: 15px }.video-content p {font-size: 18px;}.video-content-bottom {max-width: 90% }.three-x {position: absolute;left: -100px;bottom: 0 }.video-left-part {padding-right: 15px;position: relative }.video-left-part::after, .video-left-part::before {content: "" }.video-left-part::after {display: table;clear: both }.video-ifram-part {padding-left: 15px;vertical-align: top;position: relative }.video-ifram-part img {width: 100% }.play-button img {object-fit: none;width: auto }.play-button {position: absolute;left: 50%;top: 50%;z-index: 1;transform: translate(-50%, -50%) }.play-btn-bg {pointer-events: none;position: absolute;left: 50%;top: 50%;height: 500px;width: 500px;background-color: rgba(97, 218, 251, .6);z-index: -1;border-radius: 50%;transform: translate(-50%, -50%);transition: .3s all linear }.play-button:hover .play-btn-bg {height: 116px!important;width: 116px!important }.video-part-list>li {font-size: 18px }.video-title {display: table;position: relative;padding-bottom: 12px }.video-title::after, .video-title::before {content: "";width: 90px;height: 2px;background-color: #61dafb;position: absolute;left: 0 }.video-title::before {bottom: 5px;transition: .3s all linear }.video-title::after {bottom: 0;transition: .7s all linear }.video-title:hover::after, .video-title:hover::before {width: 100% }.video-container>img {border: 1px solid #ccc;border-right: 0 }.videohtmlsrc {padding-bottom: 1px;border: 1px solid #ccc;border-right: 0 }.react-about-container {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;position: relative;width: 100%;padding-right: 15px;padding-left: 15px }.react-about-container>.black-colm {height: 100%;border: 1px dashed;border-radius: 10px;padding: 20px;transition: .3s all linear }.react-about-container>.black-colm::after, .react-about-container>.black-colm::before {transition: .3s all linear }.react-about-container>.black-colm:hover {border: 1px solid #61dafb;box-shadow: 0 0 23px 0 rgba(0, 0, 0, .2) }.react-about-container>.black-colm:hover::after, .react-about-container>.black-colm:hover::before {background-color: #61dafb }#services {padding: 100px 0;background-color: #fafafa }#services .heading-big {margin-bottom: 40px }#services .left-images {width: 100%;display: flex;align-items: center;justify-content: center;height: 100%;margin: 0 auto;position: relative }#services .left-images i {font-size: 100px;position: absolute;color: #202e78;text-shadow: 0 0 0 transparent;transition: .3s all linear }#services .left-images i.active {text-shadow: 15px 16px 13px rgba(0, 0, 0, .2);transform: scale(1.3) }.services-part .left-images i:nth-child(1) {top: 0;transform: rotate(5deg) }.services-part .left-images i:nth-child(2) {top: 120px;left: 42px;transform: rotate(-13deg) }.services-part .left-images i:nth-child(3) {top: 160px;right: 32px;transform: rotate(13deg) }.services-part .left-images i:nth-child(4) {top: 240px;left: 62px;transform: rotate(20deg) }.services-part .left-images i:nth-child(5) {top: 330px;right: 32px;transform: rotate(-20deg) }.services-part .left-images i:nth-child(6) {top: 380px;left: 50px;transform: rotate(5deg) }.perticular-services {margin-bottom: 35px }.perticular-services p {margin-bottom: 0 }.estimate-part-services p {margin-bottom: 0;margin-left: 30px }.estimate-part-services {max-width: 100%;margin-top: 23px;width: 100%;text-align: center }.perticular-services .services-background {background-color: #fafafa;height: 100%;border: 1px dashed;border-radius: 10px;padding: 20px;transition: .3s all linear;position: relative;z-index: 1 }.perticular-services .services-background:hover {transition: .3s all linear;border: 1px solid #61dafb;box-shadow: 0 0 23px 0 rgba(0, 0, 0, .2) }.perticular-services .services-background::after, .perticular-services .services-background::before {transition: .3s all linear }.perticular-services .services-background:hover::before {background-color: #61dafb }.perticular-services .services-background:hover::after {background-color: #61dafb }.perticular-services .services-background svg {position: absolute;width: 90px;z-index: -1;bottom: 0;right: 0;opacity: .2;transition: .3s all linear }.perticular-services .services-background:hover svg {width: 110px;fill: #61dafb }.mb-35 {margin-bottom: 35px }.service-title {font-weight: 700;margin-bottom: 10px }.service-desc {font-size: 15px }.black-colm:before {width: 5px;height: 55px;background-color: #242021;position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50px;content: "";left: -3px }.black-colm:after {width: 5px;height: 55px;background-color: #242021;position: absolute;top: 50%;transform: translateY(-50%);border-radius: 50px;content: "";right: -3px }.black-colm {position: relative }.work-step-part {width: 100% }.work-step-part .icon {max-width: 33px;margin: 0 auto 18px auto;display: block }.work-step {max-width: 235px;border: 2px dashed #000;border-radius: 132px;-webkit-border-radius: 132px;-moz-border-radius: 132px;width: 100%;min-height: 283px;padding: 17px 30px 17px 30px;margin: 0 0 0 auto;position: relative }.work-step:hover {border-color: transparent }.work-step h3 {margin-bottom: 5px!important;-webkit-transform: translateY(35px);-moz-transform: translateY(35px);-ms-transform: translateY(35px);-o-transform: translateY(35px);transform: translateY(35px);transition: .3s all linear }.work-step:before {content: "";position: absolute;left: -44px;width: 200px;height: 200px;background-color: #61dafb;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;bottom: -10px;z-index: -1;transition: all 1s }.work-step:hover:before {left: 0;bottom: 0;border-radius: 132px;width: 100%;height: 100%;transition: all 1s }.work-step-counter {font-size: 70px;font-weight: 500;color: #fff;line-height: 70px;position: absolute;bottom: 40px;transition: .3s all linear }.work-step:hover .work-step-counter {color: #000 }.triangle-right {position: absolute;right: -30px;top: 45.5% }.colm-css {width: 5px;height: 55px;background-color: #242021;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);border-radius: 50px }.right-colum {right: -4px }.left-colum {left: -3px }.work-title p {max-width: unset }.workslider .owl-item img {width: auto }#project {padding: 100px 0 }#project .round-circel-big {left: 20px;width: 320px;top: -100px;transform: translateY(0) }.form-error-message {position: relative;margin-bottom: 2rem;}.upper-text-background {background-color: rgba(97, 218, 251, .8);padding: 15px 30px;position: absolute;bottom: 1px;width: calc(100% - 2px);height: calc(100% - 2px);display: flex;align-items: center;border-radius: 4px;left: 1px;justify-content: center;flex-direction: column;text-align: center;opacity: 0;transition: .3s all linear }.project-image-part:hover .upper-text-background {opacity: 1 }.upper-text-background .project-img-heading {margin-bottom: 0!important;line-height: 1 }ul.prj-links {display: flex;margin: 15px 0 0 }ul.prj-links>li {padding: 0 5px }.upper-text-background .project-img-heading>a>span {font-weight: 400;font-size: 24px }.upper-text-background .project-img-heading a {color: #fff!important }.content-part {margin-top: 20px }.project-image-part {position: relative;background-color: #fff }.project-image-part>img{height: 338px;object-fit: contain;}.project-image {border: 1px solid #ccc;border-radius: 5px }.project-part .owl-slider {width: 100%;padding: 0 30px }.owl-nav {display: none }.owl-dot {width: 48px;height: 48px;background: #f3f3f3!important;margin: 0 0 6px 0;transition: all 1s }.owl-dot.active {width: 60px;background: #000!important }.owl-dots {display: flex;flex-direction: column;position: absolute;right: -90px;top: 0;counter-reset: dots }.owl-dot {position: relative }.owl-dot:before {counter-increment: dots;content: counter(dots);position: absolute;top: 0;font-size: 35px;font-weight: 500;right: -2px;line-height: 48px }.owl-dot.active:before {color: #fff;right: 5px }.project-part .three-red-column {left: auto;right: -45px }#expertise_comparison {padding: 100px 0;position: relative;background-color: #fafafa }#expertise_comparison .round-circel-big {opacity: 1;left: unset;right: 10%;transform: translateY(0);top: -10px;z-index: 0;width: 170px }#expertise_comparison .round-circel-second {opacity: .3;top: unset;bottom: 0;right: 0;width: 400px;transform: translate(0, 50%) }.table-colm li:nth-child(odd) {background-color: #eaeaea }.table-colm li {padding: 14px 26px;min-height: 53px;color: #000;font-size: 15px;line-height: 24px }.table-colm:first-child li {font-size: 18px }.table-comparison {display: flex;width: 100% }.table-colm {width: 25%;border-right: 1px dashed #dedede;padding-bottom: 50px }.table-colm:last-child {border-right: 0 }.table-heading {font-size: 18px;color: #000;padding: 14px 26px;display: flex;align-items: center;font-weight: 400;min-height: 123px;line-height: 22px;justify-content: center }.table-colm:first-child .table-heading {justify-content: end }.table-colm.active .table-heading {background-color: #61dafb }.table-colm.active {background-color: #fff!important;box-shadow: 0 0 9px 2px #00000038;z-index: 9;border: transparent }.last-estimate-button {width: 100%;text-align: center;margin-top: 60px }#dedicated_developers h3.pt-2 {color: #353535 }.heading-hiring-background > h2 {font-size: 27px;}.white {color: #fff }.hiring-part-background {background-color: #fff;box-shadow: 0 0 20px 1px hsla(0, 0%, 0%, 0.15);border-radius: 15px 15px 0 0;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;width: 100%;height: 100%;}.hiring-part-background .images-part {max-height: 428px;height: 100%;overflow: hidden;width: 100%;display: flex;align-items: flex-end;justify-content: center;}.hiring-part-background .images-part img {max-width: 100%;}.heading-hiring-background {text-align: center;background-color: #61dafb;padding: 7px 0;border-top: 9px solid #000 }.flip-hover-effect {position: relative;float: left;width: 100%;height: 530px;background: #fff;-webkit-perspective: 1000px;-moz-perspective: 1000px;-o-perspective: 1000px;perspective: 1000px;}.flip-card-inner {-webkit-transition: -webkit-transform 0.6s;-moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;transition: transform 0.6s;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;width: 100%;height: 100%;position: absolute;}.flip-hover-effect.active .flip-card-inner {transform: rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);}.flip-hover-effect.active .flip-card-inner .hiring-part-background{opacity: 0;pointer-events: none;}.flip-hover-effect .flip-card-inner .hiring-part-background{opacity: 1;pointer-events: all;}.hiring-hover-part {border: 1px dashed #000;border-radius: 15px;padding: 15px 24px;position: absolute;width: 100%;max-width: 360px;top: 0;left: 0;right: 0;margin: 0 auto;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;transform: rotateY(180deg);-ms-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);background-color: #fff;height: 100% }.hiring-hover-part .colm-css {height: 65px }.hiring-hover-part .icon-part {text-align: center;margin-bottom: 6px }.hiring-hover-part h2 {text-transform: capitalize;margin-bottom: 16px;font-size: 30px;}.hiring-hover-part p {color: #747474 }.hiring-hover-part.icon-part img {max-width: 83px;width: 100% }.hiring-hover-partp {color: #747474 }.dashed-rular {border-top: 1px dashed #000;margin: 5px 0 20px 0 }.Communication-icon li a {width: 32px;height: 32px;background-color: #61dafb;border-radius: 50%;display: flex;align-items: center;transition: all 1s;justify-content: center }.Communication-icon li {display: inline-block;margin: 0 4px 0 0 }.Communication-icon li a i {color: #fff }.Communication-icon li:hover a {background-color: #000 }#faq {padding-bottom: 100px }.faq-background {width: 100%;max-width: 955px;margin: 0 auto }.faq-background .accordion {margin-bottom: 0;box-shadow: 0 0 10px 2px rgba(0, 0, 0, .09) }.faq-background .accordion>li .link {background-color: #fff;padding: 22px 90px 22px 20px;border-bottom: 2px solid #eee;cursor: pointer;font-size: 18px;font-weight: 600;letter-spacing: .5px;line-height: 24px;position: relative;color: #000 }.accordion .submenu {display: none;padding: 30px 20px;background-color: #f8f8f8;}.submenu p:last-child {margin-bottom: 0 }.plus-minas-icon {width: 48px;height: 43px;clip-path: polygon(0 0, 100% 0, 100% 100%, 12% 100%);background-color: #333;display: inline-block;position: absolute;top: 50%;right: 15px;transform: translateY(-50%);transition: all .3s linear }.plus-minas-icon:before {width: 25px;height: 3px;background-color: #fff;display: inline-block;border-radius: 6px;content: "";position: absolute;top: 45%;left: 0;right: 0;margin: 0 auto }.plus-minas-icon:after {width: 3px;height: 25px;background-color: #fff;display: inline-block;border-radius: 6px;content: "";position: absolute;left: 47%;top: 8px;transition: all 1s }.accordion li.open .plus-minas-icon {background-color: #61dafb }.accordion li.open .plus-minas-icon:after {opacity: 0 }#faq .round-circel-big {opacity: 1;width: 170px;bottom: 0;top: unset;transform: translateY(48%);left: 20px;z-index: -1 }#blog {padding: 100px 0;background-color: #fafafa }.blog-slider {padding: 0 5px 0 0 }.images-part-blog img {object-fit: cover;height: 100% }.images-part-blog {max-width: 63%;margin-left: auto;height: 366px }.blog-slider .item {position: relative;display: flex;align-items: center }.blog-slider .item .content-part {padding: 20px 20px 20px 1px;position: absolute;background-color: #fafafa;max-width: 376px;margin-top: 0 }.blog-slider .item .content-part h3 {margin-bottom: 11px }.blog-slider .item .content-part .link-button {margin-top: 12px;display: inline-block }.blog-slider .three-red-column {left: auto;right: -70px }.blog-slider .item .border-part {border: 1px dashed #000;border-radius: 10px;padding: 20px 10px 20px 28px;position: relative }.blog-slider .owl-dot {background: #cecece!important }.blog-slider .owl-dot.active {background: #000!important }.blog-desc {width: 100%;height: 60px;overflow: hidden }.use-full-link {margin-bottom: 0;border-left: 1px dashed;padding: 10px 0 }.use-full-link li {position: relative;padding: 2px 0 2px 40px }.use-full-link li:before {content: "";position: absolute;left: 0;height: 1px;width: 25px;border-top: 1px dashed;top: 14px }.use-full-link li a {font-size: 15px;color: #000;text-decoration: underline!important }.use-full-link li:after {width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #000;content: "";position: absolute;left: 25px;top: 11px }.usefull-link-heading {font-weight: 500!important;margin-bottom: 15px;margin-left: 40px }.use-full-link li a:hover {color: #61dafb }.form-fiel {background-color: #f5f5f5;border: 1px solid #f5f5f5;padding: 10px 15px;font-size: 14px;width: 100% }.form-fiel::placeholder {color: #000 }.form-fiel:focus {border-color: #202e78 }.contact-form {padding: 40px 25px;border: 2px dashed #000;border-radius: 10px;margin: 0 auto;max-width: 389px;position: relative }textarea.form-fiel {min-height: 180px }button.custom-button {border: 0;min-width: 146px;margin: 0 auto;display: block }section.brouchure {padding: 0 }.brouchure-heading {font-size: 32px;font-weight: 700;color: #fff;margin-bottom: 4px }.brouchure-content {padding: 12px 25px 15px 0 }.brouchure-content p {color: #fff;margin-bottom: 0 }section#brouchure {position: relative;background-color: #e6e6e6 }.brouchure::after {content: "";position: absolute;width: 58%;height: 100%;background: red;top: 0;left: -100px;transform: skewX(-40deg);z-index: -1;background-image: -moz-linear-gradient(102deg, #fe0000 0, #520101 100%);background-image: -webkit-linear-gradient(102deg, #fe0000 0, #520101 100%);background-image: -ms-linear-gradient(102deg, #fe0000 0, #520101 100%);box-shadow: 0 10px 10px 0 rgba(35, 35, 35, .2) }section#brouchure {position: relative;z-index: 1 }.dwonload-button {border: 0;padding: 0;background-repeat: no-repeat;width: 278px;height: 74px;background-color: transparent;margin: 18px auto 0 auto;display: block;font-size: 20px;padding-left: 52px;color: #fff;font-weight: 500;transition: all .5s;line-height: 74px;background-image: -moz-linear-gradient(102deg, #fe0000 0, #520101 100%);background-image: -webkit-linear-gradient(102deg, #fe0000 0, #520101 100%);background-image: -ms-linear-gradient(102deg, #fe0000 0, #520101 100%);border-radius: 51px;position: relative;box-shadow: 0 5px 6px 0 rgba(35, 35, 35, .5);transition: all .5s }.dwonload-icon {max-width: 78px;position: absolute;left: 10px }.dwonload-button:hover {background-image: -moz-linear-gradient(102deg, #000 0, #504747 100%);background-image: -webkit-linear-gradient(102deg, #000 0, #504747 100%);background-image: -ms-linear-gradient(102deg, #000 0, #504747 100%) }.social-link li {width: 35px;height: 35px;background-color: #202e78;border-radius: 50%;text-align: center;line-height: 35px;margin: 0 10px 0 0;transition: all .5s;display: flex;align-items: center;justify-content: center }.social-link li:last-child {margin-right: 0 }.social-link li a {color: #fff;font-size: 18px }.social-link ul {margin-bottom: 0;flex-wrap: wrap;display: flex }.linkdin:hover {background-color: #026499 }.twitter:hover {background-color: #00a7e7 }.medium:hover {background-color: #12100e }.pinterest:hover {background-color: #e00018 }.country span img{width: 20px;}.footer-first-part {width: 85% }.footer-background {background-color: #e6e6e6;padding: 60px 0 40px 0 }.footer-logo img {max-width: 200px }.footer-logo {margin-bottom: 14px }.footer-desc {font-size: 13px;color: #000 }.footer-links li a {font-size: 13px;color: #000;font-weight: 500 }.footer-links li:hover a {color: #05a9d6 }.half-menu li {width: 49%!important }.footer-links li {line-height: 1.6;display: inline-block;width: 100% }.footer-links {line-height: normal }.footer-link-heading {width: auto;display: inline-block;border-bottom: 1px dashed #000;padding-bottom: 5px;margin-bottom: 10px;font-size: 18px }.company-logo ul {display: flex;align-items: center;justify-content: center;margin-bottom: 0 }.company-logo li img {filter: grayscale(1) brightness(.7);transition: all .5s }.company-logo li:hover img {filter: grayscale(0) brightness(1) }.associate-sister-company {text-align: center;margin-bottom: 25px;margin-top: 35px }.company-heading {text-transform: capitalize;font-size: 25px;font-weight: 600 }.company-logo li {margin: 0 15px }.copyright {background-color: #000;text-align: center;padding: 10px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}.copyright p {margin-bottom: 0;color: #fff;font-size: 14px;font-weight: 400 }.copyright p a {color: #fff }.modal-form {max-width: unset }.modal{z-index: 99999;}.modal-backdrop{z-index: 9999;}.quotemodal .modal-title {font-weight: 700;font-size: 24px;color: #000;line-height: 1.5;margin-bottom: 20px;text-align: center }.quotemodal .close {position: absolute;top: 10px;right: 15px;font-size: 30px }label.error {font-size: 14px;margin: 0;color: red;position: absolute;top: 100%;width: 100%;left: 0%;}label#contact_message-error, label#quote_messsage-error{top: 106%;}.phone-control {height: 48px;}.form-control:focus {box-shadow: unset;background-color: #f5f5f5 !important;}.form-group {margin-bottom: 2rem;}.red-msg {color: red }.gren-msg {color: green }.comparison-acordion>.card>.card-header {padding: 0;background-color: transparent }.comparison-acordion>.card>.card-header .btn {display: block;border: 0;padding: .75rem 1.25rem;width: 100%;text-align: left;font-weight: 600;background-color: #61dafb;border-radius: 0;color: #000 }.comparison-acordion>.card>.card-header .btn>i {float: right;font-size: 24px }.comparison-acordion>.card>.card-header .btn:focus, .comparison-acordion>.card>.card-header .btn:hover {box-shadow: none }.comparison-acordion>.card>.card-header .btn.collapsed {color: #000;background-color: transparent }.comparison-acordion>.card>.card-header .btn>i::before {content: "\f077" }.comparison-acordion>.card>.card-header .btn.collapsed>i::before {content: "\f078" }.comparison-acordion .table-colm {padding-bottom: 0 }.g-recaptcha>div {max-width: 100%;margin: 0 auto }.header-navigation-part .navbar-nav .nav-item.menu-active a{color: #61dafb;}@media(min-width:992px) {.table-colm li>span {display: none }}@media(min-width:1200px) and (max-width:1456px) {.ui-ux-background:before {font-size: 15.4vW }}@media(max-width:1919px) {.video-content {max-width: unset;width: 100%;padding-top: 50px }.three-x {left: 15px;bottom: -30px }.project-part .owl-slider {width: calc(100% - 60px);padding-left: 0 }.project-part .three-red-column {right: 15px }.blog-slider {width: calc(100% - 85px) }.blog-slider .three-red-column {right: 15px }.pr-ext-30 {padding-right: 30px }.yellow-back-uiux {padding-bottom: 50px }.round-circel-big {left: unset;opacity: .05 }#blog, #expertise_comparison, #project, #services {padding: 60px 0 }#project .round-circel-big {left: 50%;width: 270px }#expertise_comparison .round-circel-second {width: 250px;transform: translate(0);bottom: -70px;right: 30px }#faq {padding: 0 0 60px }.brouchure::after {width: 66% }}@media(max-width:1459px) {.react-icon {max-width: 260px }.react-about-container {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;margin-bottom: 30px }}@media(max-width:1199px) {.react-icon {display: none }h2 {font-size: 25px }h3 {font-size: 20px }h4, label {font-size: 18px }p, ul>li {font-size: 16px }.expert-logo {margin: 0 30px 0 auto }#video-part {padding-top: 50px }.video-content {padding: 50px 15px 0 }.round-circel {right: 0;top: -125px }.round-circel-big {bottom: 150px }.ui-ux-background:before {top: 0;font-size: 144px;line-height: 1;color: #ececec }.yellow-back-uiux {padding-top: 30px;padding-bottom: 40px }.yellow-back-uiux:before {height: calc(100% - 110px) }.main-heading {font-size: 140px }.ui-ux-heading .small-design-heading {font-size: 36px;bottom: -17px }.top-section-p {font-size: 16px;line-height: 1.3 }.section-main-heading {font-size: 55px }#services .left-images i {font-size: 80px }.services-part .left-images i:nth-child(1) {top: 10px }.services-part .left-images i:nth-child(2) {left: 42px;top: 100px }.services-part .left-images i:nth-child(3) {right: 32px;top: 140px }.services-part .left-images i:nth-child(4) {top: 210px;left: 42px }.services-part .left-images i:nth-child(5) {top: 270px;right: 32px }.services-part .left-images i:nth-child(6) {top: 320px;left: 40px }.mb-35 {margin-bottom: 15px }.service-title {letter-spacing: 0;margin-bottom: 5px }.service-desc {font-size: 14px;line-height: 1.5 }.heading-big {margin-bottom: 35px }.table-heading {min-height: 80px }.table-colm:first-child li {font-size: 16px }.table-colm li, .table-heading {padding: 14px 16px }.hiring-hover-part h2 {margin-bottom: 0 }.hiring-hover-part label {margin-bottom: 5px }.hiring-hover-part p {margin-bottom: 10px }.dashed-rular {margin-bottom: 15px }.faq-background .accordion>li .link {font-size: 16px }.map-background {padding: 50px 30px }.contact-content address {font-size: 14px }.header-menu>.navbar-nav {flex-direction: row }.video-content p {font-size: 16px }.video-part-list>li {font-size: 16px }.video-container>img, .videohtmlsrc {border-right: 1px solid #ccc }.work-step:before {left: -14px;width: 170px;height: 170px }.work-step {margin-bottom: 15px }}@media(max-width:1199px) {.hiring-part-background .images-part img {object-fit: contain;width: 100%;height: 100%;}.hiring-part-background .images-part{position: relative;}.flip-hover-effect {margin-bottom: 30px;}}@media(max-width:991px) {.ui-ux-background:before {font-size: 94px }.yellow-back-uiux {padding-top: 10px }.yellow-back-uiux:before {height: calc(100% - 70px) }.main-heading {font-size: 110px }.table-colm {width: 33.333333% }img.right-wrong-icon {width: 15px;margin-right: 5px }.table-colm li {text-align: left }.table-heading {justify-content: left;text-align: left }.heading-big p {max-width: unset }.brouchure::after {width: calc(100% + 42px);height: 120px }.footer-background .social-link {margin-bottom: 20px }.ui-ux-heading .small-design-heading {font-size: 32px;bottom: -19px }.react-about-container {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.work-step {margin-bottom: 35px }.project-image-part {overflow: hidden }.upper-text-background {opacity: 1;height: auto;bottom: 50%;transform: translateY(50%);border-radius: 0;box-shadow: 0 2px 12px rgba(0, 0, 0, .3), 0 -2px 12px rgba(0, 0, 0, .3) }ul.prj-links {flex-direction: column;padding: 0 30px }ul.prj-links>li+li {margin-top: 15px }.hiring-part-background .images-part{height: 79%;background-color: #fff;}.hiring-part-background .images-part img{position: relative;bottom: -33px;}.flip-hover-effect{height: 400px;margin-bottom: 30px;}.heading-hiring-background{padding: 0px 0px;}.g-recaptcha iframe{transform: scale(0.8);margin-left: -32px;}}@media(min-width:768px) and (max-width:991px) {.dashed-rular {margin-bottom: 10px }.hiring-hover-part h2 {font-size: 18px }.icon-part img {width: 60px }.contact-mail {word-break: break-all;line-height: 1 }}@media(max-width:767px) {.header-menu>.navbar-nav {flex-direction: column;align-items: flex-start;padding: 15px 0 0 }.ui-ux-background:before {display: none }.main-heading {font-size: 75px }.ui-ux-heading .small-design-heading {font-size: 35px;bottom: -20px }.pr-ext-30 {padding-left: 30px }.video-content.video-content-list, .video-ifram-part {padding-left: 0 }.video-content {padding-left: 0;padding-right: 0 }.hiring-hover-part {max-width: unset;text-align: center }.hiring-hover-part .icon-part {margin-bottom: 20px }.flip-hover-effect {margin-bottom: 30px;height: 500px;}.dashed-rular {margin: 25px 0 20px 0 }.map-background {margin-bottom: 30px }.brouchure::after {height: 140px }.footer-background {padding: 20px 0 0 }.expert-logo {display: none!important }.blog-slider {margin-top: 20px }.images-part-blog {max-width: 100%;height: auto }.blog-slider .item {flex-wrap: wrap;justify-content: center }.blog-slider .item .content-part {position: static }.blog-slider .item .content-part {padding: 20px }.header-box-shadow {box-shadow: -1px 1px 9px 0 rgba(35, 35, 35, .16) }.hiring-part-background .images-part img{object-fit: contain;width: unset;height: unset;max-width: 100%;}.g-recaptcha iframe{transform: scale(0.7);margin-left: -43px;}.heading-hiring-background{padding: 8px 0px;}}@media(min-width:576px) and (max-width:767px) {#dedicated_developers .container, #expertise_comparison .col-12, #project .col-md-12, .container.services-part, .header-background>.container {padding-left: 0;padding-right: 0 }}@media(min-width:450px) and (max-width:767px) {.footer-imp-link, .footer-nav-link {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }}@media(max-width:575px) {#project .round-circel-big {left: unset;right: 0 }.section-main-heading {font-size: 40px;line-height: 1 }#expertise_comparison .round-circel-big {top: -50px;right: 0;opacity: .1 }.table-comparison {flex-wrap: wrap }.table-colm {width: 100% }#expertise_comparison .round-circel-second {top: unset }.owl-dots {flex-direction: row;position: static;margin-top: 20px;justify-content: center }.owl-dot {margin: 0 5px }.project-part .three-red-column {display: none }.project-part .owl-slider {padding: 0;width: 100% }#video-part .round-circel-big {width: 100%;bottom: -90px }.ui-ux-heading {padding: 0 15PX }.main-heading {font-size: 14vw }.ui-ux-heading .small-design-heading {font-size: 6.8vw;bottom: -4.2vw;left: 15px }.yellow-back-uiux:before {left: 6px }.header-top-part .social-link {float: none;display: table;margin: 0 auto }.expert-logo {margin: 8px auto 0 0 }.header-navigation-part .navbar-toggler {margin-top: 4px }.header-navigation-part .navbar-brand {margin-right: 5px }.header-logo {width: 241px }.map-background {padding: 30px 10px }.contact-mail {word-break: break-all;line-height: 1 }.modal-form {padding: 40px 9px }.blog-slider {width: 100% }.blog-slider .item .content-part {max-width: 100% }.blog-slider .three-red-column {display: none }.play-button {width: 80px;height: 80px }.play-button img {object-fit: unset;width: 100% }.work-step {margin: 0 auto 35px }.triangle-right {top: calc(100% + 10px);right: 50%;transform: rotate(90deg) translateY(-50%) }.react-about-container {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100% }.upper-text-background {padding: 15px;transform: translateY(0);bottom: 1px;border-radius: 0 0 4px 4px }.upper-text-background .project-img-heading {font-size: 4vw }ul.prj-links {padding: 0 }ul.prj-links>li+li {margin-top: 10px }.yellow-back-uiux:before {height: calc(100% - 50px) }.rc-anchor-normal{width: 100%;}.navbar-collapse{overflow: auto;max-height: calc(100vh - 62px);}}@media (max-width: 991px) and (min-width: 0px){.hiring-part-background .images-part img {object-fit: contain;margin: 0 auto;display: block;}}.phone-form-fiel{position: absolute;width: calc(100% - 60px);right: 0;z-index: 9;}.ui.fluid.dropdown{width: 60px;pointer-events: all;line-height: 12px;min-height: unset;border-radius: 0;border: none;background-color: #f5f5f5;}.ui.fluid.active.dropdown{width:100% }.ui.fluid.dropdown > .text > .text_name, .ui.fluid.dropdown > .text > .country_code{display: none;}.phone-form-fiel + .dropdown.example{pointer-events: none;}.ui.fluid.dropdown>.dropdown.icon{float: none;width: 100%;text-align: left;padding: 0 0 0 10px;line-height: 36px;}.ui.fluid.dropdown>.dropdown.icon::before{position: absolute;right: 5px;}.ui.fluid.active.dropdown > .dropdown.icon{display: none;}.ui.selection.dropdown .menu{padding: 0px 0.742857rem !important;}.ui.selection.dropdown .menu>.item{padding: .78571429rem 0.642857rem!important;border: 1px solid #202e78;background-color: rgba(32, 46, 120, 0.12);border-radius: 5px;margin: 5px 0;}.ui.selection.dropdown .menu>.item > .country_code{float: right;}.ui.fluid.dropdown > label.error{white-space: nowrap;transform: translateY(15px);}.ui.fluid.dropdown > .text > i.default_flag::before{display: none !important;}.footer_social{display: flex;align-items: center;justify-content: flex-start;width: 100%;}.footer_social li{margin-right: 10px;}.footer_social li a{width: 40px;height: 40px;background-color: #61dafb;border-radius: 50px;text-align: center;display: flex;align-items: center;justify-content: center;color: #000;font-size: 20px;transition: 0.2s all;}.footer_social li a:hover{background-color: #000;color: #fff;}.footer_social li a .fa{}.quotemodal.popup_show {display: block;visibility: visible;opacity: 1;background-color: rgba(0, 0, 0, 0.322);-webkit-animation-name: fadeInDown;animation-name: fadeInDown;-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-timing-function: cubic-bezier(0.66, 0.12, 0.49, 0.89);animation-timing-function: cubic-bezier(0.66, 0.12, 0.49, 0.89);}@media only screen and (max-width:767px){.project-image-part>img{height: auto;}}@media only screen and (max-width:576px){.footer_social li a{width: 35px;height: 35px;font-size: 16px;}}.grecaptcha-badge {z-index: 999;}.contact-inner-section {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}.contact-inner-section .contact-content {position: relative;z-index: 1;padding: 20px 10%;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #f2f2f2;width: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 50%;-ms-flex-line-pack: center;align-content: center;}.contact-inner-section .contact-content:first-child{background-color: #f2f2f2;}.contact-info li{margin-bottom: 20px;position: relative;padding-left: 45px;margin-bottom: 14px;}.contact-info li:last-child{margin-bottom: 0;}.contact-info span.fas, .contact-info span.fa {margin-right: 10px;color: #61dafb;height: 35px;width: 35px;display: -webkit-box;display: -ms-flexbox;display: flex;border: 2px solid #000;border-radius: 50%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;padding: 10px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;font-size: 18px;position: absolute;left: 0;top: 0;}.contact-info li a{color: #383838;}.contact-info li a:hover{color: #61dafb;}.react-js-new .contact-form{padding: 45px 25px;}.contact-form-outer{padding: 50px;}.contact-flag {width: 80px;height: 80px;border: 4px solid rgb(0 0 0);border-radius: 50%;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin: 0px 0 25px 0;}.contact-info{width: 100%;}@media only screen and (max-width: 1200px) {.why-use-content {padding: 30px 0px }.contact-info li {margin-bottom: 15px;}}@media only screen and (max-width:991px){.contact-inner-section .contact-content{max-width: 50%;height: auto;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-line-pack: start;align-content: flex-start;padding: 25px 25px;}.contact-form-outer{padding: 50px 30px;}}@media only screen and (max-width:767px){.contact-flag {width: 65px;height: 65px;border: 2px solid rgb(0 0 0);}.contact-info span.fas {height: 30px;width: 31px;border: 1px solid #000;font-size: 16px;}.contact-info li span {font-size: 14px;}}@media only screen and (max-width:640px){.contact-inner-section .contact-content{max-width: 100%;}}

/* promotion popup css start */

.promotion-quote-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    padding-top: 8vw;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 30px 0;
    align-items: center;
}

.promotion-quote-modal .promotion-quote-modal-container {
    max-width: 950px;
    width: calc(100% - 30px);
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    position: relative;
    margin: auto;
}

.promotion-quote-modal .close {
    position: absolute;
    right: 25px;
    top: 25px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

.promotion-quote-modal .left-promotion-content {
    background-color: #d9f1f7;
    padding: 50px 24px 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promotion-quote-modal .promotion-head-part {
    margin-bottom: 34px;
}

.promotion-quote-modal .section-head-title {
    font-size: 30px;
    line-height: 1;
    color: #333333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    text-transform: capitalize;
}

.promotion-quote-modal .section-head-title span {
    font-size: 26px;
    color: #61dafb;
    line-height: 1.5;
    display: inline-block;
}

.promotion-quote-modal .feature-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.promotion-quote-modal .feature-item {
    display: flex;
    gap: 20px;
    margin-left: 60px;
    position: relative;
    align-items: center;
}

.promotion-quote-modal .feature-item::after {
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% + 20px);
    border: 4px solid #333333;
    top: -10px;
    right: 30px;
    border-radius: 20px;
    box-sizing: border-box;
}

.promotion-quote-modal .feature-item.left-side {
    margin: 0px;
    margin-right: 60px;
}

.promotion-quote-modal .feature-item.left-side::after {
    border: 4px solid #61dafb;
}

.promotion-quote-modal .feature-icon {
    width: 70px;
    min-width: 70px;
    height: 70px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d9f1f7;
    position: relative;
    z-index: 1;
    font-size: 12px;
}

.promotion-quote-modal .feature-icon img {
    object-fit: contain;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.promotion-quote-modal .feature-content {
    padding: 10px 30px 10px 15px;
    margin-right: 14px;
    background-color: #ffffff;
    border-radius: 10px 0 0 10px;
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promotion-quote-modal .feature-content .shape {
    position: absolute;
    top: 0;
    left: 100%;
    display: flex;
    height: 100%;
}

.promotion-quote-modal .feature-content .shape svg {
    height: 100%;
    fill: #fff;
    width: auto;
}

.promotion-quote-modal .feature-item.left-side .shape {
    left: unset;
    right: 100%;
    transform: rotate(180deg);
}

.promotion-quote-modal .feature-item.left-side .feature-content {
    padding: 8px 15px 8px 30px;
    margin-left: 14px;
    border-radius: 0 10px 10px 0;
    margin-right: 0;
}

.promotion-quote-modal .feature-content .title {
    font-size: 14px;
    line-height: normal;
    color: #000000;
    font-weight: 700;
    margin-bottom: 4px;
}

.promotion-quote-modal .feature-item.left-side .feature-content .title,
.promotion-quote-modal .feature-item.left-side .feature-content .text {
    text-align: right;
}

.promotion-quote-modal .feature-content .text {
    font-size: 12px;
    line-height: normal;
    color: #000000;
    font-weight: 400;
    margin-bottom: 0;
}

.promotion-quote-modal .right-quote-form {
    padding: 30px 38px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.promotion-quote-modal .right-quote-form .promotion-head-part {
    margin-bottom: 34px;
}

.promotion-quote-modal .right-quote-form .section-head-title {
    font-size: 24px;
    line-height: 1;
    color: #61dafb;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    text-transform: capitalize;
}

.promotion-quote-modal .right-quote-form .section-head-title span {
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
}

.promotion-quote-modal .right-quote-form .form-group:not(:last-child) {
    margin-bottom: 18px;
}
.promotion-quote-modal .right-quote-form .form-group.pincode-input {
    position: relative;
}
.promotion-quote-modal .right-quote-form .form-group label {
    font-size: 12px;
    line-height: normal;
    font-weight: 700;
    color: #252f40;
    margin-bottom: 8px;
    display: block;
}

.promotion-quote-modal .right-quote-form .form-group:nth-child(4) label.error {
    bottom: -24px;
}

.promotion-quote-modal .right-quote-form .form-group label.error {
    color: red;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 0;
    font-weight: 400;
    position: absolute;
    bottom: -13px;
}

.promotion-quote-modal .right-quote-form .form-group .pin-code-main label.error {
    position: absolute;
    white-space: nowrap;
    top: 100%;
}

.promotion-quote-modal .right-quote-form .form-group .form-field-custom {
    border: 1px solid #d2d6da;
    border-radius: 8px;
    outline: 0;
    box-shadow: unset;
    padding: 11px 13px;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #495057;
    width: 100%;
}

.promotion-quote-modal .form-group .pin-code-main {
    border-right: 0;
    border-radius: 7px 0 0 7px;
    width: max-content;
    position: absolute;
    top: 24px;
}
.promotion-quote-modal .form-group .pin-code-main .ui.fluid.dropdown {
    background-color: transparent;
}

.promotion-quote-modal .form-group .pin-code-main .form-field-custom {
    border: 0;
    width: 35px;
    padding: 0 0 !important;
    border-radius: 0 !important;
    border-radius: 0 !important;
}

.promotion-quote-modal input[type="number"]::-webkit-outer-spin-button,
.promotion-quote-modal input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.promotion-quote-modal input[type="number"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.promotion-quote-modal .right-quote-form .form-group #popphone1 {
    padding-left: 72px;
}


.promotion-quote-modal .right-quote-form .submit-btn {
    width: 100%;
}

.promotion-quote-modal .right-quote-form .ui.selection.active.dropdown .menu {
    min-width: 280px;
}

@media screen and (max-width: 992px),
screen and (max-height: 660px) {

    .promotion-quote-modal .right-quote-form .section-head-title,
    .promotion-quote-modal .section-head-title {
        font-size: 28px;
    }

    .promotion-quote-modal .right-quote-form .section-head-title span,
    .promotion-quote-modal .section-head-title span {
        font-size: 25px;
    }

    .promotion-quote-modal .left-promotion-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .promotion-quote-modal .right-quote-form .promotion-head-part {
        margin-bottom: 20px;
    }

    .promotion-quote-modal .right-quote-form .form-group label {
        margin-bottom: 5px;
    }

    /*    .promotion-quote-modal .right-quote-form .form-group:not(:last-child) {
        margin-bottom: 12px;
    }*/

    .promotion-quote-modal .feature-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        padding: 7px;
    }

    .promotion-quote-modal .form-group .pin-code-main {
        top: 21px;
    }
}

@media (max-width: 1199px) {
    .promotion-quote-modal .feature-item {
        gap: 10px;
    }
}

@media (max-width: 991px) {
    .promotion-quote-modal .feature-item {
        margin-left: 30px;
    }

    .promotion-quote-modal .feature-item.left-side {
        margin: 0px;
        margin-right: 30px;
    }

    .promotion-quote-modal .section-head-title {
        font-size: 26px;
    }

    .promotion-quote-modal .right-quote-form .section-head-title {
        font-size: 26px;
    }

    .promotion-quote-modal .right-quote-form .promotion-head-part {
        margin-bottom: 20px;
    }

    .promotion-quote-modal .promotion-head-part {
        margin-bottom: 25px;
    }

    .promotion-quote-modal .section-head-title span {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    .promotion-quote-modal .right-quote-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .promotion-quote-modal .feature-item {
        margin-left: 0;
    }

    .promotion-quote-modal .feature-item.left-side {
        margin-right: 0;
    }
}

@media (max-width: 600px) {
    .promotion-quote-modal .promotion-quote-modal-container {
        grid-template-columns: 1fr;
        max-width: 400px;
    }

    .promotion-quote-modal .feature-item {
        margin-left: 20px;
        gap: 0;
    }

    .promotion-quote-modal .feature-item.left-side {
        margin-right: 20px;
    }

    .promotion-quote-modal .right-quote-form {
        padding-left: 25px;
        padding-right: 25px;
    }

    .promotion-quote-modal .left-promotion-content {
        display: none;
    }
}

@media (max-width: 500px) {
    .promotion-quote-modal .right-quote-form {
        padding: 30px 25px 30px;
    }

    .promotion-quote-modal .left-promotion-content {
        padding: 40px 20px 40px;
    }

    .promotion-quote-modal .feature-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        padding: 7px;
    }
}

/* promotion popup css end */

@media (max-width: 420px) {
    .recaptcha-sec > div {
        transform: scale(0.8);
        transform-origin: top left;
        -webkit-transform-origin: top left;
        transition: transform 0.2s ease-in-out;
    }
}

/* contact form */
.contact-form input::placeholder,
.contact-form textarea::placeholder {
    opacity: 0.5;
}
/* contact form */