/* Service-style css */
* {margin: 0;padding: 0;}@font-face {font-family: "CircularStdBold";font-display:swap;src: url("../assets/fonts/CircularStdBold.ttf");}@font-face {font-family: "CircularStdRegular";font-display:swap;src: url("../assets/fonts/circularstd-book.otf");}@font-face {font-family: "CircularStdMedium";font-display:swap;src: url("../assets/fonts/circularstd-medium.otf");}@font-face {font-family: "CircularStdBook";font-display:swap;src: url("../assets/fonts/circularstd-book.otf");}@font-face {font-family: "Poppins-Bold.ttf";font-display:swap;src: url("../assets/fonts/Poppins-Bold.ttf");}@font-face {font-family: "Poppins-Medium.ttf";font-display:swap;src: url("../assets/fonts/Poppins-Medium.ttf");}@font-face {font-family: "Poppins-Regular.ttf";font-display:swap;src: url("../assets/fonts/Poppins-Regular.ttf");}@font-face {font-family: "Poppins-SemiBold.ttf";font-display:swap;src: url("../assets/fonts/Poppins-SemiBold.ttf");}@font-face {font-family: "Roboto-Black";font-display:swap;src: url("../assets/fonts/Roboto-Black.ttf");}@font-face {font-family: "Roboto-Bold";font-display:swap;src: url("../assets/fonts/Roboto-Bold.ttf");}@font-face {font-family: "Roboto-Medium";font-display:swap;src: url("../assets/fonts/Roboto-Medium.ttf");}@font-face {font-family: "Roboto-Regular";font-display:swap;src: url("../assets/fonts/Roboto-Regular.ttf");}@font-face {font-family: "Roboto-Light";font-display:swap;src: url("../assets/fonts/Roboto-Light.ttf");}@font-face {font-family: "SFProDisplay";font-display:swap;src: url("../assets/fonts/sf-pro-display.ttf");}@font-face {font-family: "Avenir";font-display:swap;src: url("../assets/fonts/avenir.otf");}body {overflow-x: none !important;box-sizing: border-box;}.scroll-contents::-webkit-scrollbar {width: 8px;background-color: #fff;}.scroll-contents::-webkit-scrollbar-thumb {background-color: #fff;}.scroll-section .scroll-contents {padding: 0 15px;width: 100%;height: 0px !important;overflow-y: scroll;padding-right: 20px;}p{font-family: "CircularStdRegular" !important;}h1,h2,h3,h4,h5,h6{font-family: "CircularStdBold" !important;}.bg-half-170 {padding-top: 0 !important;display: flex;justify-content: center;align-items: center;background-size: cover;-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center;position: relative;background-position: center;height: 100vh;}.heading-text h2 {font-size: 40px;font-weight: 400;line-height: 58px;color: #000c51;font-family: "CircularStdBold";}.heading-text h2 > span {color: #F77D33;}.heading-text p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.section {padding: 80px 0;position: relative;}.section1 {padding: 80px 0 0;position: relative;}.banner-heading h1 {font-size: 51px;font-weight: 400;line-height: 72px;color: #000c51;font-family: "CircularStdBold";}.bottom-lets-we-talk p {padding-left: 17px;font-size: 20px;color: #000c51;width: fit-content;}.banner-heading h1 > span {color: #f77d33;}.banner-heading p {padding-left: 7px;font-size: 18px;color: #000c51;width: fit-content;padding-left: 7px;font-size: 18px;color: #000c51;width: fit-content;}.Banner-img-1 {width: 110%;}.besides-all {font-size: 25px;line-height: 38px;color: #828fad;}a.btn-primary > img {padding-left: 12px;}.buy-button {text-align: right;}.key-elements-p > p {font-size: 20px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 34px;text-align: justify;}.key-elements-p ul {margin-top: 22px;font-size: 20px;color: #828fad;list-style: none;padding-left: 0px;padding-right: 19px;}.key-elements-p ul li {line-height: 34px;display: -webkit-inline-box;}.key-elements-p ul li > img {margin-right: 10px;}.key-elements-p ul li p {margin-bottom: 2px;text-align: justify;}.key-elements-p ul li p > span {color: #000c51;}.key-element-bg {background-position: bottom;background-repeat: no-repeat;padding-bottom: 11px;}.key-element-h2 h2 {margin-bottom: -1px;}.ar-vr-technolog-bg{background: #FFEAEA 0% 0% no-repeat padding-box;height: 617px;}.Technology-img{margin-top: -72px;width: 118%;margin-left: -48px;}.game-dev p {font-size: 24px;color: #828fad;margin-top: 32px;padding-right: 223px;}.ar-vr-p p {font-size: 20px;color: #828fad;margin-top: 40px;line-height: 34px;text-align: left;padding-right: 91px;}.ar-vr-bg {background-position: center;background-repeat: no-repeat;}.ar-vr-box {width: 133px;background: #fff;border-radius: 20px;height: 164px;padding: 18px 15px;box-shadow: 0px 20px 40px #fedee052;display: inline-block;margin: 3px;}.ar-vr-p{position: relative;}.counter-box{position: absolute;}.counter-box .small-box p{color: #fff;margin-bottom: 0px;font-weight: 500;}.small-box {border-radius: 10px;height: 127px;text-align: center;padding: 9px 0px 10px;width: 126px;display: inline-block;height: auto;margin-right: 4px;}.small-box-color-1{background-color: #F5848E;}.small-box-color-2{background-color: #FFAA6C;}.small-box-color-3{background-color: #4ED59E;}.small-box-color-4{background-color: #6DE2FB;}.ar-vr-box .small-box p {font-size: 18px;font-family: "CircularStdBold";color: #f5808b;margin-top: -19px;}.small-box sapn {color: #fff;text-align: center;font-size: 35px;font-family: "CircularStdBold";}.ar-vr-box p {text-align: center;font-size: 20px;padding-top: 10px;color: #000c51;font-family: "CircularStdBold";}.ar-vr-box-2 {height: 201px !important;}.samll-box2 {height: 133px !important;background: #fff7f2 !important;}.samll-box2 sapn {color: #ffa15c !important;}.samll-box2 p {color: #ffa15c !important;}.ar-vr-box3 {height: 252px !important;}.small-box3 {height: 182px !important;background: #f0fbf7 !important;}.small-box3 sapn {color: #49d49c !important;}.small-box3 p {color: #49d49c !important;}.ar-vr-box4 {height: 303px !important;}.small-box4 {height: 229px !important;background: #eaf8ff !important;}.small-box4 sapn {color: #51defd !important;}.small-box4 p {color: #51defd !important;}.beginning-img {border-radius: 20px;box-shadow: 0px 10px 20px #000c5114;}.cloud-img {border-radius: 20px;box-shadow: 0px 10px 20px #000c5114;width: 89%;}.cross-sec-img {float: right;}.main-card .card-header {width: 100%;padding-top: 65px;padding-bottom: 65px;border-bottom: 2px solid #f0f4fd;}.main-card .card-header h3 {margin-left: 70px;margin-bottom: 30px;font-style: normal;font-weight: bold;font-size: 22px;line-height: 28px;color: #1d2140;}.main-card .card-header p {font-family: Mulish;font-style: normal;font-weight: normal;font-size: 18px;line-height: 28px;color: #1d2140;margin-left: 70px;}.main-card .accordions {padding-top: 45px;}.main-card .accordions .accordion {width: 100%;background: #fff;max-height: 94px;margin-bottom: 27px;overflow: hidden;transition: 0.5s ease;cursor: pointer;outline: none;border: none;display: block;text-align: left;align-items: none;display: grid;grid-gap: none;border-color: #fff;border-left: 4px solid #1d214060;border-left-color: #fff;border-radius: 20px;box-shadow: 0px 10px 20px #dde2ff;}.main-card .accordions .accordion:focus-within {max-height: fit-content;height: auto;background: #fff;}.main-card .accordions .accordion:focus-within .icon {transform: rotate(225deg);}.main-card .accordions .accordion .cont-header {display: flex;height: 99px;align-items: center;}.main-card .accordions .accordion .cont-header .icon {margin-left: 25px;margin-right: 15px;width: 40px;height: 40px;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;transition: 0.5s ease;}.main-card .accordions .accordion .cont-header h3 {font-style: normal;font-weight: 400;font-size: 23px;line-height: 20px;margin-left: 30px;width: 100%;margin-right: 55px;color: #1d2140;}.main-card .accordions .accordion .cont-content {height: auto;}.main-card .accordions .accordion .cont-content p {width: 100%;text-align: left;margin-left: 30px;margin-bottom: 30px;padding-right: 131px;color: #828fad;max-height: 180px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 26px;}.main-card .accordions .accordion .cont-content .btn {width: 167px;height: 44px;background: #6b63ff;border-radius: 60px;display: flex;align-items: center;justify-content: center;margin-top: 30px;margin-left: 30px;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-style: normal;font-weight: bold;font-size: 16px;line-height: 20px;transition: 0.3s;color: #ffffff;}.main-card .accordions .accordion .cont-content .btn:hover {transform: scale(1.05);}.card-bord {width: 100%;background-color: #fff;box-shadow: 0px 10px 20px #dde2ff54;text-align: center;height: 180px;border-radius: 20px;padding: 28px 21px;}.card-bord P {padding-top: 21px;font-size: 19px;}.tools-bg {background-position: bottom;background-repeat: no-repeat;}.owl-carousel .owl-item img {display: block;width: auto !important;}.our-company-slider .owl-story img{width: auto !important;}.owl-slider1 {border-radius: 20px !important;height: 518px;margin: 12px 12px 30px 12px;padding: 19px 28px;box-shadow: 0px 10px 20px #dde2ff59;}.owl-slider1 .card-body h5 {font-size: 26px;color: #000c51;padding: 15px 0px 18px;font-family: "CircularStdBold";}.owl-slider1 .card-body p {font-size: 16px;line-height: 30px;color: #828fad !important;font-family: "CircularStdRegular";text-align: justify;}.owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent;}.slick-slide {margin: 0px 20px;}.slick-slide img {width: 100%;height: 146px;margin-bottom: 18px;}.slick-slide img:hover {box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;}.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;}.slick-track:before, .slick-track:after {display: table;content: "";}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}[dir="rtl"] .slick-slide {float: right;}.slick-slide img {display: block;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide {display: block;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}.copyrights {font-size: 16px;}body {overflow-x: hidden;}section {overflow-x: hidden;overflow-y: hidden;}.process-box {width: 100%;background-color: #fff;padding: 20px 20px 5px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 18px 0px;min-height: 469px;}.process-box h4 {font-size: 26px;color: #000c51;line-height: 35px;padding: 15px 0px 0px;font-family: "CircularStdBold";}.process-box p {font-size: 16px;line-height: 30px;color: #828fad;}.process-bg {background-position: top;background-repeat: no-repeat;}.process-sec {padding: 46px 0 0;position: relative;}.strategy > p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.strategy ul {margin-top: 22px;font-size: 20px;color: #828fad;list-style: none;padding-left: 0px;padding-right: 19px;}.strategy ul li {line-height: 34px;display: -webkit-box;}.strategy ul li img {margin-right: 20px;}.strategy ul li p {margin-bottom: 2px;}.strategy-img {text-align: right;}.strategy-img img {border-radius: 20px;box-shadow: 0px 10px 20px #000c510f;}.Mobile-app-design > p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;text-align: justify;}.Mobile-app-design ul {margin-top: 22px;font-size: 20px;color: #828fad;list-style: none;padding-left: 0px;padding-right: 19px;}.Mobile-app-design ul li {line-height: 34px;display: -webkit-box;}.Mobile-app-design ul li img {margin-right: 20px;}.Mobile-app-design ul li p {margin-bottom: 2px;}.mobile-app-col-7 {padding-left: 57px;}.banner-paragraph{font-size: 22px;color: #828fad;padding-top: 22px;}.animation-game-section{position: relative;}.all-games{width: 100%;}.animation-game-gif{position: absolute;left: 43%;top: 34%;width: 35%;}@media(max-width:767px){.small-box {padding: 14px 0px 0px;height: 102px;margin-bottom: 19px;}.counter-box {position: relative;text-align: center;}.ar-vr-p p{padding-right: 0px;}.ar-vr-technolog-bg {height: auto;}.Technology-img{margin-top: -30px;width: 100%;margin-left: 0px;}.banner-paragraph {font-size: 14px !important;padding-top: 10px !important;}.mobile-app-col-7 {padding-left: 20px;}}.left-img-sec {border-radius: 20px;box-shadow: 0px 10px 20px #000c5114;}.img-x1 {margin: -31px 0px 0px 107px;}.img-sap {margin: -22px 0px 0px 123px;}.img-sap1 {margin: 23px 0px 0px 44px;}.img-roku {margin: 0px 0px 0px 96px;}.img-roku1 {margin: 0px 0px 0px 156px;}.img-braze {margin: 0px 0px 0px 48px;}.img-braze1 {margin: 0px 0px 0px -29px;}.img-aws {margin: -69px 0px 0px 67px;}.img-aws1 {margin: 0px 0px -51px 19px;}.img-dotcms {margin: 17px 0px 0px 74px;}.img-dotcms1 {margin: -125px 0px 0px -25px;}.img-x1 {position: relative;display: inline-block;}.img-x1 .tooltiptext {visibility: hidden;width: 120px;background-color: black;color: #fff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 100%;left: 50%;margin-left: -60px;}.img-x1:hover .tooltiptext {visibility: visible;}.choose-box {width: 88%;background-color: #fff;padding: 28px 25px 14px;box-shadow: 0px 10px 20px #dde2ff63;border-radius: 20px;margin: 0px 16px;height: 201px;text-align: center;margin-bottom: 47px;}.choose-box p {font-size: 18px;line-height: 24px;color: #000c51;padding-top: 17px;}.choose-bg {background-position: top;background-repeat: no-repeat;}.choose1 {margin-top: 150px !important;}.choose2 {margin-top: 50px !important;}.kind-of-box {width: 197px;background-color: #fff;box-shadow: 0px 50px 40px #42d6fc1f;text-align: center;height: 190px;border-radius: 20px;padding: 0px 0px;margin-bottom: 28px;}.kind-of-box p {padding-top: 3px;font-size: 19px;color: #000c51;}.kind-of-box img {width: 100%;}.king-p {font-size: 20px;color: #828fad;}.service-banner {width: 100%;margin-left: 15px;}.ios-solution p {font-size: 22px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 34px;}.social-care h6 {font-size: 24px;color: #000c51;line-height: 34px;margin-top: 30px;margin-bottom: -6px;}.social-care p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 87px;}.social-care-img img {box-shadow: 10px 20px 30px #0000001c;border-radius: 37px;}.social-care-img {text-align: right;}.ios-app-dev p {font-size: 20px;color: #828fad;margin-top: 32px;}.ios-app-dev-bg {padding: 24px 0 24px;}.ios-box {width: 100%;background-color: #fff;padding: 28px 23px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 18px 0px;height: 400px;}.ios-box h4 {font-size: 23px;color: #000c51;line-height: 35px;padding: 15px 0px 13px;font-family: "CircularStdBold";}.ios-box p {font-size: 18px;line-height: 32px;color: #828fad;}.Reach-p p {font-size: 26px;color: #828fad;margin-top: 18px;}.devices {text-align: center;}.devices p {font-size: 22px;color: #000c51;padding-top: 18px;}.ios-app-box {background: #fff;padding: 13px 20px;font-size: 22px;font-family: "CircularStdBold";color: #000c51;border-radius: 20px;box-shadow: 0px 10px 20px #dde2ff59;margin-bottom: 30px;}.ios-app-box p {font-size: 22px;margin: 6px 0px;font-family: "CircularStdBold";color: #000c51;}.ios-mobile-box {background: #fff;padding: 27px 32px;font-family: "CircularStdBold";color: #000c51;border-radius: 20px;box-shadow: 0px 10px 20px #dde2ff61;margin-bottom: 54px;height: 347px;}.ios-mobile-box h4 {font-family: "CircularStdBold";font-size: 22px;color: #000c51;padding-bottom: 9px;}.ios-mobile-box p {font-size: 14px;line-height: 34px;color: #828fad;}.Market-box {background: #fff;padding: 31px 20px;font-size: 22px;font-family: "CircularStdBold";color: #000c51;border-radius: 20px;box-shadow: 0px 20px 40px #f77d331c;margin-bottom: 30px;text-align: center;width: 250px;}.Market-box h5 {font-size: 22px;margin: 6px 0px;font-family: "CircularStdBold";color: #000c51;}.mobile-market-ul {padding: 79px 30px 0px 30px;}.mobile-market-ul ul {list-style: none;}.mobile-market-ul ul li {display: -webkit-inline-box;margin: -11px 16px;}.mobile-market-ul ul li img {margin-right: 11px;}.mobile-market-ul ul li p {font-size: 20px;font-family: "CircularStdBold";color: #000c;}.ios-margin {margin: 0px 72px 0px 35px !important;}.windows-margin {margin: 0px 12px 0px 56px !important;}.Market-box:hover {background-color: #F77D33;}.Market-box:hover h5 {color: #fff;}.choose-box1 {width: 200px;background-color: #fff;padding: 28px 25px 14px;box-shadow: 0px 10px 20px #dde2ff63;border-radius: 20px;margin: 0px 2px;text-align: center;margin-bottom: 47px;height: 200px;position: relative;z-index: 1;}.choose-box1 p {font-size: 18px;line-height: 24px;color: #000c51;padding-top: 21px;}.related-img > img {position: absolute;z-index: 0;top: 92px;left: 194px;}.choose-box2 {margin-top: 65px;}.benefit-box {width: 100%;background-color: #fff;padding: 23px 23px 14px;box-shadow: 0px 10px 20px #dde2ff70;border-radius: 20px;margin: 18px 0px;height: 153px;}.benefit-box ul {list-style: none;}.benefit-box ul li {display: flex;align-items: center;}.benefit-box ul li img {padding: 15px 20px 10px 0px;}.benefit-box ul li p {font-size: 22px;color: #000c51;line-height: 30px;font-family: "CircularStdRegular";margin-bottom: 0;}.hospital-box {width: 200px;background-color: #fff;padding: 10px;box-shadow: 0px 10px 20px #dde2ff63;border-radius: 20px;margin: 0px 27px;height: 201px;text-align: center;margin-bottom: 47px;}.inner-box {background-color: #fef1f2;border-radius: 20px;height: 181px;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 20px;font-family: "CircularStdBold";line-height: 27px;color: #f5808b;}.hospital-box .inner-box p {margin-bottom: 0px;}.hospital-color-box {background-color: #fff5ee !important;color: #ff9f59 !important;}.hospital-color-box1 {background-color: #fdedf3 !important;color: #ea4d89 !important;}.hospital-color-box2 {background-color: #ebeeff !important;color: #f77d33 !important;}.hospital-color-box3 {background-color: #ecfbf5 !important;color: #45d49a !important;}.hospital-color-box4 {background-color: #f0eaff !important;color: #6b36ff !important;}.hospital-color-box5 {background-color: #eefaff !important;color: #59c9ff !important;}.hospital-color-box6 {background-color: #ffeafc !important;color: #ff36de !important;}.health-dev-box {width: 100%;background-color: #fff;box-shadow: 0px 50px 40px #dde2ff45;height: 170px;border-radius: 20px;padding: 26px 30px;margin-bottom: 30px;}.health-dev-box h4 {font-size: 22px;color: #000c51;font-family: "CircularStdBold";line-height: 30px;}.health-dev-box p {font-size: 15px;color: #828fad;line-height: 31px;}.custom-box {width: 100%;background-color: #fff;padding: 30px 25px 14px;box-shadow: 0px 10px 20px #dde2ff70;border-radius: 20px;margin: 18px 0px;height: 314px;}.custom-box h5 {font-size: 22px;font-family: "CircularStdBold";line-height: 34px;color: #000c51;margin-bottom: 46px;}.custom-box h5::after {content: "";height: 6px;width: 24%;background: #f77d33;position: absolute;left: calc(50% - 10%);top: 136px;left: 40px;border-radius: 20px;}.custom-box p {font-size: 16px;color: #828fad;line-height: 30px;}.Standard p {font-size: 19px;color: #828fad;margin-top: 24px;line-height: 34px;}.Standard h4 {margin-bottom: -17px;}.healthcare-soft-box {width: 100%;background-color: #fff;padding: 0px 20px;box-shadow: 0px 10px 20px #dde2ff70;border-radius: 20px;margin: 0px 0px 60px;height: 120px;display: flex;align-items: center;justify-content: center;}.healthcare-soft-box ul {list-style: none;margin-bottom: 0;}.healthcare-soft-box ul li {display: -webkit-inline-box;}.healthcare-soft-box ul li img {padding: 8px 17px 10px 0px;}.healthcare-soft-box ul li p {font-size: 22px;color: #000c51;line-height: 30px;font-family: "CircularStdRegular";margin-bottom: 0px;}.healthcare-soft-1 {margin-left: 79px;margin-top: 69px;}.healthcare-soft-2 {margin-left: -40px;}.healthcare-soft-3 {margin-left: 85px;}.healthcare-soft-4 {margin-left: -81px;margin-top: 69px;}.healthcare-soft-5 {margin-left: 40px;}.healthcare-soft-6 {margin-left: -85px;}.top-notch p {font-size: 20px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 36px;}.augment-bg {background-position: top;background-repeat: no-repeat;padding-top: 100px;}.augment-sec {padding: 46px 0 0;position: relative;padding-top: 100px;padding-bottom: 30px;}.ios-app-box p {font-size: 22px;margin: 6px 0px;font-family: "CircularStdBold";color: #000c51;}.ios-mobile-box {background: #fff;padding: 22px 24px;font-family: "CircularStdBold";color: #000c51;border-radius: 20px;box-shadow: 0px 10px 20px #dde2ff61;margin-bottom: 54px;height: 330px;}.ios-mobile-box h4 {font-family: "CircularStdBold";font-size: 22px;color: #000c51;padding-bottom: 9px;}.ios-mobile-box p {font-size: 14px;line-height: 29px;color: #828fad;}.Market-box {background: #fff;padding: 31px 20px;font-size: 22px;font-family: "CircularStdBold";color: #000c51;border-radius: 20px;box-shadow: 0px 20px 40px #f77d331c;margin-bottom: 30px;text-align: center;width: 250px;}.Market-box h5 {font-size: 22px;margin: 6px 0px;font-family: "CircularStdBold";color: #000c51;}.mobile-market-ul {padding: 79px 30px 0px 30px;}.mobile-market-ul ul {list-style: none;}.mobile-market-ul ul li {display: -webkit-inline-box;margin: -11px 16px;}.mobile-market-ul ul li img {margin-right: 11px;}.mobile-market-ul ul li p {font-size: 20px;font-family: "CircularStdBold";color: #000c;}.ios-margin {margin: 0px 72px 0px 35px !important;}.windows-margin {margin: 0px 12px 0px 56px !important;}.Market-box:hover {background-color: #F77D33;}.Market-box:hover h5 {color: #fff;}.choose-box1 {width: 200px;background-color: #fff;padding: 28px 25px 14px;box-shadow: 0px 10px 20px #dde2ff63;border-radius: 20px;margin: 0px 2px;text-align: center;margin-bottom: 47px;height: 200px;position: relative;z-index: 1;}.choose-box1 p {font-size: 18px;line-height: 24px;color: #000c51;padding-top: 21px;}.related-img > img {position: absolute;z-index: 0;top: 92px;left: 194px;}.choose-box2 {margin-top: 65px;}.benefit-box {width: 100%;background-color: #fff;padding: 23px 23px 14px;box-shadow: 0px 10px 20px #dde2ff70;border-radius: 20px;margin: 18px 0px;height: 153px;}.benefit-box ul {list-style: none;}.benefit-box ul li {display: flex;align-items: center;}.benefit-box ul li img {padding: 15px 20px 10px 0px;}.benefit-box ul li p {font-size: 22px;color: #000c51;line-height: 30px;font-family: "CircularStdRegular";}.hospital-box {width: 200px;background-color: #fff;padding: 10px;box-shadow: 0px 10px 20px #dde2ff63;border-radius: 20px;margin: 0px 27px;height: 201px;text-align: center;margin-bottom: 47px;}.inner-box {background-color: #fef1f2;border-radius: 20px;height: 181px;text-align: center;display: flex;justify-content: center;align-items: center;font-size: 20px;font-family: "CircularStdBold";line-height: 27px;color: #f5808b;}.hospital-box .inner-box p {margin-bottom: 0px;}.hospital-color-box {background-color: #fff5ee !important;color: #ff9f59 !important;}.hospital-color-box1 {background-color: #fdedf3 !important;color: #ea4d89 !important;}.hospital-color-box2 {background-color: #ebeeff !important;color: #f77d33 !important;}.hospital-color-box3 {background-color: #ecfbf5 !important;color: #45d49a !important;}.hospital-color-box4 {background-color: #f0eaff !important;color: #6b36ff !important;}.hospital-color-box5 {background-color: #eefaff !important;color: #59c9ff !important;}.hospital-color-box6 {background-color: #ffeafc !important;color: #ff36de !important;}.health-dev-box {width: 100%;background-color: #fff;box-shadow: 0px 50px 40px #dde2ff45;height: 170px;border-radius: 20px;padding: 26px 30px;margin-bottom: 30px;}.health-dev-box h4 {font-size: 22px;color: #000c51;font-family: "CircularStdBold";line-height: 30px;}.health-dev-box p {font-size: 15px;color: #828fad;line-height: 31px;}.custom-box {width: 100%;background-color: #fff;padding: 30px 25px 14px;box-shadow: 0px 10px 20px #dde2ff70;border-radius: 20px;margin: 18px 0px;height: 314px;}.custom-box h5 {font-size: 22px;font-family: "CircularStdBold";line-height: 34px;color: #000c51;margin-bottom: 46px;}.custom-box h5::after {content: "";height: 6px;width: 24%;background: #f77d33;position: absolute;left: calc(50% - 10%);top: 136px;left: 40px;border-radius: 20px;}.custom-box p {font-size: 16px;color: #828fad;line-height: 30px;}.Standard p {font-size: 19px;color: #828fad;margin-top: 24px;line-height: 34px;}.Standard h4 {margin-bottom: -17px;}.healthcare-soft-box {width: 100%;background-color: #fff;padding: 0px 20px;box-shadow: 0px 10px 20px #dde2ff70;border-radius: 20px;margin: 0px 0px 60px;height: 120px;display: flex;align-items: center;justify-content: center;}.healthcare-soft-box ul {list-style: none;margin-bottom: 0;}.healthcare-soft-box ul li {display: flex;align-items: center;}.healthcare-soft-box ul li img {padding: 8px 17px 10px 0px;}.healthcare-soft-box ul li p {font-size: 21px;color: #000c51;line-height: 30px;font-family: "CircularStdRegular";margin-bottom: 0px;}.healthcare-soft-1 {margin-left: 79px;margin-top: 69px;}.healthcare-soft-2 {margin-left: -40px;}.healthcare-soft-3 {margin-left: 85px;}.healthcare-soft-4 {margin-left: -81px;margin-top: 69px;}.healthcare-soft-5 {margin-left: 40px;}.healthcare-soft-6 {margin-left: -85px;}.top-notch p {font-size: 20px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 36px;}.programming-languages-box {width: 98%;background-color: #fff;padding: 17px 17px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px auto;height: 403px;}.programming-languages-box h4 {font-size: 26px;color: #000c51;line-height: 35px;padding: 25px 0px 0px;font-family: "CircularStdBold";}.programming-languages-box p {font-size: 16px;line-height: 29px;color: #828fad;font-family: "CircularStdRegular";}.apart {width: 100%;background-color: #fff;padding: 20px 20px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px auto;height: 514px;}.apart h4 {font-size: 26px;color: #000c51;line-height: 35px;padding: 25px 0px 8px;font-family: "CircularStdBold";}.apart p {font-size: 19px;line-height: 33px;color: #828fad;font-family: "CircularStdRegular";}.game-apart {width: 97%;background-color: #fff;padding: 23px 20px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px auto;height: 608px;}.game-apart h4 {font-size: 26px;color: #000c51;line-height: 35px;padding: 25px 0px 14px;font-family: "CircularStdBold";}.game-apart p {font-size: 19px;line-height: 31px;color: #828fad;font-family: "CircularStdRegular";}.gaming-app .game-apart{height: 418px;}@-webkit-keyframes scroll {0% {transform: translateX(0);}100% {transform: translateX(calc(-250px * 7));}}@keyframes scroll {0% {transform: translateX(0);}100% {transform: translateX(calc(-250px * 7));}}.slider {background: white;height: 100px;overflow: hidden;position: relative;}.slider::before, .slider::after {background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);content: "";height: 100px;position: absolute;width: 200px;z-index: 2;}.slider::after {right: 0;top: 0;transform: rotateZ(180deg);}.slider::before {left: 0;top: 0;}.slider .slide-track {-webkit-animation: scroll 40s linear infinite;animation: scroll 40s linear infinite;display: flex;width: calc(250px * 14);}.slider .slide {height: 100px;width: 250px;}.award-box {width: 100%;background-color: #fff;padding: 28px 30px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 18px 0px;height: 400px;}.award-box p {font-size: 25px;line-height: 35px;color: #000c51;font-family: "CircularStdBold";padding-top: 12px;}.award-box h4 {font-size: 30px;color: #828fad;line-height: 34px;padding: 9px 0px 13px;}.main-banner {width: 75%;margin-left: 25%;}.AR-tech-overview {width: 88%;background-color: #fff;padding: 28px 25px 14px;box-shadow: 0px 10px 20px #dde2ff63;border-radius: 20px;margin: 0px 16px;min-height: 200px;text-align: center;margin-bottom: 40px;}.AR-tech-overview-bg {background-position: center;background-repeat: no-repeat;}.AR-tech-overview p {font-size: 18px;line-height: 24px;color: #000c51;padding-top: 17px;}.AR-tech-overview {background-position: center;background-repeat: no-repeat;}.choose1 {margin-top: 150px;}.choose2 {margin-top: 50px;}.augment-bg {background-position: top;background-repeat: no-repeat;padding-top: 100px;}.augment-sec {padding: 46px 0 0;position: relative;padding-top: 100px;padding-bottom: 30px;}.augment-box {width: 100%;background-color: #fff;padding: 25px 12px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 0px 0px;min-height: 600px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);}.augment-box-zoom:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: transform 1s ease;}.augment-box h4 {font-size: 24px;color: #000c51;line-height: 28px;padding: 10px 0px;font-family: "CircularStdBold";text-align: center;}.augment-box p {font-size: 18px;line-height: 30px;color: #828fad;text-align: center;}.augment-box img {display: block;margin: auto;}.augmented-reality {background-position: center;background-repeat: no-repeat;}.augmented-reality-text > p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.augmented-reality-img {text-align: right;}.build-intelligent-AR {background-position: center;background-repeat: no-repeat;height: 500px;}.AR-app-development {margin-top: 50px;}.AR-app-development-box {background-color: white;min-height: 300px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin-bottom: 50px;}.AR-app-development-box h3 {font-size: 30px;line-height: 60px;padding-right: 20px;color: #000c51;font-family: "CircularStdBold";}.AR-app-development-box p {font-size: 18px;color: #828fad;line-height: 34px;padding-right: 10px;}.AR-plateforms {min-height: 500px;}.AR-plateforms-bg {background-position: center;background-repeat: no-repeat;padding-bottom: 11px;min-height: 500px;}.AR-plateforms-bg p {font-size: 20px;line-height: 28px;color: #828fad;text-align: left;padding: 5px 0px;}.AR-plateforms-bg h2 {font-size: 42px;font-weight: 400;line-height: 48px;color: #000c51;font-family: "CircularStdBold";}.AR-plateforms-box {background-color: white;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);min-height: 200px;border-radius: 20px;width: 90%;display: block;margin: auto;margin-bottom: 30px;}.AR-plateforms-box img {display: block;margin: auto;padding: 30px 10px;}.AR-plateforms-box p {font-size: 22px;line-height: 28px;color: #000c51;text-align: center;padding: 5px 0px;}.hire-AR-developers {margin-top: 50px;}.hire-AR-developers-box {background-color: white;min-height: 520px;border-radius: 15px;-webkit-box-shadow: 0px 18px 20px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 18px 20px 0px rgba(0, 0, 0, 0.1);padding: 20px;margin: 20px 20px;}.hire-AR-developers-box h3 {font-size: 22px;line-height: 26px;color: #000c51;font-family: "CircularStdBold";}.hire-AR-developers-box h4 {margin-top: 10px;font-size: 18px;line-height: 22px;color: #000c51;font-family: "CircularStdBold";}.hire-AR-developers-box p {font-size: 14px;line-height: 14px;color: #828fad;text-align: left;padding: 0px 5px;}#awards-button {float: right;font-size: 20px;}#blogs-button {font-size: 20px;}footer .social-icons {float: right;}.iot-tabs {width: 90%;margin-left: 5%;background-color: white;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;min-height: 425px;}.iot-tabs h4 {font-size: 26px;color: #000c51;line-height: 35px;padding: 10px 0px;font-family: "CircularStdBold";}.iot-tabs p {font-size: 16px;line-height: 30px;color: #828fad;}.Industry-Specific {width: 97%;background-color: #fff;padding: 28px 32px 14px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);border-radius: 20px;margin: 23px 6px;height: 470px;}.iot-skill-matrix {background-position: center;background-repeat: no-repeat;}.iot-skill-matrix-box > p {font-size: 18px;color: #828fad;margin-top: 20px;line-height: 30px;padding-right: 40px;}.iot-skill-matrix-box ul {margin-top: 20px;font-size: 18px;color: #828fad;list-style: none;padding-left: 0px;padding-right: 19px;}.iot-skill-matrix-box ul li {line-height: 30px;display: -webkit-box;}.iot-skill-matrix-box ul li img {margin-right: 20px;}.iot-skill-matrix-box ul li p {margin-bottom: 2px;}.iot-development-company {margin-top: 50px;}.owl-slider2 {border-radius: 20px !important;max-height: 483px;min-height: 483px;margin: 12px 9px 30px 8px;padding: 30px 30px;box-shadow: 0px 10px 20px #dde2ff59;}.iot-development-company-box {background-color: white;border-radius: 15px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 20px;}.iot-development-company-box h3 {font-size: 22px;line-height: 26px;color: #000c51;font-family: "CircularStdBold";}.iot-development-company-box h4 {margin-top: 10px;font-size: 22px;line-height: 30px;text-align: center;color: #000c51;font-family: "CircularStdBold";}.iot-development-company-box p {font-size: 14px;line-height: 14px;color: #828fad;text-align: left;padding: 0px 5px;}.iot-development-company-box2 {background-color: white;border-radius: 15px;margin: 20px 20px;}.iot-development-company-box-left {background-color: white;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);min-height: 200px;border-radius: 20px;width: 48%;margin-right: 2%;}.iot-development-company-box-right {background-color: white;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);min-height: 200px;border-radius: 20px;width: 48%;margin-left: 2%;}.iot-development-company-flexbox {display: flex;margin: 30px 0px;}.iot-development-company-box-left img, .iot-development-company-box-right img {display: block;margin: auto;padding: 30px 10px;}.iot-development-company-box-left p, .iot-development-company-box-right p {font-size: 18px;line-height: 24px;color: #000c51;text-align: center;}.AR-app-development {margin-top: 50px;}.iot-app-development-box-row1 {background-color: white;min-height: 200px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 0px;}.iot-app-development-box-row2 {background-color: white;min-height: 250px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 0px;}.iot-app-development-box-row3 {background-color: white;min-height: 250px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 0px;}.iot-app-development-box-row4 {background-color: white;min-height: 150px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 0px;}.iot-app-development-box-row5 {background-color: white;min-height: 220px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 0px;}.iot-app-development-box-row1 h3, .iot-app-development-box-row2 h3, .iot-app-development-box-row3 h3, .iot-app-development-box-row4 h3, .iot-app-development-box-row5 h3 {font-size: 30px;line-height: 35px;color: #000c51;font-family: "CircularStdBold";}.iot-app-development-box-row1 p, .iot-app-development-box-row2 p, .iot-app-development-box-row3 p, .iot-app-development-box-row4 p, .iot-app-development-box-row5 p {font-size: 18px;color: #828fad;line-height: 28px;padding-right: 40px;}.heading-text-left h2 {text-align: left !important;}.heading-text-left p {text-align: left !important;font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.custom-iot-solution {margin-top: 50px;}.custom-iot-solution-box {background-color: white;min-height: 520px;border-radius: 15px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin: 20px 20px;}.custom-iot-solution-box h3 {font-size: 22px;line-height: 34px;color: #000c51;font-family: "CircularStdBold";}.hire-AR-developers-box h4 {margin-top: 10px;font-size: 18px;line-height: 22px;color: #000c51;font-family: "CircularStdBold";}.custom-iot-solution-box p {font-size: 16px;line-height: 24px;color: #828fad;text-align: left;padding: 0px 5px;}.roadmap-of-iot-app-development {margin-top: 50px;margin-bottom: 100px;padding-bottom: 20px;}.roadmap-of-iot-app-development-box, .roadmap-flexbox {display: flex;}.roadmap-of-iot-app-development-img-box {width: 30%;margin-top: 80px;}.angle-img-even {float: right;}.roadmap-of-iot-app-development-content-box {width: 70%;background-color: white;border-radius: 15px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;height: 160px;}.roadmap-of-iot-app-development-content-box p {color: #828fad;padding: 20px 0px;font-size: 18px;line-height: 34px;}.roadmap-flexbox-left {width: 90%;}.roadmap-flexbox-left h5 {font-size: 22px;line-height: 30px;color: #000c51;}.roadmap-flexbox-left h5 img {float: left;padding: 0px 20px 0px 0px;}.roadmap-flexbox-right {width: 10%;}.roadmap-flexbox-right h1 {color: #828fad33;}.developing-Virtual p {font-size: 26px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 38px;}.Industry-Specific {width: 97%;background-color: #fff;padding: 28px 18px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px 6px;height: 470px;}.Industry-Specific h4 {font-size: 22px;color: #000c51;line-height: 30px;padding: 25px 0px 0px;font-family: "CircularStdBold";}.Industry-Specific p {font-size: 18px;line-height: 32px;color: #828fad;font-family: "CircularStdRegular";}.ar-gamming-img {border-radius: 20px;box-shadow: 0px 10px 20px #000c5114;}.Virtual-Tour-img {border-radius: 20px;box-shadow: 0px 10px 20px #000c5114;}.owl-slider2 {border-radius: 20px !important;max-height: 483px;min-height: 483px;margin: 12px 9px 30px 8px;padding: 30px 30px;box-shadow: 0px 10px 20px #dde2ff59;}.owl-slider2 .card-body h5 {font-size: 26px;color: #000c51;padding: 12px 0px 12px;font-family: "CircularStdBold";}.owl-slider2 .card-body p {font-size: 18px;line-height: 28px;color: #828fad !important;}.owl-slider2 .card-body ul {list-style: none;font-size: 18px;line-height: 34px;color: #828fad !important;padding-top: 10px;}.owl-slider2 .card-body ul li {display: inline-flex;}.owl-slider2 .card-body ul li > span {margin-right: 10px;}.vr-box {width: 340px;background-color: #fff;padding: 30px 38px 14px;box-shadow: 0px 10px 20px #dde2ff36;border-radius: 20px;margin: 18px auto;height: 410px;}.vr-box img {padding-bottom: 23px;}.vr-box h5 {font-size: 26px;font-family: "CircularStdBold";line-height: 34px;color: #000c51;margin-bottom: 18px;}.vr-box p {font-family: "CircularStdRegular";font-size: 16px;color: #828fad;line-height: 30px;}.tab {float: left;border: 0px solid #ccc;background-color: transparent;width: 18%;height: auto;}.tab button {display: block;background-color: inherit;color: #000c51;padding: 19px 16px;width: 140%;border: none;text-align: left;cursor: pointer;font-family: "CircularStdBold";}.tab button:hover {background-color: transparent;}.tab button.active {background-color: transparent;}.tabcontent {float: left;border: 0px solid #ccc;width: 80%;border-left: none;height: auto;}.research {height: 370px;background-color: white;border-radius: 20px;margin-top: 25px;width: 100%;padding-left: 4%;padding-top: 4%;}.space {font-size: 20px;font-family: "CircularStdBold";margin-left: 30px;position: absolute;line-height: 25px;color: #000c51;}.research2, .research3, .research4, .research5, .research6, .research7 {margin-top: 35px;}.box-h3 {font-size: 34px;font-family: "CircularStdBold";margin-top: 15px;color: #000c51;}button:focus {outline: 1px dotted;outline: 0px auto -webkit-focus-ring-color !important;}.SEO-Services-box {width: 100%;background-color: #fff;padding: 41px 35px 28px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;}.SEO-Services-box h4 {font-size: 22px;font-weight: 400;color: #000c51;padding-bottom: 19px;}.SEO-Services-box ul {list-style: none;padding: 0;padding-top: 23px;}.SEO-Services-box ul li {display: inline-flex;color: #828fad;font-size: 14px;line-height: 34px;}.SEO-Services-box ul li > span {padding-right: 10px;}.ai-benifit-your-business-img {background-repeat: no-repeat;background-position: right;background-size: 80%;}.ai-benifit-your-business-img img {margin-top: 20%;margin-right: 50%;filter: brightness(70%);}.accordions a {display: block;margin: auto;width: 260px;}.ai-capabilities-bg {background-repeat: no-repeat;background-size: 37% 100%;}.heading-text-left h2 {text-align: left !important;}.heading-text-left p {text-align: left !important;padding: 25px 0px !important;}.ai-capabilities-flexbox {display: flex;}.ai-capabilities-box1 {width: 20%;}.ai-capabilities-box2 {width: 80%;}.cb-top {width: 100%;padding: 0px 25px;}.cb-top img {margin: 0px 0px;}.cb-bottom {width: 100%;padding: 25px;min-height: 150px;}.cb-bottom img {margin: 0px 45px;display: block;}.cb-content-top {padding: 10px 0px;}.cb-content-bottom {width: 100%;min-height: 150px;padding: 10px 0px;}.cb-content-top h2 {font-size: 44px;font-weight: 400;line-height: 58px;color: #000c51;font-family: "CircularStdBold";}.cb-content-bottom p {font-size: 20px;line-height: 34px;color: #828fad;}.capability {padding: 25px 0px;font-size: 42px;font-weight: 400;line-height: 45px;color: #000c51;font-family: "CircularStdBold";}.what-we-done {background-position: center;background-repeat: no-repeat;}.row2 {margin-top: 50px;}.what-we-done-text > p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.what-we-done-img {text-align: right;}.what-we-done-tabs {width: 100%;margin-left: 5%;background-color: white;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;min-height: 420px;}.what-we-done-tabs:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: transform 1s ease;}.wwd-footer {background-size: cover;background-repeat: no-repeat;}.what-we-done-tabs h4 {font-size: 24px;color: #000c51;line-height: 28px;padding: 10px 0px;font-family: "CircularStdBold";}.what-we-done-tabs p {font-size: 18px;line-height: 24px;color: #828fad;}.wwd-footer-box ul {margin: 30px;font-size: 18px;color: white;}.wwd-footer-box ul li {margin-top: 20px;line-height: 30px;display: -webkit-box;}.wwd-footer-box ul li img {margin-right: 20px;}.wwd-footer-box ul li p {margin-bottom: 2px;}.machine-learning-process h2 {font-size: 42px;font-weight: 400;line-height: 48px;color: #000c51;font-family: "CircularStdBold";margin: 100px 0px;}.machine-learning-process h2 > span {color: #f77d33;}.machine-learning-process {background-repeat: no-repeat;background-size: cover;}.mlp-box {background-color: white;display: block;margin: auto;margin-bottom: 50px;border-radius: 20px;min-height: 291px;}.mlp-box img {display: block;margin: auto;padding: 20px 0px;}.mlp-box p {text-align: center;margin: 10px;min-height: 75px;}.underline ::before {border-top: 3px solid #f77d33;content: "";margin: 0 auto;position: absolute;top: 40%;left: 50%;right: 0;bottom: 0;width: 100%;z-index: -1;}body {overflow-x: hidden;}section {overflow-x: hidden;overflow-y: hidden;}.benifits-of-rpa-box {width: 100%;background-color: #fff;padding: 28px 10px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 20px 0px;min-height: 540px;}.benifits-of-rpa-box h4 {font-size: 26px;color: #000c51;line-height: 35px;padding: 15px 0px;font-family: "CircularStdBold";}.benifits-of-rpa-box p {font-size: 16px;line-height: 24px;color: #828fad;}.process-bg {background-position: top;background-repeat: no-repeat;}.benifits-of-rpa {padding: 46px 0 0;position: relative;}.benifits-of-rpa-description {width: 70%;display: block;margin: auto;}.benifits-from-rpa {margin: 5% 0%;}#servics-button {font-size: 20px;}.capabilities-right {float: right;}.rpa-differ {margin-top: 50px;}.rpa-differ-box {background-color: white;min-height: 200px;border-radius: 20px;-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);padding: 20px;margin: 50px 0px;}.rpa-differ-box h3 {font-size: 30px;line-height: 35px;color: #000c51;font-family: "CircularStdBold";}.rpa-differ-box p {font-size: 18px;color: #828fad;margin-top: 5px;line-height: 28px;padding-right: 40px;}.why-choose-fad {margin: 50px;}.why-choose-fad img {display: block;margin: auto;}.why-choose-fad h3 {text-align: center;margin-top: 20px;color: #000c51;font-family: "CircularStdBold";}.benifits-of-flutter-mobile-app-dev {background-position: center;background-repeat: no-repeat;}.heading-text-heading {padding: 30px 30px;}.best-flutter-app-development {margin-top: 50px;padding: 50px 0px;}.best-flutter-app-development-box {background-color: white;min-height: 400px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;margin-top: 25px;}.best-flutter-app-development-box h3 {font-size: 26px;line-height: 34px;color: #000c51;font-family: "CircularStdBold";}.best-flutter-app-development-box p {font-size: 16px;color: #828fad;margin-top: 24px;line-height: 28px;padding-right: 40px;}.flutter-app-development-ind-sol {background-size: 90% 90%;background-repeat: no-repeat;background-position: center;}.ind-sol-flexbox {display: flex;}.ind-sol-flexbox1 {width: 33%;}.ind-sol-flexbox2 {width: 34%;}.ind-sol-flexbox3 {width: 33%;}.ind-sol-icon3 {margin-left: 30px;}.ind-sol-icon5 {float: right;}.ind-sol-icon6 {float: right;}.ind-sol-icon7 {float: left;margin-top: 35px;margin-left: -30px;}.ind-sol-icon8 {margin-top: 35px;margin-left: 30px;}.ben-flutter-mobile-app-dev-tabs {width: 90%;margin-left: 5%;background-color: white;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 20px;min-height: 460px;}.ben-flutter-mobile-app-dev-tabs:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: transform 1s ease;}.ben-flutter-mobile-app-dev-tabs h4 {font-size: 24px;color: #000c51;line-height: 28px;padding: 10px 0px;font-family: "CircularStdBold";}.ben-flutter-mobile-app-dev-tabs p {font-size: 18px;line-height: 24px;color: #828fad;}.app-dev-expertise {background-position: center;background-repeat: no-repeat;border-radius: 20px;}.app-dev-expertise-box {background-color: white;min-height: 300px;margin: 50px 10px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);}.app-dev-expertise-box img {display: block;margin: auto;padding: 30px;}.app-dev-expertise-box p {font-size: 20px;line-height: 28px;color: #000c51;text-align: center;}.Our-Expertise-box {width: 527px;background-color: #fff;padding: 26px 30px 26px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 0px auto;height: 585px;}.Our-Expertise-box h4 {font-family: "CircularStdBold";font-size: 20px;line-height: 30px;color: #000c51;}.Our-Expertise-box p {color: #828fad;line-height: 40px;font-size: 16px;}.Our-Expertise-box ul {list-style: none;}.Our-Expertise-box ul li {display: -webkit-box;line-height: 40px;font-size: 18px;color: #000c51;}.Our-Expertise-box ul li span {padding-right: 10px;}.Our-Java-box {width: 100%;background-color: #fff;padding: 20px 20px 16px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px 0px;height: 454px;}.Our-Java-box h4 {font-size: 22px;font-family: "CircularStdBold";color: #000c51;line-height: 30px;}.Our-Java-box p {font-size: 14px;line-height: 34px;color: #828fad;padding-top: 11px;}.resion-box {width: 100%;background-color: #fff;padding: 20px 20px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 18px 0px;height: 484px;}.resion-box h4 {font-size: 19px;color: #000c51;line-height: 26px;padding: 15px 0px 0px;font-family: "CircularStdBold";}.resion-box p {font-size: 14px;line-height: 30px;color: #828fad;}.lang {margin-top: 253%;}.lang2 {margin-top: 195%;}.lang h2 {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);font-size: 136px;font-family: "CircularStdBold";color: #000c51;line-height: 181px;transform: matrix(0, -1, 1, 0, 0, 0);}.lang2 h2 {-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg);font-size: 118px;font-family: "CircularStdBold";color: #000c51;line-height: 181px;transform: matrix(0, -1, 1, 0, 0, 0);}.lang-box {width: 220px;height: 50px;border-radius: 14px;background: #ffffff 0% 0% no-repeat padding-box;box-shadow: 0px 10px 20px #dde2ff80;margin-bottom: 16px;}.lang-box p {font-size: 20px;font-family: "CircularStdBold";color: #000c51;margin-bottom: 0;padding: 10px 16px;}.lang-box1 {width: 560px;height: 50px;border-radius: 14px;background: #ffffff 0% 0% no-repeat padding-box;box-shadow: 0px 10px 20px #dde2ff80;margin-bottom: 16px;}.lang-box1 p {font-size: 20px;font-family: "CircularStdBold";color: #000c51;margin-bottom: 0;padding: 10px 16px;}.bancked {margin-left: -126px;}.flutter-app-development-ind-sol {background-size: 90% 90%;background-repeat: no-repeat;background-position: center;}.ind-sol-flexbox {display: flex;}.ind-sol-flexbox1 {width: 33%;}.ind-sol-flexbox2 {width: 34%;}.ind-sol-flexbox3 {width: 33%;}.ind-sol-icon1 {margin-top: 145px !important;}.ind-sol-icon3 {margin-left: 30px;}.ind-sol-icon5 {float: right;}.ind-sol-icon6 {float: right;}.ind-sol-icon7 {float: none;margin-top: 54px;margin-left: -54px;}.ind-sol-icon8 {margin-top: 35px;margin-left: 30px;}#loading {-webkit-animation: rotation 25s infinite linear;}@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}.Create-img {position: relative;}.Create-img-2 {position: absolute;top: 261px;left: 104px;}.socal-links-img-p {font-size: 20px;font-family: "CircularStdBold";padding-left: 10px;padding-top: 12px;}.Technology {float: right;margin-left: 63px;}.Aviation {margin-left: -50px !important;margin-top: 63px !important;}.Auto-Mobile {float: right;}.Security {margin-top: 89px !important;float: left;}.tools-Using-React-Native {width: 97%;background-color: #fff;padding: 28px 20px 14px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px auto;height: 475px;}.tools-Using-React-Native h4 {color: #000c51;line-height: 35px;padding: 25px 0px 0px;font-family: "CircularStdBold";font-size: 22px;}.tools-Using-React-Native p {font-size: 17px;line-height: 31px;color: #828fad;font-family: "CircularStdRegular";}ul.prepare-enterprises li {display: inline-block !important;width: 32%;}.cloud-app-dev h2 {font-size: 44px;font-weight: 400;line-height: 62px;color: #000c51;font-family: "CircularStdBold";}.cloud-app-dev h2 > span {color: #f77d33;}.cloud-app-dev-p p {font-size: 26px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 38px;}.who-use-cloud-base-services h2 {font-size: 44px;font-weight: 400;line-height: 52px;color: #000c51;font-family: "CircularStdBold";}.who-use-cloud-base-services h2 > span {color: #f77d33;}.who-use-cloud-base-services-p p {font-size: 26px;color: #828fad;margin-top: 40px;padding-right: 23px;line-height: 38px;}.Cloud-computing-solutions h2 {font-size: 44px;font-weight: 400;line-height: 62px;color: #000c51;font-family: "CircularStdBold";text-align: center;}.Cloud-computing-solutions h2 > span {color: #f77d33;}.Cloud-computing-solutions-p p {font-size: 20px;color: #828fad;text-align: center;margin-top: 40px;padding-right: 23px;line-height: 34px;}.carousel-control {width: 0px !important;}.intro-cloud-based-services {margin-top: 50px;background-color: #f8faff;border-radius: 20px;padding: 50px;}.intro-cloud-based-services h2 {text-align: center;font-size: 64px;font-weight: 400;line-height: 70px;color: #000c51;font-family: "CircularStdBold";padding: 0px 0px 20px 0px;}.intro-cloud-based-services p {text-align: center;font-size: 20px;color: #828fad;line-height: 34px;}.intro-cloud-based-services a {display: block;margin: auto;width: 260px;}.why-adopting-h2 {font-size: 54px !important;font-weight: 400;line-height: 76px !important;color: #000c51;font-family: "CircularStdBold";}.why-adopting-tab-content h3 {font-size: 20px;font-weight: 400;line-height: 28px;color: #000c51;font-family: "CircularStdBold";}.why-adopting {margin-bottom: 100px;}.why-adopting-scrollable {background-repeat: no-repeat;background-position: center;overflow-y: scroll;height: 600px;background-size: cover;overflow-x: hidden;border-radius: 20px;}.why-adopting-nonscrollable {background-repeat: no-repeat;background-position: center;background-size: cover;overflow-x: hidden;overflow-y: hidden;border-radius: 20px;}.why-adopting-scrollable::-webkit-scrollbar {width: 1px;background-color: white;}.why-adopting h2 {font-size: 40px;font-weight: 400;line-height: 58px;color: #000c51;font-family: "CircularStdBold";}.why-adopting h2 > span {color: #f77d33;}.why-adopting p {font-size: 20px;color: #828fad;padding-right: 23px;line-height: 34px;}.why-adopting-tab {padding: 10px;background-color: white;margin: 20px;border-radius: 20px;}.why-adopting-tab-flexbox {display: flex;}.why-adopting-tab-img {width: 20%;}.why-adopting-tab-content {width: 80%;}.why-adopting-tab-content p {font-size: 18px;color: #828fad;padding-right: 23px;line-height: 30px;}.cloud-computing-sol-box {background-position: center;background-repeat: no-repeat;}.cloud-computing-sol-box-text-heading h2 {font-size: 44px;font-weight: 400;line-height: 62px;color: #000c51;font-family: "CircularStdBold";text-align: center;}.cloud-computing-sol-box-text > p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.cloud-computing-sol-box-img {background-color: white;padding: 20%;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);margin-left: 10px;}.cloud-computing-sol-box-img img{width: 100%;}.owl-slider-img {padding: 50px 0px;border-radius: 20px !important;margin: 12px 12px 30px 12px;padding: 35px 30px;display: block;margin: auto;}.carousel-indicators li {background-color: #828fad !important;}.carousel-indicators .active {background-color: #828fad !important;}.who-uses {float: right;background-repeat: no-repeat;background-size: 80% 100%;background-position: right;padding: 100px 0px;}.who-uses img {background-color: white;padding: 40px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);border-radius: 20px;}.empower-your-industry {background-repeat: no-repeat;background-position: center;margin-bottom: 100px;border-radius: 20px;padding: 100px 0px;}.cloud-storage-services {display: flex;}.cloud-storage-services-box1 {padding: 5px;width: 60%;}.cloud-storage-services-box1 img {max-height: 490px;}.cloud-storage-services-box2 {padding: 5px;width: 40%;}.cloud-storage-services-box2-img1 {margin-bottom: 10px;}.aws-content {margin-bottom: 100px;}@media only screen and (max-width: 768px){.tab button{padding: 14px 12px;width: 100%;}.img-cloud-left{display: none;}.img-cloud-right{display: none;}.img-cloud-center img{margin: auto;}}.img-cloud-center img{margin: auto;}.img-cloud-left img{margin: auto;}.img-cloud-right img{margin: auto;}.marquee_image {position: relative;}.content-over-marquee {position: absolute;width: 100%;z-index: 1;top: 200px;}.content-over-marquee-can-we-talk {width: 20%;margin-left: 80%;padding-left: 17px;font-size: 18px;color: #000c51;width: 161px;}.content-over-marquee-can-we-talk a {color: #000c51;}.content-over-marquee-can-we-talk a:hover {color: #000c51;text-decoration: none;}.for-center-images {position: absolute;top: 150px;width: 72%;}.sideline-upper {margin-top: -90px;}.for-center-images img {margin: auto;display: block;}.base-center-images {position: relative;}.services-ddes {background-position: center;background-repeat: no-repeat;}.services-ddes-text > p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;}.services-ddes-img {text-align: right;}.services-ddes-img img {box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);border-radius: 20px;}.services-ddes-img-even img {box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);border-radius: 20px;}.sideline-upper {margin-top: -90px !important;}.for-center-images {width: 65%;}.we-start-here-tabs-section {padding: 0px 0px 40px 0px;}.we-start-here-tabs {padding: 20px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);min-height: 380px;}.we-start-here-tabs:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: transform 1s ease;}.we-start-here-tabs h4 {font-size: 24px;color: #000c51;line-height: 28px;padding: 10px 0px;font-family: "CircularStdBold";}.we-start-here-tabs p {font-size: 18px;line-height: 24px;color: #828fad;}.right-fit{margin-top: 100px;}.our-engagement-model-tabs {padding: 20px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);min-height: 380px;background-color: white;}.our-engagement-model-tab3 {margin-top: 20px;}.our-engagement-model-tabs h4 {font-size: 24px;color: #000c51;line-height: 28px;padding: 10px 0px;font-family: "CircularStdBold";}.our-engagement-model-tabs p {font-size: 18px;line-height: 24px;color: #828fad;}.our-engagement-model {background-position: center;background-repeat: no-repeat;padding-bottom: 11px;min-height: 500px;}.our-engagement-model h2 {font-size: 40px;font-weight: 400;line-height: 58px;color: #000c51;font-family: "CircularStdBold";}.our-engagement-model h2 > span {color: #f77d33;}.our-engagement-model-textp {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.we-have-done-it-before-tabs {width: 290px;padding: 10px;background-color: white;border-radius: 20px;box-shadow: 0px 10px 20px 0px #fedee0;display: block;margin: auto;margin-top: 25px;}.we-have-done-it-before-tabs-left1 {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fff7f2;padding: 10px;border-radius: 12px;}.we-have-done-it-before-tabs-left1 h3 {font-size: 40px;color: #ff9f59;text-align: center;padding-top: 12%;}.we-have-done-it-before-tabs-left2 {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #f0fbf7;padding: 10px;border-radius: 12px;}.we-have-done-it-before-tabs-left2 h3 {font-size: 40px;color: #46d39a;text-align: center;padding-top: 12%;}.we-have-done-it-before-tabs-left3 {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #eaf8ff;padding: 10px;border-radius: 12px;}.we-have-done-it-before-tabs-left3 h3 {font-size: 40px;color: #50defd;text-align: center;padding-top: 12%;}.we-have-done-it-before-tabs-left4 {margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background-color: #fef1f2;padding: 10px;border-radius: 12px;}.we-have-done-it-before-tabs-left4 h3 {font-size: 40px;color: #f5808b;text-align: center;padding-top: 12%;}.we-have-done-it-before-tabs p {font-size: 20px;line-height: 26px;color: #000c51;}.everything-zazz-tabs {background-color: white;border-radius: 20px;margin-top: 25px;width: 100%;padding: 4%;}.everything-text {font-size: 20px;font-family: "CircularStdBold";margin-left: 100px;position: absolute;line-height: 25px;color: #000c51;}.research1, .research2, .research3, .research4, .research5, .research6, .research7 {margin-top: 35px;}.everything-icons {margin-bottom: 20px;min-height: 100px;display: flex;justify-content: space-between;align-items: center;}.icon-background {position: relative;}.icon {cursor: pointer;transition: 0.3s;position: relative;}.icon:hover {transform: scale(1.2);}.icon-1 {position: absolute;top: 7%;left: -7%;}.icon-2 {position: absolute;bottom: 0%;left: -7%;}.icon-3 {position: absolute;top: 40%;left: 10%;}.icon-4 {position: absolute;top: 7%;right: -6%;}.icon-5 {position: absolute;top: 40%;right: 8%;}.icon-6 {position: absolute;bottom: 0%;right: -7%;}.icon-7 {position: absolute;top: 40%;left: 40%;}.icon-8 {position: absolute;top: 9%;left: 21%;}.icon-9 {position: absolute;top: 7%;right: 20%;}.icon-10 {position: absolute;bottom: 0%;right: 37%;}.icon-11 {position: absolute;bottom: 2%;left: 17%;}.icon-12 {position: absolute;bottom: -2%;right: 15%;}.icon img {position: relative;transition: 0.3s;}.icon {transition: 0.3s;}.icon span {transition: 0.3s;display: none;color: #000;bottom: 12px;left: 0;font-family: "CircularStdBook";right: 0;left: 0;width: fit-content;margin: 0 auto;position: absolute;font-size: 11px;background: #ffffff;box-shadow: 0 0 10px red;padding: 3px 6px;text-align: center;border-radius: 6px;box-shadow: 0px 10px 20px #dde2ff82;width: intrinsic;width: -moz-fit-content;}.icon:hover span {display: block;}.pdt100 {padding-top: 100px;}.mdt60 {margin-top: 60px;}.hadoop-heading h2 {font-size: 44px;color: #000c51;font-family: "CircularStdBold";line-height: 60px;}.hadoop-heading h2 span {color: #f77d33;}.text-pera p {font-size: 20px;color: #828fad;line-height: 38px;}.all-btns {display: inline-block;margin-top: 10px;}.all-btns a {display: block;width: 300px;height: 54px;line-height: 54px;color: #fff;font-size: 18px;background: #f77d33;border-radius: 10px;text-align: center;font-family: "CircularStdRegular";}.all-btns a:hover {color: #fff !important;}.overview-about p {font-size: 26px;color: #828fad;font-family: "CircularStdRegular";line-height: 38px;}.hadoop-zazz .apart p {font-size: 18px;line-height: 32px;}.hadoop-zazz .apart h4 {padding: 15px 0px 0;}.hadoop-zazz .apart {padding: 28px 22px 14px;}.architectur-bg {border-radius: 30px;padding: 41px 45px 40px 40px;}.architecture-right img {box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;}.architecture-left {display: flex;flex-direction: column;justify-content: center;height: 100%;}.architecture-left ul li {font-size: 20px;line-height: 38px;color: #828fad;}.devel-heading {font-size: 37px !important;}.hadoop-develop-box {box-shadow: 0px 10px 20px #dde2ff80;border-radius: 20px;min-height: 350px;padding: 40px 20px 20px;margin-bottom: 30px;}.hadoop-develop-box h3 {font-size: 20px;color: #000c51;line-height: 28px;margin-top: 20px;font-family: "CircularStdBold";}.hadoop-develop-box p {font-size: 14px;color: #828fad;font-family: "CircularStdRegular";line-height: 30px;}.develop-box-1 {margin-top: 130px;}.develop-box-2 {margin-top: -70px;}.development-bottom {margin-top: -220px;margin-left: 20px;margin-bottom: 260px;}.key-benefit {background: #eeeeee;padding-top: 57px;}.key-benefit-box {background: #ffffff;border-radius: 40px;cursor: pointer;}@media (min-width: 767px) {.key-benefit-box:hover .hideme {display: block;}}.hideme {display: none;font-size: 12px;color: #828fad;line-height: 26px;text-align: center;margin-top: -20px;padding: 0 30px;padding-bottom: 30px;}.key-benefit-box h3 {color: #000c51;font-size: 18px;text-align: center;margin-bottom: 0;padding: 30px;display: block;}.key-margin-top {margin-top: 75px;}.development-tool {padding-top: 100px;margin-top: -130px;}.tool-right-img {margin-top: -100px;}.tool-develop-content {padding-top: 80px;}.tool-develop-content h2 {font-size: 34px;color: #000c51;font-family: "CircularStdBold";line-height: 48px;}.tool-develop-content h2 span {color: #f77d33;}.tool-develop-content p {color: #828fad;font-size: 16px;line-height: 34px;font-family: "CircularStdRegular";margin-top: 20px;}.development-tool ul {margin-bottom: 0;}.development-tool li {margin-bottom: -30px;}.mtop60 {margin-top: 60px;}.mg-left-top {margin-left: -100px;margin-top: 60px;}.mgtop30 {margin-top: 30px;}@media (min-width: 991px) and (max-width: 1200px) {.devel-heading {font-size: 30px !important;line-height: 50px !important;}.text-pera p {font-size: 17px;}.development-bottom {margin-top: -300px;}.key-benefit-box h3 {font-size: 16px;}.development-tool img.img-fluid {width: 200px;}.mg-left-top {margin-left: -60px;}.hadoop-zazz .apart {padding: 28px 12px 14px;height: 520px;}.hadoop-zazz .apart h4 {padding: 10px 0px 0;font-size: 23px;line-height: 32px;}}@media (min-width: 991px) {.show-mobile {display: none;}}@media (max-width: 991px) {.banner-heading h1 br {display: none;}.text-pera p {font-size: 20px;line-height: 34px;}.development-bottom {margin-top: 0px;}.development-tool {margin-top: -220px;}.pdtop50 {padding-top: 40px;}.hidden-mobile {display: none;}.padding0 {padding: 0 !important;}.key-benefit-box h3 {font-size: 11px;}.mg-left-top {margin-left: -20px;}}@media (max-width: 767px) {.rs-label{left: initial !important;right:0px !important;top: -10px;}.row-reverse {flex-direction: column-reverse;}.architecture-right {margin-bottom: 30px;}.architecture-left.hadoop-heading.text-pera.pl-4 {padding-left: 0px !important;}.architecture-left.hadoop-heading.text-pera.pr-4 {padding-right: 0px !important;}.architectur-bg {padding: 20px 0 30px;}.hadoop-develop-box {padding: 25px 11px 5px;min-height: 250px;}.development-bottom {margin-top: 0;margin-left: 0;}.banner-image, .mobile-display-none {display: none;}.banner-heading h1 {font-size: 31px;line-height: 43px;}.banner-heading p {font-size: 14px;}.hadoop-heading h2 {font-size: 30px;line-height: 42px;}.overview-about p {font-size: 20px;}.hadoop-develop-box h3 {font-size: 12px;line-height: 16px;margin-top: 10px;}.development-heading h2 {font-size: 30px !important;line-height: 42px !important;}.text-pera p {font-size: 20px;line-height: 34px;}.hadoop-develop-box p {font-size: 10px;line-height: 20px;}.hadoop-develop-box.hadoop-heading.text-pera img {width: 32px;}.develop-box-1 {margin-top: 0;}.mobile-mgt50 {margin-top: 50px;}.mob-mt50 {margin-top: -20px;}.key-benefit-box h3 {font-size: 18px;}.key-margin-top {margin-top: 0;}.key-benefit-box {margin-bottom: 30px;}.key-benefit .pdt100, .key-benefit .pdtop50 {padding-top: 0;}.tool-right-img {margin-top: 20px;}.development-tool img {width: 150px;margin-bottom: 20px;}.development-tool {padding-top: 0;}.mobile-hide {display: none;}.mobile-margin-top-100 img{}.mobile-d-flex{display: flex;}.tool-develop-content{padding-top: 0 !important }.mobile-mgt-100{margin-top: -100px;}.mobile-mgt60px{margin-top: 60px }.display-none-in-desktop{}.display-none-in-mobile{display: none;}}@media (min-width: 767px) {.mobile-show {display: none;}.display-none-in-desktop{display: none;}}.startup-banner-img {margin-left: -227px;}.startup-banner-text {position: relative;z-index: 1;}.Do-Big-Things-box {box-shadow: 0px 24px 98px #0000000d;border-radius: 62px;background: #fff;}.management {width: 100%;background-color: #fff;height: 274px;text-align: center;box-shadow: -29px 9px 77px #0000000d;padding: 0px 26px;border-radius: 30px;}.management img {padding-top: 37px;padding-bottom: 29px;width: 106px;}.management p {font-size: 24px;color: #000c51;}.management1 {width: 263px;background-color: #fff;height: 274px;text-align: center;box-shadow: -29px 9px 77px #0000000d;padding: 0px 26px;border-radius: 30px;margin-bottom: 20px;}.management1 img {padding-top: 37px;padding-bottom: 29px;width: 91px;}.management1 p {font-size: 22px;color: #000c51;}.MVP-p p {font-size: 26px;color: #828fad;margin-top: 2px;padding-right: 23px;line-height: 38px;}.MVP-para p {font-size: 26px;line-height: 50px;color: #828fad;}.MVP-para a {font-size: 26px;color: #ff6473;line-height: 54px;}.discovery-bg {background-position: right;background-repeat: no-repeat;height: 390px;}.Scoping-bg {background-position: left;background-repeat: no-repeat;height: 390px;}.discovery-h2 h2 {font-size: 35px;font-weight: 400;line-height: 50px;color: #000c51;font-family: "CircularStdBold";}.discovery-p p {font-size: 20px;color: #000c51;margin-top: 7px;line-height: 42px;}.discovery-img {border-radius: 39px;box-shadow: 0px 0px 20px #a8b1e273;width: 100%;margin-top: -100px;}.Scopin-img {border-radius: 39px;box-shadow: 0px 0px 20px #a8b1e273;width: 100%;margin-top: -111px;}.startup-section {padding: 135px 0 38px;position: relative;}.Amplify-text h4 {font-size: 30px;color: #ff6473;line-height: 57px;}.Amplify-text p {font-size: 21px;color: #000c51;}.Amplify-text h3 {font-size: 30px;color: #ff6473;line-height: 57px;}.Amplify-text ul li {font-size: 20px;color: #000c51;line-height: 35px;}.Amplify-text ul li a{color: #000c51;}.Amplify-text ul.Assemble {list-style: none;display: inline-block;width: 48%;}.Amplify-text ul {list-style: none;}.Amplify-text ul li img {margin-right: 15px;}.startup-idea h2 {font-size: 40px;font-weight: 400;line-height: 58px;color: #ffffff;font-family: "CircularStdBold";}.startup-idea h4 {font-size: 21px;font-family: "CircularStdBold";color: #fff;line-height: 50px;margin-top: 10px;}.startup-idea p {font-size: 16px;color: #fff;line-height: 25px;opacity: 70%;}.Outcome h2 {font-size: 40px;font-weight: 400;line-height: 50px;color: #000c51;font-family: "CircularStdBold";}.Outcome ul {list-style: none;}.Outcome ul li {display: -webkit-inline-box;margin-bottom: 35px;}.Outcome ul li img {margin-right: 22px;}.Outcome ul li h4 {font-size: 30px;color: #000c51;line-height: 50px;}.Outcome ul li p {font-size: 21px;color: #828fad;line-height: 40px;padding-right: 81px;}.what-is-product-mngmt-text h2 {font-size: 44px;font-weight: 400;text-align: center;line-height: 62px;color: #000c51;font-family: "CircularStdBold";}.what-is-product-mngmt-text h2 > span {color: #f77d33;}.what-is-product-mngmt-text p {font-size: 26px;color: #828fad;margin-top: 24px;line-height: 38px;}.product-fun-in-comp-tab {width: 97%;background-color: #fff;padding: 20px 20px 10px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px 6px;min-height: 420px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);}.product-fun-in-comp-tab h4 {font-size: 26px;color: #000c51;line-height: 36px;padding: 15px 0px 4px;font-family: "CircularStdBold";}.product-fun-in-comp-tab p {font-size: 18px;line-height: 36px;color: #828fad;font-family: "CircularStdRegular";}.agile-project-mngmt {padding: 0px 0px !important;}.what-is-product-mngmt {padding: 0px 0px 50px 0px !important;}.product-mngmt-relationship-tab {width: 90%;margin-left: 5%;background-color: white;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 12px;min-height: 510px;}.product-mngmt-relationship-tab:hover {-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);transition: transform 1s ease;}.product-mngmt-relationship-tab h4 {text-align: center;font-size: 28px;color: #000c51;line-height: 30px;padding: 7px 0px;font-family: "CircularStdBold";}.product-mngmt-relationship-tab p {text-align: center;font-size: 18px;line-height: 28px;color: #828fad;}.product-mngmt-relationship-tab img {display: block;margin: auto;}.pmibuet{padding: 0px !important;}.opm-tabs-section {width: 600px;height: 1000px;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;z-index: 1;}.opm-circle {border-radius: 50%;background-color: #80808054;width: 210px;height: 210px;position: absolute;opacity: 0;margin-left: -100px;animation: scaleIn 4s infinite cubic-bezier(0.36, 0.11, 0.89, 0.32);}.opm-tabs {z-index: 100;padding: 5px;}@keyframes scaleIn {from {transform: scale(0.5, 0.5);opacity: 0.5;}to {transform: scale(2.5, 2.5);opacity: 0;}}.our-product-managers-tabs {padding: 20px;border-radius: 20px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);min-height: 420px;background-color: white;}.our-product-managers-tabs h4 {text-align: left;font-size: 24px;color: #000c51;line-height: 28px;padding: 10px 0px;font-family: "CircularStdBold";}.our-product-managers-tabs p {text-align: left;font-size: 18px;line-height: 24px;color: #828fad;}.enterprise-text {float: right;}.ent-mvp h2 {font-size: 44px;color: #000c51;font-family: "CircularStdBold";line-height: 60px;}.ent-mvp h2 span {color: #f77d33;}.blc-top-p {width: 100% !important;padding-left: 0px !important;font-size: 25px !important;color: #828fad !important;margin-top: 40px !important;line-height: 35px;font-family: "CircularStdMedium" !important;}.what-is-blockchain-text h2 {font-size: 44px;font-weight: 400;line-height: 62px;color: #000c51;font-family: "CircularStdBold";}.what-is-blockchain {padding: 0px !important;}.what-is-blockchain-text h2 > span {color: #f77d33;}.what-is-blockchain-text p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;}#blc-service-button {font-size: 20px;}.why-choose-us-blc {padding: 100px 0px;}.white-span {color: white !important;}.blc-text h2 {font-size: 44px;font-weight: 400;line-height: 52px;color: #000c51;font-family: "CircularStdBold";}.blc-text h2 > span {color: #f77d33;}.blc-text p {font-size: 20px;color: #828fad;margin-top: 24px;line-height: 34px;padding-right: 40px;}.blockchain-dev-services-box {width: 97%;background-color: #fff;padding: 20px 10px 10px;box-shadow: 0px 10px 20px #dde2ff54;border-radius: 20px;margin: 23px 6px;min-height: 550px;}.blockchain-dev-services-box h4 {font-size: 22px;color: #000c51;line-height: 30px;padding: 25px 0px 0px;font-family: "CircularStdBold";}.blockchain-dev-services-box p {font-size: 18px;line-height: 32px;color: #828fad;font-family: "CircularStdRegular";}.why-choose-us-blc-of-iot-app-development-box, .why-choose-us-blc-flexbox {display: flex;}.why-choose-us-blc-of-iot-app-development-img-box {width: 30%;margin-top: 140px;}.angle-img-even {float: right;}.why-choose-us-blc-of-iot-app-development-content-box {width: 70%;background-color: white;border-radius: 15px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);padding: 15px;height: 252px;}.why-choose-us-blc-of-iot-app-development-content-box p {color: #828fad;font-size: 18px;line-height: 34px;}.why-choose-us-blc-flexbox-left {width: 90%;}.why-choose-us-blc-flexbox-left h5 {font-size: 22px;line-height: 30px;color: #000c51;margin-top: 20px;font-family: "CircularStdBold";}.why-choose-us-blc-flexbox-left h5 img {float: left;padding: 0px 20px 0px 0px;}.why-choose-us-blc-flexbox-right {width: 10%;}.why-choose-us-blc-flexbox-right h2 {color: #f77d33;font-size: 94px;margin-top: 0px;}.eng-model-bg {background-position: center;background-repeat: no-repeat;padding: 50px 0px;}.eng-model-text {width: 97%;background-color: #fff;padding: 28px 32px 14px;box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-webkit-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);-moz-box-shadow: 0px 10px 20px 0px rgba(221, 226, 255, 0.75);border-radius: 20px;margin: 23px 6px;min-height: 575px;}.eng-model-text h4 {font-size: 22px;color: #000c51;font-family: "CircularStdBold";}.eng-model-text h5 {font-size: 20px;color: #000c51;line-height: 30px;}.eng-model-text p {font-size: 18px;line-height: 32px;color: #828fad;font-family: "CircularStdRegular";}.eng-model-text-flex {display: flex;}.eng-model-text-flex-left {width: 80%;}.eng-model-text-flex-right {width: 20%;}.client-img img {opacity: 0.3;margin-left: auto;margin-right: auto;height: auto !important;filter: grayscale(100%);padding-top: 0px;}.owl-item.active.center .client-img {background-color: white;box-shadow: 0px 10px 30px rgb(0 0 0 / 6%);border-radius: 10px;width: 230px;height: 130px;padding: 20px 0;display: inline-flex;justify-content: center;align-items: center;}.owl-item.active.center img {opacity: 1;filter: grayscale(0) !important;}.client-img {background-color: white;border-radius: 5px;width: 200px;height: 100px;margin: 26px auto;padding: 20px;}.client-img img {width: 70%;}.client-img img:hover {opacity: 1;filter: inherit;}a:hover {text-decoration: none !important;}.agency .client-img img {height: 144% !important;padding-top: 0px;}.agency .client-img img {opacity: 1;filter: none;}.application ul {list-style: none;}.application ul li {display: inline-block;width: 24%;}.application ul li a {float: right;}.application ul li.lastapp {display: inline-block;width: 19%;}.application ul li.apple-app {display: inline-block;width: 31%;}.android-logo {padding-top: 76px;}.window-logo {margin-bottom: 14px;}.app11 {margin-bottom: 81px;}.ecommerce {margin-bottom: 66px;}.security {margin-bottom: 60px;}.enterprise-whats-set-apartas .apart {padding: 25px 15px 14px;height: 481px;}.enterprise-whats-set-apartas .apart p {font-size: 18px;}@media (max-width: 767px) {.enterprise-whats-set-apartas .apart {height: auto;}}.close {font-size: 2.9rem !important;font-weight: 500 !important;line-height: 1 !important;color: #000 !important;}.Consulation {font-size: 32px;font-family: "CircularStdBold";color: #008ee6;margin-bottom: 25px;}.book-field {background-color: #e0e0e073 !important;border: 0px solid #dee2e6;border-bottom: 1px solid #fff;border-radius: 11px;width: 90%;color: #5d5d5d !important;font-size: 16px;padding-left: 0;padding: 8px 0.75rem;}.book-filed-lable {font-size: 15px;margin-bottom: 3px;}input.book-field::-webkit-input-placeholder {color: #b2b2b2;font-size: 16px;font-family: "CircularStdBold";}.book-filed-logo {padding-left: 33px;}.book-filed-btn {width: 90%;}.modal-header {padding: 1rem 1rem 0rem !important;border-bottom: 0px solid #dee2e6 !important;}.modal-content {border: 0px solid rgb(255 255 255 / 0%) !important;border-radius: 1.3rem !important;margin-top: 0%;}.modal-body {padding: 1rem 1rem 3rem !important;}@media (min-width: 576px) {.modal-dialog {max-width: 808px !important;}}.form-control:focus {box-shadow: 0 0 0 0rem rgb(255 255 255 / 25%) !important;font-size: 18px !important;}.mouse-zoom:hover {transform: scale( 1.18 ) !important;}.mouse-zoom {transition: transform 0.2s;}.cpch-btn {padding: 25px;background: white;color: #f77d33;border: none;font-family: "CircularStdBold";border-radius: 10px;}.wsps-what-set .game-apart {height: 430px;}.mindset-what-set .game-apart {height: 440px;}.settlyt-what-set .game-apart {height: 480px;}.dynglo-what-set .game-apart {height: 510px;}.hadoop-what-set .game-apart {height: 560px;}@media (max-width: 767px) {.wsps-what-set .game-apart {height: auto;}.mindset-what-set .game-apart, .settlyt-what-set .game-apart, .dynglo-what-set .game-apart, .hadoop-what-set .game-apart {height: auto;}.mgl-100{margin-left: 0 !important }}.mgl-100 {margin-left: 110px;}.disply-none {display: none;}.accordion_container {padding-top: 35px;}.inner-accordion {background: #fff;border-color: #fff;border-left: 4px solid #1d214060;border-left-color: #fff;border-radius: 20px;box-shadow: 0px 10px 20px #dde2ff;margin-bottom: 27px;}.accordion_head {color: #1d2140;cursor: pointer;font-style: normal;font-weight: 400;font-size: 23px;line-height: 30px;color: #1d2140;padding: 30px 30px;display: flex;justify-content: space-between;align-items: center;font-family: "CircularStdBold";}.accordion_body p {padding: 0 30px;margin: 0px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 26px;color: #828fad;padding-bottom: 30px;}.accordion_body ul{list-style: none;}.accordion_body ul li{padding: 0 30px;margin: 0px;font-style: normal;font-weight: normal;font-size: 16px;line-height: 20px;color: #41477b;padding-bottom: 15px;}.plusminus {float: right;margin-left: 30px;font-size: 30px;}.healthcare-choose-us .apart{height: 415px;}@media (max-width: 767px) {.healthcare-choose-us .apart{height: auto;}.healthcare_amid .container{margin-top: 50px !important;}.accordion_head {margin-left: 20px;margin-right: 20px;padding: 10px 0px;font-size: 19px;line-height: 24px;}.accordion_body p {padding: 0 20px 20px;}}.see-all-blog {font-size: 20px;color: #f77d33;}.see-all-blog:hover {text-decoration: underline !important;color: #f77d33;}.form-group{margin-bottom: 2rem !important;}.Congratulations_icon{padding: 100px 0px;}.our-portfolio h2 {font-size: 50px;color: #000c51;font-family: "CircularStdBold";line-height: 60px;margin-top: 50px;}.our-portfolio h2 span {color: #f77d33;}.our-portfolio p {font-size: 26px;color: #828fad;font-family: "CircularStdRegular";line-height: 38px;}.thank-mindsetandwsps-sec h2{font-size: 40px;color: #000c51;font-family: "CircularStdBold";line-height: 50px;margin-top: 200px;}.thank-mindsetandwsps-sec p{font-size: 20px;line-height: 28px;color: #828fad;}.thank-mindset-sec{margin-top: 50px;height: 500px;background-size: cover;background-repeat: no-repeat;}.thank-wsps-sec{margin-top: 50px;margin-bottom: 50px;height: 500px;background-size: cover;background-repeat: no-repeat;}.thank-p p {font-size: 26px;color: #828fad;font-family: "CircularStdRegular";line-height: 38px;}a._2mHtj___back_button-Button__cls1._36-gb___back_button-Button__withCompanyLogo._1LBQI___back_button-Button__isDesktopUp._1Qg-r___BareButton__cls1._2zIir___index-UnstyledButton__cls1 {display: none !important;}._3FDub___branding-Badge__cls1 {display: none !important;}._2F38v___branding-Container__cls1._2TcyV___branding-Container__isTabletUp::before{display: none !important;}._2F38v___branding-Container__cls1._2TcyV___branding-Container__isTabletUp::after{display: none !important;}.bottom-lets-talk a{color: #000c51;}input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s;-webkit-text-fill-color: #000 !important;}@media only screen and (max-width: 768px) {.case-study h2{font-size: 2rem !important;}}.Amplify-Your-Startup-img{width: 107%;}.office-location h2{font-size: 40px;font-weight: 400;line-height: 58px;color: #ffffff;font-family: "CircularStdBold";}.office-location{margin-top: -107px;}.new-ios-app-dev-bg .ios-box{min-height: 590px;}@media(max-width: 1400px){.product-fun-in-comp-tab{min-height: 480px;}}@media(min-width: 992px) and (max-width: 1199px){.new-ios-app-dev-bg .ios-box {min-height: 730px;}.product-fun-in-comp-tab{min-height: 520px;}.new-what-we-done .what-we-done-tabs{min-height: 480px }}@media(max-width: 767px){.new-ios-app-dev-bg .ios-box{min-height: auto;}.product-fun-in-comp-tab{min-height: auto;}}.erp-lists {margin-top: 30px;}.blue-bg-list {background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 8px 30px #0a717e1d;border-radius: 17px;height: fit-content;margin: 11px 0px 22px;padding: 16px 20px;display: flex;justify-content: center;align-items: center;text-align: center;}.blue-bg-list p {line-height: 22px;font-size: 18px;color: #001851;margin-bottom: 0;}.Learning-Management-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/Mindset-bg-1.png) 0% 0% no-repeat padding-box;background-position: bottom right;}.LEARNING-PORTALS-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/LEARNING-PORTALS-bg.png) 0% 0% no-repeat padding-box;background-position: bottom left;}.M-Learning-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/M-Learning-bg.png) 0% 0% no-repeat padding-box;background-position: bottom right;}.Custom-Testware-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/M-Learning-bg.png) 0% 0% no-repeat padding-box;background-position: bottom left;}.Supporting-box{width: 96%;background-color: #fff;padding: 20px 20px 14px;border-radius: 20px;margin: 18px 0px;height: 430px;box-shadow: 0px 20px 30px #0a717e1d;margin: 44px auto;}.Supporting-box h4{color: #001851;font-size: 20px;padding-top: 23px;padding-bottom: 12px;}.Supporting-box p{color: #828FAD;font-size: 18px;line-height: 30px;}.Supporting-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/Supporting-bg.png) 0% 0% no-repeat padding-box;background-position: center;}.Get-Retail-box{background: #FFFFFF 0% 0% no-repeat padding-box;box-shadow: 0px 3px 30px #0a717e1d;border-radius: 17px;padding: 16px 17px 2px;width: 526px;margin-bottom: 20px;margin-top: 20px;margin-left: -25px;}.Get-Retail{display: flex;align-items: center;margin-bottom:10px ;}.Get-Retail-box .Get-Retail>img{margin-right: 20px;}.Get-Retail-box h4{color: #001851;font-size: 28px;}.Get-Retail-box ul{list-style: none;}.Get-Retail-box ul li{align-items: center;display: flex;}.Get-Retail-box ul li img{margin-right: 15px;}.Get-Retail-box ul li p{padding: 6px 0px 6px;margin-bottom: 0px;font-size: 18px;color: #828FAD;}.Get-Retail-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/our-expertise-bg.png) 0% 0% no-repeat padding-box;background-position: center right;}.eLearning-Domain-box{width: 96%;background-color: #fff;padding: 20px 20px 14px;border-radius: 20px;margin: 18px 0px;height: 400px;box-shadow: 0px 20px 30px #0a717e1d;margin: 16px auto;}.eLearning-Domain-box h4 {color: #001851;font-size: 20px;padding-top: 23px;padding-bottom: 12px;}.eLearning-Domain-box p {color: #828FAD;font-size: 18px;line-height: 30px;}.eLearning-Domain-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/eLearning-Domain-bg.png) 0% 0% no-repeat padding-box;background-position: center top;}.Creating-custom-box{display: flex;justify-content: center;align-items: center;}.Creating-custom-box img{margin-right: 79px;width: 99% !important;}.Creating-custom-box h4{color: #001851;font-size: 40px;padding-bottom: 22px;}.Creating-custom-box p{color: #828FAD;font-size: 20px;line-height: 30px;}.Creating-custom-bg{background: transparent url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/educational/Mindset-bg.png) 0% 0% no-repeat padding-box;background-position: center top;}#Creating-custom .owl-dots .owl-dot span{width: 40px;}#Creating-custom .owl-dots .owl-dot.active span, #Creating-custom .owl-dots .owl-dot:hover span{background: #4456F0;}.remove-padding{margin-top: -118px;}.remove-margin{margin-top: -118px;}@media (max-width: 767px) {.why-choose-us-blc-flexbox-right h2{font-size: 60px;}.product-mngmt-relationship-tab{min-height: auto;}.our-product-managers-tabs{min-height: auto;}.opm-tabs-section {height: auto !important;margin-bottom: -10px;}.Learning-Management-bg{background-image: none;background-position: center center;background-color: #f5f8ff70;padding: 31px 0px 0px;border-radius: 29px;margin: -39px 7px 0px;box-shadow: 0px 8px 30px #0a717e29;}.LEARNING-PORTALS-bg{background-image: none;background-position: center center;background-color: #f5f8ff70;padding: 31px 0px 0px;border-radius: 29px;margin: 2px 7px;box-shadow: 0px 8px 30px #0a717e29;}.M-Learning-bg{background-image: none;background-position: center center;background-color: #f5f8ff70;padding: 31px 0px 0px;border-radius: 29px;margin: 2px 7px;box-shadow: 0px 8px 30px #0a717e29;}.Custom-Testware-bg{background-image: none;background-position: center center;background-color: #f5f8ff70;padding: 31px 0px 0px;border-radius: 29px;margin: 2px 7px;box-shadow: 0px 8px 30px #0a717e29;}.Supporting-bg{background-image: none;background-position: center center;background-color: #fff0f0;padding: 31px 0px 31px;border-radius: 29px;margin: auto 0px;}.Supporting-box{margin: 13px auto;height: auto;}.pb-04{padding-bottom: 1.5rem!important;}.pt-04{padding-top: 1.5rem!important;}.Get-Retail-box{width: 100%;margin-left:0px;}.Get-Retail-bg{background-position: bottom center;}.eLearning-Domain-bg{background-image: none;background-position: center center;background-color: #fff0f0;padding: 31px 0px 31px;border-radius: 29px;margin: auto 0px;}.Creating-custom-box {display: block;}#Creating-custom .Creating-custom-box img{width: 100% !important;}.Creating-custom-box h4{font-size: 30px;padding-bottom: 0px;padding-top: 25px;}.remove-padding {margin-top: -27px;}.remove-margin{margin-top: -100px;}}@media(max-width:768px){.ui_design_ideal{margin-top: 0 !important;padding-top: 0 !important;}.ideal-protien-login-sec{background-image: linear-gradient( #E54A36 90%, #FAF7F4 20%) !important;}}
.process-style{
	padding-bottom: 0;
}
.process-style .eng-model-bg{
	padding-bottom: 0;
	padding-top: 0;
}
.section.what-is-blockchain a{
	color: #f77d33;
}
.app-development-company-in-dubai .process-box{
	min-height: 542px;
}
.cloud-box-style .apart {
    height: 598px;
}
.what-we-can-do .apart h4 {
    font-size: 19px;
    line-height: 28px;
}
.btn.focus, .btn:focus {
    box-shadow: none !important;
}
.sitemap-accordian .btn {
    border: none;
}
.accordion_body p {
    padding-bottom: 15px;
}

.media-justify-txt{
	text-align: left !important;
}
.web-security-box .we-consider-area-box {
    min-height: 368px;
}
.eco-h1 .banner-heading h1 {
    line-height: 68px !important;
}
.react-slide-style{
	padding-bottom: 100px;
}
.eco-best .we-consider-area-box h4{
	font-size: 22px;
    color: #000C51;
    line-height: 30px;
    width: 100%;
    height: 85px;
}
.eco-best p {
    font-size: 18px !important;
    line-height: 28px !important;
}
.seo_content_area ul li{
	list-style: none;
}
.essential-steps .eco-services .apart {
    height: 405px !important;
}
.textBlue{
	color: #000c51 !important;
}
.eduFeatures{
	/*padding-top: 70px;*/
	padding-bottom: 70px;
}
.eduFeatures .heading-text{
	padding-bottom: 20px;
}
.eduFeatures .featureBox{
	box-shadow: 0px 5px 30px #0a717e1d;
	width: 100%;
	height: 555px;
	padding: 20px 20px;
    border-radius: 20px;
    margin-bottom: 20px;
}
.eduFeatures .featureBox h3{
	color: #001851;
    font-size: 21px;
    padding-top: 23px;
    padding-bottom: 12px;
}
.eduFeatures .featureBox p{
	color: #828FAD;
    font-size: 18px;
    line-height: 30px;
}
.reactProcess{
	padding-top: 70px;
	padding-bottom: 70px;
}
.reactProcess p {
    font-size: 18px;
    line-height: 28px;
    color: #828fad;
}
.reactProcess h3 {
    font-size: 26px;
    color: #000c51;
    line-height: 35px;
}
.react-choose .apart {
    width: 100%;
    height: 188px;
    text-align: center;
}
.react-choose .apart h4 {
    font-size: 22px;
}
.reactProcess .process-style img{
	width: 100%;
}
.reactProcess .smallicons img{
	width: 75%;
}
.eduFeatures .featureBox img{
	width: 25%;
}
.techStack{
background: #222222;
padding-top: 80px;
padding-bottom: 80px;
}
.techStack .transforming h2 {
    color: #fff;
    padding-bottom: 30px;
}
.techStack .nav-tabs .nav-link.active {
	background-color: transparent;
    border-bottom: 5px solid #89b836;
    border-right: none;
    border-top: none;
    border-left: none;
}
.techStack .nav-tabs .nav-link:focus{
    border-bottom: 5px solid #89b836 !important;
}
/*.techStack .nav-tabs .nav-link:hover{
	border-bottom: 5px solid green;
}*/
.techStack .nav-tabs .nav-item {
	width: 25%;
    margin-bottom: -1px;
    border-bottom: 1px solid rgba(255,255,255,.5);
    border-left: 1px solid rgba(255,255,255,.5);
}
.techStack .nav-tabs .nav-item:last-child{
	border-right: 1px solid rgba(255,255,255,.5);
}
.techStack .tab-content p{
color: #ececec;
}
.techStack .tab-content img{
	width: 25%;
}
.techStack .tab-content h4{
color: #ececec;
}
.langBox{
	padding: 40px 10px;
}
.techStack .nav-item:hover .nav-link:before {
    display: none;
}
.techStack .tabIcons{
	text-align: center;
}
.techStack .tabIcons h4{
	padding: 8px 0;
    font-size: 17px;
    color: #fff;
    margin-bottom: 0;
}
.techStack .tabIcons img{
	width: 38%;
    margin-bottom: 10px;
}
.androidProcess{
	background-color: #f1f1f1;
	padding-top: 80px;
	padding-bottom: 80px;
}
.androidProcess .smIcons img{
width: 70%;
margin-bottom: 15px;
}
.androidProcess .smIcons p{
	color: #828fad;
}
.androidProcess .smIcons h4{
	color: #000c51;
}
.androidProcess .processImg img{
	width: 100% !important;
}
.andPortfolio{
	margin-bottom: 60px;
}
.andPortfolio{
	padding-top: 50px;
}
.androidApps .apart img{
	box-shadow: 0px 10px 20px #dde2ff54;
	width: 90px;
	height: 90px;
}
.androidProcess .smIcons .img-style{
	text-align: center;
}
@media (max-width: 1366px){
.androidProcess .processImg img {
    width: 100% !important;
    height: auto;
}


}
.numbering-style{
	padding-top: 30px;
}
.numbering-style ul li{
	padding:0 14px;
	width: 24%;
	text-align: center;
}
.numbering-style ul li span{
	font-size: 90px;
    color: #dbdbdb;
    font-weight: 600;
    position: relative;
}
.numbering-style ul li span:after{
	left: 100%;
    content: "";
    position: absolute;
    width: 200px;
    height: 2px;
    background-color: #dcdcdc;
    top: 50%;
}
.numbering-style ul .lspan span:after{
	/*width: 0px;*/
	display: none;
}
.process-style .eng-model-text h4{
	font-size: 18px;
}
.process-style .eng-model-text{
	min-height: 228px;
	border-right: 2px dotted #d8d8d8;
	border-radius: unset;
}
.process-style .border-none{
	border:none;
}
.process-style .eng-model-text-flex{
	border-bottom: 2px dotted #d8d8d8;
}
.process-style .eng-model-text {
    padding: 0px 15px 10px 0;
    margin-top: 0;
    margin-left: 0;
    -webkit-box-shadow:unset;
    background-color: transparent;
}
.service-newSec .serviceBox{
	text-align: center;
	margin-bottom: 0px;
	padding: 8px 8px;
}
.service-newSec .serviceBox h3{
font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000c51;
}
.service-newSec .serviceBox p{
	font-size: 18px;
    color: #828fad;
    line-height: 30px;
}
.blocklist-style ul{
	padding-left: 20px;
}
.blocklist-style ul li{
	font-size: 17px;
	font-weight: 400;
    color: #828fad;
}
.why-adopting {
    margin-bottom: 80px;
}
.blockBtn{
	text-align: center;
	margin-bottom: 50px !important;
}
.blockTechstack{
	padding-top: 70px;
	/*padding-bottom: 70px;*/
}
.blockTechstack h3{
	font-size: 22px;
    color: #000c51;
}
.blockTechstack p{
	font-size: 18px;
    line-height: 32px;
    color: #828fad;
}
.blockTechstack .imgStyle{
text-align: center;
}
.blockTechstack .imgStyle img{
	width: 40%;
	margin-bottom: 10px;
}
.service-newSec img{
	margin-bottom: 12px;
	width: 70px;
	height: 70px;
}
@media (max-width: 767px){
.numbering-style{
	display: none;
}
.process-style .eng-model-bg{
	padding-top: 30px !important;
}
.block-banner .banner-heading p {
    padding-left: 0;
    width: 100%;
}
.process-style .eng-model-text{
	border-right: none;
	padding-right: 0;
}
.blockTechstack{
	padding-top: 0;
}
.blockTechstack .imgStyle{
	text-align: left;
}
.blockTechstack .imgStyle img{
	width: 25%;
}
.process-style .eng-model-text{
	min-height: auto;
}
.androidProcess .processImg img{
	width: 100%;
    height: auto;
}
.androidProcess .smIcons .img-style {
    text-align: left;
}
.techStack .nav-tabs .nav-item {
    width: 25%;
}
.techStack .nav-link {
    display: block;
    padding: 0 5px;
}
.andPortfolio{
	margin-bottom: 50px;
	padding-top: 50px !important;
}
.techStack .tabIcons h4 {
   font-size: 10px;
    height: 50px;
}
.techStack .tabIcons img {
    width: 70%;
    margin-bottom: 0;
}
.techStack .transforming h2 {
    color: #fff;
    padding-bottom: 4px;
}
.process-bg{
	padding: 30px 0 30px !important;
}
.androidProcess .smIcons img {
    width: 22%;
    margin-bottom: 15px;
}
.androidProcess .processImg img {
    width: 100% !important;
}
.androidProcess{
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 0px;
}
.techStack {
    padding-top: 50px;
    padding-bottom: 50px;
}
.langBox {
    padding: 20px 0 0 0;
}
.eduFeatures .featureBox img {
    width: 22%;
}
.key-elements-p > p {
    text-align: left;
}
.apart p {
    text-align: left !important;
}
.reactProcess .smallicons img {
    width: 20%;
}
.reactProcess .process-style{
    text-align: center;
}

.reactProcess .process-style img {
    width: 80%;
}
.Mobile-app-design > p {
    text-align: left !important;
}
.eduFeatures .heading-text{
	padding-bottom: 0px;
}
.eduFeatures {
    padding-bottom: 30px;
}
.eduFeatures .featureBox {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.essential-steps .eco-services .apart {
    height: auto !important;
}
	.eco-best .we-consider-area-box h4{
	font-size: 22px;
    line-height: 30px;
    height: auto;
}
.eco-best p {
    font-size: 18px;
    line-height: 28px;
}
	.media-bottom-pad{
		margin-bottom: 0;
	}
	.react-slide-style{
		padding-bottom: 0 !important;
	}
.eco-h1 .banner-heading h1 br{
	display: unset;
}
.eco-h1 .banner-heading h1 {
    line-height: 38px !important;
}
.eco-media-h2{
	line-height: 38px !important;
}
.row2 {
margin-top: 0;
}
	.text-list1{
	margin-left: 19px;
}
.benefit-box ul li img {
    padding: 0px 10px;
}
.benefit-box {
    padding: 15px 15px;
}
.we-consider-area .AR-plateforms-bg p {
    margin-bottom: 0;
}
.web-security-box .we-consider-area-box {
    min-height: auto;
}
.media-justify-txt{
	text-align: left !important;
}
	.app-development-company-in-dubai .process-box{
		min-height: auto;
	}
	.remove-margin {
	    margin-top: -50px;
	}
	.remove-padding {
	    margin-top: 0;
	}
	.cloud-box-style .apart {
    height: auto;
}
.cloud-storage-services img{
	width: 100%;
}
.ar-proc{
    padding-top:0px !important;
}
.pl-media{
	padding-top:0px !important;
}
}


.navbar-nav a:-webkit-any-link:focus-visible {
    outline-offset: 0 !important;
    outline: none !important;
}
.navbar-nav a:focus-visible {
    outline: none !important;
    outline-offset: 0 !important;
}

@media only screen and (max-width: 767px){
.react-choose .apart {
    height: auto;
}

}

/* css for Hire Enterprise page Banner Heading */
.enterprise-heading{
    font-size : 40px !important;
}
@media only screen and (max-width: 767px){
    .mobile-screen-font-size{
        font-size: 25px !important;
    }
}

.see-all-blog {
    display: block;
    margin-bottom: 50px;
}
.company-banner{
    padding-top: 120px;
}
.addresslider .owl-item img {
    width: 100% !important;
}
/* Added this because scroll bar is arrearing at right side */
body {
    overflow-x: hidden;
}
#tg-banner{
    padding-top: 33px;
}
#dyna-banner{
    padding-top: 40px;
}
#admodal11 .modal-width{max-width:999px!important;}

