/** Common Css **/
* { box-sizing: border-box; }
.row { display: flex; flex-wrap: wrap; }
.col { flex: 1; }
.align-items-stretch { align-items: stretch !important; }
/***** font size *****/
.mainHeading { font-size: 65px; margin: 0; font-weight: 700; }
.subHeading { font-size: 45px; margin: 0; color: #fff; font-weight: 700; }
.discription { font-size: 20px; color: #fff; font-weight: 500; line-height: 35px; }
.fontSize40 { font-size: 40px; font-weight: 700; color: #1d1068; }
.fontSize45 { font-size: 45px; color: #1d1068; font-weight: 700; line-height: 27px; }
.fontSize18 { font-size: 18px; font-weight: 600; color: #1d1068; margin: 0; }
.fontSize16 { font-size: 16px; font-weight: 500; margin: 0; line-height: 27px; }
/***** text color *****/
h1 span, h2 span { color: #e8af09; }
p { color: #53498a; line-height: 1.4; }
.blue-txt { color: #1d1068 !important; }
.yellow-txt { color: #e8af09 !important; }
.green-txt { color: #19b04c !important; }
.red-txt { color: #e21a27 !important; }
.white-txt { color: #fff !important; }
/***** background *****/
.blue-bg { background-color: #1d1068 !important; }
.yellow-bg { background-color: #e8af09 !important; }
.green-bg { background-color: #19b04c !important; }
.red-bg { background-color: #e21a27 !important; }
.sky-blue-bg { background-color: #1f61e8 !important; }
.sub-title { color: #e8af09; margin-bottom: 15px; position: relative; padding-left: 65px; }
.sub-title::before { content: ""; position: absolute; width: 50px; height: 2px; background: #e8af09; top: 50%; left: 0; transform: translateY(-50%); } .text-center { text-align: center; }
.relative { position: relative; }
.bgred_ { background: #e21a27 !important; }
/***** space *****/
.mt-80{ margin-top: 80px!important;}
.mb-15 { margin-bottom: 15px; }
.mb-40 { margin-bottom: 40px; }
.mb-24 { margin-bottom: 24px; }
.w-100 { width: 100% !important; }
.py-80 { padding-top: 80px; padding-bottom: 80px; }
.py-60 { padding-top: 60px; padding-bottom: 60px; }
.pt-60 { padding-top: 60px; }
.pt-80 { padding-top: 80px !important; }
.pb-60 { padding-bottom: 60px; }
.pb-80 { padding-bottom: 80px; }
.pb-100 { padding-bottom: 100px; }
.pl-60 { padding-left: 60px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-0 { margin-top: 0px; }
.m-0 { margin: 0 !important; }
.my-60 { margin-top: 60px; margin-bottom: 60px; }
.py-50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.mt-60 { margin-top: 60px; }
.mb-60 { margin-bottom: 60px !important; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px; }
.pt-100 { padding-top: 100px; }
section { margin: 0 !important; }
a:focus, a:focus img { outline: none !important; }
.meta-info span.blog-category, .meta-info strong { display: none; }
.post-desc { margin-top: 20px; }
.row { display: flex; flex-wrap: wrap; }
.col { flex: 1; }
.primaryBtn_ { display: inline-block; background: #e21a27; color: #fff; border: none; padding: 14px 40px; border-radius: 100px; max-width: 181px; width: 100%; font-size: 18px; font-weight: 600; }
.fw-400 { font-weight: 400 !important; }
.h-100 { height: 100%; }
/** Common Css **/

/** Start Banner **/
.appdevelopmentBanner { background-image: url(../images/developmentbg.png); background-size: 100% 100%; background-repeat: no-repeat; }
.appbannerLeft { display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; width: 43%; }
.appbannerRight { display: inline-block; width: 55%; }
.appbannerRight img { width: 100%; }
.bannerInner { display: flex; justify-content: space-between; gap: 45px; }
/** End Banner Css**/
/** Start Enquire Css **/
.enquiry-section { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px; align-items: flex-start; }
.formInner { display: flex; justify-content: space-between; align-items: center; }
.form-box { background-color: #fff; box-shadow: 0px 4px 66px 0px #1f61e840; padding: 30px 40px; width: 35%; border-radius: 20px; }
.form-box input, .form-box textarea { width: 100%; padding: 14px 10px; margin-bottom: 15px; border: 1px solid #eaeaea; border-radius: 5px; font-size: 14px; outline: none; color: #53498a; }
.form-box form { margin-top: 24px; }
.phone-input { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; border: 1px solid #eaeaea; border-radius: 5px; }
.phone-input .flag { padding: 10px; background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 14px; }
.phone-input input { flex: 1; margin-bottom: 0; border: none; padding-left: 0; }
.form-box button { width: 100%; background-color: #1f61e8; color: #fff; border: none; padding: 14px 40px; border-radius: 25px; font-size: 18px; cursor: pointer; font-weight: 600; outline: none; margin-top: 5px; }
.text-box h2 { font-size: 32px; font-weight: 500; color: #1d1068; }
.text-box .mainbtn { margin-top: 27px; }
.form-box button:hover { background-color: #003fcc; }
.text-box { width: 58%; }
.form-box h2 { font-size: 24px; color: #1d1068; font-weight: 600; margin: 0; }
.form-box p { font-size: 15px; margin: 0; }
.text-box p { font-size: 18px; line-height: 28px; }
.mainbtn { display: inline-block; background-color: #e50914; color: #fff; text-decoration: none; padding: 12px 24px; border-radius: 25px; font-weight: bold; font-size: 14px; font-weight: 600; }
/** End Enquire Css **/

/** Start Offshore Css **/
.appoffshore_ { background: #1f61e80f; padding: 60px 0; }
.paracommon { font-size: 16px; font-weight: 400; color: #53498a; margin: 0; }
.fontSize20 { font-size: 20px; font-weight: 600; color: #1d1068; }
.offshoreContent { grid-template-columns: repeat(3, 1fr); display: grid; gap: 20px; margin-top: 3%; }
.offshoreBox_ { background: #fff; padding: 20px; border-radius: 15px; border: 1px solid #1f61e81a; box-shadow: 0px 6px 25px 0px #0000001f; position: relative; margin-bottom: 0; margin-top: 42px; }
.offshoreImg { display: inline-block; background: #fff; border: 1px solid #19b04c40; box-shadow: 0px 10px 25px 0px #00000026; border-radius: 15px; padding: 16px; position: absolute; top: -35px; }
.offshoreImg img { width: 41px; height: 41px; }
.offshoreBox_ h4 { margin-top: 41px; margin-bottom: 11px; }
/** End Offshore Css **/
/** Start Why Choose Css **/
.choose-iner { display: flex; margin-top: 15px; align-items: center; justify-content: space-between; }
.choose-iner > div { flex: 0 0 47%; display: flex; flex-direction: column; gap: 30px; }
.choose-img img { width: 100%; }
.choose-item { display: flex; align-items: center; }
.choose-item .choose-n { max-width: 110px; width: 100%; text-align: center; font-size: 44px; font-weight: 700; color: #3067d9; }
.chose-item-cont h5 { font-size: 20px; font-weight: 600; color: #1d1068; margin: 0; display: flex; align-items: center; }
.chose-item-cont p { margin: 0; line-height: 26px; }
.chose-item-icon { flex: 0 0 90px; margin: 0; top: 0; right: 0; bottom: auto; }
.choose-item { display: flex; align-items: center; box-shadow: 0px 4px 25px 0px #64646433; padding: 10px 13px 13px; border-radius: 20px; overflow: hidden; background: #fff; position: relative; }
.chose-item-icon img { width: 87px; margin: 0; height: 83px; }
.sec-head p { margin-top: 11px; }
/** End Why Choose Css**/
/** Start Service Css **/
.offerContent { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 38px; }
.serviceOffer { background-image: url(../images/servicebg.jpg); background-repeat: no-repeat; background-size: 100% 100%; }
.serviceBox_ { background: #fff; box-shadow: 0px 6px 25px 0px #0000001f; padding: 20px; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between; }
.topService { display: flex; align-items: center; gap: 17px; }
.topService img { width: 70px; height: 70px; }
.servicebtn { display: flex; align-items: center; font-size: 18px; font-weight: 600; color: #1f61e8; text-decoration: none; }
.serviceBox_ p { line-height: 29px; }
/** End Service Css **/

/** Start Startup Css **/

.fontSize20 { font-size: 20px; font-weight: 600; color: #1d1068; }
.subDescription { font-size: 16px; font-weight: 400; color: #53498a; line-height: 28px; }
.startupOptions { background-image: url(../images/startupOptionsBg.png); background-repeat: no-repeat; background-size: 100% 79%; }
.startupOptionsData { padding: 10px 14px 10px 10px; background: #fff; border-radius: 15px; box-shadow: 0px 6px 25px 0px #0000001f; height: 100%; }
.startupOptionsData img { width: 100px; height: 100px; }
.optionsOuter { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.startUpOptionOne:before { content: url(../images/vector1.png); position: absolute; right: 0; width: 159px; height: 115px; }
.startUpOptionOne { position: relative; }
.startUpOptionTwo:before { content: url(../images/vector2.png); position: absolute; right: 0; width: 159px; height: 115px; }
.startUpOptionTwo { position: relative; }
.startUpOptionThree:before { content: url(../images/vector3.png); position: absolute; right: 0; width: 159px; height: 115px; }
.startUpOptionThree { position: relative; }
.startUpOptionFour:before { content: url(../images/vector4.png); position: absolute; right: 0; width: 159px; height: 115px; }
.startUpOptionFour { position: relative; }
/** Start Startup Css **/

/** Start What make us best **/

.whatmakeusbest_ { padding-bottom: 80px; }
.whatmakeusbest_ .form-box { width: 100%; }
.whatmakeusbest_ .choose-item { padding-top: 0; padding-left: 0; }
.whatmakeusbest_ .chose-item-cont h5 { gap: 15px; padding-top: 6px; }
.whatmakeusbest_ .chose-item-cont p { padding-left: 14px; padding-top: 10px; }
.whatmakeusbest_ .chose-item-cont h5 img { position: relative; top: -8px; width: 40px; height: 40px; }
.whatmakeusbest_ .choose-iner { margin-top: 56px; }
.whatmakeusbest_ .choose-iner .choose-cont { flex: 0 0 53%; }
.whatmakeusbest_ .choose-iner .choose-img { flex: 0 0 38%; }
/** End What make us best **/

/** Start Choose Project **/
.experienceField { padding: 6px; border-radius: 15px; box-shadow: 0px 10px 25px 0px #00000040; background: #ffffff; }
.noOfExperienceContainer { background: #1f61e833; border-radius: 10px; padding: 20px 10px 15px 10px; }
.whyChooseItechnolabsSection { background-image: url("../images/whyChooseiTechBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.experienceIcon { width: 33px !important; height: 33px; object-fit: contain; }
.ExperienceNumberContainer { display: flex; align-items: center; gap: 6px; }
.experinceSection { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; }
.subHeadingText { font-size: 20px; font-weight: 600; color: #ffffff !important; }
.headingTxt { font-weight: 700; font-size: 40px; color: #ffffff; text-align: center; }
.mainDescription { color: #ffffff; font-weight: 400; font-size: 18px; text-align: center; }
.heading { font-weight: 700; font-size: 70px; color: #ffffff33; }
.mainHeadingTxt { font-weight: 700; font-size: 40px; color: #1f61e833; background-color: #cfcfcf33; padding: 4px 9px; border-radius: 10px; width: 100%; }
.colorBlue { color: #1f61e8 !important; }
.mb-60 { margin-bottom: 60px; }
.mb-6 { margin-bottom: 6px; }
/** End Choose Project **/

/** Start customize app **/
.customiseapp_ { background-color: #1f61e80f; background-image: none; }
/** Start customize app **/
/*Hire Mobile Dev CSS*/
.headingText { font-weight: 700; font-size: 50px; }
.headingSpanText { color: #1d1068; font-weight: 700; font-size: 35px; }
.hireMobileDevOuterContainer { display: grid; grid-template-columns: repeat(2, 1fr); box-shadow: 0px 10px 25px 0px #00000033; border-radius: 0px 20px 20px 0px; }
.hireMobileDevContent { padding: 37px 51px 37px 42px; position: relative; border-radius: 0px 20px 20px 0px; display: flex; flex-direction: column; justify-content: center; }
.hireMobileDevContent::before { content: ""; width: 4px; height: 53%; background-color: #1f61e8; position: absolute; left: 0; top: 17%; }
.description18 { font-size: 18px !important; }
.mainBtn, .mainBtn:focus { font-weight: 600; font-size: 18px; color: #ffffff; background: #1f61e8 !important; padding: 14px 40px; border-radius: 100px; border: none; max-width: fit-content !important; }
.hireMobileDevContentBg { position: absolute; top: 5px; right: 17px; }
.hireMobileDev { padding-top: 60px; padding-bottom: 60px;}
.hireMobileDevContent .mainBtn { max-width: 225px; width: 100%; }
/*Hire Mobile Dev CSS*/

/**Start Experience css **/

.experienceContent_ { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;margin-top: 35px; gap: 20px; }
.experienceContent_ > * { flex: 0 0 15%;height: auto; }
.aboutexpbox-item {height: auto;}
.aboutexpbox-item .aboutexpbox_ {height: 100%;}
.aboutexpbox_ { background: #fff; box-shadow: 0px 16px 20px 0px #1f61e833; border-radius: 20px; text-align: center; padding: 20px; position: relative; z-index: 1; min-width: 206px; max-width: 206px; width: 100%;height: auto; }
.aboutexpbox_ img { width: 78px; height: 78px; }
.aboutexpbox_::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 1px; background: linear-gradient( 179deg, #1f61e8 -81.65%, rgba(255, 255, 255, 0) 77.37% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
.aboutexpbox_ h5 { line-height: 21px; margin-top: 13px; }
.greenborder::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 1px; background: linear-gradient( 180deg, #19b04c -81.65%, rgba(255, 255, 255, 0) 77.37% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
.yellowborder::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 1px; background: linear-gradient( 180deg, #e8af09 -81.65%, rgba(255, 255, 255, 0) 77.37% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
.redborder::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 1px; background: linear-gradient( 180deg, #e21a27 -81.65%, rgba(255, 255, 255, 0) 77.37% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
.purpelborder::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 1px; background: linear-gradient( 180deg, #1d1068 -81.65%, rgba(255, 255, 255, 0) 77.37% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
.shapeOne { position: absolute; right: 0; }
.shapeTwo { position: absolute; bottom: 0; left: 0; }
.workExperience_:after { content: ""; position: absolute; bottom: 0; width: 100%; left: 0; right: 0; height: 100%; background-position: bottom; background-image: url(../images/experiencebg.png); background-repeat: no-repeat; background-size: 100% 65%; z-index: -1; }
.workExperience_ { position: relative; padding-bottom: 60px; padding-top: 60px !important; }
/** End Experience Css **/

/*Fully Customized Mobile App*/
.customizedAppOptionsArea { background-image: url("../images/fullCustomizeBg.png"); background-repeat: no-repeat; border: 1px solid #1f61e826; border-radius: 20px; padding: 40px 110px 28px 110px; background-size: 100% 100%; display: grid; grid-template-columns: repeat(4, 1fr); gap: 77px; position: relative; }
.fullyCustomizedOptions { background: #ffffff26; backdrop-filter: blur(150px); border: 1px solid #ffffff33; border-radius: 20px; padding: 24px 8px 18px 8px; text-align: center; }
.fullyCustomizedOne { position: relative; }
.fullyCustomizedOne::before { content: ""; position: absolute; height: 229px; width: 224px; background-image: url("../images/ellipseShine.svg"); left: -80px; top: -93px; z-index: -1 !important; }
.fullyCustomizedTwo::before { content: ""; position: absolute; height: 229px; width: 224px; background-image: url("../images/ellipseShine.svg"); z-index: -1 !important; right: -40%; bottom: -37%; }
.fullyCustomizedOptionImg { background: #ffffff; padding: 14px; border-radius: 15px; border: 1px solid #1f61e833; width: 80px; height: 80px; }
.smallAbsArrow { position: absolute; right: 7%; top: -24%; }
.fullyCustomizedHeadingArea { display: flex; align-items: center; gap: 12px; justify-content: center; position: relative; }
.fullyCustomizedHeadingArea img { position: absolute; left: 15%; }
.fullyCustomized { padding-top: 90px; padding-bottom: 15px; }
/*Fully Customized Mobile App*/
/**Start outsource mobile app**/
.outsourceMobileapp_ { background-image: url(../images/outsourceBg.png); background-repeat: no-repeat; background-size: 100% 100%; }
.numberoutsource { font-size: 44px; color: #d1e0ff; font-weight: 700; margin-right: 17px; }
.outsourceMobileapp_ .chose-item-cont h5 { font-size: 18px; line-height: 27px; }
.outsourceMobileapp_ .chose-item-cont p { margin: 16px 0 0; line-height: 26px; }
.outsourceMobileapp_ .choose-item { padding: 15px 15px 15px; }
.outsourceMobileapp_ .choose-iner { margin-top: 40px; }
/**End outsource mobile app**/
/** Start Sucess Matrix**/
.aboutSucess_ { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 61px; }
.sucessbox_ { display: flex; align-items: center; gap: 15px; box-shadow: 0px 16px 20px 0px #1f61e833; border-radius: 15px; padding: 9px; z-index: 1; background: #fff; position: relative; }
.sucessbox_ img { width: 61px; height: 61px; }
.sucessbox_::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 15px; padding: 1px; background: linear-gradient( 180deg, #c0c0c0 -81.65%, rgba(255, 255, 255, 0) 77.37% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; }
/** End Sucess Matrix**/
/** Start Advance Service**/
.advanceService { background-image: url(../images/outsourceBg.png); background-repeat: no-repeat; background-size: 100% 100%; }
.advanceService .offshoreImg img { width: 70px; height: 70px; }
.advanceService .offshoreImg { background: transparent; border: none; box-shadow: none; padding: 0; }
.advanceService .offshoreBox_ { box-shadow: 0px 16px 20px 0px #1f61e833; }
.advanceService .offshoreBox_ h4 { margin-top: 28px; }
/**End Advance Service Css**/

/*FAQ CSS*/
.mb-85 { margin-bottom: 85px; }
.mainHeadingText { font-size: 48px; font-weight: 600; color: #1d1068; position: relative; }
.mainHeadingText::before { content: ""; background: #e8af09; width: 201px; height: 5px; border-radius: 100px; position: absolute; bottom: -24%; left: 50%; transform: translateX(-50%); }
/**FAQ Accordion CSS*/
.accordionPara { font-weight: 400; font-size: 14px; color: #ffffff; padding: 0px 105px 15px 15px; }
.at-title { cursor: pointer; position: relative; transition: background-color 0.3s ease; }
.at-title:after { content: ""; position: absolute; top: 52%; transform: translateY(-50%); right: 26px; background-image: url("../images/downArrowwww.svg"); background-repeat: no-repeat; height: 27px; width: 30px; transition: all 0.3s ease; font-size: 24px; background-size: 80%; }
.at-title.active:after { content: ""; background-image: url("../images/upsideArrow.svg"); top: 145%; }
.at-item { background: #1f61e8; border-radius: 10px; }
.at-item:not(:last-child) { margin-bottom: 11px; }
.accordionTitle { font-size: 18px; font-weight: 600; color: #ffffff; padding: 24px 15px !important; margin: 0; }
.accordion-header { text-align: center; background-color: #222222; color: white; padding: 20px 0; }
.mainFaq { padding: 0px 64px; }
.at-tab { display: none; }
.at-title.active .accordionTitle { padding-bottom: 6px !important; }
/** End Faq css **/
/** Start Client Review Css **/
.slider_section { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; }
.item_center { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.coma { margin-bottom: 12px; width: 93px; height: 93px; }
.title { text-align: center; font-size: 40px; color: #372c7a; margin-bottom: 10px; font-weight: 700; line-height: 50px; max-width: 1000px; }
.sub-text { text-align: center; font-size: 14px; color: #53498a; font-weight: 400; line-height: 22px; margin-bottom: 40px; max-width: 910px; }
.slider_wrapper { display: flex; justify-content: center; padding-top: 13px; height: auto; width: 100%; position: relative; background-image: url(../images/Rectangle.png); background-repeat: no-repeat; background-size: 100% 100%; padding-bottom: 144px; }
.testimonial-text { font-size: 20px; color: #53498a; font-weight: 500; line-height: 32px; margin-bottom: 20px; max-width: 810px; min-height: 244px; }
.quote-icon { font-size: 40px; color: #2f57ef; margin-bottom: 10px; }
.author { font-size: 28px; font-weight: 600; color: #1d1068; }
.role { font-size: 18px; color: #1f61e8; font-weight: 500; }
.slider_box { display: flex; align-items: center; justify-content: space-between; }
.avatars { display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 15px; margin-top: 30px; }
.avatars img { width: 129px; height: 129px; border-radius: 50%; border: 3px solid #fff; cursor: pointer; transition: 0.3s; outline: 2px solid transparent; box-shadow: 0px 2px 14px 0px transparent; }
.avatars img.active { outline: 2px solid #1f61e8; box-shadow: 0px 2px 14px 0px #00000024; }
.navigation_buttons { display: flex; align-items: center; gap: 6px; margin-top: 0; flex-direction: row; }
.testimonial .navigation_buttons .arrow_btn { background: transparent; color: #1f61e8; border: none; padding: 0px 0; font-size: 49px; border-radius: 6px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.testimonial .navigation_buttons .arrow_btn:disabled { color: #cacaca; cursor: not-allowed; font-size: 43px; padding: 0px 0; }
.hidden { display: none; }
.testimonial { order: 1; }
.avatars { order: 2; }
/** End Client Review Css **/

/*Start Mobile App Development Insights CSS*/
.mobileAppInsights { background-image: url("../images/insightsBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.InsightImg { padding: 10px; border-radius: 15px; background: #1f61e8; }
.InsightImg { width: 65px; height: 65px; }
.description14 { font-size: 14px !important; }
.heading18 { font-weight: 600; font-size: 18px; color: #53498a; }
.insightsArea { display: grid; grid-template-columns: 2fr 1fr 2fr; gap: 30px; }
.insightOption { display: flex; align-items: flex-start; gap: 10px; }
.mb-50 { margin-bottom: 50px; }
.insightMobileImg { border-radius: 50px; }
.insightOptions { margin-top: 36px; }
.secbox1 { order: 1; }
.secbox2 { order: 2; }
.secbox3 { order: 3; }
/* End Mobile App Development Insights CSS*/
/** Start Latest Insight **/
.card_slider_section { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-top: 30px; width: 100%; }
.slider_nav_wrapper { position: relative; max-width: 82%; width: 100%; }
.slider-container { max-width: 90%; margin: auto; overflow: hidden; padding: 25px 8px; }
.slider { display: flex; transition: transform 0.5s ease; }
.card_slider_section .card { min-width: 32%; margin: 0 10px; background: #fff; border: 1px solid #aaa9a9; border-radius: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); padding: 12px; transition: transform 0.3s, border 0.3s; position: relative; min-height: 402px; }
.card img { width: 100%; height: 200px; object-fit: cover; border-radius: 12px; }
.card-content { padding: 15px; text-align: left; }
.card-content .date { color: #bbbaba; font-size: 14px; }
.card-content .category { color: #0056ff; font-weight: bold; font-size: 14px; margin-bottom: 8px; }
.card-content .title { font-size: 16px; color: #3f3f3f; text-align: left; line-height: 24px; font-weight: 600; }
.card.active .card_arrow { border: 2px solid #372c7a; background: #372c7a; }
.card.active .card_arrow .blue_svg { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(106%) contrast(105%); }
.card_arrow { position: absolute; bottom: -23px; left: 50%; transform: translateX(-50%); background: #fff; border: 2px solid #a1a0a0; border-radius: 50%; width: 45px; height: 45px; cursor: pointer; padding-top: 2px; }
.slider_nav_wrapper .arrow { position: absolute; top: 50%; transform: translateY(-51%); background: #fff !important; border: 2px solid #a1a0a0 !important; border-radius: 50%; width: 75px !important; height: 75px !important; cursor: pointer; z-index: 985; }
.slider_nav_wrapper .arrow i { color: #000 !important; }
.slider_nav_wrapper .arrow:disabled { opacity: 0.5; cursor: not-allowed; }
.slider_nav_wrapper .arrow.left { left: 0px; }
.slider_nav_wrapper .arrow.right { right: 0px; }
.arrow.right .arrow_icon { transform: rotate(180deg); }
.arrow_icon { width: 24px; height: auto; }
.card_arrow .arrow_icon { width: 24px; height: auto; transform: rotate(180deg); }
.date_wrapper { display: flex; justify-content: space-between; gap: 16px; margin-bottom: 12px; }
/** End Latest Insight **/
/**Footer Enquire Css**/
.enquireBg { background-image: url(../images/enquirebg.png); background-repeat: no-repeat; background-size: cover; }
/**Footer Enquire Css**/

/* ================================= Web Development Service Css ================================*/

/** Banner Css Start **/

.webDevelopmentCompany { background-color: #f5f9ff; padding: 115px 0px 68px 0px; }
.mainBannerContentArea { padding-top: 22px; order: 1; }
.mainBannerHeading { color: #1d1068; font-size: 52px; font-weight: 700; }
.mainBannerSubHeading { font-weight: 500; font-size: 20px; color: #372c7a; }
.mainBannerArea { display: grid; grid-template-columns: repeat(2, 1fr); }
.mainBannerListDes { color: #372c7a; font-weight: 400; font-size: 16px; }
.mainBannerUnList { padding-left: 23px; margin: 0px !important; }
.mainBannerImgArea img { width: 100%; }
/** End Banner Css **/
/** Leading Enterprises Who Trust Us **/
.leadingEnterprisesSection { background-image: url("../images/searchingWebDevBg.png"); background-repeat: no-repeat; padding: 58px 0px 0px 0px; margin-bottom: 120px !important; background-size: 100% 100%; }
.leadingEnterpriseHeadingContainer { position: relative; display: flex; justify-content: end; }
.leadingHeading { font-weight: 600; font-size: 30px; }
.leadingSpanHeading { color: #1d1068 !important; }
.leadingEnterPriseHeader { display: grid; grid-template-columns: 2fr 5fr; align-items: center; gap: 82px; padding: 0px 27px 120px 82px; }
.arrowPlaneImg { position: absolute; bottom: -48%; right: -16%; width: 105px; height: 123px; }
.leadingEnterprisesImgArea { display: flex; align-items: center; justify-content: space-between; }
.leadingEnterprisesImgArea img { width: 161px; height: 73px; }
.searchingBestWebDevSection { background: #ffffff; box-shadow: 0px 11px 40px 0px #00000026; border-radius: 20px; padding: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 23px; align-items: center; }
.searchBestWebDevContent { order: 1; }
.searchBestWebDevImgContainer { order: 2; }
.headingText40, .searchWebDevHeadingText { font-weight: 700; font-size: 40px; color: #372c7a; }
.subHeadingText14, .searchWebDevDes { font-weight: 400; font-size: 14px; color: #53498a; line-height: 29px; }
.getStartedBtn { font-weight: 600; font-size: 18px; color: #ffffff !important; padding: 14px 40px; background: #e21a27; border-radius: 100px; border: none; cursor: pointer; }
.mainBannerImgArea { display: flex; justify-content: end; align-items: center; order: 2; }
.searchBestWebDevContent .paracommon { line-height: 29px; margin-bottom: 21px; }
/** End Leading Enterprises Who Trust Us **/
/* Start Our Wide Range of Web Development Services*/
.wideDevelopmentServicesSection { padding: 0px 0px 120px 0px; }
.hireMobileDevContent .mainBtn { margin-top: 20px!important; }
.devServiceHeading { padding: 13px; border-radius: 10px; background: #1f61e8; display: flex; gap: 17px; align-items: center; }
.devServiceHeading img { width: 46px; height: 46px; }
.heading17 { font-size: 17px; font-weight: 600; color: #ffffff; }
.para14 { font-size: 14px; font-weight: 400; color: #53498a; word-wrap: break-word; line-height: 22px; }
.devService { padding: 15px; border-radius: 20px; background: #ffffff; box-shadow: 0px 11px 40px 0px #00000026; height: 100%; }
.developmentServices { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 33px; align-items: center; }
.mb-120 { margin-bottom: 120px !important; }
/* End Our Wide Range of Web Development Services*/
/* Start What Makes itechnolabs*/
.approachStep { padding: 10px; box-shadow: 0px 7px 24px 0px #00000026; background: #ffffff; border-radius: 10px; height: 100%; }
.ourApproachImgContainer { position: relative; }
.stepText { font-size: 16px; font-weight: 700; color: #ffffff; padding: 6px 8px; border-radius: 10px; background: #1f61e8; position: absolute; bottom: -7%; left: 3%; margin: 0px; }
.ourApproachArea { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; align-items: center; }
.mb-34 { margin-bottom: 34px; }
.whatMakesiTechApart { background-image: url(../images/iTechnoApartBg.png); background-repeat: no-repeat; background-size: 100% 100%; }
/* End What Makes itechnolabs*/
/* Start counter_section */
.counter_section { background: #e8af09; color: #fff; padding: 25px 0; }
.counter_area { display: flex; justify-content: center; align-items: center; }
.counter_section .counter_box { flex-grow: 1; border-right: 1px solid #ffffff75; text-align: center; padding: 50px 10px; }
.counter_section .counter_box:last-child { border-right: none; }
.counter_box h3 { font-size: clamp(32px, 4.2vw, 60px); font-weight: 700; margin-bottom: 15px; margin-top: 0; }
.counter_box span.label { font-size: 20px; font-weight: 500; }
/* Start counter_section */
/** Start Why Choose for Web Development  **/
.horizontal_card_section { padding: 100px 20px; margin: auto; }
.master_heading { font-size: 40px; font-weight: 700; margin-bottom: 36px; color: #372c7a; line-height: 50px; text-align: center; margin-top: 0; }
.horizontal_card { background: #fff; border-radius: 10px; box-shadow: 0px 7px 24px 0px #00000026; padding: 20px; flex: 0 1 calc(50% - 15px); display: flex; flex-direction: column; gap: 15px; transition: all 0.3s ease; box-sizing: border-box; }
.horizontal_card .card_title { font-size: 24px; font-weight: 600; margin-bottom: 12px; color: #372c7a; line-height: 30px; margin: 0%; }
.horizontal_card .card_header { display: flex; align-items: center; gap: 12px; margin-bottom: 5px; }
.horizontal_card .card_text { font-size: 14px; font-weight: 400; color: #372c7a; line-height: 22px; margin: 0%; }
.blue_icon { width: 60px; height: 60px; }
.horizontal_card_wrapper { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-between; }
.margin_top40 { margin-top: 70px; margin-bottom: -70px; }
/** End Why Choose for Web Development  **/
/* Start Explore the Wide Range of Industries*/
.exploreWideIndustries { margin-bottom: 140px !important; }
.industryCard { padding: 11px 11px 20px 11px; border-radius: 20px; box-shadow: 0px 7px 24px 0px #00000026; background: #ffffff; min-width: 206px !important; display: flex; flex-direction: column; justify-content: space-between; }
.industryCardImgContainer { background: #1f61e814; border-radius: 10px; padding: 22px 0px; display: flex; justify-content: center; align-items: center; }
.wideIndustries { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.colorDarkBlue { color: #372c7a !important; }
.industryCardYellowBg { background: #e8af0914 !important; }
.industryCardGreenBg { background: #19b04c14; }
.industryImg { width: 60px; height: 60px; }
.industryCardPinkBg { background: #ec1e4f14; }
.industryCardRedBg { background: #e21a2714; }
.wideInsudtriesCardContainer { display: flex; justify-content: center; align-items: center; }
.wideIndustryRowSecond { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
/* End Explore the Wide Range of Industries*/

/** Start Css blue CTA **/
.blue_cta { background-color: #1f61e8; padding-block: 60px; text-align: center; }
.blue_cta h2 { font-size: clamp(24px, 2.8vw, 40px); color: #fff; margin-bottom: 40px; padding-inline: 5vw; }
/** End Css blue CTA **/
/** Start Our Accolades **/
.ourCard_title { font-size: 40px; font-weight: 700; margin-bottom: 24px; color: #fff; margin-top: 0px; }
.our_card_swiper_section { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 40px 0; width: 100%; background-color: #1f61e8; }
.item_center { display: flex; align-items: center; justify-content: center; gap: 12px; }
.our_card { background-color: #fff; border-radius: 12px; padding: 12px; box-shadow: 0px 7px 24px 0px #00000026; display: flex; justify-content: space-around; flex-direction: column; min-height: 240px; margin: 0 10px; min-width: 15%; align-items: center; }
.our_card_img { width: 150px; height: 150px; object-fit: contain; }
.our_card_content { font-size: 16px; font-weight: 600; color: #372c7a; text-align: center; }
.ourSwiper-container { max-width: 100%; overflow: hidden; padding: 25px 0px; }
.ourSwiper { display: flex; transition: transform 0.5s ease; }
.navigation_buttons .arrow_btn { background: transparent; color: #fff; border: none; padding: 5px 12px; font-size: 30px; border-radius: 6px; font-weight: 700; cursor: pointer; transition: 0.3s; }
.navigation_buttons .arrow_btn:disabled { color: #cacaca; cursor: not-allowed; font-size: 24px; }
/** End Our Accolades **/
/* Start Web Development Service */
.overlay_box { position: relative; padding-top: 30px; z-index: 0; }
.half_overlap_card { background: #ffffff; box-shadow: 0px 4px 40px 0px #1f61e829; padding: 50px 30px; border-radius: 20px; width: calc(100% / 2 + 40px); margin: 0 0 0 auto; }
.half_overlap_card h2 { font-size: clamp(24px, 2.8vw, 40px); font-weight: 600; color: #372c7a; margin-bottom: 15px; margin-top: 0; }
.half_overlap_card p { font-size: 14px; color: #53498a; margin-bottom: 10px; }
.overlay_img { width: calc(100% / 2 + 40px); position: absolute; z-index: -1; top: 0; left: 0; }
/* End Web Development Service */
/* Start Style Technology We use  */
.custom_tab { overflow: auto; display: flex; justify-content: start; margin-top: 45px; padding-bottom: 12px; }
.custom_tab .tablinks { background-color: transparent; border: none; outline: none; cursor: pointer; padding: 20px 26px; transition: all 0.3s linear; font-size: 14px; font-weight: 600; border-bottom: 2px solid #d8d8d8; border-right: 1px solid #d8d8d8; flex-grow: 1; color: #b8b8b8; }
.custom_tab .tablinks:last-child { border-right: none; }
.custom_tab .tablinks.active { color: #1f61e8; border-bottom: 2px solid #1f61e8; }
.custom_tabcontent { display: none; padding: 6px 12px; }
.stack_list { width: 100%; margin: 0 auto; padding-top: 50px; display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }
.stack_item { box-shadow: 0px 7px 24px 0px #00000026; background: #ffffff; border-radius: 10px; padding: 15px; width: calc(100% / 6 - 15px); min-width: 155px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.stack_item img { width: 80px; height: 80px; object-fit: contain; object-position: center; display: block; margin-bottom: 14px; text-align: center; }
.stack_item span { color: #1d1068; font-size: 16px; font-weight: 600; }
/* End Style Technology We use  */

/* ================================= AI Development Service Css ================================*/
 
/*Main Banner CSS*/
.aiMainBanner { background-image: url("../images/aiBannerBG.png"); background-size: 100% 100%; padding: 200px 0px; }
.heading52 { font-size: 52px; font-weight: 700; color: #ffffff; }
.aiParaTxt { font-size: 20px; font-weight: 400; color: #ffffff; }
/*Empower your Business with AI-Powered Apps*/
.fW600 { font-weight: 600 !important; }
.empowerBusinessContainer { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.empowerBusinessTextContent { order: 1; }
.empowerBusinessImg { order: 2; }
.empowerBusinessImg { display: flex; align-items: center; justify-content: end; }
/*Capabilities*/
.heading48 { font-size: 48px; font-weight: 600; color: #1d1068; line-height: 56px; }
.heading15 { font-size: 15px; font-weight: 400; color: #53498a; }
.capabiltyImg { background: #1f61e8; border-radius: 50%; padding: 10px; border: 2px solid #ffffff; box-shadow: 0px 4px 14px 0px #1f61e84d; display: flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; max-width: 44px; }
.capabiltyImage { height: 24px; width: 24px; }
.capability { display: flex; align-items: flex-start; gap: 16px; border: 1px solid #1f61e84d; box-shadow: 0px 2px 40px 0px #1f61e81f; background-color: #ffffff; border-radius: 12px; padding: 20px 28px; }
.capabilitiesOptions { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.nlpBg { background: #19b04c; box-shadow: 0px 4px 14px 0px #19b04c4d; }
.CapabilityGreen { border-color: #19b04c4d; box-shadow: 0px 2px 40px 0px #1f61e81f; }
.CapabilityYellow { border-color: #e8af094d; box-shadow: 0px 2px 40px 0px #1f61e81f; }
.CapabilityRed { border-color: #fe424e4d; box-shadow: 0px 2px 40px 0px #1f61e81f; }
/*Industries We Serve*/
.industriesServedImg { padding: 10px; background: #d4e2ff; border-radius: 12px; height: 66px; width: 66px; }
.servedImgPoint { height: 20px; width: 20px; }
.mb-12 { margin-bottom: 12px; }
.industryServed { border: 1px solid #1f61e866; box-shadow: 0px 2px 40px 0px #1f61e81f; border-radius: 12px; background-color: #ffffff; padding: 24px; }
.industriesServices { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.industryServedYellowBg { background: #fff4d4; }
.industryServedGreenBg { background: #e7ffef; }
.industryServedPinkBg { background: #ffeff0; }
/*Insudtries Served Sub Section*/
.industriesServedSub { background: #f0f8ff; padding: 100px 0px; }
.heading16 { font-weight: 500; font-size: 16px; color: #53498a; }
.industryServePoints { display: flex; align-items: center; gap: 10px; box-shadow: 0px 16px 27px 0px #0000001a; background: #ffffff; border-radius: 50px; padding: 15px 22px; width: fit-content; }
.servedSubPointsContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px; }
/*Cutting-edge AI applications*/
.heading40 { font-size: 40px; font-weight: 600; color: #1d1068; }
.paraTxtColor { color: #53498a !important; }
.cuttingEdgeAIContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px; align-items: center; }
.cuttingEdgeImg { display: flex; justify-content: end; align-items: center; }
.justify-start { justify-content: flex-start !important; }
/* Our AI App development Process */
.aiProcessPointContainer { padding: 16px; background: #1f61e8; border: 1px solid #ffffff; box-shadow: 0px 1px 10px 0px #00000040, 0px 5px 14px 0px #0000000d; border-radius: 50%; display: inline-grid; align-items: center; }
.aiProcessPoint .heading16 { min-width: 100px; width: 100%; max-width: 100px; }
.aiDevCount { font-weight: 500; font-size: 16px; color: #1f61e8 !important; padding: 16px; border-radius: 50%; background: #ffffff !important; box-shadow: 0px 1px 14px 0px #00000040; min-width: 60px; max-width: 60px; width: 100%; text-align: center; height: 60px; display: flex; align-items: center; justify-content: center; margin-bottom: 9px; }
.AIprocessContainer { display: grid; grid-template-columns: repeat(6, 1fr); gap: 73px; position: relative; }
.aiProcessAbsLine { height: 3px; width: 90%; border: 3px solid #1f61e8; position: absolute; bottom: 38%; z-index: -1; left: 5%; }
.aiProcessPoint { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.aiProcessImg { height: 45px; width: 45px; }
/*iTechnolabs AI Application Development Services*/
.iTechAIimg { background-color: #e9f0ff; padding: 12px; border-radius: 12px 0px 12px 0px; height: 65px; width: 65px; }
.iTechAIServices { background: #ffffff; border-bottom: 4px solid #1f61e8; box-shadow: 0px 2px 40px 0px #1f61e81f; border-radius: 12px; padding-bottom: 29px; }
.iTechAI { display: flex; align-items: center; gap: 12px; }
.padding18 { padding: 0px 18px; }
.iTechAIServiceContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.iTechAIGreenBg { background: #e2ffec; }
.iTechAIRedBg { background: #ffdfe1; }
.iTechAIYellowBg { background: #fff7df; }
/* Our ottawa app developers are trusted by brands you believe in */
.ourOtawaAppSection { padding-top: 100px; background-image: url("../images/ottawaBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.master_heading { font-size: 40px; font-weight: 700; margin-bottom: 36px; color: #372c7a; line-height: 50px; text-align: center; margin-top: 0; }
.brand_card { box-shadow: 0px 7px 24px 0px #00000026; background-color: #fff; border-radius: 10px; padding: 16px 45px; margin: 10px; }
.brand_card_wrapper { display: flex; padding: 0px; }
.brand_marquee { display: flex; flex-direction: column; overflow: hidden; position: relative; }
.brand_track { display: flex; animation: scroll 20s linear infinite; width: max-content; }
.brand_track.second { animation-direction: reverse; animation-duration: 10s; padding-bottom: 20px; }
.brandImg { width: 123px; height: 65px; }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.d-block { display: block; }
.recognization { box-shadow: 0px 7px 24px 0px #00000026; border-radius: 10px; padding: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff; }
.bestAwardImg { width: 103px; height: 68px; }
.bestAwardCompanyImg { height: 40px; max-width: 160px; }
.ottawaAppRecoginzation { display: grid; grid-template-columns: repeat(4, 1fr); gap: 23px; }
/*FAQ CSS*/
.faqSection { padding-bottom: 67px !important; }
.accordionPara { font-weight: 400; font-size: 14px; color: #ffffff; padding: 0px 105px 15px 15px; }
.at-title { cursor: pointer; position: relative; transition: background-color 0.3s ease; }
.at-title:after { content: ""; position: absolute; top: 48%; transform: translateY(-50%); right: 7px; background-image: url(../images/downArrowwww.svg); background-repeat: no-repeat; height: 27px; width: 30px; transition: all 0.3s ease; font-size: 24px; background-size: 80%; }
.at-title.active:after { content: ""; background-image: url("../images/upsideArrow.svg"); top: 145%; }
.at-item { background: #1f61e8; border-radius: 10px; }
.at-item:not(:last-child) { margin-bottom: 11px; }
.accordionTitle { font-size: 18px; font-weight: 600; color: #ffffff; padding: 24px 15px !important; margin: 0; }
.accordion-header { text-align: center; background-color: #222222; color: white; padding: 20px 0; }
.mainFaq { padding: 0px 64px; }
.at-tab { display: none; }
.at-title.active .accordionTitle { padding-bottom: 6px !important; }
/*Our Mobile App Development Services Includes*/
.ourMobileAppSection { padding-bottom: 83px; }
.mobileAppImg { height: 50px; width: 50px; }
.appServiceImgContainer { padding: 25px; border-radius: 50%; box-shadow: 0px 10px 30px 0px #00000026; background: #ffffff; }
.appServicesContainer { display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; justify-content: center; gap: 50px; }
.ourAppService { display: flex; flex-direction: column; align-items: center; gap: 100px; }
.ourAppService:nth-child(2), .ourAppService:nth-child(4), .ourAppService:nth-child(6) { margin-top: 97px; }
.gap67 { gap: 67px !important; }
/*Why Choose App Studio For Your AI Mobile App Development*/
.appStudioImg { width: 45px; height: 35px; object-fit: contain; }
.appStudioArea { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; align-items: center; }
.appStudioContent1 { padding: 20px 18px 10px 18px; box-shadow: 0px 7px 24px 0px #00000026; border-radius: 10px; display: inline-block; min-width: 215px; max-width: 215px; width: 100%; }
.appStudioContentOuter1 { display: flex; align-items: center; margin-left: 91px; }
.appStudioContentOuter2 { display: flex; gap: 16px; }
.appStudioContentOuter3 { display: flex; gap: 16px; margin-left: 57px; }
.appStudioContentOuter4 { display: flex; gap: 16px; justify-content: end; }
/*Kind of Apps*/
.kindsOfApps { background: #f0f8ff; padding: 80px 0px 120px 0px; }
.app { padding: 20px 35px; background-color: #ffffff; box-shadow: 0px 7px 24px 0px #00000026; border-radius: 10px; text-align: center; min-width: 210px; z-index: 1; }
.appImg { height: 45px; width: 45px; }
.kindsOfApp { display: flex; align-items: center; gap: 19px; justify-content: center; flex-wrap: wrap; position: relative; }
.kindsOfApp::before { content: ""; position: absolute; height: 89px; width: 87%; background-color: #1f61e8; border-radius: 10px; top: -22px; left: 85px; }
.kindsOfApp::after { content: ""; position: absolute; height: 89px; width: 87%; background-color: #1f61e8; border-radius: 10px; bottom: 24%; left: 85px; }
.mb-18 { margin-bottom: 18px; }
.extraPadding { padding: 23px 35px 40px 35px; }
.pt-120 { padding-top: 120px; }
.pb-120 { padding-bottom: 120px !important; }
.lineHeight22 { line-height: 22px; }
.textDecorNone { text-decoration: none; }
.kindsOfAppContent { padding: 16px; box-shadow: 0px 7px 24px 0px #00000026; border-radius: 10px; background: #ffffff; min-height: 596px; }
.kindsOfAppContentOuter { display: flex; align-items: center; gap: 60px; justify-content: center; }
.kindOfAppImage { width: 100%; }
/* Nominated in 2018, 2019, 2020 as the Best App Agency of the year */
.fontSize38 { font-size: 38px; }
.borderRadius20 { border-radius: 20px !important; }
.hireMobileDevContentNew::before { display: none !important; }
.pt-0 { padding-top: 0px; }
.capabilityRedBg { background: #fe424e; }
/*********************************Angular Dev Website**************************************/
.mainBannerSection { background-image: url("../images/angularBannerBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.mainBannerContainer { display: flex; gap: 84px; }
.pt-130 { padding-top: 130px; }
.pb-130 { padding-bottom: 130px; }
.bannerSubHeading { font-weight: 700; font-size: 32px; }
.bannerPara { font-weight: 500; font-size: 16px; }
.mainBannerContainer .mainBannerHeadingContainer { flex: 1 0 calc(60% - 50px); }
.form-box { background-color: #fff; box-shadow: 0px 4px 66px 0px #1f61e840; padding: 30px 40px; width: 35%; border-radius: 20px; flex: 1 0 calc(40% - 50px); }
.angularLogoImg { position: relative; top: 12px; width: 70px; height: 70px; }
/**Angular Sub Banner Section*/
.brand_card2 { background-color: #fff; border-radius: 10px; padding: 0px 30px; margin: 0px 10px; }
.brand_marquee2 { display: flex; flex-direction: column; overflow: hidden; position: relative; }
.brand_track2 { display: flex; animation: scroll2 20s linear infinite; width: max-content; }
.brand_track2.second { animation-direction: reverse; animation-duration: 10s; padding-bottom: 20px; }
.brandImg2 { height: 75px; max-width: 250px; }
@keyframes scroll2 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
/*Dream Big with Our AngularJS Development Services*/
.bespokeAngularSection { position: relative; }
.bespokeAngularSection::before { content: ""; height: 576px; width: 41%; background: #19b04c; border-radius: 0px 30px 30px 0px; position: absolute; left: 0; top: -10%; }
.bespokeAngularSection::after { content: ""; height: 134px; width: 688px; position: absolute; background-image: url("../images/respokeDesign.png"); background-repeat: no-repeat; left: 0%; bottom: 15%; }
.heading30 { font-size: 30px; font-weight: 700; color: #372c7a; }
.subHeading16 { font-weight: 400; font-size: 15px; color: #6a3894; }
.dreamBigSection { background-color: #eff4fd; background-image: url("../images/breambg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.pt-75 { padding-top: 75px; }
.pb-75 { padding-bottom: 75px; }
.heading32 { font-weight: 600; font-size: 32px; }
.text-violet { color: #6a3894; }
.point { display: flex; align-items: center; gap: 12px; }
.respokeContainer { display: grid; grid-template-columns: repeat(2, 1fr); gap: 60px; align-items: center; }
.respokePointsContainer { display: flex; align-items: center; gap: 26px; }
.respokeAngularImg { position: relative; }
.angularIcon { height: 109px; width: 109px; padding: 12px 20px; background-color: #ffffff; border-radius: 20px; box-shadow: 0px 10px 40px 0px #1f61e829; position: absolute; top: -11%; left: -7%; z-index: 2; }
.py-192 { padding: 192px 0px 192px 0px; }
.respokeImg { position: relative; z-index: 1; }
/*Our Angular Development Services to Help You Scale*/ .angularDevArea { background-image: url("../images/angularDevBG.png"); background-repeat: no-repeat; padding: 60px; background-size: 100% 100%; position: relative; border-radius: 30px; }
.btnContainer { display: flex; align-items: center; justify-content: center; }
/* Harness Our Angular Front End Development Expertise */
.harnessAngularImg { padding: 17px; border-radius: 15px; height: 81px; width: 81px; display: flex; align-items: center; justify-content: center; }
.harnessAngular { padding: 24px; box-shadow: 0px 2px 40px 0px #1f61e81f; border-radius: 12px; background: #fff; width: 100%; }
.harnessAngularContainer { display: flex; gap: 40px; align-items: stretch; justify-content: center; }
.harnessAngularSection { background-image: url(../images/expertisebg.png); background-repeat: no-repeat; background-size: 100% 100%; }
.heading14 { font-size: 14px; font-weight: 500; }
/* Our Diverse Range of AngularJS Development Solutions */
.angularDevRange { padding: 32px 40px; width: 33.33%; /* 380px; */ box-shadow: 0px 4px 44px 0px #1f61e826; min-height: 369px; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.white-bg { background-color: #ffffff; }
.angularRangeImg { height: 48px; width: 48px; }
.diverseRangeContainer { display: flex; justify-content: center; align-items: center; gap: 0px; flex-wrap: wrap; }
/* Toolkit for AngularJS App Development Services */
.angularToolkitSection { background-image: url(../images/toolkitBg.png); background-repeat: no-repeat; background-size: cover; }
.angularApp { display: flex; align-items: center; gap: 12px; }
.angularAppContainer { display: flex; align-items: flex-start; justify-content: space-between; }
.angularAppImg { max-width: 32px; height: 23px; }
/* Presenting Goal-Oriented Angular.JS Development Services to You */
.goalOrientedContainer { display: grid; grid-template-columns: 2fr 1fr; align-items: center; gap: 40px; }
.goalOrientedImgContainer { position: relative; order: 2; }
.orientedleftbox_ { order: 1; }
.goalOrientedAngularIcon { top: unset; left: unset; z-index: 2; bottom: -6%; left: -12%; }
.font36 { font-size: 36px; }
.color-green { color: #1eb250; }
.color-blue { color: #1f61e8; }
.bg-light-green { background-color: #eefff4; }
.bg-light-yellow { background-color: #fff8e3; }
.bg-light-red { background-color: #ffeef1; }
.bg-light-blue { background-color: #e9f0ff; }
.goalNumber { border-radius: 50%; width: 70px; height: 70px; text-align: center; line-height: 68px; font-size: 40px; }
/* AngularJS Development Process We Follow */
.devProcessSection { position: relative; }
.devProcessSection::before { content: ""; height: 95px; width: 95px; border-radius: 50%; background: #c2d7ff66; position: absolute; right: 10%; top: 22%; }
.devProcessSection::after { content: ""; height: 92px; width: 92px; border-radius: 50%; background: #fff4d3b2; position: absolute; left: 4%; bottom: 10%; }
.heading22 { font-size: 22px; font-weight: 500; color: #1d1068; }
.goalServices { display: flex; flex-direction: column; align-items: flex-start; max-width: 389px; margin-bottom: 0 !important; }
.goalOrintedServices { display: grid; align-items: flex-start; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.mb-5 { margin-bottom: 5px; }
.stepNumber { font-weight: 600; font-size: 61px; box-shadow: 0px 4px 12px 0px #00000033; border-radius: 50%; padding: 0 20px !important; width: 119px; height: 119px; text-align: center; display: flex; align-items: center; justify-content: center; }
.devProcessSteps { display: grid; justify-content: space-between; position: relative; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.devProcessStep { display: flex; flex-direction: column; align-items: center; }
.stepNumberOne, .stepNumberFour { border: 6px solid #fe424e; color: #fe424e; background-color: #ffe8ea; }
.stepNumberTwo, .stepNumberFive { color: #2553ed; background-color: #e5eafd; border: 6px solid #2553ed; }
.stepNumberThree { background: #fcf5e1; border: 6px solid #e8af09; }
.stepNumberSix { border: 6px solid #19b04c; background: #e3f6ea; color: #19b04c; }
.devProcessStep:nth-child(2), .devProcessStep:nth-child(4), .devProcessStep:nth-child(6) { margin-top: 256px; }
.page-id-11161 .devProcessStep:nth-child(2), .devProcessStep:nth-child(4), .devProcessStep:nth-child(6) { margin-top: 306px; }
.devProcessList { list-style: inside; padding: 0; margin-bottom: 12px!important; }
.stepNumber { margin-bottom: 12px!important; }
/* Ready to handle more users and features without missing a beat? */
.handleUsers { background-image: url(../images/handleUserBG.png); background-repeat: no-repeat; background-size: 100% 100%; padding: 48px 48px; display: flex; align-items: center; justify-content: space-between; border-radius: 20px; margin-top: 80px; }
.handleUsers .cta_content { width: 85%; }
/*Benefits of AngularJS for Web Application Development*/
.heading24 { font-size: 24px; font-weight: 600; color: #1d1068; }
.angularBenefitImg { padding: 0; border-radius: 20px 0px 20px 0px; width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; max-width: 78px; }
.benefits { display: flex; align-items: flex-start; gap: 16px; padding: 20px; border-radius: 20px; box-shadow: 0px 2px 44px 0px #1f61e826; background: #ffffff; width: 100%; }
.angularBenefitsContainer { display: grid; align-items: center; gap: 24px; justify-content: center; grid-template-columns: repeat(auto-fit, minmax(431px, 1fr)); }
/*Awards  Recognitions*/
.awardsRecognition { position: relative; }
.heading60 { font-size: 60px; font-weight: 600; color: #1d1068; }
.ps-40 { padding-left: 40px; }
.awardsRecognition::before { content: "AND"; height: 27px; width: 57px; color: #eaa60b; font-size: 25px; font-weight: 600; position: absolute; }
.awardsRecognition::before { content: "AND"; height: 27px; width: 57px; color: #eaa60b; font-size: 25px; font-weight: 600; position: absolute; transform: rotate(270deg); top: 63%; left: -22px; }
.slidernewOne { width: 100%; max-width: 700px; margin: auto; position: relative; overflow: hidden; border-radius: 10px; }
.slides { display: flex; width: 300%; transition: transform 0.5s ease-in-out; }
.slide { flex-shrink: 0; text-align: center; font-size: 2rem; background-color: #ffffff; }
.slideOne img { width: 130px; height: 150px; }
.dots { display: flex; justify-content: center; gap: 8px; left: 50%; position: absolute; bottom: -26%; transform: translateX(-50%); }
.dot { width: 12px; height: 12px; background: rgba(31, 97, 232, 0.2); border-radius: 50%; cursor: pointer; }
.dot.active { background-color: #1f61e8; }
.awardsArea { display: flex; align-items: center; justify-content: space-between; }
.me-44 { margin-right: 44px; }
.sliderArea { position: relative; }
/* Your One-Stop AngularJS Application Development Company */
.oneStopAngularSection { background: #1f61e8; }
.angularStop { display: flex; align-items: flex-start; gap: 20px; }
.oneStopImg { height: 32px; width: 32px; }
/*Our Diverse Range of AngularJS Development Solutions*/
.angularDiverseRangeSection { background-image: url(../images/counterBG.png); background-repeat: no-repeat; background-size: 100% 121%; }
.font60 { font-weight: 700; font-size: 60px; }
.green-container { height: 6px; width: 214px; margin: 0 auto; }
.bg_blue2 { background-color: #2553ed; }
.text_blue2 { color: #2553ed; }
.text_red2 { color: #fe424e; }
.diverseRangeCounters { display: grid; align-items: center; justify-content: center; gap: 24px; grid-template-columns: repeat(5, 1fr); }
.oneStopAngularSection { background: #1f61e8; }
.angularStop { display: flex; align-items: flex-start; gap: 20px; max-width: 408px; }
.oneStopImg { height: 32px; width: 32px; }
.radixWebOptionImgContainer { background-image: url("../../angularImgs/radixwebPolygon.svg"); background-repeat: no-repeat; padding: 24px; }
.radixwebOptionsArea { display: flex; align-items: flex-start; gap: 60px; flex-wrap: wrap; justify-content: center; }
.radixwebOption { max-width: 405px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.angularJsStops { display: flex; align-items: flex-start; gap: 58px; flex-wrap: wrap; }
/* Related Services */
.angularService { padding: 24px; border-radius: 12px; }
.bg_superlight_red { background: rgba(226, 26, 39, 0.08); }
.bg_superlight_green { background: rgba(25, 176, 77, 0.08); }
.bg_superlight_blue { background: rgba(31, 97, 232, 0.08); }
.bg_superlight_yellow { background: rgba(232, 175, 9, 0.08); }
.relatedServices { display: grid; align-items: center; gap: 25px; grid-template-columns: repeat(4, 1fr); }
.radixwebSection { background-image: url("../images/whyRadixwebbg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.radixWebOptionImgContainer { background-image: url("../images/radixwebPolygon.svg"); background-repeat: no-repeat; padding: 24px; }
.radixwebOptionsArea { display: flex; align-items: flex-start; gap: 60px; justify-content: center; text-align: center; margin: auto; }
.radixwebOption { max-width: 405px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 0; }
.angularJsStops { display: grid; align-items: flex-start; gap: 58px; grid-template-columns: repeat(3, 1fr); }
.getInTouchArea { background-image: url("../images/getInTouchBG.png"); background-repeat: no-repeat; padding: 48px; border-radius: 20px; border: 1px solid #ffffff; background-size: 100% 100%; display: flex; align-items: center; justify-content: space-between; }
.getInTouchTxt { position: relative; }
.getInTouchAeroplane { position: absolute; right: -63%; bottom: -40%; }
/*===========================================Flower Delivery App Development=======================================*/

/*Main banner */
.flowerDeliveryBanner { background-image: url("../images/flowerBG.png") !important; }
/*What is Flower Delivery App Development?/*/
.flowerDeliveryAppArea { display: flex; align-items: flex-start; gap: 76px; }
.flowerDeliveryAppContent { width: 84%; }
.flowerDeliveryAppArea img { width: 100%; }
/* How Our Florist App Development Address All Your Flora Delivery Business Requirement */
.ourFloristAppSection { background: linear-gradient( 180deg, #f5f9ff 0%, rgba(245, 249, 255, 0) 38%, #f5f9ff 100% ); }
.floristTickImg { height: 24px; width: 24px; }
.floristAppHedingContainer { display: flex; align-items: center; gap: 10px; }
.floristAppContainer { padding: 25px 21px; border-radius: 20px; background-color: #ffffff; box-shadow: 0px 4px 14px 0px #00000040; min-width: 155px; text-align: center; min-height: 148px; max-width: 195px; width: 100%; }
.floristAppContainer .subHeadingText14 { line-height: 17px; }
.floristAppImg { height: 68px; max-width: 68px; width: 100%; object-fit: contain; }
.floristApps { display: flex; justify-content: center; align-items: flex-start; gap: 68px; }
.floristApp { display: flex; flex-direction: column; justify-content: center; align-items: center; }
/*How Our Florist App Development Address All Your Flora Delivery Business Requirement -2*/
.floristSection2 { display: flex; align-items: center; gap: 24px; justify-content: center; }
.floristContentSection { max-width: 50%; }
.floristOptionImg { padding: 13px; border-radius: 20px; height: 61px; width: 61px; }
.florist_green_bg { background: rgba(25, 176, 76, 0.1); }
.florist_yellow_bg { background: rgba(248, 228, 127, 0.34); }
.florist_red_bg { background: rgba(226, 26, 39, 0.1); }
.florist_blue_bg { background: rgba(31, 97, 232, 0.1); }
.floristOption { display: flex; align-items: center; gap: 24px; border-bottom: 1px solid; }
.floristAppOptions { padding: 24px 30px; border-radius: 20px; box-shadow: 0px 2px 44px 0px rgba(31, 97, 232, 0.15); }
.pb-15 { padding-bottom: 15px; }
.pt-15 { padding-top: 15px; }
.borderGreen { border-bottom: 2px solid rgba(25, 176, 76, 0.1); }
.borderYellow { border-bottom: 2px solid rgba(232, 175, 9, 0.1); }
.borderRed { border-bottom: 2px solid rgba(226, 29, 42, 0.1); }
/* Dazzling Features Of Our Flower Delivery App Development Solution-2 */
.dazzlingFLowerServices { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: center; }
.dazzlingFLowerServices img { width: 85%; }
.flowerServiceImgContainer { padding: 17px; border-radius: 50%; display: inline-block; width: 70px; height: 70px; }
.flowerServiceImg { max-width: 36px !important; height: 36px !important; width: 100% !important; }
.flowerServices { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; }
/* Advance Features of EDelivery */
.eDeliverySection { background-image: url("../images/EDeliveryBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.eDeliveryImgContainer { background-color: #ffffff; padding: 14px 17px; border-radius: 50%; margin-top: -27px; }
.eDeliveryImg { height: 36px; width: 36px; object-fit: contain; }
.eDelivery_greenBg { background-color: #d3f9eb; }
.eDelivery_blueBg { background-color: #dce7ff; }
.eDelivery_yellowBg { background-color: #ffefc0; }
.eDelivery_redBg { background-color: #f2cfd1; }
.eDelivery { border-radius: 20px; display: flex; flex-direction: column; align-items: center; padding: 0px 22px 36px 22px; }
.eDeliveryArea { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.mb-80 { margin-bottom: 80px; }
/*Feature-rich Modules To Keep Your Flower Business Going On */
.featureModuleArea { display: grid; grid-template-columns: repeat(2, 1fr); gap: 47px; align-items: flex-start; }
.eDeliveryContent { box-shadow: 0px 4px 24px 0px #1f61e830; border-radius: 12px; padding: 12px 16px; }
.eDelieryContentImg { height: 40px; width: 40px; }
.downloadIcons { padding: 6px; border-radius: 50%; }
.downloadLogoIcon { height: 32px; width: 32px; }
.eDeliveryContentImgs { display: flex; align-items: center; justify-content: space-between; }
.featureModuleImgArea { display: flex; align-items: center; gap: 7px; }
/*How Florist Delivery Software Empower Your Business */
.floristDeliverySection { position: relative; overflow: hidden; margin-top: 60px !important; }
.floristDeliveryBg { position: absolute; z-index: -1; left: -25%; top: -10%; }
.floristContentImg { height: 70px !important; width: 70px !important; }
.floristDeliveryArea { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; }
.floristDeliveryArea img { width: 85%; }
.floristContent_blueBg { background: #eaf0fd; }
.floristContent_greenBg { background: #f3fff7; }
.floristContent_yellowBg { background: #fff8e2; }
.floristContent { display: flex; align-items: flex-start; gap: 14px; padding: 28px 36px 28px 12px; border-radius: 20px; }
/* Other Prebuilt Apps We Offer */
.prebuiltAppSection { background-image: url("../images/prebuiltBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.prebuilt { padding: 10px; border-radius: 20px; box-shadow: 0px 10px 40px 0px #1f61e829; background-color: #ffffff; }
.preBuiltSections { display: grid; grid-template-columns: repeat(4, 1fR); gap: 15px; }
/* Online Flower Delivery App Development Ensures User Satisfaction- */
.angularDevArea { position: relative; }
.flowerDeliveryImg { position: absolute; bottom: 0; right: 0%; }
/*=================================EMV SOFTWARE SOLUTIONS==================================*/
.emvBg { background-image: url("../images/emvBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.emvSofwareDevImg { width: 26px; height: 26px; object-fit: contain; }
.emvSoftwareImg { width: 70%; z-index: 1; }
.emvIconContainer { padding: 0px 0; border-radius: 5px; max-width: 45px; height: 43px; display: flex; align-items: center; width: 100%; justify-content: center; }
.emvIcon_greenBg { background-color: #c7fdd9; }
.emvIcon_blueBg { background-color: #c2d7ff; }
.emvIcon_yellowBg { background-color: #fff4d3; }
.emvSoftware { display: flex; align-items: flex-start; gap: 20px; padding: 30px 17px; border-radius: 15px; background: #ffffff; box-shadow: 0px 8px 30px 0px #00000026; }
.emvSoftwareSections { display: grid; grid-template-columns: repeat(2, 1fr); gap: 63px; justify-content: center; margin-top: 35px; }
.emvSoftwareImgSection { display: flex; justify-content: center; align-items: center; position: relative; }
.absBlueCircle { height: 115px; width: 115px; background: #c2d7ff99; border-radius: 50%; position: absolute; right: 1%; top: 26%; }
.absyellowCircle { height: 92px; width: 92px; border-radius: 50%; background: #fff4d3b2; position: absolute; left: 3%; bottom: 33%; }
.absRedCircle { height: 65px; width: 65px; border-radius: 50%; background: #ffbcc0; position: absolute; right: 37%; bottom: 11%; }
.absBlueCircle2 { right: 14%; top: 20%; }
.absRedCircle2 { right: 59%; bottom: 9%; }
.absyellowCircle2 { left: -1%; bottom: unset; top: 35%; }
.getEMVbtnContainer { display: flex; justify-content: center; align-items: center; }
/* AI-Powered EMV Solutions */
.aiSolutionSection { background: rgba(31, 97, 232, 0.1); }
/*AI Powered Slider*/
.cardNew { padding: 46px 24px 32px 24px !important; border: none !important; box-shadow: 0px 10px 40px 0px rgba(31, 97, 232, 0.16) !important; min-height: 339px !important; min-width: 29% !important; border-radius: 30px !important; display: flex; align-items: flex-start; justify-content: center; }
.aiPoweredEmvContainer { padding: 10px 12px; width: 51px; height: 48px; border-radius: 10px; margin-top: -72px !important; display: flex; justify-content: center; align-items: center; margin: auto; position: absolute; top: 51px; }
.aiEmvImg { height: 27px !important; width: 27px !important; border-radius: 0px !important; object-fit: contain !important; }
.slider_nav_wrapper_New { max-width: unset !important; }
.slider-container_New { max-width: unset !important; }
.pb-190 { padding-bottom: 190px; }
.arrowLeftNew, .arrowRightNew { position: initial; height: 60px !important; width: 60px !important; padding: 0; }
.arrowBtn_nav { position: absolute; left: 0; right: 0; margin: 0 auto; max-width: 171px; bottom: -52px; }
/* -Custom EMV Solutions */
.customEmvSection, .customEmvImgContainer { position: relative; }
.customEmvImg { width: 94%; }
.EmvImgSubContainer { border-radius: 10px; height: 45px; width: 45px; display: flex; align-items: center; justify-content: center; }
.customEmv_BlueBg { background: #b8cffe; }
.customEmv_GreenBg { background: #dffde9; }
.customEmv_YellowBg { background: #fdeec2; }
.customEnvSections { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; align-items: center; position: relative; }
.customEmvSubImgs { height: 28px; width: 28px; object-fit: contain; }
.customEnvBg1 { position: absolute; left: -13%; top: -7%; min-width: 691px; z-index: -1; }
.customEmvCircle1 { background: rgba(232, 175, 9, 0.1); height: 81px; width: 81px; position: absolute; border-radius: 50%; right: 12%; top: 0%; }
.customEmvCircle2 { background: rgba(232, 175, 9, 0.1); height: 114px; width: 114px; position: absolute; border-radius: 50%; top: -27%; left: -3%; }
.customEmvCircle3 { background: rgba(232, 175, 9, 0.1); height: 91px; width: 91px; position: absolute; border-radius: 50%; right: 16%; bottom: -13%; }
.customEnvSections2 { gap: 150px !important; }
.customEnvBg2 { position: absolute; right: -13%; width: 719px; top: 0%; }
.customEmvCircle4 { background: rgba(31, 97, 232, 0.1); height: 66px; width: 66px; position: absolute; border-radius: 50%; right: 36%; top: 6%; }
.customEmvCircle5 { background: rgba(31, 97, 232, 0.1); height: 80px; width: 80px; position: absolute; border-radius: 50%; left: -10%; top: 46%; }
.customEmvCircle6 { background: rgba(31, 97, 232, 0.1); height: 114px; width: 114px; position: absolute; border-radius: 50%; bottom: -13%; left: -15%; }
.pb-140 { padding-bottom: 140px; }
.pe-150 { padding-right: 150px; }
.ps-150 { padding-left: 150px; }
/* Custom EMV Solutions 2 */
.customEmv { padding: 24px 20px; box-shadow: 0px 10px 40px 0px rgba(31, 97, 232, 0.16); border-radius: 30px; position: relative; background-color: #ffffff; }
.customEmvOuter { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.mb-26 { margin-bottom: 26px; }
.customEmvAbs1 { width: 124px; height: 112px; background: rgba(31, 97, 232, 1); border-radius: 30px; top: -5px; left: -5px; position: absolute; z-index: -1; }
.customEmvAbs2 { width: 124px; height: 112px; background: rgba(31, 97, 232, 1); border-radius: 30px; bottom: -5px; right: -5px; position: absolute; z-index: -1; }
.customEmvabsRed_Bg { background-color: #ec1e4f !important; color:#fff!important; }
.emvImgs { height: 28px; width: 28px; object-fit: contain; }
.complainceSection { background-image: url("../images/complianceBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.heading34 { font-weight: 600; font-size: 34px; color: #ffffff; }
.py-30 { padding: 30px 0px 30px 0px; }
/* Custom EMV Integrations */
.IntegrationSection { padding: 30px 10px; }
.IntegrationSection1 { background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 81.5%, rgba(31, 97, 232, 0.2) 100% ); }
.IntegrationSection2 { background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 81.5%, rgb(25, 176, 76, 0.2) 100% ); }
.IntegrationSection3 { background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 81.5%, rgb(232, 175, 9, 0.2) 100% ); }
.IntegrationSection4 { background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 81.5%, rgb(226, 26, 39, 0.2) 100% ); }
.emvIntegrationSections { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.integrationImg { max-width: 180px; max-height: 35px; }
/*===================================== React Native App ==========================================*/
.reactnativeBanner .mainBannerHeading { position: relative; z-index: 2; }
.reactIcon { position: absolute; width: 97px; height: 99px; z-index: -1; left: -47px; top: -44px; }
/** Hire Dev Css **/
.hirededicatedDev_Inner { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.hirededicatedDev_ { background-image: url(../images/hiredevbg.png); background-size: cover; background-repeat: no-repeat; }
.reactnativeService_ { background: transparent; }
.reactnativeService_ .offshoreImg { left: 0; right: 0; margin: 0 auto; width: 71px; height: 71px; border-radius: 53px !important; padding: 0; display: flex; align-items: center; justify-content: center; border: none; }
.reactnativeService_ .offshoreBox_ { text-align: center; }
/** Our Recent Work Css **/
.ourreacentWork_ { background-image: url(../images/recentworkbg.png); background-repeat: no-repeat; background-size: cover; }
.serviceInnercontent { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 50px; }
.recentworkinfo_ { background: #fff; padding: 20px; border-radius: 20px; box-shadow: 0px 2px 44px 0px #1f61e826; display: flex; align-items: self-start; gap: 22px; }
.learnmore_ { font-size: 15px; font-weight: 500; color: #eca70b !important; text-decoration: none; }
.workIcon { width: 69px; height: 74px; object-fit: contain; }
/** App Development Cost Css **/
.appdevcostInner { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #1a56db; border-radius: 30px; padding: 40px 0px 0 40px; color: white; overflow: hidden; }
.costleft-content { flex: 1; min-width: 300px; max-width: 50%; }
.costleft-content h2 { font-size: 2rem; margin-bottom: 1rem; color: white; }
.costleft-content p { font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; color: #e2e8f0; }
.costright-image { flex: 1; display: flex; justify-content: flex-end; align-items: flex-end; min-width: 300px; max-width: 50%; position: relative; }
.costright-image img { max-width: 100%; height: auto; object-fit: contain; }
.leadingSection { background-image: url("../images/leadingCompaniesBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.leading_tickImg { width: 18px; height: 15px; }
.tickOuterContainer { height: 35px; width: 35px; border-radius: 50%; background: #eaa60b; display: flex; align-items: center; justify-content: center; min-width: 35px; }
.leadingCompanyHeader { display: flex; align-items: center; gap: 12px; }
.leadingCompany { background: #ffffff; border-radius: 15px; padding: 27px 14px; }
.leadingCompaniesContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
/* Want More Information ? */
.heading36 { font-size: 36px; font-weight: 700; color: #ffffff; }
.moreInfoSection { background-image: url("../images/wantInfoBg.png"); background-repeat: no-repeat; background-size: 100% 100%; }
.pt-140 { padding-top: 140px; }
.pb-140 { padding-bottom: 140px; }
.mt-120 { margin-top: 120px !important; }
.moreInfoArea { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.wantMoreInfoImg { margin-bottom: -70px; width: 100%; margin-top: -70px; }
/* Why Dev Technosys? */
.devTechnosysImg { height: 95px; width: 95px; }
.devTechnosys { box-shadow: 0px 10px 40px 0px #1f61e829; padding: 0px 41px 40px 0px; border-radius: 20px; overflow: hidden; }
.devTechnosysImgContainer { display: inline-block; position: relative; left: -18px; top: -18px; }
.technosysContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.ps-35 { padding-left: 35px; }
/* Transparent App Development Process */
.transparentDevSection { background-image: url("../images/tranparentAppBg.png"); background-size: 100% 100%; }
.transparentDev { background-repeat: no-repeat; background-size: 100% 100%; display: flex; flex-direction: column; align-items: center; padding: 28px 0px 30px 0px; z-index: 2; position: relative; }
.transparentDev1 { background-image: url("../images/yellow1New.png"); }
.transparentDev2 { background-image: url("../images/yellow2New.png"); }
.transparentDev3 { background-image: url("../images/yellow3New.png"); }
.transparentDev4 { background-image: url("../images/yellow4New.png"); }
.transparentDev5 { background-image: url("../images/yellow5New.png"); }
.transparentDev6 { background-image: url("../images/yellow6New.png"); }
.transparentDevOuter:nth-child(2), .transparentDevOuter:nth-child(4), .transparentDevOuter:nth-child(6) { margin-top: 240px; }
.transparentDevContainer { display: grid; grid-template-columns: repeat(6, 1fr); gap: 23px; position: relative; }
.transparentbgDesign { position: absolute; top: 21%; left: 11%; width: 80%; z-index: 1; }
/* Integrated Features of React Native App Development  */
.heading24_500 { font-size: 24px; font-weight: 500; color: #1d1068; }
.integratedPoint { height: 16px; width: 16px; background-color: #1eb250; border-radius: 50%; }
.interatedHeadingContainer { display: flex; align-items: center; gap: 16px; }
.color_darkGrey { color: #334055; }
.getQuoteBtn { padding-bottom: 30px; border-bottom: 1px solid #edeeee; }
.integratedFeatureContainer { display: grid; grid-template-columns: 1fr 2fr; gap: 65px; }
.accordionItm { background-color: #ffffff !important; }
.p-0 { padding: 0px !important; }
.integrateFeatureContent { display: flex; align-items: center; gap: 16px; }
.integrateFeatureContent.active .accordionTitle { padding-bottom: 0px !important; }
.integrateFeatureContent.active { padding-bottom: 10px !important; }
.integratedAccordion { max-height: 860px !important; overflow-y: auto; height: 100%; }
.integratedAccordion::-webkit-scrollbar { color: transparent; background-color: transparent; }
/* Latest Tools & Technologies of React Native App Development Services */
.latestToolsBtn { font-weight: 500 !important; font-size: 20px !important; color: #1b1063 !important; border-right: 0px !important; border-bottom: 0px !important; border-radius: 100px; padding: 14px 28px !important; }
.latestCustom_tab { background: #e4ebff; border-radius: 100px; max-width: 70% !important; margin: auto; }
.latestToolsBtn.active { background: #2353ed; color: #ffffff !important; }
.latest_stackitem { padding: 36px 87px !important; width: unset !important; min-width: unset !important; box-shadow: 0px 2px 8px 0px #1f61e83d !important; border-radius: 16px !important; }
.latest_stackList { max-width: 903px !important; }
/**New **/
.transparentDev h2 { max-width: 124px; text-align: center; }
.transparentImg1 { width: 52px; height: 52px; }
.transparentDev h2 { max-width: 129px; text-align: center; }
/*************************************REAL ESTATE DEVELOPMENT***************************************/
.realEstateSection { background-image: url('../images/realEstateBg.png'); background-repeat: no-repeat; background-size: 100% 100%; position: relative; }
.estateService{ border: 1px solid #22222222 !important; }
.realEstateImg_mainOuter{ box-shadow: 0px 1px 0px 0px #2222224f !important; background-color: #f7f9fee3 !important; }
.realEstateContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; }
.subBanner { display: flex; align-items: center; padding: 25px 47px; background-color: #FFFFFF; border-radius: 10px; position: absolute; left: 9%; min-width: 81%; justify-content: space-between; bottom: -5%; box-shadow: 0px 4px 20px 0px #00000033; gap: 20px; }
.subBannerImg{ max-width: 185px; max-height: 65px; }
/* REAL ESTATE APP DEVELOPMENT SERVICES */
.pt-180 { padding-top: 180px; }
.estateAppSection .offshoreImg { left: 0; right: 0; margin: 0 auto; width: 71px; height: 71px; border-radius: 53px !important; padding: 0; display: flex; align-items: center; justify-content: center; border: none; }
.estateAppSection .offshoreBox_ { text-align: center; }
.estateAppSection { background-image: url('../images/realEstateAppBg.png'); background-repeat: no-repeat; background-size: 100% 115%; }
.realEstate_borderRed{ border: 1px solid #E21A27 !important; }
.realEstate_borderBlue { border: 1px solid #1F61E8 !important; }
.realEstate_borderGreen { border: 1px solid #19B04C !important; }
.realEstate_borderYellow { border: 1px solid #EAA60B !important; }
.estate_img1{ width: 35px; height: 35px; }
.feature::before { content: ""; position: absolute; height: 100%; width: 2px; left: 6%; top: 0; }
.feature:nth-child(1)::before{ background-color: #1f61e8; }
.feature:nth-child(2)::before{ background-color: #19b04c ; }
.feature:nth-child(3)::before{ background-color: #EAA60B; }
.feature:nth-child(4)::before{ background-color: #e21a27; }
/* TRENDING TECHNOLOGIES INTEGRATED IN REAL ESTATE APPS */
.tradingTechSection{ background-image: url('../images/trading_techbg.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.tradingTechContainer { background-image: url(../images/blueBg1.png); background-repeat: no-repeat; background-position: right; background-size: 65% 100%; margin-top: 104px !important; position: relative; padding: 0 40px; }
.tradingTechArea { display: grid; grid-template-columns: repeat(2,1fr); gap: 20px; align-items: center; padding: 20px 0px; }
.tradingTechImgContainer { display: flex; justify-content: end; align-items: center; }
.tradingTechAbsImg1 { position: absolute; left: -3%; top: -15%; }
.tradingTech2{ background-image: url('../images/greenBg1.png'); background-position: left; }
.tradingTech3{ background-image: url('../images/yellowBg1.png'); }
.tradingTech4{ background-image: url('../images/blueBg2.png'); background-position: left; }
.tradingTechAbsImg2 { position: absolute; right: -5%; top: -13%; }
.tradingTech3 .tradingTechAbsImg1 { top: -12%; }
.mb-90{ margin-bottom: 90px; }
.pb-140{ padding-bottom: 140px; }
/* OUR RECENT WORKS */
.recentWorkSection{ background-color: #F0F8FF; }
.recentWork { background-image: url('../images/recentwork_img1.png'); background-repeat: no-repeat; background-size: 100% 100%; }
.recentWork2{ background-image: url('../images/recentwork_img2.png'); }
.recentWork3{ background-image: url('../images/recentwork_img3.png'); }
.recentWork4{ background-image: url('../images/recentwork_img4.png'); }
.recentWorkInfo { background: linear-gradient(1.87deg, #000000 1.94%, rgba(0, 0, 0, 0) 43.79%); padding: 13px; min-height: 378px; display: flex; flex-direction: column; justify-content: end; }
.recentWorkContainer { display: grid; grid-template-columns: repeat(4,1fr); gap: 0px; }
/* NOTABLE FEATURES OF REAL ESTATE IT SOLUTIONS */
.notableFeatureArea{ padding: 60px 80px; box-shadow: 0px 10px 40px 0px #00000026; background-color: #FFFFFF; border-radius: 20px; }
.featurePointNo { font-weight: 600; font-size: 14px; color: #FFFFFF; border-radius: 50%; z-index: 2; height: 35px; width: 100%; display: flex; align-items: center; justify-content: center; max-width: 35px; }
.featurePoint{ display: flex; align-items: center; gap: 9px; }
.feature{ position: relative; }
.featureAbsLine1 { position: absolute; height: 100%; left: 18px; z-index: 1; top: 0; }
.featuresArea { display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; }
.yellow_bg_{ background-color: #EAA60B; }
/* WHO CAN GET BENEFIT WITH OUR REAL ESTATE SOLUTION? */
.pt-20{ padding-top: 20px; }
.estate_img{ height: 45px; width: 45px; }
.img_outer{ height: 88px; width: 88px; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
.img_mainouter{ height: 100px; width: 100px; background-color: transparent; border-radius: 50%; }
.estateBenefit { padding: 0px 35px 17px 35px; border: 1px solid #1F61E833; box-shadow: 0px 10px 40px 0px #1F61E829; border-radius: 20px; display: flex; flex-direction: column; align-items: center; background-color: #ffffff; }
.estateBenefitContainer { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; }
.img_mainouter { height: 100px; width: 100px; background-color: #ffffff; border-radius: 50%; margin-top: -56px; margin-bottom: 24px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 1px 0px 0px #0065ff4a; }
.estateBenefit.aibnft .img_mainouter {box-shadow: none;}
.estateBenefit_redBg{ background-color: #E42834; }
.mb-75{ margin-bottom: 75px; }
/* WHY SHOULD YOU SELECT SEMIDOT FOR REAL ESTATE APP DEVELOPMENT SERVICES? */
.semidotSection{ background-color: #1F61E8; }
.semidotArea { background-color: #FFFFFF; box-shadow: 0px 10px 40px 0px #1F61E829; border: 1px solid #1F61E833; padding: 0px 22px 38px 22px; border-radius: 20px; display: flex; flex-direction: column; align-items: center; }
.semiImg_mainouter{ background-color:#1F61E8 ; box-shadow: none !important; }
.semidotContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 47px; }
/* Discuss Your Project with Our Specialists */
.discussProjectArea{ background-image: url('../images/discussproject_bg.png'); }
.justify-content-start{ justify-content: start !important; }
.tradingTechImg { width: 100%; }
.tradingTechContent, .tradingTechImgContainer img.tradingTechImg:first-child { z-index: 1; }
.whatmakeusbest_ .chose-item-cont h5 span { border-top-right-radius: 0px !important; border-bottom-right-radius: 41.5px !important; border-bottom-left-radius: 41.5px !important; position: relative; top: -7px; width: 47px !important; height: 47px !important; }
.hireMobileDevImg img { object-fit: cover; }
.limg-inner .section-content ul { padding: 0; list-style: inside; }
.webdevFeaturesSection .notableFeatureArea { padding: 60px 35px !important; }
.webdevFeaturesSection .featuresArea { gap: 10px!important; }
.webdevFeaturesSection .paracommon { font-size: 14px; }
.radixWebOptionImg { width: 109px; height: 102px; }
.page-id-4985 .bespokeAngularSection { padding: 60px 0px 60px 0px !important; }
.page-id-4985 .bespokeAngularSection::before { top: 42px; }
.page-id-4985 .diverseRangeSection { padding-bottom: 80px !important; }
.page-id-4985 .handleUsers { margin-top: 0; }
.page-id-4985 .handleUsers h2 { width: 80%; }
.oneStopPoint { height: 16px; width: 16px; background-color: #FFFFFF; border-radius: 50%; }
.oneStopPointOuter { background: rgba(255, 255, 255, 0.3); border-radius: 50%; height: 32px; max-width: 32px; display: flex; align-items: center; justify-content: center; width: 100%; }
.page-id-4985 .devProcessSteps { margin-top: 50px; }
.devprocess-item { text-align: center; }
.page-id-5120 .overlap-form-inr { padding: 45px 70px; }
.page-id-5120 .overlap-form-inr .form-lap .cta-vrt { margin: -89px 0px; }
.page-id-5120 .workExperience_ { padding-bottom: 80px; }
/** Full stack css **/
.page-id-5120 .mainBannerSection::before, .page-id-5703 .mainBannerSection::before { background: #F5F9FF; }
.page-id-5120 .mainBannerSection p, .page-id-5703 .mainBannerSection p { color: #53498a; margin-bottom: 18px; }
.page-id-5120 .mainBannerHeadingContainer ul, .page-id-5703 .mainBannerSection ul { list-style: inside; padding: 0; }
.page-id-5120 .ourAngularDevSection { padding-bottom: 34px !important; padding-top: 34px; }
.page-id-6143 .fullstackBanner .mainBannerContainer .bnr-img { max-width: 83%; }
.page-id-6389 .mainBannerSection ul, .page-id-6569 .mainBannerSection ul { padding: 0; list-style: inside; margin-top: 16px; }
.page-id-6389 .mainBannerSection ul li, .page-id-6569 .mainBannerSection ul li { color: #fff; }
.page-id-6389 .goalOrientedImgContainer img, .page-id-6569 .goalOrientedImgContainer img { position: relative; top: 0; }
.page-id-1558 .choose-img img { width: 69%; }
.page-id-1558 .choose-iner { gap: 90px; }
.page-id-1558 .topService img { width: 55px; height: 55px; }
.soft-dev-list ul li.active::before { display: none!important; }
.page-id-6653 .overlap-form-inr .content h3 { padding-top: 0 !important; }
.aiSolutionSection .sec-head { max-width: 66%; margin: 0 auto; width: 100%; }
.mvpServiceImg { object-fit: contain; }
.fintechCounts{ padding: 24px; box-shadow: 0px 10px 40px 0px #1F61E82B; border-radius: 20px; }
.fintechCountsContainer { display: grid; grid-template-columns: repeat(3,1fr); gap: 40px; background: #F5F9FF; padding: 0px 200px; }
.customFinRow { display: flex; justify-content: center; gap: 40px; max-width: 50%; margin: 0 auto; align-items: center; }
.customFintechRow{ display: flex; justify-content: center; gap: 30px; max-width: 50%; margin: 0 auto; align-items: center; }
.customPointNew:nth-child(2), .customPointNew:nth-child(3){ margin-top: 40px !important; }
.customPointNew:nth-child(4){ margin-top: 10px !important; }
.customPoint{ display: flex; align-items: center; gap: 10px; padding: 12px 22px; border-radius: 50px; box-shadow: 0px 16px 27px 0px #0000001A; background-color: #FFFFFF; }
.customTickImg{ width: 13px; height: 9px; }
.page-id-11519  .estate_img1 { object-fit: contain; }
.page-id-11519  .fintechCountsSection  .btnContainer { margin-top:0px !important; }
.page-id-11519  .choose-features  .choose-iner { gap: 20px; }
.page-id-11519  .choose-features  .choose-iner { flex-direction: row; }