@charset "UTF-8";

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

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

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

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

/* Variables */
:root {

  /* Font Family */
  --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
  --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);

  /* Font Size */
  --global--font-size-base: 1.25rem;
  --global--font-size-xs: 1rem;
  --global--font-size-sm: 1.125rem;
  --global--font-size-md: 1.25rem;
  --global--font-size-lg: 1.5rem;
  --global--font-size-xl: 2.25rem;
  --global--font-size-xxl: 4rem;
  --global--font-size-xxxl: 5rem;
  --global--font-size-page-title: var(--global--font-size-xxl);
  --global--letter-spacing: normal;

  /* Line Height */
  --global--line-height-body: 1.7;
  --global--line-height-heading: 1.3;
  --global--line-height-page-title: 1.1;

  /* Headings */
  --heading--font-family: var(--global--font-primary);
  --heading--font-size-h6: var(--global--font-size-xs);
  --heading--font-size-h5: var(--global--font-size-sm);
  --heading--font-size-h4: var(--global--font-size-lg);
  --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
  --heading--font-size-h2: var(--global--font-size-xl);
  --heading--font-size-h1: var(--global--font-size-page-title);
  --heading--letter-spacing-h6: 0.05em;
  --heading--letter-spacing-h5: 0.05em;
  --heading--letter-spacing-h4: var(--global--letter-spacing);
  --heading--letter-spacing-h3: var(--global--letter-spacing);
  --heading--letter-spacing-h2: var(--global--letter-spacing);
  --heading--letter-spacing-h1: var(--global--letter-spacing);
  --heading--line-height-h6: var(--global--line-height-heading);
  --heading--line-height-h5: var(--global--line-height-heading);
  --heading--line-height-h4: var(--global--line-height-heading);
  --heading--line-height-h3: var(--global--line-height-heading);
  --heading--line-height-h2: var(--global--line-height-heading);
  --heading--line-height-h1: var(--global--line-height-page-title);
  --heading--font-weight: normal;
  --heading--font-weight-page-title: 300;
  --heading--font-weight-strong: 600;

  /* Block: Latest posts */
  --latest-posts--title-font-family: var(--heading--font-family);
  --latest-posts--title-font-size: var(--heading--font-size-h3);
  --latest-posts--description-font-family: var(--global--font-secondary);
  --latest-posts--description-font-size: var(--global--font-size-sm);
  --list--font-family: var(--global--font-secondary);
  --definition-term--font-family: var(--global--font-primary);

  /* Colors */
  --global--color-black: #000;
  --global--color-dark-gray: #28303d;
  --global--color-gray: #39414d;
  --global--color-light-gray: #f0f0f0;
  --global--color-green: #d1e4dd;
  --global--color-blue: #d1dfe4;
  --global--color-purple: #d1d1e4;
  --global--color-red: #e4d1d1;
  --global--color-orange: #e4dad1;
  --global--color-yellow: #eeeadd;
  --global--color-white: #fff;
  --global--color-white-50: rgba(255, 255, 255, 0.5);
  --global--color-white-90: rgba(255, 255, 255, 0.9);
  --global--color-primary: var(--global--color-dark-gray);

  /* Body text color, site title, footer text color. */
  --global--color-secondary: var(--global--color-gray);

  /* Headings */
  --global--color-primary-hover: var(--global--color-primary);
  --global--color-background: var(--global--color-green);

  /* Mint, default body background */
  --global--color-border: var(--global--color-primary);

  /* Used for borders (separators) */

  /* Spacing */
  --global--spacing-unit: 20px;
  --global--spacing-measure: unset;
  --global--spacing-horizontal: 25px;
  --global--spacing-vertical: 30px;

  /* Elevation */
  --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

  /* Forms */
  --form--font-family: var(--global--font-secondary);
  --form--font-size: var(--global--font-size-sm);
  --form--line-height: var(--global--line-height-body);
  --form--color-text: var(--global--color-dark-gray);
  --form--color-ranged: var(--global--color-secondary);
  --form--label-weight: 500;
  --form--border-color: var(--global--color-secondary);
  --form--border-width: 3px;
  --form--border-radius: 0;
  --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

  /* Cover block */
  --cover--height: calc(15 * var(--global--spacing-vertical));
  --cover--color-foreground: var(--global--color-white);
  --cover--color-background: var(--global--color-black);

  /* Buttons */
  --button--color-text: var(--global--color-background);
  --button--color-text-hover: var(--global--color-secondary);
  --button--color-text-active: var(--global--color-secondary);
  --button--color-background: var(--global--color-secondary);
  --button--color-background-active: var(--global--color-background);
  --button--font-family: var(--global--font-primary);
  --button--font-size: var(--global--font-size-base);
  --button--font-weight: 500;
  --button--line-height: 1.5;
  --button--border-width: 3px;
  --button--border-radius: 0;
  --button--padding-vertical: 15px;
  --button--padding-horizontal: calc(2 * var(--button--padding-vertical));

  /* entry */
  --entry-header--color: var(--global--color-primary);
  --entry-header--color-link: currentColor;
  --entry-header--color-hover: var(--global--color-primary-hover);
  --entry-header--color-focus: var(--global--color-secondary);
  --entry-header--font-size: var(--heading--font-size-h2);
  --entry-content--font-family: var(--global--font-secondary);
  --entry-author-bio--font-family: var(--heading--font-family);
  --entry-author-bio--font-size: var(--heading--font-size-h4);

  /* Header */
  --branding--color-text: var(--global--color-primary);
  --branding--color-link: var(--global--color-primary);
  --branding--color-link-hover: var(--global--color-secondary);
  --branding--title--font-family: var(--global--font-primary);
  --branding--title--font-size: var(--global--font-size-lg);
  --branding--title--font-size-mobile: var(--heading--font-size-h4);
  --branding--title--font-weight: normal;
  --branding--title--text-transform: uppercase;
  --branding--description--font-family: var(--global--font-secondary);
  --branding--description--font-size: var(--global--font-size-sm);
  --branding--description--font-family: var(--global--font-secondary);
  --branding--logo--max-width: 300px;
  --branding--logo--max-height: 100px;
  --branding--logo--max-width-mobile: 96px;
  --branding--logo--max-height-mobile: 96px;

  /* Main navigation */
  --primary-nav--font-family: var(--global--font-secondary);
  --primary-nav--font-family-mobile: var(--global--font-primary);
  --primary-nav--font-size: var(--global--font-size-md);
  --primary-nav--font-size-sub-menu: var(--global--font-size-xs);
  --primary-nav--font-size-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);
  --primary-nav--font-size-button: var(--global--font-size-xs);
  --primary-nav--font-style: normal;
  --primary-nav--font-style-sub-menu-mobile: normal;
  --primary-nav--font-weight: normal;
  --primary-nav--font-weight-button: 500;
  --primary-nav--color-link: var(--global--color-primary);
  --primary-nav--color-link-hover: var(--global--color-primary-hover);
  --primary-nav--color-text: var(--global--color-primary);
  --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
  --primary-nav--border-color: var(--global--color-primary);

  /* Pagination */
  --pagination--color-text: var(--global--color-primary);
  --pagination--color-link-hover: var(--global--color-primary-hover);
  --pagination--font-family: var(--global--font-secondary);
  --pagination--font-size: var(--global--font-size-lg);
  --pagination--font-weight: normal;
  --pagination--font-weight-strong: 600;

  /* Footer */
  --footer--color-text: var(--global--color-primary);
  --footer--color-link: var(--global--color-primary);
  --footer--color-link-hover: var(--global--color-primary-hover);
  --footer--font-family: var(--global--font-primary);
  --footer--font-size: var(--global--font-size-sm);

  /* Block: Pull quote */
  --pullquote--font-family: var(--global--font-primary);
  --pullquote--font-size: var(--heading--font-size-h3);
  --pullquote--font-style: normal;
  --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
  --pullquote--line-height: var(--global--line-height-heading);
  --pullquote--border-width: 3px;
  --pullquote--border-color: var(--global--color-primary);
  --pullquote--color-foreground: var(--global--color-primary);
  --pullquote--color-background: var(--global--color-background);
  --quote--font-family: var(--global--font-secondary);
  --quote--font-size: var(--global--font-size-md);
  --quote--font-size-large: var(--global--font-size-xl);
  --quote--font-style: normal;
  --quote--font-weight: 700;
  --quote--font-weight-strong: bolder;
  --quote--font-style-large: normal;
  --quote--font-style-cite: normal;
  --quote--line-height: var(--global--line-height-body);
  --quote--line-height-large: 1.35;
  --separator--border-color: var(--global--color-border);
  --separator--height: 1px;

  /* Block: Table */
  --table--stripes-border-color: var(--global--color-light-gray);
  --table--stripes-background-color: var(--global--color-light-gray);
  --table--has-background-text-color: var(--global--color-dark-gray);

  /* Widgets */
  --widget--line-height-list: 1.9;
  --widget--line-height-title: 1.4;
  --widget--font-weight-title: 700;
  --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

  /* Admin-bar height */
  --global--admin-bar--height: 0px;
}

