/*
Theme Name: Quanto
Theme URI: http://wpdemo2.oceanthemes.net/quanto
Author: OceanThemes
Author URI: http://oceanthemes.net/
Description: Quanto is the most comprehensive and flexible WordPress website template, for any kind of business website. With ready to use web page layout design and use as many of our pre-configured pages as you like.
Version: 1.1.1
License: GNU General Public License v2+
License http://www.gnu.org/licenses/gpl-2.0.html.owl-theme .owl-dots .owl-dot:hover span
Text Domain: quanto.text-animation
Domain Path: /languages/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  font-family:'Outfit', sans serif;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* h1 {
  font-size: 2em;
  margin: 0.67em 0;
} */


/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/*.banner-left-text h1{*/
/*	text-align:left !important;*/
/*}*/

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  border-top: 1px solid rgb(235, 237, 252);
  border: 0;
  margin-bottom: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

.none-style {
  list-style: none;
  padding-left: 0;
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

caption {
  padding: 0;
  font-weight: normal;
  text-align: left;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Top Bar
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Logo
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Page Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

img.img-fluid.banner-bg-img {
    width: 100%;
    background-size: cover;
    height: 660px;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Responsive Blog
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery-caption {
  display: block;
}

.gallery {
  margin-bottom: 1.5em;
  margin-left: -7px;
  margin-right: -7px;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0;
  padding: 7px;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/*--------------------------------------------------------------
# VC Shortcodes
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Visual Composer
--------------------------------------------------------------*/
.vc_row-full-width .vc_row {
  margin: 0;
}

.vc_row-no-padding .vc_row .vc_column-inner {
  padding-left: 0;
  padding-right: 0;
}

.container .container {
  width: 100%;
  padding: 0;
}

/*Equal height*/
@media only screen and (min-width: 768px) {
  .wpb_row.vc_row-o-equal-height .vc_column_container {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
  }

  .wpb_row.vc_row-o-equal-height > .vc_row {
    width: 100%;
    margin: 0;
  }

  .wpb_row.vc_row-o-equal-height .vc_row {
    box-sizing: border-box;
    flex-wrap: wrap;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
  }

  _::-webkit-full-page-media, _:future, :root .wpb_row.vc_row-o-equal-height .vc_row {
    display: -webkit-box;
    display: -webkit-flex;
  }

  .wpb_row.vc_row-o-equal-height .vc_column_container {
    -moz-box-align: stretch;
    align-items: stretch;
  }

  .wpb_row.vc_row-o-content-middle .vc_column_container .vc_column-inner {
    -moz-box-pack: center;
    justify-content: center;
  }

  .wpb_row.vc_row-flex .vc_column_container:not(.bg-center) .vc_column-inner {
    -moz-box-flex: 1;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    background-position: top !important;
  }

  .wpb_row.vc_row-o-content-bottom .vc_column_container .vc_column-inner {
    -moz-box-pack: end;
    justify-content: flex-end;
  }

  .wpb_row.vc_row-o-content-top .vc_column_container .vc_column-inner {
    -moz-box-pack: start;
    justify-content: flex-start;
  }
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 404
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media (min-width: 992px) {
  .lg-hidden {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .md-hidden {
    display: none;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .sm-hidden {
    display: none;
  }
}

/*# sourceMappingURL=style.css.map */


/*-------------------------------------------------------------------
1. Typography
-------------------------------------------------------------------*/


body {font-family: "Outfit", Sans-serif; font-style: normal; font-weight: normal; font-size: 16px; line-height: 27px; color: #808294; -webkit-font-smoothing: antialiased; background: #f8f8fb; overflow-x: hidden;}
.body-bg { background-color: #fbfbfc; }
.boxed-layout-wrapper {
    margin: 0px auto;
    background-color: #fff;
    max-width: 1360px;
    position: relative;
    z-index: 0;
}
 h2, h3, h4, h5, h6 { color: #181825; margin: 0px 0px 15px 0px; }
/* h1 { font-size: 42px; line-height: 54px; letter-spacing: -1px; } */
h2 { font-size: 34px; line-height: 44px; letter-spacing: -1px; }
h3 { font-size: 26px; line-height: 33px; letter-spacing: -1px; }
h4 { font-size: 20px; line-height: 31px; }
h5 { font-size: 16px; line-height: 21px; }
h6 { font-size: 13px; line-height: 21px; }
.h2 { font-size: 35px; line-height: 48px; letter-spacing: -1px; }
.h3, h3 {
    font-size: 26px;
    line-height: 38px;
}
p { margin: 0px 0px 24px 0px; }
p:last-child { margin: 0px; }
a { color: #3544ee; }
a:hover { color: #202db8; text-decoration: none; }
a:active, a:hover { outline: 0; text-decoration: none; }
a.text-primary:focus, a.text-primary:hover {
    color: #202db8!important;
}
ol, ul { }
ol li, ul li { }
.lead { font-size: 21px; line-height: 32px; color: #181825; }
.z-index-0 { z-index: 0; }
::selection { background: rgba(255, 244, 147, .8); color: #272c30; }


hr {margin-top: 1rem;margin-bottom: 1rem;border: 0;border-top: 1px solid rgb(235, 237, 252);}
small { font-size: 14px; }
html body .font-16 { font-size: 16px; }
html body .font-12 { font-size: 12px; }
html body .font-15 { font-size: 15px; }
html body .font-14 { font-size: 14px; }
html body .font-10 { font-size: 10px; }
html body .font-18 { font-size: 18px; }
html body .font-20 { font-size: 20px; }
html body .font-21 { font-size: 21px; }
html body .font-22 { font-size: 22px; }
html body .font-24 { font-size: 24px; }
html body .display-4 { font-size: 60px; line-height: 70px; }
html body .display-5 { font-size: 3rem; }
html body .display-6 { font-size: 2.5rem; }
html body .display-7 { font-size: 2rem; }

/*-------------------------------------------------------------------
2. Forms
-------------------------------------------------------------------*/
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-size: 16px; color: #181825; }
.form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; height: 50px; color: #303443; background-color: #ffffff; background-image: none; border: 1px solid #d5d6e3; border-radius: 4px; }
.form-control:focus { color: #9597a9; background-color: #fff; border-color: #7976fe; outline: 0; box-shadow: 0 0 0 0.2rem rgba(215, 218, 252, .5); }
input[type=file] { color: #808294; background-color: #fff; border-color: #a7a7f0; outline: 0; box-shadow: 0 0 0 0.1rem rgba(214, 214, 255, .75); }
.col-form-label { font-size: 15px; }
input { }
button { }
button:focus { outline: 0; }
input::-webkit-input-placeholder { color: #808294 !important; }
input:focus::-webkit-input-placeholder { color: #3544ee !important; }
textarea::-webkit-input-placeholder { color: #808294 !important; }
textarea:focus::-webkit-input-placeholder { color: #3544ee !important; }
button.btn { }
button.btn-default { }
button.btn-primary { }
address { }
.form-group { margin-bottom: 12px; }
.form-control-lg { padding: 12px; }
.custom-select { display: inline-block; width: 100%; height: 50px; padding: .375rem 1.75rem .375rem .75rem; line-height: 1.5;    /* color: #495057; */ vertical-align: middle; border-radius: 2px; font-size: 14px; color: #9597a9; border: 1px solid #ceced8; background-color: #fbfbff; }
.custom-select:focus { color: #9597a9; border-color: #d0d1df; outline: 0; box-shadow: 0 0 0 0.1rem rgba(208, 209, 223, .5); background-color: #fff; }
.custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { background-color: #01d486; border-color: #01d486; }
.custom-control-input:checked~.custom-control-label::before { color: #ffffff; background-color: #01d486; border-color: #01d486; }
.custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 2px solid #c6c6d1; }
.select-form-input { padding: 14px; background-color: #3544ee; border: transparent; border-bottom: 2px solid #fff; color: #fff; }

/*-------------------------------------------------------------------
3. Components
-------------------------------------------------------------------*/

/*--------------------  DropCap ---------------------*/
.dropcap-v1 { }
.dropcap-v1 p:first-letter { float: left; font-size: 75px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; color: #181825; }
.dropcap-v2 { }
.dropcap-v2 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; background-color: #181825; border: 5px solid #181825; color: #fff; padding: 16px; border-radius: 6px; }
.dropcap-v3 { }
.dropcap-v3 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; border: 5px solid #181825; background-color: transparent; color: #181825; padding: 16px; border-radius: 6px; }
.dropcap-v4 { }
.dropcap-v4 p:first-letter { float: left; font-size: 75px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; background-color: transparent; color: #3544ee; }
.dropcap-v5 { }
.dropcap-v5 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; background-color: #3544ee; border: 5px solid #3544ee; color: #fff; padding: 16px; border-radius: 6px; }
.dropcap-v6 { }
.dropcap-v6 p:first-letter { float: left; font-size: 52px; line-height: .7em; margin-top: .15em; margin-right: 25px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; border: 5px solid #3544ee; background-color: transparent; color: #3544ee; padding: 16px; border-radius: 6px; }

/* -----------------------  Buttons -------------------------*/
.btn { font-size: 16px; padding: 11px 21px; border-radius: 4px; overflow: hidden; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; transition: .3s ease;}

/*--- btn default --*/
.btn-brand { color: #fff; background-color: #01d486; border-color: #01d486; }
.btn-brand:hover { color: #fff; background-color: #08b072; border-color: #08b072; }
.btn-brand.focus, .btn-brand:focus { color: #fff; background-color: #08b072; border-color: #08b072; box-shadow: none; }

/*--- btn primary --*/
.btn-primary { color: #fff; background-color: #3544ee; border-color: #3544ee; }
.btn-primary:hover { color: #fff; background-color: #2834bd; border-color: #2834bd; }
.btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #2834bd; border-color: #2834bd; box-shadow: 0 0 0 1px rgb(40, 52, 189); }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 1px rgb(40, 52, 189); }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #2834bd; border-color: #2834bd; }

/*--- btn secondary --*/
.btn-secondary { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; }
.btn-secondary:hover { color: #fff; background-color: #ea5132; border-color: #ea5132; }
.btn-secondary.focus, .btn-secondary:focus { color: #fff; background-color: #ea5132; border-color: #ea5132; box-shadow: 0 0 0 1px rgb(234, 81, 50); }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #ea5132; border-color: #ea5132; }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem rgb(234, 81, 50); }

/*--- btn success --*/
.btn-success { color: #fff; background-color: #2ec551; border-color: #2ec551; }
.btn-success:hover { color: #fff; background-color: #21ae41; border-color: #21ae41; }
.btn-success.focus, .btn-success:focus { color: #fff; background-color: #21ae41; border-color: #21ae41; box-shadow: 0 0 0 1px rgb(18, 158, 50); }
.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #21ae41; border-color: #21ae41; }

/*--- btn danger --*/
.btn-danger { color: #fff; background-color: #ef172c; border-color: #ef172c; }
.btn-danger:hover { color: #fff; background-color: #da0419; border-color: #da0419; }
.btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #da0419; border-color: #da0419; box-shadow: 0 0 0 1px rgb(218, 4, 25); }
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #da0419; border-color: #da0419; }

/*--- btn warning --*/
.btn-warning { color: #2e2f39; background-color: #ffc108; border-color: #ffc108; }
.btn-warning:hover { color: #2e2f39; background-color: #f3b600; border-color: #f3b600; }
.btn-warning.focus, .btn-warning:focus { color: #2e2f39; background-color: #f3b600; border-color: #f3b600; box-shadow: 0 0 0 1px rgb(238, 182, 0); }
.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle { color: #2e2f39; background-color: #f3b600; border-color: #f3b600; }

/*--- btn info --*/
.btn-info { color: #fff; background-color: #25d5f2; border-color: #25d5f2; }
.btn-info:hover { color: #fff; background-color: #17c0dc; border-color: #17c0dc; }
.btn-info.focus, .btn-info:focus { color: #fff; background-color: #17c0dc; border-color: #17c0dc; box-shadow: 0 0 0 1px rgb(238, 184, 22); }
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #17c0dc; border-color: #17c0dc; }

/*--- btn light --*/
.btn-light { color: #71738d; background-color: #f0f0f8; border-color: #f0f0f8; }
.btn-light:hover { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; }
.btn-light.focus, .btn-light:focus { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; box-shadow: 0 0 0 1px rgb(215, 215, 223); }

/*--- btn dark --*/
.btn-dark { color: #fff; background-color: #2e2f39; border-color: #2e2f39; }
.btn-dark:hover { color: #2e2f39; background-color: #d7d7df; border-color: #d7d7df; }
.btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #d7d7df; border-color: #d7d7df; box-shadow: 0 0 0 1px rgb(46, 47, 57); }

/*--- btn outline brand --*/
.btn-outline-brand { color: #01d486; background-color: transparent; border-color: #01d486; }
.btn-outline-brand:hover { color: #fff; background-color: #01d486; border-color: #01d486; }
.btn-outline-brand.focus, .btn-outline-brand:focus { color: #01d486; background-color: transparent; border-color: #01d486; box-shadow: 0 0 0 1px rgb(1, 212, 134); }

/*--- btn outline primary --*/
.btn-outline-primary { color: #3544ee; background-color: transparent; border-color: #3544ee; }
.btn-outline-primary:hover { color: #fff; background-color: #3544ee; border-color: #3544ee; }
.btn-outline-primary.focus, .btn-outline-primary:focus { color: #fff; background-color: #3544ee; border-color: #3544ee; box-shadow: 0 0 0 1px rgb(53, 68, 238); }

/*--- btn outline secondary --*/
.btn-outline-secondary { color: #ff5e3e; background-color: transparent; border-color: #ff5e3e; }
.btn-outline-secondary:hover { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; }
.btn-outline-secondary.focus, .btn-outline-secondary:focus { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; box-shadow: 0 0 0 1px rgb(255, 94, 62); }
.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #ff5e3e; border-color: #ff5e3e; }
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1rem rgb(255, 94, 62); }

/*--- btn outline success --*/
.btn-outline-success { color: #2ec551; background-color: transparent; border-color: #2ec551; }
.btn-outline-success:hover { color: #fff; background-color: #2ec551; border-color: #2ec551; }
.btn-outline-success.focus, .btn-outline-success:focus { color: #fff; background-color: #2ec551; border-color: #2ec551; box-shadow: 0 0 0 1px rgb(40, 167, 69); }

/*--- btn outline danger --*/
.btn-outline-danger { color: #ef172c; background-color: transparent; border-color: #f03c4d; }
.btn-outline-danger:hover { color: #fff; background-color: #ef172c; border-color: #ef172c; }
.btn-outline-danger.focus, .btn-outline-danger:focus { color: #fff; background-color: #ef172c; border-color: #ef172c; box-shadow: 0 0 0 1px rgb(239, 23, 44); }
.btn-outline-danger-light { color: #ef172c; background-color: #ffecec; border-color: #fedddd; }
.btn-outline-danger-light:hover { color: #fff; background-color: #ef172c; border-color: #ef172c; }
.btn-outline-danger-light.focus, .btn-outline-danger-light:focus { color: #fff; background-color: #ef172c; border-color: #ef172c; box-shadow: 0 0 0 1px rgb(239, 23, 44); }

/*--- btn outline warning --*/
.btn-outline-warning { color: #2e2f39; background-color: transparent; border-color: #ffc108; }
.btn-outline-warning:hover { color: #2e2f39; background-color: #ffc108; border-color: #ffc108; }
.btn-outline-warning.focus, .btn-outline-warning:focus { color: #2e2f39; background-color: #ffc108; border-color: #ffc108; box-shadow: 0 0 0 1px rgb(255, 193, 8); }

/*--- btn outline info --*/
.btn-outline-info { color: #25d5f2; background-color: transparent; border-color: #25d5f2; }
.btn-outline-info:hover { color: #fff; background-color: #25d5f2; border-color: #25d5f2; }
.btn-outline-info.focus, .btn-outline-info:focus { color: #fff; background-color: #25d5f2; border-color: #0998b0; box-shadow: 0 0 0 1px rgb(238, 184, 22); }

/*--- btn outline light --*/
.btn-outline-light { color: #7171a6; background-color: transparent; border-color: #e6e6f2; }
.btn-outline-light:hover { color: #808294 !important; background-color: #f0f0f8; border-color: #cacae0; }
.btn-outline-light.focus, .btn-outline-light:focus { color: #808294; background-color: #f0f0f8; border-color: #cacae0; box-shadow: 0 0 0 1px rgb(235, 235, 237); }

/*--- btn outline light --*/
.btn-outline-white { color: #fff; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); }
.btn-outline-white:hover { color: #353851 !important; background-color: #fff; border-color: #cacae0; }
.btn-outline-white.focus, .btn-outline-white:focus { color: #353851; background-color: #fff; border-color: #fff; box-shadow: 0 0 0 1px rgb(255, 255, 255); }

/*--- btn outline light --*/
.btn-white { color: #353851; background-color: #fff; border-color: rgba(255, 255, 255, 1); }
.btn-white:hover { color: #fff !important; background-color: #04d16f; border-color: #04d16f; }
.btn-white.focus, .btn-outline-white:focus { color: #fff; background-color: #04d16f; border-color: #04d16f; box-shadow: 0 0 0 1px rgb(4, 209, 111, 1); }

/*--- btn outline-dark --*/
.btn-outline-dark { color: #2e2f39; background-color: transparent; border-color: #2e2f39; }
.btn-outline-dark:hover { color: #fff; background-color: #2e2f39; border-color: #2e2f39; }
.btn-outline-dark.focus, .btn-outline-dark:focus { color: #fff; background-color: #2e2f39; border-color: #2e2f39; box-shadow: 0 0 0 1px rgb(46, 47, 57); }

/*--- btn size --*/
.btn-xs { padding: 4px 10px; font-size: 12px; }
.btn-sm { padding: 8px 18px; font-size: 14px; }
.btn-lg { padding: 11px 36px; font-size: 17px; }

/*--- btn brand link --*/
.btn-brand-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-brand-link:after { background-color: #01d486; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-brand-link:hover:after { background-color: #01d486; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-brand-link:hover { text-decoration: none; color: #181825; }

/*--- btn priamry link --*/
.btn-primary-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-primary-link:after { background-color: #3544ee; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-primary-link:hover:after { background-color: #3544ee; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-primary-link:hover { text-decoration: none; color: #181825; }

/*--- btn secondary link --*/
.btn-secondary-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-secondary-link:after { background-color: #fa5826; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-secondary-link:hover:after { background-color: #fa5826; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-secondary-link:hover { text-decoration: none; color: #181825; }

/*--- btn dark link --*/
.btn-dark-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-dark-link:after { background-color: #181825; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-dark-link:hover:after { background-color: #54545f; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-dark-link:hover { text-decoration: none; color: #181825; }

/*--- btn dark link --*/
.btn-light-link { color: #181825; display: inline-block; line-height: 1.25; padding-bottom: 4px; position: relative; font-size: 16px; z-index: 2; text-decoration: none; }
.btn-light-link:after { background-color: #808294; bottom: 0; content: ''; height: 2px; left: 0; position: absolute; transition: 300ms ease-in-out; width: 100%; z-index: -1; }
.btn-light-link:hover:after { background-color: #808294; height: 13px; transition-duration: 160ms; text-decoration: none; color: #181825; }
.btn-light-link:hover { text-decoration: none; color: #181825; }

/*--- btn primary arrow link --*/
.btn-primary-arrow-link { color: #3544ee; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-primary-arrow-link:hover { color: #2834bd; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-primary-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn brand arrow link --*/
.btn-brand-arrow-link { color: #01d486; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-brand-arrow-link:hover { color: #08b072; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-brand-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn secondary arrow link --*/
.btn-secondary-arrow-link { color: #fa5826; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-secondary-arrow-link:hover { color: #ea5132; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-secondary-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn dark arrow link --*/
.btn-dark-arrow-link { color: #181825; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-dark-arrow-link:hover { color: #282833; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-dark-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn dark arrow link --*/
.btn-light-arrow-link { color: #808294; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-light-arrow-link:hover { color: #5f606d; display: inline-block; line-height: 24px; font-size: 17px; text-decoration: none; }
.btn-light-arrow-link i { font-size: 10px; margin-left: 4px; }

/*--- btn social --*/
.btn-facebook { color: #fff; background-color: #3c73df; border-color: #3c73df; }
.btn-google-plus { color: #fff; background-color: #eb5e4c; border-color: #eb5e4c; }
.btn-twitter { color: #fff; background-color: #2caeff; border-color: #2caeff; }
.btn-instagram { color: #fff; background-color: #9361fa; border-color: #9361fa; }
.btn-pinterest { color: #fff; background-color: #c8232c; border-color: #c8232c; }

/*--- cropper document btn --*/
.btn-rounded { border-radius: 100px; }
.btn-circle { border-radius: 50%; }
.btn.btn-icon { height: 60px; width: 60px; padding: 0px; line-height: 3.8; }

/*--- Imgzoom hover effect ---*/
.zoomimg { position: relative; overflow: hidden; }
.zoomimg img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.zoomimg:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

/*----------- gray scale ------------*/
.gray-scale { -webkit-filter: grayscale(100%);    /* Safari 6.0 - 9.0 */ filter: grayscale(100%); }

/* ---------  Arrow List --------------  */
.arrow { position: relative; }
.arrow li { padding-left: 20px; line-height: 35px; }
.arrow li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #22de99; content: '\f058'; font-style: initial; }
.angle-right { position: relative; }
.angle-right li { padding-left: 18px; line-height: 30px; }
.angle-right li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #01d486; content: '\f105'; font-style: initial; }
.check { position: relative; }
.check li { padding-left: 24px; line-height: 30px; }
.check li:before {font-family: 'FontAwesome';font-weight: 900;display: inline-block;position: absolute;left: 0;font-size: 12px;color: #80829a;content: '\f00c';font-style: initial;}
.close-icon { position: relative; }
.close-icon li { padding-left: 24px; line-height: 30px; }
.close-icon li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 12px; color: #ec3636; content: '\f00d'; font-style: initial; }
.angle { position: relative; }
.angle li { padding-left: 20px; line-height: 30px; }
.angle li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #d2d3d8; content: '\f061'; font-style: initial; }
.plus-circle { position: relative; }
.plus-circle li { padding-left: 20px; line-height: 35px; }
.plus-circle li:before { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 0; font-size: 13px; color: #3544ee; content: '\f055'; font-style: initial; }


/*----- Bullet List -----*/
.bullet-list { }
.bullet-list ul { margin: 0px; padding: 0px; }
.bullet-list ul li { }
.divider-line { border: 1px solid transparent; }
.divider-dashed-line { border: 1px dashed transparent; }
.divider-primary { border-color: #032fdf; }
.divider-secondary { border-color: #fa5826; }
.divider-brand { border-color: #01d486; }
.divider-dark { border-color: #181825; }
.divider-light { border-color: #e0e0e6; }

/* -------------- Cards -------------------------*/
.card { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; }
.card-header { background-color: #fff; border-bottom: 1px solid #ebedfc; padding: 20px 30px; }
.card-title { }
.card-subtitle { font-size: 14px; }
.card-body { padding: 30px; }
.card-text { }
.card-footer { border-top: 1px solid #ebedfc; background: #f6f6ff; padding: 20px 30px; line-height: 1.8; }
.card-link { }
.card-outline { border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.card-outline .card-footer { border-top: 2px solid #ebedfc; padding: 18px 30px; }
.card-outline:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.card-content-overlay { position: absolute; bottom: 10px; left: 10px; padding: 1.25rem; }
.thumbnail-small-block { }
.thumbnail-small-block .card-body { padding: 20px; }

/* --------------- card-block ------------------------*/
.card-block { margin-bottom: 30px; }
.card-block-img { margin-bottom: 20px; }
.card-block-content { }
.card-block-head { border-bottom: 1px solid #f3f3f6; margin-bottom: 10px; }
.card-block-head-title { font-size: 21px; line-height: 28px; margin-bottom: 10px; }

/*-------------------- 
 Service Class
---------------------*/
.service-block { }
.service-block-header { }
.service-block-title { }
.service-block-subtitle { }
.service-block-icon { }
.service-block-content { }
.service-block-text { }
.service-block-footer { }
.service-block-link { }
.service-block-outline { }

/*------ service-block-v1 -------*/
.service-block-v1 { }
.service-block-v1.service-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.service-block-v1 .service-block-title { line-height: 38px; -moz-transition: all 0.3s; }
.service-block-v1 .service-block-content { padding: 30px; }
.service-block-v1 .service-block-icon { width: 167px; height: 167px; background-color: #f3f6ff; padding: 46px 44px; color: #3544ee; font-size: 70px; text-align: center; margin-top: 15px; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1.1; }
.service-block-v1 .service-block-text { }
.service-block-v1 .service-block-footer { background-color: #fff; border-top: 1px solid #ebedfc; padding: 20px 30px; line-height: 1.8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.service-block-v1.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }

/*------ service-block-v2 -------*/
.service-block-v2.service-block { -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; margin-bottom: 30px; text-align: center; padding: 30px; border: 1px solid transparent }
.service-block-v2 .service-block-icon { width: 167px; height: 167px; background-color: #f3f6ff; padding: 46px 44px; color: #3544ee; font-size: 70px; text-align: center; margin-top: 15px; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1.1; }
.service-block-v2 .service-block-content { }
.service-block-v2 .service-block-title { line-height: 38px; }
.service-block-v2 .service-block-text { }
.service-block-v2.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); border: 1px solid #ebedfc; }

/*------ service-block-v3 -------*/
.service-block-v3 { }
.service-block-v3.service-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; }
.service-block-v3 .service-block-title { margin-bottom: 10px; }
.service-block-v3 .service-block-content { padding: 40px; }
.service-block-v3 .service-block-icon { color: #3342e7; background-color: #f3f6ff; font-size: 32px; padding: 36px 30px; height: 103px; width: 103px; margin-left: auto; margin-right: auto; margin-bottom: 30px; text-align: center; }
.service-block-v3 .service-block-text { }
.service-block-v3.service-block:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: all .4s ease; transform: translate3D(0, -12px, 0) scale(1); }

/*------ service-block-v4 -------*/
.service-block-v4 { }
.service-block-v4.service-block { position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 40px; }
.service-block-v4 .service-block-title { margin-bottom: 10px; }
.service-block-v4 .service-block-content { }
.service-block-v4 .service-block-img { position: relative; z-index: 1; }
.service-block-v4 .service-block-text { font-size: 21px; line-height: 32px; }
.service-block-v4.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.service-block-v4 .service-content-list { display: table; margin-bottom: 10px; }
.service-block-v4 .service-content-list .service-first-list { float: left; padding-right: 20px; }

/*------ service-block-v6 -------*/
.service-block-v6 { }
.service-block-v6.service-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; }
.service-block-v6 .service-block-title { margin-bottom: 0px; }
.service-block-v6 .service-block-content { padding: 20px; }
.service-block-v6 .service-block-icon { font-size: 32px; padding: 36px 30px; height: 103px; width: 103px; text-align: center; margin-top: 15px; margin-bottom: 15px; margin-left: auto; margin-right: auto; line-height: 1.1; }
.service-block-v6.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.card-content-overlay { position: absolute; bottom: 10px; left: 10px; padding: 1.25rem; }

/*------ service-block-v5 -------*/
.service-space { padding-bottom: 250px !important; position: relative; text-align: center; }
.service-section-v5 { position: relative; z-index: 1; bottom: 254px; margin-bottom: -170px; }
.service-block-v5 { }
.service-block-v5.service-block { margin-bottom: 60px; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.service-block-v5 .service-block-title { margin-bottom: 5px; }
.service-block-v5 .service-block-content { background-color: #fff; padding: 30px; }
.service-block-v5 .service-block-img { position: relative; }
.service-block-v5 .service-block-icon { height: 72px; width: 72px; background-color: #acffd7; border-radius: 100%; font-size: 42px; padding: 21px 14px; color: #3847f1; position: absolute; right: 20px; bottom: -35px; }
.service-block-v5 .service-block-text { }
.service-block-v5 .service-block-footer { border-top: 1px solid #e7e7f2; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.service-block-v5 .service-block-footer-item { padding: 12px 23px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; display: inline-block; font-size: 16px; }
.service-block-v5.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.service-footer-item a { color: #181825; }
.loan-service-footer-item a:hover { color: #3847f1; }
.service-footer-item-bordered:not(:last-child) { border-right: 1px solid #e7e7f2; }

//*-------------------- 
Client Class
---------------------*/
.client-block { }
.client-block-title { }
.client-block-content { }
.client-block-img { }
.client-block-text { }

/*------ client-block-v1 -------*/
.card-deck .client-block-v1 { display: -ms-flexbox; display: flex; -ms-flex: 1 0 0%; flex: 1 0 0%; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; }
.client-block-v1 { }
.client-block-v1.client-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.client-block-v1 .client-block-title { }
.client-block-v1 .client-block-content { padding: 50px; }
.client-block-v1 .client-block-img { margin-bottom: 30px; }
.client-block-v1 .client-block-text { }
.client-block-v1.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }

/*------ client-block-v2 -------*/
.client-section-v2 { background-color: #fff; padding: 50px; }
.client-block-v2 { }
.client-block-v2.client-block { margin-bottom: 20px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 50px; }
.client-block-v2 .client-block-img { margin-bottom: 0px; }
.client-block-v2.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }

/*------ client-logo -------*/
.client-logo { padding: 15px; }
.client-logo-img { }


.client-logo-second { padding: 60px; background-color: #fff; text-align: center; border-radius: 6px; transition: .7s ease; margin-bottom: 30px; position: relative; cursor: pointer; }
.client-logo-second:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #fff; transition: .7s ease; }
.client-logo-second a { position: relative; display: inline-block; z-index: 1; }
.client-logo-second .main-img { position: relative; }
.client-logo-second .hover-img { position: absolute; top: 0; left: 0; opacity: 0; }
.client-logo-second:hover .hover-img { position: absolute; opacity: 1; transition: .7s ease; }

/*------ client-logo third -------*/

.client-logo-third { padding: 60px; background-color: transparent; text-align: center; border-radius: 6px;
 transition: .7s ease; margin-bottom: 30px; position: relative; cursor: pointer; border:1px solid #40424c;}
.client-logo-third:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
 -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16);
  background-color: #40424c; transition: .7s ease; border:1px solid #40424c; }
.client-logo-third a { position: relative; display: inline-block; z-index: 1; }
.client-logo-third .main-img { position: relative; }
.client-logo-third .hover-img { position: absolute; top: 0; left: 0; opacity: 0; }
.client-logo-third:hover .hover-img { position: absolute; opacity: 1; transition: .7s ease; }


/*------ client-block-v3 -------*/

.client-block-v3 { }
.client-block-v3.client-block { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #fff; text-align:center; margin-bottom: 50px;
 border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;  padding: 60px 30px 60px 30px;}
.client-block-v3 .client-block-content{}
.client-block-v3 .client-block-img { padding: 20px 60px 60px 60px;}

/*-------------------- 
 How it Works  Class
---------------------*/
.process-block { }
.process-block-icon { }
.process-block-content { }
.process-block-title { }
.process-block-text { }

/*-----------process v1 --------*/
.process-block-v1 { }
.process-block-v1.process-block {margin-bottom: 30px;position: relative;background-color: #fff;border-radius: 4px;transition: .4s ease;border: 1px solid transparent;}
.process-block-v1.process-block:hover { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: .4s ease; border: 1px solid #ebecf7; }
.process-block-v1 .process-block-icon { width: 94px; height: 94px; padding: 27px; color: #fff; font-size: 46px; text-align: center; margin-top: 15px; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1; }
.process-block-v1 .process-block-content { padding: 40px; }
.process-block-v1 .process-block-title { margin-bottom: 5px; }
.process-block-v1 .process-block-text { }

/*-----------process v2 --------*/
.process-block-v2 { }
.process-block-v2.process-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; background-color: #fff; border-radius: 4px; }
.process-block-v2 .process-block-icon { width: 94px; height: 94px; padding: 27px; color: #fff; font-size: 46px; text-align: center; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1; }
.process-block-v2 .process-block-content { padding: 40px; border-bottom: 1px solid #ebedfc; }
.process-block-v2 .process-block-title { margin-bottom: 5px; }
.process-block-v2 .process-block-text { }
.process-block-v2 .process-block-footer { border-top: 1px solid #ebedfc; background: #fff; padding: 20px; line-height: 1.8; margin-top: -1px; }

/*-----------process v3 --------*/
.process-block-v3 { }
.process-block-v3.process-block { padding: 58px 28px; background-color: transparent; border-radius: 4px; transition: .5s ease; border: 1px solid #ebecf7; }
.process-block-v3.process-block:hover { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: .5s ease; border: 1px solid #ebecf7; }
.process-block-v3 .process-block-icon { width: 94px; height: 94px; padding: 20px; color: #fff; font-size: 46px; text-align: center; margin-bottom: 35px; margin-left: auto; margin-right: auto; line-height: 1.2; }
.process-block-v3 .process-block-content { }
.process-block-v3 .process-block-title { margin-bottom: 5px; font-size: 20px; }
.process-block-v3 .process-block-text { }

/*-----------process v4 --------*/

.process-block-v4 { }
.process-block-v4.process-block {margin-bottom: 30px; padding: 40px; background-color: transparent;
 border-radius: 4px; transition: .5s ease; border: 1px solid #ebecf7; }
.process-block-v4.process-block:hover { background-color: #fff; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: .5s ease; border: 1px solid #ebecf7; }
.process-block-v4 .process-block-icon { color: #3544ee; font-size: 72px;  margin-bottom: 30px;  line-height: 1; }
.process-block-v4 .process-block-content { }
.process-block-v4 .process-block-title { margin-bottom: 5px; font-size: 20px; }
.process-block-v4 .process-block-text { }


/*-----------process v5 --------*/

.process-block-v5 { }
.process-block-v5.process-block {margin-bottom: 30px; }
.process-block-v5 .process-block-icon {  color: #3342e7; background-color: #f3f6ff; font-size: 26px;
    padding: 23px 21px;
    height: 73px;
    width: 73px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2; }
.process-block-v5 .process-block-content { }
.process-block-v5 .process-block-title { margin-bottom: 30px; font-size: 20px; }
.process-block-v5 .process-block-text { }
.process-block-v5 {}
.process-block-v5 .process-block-list{}
.process-block-v5 .process-block-list ul{}
.process-block-v5 .process-block-list ul li{border-top: 1px solid #ebecf7;
    line-height: 2.5;
    border-bottom: 1px solid #ebecf7;
    margin-top: -1px;}
.process-block-v5 .angle li:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #d2d3d8;
    content: '\f061';
    font-style: initial;
   
    margin-top: 4px;
}


/*-----------------------  Background Color / Color -------------------------*/
.bg-primary { background-color: #3544ee !important;}
.bg-primary-dark{background-color: #1d2256 !important;}
.bg-brand { background-color: #01d486 !important; }
.bg-secondary { background-color: #fa5826 !important; color: #fff !important; }
.bg-success { background-color: #2ec551 !important; }
.bg-danger { background-color: #ef172c !important; }
.bg-warning { background-color: #ffc108 !important; }
.bg-info { background-color: #25d5f2 !important; }
.bg-light { background-color: #f9f9ff !important; }
.bg-dark { background-color: #2e2f39 !important; }
.bg-primary-light { background-color: #e4e6ff !important; color: #fff !important; }
.bg-primary-dark {background-color: #1d2256 !important;}
.bg-info-light { background-color: #dffaff !important; color: #fff; }
.bg-secondary-light { background-color: #ffd9d1 !important; }
.bg-danger-light { background-color: #fbd3d5 !important; }
.bg-brand-light { background-color: #ccf7f0 !important; }
.bg-success-light { background-color: #c5fad3 !important; }
.split-bg { background: linear-gradient(to right, #01d486 0%, #01d486 45%, #efeff3 40%, #efeff3 100%); height: 100%; width: 100%; }
.bg-gray { background-color: #ededf5 !important; }
.bg-brose-light { background-color: #fde9ff !important; }
.bg-brose-dark-light { background-color: #edc6ff !important; }
.bg-purple-light { background-color: #f0eaff !important; }
.bg-cyan-light { background-color: #e7f9fa !important; }
.bg-mehndi-light { background-color: #eaf9c4 !important; }
.bg-pink-light { background-color: #ffe1eb !important; }
.bg-warning-light { background-color: #fff8dd !important; }
.bg-orange-light { background-color: #ffede6 !important; }
.bg-blue-light { background-color: #d8fdff !important; }

/*---------- Color ------------------*/
.text-primary { color: #3544ee !important; }
.text-brand { color: #01d486 !important; }
.text-secondary { color: #ea5132 !important; }
.text-success { color: #2ec551 !important; }
.text-danger { color: #ef172c !important; }
.text-warning { color: #ffc108 !important; }
.text-info { color: #25d5f2 !important; }
.text-light { color: #afafb6 !important; }
.text-dark { color: #181825 !important; }
.text-gray { color: #868aa5 !important; }
.text-muted { color: #7171a6 !important; }
.rating-color { color: #ffa811; }
.text-brose { color: #ee46ff !important; }
.text-purple { color: #7e48f6 !important; }
.text-cyan { color: #22ced0 !important; }
.text-mehndi { color: #94ca00 !important; }
.text-pink { color: #f6256b !important; }
.text-orange { color: #fd672d !important; }
.text-blue { color: #01e3ef !important; }
.text-primary-light { color: #b2b8f9; }
.text-brand-light { color: #e0fcf2; }
.text-secondary-light { color: #fdd5c8; }

/*------------ Borders -------------*/
.border-boxes span { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #fbfbfd; }
.border { border: 1px solid #ebecf7 !important; }
.border-top { border-top: 1px solid #ebecf7 !important; }
.border-bottom { border-bottom: 1px solid #ebecf7 !important; }
.border-left { border-left: 1px solid #ebecf7 !important; }
.border-right { border-right: 1px solid #ebecf7 !important }
.border-top-primary { border-top-color: #3544ee !important; }
.border-2 { border-width: 2px !important; }
.border-secondary { border-color: #fa5826 !important; }
.border-brand { border-color: #01d486 !important; }
.border-info { border-color: #25d5f2 !important; }
.rounded { border-radius: 4px !important; }
.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.border-bottom-4 { border-bottom: 4px solid !important; }
.border-top-4 { border-top: 4px solid !important; }
.bb-brand-color { border-bottom-color: #01d486 !important; }
.bb-primary-color { border-bottom-color: #3544ee !important; }
.bb-danger-color { border-bottom-color: #ef172c !important; }
.bt-danger-color { border-top-color: #ef172c !important; }
.bb-orange-color { border-bottom-color: #ff9b5f !important; }
.bb-secondary-color { border-bottom-color: #ea5132 !important; }
.bb-info-color { border-bottom-color: #00cdec !important; }
.bb-success-color { border-bottom-color: #2ec551 !important; }
.bt-success-color { border-top-color: #2ec551 !important; }
.border-primary { border-color: #032fdf !important; }
.border-dark { border-color: #181825 !important; }
.border-light { border-color: #e0e0e6 !important; }
.border-dashed { border-style: dashed !important; }

/*------------ Borders -------------*/
.border-boxes span { display: inline-block; width: 5rem; height: 5rem; margin: .25rem; background-color: #fbfbfd; }
.border { border: 1px solid #363686 !important; }
.border-top { border-top: 1px solid #363686 !important; }
.border-bottom { border-bottom: 1px solid #363686 !important; }
.border-left { border-left: 1px solid #363686 !important; }
.border-right { border-right: 1px solid #363686 !important; }
.border-top-primary { border-top-color: #4747ff !important; }
.border-2 { border-width: 2px !important; }
.border-secondary { border-color: #fa5826 !important; }
.border-brand { border-color: #01d486 !important; }
.border-info { border-color: #25d5f2 !important; }
.rounded { border-radius: 4px !important; }
.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-bottom { border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.border-bottom-4 { border-bottom: 4px solid !important; }
.border-top-4 { border-top: 4px solid !important; }
.bb-brand-color { border-bottom-color: #01d486 !important; }
.bb-primary-color { border-bottom-color: #4747ff !important; }
.bb-danger-color { border-bottom-color: #ef172c !important; }
.bt-danger-color { border-top-color: #ef172c !important; }
.bb-orange-color { border-bottom-color: #ff9b5f !important; }
.bb-secondary-color { border-bottom-color: #e54918 !important; }
.bb-info-color { border-bottom-color: #00cdec !important; }
.bb-success-color { border-bottom-color: #2ec551 !important; }
.bt-success-color { border-top-color: #2ec551 !important; }
.border-primary { border-color: #032fdf !important; }
.border-dark { border-color: #ffffff !important; }
.border-light { border-color: #e0e0e6 !important; }
.border-dashed { border-style: dashed !important; }


/* ----------------------- Split Sections -------------------------*/
.split-container { height: 100%; }
.split-left-img { display: flex; justify-content: center; align-items: center; background: url(../images/about-left-img-1.jpg)no-repeat; background-size: cover; min-height: 500px; color: #FFF; background-position-x: 50%; }
.split-right-img { display: flex; justify-content: center; align-items: center; background: url(../images/about-right-img-1.jpg)no-repeat; background-size: cover; min-height: 500px; color: #fff; background-position-x: 50%; }
.split-left-img-second { display: flex; justify-content: center; align-items: center; background: url(../images/about-left-img-2.jpg)no-repeat; background-size: cover; min-height: 500px; color: #FFF; background-position-x: 50%; }
.split-right-img-second { display: flex; justify-content: center; align-items: center; background: url(../images/about-right-img-2.jpg)no-repeat; background-size: cover; min-height: 500px; color: #fff; background-position-x: 50%; }

/*------------------ Social Color -------------------------*/
.facebook-color { color: #3c73df; }
.twitter-color { color: #1ea2f2; }
.instagram-color { color: #9361fa; }
.rss-color { color: #ee802f; }
.pinterest-color { color: #c8232c; }
.youtube-color { color: #ff0000; }
.medium-color { color: #00ab6c; }
.googleplus-color { color: #d34836; }
.snapchat-color { color: #FFFB00; }

/*------------------- Social bg Color -------------------------*/
.facebook-bgcolor { background-color: #3b5898; color: #fff; }
.twitter-bgcolor { background-color: #1ea2f2; color: #fff; }
.instagram-bgcolor { background-color: #9361fa; color: #fff; }
.rss-bgcolor { background-color: #ee802f; color: #fff; }
.pinterest-bgcolor { background-color: #c8232c; color: #fff; }
.youtube-bgcolor { background-color: #ff0000; color: #fff; }
.googleplus-bgcolor { background-color: #d34836; color: #fff; }

/*------------------ Progress bar -------------------------*/
.progress-bar { background-color: #3544ee; }
.primary-progress-bar { background-color: #3544ee; }
.progress-sm { height: 5px; }
.progress-sm { height: 5px }
.progress-md { height: 8px }
.progress-lg { height: 12px }
.progress-xl { height: 15px }

/*------------------  Badges -------------------------*/
.badge { display: inline-block; padding: 3px 7px; font-size: 13px; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; }
.badge-primary { background-color: #3544ee; }
.badge-primary[href]:focus, .badge-primary[href]:hover { color: #fff; text-decoration: none; background-color: #4656e9; }
.badge-brand { background-color: #01d486; color: #fff; }
.badge-brand[href]:focus, .badge-brand[href]:hover { color: #2e2f39; background-color: #efb63e; text-decoration: none; }
.badge-secondary { background-color: #ea5132; }
.badge-secondary[href]:focus, .badge-secondary[href]:hover { color: #fff; background-color: #fa5826; text-decoration: none; }
.badge-success { background-color: #21ae41; }
.badge-success[href]:focus, .badge-success[href]:hover { color: #fff; background-color: #21ae41; text-decoration: none; }
.badge-danger { background-color: #da0419; }
.badge-danger[href]:focus, .badge-danger[href]:hover { color: #fff; background-color: #ef172c; text-decoration: none; }
.badge-warning { background-color: #f3b600; color: #2e2f39; }
.badge-warning[href]:focus, .badge-warning[href]:hover { color: #2e2f39; background-color: #f3b600; text-decoration: none; }
.badge-info { background-color: #0998b0; }
.badge-info[href]:focus, .badge-info[href]:hover { color: #fff; background-color: #17c0dc; text-decoration: none; }
.badge-light { background-color: #efeff6; color: #757691; }
.badge-light[href]:focus, .badge-light[href]:hover { color: #2e2f39; background-color: #d7d7df; text-decoration: none; }
.badge-dark { background-color: #1f202b; }
.badge-dark[href]:focus, .badge-light[href]:hover { color: #2e2f39; background-color: #d7d7df; text-decoration: none; }
.badge-dot { border-radius: 100%; padding: 4px; display: inline-block; margin-right: 3px; }

/*---------------  Pagination -------------------------*/
.page-link { position: relative; display: block; padding: 13px 18px; margin-left: 0px; margin-right: 5px; line-height: 1.25; color: #626582; background-color: #fff; border: 1px solid #ebecf7; border-radius: 100%; line-height: 1; font-size: 15px; }
.page-link:hover { z-index: 2; color: #fff; text-decoration: none; background-color: #01d486; border-color: #08bd7a; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #01d486; border-color: #08bd7a; }
.page-item:first-child .page-link { margin-left: auto; border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; }
.page-item:last-child .page-link { border-top-left-radius: 35px; border-bottom-left-radius: 35px; border-top-right-radius: 35px; border-bottom-right-radius: 35px; }

/*------------- Spinner ------------------*/
.spinner-xxl { width: 150px; height: 150px; }
.spinner-xl { width: 120px; height: 120px; }
.spinner-lg { width: 100px; height: 100px; }
.spinner-md { width: 80px; height: 80px; }
.spinner-sm { width: 60px; height: 60px; }
.spinner-xs { width: 30px; height: 30px; }
.dashboard-spinner { margin: 0px 8px; border-radius: 50%; background-color: transparent; border: 6px solid transparent; border-top: 6px solid #3544ee; border-left: 6px solid #3544ee; -webkit-animation: 1s spin linear infinite; animation: 1s spin linear infinite; display: inline-block; }
.spinner-primary { border-top-color: #3544ee; border-left-color: #3544ee; }
.spinner-secondary { border-top-color: #ff5e3e; border-left-color: #ff5e3e; }
.spinner-success { border-top-color: #2ec551; border-left-color: #2ec551; }
.spinner-danger { border-top-color: #dc3545; border-left-color: #dc3545; }
.spinner-warning { border-top-color: #ffc107; border-left-color: #ffc107; }
.spinner-info { border-top-color: #17a2b8; border-left-color: #17a2b8; }
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
    from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}



/*-------------- Patterns -------------------*/
.card-pattern-left { position: relative; }
.card-pattern-left:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; left: -23px; }
.card-pattern-right { position: relative; }
.card-pattern-right:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: -23px; }
.card-pattern-right-top { position: relative; }
.card-pattern-right-top:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -24px; z-index: -1; right: -23px; }
.card-pattern-bottom { position: relative; }
.card-pattern-bottom:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; left: 110px; }
.card-pattern-full { position: relative; }
.card-pattern-full:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 200px; width: 392px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: 0; left: -23px; }
.card-pattern-box { position: relative; }
.card-pattern-box:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 200px; width: 583px; background-repeat: repeat; position: absolute; bottom: -23px; z-index: -1; right: 0; left: -21px; }
.card-pattern-full-box { position: relative; }
.card-pattern-full-box:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 187px; width: 960px; background-repeat: repeat; position: absolute; bottom: -21px; z-index: -1; right: 0; left: -21px; }
.card-pattern-circle { position: relative; }
.card-pattern-circle:after { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; bottom: 3px; z-index: -1; left: -22px; border-radius: 100%; }
.pattern { position: relative; }

/*----------------- Accordions style 1 -----------------------------*/
.accordion-section { background-color: #fff; border: 1px solid #ebecf7; padding: 45px; margin-bottom: 30px; }
.accrodion-regular { }
.accrodion-regular .card { margin-bottom: -1px; border: 1px solid #ebedfc; }
.accrodion-regular .card-body { background-color: #f8f8fb; }
.accrodion-regular .card-header { padding: 14px 20px; background-color: transparent; }
.accrodion-regular .card-title { font-size: 16px; line-height: 20px; margin-bottom: 0px; }
.accrodion-regular .card-title span { padding-top: 3px; float: right; }
.accrodion-regular .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; }
.accrodion-regular .card-header a { color: #353851; }
.accrodion-regular .card-header a:hover { color: #3544ee; }
.accrodion-regular .card-header.active { color: #3544ee; }
.accordion-content { padding-bottom: 10px; padding-top: 10px; }

/*------------------ Accordions style 2 --------------------------------*/
.accrodion-regular .accrodion-block { border-bottom: 1px solid #ebecf7; margin-bottom: 20px; padding-bottom: 20px; }
.accrodion-regular .accordion-head { }
.accrodion-regular .accordion-title { margin-bottom: 0px; font-size: 18px; }
.accrodion-regular .accordion-text { }
.accrodion-regular .accordion-title span {padding-right: 23px;font-size: 14px;color: #3544ee;}

/*---------------------- Accordions style 3 ------------------*/
.accrodion-second-regular { }
.accrodion-second-regular { }
.accrodion-second-regular .card { margin-bottom: -1px; border: 1px solid #ebedfc; }
.accrodion-second-regular .card-body { background-color: #f8f8fb; }
.accrodion-second-regular .card-header { padding: 14px 20px; background-color: transparent; }
.accrodion-second-regular .card-title { font-size: 16px; line-height: 20px; margin-bottom: 0px; }
.accrodion-second-regular .card-title span { padding-top: 3px; font-size: 14px; color: #3645f2; }
.accrodion-second-regular .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; }
.accrodion-second-regular .card-header .card-title a { color: #353851; }
.accrodion-second-regular .card-header .card-title a:hover { color: #3544ee !important; }
.accrodion-second-regular .card-header.active { color: #3544ee; }
.accordion-content { padding-bottom: 10px; padding-top: 10px; }



/*---------------------- Accordions style 4 ------------------*/
.accrodion-third-regular { }
.accrodion-third-regular { }
.accrodion-third-regular .card { margin-bottom: -1px; border: 1px solid #ebedfc; }
.accrodion-third-regular .card-body {background-color: #ffffff;}
.accrodion-third-regular .card-header {padding: 36px 30px;background-color: transparent;}
.accrodion-third-regular .card-title {font-size: 20px;line-height: 30px;margin-bottom: 0px;}
.accrodion-third-regular .card-title span {padding-top: 3px;font-size: 26px;color: #3645f2;float: right;}
.accrodion-third-regular .card-header:first-child { border-radius: calc(4px - 1px) calc(4px - 1px) 0 0; }
.accrodion-third-regular .card-header .card-title a { color: #181825 !important; }
.accrodion-third-regular .card-header .card-title a:hover { color: #3544ee !important; }
.accrodion-third-regular .card-header.active { color: #3544ee; }
.accordion-content { padding-bottom: 10px; padding-top: 10px; }

/* ------------- 2.8  Tabs -------------------*/
.tab-regular { }
.tab-regular .nav.nav-tabs { border-bottom: transparent; }
.tab-regular .nav.nav-tabs .nav-item { }
.tab-regular .nav.nav-tabs .nav-link { display: block; padding: 17px 44px; color: #808294; background-color: #ededf1; margin-right: 1px; border-color: #ededf1; }
.tab-regular .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { }
.tab-regular .nav-tabs .nav-link.active { background-color: #fff; border-color: #e6e6f2 #e6e6f2 #fff; color: #3544ee; }
.tab-regular .tab-content { background-color: #fff; padding: 30px; border: 1px solid #e6e6f2; border-radius: 4px; border-top-left-radius: 0px }

/*----- Tabs Vertical CSS ----*/
.tab-vertical { }
.tab-vertical .nav.nav-tabs { float: left; display: block; margin-right: 0px; border-bottom: 0; }
.tab-vertical .nav.nav-tabs .nav-item { margin-bottom: 6px; }
.tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; background: #fff; padding: 17px 49px; color: #808294; background-color: #ededf1; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }
.tab-vertical .nav-tabs .nav-link.active { color: #3544ee; background-color: #fff !important; border-color: transparent !important; }
.tab-vertical .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 4px !important; border-top-right-radius: 0px !important; }
.tab-vertical .tab-content { overflow: auto; -webkit-border-radius: 0px 4px 4px 4px; -moz-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; background: #fff; padding: 30px; }

/*--- Outline Tabs ----*/
.outline-tab { }
.outline-tab .nav .nav-tabs { }
.outline-tab .nav-tabs { border-bottom: 1px solid #ebedfc; }
.outline-tab .nav-tabs .nav-item { margin-bottom: -1px; margin-top: 30px; }
.outline-tab .nav-tabs .nav-link { padding: 10px 30px; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; color: #626582; }
.outline-tab .nav-tabs .nav-item.show .nav-link, .outline-tab .nav-tabs .nav-link.active { color: #3341e7; background-color: transparent; border-color: #ebedfc #ebedfc #fff; }
.outline-tab .tab-content { padding: 35px; }

/*--- Simple Card Tabs ----*/
.simple-card {  border-radius: 4px;  }
.simple-card .nav.nav-tabs { border-bottom: 1px solid #e6e6f2; }
.simple-card .nav.nav-tabs .nav-item { }
.simple-card .nav.nav-tabs .nav-item .nav-link { padding: 17px 49px; color: #808294; background: #f8f8fb; border-color: #e9e9f2 #e9e9f2 #e9e9f2; margin-right: -1px; border-radius: 0px; border-top: transparent; }
.simple-card .nav-tabs .nav-link.active { color: #3544ee !important; background-color: transparent !important; border-color: #e9e9f2 #e9e9f2 #fff !important; }
.simple-card .tab-content { padding: 30px; }

/* -------------- Pills Regular ----------------*/
.pills-regular { }
.pills-regular .nav.nav-pills { }
.pills-regular .nav.nav-pills .nav-item { }
.pills-regular .nav.nav-pills .nav-item .nav-link { background-color: #ededf1; padding: 16px 52px; margin-right: 3px; color: #808294; }
.pills-regular .nav.nav-pills .nav-item .nav-link.active { background-color: #fff; color: #3544ee; }
.pills-regular .tab-content { background-color: #fff; padding: 30px; border-radius: 4px; }

/* -------------- Pills vertical ---------------------*/
.pills-vertical { }
.pills-vertical .nav.nav-pills { }
.pills-vertical .nav.nav-pills .nav-link { background-color: #ededf1; padding: 16px; margin-bottom: 4px; color: #808294; text-align: center; }
.pills-vertical .nav.nav-pills .nav-link.active { background-color: #fff; color: #3544ee; }
.pills-vertical .tab-content { background-color: #fff; padding: 30px; border-radius: 4px; }

/*-------------------  Tables ---------------------*/
.table { width: 100%; margin-bottom: 1rem; background-color: transparent; }
.table thead th { vertical-align: bottom; border-bottom: 2px solid #ebedfc;}
.table-bordered thead td, .table-bordered thead th { border-bottom-width: 2px; }
.table-bordered td, .table-bordered th { border: 1px solid #ebedfc; }
table { font-size: 16px; }
table th { }
table td { }
.table th { color: #303443; }

table.table.table-hover tr td {
    width: 33.5%;
}
.table-striped tbody tr:nth-of-type(odd) { background-color: #fff; }
.table .thead-light th { color: #495057; background-color: #f3f6ff; border-color: #ebedfc; }

/*---------------- Data Tables ----------------------------------*/
div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; height: 42px; }
div.dataTables_wrapper div.dataTables_length select { width: auto; display: inline-block; height: 42px; }

/* --------------------  Alert ---------------------*/
.alert-warning { color: #856404; background-color: #fffae7; border-color: #fee06e; }
.alert-primary { color: #004ebd; background-color: #d9eeff; border-color: #a2d5fe; }

/* ----------------------- Counter Class -------------------------*/

.counter-icon { }
.counter-block { }
.counter-block-content { }
.counter-block-icon { }
.counter-block-title { }
.counter-block-text { }

/* --------- counter v-1  -------------------*/
.counter-v1.counter-block { padding: 20px 0px; color: #bac0ff; }
.counter-v1 .counter-block-content { }
.counter-v1 .counter-block-icon { font-size: 60px; color: #fff; margin-bottom: 40px; }
.counter-v1 .counter-block-title { margin-bottom: 10px; font-size: 28px; line-height: 35px; }
.counter-v1 .counter-block-text { }

/* --------- counter v-2  -------------------*/
.counter-v2.counter-block { padding: 20px 0px; color: #bac0ff; }
.counter-v2 .counter-block-content { }
.counter-v2 .counter-block-icon { font-size: 60px; color: #fff; margin-bottom: 40px; }
.counter-v2 .counter-block-title { position: relative; margin-bottom: 10px; font-size: 52px; line-height: 48px;}
.counter-v2 .counter-block-text { }
.counter-v2 .plus-sign { position: absolute; font-size: 48px; color: #fff; top: 28px; right: 67px; }

/* --------- counter v-3  -------------------*/
.counter-v3.counter-block { text-align: center; }
.counter-v3 .counter-block-content { }
.counter-v3 .counter-block-icon { }
.counter-v3 .counter { display: block; font-size: 50px; vertical-align: middle; color: #181825; margin-bottom: 12px; line-height: 52px; }
.counter-v3 .counter-block-text { }
.counter-section { background-color: #fff; border-radius: 4px; padding: 60px; border: 1px solid #ebecf7; margin-bottom: 60px; }

/* --------- counter v-4  -------------------*/
.counter-v4.counter-block { text-align: center; background-color: #fff; border-radius: 4px; padding: 50px; border: 1px solid #ebecf7; margin-bottom: 60px; }
.counter-v4 .counter-block-content { }
.counter-v4 .counter-block-icon { background-color: #e1e4fd; height: 65px; width: 65px; line-height: 30px; padding: 20px; font-size: 21px; border-radius: 100%; display: inline-block; color: #3544ee; margin-bottom: 30px; }
.counter-v4 .counter { display: block; font-size: 50px; vertical-align: middle;  color: #181825; margin-bottom: 12px; line-height: 52px; }
.counter-v4 .counter-block-text { }
.counter-section { background-color: #fff; border-radius: 4px; padding: 60px; border: 1px solid #ebecf7; }
.counter-container-primary {padding: 80px 60px;margin-bottom: 60px;color: #b4baff;}
.counter-section-img-bg { background: url(../images/counter-section-img-1.jpg)no-repeat; position: relative; background-size: cover; padding: 250px 0px; min-height: 507px; }
.counter-section-img-bg:before { content: '0 0 30 30'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #181825, #181825); opacity: 0.5; }



/* --------- counter v-5  -------------------*/
.counter-v5.counter-block { padding: 20px 0px; }
.counter-v5 .counter-block-content { }
.counter-v5 .counter-block-title { position: relative; margin-bottom: 10px; font-size: 58px;
 line-height: 68px;  color: #181825;}
.counter-v5 .counter-block-text { }
.counter-v5 .plus-sign { position: absolute;
    font-size: 48px;
    color: #181825;
    top: 40px;
    right: 60px;
}

/* ----------------------- Rate Class -------------------------*/
.rate-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; background-color: #fff; transition: .7s ease; }
.rate-block-header { border-bottom: 1px solid #ebedfc; padding: 12px; }
.rate-block-header-title { margin-bottom: 0px; }
.rate-block-small-text { margin-bottom: 0px; transition: .2s ease; }
.rate-block-content { padding: 28px 22px; }
.rate-block-heading { font-size: 42px; line-height: 52px; }
.rate-block:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #fff; transition: .7s ease; }

/* ----------------------- Testimonial Class -------------------------*/
.testimonial-block { }
.testimonial-content { }
.testimonail-text { }
.testimonial-meta-name { }
.testimonial-img { }

/* --------------- testimonial v1 ------------------------*/
.testimonial-block-v1 { }
.testimonial-block-v1 .testimonial-block { }
.testimonial-block-v1 .testimonial-content { padding-top: 30px; }
.testimonial-block-v1 .testimonail-text { font-size: 30px; letter-spacing: -1px;color: #353851; line-height: 45px; }
.testimonial-block-v1 .testimonial-meta-name { display: block; font-size: 18px; text-transform: uppercase; color: #353851;letter-spacing: -1px; }
.testimonial-block-v1 .testimonial-meta-text { line-height: 1.5; }
.testimonial-block-v1 .testimonial-meta-subtext { }
.testimonial-block-v1 .testimonial-img { z-index: 11; position: relative; }
.testimonial-block-v1 .testimonial-img img { border-radius: 4px; }
.dot-bg { left: 0; top: -0; width: 100%; background-image: url(../images/small-dot.png); background-repeat: repeat; background-position: center; content: 'http://www.w3.org/2000/svg'; z-index: 1; }
.testimonial-second { }
.testimonial-second-text { font-size: 24px; color: #353851; letter-spacing: -1px; line-height: 36px; }

/* --------------- testimonial v2 ------------------------*/
.testimonial-block-v2 { }
.testimonial-block-v2.testimonial-block { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border: 1px solid #ebedfc; border-radius: 4px; }
.testimonial-block-v2 .testimonial-content { padding: 30px; }
.testimonial-block-v2 .testimonial-text {font-size: 19px; line-height: 32px; font-style: italic; }
.testimonial-block-v2 .testimonial-comment-icon { margin-bottom: 10px; }
.testimonial-block-v2 .testimonial-meta { margin-left: 18px; align-self: center; }
.testimonial-block-v2 .testimonial-meta-name { margin-bottom: 6px; }
.testimonial-block-v2 .testimonial-img { }
.testimonial-block-v2 .testimonial-footer { border-top: 1px solid #ebedfc; background: #fff; padding: 20px; line-height: 1.8; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

/* --------------- testimonial v3 ------------------------*/
.testimonial-block-v3 { }
.testimonial-block-v3.testimonial-block { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border: 1px solid #ebedfc; border-radius: 4px; }
.testimonial-block-v3 .testimonial-content { padding: 30px; }
.testimonial-block-v3 .testimonial-text { font-size: 19px; line-height: 32px; font-style: italic; }
.testimonial-block-v3 .testimonial-meta { }
.testimonial-block-v3 .testimonial-meta-name { margin-bottom: 15px; line-height: 1;  }

/* --------------- testimonial v4 ------------------------*/
.testimonial-block-v4 { }
.testimonial-block-v4.testimonial-block { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; margin-bottom: 30px; border-radius: 4px 4px 0px 0px; }
.testimonial-block-v4 .testimonial-content { padding: 45px; }
.testimonial-block-v4 .testimonial-text { font-size: 18px; color: #353851; line-height: 30px; }
.testimonial-block-v4 .testimonial-img { margin-bottom: 30px; }
.testimonial-block-v4 .testimonial-meta { }
.testimonial-block-v4 .testimonial-meta-name { margin-bottom: 0px; line-height: 26px; }
.testimonial-block-v4.testimonial-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }

/* --------------- testimonial carousel v2 ------------------------*/
.carousel-indicators { list-style: inherit; margin-right: 0px; margin-left: 0px; }
#testimonial-carousel-v2 { }
#testimonial-carousel-v2 .carousel-inner { position: relative; width: 100%; overflow: hidden; background: #f8f8fb; padding: 30px; border-radius: 10px; }
#testimonial-carousel-v2 .carousel-control { background: none; color: #CACACA; font-size: 2.3em; text-shadow: none; margin-top: 30px; }
#testimonial-carousel-v2 .carousel-indicators { position: relative; right: 50%; top: auto; bottom: 0px; margin-top: -20px; }
#testimonial-carousel-v2 .carousel-indicators li { width: 42px; height: 42px; cursor: pointer; border: 2px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 50%; opacity: 0.6; overflow: hidden; transition: all .4s ease-in; vertical-align: middle; margin-right: 15px; }
#testimonial-carousel-v2 .carousel-indicators .active { width: 70px; height: 70px; opacity: 1; transition: all .2s; }
.testimonial-carousel-v2-content { font-size: 24px; margin-bottom: 30px; line-height: 32px; }
.testimonial-carousel-v2-content { }
.testimonial-carousel-v2-content .testimonials-name { line-height: 20px; }
.testimonial-carousel-v2-content .testimonial-meta { }

/*-------------------   Testimonial Carousel ----------------------------*/
.testimonial-carousel-v2 { }
.testimonial-carousel-v2 .owl-carousel .owl-item img { width: auto; }
.testimonial-carousel-v2 .owl-carousel .item { margin-left: 25px; }
.testimonial-carousel-v2 .owl-prev { position: absolute; }
.testimonial-carousel-v2 .owl-next { position: absolute; }
.testimonial-carousel-v2 .owl-prev, .testimonial-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; }
.testimonial-carousel-v2 .owl-prev:hover, .testimonial-carousel .owl-next:hover { background-color: #8e517d; color: #fff; }
.testimonial-carousel-v2 .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #3544ee; font-size: 18px; margin: 5px; padding: 3px 9px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #3544ee; }
.testimonial-carousel-v2 .owl-theme .owl-nav [class*='owl-']:hover { background: #3544ee; color: #FFF; text-decoration: none; }
.testimonial-carousel-v2 .owl-theme .owl-dots .owl-dot span { display: none; }
.testimonial-carousel { }
.testimonial-carousel .owl-carousel .owl-item img { width: auto; }
.testimonial-carousel .owl-prev { position: absolute; }
.testimonial-carousel .owl-next { position: absolute; }
.testimonial-carousel .owl-prev, .testimonial-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; }
.testimonial-carousel .owl-prev:hover, .testimonial-carousel .owl-next:hover { background-color: #8e517d; color: #fff; }
.testimonial-carousel .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #3544ee; font-size: 18px; margin: 5px; padding: 3px 9px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #3544ee; }
.testimonial-carousel .owl-theme .owl-nav [class*='owl-']:hover { background: #3544ee; color: #FFF; text-decoration: none; }
.testimonial-carousel .owl-theme .owl-dots .owl-dot span { display: none; }

/*.testimonial-carousel .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 50px; position: relative; }
.testimonial-carousel .owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border-color: #fff; }*/
.testi-avatar { }


/* ------------- Features --------------*/
.feature-block { }
.feature-content { }
.feature-title { }
.feature-icon { }


/* ------------- Features blurb --------------*/
.feature-blurb-block {margin-bottom: 30px; }


/* --------------- features v1 ------------------------*/
.feature-block-v1.feature-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; }
.feature-block-v1 .feature-content { padding: 30px; }
.feature-block-v1 .feature-title { margin-bottom: 5px; }
.feature-block-v1 .feature-text { }
.feature-block-v1 .feature-icon { display: block; height: 106px; width: 106px; font-size: 48px; line-height: 2.2; margin-left: auto; margin-right: auto; margin-bottom: 25px; text-align: center; }
.feature-block-v1.feature-block:hover { transition: all .4s ease; transform: translate3D(0, -12px, 0) scale(1); }

/* --------------- features v2 ------------------------*/
.feature-block-v2 { }
.feature-block-v2.feature-block { }
.feature-block-v2.feature-block:not(:last-child) { margin-bottom: 30px; }
.feature-block-v2 .feature-content { padding-left: 30px; }
.feature-block-v2 .feature-title { margin-bottom: 5px; font-size: 17px; line-height: 28px; }
.feature-block-v2 .feature-text { }
.feature-block-v2 .feature-icon { color: #3342e7; background-color: #e4e6ff; font-size: 28px; padding: 33px 30px; display: block; text-align: center; width: 94px; height: 94px; }

/* --------------- features v3 ------------------------*/
.feature-block-v3 { }
.feature-block-v3.feature-block { background-color: #fff; border: 1px solid #ebecf7; margin-bottom: 30px; }
.feature-block-v3 .feature-content { padding: 30px; }
.feature-block-v3 .feature-title { margin-bottom: 10px; font-size: 21px; }
.feature-block-v3 .feature-text { }
.feature-block-v3 .feature-icon {color: #3544ee;background-color: #e4e6ff;font-size: 32px;padding: 39px 30px;display: block;text-align: center;width: 110px;height: 110px;margin-bottom: 30px;line-height: 1;}
.feature-block-section { background-color: #fff; padding: 30px 40px; -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08); }

/* --------------- features v4 ------------------------*/
.feature-block-v4 { }
.feature-block-v4.feature-block { margin-bottom: 30px; text-align: center; }
.feature-block-v4 .feature-content { text-align: center; }
.feature-block-v4 .feature-title { margin-bottom: 5px; font-size: 21px; }
.feature-block-v4 .feature-text { }
.feature-block-v4 .feature-icon { background-color: #3544ee !important; color: #fff !important; padding: 27px; font-size: 40px; display: block; text-align: center; width: 94px; height: 94px; margin-bottom: 30px; line-height: 1; margin-right: auto; margin-left: auto; }

/* --------------- features v5 ------------------------*/
.feature-block-v5 { }
.feature-block-v5.feature-block { margin-bottom: 30px; }
.feature-block-v5 .feature-content { text-align: center; }
.feature-block-v4 .feature-title { margin-bottom: 5px; font-size: 21px; }
.feature-block-v5 .feature-text { }
.feature-block-v5 .feature-icon { background-color: #e1e4fd !important; color: #3544ee !important; padding: 27px; font-size: 30px; display: block; text-align: center; width: 84px; height: 84px; margin-bottom: 30px; line-height: 1; margin-right: auto; margin-left: auto; }

/*------------------   Social-Media ----------------------*/
.social-media { }
.social-media ul { padding: 0; margin: 0; }
.social-media ul li { list-style: none; float: left; }
.social-icon { height: 55px; width: 55px; color: #fff; padding: 15px 14px; margin-right: 6px; border-radius: 5px; display: inline-block; line-height: 1.2; font-size: 20px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid transparent; background-color: #a9aab6; }
.social-icon-small { font-size: 14px; height: 40px; width: 40px; padding: 8px 9px; line-height: 1.8; }
.social-rounded { border-radius: 100% !important; }
.social-icon:hover { color: #fff; background-color: #8e8f9c; }
.social-icon-outline { border: 2px solid #8e8f9c; background-color: transparent; color: #8e8f9c; }

/*-----------------  Social Media colors ----------------------*/
.social-facebook { background-color: #3b5898; color: #fff; }
.social-facebook:hover { background-color: #385186; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.social-twitter { background-color: #1ea2f2; color: #fff; }
.social-twitter:hover { background-color: #1c99e5; color: #fff; }
.social-google { background-color: #f4422c; color: #fff; }
.social-google:hover { background-color: #C20806; color: #fff; }
.social-linkedin { background-color: #0179bd; color: #fff; }
.social-linkedin:hover { background-color: #0571ae; color: #fff; }
.social-instagram { background-color: #7a2276; color: #fff; }
.social-instagram:hover { background-color: #8b2a86; color: #fff; }
.social-rss { background-color: #ee802f; color: #fff; }
.social-pinterest { background-color: #c8232c; color: #fff; }
.social-pinterest:hover { background-color: #ba1f27; color: #fff; }
.social-youtube { background-color: #d30000; color: #fff; }
.social-youtube:hover { background-color: #ff0000; }
.social-snapchat-ghost { background-color: #fffc00; color: #fff; }
.social-snapchat-ghost:hover { background-color: #fffc00; color: #fff; }
.social-skype { background-color: #01baff; color: #fff; }
.social-skype:hover { background-color: #06aeed; color: #fff; }
.social-dribbble { background-color: #ff4f93; color: #fff; }
.social-dribbble:hover { background-color: #ef4788; color: #fff; }
.social-vimeo { background-color: #4bbdff; color: #fff; }
.social-vimeo:hover { background-color: #40aceb; color: #fff; }
.social-tumblr { background-color: #2c4862; color: #fff; }
.social-tumblr:hover { background-color: #2c4862; color: #fff; }
.social-vine { background-color: #00b489; color: #fff; }
.social-vine:hover { background-color: #049774; color: #fff; }
.social-foursquare { background-color: #3060df; color: #fff; }
.social-foursquare:hover { background-color: #2e5ad1; color: #fff; }
.social-stumbleupon { background-color: #eb4923; color: #fff; }
.social-stumbleupon:hover { background-color: #d7421f; color: #fff; }
.social-flickr { background-color: #f40083; color: #fff; }
.social-flickr:hover { background-color: #df077b; color: #fff; }
.social-rss { background-color: #ff6702; color: #fff; }
.social-rss:hover { background-color: #ff6702; color: #fff; }

/*---------------- Social-Media-outline-colors ------------------------------*/
.social-outline-facebook { border-color: #3b5898; color: #3b5898; background-color: transparent; }
.social-outline-facebook:hover { background-color: #385186; color: #fff; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.social-outline-twitter { border-color: #1ea2f2; color: #1ea2f2; background-color: transparent; }
.social-outline-twitter:hover { background-color: #1c99e5; color: #fff; }
.social-outline-google { border-color: #f4422c; color: #f4422c; background-color: transparent; }
.social-outline-google:hover { background-color: #C20806; color: #fff; }
.social-outline-linkedin { border-color: #0179bd; color: #0179bd; background-color: transparent; }
.social-outline-linkedin:hover { background-color: #0571ae; color: #fff; }
.social-outline-instagram { border-color: #7a2276; color: #7a2276; background-color: transparent; }
.social-outline-instagram:hover { background-color: #8b2a86; color: #fff; }
.social-outline-rss { border-color: #ee802f; color: #ee802f; background-color: transparent; }
.social-outline-pinterest { border-color: #c8232c; color: #c8232c; background-color: transparent; }
.social-outline-pinterest:hover { background-color: #ba1f27; color: #fff; }
.social-outline-youtube { border-color: #d30000; color: #d30000; background-color: transparent; }
.social-outline-youtube:hover { background-color: #ff0000; }
.social-outline-snapchat-ghost { border-color: #fffc00; color: #181825; background-color: transparent; }
.social-outline-snapchat-ghost:hover { background-color: #fffc00; color: #fff; }
.social-outline-skype { border-color: #01baff; color: #01baff; background-color: transparent; }
.social-outline-skype:hover { background-color: #06aeed; color: #fff; }
.social-outline-dribbble { border-color: #ff4f93; color: #ff4f93; background-color: transparent; }
.social-outline-dribbble:hover { background-color: #ef4788; color: #fff; }
.social-outline-vimeo { border-color: #4bbdff; color: #4bbdff; background-color: transparent; }
.social-outline-vimeo:hover { background-color: #40aceb; color: #fff; }
.social-outline-tumblr { border-color: #2c4862; color: #2c4862; background-color: transparent; }
.social-outline-tumblr:hover { background-color: #2c4862; color: #fff; }
.social-outline-vine { border-color: #00b489; color: #00b489; background-color: transparent; }
.social-outline-vine:hover { background-color: #049774; color: #fff; }
.social-outline-foursquare { border-color: #3060df; color: #3060df; background-color: transparent; }
.social-outline-foursquare:hover { background-color: #2e5ad1; color: #fff; }
.social-outline-stumbleupon { border-color: #eb4923; color: #eb4923; background-color: transparent; }
.social-outline-stumbleupon:hover { background-color: #d7421f; color: #fff; }
.social-outline-flickr { border-color: #f40083; color: #f40083; background-color: transparent; }
.social-outline-flickr:hover { background-color: #df077b; color: #fff; }
.social-outline-rss { border-color: #ff6702; color: #ff6702; background-color: transparent; }
.social-outline-rss:hover { background-color: #ff6702; color: #fff; }

/*--------------------- cta ---------------------------------*/
.cta { }
.cta-content { color: #c3c3fd; }
.cta-btn { }

/*------------------------- cta v1 ---------------------------*/
.cta-v1-section{position: relative;margin-bottom: -120px;z-index: 1;}
.cta-v1 { }
.cta-v1.cta {background-color: #3544ee;padding: 40px;border-radius: 5px;
}
.cta-v1 .cta-content { }
.cta-v1 .cta-title { color: #fff; line-height: 1; margin-bottom: 14px; }
.cta-v1 .cta-text { line-height: 1; }
.cta-v1 .cta-btn { text-align: right; }

/*------------------------- cta v2 ---------------------------*/
.cta-v2 { }
.cta-v2.cta {background-color: #3544ee;color: #fff;position: relative;}
.cta-v2 .cta-content { padding: 79px 0px; }
.cta-v2 .cta-title { color: #fff; line-height: 52px; margin-bottom: 5px; }
.cta-v2 .cta-text { color: #b0bffe; }
.cta-v2 .cta-btn { text-align: center; }
.cta-v2 .cta-img { position: absolute; bottom: -10px; }

/*------------------------- cta v3 ---------------------------*/
.cta-v3 { }
.cta-v3.cta {background-color: #3544ee;padding-top: 95px;padding-bottom: 95px;position: relative;min-height: 500px;}
.cta-v3.cta:before{position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(./images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;}
.cta-v3 .cta-img { transform: rotate(-22deg); position: absolute; bottom: 50px; }
.cta-v3 .cta-content { }
.cta-v3 .cta-title { color: #fff; margin-bottom: 15px; line-height: 62px; font-size: 52px; }
.cta-v3 .cta-text { margin-bottom: 15px; font-size: 18px; line-height: 30px; }

/*------------------------- cta v4 ---------------------------*/
.cta-v4 { }
.cta-v4.cta { padding: 50px 0px; position: relative; background-color: #3544ee; color: #fff; }
.cta-v4 .cta-icon { height: 110px; width: 110px; font-size: 47px; background-color: #1f2ed5; border-radius: 100%; padding: 32px; }
.cta-v4 .cta-content { }
.cta-v4 .cta-title { margin-bottom: 10px; }

/*------------------------- cta boxed ---------------------------*/
.cta-boxed { padding: 70px 90px; text-align: center; border: 1px solid #ebecf7; background-color: #fff; }
.cta-boxed-content { }
.cta-boxed-title { font-size: 35px; line-height: 45px; }
.cta-boxed-text { }

/*------------------------- cta block ---------------------------*/
.cta-block { border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #fff; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; }
.cta-block-content { padding: 30px; }
.cta-block-icon { background-color: #f3f6ff; padding: 47px 50px; color: #3544ee; font-size: 70px; width: 167px; height: 167px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 20px; line-height: 1.2; }
.cta-block-title { margin-bottom: 10px; }
.cta-block-text { }


/*------------------------- cta gradient ---------------------------*/
.cta-gradient{padding: 120px 0px;background: rgba(104,113,238,1); position: relative;
background: -moz-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(104,113,238,1)), color-stop(77%, rgba(28,43,205,1)), color-stop(89%, rgba(42,57,222,1)), color-stop(100%, rgba(8,20,156,1)));
background: -webkit-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%);
background: -o-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%);
background: -ms-linear-gradient(top, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%);
background: linear-gradient(to bottom, rgba(104,113,238,1) 0%, rgba(28,43,205,1) 77%, rgba(42,57,222,1) 89%, rgba(8,20,156,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6871ee', endColorstr='#08149c', GradientType=0 );
}


.cta-gradient:before{    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url(./images/line-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .06;}


.cta-gradient-content{color: #a4abfd;}

.cta-gradient-content .cta-title { font-size: 42px; line-height: 52px;}
.cta-gradient-content .cta-text { margin-bottom: 50px;}

/*------------------------ 9.7 Team List ----------------------------------------*/
.team-block { }
.team-block .card { border-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.team-block .card-body { }
.team-block .card-footer { padding: 16px 30px; }
.team-img img { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; width: 100%; }

/*---------------  team block v1 ----------------------------------*/
.team-block-v1 { }
.team-block-v1.team-block { margin-bottom: 30px; }
.team-block-v1 .team-content { padding: 30px; background-color: #fff; border: 1px solid #ebecf7; }
.team-block-v1 .team-footer { padding: 16px 30px; margin-top: -1px; background-color: #fff; border: 1px solid #ebedfc; }
.team-block-v1 .team-img img { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; width: 100%; }
.team-block-v1 .team-member-name { margin-bottom: 0px; }
.team-block-v1 .team-member-designation { display: block; color: #808294; margin-bottom: 14px; font-size: 14px; }
.team-block-v1 .team-text { }
.team-block-v1 .team-member-info { }
.team-block-fullwidth { margin-bottom: 40px; background-color: #fff; border: 1px solid #ebecf7; padding: 50px; }
.team-block-fullwidth-content { padding: 5px 60px; position: relative; }
.team-block-fullwidth .card { border-radius: 0px; border: 0px; }
.team-block-fullwidth .team-img img { width: 100%; border-radius: 4px; }
.review-details { font-size: 16px; line-height: 26px; margin-left: 20px; }

/*---------- team block v2 -------------*/
.team-block-v2 { }
.team-block-v2.team-block { margin-bottom: 30px; background-color: #fff; border: 1px solid #ebecf7; border-radius: 4px; transition: .50s ease; cursor: pointer; }
.team-block-v2.team-block:hover { border: 1px solid #3544ee; transition: .50s ease; }
.team-block-v2 .team-img { }
.team-block-v2 .team-img img { padding: 5px; }
.team-block-v2 .team-content { padding: 20px; }
.team-block-v2 .team-member-designation { }
.team-block-v2 .team-member-name { font-size: 20px; margin-bottom: 0px; line-height: 28px; }

/*---------------- team block v2 -----------------------*/
.team-block-v3 { }
.team-block-v3.team-block { margin-bottom: 30px; background-color: #fff; border-radius: 4px; transition: .50s ease; cursor: pointer; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.team-block-v3.team-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 8px 25px 0px rgba(0, 0, 0, 0.06); }
.team-block-v3 .team-img { padding: 45px; }
.team-block-v3 .team-img img { border-radius: 100% !important; }
.team-block-v3 .team-content { padding: 0px 20px 25px 20px; }
.team-block-v3 .team-plus-icon { float: right; font-size: 14px; color: #fff; background-color: blue; border-radius: 100%; line-height: 1.2; padding: 10px; display: inline-block; height: 35px; width: 35px; text-align: center; }
.team-block-v3 .team-member-name { font-size: 16px; margin-bottom: 0px; line-height: 35px; }
.team-block-v3 .team-member-designation { float: right; padding: 20px; margin-bottom: 0px; color: #afb1be; font-size: 13px; }

/*------------------   Email Subscriber --------------------------------------*/
.email-subscriber-v1 { background-color: #fff; border-radius: 4px; margin-bottom: 60px; }
.email-subscriber-v1-img { }
.email-subscriber-v1-img img { border-top-right-radius: 4px; border-top-left-radius: 4px; width: 100%; }
.email-subscriber-v1-content { padding: 50px; }
.email-subscriber-v2 { border-radius: 4px; margin-bottom: 60px; }
.email-subscriber-v2-img { }
.email-subscriber-v2-img img { border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 100%; }
.email-subscriber-v2-content { background-color: #fff; padding: 25px 40px; }
.email-subscriber-v3 { border-radius: 4px; margin-bottom: 60px; }
.email-subscriber-v3-img { }
.email-subscriber-v3-img img { border-top-right-radius: 4px; border-bottom-right-radius: 4px; width: 100%; }
.email-subscriber-v3-content { background-color: #fff; padding: 25px 40px; }

/*---------------------------  Back to top -----------------------------------*/
#return-to-top { z-index: 9999; position: fixed; bottom: 20px; right: 20px; background: #3644ef; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 100%; }
#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 9px; font-size: 28px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#return-to-top:hover { background: #1225fe; }
#return-to-top:hover i { color: #fff; top: 8px; }
.returntotop {display: none; }

/*--------------------------- modal  -----------------------------------*/
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #2c2c7c; background-clip: padding-box; border: 1px solid rgb(49, 49, 129); border-radius: .3rem; outline: 0; }
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #363686; border-top-left-radius: .3rem; border-top-right-radius: .3rem; }
.modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #363686; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #fff; text-shadow: 0 1px 0 #fff; opacity: .5; }
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover { color: #01d486; text-decoration: none; opacity: 1; }


/*---------------- Portfolio Class ---------------------*/
.portfolio-block { margin-bottom: 40px; }
.portfolio-img { margin-bottom: 30px; }
.portfolio-img img { border-radius: 6px; }
.portfolio-content { }
.portfolio-content-title { margin-bottom: 0px; font-size: 24px; line-height: }
.portfolio-content-text { }
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before, [class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after, [class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before, [class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; transition: all 0.75s ease; }
[class^='imghvr-'], [class*=' imghvr-'] { position: relative; display: inline-block; margin: 0px; max-width: 100%; background-color: #181825; color: #fff; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); border-radius: 6px; }
.imghvr-shutter-out-vert:before { top: 50%; bottom: 50%; left: 0; right: 0; }
[class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before 
{ background: rgba(53, 68, 238, .4); position: absolute; content: ''; -webkit-transition-delay: 0.105s; -moz-transition-delay: 0.105s; transition-delay: 0.105s; border-radius: 6px; }
.imghvr-shutter-out-vert:hover:before { top: 0; bottom: 0; }
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before 
{ -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; border-radius: 6px; }
.filter-gallery {
 
}

.portfolio .filters {
  text-align: center;
 
}
.portfolio .filters ul {
  padding: 0;
}
.portfolio .filters ul li {
  list-style: none;
  display: inline-block;
  padding: 20px 30px;
  cursor: pointer;
  position: relative;
  color: #181825;
}
.portfolio .filters ul li:after {
  content: "";
  display: block;
  width: calc(0% - 60px);
  position: absolute;
  height: 2px;
  background: #3544ee;
  transition: width 350ms ease-out;
}
.portfolio .filters ul li:hover:after {
  width: calc(100% - 60px);
  transition: width 350ms ease-out;
}
.portfolio .filters ul li.active:after {
  width: calc(100% - 60px);
}
.portfolio .filters-content {
  margin-top: 50px;
}
.portfolio .filters-content .show {
  opacity: 1;
  visibility: visible;
  transition: all 350ms;
}
.portfolio .filters-content .hide {
  opacity: 0;
  visibility: hidden;
  transition: all 350ms;
}
.portfolio .filters-content .item {
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
}
.portfolio .filters-content .item .p-inner {
  padding: 20px 30px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.portfolio .filters-content .item .p-inner h5 {
  font-size: 15px;
}
.portfolio .filters-content .item .p-inner .cat {
  font-size: 13px;
}
.portfolio .filters-content .item img {
  width: 100%;
}

.gallery-img{margin-bottom: 30px;}
/* ----------------------- Index-2 -------------------------*/
.header-boxed { }
.navbar-boxed { background-color: #fff; padding: 20px; border-radius: 5px; margin-top: 15px; }
.navbar-boxed .navbar-nav .nav-link { font-size: 15px; color: #181825; padding: 12px 16px; }

.navbar-boxed .dropdown-toggle::after { display: inline-block; width: 0; height: 0;
 margin-left: 2px; vertical-align: -2px; content: '\f107'; border-top: none; border-right: none;
  border-bottom: none; border-left: none; color: #808294; font-family: 'FontAwesome';
   font-weight: 900; margin-right: 15px; font-size: 13px; margin-top: 1px; }
.navbar-boxed .navbar-nav .nav-item .nav-link:hover {
    color: #3544ee;
}
.navbar-boxed .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after  {
    color: #3544ee;
}
/* ----------------------- Index-3 (Credit Card Homepage) -------------------------*/
.header-transparent { position: fixed; width: 100%; z-index: 1030; }
.navbar-transparent {/* margin-top: 5px; */padding: 20px 0px;}
.header-transparent .navbar-toggler { padding: 11px 13px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; background-color: #fff; }
.navbar-transparent.navbar-light .navbar-nav .nav-link { color: #fff; padding: 9px 16px; }
.navbar-transparent .navbar-nav .nav-item .nav-link { font-size: 16px; color: #f9f9ff; }
.navbar-transparent .dropdown-toggle::after { margin-top: 1px;  display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: -2px; content: "\f107"; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 13px; float: right; }
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6; border-radius: 0px;
}
.header-collapse {background: #3544ee !important;border-color: #3544ee;}
.header-boxed-collapse { background: #fff; border-color: #edeef5; border-bottom: 1px solid #edeef5; }
.header-boxed-collapse .navbar-boxed {background-color: #fff;padding: 16px 0px;border-radius: 5px;margin-top: 0px;transition: 0.5s ease;border-color: #edeef5;}
.hero-slide { position: relative; background-color: #3544ee; padding-top: 200px; padding-bottom: 200px; color: #b0bffe; background-size: cover; }
.hero-slide:before{position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;   }
.hero-slide-caption { margin-bottom: 30px;}
.hero-slide-title { font-size: 52px; letter-spacing: -2px; line-height: 62px; }
.hero-slide-img { }
.pattern-bottom { position: relative; z-index: 1; }
.pattern-slide { -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%); clip-path: polygon(0 100%, 100% 80%, 100% 100%); background-color: #f8f8fb; position: absolute; bottom: -1px; width: 100%; height: 370px; }
.pattern-slide-second {-webkit-clip-path: polygon(0 100%, 100% 70%, 100% 100%);clip-path: polygon(0 100%, 100% 70%, 100% 100%);background-color: #2937d8;position: absolute;bottom: 0px;width: 100%;height: 370px;}

/* ----------------------- Credit Card Listing -------------------------*/
.credit-card-balance { }
.credit-card-balance-img { margin-bottom: 30px; }
.credit-card-balance-review { border-bottom: 1px solid #ebecf7; margin-bottom: 20px; }
.credit-card-balance-review-title { font-size: 18px; line-height: 28px; margin-bottom: 8px; }
.credit-card-balance-value { }
.credit-card-balance-footer { background-color: #fff; padding: 0px; }
.credit-card-balance .card-header { padding: 15px 30px; }
.credit-card-balance .card-body { padding: 30px; }
.credit-card-balance-list { }
.credit-card-balance-list ul { }
.credit-card-balance-list .arrow li:before { color: #3544ee; }
.credit-card-balance-list li { line-height: 1.8; font-size: 14px; margin-bottom: 12px; }
.card-footer-item { padding: 18px 30px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; }
.card-footer-item-bordered:not(:last-child) { border-right: 1px solid rgb(233, 233, 248); }
.compare-card { border-right: 1px solid #e9e9f8; padding-right: 25px; }

/* ----------------------- Compare Card -------------------------*/
.compare-table { color: #626582; }
.compare-table.table td { width: 33%; }
.credit-score { }
.great-for { }
.great-for .list-group-item { background-color: transparent; border: 1px solid rgb(235, 236, 247); }
.great-for .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; }
.annual-fee { }
.bouns-offer { }
.apr { }
.ongoing-apr { }
.earning-reward { }
.pros { }
.cons ul { }
.cons ul li { }
.cons .arrow li:before { color: #e71d02; }

/* ----------------------- Compare Single Card -------------------------*/
.pageheader-rating { position: absolute; bottom: -50px; }
.credit-card-pricing { }
.credit-card-pricing .table th, .credit-card-fees .table td { padding: 20px; }
.credit-card-fees .table th { width: 35%; }
.credit-card-fees .table th, .credit-card-fees .table td { padding: 15px 20px; }

/* ----------------------- Bank Account compare -------------------------*/
.bank-compare-table { background: #fff; }
.bank-compare-table.table thead th { font-size: 23px; text-align: center; padding: 40px; line-height: 33px; }

/* ----------------------- Index 5 (loan) -------------------------*/
.about-section { background-color: #fff; border: 1px solid #ebedfc; border-radius: 4px; }
.about-half { padding: 50px; }
.custom-list { }
.custom-list .list-group-item { border-radius: 0px; padding: 24px 44px; border-left: 1px solid #ebedfc; border-top: 1px solid #ebedfc; border-bottom: 0px; border-right: 0px; transition: .2s ease; }
.custom-list .list-group-item:first-child { border-top: transparent; }
.custom-list .list-group-item:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.2); background-color: #fff; }
.custom-list .list-group-item-action { width: 100%; color: #626582; text-align: inherit; }
.custom-list-title { margin-bottom: 10px; line-height: 1; }
.custom-list-text { }
.about-section .list-group-item:hover .custom-list-title { color: #3847f1; }
.support-block { background-color: #fdfdff; padding: 50px 35px; text-align: center; }
.support-block-title { margin-bottom: 60px; }
.support-img { margin-bottom: 50px; }
.support-form { padding: 50px 35px; background-color: #fff; }

/* ----------------------- loan - single  -------------------------*/
.loan-features-tab { }
.loan-features-tab ul { }
.loan-features-tab ul li { float: left; }
.loan-features-tab ul li a { padding: 12px 37px; font-size: 16px; color: #626582;    /* border-bottom: 2px solid #e1e4fd;*/ margin-right: 8px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; overflow: hidden; }
.loan-features-tab ul li a:before { content: 'round'; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #3644ef; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.loan-features-tab ul li a:hover:before { right: 0; }
.loan-features-tab ul li a:hover { color: #3644ef; }

/*------------------ Pricing table -----------------------------------*/
.pricing-block{}
.pricing-head {}
.pricing-head-title{}
.pricing-head-text{}
.pricing-head-price{}
.pricing-content{}
.pricing-content-list{}
.pricing-block-selected{}

/*------------------ Pricing v1 table -----------------------------------*/
.pricing-block-v1{}
.pricing-block-v1.pricing-block { background-color: #ffffff; border-radius: 4px; --webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: .5s; -o-transition: .5s; -moz-transition: .5s; transition: .5s; -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); }
.pricing-block-v1.pricing-block:hover { webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px); }
.pricing-block-v1 .pricing-head { padding: 40px 48px; border-bottom: 1px solid #dfdfe9; }
.pricing-block-v1 .pricing-head-title { font-size: 28px; line-height: 34px; margin-bottom: 5px; }
.pricing-block-v1 .pricing-head-text { font-size: 14px; }
.pricing-block-v1 .pricing-head-price { font-size: 42px; font-weight: 900; color: #181825; line-height: 56px; }
.pricing-block-v1 .pricing-content { padding: 60px 48px; }
.pricing-block-v1 .pricing-content-list { margin-bottom: 40px; }
.pricing-block-v1 .pricing-content-list ul { margin: 0px; padding: 0px; }
.pricing-block-v1 .pricing-content-list ul li { list-style: none; }
.pricing-block-v1 .pricing-content-list ul li:before { color: #808294; }
.pricing-block-v1.pricing-block-selected { -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #3544ee; color: #c4c8f3; }
.pricing-block-v1.pricing-block-selected .pricing-head-price { color: #ffffff; }
.pricing-block-v1.pricing-block-selected .pricing-head { border-bottom: 1px solid #717cfc; }
.pricing-block-v1.pricing-block-selected .pricing-content-list ul li:before { color: #c4c8f3; }


/*------------------ Pricing v2 table -----------------------------------*/
.pricing-block-v2{}
.pricing-block-v2.pricing-block {border:1px solid #ebedfc; background-color: #ffffff; border-radius: 4px; 
 }
.pricing-block-v2 .pricing-head { padding: 40px 48px; border-bottom: 1px solid #ebedfc; text-align: center; }
.pricing-block-v2 .pricing-head-title { font-size: 28px; line-height: 34px; margin-bottom: 5px; }
.pricing-block-v2 .pricing-head-text { font-size: 14px; }
.pricing-block-v2 .pricing-head-price { font-size: 60px;
    font-weight: 900;
    color: #181825;
    line-height: 70px;
    margin-bottom: 0px; }
.pricing-block-v2 .pricing-content { padding: 60px 90px; }
.pricing-block-v2 .pricing-content-list { margin-bottom: 40px; }
.pricing-block-v2 .pricing-content-list ul { margin: 0px; padding: 0px; }
.pricing-block-v2 .pricing-content-list ul li { list-style: none; }
.pricing-block-v2 .pricing-content-list .check:before { color: #01d486; }
.pricing-block-v2 .pricing-content-list .close-icon:before{ color: #ff2a07; }
.pricing-block-v2.pricing-block-selected { border-radius: 4px; border-color:#01d486; }
.pricing-block-v2.pricing-block-selected .pricing-head {border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #01d486; color: #fff; border-bottom: 1px solid #01d486; }
.pricing-block-v2.pricing-block-selected .pricing-head-title{color: #fff;}
.pricing-block-v2.pricing-block-selected .pricing-head-price{color: #fff;}




/* ----------------------- Pricing compare table -------------------------*/
.pricing-compare-table { background: #fff;}
.pricing-compare-table.table thead th { padding: 28px 14px;}
.pricing-compare-table.table thead th p{font-weight: normal !important; font-size: 14px; line-height: 24px; position: relative; }
.compare-plan{width: 359px !important;}
.compare-plan-text{}
.base-plan{width: 194px;}
.pricing-compare-table.table tbody td { font-size: 14px; line-height: 24px;}



/*------------------ Pricing v3 table -----------------------------------*/
.pricing-block-v3{}
.pricing-block-v3.pricing-block {border:1px solid #ebedfc; background-color: #ffffff; border-radius: 4px; 
 padding: 20px;}
.pricing-block-v3 .pricing-head {padding: 26px;border-bottom: 1px solid #e2e2eb;/* text-align: center; *//* margin-bottom: 0px; */}
.pricing-block-v3 .pricing-head-title {font-size: 24px;line-height: 34px;margin-bottom: 0px;}
.pricing-block-v3 .pricing-head-text { font-size: 14px; }
.pricing-block-v3 .pricing-bottom-price {
    font-size: 48px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    margin-bottom: 20px;
    border-top: 1px solid #e2e2eb;
    padding: 28px;
    }

 .pricing-block-v3 .pricing-bottom-price sub{font-size: 12px; color: #a2a2ab; font-weight: 400;} 
.pricing-block-v3 .pricing-content {/* padding: 30px; */border-radius: 4px;background-color: #ededf5;}
.pricing-block-v3 .pricing-content-list {padding: 28px;
    min-height: 210px;}
.pricing-block-v3 .pricing-content-list ul { margin: 0px; padding: 0px; }
.pricing-block-v3 .pricing-content-list ul li { list-style: none; }
.pricing-block-v3 .pricing-content-list .check:before { color: #01d486; }
.pricing-block-v3 .pricing-content-list .close-icon:before{ color: #ff2a07; }
.pricing-block-v3.pricing-block-selected {-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); }
.pricing-block-v3.pricing-block-selected .pricing-bottom-price{color: #3544ee;}


/*------------------ Pricing v4 table -----------------------------------*/
.pricing-section{background-color: #fff; padding: 30px;-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); border-radius: 4px;}
.pricing-block-v4{}
.pricing-block-v4.pricing-block {background-color: #ffffff;  
 padding: 40px;}

.pricing-block-v4.pricing-block .pricing-icon{margin-left:auto; margin-right: auto; text-align:center; margin-bottom: 50px; }
.pricing-block-v4 .pricing-head {}
.pricing-block-v4 .pricing-head-title {font-size: 24px;line-height: 34px;margin-bottom: 0px;}
.pricing-block-v4 .pricing-bottom-price {
    font-size: 48px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    margin-top: 20px;  
   
    }
.pricing-block-v4 .pricing-content {text-align: center;}
.pricing-block-v4 .pricing-content-list {padding: 28px;
    min-height: 210px;}
.pricing-block-v4 .pricing-content-list ul { margin: 0px; padding: 0px; }
.pricing-block-v4 .pricing-content-list ul li {line-height: 50px; margin-top: -1px; list-style: none; border-top:1px solid #ebedfc; border-bottom:1px solid #ebedfc;   }



/*------------------ Pricing v5 table -----------------------------------*/

.pricing-block-v5{}
.pricing-block-v5.pricing-block { background-color: #ffffff;  
 }
 .pricing-block-v5.pricing-block .pricing-icon{margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    height: 157px;
    width: 157px;
    background-color: #eff2f9;
    border-radius: 100%;
    padding: 37px;
    line-height: 4.8; }
.pricing-block-v5 .pricing-head {margin-bottom: 30px;}
.pricing-block-v5 .pricing-head-title {font-size: 24px;line-height: 34px;margin-bottom: 0px;}
.pricing-block-v5 .pricing-head-text { font-size: 14px; }
.pricing-block-v5 .pricing-bottom-price {
    font-size: 48px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
    margin-top: 20px;  
   
    }
.pricing-block-v5 .pricing-content {text-align: center; padding: 33px;border:1px solid #ebedfc;}
.pricing-block-v5 .pricing-content-list {}
.pricing-block-v5 .pricing-content-list ul { margin: 0px; padding: 0px; }
.pricing-block-v5 .pricing-content-list ul li {line-height: 50px;
    margin-top: -1px;
    list-style: none;
    border-top: 1px solid #f8f8fb;
    border-bottom: 1px solid #f8f8fb;
    background-color: #f1f1f5;
    padding-left: 30px;    }


    /*------------------ Pricing v6 table -----------------------------------*/

.pricing-block-v6{}
.pricing-block-v6.pricing-block { background-color: #ffffff; border-radius: 4px; 
 }
 .pricing-block-v6.pricing-block .pricing-icon{margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    height: 157px;
    width: 157px;
    background-color: #eff2f9;
    border-radius: 100%;
    padding: 37px;
    line-height: 4.8; }
.pricing-block-v6 .pricing-head { border-bottom: 1px solid #ebecf7; padding: 30px; text-align: center;}
.pricing-block-v6 .pricing-head-title {font-size: 28px;line-height: 40px;margin-bottom: 0px;}
.pricing-block-v6 .pricing-head-text { font-size: 14px; }
.pricing-block-v6 .pricing-bottom-price {
   font-size: 100px;
    font-weight: 900;
    color: #3544ee;
    line-height: 86px;
    margin-top: 50px;
    margin-bottom: 50px;
   
    }
.pricing-block-v6 .pricing-bottom-price sup{font-size: 58px;
    font-weight: 400;}    
.pricing-block-v6 .pricing-content {padding: 30px; text-align: center;}
.pricing-block-v6 .pricing-month-text{font-size: 20px; line-height: 28px;}


   /*------------------ Pricing v7 table -----------------------------------*/
.pricing-list-section{ font-size: 14px; line-height: 26px; }
.pricing-block-v7{}
.pricing-block-v7.pricing-block { background-color: #ffffff; border-radius: 4px;    padding: 25px; 
 }
 .pricing-block-v7.pricing-block .pricing-icon{margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
    height: 157px;
    width: 157px;
    background-color: #eff2f9;
    border-radius: 100%;
    padding: 37px;
    line-height: 4.8; }
.pricing-block-v7 .pricing-head { }
.pricing-block-v7 .pricing-head-title {font-size: 24px;line-height: 40px;margin-bottom: 0px;}
.pricing-block-v7 .pricing-head-text { font-size: 14px; }
.pricing-block-v7 .pricing-top-price {
  font-size: 38px;
    font-weight: 900;
    color: #181825;
    line-height: 50px;
  
    display: inline-block;
   
    }
.pricing-block-v7 .pricing-bottom-price sup{font-size: 58px;
    font-weight: 400;}    
.pricing-block-v7 .pricing-content {padding: 30px; text-align: center;}

.pricing-list-section .list-group-item {
    position: relative;
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 2px solid #ebecf7;
    transition: .5s ease;
}

.pricing-list-section .list-group-item:hover {
   transition: .5s ease;
    border: 2px solid #01d486;
}

.pricing-list-section .list-group-item.active {
   transition: .5s ease;
    border: 2px solid #01d486;
    color: initial;
}


.pricing-feature-block{ background-color: #fff; border:1px solid #ebecf7; border-radius: 4px; padding: 40px; margin-bottom: 30px; }
.pricing-feature-icon{ font-size: 60px;
    color: #3544ee;
    display: inline-block;
    line-height: 64px;
    margin-bottom: 20px;}
.pricing-feature-content{}
.pricing-feature-content-title{margin-bottom: 10px;}
.pricing-feature-content-text{}
.pricing-feature-content-meta-price{ color: #181825; font-size: 20px; margin-left: 15px; }

.pricing-feature-block-selected{-webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15); border-radius: 4px;}

.pricing-sidebar-widget{border:1px solid #e6e6ed; padding: 30px; background-color: #fff; border-radius: 4px;}
.selected-pkg{background-color: #f8f8fb; padding: 15px; border-radius: 4px; margin-bottom: 10px;}
.pricing-total{margin-top: 50px;}
.pricing-total-price{font-size: 52px;
    line-height: 58px;
    color: #3544ee;
    margin-bottom: -14px;}


/*-------------------- 
  index 6
 ---------------------*/
.hero-slideshape { position: relative; min-height: 780px; }
.hero-slideshape-center {background-color: #3544ee;background-size: cover;-webkit-clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);height: 780px;position: relative;}
.hero-slideshape-right { -webkit-clip-path: polygon(44% 0, 100% 0, 100% 100%, 71% 100%); clip-path: polygon(44% 0, 100% 0, 100% 100%, 71% 100%); background: rgba(248, 80, 50, 0); background: -moz-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(31%, rgba(171, 121, 76, 0)), color-stop(100%, rgba(1, 212, 135, 0.61))); background: -webkit-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: -ms-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, rgba(171, 121, 76, 0) 31%, rgba(1, 212, 135, 0.61) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#01d487', GradientType=1); height: 780px; width: 76%; position: absolute; top: 0; right: 0; }
.hero-slideshape-left { -webkit-clip-path: polygon(0 0, 50% 0, 14% 100%, 0% 100%); clip-path: polygon(0 0, 50% 0, 14% 100%, 0% 100%); background: rgba(248, 80, 50, 0); background: -moz-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248, 80, 50, 0)), color-stop(100%, rgba(1, 212, 135, 0.7))); background: -webkit-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: -o-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: -ms-linear-gradient(left, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); background: linear-gradient(to right, rgba(248, 80, 50, 0) 0%, rgba(1, 212, 135, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f85032', endColorstr='#01d487', GradientType=1); height: 780px; width: 76%; position: absolute; top: 0; left: 0; }
.hero-slideshape-caption { color: #b0bffe; margin-bottom: 30px; position: absolute; bottom: -130px; width: 100%; text-align: center; }
.hero-slideshape-caption-title { font-size: 42px; line-height: 52px; }
.hero-slideshape-img { margin-top: 70px; }
.sassdata-left-img { margin-bottom: 60px; position: relative; }
.sassdata-left-content { padding: 30px 80px; margin-bottom: 60px; }
.sassdata-right-img { margin-bottom: 60px; position: relative; }
.sassdata-right-content { padding: 30px 80px; margin-bottom: 60px; }
.sassdata-character-right-img { position: absolute; bottom: 80px; right: 0px; }
.sassdata-character-left-img { position: absolute; bottom: 80px; left: -36px; }
.tab-regular-justify { }
.tab-regular-justify .nav.nav-tabs { border-bottom: transparent; margin-bottom: 60px; }
.tab-regular-justify .nav.nav-tabs .nav-item { }
.tab-regular-justify .nav.nav-tabs .nav-link {display: block;padding: 17px 44px;color: #9b9bdf;background-color: #ffffff;margin-right: 1px;border-color: #ebedfe;}
.tab-regular-justify .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { }
.tab-regular-justify .nav-tabs .nav-link.active {background-color: #f7f8ff;border-color: #ebedfe #ebedfe #ebedfe;color: #3544ee;border-radius: 4px;}
.tab-regular-justify .tab-content { background-color: transparent; }
.tab-regular-justify hr { margin-bottom: 40px; margin-top: 40px; }
.tab-regular-justify .tab-feature-content { padding: 60px 0px; }
.tab-regular-justify .tab-feature-content .arrow li { padding-left: 30px; line-height: 28px; margin-bottom: 23px; }
.tab-regular-justify .character-img { position: absolute; bottom: 0px; left: 54px; }
.feature-left { }
.feature-left.feature-block { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px; }
.feature-left .feature-icon {margin-right: 20px;height: 68px;width: 68px;background-color: #e5e9ff;border-radius: 100%;display: block;text-align: center;padding: 21px;font-size: 28px;line-height: 1;color: #3544ee;}
.feature-left .feature-content { }
.feature-left .feature-title { font-size: 24px; line-height: 36px; margin-bottom: 8px; }

/*------ client-block-v4 -------*/
.client-block-v4 { }
.client-block-v4.client-block { background-color: #fff; display: inline-block; margin-bottom: 50px; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 35px; height: 150px; width: 150px; border-radius: 100%; }
.client-block-v4.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); }
.client-block-v4 .client-block-content { }
.client-block-v4 .client-block-img { }
.footer-second {background-color: #f8f8fb;color: #808294;font-size: 15px;line-height: 28px;position: relative;padding-top: 110px;}
.footer-second-widget { margin-bottom: 60px; }
.footer-second-widget-title { color: #181825; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; }
.footer-second-widget ul { }
.footer-second-widget ul li { margin-bottom: 0px; }
.footer-second-widget ul li a {color: #808294;line-height: 28px;}
.footer-second-widget ul li a:hover { color: #01d486; text-decoration: none; }
.social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; }
.social-icons { margin-top: 2px; }
.icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; }
.icon-square:hover { background-color: #ff4d4d; color: #fff; }
.icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; }
.icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; }
.facebook-outline { border-color: #3b5898; color: #3b5898; }
.twitter-outline { border-color: #1ea2f2; color: #1ea2f2; }
.googleplus-outline { border-color: #f75439; color: #f75439; }
.instagram-outline { border-color: #9361fa; color: #9361fa; }
.linkedin-outline { border-color: #0077b7; color: #0077b7; }
.pinterest-outline { border-color: #c8232c; color: #c8232c; }
.footer-second .tiny-footer {background-color: transparent;border-top: 1px solid #ebecf7;padding-top: 25px;padding-bottom: 45px;line-height: 1.5;color: #8082a8;}

/*-------------------- 
index 7
 ---------------------*/
.hero-shape-one {background-image: url(../images/herocurve-transparent.png);background-color: #3544ee;background-repeat: no-repeat;background-position: 7% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;height: 780px;margin-bottom: -1px;}
.hero-shape-one-caption { color: #b0bffe; margin-bottom: 30px; }
.hero-shape-one-caption-text { padding-top: 260px; }
.hero-shape-one-caption-title { font-size: 52px; line-height: 62px; font-weight: 900; }
.hero-shape-one-caption-img { padding-top: 220px; }

/* --------------- features v6 ------------------------*/
.feature-block-v6 { }
.feature-block-v6.feature-block { margin-bottom: 30px; padding: 40px 16px; border: 1px solid transparent; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.feature-block-v6.feature-block:hover {-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);background-color: #ffffff;border-radius: 4px;border: 1px solid #ebedfc;}
.feature-block-v6 .feature-content { text-align: center; }
.feature-block-v6 .feature-title { margin-bottom: 5px; font-size: 21px; }
.feature-block-v6 .feature-text { }
.feature-block-v6 .feature-icon { background-color: #e1e4fd; color: #3544ee; padding: 25px; font-size: 26px; display: block; text-align: center; width: 81px; height: 81px; margin-bottom: 30px; line-height: 1.3; margin-right: auto; margin-left: auto; border-radius: 100%; }
.analysisdata-right-img { margin-bottom: 60px; position: relative; }
.analysisdata-right-content { padding: 30px 80px; margin-bottom: 60px; }
.analysisdata-character-right-img { position: absolute; bottom: 68px; right: -120px; }
.peromance-img { position: absolute; top: 225px; right: 0; }
.peromance-character-img { position: absolute; right: 580px; bottom: 0px; }
.client-block-v5 { }
.client-block-v5.client-block {background-color: #ffffff;border: 1px solid #ffffff;padding: 50px 30px;margin-bottom: 30px;}
.client-block-v5.client-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06); }
.client-block-v5 .client-block-content { text-align: center; }
.client-block-v5 .client-block-img { background-color: #f7f8ff; text-align: center; margin-bottom: 30px; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 35px; height: 128px; width: 128px; border-radius: 100%; margin-left: auto; margin-right: auto; }

/* --------------- testimonial v5 ------------------------*/
.testimonial-block-v5 { }
.testimonial-block-v5.testimonial-block {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #ffffff;background-clip: border-box;margin-bottom: 30px;border-radius: 4px;border: 1px solid #ebedfc;text-align: center;}
.testimonial-block-v5 .testimonial-content { padding: 50px 35px; }
.testimonial-block-v5 .testimonial-text {font-size: 18px;color: #181825;font-weight: 600;line-height: 30px;font-style: italic;}
.testimonial-block-v5 .testimonial-img { margin-bottom: 30px; }
.testimonial-block-v5 .testimonial-img img { margin-left: auto; margin-right: auto; height: 78px; width: 78px; }
.testimonial-block-v5 .testimonial-meta { }
.testimonial-block-v5 .testimonial-meta-name { margin-bottom: 0px; line-height: 26px; color: #01d486; font-size: 16px; font-weight: 900; }
.testimonial-block-v5.testimonial-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); border: 1px solid transparent; }
.testimonial-carousel-v3 { }
.testimonial-carousel-v3 .owl-carousel .owl-item img { width: auto; }
.testimonial-carousel-v3 .owl-carousel .item { }
.testimonial-carousel-v3 .owl-prev { position: absolute; }
.testimonial-carousel-v3 .owl-next { position: absolute; }
.testimonial-carousel-v3 .owl-prev, .testimonial-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; }
.testimonial-carousel-v3 .owl-prev:hover, .testimonial-carousel .owl-next:hover { background-color: #8e517d; color: #fff; }
.testimonial-carousel-v3 .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #3544ee; font-size: 18px; margin: 5px; padding: 3px 9px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #3544ee; }
.testimonial-carousel-v3 .owl-theme .owl-nav [class*='owl-']:hover { background: #3544ee; color: #FFF; text-decoration: none; }
.testimonial-carousel-v3 .owl-theme .owl-dots .owl-dot span { display: none; }

/*---------------------------------------------- 
index 8
 -------------------------------------------------*/
.hero-shape-second {background-image: url(../images/bottom-curve.png);background-color: #3544ee;background-repeat: no-repeat;background-position: 70% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;max-height: 750px;margin-bottom: -1px;}
.hero-shape-second-caption { color: #b0bffe; margin-bottom: 30px; }
.hero-shape-second-caption-text { padding-top: 260px; }
.hero-shape-second-caption-title { font-size: 52px; line-height: 62px; font-weight: 900; }
.hero-shape-second-caption-img { padding-top: 160px; padding-left: 150px; }

/* --------------- features v7 ------------------------*/
.feature-block-v7 { }
.feature-block-v7.feature-block { margin-bottom: 30px; }
.feature-block-v7 .feature-content { }
.feature-block-v7 .feature-title { margin-bottom: 5px; font-size: 21px; }
.feature-block-v7 .feature-text { }
.feature-block-v7 .feature-icon { background-color: #e1e4fd; color: #3544ee; padding: 18px; font-size: 20px; display: block; text-align: center; width: 60px; height: 60px; margin-bottom: 30px; line-height: 1.5; border-radius: 100%; }
.feature-app-img { position: relative; text-align: center; }
.circle-1 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; background-color: #3be1a4; color: white; text-align: center; line-height: 100px; border-radius: 50%; font-size: 1.3rem; }
.circle-1:hover { cursor: pointer; }
.circle-1::after, .circle-1::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; }
.circle-1::after { background: rgb(59, 225, 164); }
.circle-1::after::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; }
.circle-1::before { background: rgb(59, 225, 164); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.circle-2 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; background-color: #9c4efb; color: white; text-align: center; line-height: 100px; border-radius: 50%; font-size: 1.3rem; }
.circle-2:hover { cursor: pointer; }
.circle-2::after, .circle-2::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #9c4efb; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; }
.circle-2::after { background: rgba(156, 78, 251, .5); }
.circle-2::after::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; }
.circle-2::before { background: rgba(156, 78, 251, .5); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.circle-3 { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 390px; height: 390px; background-color: #fb8645; color: white; text-align: center; line-height: 100px; border-radius: 50%; font-size: 1.3rem; }
.circle-3:hover { cursor: pointer; }
.circle-3::after, .circle-3::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #fb8645; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; }
.circle-3::after { background: rgba(251, 134, 69, .5); }
.circle-3::after::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 390px; height: 390px; background: #3be1a4; border-radius: 50%; z-index: -1; -webkit-animation: grow 3s ease-in-out infinite; animation: grow 3s ease-in-out infinite; }
.circle-3::before { background: rgba(251, 134, 69, .5); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
@-webkit-keyframes grow {
  0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  100% { -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; }
}
@keyframes grow {
  0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; }
  100% { -webkit-transform: scale(1.8, 1.8); transform: scale(1.8, 1.8); opacity: 0; }
}

/* --------- counter v-6  -------------------*/
.counter-v6.counter-block { padding: 20px 0px; }
.counter-v6 .counter-block-content { }
.counter-v6 .counter-block-number {margin-bottom: 10px;font-size: 72px;line-height: 80px;color: #181825;margin-bottom: 30px;}
.counter-v6 .counter-block-title { font-size: 20px; line-height: 30px; }
.counter-v6 .counter-block-text { }
.counter-v6 .plus-sign { position: absolute; font-size: 48px; color: #181825; top: 40px; right: 60px;}

/* --------- cta   -------------------*/
.cta-curveshape {background-image: url(./images/bottom-curve.png);background-color: #313fdd;background-repeat: no-repeat;background-position: 70% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;max-height: 780px;margin-bottom: -1px;}
.cta-curveshape-caption { color: #b0bffe; margin-bottom: 30px; }
.cta-curveshape-caption-text { padding-top: 260px; }
.cta-curveshape-title { font-size: 42px; line-height: 52px; }
.cta-curveshape-img { padding-top: 80px; padding-left: 90px; }
.cta-curveshape a { margin-bottom: 10px; display: inline-block; }

/*------------------------------------------------ 
index 9
 -------------------------------------------------*/
.hero-shape-third {background-image: url(../images/hero-side-shape.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 100% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;height: 793px;margin-bottom: -1px;position: relative;}
.hero-shape-third-caption { margin-bottom: 30px; }
.hero-shape-third-caption-text { padding-top: 230px; }
.hero-shape-third-caption-title { font-size: 66px; line-height: 76px; font-weight: 900; }
.hero-shape-third-caption-img { padding-top: 100px; }
.header-transparent-second { position: fixed; width: 100%; z-index: 1030; }
.navbar-transparent-second { padding: 16px 0px; }
.header-transparent-second .navbar-toggler { padding: 11px 13px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; background-color: #fff; }
.header-transparent-second.header-collapse {background: #ffffff !important;border-color: #ffffff;border-bottom: 1px solid #f0f0f0;transition: .3s ease-out;}
.navbar-transparent-second .navbar-nav .nav-link { color: #fff;padding: 9px 16px; }
.navbar-transparent-second .navbar-nav .nav-item .nav-link {font-size: 16px;color: #181825;}
.navbar-transparent-second .dropdown-toggle::after {margin-top: 1px;display: inline-block;width: 0;height: 0;margin-left: 6px;vertical-align: -2px;content: "\f107";border-top: none;border-right: none;border-bottom: none;border-left: none;color: #bdbebf;font-family: 'FontAwesome';font-weight: 900;margin-right: 15px;font-size: 13px;float: right;}
.navbar-transparent-second .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item { border-bottom: 1px solid #f1f1f6; border-radius: 0px; }
.quote-form {position: relative;background-color: #ffffff;padding: 60px;bottom: 100px;border: 1px solid #ffffff;border-radius: 4px;-webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);}
.quote-form i {position: absolute;right: 20px;bottom: 18px;font-size: 12px;color: #2c2c7a;}

/* --------------- features v8 ------------------------*/
.feature-block-v8 { }
.feature-block-v8.feature-block {transition: all .4s ease;margin-bottom: 80px;border: 1px solid #ebecf7;padding: 50px;background-color: #ffffff;}
.feature-block-v8.feature-block:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: all .4s ease; transform: translate3D(0, -20px, 0) scale(1); }
.feature-block-v8 .feature-content { }
.feature-block-v8 .feature-title { margin-bottom: 5px; font-size: 21px; }
.feature-block-v8 .feature-text { }
.feature-block-v8 .feature-icon {background-color: #e9ebfc;color: #3644ef;padding: 12px;font-size: 20px;display: inline-block;text-align: center;width: 52px;height: 52px;margin-bottom: 30px;line-height: 1.5;border-radius: 100%;}

/* --------------- product carousel v8 ------------------------*/
.ins-product-carousel-v4 { }
.ins-product-carousel-v4 .owl-carousel .owl-item img { width: auto; }
.ins-product-carousel-v4 .owl-carousel .item { }
.ins-product-carousel-v4 .owl-prev { position: absolute; }
.ins-product-carousel-v4 .owl-next { position: absolute; }
.ins-product-carousel-v4 .owl-theme .owl-nav { margin-top: 60px; text-align: center; -webkit-tap-highlight-color: transparent; }
.ins-product-carousel-v4 .owl-prev, .ins-product-carousel .owl-next { background-color: #ff515b; padding: 10px 16px; border-radius: 100%; font-size: 18px; }
.ins-product-carousel-v4 .owl-prev:hover, .ins-product-carousel .owl-next:hover { background-color: #8e517d; color: #fff; }
.ins-product-carousel-v4 .owl-theme .owl-nav [class*='owl-'] { position: relative; color: #ffffff; font-size: 28px; margin: 5px; padding: 11px 9px; background: #5a67fb; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 55px; width: 55px; border: 2px solid #5a67fb; }
.ins-product-carousel-v4 .owl-theme .owl-nav [class*='owl-']:hover { background: #01d486; color: #FFF; text-decoration: none; border-color: #01d486; }
.ins-product-carousel-v4 .owl-theme .owl-dots .owl-dot span { display: none; }

/*----------- Insurance Products  --------*/
.product-card { }
.product-head { }
.product-icon { }
.product-content { }
.product-title { }
.product-text {color: #000;}

/*-----------Product v1 --------*/
.product-card-v1 { }
.product-card-v1.product-card {background-color: #ffffff;border-radius: 8px;}
.product-card-v1 .product-head { padding: 55px; background-color: #fffaf1; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.product-card-v1 .product-icon { height: 120px; width: 120px; font-size: 55px; color: #000; background-color: #ffecc8; border-radius: 100%; line-height: 63px; padding: 28px 30px; display: inline-block; }
.product-card-v1 .product-content { padding: 55px; }
.product-card-v1 .product-title { }
.product-card-v1 .product-text { }

/*-----------process v6 --------*/
.process-block-v6 { }
.process-block-v6.process-block { text-align: center; margin-bottom: 50px; }
.process-block-v6 .process-block-img { margin-bottom: 50px; }
.process-block-v6 .process-block-content { padding: 0px 20px; }
.process-block-v6 .process-block-title { font-size: 22px; line-height: 30px; }
.process-block-v6 .process-block-text { }
.image-section-v3 { }
.image-section-v3-content { padding: 80px; }

/* --------------- testimonial v6 ------------------------*/
.testimonial-block-v6 { }
.testimonial-block-v6.testimonial-block { }
.testimonial-block-v6 .testimonial-content { }
.testimonial-block-v6 .testimonial-text { font-size: 26px; line-height: 42px; font-style: italic; color: #fff; }
.testimonial-block-v6 .testimonial-comment-icon { margin-bottom: 32px; display: block; }
.testimonial-block-v6 .testimonial-meta { margin-left: 18px; align-self: center; }
.testimonial-block-v6 .testimonial-meta-name { margin-bottom: 6px; color: #fff; font-size: 18px; }
.testimonial-block-v6 .testimonial-img { }
.testimonial-carousel-v4 { }
.testimonial-carousel-v4 .owl-carousel .owl-item img { width: auto; }
.testimonial-carousel-v4 .owl-prev { position: absolute; top: 45%; left: 10px; }
.testimonial-carousel-v4 .owl-next { position: absolute; top: 45%; right: 10px; }
.testimonial-carousel-v4 .owl-theme .owl-nav [class*='owl-'] { color: #ffffff; font-size: 18px; margin: 5px; padding: 3px 10px; background: transparent; display: none; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #ffffff; }
.testimonial-carousel-v4 .owl-theme .owl-nav [class*='owl-']:hover { background: #01d486; color: #FFF; text-decoration: none; border-color: #01d486; }
.testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 4px 2px; background: #fff; border: 2px solid #fff; border-radius: 100%; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.testimonial-carousel-v4 .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 0px; position: relative; }
.testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot.active span, .testimonial-carousel-v4 .owl-theme .owl-dots .owl-dot:hover span { background: #01d486 !important; border-color: #01d486; }

/* --------------- Client Block v6 ------------------------*/
.partner-block-content { padding: 120px 40px; }
.client-block-v6 { }
.client-block-v6.client-logos { width: 587px; height: 556px; list-style: none; padding: 0; margin: 0; background-color: transparent; border-radius: 100%; position: relative; }
.client-block-v6.client-logos li {position: absolute;background-color: transparent;border: 1px solid #ebecf7;padding: 32px 31px;margin-bottom: 30px;border-radius: 100%;display: inline-block;height: 145px;width: 145px;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.client-block-v6.client-logos li:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.06); background-color: #fff; border-color: #fff; }
.client-block-v6.client-logos li:nth-child(1) { top: 72px; left: 53px; }
.client-block-v6.client-logos li:nth-child(2) { top: 205px; left: 222px; }
.client-block-v6.client-logos li:nth-child(3) { top: 285px; left: 18px; }
.client-block-v6.client-logos li:nth-child(4) { left: 194px; bottom: -29px; }
.client-block-v6.client-logos li:nth-child(5) { top: 337px; right: 51px; }
.client-block-v6.client-logos li:nth-child(6) { top: 136px; right: 13px; }
.client-block-v6.client-logos li:nth-child(7) { top: 2px; right: 176px; }

/* --------------- cta v5 ------------------------*/
.cta-v5 { }
.cta-v5.cta { border-bottom: 1px solid #353a76; padding-bottom: 60px; margin-bottom: 60px; }
.cta-v5 .cta-content { }
.cta-v5 .cta-title { margin-bottom: 10px; font-size: 42px; line-height: 53px; color: #a7ade4; }

/*-------------------- 
index 10
 ---------------------*/
.hero-shape-fourth {background-image: url(../images/section-wave-pattern-1.png);
  background-color: #032fdf;background-repeat: no-repeat;background-position: 7% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;border-width: 0;border-top-width: 0px;border-bottom-width: 0px;height: 903px;margin-bottom: -1px;}
.hero-shape-fourth-caption { color: #b0bffe; margin-bottom: 30px; }
.hero-shape-fourth-caption-text { padding-top: 230px; }
.hero-shape-fourth-caption-title { font-size: 86px; line-height: 96px; font-weight: 900; }
.hero-shape-fourth-caption-img { padding-top: 100px; }

/*------ service-block-v6 -------*/
.service-block-v7 { }
.service-block-v7.service-block {padding: 40px 40px 60px 40px;background-image: url(../images/wave-pattern.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 7% 100%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;margin-bottom: -1px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.service-block-v7 .service-block-title { margin-bottom: 10px; font-size: 22px; line-height: 34px; }
.service-block-v7 .service-block-content { }
.service-block-v7 .service-block-icon { font-size: 35px; padding: 16px 18px; height: 70px; width: 70px; line-height: 1.1; background-color: #f8f8fb; border-radius: 12px; display: inline-block; margin-bottom: 30px; }
.service-block-v7.service-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.section-pattern-first {background-image: url(./images/section-wave-pattern-2.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 200px;padding-bottom: 10px;}
.section-pattern-second {background-image: url(./images/section-wave-pattern-3.png);background-color: #f9f9ff;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 220px;padding-bottom: 120px;position: relative;z-index: 1;}
.counter-v7.counter-block { background-color: #fff; border-radius: 8px; padding: 57px 30px; position: relative; margin-bottom: 30px; }
.counter-v7 .counter-block-content { }
.counter-v7 .counter-block-number { margin-bottom: 10px; font-size: 82px; line-height: 80px; color: #181825; margin-bottom: 30px; }
.counter-v7 .counter-block-title { font-size: 20px; line-height: 30px; }
.counter-v7 .counter-block-text { }
.counter-v7 .plus-sign { position: absolute; font-size: 48px; color: #181825; top: 62px; left: 140px;}
.case-study-block { }
.case-study-block-img { }
.case-study-block-content { }
.case-study-block-title { }
.case-study-block-text { }
.case-study-block-subtext { }
.case-study-block-v1 { }
.case-study-block-v1.case-study-block { transition: all .4s ease; margin-bottom: 30px; }
.case-study-block-v1 .case-study-block-img { }
.case-study-block-v1 .case-study-block-content {padding: 60px;background-color: #ffffff;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.case-study-block-v1 .case-study-block-title {font-weight: 900;color: #181825;}
.case-study-block-v1 .case-study-block-text { }
.case-study-block-v1 .case-study-block-subtext { font-size: 20px; margin-bottom: 40px; }
.case-study-block-v1.case-study-block:hover { -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); transition: all .4s ease; transform: translate3D(0, -20px, 0) scale(1); }
.section-pattern-third {background-image: url(./images/section-wave-pattern-2.png);background-color: #ffffff;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 220px;padding-bottom: 120px;position: relative;z-index: 1;}
.section-pattern-fourth {background-image: url(./images/section-wave-pattern-4.png);background-color: #f8f8fb;background-repeat: no-repeat;background-position: 7% 0%;background-size: cover;-webkit-background-size: auto;-moz-background-size: auto;-o-background-size: auto;width: auto;padding-top: 220px;padding-bottom: 120px;position: relative;z-index: 1;}


/*------------------------- 9.5 Lenders -------------------------------*/
.lender-filter-form { }
.lender-block .arrow li:before { color: #2d3ad2; }
.lender-block-v1 { }
.lender-block-v1.lender-block { margin-bottom: 30px; position: relative; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid #ebedfc; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.lender-block-v1 .lender-header { padding: 30px; background-color: #fff; border-bottom: 1px solid #ebedfc; }
.lender-block-v1 .lender-title { line-height: 38px; }
.lender-block-v1 .lender-content { padding: 30px; }
.lender-block-v1 .lender-img { }
.lender-block-v1 .lender-text { }
.lender-block-v1 .lender-footer { background-color: #fff; border-top: 1px solid #ebedfc; padding: 16px 30px; line-height: 1.8; }
.lender-block-v1.lender-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.lender-content-list { }
.rating { font-size: 12px; color: #ffb607; line-height: 15px; }
.rating-number { color: #181825; margin-left: 4px; }
.rating-text { color: #01d486; margin-left: 12px; }
.rating-text i { margin-right: 5px; }

/*------------------ 9.6 lender Single ----------------------------*/
.review-section { background-color: #fff; border: 1px solid #ebedfc; }
.review-section-title { padding: 34px 0px 0px 34px; margin-bottom: 0px; }
.review-block { }
.review-content { border-bottom: 1px solid #ebedfc; padding: 18px 34px 34px 34px; margin-bottom: 20px; }

.review-date { margin-bottom: 10px; font-size: 14px; }
.review-sub-content { }
.review-title { margin-bottom: 8px; }
.review-text { }
.reviewer-name { color: #181825; }
.review-meta-text { margin-left: 8px; }
.review-meta { font-size: 15px; margin-bottom: 5px; }
.review-location { margin-left: 15px; color: #01d486; }
.review-location i { margin-right: 6px; color: #01d486; }

/*---------------- 9.4 About us ---------------------*/
.simple-para { }

/*---------------- 9.4 About us second ---------------------*/
.slider-gallery { overflow: hidden; }
.slider-gallery .slider-captions { position: absolute; bottom: 230px; color: #fff; }
.slick-list img { width: 100%; min-height: 100%; }
.slider-gallery-nav { }
.slider-gallery .slick-slide { margin: 0px; }
.slider-gallery-nav .slick-track {  -webkit-transform: none !important; transform: none !important; left: 40% !important; }
.slider-gallery .slick-arrow { position: absolute; top: 53%;}
.slider-gallery .slick-prev {left: 18px;
    color: #fff;
    background-color: #3644ef;
    border-radius: 100%;
    text-align: center;
    height: 40px;
    width: 40px; }
.slider-gallery .slick-prev:before, .slider-gallery .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #f8f8fb;
    -webkit-font-smoothing: antialiased;}    
.slider-gallery .slick-next { right: 18px; color: #fff;
    background-color: #3644ef;
    border-radius: 100%;
    text-align: center;
    height: 40px;
    width: 40px; }
.slider-gallery-nav .item { width: 20px !important; }
.slider-gallery-nav .item.slick-slide.slick-current {color: #01d486;}


/*---------------- 9.4 About us third ---------------------*/
.split-section{background-color: #fff; position: relative; z-index: -1;}
.split-img-right-content{display: flex;
    min-height: 500px;
   
    width: 70%;
    padding: 90px; }
.split-img-right-content-text{}
    .split-img-left-content{display: flex;
    min-height: 500px;
   
    width: 70%;
    padding: 90px;margin-left: 200px; }
.split-img-left-content-text{}



/*------------------  9.11 compare rate -----------------------------*/
.lender-compare-block { }
.lender-compare-block .card-body { padding: 20px; }
.lender-compare-table { }
.lender-data { }
.lender-data-img { margin-bottom: 15px; }
.lender-rate-value { }
.lender-rate-meta { }
.lender-rate-meta-text { }
.lender-rate-meta-value { }
.lender-rate-meta-fees { }
.lender-rate-meta-amount { }
.lender-payment-amount { margin-bottom: 2px; }
.lender-payment-amount-meta { }
.lender-info-call-text { }
.lender-rate { padding: 18px; }
.lender-payment { padding: 18px; }
.lender-info { padding: 18px 11px; }
.lender-id { color: #bbbcc6; }
.lender-compare-table.table th, .lender-compare-table.table td { width: 25%; border-top: 1px solid #ebedfc; }
.lender-compare-table th { background-color: #fafaff; padding-left: 30px; }
.btn-popover { color: #b0b2c0; }
.btn-popover:hover { color: #3544ee; }
.modal-body { padding: 0px; }
.lender-popup-content { overflow-y: scroll; max-height: 450px; }
.lender-data-rating { line-height: 1.6; margin-bottom: 12px; }
.lender-rate-data { line-height: 1.4; }

/*--------------------------  9.13 404 Error ----------------------------------*/
.error-section { background: url(../images/error-img.png); background-repeat: no-repeat; height: 935px; background-size: cover; }
.error-block { padding-top: 320px; }
.error-title { font-size: 170px; }
.error-sub-title { font-size: 52px; line-height: 60px; color: #808294; }

/*----------------------------  9.14 Contact  -----------------------*/
.contact-section { background-color: #fff; padding: 70px; border: 1px solid #ebecf7; border-radius: 4px; }
.contact-info-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; text-align: center; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.contact-info-icon {height: 86px;width: 86px;color: #3544ee;background-color: #f3f6ff;font-size: 28px;padding: 29px 30px;display: block;margin-right: auto;margin-left: auto;margin-bottom: 30px;line-height: 28px;}
.contact-info-content { padding: 60px 50px; }
.contact-info-title { font-size: 18px; line-height: 26px; margin-bottom: 10px; }
.contact-info-text { }
.contact-info-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.location-block { margin-bottom: -1px; border: 1px solid #ebedfc; position: relative; border-radius: 4px; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin-right: -1px; }
.location-block:hover { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06); }
.location-content { padding: 35px; }
.location-title { font-size: 20px; line-height: 20px; margin-bottom: 15px; }
.location-text { margin-bottom: 10px; }
.location-number { color: #181825; margin-bottom: 14px; }

/*---------------   loan Calculator -----------------*/
.calculator .calculator-amortization { }
.calculator input[type=text], .calculator-amortization input[type=text] { display: block; width: 100%; font-size: 16px; line-height: 1.42857143; height: 50px; color: #303443; background-color: #fbfbff; background-image: none; border: 1px solid #ceced8; border-radius: 2px; padding: 18px; }
.results { overflow: auto; }
.results-data { padding: 34px 30px 0px 30px; margin-bottom: 0px; }
.results p:last-child { border-bottom: none; }
.calculator-form { width: 50% !important; float: left; }
.calculator-form-second { margin-bottom: 30px; }
.calculator-form-results { }
.calculator-form-results table { border-collapse: collapse; width: 100%; }
.calculator-form-results th, .calculator-form-results td { border-top: 2px solid #ebedfc; padding: 8px; color: #303443; }
.calculator-form-results th { color: #303443; }
.calculator-form-results td { color: #626582; }
.accrue-field-amount, .accrue-field-rate, .accrue-field-term { padding: 10px 30px; }

/*-------------------- career page ---------------------*/
.career-page-desc{}
.career-page-desc-list{}
.career-page-desc-list ul{}
.career-page-desc-list ul li{padding-left: 30px; margin-bottom: 16px;}

.career-page-desc-list li:before{font-size: 16px; color: #01d486;}
.career-page-img{text-align: center;}
.why-work-section{background-color: #fff; position: relative;
    z-index: -2; padding: 150px 0px;}
.why-work{}
.why-work ul{}
.why-work ul li{}
.why-work ul li:before{color: #01d486;}
.why-work-image{position: relative;}
.why-work-img-1{
    position: absolute;
    left: 0;
    top: 144px;
    }
.why-work-img-2{
    position: absolute;
    right: 0;
    top: 0px;
    }

.why-work-img-1 img, .why-work-img-2 img{border-radius: 4px;}
.job-opening-list-head{
    margin-bottom: 40px;
}
.job-opening-list{}
.job-opening-list-designation{
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 5px;
}
.job-opening-list-locator{
    font-size: 14px;
    line-height: 26px;
}
.job-opening-list-desc{margin-bottom: 30px;}
.job-opening-list-desc-name{font-size: 18px; line-height: 24px; }
.job-opening-list-key{margin-bottom: 30px;}
.job-opening-list-key-name{font-size: 18px; line-height: 24px;}
.job-opening-list-key ul{}
.job-opening-list-key ul li{}
.job-opening-list-key li:before{color: #01d486;}

.job-opening-list-skill{margin-bottom: 30px;}
.job-opening-list-skill-name{font-size: 18px; line-height: 24px;}
.job-opening-list-skill ul{}
.job-opening-list-skill ul li{}
.job-opening-list-skill li:before{color: #01d486;}

.job-opening-list-location{margin-bottom: 30px;}
.job-opening-list-location-name{font-size: 18px; line-height: 24px;}

.job-opening-list-work{margin-bottom: 30px;}
.job-opening-list-work-name{font-size: 18px; line-height: 24px;}

.job-opening-list-position{margin-bottom: 30px;}
.job-opening-list-position-name{font-size: 18px; line-height: 24px;}

.job-opening-list-benefits{margin-bottom: 30px;}
.job-opening-list-benefits-name{font-size: 18px; line-height: 24px;}
.job-opening-list-benefits ul{}
.job-opening-list-benefits li{}
.job-opening-list-benefits li:before{color: #01d486;}


/*-------------------- help Center ---------------------*/

.helpcenter-search-section{text-align: center;}
.helpcenter-search-section-title{}
.helpcenter-search-section h1{margin-bottom: 30px;}

.hc-categrory-block {  -webkit-transition: all 0.3s;
    transition: all 0.3s; border: 1px solid #ebecf7; background-color: #fff; padding: 45px; text-align: center; border-radius: 4px; margin-bottom: 30px; }
.hc-categrory-block:hover{-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}
.hc-categrory-icon { background-color: #ebedfe; height: 115px; width: 115px; margin-right: auto; margin-left: auto; margin-bottom: 30px; line-height: 1.2;
    padding: 30px;
    border-radius: 100%; }
.hc-categrory-icon img{height: 46px; }

.hc-categrory-content{}
.hc-categrory-content-title{ font-size: 22px; line-height:42px; }

.hc-featured-article-block{ background-color: #fff; border-radius: 4px; padding: 60px 80px; }

.hc-featured-artical-block-list{}
.hc-featured-artical-block-list ul{}
.hc-featured-artical-block-list ul li{}
.hc-featured-artical-block-list ul li a{font-size: 18px; line-height:32px; color: #181825;
    background-color: #fff;
    border-bottom:  1px solid rgb(235, 236, 247); padding: 21px 24px; display: block; transition: .5s ease; }
    .hc-featured-artical-block-list ul li a:hover{ color: #01d486;  transition: .5s ease;}


.hc-featured-artical-block-list .angle li {
    padding-left: 13px;
    line-height: 73px;

}

.hc-featured-artical-block-list .angle li:before{ color: #01d486 !important; left: 14px;}

.hc-support-section{background-color: #fff; border-radius: 4px; padding: 42px; border:1px solid #ebecf7;}

.hc-support-block{display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;}
.hc-support-block-content{ }
.hc-support-block-icon{ background-color: #ebedfe; height: 115px; width: 115px;  line-height: 1.2;
    padding: 30px;
    border-radius: 100%;  margin-bottom: 40px; margin-right: 20px;}
.hc-support-block-icon img{width: 55px;}
.hc-video .video-container, .hc-video .video-container-2 {
    }
.hc-support-block-call-info{font-size: 18px;}




/*-------------------- hc-category-page ---------------------*/


.hc-category-page-section{border:1px solid #ebecf7; padding:50px; background-color: #fff; border-radius: 4px; }
.hc-category-page-block{margin-bottom: 50px; }
.hc-category-page-block-heading{border-bottom: 1px solid #ebecf7; padding:0px 0px 20px 0px; margin-bottom: 30px;}
.hc-category-page-block-heading h3{font-size: 24px; line-height: 32px;}
.hc-category-page-block-content{}
.hc-category-page-block-content ul{}
.hc-category-page-block-content ul li{line-height: 2.6;}
.hc-category-page-block-content ul li a{font-size: 18px; line-height: 34px; color: #181825; margin-bottom: 0px;}
.hc-category-page-block-content ul li a:hover{color: #3544ee; text-decoration: underline;}




.hc-sidebar{}
.hc-sidebar-widget{background-color: #fff; border:1px solid #ebecf7;}
.hc-sidebar-widget-title{background-color: #fff; border-bottom:1px solid #ebecf7; padding: 20px 25px; margin-bottom: 0px;}
.hc-sidebar-widget-content{padding: 25px;}
.hc-sidebar-widget-content ul{}
.hc-sidebar-widget-content ul li{line-height: 2.5;}
.hc-sidebar-widget-content ul li a{ color: #181825;}
.hc-sidebar-widget-content ul li a:hover{ color: #3544ee;}
.hc-category-single {
    background-color: #fff;
    padding: 40px;
    border-radius: 4px;
    border: 1px solid #ebecf7;
}

/*-------------------------------------------------------------------
5. icons
-------------------------------------------------------------------*/

/*-------------------- User icon sizes ---------------------*/
.user-avatar-xxl { height: 128px; width: 128px; }
.user-avatar-xl { height: 90px; width: 90px; }
.user-avatar-lg { height: 48px; width: 48px; }
.user-avatar-md { height: 32px; width: 32px; }
.user-avatar-sm { height: 24px; width: 24px; }
.user-avatar-xs { height: 18px; width: 18px; }
.icon-circle { border-radius: 100% !important; }
.outline-label { border: 2px solid #eeeeff; color: #8484f8; padding: 8px 20px; line-height: 1; font-size: 14px; border-radius: 20px; background-color: transparent; display: inline-block; }

/*---------------- Fontawesome size -----------------------*/
.fa-xl { }
.fa-lg { }
.fa-md { }
.fa-sm { font-size: 24px !important; }
.fa-xs { font-size: 11px !important; }

/*-------------------------------------------------------------------
6. Layouts
-------------------------------------------------------------------*/

/*--------------------  Width Class ---------------------*/
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.custom-width { max-width: 1466px !important; }
.custom-container { max-width: 1200px !important; }


/*--------------------  Section Class ---------------------*/
.section-block { margin: 16px 0px; }
.section-title { font-weight: 500; margin-bottom: 0px; }
.section-heading-single { margin-bottom: 30px; }
.section-heading { margin-bottom: 60px; }
.section-heading-title { }
.section-heading-text { }
.section-heading-btn { }
.title {color: #181825;}

/*--------------------  Padding / Margin ---------------------*/
.nopadding { padding: 0px; }

/*--- All Side padding ---*/
.p-4 { padding: 30px !important; }
.p-5 { padding: 45px !important; }
.p-6 { padding: 65px !important; }
.p-8 { padding: 80px !important; }

/*---Padding Right ---*/
.p-r-0 { padding-right: 0px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }
.p-r-25 { padding-right: 25px; }
.p-r-140 { padding-right: 140px; }

/*---Padding left ---*/
.p-l-0 { padding-left: 0px; }
.p-l-10 { padding-left: 10px; }
.p-l-15 { padding-left: 15px; }
.p-l-20 { padding-left: 20px; }
.p-l-25 { padding-left: 25px; }
.p-l-40 { padding-left: 40px; }
.p-l-140 { padding-left: 140px; }

/*---Padding Top ---*/
.p-t-0 { padding-top: 0px; }
.p-t-10 { padding-top: 10px; }
.p-t-20 { padding-top: 20px; }
.p-t-30 { padding-top: 30px; }
.p-t-40 { padding-top: 40px; }
.p-t-60 { padding-top: 60px; }
.p-t-80 { padding-top: 80px; }
.p-t-100 { padding-top: 100px; }
.p-t-120 { padding-top: 120px; }
.p-t-140 { padding-top: 140px !important; }
.p-t-200 { padding-top: 200px; }

/*---Padding bottom ---*/
.p-b-0 { padding-bottom: 0px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-20 { padding-bottom: 20px; }
.p-b-30 { padding-bottom: 30px; }
.p-b-40 { padding-bottom: 40px; }
.p-b-60 { padding-bottom: 60px; }
.p-b-80 { padding-bottom: 80px; }
.p-b-100 { padding-bottom: 100px; }
.p-b-120 { padding-bottom: 120px; }
.p-b-140 { padding-bottom: 140px; }
.m-r-0 { margin-right: 0px; }
.m-r-10 { margin-right: 10px; }
.m-r-15 { margin-right: 15px; }
.m-r-20 { margin-right: 20px; }
.m-r-25 { margin-right: 25px; }
.m-r-60 { margin-right: 60px; }
.m-l-0 { margin-left: 0px; }
.m-l-10 { margin-left: 10px; }
.m-l-15 { margin-left: 15px; }
.m-l-20 { margin-left: 20px; }
.m-l-25 { margin-left: 25px; }
.m-l-100 { margin-left: 100px; }
.m-t-0 { margin-top: 0px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-60 { margin-top: 60px; }
.m-t-80 { margin-top: 80px; }
.m-t-100 { margin-top: 100px; }
.m-t-120 { margin-top: 120px; }
.m-t-140 { margin-top: 140px; }
.m-b-0 { margin-bottom: 0px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-60 { margin-bottom: 60px; }
.m-b-80 { margin-bottom: 80px; }
.m-b-100 { margin-bottom: 100px !important; }
.m-b-120 { margin-bottom: 120px; }
.ml-minus-1 { margin-left: -1px !important; }
.ml-minus-2 { margin-left: -2px !important; }
.ml-minus-3 { margin-left: -3px !important; }
.mr-minus-1 { margin-right: -1px !important; }
.mr-minus-2 { margin-right: -2px !important; }
.mr-minus-3 { margin-right: -3px !important; }
.mb-minus-1 { margin-bottom: -1px !important; }
.mb-minus-2 { margin-bottom: -2px !important; }
.mb-minus-3 { margin-bottom: -3px !important; }

/* -----------------------  pageheader -------------------------*/
.pageheader-bg {background-color:#3544ee;background-size: cover;position: relative; min-height: 340px;
  margin-bottom: 65px; position: relative;}
.pageheader-bg::before {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
   
}
.pageheader-img-bg { background: url(../images/pageheader-img-4.jpg)no-repeat; background-size: cover; position: relative; min-height: 500px; margin-bottom: 60px; }
.pageheader-img-bg:before { content: '2'; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #878896, #191a1c); opacity: 0.4; }
.pageheader-img-bg .page-caption { top: 258px; }
.pageheader-second-bg {background-color: #3544ee;min-height: 500px;padding: 120px 0px;position: relative;}
.pageheader-second-bg:before{position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;}
.pageheader-second-img { position: relative; }
.pageheader-second-caption { }
.pageheader .post-meta { border-top: 1px solid #ebecf7 !important; border: 0px; }
.page-caption {position: relative;border-radius: 4px;-webkit-box-shadow: 0px 5px 29px -11px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 5px 29px -11px rgba(0, 0, 0, 0.75);box-shadow: 0px 3px 21px -13px rgba(0, 0, 0, 0.75);top: 98px;}
.pageheader-img { }
.pageheader-img img { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.page-caption-text { padding: 55px; min-height: 242px; }
.page-caption-title { font-size: 42px; line-height: 48px; margin-bottom: 20px; }
.page-caption-para-text { font-size: 21px; line-height: 32px; }



.pageheader-third-bg {background-color: #3544ee;padding: 120px 0px;position: relative;}
.pageheader-third-bg:before{position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(../images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;}
.pageheader-third-img { position: relative; }
.pageheader-third-caption { }









/* -----------------------  pagebreadcrumb -------------------------*/
.page-breadcrumb { position: relative; }
.page-breadcrumb .breadcrumb { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 30px; margin-bottom: 5px; list-style: none; background-color: #fff; line-height: 3; border-top: 1px solid #e7e7ef; border-radius: 0px 0px 5px 5px; }
.page-breadcrumb .breadcrumb .breadcrumb-item { font-size: 14px; }
.page-breadcrumb .breadcrumb .breadcrumb-item.active { color: #808294; }
.page-breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: .5rem; color: #d2d3d8; content: '\f061'; font-family: 'FontAwesome'; font-weight: 900; font-size: 12px; }
.page-breadcrumb .breadcrumb .breadcrumb-item .breadcrumb-link { color: #3544ee; z-index: 10; position: relative; }
.pageheader-btn { text-align: right; padding-bottom: 20px; }


.page-breadcrumb-bg{background-color: #eeeef6;}

.page-breadcrumb-bg .page-breadcrumb .breadcrumb{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    line-height: 3;}




/*----------------------- Sidebar Page Navigation scroll -------------------------*/
.sidebar-nav-fixed { position: sticky; top: 5rem; }
.sidebar-nav-fixed ul { }
.sidebar-nav-fixed ul li { }
.sidebar-nav-fixed ul li a { font-size: 14px; color: #7171c2; display: block; padding: 5px 15px; background: transparent; border-radius: 4px; line-height: 1.8; }
.sidebar-nav-fixed ul li a:hover { color: #4747ff; }
.sidebar-nav-fixed ul li a.active { display: block; color: #9b9bdf; background: #39398e; }

/*---------------------  General / Elements  ----------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-xs-small { padding-top: 40px; padding-bottom: 40px; }
.space-small { padding-top: 60px; padding-bottom: 60px; }
.space-medium { padding-top: 100px; padding-bottom: 100px; }
.space-large { padding-top: 120px; padding-bottom: 120px; }
.space-ex-large { padding-top: 140px; padding-bottom: 140px; }
.content { padding-top: 80px; padding-bottom: 80px; }

/*------------------- 8. Footer ------------------------------*/
.footer-pattern-top { position: relative; z-index: 0; }
.footer-pattern-slide { -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%); clip-path: polygon(0 100%, 100% 80%, 100% 100%); background-color: #040446; position: absolute; bottom: -81px; width: 100%; height: 370px; }
.footer { background-color: #040446; padding-bottom: 80px; color: #a7ade4; font-size: 15px; line-height: 28px; position: relative; margin-top: 80px; padding-top: 110px; }
.footer-widget { margin-bottom: 40px; }
.footer-widget-title { color: #fff; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; }
.footer-widget ul { }
.footer-widget ul li { margin-bottom: 0px; }
.footer-widget ul li a { color: #a7ade4; line-height: 28px; }
.footer-widget ul li a:hover { color: #01d486; text-decoration: none; }
.social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; }
.social-icons { margin-top: 2px; }
.icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; }
.icon-square:hover { background-color: #ff4d4d; color: #fff; }
.icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; }
.icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; }
.facebook-outline { border-color: #3b5898; color: #3b5898; }
.twitter-outline { border-color: #1ea2f2; color: #1ea2f2; }
.googleplus-outline { border-color: #f75439; color: #f75439; }
.instagram-outline { border-color: #9361fa; color: #9361fa; }
.linkedin-outline { border-color: #0077b7; color: #0077b7; }
.pinterest-outline { border-color: #c8232c; color: #c8232c; }
.tiny-footer { background-color: #04043a; color: #a7ade4; font-size: 13px; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; }
.tiny-footer ul { }
.tiny-footer ul li { float: left; }
.tiny-footer ul li a { color: #a7ade4; font-size: 13px; margin-right: 10px; }
.tiny-footer ul li a:hover { color: #01d486; text-decoration: none; }

/*----------------- 7. Headers ---------------------------------*/
.header-classic { background-color: #2c2c7a; }
/*----------------------- Sidebar Page Navigation scroll -------------------------*/
.sidebar-nav-fixed { position: sticky; top: 5rem; }
.sidebar-nav-fixed ul { }
.sidebar-nav-fixed ul li { }
.sidebar-nav-fixed ul li a { font-size: 14px; color: #71728e; display: block; padding: 5px 15px; background: transparent; border-radius: 4px; line-height: 1.8; }
.sidebar-nav-fixed ul li a:hover { color: #3544ee; }
.sidebar-nav-fixed ul li a.active { display: block; color: #3544ee; background: #e0e0fd; }

/*---------------------  General / Elements  ----------------------------*/

/*Note: Section space help to create top bottom space;*/

.space-xs-small { padding-top: 40px; padding-bottom: 40px; }
.space-small { padding-top: 60px; padding-bottom: 60px; }
.space-medium { padding-top: 100px; padding-bottom: 100px; }
.space-large { padding-top: 120px; padding-bottom: 120px; }
.space-ex-large { padding-top: 140px; padding-bottom: 140px; }
.content { padding-top: 80px; padding-bottom: 80px; }

/*------------------- 8. Footer ------------------------------*/
.footer-pattern-top { position: relative;
    z-index: 0; }
.footer-pattern-slide {
    -webkit-clip-path: polygon(0 100%, 100% 83%, 100% 100%);
    clip-path: polygon(0 100%, 100% 80%, 100% 100%);
    background-color: #1d2256;
    position: absolute;
    bottom: -81px;
    width: 100%;
    height: 370px;
    }

.footer {
  background-color: #1d2256;
  padding-bottom: 80px;
  color: #a7ade4;
  font-size: 15px;
  line-height: 28px;
  position: relative;
  margin-top: 80px;
  padding-top: 110px;
  }
.footer-widget { margin-bottom: 40px; }
.footer-widget-title { color: #fff; font-size: 18px; margin-bottom: 24px; border-bottom: 0px; padding: 0px; letter-spacing: 0px; }
.footer-widget ul { }
.footer-widget ul li { margin-bottom: 0px; }
.footer-widget ul li a { color: #a7ade4; line-height: 28px; }
.footer-widget ul li a:hover { color: #01d486; text-decoration: none; }
.social-media-block { background-color: #39363d; padding-top: 18px; padding-bottom: 18px; }
.social-icons { margin-top: 2px; }
.icon-square { text-align: center; background-color: #302d34; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #7f7c7c; padding: 11px 12px; line-height: 1.3; font-size: 14px; }
.icon-square:hover { background-color: #ff4d4d; color: #fff; }
.icon-square-outline { text-align: center; background-color: transparent; width: 40px; height: 40px; border-radius: 2px; display: inline-block; color: #6f6d72; padding: 11px 12px; line-height: 1.3; font-size: 14px; border: 1px solid #6f6f72; }
.icon-square-outline:hover { background-color: transparent; color: #ff4d4d; border-color: #ff4d4d; }
.facebook-outline { border-color: #3b5898; color: #3b5898; }
.twitter-outline { border-color: #1ea2f2; color: #1ea2f2; }
.googleplus-outline { border-color: #f75439; color: #f75439; }
.instagram-outline { border-color: #9361fa; color: #9361fa; }
.linkedin-outline { border-color: #0077b7; color: #0077b7; }
.pinterest-outline { border-color: #c8232c; color: #c8232c; }
.tiny-footer { background-color: #151947; color: #a7ade4; font-size: 13px; padding-top: 15px; padding-bottom: 15px; line-height: 1.5; }
.tiny-footer ul { }
.tiny-footer ul li { float: left; }
.tiny-footer ul li a { color: #a7ade4; font-size: 13px; margin-right: 10px; }
.tiny-footer ul li a:hover { color: #01d486; text-decoration: none; }

/*----------------- 7. Headers ---------------------------------*/
.header-classic { background-color: #fff; }

/* --------------------  Top Header  --------------------*/
.top-header { background-color: #fff; font-size: 14px; color: #626582; line-height: 30px; border-bottom: 1px solid #f0f1f9; border-top: 3px solid #3544ee; padding-bottom: 4px; padding-top: 4px; }
.top-header ul { margin-bottom: 0px; }
.top-header ul li { float: left; margin-left: 18px; }
.top-header ul li a { color: #626582; }
.top-header i { font-size: 10px; }
.top-header-social { }
.top-header-social i { font-size: 14px; }
.top-header-social ul { margin-left: 10px; }
.top-header-social ul li { float: left; margin-left: 8px; }
.top-header-social ul li a { color: #9d9ea7; }
.top-header-social ul li a:hover { color: #01d486; }

/*-------------------------------------------------------------------
8. Navigations
-------------------------------------------------------------------*/

/*--------------------  Navigation classic ---------------------*/
.navbar-classic { }
.navbar-classic.navbar-light .navbar-nav .nav-link { color: #181825;padding: 12px 16px; }
.navbar-classic .navbar-nav .nav-item { }
.navbar-classic .navbar-nav .nav-item .nav-link { font-size: 15px; color: #181825; padding: 12px 10px; line-height: 20px; border-bottom: 1px solid #fff; }
.navbar-classic .navbar-nav .nav-item .nav-link:hover { color: #3544ee; }
.navbar-classic .navbar-nav .nav-item .nav-link:hover.dropdown-toggle::after  {
    color: #3544ee;
}
.navbar-classic.navbar { padding: 18px 0px; }
.navbar-classic .dropdown-toggle::after {margin-top: 1px; display: inline-block; width: 0; height: 0; margin-left: 6px; vertical-align: -2px; content: "\f107"; border-top: none; border-right: none; border-bottom: none; border-left: none; color: #bdbebf; font-family: 'FontAwesome'; font-weight: 900; margin-right: 15px; font-size: 13px; float: right; }
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-item {
    border-bottom: 1px solid #f1f1f6;
    border-radius: 0px;
}
.navbar-brand { display: inline-block; padding-top: 5px; padding-bottom: 8px; margin-right: initial; line-height: inherit; white-space: nowrap; }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 16rem; padding: 12px; margin: 18px 0px; font-size: 1rem; color: #808294; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgb(255, 255, 255); border-radius: 2px; -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.09); }
.dropdown-item { display: block; width: 100%; padding: 15px 15px; clear: both; font-weight: 400; color: #181825; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; font-size: 15px;line-height: 15px; }
.dropdown-item:focus, .dropdown-item:hover { color: #4955ef; text-decoration: none; background-color: #eeeffd; border-radius: 4px; }
.dropdown-item:focus .dropdown-toggle::after, .dropdown-item:hover.dropdown-toggle::after { color: #4955ef; }
@media(min-width:992px) {
    .dropdown .dropdown-menu {
      display: block;
      visibility: hidden; 
      opacity: 0; 
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in 
    }
    .dropdown:hover>.dropdown-menu { 
      visibility: visible; 
      opacity: 1;
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible; 
    }
	.dropdown:hover>.dropdown-menu{
		top:85px !important;
	}
    .dropdown-submenu:hover .dropdown-menu { 
      visibility: visible; 
      opacity: 1; 
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible; 
    }
}
.dropdown-submenu { position: relative; }
.dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 17px; top: 25px; }
.dropdown-submenu .dropdown-menu { top: 0px; left: 100%; margin-left: 13px; margin-right: .1rem; }
.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; }
.mega-dropdown { position: unset; }
.mega-dropdown-menu { width: 100%; position: absolute; top: 63px; margin: 15px 0px; }
.mega-dropdown-menu ul { list-style: none; }

.nav-dropitem-arrow { position: relative; font-size: 12px; opacity: 0; padding-right: 10px; }
.nav-dropitem-arrow i { position: absolute;    /* top: -1px; */ }
.dropdown-item:focus, .dropdown-item:hover {color: #3544ee;text-decoration: none;background-color: #eeeffd;border-radius: 4px;}
.dropdown-item:hover .nav-dropitem-arrow { color: #4955ef; opacity: 1; margin-right: 5px; }
.navbar-classic .navbar-toggler, .navbar-boxed .navbar-toggler { padding: 17px 15px; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid #eaeaf0; border-radius: .25rem; position: relative; }

/* mobile menu css */
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; }
.navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #f1f1f6; }
.navbar-classic .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu 
.dropdown-item { border-bottom: 1px solid #f1f1f6; }
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; }
.navbar-boxed .navbar-collapse.show .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #f1f1f6; }
.navbar-boxed .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu 
.dropdown-item { border-bottom: 1px solid #f1f1f6; }
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu { background: #fff; box-shadow: none; margin: 7px 0px; }
.navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link {border-bottom: 1px solid #495bfb;}
.navbar-transparent .navbar-collapse.show .dropdown .dropdown-menu .dropdown-submenu 
.dropdown-item { border-bottom: 1px solid #f1f1f6; }
.icon-bar { width: 21px; height: 3px; background-color: #3544ee; display: block; -webkit-transition: all 0.2s; transition: all 0.2s; margin-top: 4px }
.navbar-toggler:focus { outline: 0px; }
.navbar-toggler .top-bar { transform: rotate(45deg); transform-origin: 10% 190%; background-color: #3544ee; }
.navbar-toggler .middle-bar { opacity: 0; }
.navbar-toggler .bottom-bar { transform: rotate(-45deg); transform-origin: 10% -80%; background-color: #3544ee; }
.navbar-toggler.collapsed .top-bar { transform: rotate(0); background-color: #3544ee; }
.navbar-toggler.collapsed .middle-bar { opacity: 1; }
.navbar-toggler.collapsed .bottom-bar { transform: rotate(0); background-color: #3544ee; }

/*-------------------------------------------------------------------
9. Slider
-------------------------------------------------------------------*/

/* ----------------------- Slider-One -------------------------*/
.slider { position: relative; margin-bottom: -40px; }
.slider-img img { position: relative; z-index: -1; width: 100%; }
.slider-img { background: -moz-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%); background: -webkit-linear-gradient(top, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%); background: linear-gradient(to bottom, rgba(29, 29, 36, 0.5) 0%, rgba(29, 29, 36, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='10', endColorstr='M4 8h24M4 16h24M4 24h24', GradientType=0); position: relative; }
.slider-captions { position: absolute; bottom: 190px; color: #fff; }
.slider-title { font-size: 52px; letter-spacing: -1px; line-height: 58px; color: #ffffff;margin-bottom: 20px; }
.slider-text { font-size: 18px; line-height: 26px; margin-bottom: 40px; }
.slider .owl-prev { position: absolute; top: 45%; left: 10px; }
.slider .owl-next { position: absolute; top: 45%; right: 10px; }
.slider .owl-theme .owl-nav [class*='owl-'] { color: #ffffff; font-size: 18px; margin: 5px; padding: 3px 10px; background: transparent; display: inline-block; cursor: pointer; border-radius: 100%; text-align: center; height: 35px; width: 35px; border: 2px solid #ffffff; }
.slider .owl-theme .owl-nav [class*='owl-']:hover { background: #01d486; color: #FFF; text-decoration: none; border-color: #01d486; }
.slider .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 4px 2px; background: transparent; border: 2px solid #fff; border-radius: 100%; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.slider .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 50px; position: relative; }

/* ----------------------- Slider Second -------------------------*/
.slider-second { }
.slider-second .slider-captions { position: absolute; bottom: 250px; color: #fff; text-align: center; }
.slider-second .slider-title { font-size: 42px; letter-spacing: -1px; line-height: 56px; color: #ffffff;margin-bottom: 10px; }
.slider-second .slider-text { font-size: 18px; line-height: 26px; }

/* -----------------------  Video Slide -------------------------*/
.video-slide { position: relative; background: url(../images/video-slide-img-1.jpg)no-repeat; background-size: cover; min-height: 642px; padding: 150px 0px; }
.video-slide-caption { padding-top: 35px; }
.video-slide-caption-title { font-size: 46px; line-height: 54px; color: #fff; }
.video-slide-caption-text { color: #fff; font-size: 18px; }
.video-slide:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient(to bottom right, #3544ee, #3544ee);opacity: 0.9;}
.video-container, .video-container-2 { min-height: 356px; max-width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.video-container img, .video-container-2 img { border: 2px solid #a6adff; border-radius: 4px; }
.video-container a, .video-container-2 a { position: absolute; top: 39%; left: 43%; background-color: #fff; height: 84px; width: 84px; border-radius: 100%; }
.video-container a:after, .video-container-2 a:after { font-family: 'FontAwesome'; font-weight: 900; display: inline-block; position: absolute; left: 38px; font-size: 16px; color: #181825; content: '\f04b'; font-style: initial; top: 29px; }
.video-container a:hover, .video-container-2 a:hover { border-left-color: #f00; }
.video-container img, .video-container-2 img { display: block; }
.video-container iframe, .video-container object, .video-container embed, .video-container img { max-height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.video-container-2 iframe, .video-container-2 object, .video-container-2 embed, .video-container-2 img { max-height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* ----------------------- Slider Syncing -------------------------*/
.slider-for { overflow: hidden; }
.slider-for .slider-captions { position: absolute; bottom: 230px; color: #fff; }
.slick-list img { width: 100%; min-height: 100%; }
.slider-nav { bottom: 130px; margin-bottom: -111px; }
.slider-for .slick-slide:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #181825, #181825); opacity: 0.5; }
.slider-for .slick-slide { margin: 0px; }
.slider-nav .slick-track { height: 90px; -webkit-transform: none !important; transform: none !important; left: 0 !important; }
.slick-arrow { position: absolute; top: 50%; z-index: 50; margin-top: -12px; }
.slick-prev { left: 0; }
.slick-next { right: 0; }
.slider-nav .item { width: 220px !important; }
.slider-nav .item.slick-slide.slick-current { border: 3px solid #fff; border-radius: 4px; }

/*-------------------------------------------------------------------
 10. Blog Pages
-------------------------------------------------------------------*/
.single-post-pageheader { position: relative; width: 100%; height: 100%; background: url(../images/post-pageheader-img-1.jpg) center center no-repeat; background-size: cover; }
.single-post-pageheader:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #878896, #191a1c); opacity: 0.6; }
.post-pagecaption { text-align: center; padding-bottom: 170px; padding-top: 170px; }
.single-post-pageheader .post-meta { border-radius: 0px 0px 4px 4px; background-color: transparent; border-top: 1px solid #96969b; padding: 16px 0px 16px; margin-top: 0; line-height: 1; color: #fff; text-align: center; }
.single-post-pageheader .post-meta .meta-posted-by:before, .single-post-pageheader .post-meta .meta-comments:before { color: #fff; }
.single-post-pageheader .meta { color: #fff; }
.single-post-pageheader.meta-posted-by:before, .post-pagecaption .meta-comments:before { color: #fff; }
.post-pagecaption .post-title { padding: 0px 180px; line-height: 52px; margin-bottom: 0px; }
.post-block-v2 { }
.post-block-v2.post-block { margin-bottom: 30px; border: 1px solid #ebedfc; position: relative; background-color: #fff; border-radius: 4px; }
.post-block-v2 .post-img { padding: 10px; }
.post-block-v2 .post-content { padding: 20px; border: 0px; }
.post-block-v2 .post-title { }
.post-block-v2 .post-footer { border-top: 1px solid #ebedfc; background: #fff; padding: 16px 20px; line-height: 1.8; border-radius: 0px 0px 4px 4px; }
.post-block-v2 .post-author-img { }
.post-block-v2 .post-author-name { margin-left: 14px; }
.post-block-v2 .post-author-name .post-author-name-text{color: #181825;}
.post-carousel { margin-bottom: -29px; }
.post-carousel .owl-theme .owl-nav { line-height: 1; text-align: center; -webkit-tap-highlight-color: transparent; display: none; }
.post-carousel .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; bottom: 30px; position: relative; }
.post-carousel .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; }
.post-carousel .owl-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 4px 2px; background: transparent; border: 2px solid #fff; border-radius: 100%; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; }
.post-carousel .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important; border-color: #fff; }
.post-block { margin-bottom: 30px; transition: .7s ease; border-radius: 4px; }
.post-block:hover { -webkit-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 3px 17px 0px rgba(0, 0, 0, 0.16); background-color: #fff; transition: .7s ease; }
.post-img { position: relative; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.post-img img { width: 100%; }
.post-fullwidth { position: relative; margin-bottom: 80px; }
.post-fullwidth .post-img { border-top-right-radius: 0px; }
.post-fullwidth .post-content { border-left: transparent; padding: 53px; border-bottom-left-radius: 0px; }
.post-small-thumb { }
.post-small-thumb .card-body { padding: 22px; }
.post-small-thumb img { height: 182px; width: 206px !important; border-radius: 12px; }
.post-content-innerspace { padding: 70px !important; }
.post-content { padding: 34px; border: 1px solid #ebecf7; background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.post-meta {    /* border-radius: 0px 0px 4px 4px; */
background-color: #fff; border-top: 1px solid #ebecf7; padding: 16px 0px 0px;    /* margin-top: -1px; */ line-height: 1; }
.post-content .icon-circle-outline { height: 30px; width: 30px; padding: 7px; }
.post-content-single { background-color: #fff; padding: 40px; border-radius: 4px; border: 1px solid #ebecf7; }
.post-title { color: #181825; }
.post-heading { font-size: 24px; line-height: 34px; margin-bottom: 20px; }
.meta { font-size: 13px; color: #9496ac; display: inline-block; position: relative; line-height: 15px; }
.meta-link { }
.meta-posted-by { }
.meta-posted-by:before, .meta-comments:before { content: ''; font-size: 6px; color: #979fbb; font-family: 'FontAwesome'; font-weight: 900; margin-right: 8px; vertical-align: middle; }
.meta-category, .meta-date, .meta-comments, .meta-tags, .meta-posted-by { margin-right: 8px; }
.meta-category { color: #fd851b; text-transform: uppercase; }
.meta-category:hover { color: #fd851b; }
.meta-category-badge { background-color: #ebedfe; color: #3544ee; padding: 8px 10px; border-radius: 6px; transition: .7s ease; font-size: 14px; display: inline-block; line-height: 1; }
.meta-category-badge:hover { background-color: #3544ee; color: #fff; text-decoration: none !important; transition: .3s ease; }
.meta-date { }
.meta-comments { }
.meta-tags { background-color: transparent; padding: 6px 10px; border-radius: 2px; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 4px; margin-right: 4px; color: #626582; border: 1px solid #ebecf7; }
.meta-tags:hover { background-color: #01d486; color: #fff; }
.align-left { float: left; margin-right: 20px; margin-bottom: 10px; }
.align-right { float: right; margin-left: 20px; margin-bottom: 10px; }
.firstcharacter { float: left; font-size: 75px; line-height: 54px; padding-top: 4px; padding-right: 8px; padding-left: 3px; }
blockquote { position: relative; padding: 18px 40px; color: #353851; font-size: 24px; line-height: 34px; display: block; }
.post-blockquote-author { font-size: 16px; margin-top: 20px; color: #808294; }
.blockquote-fancy::before { font-size: 20px; color: #3544ee; position: absolute; top: 17px; content: "\f10d"; font-family: 'FontAwesome'; font-weight: 900; left: 0; }
.blockquote-left-border { border-left: 3px solid #3544ee; }
.blockquote-right-border { border-right: 3px solid #3544ee; }
.blockquote-box { padding: 45px; }
.blockquote-left { max-width: 400px; }
.blockquote-right { max-width: 400px; float: right; }

/*----- Next Prev Post -----*/
.next-prev-post { margin-bottom: 30px; margin-top: 30px; }
.prev-post { padding: 30px; border: 1px solid #e6e5e7; background-color: #fff; border-radius: 4px; }
.next-post { text-align: right; padding: 30px; border: 1px solid #e6e5e7; background-color: #fff; border-radius: 4px; }
.prev-link-title, .next-link-title { margin-bottom: 0px; font-size: 18px; line-height: 28px; }
.prev-link { }
.next-link, .prev-link { text-transform: uppercase; font-size: 12px; margin-bottom: 10px; display: inline-block; line-height: 12px; }
.related-post-block { padding: 40px; border: 1px solid #ebecf7; background-color: #fff; border-radius: 0px 0px 4px 4px; margin-bottom: 30px; }
.related-post { }
.realted-title { font-size: 18px; line-height: 26px; }
.related-category { color: #3544ee; }
.related-post-meta { font-size: 14px; }
.related-post .title { font-size: 15px; }
.related-img { margin-bottom: 20px; border-radius: 4px; }
.related-img img { width: 100%; }
.post-author-block { position: relative; }
.author-box { background-color: #f9f9fd; border: 1px solid #ebecf7; margin-bottom: 30px; border-radius: 4px; }
.author-img { position: relative; text-align: center; top: 55px; }
.author-img img { border: 3px solid #fff; }
.author-title { font-size: 20px; }
.author-meta { color: #ff4d4d; margin-bottom: 20px; display: block; line-height: 1; font-size: 11px; font-weight: 600; text-transform: uppercase; }
.author-content { text-align: center; padding: 80px 30px 30px 30px; background-color: #fff; }

/*----- comments-----*/
.comments-block { margin-bottom: 30px; }
.comments-area { }
.comments-title { margin-bottom: 40px; }
.comment-list { border-bottom: 1px solid #ebebeb; margin-bottom: 0px; }
ul.comment-list:last-child { margin-bottom: 0px; border-bottom: transparent; padding-bottom: 0px; }
.comment { background-color: #fff; padding: 10px 0px; }
.comment-block-header { border-bottom: 1px solid #ebedfc; background-color: #fff; padding: 15px 20px; margin-bottom: 0px; }
.comment-body { padding: 30px; background-color: #fff; }
.comment-author { margin-bottom: 20px; }
.comment-info { }
.comment-header { margin-bottom: 6px; }
.user-title { margin-bottom: 0px; font-size: 16px; }
.comment-meta { font-size: 13px;    /* margin-left: 15px; */ color: #808294; display: inline-block; float: right; }
.comment-meta-date { }
.comment-content { }
.reply-link { color: #353851; border-bottom: 2px solid #01d486;padding-bottom: 3px; font-size: 14px }
.reply-link:hover { color: #01d486; border-bottom: 2px solid #01d486; text-decoration: none; }
.children {    /* padding-left: 120px; */
padding: 0px 40px 0px 100px;    /* background-color: #f9f9fd; */ margin-bottom: 0px; }
.children .comment { }
.children .comment-body { background-color: #f9f9fd; padding: 30px; border: 1px solid #f9f9fd; border-radius: 4px; margin-bottom: 30px; }
.comments-reply { }
.leave-comments { background-color: #f3f5f5; }
.leave-reply { }
.form-remark { color: red; }

/*-------------- Sidebar ----------------------------*/
.sidebar { }
.widget { margin-bottom: 30px; border: 1px solid #ebecf7; background-color: #fff; padding: 40px; border-radius: 4px; position: relative; }
.widget:before {border-top: 10px solid #3544ee;border-right: 10px solid transparent;content: "";position: absolute;top: 0;left: 0;}
.widget ul { margin-bottom: 0px; list-style: none; padding: 0px; }
.widget ul li { margin-bottom: 8px; line-height: 20px; }
.widget ul li:last-child { margin-bottom: 0px; }
.widget-categories ul li a, .widget-archive ul li a { color: #626582; }
.widget-categories ul li a:hover, .widget-archive ul li a:hover { color: #3544ee; text-decoration: none; }
.widget-title { font-size: 20px; color: #181825; line-height: 28px; letter-spacing: 0px; margin-bottom: 20px; }
.widget-search { }
.widget-category { font-size: 14px; }
.widget-archives { font-size: 14px; }
.widget-recent-post { }
.widget-recent-post ul { }
.widget_recent_entries ul li { margin-bottom: 20px; }
.recent-post-img { }
.recent-post-img img { height: 90px; width: 90px; }
.recent-title { font-size: 17px; line-height: 24px; }
.recent-post-content { }
.widget-tags { }
.tagcloud a { background-color: transparent; padding: 6px 10px; border-radius: 2px; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 8px; margin-right: 4px; color: #808294; border: 1px solid #ebecf7; transition: .5s ease; }
.tagcloud a:hover { background-color: #3544ee; color: #fff !important; border-color: #3544ee; text-decoration: none; transition: .5s ease; }
.categories-filter { }
.categories-filter a { background-color: #ebebf2; padding: 10px 18px; border-radius: 50px; color: #fff; font-size: 14px; line-height: 1; display: inline-block; margin-bottom: 4px; margin-right: 4px; font-weight: 400; color: #626582; border: 1px solid #ebebf2; transition: .7s ease; }
.categories-filter a:hover, .categories-filter a.active { background-color: #3544ee; color: #fff !important; border-color: #3544ee; text-decoration: none; transition: .7s ease; }

/* Custom Css */
.navbar-classic .menu-main-menu-container, .navbar-boxed .menu-main-menu-container, nav .menu-main-menu-container {
  margin-left: auto;
}
.navbar-bank .menu-main-menu-container {
  margin-left: inherit;
}
@media (min-width: 992px){
.dropdown:hover>.grid-container2>.dropdown-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1;
    visibility: visible;
}
}
.navbar-bank .btn {
  margin-left: auto;
}
.navbar-boxed .dropdown-toggle::after {
  margin-left: 5px;
}
.footer .wpb_content_element  {
  margin-bottom: 0;
}
.meta-cat a {
  background-color: #ebedfe;
  color: #3544ee;
  padding: 8px 10px;
  margin-bottom: 16px;
  border-radius: 6px;
  transition: .7s ease;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
  position: relative;
}
.meta-cat a:hover {
    background-color: #3544ee;
    color: #fff;
    text-decoration: none !important;
    transition: .3s ease;
}
.page-numbers {
    position: relative;
    display: block;
    padding: 13px 18px;
    margin-left: 0px;
    margin-right: 5px;
    line-height: 1.25;
    color: #626582;
    background-color: #fff;
    border: 1px solid #ebecf7;
    border-radius: 100%;
    line-height: 1;
    font-size: 15px;
}
.prev.page-numbers {
    margin-left: auto;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
.next.page-numbers {
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}
.page-numbers.current {
    z-index: 1;
    color: #fff;
    background-color: #01d486;
    border-color: #08bd7a;
}
.page-numbers:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: #01d486;
    border-color: #08bd7a;
}
.widget ul {
    margin-bottom: 0px;
    list-style: none;
    padding: 0px;
    position: relative;
}
.widget_categories ul li a, .widget_archive ul li a {
    color: #626582;
}
.widget_categories ul li, .widget_archive ul li {
    padding-left: 20px;
}
.widget_categories ul li a:hover, .widget_archive ul li a:hover {
    color: #3544ee;
    text-decoration: none;
}
.widget_categories li:before, .widget_archive li:before {
    font-family: 'FontAwesome';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 13px;
    color: #d2d3d8;
    content: '\f061';
    font-style: initial;
}
.tagcloud a {
    font-size: 14px!important;
}
.post-author-block .author-img img, .comment-author img {
    border-radius: 50%!important;
}
.comment-reply-title {
    font-size: 20px;
    line-height: 31px;
    margin-bottom: 4px;
    letter-spacing: 0;
}
.comment-notes, .comment-form-cookies-consent, p.form-submit, .logged-in-as {
  padding-left: 5px;
  padding-right: 5px;
}
.comment-notes span {
  font-size: 14px;
}
.comment-form-cookies-consent input[type="checkbox"]{
  margin-right: 5px;
}
.comments-block .children {
    background-color: #fff;
}
.comment-reply-link {
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    transition: .3s ease;
}
.comment-list li .comment-reply-link {
    color: #71738d;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: middle;
    padding: 8px 18px;
    border-radius: 100px;
    background-color: #f0f0f8;
    border-color: #f0f0f8;
}
.comment-list li .comment-reply-link:hover {
    color: #2e2f39;
    background-color: #d7d7df;
    border-color: #d7d7df;
}
.cat-meta a {
    background-color: #ebedfe;
    color: #3544ee;
    padding: 8px 10px;
    border-radius: 6px;
    transition: .7s ease;
    font-size: 14px;
    display: inline-block;
    line-height: 1;
}
.cat-meta a:hover {
    background-color: #3544ee;
    color: #fff;
    text-decoration: none !important;
    transition: .3s ease;
}
.single-post-pageheader .meta-posted-by a {
    color: #fff;
}
.num-brand .process-number {
    color: #01d486;
    background-color: #ccf7f0;
}
.num-secondary .process-number {
    color: #ea5132;
    background-color: #ffd9d1;
}
.num-primary .process-number {
    color: #3544ee;
    background-color: #e4e6ff;
}
@media (min-width: 992px){
.col-lg-1\/5 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
}
.section-box-white > .vc_column-inner > .wpb_wrapper {
    background-color: #fff;
    border: 1px solid #ebecf7;
    padding: 45px;
    margin-bottom: 30px;
}
.section-box-contact > .vc_column-inner > .wpb_wrapper {
    background-color: #fff;
    padding: 70px;
    border: 1px solid #ebecf7;
    border-radius: 4px;
}
.section-card-pattern-right-top > .vc_column-inner > .wpb_wrapper:before {
    content: '';
    background: url(./images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    top: -24px;
    z-index: -1;
    right: -8px;
}
.section-card-pattern-left > .vc_column-inner > .wpb_wrapper:after {
    content: '';
    background: url(./images/dot-square.png)no-repeat;
    height: 120px;
    width: 120px;
    background-repeat: repeat;
    position: absolute;
    bottom: -23px;
    z-index: -1;
    left: -8px;
}
.container-fluid .container {
    max-width: 100%;
}
.vc_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.big-zindex {
    z-index: 10;
}
.wpb_content_element.card-pattern-left:after {
    left: -8px;
}
.wpb_content_element.card-pattern-right-top:before {
    right: -8px;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    padding: 36px 30px;
    border-radius: 3px;
    border-bottom: 1px solid #ebedfc;
    color: #181825;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a:hover span {
    color: #3544ee;
}
.wpb-js-composer div.vc_tta-container {
    margin-bottom: 0;
}
.pricing-block-v1.pricing-block-selected .pricing-head-title {
    color: #fff;
}
.pricing-block-selected .btn-dark {
    color: #353851;
    background-color: #fff;
    border-color: rgba(255, 255, 255, 1);
}
.pricing-block-selected .btn-dark:hover {
    color: #fff !important;
    background-color: #04d16f;
    border-color: #04d16f;
}
.pricing-block-selected .btn-primary {
    color: #fff;
    background-color: #01d486;
    border-color: #01d486;
}
.pricing-block-selected .btn-primary:hover {
    color: #fff;
    background-color: #08b072;
    border-color: #08b072;
}
.pricing-list-section.active .list-group-item {
    transition: .5s ease;
    border: 2px solid #01d486;
    color: initial;
}
.active .pricing-block-v7 .pricing-top-price {
    color: #01d486;
}
.col-width-auto.vc_column_container>.vc_column-inner{
    width: auto;
}
.vc_column_container.split-left-img .vc_column-inner, .vc_column_container.split-right-img .vc_column-inner {
    min-height: 500px;
}
@media only screen and (max-width:993px) {
.lg-order-last {
    -ms-flex-order: 13;
    order: 13;
}
.lg-pb-0 {
    padding-bottom: 0!important;
}
}
.over-hide {
    overflow: hidden;
}
.card-pattern-left-top { position: relative; }
.card-pattern-left-top:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -24px; z-index: -1; left: -23px; }

.card-pattern-top { position: relative; }
.card-pattern-top:before { content: ''; background: url(./images/dot-square.png)no-repeat; height: 120px; width: 120px; background-repeat: repeat; position: absolute; top: -23px; z-index: -1; left: 110px; }

.client-hv {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.m-l--15 {
    position: relative;
    margin-left: 15%;
}
.portfolio-content-no-mt .filters-content {
    margin-top: 0;
} 
.shadow-hover>.vc_column-inner:hover {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}
.vc_tta-color-white.lender-custom {
    margin-top: 30px;
}
.vc_tta-color-white.lender-custom .vc_tta-tabs-list li a {
    padding: 10px 30px !important;
    background-color: #fff!important;
    border: none!important;
    border-right: 1px solid #ebedfc!important;
}
.vc_tta-color-white.lender-custom .vc_tta-tabs-list li.vc_active a {
    color: #3341e7!important;
}
.vc_tta-color-white.lender-custom .vc_tta-panel-body {
    background-color: #fff!important;
    padding: 35px 5px!important;
    border: none!important;
    padding-bottom: 5px!important;
}
.vc_tta-color-white.lender-custom .vc_tta-tabs-container {
    left: -30px;
    margin-right: 0!important;
}
.shadow-box.vc_column_container>.vc_column-inner{
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.08);
}
.shadow-box-2.vc_column_container>.vc_column-inner {
    -webkit-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    -moz-box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
    box-shadow: 7px 5px 30px 0 rgba(72, 73, 121, 0.15);
}
.icon-font-vv {
    line-height: 42px;
}
.icon-font-vv i{
    font-size: 32px;
    display: inline-block;
    padding: 21px 14px;
    color: #3847f1;
    position: relative;
}
.feature-block-v2 .feature-icon i {
    text-align: center;
    width: 1.25em;
}
.top-header i {
    font-size: 16px;
}
.tiny-footer ul li a i {
    font-size: 16px;
}
.pricing-block-v3.pricing-block-selected-2 .pricing-bottom-price, .pricing-block-v4.pricing-block-selected .pricing-bottom-price,
.pricing-block-v5.pricing-block-selected .pricing-bottom-price {
    color: #3544ee;
}
.pricing-block-v3.pricing-block-selected-2 .btn, .pricing-block-v4.pricing-block-selected .btn, .pricing-block-v5.pricing-block-selected .btn {
    color: #fff;
    background-color: #3544ee;
    border-color: #3544ee;
}
.pricing-block-v3.pricing-block-selected-2 .btn:hover, .pricing-block-v4.pricing-block-selected .btn:hover,.pricing-block-v5.pricing-block-selected .btn:hover {
    color: #fff;
    background-color: #2834bd;
    border-color: #2834bd;
}
.pricing-block-v3.pricing-block-selected-2 .btn:not(:disabled):not(.disabled).active, 
.pricing-block-v3.pricing-block-selected-2 .btn:not(:disabled):not(.disabled):active, 
.show>.pricing-block-v3.pricing-block-selected-2 .btn.dropdown-toggle {
    color: #fff;
    background-color: #2834bd;
    border-color: #2834bd;
}
.no-border-right {
    border-right: none!important;
}
.btn-rounded-left {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-rounded-right {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn.btn-rounded-left {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.btn.btn-rounded-right {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.btn-square {
    border-radius: 0;
}
.m-l--3 {
    margin-left: -3px;
}
.m-l--5 {
    margin-left: -5px;
}
.pageheader-second-bg-overlay {
    position: absolute;
    left: 0;
    top: -0;
    height: 100%;
    width: 100%;
    background-image: url(./images/page-header-pattern.png);
    background-repeat: repeat;
    background-position: center;
    content: '';
    opacity: .09;
}
.credit-card-pricing tr td:first-child {
    width: 40%;
    color: #626582;
    font-weight: bold;
    padding: 20px;
}
.compare-table tbody tr td:last-child {
    border-right: none!important;
}
.thead-dark th {
    color: #fff;
    background-color: #212529;
    border-color: #32383e;
}
.thead-light th {
    color: #495057;
    background-color: #f3f6ff;
    border-color: #ebedfc;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.pricing-compare-table thead th{
    width: 194px !important;
}
.pricing-compare-table thead th:first-child {
    width: 359px !important;
}
.pricing-compare-table {
    text-align: center;
}
.pricing-compare-table thead th:first-child, .pricing-compare-table tbody td:first-child, .bank-compare-table tbody td:first-child {
    text-align: left;
}
.pricing-compare-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.bank-compare-table thead th {
    width: 25%;
}
.bank-compare-table tbody td:first-child:last-child {
    background-color: #f9f9ff;
}
.mortgage-rates-custom .mr-minus-2:last-child {
    margin-right: 0!important;
}
.btn > i {
    margin-left: 4px;
}
.btn.btn-circle > i {
    margin-left: 0;
}
.text-default .rate-block-small-text {
    color: #808294!important;
}
.lender-info .modal-body section {
    padding: 30px;
    padding-top: 0;
}
.lender-info .modal-body section .vc_col-has-fill>.vc_column-inner{
    padding-top: 0px;
}
.lender-info .modal-body .vc_tta-color-white.lender-custom .vc_tta-tabs-container {
    left: 0;
}
.pageheader-second-bg.hero-slide {
    position: relative;
    background-color: #3544ee;
    padding-top: 200px;
    padding-bottom: 200px;
    color: #b0bffe;
    background-size: cover;
}
.slider-second .slider-captions .slider-title span, .slider-for .slider-captions .slider-title span {
    border-bottom: 1px solid #363686 !important;
    padding-bottom: .25rem!important;
    border-width: 2px !important;
    border-bottom-color: #01d486 !important;
}
.footer-widget .footer-second-widget ul li a {
    color: #808294;
    line-height: 28px;
}
.footer-widget .footer-second-widget ul li a:hover {
    color: #01d486;
    text-decoration: none;
}
.footer-second .tiny-footer ul li {
    float: none;
}
.footer-second .tiny-footer ul li {
    display: inline-block;
}
.footer-second .tiny-footer p {
    margin-bottom: 0;
}
.wpb_single_image.analysisdata-right-img img, .wpb_single_image.no-max-width img {
    max-width: none;
}
.peromance-img {
    position: absolute;
    right: -380px;
    top: auto;
    bottom: -100px;
}
.peromance-character-img {
    position: absolute;
    right: 200px;
    bottom: -100px;
}
.categories-filter a {
    cursor: pointer;
}
.categories-filter {
    margin-bottom: 50px;
}
.mortgage .col-12:nth-of-type(2) .bg-primary-light {
    background-color: #ccf7f0 !important;
    color: #01d486 !important;
}
.boxed-layout-wrapper .header-transparent {
    margin: 0 auto;
    max-width: 1360px;
}
.boxed-layout-wrapper section {
    width: 100%!important;
    left: auto!important;
}
a.dropdown-toggle {
    cursor: pointer;
}
.mega-dropdown-menu.dropdown-menu {
    padding-left: 0;
    padding-right: 0;
}
li.mega-sub-menu ul{
    margin-left: 0;
    padding-left: 0;
}
.custom-list .list-group-item:hover .custom-list-title {
    color: #3847f1;
}
.team-block-v2 p {
    color: #808294;
}
.product-card-v1 .product-icon {
    position: relative;
}
.product-card-v1 i {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    position: absolute;
}
.boxed-layout-wrapper .slider-second .slider-captions {
    bottom: 150px;
}
.boxed-layout-wrapper .slider-for .slider-captions {
    position: absolute;
    bottom: 150px;
    color: #fff;
}
.boxed-layout-wrapper .slider-title {
    font-size: 46px;
}
.boxed-layout-wrapper .peromance-character-img {
    right: 440px;
}
.boxed-layout-wrapper .peromance-img {
    right: -110px;
}
.boxed-layout-wrapper .hero-shape-second {
    background-position: 87% 100%;
}
.boxed-layout-wrapper .hero-shape-second-caption-img {
    padding-left: 180px;
}
.boxed-layout-wrapper .cta-curveshape {
    background-position: 86% 100%;
}
.all-post .post-fullwidth {
    margin-top: 0;
}
@media only screen and (max-width: 768px){
.header-transparent {
    background-color: #1d2256;
}
.wpb_single_image.analysisdata-right-img img, .wpb_single_image.no-max-width img {
    max-width: 100%;
}
}
@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .mega-dropdown-menu.dropdown-menu {
    display: flex;
    flex-wrap: wrap;
}
}
@media only screen and (max-width: 1200px) {
.wpb_single_image.analysisdata-right-img img, .wpb_single_image.no-max-width img {
    max-width: 100%;
}
.wpb_single_image.peromance-img, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure {
    width: 100%;
}
}
@media only screen and (max-width: 1400px) {
  .wpb_single_image.peromance-img, .wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure {
    width: 100%;
  }
}
@media only screen and (max-width: 992px){
  .hero-shape-one-caption-text {
    padding-top: 100px;
  }
  .hero-shape-one-caption-img {
    padding-top: 60px;
  }
}
/*-------------------------------------------------------------------
16. Media Query
-------------------------------------------------------------------*/

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width:1400px) {
  .slider-captions { position: absolute; bottom: 70px; }
  .slider-second .slider-captions { position: absolute; bottom: 120px; color: #fff; }

  /* about-third */
  .split-img-right-content-text { position: absolute; left: 90px; right: 15%; top: 30px; }
  .split-img-left-content-text { position: absolute; left: 17%; right: 18%; top: 80px; }
  /*-------------------- index 7 ---------------------*/
  .hero-shape-one-caption-img img { max-width: 100%; }
  .analysisdata-right-img img { max-width: 100%; }
  .analysisdata-character-right-img { right: 0px; }
  .peromance-img { position: initial; }
  .peromance-img img { width: 100%; }
  .peromance-character-img { display: none; }

  /*-------------------- index 8 ---------------------*/
  .hero-shape-second { background-position: 86% 100% }
}
@media only screen and (max-width:1200px) {
  .pageheader-bg { padding-top: 60px; }
  .slider .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 120px; right: 35px; }
  .slider-captions { bottom: 80px; }
  .slider-title { font-size: 30px; letter-spacing: 0px; line-height: 42px; }
  .slider .owl-theme .owl-dots { bottom: 50px; }
  .counter-v2 .plus-sign { right: 40px; }
  .post-fullwidth .post-content { border-left: transparent; padding: 21px; border-bottom-left-radius: 0px; margin-left: -15px; }
  .card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: -15px; margin-left: -15px; }
  .slider-second .slider-title { font-size: 42px; line-height: 52px; }
  .slider-second .slider-captions { bottom: 80px; }
  .slider .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 210px; right: 35px; }
  .slider-for .slider-captions { bottom: 140px; text-align: center; }
  .card-pattern-full:after { display: none; }
  .loan-features-tab ul li a { padding: 12px 13px; }
  .space-medium { padding-top: 80px; padding-bottom: 80px; }

  /*--- about third ---*/
  .split-img-right-content { padding: 20px; }
  .split-img-left-content { padding: 20px; margin-left: 0px; }
  .why-work-image { display: none; }


  /*-------------------- index 6 ---------------------*/
  .sassdata-left-img img { max-width: 100%; }
  .sassdata-right-img img { max-width: 100%; }
  .hero-slideshape-img img { max-width: 100%; }
  .sassdata-left-content { padding: 30px 20px; }
  .sassdata-right-content { padding: 30px 20px; }

  /*-------------------- index 7 ---------------------*/
  .hero-shape-one-caption-img img { max-width: 100%; }
  .analysisdata-right-img img { max-width: 100%; }
  .analysisdata-character-right-img { right: 0px; }
  .peromance-img { position: initial; }
  .peromance-img img { width: 100%; }
  .peromance-character-img { display: none; }

  /*-------------------- index 8 ---------------------*/
  .hero-shape-second { background-position: 94% 100%; }
  .hero-shape-second-caption-img { padding-top: 110px; padding-left: 70px; }
  .hero-shape-second-caption-text { padding-top: 200px; }
  .cta-curveshape-img img { max-width: 100%; }
  .cta-curveshape-img { padding-top: 70px; padding-left: 0px; }
  .cta-curveshape-caption-text { padding-top: 140px; }
  .cta-curveshape { background-position: 100% 100%; }

  /*-------------------- index 9 ---------------------*/
  .hero-shape-third { background-position: 0px 100%; }
  .hero-shape-third-caption-title { font-size: 53px; line-height: 59px; }
  .quote-form { bottom: 200px; margin-bottom: -100px; }
  .client-block-v6.client-logos { -webkit-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%); -webkit-transform-origin: top center; transform-origin: top center; position: relative; left: 50%; margin-bottom: -150px; }
  .image-section-v3-content { padding: 40px; }
  .header-transparent-second { position: relative; background-color: #ffffff; }
  .partner-block-content { padding: 0px; }

  /*-------------------- index 10 ---------------------*/
  .hero-shape-fourth-caption-img img { max-width: 100%; }
  .hero-shape-fourth-caption-img { padding-top: 200px; }
  .m-l-100 { margin-left: 0px; }
  .hero-shape-fourth-caption-title { font-size: 66px; line-height: 76px; }
  .hero-shape-fourth-caption-text { padding-top: 260px; }
  .client-block-v4 .client-block-img img { max-width: 100%; }
  
}

/* Medium Devices, Desktops */
@media only screen and (max-width:992px) { 
  .hero-shape-fourth-caption-text {
    padding-top: 100px;
  }
  .hero-shape-fourth-caption-img {
    padding-top: 60px;
  }}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) {
  .pageheader-bg { padding-top: 30px; }
  .slider .owl-theme .owl-nav [class*='owl-'] { position: absolute; top: 150px; }
  .slider-captions { bottom: 40px; }
  .slider-title { font-size: 30px; letter-spacing: 0px; line-height: 42px; }
  .slider .owl-theme .owl-dots { bottom: 50px; }
  .slider .btn { display: none; }
  .card-deck .card { flex: 50%; }
  .post-fullwidth .post-content { border: 1px solid #ebecf7; }
  .header-transparent { position: relative; }
  .hero-slide { min-height: initial; padding-top: 60px; padding-bottom: 80px; }
  .counter-v2 .plus-sign { right: 97px; }
  .card-pattern-left:after { display: none; }
  .card-pattern-right:after { display: none; }
  .slider-second .slider-title { font-size: 30px; line-height: 42px; }
  .slider-second .slider-captions { bottom: 50px; }
  .card-deck { -ms-flex-flow: column; flex-flow: column; margin-right: -15px; margin-left: -15px; }
  .video-slide { padding: 20px 0px; }
  .cta-v2 .cta-img { position: absolute; bottom: 50px; }
  .video-slide-caption { margin-bottom: 50px; }
  .slider-nav { bottom: 106px; margin-bottom: -111px; }
  .slider-for .btn { display: none; }
  .slider-nav .item { width: 80px !important; height: 60px; }
  .slider-for .slider-captions { bottom: 110px; text-align: center; }
  .card-footer-item { padding: 18px 9px; }
  .pills-vertical .flex-column { -ms-flex-direction: row !important; flex-direction: row !important; }
  .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; }
  .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; }

  /*--- Space classes ---*/
  .space-medium { padding-top: 60px; padding-bottom: 60px; }

  /*--- about third ---*/
  .split-img-right-content { padding: 20px; }
  .split-img-left-content { padding: 20px; margin-left: 0px; }
  .why-work-image { display: none; }
  /*-------------------- index 6 ---------------------*/
  .hero-slideshape-caption { bottom: 70px; }
  .sassdata-left-img img { max-width: 100%; }
  .sassdata-right-img img { max-width: 100%; }
  .hero-slideshape-img img { max-width: 100%; }

  /*-------------------- index 7 ---------------------*/
  .hero-shape-one-caption-img img { max-width: 100%; }
  .analysisdata-right-img img { max-width: 100%; }
  .analysisdata-character-right-img { right: 0px; }
  .hero-shape-one-caption-text { padding-top: 70px; }
  .hero-shape-one-caption-img { padding-top: 70px; }
  .hero-shape-one-caption-title { font-size: 42px; line-height: 52px; font-weight: 900; }
  .peromance-img { position: initial; }

  /*-------------------- index 8 ---------------------*/
  .hero-shape-second-caption-img { padding-top: 50px; padding-left: 0px; }
  .hero-shape-second-caption-text { padding-top: 150px; }
  .cta-curveshape-img { display: none; }
  .cta-curveshape-caption-text { padding-top: 110px; padding-bottom: 110px; }
  .cta-curveshape { background-image: none; }
  .cta-curveshape-img { padding-top: 80px; padding-left: 0px; }

  /*-------------------- index 9 ---------------------*/
  .hero-shape-third-caption-img { padding-top: 0px; }
  .hero-shape-third-caption-text { padding-top: 50px; }
  .hero-shape-third-caption-title { font-size: 53px; line-height: 59px; }
  .quote-form { bottom: 200px; margin-bottom: -100px; }
  .client-block-v6.client-logos { -webkit-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%); -webkit-transform-origin: top center; transform-origin: top center; position: relative; left: 50%; margin-bottom: -150px; }
  .image-section-v3-content { padding: 40px; }
  .header-transparent-second { position: relative; background-color: #ffffff; }
  .partner-block-content { padding: 0px; }

  /*-------------------- index 10 ---------------------*/
  .hero-shape-fourth-caption-img img { max-width: 100%; }
  .hero-shape-fourth-caption-img { padding-top: 0px; }
  .m-l-100 { margin-left: 0px; }
  .hero-shape-fourth-caption-title { font-size: 66px; line-height: 76px; }
  .hero-shape-fourth-caption-text { padding-top: 90px; }
  .client-block-v4 .client-block-img img { max-width: 100%; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
  .pageheader-bg { padding-top: 0px; min-height: initial; }
  .footer { padding-top: 180px; padding-bottom: 0px; color: #a7ade4; font-size: 14px; position: relative; }
  .children { padding-left: 0px; }
  .pageheader-btn { display: grid; }
  .slider .owl-theme .owl-nav [class*='owl-'] { display: none; }
  .slider-captions { bottom: 20px; }
  .slider-title { font-size: 24px; letter-spacing: 0px; line-height: 26px; }
  .slider .owl-theme .owl-dots { bottom: 30px; }
  .slider .btn { display: none; }
  .card-img-overlay { position: absolute; top: 10%; }
  .post-small-thumb img { display: none; }
  .calculator-form { float: initial; width: 100% !important; }
  .outline-tab .nav-tabs .nav-link { padding: 10px 6px; font-size: 14px; }
  .post-fullwidth .post-img { border-top-right-radius: 0px; height: auto; }
  .post-fullwidth .post-content { border: 1px solid #ebecf7; }
  .header-transparent {position: relative;background-color: #2c3ae2;}
  .hero-slide { padding-top: 50px; }
  .header-boxed {position: relative !important;background-color: #fff;}
  .header-boxed .navbar-boxed {background-color: #ffffff;padding: 10px;border-radius: 0px;margin-top: 0px;}
  .counter-v2 .plus-sign { right: 107px; }
  .card-pattern-left:after { display: none; }
  .card-pattern-right:after { display: none; }
  .post-pagecaption .post-title { padding: 0px 0px; line-height: 52px; margin-bottom: 0px; }
  .post-pagecaption { text-align: center; padding-bottom: 60px; padding-top: 60px; }
  .pageheader-second-caption { margin-bottom: 50px; }
  .hero-slide-title { font-size: 38px; letter-spacing: -2px; line-height: 50px; }
  .page-caption-title { font-size: 25px; line-height: 36px; margin-bottom: 20px; }
  .page-caption-text { padding: 26px; min-height: 0px; }
  .slider-second .slider-title { font-size: 22px; line-height: 28px; }
  .slider-second .slider-captions { bottom: 30px; }
  .video-slide { padding: 20px 0px; }
  .cta-v2 .cta-img { display: none; }
  .video-slide-caption { margin-bottom: 40px; }
  .slider-nav { display: none; }
  .slider-for .slider-captions { bottom: 10px; text-align: center; }
  .slider-for .btn { display: none; }
  .card-pattern-full:after { display: none; }
  .card-pattern-right-top:before { display: none; }
  .team-block-fullwidth-content { padding: 5px 0px; position: relative; }
  .split-bg { background: linear-gradient(to right, #01d486 0%, #01d486 45%, #01d285 40%, #01d486 100%); height: 100%; width: 100%; }
  .card-footer-item-bordered:not(:last-child) { border-right: 0px; }
  .card-footer-item { padding: 18px 40px; }
  .tab-regular .nav.nav-tabs .nav-link { padding: 12px 13px; }
  .tab-vertical .tab-content { display: inline-block; }
  .tab-vertical .nav-tabs .nav-link { padding: 17px 116px; }
  .simple-card .nav.nav-tabs .nav-item .nav-link { padding: 17px 34px; }
  .pills-regular .nav.nav-pills .nav-item .nav-link { background-color: #ededf1; padding: 16px 33px; }
  .page-caption-para-text { font-size: 16px; line-height: 27px; }
  .post-content-innerspace { padding: 40px !important; }
  .cta-v1 .cta-content { margin-bottom: 20px; }
  .navbar-transparent .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; }
  .navbar-classic .navbar-collapse.show .navbar-nav .nav-item .nav-link:last-child { margin-bottom: 10px; }
  .slider-for .slider-title { font-size: 20px; letter-spacing: 0px; line-height: 26px; }

  /*--- Space classes ---*/
  .space-medium { padding-top: 60px; padding-bottom: 60px; }

  /*--- about us second ---*/
  .slider-gallery .slick-arrow { display: none !important; }
  .slider-gallery-nav .slick-track { left: 24% !important; }

  /*--- about us third ---*/
  .split-img-right-content { padding: 20px; }
  .split-img-left-content { padding: 20px; margin-left: 0px; }
  .why-work-image { display: none; }

  /*--- help center ---*/
  .hc-featured-article-block { background-color: #fff; border-radius: 4px; padding: 30px 30px; }
  .video-container a, .video-container-2 a { position: absolute; top: 31%; left: 36%; }
  .hc-support-block { display: -ms-flexbox; display: inline-block; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px; }

   /*-------------------- index 6 ---------------------*/
  .hero-slideshape-caption { bottom: 70px; }
  .sassdata-left-img img { max-width: 100%; }
  .sassdata-right-img img { max-width: 100%; }
  .character-img { display: none; }
  .sassdata-character-right-img { display: none; }
  .sassdata-character-left-img { display: none; }
  .hero-slideshape-img img { max-width: 100%; }

  /*-------------------- index 7 ---------------------*/
  .hero-shape-one-caption-img img { max-width: 100%; }
  .analysisdata-right-img img { max-width: 100%; }
  .analysisdata-character-right-img { display: none; }
  .hero-shape-one-caption-text { padding-top: 70px; }
  .hero-shape-one-caption-img { padding-top: 70px; }
  .hero-shape-one-caption-title { font-size: 42px; line-height: 52px; font-weight: 900; }
  .peromance-img { display: none; }

  /*-------------------- index 8 ---------------------*/
  .hero-shape-second { background-image: none; }
  .hero-shape-second-caption-img { display: none; }
  .cta-curveshape-img img { max-width: 100%; }
  .hero-shape-second-caption-text { padding-top: 110px; padding-bottom: 130px; }
  .circle-1 { display: none; }
  .circle-2 { display: none; }
  .circle-3 { display: none; }
  .feature-app-img img { max-width: 100%; }

  /*-------------------- index 9 ---------------------*/
  .hero-shape-third-caption-img { padding-top: 100px; display: none; }
  .hero-shape-third-caption-text { padding-top: 50px; }
  .hero-shape-third-caption-title { font-size: 53px; line-height: 59px; }
  .quote-form { bottom: 390px; padding: 30px; margin-bottom: -320px; }
  .client-block-v6.client-logos { -webkit-transform: scale(0.6) translateX(-84%); transform: scale(0.6) translateX(-84%); -webkit-transform-origin: top center; transform-origin: top center; position: relative; left: 50%; margin-bottom: -150px; }
  .image-section-v3-content { padding: 40px; }
  .header-transparent-second { position: relative; background-color: #ffffff; }

  /*-------------------- index 10 ---------------------*/
  .hero-shape-fourth-caption-img { display: none; }
  .m-l-100 { margin-left: 0px; }
  .hero-shape-fourth-caption-title { font-size: 66px; line-height: 76px; }
  .hero-shape-fourth-caption-text { padding-top: 90px; }
  .hero-shape-fourth { height: 593px; }
}

}

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
  .pageheader-bg { padding-top: 30px; }
  .footer { padding-top: 180px; padding-bottom: 0px; color: #a7ade4; font-size: 14px; position: relative; }
  .children { padding-left: 0px; }
  .pageheader-btn { display: grid; }
  .slider .owl-theme .owl-nav [class*='owl-'] { display: none; }
  .slider-captions { bottom: 20px; }
  .slider-title { font-size: 24px; letter-spacing: 0px; line-height: 26px; }
  .slider .owl-theme .owl-dots { bottom: 30px; }
  .slider .btn { display: none; }
  .card-img-overlay { position: absolute; top: 10%; }
  .post-small-thumb img { display: none; }
  .calculator-form { float: initial; width: 100% !important; }
  .outline-tab .nav-tabs .nav-link { padding: 10px 6px; font-size: 14px; }
  .post-fullwidth .post-img { border-top-right-radius: 0px; height: auto; }
  .post-fullwidth .post-content { border: 1px solid #ebecf7; }
  .header-transparent { position: relative; background-color: #3240dd; }
  .hero-slide { padding-top: 50px; }
  .header-boxed { position: relative !important; }
  .header-boxed .navbar-boxed { background-color: #fff; padding: 10px; border-radius: 0px; margin-top: 0px; }
  .counter-v2 .plus-sign { right: 107px; }
  .card-pattern-left:after { display: none; }
  .card-pattern-right:after { display: none; }
  .post-pagecaption .post-title { padding: 0px 0px; line-height: 52px; margin-bottom: 0px; }
  .post-pagecaption { text-align: center; padding-bottom: 60px; padding-top: 60px; }
  .pageheader-second-caption { margin-bottom: 50px; }
  .hero-slide-title { font-size: 38px; letter-spacing: -2px; line-height: 50px; }
  .page-caption-title { font-size: 25px; line-height: 36px; margin-bottom: 20px; }
  .page-caption-text { padding: 26px; min-height: 242px; }
  .slider-second .slider-title { font-size: 22px; line-height: 28px; }
  .slider-second .slider-captions { bottom: 30px; }
  .video-slide { padding: 20px 0px; }
  .cta-v2 .cta-img { display: none; }
  .video-slide-caption { margin-bottom: 40px; }
  .slider-nav { display: none; }
  .slider-for .slider-captions { bottom: 10px; text-align: center; }
  .slider-for .btn { display: none; }
  .card-pattern-full:after { display: none; }
  .card-pattern-right-top:before { display: none; }
  .team-block-fullwidth-content { padding: 5px 0px; position: relative; }
  .split-bg { background: linear-gradient(to right, #01d486 0%, #01d486 45%, #01d285 40%, #01d486 100%); height: 100%; width: 100%; }
  .card-footer-item-bordered:not(:last-child) { border-right: 0px; }
  .card-footer-item { padding: 18px 40px; }
}
.textin h2 {
    font-size: 20px;
    color: #000000;
}
.facebook--form h2 {
    color: #0c0c0c !important;
	align-items: end !important;
    
}






        .bdp-post-image-bg img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.navbar-brand{
	width:30%;
}
.navbar-brand img{
	width:70%;
}
strong {
    font-weight: bolder !important;
}
.cnt-fuel-box-img img {
    width: 65%;
    float: right;
}
  

.font-20{
    font-size: 20px;
}

section.bgbr {
    background: #f9f9f9;
    padding: 80px 10px;
    margin: 50px 0px;
}

nav.navbar-expand-lg.navbar-light.nav.navbar_shrink{
  padding: 10px 0px 10px;
  background: #29399b;
}

.nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    padding: 10px 0px;
    transition: background .3s ease, padding .3s ease;
    box-shadow: 0px 0px 5px 0px #b9b3b3;
}
/*.banner {
    margin-top: 50px;
}
*/
nav.navbar.navbar-expand-lg.navbar-dark {
    z-index: 9999;
    position: fixed;
    width: 100%;
}

.navbar-main {
    width: 100%;
    display: flex;
    position: relative;
}
.navbar-collapse ul.navbar-nav{
    justify-content: flex-end;
    width: 100%;
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
li.nav-item {
    font-size: 18px;
    margin-right: 16px;
}

li.nav-item a.nav-link {
    color: #000 !important;
}

.navbar-logo a {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
}
nav.navbar-expand-lg.navbar-light.nav.navbar_shrink .navbar-logo a{
    color: #fff;
}
nav.navbar-expand-lg.navbar-light.nav.navbar_shrink li.nav-item a.nav-link{
    color: #fff !important;
}
.dropdown:hover>.dropdown-menu {
    display: block;
    top: 85px !important;
}
.dropdown-menu {
    padding: 0px;
}
a.dropdown-item {
    padding: 10px 10px;
}
.uiux-dsgn-scnd{
    margin-top: 200px;
}
.imporve-click-img-eight{
    z-index:99999;
    text-align: center;
}


/* p{
    color: #5b5656;
    font-weight: 300;
} */
section.contact-box {
    background: #e8f0ff;
    padding: 100px;
    margin-bottom:100px;

}

img.img-fluid.instagram-bg-img.seo-bg-off-pg {
    height: 103%;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
    padding: 0px;
}
.mt150{
    margin-top: 70px;
}
.mt50{
    margin-top: 50px;
}

.align-item{
    align-items: center;
}
.mr50{
    margin-right: 50px;
}
.ml50{
    margin-left: 50px;
}



.mb50{
    margin-bottom: 50px;
}


.col-megamenu {
    padding-left: 50px;
}
.list-unstyled li img {
    margin-right: 10px;
    width: 30px;
}
.btn:hover{
    color:#fff !important;
}

.line{
    display: none;
}
a:hover{
    text-decoration: none !important;
}

nav.navbar button {
    border: none;
    background: transparent;
    font-size: 22px;
    display: none;
    outline: none   !important;
}




@media screen and (max-width: 600px) {

.font-18 {
    font-size: 14px;
}


.main-blue-button {
    padding: 10px 40px;
    border-radius: 50px;
    border: none;
    background: #007dff !important;
    color: #fff !important;
    font-size: 14px;
}

.font-38 {
    font-size: 24px;
}

.font-22 {
    font-size: 14px;
}


.font-16 {
    font-size: 14px;
}
.creative-content-bg{
    display: none;
}
.landing-fcbkimg{
    display: none;
}
.imporve-click-img-eight img {
    width: 100%;
}
.audi-text-img-bg img {
    margin-left: 0px;
}
.pt50 {
    padding-top: 0px;
}
.nav {
    background: #ffffff;
    padding: 15px 10px;
    box-shadow: 0px 0px 6px 0px #e9ecee;
}
.navbar-main{
    padding:0px 10px;
}
.navbar-logo {
    width: 100%;
}
.navbar-logo a {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.navbar-logo button {
    position: absolute;
    right: 5px;
    border: none;
    background: #fff;
    padding: 5px 6px;
    top: 1px;
}
nav.navbar-expand-lg.navbar-light.nav.navbar_shrink {
    background: #ffffff;
    padding: 10px;
    box-shadow: 0px 0px 6px 0px #e9ecee;
}
nav.navbar-expand-lg.navbar-light.nav.navbar_shrink .navbar-logo a {
    color: #000;
}
.nav{
    padding-left: inherit !important;
}

nav.navbar-expand-lg.navbar-light.nav .navbar-collapse {
    position: absolute;
    width: 100%;
    background: #ffffff;
    left: 5px;
    top: 60px;
    padding: 0px 5px;
}
li.nav-item {
    font-size: 16px;
    font-weight: 500;
    margin-right: 0px;
    padding: 0px 0px 5px;
}
button.navbar-toggler:focus {
    outline: none !important;
}
nav.navbar-expand-lg.navbar-light.nav.navbar_shrink .navbar-collapse{
    top:50px;
}
nav.navbar-expand-lg.navbar-light.nav.navbar_shrink li.nav-item a.nav-link {
    color: #000 !important;
    font-weight: 300;
}
.dropdown:hover>.dropdown-menu {
    display: block;
    top: 38px;
    border: none;
    padding:0px;
}
a.dropdown-item {
    padding: 0px 10px 15px;
    font-weight: 300;
}
.dropdown-menu a.dropdown-item:last-child{
    padding-bottom: 0px;
}

.mt150 {
    margin-top: 0px;
}
.container.mt-5 {
    margin-top: 0px !important;
}




.social-media-card-icon.mb50 {
    margin-bottom: 150px;
}




}

.top-0{ top: 0% !important; }


section{ position: relative; }



.navbar{
    background-color: #fff;
    box-shadow: 2px 2px 10px #ccc;
}
.navbar-brand img{
    display: block;
    z-index: 10000;
    width: 250px;
}

 .navbar-dark .navbar-nav .nav-link {
    color: #000;
    padding: 26px 15px;
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .nav-link{ color: #000;  }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
}
    @media all and (min-width: 992px) {
        .navbar{ padding-top: 0; padding-bottom: 0; }
        .navbar .has-megamenu{position:static!important;}
        .navbar .megamenu{left:0; right:0;  margin: auto;    }
        .navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }
    }

.navbar-dark .navbar-nav .nav-link {
    color: #000;
    padding: 29px 15px !important;
}
.list-unstyled li{
    padding-bottom:33px !important;
}
.list-unstyled{
    text-align: left;
}
.list-unstyled li a{
    font-size: 18px;
    color: #313131;
}
.list-unstyled li a i{
    padding: 0px 10px;
}
.megamenu {
    margin-top:30px; 

    border-radius: 0px;
}
.list-unstyled{ padding-top: 20px;}
a.btn{
padding: 12px 50px; border-radius: 50px; border: none; border-radius: 50px; margin: 10px 0px; border: unset; color: #fff; font-size: 18px; margin-top: 10px; background:#007dff;
}
footer.footer h6 {
    color: #000;
    font-size: 20px;
}


footer.footer p {
    color:#484848 !important;
    font-weight:400;
    font-size:16px;
}
footer.footer li a {
    color: #484848 !important;
}
footer.footer h5 {
    color: #484848;
    font-size: 17px;
    display: flex;
    line-height: 1.5;
}
footer.footer {
    margin-top: 50px;
    background: #e8f0ff;
	padding-top:0px;
	padding-bottom:0px;
}

footer.footer li {
    list-style: none;
    line-height: 1.8;
}
p{line-height: 25px;}






.mt30{ margin-top: 30px; }
.icon-i {
    color: #09006D;
    text-align: center;
}
.icon-i i {
    color: #25CBFF;
    font-size: 50px;
    padding: 10px 0px;
}


.icon-p {
    text-align: left;
    padding: 0px 5px;
}


.icon-p p {
    text-align: left;
    color: #000;
    font-weight: 500;
    padding: 10px 0px;
    margin-bottom: 0px;
}

.c-logo {
    text-align: center;
    margin: auto;
    margin: 20px 0px;
}
.c-logo img {
    padding: 20px 10px;
    text-align: center;
}
footer.bg-white ul li {
    list-style: none;
    font-size: 16px;
}

/* h1{
    padding: 20px 10px;
    color: #000;
    text-align: center;
    font-size: 16px;
} */

.pd50{
    padding-top: 50px;
}

@media only screen and (max-width: 900px) {
    .instagram-bg-img{
        display: none;
    }
    .cnt-fuel-box-text h4 {
        padding: 0px;©
    }
}




footer.footer h5 i {
    width: 30px;
    font-size: 16px;
    line-height: 24px;
}
footer.footer h5 a {
    color: #000;
}
footer.footer h6 {
    display: flex;
}
footer.footer h6 i {
    width: 30px;
    line-height: 26px;
}
ul.social-media li {
   display: inline-block;
    background: #2c3c98;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 1px;
    color: #fff;
    border-radius: 40px;
    font-size: 20px;
    margin-right: 20px;
}


@media only screen and (max-width: 768px) {
   


.font-38 {
    font-size: 28px;

}

.mt-50 {
    margin-top: 0px;
}
section.dms h1 {
    font-size: 22px;
}
.navbar-dark .navbar-toggler {
    color: rgb(0 0 0) !important;
    border-color: rgba(255,255,255,.1);
}
div#main_nav {
    position: absolute;
    top: 62px;
    background: white;
    width: 100%;
    left: 0px;
}
.navbar-dark .navbar-nav .nav-link {
    color: #000;
    padding: 15px 20px;
    font-size: 16px;
}
.col-megamenu {
    padding-left: 0px;
}
.list-unstyled li a {
    font-size: 12px;
    color: #313131;
}
.list-unstyled li {
    padding-bottom: 15px;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 0px;
    border: none;
    width: 100%;
    padding-left: 2%;
}

.mt50 {
    margin-top: 0px;
}

}


@media only screen and (max-width: 480px) {


section.bgbr.clientmb .row .col-md-3 {
    max-width: 50%;
}



.mb-mb0{
    margin-bottom:0px;
}

.card-icon {
    box-shadow: 0px 0px 10px #e3e3e3;
    border-radius: 10px;
    padding:10px 20px;
    text-align: center;
    margin-bottom: 30px;
}
.navbar-dark .navbar-toggler {
    color: rgb(0 0 0 / 96%) !important;
    border-color: rgba(255,255,255,.1);
}

.navbar-dark .navbar-nav .nav-link {
    color: #000;
    padding: 10px 15px;
    font-size: 14px;
}
.col-megamenu {
    padding-left: 0px;
}
.list-unstyled {
    padding-top: 0px;
}
.list-unstyled li {
    padding-bottom: 11px;
}
.list-unstyled li a {
    font-size: 14px;
    color: #313131;
}
.list-unstyled li img {
    margin-right: 10px;
    width: 20px;
}
.mb-b2bbnt-txt {
    margin: 0px;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.mb-mt0{
    margin-top: 0px !important;
}
.mb-pt0{
    padding-top: 0px !important;
}
.mb-pt50{
    padding-top: 50px;
}
.mb-pb0{
    padding-bottom: 0px !important;
}
.mb-pb50{
    padding-bottom: 50px;
}
.mb-mb50{
    margin-bottom: 50px !important;
}


nav.navbar button{
    display: block;
}
input.button_sub {
    width: 100%;
    font-size: 14px !important;
}
}
.font-16 strong {
	font-weight:900 !important;
}
.pb-2, .py-2 {
    padding-bottom: .5rem!important;
}

.text-muted {
    color: #fff !important;
}
.msg h2 a {
    color: #000;
}
ul.social-media li a i {
    color: #fff;
}
.mt150{
    margin-top:150px;
}
 .tku{text-align: center;
    padding-top: 120px;}
    .tku img{    width: 60%;
    margin: 0 auto;
    text-align: center;}
@media only screen and (max-width: 600px) {
    nav.navbar.navbar-expand-lg.navbar-dark {
    z-index: 9999;
    position:relative;
    width: 100%;
}
	table td, .table th {
    padding: 10px;
/*     color: #3e3e3e; */
    font-size: 16px !important;
}
	.facebook--form h2 {
    color: #000 !important;
    font-size: 25px;
    font-weight: 200;
}
		data h2 {
		font-size: 23px !important;}
	.facebook--form h2 {
    color: #000 !important;
    font-size: 20px !important;
    line-height: 1.5;
}
	
}
.mt-100{
    margin-top:100px;
}
	body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol !important;	
		
		}
.dropdown:hover>.dropdown-menu{
	top:80px !important;
}
img.img-fluid.banner-bg-img{height:80vh !important;}
@media only screen and (max-width: 600px) {
    .elementor-widget-container .data-use-case h4{color: #588157 !important;}
  .navbar-brand img {
    display: block;
    z-index: 10000;
    width: 100px;
}
	
}

.post-author-block {
    display: none !important;
}
aside#primary-sidebar {
    display: none !important;
}
.related-post-block {
    padding: 40px;
	border: none !important;}
.related-post {
    padding: 10px 10px;
    border: 1px solid #ececec;
    box-shadow: -1px 3px 6px #dedede;
}
.post-content-single {
    background-color: #fff;
	padding: 0px 40px;}
.bg-wh{
	background:#fff!important;
	color:#666 !important;
	box-shadow:2px 2px 10px #ccc !important;
}
.bg-wh{
	border:1px solid #ccc !important;
}
#bg-bl{
	color:#281ac8 !important;
}
.listing-banner-form .facebook--form-input input {border:1px solid #ccc!important;
	color:#666 !important;
}
.listing-banner-form .facebook--form-input textarea.wpcf7-form-control.wpcf7-textarea {
    background: transparent;
    border: 1px solid #ccc !important;
    overflow: hidden;
}
.listing-banner-form .facebook--form-input {
    width: 70% !important;
    margin: 0 auto;
    box-shadow: 0px 0px 6px 0px #e9ecee;
    padding: 30px;
    border-radius: 10px;
    z-index: 999999;
    background: #fff !important;
	margin-top:140px
}

.elementor-column.elementor-col-33.elementor-top-column.elementor-element.elementor-element-7e9a818 {
    display: none !important;
}
.wpcf7-form textarea{
	overflow:hidden;
}



/* landing-page-optimization-services (Tejashwini code) starts */
.landing-main-banner{
	background-image: url(https://www.iinfotanks.com/wp-content/uploads/2024/08/Frame-26.webp);
	background-color: #050910;
	background-repeat: no-repeat;
    background-size: 100% 100%;
}
.landing-main-banner h1{max-width:80%}
.gradient-text{
	background: linear-gradient(90deg, #FFF 0%, #EF33E3 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.landing-main-banner .gradient-text{font-weight:600 !important}
.landing-main-banner p{color:#ffffff}
.backborder-lading{
position: absolute;
    float: left;
    width: 100%;
    padding: 0px 12px;
    border-radius: 10px;
    border: 1px solid #1268F0;
    height: 45px !important;
    left: 8px;
    top: 7px;
}
.how-we-work-block {
    position: relative;
    overflow: hidden; /* Ensures content doesn't overflow */
    transition: all 1s ease-in-out;
	background:url('https://www.iinfotanks.com/wp-content/uploads/2024/10/layer1.png');
	background-repeat:no-repeat;
    background-size: 100%;
    background-position-y: 100%;
}

.how-we-work-block h2 {
    position: absolute; /* Allows the text to move freely */
    bottom: -13rem; /* Initially off-screen below */
    left: 0;
    right: 0;
    text-align: center;
    transition: all 0.5s ease-in-out;
	background: linear-gradient(179deg, #FFF 0.89%, #050910 111.22%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.how-we-work-block:hover h2 {
    bottom: -5rem; /* Moves the text up into view on hover */transition: all 0.5s ease-in-out;
}
.working-image{transition: all 0.5s ease-in-out;transform:scale(1);}
.how-we-work-block:hover .working-image{transition: all 0.5s ease-in-out;transform:scale(0.9);}

.key-services{
	position:relative;
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/service-vector.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
	transition: all 1s ease-in-out;
}
.service-block{
	text-align:center;
	position:relative;
	transition: all 1s ease-in-out;
	padding: 100px 0;
}
.service-image .service-left{
	position:relative;
	z-index:2;
	margin-right:-10rem;
	transition: all 1s ease-in-out;
}
.service-image .service-right{
	position:relative;
	z-index:1;
	transition: all 1s ease-in-out;
}
.service-content {
    max-width: 400px;
    margin: auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.service-content h4{
	background: linear-gradient(90deg, #EF33E3 0%, #1268F0 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-size:26px;
	font-weight:700;
	margin-bottom:20px;
}
.service-content p{
	color:#ffffff;
}
.service-block:hover .service-left {
    transform: translateX(-100%) rotate(-10deg);
}

.service-block:hover .service-right {
    transform: translateX(100%) rotate(10deg);
}

.our-proven-process{
	position:relative;
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/our-proven-process-vector.png");
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;
}
 
.process-section{position: relative;}
.process-block{
	position:relative;
	background:#F3F3F3;
	border-radius:0;
	width:100%;
	padding:2.5rem 2rem;
	margin:20px 0;
	transition: all 0.5s ease-in-out;
	min-height:260px;
}
.process-block:after{
	content:'';
	background: linear-gradient(90deg, #EF33E3 0%, #1268F0 100%);
	width:100%;
	height:4px;
	position:absolute;
	top:0;
	left:0;
}
.process-block h4{font-size:24px;font-weight:700;margin-bottom:20px;color:#050910}
.process-block p{font-size:16px;color:#050910}
.process-block-image {
    position: absolute;
    top: 50%; /* Center the image vertically */
    left: 0;
    transform: translateY(-50%) scaleY(0); /* Start scaled down */
    transition: transform 0.5s ease, opacity 0.4s ease;
    opacity: 0;
    z-index: 0;
    height: auto; /* Allow height to adjust automatically */
    transform-origin: center;
}

.process-section:hover .process-top{transform: translateY(-75px);}
.process-section:hover .process-bottom{transform: translateY(75px);}
.process-section:hover .process-block-image {
    transform: translateY(-50%) scaleY(1); /* Scale to full size */
    opacity: 1; /* Make visible */
}

.process-section:not(:hover) .process-block-image {
    transform: translateY(-50%) scaleY(0); /* Scale down while centered */
    opacity: 0; /* Hide */
}
.process-icon {position: absolute;right: 15px;bottom: 15px;}
.optimize-content p{color:#ffffff;margin-bottom:25px}



.benifit-of-optimizing{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/banner.png");
	background-size:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;background-position-y: 100%;
}
.benifit-of-optimizing h2{max-width:80%;margin:auto}
.optimizing-benefit-image img{width:100%}
.optimize-benefit-content {
    text-align:center;
}
.optimize-benefit-content h2{font-size:50px;color:#ffffff;font-weight:700;margin-bottom:50px;max-width: 60%;}
.counters {display: flex;justify-content: space-between;text-align:center}
.counters .counter{background: linear-gradient(90deg, #EF33E3 20%, #1268F0 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
}
.optimise-button{text-align:center}
.counter-item h6{font-size:24px;color:#ffffff;margin-bottom:20px;}
.counter-item p,.service-item p{color:#FFFFFF60;font-size:16px;}
.benefit-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width:90%}
.counter-item{padding:0 15px}

.faq-block .elementor-accordion-item {
    border-bottom: 1px solid #126CF1 !important;
	padding:10px 0;
}
.faq-block .elementor-accordion-item .elementor-tab-title,.faq-block .elementor-tab-content{padding-left:0}
.faq-block .elementor-tab-content{padding-top:0}

.service-item-icon {position: absolute;top: 15%;left: 0%;transform: translate(0%, 0%);}
.service-item p{color:#ffffff}

.choose-block-banner{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/Rectangle-1145.png");
	background-size:cover;
	position:relative;
	background-repeat:no-repeat;
	background-position:top center;
}
.choose-block-banner h2{
	font-size:40px;font-family: "Montserrat", Sans-serif;color:#EF33E3;max-width:60%;margin:auto
}
.choose-block-banner h2 span{color:#e2aedf}
.service-outer-layer {
    position: relative;
    transition: all 0.5s ease; /* Smooth transition for the outer layer */
}

.service-outer-layer:after {
    content: '';
    width: 150px; /* Initial width */
    height: 160px; /* Initial height */
    background: linear-gradient(120deg, #EF33E3 0%, #1268F0 100%);
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -7%);
    border-radius: 30px;
    z-index: 1;
    transition: all 0.5s ease; /* Smooth transition for the after element */
}

.service-item-icon {
    display: inline-block; /* Required for transform to work */
    transition: transform 0.5s ease; /* Smooth transition for the icon */
}

.choose-block-banner:hover .service-outer-layer:after {
    animation: shake-zoom-bounce-rotate-out 0.6s forwards; /* Combined shake, zoom, bounce, and rotate */
    width: 70px; /* Final width after hover */
    height: 70px; /* Final height after hover */
	top: -20%;
    left: 25%;
}

.choose-block-banner:hover .service-item-icon {
    animation: bounce-zoom-out 0.5s forwards; /* Bounce and zoom out */
}

.choose-block-banner .service-outer-layer:after {
    animation: shake-zoom-bounce-rotate-in 0.6s forwards; /* Reverse animation on unhover */
    width: 150px; /* Ensure it resets back to original size */
    height: 160px; /* Ensure it resets back to original size */
}

.choose-block-banner .service-item-icon {
    animation: bounce-zoom-in 0.5s forwards; /* Reverse animation on unhover */
}

@keyframes shake-zoom-bounce-rotate-out {
    0% {
        transform: translate(-50%, -7%) scale(1) rotate(0deg);
    }
    10% {
        transform: translate(-55%, -7%) scale(1) rotate(-5deg); /* Shake left */
    }
    20% {
        transform: translate(-45%, -7%) scale(1) rotate(5deg); /* Shake right */
    }
    30% {
        transform: translate(-50%, -7%) scale(1) rotate(0deg); /* Center */
    }
    40% {
        transform: translate(-50%, -15%) scale(0) rotate(10deg); /* Shrink to 0 */
    }
    60% {
        transform: translate(-50%, -15%) scale(1.1) rotate(10deg); /* Bounce and rotate */
    }
    80% {
        transform: translate(-50%, -15%) scale(0.9) rotate(5deg); /* Slight shrink with shake */
    }
    100% {
        transform: translate(-50%, -15%) scale(1) rotate(0deg); /* Reset */
    }
}

@keyframes shake-zoom-bounce-rotate-in {
    0% {
        transform: translate(-50%, -15%) scale(0) rotate(10deg); /* Start at size 0 */
    }
    10% {
        transform: translate(-50%, -15%) scale(1) rotate(-5deg); /* Shake left */
    }
    20% {
        transform: translate(-50%, -15%) scale(1) rotate(5deg); /* Shake right */
    }
    30% {
        transform: translate(-50%, -15%) scale(1) rotate(0deg); /* Center */
    }
    50% {
        transform: translate(-50%, -7%) scale(1.1) rotate(-10deg); /* Bounce and rotate */
    }
    100% {
        transform: translate(-50%, -7%) scale(1) rotate(0deg); /* Back to original position and rotation */
    }
}

@keyframes bounce-zoom-out {
    0% {
        transform: scale(1); /* Start at normal size */
    }
    30% {
        transform: scale(0.9) translateY(-10px); /* Zoom out and bounce up */
    }
    60% {
        transform: scale(1.1) translateY(5px); /* Bounce down and zoom in slightly */
    }
    100% {
        transform: scale(0.8); /* End with a zoomed-out state */
    }
}

@keyframes bounce-zoom-in {
    0% {
        transform: scale(0.8); /* Start zoomed out */
    }
    30% {
        transform: scale(1.1) translateY(5px); /* Bounce up and zoom in */
    }
    60% {
        transform: scale(0.9) translateY(-10px); /* Bounce down and shrink slightly */
    }
    100% {
        transform: scale(1); /* End at normal size */
    }
}

/* landing-page-optimization-services (Tejashwini code) Ends */
/* HTML Campaign Services Starts */
.campaign-custom-container {
    max-width: 1250px;
    margin: auto;
}
.how-it-work h2{
	text-align:center;
	background: linear-gradient(90deg, #1268F0 0%, #EF33E3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 50px;
	line-height:78px;
}
.work-process-block{position:relative;transition:all 0.5s ease-in-out}
.work-process-block .work-process-image{transform:scale(0);transition:all 0.5s ease-in-out;margin-left: -10%;}
.work-process-content {max-width: 400px;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);transition:all 0.5s ease-in-out}
.work-process-block:hover .work-process-image{transform:scale(1);transition:all 0.5s ease-in-out}
.work-process-block:hover .work-process-content{transition:all 0.5s ease-in-out;left:15%}
.work-process-content h4{
	font-size:24px;
	color:#ffffff;
	font-weight:700;
}
.work-process-content p{
	font-size:16px;
	font-weight:400;
	color:#FFFFFF8F;
}

.working-tools h2{
	background: linear-gradient(179deg, #FFF 0.89%, #050910 111.22%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 80px;
    font-weight: 700;
    margin-bottom: 50px;
	line-height: 75px;
}
.working-cycle ul {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.working-cycle ul li{
	font-size:24px;
	color:#FFFFFF8F;
	font-weight:700;
	list-style-type:none;
	line-height:3;		
	transition:all 0.8s ease-in-out;
	position:relative;
	z-index:1;
	cursor:pointer;
}
.working-cycle ul li.active{
	color:#ffffff;
	font-size:30px;
	transition:all 0.8s ease-in-out;
	transform:scale(1.05);
	transform-origin: left;
}
.working-cycle ul li.active:before{
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: #9747FF;
    border-radius: 50%;
    top: 50%;
    left: -8%;
    transform: translate(0, -50%);
}
.working-cycle {
    max-width: 70%;
    margin-left: auto;position:relative;
}
.working-cycle-rings img {width: 714px;height: 665px;margin-left: auto;}
.working-cycle-rings img.active {display: block;opacity: 1;}
.spin {animation: spin 0.8s forwards; /* Spin animation */}
.working-cycle-rings{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/circle.png");
	background-size: 90% 100%;
    background-position-x: 36%;
	background-repeat:no-repeat;
}
@keyframes spin {
	from {
		transform: rotate(0deg); /* Start position */
	}
	to {
		transform: rotate(360deg); /* End position */
	}
}
.campaign-services .elementor-widget-wrap {max-width: 1500px;margin: auto !important;}
.campaign-services{position:relative}
.campaign-service-banner{position:absolute;z-index:0}
.campaign-content{z-index:1}
.campaign-content p{color:#ffffff}
.campaign-content h2{max-width:65%}
.quick-quote a{background:#ffffff;color:#000000;font-weight:600;font-size:14px;padding: 10px 13px;border-radius: 100px;margin-right: 10px;}
.campaign-services-block {
    max-width: 90%;
    margin: auto;
}
.campaign-services-item {
    background: #080E19;
    border-radius: 20px;
    position: relative;
    text-align: center;
    padding: 2rem;
    min-height: 325px;
    display: flex;
    flex-direction: column; /* Stack children vertically */
    align-items: center; /* Center items horizontally */
    justify-content: center; /* Center items vertically */
    cursor: pointer;
    transition: transform 0.3s ease-in-out; /* Smooth scaling transition */
	z-index:1;
	margin:50px 15px;
}
/* .campaign-services-slide .owl-stage {
    display: flex;
    align-items: center;
} */
.campaign-services-slide .owl-dots .owl-dot span{
	width:18px;
	height:5px;
	border-radius:50px;
	background:#D9D9D9;
	margin:0 5px;
}
.campaign-services-slide .owl-dots .owl-dot span{
	background:#EF33E3;
}
.campaign-services-item::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 20px;
	border:0;
	border-bottom: 1px solid transparent;
	background: linear-gradient(90deg, #1268F0 0%, #EF33E3 100%) border-box;
	-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: destination-out;
	mask-composite: exclude;
}

.campaign-services-item img {
    width: 100%; /* Make image responsive */
    max-width: 85px; /* Set a maximum width for the image */
	margin:auto;
    opacity: 1; /* Full opacity initially */
    transition: opacity 0.3s ease-in-out, max-width 0.3s ease-in-out; /* Smooth opacity and width transition */
    position: relative; /* Keep image in flow */
    z-index: 0; /* Behind everything */
}

.campaign-services-item h4 {
    font-size: 22px;
    color: #ffffff;
    margin-top: 50px; /* Initial position */
    transition: margin-top 0.3s ease-in-out; /* Smooth margin transition */
    z-index: 2; /* Above the image */
}

.campaign-services-item p {
    font-size: 14px;
	line-height:1.4;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0; /* Hidden initially */
    transition: opacity 0.3s ease-in-out; /* Smooth opacity transition */
    position: absolute; /* Position absolute for layering */
    z-index: 1; /* Behind h4 */
    top: 20%;
    width: 85%;
    left: 0;
    right: 0;
    transform: translate(0, -20%);
    margin: auto;
    text-align: center; /* Center text */
}

.campaign-services-item:hover {
    transform: scale(1.1); /* Scale up on hover */
}

.campaign-services-item:hover p {
    opacity: 1; /* Show paragraph */
}

.campaign-services-item:hover h4 {
    margin-top: 70px; /* Move h4 down on hover */
}

.campaign-services-item:hover img {
    opacity: 0.3; /* Further reduce image opacity on hover */
    max-width: 215px; /* Grow image on hover */
}

/* Adding transition back for smooth leave */
.campaign-services-item p {
    transition: opacity 0.3s ease-in-out; /* Ensure smooth leave transition */
}

.campaign-services-item h4 {
    transition: margin-top 0.3s ease-in-out; /* Ensure smooth leave transition */
}

.campaign-services-item:hover.services-item1{background: linear-gradient(180deg, #080E19 0%, #EE92EE 100%);}
.campaign-services-item:hover.services-item2{background: linear-gradient(180deg, #080E19 0%, #2BF8BC 100%);}
.campaign-services-item:hover.services-item3{background: linear-gradient(180deg, #080E19 0%, #052E70 100%);}
.campaign-services-item:hover.services-item4{background: linear-gradient(180deg, #080E19 0%, #A26214 100%);}

.accordion-tab .elementor-toggle-item{position:relative}
.accordion-tab .elementor-toggle-item:after{
content: '';
    width: 97%;
    height: 1px;
    background: linear-gradient(90deg, #1268F0 0, #EF33E3 100%);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
/* HTML Campaign Services Ends */

/* https://www.iinfotanks.com/cdo-email-list-2/ STARTS */
.cdo-benefits{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/cdo-benefit-layer.png");
	background-size:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
}
.cdo-benefits p{
	max-width: 775px;
    color: #ffffff;
    margin: auto;
}
.benefit-block{
	background: #3B3B3B;
    max-width: 200px;
    height: 200px;
    border-radius: 0;
    text-align: center;
    width: 100%;
	padding:15px 5px;
	position:relative;
	transition:all 0.5s ease-in-out;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.benefit-cpo-block {
    width: 85%;
    margin: auto;
}
.benefit-block img{width:100px;transition:all 0.5s ease-in-out;}
.benefit-block p{
	color:#ffffff;	
	font-family: "Sans Serif Collection", Sans-serif;
	font-size:16px;
	line-height: 1.4;
	display:none;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
    margin: 0;
	transition:all 0.5s ease-in-out;
}
.benefit-block:hover {
    background: linear-gradient(180deg, #1268F0 0%, #07C2FF 100%); /* Change to desired hover color */
	transition:all 0.5s ease-in-out;
	transform:scale(1.3);
}

.benefit-block:hover img {
    transform: translateY(-10px) scale(0.7);
	transition:all 0.5s ease-in-out;
	
}

.benefit-block:hover p {
    display: block;transition:all 0.5s ease-in-out;
	transform:scale(0.8);
}
.cdo-banner-item {
    background-size: 100% 100% !important;
}
.cdo-mailing-list{
	background: url(https://www.iinfotanks.com/wp-content/uploads/2024/10/cdo-mailing-list-layer.png);
    background-position: right;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.c-level-professional-title{
	max-width: 1000px;
    margin: auto;
}
.c-level-professional{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/c-level-professional-layer.png");
	background-position: center center;
	background-size:100%;
	background-repeat:no-repeat;
}
.c-level-professional-list .elementor-widget-container,.c-level-professional-list .elementor-widget-heading{
	transition:all 0.5s ease-in-out !important
}
.c-level-professional-list .elementor-widget-heading:hover .elementor-widget-container{transition:all 0.5s ease-in-out}
.choose-cdo h2{
	background: linear-gradient(90deg, #0DF7FF 0%, #2254E3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.choose-cdo{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/10/choose-cdo-banner.png");
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.choose-cdo p{color:#ffffff;max-width: 90%;margin: auto;}
.cdo-gradient-text p{
	background: linear-gradient(90deg, #0DF5FE 0%, #07C4FF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cdo-email-item{cursor:pointer;background: linear-gradient(180deg, #1268F0 0%, #0DF7FF 100%);border-radius:100px;display:flex;padding:10px;align-items: center;transition:all 0.2s ease-in-out;margin:10px 0}
.cdo-email-image{height: 106px;overflow: hidden;max-width: 106px;width: 100%;border-radius: 50%;}
.cdo-email-item img{width:106px;height:106px;border-radius:50%;}
.cdo-email-item p{font-size:18px;font-weight:600 !important;margin-left:20px;line-height:1.4; color:white !important;}
.cdo-email-item img{transition:all 0.2s ease-in-out;}
.cdo-email-item:hover{background:linear-gradient(180deg, #727272 0%, #727272 100%);transition:all 0.2s ease-in-out;}
.cdo-email-item:hover img{transform:scale(1.15);transition:all 0.2s ease-in-out;}

.leading-companies{
	background:url("https://www.iinfotanks.com/wp-content/uploads/2024/08/Group-1171276155.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.country-list{width:100%;display: flex;justify-content: center;}
.country-list li {transition:all 0.5s ease-in-out;cursor:pointer;list-style-type: none;background-image: linear-gradient(270deg, #1268F0 0%, #0DF7FF 100%);font-size:20px;font-weight:600;color:#ffffff;padding: 20px 50px;border-radius:50px;margin:0 25px;transform-origin: left;}
.country-list li:hover {transform: scale(0.95);opacity:0.9;transition:all 0.5s ease-in-out;}

.email-address-list li {
    list-style-type: none;
    display: flex;
    margin-bottom: 20px;
    align-items: center;cursor:pointer;
}

.email-address-list p {
    font-size: 18px; /* Corrected syntax */
    color: #000000;
    font-weight: 600 !important;
    margin-left: 15px;   
	width:100%
}
.email-address-list li a{position:relative;width:60px}
.email-address-list li a:after {
	content:'';
    background: #000000;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    padding: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* For smooth background transition */
	position:absolute;
	left:0;
	top:0;
	z-index:0;
	transform-origin: bottom left;
}

.email-address-list li a img {
    transition: transform 0.5s ease; /* For smooth image transition */
	position:relative;
	z-index:1;
	padding: 15px;
}

.email-address-list li:hover a:after {
    transform: scale(0.2); /* Shrinks the background */
}

.email-address-list li:hover a img {
    transform: scale(1.2); /* Makes the image bigger */
	transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.email-address-list li:hover p{
	background: linear-gradient(90deg, #0DF7FF 0%, #2254E3 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	transform: scale(1.2); /* Makes the image bigger */
	transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	transform-origin: left;
}
.cdo-address-list{
	background: url("https://www.iinfotanks.com/wp-content/uploads/2024/10/cdo-address-list-layer.png");
    background-position: left top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
h5#countTest1:after,h5#countTest2:after {
    content: '%';font-size: 54px;
}
h5#countTest3:after{
    content: 'X';font-size: 54px;
}
#countTest4:after{
	content:'X' ' ' url("https://www.iinfotanks.com/wp-content/uploads/2024/10/arrow_cool_down.png");
	font-size: 54px;
	white-space: pre;
}



/* https://www.iinfotanks.com/cdo-email-list-2/ ENDS */

@media(max-width:992px){
	.benefit-block{
		max-width:100%;
		margin-bottom:10px
	}
}
@media(max-width:576px){
	
}
.custom-button {
    text-align: center;
    display: inline-block;
    position: relative; /* Only transition transform */
}

.custom-button-gradient {
    outline: none;
    background: linear-gradient(90deg, #EF33E3 0%, #1268F0 100%);
    border: none;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    position: relative;
    transition: background 0.5s ease-in-out, transform 0.5s ease-in-out;
	z-index:1;
}

.custom-button:hover .custom-button-gradient {
    transform: translate(10px, 10px); /* Move left and up on hover */
	background:transparent;
}

.custom-button::before {
    content: "";
    position: absolute;
    top: 10px; /* Initial position */
    left: 10px; /* Initial position */
    width: 100%;
    height: 100%;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(90deg, #EF33E3 0%, #1268F0 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: 0;
    transition: none; /* Ensure the pseudo-element does not transition */
}
.custom-button:hover::before{
	background:#ffffff;
	transition:all 0.5s ease-in-out;
	-webkit-mask:unset;
}
.custom-button a {
    color: #FFF;
    font-family: "Roboto Flex";
    font-size: 16px;
	line-height:1.9;
    font-style: normal;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.5s ease-in-out; /* Add transition for background */
	padding: 10px 18px;
    display: inline-block;
}

.custom-button:hover a {
    background: linear-gradient(90deg, #EF33E3 20%, #1268F0 80%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.header-classic {
    background-color: #fff;
    display: none;
}


.country-seo-service-slider{position:relative}
.seo-service-slider img{}
.block-title-stroke h2{
	color: transparent !important;
    font-size: 90px;
    font-weight: 700 !important;
	font-family: "Outfit", Sans-serif;
    text-transform: capitalize;
    line-height: 1;
    
    text-decoration: none;
    -webkit-text-stroke: 1px #ffffff;
    user-select: none;
	margin:15px 0;
}

.business-item-card{
	border-radius:0 0 30px 30px;
	background:#1E1E1E;
	padding:5rem 2.5rem 5rem;
	position:relative;
}
.business-item-card h4{
	font-size:24px;
	color:#969696;
	font-weight:600;
	margin-bottom:3rem;
}
.business-item-card p{
	color:#ffffff;
	font-family: "Sans Serif Collection", Sans-serif;
	font-size:15px;
}
.country-seo-service-slider .item.even{border-top:2px solid #09FFFB}
.country-seo-service-slider .item.odd{border-top:2px solid #1A9FFF}

.country-seo-service-slider:before
{
	content:'';
	width:100px;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	transform:translate(0, 0);
	background:linear-gradient(90deg, #050910 30%, #05091000 100%);
	z-index:2;
}
.country-seo-service-slider:after
{
	content:'';
	width:80px;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	transform:translate(0, 0);
	background:linear-gradient(270deg, #050910e6 30%, #05091000 100%);
	z-index:2;
}

.seo-service-slider .elementor-column-gap-default {
    max-width: 1300px;
    margin: auto;
}
.seo-business-content {
    z-index: 4;height: max-content;
}
.business-slider .owl-prev, .business-slider .owl-next {
    background: transparent !important;
}
.business-slider .owl-stage {
    display: flex;
}
.business-slider .item {
    height:100%;
}
.business-slider .owl-nav {
    position: absolute;
    bottom: 0;
    left: -65%;
    z-index: 9999;
    transform: translate(65%, 0);
}
.seo-service-slider .elementor-column-gap-default {
    border-top: 1px solid;
}

.seo-brand-table{background:#1E1E1E;border-radius:20px;padding:50px 50px 30px;color:#ffffff}
.seo-brand-table table thead tr th{
	font-size:24px;font-weight:700;
	background: linear-gradient(90deg, #B2B8FF 0%, #09FFFB 100%);
    background-clip: text;
    -webkit-background-clip: text;
	text-align:center;
    -webkit-text-fill-color: transparent;
}
.seo-brand-table table tbody tr th{
	font-size:18px;
	font-weight:700;
	color: #ffffff;
}
.seo-brand-table table tbody tr,.seo-brand-table table thead tr{border-bottom : 1px solid #ffffff54}
.seo-brand-table table tbody tr td:not(:last-child),.seo-brand-table table thead tr th:not(:last-child),.seo-brand-table table tbody tr th{border-right:1px solid #ffffff54}

.seo-brand-table table tbody tr td,.seo-brand-table table thead tr th,.seo-brand-table table tbody tr th{padding:30px}
.seo-brand-table table tbody.more-content tr {border: 0;}
.seo-brand-table table tbody.more-content tr td{padding: 30px 0 0;
    color: #09FFFB;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;}

/*  */
.seo-partner{position:relative}
.seo-partner:before{content:'';position:absolute;top:0;width:100%;background:url('https://www.iinfotanks.com/wp-content/uploads/2024/12/top-layer.png');background-size: auto;height: 100%;background-repeat: no-repeat;z-index:0;background-position:top}
.seo-partner:after{content:'';position:absolute;bottom:0;width:100%;background:url('https://www.iinfotanks.com/wp-content/uploads/2024/12/bottom-layer.png');background-size: auto;height: 100%;background-repeat: no-repeat;background-position-y: 100%;z-index:0;background-position:bottom}
.seo-partner-slider {
  width: 35em;
  height: 25em;
  margin: 0 auto;
  position: relative;
}

.seo-partner-slider li {
  display: inline-block;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  overflow: hidden;
}

.seo-partner-slider .items {
  position: absolute;
	background:#1E1E1E;
	border-radius:30px;
	width:380px;
	height:380px;
	padding:3.5rem;
}
.seo-partner-slider .items:after{
	content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    border: 1px solid transparent;
    background: linear-gradient(0deg, #09FFFB 0%, #6E78FF 100%) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
}
.seo-partner-slider .item-content {
    display: flex;
    justify-content: space-around;
    height: 100%;
    align-items: center;
	text-align:center;
}
.seo-partner-slider .item-content p{
	font-size:20px;
	color:#ffffff;
	margin-top:35px;
}
.seo-partner-slider .main-pos {
  margin-left: 2em !important;
  z-index: 3;
}

.seo-partner-slider .left-pos {
  margin-left: -2em !important;
  z-index: 1;
  -webkit-transform: scale(.85);
  -moz-transform: scale(.85);
  transform: scale(.85);
}

.seo-partner-slider .back-pos {
  margin-left: 2em !important;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  transform: scale(.5);
}

.seo-partner-slider .right-pos {
  margin-left: 6em !important;
  z-index: 1;
  -webkit-transform: scale(.85);
  -moz-transform: scale(.85);
  transform: scale(.85);
}
.seo-partner-slider #prev {
    position: absolute;
    right: 0;
    top: 35%;
    transform: translate(0, -35%) rotate(0deg);
	z-index: 1;cursor:pointer;
}
.seo-partner-slider #next {
    position: absolute;
    right: 0;
    top: 65%;
    transform: translate(0, -65%) rotate(0deg);
	z-index: 1;
	cursor:pointer;
}

.slider-counter {
    position: absolute;
    bottom: -15%;
    left: 35%;
    transform: translate(-35%, 0%);
}
/*  */
.country-location-list {
    max-height: 220px; overflow-y: auto;position:relative;
}
.country-location-list ul li{
    border-radius: 25px;
    padding: 11px 25px;
    display: inline-flex;
    margin: 12px 7px;
    border: 1px solid #FFFFFF;
    transition: all 0.5s ease-in-out; 
    cursor:pointer;
    font-family: "outfit";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}
.country-location-list a{
    color:#fff;
}
.country-location-list a:hover{
     color:#022050;
}
.country-location-list ul li:hover {
    transform: translateY(10px); /* Adjust the value as needed */
    background:#fff;
    border:1px solid #ffffff;
    color:#022050;
}
.country-location-list::-webkit-scrollbar-track {
    border:0;
    border-radius: 10px;
    width: 1px; /* This will affect the track width */
    background:#ffffff10;
}

.country-location-list::-webkit-scrollbar {background-color: translate;
	display:block;
}

.country-location-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #FFFFFF;
    width: 6px; /* Width of the thumb */
    height: 75px;
}
.country-state-list-purpole::-webkit-scrollbar-thumb{width:3px;-webkit-box-shadow:none}
/* Industry - Email - List */
.page-main-banner{height:650px;position:relative;}


/* https://www.iinfotanks.com/new-home/ starts */


.infotanks-home-banner h1{color:var(--white-color);text-transform:uppercase;font-weight:700;text-transform: capitalize;}
.infotanks-home-banner h1 span{position:relative;display: inline-block;overflow: hidden;height: 1.25em;text-align:left;text-transform: capitalize;text-shadow:none}
.infotanks-home-banner h1 span span{display: block;animation: animateWords 10s infinite ease;margin-left:15px;background: linear-gradient(270deg, #61F4DE 10%, #58D7FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.banner-content{position:absolute;top:50%;left:15%;transform:translate(-15%, -50%);z-index:1;width:100%;}
.text-animation{display:inline-flex;text-transform:none;text-shadow: 0px 4px 4px rgb(0 0 0 / 20%);}
.banner-content a{font-family: "Outfit", Sans-serif;}
.text-animation i {text-transform: lowercase;}
@keyframes animateWords {
	 0% {
		 transform: translateY(0%);
	}
	 25% {
		 transform: translateY(-100%);
	}
	 50% {
		 transform: translateY(-200%);
	}
	 75% {
		 transform: translateY(-300%);
	}
	 100% {
		 transform: translateY(-400%);
	}
}
.bottom-content{display:flex;align-items: center;position: absolute;bottom: 25px;}
.bottom-content p{color:#ffffff;font-size:16px;text-wrap: nowrap;margin: 0 20px;}
.banner-content{text-align:center;color:#ffffff;}
.banner-content h1{text-align:center !important;font-size:70px;margin-bottom:25px;color:#ffffff;font-weight:700}
.banner-content p{font-size:20px;width: 75%;margin: auto;font-weight: 400;margin-bottom: 30px;}
.theam-button{background: linear-gradient(90deg, #07C4FF 10%, #61F4DE 100%);color: #000000;font-size: 16px;font-family: "Outfit", Sans-serif;font-weight: 500;padding: 12px 20px;display: inline-block;border-radius: 8px;transition:all 0.5s ease-in-out}
.theam-button img {width: 18px;vertical-align: middle;margin-right: 10px;}
.theam-blue{background: linear-gradient(90deg, #07C4FF 0%, #2168F0 100%) !important;font-weight:500;}
.theam-blue:hover{background:#07C4FF;}
.theam-button:hover{color:#000000;background:#07C4FF;transition:all 0.5s ease-in-out;webkit-transition: -webkit-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: -moz-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: -o-transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    transition: transform 200ms cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.primary-card{border-radius:25px;color:#ffffff;position:relative;margin-bottom:25px;transition:all 0.5s ease-in-out;overflow:hidden}
.primary-card h6{font-size:28px;line-height:1.2;font-weight:700;color:#ffffff;position: absolute;top: 40px;left: 20%;transform: translate(-20%, -8%);}
.card-bottom {position: absolute;bottom: 25px;left: 30px;right: 30px;}
.primary-card h5{font-size:28px;line-height:1.2;font-weight:550;color:#ffffff;}
.primary-card h5 span{font-size:16px; font-weight:400}
.primary-card .card-bottom h5{border-bottom:2px solid #ffffff52;padding-bottom: 10px;margin-bottom: 10px;}
.primary-card p{font-size:16px;font-weight:500;color:white;}
.card1{background: linear-gradient(180deg, #419DB9 10%, #163664 100%);height:260px}
.card3{background: linear-gradient(180deg, #1268F0 10%, #30746A 100%);height:260px}

.card4 img{height: 738px;object-fit: cover;object-position: 26% 0;transition:all 0.5s ease-in-out}
.primary-card.card4:hover img{transform:scale(1.1);object-position: 75% 0%;transition:all 0.5s ease-in-out};

.primary-card:hover{transition:all 0.5s ease-in-out}
.primary-card img{transition:all 0.5s ease-in-out;width: 100%;}
.primary-card:hover img{transform:scale(1.1);}

.team-deliver{padding:100px 0 80px}
.team-deliver h2{font-size:40px;font-weight:700;color:#0C1C35;margin-bottom:25px}
.team-deliver p{color:#0C1C35;font-size:16px;margin-bottom:5rem;font-family: "Outfit", Sans-serif;}
.team-deliver img{width:100%}
.delivery-card{position:relative;color:#ffffff;overflow: hidden;transition: all 0.5s ease-in-out;}
.delivery-card h5{font-size:60px;font-weight:700;color:#ffffff;position:absolute;top:5%;left:8%;right:8%;line-height:1.4;transition: transform 0.5s ease-in-out;}
.delivery-card .delivery-info h6{font-size:26px;font-weight:700;color:#ffffff;line-height:1.4;margin-bottom:20px;}
.delivery-card .delivery-info p{font-size:16px;color:#ffffff;margin-bottom:0;font-weight:500;transition: opacity 0.5s ease, transform 0.5s ease-in-out;display:none;transform: translateY(20px);border-top:1px solid #ffffff;padding-top:10px}
.delivery-card .delivery-info{position:absolute;bottom:8%;left:8%;right:8%;transition: bottom 0.5s ease-in-out;transform: translateY(20px)}
.delivery-card:hover h5 {transform: scale(0.8) translate(-12%, 0);}
.delivery-card:hover .delivery-info {bottom: 15%;}
.delivery-card:hover .delivery-info p {transform: translateY(0);display:block}


.empowered-innovation{background: linear-gradient(330deg, #419DB9 10%, #163664 100%);}
.empowered-item {border: 1px solid #d6dde652;border-radius: 20px;padding:40px 25px;box-shadow: 1px 4px 11px 0 #00000566;margin-bottom:20px}
.empowered-item img{width:90px;height:90px;border-radius:20px;text-align:center}
.empowered-item h6{font-size:24px;font-weight:700;color:#ffffff;margin-bottom:20px;line-height:1.2}
.empowered-item p{color:#ffffff; font-size:18px}

.comprehensive-slider{margin:0px 20px 15px;}
.comprehensive{position:relative}
.comprehensive:after{content:'';width:180px;height:100%;position:absolute;right:0;top:0;z-index:9}
.comprehensive:before{content:'';width:180px;height:100%;position:absolute;left:0;top:0;z-index:9}
/*.initial-slider .swiper-wrapper{padding-left: 140px;}*/
.comprehensive .swiper-container{padding-top:100px;}
.steps-item h6{background: linear-gradient(270deg, #23529B 50%, #3C94B0 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:24px;font-weight:700;font-family: "Montserrat", Sans-serif;margin-bottom:15px;line-height:1.4}
.steps-item p{color:#525252;font-weight:500}
.comprehensive-slider .swiper-wrapper{padding-bottom:50px}
.comprehensive-slider .swiper-scrollbar{width:86%;margin:auto;right:1%;background:transparent;position:relative}
.comprehensive-slider .swiper-scrollbar:before{content:'';width:100%;height:2px;background:rgba(0,0,0,.1);position:absolute;bottom:1px}
.comprehensive-slider .swiper-scrollbar-drag{background: linear-gradient(330deg, #419DB9 10%, #163664 100%);}

.custom-slider .swiper-button-next{padding: 8px 25px !important;border-radius: 0 25px 25px 0;background: #D9D9D980 !important;border: 1px solid #D4D4D4 !important;top: 7%;right: 11%;transform: translate(-10%, 10%);cursor:pointer;}
.custom-slider .swiper-button-prev{padding: 8px 25px !important;border-radius: 25px 0 0 25px;background: #D9D9D980 !important;border: 1px solid #D4D4D4 !important;top: 7%;
    right: 15%;
    transform: translate(0%, 10%);
    left: unset;cursor:pointer}
.custom-slider .swiper-button-prev:after{content:'\f0d9';font-family:FontAwesome;font-size:20px}
.custom-slider .swiper-button-next:after{content:'\f0da';font-family:FontAwesome;font-size:20px}
.custom-slider .swiper-button-prev:hover,.custom-slider .swiper-button-next:hover{background: linear-gradient(360deg, #419DB9 10%, #163664 100%) !important;}
.custom-slider .swiper-button-next:hover:after,.custom-slider .swiper-button-prev:hover:after{color:#ffffff;}


.business-brand{background: linear-gradient(270deg, #419DB9 10%, #163664 100%);position:relative;}
.business-brand:before{content:'';width:180px;height:100%;background:linear-gradient(270deg, #419DB900 10%, #163664 100%);position:absolute;left:0;top:0;z-index:1}
.business-brand:after{content:'';width:180px;height:100%;background:linear-gradient(90deg, #419DB900 10%, #419DB9 100%);position:absolute;right:0;top:0;z-index:1}
.business-brand h2{width:70%;margin:auto}
.team-div{font-family: "Montserrat", Sans-serif;color:#ffffff;font-weight:600;align-self: center;cursor:pointer;position:relative;fill: #ffffff;background-image: linear-gradient(90deg, #d6d7d873 0%, #00f9fb1a 85%);border-color: #ffffff;height: 90px;border-radius: 50px;text-align: center;align-items: center;
display: flex;justify-content: center;border-style: solid;border-width: 1px 0px 0px 0px;margin:10px 0;transition:all 0.5s ease-in-out;}
.team-div:before{position: absolute;content: "";border-radius: inherit;-webkit-transition: all .4s ease;transition: all .4s ease;z-index: -1;top: 0;left: 0;height: 100%;width: 100%;background-size: 102% 102%;opacity: 1;}

.branding-item .slider {position: relative;width: 100%;display: grid;place-items: center;overflow: hidden;margin:0;}
.team-div:hover{color:#ffffff;background-image:none;border:1px solid #ffffff;transition:all 0.5s ease-in-out;}
.branding-item .slider::after {right: 0;top: 0;transform: rotateZ(180deg);}
.branding-item .slide-track {display: flex;animation: scroll 20s linear infinite;justify-content: space-between;}
.branding-item .slide {display: block;width: 330px;margin:0 10px;}
@keyframes scroll {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-150px * 10));
    }
}

@keyframes scroll2 {
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(calc(-150px * 5));
    }
}
.branding-item .slider:hover .slide-track,.branding-item .slider:hover .slide-track2 {animation-play-state: paused;}
.branding-item .rtl-slider .slide-track-rtl {display: flex;animation: scroll-rtl 20s linear infinite;justify-content: space-between;}
@keyframes scroll-rtl {
    0% {
        transform: translateX(calc(-150px * 10));
    }
    100% {
        transform: translateX(0px);
    }
}
.branding-item .rtl-slider:hover .slide-track-rtl {animation-play-state: paused;}



.infothanks-difference{position:relative;background:url('https://www.iinfotanks.com/wp-content/uploads/2025/04/Vector.png');background-repeat:no-repeat;background-position:center center;background-size:100%}
.infothanks-difference form button[type="submit"]{background:linear-gradient(270deg, #07C4FF 10%, #61F4DE 100%);min-height: 50px !important;}
.infothanks-difference form input{background-color: #23529b24 !important;border: 0!important;height: 50px;border-radius: 16px;}
.infothanks-difference form input::placeorder{color:#0C1C35 !important}
.good-fit h6{font-size:20px;color:#0C1C35;font-weight:500;font-family: "Outfit", Sans-serif;}
.good-fit h4{color:#0C1C35 !important;font-family: "Montserrat", Sans-serif;font-size:40px;font-weight:700;margin:60px 0;line-height:1.2}
.good-fit-slider p{font-size:18px;color:#0C1C35;font-family: "Outfit", Sans-serif;margin-bottom: 35px;}
.custom-counter.slider-counter {bottom: unset;left: unset;right: 0;}

.custom-slider button span{display:none}
.custom-slider .owl-nav button{background:#D9D9D980 !important;border:1px solid #D4D4D4 !important}
.custom-slider .owl-nav button:hover{background:linear-gradient(360deg, #419DB9 10%, #163664 100%) !important}
.custom-slider .owl-nav button:hover i{color:#ffffff;}
.custom-slider .owl-nav button i{color:#1C1B1F}
.custom-slider .owl-nav button.owl-prev{padding: 8px 25px !important;border-radius: 25px 0 0 25px;}
.custom-slider .owl-nav button.owl-next{padding: 8px 25px !important;border-radius: 0 25px 25px 0;}
.custom-slider .owl-nav button.disabled i{opacity:1}
.leaders-board .item{height:100%;}
/*.leaders-board .owl-stage{display:flex;}*/
.leader-item{background:#254b7e30;border-radius:16px;padding:20px;height:100%;}
.leader-item h6,.designation{font-size:14px;color:#1B2028;font-weight:600;margin-bottom:0;font-family: "Outfit", Sans-serif;}
.leader-item p{color:#1B2028}
.video-content {padding: 24px 24px 0;position:relative;}
#play-icon {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%, -65%);
}
.video-content i{font-size: 70px;color: #ffffff;box-shadow: 0 4px 27px 7px #000000f0;line-height: 0;}
video.trusted-video {border-radius: 8px;}
.designation{color:#141F2E61 !important;font-weight:400;margin-bottom:20px}
.one-line{width: 1px;height: 55%;background: #49596E20;position: absolute;left: 50%;bottom: 0;}

.leaders-board{padding-left: 30px !important;padding-right: 30px !important;position:relative}
.leaders-board:after{content:'';width:100px;height:100%;background-image: linear-gradient(90deg, #e6ecf300 0%, #E6ECF3 85%);position:absolute;right:0;top:0;z-index:1}
.leaders-board:before{content:'';width:100px;height:100%;background-image: linear-gradient(270deg, #e6ecf300 0%, #E6ECF3 85%);position:absolute;left:0;top:0;z-index:9}
.leaders-board .owl-nav,.news-slider .owl-nav{position: absolute;top: -35%;right: 10%;z-index: 1;}
.news-slider .owl-nav {top:-30%}
.news-card{background:transparent;border-radius:20px;border:0;position:relative;height:100%;}
.news-card:after{content: "";position: absolute;inset: 0;border-radius: 20px;border: 2px solid transparent;background: linear-gradient(90deg, #1268F0 0%, #002DAD 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
.news-card .card-header{border:0;background:transparent;padding:15px}
.news-card .card-body{padding:10px 15px 0 20px;}
.news-card .card-body p{color:#0C1C35;font-family: "Montserrat", Sans-serif;font-weight:600;font-size:20px;line-height:24px;}
.news-card .card-footer{border:0;padding:15px;position:relative}
.news-card .card-footer p{font-family: "Sans Serif Collection", Sans-serif;font-size:14px;color: #0c1c3566;}
.news-card .card-footer img{width:40px;position:absolute;right:5%;bottom:30%}
.empowered-layer{position:relative}
/*.empowered-layer:after {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 100px;background: linear-gradient(0deg, #409ab7 0%, #419cb900 100%);}*/

.client-engage{font-family: "Outfit", Sans-serif;}
.engage-content p{margin-bottom:30px;}
.engage-item{padding:20px;border-radius:20px;text-align:center;height:300px;display: grid;align-content: space-between;position:relative;}
.engage-item h3{font-size:60px;font-weight:700;line-height:1;}
.engage-item p{font-size:16px;font-family: "Outfit", Sans-serif;}
.background-layer{background: linear-gradient(180deg, #0196C7 10%, #23529B 100%);color:#ffffff;}
.engage-item:after{content: "";position: absolute;inset: 0;border-radius: 20px;border: 1px solid transparent;background: linear-gradient(0deg, #00F9FB 0%, #23529B 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
.backless-block h3{background: linear-gradient(0deg, #00F9FB 10%, #23529B 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.backless-block p{color:#0C1C35;}

.impt-item-block{margin:50px 0;}
.impt-item{text-align:center;position:relative;transition:all 0.5s ease-in-out;border-radius:20px;cursor:pointer;}
.impt-item h6{color:#ffffff;font-size:18px;font-weight:600;margin-top:20px;position: absolute;text-align: center;width: 100%;}
.impt-item p {color: #0C1C35;font-family: "Outfit", Sans-serif;}
.impt-item-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;padding: 0 15px;opacity:0;}
.impt-item:hover .impt-item-content{opacity:1;}
.impt-item:hover{background:#ffffff;transform: scale(1.1);}
.impt-item:hover img{opacity:0;}
.impt-item:hover h6{display:none;}
.impt-item .impt-item-content h6 {transform: translateY(100%);transition: transform 0.5s ease, color 0.5s ease; margin-bottom:25px;position:relative;}
.impt-item:hover .impt-item-content h6 {transform: translateY(0%);color:#0C1C35;display:block;}

.choose-service h2 span{background: linear-gradient(270deg, #126BF1 10%, #07C2FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sfcc-service-item{background:#ffffff;box-shadow: -10px 3px 20px 0px rgba(0, 0, 0, 0.10);padding:30px 0;transition: all 0.5s ease-in-out}
.sfcc-service-item.digital-service h4{font-size:18px;font-weight:700;color:#0C1C35;background: linear-gradient(90deg, #03F8FF 0%, #126BF1 100%);font-family: "Montserrat", Sans-serif;border-radius:0 20px 0 0;padding:10px 8px;}
.sfcc-service-item img{width: 100px !important;height: 100px;margin: 25px auto;display:block;}
.sfcc-service-item p{color:#0C1C35;text-align:center;font-family: "Outfit", Sans-serif;transition: all 0.2s ease-in-out;padding:0px 10px; font-size:18px}
.choose-service .col:nth-child(2n+1){margin-top:80px;}
.sfcc-service-item:hover{transition: all 0s ease-in-out;background: linear-gradient(180deg, #24529B 10%, #173867 100%);}
.sfcc-service-item .white-icon,.sfcc-service-item:hover .color-icon{display:none !important;transition: all 0.5s ease-in-out}
.sfcc-service-item:hover .white-icon{display:block !important;transition: all 0.5s ease-in-out}
.sfcc-service-item:hover p{color:#ffffff;transition: all 0s ease-in-out}

.powered-by .elementor-widget-html{color:#ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center} 
.powered-by-content {max-width: 75%;margin: auto;text-align: center;font-size:18px}
.powered-by-content h2{color:#ffffff;font-size:60px;font-family: "Montserrat", Sans-serif;font-weight:700;}
.powered-by-content p{max-width:90%;text-align:center;margin:20px auto;font-family: "Outfit", Sans-serif;}

.highlights{position:relative;padding:3rem;height: 138px;display: grid;justify-content: space-around;align-items: center;align-content: center;margin:5px 0;}
.highlights:before{content: "";position: absolute;inset: 0;border-radius: 20px;border: 2px solid transparent;background: linear-gradient(0deg, #09AFAB 0%, #23529B 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
.highlights h3{background: linear-gradient(270deg, #09AFAB 10%, #6E78FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:36px;font-weight:700;font-family: "Montserrat", Sans-serif;}
.highlights h5{color:#2F2F2F;font-size:16px;font-family: "Outfit", Sans-serif;margin-top:15px;font-weight:600;}
.highlights h5 img{width:18px;margin-right:8px;}
.highlights h4{font-size:24px;font-weight:600;font-family: "Outfit", Sans-serif;color:#2F2F2F !important;}

.purple-banner h1 span span{background: linear-gradient(270deg, #629FFF 10%, #B983FF 70%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.purple-theam-button{background: linear-gradient(90deg, #9747FF 10%, #23529B 100%);}
.highlights-purple .highlights:before{background: linear-gradient(0deg, #23529B 0%, #9747FF 100%) border-box;}
.highlights-purple .highlights h3 {background: linear-gradient(270deg, #9747FF 10%, #23529B 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.empowered-innovation-purple{background: linear-gradient(330deg, #9747FF 10%, #23529B 100%);}
.empowered-innovation-purple:after{background: linear-gradient(0deg, #9747FF 0%, #419cb900 100%);}
.bg-white{background:#ffffff !important;}
.choose-service-purple h2 span{background: linear-gradient(270deg, #23529B 10%, #9747FF 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sfcc-service-item h4{    background: linear-gradient(270deg, #23529B 10%, #9747FF 100%);color:#ffffff;}
.country-state-list-purpole #Leadgen-gradient-button{border-radius: 16px;padding: 18px 10px;}
.country-state-list-purpole input{border-radius:16px !important;min-height: 50px;}

.green-banner h1 span span{background: linear-gradient(270deg, #80ED99 10%, #80ED99 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.green-theam-button{background: linear-gradient(180deg, #80ED99 10%, #1B4332 100%);}
.highlights-green .highlights:before{background: linear-gradient(0deg, #1B4332 0%, #80ED99 100%) border-box}
.highlights-green .highlights h3 {background: linear-gradient(270deg, #80ED99 10%, #1B4332 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.empowered-innovation-green{background: linear-gradient(330deg, #588157 10%, #163664 100%)}
.empowered-innovation-green:after{background: linear-gradient(0deg, #588157 0%, #419cb900 100%);}
.choose-service-green h2 span{background: linear-gradient(270deg, #1B4332 10%, #80ED99 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.choose-service-green .sfcc-service-item h4{    background: linear-gradient(270deg, #1B4332 10%, #80ED99 100%);color:#ffffff;}

.technographics-data .banner-content{left:5%;top:50%;transform:translate(0, -50%);max-width: 50%;}
.technographics-data .banner-content h6{font-size:18px;font-weight:600;font-family: "Outfit", Sans-serif;color:#ffffff;margin-bottom: 10px;}
.technographics-data .banner-content h1{text-align:left !important;}
.technographics-data .banner-content p{width: 100%;}
.technographics-data .text-animation{text-transform: capitalize;}

.trust-infothanks{background: linear-gradient(330deg, #588157 10%, #0C1C35 100%);position:relative;}
.trust-list ul{padding:0;margin:0;}
.trust-list {overflow: visible;}
.trust-list ul li{list-style-type:none;font-size:20px;color:#FFF;font-weight:600;border-bottom: 1px solid #ffffff69;padding: 28px 0;position:relative;}
.trust-list ul li img{width:38px;margin-right:10px;}
.trust-list-info p{color:#000000;font-family: "Outfit", Sans-serif;font-weight:400;font-size:16px;}
.trust-list-info {
    position: absolute;
    top: -50%;
    left: 0;
    width: 400px;
    border-radius:20px;padding:25px;
    background-color: #fff;
    border: 1px solid #80ED99;
    opacity: 0;
    transform: translateX(100%);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 2;
    pointer-events: none;
    filter: none !important;
}
.trust-list li > img,
.trust-list li::before,
.trust-list li::after {
    transition: filter 0.3s ease;
}
.trust-list li:hover .trust-list-info {
    opacity: 1;
    transform: translateX(30%);
    pointer-events: auto;
    animation: smoothBounceInRight 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.trust-list li:hover span {
    /* Ensures children like text also get blurred */
    filter: blur(2px);
    z-index:9;
}
@keyframes smoothBounceInRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    60% {
        opacity: 1;
        transform: translateX(32%);
    }
    80% {
        transform: translateX(28%);
    }
    100% {
        transform: translateX(30%);
    }
}

.technographic-table{position:relative;border-radius: 15px;}
.technographic-table .table .thead-light th{background-color: #1b433263;color:#000000;font-family: "Outfit", Sans-serif;font-weight:700;padding:25px 10px 5px 5px;border: 1px solid #ebedfc;}
.technographic-table tbody tr:hover{background-color:transparent;}
.technographic-table tbody tr td{font-family: "Outfit", Sans-serif;color:#191919;vertical-align: bottom;padding: 10px 10px 5px 5px;border:1px solid #dee2e6;}
.technographic-table table{border-radius:10px;table-layout: fixed;}
.technographic-table .table .thead-light th:first-child {border-radius: 15px 0 0 0;}
.technographic-table .table .thead-light th:last-child {border-radius: 0 15px 0 0;}
.technographic-table:after{content: '';width: 100%;height: 20%;position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, #ffffff2b 10%, #f8f8fc8c 100%);}
.data-demand{text-align:right;position:relative;margin:25px 0;}
.data-demand p{font-size:20px;font-weight:500;font-family: "Outfit", Sans-serif;color:#000000;}
.data-demand p span{color:#588157;}
.data-demand:after {content: '';width: 74%;height: 1px;background: #000000;position: absolute;left: 0;top: 50%;}
.data-demand:before{content: '';width: 5px;height: 5px;background: #000000;position: absolute;right: 26%;top: 42%;border-radius: 50%;}


.trust-infothanks:after{content: "";position: absolute;left: 0px;bottom: 0px;width: 100%;height: 100px;background: linear-gradient(0deg, #588157, rgba(65, 156, 185, 0) 100%);}
.technographic img{width:490px;margin:auto;text-align: center;display: block;}
.technographic{position:relative;}
.data-use-case h4{font-size:20px;font-weight:600;color:#588157;font-family: "Outfit", Sans-serif;margin-bottom:10px;}
.data-use-case p{color:#191919;font-family: "Outfit", Sans-serif;}
.data-use-case.case1{position: absolute;top: 20%;left: 0;transform: translate(0, -20%);text-align: right;}
.data-use-case.case2{position: absolute;bottom: -20%;left: 0;transform: translate(0, -20%);text-align: right;}
.data-use-case.case3{position: absolute;top: 20%;right: 0;transform: translate(0, -20%);}
.data-use-case.case4{position: absolute;bottom: -20%;right: 0;transform: translate(0, -20%);}
.data-use-case{width:400px;}
.case-mind h3{color:#000000;font-family: "Outfit", Sans-serif;font-size:24px;font-weight:700;}
.case-mind p{color:#000000;font-family: "Outfit", Sans-serif;}
.case-mind img{width:54px;}

.powered-by-content h3{font-family: "Outfit", Sans-serif;font-size:40px;font-weight:700;color:#ffffff;line-height:1.2;}
.latest-news .owl-stage{display:flex;}
.latest-news .item{height:100%; padding-left:10px;}

/*SEO Services in USA starts*/
.alternate-button button.mainbutton-cpo{
    background: linear-gradient(90deg, #07C4FF 0%, #2168F0 100%)!important;
    font-weight:500;
}
.alternate-button .backborder-cpo{border:1px solid #6E78FF;}
.contact-form button{background: linear-gradient(90deg, #07C4FF 0%, #2168F0 100%)!important;color:#ffffff !important;border-radius:8px;font-family: "Outfit", Sans-serif;}
.usa-seo-service-slider .elementor-column-gap-default{max-width:100%;border:0;}
.usa-seo-service-slider .country-seo-service-slider:before,.usa-seo-service-slider .country-seo-service-slider:after{display:none;}
.country-seo-service-slider .item.odd,.country-seo-service-slider .item.even{border:0;}
.country-seo-service-slider .business-item-card{background:#ffffff;height:100%;}
.country-seo-service-slider .business-item-card h4{font-size:24px;color:#022050 !important;font-weight:600;}
.country-seo-service-slider .business-item-card p{font-sixe:15px;color:#022050;font-weight:400;font-family: "Sans Serif Collection", Sans-serif;line-height: 25px;
    word-spacing: 4px;}
.country-seo-service-slider .block-title-stroke h2{font-size:70px;}
.usa-seo-service-slider .country-seo-service-slider .business-slider .owl-nav{bottom: -15%;left: unset;right: 10%;transform: translate(-10%, 0);}
.country-seo-service-slider .business-item-card:after{content:'';width:100%;height:3px;background: linear-gradient(90deg, #07C4FF 0%, #2168F0 100%);position:absolute;top:0;left:0;}
.case-studies h2{max-width:70%;margin:auto;}

.case-study{background: linear-gradient(90deg, #07C4FF 0%, #2168F0 100%);border-radius: 8px;display: table;margin: auto;text-align: center;padding: 12px 30px;}
.case-study p{color:#ffffff;font-family: "Outfit", Sans-serif;font-weight:500;}

.usa-partner-seo .seo-partner-slider .items{background:#022050;}
.usa-partner-seo .seo-partner-slider #prev{top: 40%;transform: translate(0, -40%) rotate(0deg);}
.usa-partner-seo .seo-partner-slider #next{top: 60%;transform: translate(0, -60%) rotate(0deg);}
.thrive-item {background: #ffffff;border-radius: 20px;box-shadow: 0 4px 40px #ffffff33;padding: 20px;text-align:center;height:100%;}
.thrive-item img{width:80px !important;margin-bottom:20px !important;margin: auto;}
.thrive-item p{color:#022050;font-family: "Sans Serif Collection", Sans-serif;}
.business-thrive .owl-stage{display:flex;}
.business-thrive .item{height:100%;}
.thrive-slide{position:relative;}
.thrive-slide:before{opacity:0.55;content: '';width: 100px;height: 100%;position: absolute;left: 0;top: 0;transform: translate(0, 0);background: linear-gradient(90deg, #022050 30%, #02205000 100%);z-index: 2;border-radius:15px 0 0 15px;}
.thrive-slide:after{opacity:0.55;content: '';width: 100px;height: 100%;position: absolute;right: 0;top: 0;transform: translate(0, 0);background: linear-gradient(270deg, #022050 30%, #02205000 100%);z-index: 2;border-radius:0 15px 15px 0;}
.business-thrive .owl-nav{position: absolute;right: 15%;bottom: -75%;transform: translate(-15%, -75%);}


.price-item{background:#F6F6F6;border-radius:20px;padding:15px;text-align:center;height:100%;transition:all 0.5s ease-in-out;border:1px solid #F6F6F6;}
.price-item h4{font-size:24px;font-weight:700;color:#022050;height: 60px;display: flex;justify-content: center;align-items: center;}
.price-item img{width:80px;margin:15px 0;}
.price-item p{font-size:20px;color:#022050; margin-bottom: 10px;}
.price-item h3{font-size:40px;font-weight:700;color:#022050;margin: 12px 0;}
.price-item a{background: linear-gradient(90deg, #07C4FF 0%, #2168F0 100%);border-radius: 8px;display: table;margin:10px auto 0;text-align: center;padding: 12px 30px;color:#ffffff;font-family: "Outfit", Sans-serif;width:100%;transition:all 0.5s ease-in-out;}
.price-item a:hover{transition:all 0.5s ease-in-out;background: linear-gradient(90deg, #07C4FF 0%, #07C4FF 100%)}
.price-item:hover{transform: scale(1.02);transition:all 0.5s ease-in-out;background:#EDF2FB;border:1px solid #2168F0;box-shadow: 0 4px 16px #00000024;}

.price-item-sale{position:relative;transition: all 0.5s ease-in-out;overflow:hidden;border-radius:20px;}
.price-item-sale h4{color:#ffffff;font-size:24px;font-weight:700;position: absolute;top: 50%;left: 50%;right: 0;transform: translate(-50%, -50%);width: 100%;text-align: center;}
.price-item-sale a{transition: all 0.5s ease-in-out;background:#ffffff;border-radius: 8px;display: table;margin:10px auto 0;text-align: center;padding: 12px 30px;color:#2168F0;font-family: "Outfit", Sans-serif;width:100%;transition:all 0.5s ease-in-out;position: absolute;bottom: 15px;left: 0;right: 0;width: 90%;transform: translate(0, -10px);}
.price-item-sale a:hover{transform: scale(1.02);transition: all 0.5s ease-in-out;background: #EDF2FB;border: 1px solid #2168F0;box-shadow: 0 4px 16px #00000024;}
.price-item-sale img{transition: all 0.5s ease-in-out;width:100%;}
.price-item-sale:hover img{transform: scale(1.02);transition: all 0.5s ease-in-out;}
.expert-card,.expert-card .card-header{border:0;background:transparent;background-color:transparent;}
.expert-card .card-header{padding:0;position:relative;}
.arr-icon{position:absolute;right:0;bottom:0;width: 38px !important;border-radius: 0 !important;}
.expert-card .card-header img{border-radius:20px;}
.expert-card .card-body{padding:15px 0 0;color:#ffffff;}
.expert-card .card-body h4{color:#ffffff;font-size:18px;font-weight:700;margin-bottom:15px;}
.expert-card .card-body p{color:#ffffff;opacity:0.6;}
.owl-theme .owl-nav [class*='owl-']:hover{background:transparent;}
.expert-slider .owl-nav{position: absolute;right: 0%;top: -25%;transform: translate(0%, -25%);}

.next-gen-image{position:relative;width:500px;height:500px;margin:auto;overflow:hidden;}
.next-gen-image .center-image {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dots-1{border-radius: 50%;width: 500px;height: 500px;position:relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dots-2{border-radius: 50%;width: 320px;height: 320px;position: relative;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.line-1{border: 1px solid #000000;border-radius: 50%;width: 410px;height: 410px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.line-2{border: 1px solid #000000;border-radius: 50%;width: 225px;height: 225px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.dots-1:after,.dots-2:after{content:'';border: 1px dashed #000000;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);animation: rotateCounterClockwise 20s linear infinite;width: 100%;height: 100%;border-radius: 50%;}
@keyframes rotateCounterClockwise {
    0% { transform: translate(-50%, -50%) rotate(0deg); }
    100% { transform: translate(-50%, -50%) rotate(-360deg); }
}
/*.midjourney-image {*/
/*    position: absolute;*/
/*    top: 5%;*/
/*    left: 5%;*/
/*    transform: translate(-5%, -5%);*/
/*}*/
/*.chatgpt-image {*/
/*    position: absolute;*/
/*    top: 5%;*/
/*    right: 5%;*/
/*    transform: translate(-5%, -5%);*/
/*}*/
/*.claude-image{*/
/*    position: absolute;*/
/*    bottom: 5%;*/
/*    left: 5%;*/
/*    transform: translate(-5%, -5%);*/
/*}*/
/*.preplex-image{*/
/*    position: absolute;*/
/*    bottom: 5%;*/
/*    right: 5%;*/
/*    transform: translate(-5%, -5%);*/
/*}*/
.midjourney-image,
.chatgpt-image,
.claude-image,
.preplex-image {
    position: absolute;
    top: 30%;
    left: 30%;
    transform: translate(-30%, -30%);
    animation: rotate1 10s linear infinite;
    transform-origin: -180px 0;
}

.chatgpt-image {
    animation: rotate2 10s linear infinite;
    transform-origin: 0 -180px;
}

.claude-image {
    animation: rotate3 10s linear infinite;
    transform-origin: 180px 0;
}

.preplex-image {
    animation: rotate4 10s linear infinite;
    transform-origin: 0 180px;
}

@keyframes rotate1 {
    0%   { transform: rotate(0deg) translateX(-180px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(-180px) rotate(-360deg); }
}

@keyframes rotate2 {
    0%   { transform: rotate(0deg) translateY(-180px) rotate(0deg); }
    100% { transform: rotate(360deg) translateY(-180px) rotate(-360deg); }
}

@keyframes rotate3 {
    0%   { transform: rotate(0deg) translateX(180px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(180px) rotate(-360deg); }
}

@keyframes rotate4 {
    0%   { transform: rotate(0deg) translateY(180px) rotate(0deg); }
    100% { transform: rotate(360deg) translateY(180px) rotate(-360deg); }
}
/*SEO Services in USA Ends*/






/* https://www.iinfotanks.com/new-home/ Ends */
@media (max-width: 768px) {
    .page-main-banner {
        height: 500px; /* Adjust height for tablets and smaller screens */
    }
}

@media (max-width: 480px) {
    .page-main-banner {
        height: 550px; /* Adjust height for mobile screens */
    }
}
.industry-email-list{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/industry-email-list.png');background-repeat:no-repeat;background-size:cover;}
.bio-email-list{background:url(https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276368-1.png);background-repeat:no-repeat;background-size:cover;}
.accounting-email-list{background:url("https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276369.png");background-repeat:no-repeat;background-size:cover;}
.air-transportation-email-list{background:url("https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276367.png");background-repeat:no-repeat;background-size:cover;}
.aircraft-engine-parts-email-list{background:url("https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276366-1.png");background-repeat:no-repeat;background-size:cover;}
.alternative-medicine-email-list{background:url("https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276365.png");background-repeat:no-repeat;background-size:cover;}
.civil-eng-email-list{background:url("https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276364.png");background-repeat:no-repeat;background-size:cover;}
.farming-email-list{background:url("https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276384.png");background-repeat:no-repeat;background-size:cover;}








.page-main-banner p{color:#ffffff;font-family: "Outfit", Sans-serif;font-weight:500}

.swiper-container {
	 overflow: hidden;
	 width: 100%;
	 margin-left: auto;
	 margin-right: auto;
	 max-height: 480px;
}
.targeting-item{display:flex;justify-content: center;}
.targeting-item-content{background:linear-gradient(353deg, #132531 0%, #3B7297 100%);border-radius:20px;width:260px;height:340px;padding:20px 25px;margin:80px 20px 0}
.targeting-item-content p{color:#ffffff;font-family: "Outfit", Sans-serif;font-size:16px;line-height:1.4;display: flex;align-items: center;height: 100%;text-align:center;}
.mobile-targeting-item-content,.targeting-item-content h6,.mobile-view{display:none}
.power-sub-title p{color:#ffffff;font-family: "Sans Serif Collection", Sans-serif;}
.industry-specific-thumbs .swiper-slide h6{cursor:pointer;font-size:24px;font-weight:600 !important;color:#ffffff;opacity:0.5;border-bottom: 1px solid #ffffff36;padding:20px 0;margin-bottom:0;transition:all 0.5s ease-in-out;font-family: "Outfit", Sans-serif;}
.industry-specific-thumbs .swiper-slide:hover h6,.industry-specific-thumbs .swiper-slide.swiper-slide-thumb-active h6{opacity:1;transition:all 0.5s ease-in-out}
.industry-specific-thumbs .swiper-slide h6 span{color:#07C3FF}
.industry-specific-thumbs .swiper-slide{height:100% !important}


.industries-we-cover{position:relative}
.industries-we-cover:before{content:'';background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/outer-layer1.png');width:100%;height:100%;position: absolute;background-repeat: no-repeat;background-position: center;}

.industries-we-cover p{color:#ffffff;font-family: "Outfit", Sans-serif;}
.industries-search form input{background:#61f4de29 !important;border-radius:16px;margin-right:15px !important}
.industries-search .elementor-search-form__container{background:transparent}
.industries-search form input::placeholder{color:#ffffff}
.industries-search form button.elementor-search-form__submit{color:#61F4DE;border: 2px solid #61f4de42 !important;background: transparent;font-weight:500;border-radius:16px !important}
.industries-slider{margin-top:70px}
.industries-item {position: relative;border-radius: 90px;padding:10px;transition:all 0.5s ease-in-out;overflow:hidden;margin-bottom:15px;display: inline-flex;align-items: center;width: 100%;cursor:pointer}
.industries-item:after{content: "";position: absolute;inset: 0;border-radius: 100px;border: 2px solid transparent;background: linear-gradient(0deg, #09FFFB 0%, #6E78FF 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
.industries-item img {width: 56px;transform: translateX(-150%);transition: transform 0.5s ease-in-out;}
.industries-item:hover img {transform: translateX(0px);transition: transform 0.5s ease-in-out;}
.industries-item p {transition: transform 0.5s ease-in-out;font-family: "Outfit", Sans-serif;text-align:center;font-weight:600!important;color:#ffffff;font-size:18px;position: absolute;left: 0;right: 0;max-width: 70%;margin: auto;}
.industries-item:hover p {transform: translateX(15px);color:#09FFFB}
.industries-slider .slick-next:before,.benifits-slider-vertical .slick-next:before{content: '';background: url(https://www.iinfotanks.com/wp-content/uploads/2025/01/down-arrow.png);width: 100%;height: 100%;position: absolute;background-repeat: no-repeat;right: 0%;top: 40%;transform: translate(50%, 0%);z-index:2}
.industries-slider .slick-prev:before,.benifits-slider-vertical .slick-prev:before{content: '';background: url(https://www.iinfotanks.com/wp-content/uploads/2025/01/up-arrow.png);width: 100%;height: 100%;position: absolute;background-repeat: no-repeat;left: 50%;top: 50%;transform: translate(0%, -20%);z-index:2}

.industries-slider .slick-arrow:after,.benifits-slider-vertical .slick-arrow:after{
	content: '';
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: absolute;
    background: linear-gradient(0deg, #09FFFB 0%, #6E78FF 100%);
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 1;
}
.industries-slider .slick-arrow{}
.industries-slider .slick-arrow.slick-disabled:after,.benifits-slider-vertical .slick-arrow.slick-disabled:after{
	background: linear-gradient(0deg, #0E4247 0%, #0B2140 100%);
}
.industries-slider .slick-prev {
    position: absolute;
    bottom: -15%;
    top: unset;
    left: 48%;
    transform: translate(-70%, 15%);
}
.industries-slider .slick-next {
    position: absolute;
    bottom: -15%;
    top: unset;
    right: 48%;
    transform: translate(0, 15%);
}

.industry-benifits-content{
	background:#1A1A1A;
	padding:70px 100px 50px 40px;
	max-width: 575px;
}
.industry-benifits-content h2{color:#ffffff;margin-bottom:20px;font-size:40px; font-family: "Outfit", Sans-serif;}
.industry-benifits-content p{color:#ffffff;font-family: "Outfit", Sans-serif;margin-bottom:100px;width:86%;font-size:18px}
.industry-benifits-content button.mainbutton-new,button.mainbutton-new{width:auto}

.benifits-slider-item{background: linear-gradient(90deg, #0B1127 0%, #0C2532 100%);color:#ffffff;display:flex;padding:15px;transition:all 0.5s ease-in-out;cursor:pointer}
.benifits-slider-item .benifits-icon{width:35%;height:35px;margin-right:15px}
.benifits-slider-item .benifits-icon img{width:unset}
.benifits-slider-item h6{font-weight:600 !important;color:#ffffff;font-size:16px;text-transform:capitalize;text-shadow: 0 4px 4px #00000087;font-family: "Outfit", Sans-serif;}
.benifits-slider-item p{color:#ffffff;font-family: "Sans Serif Collection", Sans-serif;font-size:18px;font-family: "Outfit", Sans-serif;}
.benifits-slider-item:hover{background: linear-gradient(90deg, #27298C 0%, #2FB1DA 100%);transition:all 0.5s ease-in-out}

.benifits-slider-vertical .slick-prev {
    position: absolute;
    top: unset;
    bottom: -15%;
    left: 85%;
    transform: translate(-85%, 15%);
}
.benifits-slider-vertical .slick-next {
    position: absolute;
    top: unset;
    bottom: -15%;
    left: 97%;
    transform: translate(-97%, 15%);
}
.benifit-mailing-list{position:relative}
.benifit-image {position: absolute;right: 0;bottom: 0;}
.benifit-image img {position: absolute;right: -5%;bottom: 0;}
.industry-benifits{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/benifit-bg.png');background-repeat:no-repeat;background-position:center right}

.data-quality{position:relative;}
.data-quality-content {position: absolute;bottom: 20%;max-width: 85%;left: 0;right: 0;transform: translate(0, -20%);margin:0  auto 20px;}
.data-quality-content h2{color:#ffffff;font-size:40px;font-weight:700; font-family: "Outfit", Sans-serif;}
.data-quality-content p{color:#ffffff;font-family: "Outfit", Sans-serif;}

.database-item{background:#262626;border-radius:20px;padding:20px 30px;position:relative;transition:all 0.5s ease-in-out;overflow:hidden;margin-bottom:25px}
.database-item:before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(90deg, #126EF1 0%, #07C4FF 100%);left:0;top:0;border-radius:20px;opacity:0.2;transform: translateX(-97%);transition:all 0.5s ease-in-out}
.database-item:hover:before{transform: translateX(0);transition:all 0.5s ease-in-out}
.data-quality img{width:100%}

.database-item h6{font-weight:600 !important;color:#ffffff;margin-bottom:20px;font-size:18px;position:relative;font-family: "Outfit", Sans-serif;}
.database-item p{font-size:18px;color:#fff;position:relative; font-family: "Outfit", Sans-serif;}

.business-list{position:relative}
.business-list .elementor-widget-wrap{padding:0 50px !important}
.business-list .elementor-widget-wrap:before{content:'';position:absolute;left:0;right:0;width:100%;height:100%;background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/business-layer.png');background-repeat:no-repeat;background-position:top center;background-size:cover}
.business-item{position:relative;transition:all 0.5s ease-in-out;overflow:hidden;border-radius:10px;}
.business-item img{width:100%;border-radius:10px;transition:all 0.5s ease-in-out;}
.business-item:hover img{transform:scale(1.1);filter: blur(14px);transition:all 0.5s ease-in-out;}
.business-item-content{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:30px 12px;transition:all 0.5s ease-in-out}
.business-item-content h5{font-size:17px;font-weight:600 !important;color:#ffffff;margin: auto;display: flex;height: 40px;justify-content: center;font-family: "Outfit", Sans-serif;}
.business-item-content p{font-size:14px;font-family: "Outfit", Sans-serif;color:#fff;transition:all 0.5s ease-in-out;transform: translateY(200%);margin-bottom: 25px;}
.business-item-content:hover p{transition:all 0.5s ease-in-out;transform: translateY(0%);}
.mobile-view{display:none}

.changebox {
  font-size: 60px;
  color:#ffffff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
	padding-bottom:25px;
}
.changebox .slider{
  height: 80px;
  padding-left:15px;
  overflow: hidden;
	margin:0;
}
.changebox .slider div {
	background: linear-gradient(270deg, #5BC2E7 10%, #A7EE43 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	height: 50px;
	padding: 2px 15px;
	text-align: center;
	box-sizing: border-box;
}
.slider-text1 {
  animation: slide 8s linear infinite;
}
@keyframes slide {
  0% {margin-top:-300px;}
  5% {margin-top:-200px;}
  33% {margin-top:-200px;}
  38% {margin-top:-100px;}
  66% {margin-top:-100px;}
  71% {margin-top:0px;}
  100% {margin-top:0px;}
}
/* .elementor-tab-content p{color:#ffffff;font-weight:400} */


.industries-database-item{background:#ffffff;border-radius:50px;height:78px; margin-bottom:20px;position:relative}
.industries-database-item p {color: #000000;font-size: 14px;font-weight: 600;position: absolute;top: 50%;left: 0;transform: translate(0, -50%);right: 0;text-align: center;transition:all 0.5s ease-in-out;padding:10px 25px}
.industries-database-item:hover{background-color: transparent;color: #ffffff;fill: #ffffff;background-image: linear-gradient(90deg, #23AECD1C 0%, #06464a99 100%);border-bottom:2px solid #09FFFB;transition:all 0.5s ease-in-out}
.industries-database-item:before{
	position: absolute;
    content: "";
    border-radius: inherit;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: 102% 102%;
    opacity: 0;
}
.industries-database-item:hover:before{opacity: 1;}
.industries-database-item:hover p{color:#ffffff}

.lead-generation-struggle{position:telative}
.lead-generation-struggle:before{content: '';width: 96%;height: 100%;position: absolute;background: url(https://www.iinfotanks.com/wp-content/uploads/2025/02/Group-1171276323.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;left: 2%;right: 2%;top: 0;transform: translate(0, 0);border-radius:15px}
.generation-item{position:relative;border-radius: 90px;padding: 20px 15px;transition: all 0.5s ease-in-out;margin-bottom: 15px;align-items: center;width: 100%;cursor: pointer;background:#ffffff;transition:all 0.5s ease-in-out;height:93px}
.generation-item-content{overflow:hidden;height:60px}
.generation-item:after{content: "";position: absolute;inset: 0;border-radius: 100px;border: 2px solid transparent;background: linear-gradient(0deg, #EF33E3 0%, #CCA6FF 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
.generation-item p{    font-size: 18px;text-align: center;font-weight: 600;height: 100%;display: flex;transition: all 0.5s ease-in-out;transform: translateY(0);align-items: center;justify-content: space-around;}
.generation-item p.initial-text{color:#2D164B !important;transition:all 0.5s ease-in-out;}
.generation-item p.hover-text{color:#ffffff !important;transform: translateY(100%);transition:all 0.5s ease-in-out}
.generation-item:hover p.initial-text{transform: translateY(-100%);transition:all 0.5s ease-in-out}
.generation-item:hover p.hover-text{transform: translateY(-145%);transition:all 0.5s ease-in-out}
.generation-item:hover{background: linear-gradient(0deg, #833AB4 0%, #EF33E3 100%);transition:all 0.5s ease-in-out}
.generation-item:hover:after{background:none}

.lead-item{position:relative}
.lead-item:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background: linear-gradient(0deg, #000000e6 0%, #00000012 100%)}
.lead-item h6{position:absolute;bottom:30px;color:#ffffff;font-size:16px;z-index:9;left:25px;font-family: "Montserrat", Sans-serif;letter-spacing:1px;right:25px}

.industries-lead .owl-nav,.business-lead .owl-nav{position: absolute;right: 5%;bottom: -22%;transform: translate(-5%, 0%);}
.industries-lead .owl-nav .owl-prev,.industries-lead .owl-nav .owl-next,.industries-lead .owl-nav:hover .owl-prev,.industries-lead .owl-nav:hover .owl-next,.business-lead .owl-nav .owl-prev,.business-lead .owl-nav .owl-next,.business-lead .owl-nav:hover .owl-prev,.business-lead .owl-nav:hover .owl-next{background:transparent}
.industries-lead .owl-nav img ,.business-lead .owl-nav img{width: 48px;}
.industries-lead .owl-nav .owl-next,.business-lead .owl-nav .owl-next{transform:rotate(180deg);}
.business-lead{position:relative;padding:35px;border:1px solid #ffffff;border-radius:30px}
.business-lead:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:#ffffff;filter: blur(1px);border-radius:30px;opacity:0.1}
.business-lead-item p{color:#ffffff !important;}
.business-lead-item img {width: 57px !important;}
.business-lead-title {display: inline-flex;align-items: center;margin-bottom:25px}
.business-lead-title h4{color:#ffffff;font-family: "Montserrat", Sans-serif;font-size:24px;font-weight:700;margin-left:10px}
.industries-lead p{font-family: "Sans Serif Collection", Sans-serif;color:#ffffff}

/* onhover flip card */

/* Grid */
.ind-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
@media (max-width:1080px){.ind-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ind-grid{grid-template-columns:1fr}}

/* Card */
.ind-card {
  position:relative; 
  height:400px; 
  border-radius:22px; 
  overflow:hidden;
  background-position:center; 
  background-size:cover;
  box-shadow:0 18px 30px rgba(15,23,42,.18), 0 6px 12px rgba(15,23,42,.12);
}

/* Overlay: h3 always visible, p shows on hover */
.ind-detail {
  position:absolute; 
  top:0; 
  right:0; 
  bottom:0; 
  left:0;
  display:flex; 
  flex-direction:column; 
  justify-content:center; 
  align-items:center;
  padding:24px; 
  text-decoration:none; color:#fff;
  background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.55) 70%, rgba(0,0,0,.85) 100%);
  transition:background .35s ease;
}
.ind-detail h3 {
  transform:translateY(170px);
  margin:0 0 8px 0; 
  text-align:center;
  transition:transform 1s ease;
  font-size:24px;
  font-family:'outfit';
  font-weight:600; 
  line-height:28px;
  color:#fff;
}
.ind-detail p {
  margin:0; 
  text-align:center;
  font-size:18px;
   font-family:'outfit';
  font-weight:400; 
  line-height:25px;
  color:#fff; 
  max-width:34ch;
  opacity:0; 
  transform:translateY(110px); 
  max-height:0; 
  overflow:hidden;
  transition:opacity 1s ease, transform 1s ease, max-height .35s ease;
}
.ind-card:hover .ind-detail { 
      background: linear-gradient(180deg, rgb(0 0 0 / 70%) 0%, rgb(2 2 2 / 34%) 100%);
}
.ind-card:hover .ind-detail h3 { transform:translateY(0); }
.ind-card:hover .ind-detail p { opacity:1; transform:translateY(0); max-height:300px; }




.page-responsive-width {
    max-width: 1600px;
    margin: auto;
}



@media (resolution: 1.5dppx) {
	.seo-partner-slider #next{
		right: 5%;transform: translate(-5%, -65%) rotate(0deg);
	}
	.seo-partner-slider #prev{right: 5%;transform: translate(-5%, -35%) rotate(0deg);}
}
@media(max-width:992px){
	.block-title-stroke h2{font-size:60px}
	.industry-benifits-content{padding:30px}
	.industry-benifits-content h2,.data-quality-content h2{font-size:32px}
	.industry-benifits-content p{width:100%}
	.benifit-image img{width:60%}≠≠≠≠
	.data-quality-content{position:relative;bottom: 0;transform: translate(0, 0%);}
}
@media(max-width:767px){
	.industries-item{height: 70px;}
	.industries-item p{max-width: 90%;}
	.country-seo-service-slider:after,.country-seo-service-slider:before{display:none}
	.country-seo-service-slider {margin-top: 35px;}
	.business-item-card{padding:2.5rem 1.5rem}
	.business-slider .owl-nav{position:relative}
	.business-slider .owl-prev, .business-slider .owl-next {width: 60px;margin-top: 25px !important;}
	.expert-slider .owl-nav{top:unset;left:0;right:0;}
	.seo-partner-slider .items{
		width:280px;
		height:300px;
                margin-left: 0 !important;
	}
        .leaders-board:after,.leaders-board:before{display:none} 
	.seo-partner-slider #next{top:100%;transform: translate(0, -100%) rotate(0deg);width:40px}
	.seo-partner-slider #prev{top:100%;right: 12%;transform: translate(-12%, -100%) rotate(0deg);width:40px}
	.seo-brand-table{overflow-x: scroll;padding:15px}
	.seo-partner-slider{width:100%}
	.seo-brand-table table tbody tr td, .seo-brand-table table thead tr th, .seo-brand-table table tbody tr th{padding:15px}
	.seo-brand-table table thead tr th{font-size:16px}
	.seo-brand-table table tbody tr th,.seo-brand-table table tbody tr td{font-size:14px !important}
	.seo-partner-slider .left-pos{margin-left: -3em !important;}
	.seo-partner-slider .right-pos{margin-left: 3em !important;}
	
	.industry-email-list{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276417.png');background-repeat: no-repeat;background-size: cover;}
	.aircraft-engine-parts-email-list{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/Frame-191.png');background-repeat: no-repeat;background-size: cover;}
	.alternative-medicine-email-list{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/Frame-192.png');background-repeat: no-repeat;background-size: cover;}
	.civil-eng-email-list{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/Frame-193.png');background-repeat: no-repeat;background-size: cover;}
	.farming-email-list{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/Frame-194.png');background-repeat: no-repeat;background-size: cover;}
	.country-seo-service-slider .business-item-card h4{margin-bottom:1rem;}
	.owl-dots .owl-dot span{background:#d6d6d6 !important;margin:5px !important;}
	.owl-dots .owl-dot.active span{background: linear-gradient(180deg, #07C4FF 0%, #2168F0 100%) !important;width: 12px;height: 12px;}
	.mobile-center .row {margin: auto;justify-content: center;}
	.dots-1,.next-gen-image{width: 350px;height: 350px;}
	.line-1{width: 290px;height: 290px;}
	.dots-2{width: 230px;height: 230px;}
	.line-2{width: 160px;height: 160px;}
	.next-gen-image .center-image{width:90px;}
	.midjourney-image,
.chatgpt-image,
.claude-image,
.preplex-image {
    position: absolute;
    top: 38%;
    left: 38%;
    transform: translate(-38%, -38%);
    animation: rotate1 8s linear infinite;
    transform-origin: -150px 0;
    width:85px;
}

.chatgpt-image {
    animation: rotate2 8s linear infinite;
    transform-origin: 0 -150px;
}

.claude-image {
    animation: rotate3 8s linear infinite;
    transform-origin: 150px 0;
}

.preplex-image {
    animation: rotate4 8s linear infinite;
    transform-origin: 0 150px;
}

@keyframes rotate1 {
    0%   { transform: rotate(0deg) translateX(-150px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(-150px) rotate(-360deg); }
}

@keyframes rotate2 {
    0%   { transform: rotate(0deg) translateY(-150px) rotate(0deg); }
    100% { transform: rotate(360deg) translateY(-150px) rotate(-360deg); }
}

@keyframes rotate3 {
    0%   { transform: rotate(0deg) translateX(150px) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(150px) rotate(-360deg); }
}

@keyframes rotate4 {
    0%   { transform: rotate(0deg) translateY(150px) rotate(0deg); }
    100% { transform: rotate(360deg) translateY(150px) rotate(-360deg); }
}
	.case-studies h2{max-width:100%;}
	.case-study{width:100%;padding: 12px 20px;}
	.usa-partner-seo .seo-partner-slider #prev{top: 100%;transform: translate(0, -100%) rotate(0deg);right: 16%;}
	.usa-partner-seo .seo-partner-slider #next {top: 100%;transform: translate(0, -100%) rotate(0deg);}
	.thrive-slide:before,.thrive-slide:after{width:50px;}
	.business-thrive .owl-dots{position: absolute;left: 0;right: 0;bottom: -45%;}

	.targeting-item {display: block;margin: auto;text-align: center;position:relative}
/* 	.targeting-item-content {background: transparent;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto 15px;padding: 0;height: auto;width: 230px;} */
	.mobile-targeting-item-content h6{font-size:20px;font-weight:600!important;color:#ffffff;text-align:left}
	.mobile-targeting-item-content p{text-align:left;color:#ffffff}
	.targeting-item-content {display:none;}
	.mobile-targeting-item-content{display:block;max-width:230px;margin:auto;position:absolute;bottom: 0;left: 0;right: 0;}
	.swiper-container{max-height:370px}
	.targeting-item-image{position:relative}
	.industry-specific-thumbs .swiper-slide h6{display:none}
	.industry-specific-thumbs .swiper-slide h5.mobile-view{display:block;background:linear-gradient(90deg, #126EF1 0%, #07C4FF 100%);width:20px;height:5px;border-radius:10px}
	.mobile-industry-target{border-radius:20px;margin:auto}

	.mobile-industry-target .swiper-slide-inner{padding:30px 20px 20px;}
	.mobile-industry-target .swiper-slide{border-radius:20px;border:1px solid #ffffff;height:345px !important;}
	.mobile-industry-target .elementor-slide-heading:not(:last-child){margin-bottom:10px !important}
	.mobile-industry-target .swiper-pagination.swiper-pagination-bullets {bottom: -35px !important;}
	.mobile-industry-target .swiper-pagination-bullet,.benifits-slider-vertical .slick-dots li button:before{width:20px; height:6px;background: linear-gradient(90deg, #07C4FF 0%, #1268F0 100%);border-radius:10px;margin:0 3px !important;opacity: 0.8;}
	.mobile-industry-target .swiper-pagination-bullet.swiper-pagination-bullet-active,.benifits-slider-vertical .slick-dots li.slick-active button:before{width:50px;opacity: 1;}
	.industries-search form input{margin-right: 0px !important;border-radius:16px 0 0 16px;background:transparent !important}
	.industries-search form{border-radius:16px;background:#61f4de3d !important}
	.desktop-view{display:none}
	.mobile-view{display:block}
	.industries-slider {margin-top: 30px;padding:0 15px}
	.industries-we-cover:before{background: url(https://www.iinfotanks.com/wp-content/uploads/2025/01/Rectangle-1329.png);background-position:bottom center;background-repeat:no-repeat;background-position-y: 80%;}
	.mobile-industries-we-cover:before{background:url('https://www.iinfotanks.com/wp-content/uploads/2025/01/Group-1171276391.png');background-position:bottom center;background-repeat:no-repeat;background-position-y: 70%;}
	.industries-slider .slick-next{bottom: -5%;right: 40%;transform: translate(-40%, 5%);}
	.industries-slider .slick-prev{bottom: -5%;left: 40%;transform: translate(-40%, 5%);}
	.industry-benifits-content{background:transparent;text-align:center;padding:0}
	.industry-benifits-content h2,.data-quality-content h2{font-size:26px;line-height:30px}
	.data-quality-content p{font-size:15px;margin-top:15px}
	.industry-benifits-content p{margin-bottom:0}
	.industry-benifits-content .buttondiv-new{display:none}
	.benifit-image,.benifit-image img{position:relative;right:unset}
	.benifit-image img{width:100%}
	.benifits-slider-item{border-radius:10px;background:linear-gradient(90deg, #27298C 0%, #2FB1DA 100%)}
	.benifits-slider-vertical .slick-dots li{margin: 0 3px}
	.benifits-slider-vertical .slick-dots li button:before{color:transparent;font-size:0}
	.business-list .elementor-widget-wrap {padding: 0 10px !important;}
	.business-list .elementor-widget-wrap:before{display:none}
	.data-quality-content{position:absolute;max-width:90%}
	.mobile-database-list .swiper-slide{height:230px !important;border:0;background:#262626;position:relative}
	.mobile-database-list .swiper-slide:after{content: "";position: absolute;inset: 0;border-radius: 20px;border: 1px solid transparent;background: linear-gradient(0deg, #6E78FF 0%, #09FFFB 100%) border-box;-webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite: destination-out;mask-composite: exclude;}
	.mobile-database-list{padding:0 10px}
	
	.benifits-slider-item .benifits-icon{width:100%;height:100%;margin-right:5px}
	.benifits-slider-item .benifits-icon img {width: 35px;}
	.benifits-slider-vertical .slick-slide {margin: 10px 0;}
	.benifit-mobile-vertical-slider .container {padding: 0;}
	.mobile-database-list .swiper-slide-bg:before {content:'' !important;background:transparent !important}
	.mobile-industry-target .swiper-slide-bg{position:relative}
	.mobile-industry-target .swiper-slide-bg:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background: linear-gradient(0deg, #000000ba 50%, #00000000 100%);
		width: 100%;
		height: 100%;
	}
	.email-address-list li a{width:20%}
	.email-address-list li p{width:80%;font-size:14px}
	.industries-database-item{height:70px}
	.industries-item img {opacity:0}
	
	.banner-content{padding: 2rem 0 7rem;}
	.banner-content h1,.changebox{font-size:34px}
	.banner-content p{font-size:20px}
	.theam-button{font-size:14px}
	.primary-card {height: 260px !important;margin-bottom: 15px;}
	.team-deliver {padding: 30px 0;}
	.team-deliver h2{margin-bottom:20px;font-size:30px;line-height:36px}
	.delivery-card{height: 350px;}
	.team-deliver img{height:100%}
	.frustrations-slide{height:100% !important}
	.empowered-item img{height:auto;border-radius: 7px;text-align: center;}
	.empowered-item{padding:25px;}
	.empowered-item h6{font-size:20px;margin:bottom:0;}
	.empowered-item p{margin-top:20px;}
	.steps-item h6{font-size:20px;margin-bottom:0}
	.steps-item h6 img {width: 40px;transform: rotate(90deg);margin-right: 15px;margin-left: 12px;}
	.steps-item {margin-bottom: 35px;}
	.strategic-steps {border-top: 1px solid rgb(0 0 0 / 30%);margin-top: 50px;padding-top: 50px;}
	.business-brand h2{width:100%;}
	.business-brand:before,.business-brand:after{width:40px}
	.team-div{height:70px}
	.good-fit h4{margin: 20px 0;color:#0C1C35 !important;font-size:30px}
	.good-fit-slider p{font-size:16px}
	.custom-slider .owl-dots .owl-dot{padding:4px !important;background:#D9D9D9 !important;margin:5px;border-radius:50%}
	.custom-slider .owl-dots {text-align: center;}
	.custom-slider .owl-dots .owl-dot.active{padding: 8px !important;background:linear-gradient(180deg, #419DB9 10%, #163664 100%)!important}
	.leaders-board{padding:50px 0 !important}
	.primary-card img {height: 100%;width: 100%;object-fit: cover;object-position: 100% 85%;}
	.team-deliver p{margin-bottom: 2rem;}
	.delivery-card .delivery-info{transform: translateY(0);}
	.delivery-card .delivery-info p{display:block;transform: translateY(0);}
	.comprehensive:before,.comprehensive:after{display:none;}
	
	.text-animation{display:block;}
	.infotanks-home-banner h1 span{text-align:center;}
	.playing-banner-video {
        width: 100%;
        height: 600px;
       object-fit: fill;
    }
    
    .engage-item{height:100%;display:flex;text-align: left;align-items: center;}
    .engage-item h3{margin-right:2rem;}
    .impt-item h6{display:none;}
    .impt-item-content{opacity:1;}
    .impt-item .impt-item-content h6{display:block;}
    .impt-item p{font-size: 14px;line-height: 1.2;color:#ffffff;margin:35px 0;}
    .impt-item:before {content: '';width: 100%;height: 100%;position: absolute;left: 0;right: 0;border-radius: 15px;background: linear-gradient(0deg, #002656 10%, #126bf100 100%);}
    .impt-item-block {margin: 10px 0 50px;}
    .sfcc-service-item{margin:30px 0;}
    .powered-by-content h2{font-size:28px;line-height:30px}
    .powered-by-content{max-width:100%;margin: 0 15px;}
    .powered-by img {height: 380px;object-fit: cover;border-radius: 20px;}
    .powered-by-content h3{font-size:24px;}
    .powered-by-content p{max-width:100%;}
    .technographics-data .banner-content{max-width: 100%;left:0%;right:0%;padding:0 15px;}
    .data-use-case {width: 100%;position: relative !important;top: unset !important;left: 0 !important;right: 0 !important;transform: translate(0, 0) !important;text-align:left !important;margin-bottom: 24px;}
    .case-mind,.case-mind .text-right {text-align: center !important;}
    .technographics-data .banner-content.text-left,.technographics-data .banner-content.text-left h1 {text-align: center !important;}
    .technographic-table table {table-layout: auto;}
    .data-demand:after,.data-demand:before{display:none;}
    .technographic-table .table .thead-light th,.technographic-table tbody tr td{text-wrap: nowrap;padding: 15px;}
}
@media(max-width:600px){
.elementor-widget-container .price-item h4 {
        color: #022050 !important;
    }
}
#seo-gradient-button{
background: linear-gradient(180deg, #6E78FF 0%, #61F4DE 100%);
}
#Leadgen-gradient-button{
background: linear-gradient(180deg, #1268F0 0%, #9747FF 100%);
}
#Country-gradient-button{
	background: linear-gradient(180deg, #1268F0 0%, #9747FF 100%);
}
//Vertical Autoscroller
.frustrations p{line-height:2;color: var(--primary-color);margin:30px 0 45px}
.top-layer,.bottom-layer{position:relative}
.top-layer:after{content: '';width: 95%;height: 100px;background: linear-gradient(180deg, #022050 0%, rgba(2, 32, 80, 0.00) 100%);position: absolute;left: 50%;transform: translate(-50%, 0);z-index: 1;}
.bottom-layer:after{content: '';width: 95%;height: 100px;background: linear-gradient(180deg, rgba(2, 32, 80, 0.00) 0%, #022050 100%);
position: absolute;left: 50%;bottom:0;transform: translate(-50%, 0);z-index: 1;}
.frustrations-item{
	background:#fff;
	color:#0C1C35;
	font-size:20px;
	font-weight:600;
	border-radius:20px;
	position:relative;
	font-family: Outfit !important;
	padding:25px 40px;
	margin:10px;
	color: #2168F0;
}
.frustrations-item:before{
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    border-bottom: 1.5px solid #07C4FF;
    
    mask-composite: exclude;
    z-index: 0;
    transition: none;
}
.frustrations-slide {
    height: 650px;
    overflow-y: scroll;
	position:relative;
}
.frustrations-client{position:relative}
.frustrations-client:before {content:'';width:3px;height:100%;background:#999FA5;position:absolute;top:0;right:5px;border-radius:10px;z-index:-1}
.frustrations-slide {padding: 0.5rem;}
.frustrations-slide:after{content:''}
.frustrations-slide::-webkit-scrollbar,.frustrations-client:before{width:0 !important}
.location-list ul li:hover a{color:#202db8}
 
/* New location page CSS */

.icon-box-border {
  position: relative;
  display: inline-block;
  border-radius: 20px; /* Adjust based on your design */
  padding: 0px;
  z-index: 1;
      backdrop-filter: blur(30.850000381469727px);
transform: translate(-510px, 0px);
transition: all 0.5s ease;
}
.bg-border:hover .icon-box-border {

transform: translate(0px, 0px);
}


.icon-box-border::after {
content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: 20px;
    background: linear-gradient(137deg, rgb(255 255 255 / 92%) 23.98%, rgba(112, 113, 122, 0.16) 65.73%);

    z-index: -1;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: destination-out;
    padding: 2px;
    pointer-events: none;}

        .headings {
            display: flex;
            gap: 20px;
            justify-content: space-between;
            margin-bottom: 20px;
            cursor: pointer;
        }

        .para {

            padding: 20px 20px;
            width: 100%;
            height: 120px;
        }

        .para p{
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease, opacity 0.8s ease;
            opacity: 0;
            margin: 0;
            padding: 0;
            color: #FFF;

font-family: "Outfit", Sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28.365px; 
        }

        .para p.active {
            max-height: 100px;
            opacity: 1;
            padding: 10px 0;
        }

        .icon-img img {
               max-height: 0px;
            overflow: hidden;
                transition: max-height 0.3s ease, opacity 0.8s ease;
            opacity: 0;
            margin: 0;
            padding: 0;
        }
          .icon-img {
              flex-direction: column;
            display: flex;
            height: 100px;
            width: 100%;
          
        }

        .icon-img img.active {
            max-height: 120px;
            opacity: 1;
            padding: 10px 0;
            width: 80px;
        }

        .lower-con {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            align-items: center;
            border: 1px solid;
            border-radius: 20px;
            padding: 45px;
        }



        button.btn-toggle {
            background: transparent;
            border-radius: 63.206px;
border: 1px solid #8A8A8A;

            padding: 10px 15px
        }

.btn-toggle:hover {
  background-color: #07C4FF; /* Slightly darker blue */
  color: #fff; /* Optional: Change text color if needed */
  border: 1px solid transparent;
}
        button.btn-toggle h4 {
            margin: 0;
            color: #FFF;

font-family: "Outfit", Sans-serif;
font-size: 18.962px;
font-style: normal;
font-weight: 400;
line-height: 20.226px;
        }
        .center{
            display: flex;
            gap: 20px;
            
        }
        .toggle-con{
    display: flex
;
    flex-direction: column;
    gap: 30px;
}
/*lead-gen location page */

.testimonial-section {
            width: 100%;
            overflow: hidden;
            padding: 80px 0;
            position: relative;
                font-family: "Outfit", Sans-serif;
            background: #E6ECF3;
        }

        .testimonial-right p {
          
            font-size: 17px;
            font-style: normal;
            font-weight: 400;
            font-family: "Outfit", Sans-serif;
            line-height: normal;
            color: #fff;
        }

        .testimonial-left p {
            color: #000;
   
            font-size: 17px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px;
            font-family: "Outfit", Sans-serif;
            /* 150% */
        }

        .testimonial-section h4 {
            color: #FFF;
       
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            font-family: "Outfit", Sans-serif;
            padding-bottom: 20px;
        }

        .testimonial-section h2 {
            color: #121212;
            text-align: center;
        
            font-size: 40px;
            font-style: normal;
            font-weight: 600;
            line-height: 64px;
            font-family: "Outfit", Sans-serif;
            /* 160% */
            letter-spacing: -1px;
        }

        .section-title {
            text-align: center;
            font-size: 32px;
            font-weight: bold;
            margin-bottom: 60px;
        }

        .slider-container {
            overflow: hidden;
            padding: 0 20%;
            position: relative;
            margin-top: 40px;
        }

        .slider-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            will-change: transform;
            justify-content: flex-start;
        }
        .testimonial-card {
            flex: 0 0 94%;
            margin: 0 1%;
            display: flex;
            gap: 20px;
            min-height: 260px;
            border-radius: 20px;
            background: #FFF;
            box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.20);
        }

        .testimonial-left {

            flex: 1;
            display: flex;
            padding: 40px;
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        .testimonial-left p {
            font-size: 16px;
            margin-bottom: 20px;
        }

        .author {
            display: flex;
            align-items: center;
        }

        .author img {
            border-radius: 50%;
            width: 40px;
            height: 40px;
            margin-right: 10px;
        }

        .testimonial-right {
            flex: 1;
            border-radius: 15px;
            background: linear-gradient(180deg, #022050 0%, #4262FF 36.54%, #047699 65.87%, #23529B 100%);
            color: #fff;
            padding: 20px;
            display: flex;
            flex-direction: column;
            gap: 70px;
            justify-content: center;
        }

        .nav-btn-card {
            position: absolute;
            top: 15%;
            right: 2%;
        }


        .dots {
            text-align: center;
            margin-top: 30px;
        }

        .dot {
            height: 12px;
            width: 12px;
            margin: 0 5px;
            background-color: #bbb;
            border-radius: 50%;
            display: inline-block;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .dot.active {
            background-color: #1268F0;
        }

        .testimonial-right h4 {
            margin: 0;
        }

        .testimonial-right p {
            margin: 0;
        }

        button.nav-btn {
            background: none;
            border: navajowhite;
        }
        .challenge-content{
            padding-right: 30px;
        }
        .outcome-con{
            padding-right: 30px;
        }
        /* Style for the nav buttons using Font Awesome icons */
.nav-btn-card {
  position: absolute;
  top: 15%;
  right: 2%;
  display: flex;
  gap: 2px;
  z-index: 10;
}

.nav-btn {
  background: #D9D9D980 !important;
    border: 1px solid #D4D4D4 !important;
  color: #000;
  border: none;
  width: 44px;
  height: 44px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;

}

.nav-btn:hover {
  background: linear-gradient(360deg, #419DB9 10%, #163664 100%) !important;
  color:#fff;
}
.prev-btn{
    border-radius: 25px 0 0 25px;
}
.next-btn{
    border-radius: 0 25px 25px 0;
}

.nav-btn i {
  pointer-events: none;
}

/* Remove default border if any */
button.nav-btn {
  border: none;
  outline: none;
}

/* Focus state for accessibility */
.nav-btn:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Mobile adjustments */



        @media (max-width: 768px) {
            .testimonial-card {
                flex: 0 0 100%;
                margin: 2%;
                flex-direction: column;
            }
               .slider-container {
    padding: 0 0; /* remove side padding on mobile */
    margin:10px;
  }

  .testimonial-card {
    flex: 0 0 100%;  /* take full width */
    margin: 0;       /* no margin between slides */
  }
.testimonial-right {
    gap: 24px;
}

        .nav-btn-card {
            display:none;
        }
         .nav-btn-card {
    top: auto;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
    gap: 8px;
  }

  .nav-btn {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }

        }

.form-btn .elementor-button.elementor-size-sm{
    border-radius: 32px;
border: 1px solid #4262FF;
background: linear-gradient(180deg, #047699 0%, #07C4FF 100%);
padding: 15px 20px;
}
.before-para-sec::before {
  content: "";
  display: inline-block;
  width: 12px !important;
  position: absolute;
  left: -46px !important;
  top: 5px;
  height: 20px !important;
  background-image: url('https://www.iinfotanks.com/wp-content/uploads/2025/06/Ellipse-743.svg') !important;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 8px;
  vertical-align: middle;
}
.solution-con {
      height: 250px;
      width: 1100px;
      max-width: 100%;
      margin: 0 auto;
      overflow-y: auto;
      overflow-x: hidden;
      scroll-behavior: smooth;
      /* Hide scrollbar */
      scrollbar-width: none; /* Firefox */
      -ms-overflow-style: none; /* IE/Edge */
    }
    .solution-con::-webkit-scrollbar {
      display: none; /* Chrome, Safari */
    }
    .challenge-solution {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      padding: 20px 0;
      flex-wrap: wrap;
    }
    .left-panel {
      display: flex;
      align-items: center;
      gap: 30px;
      width: 45%;
    }
    .gradient-bar {
      width: 15px;
      height: 200px;
      background: linear-gradient(to bottom, #000, #1E3A8A);
      border-radius: 0px;
      flex-shrink: 0;
    }
    .challenge-text p {
      color: #000;
font-family: Outfit;
font-size: 18px;
margin: 0;
font-style: normal;
font-weight: 400;
line-height: 144%; /* 25.92px */
    }
    .challenge-text h2 {
      color: #23529B;
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 144%; /* 43.2px */
    }
    .solution-box {
      background-color: #1E4A93;
      color: white;
      padding: 40px 10px 40px 20px;
      border-radius: 12px;
      width: 100%;
    max-width: 50%;
    }
    .solution-label {
      color: #FFBC81;
font-family: Outfit;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 144%; /* 25.92px */
    }
    .solution-box h3 {
      color: #FFF;
font-family: Outfit;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 144%; /* 43.2px */
    }
.steps {
      height: 620px;
      overflow-y: auto;
      scroll-behavior: smooth;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 10px;
      /* Hide scrollbar */
      scrollbar-width: none;
      /* Firefox */
      -ms-overflow-style: none;
      /* IE and Edge */
    }
    .steps::-webkit-scrollbar {
      display: none;
      /* Chrome, Safari, Opera */
    }
    .steps-process {
      display: flex;
      justify-content: space-between;
      gap: 0px;
      width: 100%;
    }
    .left-process,
    .right-process {
      width: 50%;
    }
    .bg-color {
      padding: 30px;
      border-radius: 30px;
border: 1px solid #FFF;
background: rgba(0, 0, 0, 0.16);
backdrop-filter: blur(12.850000381469727px);
    }
    .step-content {
      display: flex;
      align-items: center;
      gap: 15px;
      margin-bottom: 40px;
    }
    .step-content img {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      color: white;
      font-size: 20px;
    }
    .step-content h4 {
      color: #000;
      font-size: 18.988px;
      font-weight: 500;
      background: #fff;
          padding: 7px 18px;
    width: 100%;
      margin: 0;
      border-radius: 50.229px;
background: #FFF;
    }
    .step-content h5 {
      color: #000;
      font-size: 18.988px;
      font-weight: 500;
      background: #fff;
          padding: 7px 18px;
    width: 100%;
      margin: 0;
      border-radius: 50.229px;
background: #FFF;
    }
    .para-steps {
      color: #fff;
      font-size: 18px;
      font-weight: 300;
      margin: 0;
    }
    @media (max-width: 768px) {
      .steps-process {
        flex-direction: column;
      }
      .left-process,
      .right-process {
        width: 100%;
      }
    }
.ue-rollover-image-effect:hover img.ue-overlay-image {
    opacity: 1;
    transition: all 0.1s ease
    ;
    width: 40px !important;
}
.ue-rollover-image-effect:hover img.ue-main-image {
    opacity: 0;
}
.ue-rollover-image-effect:hover {
    background: #022050;
    border-radius: 20px;
    transition: all 0.1s ease
}
img.ue-overlay-image {
    opacity: 0;
    position: absolute;
    top: 60px !important;
    right: 45% !important;
    background: bottom;
    width: 100%;
    transition: all 0.0000000000001s ease
     !important;
}        









@media (max-width: 480px) {
.headings {
  
    flex-direction: column;
}
.lower-con {
   
    flex-direction: column;
}
.icon-img img.active

 {
    max-height: 110px;

}
.center img {
    height: auto;
}
.sroller-bg::after {
    content: '';
    position: absolute;
    top: 20px !important;
    left: 5%  !important;
    width: 300px  !important;
    height: 480px  !important;
    background: #022050;
    border-radius: 20px 20px;
    z-index: -1;
}


  }
 
.scroll-container {
  height: 530px !important;
  overflow-y: auto;
    direction: ltr !important; 
    padding-right: 30px;
    background: transparent !important;

box-shadow: none !important;
}

/* Scrollbar customization */
.scroll-container::-webkit-scrollbar {
  width: 8px;
}
.scroll-container::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.scroll-container::-webkit-scrollbar-thumb {
  background: #1668E8 !important;
  border-radius: 10px !important;
}

/* Card styles */
.scroll-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 0;
}

.scroll-card {
  border-radius: 20px;
border: 0.6px solid #07C4FF;
background: linear-gradient(180deg, #1668E8 0%, #0C3A82 100%);
  padding: 30px;
  border-radius: 20px;
  color: white;
  position: relative;
  isolation: isolate;
}

.sroller-bg::after {
      content: '';
    position: absolute;
    top: -25px;
    left: 20%;
    width: 460px;
    height: 600px;
    background: #022050;
    border-radius: 20px 20px;
    z-index: -1;
}

.scroll-card h3 {
 color: #FFF;
font-family: Outfit;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28.365px; /* 118.187% */
}

.scroll-card p {
  color: #D8F6FF;
font-family: Outfit;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28.365px; /* 177.28% */
}

.image-card-hover {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    opacity: 0;
     transition: all 2s ease;
    animation: bounce2 2s ease;
         

}
.image-card {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
         

}
.image-card-hover:hover
{
   
    opacity: 1;

}
.image-card-hover:hover .image1{
     animation: bounce2 1.01s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}
.image-card-hover:hover .image2{
     animation: bounce2 1.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}


@keyframes bounce2 {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
30%, 40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}
.temp-class {
  opacity: 0.5;
  transform: scale(0.95);
  transition: all 0.5s ease;
}

.case-study-btn {
  background-color: #1775ff;
  color: white;
  padding: 20px 40px;
  border: none;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
}

.case-study-btn:hover {
  background-color: #07C4FF;
}
.expand-btn p{
    color: #022050;
font-size: 16px;
font-style: normal;
font-family: "Outfit", Sans-serif;
font-weight: 400;
line-height: 25px;
}
button#toggleBtn {
    width: 100%;
}

.case-study-content {
  display: none;
  margin-top: 30px; 
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-5px); }
  to   { opacity: 1; transform: translateY(0); }
}

  .headings-con {
            display: flex;
            gap: 30px;
            justify-content: center;
            margin-bottom: 0px;
            cursor: pointer;
        }

        .upper-con {
            padding: 0px 20px;
        }
        .card-content img{
            width: 20%;
            height: 50%
        }

        .con-content {
            justify-content: space-around;
            display: grid;
            grid-template-columns: auto auto auto;
            padding:80px 30px;
            gap: 20px;
            height: 370px;
        }

        .con-card {
            transform: translateY(100%);
            opacity: 0;
            transition: transform 0.4s ease, opacity 0.4s ease;
            pointer-events: none;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0;
            border-radius: 20px;
            background: #FFF;
        }

        .con-card.active {
            transform: translateY(0);
            opacity: 1;
            pointer-events: auto;
            position: relative;
        }

        .lower-conainer .right {
            position: relative;
            min-height: 200px;
            width: 100%;
            /* Ensure space for absolute .con-card */
        }

       .card-content h3{
            color: #000;

font-family: "Outfit", Sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
        }

        .lower-conainer {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            align-items: center;
            overflow: hidden;
            padding: 20px;
        }

        .card-content {
         height: 60px; 
            display: flex;
            gap: 20px;
            width: 250px;
    align-items: center;
        }



        button.btn-toggle-con {
            border: 1px solid gray;
            border-radius: 10px;
            padding: 10px 25px;
            /* width: 30%; */
            background: transparent;
            display: flex;
            gap: 10px;
            align-content: center;
            border-radius: 15px;
            transition: all 0.4s ease;
            border: 1px solid #FFF;
                align-items: center;
            
        }


        button.btn-toggle-con h4 {
            font-family: "Outfit", Sans-serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            margin: 0;
            color: #fff;
            position: relative;
        }

        button.btn-toggle-con:hover {
            background-color: #fff;
            border: 1px solid #fff;
            border-radius: 15px;
            transform: translateY(25px);
            color:#022050;
        }
           button.btn-toggle-con:hover h4{
          
            color:#022050;
        }
        
        .img-card{
            position: relative;
        }
        .imgone{
         display: block;
          
        }
          .imgtwo{
           
            display: none;
        }
        button.btn-toggle-con:hover  .imgone{

            display: none;
        }
        button.btn-toggle-con:hover  .imgtwo{
           
             display: block;
        }

.con-card-mobile {
display: none;
transition: all 0.3s ease;
padding: 10px 0;
}

.btn-toggle-con-mobile {
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
background: none;
border: none;
padding: 10px;
font-size: 1rem;
}

.img-card-mobile img {
width: 40px;
height: 40px;
}

.card-content-mobile {
display: flex;
align-items: center;
gap: 15px;
margin: 10px 0;
}

.con-content-mobile {
padding-left: 50px;
}
button.btn-toggle-con-mobile {
border: 1px solid gray;
border-radius: 10px;
padding: 10px 25px;
/* width: 30%; */
background: transparent;
display: flex
;
gap: 10px;
align-content: center;
border-radius: 15px;
transition: all 0.4s ease;
border: 1px solid #FFF;
align-items: center;
}
.con-content-mobile {
justify-content: space-around;
display: grid
;
grid-template-columns: auto auto auto;
padding: 80px 30px;
gap: 20px;
height: 370px;
}
.con-card-mobile {
border-radius: 20px;
background: #FFF;
}
.card-content-mobile h3 {
color: #000;
font-family: "Outfit", Sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: 0px;
}

button.btn-toggle-con-mobile h4 {
font-family: "Outfit", Sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin: 0;
color: #fff;
position: relative;
}
.headings-con-mobile {
display: flex
;
flex-direction: column;
gap: 20px;
}
.con-content-mobile {
justify-content: space-around;
display: grid
;
grid-template-columns: auto;
padding: 20px 30px;
gap: 20px;
height: fit-content;
justify-content: flex-start;
}
button.btn-toggle-con-mobile:hover {
background-color: #fff;
border: 1px solid #fff;
border-radius: 15px;
color: #022050;
}
button.btn-toggle-con-mobile:hover h4 {
color: #022050 !important;
}
button.btn-toggle-con-mobile:hover .imgone {
display: none;
}
button.btn-toggle-con-mobile:hover .imgtwo {
display: block;
}
.active-mobile {
display: block;

}

@media (min-width: 600px) and (max-width: 1025px) {
  .sroller-bg::after {
        left: 14%;
        width: 595px;
    height: 470px;
}
.card-content {    
width: fit-content;

}
.last-con {
    grid-template-columns: auto auto auto !important;
}
  }

.last-con{
    grid-template-columns: auto auto auto auto !important
}
.con-content {
    grid-template-rows: auto auto auto auto;
}
.card-content {
    width: 400px !important;
    
}
.last-con .card-content {
    width: 250px !important;}
@media (max-width: 600px) {
    .sroller-bg::after {
        left: -4% !important;
        width: 302px !important;
}
}




.scroll-container {
      margin: auto;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

   .country-buttons-wrapper {
  height: 345px;
  width: 100%;
  padding: 40px 10px;
  overflow: hidden; /* disables inner scrolling */
  position: relative;
}

.country-buttons {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
  will-change: transform;
}
    .country-btn {
      display: flex;
      align-items: center;
      gap: 15px;
      padding: 20px 25px 20px 15px;
      border: 1px solid #bdbdc7;
      border-radius: 50px;
      background-color: #ffffff;
      cursor: pointer;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
      transition: transform 0.2s ease;
    }

    .country-btn:hover {
      box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

    }

    .country-btn img {
      width: 46px;
      height: 46px;
      border-radius: 50%;
      object-fit: cover;
    }

    .country-btn span {
          font-family: "Outfit", Sans-serif;
    font-size: 18px;
    font-weight:500;
      color: #000000;
    }

    .scroll-buttons {
      display: flex;
      gap: 20px;
      margin-top: 45px;
    }

    .scroll-button {
      background: linear-gradient(180deg, #1668E8 0%, #0C3A82 100%);
      border: 1px solid #ccc;
      border-radius: 50%;
      padding: 10px 13px;
      font-size: 18px;
      font-weight: bold;
      cursor: pointer;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
      transition: background-color 0.1s ease, color 0.1s ease;
    }

    .scroll-button:hover {
      background: #1668E8;
    }

    .at-end {
      background: linear-gradient(0deg, #0E4247 0%, #0B2140 100%);
      color: white;
      border-color: #00000000;
    }

    /* Hide native scrollbar (optional) */
    .country-buttons::-webkit-scrollbar {
      width: 0;
    }
    .country-buttons {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .scroll-button.at-end {
  background-color: #999;
  pointer-events: none;
  opacity: 0.6;
}
@media (max-width: 767px) {
 
.country-buttons {

  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 10px;
  will-change: transform;
}
  .scroll-container.mobile-point{
  max-height: 600px;
}
.country-buttons-wrapper.mobile-vpoint {
    height:600px;
}
.trust-list-info
{    top: 71%;
    left: -120px;
    width: 360px;
}
}

button.mainbutton-new{
font-family: "Outfit", Sans-serif !important;}



    .steps-wrapper {
      max-height: 750px;
      overflow-y: auto;
      width: 100%;
      padding-right: 10px;
      scroll-behavior: smooth;

    }

    .step-card {
  border-radius: 12px;
  background: #fff;
  padding: 40px;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  transition: background 0.6s ease, color 0.6s ease, border 0.6s ease; /* smooth active effect */
  border: 1px solid #e5e7eb;
}


    /* Active */
    .step-card.active {
      background: linear-gradient(90deg, #1668E8 0%, #0C3A82 100%);
      color: #fff;
      border: none;
    }

    .step-header {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 20px;
      font-weight: bold;
    }

    .step-number {
      font-size: 32px;
      font-weight: 700;
      color: #1668E8;
    }

    .step-card.active .step-number {
      color: #fff;
    }

    .step-title {
      padding: 3px 10px;
      border-radius: 20px;
      border: 1px solid #1668E8;
      font-size: 18px;
      font-weight: 600;
      color: #1668E8;
      background: #fff;
    }

    .step-card.active .step-title {
      color: #fff;
      background: rgba(255, 255, 255, 0.2);
      border-color: #fff;
    }

    .step-desc {
      font-size: 16px;
      line-height: 1.6;
      color: #333;
    }

    .step-card.active .step-desc {
      color: #f1f5ff;
    }
    /* Webkit browsers (Chrome, Safari, Edge) */
.steps-wrapper::-webkit-scrollbar {
  width: 14px; /* wider so arrows look good */
}

.steps-wrapper::-webkit-scrollbar-track {
  background: transparent; /* make track invisible */
}

.steps-wrapper::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #1668E8 0%, #0C3A82 100%);
  border-radius: 10px;
  border: 2px solid transparent; /* spacing */
  background-clip: content-box; /* keeps thumb inside */
}

/* Show scrollbar buttons (arrows) */
.steps-wrapper::-webkit-scrollbar-button {
  display: block;
  background: none; /* arrow button background */
  height: 0px;
}

/* Optional: Different colors for up/down arrows */
.steps-wrapper::-webkit-scrollbar-button:single-button:vertical:decrement {
  background: none;
  background-size: 8px;
}

.steps-wrapper::-webkit-scrollbar-button:single-button:vertical:increment {
  background: none;
  background-size: 8px;
}


/* Container */
.seo-swiper-container {
  max-width: 900px;
  margin: auto;
  position: relative;
}

/* Slides */
.seoSwiper .seo-slide {
  border-radius: 20px;
  background: linear-gradient(180deg, #FFF 0%, #DAE7FD 100%);
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  box-shadow: 0px 4px 12px rgba(0,0,0,0.1);
  height: 280px;
}

/* Heading + Icon */
.seoSwiper h3 {
  font-size: 24px;
  color: #022050;
  font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 12px;
  line-height:25px;
}

.seo-icon {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

/* Paragraph */
.seoSwiper p {
  font-size: 16px;
  color: #022050;
  font-weight: 400;
}

/* Pagination */
.seo-pagination {
  display: flex;
  justify-content: center;
  gap: 3px;
  margin-top: 25px;
  position: relative;
}

.seo-pagination .swiper-pagination-bullet {
  width: 28px;
  height: 4px;
  background: #fff;
  border-radius: 2px;
  opacity: 1;
  transition: all 0.3s ease;
}

.seo-pagination .swiper-pagination-bullet-active {
  background: #0052cc;
  width: 50px;
}

/* Navigation buttons */
.seo-nav {
  position: absolute;
  bottom: 365px;
  right: 53px;
  display: flex;
  gap: 30px;
}
.swiper-button-prev {
    right: 70px !important;
    left: 0;
}
.seo-prev,
.seo-next {
  background: linear-gradient(180deg, #1668E8 0%, #07C4FF 100%);
  border-radius: 50%;
  width: 40px !important;
  height: 40px !important;
  color: #fff !important;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.seo-prev::after {
  font-size: 16px !important;
  font-weight: bold;
  content: 'prev' !important;
}

.seo-next::after {
  font-size: 16px !important;
  font-weight: bold;
  content: 'next' !important;
}


.seo-next {
    right: -50px !important;
    
}
.seo-prev {
    left: -50px !important;
}