/* <link rel="preload" href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" as="style" type="text/css" crossorigin="anonymous"> */








/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 24px;
}

body {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #393948;
  font-size: 24px;
}

/* Paragraphs */

p {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: underline; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #0270E0;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: underline; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #0048b8;
}

a:active {
  font-weight: normal; text-decoration: underline; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #2a98ff;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 50px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 38px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 30px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #3EC247;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #393948;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(57, 57, 72, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
;
  color: 

  
  
    
  


  rgba(57, 57, 72, 1.0)

;
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(97, 97, 112, 1.0);
  border-color: #616170;
}





form,
.submitted-message {
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #3EC247;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #3EC247;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: 'Nunito Sans'; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 30px;
  color: #393948;
  background-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
}


/* Labels */

form label {
  color: #393948;
}

/* Help text */

form legend {
  color: #393948;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #393948;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #393948;
}

::-moz-placeholder {
  color: #393948;
}

:-ms-input-placeholder {
  color: #393948;
}

::placeholder {
  color: #393948;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #393948;
}

.fn-date-picker td.is-selected .pika-button {
  background: #393948;
}

.fn-date-picker td .pika-button:hover {
  background-color: #393948 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #393948;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #393948;
;
  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;
;
  font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(57, 57, 72, 1.0)

;
  border-radius: 6px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(97, 97, 112, 1.0);
  border-color: #616170;
}





/* Table */

table {
  border: 1px solid #393948;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #393948;

  padding: 18px;

  color: #393948;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(57, 57, 72, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #393948;
}





.header {
  background-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #393948;
  font-family: Nunito Sans;
}

.menu__child-toggle-icon {
  border-top-color: #393948;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #111120;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #111120;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #616170;
}

.menu__child-toggle-icon:active {
  border-top-color: #616170;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #393948;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #393948;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #393948;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #393948;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #393948;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Nunito Sans;
}

.header__language-switcher-label-current:after {
  border-top-color: #393948;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #393948;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(62, 194, 71, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #393948;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #393948;
}

.blog-post__tag-link {
  color: #393948;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #111120;
}

.blog-post__tag-link:active {
  color: #616170;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #393948;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #111120;
}

.blog-related-posts__title-link:active {
  color: #616170;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048b8;
}

#comments-listing .comment-reply-to:active {
  color: #2a98ff;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #393948;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #111120;
}

.hs-blog-post-listing__post-title-link:active {
  color: #616170;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #393948;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #393948;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #111120;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #616170;
}

.hs-pagination__link-icon svg {
  fill: #393948;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 30px;
}

.card__body svg {
  fill: #393948;
}

/* Social follow */

.social-links__icon {
  background-color: #393948;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #111120;
}

.social-links__icon:active {
  background-color: #616170;
  font-weight: 700; text-decoration: none; font-family: 'Nunito Sans', sans-serif; font-style: normal;
  color: #393948;
  font-size: 30px;
}



@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Bold.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Bold.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Bold.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Bold.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Bold.svg#NunitoSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Black.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Black.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Black.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Black.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Black.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Black.svg#NunitoSans-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BlackItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BlackItalic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BlackItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BlackItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BlackItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BlackItalic.svg#NunitoSans-BlackItalic') format('svg');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BoldItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BoldItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BoldItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BoldItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-BoldItalic.svg#NunitoSans-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBold.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBold.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBold.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBold.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBold.svg#NunitoSans-ExtraBold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Italic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Italic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Italic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Italic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Italic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Italic.svg#NunitoSans-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBoldItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBoldItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBoldItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBoldItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraBoldItalic.svg#NunitoSans-ExtraBoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBold.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBold.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBold.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBold.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBold.svg#NunitoSans-SemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Regular.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Regular.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Regular.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Regular.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Regular.svg#NunitoSans-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLight.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLight.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLight.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLight.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLight.svg#NunitoSans-ExtraLight') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBoldItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBoldItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBoldItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBoldItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-SemiBoldItalic.svg#NunitoSans-SemiBoldItalic') format('svg');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLightItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLightItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLightItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLightItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-ExtraLightItalic.svg#NunitoSans-ExtraLightItalic') format('svg');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-LightItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-LightItalic.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-LightItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-LightItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-LightItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-LightItalic.svg#NunitoSans-LightItalic') format('svg');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Nunito Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Light.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Light.eot?#iefix') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Light.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Light.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Light.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Nunito%20Sans%20Fonts/NunitoSans-Light.svg#NunitoSans-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

/*==============================  Instrument sans font family css =============================*/

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansRegular.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansRegular.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansRegular.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansRegular.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansRegular.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansRegular.svg#InstrumentSansRegular') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMedium.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMedium.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMedium.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMedium.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMedium.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMedium.svg#InstrumentSansMedium') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBold.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBold.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBold.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBold.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBold.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBold.svg#InstrumentSansSemiBold') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBold.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBold.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBold.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBold.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBold.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBold.svg#InstrumentSansBold') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansItalic.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansItalic.svg#InstrumentSansItalic') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBoldItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBoldItalic.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBoldItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBoldItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBoldItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansSemiBoldItalic.svg#InstrumentSansSemiBoldItalic') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMediumItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMediumItalic.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMediumItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMediumItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMediumItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansMediumItalic.svg#InstrumentSansMediumItalic') format('svg');
}

@font-face {
  font-family: 'Instrument Sans';
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBoldItalic.eot');
  src: url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBoldItalic.eot') format('embedded-opentype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBoldItalic.woff2') format('woff2'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBoldItalic.woff') format('woff'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBoldItalic.ttf') format('truetype'),
    url('https://skupreme.com/hubfs/Skupreme/Instrument-Sans-Fonts/InstrumentSansBoldItalic.svg#InstrumentSansBoldItalic') format('svg');
}



:root {
  --primary-color       :#3EC247;
  --basecolor           :#262626;
  --font-color          :#666666;
  --font-color-light    :rgb(102 102 102 / 50%);
  --font-color-light-01 :rgb(64 64 64 / 75%);
  --white               :#FFFFFF;
  --orange              :#f58842;
  --red                 :#FF4218;
  --light-gray-color    :#f6f6f6;
  --box-color           :rgb(57 57 72 / 70%);
  --dark-green-color    :rgb(57, 57, 72);
  --gray-color          :#898891;
  --basegray            :#ACADB6;
  --lighter-grey-color  :#878787;
  --basefont            :'Instrument Sans';
  --background-color    :#EEEEEE;
  --body-color          :#4c4b4f;
  --big-body-font-size  :20px;
  --medium-body-font-size:16px;
  --small-body-font-size:14px;


}
/*==============================  comman css =====================================*/
.container-content { max-width:1240px ; margin:0 auto; padding:0 15px;}


.big__font { font-size:var(--big-body-font-size); line-height:1.4 }
.small__font { font-size:var(--small-body-font-size); line-height:25px}
.medium__font{ font-size:var(--medium-body-font-size); line-height:23px }

.btn.orange_border_btn a { border: 1px solid var(--orange); color:var(--orange); background-color: transparent; }
.btn.orange_border_btn a:hover { background: var(--orange); color:var(--white);
  box-shadow: 4px 6px 44px 0 var(--orange); }
.bg_color{ background-color:var(--light-gray-color);}

.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}


* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; outline: none; }
*:focus { outline: none; }
::-moz-focus-inner { border: 0; }

body { margin: 0; font-family: var(--basefont); font-weight: 400; color: var(--basecolor); font-size: 16px; line-height: 1.5; }
strong { font-weight: 700; }
a { color: var(--basecolor); text-decoration: none; transition: all 0.4s ease; }
a:hover, a:focus { text-decoration: none; color: var(--primary-color); }

p {font-family: var(--basefont); margin: 0 0 15px 0; }
p:last-child { margin: 0; }
img { height: auto; max-width: 100%; }
ul, ol { list-style: none; padding: 0; margin: 0; }

h1,h2,h3,h4,h5,h6 { font-family: var(--basefont); font-weight: 600; line-height: 120%; letter-spacing: -0.16px; color: var(--basecolor); margin: 0 0 15px; } 
h1 { font-size: 60px; }
h2 { font-size: 70px; }
h3 { font-size: 64px; font-weight:500; }
h4 { font-size: 34px; }
h5 { font-size: 24px; }
h6 { font-size: 22px; }


.font-regular{font-weight:400;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}}
.font-bold{font-weight:700;}

.container, .row-fluid .container[class*="span"] { width: 100%; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; float: none; box-sizing: border-box; }
.container:after, .row-fluid .container[class*="span"]:after { clear: both; content: ""; display: table; }