.admin-bar {
  --global--admin-bar--height: 32px;
}

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

  .admin-bar {
    --global--admin-bar--height: 46px;
  }
}

@media only screen and (min-width: 652px) {

  :root {
    --global--font-size-xl: 2.5rem;
    --global--font-size-xxl: 6rem;
    --global--font-size-xxxl: 9rem;
    --heading--font-size-h3: 2rem;
    --heading--font-size-h2: 3rem;
  }
}

/*! normalize.css v8.0.1 | 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;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * 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;
}


@font-face {
  font-family: 'helvetica_now_displaybold';
  src: url('assets/fonts/helveticanowdisplay-bold.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'helvetica_now_displayXBd';
  src: url('assets/fonts/helveticanowdisplay-extrabold.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-extrabold.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'helvetica_now_displaylight';
  src: url('assets/fonts/helveticanowdisplay-light.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helvetica_now_displaymedium';
  src: url('assets/fonts/helveticanowdisplay-medium.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helveticanowdisplay_regularRg';
  src: url('assets/fonts/helveticanowdisplay-regular.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'helvetica_now_displaythin';
  src: url('assets/fonts/helveticanowdisplay-thin.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-thin.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'helvetica_now_displayblack';
  src: url('assets/fonts/helveticanowdisplay-black.woff2') format('woff2'),
    url('assets/fonts/helveticanowdisplay-black.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'futura_md_btmedium';
  src: url('assets/fonts/tt0142m_0.woff2') format('woff2'),
    url('assets/fonts/tt0142m_0.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'futura_md_btbold';
  src: url('assets/fonts/tt0144m_0.woff2') format('woff2'),
    url('assets/fonts/tt0144m_0.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  font-family: 'helveticanowdisplay_regularRg';
  background-color: #f5f5f5;
}

a {
  color: #ef4036;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'helvetica_now_displaybold';
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #ffc600;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 24px;
  color: #000;
  line-height: 0;
}

.back-to-top:hover {
  background: #000;
  color: #fff;
}

.back-to-top:hover i {
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}


/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #ef4036;
  border-top-color: #ffe9e3;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

@media (min-width: 1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1200px;
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
  background-color: #fff;
}

#header.header-scrolled,
#header.header-inner-pages {
  background: rgb(255, 255, 255);
  padding: 10px 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}

#header .logo {
  font-size: 32px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 2px;
}

#header .logo a {
  color: #000;
  font-family: 'futura_md_btbold';
  font-size: 40px;
  letter-spacing: 0;
}

#header .logo a span {
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
}

#header .logo a .yellowcolor {
  color: #ffc600;
  font-family: 'futura_md_btbold';
}

#header .logo img {
  max-height: 60px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  white-space: nowrap;
  padding: 8px 12px;
}

.navbar a,
.navbar a:focus {
  font-family: 'helvetica_now_displaybold';
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 18px;
  text-transform: lowercase;
  color: rgba(0, 0, 0, 0.9);
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #ffc600;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #000;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 25px;
  margin-left: 30px;
  border-radius: 4px;
  color: #000;
  border: 2px solid #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #fd3800;
  border-color: #ef4036;
}

.navbar>ul>li>.getstarted:before {
  visibility: hidden;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #15222b;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #ef4036;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #000;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(4, 7, 9, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #fff;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  border-radius: 10px;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #15222b;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #d5a603;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #ef4036;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/

section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f0f4f8;
}

.section-title {
  padding-bottom: 40px;
}

.section-title h2 {
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  color: #000;
  font-family: 'helvetica_now_displaybold';
  position: relative;
  display: initial;
}

.section-title h2:before {
  content: '';
  background-color: #ffce00;
  height: 4px;
  position: absolute;
  left: 0;
  width: 50%;
  bottom: -14px;
  transition: all 0.3s ease-in-out 0s;
}

.section-title.center-arrow h2:before {
  content: '';
  background-color: #ffce00;
  height: 4px;
  position: absolute;
  left: 0;
  width: 50%;
  right: 0;
  margin: 0 auto;
}

.my-consulting-details:hover h2:before {
  width: 100%;
}

/* 11-01-2024 */
.bx {
  font-family: boxicons !important;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  line-height: 50px;
  text-rendering: auto;
  display: inline-block;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 11-01-2024 End*/



/*--------------------------------------------------------------
# Home Section
--------------------------------------------------------------*/

.bookcall {}

.about-content {}

.bookcall h3 {
  color: #5f5f5f;
  font-family: 'helvetica_now_displaylight';
  margin-bottom: 20px;
}

.bookcall h3 span {
  font-family: 'helvetica_now_displaybold';
}

.bookcall h2 {
  font-size: 3.2rem;
  line-height: 50px;
  margin-bottom: 5px;
}

.bookcall-content h1 .typewrite {
  color: #018cc0;
  font-family: 'helvetica_now_displaybold';
  font-size: 2rem;
}

.bookcall-content h1 {
  min-height: 60px;
  margin: 0;
  padding: 0;
}

.section-button {
  font-family: 'helvetica_now_displaybold';
  background-color: #fff;
  border-radius: 50px;
  border: #ffc600 solid 2px;
  padding: 12px 30px;
  font-size: 1.4rem;
  color: #000;
}

.section-button .bx {
  font-weight: 600;
  position: relative;
  top: 3px;
  font-size: 1.5rem;
}

.bookcall .common-btn {
  margin-top: 5px;
  display: inline-block;
}

.common-btn {
  font-family: 'helvetica_now_displaybold';
  display: inline-block;
  background-color: #fff;
  border-radius: 50px;
  border: #ffc600 solid 2px;
  padding: 12px 30px;
  font-size: 1.4rem;
  color: #000;
  transition: all 0.5s;
  position: relative;
  white-space: nowrap;
}

.common-btn::after {
  content: "\ea50";
  font-family: boxicons !important;
  font-weight: 600;
  position: absolute;
  left: 87%;
  top: 24%;
  right: 5%;
  bottom: 0;
  opacity: 0;
}

.common-btn:hover {
  background: #ffc600;
  transition: all 0.5s;
  padding: 12px 3.5rem 12px 3.5rem;
}

.common-btn:hover::after {
  opacity: 1;
  transition: all 0.5s;
}

.bookcall-content .common-btn::after {
  top: 23%;
}

.section-photo {
  overflow: hidden;
}

.bookcall .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
  overflow: hidden;
}

.bookcall .zoom-effect:hover {
  transform: scale(1.2);
}


@media (max-width: 768px) {

  section.bookcall {
    padding: 30px 0px;
  }

  .bookcall h2 {
    font-size: 3rem;
  }

  .bookcall-content {
    padding: 25px 25px 50px 25px;
    background: #fff;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
  }

  .section-button {
    font-size: 1.2rem;
  }

  .animateText {
    font-size: 1.5rem;
    margin-bottom: 30px;
  }

  section {
    padding: 30px 0;
  }

  #header {
    padding: 10px 0 0 0;
  }

  #header .logo {
    padding-bottom: 10px;
  }

  .my-consulting-details .common-btn {
    font-size: 1.1rem;
  }

  .bookcall-content h1 {
    min-height: 85px;
  }

  .bookcall .common-btn {
    font-size: 1.2rem;
  }

  .section-title.center-arrow h2:before {
    display: none;
  }

}

@media (max-width: 575px) {
  .section-button {
    font-size: 1.1rem;
    white-space: pre;
    font-family: 'helvetica_now_displaybold';
  }

  .about-content h2 {
    font-size: 2.5rem;
  }

  .common-btn {
    font-size: 1rem;
  }
}

/*--------------------------------------------------------------
# About Section
--------------------------------------------------------------*/

.about {}

.aj-punchline {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: transparent solid 2px;
}

.aj-punchline:hover {
  border: #d3d3d3 solid 2px;
  box-shadow: 0 .8rem 5rem rgba(0, 0, 0, .15) !important;
}

.shadow {
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
}

.about-content {
  font-size: 1.4rem;
  color: #5c5c5c;
  line-height: 30px;
  padding: 0 70px 0 0;
}

.about-content h2 {
  font-size: 3rem;
  color: #000;
  margin-bottom: 35px;
}

.about-content p {
  margin-bottom: 1.5rem;
}

.about-content .section-button {
  margin-top: 25px;
  display: inline-block;
}

.punchline-text {
  font-family: 'helvetica_now_displaybold';
  font-size: 1.9rem;
  line-height: 35px;
  padding: 100px 25px 160px 25px;
  position: relative;
  width: 55%;
}

.punchline-text:before {
  content: '';
  background-image: url(assets/img/top-left-quotes.png);
  width: 70px;
  height: 56px;
  position: absolute;
  left: 25px;
  top: auto;
  margin-top: -70px;
}