/* RIYADH CSS */
/* .riyadhBanner{
	background-image: url('/web/20220620102237im_/https://www.zazz.io/assets/images/riyadh/riyadh-banner.png');
	width: 100%;
	height: 800px;
}
.riyadhBanner h1{
	color: #fff;
	font-size: 100px;
	font-weight: bold;
	line-height: 119px;
}
.riyadhBanner h1 span{
	font-size: 120px;
}
.riyadhBanner .banner-txt{
	padding-top: 50px;
}
.riyadhBanner .banner-txt p{
	color: #fff;
	font-size: 18px;
	line-height: 35px;
	margin-bottom: 20px;
}
.riyadhBanner ul li img{
	width: 140px;
	height: 43px;
} */
.riyadhBanbottom{
	width: 220px;
    height: 220px;
    text-align: center;
    position: relative;
    margin: auto;
    top: -91px;
    left: 25px;
    margin-bottom: -215px;
    z-index: 2;
}
.riyadhBanbottom img{
	/* width: 100%; */
}
.aboutRiyadh{
	padding-top: 100px;
	padding-bottom: 135px;
}
.aboutRiyadh h2{
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	font-size: 45px;
	line-height: 58px;
	margin-bottom: 40px;
	font-weight: bold;
}
.aboutRiyadh .pstyle{
	font-size: 20px;
	line-height: 37px;
	margin-bottom: 35px;
	font-weight: 500;
	width: 534px;
	color: #000;
}
.aboutRiyadh .p-border-style{
	/* margin-bottom: 18px; */
}
.aboutRiyadh .normaltxt{
	padding-top: 60px;
}
.aboutRiyadh .normaltxt p{
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 30px;
	color: #000;
	width: 552px;
}
.aboutRiyadh .rating-txt span{
	font-size: 12px;
	line-height: 18px;
	color: #999999;
	font-weight: 500;
	margin-bottom: 12px;
}
.aboutRiyadh .rating-txt p{
	font-size: 20px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
    color: #000;
    width: 157px;
    margin-bottom: 34px;
    font-weight: 600;
}
.aboutRiyadh .rating-txt{
	border-bottom: 1px solid #EBEBFC;
	opacity: 1;
}
.aboutRiyadh .projects-details{
	padding-top: 61px;
}
.aboutRiyadh .projects-details .p-head{
	font-size: 30px;
	line-height: 36px;
	text-align: left;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
	font-weight: 600;
	margin-bottom: 10px;
}
.aboutRiyadh .projects-details p{
	text-align: left;
	letter-spacing: 0px;
	color: #646464;
	opacity: 1;
	font-weight: normal;
font-size: 15px;
line-height: 18px;
}
.aboutRiyadh .txt-lpad{
	padding-left: 135px;
}
.orrangeBanner{
	background: #F77041 0% 0% no-repeat padding-box;
	opacity: 1;
	padding: 0px 0 31px 0;
  overflow: unset;
}