.nav-toggle { background: transparent !important; border: 0 !important; border-radius: 0 !important; cursor: pointer; padding: 0; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); transition: all 0.4s ease; }
.nav-toggle .icon-bar { background-color: var(--basecolor); border-radius: 1px; display: block; height: 3px; margin: auto; position: relative; width: 35px; transition: all 0.4s ease; }
.nav-toggle .icon-bar + .icon-bar { margin-top: 6px; }
.nav-toggle .icon-bar:nth-child(1), .nav-toggle .icon-bar:nth-child(3) { top: 0; transform: rotate(0deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(1) { top: 9px; transform: rotate(45deg); }
.nav-toggle.nav-menuopen .icon-bar:nth-child(2) { opacity: 0; }
.nav-toggle.nav-menuopen .icon-bar:nth-child(3) { top: -9px; transform: rotate(-45deg); }
.mainmenu .mobile-menu span.mobile-toggle { position: absolute; right: 0; top: 0; width: 50px; height: 53px; }
.mainmenu .mobile-menu span.mobile-toggle:before { content: "\f107"; font-family: FontAwesome; font-size: 15px; position: absolute; right: 15px; top: 20px; line-height: 1; }
.mainmenu .mobile-menu span.mobile-toggle:before { border: solid rgb(57, 57, 72); border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""; height: auto; width: auto; top: 21px; right: 15px; width: 8px; height: 8px; transition: all 0.4s ease; }
.mainmenu .mobile-menu span.mobile-toggle.nav-subopen:before { transform: rotate(-195deg); -webkit-transform: rotate(-135deg); }

.mainmenu .hs-menu-wrapper ul { padding: 0; margin: 0; list-style: none; text-align: left; }
.mainmenu .hs-menu-wrapper ul li a { padding: 0; display: block; font-size: 15px; text-transform: capitalize; letter-spacing: -0.5px; }
.mainmenu .hs-menu-wrapper > ul > li { display: inline-block; vertical-align: middle; margin-left: 47px; }
.mainmenu .hs-menu-wrapper > ul > li > a { max-width:none; width: auto; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children { position: relative; }
.mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 5px 10px; line-height: 30px; }

.btn-wrap { display: flex; grid-gap: 16px; flex-flow: row wrap; }
.btn a { background: var(--primary-color); border: 1px solid var(--primary-color); color: var(--white); letter-spacing: -0.5px; font-size: 20px; font-weight: 700; padding: 10px 30px; display: inline-block; vertical-align: top; border-radius: 4px; }
.btn a:hover { background: #31ad3a; box-shadow: 4px 6px 44px 0 #3ec24769; }
.btn.border-btn a { background: transparent; color: var(--primary-color); }
.btn.border-btn a:hover { box-shadow: inherit; background: var(--primary-color); color: var(--white); }
.btn.secondary-btn a { background: var(--basecolor); border: 1px solid var(--basecolor); }
.btn.secondary-btn a:hover { background: #1c1c24; box-shadow: 4px 6px 44px 0 rgb(28 28 36 / 30%); }

.slick-arrow { position:absolute; top: 50%; left: -75px; width: 48px; height: 48px; font-size: 0px; background: transparent !important; border: none !important; border-radius: 0 !important; padding: 0; cursor: pointer; z-index: 9; }
.slick-arrow:before { position: absolute; content: ""; border-bottom: 2px solid var(--basecolor); border-left: 2px solid var(--basecolor); width: 13px; height: 13px; transform: rotate(45deg); top: 20px; left: 20px; }
.slick-arrow.slick-next { left: auto; right: -75px; }
.slick-arrow.slick-next:before { transform: rotate(225deg); left: 7px; }
/* CSS start from here */

/* main#main-content { padding-top: 70px; } */

/* HEADER */
header { padding: 20px 0; position: fixed; top: 0; left: 0; right: 0; background: var(--white); z-index: 99; }
.headerfixed { box-shadow: 0 1px 10px rgb(0 0 0 / 7%); }
header .inner { display: flex; align-items: center; }
header .logo { width: 180px; }
header .logo a { display: inline-block; vertical-align: top; width: 100%; line-height: 0; }
header .header-right { width: calc(100% - 180px); padding-left: 20px; display: flex; align-items: center; justify-content: space-between; }
header .header-btn a { padding: 15px 30px; color: var(--white); border-radius: 5px; background: var(--primary-color); font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; text-align: left; display: inline-block; vertical-align: middle; text-align: center; } 
header .header-btn a:hover{ background: #31ad3a; box-shadow: 4px 6px 44px 0 #3ec24769; }
header .slogan-header-logo{width:200px}
header .slogan-header-logo img{width:100%;height:100%;object-fit:contain;object-position:center center}

/* FOOTER */
footer { padding: 70px 0 35px; background: var(--basecolor); color: var(--white); }
footer .top .inner { display: flex; align-items: center; flex-flow: row wrap; grid-gap: 28px; }
footer .logo { line-height: 0; }
footer .logo a { display:inline-block; }
footer .footer-btn a { padding: 9px 25px; color: var(--white); border-radius: 5px; background: var(--primary-color); font-weight: 700; line-height: 1.5; letter-spacing: -0.5px; text-align: left; display: inline-block; vertical-align: middle; text-align: center; }
footer .footer-btn a:hover{ background: #31ad3a; box-shadow: 4px 6px 44px 0 #3ec24769; }
footer ul.social { display: flex; align-items: center; line-height: 0; grid-gap: 10px; }
footer ul.social li a { color: var(--white); }
footer .middle { display: flex; align-items: flex-start; justify-content: space-between; margin: 30px 0 40px; }
footer .middle .content { width: 445px; }
footer .middle .right { width: 255px; }
footer .middle .right .text { font-weight: 600; }
footer .middle .right .right-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
footer .middle .menu ul { display: grid; grid-template-columns: repeat(3,1fr); text-align: center; grid-gap: 5px; }
footer .middle .menu ul li:nth-child(3n + 1) { text-align: left; }
footer .middle .menu ul li:nth-child(3n + 3) { text-align: right; }
footer .middle .menu a { color: var(--white); text-align: center; }

footer .bottom { display: flex; flex-flow: row wrap; grid-gap: 30px; color: #ACADB6; }
footer .bottom .menu a { color: #ACADB6; }
footer .bottom .menu a:hover { color: var(--white); text-decoration: underline; }
footer .bottom .menu ul { grid-column-gap: 35px; grid-row-gap: 10px; flex-direction: row; }
footer .bottom .menu { width: 445px; }
footer .bottom .content { font-size: 14px; }
footer .bottom .content span { display: block; }
footer .bottom .content span + span { margin-top: 10px; }
footer .footer-slogan-logo {width: 265px;}
footer .footer-slogan-logo img { width:100%; height:100%; object-fit:contain; object-position:center center; }
.links-container a { width:100%; }
.social-links>a {
  width: auto !important;
  display: inline-block;
}


/* BANNER SECTION */
.banner-section { background: #dfdfdf; height: calc(100vh - 117px); }
.banner-section .inner { position: relative; padding: 170px 0 210px; min-height: 670px; height: calc(100vh - 217px); display:flex; }
.banner-section .image { position: absolute; right: -30px; bottom: 0; }
.banner-section .image img { max-height: 540px; width: auto; }
.banner-section .box { width: 750px; padding: 0 15px; align-self: center; }
.banner-section .content { font-size: 20px; opacity: 0.75; margin: 30px 0; }
.banner-section .shape-image { position: absolute; bottom: 130px; right: -130px; }

.banner-hover-animation { position: absolute; left: 0; }
.banner-hover-animation img { max-width: 34vw; }
.banner-hover-animation.shipment-1 { top: 150px; animation: fadeInOut1 5s linear infinite; }
.banner-hover-animation.shipment-2 { top: 50px; animation: fadeInOut2 5.5s linear infinite; }
.banner-hover-animation.shipment-3 { top: 90px; animation: fadeInOut3 6.5s linear infinite; }

@keyframes fadeInOut1 {
  0% { opacity:0; left:0px; }
  20% { opacity:1; left:20px; }
  75% { opacity:1; left:85px; }
  85% { opacity:0; left:95px; }
  100% { opacity:0; left:0px; } 
}
@keyframes fadeInOut2 {
  0% { opacity:0; left:20px; }
  20% { opacity:1; left:40px; }
  75% { opacity:1; left:105px; }
  85% { opacity:0; left:115px; }
  100% { opacity:0; left:20px; } 
}
@keyframes fadeInOut3 {
  0% { opacity: 0; left: 140px; }
  10% { opacity: 1; left: 160px; }
  70% { opacity: 1; left: 265px; }
  80% { opacity: 0; left: 285px; }
  100% { opacity: 0; left: 140px; } 
}

.banner_fisrt_section { height: calc(100vh - 117px); top: 0; width: 100vw; position: fixed; z-index: 0; }
.homebody_second_main { margin-top: calc(-227px + 100vh); background: white; position: relative; overflow-x: hidden !important; }


/* SERVICE SECTION */
.service-section { padding: 30px 0; }
.service-section .list { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px; }
.service-section .box { display: flex; align-items: center; }
.service-section .box .icon { line-height: 0; width: 50px; }
.service-section .box h5 { margin: 0; width: calc(100% - 50px); padding-left: 20px; }


/* BOX SECTION */
.box-section { padding: 50px 0; }
.box-section .box + .box { margin-top: 80px; }
.box-section .box .top { display: flex; align-items: center; flex-flow: row wrap; }
.box-section .box .top h2 { width: 630px; margin: 0; }
.box-section .box .top .content { width: calc(100% - 630px); padding-left: 30px; font-size: 22px; opacity: 0.7; }
.box-section .box .image { margin-top: 50px; text-align: center; }
.box-section .box .image a { display: inline-block; vertical-align: top; width: auto; position: relative; }
.box-section .box .image img { width: 100%; max-width: 900px !important; min-height: 500px; }
.box-section .box .play-btn { width: 70px; height: 70px; background: var(--basecolor); display: flex; align-items: center; justify-content: center; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.4s ease; }
.box-section .box .play-btn svg { fill: var(--white); }
.box-section .box .image a:hover .play-btn { background: var(--primary-color); } 


/* BRAND SECTION */
.brand-section { text-align: center; background: rgba(238, 238, 238, 0.5); padding: 100px 0px; }
.brand-section h3 { margin: 30px 0 0; }

/* BUSINESS SECTION */
.business-section { padding: 100px 0; position: relative; overflow: hidden; }
.business-section .title { text-align:center; margin:0 auto; max-width: 600px; margin-bottom: 50px; }
.logo-animation { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.logo-animation img { position: absolute; display: block; list-style: none; animation: animate 35s linear infinite; right: 25px; bottom: -40px; height: 70%; filter: blur(25px); }
@keyframes animate { 0% { transform:translateY(-100%); } 50% { transform:translateY(20%); } 100% { transform:translateY(-100%); } }

.business-slider .slick-list { margin: 0 -10px; }
.business-slider .box { background: #F6F6F6; border-radius: 10px; padding: 45px; margin: 10px; transition: all 0.4s ease; }
.business-slider .box .icon { width: 60px; line-height: 0; margin-bottom: 10px; }
.business-slider .box .icon svg { width: 100%; height: 100%; }
.business-slider .box h4 { transition: all 0.4s ease; letter-spacing: -0.02em; margin-bottom: 20px; }
.business-slider .box .content { font-size: 22px; opacity: 0.7; }
/* .business-slider .box:hover { background: var(--primary-color); color: var(--white); } */
/* .business-slider .box:hover h4 { color: var(--white); } */


/* TESTIMONIAL SECTION */
.testimonial-section { /*background: rgba(238, 238, 238, 0.5);*/ padding: 100px 0px; }
.testimonial-section .title { display: flex; align-items: center; flex-flow: row wrap; margin-bottom: 50px; }
.testimonial-section .title h3 { width: calc(100% - 500px); padding-right: 30px; margin: 0; }
.testimonial-section .title .testimonial-nav { width: 500px; }
.testimonial-nav .slick-slide { margin: 0 5px; }
.testimonial-nav .image { filter: grayscale(100); width: 80px; cursor: pointer; }
.testimonial-nav .image img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 100%; }
.testimonial-nav .slick-current .image { filter: grayscale(0); }
.testimonial-slider .box { display: flex; align-items: flex-start; padding-top: 30px; }
.testimonial-slider .box .image { position: relative; width: 230px; z-index: 1; height:230px; }
/* .testimonial-slider .box .image svg { position: absolute; right: -6px; top: -30px; z-index: -1; width: 100px; height: auto; } */
.testimonial-slider .box .image svg { height: auto; position: absolute; right: -20px; top: 0; width: 74px; z-index: 1; }
.testimonial-slider .box .image img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 100%; }
.testimonial-slider .box .right-content { width: calc(100% - 230px); padding-left: 70px; }
.testimonial-slider .box .content { font-size: 40px; line-height: 1.1; }
.testimonial-slider .box .bottom { margin-top: 30px; }
.testimonial-slider .client-box span { display: block; font-weight: normal; }
.testimonial-slider .client-box { opacity: 0.7; font-weight: 700; }

.testimonial-section ul.slick-dots { display: flex !important; flex-flow: wrap; }
.testimonial-section ul.slick-dots li img { cursor: pointer; filter: grayscale(100); width: 60px; height: 60px !important; object-fit: cover; border-radius: 100%; }
.testimonial-section ul.slick-dots > li { padding: 5px 5px; }
.testimonial-section ul.slick-dots .slick-active img { filter: grayscale(0); }


.testimonial-section-v2.testimonial-section .title h3{font-size:64px;color:#222;font-family:Instrument Sans,sans-serif;font-weight:500;letter-spacing:-.64px;margin:0}
.testimonial-section-v2 .container{max-width:1342px}
.testimonial-section-v2.testimonial-section .title h3{width:50%}
.testimonial-section-v2.testimonial-section .title .testimonial-nav{width:50%;display:flex;justify-content:flex-end}
.testimonial-section-v2.testimonial-section ul.slick-dots li img{width:90px;height:90px!important}
.testimonial-section-v2.testimonial-section ul.slick-dots>li{padding:5px 12px}
.testimonial-section-v2 .testimonial-slider .box .image{width:196px;height:196px}
.testimonial-section-v2 .testimonial-slider .box .image svg{width:74px;z-index:1}
.testimonial-section-v2 .testimonial-slider .box .content{font-family:Instrument Sans,sans-serif;max-width:831px}
.testimonial-section-v2 .slick-prev{left:0;top:111px}
.testimonial-section-v2 .slick-next{right:0;top:111px}
.testimonial-section-v2 .slick-arrow.slick-next{right:0}
.testimonial-section-v2 .slider.testimonial-for{padding:0 105px}
.testimonial-section-v2 .testimonial-slider .box .bottom{margin-top:24px}
.testimonial-section-v2 .testimonial-slider .client-box{display:flex;font-family:Instrument Sans,sans-serif;font-size:20px;line-height:1.5;margin:0;padding-top:10px;color:#393948;opacity:1;font-weight:500}
.testimonial-section-v2 .bottom.bottom_audio>div{width:100%}
.testimonial-section-v2 .slick-arrow:before{border-bottom:3px solid #b4b3b0;border-left:3px solid #b4b3b0;height:20px;width:20px;top:14px}
.testimonial-section-v2 .testimonial-slider .box .right-content{width:calc(100% - 196px)}
.testimonial-section-v2.testimonial-section{background:#f8f6f2}
.testimonial-section-v2 .testimonial-slider .client-box span { margin-left: 4px; }




/* STEP SECTION */
.step-section { padding: 100px 0; text-align: center; }
.step-section .box .content { font-size: 22px; opacity: 0.7; margin: 35px auto 45px; max-width: 630px; }



.bottom.bottom_audio { display: flex; flex-flow: wrap; justify-content: space-between; margin: 0 -10px; }
.bottom.bottom_audio > div { width: 50%; padding: 10px 10px; padding-top: 0; }
.bottom.bottom_audio > div.right { text-align: right; }




/*---------mainpage_section_start--------------*/
/*---------tiktok_section_start--------------*/
.tiktok_main_section{padding: 65px 0; background-color: var(--light-gray-color);}
.tiktok_main_section span{color:var(--primary-color);}
.tiktok_main_section .left {width: 50%;padding-right: 30px;}
.tiktok_main_section .row { display: flex; flex-flow: wrap; align-items: center; }
.tiktok_main_section .right { width: 50%; padding-left: 30px;}
.tiktok_main_section .right_content h1 { font-size: 48px;} 
.tiktok_main_section .left__content { padding-bottom: 25px; }
.tiktok_main_section .item_list { padding-bottom: 20px; }
.tiktok_main_section .btn__row { display: flex; flex-flow: wrap; gap: 30px; padding-top: 30px; }
.tiktok_main_section .item_list ul li { list-style: disc; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
.tiktok_main_section .item_list ul li:last-child { padding-bottom: 0; }
.tiktok_main_section .item_list ul { padding-left: 20px; }
.tiktok_main_section .right .image img { width: 100%; display: block;}
.tiktok_main_section .left__content h1 {font-size: 48px;}
/*---------tiktok_section_end--------------*/

/*---------features_section_start--------------*/
.features_section { padding: 50px 0 50px;background-color: var(--light-gray-color); }
.features_section .page_heading h2 {color:var(--primary-color); text-align: center; font-size: 54px; }
.iconn__box { background: var(--background-color); padding: 100px 0; }
.main__content_box{display:flex; flex-flow: wrap;}
.main__content_box .features__content_box { width: calc(33.33% - 32px);margin: 16px; padding: 0px;}
.main__content_box .features__content_box { display: flex;display: flex; }
.main__content_box .sub__box svg { fill: var(--basecolor); }
.main__content_box .content__box h2 { font-size: 26px; line-height: 34px; }
.sub__box { display: flex; align-items: center; width: 50px; }
.content__box { width: calc(100% - 50px); padding-left: 15px; }
/*---------features_section_start--------------*/

/*---------sales_section_start--------------*/
.sales_section {padding:50px 0;background-color: var(--light-gray-color);}
.saless__title {display: flex; flex-flow: wrap; }
.sales_section .sales__main{width:50%; padding-right: 40px;}
.sales_section .sales__two{width:50%;padding-left: 40px;}
.sales_section .sales__main h3 {font-size: 40px; color: var(--primary-color); }
.border_bottom { border-bottom: 1px solid var(--primary-color); width: 50%; margin: 0 auto; padding-bottom: 50px; }
.view_section {padding:50px 0;background-color: var(--light-gray-color);}
.view_section .row{display:flex; flex-flow: wrap;}
.view_section .sales__main{width:50%; padding-left: 40px;}
.view_section .sales__two{width:50%;padding-right: 40px;}
.view_section .sales__main h3 {font-size: 40px; color: var(--primary-color); }
.border_bottom { border-bottom: 1px solid var(--primary-color); width: 50%; margin: 0 auto; padding-bottom: 50px; }
.border__none .border_bottom { display: none; }
/*---------sales_section_start--------------*/

/*---------selling_section_start--------------*/
.selling_section {padding: 50px 0;background-color: var(--light-gray-color); }
.selling_section .row{display:flex; flex-flow: wrap; align-items: baseline;}
.selling_section .sub_selling_content{width:50%; padding-right: 40px;}
.selling_section .selling_text_section{width:50%;padding-left: 40px;}
.selling_section .left__content h4{color:var(--primary-color); font-size: 26px;text-align: center;}
.selling_section .selling_text_section .right__content h4{color:var(--primary-color);}
/*---------selling_section_end--------------*/


/*---------advantage_section_start--------------*/
.advantage_section{padding:50px 0;background-color: var(--light-gray-color);}
.advantage_section{ background-position: center center; height: 500px; padding: 50px 0; padding: 100px 0; width: 100%; background-repeat: no-repeat; background-size: cover;}
.advantage_title{ color: var(--background-color);max-width: 800px; margin: 0 auto;padding-bottom: 12px; }
.advantage_title h2{font-size: 48px;color: var(--white);}
.mainn_advantage { text-align: center;max-width: 1190px;margin: 0 auto; background: rgb(57 57 72 / 70%); padding:30px;}
.mainn_advantage {color: #fff; padding-bottom: 30px; }
.advantage_section .tiktok__btn a { color: rgb(57, 57, 72) !important; font-size: 22px; border: 1px solid #fff; border-radius: 8px; }
.advantage_section .tiktok__btn a:hover {background-color: rgb(0 114 0)!important;color: #fff !important; }
.advantage_content { padding-bottom: 30px;font-size: var(--small-body-font-size); }
.New-btn-style.advantage_section .tiktok__btn a {border: 1px solid var(--primary-color) !important;border-radius: 4px !important;color: var(--white) !important;}
.New-btn-style.advantage_section .tiktok__btn a:hover {background: #31ad3a !important;box-shadow: 4px 6px 44px 0 #3ec24769;}

/*---------advantage_section_end--------------*/


/*---------Integrations_section_start--------------*/
.integrations_section { padding: 80px 0 0 0;position: relative; background-color: var(--light-gray-color);}
.integrations_section.page_title h2 { font-size: 20px; text-transform: uppercase; text-align: center; color: var(--primary-color); }
.integrations_section .page_title h2:before { background-color: #d1d1d6; bottom: 0; content: ""; height: 30px; left: 50%; position: absolute; transform: translateX(-50%); width: 1px;top: 40px; }
.integrations_section .content {text-align: center;position: relative;}
.integrations_section .content h2.big__font { color: var(--primary-color);margin-bottom: 50px; text-transform: uppercase;font-size: 18px; }
.integrations_section .content h1 { font-size: 49px; max-width: 999px; margin: 0 auto; padding-bottom: 35px; line-height: 54px; }
.Description .market__textt {color: var(--gray-color ); }
.steps_right_text h3 { font-size: 30px; line-height: 33px; color: rgba(63, 63, 79, 0.9);  }
/*---------Integrations_section_end------------*/



/*---------marketplaces_section start------------*/
.marketplaces_section{padding:50px 0;}
.marketplaces_section .content h2 { font-size: 40px; text-align: center; margin: 0 auto;margin-bottom: 28px; }
.marketplaces_section .Description { color: #898891; max-width: 650px; margin: 0 auto; text-align: center; font-size: 18px; }
.marketplaces_section .Description h2 { font-size: 40px; padding-bottom: 10px; }
.marketplaces_section .Integration__item {display: flex; margin-top: 32px;flex-flow: wrap;justify-content: center;}
.marketplaces_section .sub__integration__item { width: calc(100% / 4 - 30px); margin: 15px; }
.Integration_logo img { display: inline-block !important; max-width: 100% !important; object-fit: contain; width:100%; height:100% !important; }
.Integration_logo {align-content: center; height: 100px; width: 100%; display: flex ; flex-wrap: wrap; align-items: center; justify-content: center; }
.sub__integration__item .medium__font { color: var(--primary-color); font-weight: 700; }
.sub__integration__item { background: #fff; border-radius: 15px; box-shadow: 0 5px 25px rgba(57, 57, 72, .05); margin: 20px; padding: 18px 20px; text-align: center; }
/* .Box_three{ width: calc(100% / 3 - 20px) !important; margin: 10px; } */
.Box_three .medium__font {color: #000;}
.sub__integration__item.green_color .medium__font { color: var(--primary-color); margin-top:20px; }
.sub__integration__item .medium__font { color: var(--gray-color ); }
.marketplaces_section .sub__integration__item { position: relative; }
.sub__integration__item a.postion__link { position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; }
.sub__integration__item.box_opacity { opacity: 0.5;display: block; }
.sub__integration__item.Box_three { width: calc(100% / 4  - 30px);  }

/* .fulfillment__main .Integration__item {max-width: 800px; margin: 0 auto; }  */

.steps_section .steps_title h2 {font-size: 52px; margin: 0 auto; text-align: center;}
.steps_section {padding: 80px 0; }
.steps_section .steps_title span { color: var(--primary-color); }
.steps_section .three_steps_section{display: flex; flex-flow: wrap; margin-top: 50px;}
.steps__section__left{width: 60%;padding-right: 50px;}
.steps__section__right{width: 40%;padding-left: 50px;}
.steps__section__right span.counter { font-size: 112px; color: var(--background-color); line-height: 84px; }
.steps__section__right .list_item { display: flex; align-items: center; padding-bottom: 40px; }
.steps__section__right .steps_button a { background-color: var(--basecolor); border: 1px solid; }
.steps__section__right .steps_button a:hover { background: var(--primary-color);border: 1px var(--primary-color) ; }
.steps_right_text { width: calc(100% - 50px); padding-left: 40px; font-size: 18px; line-height: 24px; }
.right_list_item { width: 50px; }
.steps__section__right .btn.tiktok__btn.steps_button {margin: 0 auto; text-align: center; }
h5.three_steps_img_text { margin-top: -40px; font-size: 18px; width: 100%; height: 100%; color: rgb(135,135,135); font-weight: 400; margin-left: 20px; }
/*---------marketplaces_section end------------*/

/*---------Multi Channel Inventory Management start------------*/
.multi_channel_main_section { padding: 30px 0; }
.multi_channel_main_section .multi_channel_headline { font-weight: normal; font-size: 20px; line-height: 24px; text-align: center; color: var(--basegray ); text-transform: uppercase; margin-bottom: 30px; }
.multi_channel_main_section h2{ margin: 0 auto; text-align: center; font-size: 35px; max-width: 880px;line-height: 39px; }
.multi_channel_main_section .image { padding-top: 30px; }
.multi_channel_bg_color { background: #F1F1F2; border-radius: 20px; padding: 45px 45px 24px 45px; }
.multi_channel_main_section .Management__class h1 { line-height: 54px; }
.multi_channel_main_section .insights ul {display: flex;flex-flow: wrap;margin: 0 auto;justify-content: center;}
.multi_channel_main_section .insights ul li { margin: 0 20px; padding: 15px 20px; color: var(--primary-color); font-weight: bold;font-size:18px; }
.left_cover {display: flex; align-content: space-between !important; flex-flow: wrap; }
.management-bottom-box .multi_channel_row {margin: 0 0;}
.management-bottom-box .left {width: 42%; padding-right: 20px;}
.management-bottom-box .right {width: 58%;}
.Update__section .left { display: flex; }
.management-bottom-box .multi_channel_row {margin-right: 0 !important; margin-left: 0 !important; }

/*---------Multi Channel Inventory Management end------------*/

/*---------Update_once_section start------------*/
.update_once_section_main{padding:30px 0;}
.Update__section .row { display: flex; flex-flow: wrap; }
.Update__section .left { width: 33.33%;padding-right: 10px }
.Update__section .right { width: 66.66%;padding-left: 10px; text-align:center; }
.Update__section .insights ul{ flex-direction: column; display:flex; text-align: left; align-items: flex-start; justify-content: flex-start; }
.right .multi_channel_row { margin-right: -120px; }
.Update__section h2 { text-align: left; }
.update__section h3{ text-align: left;}
.multi_channel_main_title h4 { font-size: 25px; line-height: 36px; font-weight: 100; margin-top: 30px; }
.bottom ul li { padding-left: 0 !important; margin-left: 0 !important; }
.left_cover h3 { text-align: left; }
.row.postion_change { flex-direction: row-reverse; }
.row.postion_change .multi_channel_row { margin-left: -120px; margin-right: 0; }
.postion_change .left_cover h3 { text-align: left; }
.headline-text { text-align: left !important; }
.multi_channel_bg_color .multi_channel_main_title h3 {font-size: 18px; line-height: 24px; color: var(--basegray);font-weight: normal;padding-bottom: 20px; }
.headline h3 {text-align: center; text-transform: uppercase; }
/*---------Update_once_section end------------*/

/*---------intergrate_shipping_section start------------*/
.intergrate_shipping_section{padding:30px 0;}
.intergrate_shipping_section .intergrate_shipping_row{display: flex; flex-flow: wrap; align-items: center}
.intergrate_shipping_section .intergrate_shipping_leftt{width: 50%;padding-right: 20px;}
.intergrate_shipping_section .intergrate_shipping_rightt{width: 50%;padding-left: 20px;}
.intergrate_shipping_leftt .image img {filter: drop-shadow(-60px 145px 60px #3939480a); }
.right_content_box { display: flex; width: 100%; max-width: 180px; justify-content: space-between; align-items: center;}
.right_content_textt h2 { font-size: 35px; line-height: 39px; padding: 23px 0; }
.right_content_textt .sub__content { color: var(--basegray); font-size: 18px; line-height: 24px; }

.postion_change .left { padding-right: 0; padding-left: 10px; }
.postion_change .right { padding-left: 0; }


/*---------intergrate_shipping_section end------------*/
/*---------mainpage_section_end--------------*/
.privacy__policy .content__text h1 {line-height: 40px; font-size: 36px; padding-bottom: 20px; }
/* .privacy__policy .content__text h2 { font-size: 36px !important; line-height: 33px !important;margin: 30px 0 30px 0 !important; }
.privacy__policy .content__text h3 { font-size: 26px !important; line-height: 34px !important;margin: 30px 0 30px 0 !important; }
.privacy__policy .content__text h4 { font-size: 20px; line-height: 26px;margin: 0 0 20px 0; } */
.content_section.trade__terms .content__text h1 {font-size: 36px;line-height: 41px;margin-bottom: 28px;}
.content_section.trade__terms .content__text img{ padding-bottom:10px; }
.content_section .content__text h4 { font-size: 26px; line-height: 31px; margin-bottom: 22px; }
.privacy__policy .content__text h3 { margin-top:20px;}
.privacy__policy ul li { list-style: disc; padding-bottom: 6px; }
.privacy__policy ul {margin-bottom: 15px; padding-left:25px; }
.privacy__policy ol > li > ol > li {list-style: lower-roman;}
.privacy__policy ol > li > ol > li > ol > li {list-style: lower-alpha; }
.faq__question h1 { margin-bottom: 30px; }
.faq__question h3 {margin-top: 25px;}
.Terms__Conditions ol li { padding-bottom: 10px; list-style: lower-alpha; }
.Terms__Conditions ol {padding-left: 25px; }
.Terms__Conditions h3 { margin-top: 25px; }

.personal_data_ul ul li {list-style: disc;padding-left: 10px; padding-bottom:0} 
.personal_data_ul ul { padding-left: 15px; }
.additional_rightss ol li {padding-bottom: 8px;}
.advancement_list ol li::marker { font-size: 14px; }
.general_tems ol li::marker { font-size: 14px; }
.discrtmination_main ol li { padding-bottom: 0; }
.listitem p {margin-bottom: 0; }
.terms__item ol li {list-style: upper-alpha;padding-bottom: 14px;}
.Disclaimer__section p { margin-bottom: 0; }
.general_tems p {margin-bottom: 0; }
.general_tems ol li {list-style: lower-alpha;padding-top: 10px;padding-left: 5px;}
.general_tems ol {padding-left: 18px; }
.advancement_list ol li {list-style: lower-alpha;padding-top: 10px;padding-left: 5px;}
.advancement_list ol {padding-left: 18px; }
.table__section th {color: #393948; border: transparent;vertical-align: text-top; padding:0;background-color:transparent;}
.table__section table, td {color: #393948;border: 0;padding:0; font-size: 16px;}
.process__cls P { padding-bottom: 0; margin-bottom: -15px; }
.work__section p { padding-bottom: 0; margin-bottom: 3px;}
.incoterms__main { padding-bottom: 28px; }
.Terms__Conditions h1{font-size: 36px; line-height: 40px;}
.Terms__Conditions h2{font-size: 30px !important; line-height: 33px !important; padding-top: 20px;}
.Terms__Conditions h4{font-size: 18px !important; text-decoration: underline; }
.users__accounts p {margin-bottom: 3px; }


.comparison__hero .content__cover .content h2 *, .comparison__hero .content__cover .content h3 *,.comparison__hero .content__cover .content h4 * {
  font-size: inherit !important;
}




.terms__item ol { padding-left: 20px; }

/* Schedule Meeting Module */

.schedule-meeting-wrap {display: flex;flex-wrap: wrap;}
.schedule-meeting-right {width: 45%; background: #FFFFFF;padding: 30px;}
.schedule-meeting-left {width: calc(100% - 45%);display: flex;flex-direction: column;gap: 150px 0;padding-right:25px;}
.schedule-meeting-list-main {display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 32px;}
.schedule-meeting-list-main:last-child {margin:0;}
.schedule-meeting-list-icon {width: 25px;height: 25px;}
.schedule-meeting-list-title {width: calc(100% - 25px);padding-left: 15px;}
.schedule-meeting-list-title p {font-size: 20px;font-weight: 700;line-height: 1.364;}

/*********************************************** remove auto fill yellow color ************************************/
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0 100px #fff inset;-moz-box-shadow: 0 0 0 100px #fff inset;box-shadow: 0 0 0 100px #fff inset;color: #ACADB6;}

/*********************************************** Form CSS **********************************************/
.schedule-meeting-right .hs_error_rollup {display: none;}
.schedule-meeting-right form .hs-form-field {position: relative;}
.schedule-meeting-right form ul.hs-error-msgs.inputs-list {position: relative;bottom: 0;right: 0;left: 0;list-style-type: none;padding: 0px;background: transparent;margin: 0;}
.schedule-meeting-right form ul.hs-error-msgs.inputs-list>li>label { font-weight: 500; position: relative; z-index: 9; color: red; }
.schedule-meeting-right form ul.hs-error-msgs.inputs-list li { margin: 0; }
.schedule-meeting-right form ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: #ff0000; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0; display: none; }
.schedule-meeting-right input, .schedule-meeting-right textarea, .schedule-meeting-right select { border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
button, input, select, textarea, option { font-size: 100%; margin: 0; vertical-align: baseline; }
.schedule-meeting-right form input[type="text"], .schedule-meeting-right form input[type="tel"], .schedule-meeting-right form input[type="email"] { -webkit-appearance: none !important; }
.schedule-meeting-right form input[type="submit"] { cursor: pointer; transition: all 0.5s ease; }
.schedule-meeting-right form textarea { overflow: auto; vertical-align: top; resize: none; }
/* -------- Forms --------- */
.schedule-meeting-right .hs-form textarea,
.schedule-meeting-right .hs-form input[type="text"],
.schedule-meeting-right .hs-form input[type="password"],
.schedule-meeting-right .hs-form input[type="datetime"],
.schedule-meeting-right .hs-form input[type="datetime-local"],
.schedule-meeting-right .hs-form input[type="date"],
.schedule-meeting-right .hs-form input[type="month"],
.schedule-meeting-right .hs-form input[type="time"],
.schedule-meeting-right .hs-form input[type="week"],
.schedule-meeting-right .hs-form input[type="number"],
.schedule-meeting-right .hs-form input[type="email"],
.schedule-meeting-right .hs-form input[type="url"],
.schedule-meeting-right .hs-form input[type="search"],
.schedule-meeting-right .hs-form input[type="tel"],
.schedule-meeting-right .hs-form input[type="color"],
.schedule-meeting-right .hs-form select {
  border: 1px solid #ACADB6; background-color:rgba(255, 255, 255, 1.0); color: #151948; border-radius: 5px; padding: 11px 9px 11px 11px; width: 100% !important; font-size: 12px; font-weight: 400; line-height: 16.37px;
}
.schedule-meeting-right .hs-form input:focus {outline: 0;}
.schedule-meeting-right .hs-form select { -webkit-appearance: none; background: transparent; background-image: url('https://www.methodschools.org/hubfs/Method_Schools_July2023/Images/Vector%20%2835%29.svg'); background-repeat: no-repeat; background-size: 16px 10px; background-position: calc(100% - 20px) center; padding-right: 50px; cursor: pointer; background-color: #FFFFFF; color: #ACADB6; }
.schedule-meeting-right .hs-form-field>label { margin-bottom: 5px; display: inline-block; font-size: 12px; font-weight: 400; line-height: 16.37px; color: #ACADB6; }
.schedule-meeting-right .hs-recaptcha {margin-bottom: 15px;}
.schedule-meeting-right .hs-form-field {position: relative;margin-bottom: 20px;}
.hs-form input[type="checkbox"] {margin-right: 20px;}
.schedule-meeting-right .hs-form textarea {height: 95px !important;resize: none !important;resize: none;width: 100% !important;}
.schedule-meeting-right .hs-form-field .input {display: table;width: 100%; margin: 0 !important;}
.schedule-meeting-right .hs-error-msgs {position: relative;}
.schedule-meeting-right .hs-error-msgs li label {font-size: 12px;line-height: 14px;color: #DA0000;margin: 5px 0 0 0;}
.schedule-meeting-right .hs-error-msgs li {list-style-type: none;}
.schedule-meeting-right .hs-form-checkbox {width: 100%;float: left;list-style-type: none;}
.schedule-meeting-right .hs-form-radio {width: 33.3%;float: left;list-style-type: none;}
.schedule-meeting-right .hs-form-checkbox input,.schedule-meeting-right .hs-form-radio input {margin-right: 27px;}
.schedule-meeting-right form .hs-richtext {font-size: 12px;font-weight: 400;line-height: 16.37px;color: #ACADB6;margin: 0 0 15px 0;}
.schedule-meeting-right form {max-width: 100%;width: 100%;float: none !important;background: transparent;}
.schedule-meeting-right form legend { font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 5px; }
.schedule-meeting-right .submitted-message { text-align: center; font-size: 20px; overflow: hidden !important; line-height: normal;background:transparent; }
.schedule-meeting-right .hs-fieldtype-booleancheckbox li.hs-form-booleancheckbox {margin: 0;}
/* Form Two Col Section */
.schedule-meeting-right .form-columns-2,.schedule-meeting-right .form-columns-1 {max-width: 100% !important;}
.schedule-meeting-right .form-columns-2>div { width: calc(50% - 10px) !important;}
.schedule-meeting-right .form-columns-2>div:first-child {float: left !important;}
.schedule-meeting-right .form-columns-2>div:last-child {float: right !important;}
/* Radio Button Style */
.schedule-meeting-right form .hs-fieldtype-radio ul.inputs-list {display: flex;flex-wrap: wrap;}
.schedule-meeting-right form .hs-fieldtype-radio .inputs-list>li {margin: 20px 20px 0px 0;width: 100%;float: none;}
.schedule-meeting-right .hs-form-radio label.hs-form-radio-display,
.schedule-meeting-right .hs-fieldtype-radio label.hs-form-radio-display {font-size: 14px;font-weight: 400;display: flex;flex-wrap: wrap;line-height: normal;margin: 0;}
.schedule-meeting-right .hs-form-radio-display .hs-input,
.schedule-meeting-right .hs-form-radio-display .hs-input {display: none;}
.schedule-meeting-right .hs-form-radio label.hs-form-radio-display input+span,
.schedule-meeting-right .hs-fieldtype-radio label.hs-form-radio-display input+span { display: flex; flex-wrap: wrap; align-items: center; position: relative; padding-left: 25px; color: #ACADB6; font-size: 12px; font-weight: 400; line-height: 16.37px; }
.schedule-meeting-right .hs-form-radio label.hs-form-radio-display input+span:before, .schedule-meeting-right .hs-fieldtype-radio label.hs-form-radio-display input+span:before { width: 15px; height: 15px; content: ''; background-color: #FFFFFF; display: inline-block; margin-right: 0; transition: 0.5s ease all; border: 1px solid #ACADB6; border-radius: 100%; position: absolute; left: 0; top: -2px; }
.schedule-meeting-right .hs-form-radio label.hs-form-radio-display input:checked+span:before,
.schedule-meeting-right .hs-fieldtype-radio label.hs-form-radio-display input:checked+span:before { background-color: transparent;}
.schedule-meeting-right .hs-form-radio label.hs-form-radio-display input:checked+span:after,
.schedule-meeting-right .hs-fieldtype-radio label.hs-form-radio-display input:checked+span:after { content: ''; position: absolute; left: 4px; width: 7px; height: 7px; background-color: #ACADB6; top: 2px; border-radius: 100%; transition: 0.5s ease all; background-size: cover; background-repeat: no-repeat; }
/* Checkbox Style */
.schedule-meeting-right form .inputs-list li.hs-form-checkbox { margin-top: 20px; margin-right: 20px; margin-bottom: 0; } 
.schedule-meeting-right form .hs-fieldtype-checkbox ul.inputs-list { display: flex; flex-wrap: wrap; } 
.schedule-meeting-right form .inputs-list li.hs-form-checkbox { margin-top: 15px; margin-right: 20px; margin-bottom: 0; width: 100%; float: none; color: #ACADB6; }
.schedule-meeting-right .hs-form-checkbox label.hs-form-checkbox-display,
.schedule-meeting-right .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display {display: flex;flex-wrap: wrap;margin: 0;font-size: 12px;font-weight: 400;line-height: 16.37px;color: #ACADB6;}
.schedule-meeting-right .hs-form-checkbox-display .hs-input,
.schedule-meeting-right .hs-form-booleancheckbox-display .hs-input {display: none;}
.schedule-meeting-right .hs-form-checkbox label.hs-form-checkbox-display input+span,
.schedule-meeting-right .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display input+span {display: flex;flex-wrap: wrap;align-items: center;position: relative;padding-left: 25px;cursor: pointer;margin: 0 !important;}
.schedule-meeting-right .hs-form-checkbox label.hs-form-checkbox-display input+span:before,
.schedule-meeting-right .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display input+span:before { width: 15px; height: 15px; content: ''; background-color: #FFFFFF; display: inline-block; margin-right: 0; transition: 0.5s ease all; border: 1px solid #ACADB6; border-radius: 2.5px; position: absolute; left: 0; top: -2px; }
.schedule-meeting-right .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:before,
.schedule-meeting-right .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:before {background-color: transparent;}
.schedule-meeting-right .hs-form-checkbox label.hs-form-checkbox-display input:checked+span:after,
.schedule-meeting-right .hs-fieldtype-booleancheckbox label.hs-form-booleancheckbox-display input:checked+span:after { content: ''; position: absolute; left: 3px; width: 11px; height: 8px; background-color: transparent; top: 2px; border-radius: 100%; transition: 0.5s ease all; background-image: url('https://www.methodschools.org/hubfs/Method_Schools_July2023/Images/Group%20%2819%29.svg'); background-size: cover; background-repeat: no-repeat; }
.schedule-meeting-right .hs-form-field.hs-fieldtype-file>label {margin: 0;}
.schedule-meeting-right .hs-fieldtype-file input[type=file] { width: 100% !important; text-indent: -1000px; cursor: pointer; height: 50px; background: transparent; }
.schedule-meeting-right .hs-fieldtype-file .input { display: flex; align-items: center; flex-wrap: wrap; cursor: pointer; z-index: 1; position: relative; }
.schedule-meeting-right .hs-fieldtype-file .input:before { background-image: url('https://www.methodschools.org/hubfs/Method_Schools_July2023/Images/Frame%20427324951.svg'); position: absolute; content: ""; left: 11px; width: 118px; height: 30px; background-size: cover; background-position: center center; background-repeat: no-repeat; cursor: pointer; top: 10px; z-index: -1; }
.schedule-meeting-right span.default-text { font-size: 14px; line-height: 24px; font-weight: 400; position: absolute; left: 150px; z-index: -1; top: 14px; }
.schedule-meeting-right .hs-fieldtype-file .input:after { position: absolute; background-color: #FFFFFF; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 50px; content: ""; z-index: -11; }
.schedule-meeting-right span.custom-file-name { font-size: 12px; line-height: 22px; font-weight: 400; border: 1px solid #2394EB; margin-right: 5px; margin-top: 8px; padding: 2px 5px; border-radius: 5px; color: #2394EB; }
.schedule-meeting-right fieldset.form-columns-2 {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.schedule-meeting-right .form-columns-2>div { float: none !important; display: flex; flex-wrap: wrap; }
.schedule-meeting-right .form-columns-2>div .input {margin-top: auto !important;}
.schedule-meeting-right .hs-dateinput:before { content: "\f073"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); font: normal normal normal 14px/1 FontAwesome; }
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker { width: 100% !important; }
.schedule-meeting-right .hs-fieldtype-date .hs-datepicker {width: 100%;}
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker .pika-lendar {width: 100%;margin: 0;}
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker td button:after {display: none !important;}
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker .pika-button { width: 100% !important; margin: 0 !important; text-align: center; padding: 10px; font-weight: 600; background-color: transparent !important; color: #3ec247; }
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker .pika-table thead th {color: #3ec247;}
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker .pika-label {font-size: 12px;}
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker td.is-selected .pika-button,
.schedule-meeting-right .hs-fieldtype-date .fn-date-picker td .pika-button:hover {background: #3ec247 !important;color: #FFFFFF !important;}
.schedule-meeting-right .fn-date-picker .pika-title select {padding: 0 10px !important;}
.schedule-meeting-right select.pika-select.pika-select-month {padding: 0px 10px !important;width: 100px !important;left: -5px !important;top: 10px !important;}
.schedule-meeting-right select.pika-select.pika-select-month options {padding: 5px !important;}
.schedule-meeting-right select.pika-select.pika-select-year {width: 80px !important;left: -5px !important;}
.schedule-meeting-right .fn-date-picker td.is-today .pika-button {color: #3ec247 !important;}
.schedule-meeting-right .fn-date-picker td.is-today .pika-button:hover {color: #FFFFFF !important;background-color: #3ec247 !important;}
.schedule-meeting-right .hs_submit.hs-submit {text-align: right;}
.schedule-meeting-right form .hs-button, form input[type=submit] {font-size: 12px;font-weight: 700;line-height: 16.37px;text-align: center;padding: 12px 20px;}
.schedule-meeting-sec {padding: 44px 0 77px 0;}
.schedule-meeting-right .form-title {display: none;}
.schedule-meeting-right .grecaptcha-badge {margin-left: 0;}
.schedule-meeting-heading h1 {font-size: 60px;font-weight: 700;line-height: 1.1;letter-spacing: -0.03em;}


/*********************************************** New Pricing Page Css **********************************************/

section.pricing.pricing-block{padding-top: 30px; padding-bottom:20px; background:transparent;}
section.pricing.pricing-block .container{max-width:1340px;}
.pricing-block .pricing__row {align-items: stretch;}
.pricing-block .pricing__clomn{display:flex; flex-direction:column; justify-content:flex-start;}
.pricing-block .price_btn.btn{margin-top:auto;}
.pricing-block .price_btn.btn > a{background:var(--white); border:1px solid rgb(38 38 38 / 10%); font-family: Instrument Sans; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: 0%; color:#262626;}
.pricing-block .price_btn.btn > a:hover{background:#262626; color:var(--white); border-color:#262626; box-shadow: 4px 6px 44px 0 rgb(0 0 0 / 40%);}
.pricing-block .pricing__clomn:last-child .price_btn.btn > a{background:#262626; color:var(--white); border-color:#262626;} 

.pricing-block .pricing_icon {padding-bottom: 20px;}
.pricing-block .pricing_inner_heading h1{font-size:60px; font-weight:600;}
.pricing-block .pricing_inner_heading h2{font-size:50px; font-weight:600;}
.pricing-block .pricing_inner_heading h3{font-size:40px; font-weight:400; margin-bottom:0;}
@media only screen and (max-width:991px){.pricing-block .pricing_inner_heading h1{font-size:40px;} .pricing-block .pricing_inner_heading h2{font-size:35px;} .pricing-block .pricing_inner_heading h3{font-size:30px;} }
@media only screen and (max-width:767px){section.pricing.pricing-block{padding-top:0;}}

@media only screen and (min-width:768px) and (max-width:1024px){.pricing-block .pricing_inner_heading h3{font-size:32px;}}

/*********************************************** New About Page Css **********************************************/

.row-number-4.dnd_area-row-2-background-layers img.hs-image-widget {width:100vw;}
.row-number-15.dnd_area-row-6-background-layers img.hs-image-widget {width:100vw;}

/*********************************************** New Wallmart Landing Page Css **********************************************/
@media (min-width:1200px){
  .wallmart-title-icon-block .container{
    max-width:1340px;
  }
}


/* CSS end  here */



/* @media (min-width: 768px) { .container, .row-fluid .container[class*="span"] { max-width: 750px; } } */
@media (min-width: 992px) { .container, .row-fluid .container[class*="span"] { max-width: 970px; } }
@media (min-width: 1200px) { .container, .row-fluid .container[class*="span"] { max-width: 1340px; } }

@media (min-width: 992px) { 
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children span.mobile-toggle, .nav-toggle { display: none; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a { padding-right: 15px; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { position: absolute; content: "\f107"; font-family: FontAwesome; right: -2px; top: 2px; font-size: 14px; font-weight: 400; width: 10px; height: 10px; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { position: absolute; content: ""; width: 100%; top: 0; left: 0; right: 0; height: 40px; background: transparent; z-index: 1; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { background: var(--white); border: 1px solid #d4d4d5; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15); padding: 5px; position: absolute; top: 40px !important; transform: translate3d(-20px, 0, 0); z-index: 1; width: 130px; min-width: min-content; }
  .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children:hover>a{  color:#3EC247;}
  .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children:hover>a:before{    border: solid #3EC247;   border-width: 0 2px 2px 0; }
  .mainmenu .hs-menu-wrapper>ul>li.hs-item-has-children>a:before{border:solid #393948;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);content:"";height:auto;width:auto;top:6px;right:-1px;width:8px;height:8px}
}

@media (max-width: 1629px) {

  .banner-section .shape-image { right: -70px; }

}

@media ( max-width:1440px ){

  .testimonial-section-v2.testimonial-section { padding:60px 0;}
}

@media (max-width: 1429px) {

  .banner-section .image { right: 0; }
  .banner-section .shape-image { right: 30px; }

  .slick-arrow { left: -40px; }
  .slick-arrow.slick-next { right: -40px; }

}

@media ( max-width:1200px){

  header .slogan-header-logo {width: 165px;}
  .mainmenu .hs-menu-wrapper>ul>li { margin-left:25px; }
  .testimonial-section-v2.testimonial-section .title h3{font-size:48px}
  .testimonial-section-v2.testimonial-section ul.slick-dots>li{padding:5px 3px}
  .testimonial-section-v2 .slider.testimonial-for{padding:0 60px}
  .testimonial-section-v2 .testimonial-slider .client-box{font-size:18px}

}

@media (max-width: 1199px) {
  h1 { font-size: 50px; }
  h2 { font-size: 48px; }
  h3 { font-size: 40px; }
  h4 { font-size: 30px; }
  .slick-arrow { left: -25px; }
  .slick-arrow.slick-next { right: -25px; }

  .banner-section { overflow: hidden; }
  .banner-section .inner { min-height: inherit; padding: 0; display: flex; flex-flow: row-reverse; align-items: flex-end; }
  .banner-section .box { width: 500px; padding: 100px 0; }
  .banner-section .image { position: static; width: calc(100% - 500px); text-align: right; padding-left: 50px; }
  .banner-section .image img { max-height: 480px; }
  .banner-section .shape-image { bottom: 50px; right: 30px; }

  .box-section .box .top h2 { width: 500px; }
  .box-section .box .top .content { font-size: 20px; width: calc(100% - 500px); }

  .business-slider .box { padding: 25px; }
  .business-slider .box .content { font-size: 20px; }

  .testimonial-slider .box .right-content { padding-left: 50px; }
  .testimonial-slider .box .content { font-size: 28px; line-height: 1.2; }

  .step-section .box .content { font-size: 20px; margin: 25px auto; }

  /*ticket_page*/
  .mainn_advantage{max-width:960px;}
  .tiktok_main_section .left{padding-right:0px;}
  .right .multi_channel_row { margin-right: -78px; }

  .schedule-meeting-heading h1 { font-size:40px;}
  .schedule-meeting-list-title p {font-size:18px;}



}
@media (max-width: 1024px) {
  .main__content_box .features__content_box{ width: calc(50% - 32px); margin: 0 auto; margin-top: 30px;}
  .marketplaces_section .sub__integration__item { margin: 10px; width: calc(100% / 3 - 20px); }
  .steps__section__left{padding-right: 30px;}
  .steps__section__right {padding-left: 0;}


  .Update__section h2, .update__section h3{    text-align: center;  }
  .multi_channel_bg_color .multi_channel_main_title h3,.multi_channel_main_title h4{   text-align: center;  }

  .multi_channel_main_section .insights ul li {  margin: 0 10px !important;  }
  .Update__section .insights ul{ flex-direction:inherit;         justify-content: center;  }
  .multi_channel_main_section .left_cover .bottom {  width: 100%; }


}

@media (max-width: 991px) {



  h1 { font-size: 44px; }
  h2 { font-size: 40px; }
  h3 { font-size: 36px; }
  h5 { font-size: 24px; }
  main#main-content { padding-top: 66px; }
  .arrow-box .slick-slider { padding-top: 20px; }
  .arrow-box .slick-arrow { top: -25px; left: auto; right: 55px; }
  .arrow-box .slick-arrow.slick-next { right: 0; }
  .slick-arrow { left: 0; }
  .slick-arrow.slick-next { right: 0; }

  header { padding: 15px 0; }
  header .header-right { display: none; position: absolute; top: 100%; left: 0; right: 0; z-index: 9; background: var(--white); width: 100%; padding: 0; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
  header .header-btn { padding: 15px; }

  .mainmenu ul { display: block; }
  .mainmenu .hs-menu-wrapper > ul > li { display: block; margin: 0; }
  .mainmenu .hs-menu-wrapper ul li a { padding: 15px; border-bottom: 1px solid #e0e0e0; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper { position: static; display: none; }
  .mainmenu .hs-menu-wrapper > ul > li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding: 5px 20px; }

  footer .bottom { display: block; }
  footer .bottom .menu { width: 100%; margin-bottom: 20px; }
  footer .bottom .menu ul { grid-column-gap: 25px; }

  .banner-section { position: relative; }
  .banner-section:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.7); }
  .banner-section .image { position: absolute; bottom: 0; width: 100%; padding: 0; }
  .banner-section .image img { width: 60%; height: 60% !important; }
  .banner-section .inner { display: flex; align-items: center; justify-content: center; position: static; height: calc(100vh - 66px); }
  .banner-section .box { position: relative; z-index: 1; width: 100%; padding: 70px 0; }
  .banner-hover-animation { display: none; }
  .banner-section .shape-image { bottom: 30px; right: 120px; }
  .banner-section .shape-image img { max-width: 24vw; opacity: 0.6; }
  .btn a { font-size: 16px; padding: 10px 25px; }

  .service-section .box { display: block; text-align: center; }
  .service-section .box .icon { margin: 0 auto; width: 35px; }
  .service-section .box h5 { width: 100%; padding: 15px 0 0; }

  .box-section .box .top { display: block; }
  .box-section .box .top h2 { width: 100%; }
  .box-section .box .top .content { font-size: 18px; width: 100%; padding: 20px 0 0; }
  .box-section .box .image img { min-height: inherit; }

  .brand-section, .step-section { padding: 70px 0; }

  .business-section { padding: 70px 0; }
  .business-section .title { margin-bottom: 30px; }
  .business-slider .box .content { font-size: 18px; }

  .testimonial-section .title { display: block; margin-bottom: 35px; }
  .testimonial-section .title h3 { width: 100%; padding: 0; }
  .testimonial-section .title .testimonial-nav { display: none; }
  .testimonial-section { padding: 70px 0; text-align: center; }
  .testimonial-slider .box { display: block; padding-top: 20px; }
  .testimonial-slider .box .image { margin: 0 auto; width: 180px; height:180px; }
  .testimonial-slider .box .right-content { width: 100%; padding: 30px 50px 0; }
  /*   .testimonial-slider .box .image svg { width: 75px; top: -20px; } */
  .testimonial-slider .box .image svg {right: -35px;}
  .testimonial-slider .box .content { font-size: 24px; }
  .testimonial-slider .box .bottom { margin-top: 20px; }

  .step-section .box .content { font-size: 18px; }

  /* start */
  .sales_section .row{align-items: center;}
  .mainn_advantage {max-width: 770px;}
  .tiktok_main_section {padding:80px 0;}
  .iconn__box{padding:80px 0;}
  h5.three_steps_img_text{margin-left: 0;}
  .integrations_section .content h1{max-width:100%;}
  .multi_channel_main_section .multi_channel_title{font-size: 30px;line-height: 32px;}
  .left_cover .multi_channel_headline h3 { text-align: left !important; }
  .Update__section .left { width: 100%; }
  .Update__section .right { width: 100%; }
  .right .multi_channel_row { margin-right: 0;}
  .left_cover h3.multi_channel_headline { text-align: left !important;}
  .row.postion_change .multi_channel_row {margin-left: 0; margin-right: 0; }
  /* end */

  .schedule-meeting-heading h1 { font-size:36px;}
  .schedule-meeting-list-title p {font-size:16px;}
  .schedule-meeting-right { padding:20px; }
  .schedule-meeting-right .form-columns-2>div {width: 100% !important;}
  .slogan-header-logo { width: 295px; margin: 15px 15px 10px; }

  .testimonial-section-v2.testimonial-section .title .testimonial-nav{display:none}
  .testimonial-section-v2.testimonial-section .title h3{width:100%;font-size:45px}
  .testimonial-section-v2 .testimonial-slider .box .right-content{width:100%}
  .testimonial-section-v2 .testimonial-slider .client-box{justify-content:center}
  .testimonial-section-v2 .testimonial-slider .box .bottom{margin-top:15px}
  .testimonial-section-v2 .slick-arrow:before{width:16px;height:16px}
  .testimonial-section-v2.testimonial-section .title { margin-bottom: 50px; }
  
      .testimonial-section-v2.testimonial-section {
        padding: 40px 0;
    }

}


@media (min-width: 768px) {
  .banner-section{ padding-top:90px; } 


}


@media (max-width: 767px) {


  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  h3 { font-size: 30px; }

  footer { padding: 50px 0 30px; }
  footer .top .inner { grid-gap: 20px; }
  footer .middle { display: block; margin: 25px 0; }
  footer .middle .content { width: 100%; }
  footer .middle .right { width: 100%; margin-top: 20px; }
  footer .middle .menu ul { display: flex; flex-direction: row; grid-column-gap: 20px; grid-row-gap: 10px; }
  footer .middle .menu ul li { text-align: left !important; }

  .service-section .list { grid-template-columns: 1fr; }

  .box-section .box .image { margin-top: 30px; }
  .box-section .box + .box { margin-top: 50px; }
  .box-section .box .play-btn { width: 50px; height: 50px; }
  .box-section .box .play-btn svg { width: 20px; }

  .testimonial-slider .box .right-content { padding: 30px 15px 0; }
  .testimonial-slider .box .content { font-size: 18px; }

  .banner-section .inner{         height: calc(100vh - 110px);  }



  .bottom.bottom_audio > div { width: 100%;         text-align: center !important;  }
  /**/
  .tiktok_main_section .left__content h1 {font-size: 52px; }
  .tiktok_main_section .left{width:100%;}
  .tiktok_main_section .right{width:100%;margin-top: 40px;}
  .features_section .page_heading h2{font-size:34px;}
  .main__content_box .features__content_box{width:100%;}
  .sales_section .sales__main { padding-right: 0; width: 100%; }
  .sales_section .sales__two { padding-left: 0; width: 100%; padding-top: 30px; }
  .border_bottom { width: 100%; }
  .selling_section .sub_selling_content { width: 100%; padding-right: 0; }
  .selling_section .selling_text_section { width: 100%; padding-left: 0; padding-top: 30px; }
  .sales_section .sales__main h3 { font-size: 29px }
  .mainn_advantage { max-width: 410px; }
  .mainn_advantage h2 { padding-bottom: 14px; font-size: 31px; }
  .tiktok_main_section{padding:50px 0;}
  .features_section { padding: 30px 0; }
  .tiktok_main_section .right { padding-left: 0; }
  .iconn__box { padding: 30px 0; }
  .sales_section { padding: 30px 0; }
  .border_bottom { padding-bottom: 30px }
  .selling_section { padding: 30px 0; }
  .tiktok_main_section .btn__row{gap: 21px;}
  .view_section .sales__two { padding-right: 0; width: 100%; }
  .view_section .sales__main { padding-left: 0; width: 100%; }
  .content__box{padding-left: 0;}
  .main__content_box .features__content_box{display:block;}
  .sub__box{padding-bottom: 20px;}
  .marketplaces_section .sub__integration__item { margin: 10px; width: calc(50% - 20px) !important;}
  .marketplaces_section { padding: 30px 0; }
  .integrations_section{padding: 50px 0 0;}
  .steps__section__right .steps_right_text { max-width: 100%; }
  .steps__section__left { padding-right: 0; width: 100%; }
  .steps__section__right { padding-left: 0; width: 100%; }
  .steps_section .title h2 { font-size: 30px }
  .steps_section { padding: 50px 0; }
  h5.three_steps_img_text{margin-top:0;}
  .marketplaces_section .Description h2{font-size:32px;}
  .integrations_section .content h1{font-size:30px;padding-bottom: 0;line-height: 39px;}
  .multi_channel_main_section .multi_channel_title{ font-size: 20px; line-height: 25px;}
  .multi_channel_main_section { padding: 20px 0;}
  .steps__section__right{padding-top: 28px;}
  .steps__section__right .list_item{padding-bottom: 28px;}
  .steps_section .steps_title h2{ font-size: 32px;  }
  .multi_channel_main_title h4{font-size: 20px; line-height: 20px; margin-top: 22px;}
  .multi_channel_main_section .insights ul li{margin:0 !important;}
  .row.postion_change .multi_channel_row {margin-left: 0; margin-right: 0; }
  .management-bottom-box .left { padding-right: 20px; width: 100%;}
  .management-bottom-box .right { padding-left: 20px; width: 100%;}
  .intergrate_shipping_section .intergrate_shipping_leftt { padding-right: 20px; width: 100%; }
  .intergrate_shipping_section .intergrate_shipping_rightt { padding-left: 20px; width: 100%;padding-top: 30px; }
  .intergrate_shipping_section { padding: 20px 0; }
  /**/

  .postion_change .left { padding-right: 0; padding-left: 0px; }
  .postion_change .right { padding-left: 0; }

  .schedule-meeting-heading h1 { font-size:30px;}
  .schedule-meeting-left {width: 100%;padding: 0; gap:30px 0;}
  .schedule-meeting-right {width: 100%;margin-top: 25px;}
  .schedule-meeting-sec {padding: 50px 0;}
  .schedule-meeting-list-main {margin-bottom:15px;}

  .testimonial-section-v2.testimonial-section .title h3{font-size:40px}
  .testimonial-section-v2 .slider.testimonial-for{padding:0}
  .testimonial-section-v2 .testimonial-slider .box .image svg{width:45px}
  .testimonial-section-v2 .testimonial-slider .client-box{flex-wrap:wrap}
  .testimonial-section-v2 .slick-arrow:before{width:14px;height:14px}
  .testimonial-section-v2 .testimonial-slider .box .image{width:180px;height:180px}
  .testimonial-slider .box{padding-top:30px}




}
@media (max-width: 480px) {
  .marketplaces_section .sub__integration__item { margin: 10px; width: calc(100% - 20px) !important;}
  .steps__section__right .list_item{display:block; height: auto; margin: 0;}
  .steps__section__right .steps_right_text{padding-left:0}
  .steps_section .steps_title h2{font-size: 29px;}
  .steps__section__right .list_item{padding-bottom: 30px;}
  .multi_channel_main_section .multi_channel_bg_color{padding: 24px 24px 24px;}
  .multi_channel_main_section .insights ul{display:block;}
  .multi_channel_main_section h2{font-size:29px;line-height:30px;}
  .multi_channel_main_title h4{font-size:18px;}
}

@media (min-width: 1401px) {
  .tiktok_main_section .right .image {margin-left: auto;margin-right: -100px;}
}