.punchline-text:after {
  content: '';
  background-image: url(assets/img/top-right-quotes.png);
  width: 70px;
  height: 56px;
  position: absolute;
  right: 100px;
  bottom: auto;
}

.name-aj {
  font-family: 'helvetica_now_displaylight';
  font-size: 25px;
  position: absolute;
  bottom: 5%;
}

.about-content .common-btn {
  margin-top: 15px;
  display: inline-block;
}

.about-content .common-btn::after {
  top: 25%;
}

.ajphoto .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
  overflow: hidden;
}

.aj-punchline:hover .zoom-effect {
  transform: scale(1.1);
}

@media (min-width: 992px) and (max-width:1024px) {

  .punchline-text {
    font-size: 1.5rem;
    line-height: 29px;
  }

  .about-content h2 {
    font-size: 2.5rem;
  }

  .about-content .section-button {
    margin-top: 13px;
    font-size: 1.3rem;
  }

}


@media (max-width: 768px) {

  .about-content {
    padding: 0 15px 0 15px;
    margin-bottom: 50px;
  }

  .punchline-text {
    padding: 100px 30px;
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    margin-top: -200px;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
    background-color: rgba(0, 0, 0, 1);
  }

  .punchline-text p {
    width: 100%;
    color: #fff;
  }

  .punchline-text p br {
    display: none;
  }

  .aj-punchline.shadow {
    box-shadow: none !important;
    background: none;
  }

}

@media (max-width: 575px) {
  .about-content h2 {
    font-size: 2.5rem;
  }

  .about-content .section-button {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .punchline-text:after {
    right: 30px;
  }

}

/*--------------------------------------------------------------
# Business Growth Section
--------------------------------------------------------------*/

.aj-photo {
  border-radius: 10px;
}

.aj-business-growth-content {
  font-family: 'helvetica_now_displaybold';
  font-size: 2.2rem;
  padding: 35px;
  line-height: 45px;
}

.yellowbg {
  background-color: #ffc600;
}

.powerfulline {
  background-color: #dfdfdf;
  border-radius: 100px;
  padding: 25px 45px;
  color: #777777;
  font-size: 2rem;
  text-align: center;
  margin-top: 80px;
  font-family: 'helvetica_now_displaymedium';
}

.powerfulline span {
  color: #000;
  font-family: 'helvetica_now_displaybold';
}

.stayupdated {
  font-family: 'helvetica_now_displaymedium';
  font-size: 2rem;
  margin-bottom: 20px;
}

.business-growth-bottom .section-button {
  display: inline-block;
}

.business-growth-bottom:hover .powerfulline {
  background-color: #fff;
  box-shadow: 0 .8rem 5rem rgba(0, 0, 0, .15) !important;
}

.business-growth-bottom:hover .common-btn {
  background: #ffc600;
  transition: all 0.5s;
  padding: 12px 3.5rem 12px 3.5rem;
}

.aj-business-growth-content h2 {
  color: #333;
  font-size: 2rem;
  font-weight: 100;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 450px;
  margin: 0;
}

.aj-business-growth-content h2 span {
  font-size: 40px;
  margin-left: 40px;
}

.message {
  background-color: #ffc600;
  color: #fff;
  display: block;
  font-weight: 900;
  overflow: hidden;
  position: absolute;
  padding-left: 0.5rem;
  top: 0.2rem;
  left: 0;
  animation: openclose 10s ease-in-out infinite;
}

.word1,
.word2,
.word3 {
  font-family: 'helvetica_now_displaybold';
}

@keyframes openclose {
  0% {
    top: 0.2rem;
    width: 0;
  }

  5% {
    width: 0;
  }

  15% {
    width: 350px;
  }

  30% {
    top: 0.2rem;
    width: 350px;
  }

  33% {
    top: 0.2rem;
    width: 0;
  }

  35% {
    top: 0.2rem;
    width: 0;
  }

  38% {
    top: -4.5rem;

  }

  48% {
    top: -4.5rem;
    width: 350px;
  }

  62% {
    top: -4.5rem;
    width: 350px;
  }

  66% {
    top: -4.5rem;
    width: 0;
    text-indent: 0;
  }

  71% {
    top: -4.5rem;
    width: 0;
    text-indent: 5px;
  }

  86% {
    top: -4.5rem;
    width: 350px;
  }

  95% {
    top: -4.5rem;
    width: 350px;
  }

  98% {
    top: -4.5rem;
    width: 0;
    text-indent: 5px;
  }

  100% {
    top: 0;
    width: 0;
    text-indent: 0;
  }
}

#flip {
  height: 50px;
  overflow: hidden;
  margin-top: 10px;
}

#flip>div>div {
  color: #fff;
  padding: 4px 12px;
  height: 62px;
  margin-bottom: 30px;
  display: inline-block;
  margin-top: 15px;
}

#flip div:first-child {
  animation: show 5s linear infinite;
}

#flip div div {
  background: #42c58a;
}

#flip div:first-child div {
  background: #ffc600;
}

#flip div:last-child div {
  background: #DC143C;
}

@keyframes show {
  0% {
    margin-top: -270px;
  }

  5% {
    margin-top: -180px;
  }

  33% {
    margin-top: -180px;
  }

  38% {
    margin-top: -90px;
  }

  66% {
    margin-top: -90px;
  }

  71% {
    margin-top: 0px;
  }

  99.99% {
    margin-top: 0px;
  }

  100% {
    margin-top: -270px;
  }
}


@media (max-width: 768px) {

  .powerfulline {
    border-radius: 40px;
    padding: 25px 25px;
    font-size: 1.1rem;
    margin-top: 25px;
    line-height: 28px;
  }

  .business-growth {
    margin-bottom: 30px;
  }

  .business-growth-bottom .common-btn {
    font-size: 1.2rem;
  }

  .aj-business-growth-content {
    padding: 35px 20px;
  }

}

/*--------------------------------------------------------------
# Consultant Section
--------------------------------------------------------------*/