.orrangeBanner .banner-text {
    margin-top: 75px;
}
@media (max-width: 1366px){
	.orrangeBanner .banner-text{
		margin-top: -25px;
	}
}
.vid-section img{
width: 100%;
}
.promo-video{
	width: 100%;
	height: 585px;
	position: relative;
}
.promo-video video{
	position: absolute;
	width: 100%;
	height: auto;
	bottom: -15px;
}
@media (max-width: 1366px){
	.promo-video video{
		bottom: 85px;
	}
}
.orrangeBanner p{
	font-weight: normal;
	font-size: 19px;
	line-height: 29px;
	color: #FFCEBD;
}
.orrangeBanner p:first-child{
	font-weight: bold;
font-size: 18px;
line-height: 28px;
color: #fff;
}
.orrangeBanner .banner-text .h-details{
	padding-right: 75px;
}
.orrangeBanner .banner-text .h-details h2{
	letter-spacing: 0px;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: Rubik;
	font-style: normal;
	font-weight: 600;
	font-size: 43px;
	line-height: 52px;
}
.orrangeBanner .banner-text .h-details p{
	color: #fff;
}
.orrangeBanner .banner-text .h-details p{
    font-weight: normal;
	font-size: 26px;
	line-height: 34px;
}
.solution-section{
	padding: 0 0;
}
/* .v-head{
	text-align: center;
	transform: rotate(-90deg);
	position: relative;
    top: -200px;
    left: -621px;
    z-index: 2;
}
.v-head h3{
	letter-spacing: 1.61px;
	color: #000;
	text-transform: uppercase;
	opacity: 1;
	display: flex;
	font-size: 14px;
	line-height: 17px;
}
.v-head h3 span{
	margin-left: 15px;
} */

