/*
Theme Name: CH360
Theme URI: https://wordpress.org/themes/twentyfourteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 3.4
Tested up to: 6.0
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, block-patterns
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
 *
 * -----------------------------------------------------------------------------
 */



/****** CUSTOM CSS *******/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Sacramento&display=swap');

.navbar-nav-wrapper > ul > li.menu-item-has-children > a{ position: relative;}
.navbar-nav-wrapper > ul > li.menu-item-has-children > a:before{ content: '\f107'; font-family: 'Font Awesome 6 free'; font-weight: 900; font-size: 13px; position: absolute; right: 0; transition: all .4s ease-in-out; }
.navbar-nav-wrapper > ul > li.menu-item-has-children > a:hover::before{ transform: rotate(180deg);}


body{ font-size: 16px; font-weight: 400; color: #000000; font-family: 'Inter', sans-serif;}
p{ font-size: 16px; font-weight: 400; color: #000000; font-family: 'Inter', sans-serif; line-height: 32px;}
h1{ font-size: 42px; font-family: 'Inter', sans-serif;}
h2{ font-size: 32px; font-family: 'Inter', sans-serif;}
h3{ font-size: 29px; font-family: 'Inter', sans-serif;}
h4{ font-size: 24px; font-family: 'Inter', sans-serif;}

/***HEADER SECTION***/
.navbar.site-navbar{ padding: 10px 0;}
.navbar-nav-wrapper ul.sub-menu li a{ font-weight: 600; font-family: 'Inter', sans-serif; font-size: 15px; margin: 10px 0;}
.navbar-nav-wrapper ul.sub-menu li a:hover{ color: #337ACC;}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.site-header{border-bottom: 1px solid #97A5B7; background-color: #ffffff; transition: margin-top 0.3s ease; /* smooth transition */} 
.brand-logo{ width: 180px; height: 43px; display: block; margin-right: 30px;}
.brand-logo a img{ width: 100%; height: auto; display: block;}
.collapse.navbar-collapse{ width: 80%; height: auto;}
.sub-menu{ position: absolute; min-width: 227px; max-width: 227px; box-shadow: 0 52px 54px rgb(65 62 101 / 30%); border-radius: 8px; border: 1px solid #E5E5E5; background-color: #FFFFFF; padding: 15px 0px; top: 100%; z-index: -99; opacity: 0; transition: opacity .4s,top .4s; pointer-events: none; left: 0; right: auto; border-radius: 0 0 10px 10px; border: 1px solid #eae9f2; background-color: #ffffff; display: block; border-top: 3px solid #2b6cb0; margin: 0.125rem 0 0; font-size: 1rem; text-align: left; list-style: none; }


.main-menu li a{display: flex; align-items: center; justify-content: space-between; text-transform: capitalize; color: #000000; font-size: 15px; font-weight: 700; padding-left: 18px; padding-right: 18px; padding-bottom: 18px; padding-top: 18px; font-family: 'Inter', sans-serif;}

.menu-item.menu-item-type-custom{ position: relative; z-index: 99;}
.menu-item.menu-item-type-custom:hover > .sub-menu{ top: 90%; opacity: 1; pointer-events: visible;}
 ul.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-page a{ padding-bottom: 0; padding-top: 0;}
 ul.sub-menu li.menu-item.menu-item-type-custom.menu-item-object-custom a{ padding-bottom: 0; padding-top: 0;}

.toggle { display: none; position: relative;}
.toggle a { width: auto;}
.toggle a i{ font-size: 25px;}




/* Sticky Announcement Bar */
.announcement-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999; 
  background: linear-gradient(to bottom, #2b6cb0, #255c96); 
  color: #ffffff;
  padding: 10px;
  text-align: center;
  font-family: Arial, sans-serif; /* Adjust as needed */
}

/* Text inside the announcement bar */
.announcement-text {
  display: inline-block;
  margin: 0 10px 0 0; 
  animation: pulse 2s infinite;
}

/* "Experience VoiceX" Button */
.experience-button {
  display: inline-block;
  background-color: #ffffff;   /* Button background */
  color: #2b6cb0;             /* Button text color */
  text-decoration: none;
  padding: 5px 10px;
  margin: 0 20px;             /* Space around the button */
  border-radius: 4px;
  font-weight: 600;
}

/* Hover effect for the button */
.experience-button:hover {
  background-color: #e8e8e8;   /* Slightly darker background on hover */
}

/* Close (X) Button */
.close-announcement {
  position: absolute;
  right: 20px;
  top: 10px;
  background: none;
  border: none;
  font-size: 24px;
  color: #ffffff;
  cursor: pointer;
}

/* Pulse Animation Keyframes */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.9;
  }
}

/*** FOOTER SECTION *****/

.site-footer .col ul{ padding: 0; margin: 0; list-style: none;}
.site-footer .col ul li a{ color: #ffffff; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 500; line-height: 1.4; margin-bottom: 10px; display: block;}
.row.justify-content-center .col p.footer-title.gr-text-11{ font-weight: 900; color: #ffffff; font-family: 'Inter', sans-serif; font-size: 18px;}
.widget_text .textwidget p{ text-align: left;}
.site-footer .social-icons{ display: flex;}
.site-footer .social-icons i{ font-size: 20px; color: #ffffff; margin-right: 12px;}
.site-footer .col ul li a:hover{ color: #D3D3D3; cursor: pointer;}
.gr-hover-text-green:hover i, a.gr-hover-text-green:hover i { color: #337acc !important; }
.site-footer{ 
/* background-color: #ebe9eb; */
background: #337acc;
}
.footer-logo.mb-11 img{ width: 230px; height: 54px; display: block;}
.navbar .blu-btn-head{ margin-right: 25px;}
.slide-img{ width: 200px; height: 100px; }
.slide-img img{ width: 100%; height: auto; display: block;}
.chat360-contactform span.wpcf7-form-control-wrap input.email360{ border: 2px solid #2a6cb0; border-radius: 5px; width: 85%; padding: 7px; font-size: 13px; font-family: 'Inter', sans-serif;}
.chat360-contactform input[type="submit"].wpcf7-form-control.Submit-btn{ position: absolute; top: 1px; right: 75px; border: 2px solid #2a6cb0; background-color: #2a6cb0; border-radius: 0px 5px 5px 0px; font-size: 13px; color: #ffffff; padding: 7px 20px; font-weight: 500; font-family: 'Inter', sans-serif;}
.wpcf7 form .wpcf7-response-output{ margin-top: 0; font-size: 14px;}
.textwidget ul.social-icons{ margin-bottom: 0;}
.copyright{ background-color: #337acc; text-align: center;}
.copyright p{ padding: 10px 0; margin: 0; color: #ffffff;}
.widget-logo{ width: 40%;}
.chat360-contactform{ position: relative;}
.chat360-contactform span.wpcf7-form-control-wrap input.email360:focus-visible{ outline: none;}
.certifications-wrapper {
  display: inline-block;     /* shrink-wrap the image container */
  max-width: 225px;          /* control the maximum size */
  width: 100%;               /* allow responsive scaling */
}

.certifications-wrapper img {
  width: 100%;               /* let the image fill the container */
  height: auto;              /* maintain aspect ratio */
  border-radius: 8px;        /* slightly rounded corners */
  box-shadow: 0 2px 8px rgba(0,0,0,0.1); /* subtle drop shadow for depth */
}

/***** COMMON CLASS *****/
section{ padding: 30px 0;}

.flex-aligner{ display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row; }
.wrap{ flex-wrap: wrap; justify-content:center;}

.trans-btn-head{ position: relative; cursor: pointer; display: inline-flex; margin-right: 30px; }
a.trans-btn{border: 2px solid #2b6cb0; text-align: center; font-family: 'Inter', sans-serif; padding: 10px 30px; border-radius: 8px 8px 8px 8px; box-shadow: 0 0 0 0 rgba(128,128,128,.16); transition: .4s; font-weight: 900; color: #000000; background-color: #ffffff; }
a.trans-btn:hover{transform: translateY(-8px);}

.blu-btn-head{ display: inline-flex; cursor: pointer; }
a.blu-btn{color: #fff; background-color: #2b6cb0; font-family: 'Inter', sans-serif; border: 1px solid #2b6cb0; padding: 10px 30px;  border-radius: 8px 8px 8px 8px; box-shadow: 0 0 0 0 rgb(128 128 128 / 16%); transition: .4s; font-weight: 900; }
a.blu-btn:hover{transform: translateY(-8px);}


/******* SECTION TITLE ********/
.section-title{ text-align: center; margin-bottom: 30px;}
.section-title h3{ color: #000000; font-family: 'Inter', sans-serif; font-size: 30px; font-weight: 600;}
.section-title h4{ color: #000000; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600;}


/****** HOME and CHAT360 PAGE BUILDER WRAPPER *******/
.site-main{ background-color: #ffffff;}
.home-onehalf{ width: 62%; height: auto; padding: 90px 20px;}
.home-onehalf h1{ font-size: 42px; font-family: 'Inter', sans-serif; font-weight: 700; margin-bottom: 30px;}
.home-onehalf h1 span{ color: #295F9C;}
.home-onehalf p{ margin-bottom: 40px;}
.home-lasthalf{ width: 38%; }
.home-lasthalf img{ width: 100%; height: auto; display: block;}
.home-onehalf .blu-btn-head a.blu-btn:after{ content: none;}

.one-half{ width: 62%; height: auto; padding: 90px 20px;}
.one-half h2{ font-size: 42px; font-family: 'Inter', sans-serif; font-weight: 700; margin-bottom: 30px;}
.one-half h2 span{ color: #295F9C;}
.one-half p span a{ color: #295F9C;}
.one-half p{ margin-bottom: 40px;}
.last-half{ width: 38%; }
.last-half img{ width: 100%; height: auto; display: block;}
.one-half .blu-btn-head a.blu-btn:after{ content: none;}


/**** CLIENT LOGO *****/
.partner-logo{ text-align:center; }
.partner-logo img{ width:100% !important; margin:0 auto; display:block; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.partner-logo:hover img{ -webkit-filter:grayscale(1); filter:grayscale(1); }


/*****SECTION FOUR*******/
.socialicon-box{ width:48%; height: auto; margin-right:30px; padding: 15px 10px 30px 10px; margin-bottom: 30px;} 
.socialicon-box.without-margin{ margin-right: 0;}
.social-icon{ margin-right: 25px; width: 165px;}
.social-icon img{ width:100%; height: auto; display: block; padding: 10px; background-color: #f1f4f7; box-shadow: 0 2px 10px #f1f4f5; border-radius: 10px;}
.social-content h5{ color: #000000; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600; margin-bottom:15px;}
.social-content p{ margin-bottom:50px; }
.social-content .blu-btn-head a.blu-btn{ padding: 10px 50px 10px 30px;}
.social-content .blu-btn-head a.blu-btn:after { content:'\f061'; position: relative; right: -10px; top: 0; font-family:'Font Awesome 6 free'; font-size: 15px; color: #fff; font-weight: 900; }
.social-content a.blu-btn:hover{ color: #2B6CB0; background-color: #ffffff; border: 2px solid #2B6CB0; transform: none;}
.social-content a.blu-btn:hover::after { color: #2B6CB0;}

  
/*****SECTION FIVE******/
.industry-box{ width: 25%; display: block; background-color: #eaedf2; margin-right: 20px;  padding:25px 0; position: relative; border-radius: 10px 10px 10px 10px;}
.industry-box.without-margin{ margin-right: 0;}
.industry-img {width: 150px;  position: relative; margin: 30px auto 0;}
.industry-img img{ width: 100%; height: 150px; display: block;  }
.industry-content{ text-align: center; padding: 30px;}
.industry-content h5{ color: #000000; font-family: 'Inter', sans-serif; font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.industry-content p{margin-bottom:30px; min-height: 168px; display:none }
.industry-content .blu-btn-head a.blu-btn{position: relative; padding: 10px 50px 10px 30px;}
.industry-content .blu-btn-head a.blu-btn:after{ content:'\f061'; position: absolute; right: 30px; top: 12px; font-family: 'Font Awesome 6 free'; font-size: 15px; color: #ffffff; font-weight: 900;}
.industry-content a.blu-btn:hover{ color: #2B6CB0; background-color: #ffffff; border: 2px solid #2B6CB0; transform: none;}
.industry-content a.blu-btn:hover::after{ color: #2B6CB0;}


/*******SECTION SIX *******/
.action-box{border: 2px solid #337acc; padding:30px 0; border-radius: 20px 20px  20px 20px; text-align: center; position: relative;}
.action-box .section-title { margin-bottom: 30px;}


/*****SECTION SEVEN******/
.post-head{ width: 31%; ; height: auto; display: block; margin: 15px 10px;}
.post-head-img{ width: 100%; height: 350px; border-radius: 10px 10px 0 0; overflow: hidden;}
.post-head-img img{width: 100%; height: 100%; display: block; border-radius: 10px 10px 0 0; object-fit: cover; object-position: center;}
.post-head{ text-align: left; border-radius: 10px 10px 10px 10px; border: 1px solid #a5a4a4;}
.post-head-content{ padding:30px;}
.post-head-content h6{ color: #000000; font-family: 'Inter', sans-serif; font-size: 15px; font-weight: 400; margin-bottom: 10px;}
.post-head-content h4 a{ color: #000000; font-family: 'Inter', sans-serif; font-size: 20px; font-weight:600; margin-bottom: 10px; line-height: 20px;}
.trans-btn a{ font-weight:700; letter-spacing: 1.63px; font-size: 14px; text-transform: uppercase; color: #337ACC;}


/*****SECTION EIGHT******/
.sec-eight-head{ background-color: #337ACC; border-radius: 30px 30px 30px 30px; margin-bottom: 40px;}
.sec-content{ padding: 50px 0 50px 25px; width: 60%;}
.sec-content h2{ color: #ffffff; font-weight: 600; margin-bottom: 20px;}
.sec-content h5{ color: #ffffff; font-family: 'Inter', sans-serif; font-size: 17px; font-weight: 600;}
.sec-eight-head .trans-btn-head{ align-items: center; margin-right: 50px;}
.trans-btn-head p{ display: inline-flex; position: relative;}


/******* MEDIA QUERY SCRIPT ********/
@media screen and (max-width: 767px) {
  section{ padding: 35px 0;}
  .site-footer .row { display: block;}
  .site-footer .row .col{ text-align: left;}
  .site-footer{ padding-bottom: 30px;}
  .navbar.site-navbar{ padding: 10px 0;}
  .brand-logo{ margin-left: 5px !important;}
  .col{ margin: 0 0 25px 0; width: 100% !important;}
  .row.justify-content-center{ margin-top: 30px;} 
  .py-7{ padding-top: 0 !important; padding-bottom: 0 !important;}
  .site-footer .col ul li a{ line-height: 12px;}
  .clear{ clear: both;}
  .navbar-collapse .blu-btn-head{ display: flex; width: 100%; margin-right: 0; margin-bottom: 20px; margin-top: 20px;} 
  .navbar-collapse .trans-btn-head{ width: 50%;}
  .navbar-collapse .trans-btn-head{ display: flex;} 
  .container{ width: 100%; padding: 0 15px;}
  .flex-aligner{ display: block;}
  .section-one{ padding-top: 120px;}
	
  .home-onehalf{ width: 100%; text-align: center; padding-bottom: 30px; padding-top: 50px !important;} 
  .home-onehalf h1{ font-size: 35px; line-height: 45px;}
  .home-onehalf .trans-btn-head{ margin-bottom: 20px; margin-left: 25px;}
  .home-lasthalf{ display: none;}
	
  .one-half{ width: 100%; text-align: center; padding-bottom: 30px; padding-top: 50px !important;} 
  .one-half h2{ font-size: 35px; line-height: 45px;}
  .one-half h3.onehf-subtitle{ font-size: 26px !important;}
  .one-half .trans-btn-head{ margin-bottom: 20px; margin-left: 25px;}
  .last-half{ display: none;}
  .section-title h2{font-size: 30px; line-height: 40px; }
  .socialicon-box .flex-aligner{ display: flex;}
  .socialicon-box{ width: 100%;}
  .social-icon{ width: 90%;}
  .social-content h5{ font-size: 22px; line-height: 30px;}
  .industry-box{ width: 100%; margin-bottom: 30px; border-radius: 10px 10px 10px 10px;}
  .industry-content h5{ font-size: 22px; line-height: 30px;}
  .industry-content p{ min-height: 0;}
  .sec-six{ padding: 40px 20px;}
  .post-head{ width: 100%; margin-bottom: 30px;}
  .post-head-img img{ width: 100%;}
  .sec-content{ text-align: center; width: 100%; padding: 50px 25px 50px 25px;}
  .sec-content h2{ font-size: 30px; line-height: 40px;}
  .sec-content h5{ font-size: 17px; font-weight: 500;}
  .sec-eight-head .trans-btn-head{ margin: 0 0 30px 70px;}
  .chat360-contactform input[type="submit"].wpcf7-form-control.Submit-btn{ top: 0px; right: 51px;}
  .navbar-collapse a.trans-btn{ width: 100% !important;}
  .widget-logo{ width: 100%; padding: 0 15px;}
	
  /**INNER PAGES RESPONSIVE**/
  .imgbox-head{ margin: 0 !important;}
  .imgbox-one-half{ width: 100% !important; }
  .imgbox-last-half{ width: 100% !important; padding: 30px 30px 30px 20px !important; }
  .imgbox-last-half h4{ font-size: 26px !important;}
  .flex-alignerflex-reverse{ display: block; flex-direction: column !important;}
  .web-one-half{ width: 100% !important; text-align: center; padding: 0 !important;}
  .web-head{ padding: 0 !important;}
  .web-last-half{ width: 100% !important;} 
  .imgbox-one-half img{ max-width: 100% !important;}
  .imgbox-last-half h4{padding-top: 0 !important;}
  .web-head .web-sub-one-half ul li{ display: column !important;}
  .web-last-half img{ width: 100% !important; height: auto; display: block;}
  .solution-one-half{ width: 100% !important; text-align: center; padding: 0 !important;}
  .solution-last-half{ width: 100% !important; padding: 0 0 0 20px !important;} 
  .solution-one-half img{width: 100% !important; height: auto; display: block; margin-bottom: 30px !important;}
  .solution-last-half i{ padding-top: 30px !important; margin-bottom: 0 !important;}
  .solution-last-half h4{ padding-top: 30px !important;}
  .web-head .web-sub-one-half ul li{ display: block !important;}
  .web-head .web-sub-one-half ul li h5{font-size: 25px !important;}
  .section-title-color h2{font-size: 30px !important; line-height: 40px !important; }
  .blu-sec-head{ width: 100% !important; margin-right: 0 !important;}
  .blu-sec-head h5{font-size: 22px !important;}
  .website-img-head img{ width: 69% !important;}
  .website-sub-img-content{ margin-bottom: 30px !important; margin-right: 0 !important;}
  .sub-title{ text-align: center !important;}
  .education-one-half{ width: 100% !important;}
  .education-last-half{ width: 100% !important; padding: 0 !important;}
  .channel-one-half{ width: 100% !important; padding: 0 !important;}
  .channel-last-half{ width: 100% !important; padding: 0 !important;}
  .post-head{ margin: 15px 0;}
	
	
	
   .blog-post-upper{ padding: 45px 0 !important;}
  .blog-post-upper-left{ max-width: 100%;}
  .blog-post-upper-left h5{ margin-bottom: 20px !important;}
  .blog-post-upper-left h1{font-size: 30px !important; margin-bottom: 20px !important;}
  .blogs-date-time ul li{ margin-bottom: 10px !important;}
  .blog-post-lower-left h2,h3{ font-size: 27px !important; margin-bottom: 20px !important;}
  .blog-post-upper-right{ max-width: 100%; margin-top: 20px;}
  .blog-post-lower{ padding: 40px 0 0 0!important;}
  .blog-post-lower-left{ width: 100% !important;}
  .blog-post-lower-right{ display: none;}
  .inner-img{ width: 100% !important;}
  .nav-links{ display: block !important; margin: 50px 0 !important;}
  .nav-links a{ width: 100% !important; margin-bottom: 10px !important; font-size: 18px !important;}
  .blogs-date-time{ display: none;} 
	
	
	
  .imgbox-one-half{ padding: 0 !important;}
  .imgbox-last-half{ padding: 30px 0 !important; text-align: left;}
  .flex-alignerright-reverse{ display: block; flex-direction: column !important;}
  .about-box-img{ width: 100% !important; margin: 0;}
  .contact-box{ width: 100% !important; text-align: center;}
  .contact-box h3{ font-size: 36px !important;}
  .location-box{ width: 100% !important; display: table-caption; text-align: center; padding-left: 0 !important;}
  .location-box h4{margin: 30px 0px 30px 60px;}
  .location-box h4 i{ margin-bottom: 30px;}
  .mail-box{ width: 100% !important; text-align: center; }
  .mail-box a{ display: table-caption !important; margin-left: 85px; margin-bottom: 30px;}
  .mail-box i{ margin-bottom: 30px;}
  .worldwide-inner-box{ margin-bottom: 60px;}
  .refundpolicy-head h2{ font-size: 28px !important;}
  .refundpolicy-head h2.rp-title{ color: #000000; font-size: 30px !important;}
  .privacy-policy-head{ padding: 0 !important;}
  .privacy-terms-one-half{ width: 100% !important; padding: 0 !important;}
  .privacy-terms-last-half{ width: 100% !important; padding: 0 !important;}
  .privacy-terms-one-half ul.side-tab{ margin-left: 0 !important;}

  .wrapper{ max-width: 1260px !important; padding: 0 4% !important;}
	.page1 .wrapper-space.bg-blue .wrapper .section-title{ text-align: left !important; width: 80%;}
	.page1 .wrapper-space.bg-blue .wrapper .section-title h1{ padding-bottom: 25px;}
	.page1 .section-title h1{ font-size: 26px; margin-bottom: 0; line-height: 40px; font-size: 26px !important;}
	.mobileFilterBLog{ display: inline-block !important; float: right; width: 20%; margin-right: -20px;}
	.mobileFilterBLog button.dots { width: 10px; height: 20px; border: none; background: transparent; position: relative; cursor: pointer; transform: rotate(90deg); }
	 .mobileFilterBLog button.dots.dots.on { top: -6px; }
	.mobileFilterBLog button.dots.dots.on:before { transform: rotate(225deg); bottom: 50%; margin-bottom: -4px; width: 20px; height: 3px;}
	.mobileFilterBLog button.dots.dots::before{ content: ""; width: 5px; height: 5px; overflow: hidden; border-radius: 50px; position: absolute; left: -60px; background: #fff; transform: rotate(0deg); transition: all 0.4s; margin: 0 auto; bottom: -10%; margin-bottom: 0px;} 
  .mobileFilterBLog button.dots.dots.on span { display: none; transform: rotate(135deg);}	
  .mobileFilterBLog button.dots.dots span { width: 5px; height: 5px; overflow: hidden; border-radius: 50px; position: absolute; left: -60px; background: #fff; transform: rotate(0deg); transition: all 0.4s; margin: 0 auto; top: 50%; margin-top: -2px;}
  .mobileFilterBLog button.dots.dots.on:after { transform: rotate(135deg) translate(9px, -9px); width: 20px; height: 3px;}
  .mobileFilterBLog button.dots.dots:after{ content: ""; width: 5px; height: 5px; overflow: hidden; border-radius: 50px; position: absolute; left: -60px; background: #fff; transform: rotate(0deg); transition: all 0.4s; margin: 0 auto; top: -10%; margin-top: 0px;}
  .blog-side{ display: none;}
  .blog-side.openMenu{ display: inline-block !important; width: 100%; height: 100%; left: 0; right: 0; z-index: 9; position: relative; top: 0px; padding: 20px 0px 40px 0px;}	
  .blog-side #secondary li a{ padding: 12px 35px; color: #4B4C57; font-size: 18px; display: block; } 
  .blog-post{ width: 100% !important; }
 .page1 .searchEmail{ display: none;}
	
  .menu-item.menu-item-type-custom{ position: relative; z-index: 99;}
  .main-menu li a{ padding-bottom: 10px; padding-top: 10px;}
  .menu-item.menu-item-type-custom:hover > .sub-menu{ top: 90%; opacity: 1; pointer-events: visible; position: relative;}
  ul.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-page a{ padding-bottom: 0; padding-top: 0;}	
 .toggle { display: block; position: relative;}	
 .toggle a { width: auto; padding: 10px 15px;}
 .navbar-collapse.collapse{ display: none;}
 .navbar-nav-wrapper > ul > li.menu-item-has-children > a::before{ content: none;}
 span.submenu-button {position: absolute;
    display: block;
    width: 100%;
    height: 42px;
    right: 0;
    text-align: center;
    line-height: 42px;
    cursor: pointer; z-index: 99999;}
span.submenu-button::after {    content: '\f107';
    font-family: 'Font Awesome 6 free';
    font-weight: 900;
    font-size: 13px;
    transition: all .4s ease-in-out;
    right: 30px;
    position: absolute;}
.cat-head-page h1.archive-title{ font-size: 20px}
	
	.sub-menu{ min-width: 227px; max-width: 227px; box-shadow: 0 52px 54px rgb(65 62 101 / 30%); border-radius: 8px; border: 1px solid #E5E5E5; background-color: #FFFFFF; padding: 15px 0px; top: 100%; z-index: -99; opacity: 0; transition: opacity .4s,top .4s; pointer-events: none; left: 0; right: auto; border-radius: 0 0 10px 10px; border: 1px solid #eae9f2; background-color: #ffffff; display: block; border-top: 3px solid #2b6cb0; margin: 0.125rem 0 0; font-size: 1rem; text-align: left; list-style: none; }
	
	.cat-head-page .page1 .section-title h1.page-title{ padding: 0 !important; margin-top: 20px;} 
	.page-content{ margin-top: 30px;}
	.page-content form label input{padding: 10px 60px !important; margin-bottom: 10px !important;}
	.page-content form input{ margin: 0 auto !important; display: block !important; }
	.cs-wrapper-last-half{ display: none;}
	.cs-wrapper-one-half{ width: 100% !important; text-align: center; padding: 0 20px !important;}
	.cs-wrapper-one-half h2{ width: 100%; font-size: 36px; padding-right: 0; line-height: 45px;}
	.circle-box{ width: 100% !important; text-align: center; margin-bottom: 30px;}
	.cg-content{ width: 100%; padding-top: 0;}
	.cg-img{ width: 100%;}
	.strategy-img{ width: 100%; text-align: center;}
	
	
  .leadsquared-bg-img-inner{ width: 100% !important;}
  .growth-right-inner{ margin-bottom: 30px !important;}
  .growth-right, .leadsquared-team-img, .leadsquared-team-content, .blue-left-wave{ width: 100% !important;}
  .growth-left, .faq-left{ width: 100% !important; text-align: center;}
  .growth-left-inner h2{ font-size: 25px !important; line-height: 40px !important;}
  .growth-left-inner h2 span{ font-size: 30px !important;}
  .growth-left-inner h3{ display: none;}
  .trans-bg-btn{ margin-left: 0 !important;}
  .leadsquared-section-ttl h2{ font-size: 23px !important; margin-bottom: 15px !important;}
  .leadsquared-section-ttl h3 span{ margin-bottom: 12px !important; }
  .leadsquared-section-ttl h3{ font-size: 23px !important; }
  .leadsquared-section-ttl p.business-content{ width: 100% !important;}
  .leadsquared-team-img{ margin-bottom: 40px !important;}
  .leadsquared-team-img-inner{ width: 100% !important;}
  .leadsquared-team-content{ margin-top: 0 !important;}
  .square-dot-three{ bottom: -40px !important; right: 0 !important;}
  .leadsquared-bg-grey .leadsquared-team-img-inner{ padding-top: 30px;}
  .leadsquared-team-content h4{ font-size: 22px !important; text-align: center;}
  .top-notch-wave{ background: none !important;}
  .square-dot{ top: -10px !important; bottom: 0 !important; left: 20px !important;}
  .square-dot-two{ display: none !important;}
  .square-dot-one{ display: none !important;}
  .square-dot-three{ display: none !important;}
  .square-dot-four{ display: none !important;}
  .square-dot-five{ display: none !important;}
  .integration-solution-ttl h3{ font-size: 20px !important;}
  .step-by-step-head h2{ font-size: 25px !important;}
  .integration-solution{ margin-bottom: 40 !important;}
  .integration-steps{ width: 100% !important; padding-top: 20px !important;}
  .integration-steps h5{ font-size: 15px !important;}
  .leadsquared-sec-ttl h2{ font-size: 20px !important; line-height: 32px !important;}
  .leadsquared-video{ padding: 20px 0 140px 0 !important;}
  .manifolds-ttl h3{ font-size: 23px !important;}
  .zigzag-wave{ right: 0 !important; top: 28px !important; width: 80px !important;}
  .manifolds-ttl .orange-btn{ margin-top: 35px !important;}
  .existing-user{ display: none !important;}
  .new-head{ display: none;}
  .mobile-user-img{ display: block !important; width: 100%; height: auto;}
  .mobile-user-img img{ width: 100%; height: auto; display: block;}
  .existing-content { margin-left: 20px !important; bottom: -50px !important;}
  .existing-content h5{ font-size: 20px !important;}
  .faq-left h3{ line-height: 40px !important; font-size: 25px !important;}
  .faq-left h3 span{ font-size: 35px !important;}
  .faq-right .head h6{ font-size: 15px !important; line-height: 22px !important;}
  .faq-head-inner{ background: none !important;}
  .faq-right{ width: 100% !important; padding-top: 40px !important;}
  .integration-solution-ttl{ padding: 30px 15px !important;}
  .faq-right .head{ padding: 10px 0;}
  .leadsquared-team-content  ul li{ font-size: 15px; line-height: 27px;}
  .leadsquared-sec-ttl{ margin-bottom: 0 !important;}
  .leadsquared-section-ttl h3 span.chat360-lg img{width: 145px !important;}
  .leadsquared-section-ttl h3 span.leadsquared-lg img{width: 152px !important;}
  .leadsquared-team.left-align .leadsquared-team-img-inner { margin-left: 0 !important;}
  .integration-steps li{ font-size: 15px;}
  .existing-content h4{ font-size: 17px !important;}
  .existing-content h6{ font-size: 20px !important;}
  #accordion-1 .content p{ font-size: 15px !important; line-height: 30px !important;}
  .leadsquared-video-head{ min-height: auto !important;}
  .live-video { top: 0 !important;}
  .live-video a{ width: 60px !important; height: 60px !important;} 
  .live-video a:before{ width: 60px !important; height: 60px !important;}
  .live-video i{ font-size: 18px !important;}
  .video-box{ padding: 25px 0 !important;}
  .growth-right-img{ width: 100% !important; }
  .growth-right{ height: 400px; position: relative;}
  .orange-arrow{ width: 80px !important; left: 120px !important; top: 265px !important;}
  .growth-right-img::before{  width: 345px !important; height: 343px !important; top: 0 !important; left: 0 !important;}
  .growth-right-img img{ width: 95% !important; top: 105px !important; right: 0 !important;}
	
/**shopify**/
  .zigzag-shopify{ display: none !important;}
  .growth-right-shopify{ width: 100% !important;}
  .shopify-right-img img{ width: 100% !important;}
  .leadsquared-section-ttl h3 span.shopify-lg img{ width: 150px !important;}
  .shopify-existing-content{ bottom: 0 !important;} 
  .leadsquared-section-ttl{ margin-bottom: 0 !important;}
	
 /**google sheet**/
  .growth-right-sheet{ width: 100% !important;}
  .orange-dot-zigzag{ top: 0 !important; left: 0 !important;}
  .growth-left-sheet{ width: 100% !important; text-align: center;}
  .growth-left-inner-sheet{ padding-top: 20px !important;}
	.growth-left-inner-sheet h2{ font-size: 25px !important; line-height: 40px !important;}
  .growth-left-inner-sheet h2 span{ font-size: 30px !important;}
  .leadsquared-section-ttl h3 span.sheet-lg img{ width: 160px !important;}
  .leadsquared-section-ttl p.business-content-sheet{ width: 100% !important; margin-bottom: 0 !important;}
  .leadsquared-section-ttl h3 span.sheet-lg{  margin-left: 13px !important; margin-right: 0 !important; } 
  
   /**google dialogflow**/
  .leadsquared-section-ttl h3 span.dialogflow-lg img{ width: 155px !important;}
  .leadsquared-section-ttl p.business-content-dialogflow{ width: 100% !important; margin-bottom: 30px !important;}
  .existing-head .dialogflow-step-inte{ bottom: 0; margin-top: 0 !important; margin-bottom: 0 !important;}
	
  /**Setu Integration**/
  .leadsquared-section-ttl p.business-content-setu{ width: 100% !important; }
  .leadsquared-section-ttl h3 span.setu-lg img{width: 110px !important;}

  /**Gmail Integration**/
.leadsquared-section-ttl h3 span.gmail-lg img{width: 120px !important;}
.leadsquared-section-ttl p.business-content-gmail{ width: 100% !important;}
.orange-dot-zigzag.blu-dot-zigzag{ top: 10px !important;}
	
/**Stripe Integration**/ 
.leadsquared-section-ttl h3 span.stripe-lg img{width: 90px !important;}
.leadsquared-section-ttl p.business-content-stripe{ width: 100% !important; margin-bottom: 0 !important;}
.growth-left-inner-sheet h2.stripe-left-ttl{ font-size: 24px !important;}
.leadsquared-team.stripe-team-box {margin-top: 50px !important;}

/**Razorpay Integration**/
.growth-left-inner-sheet p.razorpay-hero-sec-content{width: 100% !important;}
.leadsquared-section-ttl h3 span.razorpay-lg img{width: 155px !important;}
.leadsquared-section-ttl h3 span.razorpay-lg{ margin: 0 0 0 10px !important;} 
.leadsquared-section-ttl p.business-content-razorpay{ width: 100% !important;}	
	
/**Waitlist form**/
.waitlist-head, .waitlist-icon{ width: 100% !important;}
.waitlist-ttl h1{ font-size: 35px !important; line-height: 45px !important;}
.waitlist-ttl h5{ font-size: 19px !important; line-height: 25px !important;}
.waitlist-form p label span.wpcf7-list-item input{ margin-left: -180px !important;}
	
}

/******INNER PAGES********/

/****PLATFORM****/
.entry-header h1.entry-title{ display: none;}
.imgbox-one-half{ width: 50%; padding: 30px; }
.imgbox-last-half{ width: 50%; padding: 30px; vertical-align: middle;}
.imgbox-one-half img{ max-width: 65% ; height: auto; display: block; margin: 0 auto; }
.imgbox-last-half h4{ color: #000000; font-weight:600; margin-bottom: 20px; padding-top: 90px;}
.flex-alignerflex-reverse{ display: flex; flex-direction: row-reverse;}
.section-content.section-title-color .section-title h2{ color: #ffffff; font-weight: 600;}
.web-sub-one-half{ margin-top: 50px;}
.web-sub-one-half ul{ padding: 0;}
.web-head .web-sub-one-half ul li{ list-style: none;  margin-bottom: 20px; line-height: 1; display: inline-flex;}
.web-head .web-sub-one-half ul li img{ width: 100px; height: 100px; border-radius: 50%; margin-right: 25px;}
.web-head .web-sub-one-half ul li h5{color: #ffffff; font-family: 'Inter', sans-serif; font-size: 30px; font-weight: 600; display: contents;}

.blu-sec-head{ width: 23%; display: inline-table !important; margin-right: 20px !important; text-align: center; margin-top: 20px;}
.blu-sec-head.without-margin{ margin-right: 0;}
.blu-sec-head img{ width: 120px !important; height: 120px !important; border-radius: 50%; margin-bottom: 30px;}
.blu-sec-head h5{ color: #ffffff; font-size: 22px !important; font-weight: 500;}
.section-content .website-img-head{ width: 500px; margin: 0 auto;}
.website-img-head img{ width: 100%; height: auto;  display: block;}
.website-img-content{margin-top: 40px;}
.website-sub-img-content{text-align: center; margin-right: 30px;}
.website-sub-img-content img{ width: 170px; height: 170px; border-radius: 50%; }
.website-sub-img-content h4{color: #000000; font-weight: 600;}


/****SOLUTION*****/
.solution-one-half{ width: 50%; padding: 30px; display: block;}
.solution-last-half{ width: 50%; padding: 30px; display: block;}
.solution-one-half img{width: 65%; height: auto; display: block; margin: 0 auto;}
.solution-last-half i{padding-top: 90px; font-size: 45px; color: #337ACC; margin-bottom: 20px;}
.solution-last-half h4{ color: #000000; font-weight:600; margin-bottom: 20px; }
.flex-alignerflex-reverse{ display: flex; flex-direction: row-reverse;}
.widget-container{ text-align: center;}
.widget-container span a{ color: #337acc;}
.web-head{ padding: 30px 0;}
.web-one-half{ width: 50%; padding: 40px 0;}
.web-last-half{ width: 50%; height: auto;}
.web-last-half img{ width: 70%; height: auto; display: block; margin: 0 auto;}
.web-head .web-one-half p{ color: #f5f5f5;}

/*****INDUSTRY******/
.section-title.sub-title{ text-align: left;}
.section-title.sub-title h5{ color: #337acc; line-height: 20px;}
.education-pagearea { position: relative; padding: 20px; background-color: #f1f4f7; height: 200px; border-radius: 10px;}
.education-pagearea i { font-size:25px; color:#337acc; padding-bottom: 20px;}
.education-one-half{ width: 50%; display: block; padding: 30px 60px;}
.education-last-half{width: 50%; display: block; padding: 90px 30px;}
.education-one-half img{ width: 65%; height: auto; display: block; }
.education-last-half ul li{ list-style: none; color: #000000; font-family: 'Inter', sans-serif; font-size: 18px; font-weight:900;}
.education-last-half ul li i{ color: #337acc; font-size: 23px; margin-right: 20px; margin-bottom: 20px;}
.education-last-half ul{ background-color: #f1f4f5; padding: 20px; border-radius: 10px;}
.channel-one-half{ width: 50%; padding: 30px;}
.channel-last-half{ width: 50%;}
.channel-one-half img{ width: 80%; height: auto; }
.left-align{ text-align: left;}
.channel-content ul li{ list-style: none; color: #979696; font-family: 'Inter', sans-serif; font-size: 18px; font-weight:400; text-transform: uppercase;}
.channel-content ul li i{ color: #337acc; font-size: 23px; margin-right: 20px; margin-bottom: 20px;}


/*******SINGLE PAGE ******BLOG AS WELL CASESTTUDY*****/
section.singlepage{ padding: 0;}
.blog-post-upper{ padding: 60px 0 60px 0; background-color: #F8F8F8;}
/* .blog-post-upper-left{ width: 100%; max-width: 605px; height: auto; display: block; margin-right: 20px;} */
.blog-post-upper-left{ flex: 1; height: auto; display: block; margin-right: 20px;}
.blog-post-upper .flex-aligner{ justify-content: space-evenly;align-items: center;}

/* .blog-post-upper-right{ width: 100%; max-width: 350px; height: auto; display: block; border-radius: 10px;} */
.blog-post-upper-right{ flex: 1; display: block; border-radius: 10px;}
.blog-post-upper-right img{ width: 100%; height: auto; display: block; border-radius: 10px;}

.blog-post-upper-left h1{ color: #373f4a; font-family: 'Inter',Sans-serif; font-size: 38px; font-weight: 600; line-height: 1.2em; margin-bottom: 30px;}
.blog-post-upper-left h5{ margin-bottom: 30px;}
.blog-post-upper-left h5 a{ color: blue; font-family: 'Inter',Sans-serif; font-size: 20px; font-weight: 600; line-height: 1.2em; margin-left: 28px; text-transform: capitalize; position: relative;}
.blog-post-upper-left h5 a::before{ content: '\f060'; font-family: 'Font Awesome 6 free'; font-weight: 900; position: absolute; top: 0; left: -25px; font-size: 20px; color: #000000;}
.blogs-date-time ul{ list-style: none; padding: 0; display: inline-flex; color: #337ACC;}
.blogs-date-time ul li.blog-cat ul li a{ color: #337ACC;}
.blogs-date-time ul li{ font-family: 'Inter',Sans-serif; font-size: 15px; font-weight: 600; color: #337ACC; margin-bottom: 10px;}
.blogs-date-time ul li.admin-name{ position: relative; margin-right: 20px;}
.blogs-date-time ul li.admin-name::after{ content: ''; width: 2px; height: 17px; color: #337ACC; position: absolute; border: 1px solid #337ACC; right: -20px;}
.blogs-date-time ul li.blog-date{ position: relative; margin-right: 20px; margin-left: 20px;}
.blogs-date-time ul li.blog-date::after{ content: ''; width: 2px; height: 17px; color: #337ACC; position: absolute; border: 1px solid #337ACC; right: -20px;}
.blogs-date-time ul li.blog-cat ul li a{ margin-left: 20px; }
ul.blogs-social-media-icons{ list-style: none; padding: 0; display: inline-flex;}
ul.blogs-social-media-icons li i{ font-size: 20px; color: #337ACC; margin-right: 15px;}

.blog-post-lower{ padding: 60px 0;}
.blog-post-lower-left{ width: 65%; margin-right: 40px;}
.blog-post-lower-left p span a{ color: #337acc}
.blog-post-lower-left h4 span a{ color: #337acc}
.blog-post-lower-left h2 span a{ color: #337acc}
.blog-post-lower-left p em b span a{ color: #337acc}
.blog-post-lower-left h2,h3,h4{ color: #373f4a; font-weight: 600; line-height: 1.2em; margin-bottom: 30px;}
.blog-post-lower-left ol,ul li{ color: #000000; font-family: 'Inter',Sans-serif; font-size: 17px; font-weight: 400;}
.blog-post-lower-left ul li::marker{ font-size: 25px;}
.blog-post-lower-left ul li span a{ color: #337acc;}
.blog-post-lower-left h3.h3-title strong{ color: #000000 !important; margin-left: 100px;}

.blog-post-lower-right{ width: 35%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; padding: 30px 15px 0 0; height: 35%;}
.blog-post-lower-right:hover{ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }
.blog-post-lower-right p{ font-size: 22px; font-weight: 600; color: blue; margin-left: 20px; border-bottom: 2px solid blue; display: inline-block;}
.blog-post-lower-right nav ul{ list-style: none;}
.blog-post-lower-right nav ul li{ margin-bottom: 20px; font-weight: 500; color: #232323;}
.blog-post-lower-right nav ul li a:hover { color: blue;}

.inner-img{ width: 750px; height: auto; display: block; margin-bottom: 50px !important;}
.inner-img img{width: 100%; height: auto; display: block; margin: 0 auto;}
.nav-links{ display: flex; margin-bottom: 70px;}
.nav-links a{ display: block; font-size: 20px; font-weight: 600; color: black; font-family: 'Inter',Sans-serif; width: 50%;}
.nav-links span.meta-nav{display: block; font-size: 16px; font-weight: 400; color: #6e727d; font-family: 'Inter',Sans-serif;}
.post-head-content p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.nav-links a:hover{ color: #337ACC;}


/********TAB RESPONSIVE CSS*********/
  @media screen and (min-width:768px) and (max-width: 990px){
   section{ padding: 35px 0;}
  .navbar.site-navbar{ width: 750px; margin: 0 auto;} 
  .container{ width: 100%; padding: 0 15px;}
  /* .flex-aligner{ display: block;} */
  .navbar.site-navbar{ padding: 10px 0 !important;}
	  
  /* .home-onehalf{ width: 100%; text-align: center; padding: 75px 0 40px 0;} */
  /* .home-lasthalf{ display: none;} */
  .home-onehalf h1{ font-size: 38px; line-height: 45px; font-weight: 900; margin-bottom: 30px;}
	  
  .one-half{ width: 100%; text-align: center; padding: 75px 0 40px 0;}
  .last-half{ display: none;}
  .one-half h2{ font-size: 38px; line-height: 45px; font-weight: 900; margin-bottom: 30px;}
  .section-title h2{font-size: 36px !important; line-height: 45px; }
  .socialicon-box{ width: 100%;}
  .social-content p{ margin-bottom: 30px;}
  .industry-box{ width: 47%; margin-bottom: 30px; border-radius: 10px 10px 10px 10px;}
  .section-content-row .socialicon-box .flex-aligner{ display: flex;}
  .section-content .flex-aligner{ display: flex; flex-wrap: wrap;}  
  .section-post .flex-aligner{ display: flex; flex-wrap: wrap; justify-content: center;}
  .post-head{ width: 47%; }
  .sec-content h2{ font-size: 25px; line-height: 40px;}
  .sec-eight-head .flex-aligner{ display: flex;}
  .sec-eight-head .trans-btn-head a.trans-btn{ padding: 10px 20px;}
  .sec-content h5{ font-size: 16px; font-weight: 500;}
  .chat360-contactform input[type="submit"].wpcf7-form-control.Submit-btn{ top: 1px; right: 215px;}
  .navbar-collapse .trans-btn-head{ width: 187px; margin-top: 25px;}
  .navbar-collapse a.trans-btn{ flex: 1;}
  .widget-logo{ width: 100%;}
  .chat360-contactform span.wpcf7-form-control-wrap input.email360 { width: 70%;}
  .justify-content-center{ justify-content: flex-start; }
  .col{ width:30%;}
	 

  /** TAB RESPONSIVE INNER PAGES CODE**/
  .blu-sec-head{ width: 21%;}
  .imgbox-head{ margin: 0 !important;}
  .imgbox-one-half{ width: 70% !important; margin: 0 auto; }
  .imgbox-one-half img{max-width: 100%; vertical-align: middle;}
  .imgbox-last-half{ width: 100%; padding: 0; margin-bottom: 40px; }
  .imgbox-last-half h4{ padding-top: 0;}
  .flex-alignerflex-reverse{ display: block; flex-direction: column !important;}
  .web-head .flex-aligner{ display: flex; flex-wrap: nowrap;}
  .section-content .website-img-head{ width: 300px;}
  .website-img-content .flex-aligner{ display: flex;}
  .website-sub-img-content h4{ font-size: 28px; display: table-caption;}
  .website-sub-img-content{ margin-right: 0; text-align: center !important;}
  .website-sub-img-content img{ width: 130px; height: 130px;}
  .web-last-half{ width: 300px; margin-top: 90px;}
  .web-last-half img{ width: 100%;}
  .web-sub-one-half{ margin-top: 0;}
  .web-head .web-sub-one-half ul li h5{ font-size: 25px;}
  .solution-one-half{ width: 90%; margin: 0 auto;}
  .solution-one-half img{width: 70%; vertical-align: middle; display: block; margin: 0 auto;}
  .solution-last-half{ width: 100%; padding: 0; margin-bottom: 60px;}
  .solution-last-half i{ padding-top: 0; }
  .education-one-half,.channel-one-half,.channel-last-half{ width: 100%;}
  .education-one-half img{ margin: 0 auto;}
  .education-last-half{ width: 100%; padding: 0 30px;} 
  .channel-one-half img{ width: 100%; margin: 0 auto;}
	  
	  
  .widget_text.col { width: 100%; display: block; flex-basis: fit-content;}
  .mb-11, .my-11{ margin-bottom: 20px;}
	  
	  
  .privacy-terms-inner-head .flex-aligner{ display: flex; flex-direction: row; justify-content: space-between;}
  .privacy-terms-one-half{ padding: 0 !important;}
  .privacy-terms-one-half ul.side-tab{ margin-left: 0 !important; padding-left: 10px !important;}
  .privacy-terms-last-half{ padding: 0 0 0 20px !important;}
  .contact-box{ width: 100% !important;}
  .contact-box .blu-btn-head{ padding-left: 35%;}
  .worldwide-inner-box{ padding: 0 !important;}
  .location-box{ width: 60% !important; padding-left: 0 !important;}
  .mail-box{ width: 50% !important;}
  .about-box-img{ width: 100%; margin: 0 auto;}
  #parentVerticalTab ul.resp-tabs-list{ padding-left: 0;}
  #parentVerticalTab ul.resp-tabs-list li{ padding-left}
  #parentVerticalTab ul.resp-tabs-list li::after{ right: 5px !important;}
 .refundpolicy-head h2.rp-title{ color: #000000; font-size: 38px;}
	  
 .wrapper{ max-width: 980px !important;}
 .mobileFilterBLog { display: inline-block !important; float: right; width: 30%; margin-right: -155px; }
 .mobileFilterBLog button.dots { width: 10px; height: 20px; border: none; background: transparent; position: relative; cursor: pointer; transform: rotate(90deg);}
 .mobileFilterBLog button.dots.dots.on { top: -6px; }
 .mobileFilterBLog button.dots.dots.on:before { transform: rotate(225deg); bottom: 50%; margin-bottom: -4px; width: 20px; height: 3px;}
 .mobileFilterBLog button.dots.dots::before{ content: ""; width: 5px; height: 5px; overflow: hidden; border-radius: 50px; position: absolute; left: -60px; background: #fff; transform: rotate(0deg); transition: all 0.4s; margin: 0 auto; bottom: -10%; margin-bottom: 0px;}  
.mobileFilterBLog button.dots.dots span { width: 5px; height: 5px; overflow: hidden; border-radius: 50px; position: absolute; left: -60px; background: #fff; transform: rotate(0deg); transition: all 0.4s; margin: 0 auto; top: 50%; margin-top: -2px;}
 .mobileFilterBLog button.dots.dots:after{ content: ""; width: 5px; height: 5px; overflow: hidden; border-radius: 50px; position: absolute; left: -60px; background: #fff; transform: rotate(0deg); transition: all 0.4s; margin: 0 auto; top: -10%; margin-top: 0px;}
 .blog-side{ display: none;}
 .blog-side #secondary li a{ padding: 12px 35px; color: #4B4C57; font-size: 18px; display: block; } 
 .blog-side.openMenu { display: inline-block; width: 100%;  height: auto; left: 0; right: 0; z-index: 9; position: relative; top: 0px; padding: 20px 0px 40px 0px; }  
 .wrapper-space.bg-blue .wrapper .section-title{ text-align: left !important; padding-left: 100px; width: 70%; }
 .wrapper-space.bg-blue .wrapper .section-title h1{ padding-bottom: 25px; font-size: 36px !important; line-height: 45px;}
 .blog-post{ width: 100% !important; }
 .mobileFilterBLog button.dots.dots.on span { display: none; transform: rotate(135deg);}
 .mobileFilterBLog button.dots.dots.on:after { transform: rotate(135deg) translate(9px, -9px); width: 20px; height: 3px;}
  .page1 .searchEmail{ display: none;}
	  
.cat-head-page .flex-aligner{ display: flex;}
.cat-head-page #secondary nav{ width: 70% !important;}
	  
 .menu-item.menu-item-type-custom{ position: relative; z-index: 99;}
 .main-menu li a{ padding-bottom: 10px; padding-top: 10px;}
 .menu-item.menu-item-type-custom:hover > .sub-menu{ top: 90%; opacity: 1; pointer-events: visible; position: relative;}
 ul.sub-menu li.menu-item.menu-item-type-post_type.menu-item-object-page a{ padding-bottom: 0; padding-top: 0;}
 .toggle { display: block; position: relative;}	
 .toggle a { width: auto; padding: 10px 25px;}
 .navbar-collapse.collapse{ display: none;}
 .navbar-nav-wrapper > ul > li.menu-item-has-children > a::before{ content: none;}
	  
span.submenu-button{position: absolute;
    display: block;
    width: 100%;
    height: 42px;
    right: 0;
    text-align: center;
    line-height: 42px;
    cursor: pointer; z-index: 99999;}
span.submenu-button::after{    content: '\f107';
    font-family: 'Font Awesome 6 free';
    font-weight: 900;
    font-size: 13px;
    transition: all .4s ease-in-out;
    right: 30px;
    position: absolute;}
	  
.sub-menu{ min-width: 227px; max-width: 227px; box-shadow: 0 52px 54px rgb(65 62 101 / 30%); border-radius: 8px; border: 1px solid #E5E5E5; background-color: #FFFFFF; padding: 15px 0px; top: 100%; z-index: -99; opacity: 0; transition: opacity .4s,top .4s; pointer-events: none; left: 0; right: auto; border-radius: 0 0 10px 10px; border: 1px solid #eae9f2; background-color: #ffffff; display: block; border-top: 3px solid #2b6cb0; margin: 0.125rem 0 0; font-size: 1rem; text-align: left; list-style: none; }	  

.cat-head-page .page1 .section-title h1.page-title{ padding: 0 !important; margin-top: 30px;} 	 
	  
	  .cs-wrapper-last-half{ display: none;}
	  .cs-wrapper-one-half{ width: 100% !important; text-align: center; margin: 0 !important;}
	   .cs-wrapper-one-half h2{ width: 100% !important; padding-right: 0 !important;}
	   .cs-wrapper-one-half p{ width: 100% !important; }
	  .circle-img-head{ text-align: center;}
	  .circle-img-head .flex-aligner{ display: flex;}
	  .circle-img-head .circle-box .flex-aligner{ display: block !important;}
	  .circle-img{ margin-bottom: 20px;}
	  .circle-title{ padding-left: 0 !important;}
	  .section-content-casestudy .flex-aligner{ display: flex !important;}
	  .strategy-img{ width: 22% !important;}
	  .cg-content{ padding: 0 !important;}
	  .cg-img{ padding: 20px;}
	  .section-content-casestudy .circle-head .circle-box .flex-aligner{ display: block !important;}
	  .page-content{ margin-top: 30px;}
	  .circle-box{ text-align: center;}
	  
	  
	 .blog-post-upper { padding: 50px 0;}
    .blog-post-upper-left{ max-width: 100% !important;}
    .blog-post-upper-right{ max-width: 100% !important; margin-top: 30px;}
    .blog-post-lower-left{ width: 100% !important;}
    .blog-post-lower-right{ display: none;}
	  
	  
	.leadsquared-growth-bg .flex-aligner{ display: flex;}
    .leadsquared-bg-grey .flex-aligner{ display: flex;}
    .leadsquared-team .flex-aligner{ display: flex;}
    .faq-head .flex-aligner{ display: flex;}
    .growth-left-inner h2{ font-size: 25px !important; line-height: 45px !important;}
    .growth-left-inner h3{ font-size: 25px !important;}
    .growth-left-inner h2 span{ font-size: 30px !important;}
    .growth-left-inner h3{ font-size: 22px !important;}
    .leadsquared-section-ttl h2{ font-size: 30px !important; margin-bottom: 15px !important;}
    .leadsquared-section-ttl p.business-content{ width: 100% !important;}
	.leadsquared-section-ttl h3{ font-size: 30px !important;}
    .square-dot{ bottom: 190px !important; left: 225px !important;}
    .square-dot-one, .square-dot-two, .square-dot-three, .square-dot-four, .square-dot-five{ display: none !important;}
    .leadsquared-team-content h4{ font-size: 22px !important;}
    .leadsquared-team-img-inner{ width: 90% !important;}
    .leadsquared-team-content{ margin-top: 80px !important;}
	.integration-solution-ttl{ padding-left: 20px !important; padding-right: 20px !important;}
    .integration-solution-ttl h3{ font-size: 27px !important;}
    .blue-left-wave{ width: 80% !important; top: 0 !important;}
    .market-products-head .leadsquared-team-content{ margin-top: 30px !important;}
    .top-notch-wave .leadsquared-team-content{ margin-top: 10px !important;}
    .track-analyse .leadsquared-team-content{ margin-top: 50px !important;}  
	.leadsquared-video-head{ min-height: auto !important;}
    .step-by-step-head .section-title h2{ font-size: 30px !important;}
    .integration-steps{ padding-top: 0 !important; width: 100% !important;}
    .integration-steps h5{ font-size: 19px !important;}
    .leadsquared-sec-ttl h2{ font-size: 30px !important; line-height: 42px !important;}
    .video-box{ padding: 50px 0 !important;}
    .live-video a:before{ width: 100px !important; height: 100px !important;}
    .live-video i{ font-size: 30px !important;}
    .manifolds-ttl h3{ font-size: 30px !important;}
    .zigzag-wave{ width: 100px !important; right: 115px !important;}
    .manifolds-ttl .orange-btn{ margin-top: 50px !important; }
    .faq-left h3{ line-height: 42px !important; font-size: 25px !important;}
    .faq-left h3 span{ font-size: 45px !important;}
    #accordion-1 .head h6{ line-height: 22px !important;}
    #accordion .content p{ line-height: 28px !important;}
   .growth-left .blu-btn-head a{ padding: 10px 20px !important;}
   .growth-left .trans-bg-btn a{ padding: 10px 10px !important;}
   .growth-left-inner{ padding-top: 30px !important;}
   .orange-arrow{ width: 90px !important; top: 240px !important;}
   .growth-right-img::before{ width: 345px !important; height: 343px !important; top: 0 !important; left: 17px !important;}
   .growth-right-img img{ width: 100% !important; top: 105px !important; right: 20px !important;} 
   .trans-bg-btn{ margin-left: 0 !important;}
	  
/**shopify css**/
  .leadsquared-team-content.shopify-team-content{margin-top: 40px !important;}
  .zigzag-shopify{ display: none !important;}
  .shopify-right-img img{ width: 100% !important;}
	  
 /**google sheet**/
  .leadsquared-section-ttl p.business-content-sheet{ width: 90% !important; margin-bottom: 40px !important;}
  .growth-left-inner-sheet{ padding-top: 30px !important;}
  .growth-left-inner-sheet h2{ font-size: 25px !important; line-height: 45px !important;}
  .growth-left-inner-sheet h2 span{ font-size: 30px !important;}
  .orange-dot-zigzag{ display: none !important;}
  .leadsquared-bg-grey .sheet-content{ margin-top: 25px !important;}
  .leadsquared-team-content.google-sheet-content{ margin-top: 0 !important;}
   
/**google dialogflow**/
.leadsquared-section-ttl p.business-content-dialogflow{ width: 100% !important; margin-bottom: 50px !important;}
.leadsquared-bg-grey .dialogflow-content{ margin-top: 30px !important;}

 /**Setu**/
.leadsquared-section-ttl p.business-content-setu{ width: 100% !important; }
	  
/**Gmail**/
.leadsquared-section-ttl p.business-content-gmail{ width: 100% !important; }
	  
/**Stripe Integration**/ 
.leadsquared-section-ttl h3 span.stripe-lg img{width: 100px !important;}
.leadsquared-section-ttl p.business-content-stripe{ width: 100% !important; margin-bottom: 0 !important;}
.growth-left-inner-sheet h2.stripe-left-ttl{ font-size: 24px !important;}
.leadsquared-bg-grey .stripe-content { margin-top: 0 !important;}
	  
/**Razorpay Integration**/
.growth-left-inner-sheet p.razorpay-hero-sec-content{width: 100% !important;}
.leadsquared-section-ttl p.business-content-razorpay{ width: 100% !important;}
	  
/**waitlist form**/
.waitlist-head{ width: 100% !important;}
.waitlist-form p label span.wpcf7-list-item input{ margin-left: -350px !important;}
	  
 }

/********CASESTUDY INNER PAGE***********/
.casestudy-wrapper{ font-family: 'Inter',Sans-serif;}
.cs-wrapper-one-half{ width: 60%; margin: 70px 0 50px 0;}
.cs-wrapper-one-half h2{width: 90%; font-size: 40px; line-height: 60px; font-weight: 900; margin-bottom: 40px; color: #ffffff; padding-right: 30px;}
.cs-wrapper-one-half p{width: 90%; line-height: 30px; margin-bottom: 30px; color: #ffffff;}
.cs-wrapper-last-half{ width: 25%; background-color: #ffffff; border-radius: 10px; padding: 35px 20px; margin: 0 auto;}
.cs-wrapper-last-half h3{ width: 100%; line-height: 30px; font-weight: 700; text-align: center; margin-bottom: 40px;}
.cs-wrapper-last-half label{ font: 700 14px 'Inter',Sans-serif; color: #373F4A;}
.cs-wrapper-last-half input{font: 300 15px 'Inter',Sans-serif; color: #373F4A; padding: 10px 20px; border-radius: 5px; border: 1px solid #373F4A; background-color: #f1f6fa; margin-bottom: 20px; width: 100%;}
.cs-wrapper-last-half input[type="submit"]{ width: 100%; display: block; font: 700 14px 'Inter',Sans-serif; color: #ffffff; background-color: #337acc; border: 2px solid #337acc; margin-top: 20px;}

.circle-box{ width: 32%; margin-right: 4%;}
.circle-box .flex-aligner{ align-items: center;}
.last{ margin-right: 0;}
.circle-img{ width: 100px; height: 100px; border-radius: 50%; display:inline-flex; align-items: center;}
.circle-inner-img{ width: 70px; height: auto; margin: 0 auto;}
.circle-img img{ width: 100%; height: auto; display: block;}
.yellow{ background-color: orange;}
.orange{ background-color: orangered;}
.purple{ background-color: purple;}
.circle-title{ width: 75%; display: inline-block; vertical-align: middle; padding-left: 30px;}
.circle-title h5{ font:400 18px 'Inter',Sans-serif; color: #000000;}
.circle-img-head p{ font: 400 16px 'Inter',Sans-serif; margin: 0 auto; padding-top: 40px;  text-align: center; color: #000000;}
.circle-img h3{ font-size: 30px; text-align: center; color: #ffffff; margin: 0 auto;}
.circle-img h3 span{ font-size: 17px; color: #ffffff;}

.outcome-box h4{ font:800 25px 'Inter',Sans-serif; color: #ffffff; text-align: center; margin-bottom: 30px;}
.outcome-box p{ color: #ffffff; width: 75%; text-align: center; margin: 0 auto; line-height: 23px;}

.cg-content{ width: 50%; padding:20px 30px 0 20px; }
.cg-content h4{ font:800 25px 'Inter',Sans-serif; color: #000000; margin-bottom: 30px;}
.cg-content ul li{ font:400 17px 'Inter',Sans-serif; color: #000000; margin-bottom: 15px;}
.cg-img{ width: 50%; height: auto; display: block; }
.cg-img img{ width: 60%; height: auto; margin: 0 auto; display: block;}
.cg-content ul{ padding-left: 0;}

.strategy-box h4{ font: 800 25px 'Inter',Sans-serif; color: #ffffff; margin-bottom: 30px; text-align: center;}
.strategy-box p{ color: #ffffff;  text-align: center; margin: 0 auto;}
.strategy-img{ width: 25%; height: auto; display: block; margin: 30px 20px 0 0;}
.strategy-img img{ width: 100%; height: auto; display: block; margin-bottom: 20px;}
.strategy-img p{ color: #ffffff; margin: 0;}
.last{ margin-right: 0 !important;}


/******FOOTER SECTION******/
/****WHATSAPP MARKETING******/
.one-half h3.onehf-subtitle{ font-family:'Inter',Sans-serif; color: #000000; margin-bottom: 20px; font-size: 30px; font-weight: 400;}
.right-reverse{ flex-direction: row-reverse;}
.imgbox-last-half h4.imgbox-title{ padding-top: 20px;}
.imgbox-last-half p span a{ color:#337acc;}
.whatsapp-marketing-section img{ width:80px !important; height: auto !important; border-radius: 0; }
#parentVerticalTab{ display: flex !important;}
#parentVerticalTab ul.resp-tabs-list li{ background: none !important; border-top: 1px solid #E2E8F0; font-size: 14px; position: relative;}
#parentVerticalTab ul.resp-tabs-list li.last{ border-bottom: 1px solid #E2E8F0 !important;}
#parentVerticalTab ul.resp-tabs-list li::after{ content: '\f0a9'; font-family: 'Font Awesome 6 free'; font-weight: 900; font-size: 15px; position: absolute; right: 17px; top: 15px; color: #979696; }
#parentVerticalTab ul.resp-tabs-list li:hover{ color: #337acc;}
.tabs-content ul li{ color: #000000;} 

/*******REFUND POLICY********/
.refundpolicy-head h2{ color: #373F4A;font-weight: 600; line-height: 1.2em;}
.refundpolicy-head h6{ font-family: "Inter", Sans-serif; font-size: 16px; margin-bottom: 30px;}
.refundpolicy-head h4{ color: #373F4A; font-weight: 600; line-height: 1.2em;}
.refundpolicy-head h5{ color: #373F4A; font-family: "Inter", Sans-serif; font-size: 22px; font-weight: 600;line-height: 1.2em;}
.refundpolicy-inner-box{ color: #373F4A;}
.refundpolicy-inner-box p.rp-inner-small-ttl strong{ font-weight: 600; line-height: 1.2em; margin-bottom:0;}
.refundpolicy-inner-box ul li{ color: #373F4A; font-family: "Inter", Sans-serif; font-size: 14px; font-weight: 400; line-height: 1.2em;}
.refundpolicy-inner-box p.rp-inner-small-ttl{ margin-bottom: 0;}
.refundpolicy-head span a{ color: #337ACC;}

/*****ABOUT US******/
.about-box-img{ width: 45%; height: auto; display: block; margin: 0 auto;}
.about-box-img img{ width: 100%; height: auto; display: block;}
.section-title h3{ color: #000000; margin-bottom: 20px; font-weight: 400; padding-top: 50px;}
.section-title h5{ margin-bottom: 10px;}
.imgbox-last-half ul{ color: #000000;}

/******PRIVACY POLICY********/
.privacy-policy-head h2.rp-title{ text-transform: capitalize !important; font-family:'Inter',Sans-serif; color: #000000; margin-bottom: 35px; font-size: 38px; font-weight: 600;}
.privacy-policy-head h2{ color: #666666; font-family: "Inter", Sans-serif; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.6px; margin-bottom: 30px;}
.privacy-terms-one-half{ width: 35.33%; padding: 30px 30px 30px 0; display: block;}
.privacy-terms-one-half ul.side-tab{ background: #F4F7FC; padding-top: 10px; padding-bottom: 10px;}
.privacy-terms-one-half ul li{ list-style: none;}
.side-tab a{text-decoration: none; display: block; font-size: 15px; font-family:'Inter',Sans-serif; font-size: 15px; font-weight: 400; padding-right: 30px;}

.privacy-terms-last-half{ width: 68%; padding: 30px;}
.privacy-terms-last-half h2{ color: #373F4A; font-size: 28px; font-weight: 600; line-height: 1.2em; margin-top: 30px; margin-bottom: 10px;}
.privacy-terms-last-half h2.privacy-first-ttl{ font-size: 35px;}
.privacy-terms-last-half h4{font-family:'Inter',Sans-serif; color: #373F4A; font-size: 22px; font-weight: 600; padding-top: 10px;}
.privacy-terms-last-half p{ color: #373F4A; line-height: 24px;}
.privacy-terms-last-half ul li{font-family:'Inter',Sans-serif; color: #373F4A; font-size: 15px; font-weight: 400;}
.privacy-terms-last-half p.rp-inner-small-ttl span a{ color: #337ACC;}
.privacy-terms-one-half ul a li{ position: relative;}
.privacy-terms-one-half ul a li::after{ content: '\f0a9'; font-family: 'Font Awesome 6 free'; font-weight: 900; font-size: 15px; position: absolute; right: -17px; top: 0; color: #979696; }
.privacy-terms-one-half a:hover{ color: #373F4A;}

/*****TERMS & CONDITIONS******/
.terms-box{ padding: 30px 0;}
.terms-box h2{ color: #000000; margin-bottom: 35px; font-weight: 600;}

/******CONTACT US********/
.contact-box{ width: 33.33%; height: auto; margin-right: 5%; margin-top: 40px;}
.contact-box h3{color: #000000; font-family: 'Inter', Sans-serif; font-size: 44px; font-weight: 600; line-height: 1.2em; margin-bottom: 30px;}
.contact-box p{ margin-bottom: 40px;}
.location-box{ width: 32%; height: auto; margin-right: 3%; padding-left: 30px; margin-top: 40px;}
.location-box h4{color: #000000; font-family: 'Inter', Sans-serif; font-size: 35px; font-weight: 600;}
.location-box h4 i{ font-size: 40px; color: #337ACC; margin-right: 20px;}
.location-box p{ padding-left: 50px;}
.mail-box{ width: 33.33%; height: auto; margin-top: 40px;}
.mail-box a{ color: #000000; font-family: 'Inter', Sans-serif; font-size: 20px; font-weight: 600;}
.mail-box a i{ font-size: 40px; color: #337ACC; margin-right: 20px;}
.section-title i{ font-size: 100px; color: #ffffff;}
.section-title h2.worldwide-title{ color: #ffffff; margin-bottom: 70px;}
.worldwide-inner-box{ text-align: center; color: #ffffff; padding: 0 40px;}
.worldwide-inner-box h4{color: #ffffff; font-family: 'Inter', Sans-serif; font-size: 24px; font-weight: 400;}
.worldwide-inner-box p{ color: #ffffff;}


.page1{ background-color: #337ACC; clear: both; overflow: hidden;}
.page1 .section-title{ margin-bottom: 0; width: 50%;}
.page1 .section-title h1{ padding-top: 50px; color: #ffffff; padding-bottom: 50px; margin-bottom: 0; font-family: 'Inter', Sans-serif; font-size: 40px; font-weight: 600;}
.blog-side{background: #F8F8F8; list-style: none; list-style-type: none; width: 20%; float: left; position: -webkit-sticky; position: sticky; top: 0px; padding: 50px 0px 40px 0px;}
.blog-side ul li{ list-style: none;}
.blog-side .primary-sidebar aside.widget nav ul{ padding: 0;}
.blog-side .primary-sidebar aside.widget nav ul li.cat-item a{color: #4B4C57; font-size: 17px; display: block; font-family: 'Inter', Sans-serif; padding: 12px 40px 12px 40px; font-weight: 600;}
.blog-side .primary-sidebar aside.widget nav ul li.cat-item a:hover{background: #0E146B1A; transition: all .5s ease-out;}
.blog-side .primary-sidebar aside.widget h2{ display: none;}
.blog-side-social-icons h6{color: #4B4C57; font-size: 12px; display: block; font-family: 'Inter', Sans-serif; padding: 12px 40px 12px 40px; font-weight: 400;}
.blog-side-social-icons	ul{ display: flex;}
.blog-side-social-icons	ul li a i{ font-size: 25px; margin-right: 10px; color: #2a6cb0;}
.mobileFilterBLog { display: none; }
.wrapper{ box-sizing: border-box; max-width: 1320px; padding: 0 1%; margin: 0 auto; position: relative; z-index: 2;}
.wrapper-head{ position: relative;}
.wrapper-space{ overflow: hidden; position: relative; z-index: 1;}
.bg-blue span{ color: #000000;}
.wrapper-space.bg-blue::after{ content: ''; position: absolute; top: 0; width: 100%; height: 100%; background-size: 130%;}
.blog-side::after{ content: ''; background: #F8F8F8; position: absolute; top: 0; left: -100%; width: 200%; z-index: 0; bottom: 0;}
.blog-side #secondary{ position: relative; z-index: 1;}
.blog-side .blog-side-social-icons{ position: relative; z-index: 1;}
.blog-post{ display: inline-block; width: 80%; position: relative; padding-top: 50px;}

.searchEmail{ width: 40%; display: inline-block; text-align: center; margin-top: 60px; }
.searchEmail .blog-search-wrap.search-wrapper{ display: block; padding: 0; margin:0;}

.searchEmail .blog-search-wrap.search-wrapper input#search_cat { width: auto; font-size: 15px; filter: brightness(1000); color: #ffffff; border: 2px solid #fff; margin-left: 32px; font-weight: 400;}

.search-wrapper input#search_cat { padding: 8px 10px; height: 40px; border: 1px solid #9A9DB3; border-radius: 25px; background: url("https://chat360.io/wp-content/uploads/2022/11/search-Icon.svg") left center no-repeat; background-position: 3% 48%; font-family: 'Inter', Sans-serif; padding-left: 40px; background-color: transparent;}



/***** SEARCH CATEGORY ARCHIVE PAGE*******/

.cat-head-page{ background-color: #ecf2f7;}
.cat-head-page .page1 .section-title{ width: 100%; text-align: center;}
.cat-head-page .page1 .section-title h1.archive-title{ color: #ffffff; padding: 50px 0;}
.flex-aligner.flexStart{ justify-content: center; flex-wrap: wrap;}
.cat-head-page section{ padding: 0;}

.cat-head-page .page1 .section-title h1.page-title{ color: #ffffff; padding: 50px 0;}

/***** SINGLE page Comment section******/

.comments-area h3.comment-reply-title{ font-family: inter,Sans-serif; font-size: 30px; font-weight: 600; line-height: 1.2em;}
.comments-area .comment-respond span.required{ color: #337ACC; }

#commentform>p { margin-bottom: 20px; }
p.comment-form-author { order: -1;}
p.comment-form-author { padding-right: 0;}
p.comment-form-author, p.comment-form-email { display: block; width: 100%; margin-left: -4px;}
p.comment-form-author label{ font-weight: 700;}

p.comment-form-email { order: -1;}
p.comment-form-email label{ font-weight: 700;}

p.comment-form-comment label{ font-weight: 700;}
p.comment-form-url{ display: none;}
p.comment-form-cookies-consent{ font-weight: 700; font-size: 15px;}

.comment-respond input#submit { background-color: #337ACC; color: #f4f7fa; letter-spacing: -.6px; padding: 20px 35px; font-weight: 700; font-size: 17px;  border-radius: 8px; border: none; cursor: pointer; transition: .3s; box-shadow: none; width: auto;}


#commentform input:not([type=submit]):not([type=checkbox]) { height: 50px; padding: 0 20px; color: var(--text-color); font-size: 16px;}
#commentform textarea, #commentform input:not([type=submit]):not([type=checkbox]) { border-radius: 8px; border: 1px solid #e7e9ed; background-color: #fff; width: 100%; transition: .3s; margin-bottom: 0;}

.comment-respond .comment-form p .comment-form-comment textarea:focus-visible{ outline-color:#337acc;}
.comment-respond .comment-form p .comment-form-author input[type=submit]:focus{ border-color: #337acc;}
.comment-respond .comment-form p .comment-form-email input:focus{ border-color: #337acc;}

.page-content p{ color: #f5f5f5; margin-bottom: 50px;}
.page-content{ margin-bottom: 50px; }
.page-content form label input{padding: 10px 30px; border: 2px solid #ffffff; border-radius: 21px; background: #337ACC; color: #ffffff;} 
.page-content form input{ padding: 10px 25px; border: 2px solid #ffffff; border-radius: 21px; background: #337ACC; color: #ffffff;} 
form.comment-form{ padding-bottom: 60px;}

/*****Leadsquared Integration*****/
.leadsquared-bg-img-inner{ width: 50%; height: auto; position: absolute; display: block}
.leadsquared-bg-img-inner img{ width: 100%; height: auto; display: block;}
.leadsquared-growth-bg{ position: relative;}
.growth-left{ width: 45%; margin-right: 30px;}
.growth-left-inner{ padding-top: 60px;}
.growth-left-inner h2{ font-size: 36px; color: #000000; line-height: 62px; font-weight: 600; margin-bottom: 5px;}
.growth-left-inner h3{ font-size: 36px; color: #000000; line-height: 62px; font-weight: 600; margin-bottom: 12px;}
.growth-left-inner h2 span{ font-size: 48px; color: #2b6cb0;}
.growth-left-inner p{ margin-bottom: 35px;}
.growth-right{ width: 55%;}
.row-reverse{ flex-direction: row-reverse;}
.growth-right-inner{ width: 100%; height: auto; display: block; padding-top: 20px;}
.trans-bg-btn{ display: inline-block; margin-left: 30px; cursor: pointer;}
.trans-bg-btn a{color: #337ACC; font-family: 'Inter', sans-serif; padding: 10px 30px; font-weight: 900;}
.orange-arrow img{ width: 100%; height: auto; display: block;}
.growth-right-img img{ width: 90%; height: auto; display: block;  position: relative; top: 80px; right: -10px;}
.growth-right-img{ width: 100%; height: auto; display: block; position: relative; z-index: 2;}
.orange-arrow{ width: 110px; height: 50px; display: block; z-index: 2; position: relative; inset: 0; left: -40px; top: 135px;}
.growth-right-img::before{ content:''; background-image: url("https://chat360.io/wp-content/uploads/2022/12/Shape.png"); background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; position: absolute; width: 422px; height: 419px; display: block; inset: 0; z-index: -1; top: -30px; left: 190px;}


.leadsquared-business-head{ position: relative;}
.leadsquared-section-ttl{ text-align: center; margin-bottom: 30px;}
.leadsquared-section-ttl h2{ color: #000000; font-family: 'Inter', sans-serif; font-size: 40px; font-weight: 600; margin-bottom: 30px;}
.leadsquared-section-ttl h3 span{ display: inline-block;}
.leadsquared-section-ttl h3{ color: #000000; font-weight: 600; font-size: 40px; text-align: center;}
.leadsquared-section-ttl h3 span.chat360-lg{ margin-right: 10px;}
.leadsquared-section-ttl h3 span.leadsquared-lg{ margin: 0 10px;}
.leadsquared-section-ttl h3 span.chat360-lg img{width: 170px; height: auto;}
.leadsquared-section-ttl h3 span.leadsquared-lg img{width: 200px; height: auto;}
.square-dot{width: 100px; height: 100px; display: block; position: absolute; left: 315px; bottom: 175px;}
.square-dot img{ width: 100%; height: auto; display: block;}
.leadsquared-business-head section{ padding-bottom: 0 !important;}
.leadsquared-section-ttl p.business-content{ width: 71%; text-align: center; margin: 0 auto;}


.leadsquared-bg-grey{ background-image: url("https://chat360.io/wp-content/uploads/2022/svg/Vector_1578.svg"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.leadsquared-team-img{ width: 50%; height: auto; display: block;}
.leadsquared-team-img-inner{ width: 70%; height: auto; display: block; }
.leadsquared-team-img img{ width: 100%; height: auto; display: block; }
.leadsquared-team-content{ width: 50%; height: auto; display: block; margin-top: 50px; color: #434343; }
.leadsquared-team.left-align .leadsquared-team-img-inner{ margin-left: 25%;}
.market-products-head .leadsquared-team-content{ margin-top: 0;}
.leadsquared-team-content h4{ font-size: 27px; font-weight: 600; color: #434343;}
.leadsquared-team-content ul{ padding: 0 0 0 20px;} 
.leadsquared-team-content ul li{ margin-bottom: 10px;}
.leadsquared-wave .leadsquared-team-content{ margin-top: -20px;}
.top-notch-wave{ background-image: url("https://chat360.io/wp-content/uploads/2022/svg/Lines.png"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.square-dot-one img{ width: 100%; height: auto; display: block;}
.square-dot-one{width: 100px; height: 100px; display: block; position: relative; right: -280px; top: 40px; }
.square-dot-two img{ width: 100%; height: auto; display: block;}
.square-dot-two{width: 100px; height: 100px; display: block; position: relative; bottom: -65px; right: 25px;}
.square-dot-three img{ width: 100%; height: auto; display: block;}
.square-dot-three{width: 100px; height: 100px; display: block; position: relative; bottom: -170px; right: -450px;}
.square-dot-four img{ width: 100%; height: auto; display: block;}
.square-dot-four{width: 100px; height: 100px; display: block; position: relative; bottom: -35px; left: -40px;}
.square-dot-five img{ width: 100%; height: auto; display: block;}
.square-dot-five{width: 100px; height: 100px; display: block; position: relative; bottom: -165px; right: -490px;}
.track-analyse .leadsquared-team .leadsquared-team-content{ margin-top: 0;} 
.leadsquared-team{ margin-bottom: 30px;}


.integration-steps{ padding-top: 50px; width: 50%; display: block; height: auto;}
.integration-steps h5{ font-family: 'Inter', sans-serif; font-size: 22px; font-weight: 500; line-height: 30px; color: #000000; margin-bottom: 20px;}
.integration-steps ul{ padding-left: 20px;}
.existing-user, .new-user{ margin-left: 40px;}
.existing-head{ margin-bottom: 40px;}
.existing-user{ width: 100%; height: auto; display: block; }
.existing-user img{ width: 100%; height: auto; display: block; }
.new-user img{ width: 100%; height: auto; display: block;}
.new-user{ width: 100%; height: auto; display: block; margin-bottom: 50px;}
.existing-content{ margin-left: 55px; position: relative; bottom: -80px; }
.existing-content h4{ font-size: 20px; margin-bottom: 10px;}
.existing-content h6{ font-family: 'Sacramento', cursive; font-size: 25px; font-weight: 400; color: #000000;}
.new-content h6{ font-family: 'Sacramento', cursive; font-size: 25px; font-weight: 400; color: #000000;}
.new-content{ margin-left: 68px; position: relative; bottom: -65px;}
.integration-steps li{ margin-bottom: 5px; line-height: 28px;}
.mobile-user-img{ display: none;}


.integration-solution{ background-color: #337ACC; border-radius: 15px; display: block; position: relative; margin-bottom: 50px;}
.integration-solution-ttl{ text-align: center; padding: 60px 0;}
.integration-solution-ttl h3{ font-size: 30px; font-weight: 600; line-height: 36px; color: #ffffff;}
.integration-solution .orange-btn{ position: relative; z-index: 2;}
.orange-btn{ display: inline-flex; cursor: pointer;}
 a.orange-btn-text{  background-color: #FF8E4A; border-radius: 5px; padding: 12px 30px; box-shadow: 0px 95px 38px rgba(0, 0, 0, 0.01), 0px 53px 32px rgba(0, 0, 0, 0.05), 0px 24px 24px rgba(0, 0, 0, 0.09), 0px 6px 13px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1); font-family: 'Inter', sans-serif; color: #ffffff;  text-transform: capitalize;  font-size: 16px; font-weight: 600; transition: .4s;}
a.orange-btn-text:hover { transform: translateY(-8px);}
.blue-left-wave{ width: 50%; height: auto; display: block; position: absolute; right: 0; top: -10px;}
.blue-left-wave img{ width: 100%; height: auto; display: block;}


.leadsquared-video-bg{  background-image: url("https://chat360.io/wp-content/uploads/2022/svg/Vector_1581.svg"); background-position:  top center; background-repeat: no-repeat; background-size: cover; padding-bottom: 70px;}
.leadsquared-sec-ttl{ text-align: center; margin-bottom: 30px; margin-top: 30px;}
.leadsquared-sec-ttl h2{ font-family: 'Inter', sans-serif; font-size: 40px; font-weight: 600; color: #000000; line-height: 60px;}
.leadsquared-sec-ttl h2 span{ color: #337ACC;}
.video-box{ padding: 70px 0;}
.leadsquared-video-head{position: relative; width: 100%; min-height:512px; display: block; margin: 0 auto; z-index: 1; border-radius: 12px;}
.leadsquared-video-head:before { content:''; position:absolute; inset:0; width:100%; height: 100%; background-color:rgba(0, 0, 0, 0.6); z-index:1; border-radius: 12px;}
.leadsquared-video-head img{ width: 100%; height: auto; display: block; border-radius: 12px;}
.live-video { position:absolute; top:-45px; bottom:0; left:0; right:0; text-align:center; }
.live-video a { position:absolute; width:100px; height:100px; margin:0 auto; left:0; right:0; display:inline-flex; align-items:center; justify-content: space-around; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:2;}
.live-video a:before { content:''; display:block; position:absolute; border-radius:100%; background-color:#ffffff; z-index:-1; width:140px; height:140px; top:50%; left:50%; right:0px; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.live-video a:after { content:''; display:block; position:absolute; border-radius:100%; background-color:#ffffff; z-index:-1; -webkit-animation:video-toggle-animate 1.9s linear 0s infinite; animation:video-toggle-animate 1.9s linear 0s infinite; left:50%; margin:0 auto; top:50%; right:0px; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); }
.live-video i { font-size:2.5em; color:#337ACC;}
.video-container { opacity:0; position:absolute; inset:0; width:100%; height:100%;}
.video-container iframe{ width: 100%; height: 100%; display: block;}

.manifolds-head{ text-align: center; margin: 0 auto; position: relative; top: -60px;}
.manifolds-ttl{ text-align: center; margin-bottom: 30px;}
.manifolds-ttl h3{ font-family: 'Inter', sans-serif; font-size: 40px; font-weight: 600; color: #000000; margin-bottom: 0 !important;}
.manifolds-ttl h3 span{ color: #337ACC;}
.zigzag-wave{ width: 110px; height: 10px; display: block; position: absolute; right: 310px;}
.zigzag-wave img{ width: 100%; height: auto; display: block;}
.manifolds-ttl .orange-btn{ margin-top: 75px;}


.faq-head section{ padding-top: 0;}
.faq-head-inner{background-image: url("https://chat360.io/wp-content/uploads/2022/svg/Lines.png"); background-position: center; background-repeat: no-repeat; background-size: cover;}
.faq-left{ width: 40%; height: auto; display: block; margin-right: 50px;}
.faq-left h3{ font-size: 35px; line-height: 65px;}
.faq-left h3 span{ color: #337ACC; font-size: 60px;} 
.faq-left-img{ width: 100%; height: auto; display: block;}
.faq-left-img img{ width: 100%; height: auto; display: block; margin: 0 auto;}
.faq-right{ width: 55%; height: auto; display: block; padding-top: 130px;}
.faq-right .head h6{ font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 600; color: #000000; margin-bottom: 0;}
#accordion-1{ border-bottom: 1px solid #CECECE; position: relative}
#accordion-1 .head{ color: #000000; cursor: pointer; transition: 0.2s ease; display: flex; justify-content: space-between; align-items: center; padding: 15px 10px;}
#accordion-1 .arrow{ padding: 0px 35px 0 20px; color: #000000; font-size: 20px; transition: 0.25s ease; opacity: 0.3; transform: rotate(-90deg);}
#accordion-1 .head:hover .arrow{ opacity: 1;}
#accordion-1 .arrow-animate{ transform: rotate(0deg); opacity: 1;}
#accordion-1 .content{ display: none; padding: 0 10px 0 10px; color: #000000;}
#accordion-1 .head p{ margin-bottom: 0;}
#accordion-1 .content p span a{ color: #337ACC;}


/** Shopify Page **/
.growth-right-shopify{ width: 55%;}
.leadsquared-section-ttl h3 span.shopify-lg img{ width: 180px; height: auto;}
.growth-left-inner h2 span.shopify-ttl{ color: #95BF47;}
.growth-right-inner-shopify{ width: 100%; height: auto; display: block;}
.shopify-right-img{ width: 100%; height: auto; display: block;}
.shopify-right-img img{ width: 100%; height: auto; display: block;}
.zigzag-shopify{ width: 120px; height: 50px; display: block; position: relative; inset: 0; left: -140px; top: -30px;}
.zigzag-shopify img{ width: 100%; height: auto; display: block;}
.leadsquared-sec-ttl h2 span.video-shopify-ttl{ color: #95BF47;}
.shopify-existing-content{bottom: 0; margin-top: 60px;}
.shopify-team-img-inner{ width: 100%; height: auto; display: block;}


/** Google sheet Page**/
.leadsquared-sec-ttl h2 span.google-sheet-video-ttl{ color: #17A05D;} 
.leadsquared-section-ttl p.business-content-sheet{ width: 57%; text-align: center; margin: 0 auto; margin-bottom: 70px;}
.leadsquared-section-ttl h3 span.sheet-lg{margin: 0 10px 0 20px;}
.leadsquared-section-ttl h3 span.sheet-lg img{ width: 200px; height: auto;}
.growth-right-sheet{ width: 50%;}
.growth-right-inner-sheet{ width: 100%; height: auto; display: block;}
.growth-right-img-sheet{ width: 100%; height: auto; display: block;}
.growth-right-img-sheet img{ width: 100%; height: auto; display: block;}
.orange-dot-zigzag img{ width: 100%; height: auto; display: block;}
.orange-dot-zigzag{ width: 110px; height: 50px; display: block; position: relative; inset: 0; left: -140px; top: -50px;}
.growth-left-sheet{ width: 50%;}
.growth-left-inner-sheet{ padding-top: 60px;}
.growth-left-inner-sheet h2{ font-size: 36px; color: #000000; line-height: 62px; font-weight: 600; margin-bottom: 15px;}
.growth-left-inner-sheet h2 span{ font-size: 48px; color: #17A05D;}
.growth-left-inner-sheet p{ margin-bottom: 35px;}
.leadsquared-bg-grey .sheet-content{ margin-top: 0;}


/**Google Dialogflow Integration**/
.growth-left-inner-sheet h2{ font-size: 36px; color: #000000; line-height: 62px; font-weight: 600; margin-bottom: 15px;}
.growth-left-inner-sheet h2 span.google-left-ttl{ color: #757575;} 
.growth-left-inner-sheet h2 span.google-dia-left-ttl{ color: #EF6C00;} 
.leadsquared-sec-ttl h2 span.dialogflow-video-ttl{ color: #EF6C00;} 
.leadsquared-section-ttl h3 span.dialogflow-lg{margin-left: 15px;}
.leadsquared-section-ttl h3 span.dialogflow-lg img{width: 200px; height: auto;}
.leadsquared-section-ttl p.business-content-dialogflow{ width: 70%; text-align: center; margin: 0 auto; margin-bottom: 70px;}
.leadsquared-bg-grey .dialogflow-content{ margin-top: 30px;}
.existing-head .dialogflow-step-inte{ bottom: 0; margin-top: 60px; margin-bottom: 30px;}


/**Setu Integration**/
.growth-left-inner-sheet h2 span.setu-hero-sec-ttl{ color: #337ACC;} 
.leadsquared-section-ttl h3 span.setu-lg img{width: 125px; height: auto;}
.leadsquared-section-ttl h3 span.setu-lg{ margin: 0 10px 0 15px;} 
.leadsquared-section-ttl p.business-content-setu{ width: 70%; text-align: center; margin: 0 auto;}
.leadsquared-sec-ttl h2 span.setu-video-ttl{ color: #20014B;} 


/**Gmail Integration**/
.growth-left-inner-sheet h2.gmail-left-ttl span{ color: #F77D48;} 
.leadsquared-section-ttl h3 span.gmail-lg img{width: 135px; height: auto;}
.leadsquared-section-ttl h3 span.gmail-lg{ margin: 0 10px 0 15px;} 
.leadsquared-section-ttl p.business-content-gmail{ width: 70%; text-align: center; margin: 0 auto;}
.leadsquared-sec-ttl h2 span.gmail-video-ttl{ color: #F77D48;} 


/**Stripe Integration**/
.growth-left-inner-sheet h2.stripe-left-ttl span{ color: #635BFF;} 
.leadsquared-section-ttl h3 span.stripe-lg img{width: 120px; height: auto;}
.leadsquared-section-ttl h3 span.stripe-lg{ margin: 0 10px 0 15px;} 
.leadsquared-section-ttl p.business-content-stripe{ width: 65%; text-align: center; margin: 0 auto; margin-bottom: 70px;}
.leadsquared-sec-ttl h2 span.stripe-video-ttl{ color: #635BFF;} 
.leadsquared-bg-grey .stripe-content{ margin-top: -50px;}
.leadsquared-wave .leadsquared-team-content.stripe-wave-content{ margin-top: -55px;}
.leadsquared-team.stripe-team-box{ margin-top: 90px;}



/**Razorpay Integration**/
.growth-left-inner-sheet h2.razorpay-left-ttl span{ color: #072654;} 
.growth-left-inner-sheet p.razorpay-hero-sec-content{width: 85%;}
.leadsquared-section-ttl h3 span.razorpay-lg img{width: 200px; height: auto;}
.leadsquared-section-ttl h3 span.razorpay-lg{ margin: 0 10px 0 15px;} 
.leadsquared-section-ttl p.business-content-razorpay{ width: 55%; text-align: center; margin: 0 auto;}
.leadsquared-sec-ttl h2 span.razorpay-video-ttl{ color: #072654;} 




.waitlist-head{ width: 800px; margin: 0 auto; text-align: center; display: block;}
.waitlist-icon{ width: 80%; height: auto; display: block; margin: 0 auto;}
.waitlist-icon img{ width: 100%; height: auto; display: block;}
.waitlist-ttl{ margin-top: 30px;}
.waitlist-ttl h1{ font-size: 55px;
  font-weight: 900;
  font-family: 'Inter';
  line-height: 65px;
  margin-bottom: 25px;}
.waitlist-ttl h5{ margin-bottom: 40px;}
.waitlist-form p label{ display: block; text-align: initial; font-weight: 600;}
.waitlist-form p label span input{ display: block; width: 100%; border-radius: 6px; padding-left: 12px;}
.waitlist-form p label span textarea{ display: block; width: 100%; height: 200px; border-radius: 6px; padding-left: 12px; border: 2px solid #000000;}
.waitlist-form p input.wpcf7-form-control.has-spinner.wpcf7-submit{ display: block; font-weight: 600; background-color: #337acc; border-color: #337acc; padding: 10px 40px; border-radius: 6px; color: #ffffff; margin-top: 50px;}
.waitlist-form p span select.wpcf7-form-control.wpcf7-select{ width: 100%; padding: 7px; border: 2px solid #000000; border-radius: 6px;}


div .button-section{
  display: flex;
  justify-content: center;
  margin-top:50px;
}