.consultant-section {
  background-image: url(assets/img/consultant-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100px 0px 0px;
  width: 100%;
  color: #fff;
  overflow: inherit !important;
  background-attachment: fixed;
}

.consultant-header h3 {
  font-family: 'helvetica_now_displaybold';
  font-size: 2.5rem;
}

.consultant-header p {
  font-family: 'helvetica_now_displaylight';
  font-size: 1.8rem;
}

.consultant-header p span {
  color: #ffc600;
  padding: 0px 10px;
}

.consultant-para {
  font-family: 'helvetica_now_displaylight';
  font-size: 1.5rem;
  padding: 80px 50px 80px 50px;
}

.consultant-details {}

.consultant-photo {
  position: relative;
  bottom: -60px;
  z-index: 1;
}

.photo-brief {
  position: absolute;
  bottom: 0px;
  left: 25px;
  right: 25px;
}

.photo-brief .con-brief {
  font-family: 'helvetica_now_displayblack';
  color: #fff;
  text-transform: uppercase;
  font-size: 2.2rem;
  text-align: left;
  line-height: 40px;
}

.photo-brief .con-brief span {
  color: #ffce00;
}

.consultant-para h2 {
  font-family: 'helvetica_now_displaybold';
  margin-bottom: 60px;
  font-size: 3rem;
  margin-top: 50px;
}

.consultant-para .section-button {
  background: none;
  color: #fff;
}

.consultant-name {
  color: #b1b1b1;
  font-size: 1.5rem;
  font-family: 'helvetica_now_displaylight';
}

.consultant-photo .zoom-effect,
.consultant-details .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.consultant-photo .zoom-effect:hover,
.consultant-details:hover .zoom-effect {
  transform: scale(1.1);
}


.rw-words {
  text-indent: 0px;
  height: 80px;
}

.rw-words-1 span {
  position: absolute;
  left: 0;
  text-align: left;
  opacity: 0;
  overflow: hidden;
  color: #f50f4b;
  -webkit-animation: rotateWord 18s linear infinite 0s;
  -ms-animation: rotateWord 18s linear infinite 0s;
  animation: rotateWord 18s linear infinite 0s;
}

.rw-words-1 span:nth-child(2) {
  -webkit-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
  color: #f50f4b;
}

.rw-words-1 span:nth-child(3) {
  -webkit-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
  color: #6b969d;
}

.rw-words-1 span:nth-child(4) {
  -webkit-animation-delay: 9s;
  -ms-animation-delay: 9s;
  animation-delay: 9s;
  color: #f50f4b;
}

.rw-words-1 span:nth-child(5) {
  -webkit-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
  color: #6b969d;
}

.rw-words-1 span:nth-child(6) {
  -webkit-animation-delay: 15s;
  -ms-animation-delay: 15s;
  animation-delay: 15s;
  color: #f50f4b;
}

@-webkit-keyframes rotateWord {
  0% {
    opacity: 0;
  }

  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }

  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }

  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes rotateWord {
  0% {
    opacity: 0;
  }

  2% {
    opacity: 0;
    -ms-transform: translateY(-30px);
  }

  5% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  17% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }

  20% {
    opacity: 0;
    -ms-transform: translateY(30px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes rotateWord {
  0% {
    opacity: 0;
  }

  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@media screen and (max-width: 768px) {
  .rw-sentence {
    font-size: 18px;
  }
}

@media screen and (max-width: 320px) {
  .rw-sentence {
    font-size: 9px;
  }
}

@media (max-width: 768px) {
  .consultant-para {
    padding: 80px 20px 80px 20px;
    line-height: 30px;
  }

  .consultant-para h2 {
    margin: 30px 0px;
    font-size: 2rem;
  }

  .consultant-para p {
    margin-bottom: 30px;
  }

  .consultant-para .common-btn {
    font-size: 1rem;
    white-space: nowrap;
  }
}

/*--------------------------------------------------------------
# Myconsulting Section
--------------------------------------------------------------*/

.my-consulting {
  margin-top: 100px;
}

.my-consulting-details {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: self-start;
}

.myconsulting-photo {
  position: relative;
  left: -33px;
  top: 0px;
}

.myconsulting-content {
  max-width: 550px;
  padding: 90px 50px 50px 50px;
  font-size: 1.3rem;
  color: #5c5c5c;
}

.myconsulting-content h2 {
  font-size: 2.8rem;
  margin-bottom: 15px;
}

.myconsulting-content p {
  margin-bottom: 35px;
}

.myconsulting-content p span {
  font-family: 'helvetica_now_displayXBd';
  color: #444444;
}

.my-consulting-details:hover {
  box-shadow: 0 .8rem 8rem rgba(0, 0, 0, .15) !important;
}

.myconsulting-photo .zoom-effect,
.my-consulting-details .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.myconsulting-photo .zoom-effect:hover,
.my-consulting-details:hover .zoom-effect {
  transform: scale(1.1);
}

@media (min-width: 992px) and (max-width:1024px) {

  .myconsulting-photo {
    left: -75px;
    bottom: 0;
  }

  .myconsulting-content {
    max-width: 500px;
    padding: 35px;
    font-size: 1.3rem;
  }

  .my-consulting-details {
    align-items: end;
    max-height: inherit;
    overflow: auto;
  }

}

@media (max-width: 768px) {
  .my-consulting-details {
    display: block;
    background: none;
    box-shadow: none !important;
    overflow: hidden;
    background-color: #fff;
  }

  .myconsulting-photo {
    width: 100%;
  }

  .myconsulting-content {
    padding: 35px;
    border-radius: 25px;
    background-color: #fff;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
    overflow: inherit;
    max-width: 100%;
    margin-top: -35px;
  }

  .myconsulting-content h2 {
    font-size: 2.5rem;
  }

  .my-consulting {
    margin-top: 50px;
  }

  .my-consulting-details .common-btn {
    font-size: 1rem;
  }

  .my-consulting-details {
    align-items: end;
    max-height: inherit;
    overflow: auto;
  }
}

/*--------------------------------------------------------------
# Experiance Section
--------------------------------------------------------------*/

.experience {
  font-family: 'helvetica_now_displaybold';
}

.exp-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.experience p {
  margin: 0;
  padding: 0;
}

.exp-col {
  color: #000;
  font-size: 6rem;
  line-height: 41px;
  padding: 0px 50px 30px 50px;
  border-right: #d1d1d1 solid 1px;
  width: 500px;
}

.experience .exp-col:last-child {
  border: none;
}

.exp-col .exp-small {
  color: #5c5c5c;
  font-size: 1.7rem;
  line-height: 20px;
}

.exp-digit {
  line-height: 95px;
  position: relative;
}

.exp-digit span {
  color: #000;
}

.exp-digit span.exp-add {
  color: #11b89f;
  position: absolute;
  right: -10px;
}

.exp-greentext {
  font-size: 3rem;
  color: #11b89f;
}

.exp-subtitle {
  font-size: 1.5rem;
}

.exp-row .exp-col:first-child .exp-digit span.exp-add {
  right: 70px;
}

.exp-row .exp-col:last-child .exp-digit span.exp-add {
  right: 50px;
}

.exp-col:hover {
  background-color: #fff;
  box-shadow: 0 .8rem 5rem rgba(0, 0, 0, .15) !important;
}

@media (max-width: 768px) {
  .exp-row {}

  .exp-subtitle {
    font-size: 1rem;
  }

  .exp-row .exp-col {
    border: none;
    font-size: 3rem;
    padding: 0px 20px;
    display: inline-block;
    width: 173px;
  }

  .exp-digit {
    line-height: 45px;
  }

  .exp-greentext {
    font-size: 2.5rem;
  }

  .exp-col .exp-small {
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {

  .exp-row {
    display: block;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
    border-radius: 20px;
    background-color: #fff;
    padding: 30px 0px 5px;
  }

  .experience .exp-col:last-child {
    border: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 30px 0px;
    justify-content: center;
    align-items: center;
  }

  .exp-digit span.exp-add {
    color: #11b89f;
    position: absolute;
    right: 10px;
  }

  .exp-row .exp-col:first-child .exp-digit span.exp-add {
    right: 48px;
  }

  .exp-row .exp-col:last-child .exp-digit span.exp-add {
    right: -32px;
  }


}

/*--------------------------------------------------------------
# Brands
--------------------------------------------------------------*/

.brands {
  text-align: center;
}

.brands-row {
  background-color: #fff;
  padding: 70px 25px 50px 25px;
  border-radius: 20px;
}

.brands-logo {
  position: relative;
}

.brands-logo img {
  display: inline-block;
  padding: 20px 0px;
}

.brands .section-title h2 {
  font-size: 2.3rem;
}

.brands-row:hover .section-title.center-arrow h2:before {
  width: 100%;
}

.brands-logo img:hover {
  box-shadow: 0 .8rem 5rem rgba(0, 0, 0, .15) !important;
  background-color: #fff;
}

@media (max-width: 768px) {
  .brands .section-title h2 {
    line-height: 35px;
  }

  .brands-row {
    padding: 50px 10px;
  }

  .brands-row .section-title.center-arrow h2:before {
    bottom: -20px;
  }
}

/*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/

.aboutaj {
  background-image: url(assets/img/about-aj-texture.png);
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
}

.testimonial-caraousel {
  margin-top: 50px;
}

.aboutaj .section-title h2 {
  font-size: 2.3rem;
}

.aboutaj:hover .section-title.center-arrow h2:before {
  width: 100%;
}

.col-testimonial {
  text-align: left;
  position: relative;
  padding: 0px 25px;
  border: transparent solid 2px;
}

.col-testimonial:before {
  content: '';
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  top: 130px;
  height: 90%;
  position: absolute;
  width: 100%;
  left: 0;
  z-index: -1;
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
}

.testimonial-photo {
  overflow: auto;
}

.client-brief {
  margin-top: 22px;
}

.client-name {
  min-height: 70px;
}

.client-name h3 {
  font-family: 'helvetica_now_displayXBd';
  font-size: 1.3rem;
  margin: 0;
}

.client-name p {
  margin: 0;
  padding: 0;
  font-family: 'helvetica_now_displaylight';
}

.client-bio {
  font-family: 'helvetica_now_displaybold';
  min-height: 105px;
  margin: 0;
  font-size: 1.1rem;
  line-height: 24px;
}

.client-logo {
  text-align: center;
  min-height: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.client-content {
  margin: 0;
  padding: 0;
  min-height: 425px;
  color: #161515;
  font-family: 'helvetica_now_displaylight';
}

.aboutaj .section-button {
  margin-top: 75px;
  display: inline-block;
}

.testimonial-caraousel .swiper-wrapper {
  margin-bottom: 65px;
}

.aboutaj .swiper-button-next2,
.aboutaj .swiper-button-prev2 {
  background-color: #f3bd00;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  width: 50px;
  height: 50px;
}

.aboutaj .swiper-button-next2 {
  right: -20px;
}

.aboutaj .swiper-button-prev2 {
  left: -20px;
}

.aboutaj .swiper-button-prev,
.aboutaj .swiper-button-next {
  background-image: none !important;
}

.aboutaj .ri-arrow-right-line,
.aboutaj .ri-arrow-left-line {
  font-size: 25px;
}

.swiper-slide:hover .col-testimonial:before {
  box-shadow: 0 .8rem 8rem rgba(0, 0, 0, .15) !important;
  border: #fff solid 2px;
  cursor: pointer;
}

.col-testimonial .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.col-testimonial:hover .zoom-effect {
  transform: scale(0.9);
}

.testimonial-details .client-content {
  min-height: 275px;
}

.testimonial-details .col-testimonial.mb-5 {
  margin-bottom: 5rem !important;
}

/* 01.08.2024 */
.prev_next_prnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.prev_next_prnt .left a,
.prev_next_prnt .right a {
  font-size: 21px;
}

@media (max-width: 768px) {
  .aboutaj .section-title h2 {
    line-height: 45px;
  }

  .aboutaj {
    margin-top: 50px;
  }

  .aboutaj .swiper-button-next2 {
    right: 10px;
  }

  .aboutaj .swiper-button-prev2 {
    left: 10px;
  }

  .aboutaj .section-button {
    margin-top: 25px;
  }
}

/*--------------------------------------------------------------
# Watch Listen Read Learn
--------------------------------------------------------------*/

.watch {
  background-image: url(assets/img/watch-vector.png);
  background-repeat: no-repeat;
  background-position: top center;
  text-align: center;
}

.social-thumb {}

.social-thumb img {
  border: transparent solid 2px;
  overflow: hidden;
  border-radius: 10px;
}

.social-thumb img:hover {
  box-shadow: 0 .8rem 5rem rgba(0, 0, 0, .15) !important;
  border: #fff solid 2px;
}

.social-thumb a {
  position: relative;
  display: inline-block;
}

.social-thumb a h3 {
  position: absolute;
  left: 35px;
  bottom: 25px;
  color: #fff;
  font-family: 'helvetica_now_displayXBd';
  margin: 0;
  font-size: 2.5rem;
}

.social-icon {
  margin-top: 50px;
}

.social-icon a {
  color: #5e5e5e;
}

.social-icon .col-social-icon {
  text-align: center;
  display: block;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  min-height: 90px;
  border: transparent solid 2px;
  margin-top: 50px;
}

.social-icon .col-social-icon p {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 1.5rem;
}

.social-icon .col-social-icon:hover,
.social-icon .col-social-icon:focus {
  box-shadow: 0 .5rem 8rem rgba(0, 0, 0, .15) !important;
  border: #ccc solid 2px;
}

.social-thumb .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.social-thumb .zoom-effect:hover {
  transform: scale(1.1);
}

@media(max-width:768px) {

  .social-thumb a,
  .social-icon .col-social-icon {
    margin-bottom: 35px;
    min-height: 185px;
  }

  .social-thumb a h3 {
    left: 20px;
    bottom: 15px;
    margin: 0;
    font-size: 2rem;
  }
}


/*--------------------------------------------------------------
# Blog Feed
--------------------------------------------------------------*/

.blog-feed-col a {
  color: #000;
}

.blog-feed-col a p {
  margin: 0;
  padding: 0;
}

.blog-feed-col a .post-date {
  margin: 15px 0px;
  color: #727272;
}

.blog-feed-col a .post-date span {
  margin-left: 15px;
}

.blog-feed-col a .readmore {
  color: #118ebc;
  text-decoration: underline;
  margin-top: 10px;
}

.blog-feed-col a .blog-title {
  font-family: 'helvetica_now_displaybold';
  color: #000;
  font-size: 1.3rem;
  line-height: 26px;
  min-height: 100px;
}

.blog-feed-col {
  border: transparent solid 2px;
}

.blog-thumbnail img {
  border-radius: 5px;
}

.blog-feed-col .blog-thumbnail {
  text-align: center;
  margin: 0 auto;
  padding: 8px 8px 0px 8px;
}

.blog-feed-col {
  background-color: #fff;
  border-radius: 5px;
}

.blog-feed-col:hover {
  background-color: #fff;
  box-shadow: 0 .8rem 5rem rgba(0, 0, 0, .15) !important;
  border: #fff solid 2px;
  border-radius: 5px;
  overflow: hidden;
}

.blog-content {
  padding: 15px;
}

.blog-feed-col .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.blog-feed-col .zoom-effect:hover {
  transform: scale(1.1);
}

.blog-feed .swiper-container {
  padding: 0px 0 70px 0;
}

.blog-feed .container {
  position: relative;
}

.blog-feed .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 22px;
}

.blog-feed .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

.blog-feed .swiper-pagination-bullet-active {
  background: #ffd130;
}

@media(max-width:768px) {
  .blog-feed-col {
    background: #fff;
    margin-bottom: 50px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
    min-height: 475px;
  }

  .blog-feed-col a .blog-title {
    min-height: auto;
  }

  .business-start-content {
    padding: 30px 30px;
  }

  .blog-feed .swiper-container {
    padding: 25px;
  }
}


/*--------------------------------------------------------------
# Start Business
--------------------------------------------------------------*/

.start-business {
  background-color: #000;
  overflow: initial;
  margin-top: 80px;
  color: #fff;
  content-visibility: visible !important;
}

.business-photo {
  margin-top: -180px;
}

.start-business h2 {
  font-family: 'helvetica_now_displaybold';
  font-size: 2.4rem;
  margin: 0;
  padding: 0;
}

.start-business p {
  font-family: 'helvetica_now_displaylight';
  color: #a8a8a7;
  font-size: 1.8rem;
  margin: 20px 0px;
  display: inline-block;
  width: 100%;
}

.business-start-content .section-button {
  margin-top: 15px;
  display: inline-block;
  background: none;
  color: #fff;
}

@media(max-width:768px) {
  .start-business {
    margin-top: 155px;
  }
}


/*--------------------------------------------------------------
# Consulting Session Section
--------------------------------------------------------------*/

.consulting-session {}

.consulting-session-content p {
  color: #5f5f5f;
  font-family: 'helvetica_now_displaylight';
  font-size: 2rem;
}

.consulting-session-content p strong {
  font-family: 'helvetica_now_displayblack';
  color: #000;
  font-size: 2.1rem;
}

.ajconulting-content {
  padding: 0px 40px;
}

.ajconulting-content h1 {
  font-family: 'helvetica_now_displayblack';
  font-size: 3.5rem;
  line-height: 60px;
}

.ajconulting-content h1 span {
  color: #ffc600;
}

.ajconulting-content .common-btn {
  margin-top: 20px;
  display: inline-block;
}

.ajconsulting-section .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.ajconsulting-section .zoom-effect:hover {
  transform: scale(1.1);
}

.consulting-session-content .common-btn:after {
  top: 22%;
}

.ajconulting-content .common-btn:after {
  top: 25%;
}

.ajconsulting-section {
  position: relative;
}

.ajconsulting-section:before {
  content: '';
  background-image: url(assets/img/ajconsulting-section-bg.png);
  background-repeat: no-repeat;
  position: absolute;
  top: -375px;
  right: -160px;
  width: 1039px;
  height: 490px;
}



@media(max-width:991px) {
  .consulting-session-content {
    margin-top: 40px;
  }

  .ajconulting-content {
    margin: 50px 0px;
  }

  .ajconulting-content h1 {
    font-size: 2rem;
    line-height: 35px;
  }

  .ajconulting-content h1 br {
    display: none;
  }

  .ajconulting-content {
    padding: 0px 20px;
  }
}


/*--------------------------------------------------------------
# Entrepreneurs Section
--------------------------------------------------------------*/

.entrepreneurs-section {
  background-image: url(assets/img/entrepreneurs-section.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 80px 0px;
  width: 100%;
  color: #fff;
  overflow: inherit !important;
  background-attachment: fixed;
}

.entrepreneurs-details {
  padding: 0px 50px;
  font-size: 1.5rem;
}

.entrepreneurs-details h2 {
  font-family: 'helvetica_now_displaymedium';
  margin-bottom: 25px;
  font-size: 3rem;
}

.entrepreneurs-details p {
  margin-bottom: 20px;
  line-height: 33px;
}

.consulting-programme .yellow-line:after {
  bottom: -17px !important;
}

@media(max-width:768px) {
  .entrepreneurs-details {
    padding: 50px 20px 80px 20px;
  }

  .entrepreneurs-details h2 {
    font-size: 2.2rem;
  }

  .entrepreneurs-details h2 br {
    display: none;
  }
}

@media (min-width: 991px) and (max-width:1024px) {
  .entrepreneurs-details {
    padding: 50px 50px 80px 50px;
  }

  .entrepreneurs-details h2 {
    font-size: 2.5rem;
  }
}

/*--------------------------------------------------------------
# Marketing Principles
--------------------------------------------------------------*/

.marketing-principles {
  color: #041721;
  font-size: 1.3rem;
}

.marketing-content {
  padding: 0px 50px;
}

.marketing-content h3 {
  font-family: 'helvetica_now_displayblack';
  font-size: 3rem;
  line-height: 50px;
  margin-bottom: 35px;
}

.marketing-content .common-btn {
  margin-top: 25px;
  display: inline-block;
}

.marketing-photo .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
}

.marketing-photo .zoom-effect:hover {
  transform: scale(1.1);
}

.marketing-content .common-btn:after {
  top: 23%;
}

@media(max-width:991px) {
  .marketing-photo {
    margin: 50px 0px;
  }

  .marketing-content {
    padding: 0px 20px;
  }

  .marketing-content h3 {
    font-size: 2rem;
    line-height: 38px;
  }
}

@media (min-width: 992px) and (max-width:1024px) {
  .marketing-content h3 {
    font-size: 2rem;
    line-height: 35px;
  }
}


/*--------------------------------------------------------------
# who is consulting
--------------------------------------------------------------*/

.who-is-consulting {
  background-color: #eeeeee;
  position: relative;
}

.who-is-consulting:after {
  content: '';
  background-image: url(assets/img/consulting-texture.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 792px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  z-index: 0;

}

.who-is-consulting .accordion-design {
  position: relative;
  z-index: 1;
}

.who-is-consulting h3 {
  text-align: center;
  margin-bottom: 50px;
  font-family: 'helvetica_now_displayblack';
  font-size: 3.5rem;
}

.who-is-consulting .btn-center {
  margin: 70px auto 0 auto;
  display: block;
  text-align: center;
  position: relative;
  z-index: 1;
}

.accordion-design .accordion-item {
  margin-bottom: 15px;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
}

.accordion-design .accordion-item.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.05) !important;
  border: none !important;
}

.accordion-design .accordion-item .accordion-header .accordion-button {
  font-family: 'helvetica_now_displaylight';
  color: #262525;
  font-size: 1.4rem;
  cursor: default;
  padding: 20px 20px 20px 80px;
}

.accordion-design .accordion-item .accordion-header .accordion-button strong {
  font-family: 'helvetica_now_displaybold';
  margin-right: 5px;
}

.accordion-design .accordion-button:not(.collapsed) {
  background-color: #fff;
}

.accordion-design .accordion-button {
  position: relative;
  display: block;
}

.accordion-design .accordion-button:before {
  content: '';
  background-image: url(assets/img/check-yellow-icon.png);
  background-repeat: no-repeat;
  width: 54px;
  height: 46px;
  position: absolute;
  left: 20px;
  top: 10px;
}

.accordion-design .accordion-body {
  font-size: 1.2rem;
  font-family: 'helvetica_now_displaylight';
  padding: 30px 85px 40px 85px;
}

/** .accordion-design .accordion-button:hover:before {
	content:'';
	background-image:url(../img/check-greenicon.png);
	background-repeat:no-repeat;
	width:45px;
	height:38px;
	position:absolute;
	left:20px;
}**/


.faq a.accordion-button::after {
  content: '';
  position: absolute;
  right: 24px;
}

.accordion-design .accordion-button:not(.collapsed):before {
  content: '';
  background-image: url(assets/img/check-greenicon.png);
  background-repeat: no-repeat;
  width: 45px;
  height: 38px;
  position: absolute;
  left: 20px;
}

@media(max-width:991px) {
  .who-is-consulting h3 {
    font-size: 1.5rem;
  }

  .who-is-consulting h3 br {
    display: none;
  }

  .who-is-consulting {
    padding: 50px 0px;
  }

  .accordion-design .accordion-body {
    padding: 30px 20px 40px 20px;
  }
}

/*--------------------------------------------------------------
# AJ lecturer
--------------------------------------------------------------*/

.aj-lecturerbg {
  position: relative;
}

.aj-lecturer-content {
  position: absolute;
  right: 50px;
  bottom: 25px;
  width: 430px;
  color: #fff;
  font-size: 1.6rem;
  font-style: italic;
  font-family: 'helvetica_now_displaylight';
}

.aj-lecturer-content p strong {
  font-family: 'helvetica_now_displaybold';
  font-size: 2rem;
}

.aj-lecturer-content .bxs-quote-left {
  color: #6a76a3;
  font-size: 60px;
}

.aj-lecturerbg:hover .aj-lecturer-content .bxs-quote-left {
  color: #ffc600;
}

.aj-lecturerbg .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
  overflow: hidden;
}

.aj-lecturerbg .zoom-effect:hover {
  transform: scale(1.1);
}

@media(max-width:767px) {
  .aj-lecturer-content {
    position: absolute;
    left: auto;
    bottom: 15px;
    width: 100%;
    font-size: 1.2rem;
    line-height: 24px;
    padding: 0px 20px;
    right: auto;
  }

  .aj-lecturer-content p strong {
    font-size: 1.5rem;
  }
}

@media(max-width:1023px) and (min-width:768px) {

  .aj-lecturer-content {
    position: absolute;
    left: auto;
    bottom: 30px;
    width: 100%;
    padding: 0px 30px;
    right: auto;
  }

}

@media(max-width:1100px) and (min-width:1024px) {

  .aj-lecturer-content {
    font-size: 1.1rem;
  }

}


/*--------------------------------------------------------------
# Entrepreneur
--------------------------------------------------------------*/

.yellow-line {
  position: relative;
}

.yellow-line:after {
  content: '';
  background-color: #ffc600;
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.entrepreneur {}

.entrepreneur .entrepreneur-heading {
  text-align: center;
  margin-bottom: 50px;
}

.entrepreneur .entrepreneur-heading h3 {
  margin: 0;
}

.entrepreneur .entrepreneur-heading p {
  font-size: 1.2rem;
  margin-top: 15px;
}

.entrepreneur .entrepreneur-heading p strong {
  font-family: 'helvetica_now_displayblack';
}

.entrepreneur-bottom {
  text-align: center;
  font-size: 1.5rem;
  padding: 50px 0px 0px;
  position: relative;
  z-index: 9;
}

.entrepreneur-button {
  display: inline-block;
  background-color: #ffc600;
  border-radius: 50px;
  padding: 15px 50px;
  font-weight: 800;
  margin-top: 50px;
  font-family: 'helvetica_now_displaybold';
}

/*--------------------------------------------------------------
# Aj Ideas
--------------------------------------------------------------*/

.aj-ideas {
  background-color: #eee;
}

.aj-ideas .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
  overflow: hidden;
}

.aj-ideas .zoom-effect:hover {
  transform: scale(1.1);
}

.aj-ideas-details {
  background-color: #fff;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  max-height: 612px;
}

.aj-ideas-photo {
  position: relative;
  left: -5px;
  top: -70px;
  overflow: hidden;
}

.aj-ideas-content {
  max-width: 600px;
  padding: 90px 50px 50px 50px;
  font-size: 2.5rem;
  line-height: 55px;
  color: #545454;
  font-family: 'helvetica_now_displaylight';
}

.aj-ideas-content p strong {
  font-family: 'helvetica_now_displayblack';
}

.aj-ideas-content p {
  position: relative;
}

.aj-ideas-content p:before {
  content: "\ee83";
  font-family: boxicons !important;
  font-weight: 600;
  position: absolute;
  left: -80px;
  top: -17px;
  color: #fee1e1;
  font-size: 10rem;
  z-index: -1;
}

.aj-ideas-btn {
  text-align: center;
  margin-top: 50px;
}

@media(max-width:767px) {
  .aj-ideas-details {
    max-height: inherit;
    display: block;
  }

  .aj-ideas-photo {
    position: inherit;
    left: 0;
    top: 0;
  }

  .aj-ideas-content {
    max-width: 100%;
    padding: 90px 50px 50px 50px;
    font-size: 2rem;
    line-height: 40px;
  }

  .aj-ideas-content p:before {
    left: -34px;
    top: -17px;
  }

  .entrepreneur-bottom p br {
    display: none;
  }
}

/*--------------------------------------------------------------
# Consulting Session
--------------------------------------------------------------*/

.consulting-session {
  background-color: #28a6a2;
  text-align: center;
}

.consulting-session-content .font-regular {
  color: #fff;
  font-family: 'helvetica_now_displaylight';
  font-size: 2.3rem;
  line-height: 46px;
  margin-bottom: 25px;
}

.consulting-session-content .font-regular strong {
  font-family: 'helvetica_now_displaybold';
  color: #fff;
}

.consulting-session-content .font-strong {
  font-family: 'helvetica_now_displaybold';
  color: #fadd7a;
  text-decoration: underline;
  font-size: 2.3rem;
  line-height: 46px;
}


/*--------------------------------------------------------------
# Marketing Consulting
--------------------------------------------------------------*/

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

.marketing-consulting-box {
  background-color: #fff;
  border-radius: 10px;
  padding: 25px;
  color: #868686;
  text-align: left;
  font-size: 1.1rem;
  position: relative;
  margin-bottom: 50px;
  min-height: 510px;
}

.marketing-consulting-box:hover {
  box-shadow: none !important;
}

.marketing-consulting-box:hover h4:after {
  background-color: #28a6a2;
}

.marketing-consulting-box h4 {
  color: #000000;
  font-family: 'helvetica_now_displayXBd';
  margin-bottom: 45px;
  position: relative;
  text-transform: uppercase;
  min-height: 55px;
}

.marketing-header {
  margin-bottom: 50px;
}

.marketing-header p {
  font-size: 1.5rem;
}

.marketing-header h3 {
  font-family: 'helvetica_now_displayblack';
  font-size: 3rem;
  margin-bottom: 25px;
}

.marketing-consulting-box h4:after {
  content: '';
  background-color: #ffc600;
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.marketing-footer {
  font-size: 1.5rem;
  text-align: center;
}

.marketing-consulting .btn-center {
  margin-top: 50px;
}

@media(max-width:767px) {
  .marketing-header h3 {
    font-size: 2rem;
  }

  .marketing-header h3 br {
    display: none;
  }

  .marketing-consulting-box {
    min-height: auto;
  }
}

/*--------------------------------------------------------------
# Business Operations
--------------------------------------------------------------*/

.business-operations {}

.business-operations .zoom-effect {
  transition: 0.5s all ease-in-out;
  position: relative;
  overflow: hidden;
}

.business-operations .zoom-effect:hover {
  transform: scale(1.2);
}

.consult-pic-wrap {
  text-align: right;
}

.business-operations h4 {
  font-family: 'helvetica_now_displaybold';
  font-size: 2.25rem;
}

.business-operations h4.yellow-underline {
  position: relative;
  margin-bottom: 40px;
}

.business-operations h4.yellow-underline:after {
  content: '';
  background-color: #ffc600;
  height: 3px;
  width: 100%;
  left: 0;
  right: 0;
  position: absolute;
  bottom: -13px;
}

.bu-puchline {
  color: #5b5b5b;
  font-family: 'helvetica_now_displaylight';
  font-size: 2rem;
  line-height: 36px;
}

.business-operations .business-operations-content h5 {
  font-family: 'helvetica_now_displaybold';
  font-size: 2rem;
}

.business-operations .common-btn {
  margin: 0px;
  display: inline-block;
}


@media(max-width:767px) {
  .business-operations h4.yellow-underline {
    margin: 40px 15px 25px 15px;
  }

  .business-operations h4 {
    font-size: 1.8rem;
  }

  .business-operations h4 br {
    display: none;
  }

  .bu-puchline {
    font-size: 1.5rem;
    padding: 0px 15px;
  }

  .business-operations .business-operations-content h5 {
    font-size: 1.6rem;
    padding: 0px 15px;
  }
}


/*--------------------------------------------------------------
# Faq's
--------------------------------------------------------------*/

.faqs-section {
  background: #dcdcdc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dcdcdc 0%, #f5f5f5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #dcdcdc 0%, #f5f5f5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #dcdcdc 0%, #f5f5f5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#f5f5f5', GradientType=0);
  /* IE6-9 */
}

.faq-heading {
  text-align: center;
  width: 100%;
}

.faq-heading h3 {
  font-family: 'helvetica_now_displayblack';
  font-size: 3.5rem;
  margin-bottom: 25px;
}

.faq-accordion .accordion-button,
.faq-accordion .accordion-item {
  background: none;
  border: none;
}

.faq-accordion .accordion-button:not(.collapsed) {
  color: #000;
  border: none;
}

.faq-accordion .accordion-button:after,
.faq-accordion .accordion-button:before {
  display: none;
}

.faq-accordion .accordion-button {
  box-shadow: none !important;
  font-family: 'helvetica_now_displaylight';
  font-size: 1.5rem;
  color: #000;
  cursor: default;
}

.faq-accordion .accordion-button span {
  font-family: 'helvetica_now_displaybold';
  background: #ffc600;
  width: 30px;
  height: 30px;
  margin-right: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  font-size: 1.2rem;
}

.faq-accordion .accordion-body {
  font-size: 1.2rem;
  font-family: 'helvetica_now_displaylight';
  padding: 30px 85px 40px 85px;
}

@media(max-width:767px) {
  .faq-heading h3 {
    font-size: 2rem;
  }

  .faq-heading h3 br {
    display: none;
  }

  .faq-accordion .accordion-button {
    font-size: 1.3rem;
    padding-left: 50px;
  }

  .faq-accordion .accordion-button span {
    position: absolute;
    left: 0;
    top: 18px;
  }
}

/*--------------------------------------------------------------
# As Coach
--------------------------------------------------------------*/

.as-coach {}

.as-coach .marketing-consulting-box h4 em {
  font-family: 'helvetica_now_displaylight';
  color: #666;
  font-size: 1.1rem;
  text-transform: capitalize;
}

.as-coach .marketing-consulting-box {
  min-height: 355px;
}

@media(max-width:767px) {
  .as-coach .marketing-consulting-box {
    min-height: auto;
  }
}

/*--------------------------------------------------------------
# About us
--------------------------------------------------------------*/

.aboutus-page {}

.aboutus-page h1 {
  font-family: 'helvetica_now_displayblack';
}

.aboutus-page .consulting-session-content {
  padding: 0px 25px;
}

.aboutus-page .consulting-session-content p strong {
  font-family: 'helvetica_now_displaybold';
}

.aboutus-page .consulting-session-content p {
  font-size: 1.3rem;
}

.aboutus-page .aj-ideas-content {
  border-radius: 10px;
}

.aboutus-page .aj-ideas-content p.inverted-comma:before {
  content: "\ee83";
  font-family: boxicons !important;
  font-weight: 600;
  position: absolute;
  left: -30px;
  top: -27px;
  color: #f5f5f5;
  font-size: 10rem;
  z-index: -1;
}

.aboutus-page .aj-ideas-content p {
  position: relative;
  color: #000;
}

.aboutus-page .consulting-session-content .common-btn {
  margin-top: 15px;
  display: inline-block;
}

.aboutus-page .aj-ideas-details {
  min-height: 645px;
}

/*--------------------------------------------------------------
# Content Section
--------------------------------------------------------------*/

.content-row {}

.content-box {
  background-color: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.content-box-content {
  padding: 35px;
  font-size: 1.2rem;
  color: #5c5c5c;
}

.content-row .myconsulting-photo {
  position: relative;
  left: 0;
}

/*--------------------------------------------------------------
# Contact us
--------------------------------------------------------------*/

.contactForm {}

.wrap-input100 {
  position: relative;
  width: 100%;
  z-index: 1;
  margin-bottom: 10px;
}

.input100 {
  font-size: 16px;
  /*   line-height: 1.5; */
  /* 	11-01-2024 */
  line-height: 50px;
  color: #666666;
  display: block;
  width: 100%;
  background: #fff;
  height: 50px;
  border-radius: 25px;
  padding: 0 30px 0 68px;
  border: none;
  text-align: left;
}

select.input100 {
  padding: 0 30px 0 10px;
}

.textarea100 {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  display: block;
  width: 100%;
  background: #fff;
  height: 150px;
  border-radius: 25px;
  padding: 15px 30px 0 68px;
  border: none;
  text-align: left;
}


/*----------------------------------
[ Focus ]*/




.focus-input100 {
  display: block;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(87, 184, 70, 0.8);
}

.input100:focus+.focus-input100 {
  -webkit-animation: anim-shadow 0.5s ease-in-out forwards;
  animation: anim-shadow 0.5s ease-in-out forwards;
  border: none !important;
  outline: none !important;
}

input:focus {
  outline: none !important;
  border: none !important;
  outline: 0 none !important;
}

@-webkit-keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

@keyframes anim-shadow {
  to {
    box-shadow: 0px 0px 70px 25px;
    opacity: 0;
  }
}

.symbol-input100 {
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  /*   align-items: center; */
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  pointer-events: none;
  color: #666666;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.symbol-textarea100 {
  font-size: 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 35px;
  pointer-events: none;
  color: #666666;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  top: 3%;
}

.input100:focus+.focus-input100+.symbol-input100 {
  color: #ffd130;
  padding-left: 28px;
}

/*------------------ [ Button ]*/

.container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
}

.login100-form-btn {
  font-size: 21px;
  line-height: 1.5;
  color: #000;
  text-transform: uppercase;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: #ffd130;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  border: none;
  font-weight: bold;
}

.login100-form-btn:hover {
  background-color: #000;
  color: #fff;
}


/*--------------------------------------------------------------
# Good observe
--------------------------------------------------------------*/

.good-observe {
  margin-top: 350px;
  padding: 50px 0;
  position: relative;
  overflow: inherit;
}

.observe-box {
  background-color: #ffd200;
  padding: 127px 50px;
}

.observe-info p {
  margin-bottom: 0;
  font-size: 22px;
  color: #000000;
  padding: 0px 0px;
  line-height: 30px;
}

.observe-img {
  position: absolute;
  width: 575px;
  top: -124%;
  left: 50%;
  transform: translateX(-50%);
}

.observe-info.good-new p {
  margin-top: 27px;
}

.position-new {
  display: none;
}

.position-relative {
  display: block;
}

@media (min-width:1450px) {

  .observe-box {
    background-color: #ffd200;
    padding: 184px 50px;
  }

  .observe-info p {
    margin-bottom: 0;
    font-size: 21px;
    color: #000000;
    padding: 0px 0px;
    line-height: 30px;
  }

  .observe-img {
    position: absolute;
    width: 610px;
    top: -143%;
    left: 50%;
    transform: translateX(-50%);
  }

}

@media (max-width:1024px) {
  .observe-img {
    top: -60%;
  }

  .observe-box {
    padding: 20px;
  }

  .observe-img {
    position: relative;
    top: 20px;
    width: auto;
  }

  .observe-img:before {
    display: none;
  }

}

@media (max-width:768px) {
  .position-new {
    display: none;
  }

  .position-relative {
    display: none;
  }

  .good-observe {
    margin-top: 0;
  }
}

@media (max-width:640px) {

  .position-new {
    display: block;
  }

  .position-relative {
    display: none;
  }

  .observe-box {
    padding: 20px;
  }

  .good-observe {
    margin-top: 50px;
    padding-top: 0px;
  }

  .observe-img {
    position: relative;
    top: 0;
    width: auto;
  }

  .observe-img:before {
    display: none;
  }
}


/*--------------------------------------------------------------
# Hash Slider
--------------------------------------------------------------*/

section.hashtagSlider {
  text-align: center;
  margin: 0 auto;
}

section.hashtagSlider .hashSlider .hashInner a {
  float: left;
  padding: 10px 25px;
  box-shadow: 5px 6px 5px 0px rgb(0 0 0 / 10%);
  text-decoration: none;
  color: #333;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  margin-bottom: 20px;
  font-size: 24px;
}

section.hashtagSlider .hashSlider .hashInner img {}

.lightSlide {
  margin-left: 25px;
}

.lightSlide span {
  float: left;
  padding: 10px 25px;
  box-shadow: 5px 6px 5px 0px rgb(0 0 0 / 10%);
  text-decoration: none;
  color: #333;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  margin-bottom: 20px;
  font-size: 24px;
}

.hashpagination {
  margin-top: 50px;
}

.hashpagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #000;
  margin: 0px 2px;
}

.hashpagination .swiper-pagination-bullet-active {
  background: #ffc600;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 0 0 30px 0;
  color: #000;
  font-size: 14px;
}

#footer .footer-top {
  padding: 60px 0 0px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 28px;
  margin: 0 0 15px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  font-family: "Raleway", sans-serif;
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #ff4a17;
  color: #ccc;
  text-decoration: none;
}

#footer .footer-top h4 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  position: relative;
  padding-bottom: 12px;
  text-transform: uppercase;
  margin: 0 0 20px 0;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #000;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 7px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #7e7e7e;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-size: 1.1rem;
}