.v-head{
	text-align: center;
	transform: rotate(-90deg);
	position: relative;
	top: 230px;
    left: -86px;
    z-index: 0;
}
@media (max-width: 1366px){
	.v-head {
		left: -104px;
	}
}

.v-head h3{
	letter-spacing: 1.61px;
	color: #000;
	text-transform: uppercase;
	opacity: 1;
	display: flex;
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
}
.v-head h3 span{
	letter-spacing: 1.61px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	position: relative;

}

.solution-section .nav-pills .nav-link.active, .solution-section .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #fff;
}
.solution-section .nav-pills .nav-link span{
	color: #999999;
	font-weight: 500;
font-size: 14px;
line-height: 17px;
}
.solution-section .nav-pills .nav-link.active span{
	color: #000;
}
.solution-section .nav-pills .nav-link.active span:after{
	content: "";
    width: 39px;
    height: 2px;
    background-color: #000000;
	position: absolute;
    bottom: -5px;
    right: 29px;
}
.solution-section  .nav-pills .show>.nav-link {
    color: #fff;
    background-color: unset;
}
.solution-section .nav-pills .nav-link{
	margin-bottom: 72px;
}
.solution-section{
padding-top: 79px;
margin-bottom: 60px;
}
.solution-section .image-style img {
    width: 550px;
    margin-left: -25px;
    height: auto;
}

.solution-section .txt{
	padding-left: 0px;
	width: 630px;
}
@media (max-width: 1366px){
	.solution-section .image-style img {
		width: 517px;
		margin-left: -40px;
	}
	.solution-section .txt{
		padding-left: 30px;
		width: 100%;
	}
}
.solution-section .txt h2{
	font-weight: bold;
font-size: 48px;
line-height: 60px;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	margin-bottom: 35px;
	padding-top: 10px;
}
/* .solution-section .txt h2 span{
	position: relative;
}
.solution-section .txt h2 span:after{
    content: "";
    width: 208px;
    height: 21px;
    background-color: #FACC0A;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: -1;
} */
.solution-section .txt li{
	list-style: none;
	display: flex;
	width: 100%;
    height: 165px;
}
.solution-section .problem-txt li{
	width: 100%;
    height: 145px;
}
.solution-section .txt li img{
	display: block;
	width: 7px;
	height: 7px;
	margin-top: 9px;
    margin-right: 7px;
}
.solution-section .txt li p{
	font-weight: normal;
font-size: 16px;
line-height: 28px;
	letter-spacing: 0px;
	color: #929292;
}
.ar-section{
	background-color: #FACC0A;
	/* padding-top: 81px; */
	position: relative;
    z-index: 1;
}
.ar-section .img-style img{
width: 100%;
height: 803px;
position: relative;
top: 85px;
margin-top: -85px;
}
.ar-contents h2{
	font-weight: bold;
font-size: 62px;
line-height: 73px;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
}
.ar-contents{
	padding-left: 96px;
    padding-top: 152px;
}
.ar-contents p{
	font-size: 18px;
	line-height: 34px;
	color: #000000;
	font-weight: 500;
	width: 547px;
}
.ar-contents .c1{
	position: relative;
    top: 54px;
    left: 70px;
}
.ar-contents .c2{
	position: relative;
    top: -50px;
    left: 185px;
}
.flow-section{
	background:#D42654;
	padding-top: 61px;
	padding-bottom: 0px;
  overflow: unset;
}
.flow-section h2{
	font-weight: bold;
font-size: 60px;
line-height: 80px;
	letter-spacing: 0px;
color: #FFFFFF;
text-shadow: 0px 2px 4px #00000016;
/* text-transform: uppercase; */
}
.flow-section .txt{
	color: #fff;
}
.flow-section .txt .p1{
	font-size: 20px;
	line-height: 37px;
	font-weight: 500;
}
.flow-section .txt .p2{
	font-weight: normal;
	font-size: 17px;
	line-height: 29px;
	letter-spacing: 0px;
	color: #FFA3BC;
	opacity: 1;
}
.ri-head h2{
	color: #000000;
	font-weight: 600;
	font-size: 23px;
	line-height: 36px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.ri-head h2 span{
position: relative;
}
.ri-head h2 span:after{
	content: "";
    width: 60%;
    height: 3px;
    background-color: #D42654;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.ri-head h2 span:before{
	content: "";
    width: 40%;
    height: 3px;
    background-color: #0CABCC;
    position: absolute;
    bottom: -20px;
    right: 0;
}
.graph1 img{
	margin-top: 34px;
	width: 100%;
}
.architech-section .owl-carousel .graph2 img{
	margin-top: 20px;
	width: 90% !important;
	margin: auto;
}
.architech-section{
	background-color: #fff;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 62px;
	padding-right: 62px;
	position: relative;
	top: 130px;
    margin-top: -105px;
	z-index: 2;
	box-shadow: 0 6px 30px #0000001d;
}
.ri-slider img{
	width: 100%;
}
.architech-section .owl-carousel img{
	width: 100% !important;
}
.architech-section .owl-carousel .owl-dots {
    display: block !important;
	margin-top: 27px;
}
.architech-section .owl-theme .owl-dots .owl-dot.active span{
	width:17px;
	height:5px;
	background-color: #D42654;
}
.architech-section .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 5px 3px;
}
.architech-section .owl-nav {
    display: none;
}
/* COLOR PALETTE */

/* TYPE FACE */
.typeface-section{

}
.typeface-head h2{
	font-weight: bold;
	font-size: 49px;
	line-height: 58px;
	letter-spacing: 0px;
	color: #002A50;
	border-bottom: 1px solid #FF7650;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
.typeface-section p{
	font-weight: 300;
font-size: 17px;
line-height: 36px;
	color: #000;
    margin-bottom: 25px;
    letter-spacing: 0;
}
.typeface-section .a-txt p{
	color: #F5F7F8;
    font-size: 332px;
    line-height: 100px;
	font-weight: 600;
    text-align: right;
	margin-bottom: 40px;
}
.typeface-section .muli-txt p{
	color: #F60958;
    font-size: 218px;
    line-height: 260px;
    text-align: right;
	font-weight: 600;
}
.typeface-section .muli-txt{
	position: relative;
}
.typeface-section .muli-txt img{
	position: absolute;
    top: 55px;
    z-index: -1;
    left: 85px;
}
.spcl-char{
	padding-left: 90px;
}
@media (max-width: 1366px){
	.spcl-char{
		padding-left: 0;
	}
}
.typeface-section .spcl-char p{
	font-size: 21px;
    line-height: 25px;
    word-spacing: 46px;
	font-weight: 500;
}
.typeface-section .spcl-char .p2{
	word-spacing: 43px;
}
.typeface-section .alpha-char p{
	font-size: 21px;
    line-height: 25px;
    word-spacing: 20px;
    margin-bottom: 31px;
	font-weight: normal;
}
.typeface-section .alpha-char{
	padding-top: 154px;
}
.typeface-section .alpha-char .para2{
    word-spacing: 19px;
}
.typeface-section .font-list ul li span{
	font-size: 21px;
    line-height: 25px;
	color: #000000;
}
.typeface-section .font-list ul{
	padding-top: 76px;
    padding-bottom: 20px;
    border-bottom: 2px solid #00B7EB;
}
.typeface-section .font-list ul li{
margin-right: 37px;
}
/* TYPE SCALE */
.typescale-section{
	padding-top: 50px;
}
.typescale-section h2{
	font-weight: bold;
font-size: 49px;
line-height: 58px;
color: #002A50;
}
.typescale-section .h-styles{
	border-bottom: 1px solid #D8D8D8;
	padding-top: 50px;
	padding-bottom: 0px;
}
.typescale-section .s1{
	font-size: 40px;
	font-weight: bolder;
}
.typescale-section .s2{
	font-size: 28px;
	font-weight: bold;
}
.typescale-section .s3{
	font-size: 22px;
	font-weight: 600;
}
.typescale-section .s4{
	font-size: 22px;
	font-weight: 500;
}
.typescale-section .s5{
	font-size: 22px;
	font-weight: normal;
}
.typescale-section span{
	color: #002A50;
	margin-bottom: 19px;
	display: block;
	width: 100%;
	height: 40px;
}
.typescale-section p{
	color: #FF7650;
	font-weight: normal;
font-size: 20px;
line-height: 24px;
}
.typescale-section .h1-box{
	margin-bottom: 70px;
	width: 300px;
}
.typescale-section .h2-box{
	margin-bottom: 70px;
	padding-left: 42px;
}
/* DESIGN ELEMENT */
.design-element{
	padding-top: 91px;
	/* padding-bottom: 93px; */
}
.design-element h2{
	font-weight: bold;
font-size: 57px;
line-height: 68px;
	color: #002A50;
}
.design-element .contents{
	font-weight: 300;
font-size: 22px;
line-height: 36px;
padding-top: 15px;
}
.design-element .content{
	padding-bottom: 93px;
	color: #000;
	font-size: 22px;
	line-height: 36px;
}
.button-styles ul li a{
	font-weight: normal;
font-size: 17px;
line-height: 20px;
	display: block;
	width: 260px;
	height: 64px;
	border-radius: 32px;
	display: flex;
    align-items: center;
    justify-content: center;
	text-decoration: none;
	color: #fff;
	pointer-events: none
}
.button-styles ul li .sm-button{
	width: 150px;
	height: 64px;
}
.button-styles {
    width: 79%;
    margin: auto;
	padding-bottom: 93px;
	
}
.button-styles h3{
	font-size: 22px;
	line-height: 27px;
	color: #000;
	margin-bottom: 56px;
}
.button-body{
	border-bottom: 1px solid #D8D8D8;
}
.icongraphy-section{
	padding-top: 79px;
}
.icongraphy-section h3{
	font-weight: 500;
font-size: 22px;
line-height: 26px;
	color: #000;
	margin-bottom: 140px;
}
.icongraphy-section p{
	font-weight: 600;
font-size: 12px;
line-height: 14px;
color: #000;
}
.icongraphy-box{
	text-align: center;
}
.icongrapghy-section .bottom-style{
	margin-bottom: 107px;
}
.icongraphy-box img{
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin-bottom: 23px;
}
.icongrapghy-section .owl-carousel img{
	width: 100% !important;
}

.homescreen-section{
	background-color: #1B1B1B;
	padding-top: 150px;
	padding-bottom: 147px;
	margin-top: 230px;
      overflow-x: unset;
   overflow-y: unset;
	position: relative;
}
.homescreen-section .screen-img{
	position: relative;
    top: -300px;
    padding-bottom: 50px;
	margin-bottom: -175px;
    border-bottom: 1px solid #2A2A2A;
}
/* SLIDER */
.homescreen-slider .owl-carousel .owl-dots {
    display: block !important;
	margin-top: 27px;
}
.homescreen-slider .owl-theme .owl-dots .owl-dot.active span{
	width:17px;
	height:5px;
	background-color: #D42654;
}
.homescreen-slider .owl-theme .owl-dots .owl-dot span {
    width: 5px;
    height: 5px;
    margin: 5px 3px;
}
.homescreen-slider .owl-nav {
    display: none;
}
.homescreen-section .screen-img img {
    width: 100% !important;
	/* height: 380px; */
	height: auto;
    /* object-fit: cover; */
}
.homescreen-section .lg-padding{
	/* padding-top: 500px; */
}
.homescreen-section .screen-txt h2{
	color: #fff;
	font-size: 57px;
	line-height: 67px;
	font-weight: bold;
	margin-left: -8px;
}
.homescreen-section .screen-txt p{
	color: #717171;
}
.notificationEngine p {
    padding-top: 30px;
    padding-right: 116px;
}
.homescreen-section .notificationEngine h2 {
    margin-left: 0;
}
.homescreen-section .ri-head h2 span:after {
    width: 42%;
}
.homescreen-section .ri-head h2 span:before {
    width: 24%;
    bottom: -19px;
    right: 144px;
}
.homescreen-section .ri-head{
	position: relative;
	margin-bottom: 25px;
}
.homescreen-section .h-dot{
	position: absolute;
    bottom: 12px;
	left: -31px;
}
.homescreen-section .event-listing .h-dot {
    position: absolute;
    top: 185px;
    left: -21px;
}
.homescreen-section .homeScreen .img-style img{
	width: 100%;
    height: auto;
    position: relative;
	top: 48px;
    right: 7px;
}
/* EVENT LISTING */
.homescreen-section .event-listing .img-style img{
width: 90%;
}
.homescreen-section .event-listing h2 {
    color: #fff;
    font-weight: bold;
font-size: 57px;
line-height: 68px;
	padding-top: 238px;
}
.homescreen-section .event-listing .ri-head h2 span:after {
    content: "";
    width: 80%;
    height: 3px;
    background-color: #FACC0A;
    position: absolute;
    bottom: -20px;
    left: 0;
}
.homescreen-section .event-listing .ri-head h2 span:before {  
    content: "";
    width: 51%;
    height: 3px;
    background-color: #D42654;
    position: absolute;
    bottom: -20px;
    right: -65px;
}
.homescreen-section .event-listing p {
    color: #717171;
	padding-left: 16px;
}
.homescreen-section .event-listing {
	padding-top: 81px;
    padding-bottom: 160px;
    border-bottom:  1px solid #2A2A2A;
}
/* MOBILE UI */
.homescreen-section .mobile-ui{
	padding-top: 91px;
}
.homescreen-section .mobile-ui h2{
	color: #fff;
	font-weight: bold;
font-size: 57px;
line-height: 68px;
	margin-bottom: 0;
}
.homescreen-section .mobile-ui p{
	color: #717171;
	font-weight: 300;
font-size: 17px;
line-height: 38px;
}
.homescreen-section .ui-images img{
	width: 100%;
}
.homescreen-section .ui-images{
	padding-top: 67px;
	border-bottom: 1px dotted #D8D8D8;
    padding-bottom: 50px;
}
.homescreen-section .borderImg {
    width: 164px !important;
    height: 42px;
    position: relative;
    top: 72px;
}
/* AR SCREEN */
.homescreen-section .ar-screen .ri-head h2 span:after {
    width: 100% !important;
}
.homescreen-section .ar-screen .ri-head h2 span:before {
	width: 60%;
    right: -113px;
}
.homescreen-section .ar-screen{
}
.homescreen-section p{
	font-size: 17px;
    line-height: 38px;
	font-weight: 300;
}
.homescreen-section .ar-screen .img-style img {
    right: 0;
    top: -98px;
}
.border-none{
	border-bottom: none !important;
}
/* NOTIFICATION ENGINE */
.homescreen-section .notificationEngine .img-style img{
	width: 100%;
    position: relative;
    right: 0;
    top: -97px;
	margin-bottom: -97px;
}
.homescreen-section .notificationEngine .ri-head h2 span:after {
    width: 93% !important;
}
.homescreen-section .notificationEngine .ri-head h2 span:before {
	width: 60%;
    right: -113px;
}
.homescreen-section .notificationEngine .ri-head {
    padding-top: 140px;
}
/* MY ZONES */
.homescreen-section .myZone .img-style{
padding-top: 45px;
}
.homescreen-section .myZone .ri-head h2 span:before {
    right: 0;
}
/* HOME SCREEN-2 */
.screen-vid-second{
	width: 100%;
}
.screen-vid-second video{
	width: 100%;
	height: auto;
}
/* SECRET INGREDIENTS */
.secret-ingredient{
	padding-top: 111px;
	padding-bottom: 50px;
}
.secret-ingredient .ri-head h2{
	color: #000000;
    font-weight: bold;
font-size: 57px;
line-height: 68px;
    margin-bottom: 34px;
	position: relative;
}
.secret-ingredient .ri-head img{
	position: absolute;
    bottom: 0px;
    left: 0;
}





/* MEDIA */
/*SCREEN SIZE*/
@media (max-width: 1366px){
	.aboutRiyadh .txt-lpad {
		padding-left: 64px;
	}
	.riyadhBanbottom {
		top: -75px;
	}
	.aboutRiyadh h2 {
		font-size: 39px;
		margin-bottom: 25px;
	}
	.solution-section .image-style img{
		width: 515px;
		margin-left: -40px;
	}
	.solution-section .txt{
		padding-left: 8px;
	}
	.orrangeBanner{
		padding: 0px 0 31px 0;
	}
	.typeface-section .muli-txt img{
		left: 8px;
    top: 84px;
	}
	.typeface-section .muli-txt p {
		font-size: 195px;
	}
	.typeface-section .alpha-char{
		padding-top: 116px;
	}
	.typescale-section .s1 {
		font-weight: 800;
font-size: 40px;
line-height: 47px;
	}
	.button-styles{
		width: 93%;
	}
	.homescreen-section .img-style img{
		right: 9px;
	}
	.homescreen-section .notificationEngine .ri-head {
		padding-top: 110px;
	}
	.homescreen-section .myZone .img-style{
		padding-top: 71px;
		}
	
}
@media (max-width: 1440px){

}
.hid-dots img{
	display: none;
  }

/*==================== MEDIA QUERY =============== */

@media only screen and (max-width: 767px){
	.homescreen-section .screen-img img {
		width: 100% !important;
		height: auto;
		object-fit: unset;
	}
	.secret-ingredient {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.riyadhBanner h1 {
	  font-size: 55px;
	  line-height: 49px;
	}
	.riyadhBanner h1 span {
	  font-size: 55px;
	}
.riyadhBanbottom{
	display: none;
}
.riyadhBanner ul li img {
    width: 105px;
    height: auto;
}
.aboutRiyadh {
    padding-top: 20px;
    padding-bottom: 0px;
}
.aboutRiyadh h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
}
.aboutRiyadh .projects-details {
    padding-top: 20px;
}
.aboutRiyadh .projects-details .p-head {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
}
.aboutRiyadh .normaltxt p{
	width: 100%;
}
body::-webkit-scrollbar{display: none !important;}
.aboutRiyadh .txt-lpad {
    padding-left: 0 !important;
}
#topnav .navbar-toggle span {
  background-color: #3c4858 !important;
}
#navigation::-webkit-scrollbar {
  display: none;
}
.riyadh-banner {
  margin-top: 64px;
}
.aboutRiyadh .pstyle {
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 20px;
	width: 100%;
}
.aboutRiyadh .normaltxt {
    padding-top: 20px;
}
.hid-dots img{
	display: block;
    width: 160px;
    height: 178px;
    object-fit: cover;
    position: absolute;
    top: 0px;
    left: 8px;
    opacity: 0.7;
    z-index: 0;
  }
  .intro-banner{
	padding-left: 8px;
  } 
.vid-section img {
    width: 100%;
    height: 345px;
    object-fit: cover;
}
.orrangeBanner {
    padding: 0px 0 31px 0;
	margin-top: 68px;
}
.orrangeBanner .banner-text .h-details {
    padding-right: 0;
}
.solution-section-new .image-style img {
    width: 100%;
}
.solution-section {
    padding-top: 40px;
    margin-bottom: 40px;
}
.v-head {
	position: relative;
	top: 255px;
    left: -43px;
}
.solution-section-new {
    padding-top: 30px;
    padding-bottom: 30px;
}
/* AR_SECTION */
.ar-section .img-style img {
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	margin-top: 0;
  }
  .ar-contents .c1 {
    position: relative;
    top: -595px;
    left: 0px;
	
}
.cube1 {
    width: 100px;
	height: 100px;
    left: 111px;
}
.ar-contents .c2 {
    position: relative;
    top: -688px;
    left: 194px;
}
.cube2 {
    width: 60px;
    height: 60px;
    left: 111px;
    top: 363px;
}
.ar-contents h2 {
	margin-top: -63px;
    font-size: 38px;
    line-height: 43px;
    padding-left: 20px;
    margin-bottom: 33px;
}
.ar-contents h2 br{
   display: none;
}
.ar-contents p {
    /* font-size: 15px;
    line-height: 20px;
	width: 100%; */
	display: none;
}
.ar-contents {
    padding-left: 0;
	padding-top: 0px;
}

.flow-section h2 {
    font-size: 21px;
    line-height: 32px;
}
.architech-section {
	padding: 20px 15px;
    position: relative;
    top: 105px;
    margin-top: -93px;
    z-index: 2;
}
.color-palette-section {
    padding-top: 131px;
}
.primary-palette {
    padding-top: 10px;
}
.promo-video {
    width: 100%;
    height: 280px;
}
.promo-video video {
    bottom: 140px;
}
.orrangeBanner .banner-text {
    margin-top: -110px;
}
.orrangeBanner .banner-text .h-details h2 {
    font-size: 34px;
    line-height: 43px;
}
.orrangeBanner .banner-text .h-details p {
    font-size: 25px;
    line-height: 31px;
	color: #fff;
}
.orrangeBanner .banner-text .h-details p br{
    display: none;
}
.orrangeBanner p:first-child {
    font-size: 16px;
    line-height: 26px;
}
.orrangeBanner p {
    font-size: 16px;
    line-height: 27px;
	color: #21cae5;
}
.solution-section .txt h2 {
	font-size: 26px;
    line-height: 34px;
    margin-bottom: 12px;
    padding-top: 0;
}
.my-yellow-border .ystrips {
    display: none;
}
.solution-section ul{
	margin-bottom: 0;
}
.solution-section .txt li{
    height: auto;
}
.solution-section .problem-txt li {
    height: auto;
}
.solution-section .txt li p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 16px;
}
.ar-section {
    padding-top: 50px;
}
.video-border {
	width: 280px;
    margin: auto;
    height: 582px;
}
.ar-section video {
    width: 100%;
    height: auto;
}
.ar-section .txt1 h3 {
    font-size: 60px;
    line-height: 60px;
}
.ar-section .txt2 h3 {
    font-size: 63px;
    line-height: 60px;
}
.ar-section .txt1 {
    /* top: 330px;
    left: -138px; */
	display: none;
}
.ar-section .txt2 {
    /* bottom: 408px;
    left: 140px;
    margin-bottom: -150px; */
	display: none;
}
.aboutRiyadh .projects-details p {
font-size: 12px;
}
.aboutRiyadh .rating-txt p {
font-size: 14px;
width: 105px;
margin-bottom: 0;
}
.aboutRiyadh .rating-txt {
    border-bottom: unset;
}
.orrangeBanner {
    background: #08abcc;
}
.solution-section .nav-pills .nav-link span {
    font-size: 11px;
    line-height: 11px;
}
.solution-section .nav-pills .nav-link.active span:after {
    width: 28px;
    bottom: -5px;
    right: 27px;
}
.flow-section .txt .p1 {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
	color: #f9e2e7;
}
.flow-section .txt .p2{
	display: none;
}
.homescreen-section {
padding-top: 0;
padding-bottom: 40px;
margin-top: 70px;
}
.homescreen-section .screen-img {
top: -43px;
padding-bottom: 11px;
margin-bottom: 0;
}
.homescreen-slider .owl-carousel .owl-dots {
    margin-top: 14px;
}
.homescreen-section .screen-txt h2 {
    font-size: 24px;
    line-height: 34px;
	margin-left: 0;
}
.homescreen-section .h-dot {
    bottom: -105px;
    left: -5px;
}
.homescreen-section p {
    font-size: 14px;
    line-height: 25px;
}
.homescreen-section .homeScreen .img-style img {
    width: 100%;
    height: auto;
    top: 0;
    right: 0;
    margin-top: 16px;
}
.homescreen-section .event-listing h2 {
    font-size: 24px;
    line-height: 34px;
    padding-top: 20px;
	margin-left: 0;
}
.homescreen-section .event-listing p {
    padding-left: 0;
}
.homescreen-section .event-listing .img-style img {
    width: 100%;
    height: auto;
}
.homescreen-section .event-listing {
    padding-bottom: 68px;
}
.homescreen-section .mobile-ui h2 {
    font-size: 24px;
    line-height: 34px;
	margin-left: 0;
}
.ar-screen h2{
	margin-left: 0;
}
.homescreen-section .mobile-ui p{
	font-size: 14px;
    line-height: 28px;
}
.grid-slider-section {
    padding-top: 18px;
    padding-bottom: 40px;
}
.homescreen-section .ar-screen .img-style img {
    right: 0;
    top: 0;
}
.homescreen-section .myZone .img-style {
    padding-top: 0;
}
.secret-ingredient .ri-head h2 {
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 10px;
	margin-left: 0;
}
.secret-ingredient .my-border .strips {
    left: -11px;
}
.intro-banner {
    padding-top: 40px;
    padding-bottom: 40px;
}
.secret-ingredient .ri-head img {
    position: absolute;
    bottom: -120px;
    left: 0;
}
.homescreen-section .myZone{
	padding-top: 40px;
}





}
/* MEDIA ENDS */


