@charset "UTF-8";

/*
Theme Name: FormsFlow
Theme URI: #
Author: the WordPress team
Author URI: https://wordpress.org/
Description: FormsFlow is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how FormsFlow elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mobie
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

FormsFlow WordPress Theme, (C) 2020 WordPress.org
FormsFlow is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

.dev_support_txt h3{
  font-size: 25px;
  line-height: 20px;
  color: #26292f;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
  font-family: 'GoogleSans-Bold';
}

.dev_support_box:hover .dev_support_txt h3, .dev_support_box:hover .dev_support_txt p{
  color: #fff;
}

.page_hdngg p {
  font-size: 48px;
  color: #191919;
  font-family: "GoogleSans-Bold";
}

.page_hdngg p span {
  color: #4d61fc;
}
.visit_plc_sec {
  display: none !important;
}

/* START DM CSS HERE 13-03-2024 */
.integration-banner.inner_bnr{padding:30px 0 0 ;}
.integration-banner.about_bnr_sec .bnr_pic{padding:0;}
.integration-banner .col-lg-7{padding-right:0;}
.integration-banner .inner_text h1 span{color:#1B34FB;}
.integration-banner .row{align-items:center;}
.integration-banner .left{width:56%;}
.integration-banner .right{width:44%;padding-left:20px;}
.bottom-left-shape{position:absolute;bottom:0;}
.new-comman-title {text-align:center;}
.service_area.integration-service{padding:0px 0 73px;}
.new-comman-title h2{font-size:42px;line-height:52px; font-family: "GoogleSans-Bold";}
.integration-service .servc_outer .srvc_row{padding-top:40px;margin-bottom:23px;}
.integration-service .servc_outer .srvc_row:nth-child(2){padding-top:6px;}
.integration-service .servc_outer .srvc_para p{color: #555555;letter-spacing: 0.36px;}
.integration-form-sec{background-color:#1B34FB;padding:80px 0;}
.integration-form-sec .form-left-text h3{color:#fff;font-size:30px;line-height:40px;font-family: "GoogleSans-Bold";max-width:390px;}
.integration-form-sec .form-left-text p{color:#fff;font-size:18px;line-height:30px;padding-top:30px;}
.integration-faq{padding:110px 0;}
.integration-faq .new-comman-title{padding-bottom:25px;}
	.faqs-row .svg-inline--fa.fa-w-16{
		width: 15px;
		color: #1B34FB;
	}
	.faqs-row .fa-circle  path {
		fill: #1B34FB;
	}
	.integration-faq.faqs-row summary .fa-chevron-down {
		position: absolute;
		right: 3px;
		color: #555555;
		top:35px;
		width:17px;
	}

	.faqs-row summary {
		width: 100%;
		position: relative;
		list-style: none;
		display: flex;
		gap: 10px;
		border-bottom: 2px solid #1b34fb21;
		padding: 30px 30px 30px 0;
		font-size:20px;
		line-height:25px;
		 font-family: "GoogleSans-Medium";
	}
	.faqs-row .faqs-content-des {
		width: 90%;
		margin: 30px auto 0;
	}
/* 	.faqs-row .faqs-content-des ul {
		padding-left: 20px;
	} */
	.faqs-row .faqs-content-des li {
		list-style: none;
		position: relative;
		padding-bottom: 25px;
		letter-spacing:0.36px;
	}
/* 	.faqs-row .faqs-content-des ul li:before {
		content: "\2022";
		position: absolute;
		top: 0;
		left: -20px;
		transform: translateX(-50%);
		font-size: 30px;
	} */
	.faqs-row details[open] summary .fa-chevron-down {
		transform: rotate(180deg);
	}
	.faqs-row .faqs-content-des p, .faqs-content-des li,.contact_left_content p{
		font-size: 18px;
		font-family: "GoogleSans-Regular";
		color: #555555;
	}
.integrate-existing-tool{padding:110px 0;}
.integrate-isotop .top-search{max-width:540px;margin:0 auto;position:relative;}
.integrate-isotop .top-search input#quicksearch{border: 1px solid #1B34FB1A;border-radius: 6px;background-color:#1B34FB08;height:60px;width:100%;padding: 20px 20px 20px 50px;}
.integrate-isotop .top-search input#quicksearch::placeholder{font-size:16px;line-height:20px;color:#555555;letter-spacing:0.16px;font-family: "GoogleSans-Regular";}
.integrate-isotop .top-search .s-icon{position:absolute;top: 50%;transform: translateY(-50%); left: 20px;width:19px;}
.bottom-isotop-box{padding-top:50px;}
.integrate-existing-tool .new-comman-title{padding-bottom:60px;}
.bottom-isotop-box button.button{padding:12px 20px;border:1px solid #1B34FB33;font-size:14px;line-height:17px;letter-spacing:0.28px;color:#000000;font-family: "GoogleSans-Medium";border-radius: 6px;background-color:#fff;margin: 0 4px 15px;}
.bottom-isotop-box button.button.is-checked{background-color:#1B34FB;color:#fff;border:1px solid #1B34FB;}
.bottom-isotop-box .grid .image-title{text-align:center;}
.bottom-isotop-box .grid .image-title p{font-size:16px;line-height:20px;letter-spacing:0.32px;color:#000;font-family: "GoogleSans-Medium";padding-top:15px;}
.bottom-isotop-box .grid {display: flex;flex-wrap: wrap;margin-top:25px;border-radius: 18px;overflow-y: auto;height: 710px !important;overflow-x: hidden;background: transparent linear-gradient(180deg, #1B34FB00 0%, #0E1A7E08 100%) 0% 0% no-repeat padding-box;border-radius: 18px;}
.bottom-isotop-box .grid .element-item{width:calc(100%/7 - 0px);padding-bottom:40px;}
.integration-service .srvc_pic{position:relative;}
.integration-service .srvc_row:first-child .srvc_pic:before{content:"";position:absolute;left:0;bottom:0px;background:url(/wp-content/uploads/2024/03/Repeat-Grid-11.svg) no-repeat center / contain;width:128px;height:128px;z-index: -1;}
.integration-service .srvc_row:nth-child(2) .srvc_pic:before{content:"";position:absolute;right:0;bottom:0px;background:url(/wp-content/uploads/2024/03/Repeat-Grid-11.svg) no-repeat center / contain;width:128px;height:128px;z-index: -1;}
.bottom-isotop-box .button-group{margin:0 -4px;text-align: center;}
.bottom-isotop-box .grid::-webkit-scrollbar-track
{
/* 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	border-radius: 10px;
	background-color: #fff;
}

.bottom-isotop-box .grid::-webkit-scrollbar
{
	width: 8px;
	background-color:#fff;
}

.bottom-isotop-box .grid::-webkit-scrollbar-thumb
{
	border-radius: 10px;
/* 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: rgba(0,0,0,0.10);
}
.integration-form-sec label{font-size:16px;line-height:20px;letter-spacing:0.32px;color:#fff;font-family: "GoogleSans-Regular";margin-bottom:28px;width:100%;}
.integration-form-sec input.wpcf7-form-control{box-shadow: 0px 20px 30px #0000000d;border-radius: 6px;border-radius: 6px;background:rgba(255,255,255,0.10);border: 0;height: 56px;padding: 20px;margin-top: 15px;width:100%;color:#fff;}
.integration-form-sec input.wpcf7-form-control::placeholder{font-size:14px;line-height:17px;letter-spacing:0.14px;color:rgba(255,255,255,0.80);}
/* .integration-form-sec form span{width:560px;} */
.integration-form-sec input.wpcf7-submit{border-radius: 6px;background-color:#000;font-size:16px;line-height:20px;letter-spacing:0.32px;color:#fff;padding:19px 35px;width:auto;transition: all 300ms ease-in-out;}
.integration-form-sec input.wpcf7-submit:hover{background-color: #fff;color: #000;}
.integration-form-sec .form-left-text{padding-top: 26px;}
.integration-form-sec .wpcf7-response-output{border: 1px solid #ff0000 !important;text-align: left !important;font-size:16px;margin: 30px 0 0 !important;}
.integration-form-sec .wpcf7-not-valid-tip{color:#ff0000 !important;margin-top:5px;}
.integration-faq.faqs-row .svg-inline--fa.fa-w-16{width:10px;height: 10px !important;}
.integration-faq.faqs-row summary{align-items:center;}


@media (max-width: 991px) {
	.integration-service .srvc_row:first-child .srvc_pic:before{width: 88px;height: 88px;left: 70px;bottom: 13px;}
	.integration-service .srvc_row:nth-child(2) .srvc_pic:before{width: 88px;height: 88px;bottom: 13px;right:70px;}
	.integration-banner .row{flex-direction:column-reverse;}
	.integration-banner .left,.integration-banner .right{width:100%;}
	.integration-banner.about_bnr_sec .bnr_pic{text-align:center;}
	.bottom-isotop-box .grid .element-item{width: calc(100% / 5 - 0px);}
	.integration-banner .right{padding-left:0;}
	.integration-form-sec .wpcf7-response-output{margin:10px 0 0 0 !important;}
	.integration-service .srvc_pic{margin-bottom:10px;}
	.bottom-isotop-box .button-group{margin:0 -4px;text-align: center;height:60px;width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
	.integration-banner.about_bnr_sec .bnr_pic{z-index:1;}
	body .uwy.userway_p1 .userway_buttons_wrapper{left: calc(100vw - 51px) !important;}
}
@media (max-width:767px) {
	.new-comman-title h2{font-size:24px;line-height:34px;}
	.bottom-isotop-box .grid .element-item{width: calc(100% / 3 - 0px);}
	.integrate-existing-tool{padding:60px 0;}
	.integration-service .servc_outer .srvc_row{padding-top: 30px;margin-bottom: 0px;}
	.service_area.integration-service{padding:0 0 50px;}
	.integration-form-sec,.integration-faq{padding:60px 0;}
	.integration-banner.inner_bnr{padding: 90px 0 75px;}
	.integration-form-sec form span{width:100%;}
	.integration-form-sec .form-left-text{padding-top:0;}
	.integrate-existing-tool .new-comman-title{padding-bottom:40px;}
	.integration-banner .left .inner_text {padding: 0 15px;}
	.bottom-left-shape img {width: 100px;}
	.integration-form-sec form span.wpcf7-spinner{width:auto;}
	.integration-faq.faqs-row summary .fa-chevron-down{top:auto;}
	.integration-form-sec .form-left-text p{padding-bottom:30px;}
	.bottom-isotop-box .button-group{margin:0 -4px;text-align: center;height:60px;width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
}
@media (max-width:480px) {
	.bottom-isotop-box .grid .element-item{width: calc(100% / 2 - 0px);}
}
/* END DM CSS HERE 13-03-2024 */