#footer .footer-top .footer-links ul a:hover {
  color: #000;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 10px;
  border: #000 solid 1px;
}

#footer .footer-top .footer-newsletter .btn-outline-primary {
  background: #000;
  color: #fff;
  border: none;
  border-radius: 10px;
  left: -68px;
  padding: 10px 25px;
}

#footer .footer-top .footer-newsletter .input-group>.form-control {
  border-radius: 15px !important;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #000000;
  outline: 0;
  box-shadow: none;
  position: relative !important;
  z-index: 0 !important;
}

#footer .footer-top .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #ef4036;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

#footer .footer-top .footer-newsletter form input[type=submit]:hover {
  background: #ff5e31;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  transition: 0.3s;
}

.footer-newsletter p {
  color: #7e7e7e;
  font-size: 1.2rem;
}

@media(max-width:768px) {

  #footer .footer-top {
    padding: 50px 10px 0px 10px;
  }

  #footer .footer-top .footer-links {
    margin-bottom: 0;
    margin-top: 40px;
  }

  .navbar-mobile a {
    padding: 0px 20px;
    font-size: 25px;
  }

  .navbar-mobile .active>a {
    color: #ffc600;
  }
}

/*--------------------------------------------------------------
# Testimonial Internal pages
--------------------------------------------------------------*/