.sm-dotss .h-dot{
	width: 191px;
    height: auto;
    position: relative;
    bottom: 74px;
    left: -88px;
    margin-bottom: -242px;
}
@media only screen and (max-width: 1920px) {
	.solution-section .nav-pills .nav-link span {
		font-weight: 600;
	  }
}
@media screen and (min-width: 1080px) and (max-width: 1920px) {
	.typeface-head h2{
		padding-bottom: 51px;
	  }
	  .typeface-section .a-txt p {
		font-size: 332px;
		line-height: 35px;
		margin-bottom: 100px;
	}
	.design-element h2 {
		margin-left: 25px;
	}
	.button-styles ul li{
		margin-right: 24px !important;
	}
	.button-styles ul li:last-child{
		margin-right: 0 !important;
	}
	.ul-btn{
		margin-bottom: 47px;
	}
	.icongrapghy-section{
		width: 95%;
		margin: auto;
	}
	.right-contents{
		padding: 0 60px;
	}
	.mobile-ui .h-dot {
		position: absolute;
		bottom: -57px;
		left: -8px;
	}
	.homescreen-section .mobile-ui p {
		padding-left: 15px;
	}
	.ar-screen p {
		padding-right: 104px;
	}
	.news-right-contents {
		padding: 0 53px;
	}
	.notificationEngine .h-dot {
		bottom: -42px;
		left: -31px;
	}
	.notificationEngine .my-border {
		position: relative;
		top: 57px;
		margin-bottom: 62px;
	}
	.anime-img img{
		margin-top: -70px;
	}
	.ar-head-area{
		padding-top: 50px;
		padding-left: 20px;
	}
}
@media (max-width: 1366px){
	.right-contents{
		padding: 0 0px;
	}
	.ar-screen .homescreen-section p {
		padding-right: 0px;
	}
}

@media only screen and (min-width: 424px) and (max-width: 767px){
  .secret-ingredient .ri-head img {
	bottom: -23px;
	left: 12px;
	width: 128px;
	height: 130px;
	object-fit: cover;
  }
  
  }
  
  /* ashraf, code here */
  @media (min-width: 1241px) {
	.ar-slide-style .owl-slider2{
		max-height: 500px !important;
	}
  }
  @media (min-width: 1300px) {
	.ar-slide-style .owl-slider2{
		max-height: 475px !important;
	}
  }
  @media (max-width: 840px) {
	.ar-slide-style .owl-slider2{
		max-height: 545px !important;
	}
  }
  @media (max-width: 768px) {
	.ar-slide-style .owl-slider2{
		max-height: 313px !important;
	}
  }
  @media (max-width: 430px) {
	.ar-slide-style .owl-slider2{
		max-height: 420px !important;
	}
  }
  @media (max-width: 320px) {
	.ar-slide-style .owl-slider2{
		max-height: 510px !important;
	}
  }
  @media (max-width: 350px){
	img#long-line{
		height: 2090px !important;
	}
	
} 

/*
     FILE ARCHIVED ON 10:22:37 Jun 20, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:28:35 Nov 15, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 138.923
  exclusion.robots: 0.098
  exclusion.robots.policy: 0.089
  RedisCDXSource: 9.271
  esindex: 0.008
  LoadShardBlock: 110.17 (3)
  PetaboxLoader3.datanode: 115.956 (5)
  CDXLines.iter: 16.675 (3)
  PetaboxLoader3.resolve: 190.98 (3)
  load_resource: 274.345 (2)
*/

/* Riyadh css */

/* FONTS */
h1{
  font-family: 'Rubik', sans-serif !important;
  font-weight: 800;
}
h2{
  font-family: 'Rubik', sans-serif !important;
  font-style: normal;
  font-weight: bold;
}
h3{
  font-family: 'Rubik', sans-serif !important;
}
h4{
  font-family: 'Rubik', sans-serif !important;
}
h5{
  font-family: 'Rubik', sans-serif !important;
}
p{
  font-family: 'Rubik', sans-serif !important;
}
a{
  font-family: 'Rubik', sans-serif !important;
}
span{
  font-family: 'Rubik', sans-serif !important;
}
/* APPLY IMAGE RENDERING TO ALL THE IMAGES OF RIYADH PAGE STARTS */
img{
  image-rendering: -webkit-optimize-contrast;
}
/* APPLY IMAGE RENDERING TO ALL THE IMAGES OF RIYADH PAGE ENDS */

/* ONLY FOR RIYADH HEADER */
  .blg-h{
    color: #212529;
  }
   .sticky .logo-normal{
        display: none;
    }
    .nav-sticky.sticky .logo-normal{display: block;}
   .sticky .logo-white{
        display: block;
    }
    .nav-sticky.sticky .logo-white{display: none;}
    /* .navbar-light .navbar-nav .nav-link{
      color: #fff;
    } */
    .nav-sticky.sticky .navigation-menu > li > a {
      color: #000c51 !important;
  }
  .sticky .navigation-menu > li > a {
      color: #ffffff !important;
  }
    .lines span{
      background-color: #fff !important
    }
    .sticky-header.sticky .lines span {
        background: #000 !important;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #ffffff !important;
        background-color: #f77d33;
        border-color: #dee2e6 #dee2e6 #fff;
        border-radius: 40px;
    }
    /* .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
        transition: 0s !important;
    } */
    @media(max-width: 999px){
        .sticky-header.sticky{
            padding: 0 10px;
        }
    }
    @media(max-width:767px){
        .about-scroll-content {
            margin-top: 30px;
            padding-bottom: 0;
        }
    }

  .bold{
    position: relative;
    overflow: hidden;
  }
  .bold::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #F77D33;
    bottom: 0px;
    left: 0;
  }
  .bold::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 3px;
    background: #fff;
    bottom: 0px;
    left: 0px;
    animation-name: textanimation;
    animation-duration: 7s;
    animation-iteration-count: infinite;
  }
  @keyframes textanimation{
    0%{
      left: 0;
    }
    50%{
      left: 100%
    }
    100%{
      left: 0%;
    }
  }
  .about-scroll-content h2{
    color: #000 !important
  }
  
  /* ENDS HEADER CSS */

  /* BORDER STYLE */
  .my-border{
    position: relative;
    top: 0;
    width: 300px;
    animation: border_anim 3s linear forwards;
  }
  .my-border .strips{
    position: absolute;
    width: 170px;
    height: 3px;
    background-color: #D42654;
    animation: border_anim 5s linear forwards infinite;
    animation-direction: alternate;
    background: linear-gradient(90deg, #D42654 65%, #0CABCC 35%) top/100% 3px no-repeat;
  }
  @keyframes border_anim {
    0%{
      width: 0%;
    }
    100%{
      width: 300px;
    }
}
.my-yel-border{
  position: relative;
  top: 0;
  width: 300px;
  animation: border_anim 3s linear forwards;
}
.my-yel-border .yelstrips{
  position: absolute;
  width: 170px;
  height: 3px;
  background-color: #FACC0A;
  animation: yellowborder 5s linear forwards infinite;
  animation-direction: alternate;
  background: linear-gradient(90deg, #FACC0A 65%, #D42654 35%) top/100% 3px no-repeat;
}
@keyframes yellowborder {
  0%{
    width: 0%;
  }
  100%{
    width: 300px;
  }
}
/* YELLOW ANIMATED BORDER */
.my-yellow-border{
  position: relative;
}
.my-yellow-border .ystrips{
  position: absolute;
  /* width: 160px; */
  height: 19px;
  bottom: 75px;
  left: 0;
  z-index: -1;
  background-color: #FACC0A;
  animation: yellow_border_animate 4s linear forwards infinite;
  animation-direction: alternate;
}
@keyframes yellow_border_animate {
  0%{
    width: 0%;
  }
  100%{
    width: 240px;
  }
}
/* -------------------TAB CSS----------------- */

.tab-heading{
	text-align: center;
	transform: rotate(-90deg);
}
.tab-heading h3{
	letter-spacing: 1.61px;
	color: #999999;
	text-transform: uppercase;
	display: flex;
	font-size: 14px;
	line-height: 17px;
}
.tab-heading ul{
  display: flex;
}

/* ----------CUBE ANIMATION CSS---------- */
.cube1{
  position: relative;
  width: 166px;
  height: 149px;
  left: 111px;
  top: 363px;
  animation: cubeanimate 10s infinite linear alternate;
}
@-webkit-keyframes cubeanimate{
  0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
  50%{-webkit-transform:translateY(-74%);transform:translateY(-74%);}
  100%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
}
.cube2{
  position: relative;
  width: 88px;
  height: 79px;
  left: 111px;
  top: 363px;
  animation: cube2animate 8s infinite linear alternate;
}
@-webkit-keyframes cube2animate{
  0%{-webkit-transform:translateY(-15%);transform:translateX(-5%);}
  50%{-webkit-transform:translateY(-74%);transform:translateX(-74%);}
  100%{-webkit-transform:translateY(-5%);transform:translateX(-5%);}
}
/* SWIPER======================= */

.my-slider-style{
  position: relative;
  width: 84%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
  text-align: center;
}

.my-slider-style img {
  image-rendering: -webkit-optimize-contrast;
}
/* TAB CSS STARTS */
.solution-section-new{
	padding: 0 0;
}
.solution-section-new{
padding-top: 80px;
padding-bottom: 80px;
}
.solution-section-new .image-style img {
    width: 517px;
    margin-left: 0px;
    height: auto;
}
.solution-section-new  .txt{
	padding-left: 30px;
}
.solution-section-new  .txt h2{
	font-size: 39px;
	line-height: 52px;
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
	margin-bottom: 35px;
	padding-top: 40px;
  position: relative;
  z-index: 1;
}
.solution-section-new  .txt li{
	list-style: none;
	display: flex;
	width: 100%;
    height: 140px;
}
.solution-section-new  .txt li img{
	display: block;
	width: 7px;
	height: 7px;
	margin-top: 9px;
    margin-right: 7px;
}
.solution-section-new  .txt li p{
	letter-spacing: 0px;
	color: #929292;
}
.solution-section-new .my-yellow-border{
  position: relative;
}
.solution-section-new .my-yellow-border .ystrips{
  position: absolute;
  width: 205px;
  height: 19px;
  bottom: 64px;
  left: 0;
  z-index: -1;
  background-color: #FACC0A;
  animation: draw_border 2s linear forwards;
}
@keyframes draw_border{
  0%{
    width: 3%;
  }
  100%{
    width: 203px;
  }
}
#swipeTab {
  /* width: 100%; */
  /* height: 100vh; */
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* background: linear-gradient(to right bottom, #2a1f30 50%, #383d44 50%); */
}
#home-slider {
  /* height: 80vh;
  width: 90vw; */
  position: relative;
  height: 100vh;
  width: 95%;
  margin: auto;

}
.swiper-container {
  height: 100%;
  width: 100%;
}
.swiper-image {
  width: 50%;
  height: 100%;
}
.swiper-image-inner {
  background-size: cover;
  background-position: center center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 0%, 0.2);
  background-blend-mode: overlay;
}
.swiper-image-inner.swiper-image-left {
  padding: 4rem;
}
.swiper-image-left {
  filter: sepia(100%);
  transition: all 1s linear;
  transition-delay: 1s;
}
.swiper-slide.swiper-slide-active .swiper-image-left {
  filter: sepia(0%);
}
.swiper-image-inner.swiper-image-right {
  filter: hue-rotate(-60deg);
  transition: all 1s linear;
  transition-delay: 1s;
  background-color: hsla(0, 0%, 0%, 0.5);
  background-blend-mode: multiply;
}
.swiper-slide.swiper-slide-active .swiper-image-right {
  filter: hue-rotate(90deg);
}

.swiper-slide.swiper-slide-active h1,
.swiper-slide.swiper-slide-active p.paragraph,
.swiper-slide.swiper-slide-active h1 span.emphasis,
.swiper-slide.swiper-slide-active h1 + p {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}


.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  display: flex;
  
}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  /* width: 14px;
  height: 14px; */
  width: 15px;
  height: 28px;
  display: inline-block;
  /* background: #777; */
  opacity: 100%;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #777;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #000;
  width: 2px;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  left: 34px;
  top: 200px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets .swiper-pagination-bullet {
  /* margin: 5px 0; */
  margin: 65px 0;
  display: block;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(rgba(0, 0, 0, 0.5)),
    to(rgba(0, 0, 0, 0))
  );
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(
    top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}



/* COLOR PALETTE CSS */
.color-palette-section{
	padding-top: 210px;
}
.color-palette-section img{
	width: 95%;
}
.color-palette-section .palette-h2{
  font-weight: bold;
font-size: 57px;
line-height: 68px;
color: #002A50;
}
.color-palette-section .color-txt{
  font-weight: normal;
  font-size: 17px;
  line-height: 36px;
  color: #929292;
}
.primary-palette .head{
  font-weight: 600;
font-size: 21px;
line-height: 36px;
color: #000;
}
.primary-palette li .pink-bubble{
  width: 386px;
  height: 386px;
  border-radius: 50%;
  /* background-color: #D42654; */
  background: linear-gradient(180deg, #D42654 0%, #FF0058 100%);
  text-align: center;
  padding: 165px 100px;
  position: relative;
  top: 104px;
  left: 0px;
  color: #fff;
}
.primary-palette li .blue-bubble{
  width: 308px;
  height: 308px;
  border-radius: 50%;
  background-color: #00B7EB;
  text-align: center;
  padding: 110px 70px;
  position: relative;
  bottom: 400px;
  left: 232px;
  color: #fff;
  z-index: -1;
}
.primary-palette li p{
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 7px;
  font-weight: 500;
}
.primary-palette li h4{
  font-weight: 500;
font-size: 29px;
line-height: 34px;
}
.primary-palette{
	padding-top: 140px;
}
.secondary-palette{
	padding-top: 150px;
}
/* .secondary-palette img{
	width: 749px;
    height: 749px;
	position: relative;
    top: -130px;
    right: 0;
	margin-bottom: -250px;
} */
.secondary-palette{
	background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/riyadh/blue-circle.png');
	width: 749px;
  height: 749px;
  background-size: cover;
  margin-left: 45px;
  padding-top: 296px;
}
.secondary-palette .second-head{
	position: relative;
    top: -30px;
    left: 348px;
    z-index: 1;
    font-weight: 600;
    font-size: 21px;
    line-height: 36px;
    color: #000;
}
.secondary-palette li p{
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 7px;
  font-weight: 500;
}
.secondary-palette li h4{
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.sm-img{
	width: 159px;
    height: 159px;
    position: relative;
    bottom: 65px;
    left: -65px;
}
.sm-img img{
	width: 100%;
}
.secondary-palette .tory-bubble{
  width: 164px;
  height: 164px;
  border-radius: 50%;
  background-color: #265FA6;
  text-align: center;
  padding: 60px 19px;
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  animation: b11 2s linear, ease-in-out infinite alternate;
}
@keyframes b11{
  0%{
    left: 50px;
  }
100%{
    right: 100%;
  }
}
.secondary-palette .citrine-bubble{
  width: 199px;
  height: 199px;
  border-radius: 50%;
  background-color: #FACC0A;
  text-align: center;
  padding: 67px 0px;
  position: relative;
  top: -70px;
  left: -60px;
  color: #fff;
  border: 8px solid #fff;
  animation: b12 3s linear, ease-in-out infinite alternate;
}
@keyframes b12{
  0%{
    left: 50px;
  }
100%{
    right: 100%;
  }
}
.secondary-palette .orrange-bubble{
  width: 189px;
  height: 189px;
  border-radius: 50%;
  background-color: #F77041;
  text-align: center;
  padding: 62px 0px;
  position: relative;
  top: 48px;
  left: -142px;
  border: 8px solid #fff;
  color: #fff;
  animation: b13 4s linear, ease-in-out infinite alternate;
}
@keyframes b13{
  0%{
    left: 50px;
  }
100%{
    right: 100%;
  }
}
.secondary-palette .green-bubble {
  width: 155px;
  height: 155px;
  border-radius: 50%;
  background-color: #4BA958;
  text-align: center;
  padding: 46px 0px;
  position: relative;
  top: -21px;
  left: -197px;
  color: #fff;
  border: 8px solid #fff;
  animation: b14 5s linear, ease-in-out infinite alternate;
}
@keyframes b14{
  0%{
    left: 50px;
  }
100%{
    right: 100%;
  }
}
/* BUBBLE ANIMATION */
.secret-ingredient .h-txt{
  padding-left: 60px;
}
.secret-ingredient .my-border {
  left: 13px;
}
@media (max-width: 1366px){
  .secret-ingredient .h-txt{
    padding-left: 37px;
  }
}
.secret-ingredient h4{
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 47px;
  text-align: center;
  color: #000;
}
.secret-ingredient .logoImg1{
  text-align: left;
  padding-left: 60px;
}
.secret-ingredient .logoImg2 {
  text-align: left;
  padding-left: 122px;
}
@media (max-width: 1366px){
  .secret-ingredient .logoImg1{
    padding-left: 40px;
  }
  .secret-ingredient .logoImg2{
    padding-left: 94px;
  }
}
.secret-ingredient .logoImg3{
  text-align: center;
}
.secret-ingredient .logo-contents img{
  width: auto;
  height: 40px;
  margin-bottom: 30px;
}
/* .secret-ingredient .logoImg2 img{
  width: 130px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 20px;
}
.secret-ingredient .logoImg3 img{
  width: 130px;
  height: 40px;
  object-fit: contain;
  margin-bottom: 20px;
} */

.secret-ingredient .logo-contents{
  padding-top: 50px;
  padding-left: 20px;
}

/* INTRO BANNER */
.intro-banner{
  padding-top: 66px;
  padding-bottom: 103px;
  background-color: #4BA958;
  color: #fff;
}
.intro-banner h2{
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
font-size: 57px;
line-height: 68px;
  padding-top: 42px;
}
.intro-banner p{
  color: #FFFFFF;
  opacity: 0.8;
  font-weight: 300;
font-size: 17px;
line-height: 35px;
}
/* CTA SECTION */
.ri-CTA{
  text-align: center;
  padding-top: 110px;
  padding-bottom: 110px;
}
.ri-CTA h2{
  font-weight: 500;
font-size: 30px;
line-height: 36px;
}
.ri-CTA .cta-body{
  padding: 80px 160px;
  color: #fff;
  background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/riyadh/cta.png');
  width: 100%;
  height: 291px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.ri-CTA .cta-body p{
  font-weight: normal;
font-size: 16px;
line-height: 27px;
color: rgba(255, 255, 255, 0.724515);
}
.ri-CTA .cta-body .ctaBtn{
  padding-top: 15px;
  margin-bottom: 40px;
}
.ri-CTA .cta-body .ctaBtn a{
background-color: #00B7EB;
color: #fff;
padding: 12px 35px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
border-radius: 7px;
font-weight: 600;
font-size: 16px;
line-height: 19px;
}
/* BALL ANIMATION */
.grayBall{
  position: relative;
  width: 40px;
  height: 40px;
  left: 161px;
  top: 2px;
  animation: ball1 10s infinite linear alternate;
}
@-webkit-keyframes ball1{
  0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
  50%{-webkit-transform:translateY(-74%);transform:translateY(-74%);}
  100%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
}
.yellowBall{
  position: relative;
  width: 118px;
  height: 118px;
  /* left: 410px;
  top: 0px; */
  left: 252px;
  top: 100px;
  animation: ball2 10s infinite linear alternate;
}
@media (max-width: 1366px){
  .yellowBall {
    left: 230px;
    top: 88px;
  }
}

@-webkit-keyframes ball2{
  0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
  50%{-webkit-transform:translateY(-74%);transform:translateY(-74%);}
  100%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
}
.myzone-video{
  position: relative;
}
.z1{
  width: 157px;
  height: auto;
  position: relative;
  top: 292px;
  left: -98px;
  margin-top: -210px;
}
.z2{
  width: 157px;
  height: auto;
  position: relative;
  top: -170px;
  left: 398px; 
  margin-bottom: -120px;
}
@media (max-width: 1366px){
  .z1{
    top: 296px;
  left: -124px;
  }
  .z2 {
    top: -156px;
    left: 371px;
  }	
}
.myzone-video video {
  position: absolute;
  top: 62px;
  left: 231px;
  width: 51%;
  height: 186px;
  border-radius: 15px 15px 0 0;
}
@media (max-width: 1366px){
  .myzone-video video{
    position: absolute;
    top: 85px;
    left: 190px;
    width: 52%;
    height: 153px;
    border-radius: 15px 15px 0 0;
  }
}


/* GRID WITH SCROLLBAR */
.grid-wrapper{
  display: flex;
  padding-top: 80px;
}
.grid-wrapper .card-box{
  overflow-x: auto;
  white-space: nowrap;
}
.grid-wrapper .card-contents{
  width: 240px;
  height: auto;
  margin-bottom: 80px;
  display: inline-block;
  margin-right: 36px;
}
.card-contents:last-child{
  margin-right: 0;
}
.grid-wrapper .card-contents img{
width: 100%;
}
/* PREVIOUS CSS FOR SCROLLBAR */
#scrollStyle::-webkit-scrollbar {
  width: 1px;
  height: 5px;
  cursor: pointer;
}
#scrollStyle::-webkit-scrollbar-track {
  border-radius: 0;
  border: none;
}
#scrollStyle::-webkit-scrollbar-track {
  border-top: 2px dotted #4f4f4f;
  border-bottom: 2px dotted transparent;
  width: 1px;
  height: 1px;
}
#scrollStyle::-webkit-scrollbar-thumb {
  border-radius: 21px;
  background-color: #FF6E30;
}
/* ENDS */
/* #scrollStyle::-webkit-scrollbar {
  width: 1px;
  height: 41px;
  cursor: pointer;
}
#scrollStyle::-webkit-scrollbar-track {
  border-radius: 0;
  border: none;
}
#scrollStyle::-webkit-scrollbar-track {
  border-top: 2px dotted #4f4f4f;
  border-bottom: 2px dotted transparent;
  width: 1px;
  height: 1px;
}
#scrollStyle::-webkit-scrollbar-thumb {
  border-radius: 21px;
  background-color: #FF6E30;
  width: 40px !important;
	height: 40px !important;
	background-image: url("https://d3t43dynlnxdoh.cloudfront.net/assets/images/riyadh/indicator.png");
  background-repeat: no-repeat;
  background-position: right;
} */

/* CANVAS IMG ANIMATION */
.canvasImages{
  padding-top: 0px;
  margin-top: -15px;
}
.canvasImages img {
  width: 85%;
  height: auto;
}
@media (max-width: 1366px){
  .canvasImages img{
    width: 100%;
    height: auto;
   }
}
.drag-line2{
  margin-top:-65px;
}
.drag-line1{
  width: 158px;
  position: relative;
  left: -15px;
  height: 647px;
}
.canvasImages .drag1-img{
  position: absolute;
  top: 14px;
}
.canvasImages .drag-line1{
  /* padding: 8px; */
  background-color: #FFCC00;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
  background-repeat: no-repeat;
  /* background-size: 0 2px, 0 100%, 0% 2px; */
  /* background-position: top center, top center, bottom center; */
  background-position: top right, top center, bottom right;
  -webkit-animation: drawBorderFromCenter 4s linear forwards infinite;
  animation-direction: alternate;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes drawBorderFromCenter {
    0% {
      background-size: 0 8px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 8px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 8px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 8px, 100% 98%, 0 8px;
    }
}
.canvasImages .drag-line2{
  width: 158px;
  position: relative;
  right: -171px;
  height: 647px;
}
.canvasImages .drag2-img{
  position: absolute;
  top: -50px;
  left: 44px;
}
.canvasImages .drag-line2{
  /* padding: 8px; */
  background-color: #FF453A;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),  url('data:image/gif;base64,R0lGODlhAQABAPAAAOqrAP///yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=='),
url('data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
  background-repeat: no-repeat;
  /* background-position: bottom center, bottom center, top center; */
  background-position: bottom left, bottom center, top left;
  -webkit-animation: draworrange 4s linear forwards infinite;
  animation-direction: alternate;
}

@-webkit-keyframes draworrange {
    0% {
      background-size: 0 8px, 0 0, 100% 100%;
    }
    20% {
      background-size: 100% 8px, 100% 0, 100% 100%;
    }
    66%
    {
      background-size: 100% 8px, 100% 98%, 100% 100%;
    }
    99%
    {
      background-size: 100% 8px, 100% 98%, 0 8px;
    }
}
.riyadh-banner{
  background-color: #6f00bc;
  padding: 100px 0 100px 0;
}
.banner-img-style img {
  width: 1338px;
  height: 566px;
  object-fit: contain;
  margin-left: -24px;
  position: absolute;
  top: 117px;
  z-index: 1;
}

@media (max-width: 1366px){
  .banner-img-style img{
    width: 1222px;
    height: 515px;
    object-fit: contain;
    margin-left: -50px;
    position: absolute;
    /* top: 163px; */
    top: 144px;
    z-index: 1;
  }
}
.o-oval img{
  width: 380px;
  height: 380px;
  position: relative;
  top:-70px;
  left: 350px;
  z-index: 0;
  transform: translateX(-50%);
  animation: oval-zoom 6s linear infinite;
}
@keyframes oval-zoom{
  0%{transform: scale(0.9);transition: .6s all ease }
  50%{transform: scale(1.1);transition: .6s all ease }
  100%{transform: scale(0.9);transition: .6s all ease }
}
.sm-bimg{
  position: relative;
  display: flex;
}
.sm-bimg .bird-img{
  width: 302px;
  height: 240px;
  position: relative;
  top: 67px;
  left: 41px;
  object-fit: contain;
}
.sm-bimg .yellow-oval-icon{
  width: 100px;
  height: 100px;
  position: relative;
  top: 80px;
  left: -2px;
  transform: translateX(-50%);
  animation: oval-zoom1 6s linear infinite;
}
@keyframes oval-zoom1{
  0%{transform: scale(0.9);transition: .6s all ease }
  50%{transform: scale(1.1);transition: .6s all ease }
  100%{transform: scale(0.9);transition: .6s all ease }
}
.sm-bimg .ballon-icon{
  width: 150px;
    height: 228px;
    object-fit: contain;
    position: relative;
    top: 62px;
    left: 292px;
    animation: balloonanimation 10s infinite linear alternate;
}
@-webkit-keyframes balloonanimation{
  0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
  50%{-webkit-transform:translateX(-30%);transform:translateX(-30%);}
  100%{-webkit-transform:translateY(-5%);transform:translateY(-5%);}
}

.banner-grad img {
  width: 100%;
  height: 554px;
  margin-top: -585px;
  position: relative;
  z-index: 2;
}
@media (max-width: 1366px){
  .banner-grad img{
    width: 100%;
    height: 500px;
    /* margin-top: -500px; */
    margin-top: -464px;
    position: relative;
    z-index: 2;
  }
}
.riyadh-banner h1{
	color: #fff;
  font-style: normal;
  font-weight: bold;
  font-size: 100px;
  line-height: 118px;
  margin-left: -10px;
}
.riyadh-banner h1 span{
	font-size: 120px;
}
.riyadh-banner .banner-txt{
	padding-top: 180px;
  position: relative;
  z-index: 10;
}
.riyadh-banner .banner-txt p{
	color: #DBA8FF;
	font-weight: normal;
  font-size: 18px;
  line-height: 35px;
	margin-bottom: 20px;
  width: 430px;
}
.riyadh-banner ul{
  width: 430px;
}
.riyadh-banner ul li img{
	width: 135px;
	height: 43px;
}
.riyadh-banner ul li{
	/* width: 33%; */
}
.riyadhBanbottom{
	width: 250px;
    height: 250px;
    text-align: center;
    position: relative;
    margin: auto;
    top: -122px;
    margin-bottom: -250px;
}
/* WIREFRAME */
.wireframe-section{
}
.wireframe-section .wdot{
  width: 45%;
  position: absolute;
  top: -34px;
  left: -14px;
  z-index: -1;
}
.wireframe-section h2 {
  font-weight: bold;
font-size: 57px;
line-height: 68px;
  letter-spacing: 0px;
  color: #000000;
  text-transform: uppercase;
  display: block;
  width: 420px;
 
}
.wireframe-head{
  position: relative;
  margin-bottom: -14px;
  top: -80px;
  left: -20px;
}
.wireframe-section .plant-img img{
  width: 480px;
  height: 511px;
  position: relative;
  top: -83px;
  z-index: -1;
  left: -195px;
}
.wireframe-section .frame1-style .img1{
  position: relative;
  width: 900px;
  top: -29px;
  left: -52px;
  margin-bottom: -52px;
}


.wireframe-section .frame1-style .img2 {
  position: absolute;
  width: 100%;
  top: -54px;
  left: 123px;
  margin-bottom: -95px;
}
@media (max-width: 1366px){
  .wireframe-section .frame1-style .img2{
    position: absolute;
    width: 100%;
    top: 64px;
    left: 123px;
    margin-bottom: -95px;
  }
}
/* AR */
.ar-section .txt1 {
  transform: rotate(-90deg);
  position: relative;
  top: 349px;
  left: -181px;
}
.ar-section .txt2 {
  transform: rotate(-90deg);
  position: relative;
  bottom: 530px;
  left: 192px;
  margin-bottom: -76px;
}
@media (max-width: 1366px){
  .ar-section .txt1 {
    top: 402px;
    left: -183px;
  }
  .ar-section .txt2 {
    bottom: 494px;
    left: 191px;
  }
}
.ar-section .txt1 h3{	
font-size: 85px;
line-height: 100px;
color: #000;
font-weight: bold;
}
.ar-section .txt2 h3{	
  font-size: 109px;
  line-height: 129px;
  color: #fff;
  font-weight: bold;
}
.ar-section video{
  width: 100%;
  height: 617px;
  border-radius: 5px;
}
.video-border{
  position: relative;
  width: 305px;
  margin: auto;
  height: 638px;
  border: 10px solid #fcdf66;
  border-radius: 15px;
}
/* SLider control */
.gridSlider .owl-nav button{
  width: 20px;
  height: 20px;
  
}
.gridSlider .owl-nav button i {
  background-color: #777;
  border-radius: 50%;
  padding: 12px 14px;
  color: #CD6337;
  font-size: 19px;
  background: #2A2A2A;
  border: 2px solid #363636;
}
.gridSlider .owl-nav .owl-prev{
  margin: 0px 25px !important;
}
.gridSlider .owl-nav{
  text-align: left !important;
}
.gridSlider .owl-dots{
  /* display: none !important; */
}


/* .gridSlider .owl-dots .owl-dot span {
  width: 214px !important;
  height: 2px !important;
  margin: 2px 0px !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.gridSlider .owl-dots .owl-dot.active span{
  background: #f34242 !important;
  background-image: url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/riyadh/arrow-style.png) !important;
  height: 50px;
  background-repeat: no-repeat !important;
} */

/* GRID ARROW */
.gridSlider .owl-dots{
  width: 100%;
  margin: auto;
  padding-top: 85px;
  overflow: hidden;
  position: relative;
}
.gridSlider .owl-dots::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  top: 106px;
  left: 0;
  border: 1px dashed rgba(255, 255, 255, 0.070992);
}
.gridSlider .owl-dots .owl-dot{
  width: 25%;
}
.gridSlider .owl-dots .owl-dot.active{
  /* background-image: url('https://d3t43dynlnxdoh.cloudfront.net/assets/images/riyadh/indicator.png'); */
  background-position: right;
  height: 44px;
  background-repeat: no-repeat;
  position: relative;
  transition: 1s;
}
.gridSlider .owl-dots .owl-dot.active::before{
  content: '';
  position: absolute;
  background-color: #cd6337;
  width: 100%;
  height: 2px;
  top: 21px;
  /* left: -43px; */
  left: 0px;
  transition: 1s;
}
.gridSlider .owl-dots .owl-dot span{
  background: transparent !important;
}

@media only screen and (max-width: 767px){
  .gridSlider .owl-dots .owl-dot.active{
  height:43px;
  }
  .gridSlider .owl-dots .owl-dot {
    width: 21px;
  }
  .gridSlider .owl-dots .owl-dot.active {
    width: 29px;
    height: auto;
    background-size: contain;
}
.gridSlider .owl-dots .owl-dot.active::before{
  width: 100%;
  height: 3px;
  top: 9px;
  left: -17px;
}
.gridSlider .owl-dots {
  padding-top: 25px;
}
.gridSlider .owl-dots::before {
  top: 34px;
}

  
}
@media (max-width: 350px){
  .gridSlider .owl-dots .owl-dot {
    width: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 999px) {
  .gridSlider .owl-dots .owl-dot {
    width: 24.8%;
  }
  /* .gridSlider .owl-dots .owl-dot.active {
    height: 43px;
    width: 43px;
  } */
  .gridSlider .owl-dots .owl-dot.active::before {
    height: 4px;
    top: 18px;
    left: -42px;
  }
  .gridSlider .owl-dots::before {
    top: 58px;
  }
  /* .gridSlider .owl-dots .owl-dot span {
    width: 43px !important;
    height: 43px !important;
    margin: 0px 0px !important;
  } */
  
}
/* GRID ARROW_STYLE ENDS */

.gridSlider .owl-nav {
  /* margin-top: 55px !important; */
  display: none;
}
.gridSlider .owl-nav button:hover {
  background: unset !important;
  color: unset;
}
.media-pl-2{
  /* padding-left: 10px; */
}
.secret-ingredient .logo-contents .jetpack{
  width: 115px;
  height: auto;
}
/* PROMO VIDEO */
.grid-slider-section{
  padding-top: 67px;
  padding-bottom: 128px;
}
.colors-sections{
  display: none;
}
/* NEW VIDEO AREA */
.new-video-area{
position: relative;
top: -106px;
margin-bottom: -100px;
}
.new-video-area .riyadhpic{
  width: 100%;
}
.iconimg{
  position: absolute;
  top: 41%;
  left: 46%;
  width: 80px;
  height: 80px;
}
.iconimg img{
  width: 100%;
}
.iconimg .puls{
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  animation: pulse-animate 1500ms ease-out infinite;
}
@keyframes pulse-animate {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
  }
  
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
#videoPopup video{
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 10px;
}
#videoPopup .modal-dialog {
  max-width: 1000px !important;
}
#videoPopup .modal-content {
  margin-top: 5%;
}
/* NEW VIDEO SECTION */
.dual-video .box-body{
  border-radius: 25px;
  padding: 12px;
}
.dual-video .boX1{
  background-color: #363636;
  width: 374px;
  position: relative;
  left: 3px;
  top: 118px;
}
.dual-video .boX1 h3{
  color: #fff;
  font-weight: 500;
  font-size: 29px;
  line-height: 34px;
}
.homescreen-section .dual-video .boX1 p{
  color: #919191;
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  padding: 0 3px;
  margin-bottom: 19px;
}
.dual-video .boX1 .map-box{
  background: #474747;
  border-radius: 5px;
}
.dual-video .box-txt{
  padding: 0 7px;
}
.dual-video .boX1 .map-box p{
  font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #fff;
margin-bottom: 0;
}
/* BOX2 */
.dual-video .boX2{
  background-color: #fff;
  width: 380px;
  position: relative;
  
  left: -105px;
  top: 23px;
}
.dual-video .boX2 h3{
  color: #000000;
  font-weight: 500;
  font-size: 29px;
  line-height: 34px;
}
.homescreen-section .dual-video .boX2 p{
  color: #919191;
  font-weight: 300;
font-size: 18px;
line-height: 26px;
padding: 0 3px;
margin-bottom: 19px;
}
.dual-video .box-img video{
width: 100%;
height: auto;
border-top-left-radius: 22px;
border-top-right-radius: 22px;
margin-bottom: 8px;
}
.dual-video .boX2 .map-box{
  background: #F2F8FF;
  border-radius: 5px;
}
.dual-video .boX2 .map-box p{
  font-weight: normal;
font-size: 15px;
line-height: 18px;
color: #393C3F;
margin-bottom: 0;
}
.dual-video .map-box img{
  width: 17px;
  height: auto;
  margin-right: 14px;
}
.dual-video .map-box{
  padding: 11px;
}
@media (max-width: 1366px){
  .dual-video .boX1{
    left: -25px;
  }
  .dual-video .boX2 {
    left: -82px;
  }
  .new-video-area{
    margin-bottom: 0px;
    }
}

