Connect With Us

Integrative Systems Blogs

Integrative brings exhaustive software development & web app development knowledge for you.

Want to know the Real Cost to Develop Software?

Are you looking to outsource your custom application development?

November 26, 2021

7 Things to Look Before Investing in a Custom Software Development Firm

Are you worried that your current off-the-shelf software isn’t keeping up with your business standards and growth?

November 15, 2021

Why use .NET Software Development Framework to Develop your Application?

To build flawless software applications, the one framework that comes to mind is the .NET Software framework.

November 5, 2021

Integrative Systems New Office – The Journey of Making a Dream Come True

Integrative Systems has seen phenomenal growth since its inception.

September 30, 2021

Why AS400 iSeries is Still Used, and Why you need iSeries Consulting Services?

IBM Power Systems have come a long way.

September 28, 2021

Challenges with Finding the Right .NET Development Company and Why Integrative?

. Net developers are in demand everywhere, and some CEOs

September 21, 2021

img:is([sizes=auto i],[sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px; } img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -.1em !important; background: none !important; padding: 0 !important; } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; text-decoration: none; padding: calc(.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #fff; text-decoration: none; } .safe-svg-cover { text-align: center; } .safe-svg-cover .safe-svg-inside { display: inline-block; max-width: 100%; } .safe-svg-cover svg { fill: currentColor; height: 100%; max-height: 100%; max-width: 100%; width: 100%; } :root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #fff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, #eee 0%, #a9b8c3 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg, #caf880 0%, #71ce7e 100%); --wp--preset--gradient--midnight: linear-gradient(135deg, #020381 0%, #2874fc 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: .44rem; --wp--preset--spacing--30: .67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2); --wp--preset--shadow--outlined: 6px 6px 0px -3px #fff, 6px 6px #000; --wp--preset--shadow--crisp: 6px 6px 0px #000; } :where(body) { margin: 0; } :where(.is-layout-flex) { gap: .5em; } :where(.is-layout-grid) { gap: .5em; } body .is-layout-flex { display: flex; } .is-layout-flex { flex-wrap: wrap; align-items: center; } .is-layout-flex > :is(*,div) { margin: 0; } body .is-layout-grid { display: grid; } .is-layout-grid > :is(*,div) { margin: 0; } body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } :root:where(.wp-element-button,.wp-block-button__link) { background-color: #32373c; border-width: 0; color: #fff; font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; padding-top: calc(.667em + 2px); padding-right: calc(1.333em + 2px); padding-bottom: calc(.667em + 2px); padding-left: calc(1.333em + 2px); text-decoration: none; text-transform: inherit; } .has-black-color { color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-color { color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-color { color: var(--wp--preset--color--white) !important; } .has-pale-pink-color { color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-color { color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-color { color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-color { color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-color { color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-color { color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-color { color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-color { color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-color { color: var(--wp--preset--color--vivid-purple) !important; } .has-black-background-color { background-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-background-color { background-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-background-color { background-color: var(--wp--preset--color--white) !important; } .has-pale-pink-background-color { background-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-background-color { background-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-background-color { background-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-background-color { background-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-background-color { background-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-background-color { background-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-background-color { background-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-background-color { background-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-background-color { background-color: var(--wp--preset--color--vivid-purple) !important; } .has-black-border-color { border-color: var(--wp--preset--color--black) !important; } .has-cyan-bluish-gray-border-color { border-color: var(--wp--preset--color--cyan-bluish-gray) !important; } .has-white-border-color { border-color: var(--wp--preset--color--white) !important; } .has-pale-pink-border-color { border-color: var(--wp--preset--color--pale-pink) !important; } .has-vivid-red-border-color { border-color: var(--wp--preset--color--vivid-red) !important; } .has-luminous-vivid-orange-border-color { border-color: var(--wp--preset--color--luminous-vivid-orange) !important; } .has-luminous-vivid-amber-border-color { border-color: var(--wp--preset--color--luminous-vivid-amber) !important; } .has-light-green-cyan-border-color { border-color: var(--wp--preset--color--light-green-cyan) !important; } .has-vivid-green-cyan-border-color { border-color: var(--wp--preset--color--vivid-green-cyan) !important; } .has-pale-cyan-blue-border-color { border-color: var(--wp--preset--color--pale-cyan-blue) !important; } .has-vivid-cyan-blue-border-color { border-color: var(--wp--preset--color--vivid-cyan-blue) !important; } .has-vivid-purple-border-color { border-color: var(--wp--preset--color--vivid-purple) !important; } .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important; } .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important; } .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important; } .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important; } .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important; } .has-cool-to-warm-spectrum-gradient-background { background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important; } .has-blush-light-purple-gradient-background { background: var(--wp--preset--gradient--blush-light-purple) !important; } .has-blush-bordeaux-gradient-background { background: var(--wp--preset--gradient--blush-bordeaux) !important; } .has-luminous-dusk-gradient-background { background: var(--wp--preset--gradient--luminous-dusk) !important; } .has-pale-ocean-gradient-background { background: var(--wp--preset--gradient--pale-ocean) !important; } .has-electric-grass-gradient-background { background: var(--wp--preset--gradient--electric-grass) !important; } .has-midnight-gradient-background { background: var(--wp--preset--gradient--midnight) !important; } .has-small-font-size { font-size: var(--wp--preset--font-size--small) !important; } .has-medium-font-size { font-size: var(--wp--preset--font-size--medium) !important; } .has-large-font-size { font-size: var(--wp--preset--font-size--large) !important; } .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; } :root:where(.wp-block-icon svg) { width: 24px; } :where(.wp-block-post-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-post-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-term-template.is-layout-flex) { gap: 1.25em; } :where(.wp-block-term-template.is-layout-grid) { gap: 1.25em; } :where(.wp-block-columns.is-layout-flex) { gap: 2em; } :where(.wp-block-columns.is-layout-grid) { gap: 2em; } :root:where(.wp-block-pullquote) { font-size: 1.5em; line-height: 1.6; } .load-circle { border-top-color: #12c2e9; } :root { --color-main: #800000; --color-primary: #8169f1; --color-secondary: #a44cee; --color-ternary: #ff847f; } a:hover { color: #1e73be; } a { color: #f58120; } h1, h2, h3, h4, h5, h6 { color: #000; } body { color: #000; } .footer { background-color: #13161d; } .custom-absolute-menu { border-color: #fff; } :root { --color-main: #800000; --color-primary: #8169f1; --color-secondary: #a44cee; --color-ternary: #ff847f; } a:hover { color: #1e73be; } a { color: #f58120; } h1, h2, h3, h4, h5, h6 { color: #000; } body { color: #000; } .footer { background-color: #13161d; } .custom-absolute-menu { border-color: #fff; } .e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; } form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"], form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"] { display: block; } .e-form-textarea-base:not([data-resizable]) { resize: none; } .e-form-submit-button-base { cursor: pointer; box-sizing: border-box; } .ae_data .elementor-editor-element-setting { display: none !important; } @media screen and (min-width:320px) and (max-width:480px) { #daextlwcnf-cookie-notice-container { padding: 20px 34px; width: 250px !important; bottom: 0; border-width: 0px 0 0; border-radius: 0px 20px 0px 0px !important; } body { overflow-x: hidden !important; } .bbr { flex-grow: 0 !important; } .blogmcta { zoom: 95%; display: inline; margin: 0 auto; } .blogmcta2 { zoom: 85% !important; display: inline; margin: 0 auto; text-align: center; } .blogmcta3 { zoom: 85% !important; display: inline; margin: 0 auto; text-align: center; } .paper3 { padding: 80px 0px 20px 0px !important; } .paper3a { margin-left: -10px !important; padding-left: 10px !important; } .paper3ay { margin-left: -10px !important; padding-left: 10px !important; } } ol { list-style-position: outside; list-style-type: circle; margin: 0; padding: 0 0 0 15px; font-size: 20px !important; } .navigation li.menu-item-has-children li.menu-item-has-children > a:after { display: inline-block; content: ""; font-family: "FontAwesome"; position: relative; top: -1px; left: -119px; font-weight: bolder; transform: rotate(90deg); color: #000; } label#Phone-error { color: #dc3232; display: block; border: 2px solid #dc3545; font-size: 12px !important; margin: 5px 0px 20px 0px; font-weight: 500 !important; background-color: white; } .iteck-post-list-carousel .blog_slider .swiper-button-prev, .iteck-post-list-carousel .blog_slider .swiper-container-rtl .swiper-button-next { right: 62px; left: auto; top: -62px; } .iteck-post-list-carousel .blog_slider .swiper-button-next, .iteck-post-list-carousel .blog_slider .swiper-container-rtl .swiper-button-prev { right: 22px; top: -63px; } .cky-revisit-bottom-left { display: none !important; } .grecaptcha-badge { display: none !important; } .fat-nav li a { color: #000 !important; } .ctablog .fat-nav li > a { border-bottom: 1px solid #27aae1 !important; border-top: 1px solid #27aae1 !important; } .iteck-contact-shortcode textarea { height: 72px !important; } .blogmcta { font-size: 14px; font-weight: 700 !important; line-height: 20px; color: #fff !important; background-color: #f58120 !important; border: 2px solid #f58120 !important; width: 100%; padding: 10px 10px; border-radius: 3px; margin-bottom: 25px !important; } .blogmcta:hover { font-size: 14px; font-weight: 700; line-height: 20px; color: #f58120; background-color: #fff !important; border: 2px solid #f58120 !important; width: 100%; padding: 10px 10px; border-radius: 3px; } .bcontent .blogmcta2 { background-color: #f58120 !important; border: 2px solid #f58120 !important; color: #fff !important; display: inline-block; padding: 10px 30px; border-radius: 20px; font-weight: 600 !important; transition: .3s; font-size: 15px; margin-top: 10px; text-transform: uppercase; } .blogmcta2 { background-color: #f58120 !important; border: 2px solid #f58120 !important; color: #fff !important; display: inline-block; padding: 10px 30px; border-radius: 20px; font-weight: 600 !important; transition: .3s; font-size: 15px; margin-top: 10px; text-transform: uppercase; } .blogmcta2:hover { background-color: #fff !important; border: 2px solid #f58120 !important; color: #f58120 !important; display: inline-block; padding: 10px 30px; border-radius: 20px; transition: .3s; font-size: 15px; margin-top: 10px; font-weight: 600 !important; text-transform: uppercase; } .blogmcta3 { background-color: #fff !important; border: 2px solid #f58120 !important; color: #f58120; display: inline-block; padding: 10px 30px; border-radius: 20px; font-weight: 700 !important; transition: .3s; font-size: 15px; margin-top: 10px; text-transform: uppercase; } .blogmcta3:hover { background-color: #fff !important; border: 2px solid #f58120 !important; color: #f58120; display: inline-block; padding: 10px 30px; border-radius: 20px; font-weight: 700 !important; transition: .3s; font-size: 15px; margin-top: 10px; text-transform: uppercase; box-shadow: rgba(0, 0, 0, .06) 0px 2px 4px 0px inset; } .paper3 { width: 100%; padding: 30px 50px 20px 0px; margin: 10px auto; background-color: #d4eef9; position: relative; overflow: hidden; } .paper3::after { content: ""; display: block; border-width: 0px 75px 75px 0px; border-style: solid; border-color: #000 transparent; position: absolute; top: 0; right: 0; } .paper3::after { content: ""; display: block; border-width: 0px 75px 75px 0px; border-style: solid; border-color: #d4eef9 #fff; box-shadow: -5px 6px 10px #817f7f; position: absolute; top: 0; right: 0; } .paper3 > h1 { margin: 30px 210px; } .paper3 > p { padding: 0px 30px; color: #000; font-size: 20px; font-weight: 400; letter-spacing: inherit; line-height: 1.6666666667; word-spacing: 1px; } .brownh3 { background-color: #fff; padding: 15px 15px 15px 25px; border-left: 5px solid #800000; margin: 2px 0px 10px -30px; line-height: 36px; border-radius: 0px 20px 20px 0px; box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 1px 3px 1px; } .brownh { background-color: #800000; color: #fff !important; padding: 15px 45px 15px 25px; border-left: 10px solid #000; margin: 2px -30px 10px -30px; line-height: 36px; border-radius: 0px 0px 0px 0px; box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px; } .orangeh3 { background-color: #fff; padding: 15px 15px 15px 25px; border-left: 5px solid #f58120; margin: 2px 0px 10px -30px; line-height: 36px; border-radius: 0px 20px 20px 0px; box-shadow: 0 20px 10px -20px rgba(0, 0, 0, .45) inset, 0 -20px 10px -20px rgba(0, 0, 0, .45) inset, -20px 0 10px -20px rgba(0, 0, 0, .45) inset; } .blueh3 { background-color: #fff; padding: 15px 15px 15px 25px; border-left: 5px solid #27aae1; margin: 2px 0px 10px -30px; line-height: 36px; border-radius: 0px 20px 20px 0px; box-shadow: 0 20px 10px -20px rgba(0, 0, 0, .45) inset, 0 -20px 10px -20px rgba(0, 0, 0, .45) inset, -20px 0 10px -20px rgba(0, 0, 0, .45) inset; } .blueh { background-color: #fff; padding: 15px 15px 15px 25px; border-left: 5px solid #27aae1; margin: 2px 0px 10px -30px; line-height: 36px; border-radius: 0px 40px 0px 0px; box-shadow: 0 20px 10px -20px rgba(0, 0, 0, .45) inset, 0 -20px 10px -20px rgba(0, 0, 0, .45) inset, -20px 0 10px -20px rgba(0, 0, 0, .45) inset; } .brownf { background-color: #fff; padding: 15px 15px 15px 25px; border-left: 8px solid #800000; margin: 2px 0px 10px -10px; line-height: 36px; border-radius: 0px 10px 10px 0px; box-shadow: rgba(0, 0, 0, .35) 0px 5px 10px; } .brown { background-color: #fff; padding: 15px 15px 15px 25px; border-left: 5px solid #800000; margin: 2px 0px 10px -30px; line-height: 36px; border-radius: 0px 20px 20px 0px; box-shadow: rgba(0, 0, 0, .35) 0px 5px 10px; } .orange { background-color: #fff; padding: 15px 15px 15px 25px !important; border-left: 5px solid #f58120 !important; margin: 2px 0px 10px -30px !important; line-height: 36px !important; border-radius: 0px 20px 20px 0px !important; box-shadow: rgba(0, 0, 0, .35) 0px 5px 10px !important; } .blue { background-color: #fff !important; padding: 15px 15px 15px 25px !important; border-left: 5px solid #27aae1 !important; margin: 2px 0px 10px -30px !important; line-height: 36px !important; border-radius: 0px 20px 20px 0px !important; box-shadow: rgba(0, 0, 0, .35) 0px 5px 10px !important; } .brownv { background-color: #fff; padding: 15px 5px 15px 15px; border-bottom: 5px solid #800000; margin: 2px 0px 10px 0px; line-height: 36px; border-radius: 0px 20px 20px 0px; } .orangev { background-color: #fff; padding: 15px 5px 15px 15px; border-bottom: 5px solid #f58120; margin: 2px 0px 10px 0px; line-height: 36px; border-radius: 0px 20px 20px 0px; } .bluev { background-color: #fff; padding: 15px 5px 15px 15px; border-bottom: 5px solid #27aae1; margin: 2px 0px 10px 0px; line-height: 36px; border-radius: 0px 20px 20px 0px; } .paper4 { width: 100%; padding: 30px 50px 20px 0px; margin: 10px auto; background-color: #f58120; position: relative; overflow: hidden; } .paper4 > h1 { margin: 30px 210px; } .paper4 > p { padding: 0px 30px; color: #000; } .paper5 { width: 100%; padding: 30px 10px 20px 0px; margin: 10px auto; background-color: #d4eef9; position: relative; overflow: hidden; } .paper5 > h1 { margin: 30px 210px; } .paper5 > p { padding: 0px 30px; color: #000; } .mark1 { background-color: transparent; background-image: linear-gradient(90deg, #edda26, #edda26); background-position: 0 85%; background-repeat: no-repeat; background-size: 100% 22%; color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; padding: 0 0em; text-transform: inherit; } .fsection p { color: #fff; } .hrs { border: 0; height: 1px; background: #333; background-image: linear-gradient(to right, #ccc, #333, #ccc); margin-bottom: 10px; } .bcontent .paper3 ul.ibm-s li:before { color: #008000; content: ""; display: inline-block; font-family: "ionicons"; margin-left: -15px; width: 28px; font-weight: 700; } .paper3a { width: 100%; padding: 30px 10px 20px 0px; margin: 10px auto; background-color: #dfebf5; position: relative; overflow: hidden; border: 2px sold #daecfa; border-radius: 10px; } .paper3a > p { padding: 0px 30px; color: #000; } .paper3a > h3 { padding: 0px 30px; } .paper3ay { width: 100%; padding: 30px 10px 20px 0px; margin: 10px auto; background-color: #f9edd1; position: relative; overflow: hidden; border: 2px sold #daecfa; border-radius: 10px; } .paper3ay > p { padding: 0px 30px; color: #000; } .paper3ay > h3 { padding: 0px 30px; } .bsummary { margin-bottom: 1.5rem; border-radius: .25rem; border-left: 5px solid #f58120; background-color: #f3f4f6; padding: .75rem 1.25rem 1.25rem; width: 100%; position: relative; overflow: hidden; } .paper3ayy { width: 100%; padding: 30px 10px 20px 0px; margin: 10px auto; background-color: #38aae1; position: relative; overflow: hidden; border: 2px sold #daecfa; border-radius: 10px; } .paper3ayy > p { padding: 0px 30px; color: #fff; } .paper3ayy > h3 { padding: 0px 30px; } .paperb3 { width: 100%; padding: 30px 50px 20px 0px; margin: 10px auto; background-color: #fff; position: relative; overflow: hidden; } .paperb3::after { content: ""; display: block; border-width: 0px 75px 75px 0px; border-style: solid; border-color: #000 transparent; position: absolute; top: 0; right: 0; } .paperb3::after { content: ""; display: block; border-width: 0px 75px 75px 0px; border-style: solid; border-color: #38aae1 #1d5e81; box-shadow: -5px 6px 10px #817f7f; position: absolute; top: 0; right: 0; } .paperb3 > h1 { margin: 30px 210px; } .paperb3 > p { padding: 0px 30px; color: #000; font-size: 20px; font-weight: 400; letter-spacing: inherit; line-height: 1.6666666667; word-spacing: 1px; } .paper3s { width: 100%; padding: 30px 50px 20px 0px; margin: 10px auto; background-color: #f9edd1; position: relative; overflow: hidden; } .paper3s::after { content: ""; display: block; border-width: 0px 75px 75px 0px; border-style: solid; border-color: #000 transparent; position: absolute; top: 0; right: 0; } .paper3s::after { content: ""; display: block; border-width: 0px 75px 75px 0px; border-style: solid; border-color: #f9edd1 #fff; box-shadow: -5px 6px 10px #817f7f; position: absolute; top: 0; right: 0; } .paper3s > h1 { margin: 30px 210px; } .paper3s > p { padding: 0px 30px; color: #000; font-size: 20px; font-weight: 400; letter-spacing: inherit; line-height: 1.6666666667; word-spacing: 1px; } .highlight-red { border-radius: 1em 0 1em 0; background-image: linear-gradient(-100deg, rgba(255, 20, 0, .2), rgba(255, 20, 0, .7) 95%, rgba(255, 20, 0, .1)); } .highlight-yellow { border-radius: 1em 0 1em 0; background-image: linear-gradient(-100deg, rgba(255, 224, 0, .2), rgba(255, 224, 0, .7) 95%, rgba(255, 224, 0, .1)); } .highlight-green { border-radius: 1em 0 1em 0; background-image: linear-gradient(-100deg, rgba(0, 255, 20, .2), rgba(0, 255, 20, .7) 95%, rgba(0, 255, 20, .1)); } .highlight-blue { border-radius: 1em 0 1em 0; background-image: linear-gradient(-100deg, rgba(0, 20, 255, .2), rgba(0, 20, 255, .7) 95%, rgba(0, 20, 255, .1)); } body { overflow-x: hidden; } #download { scroll-margin-top: 150px; } .cat-item-1005 { display: none !important; } @media (max-width:1024px) { html, body { overflow-x: hidden !important; width: 100% !important; } } section.elementor-section { margin-bottom: 0 !important; } .elementor-container, .e-con { margin-bottom: 0 !important; } .lbcontent ul.ibm-s li:before { color: #800000; content: "" !important; display: inline-block; font-family: "ionicons"; margin-left: -20px; width: 24px; font-weight: 700; } .bcontent ul.ibm-s li:before { content: "" !important; } .elementor-26193 .elementor-element.elementor-element-89fa370 .premium-blog-post-container { margin: 0px 5px 0px 5px !important; } [data-test-id="widget-expand-toggle-button"] { display: none !important; } .newform #sfrm3 .wpcf7-form label.error { margin-top: -15px !important; margin-bottom: 10px !important; border-radius: 0px 15px 15px 15px !important; } #sfrm1 .wpcf7-form label.error { color: #fff !important; font-size: 11px; float: right; padding: 6px 10px !important; margin-top: -45px !important; margin-right: -10px !important; background: rgba(255, 0, 0, .7) !important; border-radius: 0 0 20px 20px !important; } #sfrm1 .wpcf7-not-valid-tip { display: none !important; color: #fff !important; font-size: 11px; float: none; padding: 5px 10px !important; margin-top: -45px !important; margin-right: -10px !important; background: rgba(255, 0, 0, .7) !important; border-radius: 0 0 0 20px; } #sfrm2 .wpcf7-form label.error { color: #fff !important; font-size: 11px; float: right; padding: 8px 10px !important; height: 41px !important; margin-right: 0px !important; background: rgba(255, 0, 0, .7) !important; border-radius: 20px 20px 20px 0px !important; } #sfrm2 .wpcf7-not-valid-tip { display: none !important; font-size: 11px; float: right; padding: 8px 10px !important; height: 41px !important; margin-right: 0px !important; background: rgba(255, 0, 0, .7) !important; border-radius: 20px 20px 20px 0px !important; } #sfrm3 .wpcf7-form label.error { color: #fff !important; font-size: 11px; float: right; padding: 6px 10px !important; margin-top: -18px !important; margin-right: 0px !important; background: rgba(255, 0, 0, .7) !important; border-radius: 0 0 0px 20px !important; } #sfrm3 .wpcf7-not-valid-tip { display: none !important; font-size: 11px; float: right; padding: 6px 10px !important; margin-top: -18px !important; margin-right: 0px !important; background: rgba(255, 0, 0, .7) !important; border-radius: 0 0 0px 20px !important; } #sfrm2 .wpcf7-form textarea + label.error, #sfrm2 .wpcf7-form textarea ~ label.error { border-radius: 20px 0px 20px 0px !important; } #sfrm3 .wpcf7-form textarea + label.error, #sfrm3 .wpcf7-form textarea ~ label.error { border-radius: 0px 0px 0px 20px !important; } #sfrm1 .wpcf7-form label.error:not(:empty) { display: block !important; } #sfrm1 .wpcf7-form label.error:not(:empty) ~ .wpcf7-not-valid-tip { display: none !important; } #sfrm2 .wpcf7-form label.error:not(:empty) { display: block !important; } #sfrm2 .wpcf7-form label.error:not(:empty) ~ .wpcf7-not-valid-tip { display: none !important; } #sfrm3 .wpcf7-form label.error:not(:empty) { display: block !important; } #sfrm3 .wpcf7-form label.error:not(:empty) ~ .wpcf7-not-valid-tip { display: none !important; } #sfrm1 .wpcf7-form label.error:empty + .wpcf7-not-valid-tip, #sfrm1 .wpcf7-not-valid-tip { display: block; } #sfrm2 .wpcf7-form label.error:empty + .wpcf7-not-valid-tip, #sfrm2 .wpcf7-not-valid-tip { display: block; } #sfrm3 .wpcf7-form label.error:empty + .wpcf7-not-valid-tip, #sfrm3 .wpcf7-not-valid-tip { display: block; } #sfrm1 .wpcf7 form.invalid .wpcf7-response-output, #sfrm1 .wpcf7 form.unaccepted .wpcf7-response-output, #sfrm1 .wpcf7 form.payment-required .wpcf7-response-output { margin-top: 1px !important; border-color: #dc3545 !important; color: red; font-size: 12px; text-align: center; font-weight: 500; } #sfrm1 .cwform textarea { background: rgba(242, 245, 250, .37) !important; height: 130px !important; border-radius: 20px; border: 2px solid #800000; padding: 20px; } #sfrm1 .cwform input:not([type="submit"],[type="checkbox"]) { background: #f2f5fa; height: 35px; border-radius: 20px; border: 2px solid #800000; padding: 20px; } #sfrm2 .wpcf7 form.invalid .wpcf7-response-output, #sfrm2 .wpcf7 form.unaccepted .wpcf7-response-output, #sfrm2 .wpcf7 form.payment-required .wpcf7-response-output { margin-top: 1px !important; border-color: #dc3545 !important; color: red; font-size: 12px; text-align: center; font-weight: 500; } #sfrm2 .cwform textarea { background: transparent !important; height: 130px !important; border-radius: 20px; border: 2px solid #800000; padding: 20px; } #sfrm2 .cwform input:not([type="submit"],[type="checkbox"]) { background: #f2f5fa; height: 35px; border-radius: 20px; border: 2px solid #800000; padding: 20px; } #sfrm1 form { position: relative; } #sfrm1 .iteck-contact-shortcode.fields-in-row .wpcf7-submit { margin: 0; margin-left: 20px !important; width: 95% !important; border-radius: 5px !important; } #sfrm2 form { position: relative; } #sfrm2 .iteck-contact-shortcode.fields-in-row .wpcf7-submit { margin: 0; margin-left: 20px !important; width: 95% !important; border-radius: 5px !important; } #sfrm3 form { position: relative; } #sfrm3 .iteck-contact-shortcode.fields-in-row .wpcf7-submit { margin: 0; margin-left: 20px !important; width: 95% !important; border-radius: 5px !important; } #sfrm1 .wpcf7-response-output { position: absolute; bottom: -40px; left: 0; width: 100%; min-height: 24px; margin: 10px 0 0; } #sfrm2 .wpcf7-response-output { position: absolute; bottom: -40px; left: 0; width: 100%; min-height: 24px; margin: 10px 0 0; } #sfrm3 .wpcf7-response-output { position: absolute; bottom: -75px; left: 0; width: 100%; min-height: 24px; margin: 5px 0 0; z-index: 1; font-size: 9px; } label#Phone-error { display: block; border: none !important; font-size: 12px !important; margin: 5px 0 20px; font-weight: 500 !important; background: #fff; } #sfrm2 label#Phone-error { display: block; border: none !important; font-size: 12px !important; margin: 5px 0 20px; font-weight: 500 !important; background: #fff; } #sfrm3 label#Phone-error { display: block; border: none !important; font-size: 12px !important; margin: 5px 0 20px; font-weight: 500 !important; background: #fff; } @media (max-width:767px) { .list-phone li { display: flex; align-items: flex-start; } .list-phone li::before { flex-shrink: 0; } .elementor-7742 .elementor-element.elementor-element-8e85727 { padding: 20px 0 30px; z-index: 5; background: #fff; } .elementor-9023 .elementor-element.elementor-element-bf7666a { background-image: none !important; padding: 0; } .elementor-9023 .elementor-element.elementor-element-bf7666a.nitro-lazy { background-image: none !important; } .elementor-8787 .elementor-element.elementor-element-b6e5b10, .elementor-8980 .elementor-element.elementor-element-df4b081, .elementor-74349 .elementor-element.elementor-element-2ff8098 { background-image: none !important; } .elementor-8787 .elementor-element.elementor-element-b6e5b10.nitro-lazy, .elementor-8980 .elementor-element.elementor-element-df4b081.nitro-lazy, .elementor-74349 .elementor-element.elementor-element-2ff8098.nitro-lazy { background-image: none !important; } } .elementor-52607 .elementor-element.elementor-element-1bc14eb3 { width: 78%; margin: 0; padding: 0 0 20px; } .wpcf7 .cf7-submitting { pointer-events: none; cursor: not-allowed; opacity: .6; } .elementor-56546 .elementor-element.elementor-element-11a5ef14 { margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px; padding: 0px 0px 0px 10px; text-align: start; font-size: 17px; font-weight: 500; color: #000; position: relative; top: -54px; } @media (max-width:767px) { .elementor-56546 .elementor-element.elementor-element-11a5ef14 { margin: 0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px; padding: 0px 0px 0px 10px; text-align: start; font-size: 17px; font-weight: 500; color: #000; position: relative; top: auto; } } @media (min-width:768px) and (max-width:1024px) { .serbox { display: flex !important; flex-direction: column !important; } .serbox .elementor-widget-text-editor { display: flex !important; flex-direction: column !important; flex: 1 !important; } .serbox .readm { margin-top: auto !important; width: 100% !important; text-align: right !important; display: block !important; } .serbox .readm a { white-space: nowrap !important; display: inline-flex !important; align-items: center !important; padding-right: 20px; } .exploresec .e-child { display: flex !important; flex-direction: column !important; } .exploresec .sf {} .exploresec .isection { height: auto !important; } .exploresec .iisection { height: auto !important; padding-bottom: 40px !important; } .exploresec .elementor-widget-heading { margin-top: auto !important; text-align: right !important; padding-top: 15px !important; } .exploresec .elementor-widget-heading a { display: inline-block !important; white-space: nowrap !important; } .exploresec > .e-child .elementor-widget-heading { position: absolute !important; right: 20px !important; bottom: 20px !important; margin: 0 !important; z-index: 99 !important; } .exploresec > .e-child .iisection { padding-bottom: 50px !important; } } @media (min-width:1025px) and (max-width:1365px) { .slider-1 { zoom: 120% !important; } } .menu-item-93056:hover > a { border-top-left-radius: 0px; border-top-right-radius: 0px; } .comment-validation-error { background: #ffe8e8; border: 1px solid #c00; color: #c00; padding: 10px; margin-bottom: 15px; } .wpcf7 .wpcf7-response-output { display: none; } .cf7-success-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, .45); display: flex; align-items: center; justify-content: center; z-index: 999999; animation: fadeIn .3s ease; } .cf7-success-popup { background: #fff; width: 90%; max-width: 420px; padding: 35px 30px; border-radius: 15px; text-align: center; box-shadow: 0 20px 50px rgba(0, 0, 0, .25); animation: popupScale .3s ease; } .cf7-success-popup .cf7-icon { width: 80px; height: 80px; border-radius: 50%; color: #fff; font-size: 46px; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } .cf7-loader { width: 70px; height: 70px; margin: 0 auto 20px; border: 6px solid #e5e5e5; border-top: 6px solid #007bff; border-radius: 50%; animation: cf7Spin .8s linear infinite; } .cf7-success-popup h3 { margin: 0 0 12px; font-size: 24px; } .cf7-success-popup p { margin: 0; color: #555; font-size: 16px; line-height: 1.6; } @keyframes cf7Spin { to { transform: rotate(360deg); } } @keyframes popupScale { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height:1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } @media screen and (max-height:640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } } .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy, .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy { background-image: none !important; } .iteck-contact-shortcode textarea { height: 63px !important; } p { margin: 0 0 13px !important; } .iteck-contact-shortcode .wpcf7-submit:hover { color: #f58120; background-color: #fff; border-style: 2px solid; border-color: #f58120 !important; border-width: 2px 2px 2px 2px; } body { font-family: Inter; font-weight: normal; font-style: normal; } p, body.has-paragraph-style p { font-family: Inter; line-height: 28px; font-weight: 500; font-style: normal; font-size: 16px; } h1 { font-family: Inter; text-transform: none; line-height: 50px; font-weight: 700; font-style: normal; color: #800000; font-size: 45px; } h2 { font-family: Inter; text-transform: none; line-height: 42px; font-weight: 500; font-style: normal; font-size: 32px; } h3 { font-family: Inter; text-transform: none; line-height: 38px; font-weight: 500; font-style: normal; font-size: 28px; } h4 { font-family: Inter; text-transform: none; line-height: 28px; font-weight: 400; font-style: normal; font-size: 24px; } h5 { font-family: Inter; font-weight: normal; font-style: normal; } h6 { font-family: Inter; font-weight: normal; font-style: normal; } .popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999; } .popup-content { position: relative; margin: 10% auto; width: 50%; max-width: 500px; background-color: #fff; padding: 30px 20px 20px 20px; border-radius: 15px; box-shadow: rgba(0, 0, 0, .25) 0px 54px 55px, rgba(0, 0, 0, .12) 0px -12px 30px, rgba(0, 0, 0, .12) 0px 4px 6px, rgba(0, 0, 0, .17) 0px 12px 13px, rgba(0, 0, 0, .09) 0px -3px 5px; } .popup-content [type="submit"] { background: #27aae1 !important; display: block; font-size: 12px !important; font-weight: 700; text-transform: uppercase !important; line-height: 30px !important; letter-spacing: .126em !important; color: #fff !important; fill: #fff !important; border-radius: 1px 1px 1px 1px !important; padding: 10px 30px 10px 30px !important; border-radius: 15px !important; } .popup-content form input { border-radius: 15px !important; border: 1.5px solid #800000 !important; } .close { position: absolute; top: 10px; right: 10px; font-size: 30px; font-weight: bold; color: #555; cursor: pointer; margin-top: -15px; } .close:hover { color: red; } .fhead { color: #800000; font-size: 18px; font-weight: 500; line-height: 1.6em; text-shadow: 3px -8px 100px rgba(172.5, 19.875, 19.875, .4); text-align: center; margin-top: -30px !important; } .fheadone { color: #800000; font-size: 13px; font-weight: 500; line-height: 16px; text-shadow: 3px -8px 100px rgba(172.5, 19.875, 19.875, .4); text-align: center; margin-top: -30px !important; zoom: 98%; } @media screen and (max-width:440px) { .popup { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 9999; zoom: 96%; } .popup-content { position: relative; margin-top: 35%; width: 88%; max-width: 500px; background-color: #fff; padding: 30px 20px 10px 20px; border-radius: 15px; box-shadow: rgba(0, 0, 0, .25) 0px 54px 55px, rgba(0, 0, 0, .12) 0px -12px 30px, rgba(0, 0, 0, .12) 0px 4px 6px, rgba(0, 0, 0, .17) 0px 12px 13px, rgba(0, 0, 0, .09) 0px -3px 5px; zoom: 98%; } .popup-content [type="submit"] { background: #27aae1 !important; display: block; font-size: 12px !important; font-weight: 700; text-transform: uppercase !important; line-height: 30px !important; letter-spacing: .126em !important; color: #fff !important; fill: #fff !important; border-radius: 1px 1px 1px 1px !important; padding: 10px 30px 10px 30px !important; border-radius: 15px !important; zoom: 98%; } .popup-content form input { border-radius: 15px !important; border: 1.5px solid #800000 !important; } .close { position: absolute; top: 10px; right: 10px; font-size: 30px; font-weight: bold; color: #555; cursor: pointer; margin-top: -15px; zoom: 98%; } .close:hover { color: red; } .fhead { color: #800000; font-size: 16px; font-weight: 500; line-height: 1.6em; text-shadow: 3px -8px 100px rgba(172.5, 19.875, 19.875, .4); text-align: center; margin-top: -30px !important; zoom: 96%; } .fheadone { color: #800000; font-size: 13px; font-weight: 500; line-height: 16px; text-shadow: 3px -8px 100px rgba(172.5, 19.875, 19.875, .4); text-align: center; margin-top: -30px !important; zoom: 98%; } } #modernizr-js, #superfish-js, #jquery-fitvids-js, #slick-animation-js, #magnific-popup-css, #magic-css, #jquery-wow-js, #jquery-appear-js { display: none; } .fly-btn-v3 { width: 380px; height: 55px; background: #f58434; border: none; border-radius: 16px; position: relative; cursor: pointer; overflow: hidden; padding-left: 22px; color: #fff; font-size: 18px; font-family: inherit; } .txt-main, .txt-alt { position: absolute; top: 50%; left: 22px; transform: translateY(-50%); white-space: nowrap; transition: transform .75s ease, opacity .75s ease; } .txt-main { opacity: 1; } .txt-alt { opacity: 0; transform: translate(-100%, -50%); } .fly-btn-v3:hover .txt-main { opacity: 0; transform: translate(100%, -50%); } .fly-btn-v3:hover .txt-alt { opacity: 1; transform: translate(0, -50%); } .ico-holder { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); pointer-events: none; } .ico-arrow { width: 28px; height: 28px; transform: rotate(-45deg); transition: transform .45s ease; } .fly-btn-v3:hover .ico-arrow { transform: rotate(0deg) translateX(4px) scale(1.05); } .fly-btn-v2 { width: 270px; height: 55px; background: #f58434; border: none; border-radius: 16px; position: relative; cursor: pointer; overflow: hidden; padding-left: 22px; color: #fff; font-size: 18px; font-family: inherit; } .txt-main, .txt-alt { position: absolute; top: 50%; left: 22px; transform: translateY(-50%); white-space: nowrap; transition: transform .75s ease, opacity .75s ease; } .txt-main { opacity: 1; } .txt-alt { opacity: 0; transform: translate(-100%, -50%); } .fly-btn-v2:hover .txt-main { opacity: 0; transform: translate(100%, -50%); } .fly-btn-v2:hover .txt-alt { opacity: 1; transform: translate(0, -50%); } .ico-holder { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); pointer-events: none; } .ico-arrow { width: 28px; height: 28px; transform: rotate(-45deg); transition: transform .45s ease; } .fly-btn-v2:hover .ico-arrow { transform: rotate(0deg) translateX(4px) scale(1.05); } #slideMenu01 .slideMenu01-toggle { width: 45px; height: 45px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; background: #000; border-radius: 50%; cursor: pointer; position: relative; z-index: 9999; transition: .3s ease; zoom: 90%; } #slideMenu01 .slideMenu01-toggle span { width: 22px; height: 3px; background: #fff; display: block; border-radius: 2px; transition: .3s ease; } #slideMenu01 .slideMenu01-toggle.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); } #slideMenu01 .slideMenu01-toggle.active span:nth-child(2) { opacity: 0; } #slideMenu01 .slideMenu01-toggle.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); } #slideMenu01 .slideMenu01-sidebar { position: fixed; top: 0; right: -350px; width: 350px; min-height: 400px; background: #fff; box-shadow: -5px 0 20px rgba(0, 0, 0, .15); transition: .4s ease-in-out; z-index: 9998; padding: 10px 20px 20px 10px; border-radius: 25px 0px 0px 25px; } #slideMenu01 .slideMenu01-sidebar.active { right: 0; } .yydev-back-to-top { background: #800000 url("https://cdn-ilemoij.nitrocdn.com/lQjgKQObZdcZxnMeKaMKDSPYLQWDoFqD/assets/images/optimized/rev-ab10382/www.integrativesystems.com/wp-content/plugins/back-to-the-top-button/images/back-to-top.png") no-repeat; background-position: 50% 43%; text-indent: -9999px; width: 32px; height: 32px; border-radius: 50%; right: 30px; bottom: 77px; border: 2px solid #fff; position: fixed; display: none; z-index: 9999; visibility: visible !important; } @media only screen and (max-width:960px) { .yydev-back-to-top { visibility: visible !important; } } .yydev-back-to-top.nitro-lazy { background: none !important; }