.testimonials-page-wrap {
  padding: 0;
  position: relative;
}

.testimonials-page-wrap .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.client-new {
  position: relative;
  height: 100%;
}

.client-cont-wrap {
  margin-bottom: 65px;
  padding: 20px;
}

.client-cont-wrap p {
  margin-bottom: 0px;
}

.client-reviews {
  border: 1px solid #d4d4d4;
  padding: 25px 15px 25px 45px;
  box-shadow: 0px 3px 10px rgba(100, 100, 100, 0.3);
  position: relative;
  background-color: #fff;
  text-align: left;
}

.client-reviews p {
  position: relative;
}

.client-reviews p:before {
  content: '';
  position: absolute;
  top: 0px;
  left: -20px;
  background: url("assets/img/double-comma-img.png");
  background-repeat: no-repeat;
  width: 15px;
  height: 11px;
}

.client-reviews:after {
  content: '';
  position: absolute;
  bottom: -33px;
  left: 20px;
  background: url("assets/img/arrow-bottom.png");
  background-repeat: no-repeat;
  width: 35px;
  height: 33px;
}

.client-reviews p {
  font-size: 16px;
  color: #515151;
  line-height: 26px;
}

.client-imgdeg-wrap {
  padding-top: 50px;
  display: flex;
  align-items: center;
}