.hid-line .my-border{
  display: none;
}

/*=============================== MEDIA QUERY ============================== */

@media only screen and (max-width: 767px){
  .gridSlider .owl-nav {
    margin-top: 20px !important;
}
.hid-line .my-border{
  display: block;
  padding-top: 8px;
}
.ar-screen .my-border .strips{
  background: linear-gradient(90deg, #facb09 65%, #d32654 35%) top/100% 3px no-repeat;
}
.news-right-contents .my-yel-border .yelstrips{
  background: linear-gradient(90deg, #D42654 65%, #0CABCC 35%) top/100% 3px no-repeat;
}
.notificationEngine .my-border .strips{
  background: linear-gradient(90deg, #facb09 65%, #d32654 35%) top/100% 3px no-repeat;
}
  .swiper-pagination-bullet {
    width: 14px;
    height: 19px;
    display: inline-block;
    background: #777;
    opacity: 100%;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #000 !important;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  left: 0;
  top: 0;
}
.solution-section-new .txt h2 {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0px;
  color: #000000;
  margin-bottom: 20px;
  padding-top: 28px;
}
.primary-palette li .pink-bubble {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  padding: 71px 0px;
  position: relative;
  top: 80px;
  left: 0px;
  margin-bottom: -80px;
}
.primary-palette li .blue-bubble {
  width: 150px;
    height: 150px;
    padding: 50px 0px;
    bottom: 115px;
    left: 132px;
    z-index: -1;
    margin-bottom: -52px;
}
.primary-palette li p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 3px;
}
.primary-palette li h4{
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0px;
}
.secondary-palette {
  background-image: url(https://d3t43dynlnxdoh.cloudfront.net/assets/images/riyadh/blue-circle.png);
  width: 100%;
  height: auto;
  background-size: cover;
  margin-left: 0px;
  padding-top: 0px;
}
/* ORDERING */
.media-order{
  display: flex;
}
.banner-order1{
  order: 2;
}
.banner-order2{
  order: 1;
}
.banner-img-style img {
  width: 548px;
  height: auto;
  margin-left: -37px;
  position: absolute;
  top: 38px;
  z-index: 1;
}
.o-oval img {
  width: 165px;
  height: 165px;
  position: relative;
  top: -85px;
  left: 103px;
}
.banner-grad img {
  width: 100%;
  height: 300px;
  bottom: 180px;
}
.sm-bimg .bird-img {
  width: 176px;
  height: 140px;
  top: -9px;
  left: -27px;
  z-index: 1;
}
.sm-bimg .ballon-icon {
  width: 125px;
  height: 125px;
  top: -31px;
  left: 50px;
}
.sm-bimg .yellow-oval-icon {
  width: 60px;
  height: 60px;
  position: relative;
  top: -15px;
  left: -95px;
}


.riyadh-banner h1{
font-size: 60px;
line-height: 64px;
}
.riyadh-banner h1 span {
  font-size: 70px;
}
.riyadh-banner .banner-txt {
  padding-top: 0px;
}
.riyadh-banner .banner-txt p {
  font-size: 16px;
  line-height: 30px;
  width: 100%;
}
.riyadh-banner ul {
  width: 100%;
}
.riyadh-banner ul li img {
  width: 95px;
  margin-bottom: 7px;
  height: auto;
}
.wireframe-section .plant-img img {
  width: 60%;
  height: auto;
  position: relative;
  top: -57px;
  left: -36px;
}
.wireframe-section h2 {
  font-size: 40px;
  line-height: 45px;
  width: 100%;
}
.wireframe-head {
  left: 23px;
  top: -59px;
}
.wireframe-section .frame1-style .img1 {
  width: 483px;
  top: -52px;
  left: -63px;
}
.wireframe-section .frame1-style .img2 {
  width: 436px;
  top: 49px;
  left: 54px;
  margin-bottom: -95px;
}
h2 {
  font-weight: bold !important;
}
.solution-section .image-style{
  display: none;
}
.wireframe-section .frame1-style{
  padding-top: 75px;
}
.color-palette-section .palette-h2 {
  font-size: 25px;
  line-height: 40px;
  padding-top: 20px;
}
.color-palette-section .color-txt {
  font-size: 15px;
  line-height: 24px;
}
.primary-palette .head {
  font-size: 17px;
  line-height: 24px;
}


.secondary-palette .second-head {
  top: 33px;
  left: 101px;
  font-size: 16px;
  line-height: 36px;
}
.primary-palette li p {
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 3px;
}
.primary-palette li h4{
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 0px;
}
.secondary-palette {
  width: 100%;
  height: 314px;
  background-size: cover;
  margin-left: 104px;
  padding-top: 2px;
}
.secondary-palette .tory-bubble{
  width: 100px;
  height: 100px;
  top: 19px;
  left: -70px;
  padding: 32px 0;
}
.secondary-palette li p {
  font-size: 9px;
    line-height: 14px;
    margin-bottom: 3px;
}
.secondary-palette li h4 {
    font-size: 13px;
    line-height: 17px;
}
.secondary-palette .citrine-bubble {
  width: 120px;
  height: 120px;
  padding: 33px 0px;
  top: -38px;
  left: -112px;
  border: 4px solid #fff;
  margin-top: 60px;
}
.secondary-palette .orrange-bubble {
  width: 115px;
  height: 115px;
  padding: 35px 0px;
  top: -91px;
  left: 64px;
  border: 4px solid #fff;
}
.secondary-palette .green-bubble {
  width: 95px;
  height: 95px;
  padding: 22px 0px;
  top: -139px;
    left: 20px;
  border: 4px solid #fff;
}
.color-palette-section .sm-img{
  display: none;
}
.homescreen-section .event-listing .h-dot {
  top: 0 !important;
  left: 0 !important;
}
.homescreen-section .notificationEngine .ri-head {
  padding-top: 0;
}
.notificationEngine p {
  padding-top: 0 !important;
  padding-right: 0 !important;
}
.homescreen-section .notificationEngine .ri-head {
  padding-top: 0px !important;
}
.canvasImages .drag-line1 {
  display: none;
}
.canvasImages .drag-line2 {
  display: none;
}
.canvasImages{
  text-align: center;
}
.canvasImages .drag1-img {
  position: relative;
  top: 0;
  width: 100%;
  margin-bottom: 20px;
}
.canvasImages .drag2-img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
}
.canvasImages {
  padding-top: 0;
}
.grayBall{
  display: none;
}
.yellowBall{
  display: none;
}
.myzone-video video {
  top: 5px;
  left: 130px;
  width: 61%;
  height: 115px;
}
.myzone-video {
  margin-top: 20px;
}

.secret-ingredient .logoImg1 {
  padding-left: 0;
  width: 50%;
  display: flex;
  float: left;
}
.secret-ingredient .logoImg2 {
  padding-left: 0;
  width: 50%;
  display: flex;
  float: left;
}
.secret-ingredient .logoImg3 {
  padding-left: 0;
  width: 50%;
  display: flex;
  float: left;
}
.secret-ingredient .logoImg2 {
  text-align: left;
  padding-left: 0;
}
.secret-ingredient .logo-contents img {
  width: auto;
  height: 38px;
  margin-bottom: 20px;
}
.secret-ingredient h4 {
  font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    height: unset;
    margin-bottom: 22px;
    padding-bottom: 8px;
    text-align: left;
    border-bottom: 2px solid #b1aaaa;
}
.secret-ingredient .logo-contents {
  padding-left: 10px;
}
.secret-ingredient .h-txt {
  padding-left: 13px;
}
.secret-ingredient .logoImg3 {
  text-align: left;
}
.custom-logo-media h4 {
  height: auto;
  margin-bottom: 20px;
}
.intro-banner h2 {
  font-size: 36px;
  line-height: 48px;
  padding-top: 28px;
  z-index: 1;
  position: relative;
}
.intro-banner p {
  font-size: 15px;
  line-height: 25px;
}
.ri-CTA {
  padding-top: 15px;
  padding-bottom: 15px;
}
.ri-CTA .cta-body {
  padding: 50px 15px 20px 15px;
}
.ri-CTA h2 {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}
.ri-CTA .cta-body p {
  font-size: 12px;
  line-height: 21px;
}
.ri-CTA .cta-body .ctaBtn a {
  font-size: 13px;
  line-height: 19px;
}
/* COLOR TAB IIN MOBILE */
.colors-sections{
  display: block;
}
.hidden-in-responsive{
  display: none;
}
.colors-sections {
  padding-top: 120px;
}
.colors-sections .color-palette-section {
  padding-top: 0;
}
.colors-sections .typeface-head h2 {
  font-size: 28px;
  line-height: 35px;
  padding-bottom: 9px;
  margin-bottom: 12px;
  padding-top: 20px;
}
.colors-sections .typeface-section p {
  font-weight: 300;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  margin-bottom: 15px;
}
.colors-sections .typeface-section .alpha-char {
  padding-top: 15px;
}
.colors-sections .typeface-section .alpha-char p {
  font-size: 16px;
  line-height: 20px;
  word-spacing: 12px;
  margin-bottom: 15px;
}
.colors-sections .typeface-section .alpha-char .para2 {
  word-spacing: 12px;
}
.colors-sections .typeface-section .a-txt p {
  font-size: 115px;
  line-height: 100px;
  text-align: center;
  margin-bottom: 0;
}
.colors-sections .typeface-section .muli-txt p {
  font-size: 88px;
    line-height: 76px;
  text-align: center;
}
.colors-sections .typeface-section .spcl-char p {
  font-size: 16px;
  line-height: 18px;
  word-spacing: 22px;
}
.colors-sections .typeface-section .spcl-char .p2 {
  word-spacing: 21px;
}
.colors-sections .typeface-section .font-list ul li {
  margin-right: 10px;
}
.colors-sections .typeface-section .font-list ul li span {
  font-size: 13px;
  line-height: 13px;
}
.colors-sections .typeface-section .font-list ul {
  padding-top: 20px;
  padding-bottom: 11px;
}
.colors-sections .typescale-section{
  padding-top: 30px;
}
.colors-sections .typescale-section h2 {
  font-size: 32px;
  line-height: 35px;
}
.colors-sections .typescale-section .s1 {
  font-size: 20px;
  line-height: 25px;
}
.colors-sections .typescale-section .s2 {
  font-size: 20px;
}
.colors-sections .typescale-section .s3 {
  font-size: 20px;
}
.colors-sections .typescale-section .s4 {
  font-size: 20px;
}
.colors-sections .typescale-section .s5 {
  font-size: 20px;
}
.colors-sections .typescale-section p {
  color: #FF7650;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
}
.colors-sections .typescale-section span {
  margin-bottom: 13px;
  width: 100%;
  height: unset;
}
.colors-sections .typescale-section .h1-box {
  margin-bottom: 15px;
  width: 100%;
}
.colors-sections .typescale-section .h2-box {
  margin-bottom: 15px;
  padding-left: 0;
}
.colors-sections .typescale-section .h-styles {
  padding-top: 12px;
  padding-bottom: 12px;
}
.colors-sections .design-element {
  padding-top: 20px;
}
.colors-sections .design-element h2 {
  font-size: 30px;
  line-height: 35px;
}
.colors-sections .design-element h2 br{
  display: none;
}
.colors-sections .design-element .contents {
  font-size: 15px;
  line-height: 23px;
  padding-top: 0;
}
.colors-sections .design-element .content {
  padding-bottom: 0;
}
.colors-sections .button-styles h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 40px;
}
.colors-sections .button-styles ul{
  width: 50%;
  display: table-cell;
}
.colors-sections .button-styles {
  width: 100%;
  padding-bottom: 20px;
}
.colors-sections .button-styles ul li a {
  font-size: 13px;
  line-height: 15px;
  width: 144px;
  height: 43px;
  margin-bottom: 7px;
}
.colors-sections .icongraphy-section {
  padding-top: 20px;
}
.colors-sections .icongraphy-section h3 {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 30px;
}
.colors-sections .icongraphy-box img {
  width: 35px;
  height: 35px;
  margin-bottom: 15px;
}
.colors-sections .icongraphy-section p {
  font-weight: 600;
  font-size: 10px;
  line-height: 14px;
}
.colors-sections .icongrapghy-section .bottom-style {
  margin-bottom: 24px;
}
.colors-sections .nav-pills .nav-link.active{
  font-size: 13px;
  font-weight: 500;
  color: #007dfe;
  background-color: transparent;
}
.colors-sections .nav-item .nav-link {
  color: #000;
    font-size: 13px;
    font-weight: 500;
    padding: 18px 4px 15px 4px;
    margin-right: 11px;
}
.colors-sections .nav {
  border-bottom: 2px solid #d5cdcd;
}
.iconimg {
  top: 38%;
  left: 44%;
  width: 40px;
  height: 40px;
}
.new-video-area {
  position: relative;
  top: -62px;
  margin-bottom: 82px;
}
.dual-video .boX1 {
  width: 100%;
  left: 0;
  top: 0;
}
.dual-video .boX2 {
  width: 100%;
  left: 0;
  top: 0;
  margin-top: 15px;
}
.z1{
  display: none;
}
.z2{
  display: none;
}
.dual-video .boX1 h3 {
  font-size: 20px;
  line-height: 30px;
}
.dual-video .boX2 h3 {
  font-size: 20px;
  line-height: 30px;
}
.homescreen-section .dual-video .boX1 .box-txt p {
  font-size: 15px;
  line-height: 22px;
  padding: 0 0px;
  margin-bottom: 15px;
}
.homescreen-section .dual-video .boX2 .box-txt p {
  font-size: 15px;
  line-height: 22px;
  padding: 0 0px;
  margin-bottom: 15px;
}
.dual-video .map-box p {
  margin-bottom: 0 !important;
}



}
/* MEDIA ENDS */
/* TAB MEDIA */
@media only screen and (min-width: 768px) and (max-width: 999px) {
.banner-grad img {
  width: 100%;
  height: 285px;
  margin-top: -354px;
  position: relative;
  z-index: 2;
}   
.iconimg {
  top: 38%;
  left: 45%;
  width: 60px;
  height: 6px;
}
.dual-video .boX1 {
  width: 250px;
  left: 0;
  top: 0;
}
.dual-video .boX2 {
  width: 235px;
  left: -49px;
  top: -109px;
  margin-top: 15px;
}
.z1{
  display: none;
}
.z2{
  display: none;
}
.dual-video .boX1 h3 {
  font-size: 16px;
  line-height: 25px;
}
.dual-video .boX2 h3 {
  font-size: 16px;
  line-height: 25px;
}
.homescreen-section .dual-video .boX1 .box-txt p {
  font-size: 12px;
  line-height: 20px;
  padding: 0 0px;
  margin-bottom: 13px;
}
.homescreen-section .dual-video .boX2 .box-txt p {
  font-size: 12px;
  line-height: 20px;
  padding: 0 0px;
  margin-bottom: 13px;
}
.dual-video .map-box p {
  margin-bottom: 0 !important;
  font-size: 13px !important;
}
.dual-video .box-body {
  padding: 6px;
}
.dual-video .map-box img {
  width: 15px;
  margin-right: 2px;
}
.myZone .my-yel-border .yelstrips {
  left: 14px;
}
.gridSlider .owl-dots {
  padding-top: 39px;
}
.grid-slider-section {
  padding-bottom: 28px;
}


}

@media (min-width: 1920px) and (max-width: 2560px) {
.riyadh-banner h1 {
    margin-left: -16px;
}
.wireframe-section .plant-img img {
  width: 540px;
  height: auto;
  position: relative;
  top: -55px;
  z-index: -1;
  left: -410px;
  margin-bottom: -72px;
}
.wireframe-section .frame1-style .img1 {
  position: relative;
  width: 100%;
  top: 0px;
  left: 25px;
  margin-bottom: 0;
}
.wireframe-section .frame1-style .img2 {
  left: 284px;
  top: -49px;
}
.wireframe-section .wdot {
  width: 45%;
  position: absolute;
  top: -77px;
  left: -28px;
}
/* .banner-img-style img {
  margin-left: -84px;
  top: 124px;
} */
.banner-img-style img {
  width: 1338px;
  height: 615px;
  margin-left: -88px;
  top: 86px;
}

}
@media screen and (min-width: 1080px) and (max-width: 1920px) {
  .wireframe-section .wdot {
    width: 45%;
    position: absolute;
    top: -77px;
    left: -28px;
  }
  .color-palette-section .secondary-palette ul{
    margin-left: -50px;
  }
  .design-element .contents {
    padding-left: 65px;
}
.event-listing .my-yel-border {
  left: 17px;
}
}

/* OTHER MEDIA */
@media only screen and (min-width: 424px) and (max-width: 767px){
  .primary-palette li .blue-bubble {
    bottom: 11px;
    left: -75px;
  }
  .secondary-palette {
    width: 100%;
    height: 364px;
    margin-left: 104px;
    padding-top: 2px;
    margin-top: 88px;
}
.gridSlider .owl-dots .owl-dot {
  width: 24px;
}
}
.aboutRiyadh .rating-txt span {
  letter-spacing: 1.3px;
  font-family: 'poppins' !important;
}
.aboutRiyadh .txt-lpad {
  padding-left: 69px;
}

/* Casestudy code */
/* ONLY CASE STUDY CSS */
.new-casestudy{
  padding-bottom: 80px;
}
.new-casestudy h2{
  color: #000c51;
  margin-bottom: 80px;
}
.new-casestudy .mindset-app-desc {
  position: absolute;
  padding: 19px 0 0 22px;
  padding-top: 4%;
  padding-left: 8%;
}
.new-casestudy .app-box-case{
  position: relative;
}
.new-casestudy .app-box-case img {
  background: #f7f7fe;
  border-radius: 20px;
}
.new-casestudy .text-primary {
  color: #f77d33;
}
.new-casestudy .mindset-app-desc h4 {
  color: #000c51;
  font-size: 16px;
}
.new-casestudy .mindset-app-desc p {
  color: #302F30;
  font-size: 11px;
}

@media (max-width: 767px){
.app-box-case {
  margin-bottom: 20px;
}
.new-casestudy h2{
  margin-bottom: 20px;
}
.new-casestudy {
  padding-top: 40px;
  padding-bottom: 40px;
}

}
@media only screen and (min-width: 768px) and (max-width: 999px) {
.new-casestudy h2 {
      margin-bottom: 32px;
  }
}
/* How WE Work css */
html{
	scroll-behavior: smooth;
}

h1,h2,h3,h4,h5,h6{
	font-family: "CircularStdBold";
}
p{
	font-family: "CircularStdMedium";
}

.all-btns {
  display: inline-block;
  margin-top: 10px;
}
.all-btns a {
  display: block;
  width: fit-content;
  height: 54px;
  padding: 0px 66px;
  line-height: 54px;
  color: #fff;
  font-size: 18px;
  background: #f77d33;
  border-radius: 0px;
  text-align: center;
  font-family: "CircularStdRegular";
}
.all-btns a:hover{
	color: #fff;
}
.complete-heading h2{
	font-size: 35px;
	color: #000C51;
    line-height: 50px;
}
.pera-text p{
	color: #828FAD;
	font-size: 20px;
	line-height: 34px;
}
.mgt100{
	padding-top: 100px;
}
.language-tools{
	margin-top: 40px;
}
.language-btn a{
	color: #FFFFFF;
    background: #f77d33;
    display: block;
    width: 170px;
    height: 56px;
    text-align: center;
    font-size: 20px;
    line-height: 56px;
    border-radius: 12px;
}
.language-btn a:hover{
	color: #fff;
}
.hadoop-heading h4{
	color: #f77d33;
}
.main-card .accordions .accordion .cont-header h3{
	line-height: 34px;
}
/*=======================
	how we work css
========================*/
.complete-mobile{
	padding-bottom: 100px;
}
.complete-mobile h2{
	color: #000C51;
	font-size: 30px;
	line-height: 50px;
}
.complete-pera p{
	color: #828FAD;
	line-height: 40px;
	font-size: 20px;
}
.complete-bg{
	background: #FFFFFF;
	box-shadow: 0px 10px 20px #DDE2FF80;
	padding: 40px;
	border-radius: 20px;
}
.complete-mobile-img{
	margin-top: 15px;
}

/*our-process-area*/
.our-process-area{
	/*padding-bottom: 100px;*/
}
.process-back{
	background: #fff;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	margin-bottom: 60px;
	position: relative;
	margin-bottom: 120px;
}
.process-back:before{
	position: absolute;
    content: '';
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/our-process-dot.png);
    bottom: -100px;
    height: 82px;
    z-index: 1;
    width: 10px;
}
.process-back-2{
	position: relative;
}
.process-back-2:after{
   	position: absolute;
	content: '';
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/process-bg-1.png);
	height: 553px;
	width: 372px;
	right: -205px;
	top: -100px;
	background-repeat: no-repeat;
	z-index: -1;
}
.process-back-3:after{
    position: absolute;
    content: '';
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/process-bg-2.png);
    height: 553px;
    width: 400px;
    left: -270px;
    top: 40px;
    background-repeat: no-repeat;
    z-index: -1;
}
.our-process h3{
	font-size: 39px;
	color: #000C51;
}
.process-left img {
    padding-left: 90px;
}
.process-right{
	padding:0 30px;
}
.process-right-1{
	padding: 0 0 0 30px;
}
.process-back:last-child:before{
	display: none;
}







/*slider-area*/
.slider-area a span{
	font-family: "CircularStdMedium";
	font-size: 18px;
	color: #28659B !important;
}
.slider-area a img{
	width: auto !important;
	display: initial !important;
}
.how-we-work-slider.owl-theme .owl-dots{
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: block;
}
.how-we-work-slider.owl-theme .owl-dots .owl-dot span {
    width: 17px;
    height: 7px;
    margin: 5px 5px;
    background: #f77d33;
    opacity: .3;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.how-we-work-slider.owl-theme .owl-dots .owl-dot.active span{
    background: #f77d33;
    width: 64px;
    opacity: 1;
}
 .how-we-work-slider.owl-theme .owl-dots .owl-dot:hover span{
 	background: #f77d33;
 	opacity: 1;
 }
 .how-we-work-slider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0px;
}
/*==============Settlyt-sec================*/
.settlyt-slider {
  background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/settlyt.png) repeat 0 0;
}
.mindset-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/mindset.png) repeat 0 0;
}
.maxsold-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/idealprotein.png) repeat 0 0;
}
.thatsgame-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/thatsgame.png) repeat 0 0;
}
.maxsold-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/maxsold.png) repeat 0 0;
}
.dynaglo-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/dyna.png) repeat 0 0;
}
.alphamatch-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/alphamatch.png) repeat 0 0;
}
.ideal-protein-slider{
	background: transparent url(/web/20220620102237im_/https://www.zazz.io/assets/images/clients/idealprotein.png) repeat 0 0;
}
.all-client-slider{
  margin: 0;
  background-size: cover;
  height: 122vh;
  padding-top: 100px;
  box-sizing: border-box;
  margin-left: -10%;
  width: 130%;
}
.ar-vr-bg:hover .all-client-slider{
	-webkit-animation: slide 125s linear infinite;
}

@-webkit-keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -6000px;
  }
}

/*==============end-Settlyt-sec================*/

/*roi-box*/
section.roi-area {
    /*margin-bottom: 60px;*/
}
.roi-box{
	min-height: 300px;
	border-radius: 20px;
	padding: 30px 10px 40px 10px;
	border: 2px solid transparent
}
.roi-box:hover{
	box-shadow: 0px 27px 50px #0000000D;
	border: 2px solid #D2EAFF;
}
.roi-box h3{
	font-size: 21px;
	color: #0A2540;
	margin-top: 20px;
}
.roi-box p{
	line-height: 35px;
	font-size: 18px;
	color: #6C7A97;
}
.how-we-work-roi .roi-box{
	min-height: 480px;
    padding: 30px 10px 10px 10px;
}
.how-we-work-roi .roi-box p{
	font-size: 16px;
}
/*desgin-tab-hading*/
.design-tabs-area{
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/how-we-work/tabs-bg.png);
	    background-size: cover;
    padding: 20px 0;
}
.design-tab-content{
	margin-top: -30px;
}
/*.design-right-img img{
	position: relative;
	left: 100px;
}*/
.design-tabs-area ul{
	margin-bottom: 40px;
}
.desgin-tab-hading{
	margin-top: 20px;
}
.desgin-tab-hading .nav-tabs {
    border-bottom: none;
}
.desgin-tab-hading li a{
	font-size: 23px;
	color: #0A2540;
	font-family: "CircularStdMedium";
	text-align: center;
	padding: 8px 25px;
}
.desgin-tab-hading li a:hover{
	text-decoration: none;
}
.desgin-tab-hading li.active{
	background: #f77d33;
	color: #fff;
	box-shadow: 0px 6px 19px #f77d3369;
	border-radius: 100px;
	text-decoration: none;
}
.desgin-tab-hading li.active a{
	color: #fff;
}
.design-box li{
	font-size: 20px;
	color: #6C7A97;
	font-family: "CircularStdMedium";
}
.design-tabs-area .container-fluid{
	padding-right: 0
}
/*.design-box {
    margin-left: 110px;
}*/
.design-tab-content .fade:not(.show) {
    opacity: 1;
}


.agile-benifit .AR-app-development-box{
    min-height: 250px !important;
}





/*media query*/
@media(max-width: 999px){
	.process-left img {
	    padding-left: 0px;
	}
	.process-right, .process-right-1{
	    padding: 0px; 
	}
	.roi-box{
		padding: 30px 10px 40px 10px;
	}
	.roi-box h3{
		font-size: 18px;
	}
	.roi-box p{
		font-size: 15px;
		line-height: 32px;
	}
	.agile-develop-product .roadmap-of-iot-app-development-content-box{
		min-height: 250px;
	}
	.cycle-process img{
		width: 100%;
	}
}

@media(min-width: 767px){
	.mobile-img{
		display: none;
	}
}

@media(max-width: 767px){
	.desktop-img{
		display: none;
	}
	.complete-bg{
		padding: 0px 20px 40px;
	}
	.complete-mobile-img{
		margin-top: 30px;
	}
	.process-back{
		padding-bottom: 30px;
		margin-bottom: 90px;
	}
	.process-left,.process-right{
		text-align: center;
	}
	.process-number{
		text-align: center;
		margin-bottom: -50px;
	}
	.process-number img{
		width: auto;
	}
	.mob-order-1{
		order: 1;
	}
	.mob-order-2{
		order: 2;
	}
	.mob-order-3{
		order: 3;
	}
	.process-back-2:after,.process-back-3:after{
		display: none;
	}
	.our-process-area .mt-5 {
	    margin-top: 0 !important;
	}
	.slider-area{
		padding-top: 40px;
	}
	.client-section-image2{
		margin-top: 30px;
	}
	.design-right-img {
	    margin-top: 30px;
	}
	.desgin-tab-hading li{
		margin-bottom: 20px;
	}
	.desgin-tab-hading li a{
		font-size: 19px;
		padding: 8px 20px;
	}
	.design-tabs-area .mt-5{
		margin-top: 20px !important;
	}
	.design-box li {
		font-size: 15px;
	}
	.how-we-work-slider .strategy > p{
		padding-right: 0;
		margin-top: 14px;
	}
	.agile-developement img{
		width: 100%;
	}
	.agile-developement a img{
		width: auto;
	}
	.agile-developement .aglie-heading{
		margin-top: 30px;	
	}
	.agile-benifit .line-img{
		display: none !important;
	}
	.agile-benifit .AR-app-development-process-right{
		margin-top: 0 !important;
	}
	.agile-benifit .AR-app-development-box h3 img{
		width: 40px;
	}
	.agile-develop-product .roadmap-of-iot-app-development-content-box{
		width: 100% !important;
		min-height: 330px !important;
	}
	.agile-develop-product .roadmap-of-iot-app-development-img-box {
	    display: none;
	}
	.cycle-process p br{
		display: none !important;
	}
	.cycle-process .mt-5{
		margin-top: 0 !important;
	}
	.agile-client{
		padding-bottom: 0!important
	}
	.agile-client h2 br,.heading-text h2 br{
		display: none;
	}
	.cycle-process p{
		text-align: center;
	}
	.agile-develop-product .mt-5{
		margin-top: 0 !important
	}
	.aglie-heading h2,.heading-text h2{
		font-size: 30px !important;
		line-height: 52px;
	}
	.agile-developement p,.agile-mobile-application p{
		font-size: 20px !important;
	}
	.agile-devops img{
		margin-bottom: 30px;
	}
	.agile-devops {
	    margin-bottom: 50px !important;
	}
	.all-client-slider{
		-webkit-animation: slide 125s linear infinite;
	}
}