.client-imgs {
  width: 80px;
  border: 3px solid #ffc600;
  border-radius: 50%;
}

.client-namedeg {
  padding-left: 15px;
  text-align: left;
}

.client-namedeg p {
  font-size: 16px;
  color: gray;
}

.client-namedeg p:first-child {
  color: #000;
  font-weight: 600;
}

.clients-one {
  height: 72%;
}

.img-circle {
  border-radius: 50%;
}

@media screen and (max-width:1024px) {
  .ani-What-does h3 {
    font-size: 45px;
    line-height: 55px;
  }

  .clients-one {
    height: auto;
  }

}

@media screen and (max-width:767px) {
  .client-cont-wrap {
    padding: 0px;
  }

  .fiveSlide.clientnew .col-sm-3 {
    height: auto;
  }

  .myconsulting-photo img {
    margin-bottom: 35px;
  }
}


/*--------------------------------------------------------------
# Internal pages for wordpress
--------------------------------------------------------------*/


header.entry-header {
  display: none;
}

.page-id-1733 .testimonial-section {
  display: none;
}

.contactForm br {
  display: none;
}

.wpcf7-submit {
  font-size: 21px;
  line-height: 1.5;
  color: #000;
  text-transform: uppercase;
  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: #ffd130;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  border: none;
  font-weight: bold;
}