@media(max-width: 370px){
	.design-box li {
	    font-size: 10px;
	}
}



/*============================
	agile developement css
==============================*/
.aglie-heading h2{
	font-size: 44px;
	color: #000C51;
}
.aglie-heading h2 span{
	color: #f77d33;
}
.aglie-heading {
    padding-left: 40px;
}
.agile-developement p{
	font-size: 26px;
	color: #828FAD;
	line-height: 38px;
}
.agile-develop-product{
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/agile/agile-develop-product-bg.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.agile-develop-product .roadmap-flexbox-right h4{
	font-size: 94px;
    margin-top: -40px;
    color: #f77d33;
    opacity: .1;
}
.agile-develop-product .roadmap-of-iot-app-development-content-box p {
    color: #828FAD;
    padding: 20px 0px;
    margin-top: -30px !important;
    font-size: 18px;
}
.agile-develop-product .roadmap-of-iot-app-development-content-box {
    width: 660px;
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0px 18px 20px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 10px 20px #dde2ff80;
    padding: 40px 20px 30px;
    min-height: 0px;
    height: auto;
    margin-bottom: 40px;
}
.agile-develop-product .roadmap-of-iot-app-development-img-box {
	margin-top: 180px;
}
.agile-develop-product .roadmap-of-iot-app-development-img-box {
	width: 50%;
}
.agile-benifit .AR-app-development-box h3{
	    line-height: 50px;
}
/*.img-top-40px img {
    position: relative;
    top: -40px;
}*/
.img-top-40px img{
	position: relative;
    top: 0;
    width: 60px;
    height: 60px;
    object-fit: contain;
}
/*cycle-process*/
.cycle-process p{
	font-size: 20px;
	color: #828FAD;
	line-height: 34px;
}


/*client area*/
.agile-client .client-img img {
  opacity: 0.3;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  filter: grayscale(100%);
}
.agile-client .client-img:hover img {
    filter: grayscale(0);
    opacity: 1;
}
.agile-client .client-img {
  background-color: white;
  border-radius: 5px;
  width: 200px;
  height: 100px;
}
/*.agile-client .client-img:hover {
  background-color: white;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.055);
  border-radius: 5px;
  width: 200px;
  height: 100px;
}*/

.agile-client .owl-carousel .owl-item .award-img {
  display: block;
  width: 70% !important;
  margin-top: -5%;
}

.agile-client .owl-carousel .owl-item .award-img1 {
  display: block;
  width: 85% !important;
  margin-top: 0%;
}

.agile-client .owl-carousel .owl-item img {
  display: block;
  width: auto !important;
}


/*agile-mobile-application*/
.agile-mobile-application{
	background: #EBFBFF;
	padding: 100px 0 80px;
}
.agile-mobile-application p{
	font-size: 26px;
	color: #52545A;
	line-height: 38px;
}

/*agile-devops*/
.agile-devops{
	margin-bottom:100px;
}
.agile-devops p{
	font-size: 20px;
	color: #828FAD;
	line-height: 34px;
}




/*====================
	mvp developement
======================*/
.mvp-heading h2{
	font-size: 35px;
	color: #000C51;
	line-height: 50px;
}
.mvp-pera p{
	font-size:22px;
	color: #828FAD;
	line-height: 35px; 
}
.garnering-validation p{
    padding-right: 40px;
}
.garnering-validation img{
	margin-top: 15px;
}
/*stayiing-learn*/
.stayiing-learn{
	margin-top: 100px;
	padding: 57px 0 0px;
	background: #EAF8FF;
	z-index: -1;
}
.stayiing-learn-box{
	background: #fff;
	width: 251px;
	min-height: 260px;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	padding: 25px 15px;
	position: relative;
	margin-bottom: 90px;
	z-index: 1;
}
.stayiing-learn-box:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: -1;
	border-radius: 20px; 	
	opacity: 0.57;
	transform: matrix(0.96, -0.28, 0.28, 0.96, 0, 0);
}
.stayiing-learn-box p{
	font-size: 18px;
	color: #6C7A97;
	line-height: 34px;
}
/*solution-area*/
.solution-area{
	background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/mvp/solution-bg.svg);    
	background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 190px;
}
.solution-box {
    background: #fff;
    padding: 30px 36px 19px 30px;
    width: 403px;
    min-height: 420px;
    box-shadow: 0px 27px 50px #0000000d;
    border-radius: 29px;
    margin-top: 60px;
}

.solution-box-1{
	margin-left: 50px;
}
.solution-box h3{
	font-size: 22px;
	line-height: 27px;
	color: #0A2540;
	margin-top: 20px;
}
.solution-box p{
	font-size: 18px;
	line-height: 35px;
	color: #6C7A97;
}

/*develop-mvp*/
.develop-mvp-box {
    width: 276px;
    background: #FEF1F2;
    min-height: 480px;
    padding: 30px 23px 0px;
    border-radius: 20px;
    position: relative;
}
.develop-mvp-box:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    width: 130px;
    height: 10px;
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/mvp/dots.png);
}
.develop-mvp-box h3{
	font-size: 21px;
	color: #F5808B;
	margin-top: 18px;
}
.develop-mvp-box p{
	font-size: 18px;
	color: #828FAD;
	margin-top: 17px;
	line-height: 32px;
}
.develop-mvp-box-1{
	background: #E8FFF7;
}
.develop-mvp-box-1 h3{
	color: #4DD59E;
}
.develop-mvp-box-2{
	background: #EBEEFF
}
.develop-mvp-box-2 h3{
	color: #f77d33;
}
.develop-mvp-box-2:before{
	display: none;	
}

/*why-choose-mvp*/
.why-choose-mvp{
	background: #EAF8FF;
	padding: 75px 0 45px;
	margin-top: -90px;
}
.why-choose-mvp-box {
    height: 240px;
    background: #fff;
    border-radius: 20px;
    padding: 31px 25px 20px 25px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.why-choose-mvp-box h3{
	font-size: 24px;
	color: #000C51;
	line-height: 36px;
	margin-top: 20px;
	text-align: center;
}




@media(max-width: 1199px){
	.develop-mvp-box{
		width: 100%;
		min-height: 570px;
		padding: 20px 17px 20px;
	}
	.develop-mvp-box p{
		font-size: 17px;
		margin-top: 10px;
	}
	.solution-box{
		width: 100%;
	}
	.why-choose-mvp-box h3{
		font-size: 22px;
		line-height: 32px;
	}
	.hadoop-heading h4{
		font-size: 34px;
	}
	.solution-box-1{
		margin-left: 0;
	}
}

@media(max-width: 999px){
	.develop-mvp-box h3{
		    font-size: 17px;
	    margin-top: 11px;
	}
	.develop-mvp-box p{
		margin-top: 0;
		font-size: 15px;
		line-height: 28px;
	}
	.why-choose-mvp-box{
	    padding: 20px 15px 20px 15px;
	}
	.why-choose-mvp-box h3 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.android-box{
		padding: 20px;
	}
	.hadoop-heading h4 {
	    font-size: 31px;
	}
	.develop-mvp-box{
	    min-height: 510px;
	}
	.solution-box{
		min-height: 700px;
	}
}


@media(max-width: 767px){
	.agile-benifit .AR-app-development-box h3 {
		line-height: 30px;
		font-size: 18px;
	}
	.img-top-40px img {
		position: relative;
		top: 16px;
	}
	.stayiing-learn-box{
		width: 100%;
		padding: 15px;
		margin-bottom: 30px;
		min-height: auto;
	}
	.stayiing-learn-box:before{
     	transform: rotate(-4deg);
	}
	.stayiing-learn-box p{
	    font-size: 14px;
    	line-height: 25px;
	}
	.develop-mvp-box{
		margin-bottom: 30px;
	}
	.develop-mvp-box:before{
		display: none;
	}
	.why-choose-mvp-box h3{
		font-size: 17px;
	}
	.garnering-validation p {
	    padding-right: 0px;
	}
	.solution-box{
		padding-bottom: 10px !important;
		margin-top:30px;
		min-height: 0
	}
	.mgt100{
		padding-top: 50px;
	}
	.agile-devops{
		padding-top: 0!important;
		margin-top: -50px !important
	}
	.agile-mobile-application{
		padding-top: 30px;

	}
	.hadoop-heading h4 {
	    font-size: 27px;
	}
	.develop-mvp-box {
	    min-height: auto;
	}
	.aglie-heading {
	    padding-left: 0px;
	}
}

@media(min-width: 374px) and (max-width: 767px){
	.stayiing-learn-box{
		min-height: 0px;
	}
	.stayiing-learn-box p{
		font-size: 16px;
	}
}



/*=========================
	web app developement
===========================*/
.bg-half-170 .agile-developement p {
    font-size: 26px;
    color: #828FAD;
    line-height: 38px;
    width: 100%;
    padding-left: 0;
    margin-top: 11px;
}
.index-can-we-talk {
    padding-left: 9px;
    font-size: 18px;
    color: #000c51;
    width: 157px;
    font-family: "CircularStdMedium";
}
.benefit-box p{
	margin-top: 13px;
	font-weight: bold !important;
}
.example-application .healthcare-soft-box ul li p{
	    font-size: 38px !important;
    color: #000C51;
    font-weight: 600 !important;
    display: flex;
}
.example-application .healthcare-soft-box ul span{
    opacity: .2;
    color: #f77d33;
    font-size: 80px;
    font-weight: bold;
    margin-left: 30px;
}
.web-application-right{
	    justify-content: initial !important;
}
.web-application-right ul span{
	margin-left: 0!important;
	margin-right: 30px;
}
.essential-steps .king-p{
	margin-top: 0;
}
.web-app-services .benifits-of-rpa-box h4{
	font-size: 24px;
	padding-bottom: 0px !important;
}
.web-app-services .benifits-of-rpa-box p{
	font-size: 15px !important;
    line-height: 23px !important;
    margin-bottom: 0px;
}
.web-app-services .benifits-of-rpa-box{
	min-height: 484px;
}
.web-app-services .benifits-of-rpa-box-1{
	min-height: 457px;
}
.advantage-area{
	padding-top: 0;
	margin-top: -30px;
}
.advantage-area a{
	font-size: 20px;
    color: #f77d33;
    font-family: "CircularStdRegular";
}
.advantage-area .choose-box{
	    padding: 28px 20px 14px;
	width: 100%;
	margin: 30px 0;
}
.advantage-area .choose-box-1{
    margin-top: 60px;
        margin-left: 50px;
}
.choose-box-2{
	position: relative;
	left: 50px;
}
.we-consider-area .AR-plateforms-bg h2{
	font-size: 44px;
	line-height: 62px;
}
.we-consider-area .AR-plateforms-bg h2 span{
	color: #f77d33;
}
.we-consider-area .AR-plateforms-bg p{
		font-size: 22px;
		line-height: 38px;
}
.we-consider-area-box ul{
	margin-bottom: 0;
}
.we-consider-area-box {
    box-shadow: 0px 10px 20px #dde2ff80;
    border-radius: 20px;
    min-height: 350px;
    background: #fff;
    padding: 40px 30px 30px;
}
.we-consider-area-box h4{
	font-size: 26px;
	color: #000C51;
	line-height:  36px;
}
.we-consider-area-box .head-list{
	display: flex;
    justify-content: space-between;
}
.we-consider-area-box .we-consider-list{
	font-size: 18px;
	line-height: 34px;
	font-family: "CircularStdMedium";
	color: #828FAD;
	margin-top: 10px;
}
.we-consider-area-box .we-consider-list li{
	position: relative;
	padding-left:  10px;
	line-height: 32px;
	font-size: 18px;
}
.we-consider-area-box .we-consider-list li:before{
	/*position: absolute;*/
	display: none;
    content: '';
    width: 4px;
    height: 4px;
    background: #000C51;
    border-radius: 50%;
    top: 14px;
    left: 0px;
}
.we-consider-area{
	padding-bottom: 10px;
}
.web-application-devlop-process .benefit-box ul li p{ 
	display: flex;
    justify-content: center;
    align-items: center;
}
.essential-steps .apart{
	height: 515px !important
}
.Custom-software .apart{
	    height: 480px !important;
}
.business-needs .game-apart{
	height: 414px;
}



/*media query*/
@media(max-width: 1199px){
	.web-app-services .benifits-of-rpa-box h4{
		font-size: 22px;
	}
	.web-app-services .benifits-of-rpa-box {
	    min-height: 460px;
	}

.essential-steps .apart p{
	font-size: 18px;
}
.essential-steps .apart{
	    padding: 28px 20px 14px;
}
.essential-steps .apart h4{
	    font-size: 23px;
	        padding: 15px 0px 0px;
}
	.example-application .healthcare-soft-box ul li p{
		font-size: 30px !important;
	}
	.we-consider-area-box{
	    padding: 40px 15px 30px;
	    min-height: 384px;
	}
}

@media (max-width: 999px){
	.bg-half-170 .mr-5{
		margin-right: 13px !important
	}
	.advantage-area .choose-box-1{
		    margin-left: 20px;
	}
	.choose-box-2{
		left: 30px
	}
	.advantage-area .choose-box p{
		font-size: 17px;
	}
	.we-consider-area-box{
		    padding: 20px 15px 30px;
	}
	.we-consider-area-box h4{
		font-size: 19px;
		line-height: 28px;
	}
	.head-list img{
	    width: 40px;
	    height: 50px;
	    margin-top: 7px;
	}
	.we-consider-area-box .we-consider-list{
		margin-top: 0;
	}
}


@media (max-width: 767px){
	.business-needs .game-apart{
		height: auto;
	}

.Custom-software .apart{
	height: auto;
}
	.index-can-we-talk {
	    font-size: 14px !important;
	}
	.btn-primary {
	    font-size: 14px !important;
	    padding: 11px 7px !important;
	}
	
	.healthcare-soft-box {
        margin: 0px 0px 28px;
    }
    .benefit-box {
        width: 98%;
            margin: 18px auto;
        height: auto;
        }
    .healthcare-soft-1 {
        margin-left: 0px;
        margin-top: 0px;
    }
    .web-application-right {
	    justify-content: center !important;
	}
	.example-application{
		background-image: none !important;
	}
	.essential-steps .apart{
		height: auto !important;
	}
	.web-app-services .benifits-of-rpa-box {
	    min-height: 0px;
	}
	.benifits-of-rpa-description{
		width: 100%
	}
	.web-app-services .heading-text p{
		padding-right: 0;
	}
	.advantage-area .chosse-app-reverse{
		flex-direction: column-reverse;
		margin-top: 30px;
	}
	.advantage-area .choose-box-1{
		margin-left: 0;
	}
	.advantage-area .choose-box-2{
		left: 0;
		top: -30px
	}
	.we-consider-area-box{
		min-height: 0px;
		margin-bottom: 30px;
	}
	.we-app-client{
		padding-top: 10px;
	}
	.advantage-area{
		padding-bottom: 0;
	}
}



/*=========================
	software development
===========================*/
.what-we-do{
	padding-bottom: 70px !important;
}
.what-we-do .apart{
    height: 340px;
    padding: 28px 20px 14px;
}
.what-we-do .apart h4{
    padding: 15px 0px 0;
}
.what-we-do .apart p{
	font-size: 16px;
}
.software-integrations h3{
	font-size: 26px;
}
.software-integrations .roi-box p{
	line-height: 30px;
}
.software-integrations .roi-box{
	min-height: 430px;
	    padding: 30px 10px 10px 10px;
}
.digital-transform h2 span{
	color: #f77d33;
}
.digital-transform .complete-bg{
	padding: 20px;
}
.digital-transform .complete-pera p{
	line-height: 35px;
}
.Custom-software{
	margin-top: 100px;
}
.Custom-software .apart{
	height: 400px;
}
.Custom-software .apart a{
	font-size: 20px;
	color: #f77d33;
	font-family: "CircularStdMedium";
}
.custome-software-development p{
	padding-right: 0;
	margin-top: 0;
}
.custome-software-development .heading-text p{
	padding-right: 40px;
}
.custome-software-development .why-adopting-tab{
    padding: 30px 35px 15px;
    margin-top: 35px;
}
.custome-software-development .why-adopting-tab:last-child{
	margin-bottom: 40px
}
.powering-cross-device .heading-text p{
	margin-top: 0;
}
.enterprise-software{
	background-size: cover;
	padding-bottom: 40px;
	    margin-top: -40px;
}
.enterprise-software .benifits-of-rpa-description{
	width: 100%;
}
.enterprise-software p{
	padding-right: 0;
}
.enterprise-software .benifits-of-rpa-box {
    min-height: 436px;
}
.integrations-applications p{
	line-height: 35px;
}
.complete-heading span{
	color: #f77d33;
}
.integrations-applications .col{
	width: 200px;
}
.integrations-row{
	background-position: center;
    background-repeat: no-repeat; 
    padding: 70px 0;
    margin-top: 30px;
    margin-bottom: 100px;
}
.software-technologies-box{
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	width: 242px;
	height: 243px;
	padding: 40px 30px;
}
.software-technologies-box h3{
	font-size: 26px;
	line-height: 36px;
	margin-top: 20px;
	color: #000C51;
}
.software-technologies .row{
	margin-top: 35px;
}



/*media query*/
@media(max-width: 1199px){
	.what-we-do .apart {
	    height: 450px;
	}
	.heading-text h2{
		font-size: 39px;
	}
	.enterprise-software .benifits-of-rpa-box {
	    min-height: 430px;
	}
	.software-technologies-box{
		width: 100%;
		padding: 40px 20px;
	}
	.software-technologies-box h3{
		font-size: 16px;
    	line-height: 29px;
	}
}

@media(max-width: 999px){
	.what-we-do .apart{
	    padding: 28px 20px 14px;
	}
	.what-we-do .apart h4{
		font-size: 25px;
	}
	.what-we-do .apart {
	    height: 480px;
	}
	.Custom-software .apart h4{
		font-size: 21px;
	}
	.Custom-software .apart{
		height: 570px;
	}
	.custome-software-development .why-adopting-tab{
		    padding: 30px 15px 15px;
		    margin-top: 35px;
	}
	.why-adopting-tab-content{
		margin-left: 30px;
	}
	.enterprise-software .benifits-of-rpa-box {
	    min-height: 610px;
	}

}

@media(max-width: 767px){
	.what-we-do .apart {
	    height: auto;
	}
	.digital-transform .row{
		flex-direction: column-reverse;
	}
	.Custom-software .mt-5{
		margin-top: 0 !important
	}
	.Custom-software .heading-text p,.custome-software-development .heading-text p,.heading-text p{
		padding-right: 0;
	}
	.custome-software-development .why-adopting-tab{
		margin: 35px 0;
	}
	.enterprise-software .benifits-of-rpa-box {
	    min-height: 0px;
	}
	.integrations-applications .col {
        max-width: 50%;
        flex-basis: auto;
        text-align: center;
        margin-top: 10px;
	}
	.integrations-applications .mt-4{
		margin-top: 0!important
	}
	.software-technologies-box{
		margin-bottom: 30px;
		height: 224px;
	}
	.integrations-row{
		padding: 0px 0;
    	margin-top: 0;
	}
	.software-technologies .row {
	    margin-top: 0;
	}
	.main-card .accordions .accordion .cont-header h3 {
	    line-height: 30px;
	    font-size: 17px;
	    margin-right: 0;
	}
}



/*=========================
	big-data-industries
===========================*/
.big-data-industries{
	padding-top: 50px;
}
.big-data-industries .integrations-row{
	margin-bottom: 0px;
	margin-top: 0;
	padding-top: 20px;
}
.big-data-using{
	padding-bottom: 70px;
}
.big-data-using .apart{
	padding: 28px 25px 14px;
	    height: 520px !important;
}
.big-data-using .apart h4{
	font-size: 28px;
    line-height: 34px;
    padding: 0;
    margin-top: 20px;
}
.big-data-using .apart p{
	font-size: 16px;
	line-height: 30px;
}
.big-data-service{
	padding-top: 40px;
	padding-bottom: 40px;
}
.big-data-service .benifits-of-rpa-box{
	text-align: center;
	padding: 28px 20px 14px;
	    min-height: 420px;
}
.big-data-service .benifits-of-rpa-box h4{
	font-size: 22px;
	line-height: 30px;
}
.big-data-service .benifits-of-rpa-box p{
	font-size: 18px !important;
	line-height: 34px !important;
	color: #828FAD;
}
.big-data-offering{
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 60px;
	padding-bottom: 50px;
}
.big-data-offering .we-consider-area-box h4{
	font-size: 22px;
	line-height: 30px;
	color: #000C51;
}
.big-data-offering .we-consider-area-box p{
	font-size: 14px;
	line-height: 34px;
	color: #828FAD;
}
.big-data-offering .we-consider-area-box img{
	width: 53px;
	height: 53px;
}
.big-data-offering .we-consider-area-box{
	margin-bottom: 50px;
    width: 340px;
    min-height: 440px;
    padding: 30px;
}
.big-data-lifestyle .col{
	width: 200px;
}
.big-data-lifestyle .complete-heading{
    position: relative;
    top: 50px;
}
.big-data-lifestyle .complete-heading h2{
    font-size: 44px;
}
.big-data-lifestyle{
	padding-top: 40px;
}
.big-data-lifestyle .row{
	padding-top: 92px;
	padding-bottom: 80px;
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/services/what-we-do-bg.png);
    background-repeat: no-repeat;
    background-position: top;
    margin-bottom: 100px;
}
.lifestyle-box{
	background: #fff;
	box-shadow: 0px 10px 20px #DDE2FF80;
	border-radius: 20px;
	padding: 30px ;
	width: 200px;
	height: 200px;
	position: relative;
	text-align: center;
}
.lifestyle-box:before{
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-1.png);
    width: 32px;
    height: 70px;
    background-repeat: no-repeat;
}
.lifestyle-box.lifestyle-box-1 {
    margin-top: 68px;
}
.lifestyle-box-1:before{
    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-2.png);
    top: 30px;
}
.last-lifestyle:before{
	display: none;
}
.lifestyle-box h4{
	font-size: 18px;
	line-height: 26px;
	margin-top: 20px;
	color: #000C51;
}

/*media query*/
@media(max-width: 1199px){
	.big-data-using .apart {
	    padding: 28px 15px 14px;
	    height: 480px;
	}
	.big-data-using{
		padding-top: 0px !important;
	}
	.big-data-service{
		padding-bottom: 90px;
	}
	.big-data-service .benifits-of-rpa-box {
	    text-align: center;
	    padding: 28px 10px 14px;
	    min-height: 450px;
	}
	.big-data-offering .we-consider-area-box{
		width: 100%;
		padding: 20px;
		min-height: 360px;
		margin-bottom: 30px;
	}
	.big-data-lifestyle .row{
		background-size: contain;
		padding-top: 82px;
    	padding-bottom: 50px;
	}
	.big-data-offering .we-consider-area-box h4{
		font-size: 21px;
	}
	.lifestyle-box{
		width: 162px;
		padding: 20px;
		height: 180px;
	}
	.lifestyle-box h4{
		font-size: 17px;
	}
}


@media(max-width: 999px){
	.big-data-using .apart{
		height: 550px;
	}
	.big-data-using .apart p {
	    font-size: 14px;
	    line-height: 27px;
	}
	.big-data-service{
		padding-bottom: 50px;
	}
	.big-data-service .benifits-of-rpa-box{
		    min-height: 610px;
	}
	.big-data-industries .complete-pera p br {
	    display: none;
	}
	.big-data-offering .we-consider-area-box{
		    padding: 20px 15px;
	}
	.big-data-offering .we-consider-area-box h4 br{
		display: none;
	}
	.big-data-offering .we-consider-area-box h4{
		font-size: 17px;
		line-height: 25px;
	}
	.big-data-offering .we-consider-area-box img {
	    width: 43px;
	    height: 43px;
        position: relative;
    	left: 8px;
    	top: -4px;
	}
	.big-data-lifestyle .col{
		padding: 0;
	}
	.big-data-offering .we-consider-area-box p{
		line-height: 28px;
	}
	.lifestyle-box{
		width: 120px;
	    padding: 17px 10px;
	    height: 160px;
	}
	.lifestyle-box img{
		width: 50px;
	}
	.lifestyle-box h4 {
	    font-size: 14px;
	    line-height: 20px;
	}
	.lifestyle-box:before{
		top: 40%;
	}
	.lifestyle-box-1:before{
		top: 0;
	}
}

	.big-data-what-set .game-apart{
		height: 440px !important
	}
@media(max-width: 767px){
	.big-data-using .apart {
	    height: auto !important;
	}
	.big-data-what-set .game-apart{
		height: auto !important
	}
	.big-data-service .benifits-of-rpa-box {
	    min-height: 0px;
	}
	.big-data-offering .we-consider-area-box h4{
		font-size: 20px;
	}
	.big-data-offering .we-consider-area-box{
		min-height: 0px;
	}
	.big-data-lifestyle .row{
		margin: 20px;
		background-size: cover;
		border-radius: 30px;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
	.big-data-lifestyle .col{
		flex-basis: 100%;
	}
	.lifestyle-box{
	    width: 200px;
	    padding: 17px 10px;
	    height: 160px;
	    margin: 0 auto;
	    margin-bottom: 36px;
	}
	.lifestyle-box.lifestyle-box-1{
		margin-top: 0;
	}
	.lifestyle-box h4{
		font-size: 18px;
		line-height: 26px;
	}
	.lifestyle-box:before {
	    position: absolute;
	    content: '';
	    top: 90% !important;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-1.png);
	    width: 32px;
	    height: 70px;
	    background-repeat: no-repeat;
	    transform: rotate(-90deg);
	}
	.lifestyle-box-1:before{
		background-image: url(/web/20220620102237im_/https://www.zazz.io/assets/images/big-data-developement/lifestyle-2.png) !important;
	}
	.big-data-lifestyle .complete-heading h2 br {
	    display: none;
	}
	.heading-font-30 h2{
		font-size: 30px !important;
		line-height: 42px !important;
	}
}


/*==========================
	ecommerce-application
============================*/
.ecommerce-feature{
		padding-bottom:40px;
}
.ecommerce-application .apart{
    padding: 35px 40px 20px;
}
.ecommerce-feature{
	
}
.ecommerce-application .apart p{
	font-size: 20px;
	line-height: 36px;
	color: #828FAD;
	text-align: inherit;
}
.types-of-machine-learning-tabs {
  width: 97%;
  background-color: #fff;
  padding: 28px 18px 14px;
  box-shadow: 0px 10px 20px #dde2ff54;
  border-radius: 20px;
  margin: 23px 6px;
  min-height: 360px;
}
.types-of-machine-learning-tabs h4 {
  font-size: 20px;
  color: #000c51;
  line-height: 28px;
  font-family: "CircularStdBold";
}
.types-of-machine-learning-tabs p {
  font-size: 16px;
  line-height: 30px;
  margin-top: 20px;
  color: #828fad;
  font-family: "CircularStdRegular";
}



.agile-what-set-apart .game-apart{
	height: 440px;
}
.how-we-what-set-apart .game-apart{
	height: 570px;
}
.ecommerce-what-set .game-apart{
	height:490px;
}
@media(max-width: 767px){
	.how-we-what-set-apart .game-apart {
	    height: auto;
	}
	.agile-what-set-apart .game-apart{
		    height: auto;
	}
	.ecommerce-what-set .game-apart{
		height: auto;
	}
	.some-popular ul li span{
		display: none;
	}
	.displayhidein-mobile{
		display: none;
	}
	.some-popular .healthcare-soft-box ul li p {
		font-size: 25px !important;
	}
	.blc-text p {
	    padding-right: 0;
	}

}




/*====================== NEW CSS =======================*/
.how-can-we-style{
	padding-top: 80px;
}
.vr-slide-style{
	padding-top: 100px;
}
.ios-sec4{
	padding-top: 80px;
}
.mid-phone img{
	padding-top: 100px;
}
.py-30{
	padding: 30px 0;
}
.client-rate-style{
	padding: 50px 0;
}
.ar-help-style  .augment-box p{
	font-size:16px;
}
.ar-help-style .augment-box h4 {
    height: 60px;
}
.ar-banner{
	margin-left: 0;
}
.ar-help-style .augment-box{
	height: 705px;
}
.ar-slide-style .owl-slider2 {
    max-height: 640px;
}
.how-we-work-roi .roi-box {
    height: 560px;
}
.tech-stack-style{
	margin-top: 50px;
}
.ios-box-style .apart {
    width: 100%;
    height: 375px;
}
.exp-img-style img{
	width: 92%;
}
.blockchain-dev-services-box {
    min-height: 500px;
}

.iot-tabs {
    min-height: 505px;
}
.ar-slide-style .owl-slider2 p{
	width: 100%;
	height: 450px;
}
.story-slider .career-btn a{
	color: #fff;
}
.story-slider .career-btn a:hover{
	color: #fff;
}
.AR-plateforms-box img {
    width: 150px;
    height: 150px;
    object-fit: contain;
}
.python-box-style .exp-in-python-tabs {
    width: 100%;
    margin-left: 0;
}
.python-banner-style img{
	width: 90%;
}
.python-banner-style .banner-image{
	text-align: right;
}
.fe-banner-style img{
	margin-top: 45px;
}
.react-boxes-style .resion-box {
    width: 100%;
    height: 435px;
}
.pdp-section .pdp-img img{
	width: 100%;
}
.pdp-section{
	padding-top: 40px;
}
.pdp-section h2{
	padding-bottom: 30px;
}
.fe-development-process .process-img-style img{
	width: 100%;
}
.fe-style .section1{
	padding-top: 60px;
}
.fe-sec2{
	padding-top: 50px;
}
.hadoop-sbox-style .game-apart {
    height: 455px;
}

.fc-sec2 .Product-Managers p{
	font-size: 19px;
    line-height: 30px;
}

.fc-style .core-idea-box p{
	font-size: 17px;
    line-height: 28px;
}
.fc-style .core-idea-box{
    height: 430px;
}
.about-bstyle .game-apart {
    height: 525px !important;
}
.the-fleek .game-apart {
    height: 462px !important;
}
.service-boxes .game-apart {
    height: 445px;
}
.iot-sec4{
	padding: 40px 0;
}
.vr-boxes-style .vr-box{
    height: 378px;
}
.fbox-h .best-flutter-app-development-box {
    min-height: 401px;
}
.react-boxes-style .apart{
	height: 405px;
}
.web-bstyle .benifits-of-rpa-box {
    min-height: 427px;
}
 .top-rated-style{
 	padding-top: 0;
 	padding-bottom: 60px;
 }
.startup-sec2 h2{
	font-size: 33px;
    line-height: 47px;
}
.startup-sec2 .txt-style p{
font-size: 20px;
}
.startupbox{
	padding-top: 60px;
}
.career-section1{
	padding-top: 130px !important;
}
.career-section1 .banner-heading{
padding-top: 90px;
}
.career-section1 p{
	font-size: 26px;
    color: #828FAD;
    line-height: 38px;
    width: 100%;
    padding-left: 0;
    margin-top: 11px;
}
.career-culture-sec h4{
	font-size: 22px;
    line-height: 37px;
}
.career-box-style .apart{
	height: 405px;
}
.career-location-slider .item img{
	width: 100% !important;
}
.mac-box-style .apart{
	width: 100%;
    height: 454px;
}
.mac-box-style .apart h4{
	font-size: 24px;
	margin-bottom: 0;
}
.macBanner .banner-image img{
width: 100%;
}
.web-sec4{
	padding-top: 40px;
}
.web-circle .healthcare-soft-1 {
    margin-left: 81px;
    margin-top: 42px;
}
.web-circle .healthcare-soft-4 {
    margin-left: -79px;
    margin-top: 46px;
}
.web-circle .healthcare-soft-2 {
    margin-left: -61px;
    margin-top: -18px;
}
.web-circle .healthcare-soft-5 {
    margin-left: 60px;
    position: relative;
    top: -20px;
}
.web-circle .healthcare-soft-3 {
    margin-left: -3px;
    position: relative;
    top: 46px;
}
.web-circle .healthcare-soft-6 {
    margin-left: 2px;
    position: relative;
    top: 16px;
}



@media only screen and (max-width: 768px){
	.web-circle .healthcare-soft-1 {
    margin-left: 0;
    margin-top: 0;
}
.web-circle .healthcare-soft-4 {
    margin-left: 0;
    margin-top: 0;
}
.web-circle .healthcare-soft-2 {
    margin-left: 0;
    margin-top: 0;
}
.web-circle .healthcare-soft-5 {
    margin-left: 0;
    position: unset;
    top: 0;
}
.web-circle .healthcare-soft-3 {
    margin-left: 0;
    position: unset;
    top: 0;
}
.web-circle .healthcare-soft-6 {
    margin-left: 0;
    position: unset;
    top: 0;
}
	.mac-box-style .apart{
	width: 100%;
    height: auto;
}
	.stayiing-learn{
		margin-top: 60px;
	}
	.solution-area{
		padding-top: 0 !important
	}
	.why-choose-mvp{
		margin-top: -120px;
	}
	.react-boxes-style .apart {
	    height: auto;
	}
	.vr-boxes-style .vr-box {
	    height: auto !important;
	}
	.resion-box {
	    height: auto !important;
	}
    .vr-banner-style .banner-heading h1{
       margin-top: 0;
    }
    .how-can-we-style{
    	padding-top: 0px;
    }
    .vr-slide-style .owl-slider2 {
	    min-height: 400px;
	}
	.ar-vr-bg .hvr-float-shadow.all_btns a {
	    padding: 15px 15px 15px 15px;
	}
	.vr-slide-style{
		padding-top: 0px;
	}
	.flutter-cycle-style{
		padding-top: 0;
	}
	.best-flutter-app-development {
    margin-top: 30px;
    padding: 0 0 50px 0;
}
.why-flutter-style{
	padding-top: 0;
}
.one-stop-style{
	padding: 30px 0 30px 0;
}
.best-flutter-app-development-box {
    min-height: auto;
}
.why-choose-slider .owl-slider2 {
    min-height: auto;
}
.dual-sec h4 {
    font-size: 14px;
}
.dual-sec .android-img {
    width: 28px;
    margin-right: 5px;
}
.dual-same-size .android-box{
	height: 260px;
	padding: 20px 10px;
}
.iot-sec2{
	padding-top: 30px;
}
.iot-sec3{
	padding-top: 0px;
}
.iot-sec4{
	padding:20px 0;
}
.iot-sec5 p{
	margin-bottom: 0;
}
.iot-feature-style p{
	margin-bottom: 0;
}
.roadmap-of-iot-app-development {
    margin-bottom: 50px;
}
.iot-detail-style{
	padding-top: 30px;
}
.ios-sec4{
	padding-top: 0px;
}
.list-ios{
	padding-top: 0px;
}
.mid-phone img{
	padding-top: 20px;
	margin-bottom: 40px;
	width: 70%;
}
.mid-phone{
	text-align: center;
}
.space-sec{
	padding-top: 30px;
}
.content-over-marquee {
    top: 80px;
}
.service-banner-style .banner-img{
	display: none;
}
.row-rev {
    flex-direction: column-reverse;
}
.client-rate-style{
	padding-top: 105px;
   padding-bottom: 20px;
}
.ai-sec1{
	    padding-top: 25px;
}
.ai-h{
	padding-top: 40px;
}
.ai-service-style{
	padding-top: 0px;
	padding-bottom: 40px;
}
.machine-learning-process h2 {
    margin: 60px 0px;
}
.what-we-done-tabs{
	margin-left: 0;
}
.sm-content{
    padding-top: 15px;
}
.section-padding{
	padding: 40px 0;
}
.benifits-of-rpa-box{
	min-height: auto;
}
.hadoop-heading h4 {
    font-size: 11px !important;
}
.process-left img {
    margin-bottom: 28px;
}
.design-tabs-area nav a {
    width: 30% !important;
    padding: 1px 2px;
    font-size: 17px;
}
.desgin-tab-hading .nav a{
	margin-bottom: 12px;
	font-size: 14px;
}
.android-img {
    margin-right: 5px;
}
.company-banner img{
	display: none;
}

.react-slide-style .owl-carousel .owl-item img {
    width: 100% !important;
    height: 115px;
    object-fit: contain;
}
.AR-tech-overview {
    margin: 20px 10px;
}
.ar-slide-style .owl-slider2 {
    min-height: auto !important;
}
.ar-slide-style .owl-slider2 img{
	    width: 26% !important;
}

.active-dash {
    width: 8px !important;
    margin-top: 5px !important;
}
.ar-vr-bg .tab button {
    font-size: 11px;
}
.ar-vr-bg .tab button {
    padding: 14px 0px !important;
}
.augmented-reality{
	padding-top: 20px;
}
.augmented-reality-img img {
    width: 75%;
}
.augmented-reality-img{
	text-align: center;
}
.lang-box1 p {
    line-height: 12px;
}
.ar-slide-style{
	padding-top: 0px;
	padding-bottom: 0;
}
.tech-stack-style{
	margin-top: 0px;
}
.AR-plateforms-box {
    min-height: 140px;
    margin-bottom: 0;
    margin-top: 25px;
 }
.AR-plateforms-box p {
    font-size: 17px;
}
.we-consider-area .AR-plateforms-bg h2{
	font-size: 30px;
    line-height: 45px;
}
.we-consider-area .AR-plateforms-bg p {
    font-size: 16px !important;
    line-height: 28px;
}
.AR-plateforms-box img {
    padding: 10px 10px;
}
.our-engagement-model-tab1 {
    margin-top: 0px !important;
}
.ar-solution-style{
	padding-top: 0;
}
.build-intelligent-AR {
    height: 200px;
}
.ar-solution-img{
	padding: 0 0;
}
.how-we-work-roi .roi-box {
    height: auto;
}
.ar-slide-style .owl-slider2 .card-body p {
        font-size: 13px;
    line-height: 20px;
}
.ar-slide-style .owl-slider2 {
    /* max-height: 711px !important;
	min-height: 630px !important; */
	height: 527px;
}


.ar-slide-style .owl-slider2 p{
	width: 100%;
	height: 390px !important;
}
img#long-line {
    height: 1719px;
}
.story-slider .owl-dots .owl-dot span {
    background: #fff !important;
}
.about-sec2{
    padding-top: 40px !important;
}
.blc-text p {
    padding-right: 0;
}
.why-adopting{
	margin-bottom: 30px;
}
.exp-icon-style img{
	width: 100%;
}
.block-service-style h2 {
    font-size: 73px !important;
    margin-top: -20px !important;
}
.eng-model-text {
    min-height: auto;
}
.block-sec2{
	padding-top: 30px;
}
.AR-plateforms-box img {
    width: 110px !important;
    height: 110px !important;
}
.fe-box{
	margin-left: 0 !important;
}
.fe-style{
	margin-top: 0;
}
.fe-button .android-box.hadoop-heading.aos-init.aos-animate{
margin-bottom: 30px !important;
}
.story-slider .owl-theme .owl-nav.disabled + .owl-dots {
    left: 21%;
    bottom: 20px;
    background: #f77d33;
    padding-top: 6px;
}
.python-sec2{
	padding-top: 30px;
	padding-bottom: 24px;
}
.python-service-style{
	padding-bottom: 0 !important;
}
.python-pioneer-style{
	padding-top: 50px;
}
.python-box-style .exp-in-python-tabs {
    margin-bottom: 30px;
}
.python-btn-style{
	    padding-top: 35px;
}
.industries-we-serve h2 {
    font-size: 30px;
    line-height: 50px;
}
.pdp-section h2{
	font-size: 30px;
    line-height: 50px;
}
.block-banner h1{
	padding-bottom: 15px;
}
.blockchain-dev-services-box {
    min-height: auto !important;
}
.blockchain-buttons{
	padding: 45px 0;
}
.hadoop-sbox-style .game-apart {
    height: auto !important;
}
.fc-style .core-idea-box{
    height: auto !important;
}
.the-fleek .game-apart {
    height: auto !important;
}
.about-bstyle .game-apart {
    height: auto !important;
}
.agile-what-set-apart .game-apart{
	height: 440px;
}
.web-bstyle .benifits-of-rpa-box{
	min-height: auto !important;
}
.advantage-orderning {
    display: flex;
}
.ad-order-1{
order: 1;
}
.ad-order-2{
order: 2;
}
.ad-order-3{
order: 3;
}
.education-section1 .banner-heading h1{
	margin-top: 0;
}
.ai-section1 .banner-heading h1{
	margin-top: 0;
}
.media-space{
	margin-left: 16px;
}
.fe-sec2 .fe-txt{
    padding-left: 15px;
    padding-right: 15px;
}
.fe-btn{
	padding-bottom: 30px;
}
.service-media-txt{
	margin-top: 20px;
}
.career-section1 .banner-heading {
    padding-top: 0;
}
.career-section1 h1{
	margin-top: 0 !important;
}
.career-section1 {
    padding-top: 50px !important;
}
.compnay-top-banner{
	display: none;
}
.career-box-style .apart {
    height: auto;
}
.startup-sec2 .txt-style p {
    font-size: 12px;
}
.startupbox {
    padding-top: 0;
}
.startup-section {
    padding: 15px 0 20px;
}
.startup-btn-sec{
	padding-bottom: 45px;
}
.career-location-slider {
    padding-top: 40px !important;
    padding-bottom: 0 !important;
}
.iot-ete{
	margin-top: 0;
}
.mac-sec4{
	padding-top: 40px;
}
.mac-img-style img{
	margin-top: 30px;
}
.mac-market{
	padding-top: 40px;
}
.mac-box-style .choose-box1{
height: auto !important;
}


}

/*============== Media Query Ends ==============*/

/*Other screen*/
@media only screen and (min-width: 1440px){
	.counter-about .counter-box {
	    padding: 23px 12px !important;
	}
	.counter-about p {
	    padding-top: 13px !important;
	}
}
@media(max-width: 1399px){
	.software-integrations .roi-box {
	    min-height: 460px;
	    padding: 30px 10px 10px 10px;
	}
}

@media(max-width: 1200px){
	.software-integrations .roi-box {
	    min-height: 520px;
	    padding: 30px 10px 10px 10px;
	}
}
@media(max-width: 768px){
	.software-integrations .roi-box {
	    min-height: auto;
	    padding: 30px 10px 10px 10px;
	}
}

.list-contents li{
    line-height: 28px !important;
}
@media (max-width: 350px){
	.ar-slide-style .owl-slider2{
		height: 726px !important;
		max-height: 727px !important;
	}
	.ar-slide-style .owl-slider2 p{
		height: 577px !important;
	}
	
	
}



/*pwa page*/

/*` page*/

.pwa_banner_area{
	background: linear-gradient(100.81deg, #092140 4.27%, #34546E 57.81%) !important;
}
.pwa_banner_area .banner_img_right{
	margin-top: -40px;
}

.pwa-second-area .right-side{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.how_we_progressive .container{
	    background: #DEFFFC;
    border-radius: 34px;
    padding-top: 40px;
    padding-left: 40px;
}
.pwa_android_area .container{
	background: #FEF1E7; 
	margin-top:60px;
}

.pwaevelopment_service{
	padding-top: 70px !important;
	padding-bottom: 70px; 
}
.migration_area{
	padding: 100px 0 0;
}
.inner_migration_area{
	background: #EDEDED;
	padding: 20px;
	border-radius: 21px 21px 30px;
	margin-bottom: 80px;
}
.inner_migration_area img{
	    margin-top: -70px;
    	margin-bottom: 10px;
}


.others_btns{
	margin-top: 30px;
}
.others_btns a{
	background: #28ABFE;
	color: #fff;
	box-shadow: 0px 6px 20px #001D3633;
	padding: 10px 20px 12px;
	border-radius: 35px;
}

.my_heading h1{
	font-size: 70px;
    line-height: 80px;
	font-weight: bold;
}
.my_heading h2{
	font-size: 50px;
  	line-height: 65px;
	font-weight: bold;
}
.my_heading h3{
	font-size: 25px;
	line-height: 36px;
	font-weight: bold;
}
.my_heading h4{
	font-size: 40px;
	font-weight: bold;
}
.my_heading p{
    font-size: 20px;
    line-height: 30px;
    color: #b9b9b9;
}
.my_heading h2 span{
	color: #473EFD;
}
.we_understand_area{
padding: 40px 0;
}

@media(max-width: 768px){
	.how_we_progressive .container{
		padding-left: 20px;
	}
	.column_reverse .row{
		    flex-direction: column-reverse;
	}
	.my_heading h2{
		    font-size: 30px !important; 
    	line-height: 40px;
	}
	.migration_area{
		padding-top: 40px;
	}
	.pwa_maintenance{
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 768px){
	.how-we-work-roi .roi-box {
	    height: auto;
	    text-align: center;
	    min-height: auto;
	    padding: 20px 6px 6px 6px;
	}
	 .media-btn{
	 	padding-top: 55px;
	 }
}
.city-box .programming-languages-box{
	height: 454px;
}
.city-process-box .process-box h4 {
    font-size: 23px;
    line-height: 26px;
}
.city-process-box .process-box{
	height: 617px;
}
.city-custom-solution .apart{
	height: 495px;
}
.city-custom-solution .apart p {
    font-size: 15px;
    line-height: 28px;
}
.banner-style .banner-heading p {
    padding-left: 0;
    line-height: 30px;
}
.android-section2{
	padding-top: 60px;
	padding-bottom: 55px;
}
.android-section3 img{
	border-radius: 12px;
}
.Create-img{
	text-align: center;
}
.Create-img img{
	width: 80%;
}
.react-section2{
	padding-top: 0px;
}

.content-based-table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
}
.content-based-table td,.content-based-table th {
  border: 1px solid #dddddd !important;
  text-align: left;
  padding: 8px;
  font-size: 24px;
  color: #000c51;
}
.content-based-table tr:nth-child(odd) {
  background-color: #fbfbfb;
}
.content-based-table table h3 {
    font-size: 20px;
    color: #000c51;
}
.content-based-table table p{
	margin-top: 0;
}
.content-based-table table tr:last-child td:first-child {
    border-bottom-left-radius: unset;
}
.content-based-table table tr:last-child td:last-child {
    border-bottom-right-radius: unset;
}
.javascript-development-text ul li {
    color: #000c51 !important;
}
.ecommerce-sec2 .aglie-heading h2 {
    font-size: 40px;
    line-height: 52px;
}
.ecommerce-sec2 .aglie-heading p {
    font-size: 20px;
    line-height: 36px;
}
.ed-process{
	text-align: center;
}
.ed-process img{
	width: 80%;
}
.real-estate-box .benifits-of-rpa-box{
    min-height: 458px;
}
.real-estate-style .we-consider-area-box h4 {
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.real-estate-style .we-consider-area-box {
    height: 530px;
}
.real-estate-style img{
	width: 60px;
	height: 60px;
}
.ag-process-img{
	text-align: center;
}
.ag-process-img img{
	width: 78%;
}
.eco-best img{
	    width: 42%;
    margin-bottom: 8px;
}
@media only screen and (max-width: 768px){
.zService-banner .marquee_image{
	display: none;
}
.zService-banner{
	width: 100%;
    height: 430px;
}



	.vr-slide-style .heading-text{
		padding-left: 15px;
		padding-right: 15px;
	}
img#long-line {
    height: 1712px !important;
}
.eco-best img {
    width: 25%;
}
.hideDot{
	display: none;
}
.ag-process-img img {
    width: 100%;
}
	.txt-remove-justify p{
		text-align: left !important;
	}
	.web-trusted .section {
    padding-top: 0px;
}
.web-trusted .heading-text {
    padding-top: 0;
}
.real-estate-style img {
    margin-top: 0;
}
.city-box .programming-languages-box{
	height: auto;
}	
.city-process-box .process-box{
	height: auto;
}
.city-custom-solution .apart{
	height: auto;
}
.city-section2 .top-notch-image {
    margin-top: 38px;
}
.sydney-box .process-box {
    min-height: auto;
}
.city-process-box .process-box {
    min-height: auto;
}
.txt-line-height{
	line-height: 30px;
}
.banner-heading p {
    font-size: 18px !important;
    line-height: 30px;
}
.android-section2 img{
	margin-top: 20px;
}
.android-section2 {
    padding-top: 0;
}
.android-section3{
	padding-top: 32px;
}
.top-notch p {
    font-size: 16px;
    line-height: 30px;
}
.content-based-table table {
  margin-bottom: 10px;
}
.content-based-table td, .content-based-table th {
    font-size: 15px;
    color: #000c51;
}
 .logo-normal {
  display: block !important;
}
.logo-white{display: none !important;}
.content-based-table table h3 {
    font-size: 13px;
    line-height: 20px;
}
.content-based-table table p {
    line-height: 19px;
    font-size: 12px;
}
.ed-process img {
    width: 94%;
}
.fbox-h .best-flutter-app-development-box {
    min-height: auto !important;
}
.real-estate-box .benifits-of-rpa-box{
    min-height: auto;
}
.real-estate-style .we-consider-area-box {
    height: auto;
}
.real-estate-banner{
	padding-top: 0 !important;
}
.java-tab-style #Tokyo .research span {
    display: contents;
	font-size: 11px;
	line-height: 15px;
}
.research1, .research2, .research3, .research4, .research5, .research6, .research7 {
    margin-top: 0;
}

}


/*TAB*/
@media only screen and (min-width: 768px) and (max-width: 999px){
	.zService-banner .banner-heading h1 {
	    font-size: 35px !important;
	    line-height: 51px !important;
	}
	.zService-banner {
    width: 100%;
    height: 450px;
}
}
/* iphone */
@media only screen and (min-width: 414px) and (max-width: 999px){
	.hadoop-heading h4 {
		font-size: 13px !important;
	}
}

@media (min-width: 1400px){
.container {
    max-width: 1350px;
    margin: 0 auto;
}}
.logo {
  padding: 12px 0 0px;
}
#topnav .navigation-menu .has-submenu .menu-arrow {
  border: solid #3d5afe;
  border-radius: 0.5px;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
#topnav .navigation-menu > li > a {
  color: #000c51;
}
#topnav .navigation-menu > li.active > a, #topnav  .navigation-menu > li:hover > a {
  color: #000c51 !important;
}
#topnav .navigation-menu > li:hover > .menu-arrow {
  border-color: #000c51;
}
/* TAB MEDIA CSS */
@media only screen and (min-width: 768px) and (max-width: 999px) {
	.homescreen-section .screen-img img {
		width: 100% !important;
		height: auto;
		object-fit: cover;
	}
	.riyadh-banner h1 {
		font-size: 70px !important;
		line-height: 75px !important;
	}
	.riyadh-banner h1 span {
		font-size: 79px !important;
	}
	.riyadh-banner .banner-txt p {
		font-size: 14px;
		line-height: 26px;
		margin-bottom: 20px;
		width: 336px;
	}
	.sm-bimg .bird-img {
		width: 175px;
		height: 175px;
		top: -60px;
		left: 33px;
	}
	.sm-bimg .yellow-oval-icon {
		width: 68px;
		height: 68px;
		top: -38px;
		left: 14px;
	}
	.banner-img-style img {
		width: 509px;
		height: 537px;
		object-fit: contain;
		margin-left: 75px;
		top: -56px;
	}
	.riyadh-banner .banner-txt {
		padding-top: 40px;
	}
	.o-oval img {
		width: 180px;
		height: 180px;
		position: relative;
		top: -122px;
		left: 215px;
	}
	.sm-bimg .ballon-icon {
		width: 120px;
		height: 120px;
		object-fit: contain;
		position: relative;
		top: -15px;
		left: 163px;
	}
	.riyadh-banner ul {
		width: 350px;
	}
	.riyadh-banner ul li img {
		width: 108px;
		height: auto;
	}
	.riyadhBanbottom {
		width: 110px;
		height: 187px;
		top: -70px;
		margin-bottom: -240px;
	}
	.aboutRiyadh h2 {
		font-size: 25px;
		line-height: 40px;
		margin-bottom: 20px;
	}
	.aboutRiyadh .rating-txt p {
		font-size: 14px;
		line-height: 30px;
		width: 104px;
		margin-bottom: 32px;
	}	
	.aboutRiyadh .pstyle {
		font-size: 15px;
    line-height: 23px;
    margin-bottom: 14px;
    font-weight: 500;
    width: 100%;
	}
	.aboutRiyadh .normaltxt {
		padding-top: 30px;
	}
	.aboutRiyadh .normaltxt p {
		font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px;
    color: #000;
    width: 100%;
	}
	.aboutRiyadh .txt-lpad {
		padding-left: 82px;
	}
	.aboutRiyadh .projects-details p {
	
		font-size: 10px;
		line-height: 14px;
	}
	.aboutRiyadh .projects-details .p-head {
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 9px;
	}
	.promo-video {
		width: 100%;
		height: 375px;
		margin-bottom: -40px;
	}
	.orrangeBanner .banner-text .h-details h2 {
		font-size: 26px;
		line-height: 40px;
	}
	.orrangeBanner .banner-text .h-details p {
		font-size: 17px;
		line-height: 30px;
	}
	.orrangeBanner p:first-child {
		font-weight: 500;
		font-size: 15px;
		line-height: 24px;
	}
	.orrangeBanner p {
		font-weight: normal;
		font-size: 13px;
		line-height: 20px;
	}
	.solution-section .image-style img {
		width: 100%;
		margin-left: 0;
	}
	.solution-section .txt h2 {
		font-size: 26px;
		line-height: 33px;
		letter-spacing: 0px;
		margin-bottom: 20px;
		padding-top: 10px;
	}
	.solution-section .txt li p {
		font-size: 10px;
    line-height: 15px;
	}
	.solution-section .problem-txt li {
		width: 100%;
		height: 83px;
	}
	.solution-section .txt li {
		height: 109px;
	}
	.v-head {
		text-align: center;
		top: 137px;
		left: -50px;
		z-index: 0;
	}
	.my-yellow-border .ystrips {
		height: 9px;
		bottom: 41px;
	}
	@keyframes yellow_border_animate {
		0%{
		  width: 0%;
		}
		100%{
		  width: 130px;
		}
	  }
	.solution-section {
		padding-top: 40px;
		margin-bottom: 0px;
	}
	.ar-section video {
		width: 100%;
		height: 470px;
	}
	.video-border {
		width: 237px;
		height: 490px;
	}
	.ar-section .txt2 h3 {
		font-size: 70px !important;
		line-height: 95px !important;
	}
	.ar-section .txt2 {
		bottom: 382px;
		left: 145px;
		margin-bottom: -76px;
	}
	.ar-section .txt1 h3 {
		font-size: 54px !important;
		line-height: 90px !important;
	}
	.ar-section .txt1 {
		top: 349px;
		left: -137px;
		margin-top: -55px;
	}
	.ar-contents h2 {
		font-weight: bold;
		font-size: 42px;
		line-height: 57px;
	}
	.ar-contents {
		padding-left: 26px;
		padding-top: 110px;
	}
	.ar-contents p {
		font-size: 16px;
		line-height: 25px;
		width: 100%;
	}
	.ar-contents .c1 {
		position: relative;
		top: 13px;
		left: -10px;
		width: 110px;
		height: 110px;
	}
	.ar-contents .c2 {
		position: relative;
		top: -50px;
		left: 97px;
		width: 60px;
		height: 60px;
	}
	.wireframe-section .plant-img img {
		width: 300px;
		height: 300px;
		top: -54px;
		left: -96px;
	}
	.wireframe-section h2 {
		font-size: 33px;
		line-height: 46px;
		display: block;
		width: 270px;
	}
	.wireframe-head {
		top: -18px;
		left: -7px;
	}
	.wireframe-section .frame1-style .img1 {
		position: relative;
    width: 603px;
    top: -13px;
    left: -79px;
    margin-bottom: -14px;
	}
	.wireframe-section .frame1-style .img2 {
		position: absolute;
		width: 96%;
    top: 92px;
    left: 56px;
		margin-bottom: 0;
	}
	.flow-section h2 {
		font-weight: bold;
    font-size: 30px;
    line-height: 39px;
	}
	.flow-section .txt .p1 {
		font-size: 16px;
		line-height: 26px;
	}
	.flow-section .txt .p2 {
		font-size: 14px;
		line-height: 22px;
	}
	.architech-section {
		padding: 30px 30px 30px 30px;
		top: 130px;
		margin-top: -105px;
	}
	.color-palette-section {
		padding-top: 173px;
	}
	.color-palette-section .palette-h2 {
		font-size: 38px;
		line-height: 40px;
	}
	.color-palette-section .color-txt {
		font-size: 15px;
		line-height: 30px;
	}
	.primary-palette {
		padding-top: 50px;
	}
	.primary-palette li .pink-bubble {
		width: 260px;
		height: 260px;
		padding: 104px 12px;
		left: -21px;
	}
	.primary-palette li .blue-bubble {
		width: 230px;
		height: 230px;
		padding: 89px 20px;
		bottom: 265px;
		left: 128px;
	}
	.primary-palette li h4 {
		font-size: 20px;
		line-height: 28px;
	}
	.primary-palette li p {
		font-size: 20px;
		line-height: 22px;
	}
	.secondary-palette {
		width: 588px;
		height: 565px;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top: 256px;
		margin-top: 28px;
		margin-left: -11px;
		background-position: right;
	}
	.secondary-palette .tory-bubble {
		width: 130px;
		height: 130px;
		padding: 45px 12px;
		left: 11px;
	}
	.secondary-palette li h4 {
		font-size: 14px;
		line-height: 20px;
	}
	.secondary-palette li p {
		font-size: 14px;
		line-height: 17px;
	}
	.secondary-palette .citrine-bubble {
		width: 150px;
		height: 150px;
		border-radius: 50%;
		background-color: #FACC0A;
		text-align: center;
		padding: 45px 0px;
		border: 4px solid #fff;
		top: -58px;
		left: -38px;
	}
	.secondary-palette .orrange-bubble {
		width: 130px;
		height: 130px;
		padding: 37px 0px;
		top: 21px;
		left: -113px;
		border: 4px solid #fff;
	}
	.sm-img{
		width: 130px;
		height: 130px;
		bottom: 84px;
		left: -56px;
		margin-bottom: -50px;
	}
	.secondary-palette .second-head {
		top: -80px;
		left: 161px;
		font-size: 20px;
		line-height: 25px;
	}
	.secondary-palette .green-bubble {
		width: 120px;
		height: 120px;
		padding: 38px 0px;
		top: -43px;
		left: -166px;
		border: 4px solid #fff;
	}
	.typeface-head h2 {
		font-size: 42px;
		line-height: 50px;
		padding-bottom: 17px;
		margin-bottom: 19px;
	}
	.typeface-section p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 14px;
	}
	.typeface-section .a-txt p {
		font-size: 205px;
		line-height: 77px;
		margin-bottom: 12px;
	}
	.typeface-section .muli-txt p {
		font-size: 143px;
		line-height: 185px;
	}
	.typeface-section .spcl-char p {
		font-size: 15px;
		line-height: 15px;
		word-spacing: 25px;
	}
	.typeface-section .spcl-char .p2 {
		word-spacing: 23px;
	}
	.typeface-section .alpha-char {
		padding-top: 8px;
	}
	.typeface-section .alpha-char p {
		font-size: 13px;
		line-height: 3px;
		word-spacing: 20px;
		margin-bottom: 29px;
	}
	.typeface-section .font-list ul {
		padding-top: 31px;
		padding-bottom: 15px;
	}
	.typescale-section {
		padding-top: 20px;
	}
	.typescale-section .h1-box {
		margin-bottom: 20px;
		width: 100%;
	}
	.typescale-section .s1 {
		font-weight: 800;
		font-size: 20px;
		line-height: 30px;
	}
	.typescale-section .s2 {
		font-size: 20px;
	}
	.typescale-section .s3 {
		font-size: 20px;
	}
	.typescale-section .s4 {
		font-size: 20px;
	}
	.typescale-section .s5 {
		font-size: 20px;
	}
	.typescale-section p {
		font-size: 13px;
		line-height: 18px;
	}
	.typescale-section .h2-box {
		margin-bottom: 0;
		padding-left: 0;
	}
	.typescale-section span {
		margin-bottom: 0;
	}	
	.typescale-section .h-styles {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.typescale-section h2 {
		font-size: 38px;
		line-height: 34px;
	}
	.design-element {
		padding-top: 30px;
	}
	.design-element h2 {
		font-weight: bold;
		font-size: 38px;
		line-height: 55px;
	}
	.design-element .contents {
		font-size: 15px;
		line-height: 33px;
		padding-top: 5px;
	}
	.design-element .content {
		padding-bottom: 40px;
	}
	.button-styles {
		width: 88%;
		padding-bottom: 35px;
	}
	.button-styles ul li .sm-button {
		width: 150px;
		height: 57px;
	}
	.button-styles ul li a {
		font-size: 14px;
		line-height: 20px;
		width: 140px;
		height: 57px;
	}
	.icongraphy-section h3 {
		margin-bottom: 60px;
	}
	.icongraphy-box img {
		width: 40px;
		height: 40px;
		margin-bottom: 20px;
	}
	.icongrapghy-section .bottom-style {
		margin-bottom: 38px;
	}
	.homescreen-section {
		margin-top: 177px;
		padding-bottom: 50px;
	}
	.homescreen-section .screen-txt h2 {
		font-size: 30px;
		line-height: 40px;
		margin-left: 0;
	}
	.homescreen-section .homeScreen .img-style img {
		width: 100%;
		top: 0;
		right: -3px;
		height: auto;
	}
	.homescreen-section p {
		font-size: 14px;
		line-height: 23px;
	}
	.homescreen-section .event-listing p {
		padding-left: 0;
	}
	.homescreen-section .event-listing h2 {
		font-size: 30px;
		line-height: 40px;
		padding-top: 120px;
		margin-left: 0;
	}
	.homescreen-section .myZone h2{
		margin-left: 13px;
	}
	.homescreen-section .myZone .zone-txtt{
		margin-left: 13px;
	}
	.homescreen-section .event-listing .img-style img {
		width: 98%;
	}
	.homescreen-section .event-listing {
		padding-bottom: 40px;
	}
	.homescreen-section .mobile-ui h2 {
		font-size: 36px;
		line-height: 50px;
	}
	.homescreen-section .mobile-ui p{
		font-size: 15px;
		line-height: 30px;
	}
	.drag-line1 {
		width: 86px !important;
		position: relative !important;
		left: -9px !important;
		height: 360px !important;
	}
	.canvasImages .drag-line2 {
		width: 86px !important;
		position: relative !important;
		right: -89px !important;
		height: 360px !important;
	}
	.canvasImages img {
		width: 88%;
		height: auto;
	}
	.canvasImages .drag1-img {
		position: absolute;
		top: 9px;
	}
	.canvasImages .drag2-img {
		position: absolute;
		top: -57px;
		left: 23px;
	}
	.myzone-video video {
		top: 54px;
		left: 129px;
		width: 55%;
		height: 153px;
	}
	.yellowBall {
		width: 70px;
		height: 70px;
		left: 227px;
		top: 28px;
	}
	.secret-ingredient {
		padding-top: 60px;
		padding-bottom: 30px;
	}
	.secret-ingredient .ri-head h2 {
		font-size: 35px;
		line-height: 45px;
		margin-bottom: 28px;
		margin-left: -14px;
	}
	.secret-ingredient .my-border {
		left: -13px;
	}
	.secret-ingredient .ri-head img {
		position: absolute;
		bottom: -73px;
		left: 0;
	}
	.secret-ingredient h4 {
		font-size: 12px;
    line-height: 24px;
    margin-bottom: 26px;
	}
	.secret-ingredient .logo-contents img {
		width: auto;
		height: 23px;
		margin-bottom: 26px;
	}
	.secret-ingredient .logoImg1 {
		padding-left: 6px;
	}
	.secret-ingredient .logoImg2 {
		text-align: left;
		padding-left: 50px;
	}
	.intro-banner h2 {
		font-size: 30px;
		line-height: 45px;
		padding-top: 0px;
	}
	.intro-banner p {
		font-size: 14px;
		line-height: 24px;
	}
	.intro-banner {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.ri-CTA {
		text-align: center;
		padding-top: 45px;
		padding-bottom: 45px;
	}
	.ri-CTA h2 {
		font-size: 24px;
		line-height: 33px;
	}
	.ri-CTA .cta-body {
		padding: 56px 20px 35px 20px !important;
		width: 100% !important;
		height: auto !important;
	}
	.dual-video .map-box {
		padding: 6px;
	}
  .bg-half-170 { height: auto; padding-top: 8rem !important; }

}
@media screen and (max-width:999px) {
  .sticky .navigation-menu > li > a {
    color: #000c51 !important;
}
#topnav .navbar-toggle span {
  background-color: #3c4858 !important;
}
}