.blog .page-header h1.page-title {
  font-size: 0px;
}

.blog-post {
  margin-top: 50px;
}

.blogcontent-row {
  background-color: #fff;
  padding: 25px;
  border-radius: 20px;
  margin-bottom: 50px;
}

.post-content {
  padding-top: 15px;
  min-height: 420px;
  display: inline-block;
  width: 100%;
}

.post-content a {
  color: #000;
}

.post-content a.more-link {
  font-family: 'helvetica_now_displaybold';
  color: #cba214;
  display: block;
  margin-top: 5px;
}

.post-content h2 {
  font-family: 'helvetica_now_displayblack';
  font-size: 1.8rem;
  line-height: 34px;
}

.post-content p {
  color: #5f5f5f;
  font-size: 20px;
  line-height: 32px;
  margin-top: -10px;
}

.post-content ol li,
.post-content ul li {
  font-size: 20px;
  line-height: 32px;
  color: #5f5f5f;
}

.post-content h1.entry-title {
  font-family: 'helvetica_now_displayblack';
  margin: 0 0 25px 0;
}

.post-content h3 {
  color: #000 !important;
  margin-bottom: 15px;
}

.post-content h4 {
  color: #cb9f06 !important;
}

.post-thumbnail img {
  max-width: 100% !important;
  height: auto !important;
}

.recent-post-col h2 a {
  font-family: 'helveticanowdisplay_regularRg';
  color: #141414;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  width: 100%;
}

.comments-area {
  width: 955px;
  margin: 0 auto;
}

.comments-area label {
  display: block;
  width: 100%;
}

.recent-post-col {
  margin-bottom: 20px;
  box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important;
  border-radius: 5px;
  transition: 0.4s all;
}

.row.recent-post-col:hover {
  transform: translate(0, -8px);
}

.recent-post h3 {
  margin-bottom: 25px;
  margin-left: -15px;
}

.recent-post {
  padding: 0px 15px;
}

.comments-area textarea {
  width: 100%;
  border: none;
  padding: 15px;
}

.comments-area input[type=text],
.comments-area input[type=email],
.comments-area input[type=url] {
  width: 100%;
  border: none;
  padding: 15px;
}

.post-navigation {
  display: none;
}

.form-submit input[type=submit] {
  border: none;
  background: #000;
  color: #fff;
  font-weight: 800;
  padding: 10px 15px;
}


@media (max-width: 768px) {

  .comments-area {
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px;
  }

}


h5.wp-block-heading {
  margin-bottom: 20px;
  margin-top: 20px;
}


.col-lg-4.post-thumbnail {
  padding: 0px;
}



/* 09-01-2024 */
.common-btn.view_all_btn {
  /*     display: inline-block; */
  /* margin-top: 40px; */
  /*     padding: 7px 30px; */

}