/*!
  Ionicons, v4.2.3
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: "Ionicons";
  src: url(/fonts/ionicons.eot?3c1e04901e63bef6c26cbe06c067ca2c);
  src: url(/fonts/ionicons.eot?3c1e04901e63bef6c26cbe06c067ca2c#iefix)
      format("embedded-opentype"),
    url(/fonts/ionicons.woff2?43d5c718339efeb1177aff722d72669d) format("woff2"),
    url(/fonts/ionicons.woff?a21b9e1aad96623ef91bca7ecea7b169) format("woff"),
    url(/fonts/ionicons.ttf?b2e0fc821c6886fb3940f85a3320003e) format("truetype"),
    url(/fonts/ionicons.svg?91433571f154776a1d46c2a287de05d7#Ionicons)
      format("svg");
  font-weight: normal;
  font-style: normal;
}

.ion,
.ionicons,
.ion-ios-add:before,
.ion-ios-add-circle:before,
.ion-ios-add-circle-outline:before,
.ion-ios-airplane:before,
.ion-ios-alarm:before,
.ion-ios-albums:before,
.ion-ios-alert:before,
.ion-ios-american-football:before,
.ion-ios-analytics:before,
.ion-ios-aperture:before,
.ion-ios-apps:before,
.ion-ios-appstore:before,
.ion-ios-archive:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-dropdown:before,
.ion-ios-arrow-dropdown-circle:before,
.ion-ios-arrow-dropleft:before,
.ion-ios-arrow-dropleft-circle:before,
.ion-ios-arrow-dropright:before,
.ion-ios-arrow-dropright-circle:before,
.ion-ios-arrow-dropup:before,
.ion-ios-arrow-dropup-circle:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-round-back:before,
.ion-ios-arrow-round-down:before,
.ion-ios-arrow-round-forward:before,
.ion-ios-arrow-round-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-attach:before,
.ion-ios-backspace:before,
.ion-ios-barcode:before,
.ion-ios-baseball:before,
.ion-ios-basket:before,
.ion-ios-basketball:before,
.ion-ios-battery-charging:before,
.ion-ios-battery-dead:before,
.ion-ios-battery-full:before,
.ion-ios-beaker:before,
.ion-ios-bed:before,
.ion-ios-beer:before,
.ion-ios-bicycle:before,
.ion-ios-bluetooth:before,
.ion-ios-boat:before,
.ion-ios-body:before,
.ion-ios-bonfire:before,
.ion-ios-book:before,
.ion-ios-bookmark:before,
.ion-ios-bookmarks:before,
.ion-ios-bowtie:before,
.ion-ios-briefcase:before,
.ion-ios-browsers:before,
.ion-ios-brush:before,
.ion-ios-bug:before,
.ion-ios-build:before,
.ion-ios-bulb:before,
.ion-ios-bus:before,
.ion-ios-business:before,
.ion-ios-cafe:before,
.ion-ios-calculator:before,
.ion-ios-calendar:before,
.ion-ios-call:before,
.ion-ios-camera:before,
.ion-ios-car:before,
.ion-ios-card:before,
.ion-ios-cart:before,
.ion-ios-cash:before,
.ion-ios-cellular:before,
.ion-ios-chatboxes:before,
.ion-ios-chatbubbles:before,
.ion-ios-checkbox:before,
.ion-ios-checkbox-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-circle:before,
.ion-ios-checkmark-circle-outline:before,
.ion-ios-clipboard:before,
.ion-ios-clock:before,
.ion-ios-close:before,
.ion-ios-close-circle:before,
.ion-ios-close-circle-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-circle:before,
.ion-ios-cloud-done:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-code:before,
.ion-ios-code-download:before,
.ion-ios-code-working:before,
.ion-ios-cog:before,
.ion-ios-color-fill:before,
.ion-ios-color-filter:before,
.ion-ios-color-palette:before,
.ion-ios-color-wand:before,
.ion-ios-compass:before,
.ion-ios-construct:before,
.ion-ios-contact:before,
.ion-ios-contacts:before,
.ion-ios-contract:before,
.ion-ios-contrast:before,
.ion-ios-copy:before,
.ion-ios-create:before,
.ion-ios-crop:before,
.ion-ios-cube:before,
.ion-ios-cut:before,
.ion-ios-desktop:before,
.ion-ios-disc:before,
.ion-ios-document:before,
.ion-ios-done-all:before,
.ion-ios-download:before,
.ion-ios-easel:before,
.ion-ios-egg:before,
.ion-ios-exit:before,
.ion-ios-expand:before,
.ion-ios-eye:before,
.ion-ios-eye-off:before,
.ion-ios-fastforward:before,
.ion-ios-female:before,
.ion-ios-filing:before,
.ion-ios-film:before,
.ion-ios-finger-print:before,
.ion-ios-fitness:before,
.ion-ios-flag:before,
.ion-ios-flame:before,
.ion-ios-flash:before,
.ion-ios-flash-off:before,
.ion-ios-flashlight:before,
.ion-ios-flask:before,
.ion-ios-flower:before,
.ion-ios-folder:before,
.ion-ios-folder-open:before,
.ion-ios-football:before,
.ion-ios-funnel:before,
.ion-ios-gift:before,
.ion-ios-git-branch:before,
.ion-ios-git-commit:before,
.ion-ios-git-compare:before,
.ion-ios-git-merge:before,
.ion-ios-git-network:before,
.ion-ios-git-pull-request:before,
.ion-ios-glasses:before,
.ion-ios-globe:before,
.ion-ios-grid:before,
.ion-ios-hammer:before,
.ion-ios-hand:before,
.ion-ios-happy:before,
.ion-ios-headset:before,
.ion-ios-heart:before,
.ion-ios-heart-dislike:before,
.ion-ios-heart-empty:before,
.ion-ios-heart-half:before,
.ion-ios-help:before,
.ion-ios-help-buoy:before,
.ion-ios-help-circle:before,
.ion-ios-help-circle-outline:before,
.ion-ios-home:before,
.ion-ios-hourglass:before,
.ion-ios-ice-cream:before,
.ion-ios-image:before,
.ion-ios-images:before,
.ion-ios-infinite:before,
.ion-ios-information:before,
.ion-ios-information-circle:before,
.ion-ios-information-circle-outline:before,
.ion-ios-jet:before,
.ion-ios-journal:before,
.ion-ios-key:before,
.ion-ios-keypad:before,
.ion-ios-laptop:before,
.ion-ios-leaf:before,
.ion-ios-link:before,
.ion-ios-list:before,
.ion-ios-list-box:before,
.ion-ios-locate:before,
.ion-ios-lock:before,
.ion-ios-log-in:before,
.ion-ios-log-out:before,
.ion-ios-magnet:before,
.ion-ios-mail:before,
.ion-ios-mail-open:before,
.ion-ios-mail-unread:before,
.ion-ios-male:before,
.ion-ios-man:before,
.ion-ios-map:before,
.ion-ios-medal:before,
.ion-ios-medical:before,
.ion-ios-medkit:before,
.ion-ios-megaphone:before,
.ion-ios-menu:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-microphone:before,
.ion-ios-moon:before,
.ion-ios-more:before,
.ion-ios-move:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-notifications:before,
.ion-ios-notifications-off:before,
.ion-ios-notifications-outline:before,
.ion-ios-nuclear:before,
.ion-ios-nutrition:before,
.ion-ios-open:before,
.ion-ios-options:before,
.ion-ios-outlet:before,
.ion-ios-paper:before,
.ion-ios-paper-plane:before,
.ion-ios-partly-sunny:before,
.ion-ios-pause:before,
.ion-ios-paw:before,
.ion-ios-people:before,
.ion-ios-person:before,
.ion-ios-person-add:before,
.ion-ios-phone-landscape:before,
.ion-ios-phone-portrait:before,
.ion-ios-photos:before,
.ion-ios-pie:before,
.ion-ios-pin:before,
.ion-ios-pint:before,
.ion-ios-pizza:before,
.ion-ios-planet:before,
.ion-ios-play:before,
.ion-ios-play-circle:before,
.ion-ios-podium:before,
.ion-ios-power:before,
.ion-ios-pricetag:before,
.ion-ios-pricetags:before,
.ion-ios-print:before,
.ion-ios-pulse:before,
.ion-ios-qr-scanner:before,
.ion-ios-quote:before,
.ion-ios-radio:before,
.ion-ios-radio-button-off:before,
.ion-ios-radio-button-on:before,
.ion-ios-rainy:before,
.ion-ios-recording:before,
.ion-ios-redo:before,
.ion-ios-refresh:before,
.ion-ios-refresh-circle:before,
.ion-ios-remove:before,
.ion-ios-remove-circle:before,
.ion-ios-remove-circle-outline:before,
.ion-ios-reorder:before,
.ion-ios-repeat:before,
.ion-ios-resize:before,
.ion-ios-restaurant:before,
.ion-ios-return-left:before,
.ion-ios-return-right:before,
.ion-ios-reverse-camera:before,
.ion-ios-rewind:before,
.ion-ios-ribbon:before,
.ion-ios-rocket:before,
.ion-ios-rose:before,
.ion-ios-sad:before,
.ion-ios-save:before,
.ion-ios-school:before,
.ion-ios-search:before,
.ion-ios-send:before,
.ion-ios-settings:before,
.ion-ios-share:before,
.ion-ios-share-alt:before,
.ion-ios-shirt:before,
.ion-ios-shuffle:before,
.ion-ios-skip-backward:before,
.ion-ios-skip-forward:before,
.ion-ios-snow:before,
.ion-ios-speedometer:before,
.ion-ios-square:before,
.ion-ios-square-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stats:before,
.ion-ios-stopwatch:before,
.ion-ios-subway:before,
.ion-ios-sunny:before,
.ion-ios-swap:before,
.ion-ios-switch:before,
.ion-ios-sync:before,
.ion-ios-tablet-landscape:before,
.ion-ios-tablet-portrait:before,
.ion-ios-tennisball:before,
.ion-ios-text:before,
.ion-ios-thermometer:before,
.ion-ios-thumbs-down:before,
.ion-ios-thumbs-up:before,
.ion-ios-thunderstorm:before,
.ion-ios-time:before,
.ion-ios-timer:before,
.ion-ios-today:before,
.ion-ios-train:before,
.ion-ios-transgender:before,
.ion-ios-trash:before,
.ion-ios-trending-down:before,
.ion-ios-trending-up:before,
.ion-ios-trophy:before,
.ion-ios-tv:before,
.ion-ios-umbrella:before,
.ion-ios-undo:before,
.ion-ios-unlock:before,
.ion-ios-videocam:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-volume-mute:before,
.ion-ios-volume-off:before,
.ion-ios-walk:before,
.ion-ios-wallet:before,
.ion-ios-warning:before,
.ion-ios-watch:before,
.ion-ios-water:before,
.ion-ios-wifi:before,
.ion-ios-wine:before,
.ion-ios-woman:before,
.ion-logo-android:before,
.ion-logo-angular:before,
.ion-logo-apple:before,
.ion-logo-bitbucket:before,
.ion-logo-bitcoin:before,
.ion-logo-buffer:before,
.ion-logo-chrome:before,
.ion-logo-closed-captioning:before,
.ion-logo-codepen:before,
.ion-logo-css3:before,
.ion-logo-designernews:before,
.ion-logo-dribbble:before,
.ion-logo-dropbox:before,
.ion-logo-euro:before,
.ion-logo-facebook:before,
.ion-logo-flickr:before,
.ion-logo-foursquare:before,
.ion-logo-freebsd-devil:before,
.ion-logo-game-controller-a:before,
.ion-logo-game-controller-b:before,
.ion-logo-github:before,
.ion-logo-google:before,
.ion-logo-googleplus:before,
.ion-logo-hackernews:before,
.ion-logo-html5:before,
.ion-logo-instagram:before,
.ion-logo-ionic:before,
.ion-logo-ionitron:before,
.ion-logo-javascript:before,
.ion-logo-linkedin:before,
.ion-logo-markdown:before,
.ion-logo-model-s:before,
.ion-logo-no-smoking:before,
.ion-logo-nodejs:before,
.ion-logo-npm:before,
.ion-logo-octocat:before,
.ion-logo-pinterest:before,
.ion-logo-playstation:before,
.ion-logo-polymer:before,
.ion-logo-python:before,
.ion-logo-reddit:before,
.ion-logo-rss:before,
.ion-logo-sass:before,
.ion-logo-skype:before,
.ion-logo-slack:before,
.ion-logo-snapchat:before,
.ion-logo-steam:before,
.ion-logo-tumblr:before,
.ion-logo-tux:before,
.ion-logo-twitch:before,
.ion-logo-twitter:before,
.ion-logo-usd:before,
.ion-logo-vimeo:before,
.ion-logo-vk:before,
.ion-logo-whatsapp:before,
.ion-logo-windows:before,
.ion-logo-wordpress:before,
.ion-logo-xbox:before,
.ion-logo-xing:before,
.ion-logo-yahoo:before,
.ion-logo-yen:before,
.ion-logo-youtube:before,
.ion-md-add:before,
.ion-md-add-circle:before,
.ion-md-add-circle-outline:before,
.ion-md-airplane:before,
.ion-md-alarm:before,
.ion-md-albums:before,
.ion-md-alert:before,
.ion-md-american-football:before,
.ion-md-analytics:before,
.ion-md-aperture:before,
.ion-md-apps:before,
.ion-md-appstore:before,
.ion-md-archive:before,
.ion-md-arrow-back:before,
.ion-md-arrow-down:before,
.ion-md-arrow-dropdown:before,
.ion-md-arrow-dropdown-circle:before,
.ion-md-arrow-dropleft:before,
.ion-md-arrow-dropleft-circle:before,
.ion-md-arrow-dropright:before,
.ion-md-arrow-dropright-circle:before,
.ion-md-arrow-dropup:before,
.ion-md-arrow-dropup-circle:before,
.ion-md-arrow-forward:before,
.ion-md-arrow-round-back:before,
.ion-md-arrow-round-down:before,
.ion-md-arrow-round-forward:before,
.ion-md-arrow-round-up:before,
.ion-md-arrow-up:before,
.ion-md-at:before,
.ion-md-attach:before,
.ion-md-backspace:before,
.ion-md-barcode:before,
.ion-md-baseball:before,
.ion-md-basket:before,
.ion-md-basketball:before,
.ion-md-battery-charging:before,
.ion-md-battery-dead:before,
.ion-md-battery-full:before,
.ion-md-beaker:before,
.ion-md-bed:before,
.ion-md-beer:before,
.ion-md-bicycle:before,
.ion-md-bluetooth:before,
.ion-md-boat:before,
.ion-md-body:before,
.ion-md-bonfire:before,
.ion-md-book:before,
.ion-md-bookmark:before,
.ion-md-bookmarks:before,
.ion-md-bowtie:before,
.ion-md-briefcase:before,
.ion-md-browsers:before,
.ion-md-brush:before,
.ion-md-bug:before,
.ion-md-build:before,
.ion-md-bulb:before,
.ion-md-bus:before,
.ion-md-business:before,
.ion-md-cafe:before,
.ion-md-calculator:before,
.ion-md-calendar:before,
.ion-md-call:before,
.ion-md-camera:before,
.ion-md-car:before,
.ion-md-card:before,
.ion-md-cart:before,
.ion-md-cash:before,
.ion-md-cellular:before,
.ion-md-chatboxes:before,
.ion-md-chatbubbles:before,
.ion-md-checkbox:before,
.ion-md-checkbox-outline:before,
.ion-md-checkmark:before,
.ion-md-checkmark-circle:before,
.ion-md-checkmark-circle-outline:before,
.ion-md-clipboard:before,
.ion-md-clock:before,
.ion-md-close:before,
.ion-md-close-circle:before,
.ion-md-close-circle-outline:before,
.ion-md-cloud:before,
.ion-md-cloud-circle:before,
.ion-md-cloud-done:before,
.ion-md-cloud-download:before,
.ion-md-cloud-outline:before,
.ion-md-cloud-upload:before,
.ion-md-cloudy:before,
.ion-md-cloudy-night:before,
.ion-md-code:before,
.ion-md-code-download:before,
.ion-md-code-working:before,
.ion-md-cog:before,
.ion-md-color-fill:before,
.ion-md-color-filter:before,
.ion-md-color-palette:before,
.ion-md-color-wand:before,
.ion-md-compass:before,
.ion-md-construct:before,
.ion-md-contact:before,
.ion-md-contacts:before,
.ion-md-contract:before,
.ion-md-contrast:before,
.ion-md-copy:before,
.ion-md-create:before,
.ion-md-crop:before,
.ion-md-cube:before,
.ion-md-cut:before,
.ion-md-desktop:before,
.ion-md-disc:before,
.ion-md-document:before,
.ion-md-done-all:before,
.ion-md-download:before,
.ion-md-easel:before,
.ion-md-egg:before,
.ion-md-exit:before,
.ion-md-expand:before,
.ion-md-eye:before,
.ion-md-eye-off:before,
.ion-md-fastforward:before,
.ion-md-female:before,
.ion-md-filing:before,
.ion-md-film:before,
.ion-md-finger-print:before,
.ion-md-fitness:before,
.ion-md-flag:before,
.ion-md-flame:before,
.ion-md-flash:before,
.ion-md-flash-off:before,
.ion-md-flashlight:before,
.ion-md-flask:before,
.ion-md-flower:before,
.ion-md-folder:before,
.ion-md-folder-open:before,
.ion-md-football:before,
.ion-md-funnel:before,
.ion-md-gift:before,
.ion-md-git-branch:before,
.ion-md-git-commit:before,
.ion-md-git-compare:before,
.ion-md-git-merge:before,
.ion-md-git-network:before,
.ion-md-git-pull-request:before,
.ion-md-glasses:before,
.ion-md-globe:before,
.ion-md-grid:before,
.ion-md-hammer:before,
.ion-md-hand:before,
.ion-md-happy:before,
.ion-md-headset:before,
.ion-md-heart:before,
.ion-md-heart-dislike:before,
.ion-md-heart-empty:before,
.ion-md-heart-half:before,
.ion-md-help:before,
.ion-md-help-buoy:before,
.ion-md-help-circle:before,
.ion-md-help-circle-outline:before,
.ion-md-home:before,
.ion-md-hourglass:before,
.ion-md-ice-cream:before,
.ion-md-image:before,
.ion-md-images:before,
.ion-md-infinite:before,
.ion-md-information:before,
.ion-md-information-circle:before,
.ion-md-information-circle-outline:before,
.ion-md-jet:before,
.ion-md-journal:before,
.ion-md-key:before,
.ion-md-keypad:before,
.ion-md-laptop:before,
.ion-md-leaf:before,
.ion-md-link:before,
.ion-md-list:before,
.ion-md-list-box:before,
.ion-md-locate:before,
.ion-md-lock:before,
.ion-md-log-in:before,
.ion-md-log-out:before,
.ion-md-magnet:before,
.ion-md-mail:before,
.ion-md-mail-open:before,
.ion-md-mail-unread:before,
.ion-md-male:before,
.ion-md-man:before,
.ion-md-map:before,
.ion-md-medal:before,
.ion-md-medical:before,
.ion-md-medkit:before,
.ion-md-megaphone:before,
.ion-md-menu:before,
.ion-md-mic:before,
.ion-md-mic-off:before,
.ion-md-microphone:before,
.ion-md-moon:before,
.ion-md-more:before,
.ion-md-move:before,
.ion-md-musical-note:before,
.ion-md-musical-notes:before,
.ion-md-navigate:before,
.ion-md-notifications:before,
.ion-md-notifications-off:before,
.ion-md-notifications-outline:before,
.ion-md-nuclear:before,
.ion-md-nutrition:before,
.ion-md-open:before,
.ion-md-options:before,
.ion-md-outlet:before,
.ion-md-paper:before,
.ion-md-paper-plane:before,
.ion-md-partly-sunny:before,
.ion-md-pause:before,
.ion-md-paw:before,
.ion-md-people:before,
.ion-md-person:before,
.ion-md-person-add:before,
.ion-md-phone-landscape:before,
.ion-md-phone-portrait:before,
.ion-md-photos:before,
.ion-md-pie:before,
.ion-md-pin:before,
.ion-md-pint:before,
.ion-md-pizza:before,
.ion-md-planet:before,
.ion-md-play:before,
.ion-md-play-circle:before,
.ion-md-podium:before,
.ion-md-power:before,
.ion-md-pricetag:before,
.ion-md-pricetags:before,
.ion-md-print:before,
.ion-md-pulse:before,
.ion-md-qr-scanner:before,
.ion-md-quote:before,
.ion-md-radio:before,
.ion-md-radio-button-off:before,
.ion-md-radio-button-on:before,
.ion-md-rainy:before,
.ion-md-recording:before,
.ion-md-redo:before,
.ion-md-refresh:before,
.ion-md-refresh-circle:before,
.ion-md-remove:before,
.ion-md-remove-circle:before,
.ion-md-remove-circle-outline:before,
.ion-md-reorder:before,
.ion-md-repeat:before,
.ion-md-resize:before,
.ion-md-restaurant:before,
.ion-md-return-left:before,
.ion-md-return-right:before,
.ion-md-reverse-camera:before,
.ion-md-rewind:before,
.ion-md-ribbon:before,
.ion-md-rocket:before,
.ion-md-rose:before,
.ion-md-sad:before,
.ion-md-save:before,
.ion-md-school:before,
.ion-md-search:before,
.ion-md-send:before,
.ion-md-settings:before,
.ion-md-share:before,
.ion-md-share-alt:before,
.ion-md-shirt:before,
.ion-md-shuffle:before,
.ion-md-skip-backward:before,
.ion-md-skip-forward:before,
.ion-md-snow:before,
.ion-md-speedometer:before,
.ion-md-square:before,
.ion-md-square-outline:before,
.ion-md-star:before,
.ion-md-star-half:before,
.ion-md-star-outline:before,
.ion-md-stats:before,
.ion-md-stopwatch:before,
.ion-md-subway:before,
.ion-md-sunny:before,
.ion-md-swap:before,
.ion-md-switch:before,
.ion-md-sync:before,
.ion-md-tablet-landscape:before,
.ion-md-tablet-portrait:before,
.ion-md-tennisball:before,
.ion-md-text:before,
.ion-md-thermometer:before,
.ion-md-thumbs-down:before,
.ion-md-thumbs-up:before,
.ion-md-thunderstorm:before,
.ion-md-time:before,
.ion-md-timer:before,
.ion-md-today:before,
.ion-md-train:before,
.ion-md-transgender:before,
.ion-md-trash:before,
.ion-md-trending-down:before,
.ion-md-trending-up:before,
.ion-md-trophy:before,
.ion-md-tv:before,
.ion-md-umbrella:before,
.ion-md-undo:before,
.ion-md-unlock:before,
.ion-md-videocam:before,
.ion-md-volume-high:before,
.ion-md-volume-low:before,
.ion-md-volume-mute:before,
.ion-md-volume-off:before,
.ion-md-walk:before,
.ion-md-wallet:before,
.ion-md-warning:before,
.ion-md-watch:before,
.ion-md-water:before,
.ion-md-wifi:before,
.ion-md-wine:before,
.ion-md-woman:before {
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-ios-add:before {
  content: "\F102";
}

.ion-ios-add-circle:before {
  content: "\F101";
}

.ion-ios-add-circle-outline:before {
  content: "\F100";
}

.ion-ios-airplane:before {
  content: "\F137";
}

.ion-ios-alarm:before {
  content: "\F3C8";
}

.ion-ios-albums:before {
  content: "\F3CA";
}

.ion-ios-alert:before {
  content: "\F104";
}

.ion-ios-american-football:before {
  content: "\F106";
}

.ion-ios-analytics:before {
  content: "\F3CE";
}

.ion-ios-aperture:before {
  content: "\F108";
}

.ion-ios-apps:before {
  content: "\F10A";
}

.ion-ios-appstore:before {
  content: "\F10C";
}

.ion-ios-archive:before {
  content: "\F10E";
}

.ion-ios-arrow-back:before {
  content: "\F3CF";
}

.ion-ios-arrow-down:before {
  content: "\F3D0";
}

.ion-ios-arrow-dropdown:before {
  content: "\F110";
}

.ion-ios-arrow-dropdown-circle:before {
  content: "\F125";
}

.ion-ios-arrow-dropleft:before {
  content: "\F112";
}

.ion-ios-arrow-dropleft-circle:before {
  content: "\F129";
}

.ion-ios-arrow-dropright:before {
  content: "\F114";
}

.ion-ios-arrow-dropright-circle:before {
  content: "\F12B";
}

.ion-ios-arrow-dropup:before {
  content: "\F116";
}

.ion-ios-arrow-dropup-circle:before {
  content: "\F12D";
}

.ion-ios-arrow-forward:before {
  content: "\F3D1";
}

.ion-ios-arrow-round-back:before {
  content: "\F117";
}

.ion-ios-arrow-round-down:before {
  content: "\F118";
}

.ion-ios-arrow-round-forward:before {
  content: "\F119";
}

.ion-ios-arrow-round-up:before {
  content: "\F11A";
}

.ion-ios-arrow-up:before {
  content: "\F3D8";
}

.ion-ios-at:before {
  content: "\F3DA";
}

.ion-ios-attach:before {
  content: "\F11B";
}

.ion-ios-backspace:before {
  content: "\F11D";
}

.ion-ios-barcode:before {
  content: "\F3DC";
}

.ion-ios-baseball:before {
  content: "\F3DE";
}

.ion-ios-basket:before {
  content: "\F11F";
}

.ion-ios-basketball:before {
  content: "\F3E0";
}

.ion-ios-battery-charging:before {
  content: "\F120";
}

.ion-ios-battery-dead:before {
  content: "\F121";
}

.ion-ios-battery-full:before {
  content: "\F122";
}

.ion-ios-beaker:before {
  content: "\F124";
}

.ion-ios-bed:before {
  content: "\F139";
}

.ion-ios-beer:before {
  content: "\F126";
}

.ion-ios-bicycle:before {
  content: "\F127";
}

.ion-ios-bluetooth:before {
  content: "\F128";
}

.ion-ios-boat:before {
  content: "\F12A";
}

.ion-ios-body:before {
  content: "\F3E4";
}

.ion-ios-bonfire:before {
  content: "\F12C";
}

.ion-ios-book:before {
  content: "\F3E8";
}

.ion-ios-bookmark:before {
  content: "\F12E";
}

.ion-ios-bookmarks:before {
  content: "\F3EA";
}

.ion-ios-bowtie:before {
  content: "\F130";
}

.ion-ios-briefcase:before {
  content: "\F3EE";
}

.ion-ios-browsers:before {
  content: "\F3F0";
}

.ion-ios-brush:before {
  content: "\F132";
}

.ion-ios-bug:before {
  content: "\F134";
}

.ion-ios-build:before {
  content: "\F136";
}

.ion-ios-bulb:before {
  content: "\F138";
}

.ion-ios-bus:before {
  content: "\F13A";
}

.ion-ios-business:before {
  content: "\F1A3";
}

.ion-ios-cafe:before {
  content: "\F13C";
}

.ion-ios-calculator:before {
  content: "\F3F2";
}

.ion-ios-calendar:before {
  content: "\F3F4";
}

.ion-ios-call:before {
  content: "\F13E";
}

.ion-ios-camera:before {
  content: "\F3F6";
}

.ion-ios-car:before {
  content: "\F140";
}

.ion-ios-card:before {
  content: "\F142";
}

.ion-ios-cart:before {
  content: "\F3F8";
}

.ion-ios-cash:before {
  content: "\F144";
}

.ion-ios-cellular:before {
  content: "\F13D";
}

.ion-ios-chatboxes:before {
  content: "\F3FA";
}

.ion-ios-chatbubbles:before {
  content: "\F146";
}

.ion-ios-checkbox:before {
  content: "\F148";
}

.ion-ios-checkbox-outline:before {
  content: "\F147";
}

.ion-ios-checkmark:before {
  content: "\F3FF";
}

.ion-ios-checkmark-circle:before {
  content: "\F14A";
}

.ion-ios-checkmark-circle-outline:before {
  content: "\F149";
}

.ion-ios-clipboard:before {
  content: "\F14C";
}

.ion-ios-clock:before {
  content: "\F403";
}

.ion-ios-close:before {
  content: "\F406";
}

.ion-ios-close-circle:before {
  content: "\F14E";
}

.ion-ios-close-circle-outline:before {
  content: "\F14D";
}

.ion-ios-cloud:before {
  content: "\F40C";
}

.ion-ios-cloud-circle:before {
  content: "\F152";
}

.ion-ios-cloud-done:before {
  content: "\F154";
}

.ion-ios-cloud-download:before {
  content: "\F408";
}

.ion-ios-cloud-outline:before {
  content: "\F409";
}

.ion-ios-cloud-upload:before {
  content: "\F40B";
}

.ion-ios-cloudy:before {
  content: "\F410";
}

.ion-ios-cloudy-night:before {
  content: "\F40E";
}

.ion-ios-code:before {
  content: "\F157";
}

.ion-ios-code-download:before {
  content: "\F155";
}

.ion-ios-code-working:before {
  content: "\F156";
}

.ion-ios-cog:before {
  content: "\F412";
}

.ion-ios-color-fill:before {
  content: "\F159";
}

.ion-ios-color-filter:before {
  content: "\F414";
}

.ion-ios-color-palette:before {
  content: "\F15B";
}

.ion-ios-color-wand:before {
  content: "\F416";
}

.ion-ios-compass:before {
  content: "\F15D";
}

.ion-ios-construct:before {
  content: "\F15F";
}

.ion-ios-contact:before {
  content: "\F41A";
}

.ion-ios-contacts:before {
  content: "\F161";
}

.ion-ios-contract:before {
  content: "\F162";
}

.ion-ios-contrast:before {
  content: "\F163";
}

.ion-ios-copy:before {
  content: "\F41C";
}

.ion-ios-create:before {
  content: "\F165";
}

.ion-ios-crop:before {
  content: "\F41E";
}

.ion-ios-cube:before {
  content: "\F168";
}

.ion-ios-cut:before {
  content: "\F16A";
}

.ion-ios-desktop:before {
  content: "\F16C";
}

.ion-ios-disc:before {
  content: "\F16E";
}

.ion-ios-document:before {
  content: "\F170";
}

.ion-ios-done-all:before {
  content: "\F171";
}

.ion-ios-download:before {
  content: "\F420";
}

.ion-ios-easel:before {
  content: "\F173";
}

.ion-ios-egg:before {
  content: "\F175";
}

.ion-ios-exit:before {
  content: "\F177";
}

.ion-ios-expand:before {
  content: "\F178";
}

.ion-ios-eye:before {
  content: "\F425";
}

.ion-ios-eye-off:before {
  content: "\F17A";
}

.ion-ios-fastforward:before {
  content: "\F427";
}

.ion-ios-female:before {
  content: "\F17B";
}

.ion-ios-filing:before {
  content: "\F429";
}

.ion-ios-film:before {
  content: "\F42B";
}

.ion-ios-finger-print:before {
  content: "\F17C";
}

.ion-ios-fitness:before {
  content: "\F1AB";
}

.ion-ios-flag:before {
  content: "\F42D";
}

.ion-ios-flame:before {
  content: "\F42F";
}

.ion-ios-flash:before {
  content: "\F17E";
}

.ion-ios-flash-off:before {
  content: "\F12F";
}

.ion-ios-flashlight:before {
  content: "\F141";
}

.ion-ios-flask:before {
  content: "\F431";
}

.ion-ios-flower:before {
  content: "\F433";
}

.ion-ios-folder:before {
  content: "\F435";
}

.ion-ios-folder-open:before {
  content: "\F180";
}

.ion-ios-football:before {
  content: "\F437";
}

.ion-ios-funnel:before {
  content: "\F182";
}

.ion-ios-gift:before {
  content: "\F191";
}

.ion-ios-git-branch:before {
  content: "\F183";
}

.ion-ios-git-commit:before {
  content: "\F184";
}

.ion-ios-git-compare:before {
  content: "\F185";
}

.ion-ios-git-merge:before {
  content: "\F186";
}

.ion-ios-git-network:before {
  content: "\F187";
}

.ion-ios-git-pull-request:before {
  content: "\F188";
}

.ion-ios-glasses:before {
  content: "\F43F";
}

.ion-ios-globe:before {
  content: "\F18A";
}

.ion-ios-grid:before {
  content: "\F18C";
}

.ion-ios-hammer:before {
  content: "\F18E";
}

.ion-ios-hand:before {
  content: "\F190";
}

.ion-ios-happy:before {
  content: "\F192";
}

.ion-ios-headset:before {
  content: "\F194";
}

.ion-ios-heart:before {
  content: "\F443";
}

.ion-ios-heart-dislike:before {
  content: "\F13F";
}

.ion-ios-heart-empty:before {
  content: "\F19B";
}

.ion-ios-heart-half:before {
  content: "\F19D";
}

.ion-ios-help:before {
  content: "\F446";
}

.ion-ios-help-buoy:before {
  content: "\F196";
}

.ion-ios-help-circle:before {
  content: "\F198";
}

.ion-ios-help-circle-outline:before {
  content: "\F197";
}

.ion-ios-home:before {
  content: "\F448";
}

.ion-ios-hourglass:before {
  content: "\F103";
}

.ion-ios-ice-cream:before {
  content: "\F19A";
}

.ion-ios-image:before {
  content: "\F19C";
}

.ion-ios-images:before {
  content: "\F19E";
}

.ion-ios-infinite:before {
  content: "\F44A";
}

.ion-ios-information:before {
  content: "\F44D";
}

.ion-ios-information-circle:before {
  content: "\F1A0";
}

.ion-ios-information-circle-outline:before {
  content: "\F19F";
}

.ion-ios-jet:before {
  content: "\F1A5";
}

.ion-ios-journal:before {
  content: "\F189";
}

.ion-ios-key:before {
  content: "\F1A7";
}

.ion-ios-keypad:before {
  content: "\F450";
}

.ion-ios-laptop:before {
  content: "\F1A8";
}

.ion-ios-leaf:before {
  content: "\F1AA";
}

.ion-ios-link:before {
  content: "\F22A";
}

.ion-ios-list:before {
  content: "\F454";
}

.ion-ios-list-box:before {
  content: "\F143";
}

.ion-ios-locate:before {
  content: "\F1AE";
}

.ion-ios-lock:before {
  content: "\F1B0";
}

.ion-ios-log-in:before {
  content: "\F1B1";
}

.ion-ios-log-out:before {
  content: "\F1B2";
}

.ion-ios-magnet:before {
  content: "\F1B4";
}

.ion-ios-mail:before {
  content: "\F1B8";
}

.ion-ios-mail-open:before {
  content: "\F1B6";
}

.ion-ios-mail-unread:before {
  content: "\F145";
}

.ion-ios-male:before {
  content: "\F1B9";
}

.ion-ios-man:before {
  content: "\F1BB";
}

.ion-ios-map:before {
  content: "\F1BD";
}

.ion-ios-medal:before {
  content: "\F1BF";
}

.ion-ios-medical:before {
  content: "\F45C";
}

.ion-ios-medkit:before {
  content: "\F45E";
}

.ion-ios-megaphone:before {
  content: "\F1C1";
}

.ion-ios-menu:before {
  content: "\F1C3";
}

.ion-ios-mic:before {
  content: "\F461";
}

.ion-ios-mic-off:before {
  content: "\F45F";
}

.ion-ios-microphone:before {
  content: "\F1C6";
}

.ion-ios-moon:before {
  content: "\F468";
}

.ion-ios-more:before {
  content: "\F1C8";
}

.ion-ios-move:before {
  content: "\F1CB";
}

.ion-ios-musical-note:before {
  content: "\F46B";
}

.ion-ios-musical-notes:before {
  content: "\F46C";
}

.ion-ios-navigate:before {
  content: "\F46E";
}

.ion-ios-notifications:before {
  content: "\F1D3";
}

.ion-ios-notifications-off:before {
  content: "\F1D1";
}

.ion-ios-notifications-outline:before {
  content: "\F133";
}

.ion-ios-nuclear:before {
  content: "\F1D5";
}

.ion-ios-nutrition:before {
  content: "\F470";
}

.ion-ios-open:before {
  content: "\F1D7";
}

.ion-ios-options:before {
  content: "\F1D9";
}

.ion-ios-outlet:before {
  content: "\F1DB";
}

.ion-ios-paper:before {
  content: "\F472";
}

.ion-ios-paper-plane:before {
  content: "\F1DD";
}

.ion-ios-partly-sunny:before {
  content: "\F1DF";
}

.ion-ios-pause:before {
  content: "\F478";
}

.ion-ios-paw:before {
  content: "\F47A";
}

.ion-ios-people:before {
  content: "\F47C";
}

.ion-ios-person:before {
  content: "\F47E";
}

.ion-ios-person-add:before {
  content: "\F1E1";
}

.ion-ios-phone-landscape:before {
  content: "\F1E2";
}

.ion-ios-phone-portrait:before {
  content: "\F1E3";
}

.ion-ios-photos:before {
  content: "\F482";
}

.ion-ios-pie:before {
  content: "\F484";
}

.ion-ios-pin:before {
  content: "\F1E5";
}

.ion-ios-pint:before {
  content: "\F486";
}

.ion-ios-pizza:before {
  content: "\F1E7";
}

.ion-ios-planet:before {
  content: "\F1EB";
}

.ion-ios-play:before {
  content: "\F488";
}

.ion-ios-play-circle:before {
  content: "\F113";
}

.ion-ios-podium:before {
  content: "\F1ED";
}

.ion-ios-power:before {
  content: "\F1EF";
}

.ion-ios-pricetag:before {
  content: "\F48D";
}

.ion-ios-pricetags:before {
  content: "\F48F";
}

.ion-ios-print:before {
  content: "\F1F1";
}

.ion-ios-pulse:before {
  content: "\F493";
}

.ion-ios-qr-scanner:before {
  content: "\F1F3";
}

.ion-ios-quote:before {
  content: "\F1F5";
}

.ion-ios-radio:before {
  content: "\F1F9";
}

.ion-ios-radio-button-off:before {
  content: "\F1F6";
}

.ion-ios-radio-button-on:before {
  content: "\F1F7";
}

.ion-ios-rainy:before {
  content: "\F495";
}

.ion-ios-recording:before {
  content: "\F497";
}

.ion-ios-redo:before {
  content: "\F499";
}

.ion-ios-refresh:before {
  content: "\F49C";
}

.ion-ios-refresh-circle:before {
  content: "\F135";
}

.ion-ios-remove:before {
  content: "\F1FC";
}

.ion-ios-remove-circle:before {
  content: "\F1FB";
}

.ion-ios-remove-circle-outline:before {
  content: "\F1FA";
}

.ion-ios-reorder:before {
  content: "\F1FD";
}

.ion-ios-repeat:before {
  content: "\F1FE";
}

.ion-ios-resize:before {
  content: "\F1FF";
}

.ion-ios-restaurant:before {
  content: "\F201";
}

.ion-ios-return-left:before {
  content: "\F202";
}

.ion-ios-return-right:before {
  content: "\F203";
}

.ion-ios-reverse-camera:before {
  content: "\F49F";
}

.ion-ios-rewind:before {
  content: "\F4A1";
}

.ion-ios-ribbon:before {
  content: "\F205";
}

.ion-ios-rocket:before {
  content: "\F14B";
}

.ion-ios-rose:before {
  content: "\F4A3";
}

.ion-ios-sad:before {
  content: "\F207";
}

.ion-ios-save:before {
  content: "\F1A6";
}

.ion-ios-school:before {
  content: "\F209";
}

.ion-ios-search:before {
  content: "\F4A5";
}

.ion-ios-send:before {
  content: "\F20C";
}

.ion-ios-settings:before {
  content: "\F4A7";
}

.ion-ios-share:before {
  content: "\F211";
}

.ion-ios-share-alt:before {
  content: "\F20F";
}

.ion-ios-shirt:before {
  content: "\F213";
}

.ion-ios-shuffle:before {
  content: "\F4A9";
}

.ion-ios-skip-backward:before {
  content: "\F215";
}

.ion-ios-skip-forward:before {
  content: "\F217";
}

.ion-ios-snow:before {
  content: "\F218";
}

.ion-ios-speedometer:before {
  content: "\F4B0";
}

.ion-ios-square:before {
  content: "\F21A";
}

.ion-ios-square-outline:before {
  content: "\F15C";
}

.ion-ios-star:before {
  content: "\F4B3";
}

.ion-ios-star-half:before {
  content: "\F4B1";
}

.ion-ios-star-outline:before {
  content: "\F4B2";
}

.ion-ios-stats:before {
  content: "\F21C";
}

.ion-ios-stopwatch:before {
  content: "\F4B5";
}

.ion-ios-subway:before {
  content: "\F21E";
}

.ion-ios-sunny:before {
  content: "\F4B7";
}

.ion-ios-swap:before {
  content: "\F21F";
}

.ion-ios-switch:before {
  content: "\F221";
}

.ion-ios-sync:before {
  content: "\F222";
}

.ion-ios-tablet-landscape:before {
  content: "\F223";
}

.ion-ios-tablet-portrait:before {
  content: "\F24E";
}

.ion-ios-tennisball:before {
  content: "\F4BB";
}

.ion-ios-text:before {
  content: "\F250";
}

.ion-ios-thermometer:before {
  content: "\F252";
}

.ion-ios-thumbs-down:before {
  content: "\F254";
}

.ion-ios-thumbs-up:before {
  content: "\F256";
}

.ion-ios-thunderstorm:before {
  content: "\F4BD";
}

.ion-ios-time:before {
  content: "\F4BF";
}

.ion-ios-timer:before {
  content: "\F4C1";
}

.ion-ios-today:before {
  content: "\F14F";
}

.ion-ios-train:before {
  content: "\F258";
}

.ion-ios-transgender:before {
  content: "\F259";
}

.ion-ios-trash:before {
  content: "\F4C5";
}

.ion-ios-trending-down:before {
  content: "\F25A";
}

.ion-ios-trending-up:before {
  content: "\F25B";
}

.ion-ios-trophy:before {
  content: "\F25D";
}

.ion-ios-tv:before {
  content: "\F115";
}

.ion-ios-umbrella:before {
  content: "\F25F";
}

.ion-ios-undo:before {
  content: "\F4C7";
}

.ion-ios-unlock:before {
  content: "\F261";
}

.ion-ios-videocam:before {
  content: "\F4CD";
}

.ion-ios-volume-high:before {
  content: "\F11C";
}

.ion-ios-volume-low:before {
  content: "\F11E";
}

.ion-ios-volume-mute:before {
  content: "\F263";
}

.ion-ios-volume-off:before {
  content: "\F264";
}

.ion-ios-walk:before {
  content: "\F266";
}

.ion-ios-wallet:before {
  content: "\F18B";
}

.ion-ios-warning:before {
  content: "\F268";
}

.ion-ios-watch:before {
  content: "\F269";
}

.ion-ios-water:before {
  content: "\F26B";
}

.ion-ios-wifi:before {
  content: "\F26D";
}

.ion-ios-wine:before {
  content: "\F26F";
}

.ion-ios-woman:before {
  content: "\F271";
}

.ion-logo-android:before {
  content: "\F225";
}

.ion-logo-angular:before {
  content: "\F227";
}

.ion-logo-apple:before {
  content: "\F229";
}

.ion-logo-bitbucket:before {
  content: "\F193";
}

.ion-logo-bitcoin:before {
  content: "\F22B";
}

.ion-logo-buffer:before {
  content: "\F22D";
}

.ion-logo-chrome:before {
  content: "\F22F";
}

.ion-logo-closed-captioning:before {
  content: "\F105";
}

.ion-logo-codepen:before {
  content: "\F230";
}

.ion-logo-css3:before {
  content: "\F231";
}

.ion-logo-designernews:before {
  content: "\F232";
}

.ion-logo-dribbble:before {
  content: "\F233";
}

.ion-logo-dropbox:before {
  content: "\F234";
}

.ion-logo-euro:before {
  content: "\F235";
}

.ion-logo-facebook:before {
  content: "\F236";
}

.ion-logo-flickr:before {
  content: "\F107";
}

.ion-logo-foursquare:before {
  content: "\F237";
}

.ion-logo-freebsd-devil:before {
  content: "\F238";
}

.ion-logo-game-controller-a:before {
  content: "\F13B";
}

.ion-logo-game-controller-b:before {
  content: "\F181";
}

.ion-logo-github:before {
  content: "\F239";
}

.ion-logo-google:before {
  content: "\F23A";
}

.ion-logo-googleplus:before {
  content: "\F23B";
}

.ion-logo-hackernews:before {
  content: "\F23C";
}

.ion-logo-html5:before {
  content: "\F23D";
}

.ion-logo-instagram:before {
  content: "\F23E";
}

.ion-logo-ionic:before {
  content: "\F150";
}

.ion-logo-ionitron:before {
  content: "\F151";
}

.ion-logo-javascript:before {
  content: "\F23F";
}

.ion-logo-linkedin:before {
  content: "\F240";
}

.ion-logo-markdown:before {
  content: "\F241";
}

.ion-logo-model-s:before {
  content: "\F153";
}

.ion-logo-no-smoking:before {
  content: "\F109";
}

.ion-logo-nodejs:before {
  content: "\F242";
}

.ion-logo-npm:before {
  content: "\F195";
}

.ion-logo-octocat:before {
  content: "\F243";
}

.ion-logo-pinterest:before {
  content: "\F244";
}

.ion-logo-playstation:before {
  content: "\F245";
}

.ion-logo-polymer:before {
  content: "\F15E";
}

.ion-logo-python:before {
  content: "\F246";
}

.ion-logo-reddit:before {
  content: "\F247";
}

.ion-logo-rss:before {
  content: "\F248";
}

.ion-logo-sass:before {
  content: "\F249";
}

.ion-logo-skype:before {
  content: "\F24A";
}

.ion-logo-slack:before {
  content: "\F10B";
}

.ion-logo-snapchat:before {
  content: "\F24B";
}

.ion-logo-steam:before {
  content: "\F24C";
}

.ion-logo-tumblr:before {
  content: "\F24D";
}

.ion-logo-tux:before {
  content: "\F2AE";
}

.ion-logo-twitch:before {
  content: "\F2AF";
}

.ion-logo-twitter:before {
  content: "\F2B0";
}

.ion-logo-usd:before {
  content: "\F2B1";
}

.ion-logo-vimeo:before {
  content: "\F2C4";
}

.ion-logo-vk:before {
  content: "\F10D";
}

.ion-logo-whatsapp:before {
  content: "\F2C5";
}

.ion-logo-windows:before {
  content: "\F32F";
}

.ion-logo-wordpress:before {
  content: "\F330";
}

.ion-logo-xbox:before {
  content: "\F34C";
}

.ion-logo-xing:before {
  content: "\F10F";
}

.ion-logo-yahoo:before {
  content: "\F34D";
}

.ion-logo-yen:before {
  content: "\F34E";
}

.ion-logo-youtube:before {
  content: "\F34F";
}

.ion-md-add:before {
  content: "\F273";
}

.ion-md-add-circle:before {
  content: "\F272";
}

.ion-md-add-circle-outline:before {
  content: "\F158";
}

.ion-md-airplane:before {
  content: "\F15A";
}

.ion-md-alarm:before {
  content: "\F274";
}

.ion-md-albums:before {
  content: "\F275";
}

.ion-md-alert:before {
  content: "\F276";
}

.ion-md-american-football:before {
  content: "\F277";
}

.ion-md-analytics:before {
  content: "\F278";
}

.ion-md-aperture:before {
  content: "\F279";
}

.ion-md-apps:before {
  content: "\F27A";
}

.ion-md-appstore:before {
  content: "\F27B";
}

.ion-md-archive:before {
  content: "\F27C";
}

.ion-md-arrow-back:before {
  content: "\F27D";
}

.ion-md-arrow-down:before {
  content: "\F27E";
}

.ion-md-arrow-dropdown:before {
  content: "\F280";
}

.ion-md-arrow-dropdown-circle:before {
  content: "\F27F";
}

.ion-md-arrow-dropleft:before {
  content: "\F282";
}

.ion-md-arrow-dropleft-circle:before {
  content: "\F281";
}

.ion-md-arrow-dropright:before {
  content: "\F284";
}

.ion-md-arrow-dropright-circle:before {
  content: "\F283";
}

.ion-md-arrow-dropup:before {
  content: "\F286";
}

.ion-md-arrow-dropup-circle:before {
  content: "\F285";
}

.ion-md-arrow-forward:before {
  content: "\F287";
}

.ion-md-arrow-round-back:before {
  content: "\F288";
}

.ion-md-arrow-round-down:before {
  content: "\F289";
}

.ion-md-arrow-round-forward:before {
  content: "\F28A";
}

.ion-md-arrow-round-up:before {
  content: "\F28B";
}

.ion-md-arrow-up:before {
  content: "\F28C";
}

.ion-md-at:before {
  content: "\F28D";
}

.ion-md-attach:before {
  content: "\F28E";
}

.ion-md-backspace:before {
  content: "\F28F";
}

.ion-md-barcode:before {
  content: "\F290";
}

.ion-md-baseball:before {
  content: "\F291";
}

.ion-md-basket:before {
  content: "\F292";
}

.ion-md-basketball:before {
  content: "\F293";
}

.ion-md-battery-charging:before {
  content: "\F294";
}

.ion-md-battery-dead:before {
  content: "\F295";
}

.ion-md-battery-full:before {
  content: "\F296";
}

.ion-md-beaker:before {
  content: "\F297";
}

.ion-md-bed:before {
  content: "\F160";
}

.ion-md-beer:before {
  content: "\F298";
}

.ion-md-bicycle:before {
  content: "\F299";
}

.ion-md-bluetooth:before {
  content: "\F29A";
}

.ion-md-boat:before {
  content: "\F29B";
}

.ion-md-body:before {
  content: "\F29C";
}

.ion-md-bonfire:before {
  content: "\F29D";
}

.ion-md-book:before {
  content: "\F29E";
}

.ion-md-bookmark:before {
  content: "\F29F";
}

.ion-md-bookmarks:before {
  content: "\F2A0";
}

.ion-md-bowtie:before {
  content: "\F2A1";
}

.ion-md-briefcase:before {
  content: "\F2A2";
}

.ion-md-browsers:before {
  content: "\F2A3";
}

.ion-md-brush:before {
  content: "\F2A4";
}

.ion-md-bug:before {
  content: "\F2A5";
}

.ion-md-build:before {
  content: "\F2A6";
}

.ion-md-bulb:before {
  content: "\F2A7";
}

.ion-md-bus:before {
  content: "\F2A8";
}

.ion-md-business:before {
  content: "\F1A4";
}

.ion-md-cafe:before {
  content: "\F2A9";
}

.ion-md-calculator:before {
  content: "\F2AA";
}

.ion-md-calendar:before {
  content: "\F2AB";
}

.ion-md-call:before {
  content: "\F2AC";
}

.ion-md-camera:before {
  content: "\F2AD";
}

.ion-md-car:before {
  content: "\F2B2";
}

.ion-md-card:before {
  content: "\F2B3";
}

.ion-md-cart:before {
  content: "\F2B4";
}

.ion-md-cash:before {
  content: "\F2B5";
}

.ion-md-cellular:before {
  content: "\F164";
}

.ion-md-chatboxes:before {
  content: "\F2B6";
}

.ion-md-chatbubbles:before {
  content: "\F2B7";
}

.ion-md-checkbox:before {
  content: "\F2B9";
}

.ion-md-checkbox-outline:before {
  content: "\F2B8";
}

.ion-md-checkmark:before {
  content: "\F2BC";
}

.ion-md-checkmark-circle:before {
  content: "\F2BB";
}

.ion-md-checkmark-circle-outline:before {
  content: "\F2BA";
}

.ion-md-clipboard:before {
  content: "\F2BD";
}

.ion-md-clock:before {
  content: "\F2BE";
}

.ion-md-close:before {
  content: "\F2C0";
}

.ion-md-close-circle:before {
  content: "\F2BF";
}

.ion-md-close-circle-outline:before {
  content: "\F166";
}

.ion-md-cloud:before {
  content: "\F2C9";
}

.ion-md-cloud-circle:before {
  content: "\F2C2";
}

.ion-md-cloud-done:before {
  content: "\F2C3";
}

.ion-md-cloud-download:before {
  content: "\F2C6";
}

.ion-md-cloud-outline:before {
  content: "\F2C7";
}

.ion-md-cloud-upload:before {
  content: "\F2C8";
}

.ion-md-cloudy:before {
  content: "\F2CB";
}

.ion-md-cloudy-night:before {
  content: "\F2CA";
}

.ion-md-code:before {
  content: "\F2CE";
}

.ion-md-code-download:before {
  content: "\F2CC";
}

.ion-md-code-working:before {
  content: "\F2CD";
}

.ion-md-cog:before {
  content: "\F2CF";
}

.ion-md-color-fill:before {
  content: "\F2D0";
}

.ion-md-color-filter:before {
  content: "\F2D1";
}

.ion-md-color-palette:before {
  content: "\F2D2";
}

.ion-md-color-wand:before {
  content: "\F2D3";
}

.ion-md-compass:before {
  content: "\F2D4";
}

.ion-md-construct:before {
  content: "\F2D5";
}

.ion-md-contact:before {
  content: "\F2D6";
}

.ion-md-contacts:before {
  content: "\F2D7";
}

.ion-md-contract:before {
  content: "\F2D8";
}

.ion-md-contrast:before {
  content: "\F2D9";
}

.ion-md-copy:before {
  content: "\F2DA";
}

.ion-md-create:before {
  content: "\F2DB";
}

.ion-md-crop:before {
  content: "\F2DC";
}

.ion-md-cube:before {
  content: "\F2DD";
}

.ion-md-cut:before {
  content: "\F2DE";
}

.ion-md-desktop:before {
  content: "\F2DF";
}

.ion-md-disc:before {
  content: "\F2E0";
}

.ion-md-document:before {
  content: "\F2E1";
}

.ion-md-done-all:before {
  content: "\F2E2";
}

.ion-md-download:before {
  content: "\F2E3";
}

.ion-md-easel:before {
  content: "\F2E4";
}

.ion-md-egg:before {
  content: "\F2E5";
}

.ion-md-exit:before {
  content: "\F2E6";
}

.ion-md-expand:before {
  content: "\F2E7";
}

.ion-md-eye:before {
  content: "\F2E9";
}

.ion-md-eye-off:before {
  content: "\F2E8";
}

.ion-md-fastforward:before {
  content: "\F2EA";
}

.ion-md-female:before {
  content: "\F2EB";
}

.ion-md-filing:before {
  content: "\F2EC";
}

.ion-md-film:before {
  content: "\F2ED";
}

.ion-md-finger-print:before {
  content: "\F2EE";
}

.ion-md-fitness:before {
  content: "\F1AC";
}

.ion-md-flag:before {
  content: "\F2EF";
}

.ion-md-flame:before {
  content: "\F2F0";
}

.ion-md-flash:before {
  content: "\F2F1";
}

.ion-md-flash-off:before {
  content: "\F169";
}

.ion-md-flashlight:before {
  content: "\F16B";
}

.ion-md-flask:before {
  content: "\F2F2";
}

.ion-md-flower:before {
  content: "\F2F3";
}

.ion-md-folder:before {
  content: "\F2F5";
}

.ion-md-folder-open:before {
  content: "\F2F4";
}

.ion-md-football:before {
  content: "\F2F6";
}

.ion-md-funnel:before {
  content: "\F2F7";
}

.ion-md-gift:before {
  content: "\F199";
}

.ion-md-git-branch:before {
  content: "\F2FA";
}

.ion-md-git-commit:before {
  content: "\F2FB";
}

.ion-md-git-compare:before {
  content: "\F2FC";
}

.ion-md-git-merge:before {
  content: "\F2FD";
}

.ion-md-git-network:before {
  content: "\F2FE";
}

.ion-md-git-pull-request:before {
  content: "\F2FF";
}

.ion-md-glasses:before {
  content: "\F300";
}

.ion-md-globe:before {
  content: "\F301";
}

.ion-md-grid:before {
  content: "\F302";
}

.ion-md-hammer:before {
  content: "\F303";
}

.ion-md-hand:before {
  content: "\F304";
}

.ion-md-happy:before {
  content: "\F305";
}

.ion-md-headset:before {
  content: "\F306";
}

.ion-md-heart:before {
  content: "\F308";
}

.ion-md-heart-dislike:before {
  content: "\F167";
}

.ion-md-heart-empty:before {
  content: "\F1A1";
}

.ion-md-heart-half:before {
  content: "\F1A2";
}

.ion-md-help:before {
  content: "\F30B";
}

.ion-md-help-buoy:before {
  content: "\F309";
}

.ion-md-help-circle:before {
  content: "\F30A";
}

.ion-md-help-circle-outline:before {
  content: "\F16D";
}

.ion-md-home:before {
  content: "\F30C";
}

.ion-md-hourglass:before {
  content: "\F111";
}

.ion-md-ice-cream:before {
  content: "\F30D";
}

.ion-md-image:before {
  content: "\F30E";
}

.ion-md-images:before {
  content: "\F30F";
}

.ion-md-infinite:before {
  content: "\F310";
}

.ion-md-information:before {
  content: "\F312";
}

.ion-md-information-circle:before {
  content: "\F311";
}

.ion-md-information-circle-outline:before {
  content: "\F16F";
}

.ion-md-jet:before {
  content: "\F315";
}

.ion-md-journal:before {
  content: "\F18D";
}

.ion-md-key:before {
  content: "\F316";
}

.ion-md-keypad:before {
  content: "\F317";
}

.ion-md-laptop:before {
  content: "\F318";
}

.ion-md-leaf:before {
  content: "\F319";
}

.ion-md-link:before {
  content: "\F22E";
}

.ion-md-list:before {
  content: "\F31B";
}

.ion-md-list-box:before {
  content: "\F31A";
}

.ion-md-locate:before {
  content: "\F31C";
}

.ion-md-lock:before {
  content: "\F31D";
}

.ion-md-log-in:before {
  content: "\F31E";
}

.ion-md-log-out:before {
  content: "\F31F";
}

.ion-md-magnet:before {
  content: "\F320";
}

.ion-md-mail:before {
  content: "\F322";
}

.ion-md-mail-open:before {
  content: "\F321";
}

.ion-md-mail-unread:before {
  content: "\F172";
}

.ion-md-male:before {
  content: "\F323";
}

.ion-md-man:before {
  content: "\F324";
}

.ion-md-map:before {
  content: "\F325";
}

.ion-md-medal:before {
  content: "\F326";
}

.ion-md-medical:before {
  content: "\F327";
}

.ion-md-medkit:before {
  content: "\F328";
}

.ion-md-megaphone:before {
  content: "\F329";
}

.ion-md-menu:before {
  content: "\F32A";
}

.ion-md-mic:before {
  content: "\F32C";
}

.ion-md-mic-off:before {
  content: "\F32B";
}

.ion-md-microphone:before {
  content: "\F32D";
}

.ion-md-moon:before {
  content: "\F32E";
}

.ion-md-more:before {
  content: "\F1C9";
}

.ion-md-move:before {
  content: "\F331";
}

.ion-md-musical-note:before {
  content: "\F332";
}

.ion-md-musical-notes:before {
  content: "\F333";
}

.ion-md-navigate:before {
  content: "\F334";
}

.ion-md-notifications:before {
  content: "\F338";
}

.ion-md-notifications-off:before {
  content: "\F336";
}

.ion-md-notifications-outline:before {
  content: "\F337";
}

.ion-md-nuclear:before {
  content: "\F339";
}

.ion-md-nutrition:before {
  content: "\F33A";
}

.ion-md-open:before {
  content: "\F33B";
}

.ion-md-options:before {
  content: "\F33C";
}

.ion-md-outlet:before {
  content: "\F33D";
}

.ion-md-paper:before {
  content: "\F33F";
}

.ion-md-paper-plane:before {
  content: "\F33E";
}

.ion-md-partly-sunny:before {
  content: "\F340";
}

.ion-md-pause:before {
  content: "\F341";
}

.ion-md-paw:before {
  content: "\F342";
}

.ion-md-people:before {
  content: "\F343";
}

.ion-md-person:before {
  content: "\F345";
}

.ion-md-person-add:before {
  content: "\F344";
}

.ion-md-phone-landscape:before {
  content: "\F346";
}

.ion-md-phone-portrait:before {
  content: "\F347";
}

.ion-md-photos:before {
  content: "\F348";
}

.ion-md-pie:before {
  content: "\F349";
}

.ion-md-pin:before {
  content: "\F34A";
}

.ion-md-pint:before {
  content: "\F34B";
}

.ion-md-pizza:before {
  content: "\F354";
}

.ion-md-planet:before {
  content: "\F356";
}

.ion-md-play:before {
  content: "\F357";
}

.ion-md-play-circle:before {
  content: "\F174";
}

.ion-md-podium:before {
  content: "\F358";
}

.ion-md-power:before {
  content: "\F359";
}

.ion-md-pricetag:before {
  content: "\F35A";
}

.ion-md-pricetags:before {
  content: "\F35B";
}

.ion-md-print:before {
  content: "\F35C";
}

.ion-md-pulse:before {
  content: "\F35D";
}

.ion-md-qr-scanner:before {
  content: "\F35E";
}

.ion-md-quote:before {
  content: "\F35F";
}

.ion-md-radio:before {
  content: "\F362";
}

.ion-md-radio-button-off:before {
  content: "\F360";
}

.ion-md-radio-button-on:before {
  content: "\F361";
}

.ion-md-rainy:before {
  content: "\F363";
}

.ion-md-recording:before {
  content: "\F364";
}

.ion-md-redo:before {
  content: "\F365";
}

.ion-md-refresh:before {
  content: "\F366";
}

.ion-md-refresh-circle:before {
  content: "\F228";
}

.ion-md-remove:before {
  content: "\F368";
}

.ion-md-remove-circle:before {
  content: "\F367";
}

.ion-md-remove-circle-outline:before {
  content: "\F176";
}

.ion-md-reorder:before {
  content: "\F369";
}

.ion-md-repeat:before {
  content: "\F36A";
}

.ion-md-resize:before {
  content: "\F36B";
}

.ion-md-restaurant:before {
  content: "\F36C";
}

.ion-md-return-left:before {
  content: "\F36D";
}

.ion-md-return-right:before {
  content: "\F36E";
}

.ion-md-reverse-camera:before {
  content: "\F36F";
}

.ion-md-rewind:before {
  content: "\F370";
}

.ion-md-ribbon:before {
  content: "\F371";
}

.ion-md-rocket:before {
  content: "\F179";
}

.ion-md-rose:before {
  content: "\F372";
}

.ion-md-sad:before {
  content: "\F373";
}

.ion-md-save:before {
  content: "\F1A9";
}

.ion-md-school:before {
  content: "\F374";
}

.ion-md-search:before {
  content: "\F375";
}

.ion-md-send:before {
  content: "\F376";
}

.ion-md-settings:before {
  content: "\F377";
}

.ion-md-share:before {
  content: "\F379";
}

.ion-md-share-alt:before {
  content: "\F378";
}

.ion-md-shirt:before {
  content: "\F37A";
}

.ion-md-shuffle:before {
  content: "\F37B";
}

.ion-md-skip-backward:before {
  content: "\F37C";
}

.ion-md-skip-forward:before {
  content: "\F37D";
}

.ion-md-snow:before {
  content: "\F37E";
}

.ion-md-speedometer:before {
  content: "\F37F";
}

.ion-md-square:before {
  content: "\F381";
}

.ion-md-square-outline:before {
  content: "\F380";
}

.ion-md-star:before {
  content: "\F384";
}

.ion-md-star-half:before {
  content: "\F382";
}

.ion-md-star-outline:before {
  content: "\F383";
}

.ion-md-stats:before {
  content: "\F385";
}

.ion-md-stopwatch:before {
  content: "\F386";
}

.ion-md-subway:before {
  content: "\F387";
}

.ion-md-sunny:before {
  content: "\F388";
}

.ion-md-swap:before {
  content: "\F389";
}

.ion-md-switch:before {
  content: "\F38A";
}

.ion-md-sync:before {
  content: "\F38B";
}

.ion-md-tablet-landscape:before {
  content: "\F38C";
}

.ion-md-tablet-portrait:before {
  content: "\F38D";
}

.ion-md-tennisball:before {
  content: "\F38E";
}

.ion-md-text:before {
  content: "\F38F";
}

.ion-md-thermometer:before {
  content: "\F390";
}

.ion-md-thumbs-down:before {
  content: "\F391";
}

.ion-md-thumbs-up:before {
  content: "\F392";
}

.ion-md-thunderstorm:before {
  content: "\F393";
}

.ion-md-time:before {
  content: "\F394";
}

.ion-md-timer:before {
  content: "\F395";
}

.ion-md-today:before {
  content: "\F17D";
}

.ion-md-train:before {
  content: "\F396";
}

.ion-md-transgender:before {
  content: "\F397";
}

.ion-md-trash:before {
  content: "\F398";
}

.ion-md-trending-down:before {
  content: "\F399";
}

.ion-md-trending-up:before {
  content: "\F39A";
}

.ion-md-trophy:before {
  content: "\F39B";
}

.ion-md-tv:before {
  content: "\F17F";
}

.ion-md-umbrella:before {
  content: "\F39C";
}

.ion-md-undo:before {
  content: "\F39D";
}

.ion-md-unlock:before {
  content: "\F39E";
}

.ion-md-videocam:before {
  content: "\F39F";
}

.ion-md-volume-high:before {
  content: "\F123";
}

.ion-md-volume-low:before {
  content: "\F131";
}

.ion-md-volume-mute:before {
  content: "\F3A1";
}

.ion-md-volume-off:before {
  content: "\F3A2";
}

.ion-md-walk:before {
  content: "\F3A4";
}

.ion-md-wallet:before {
  content: "\F18F";
}

.ion-md-warning:before {
  content: "\F3A5";
}

.ion-md-watch:before {
  content: "\F3A6";
}

.ion-md-water:before {
  content: "\F3A7";
}

.ion-md-wifi:before {
  content: "\F3A8";
}

.ion-md-wine:before {
  content: "\F3A9";
}

.ion-md-woman:before {
  content: "\F3AA";
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  -webkit-transition-duration: 50ms;
  -o-transition-duration: 50ms;
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  -webkit-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  -webkit-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  -webkit-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.15s;
  -o-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.25s;
  -o-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.35s;
  -o-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.4s;
  -o-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  -webkit-transition-duration: 0.45s;
  -o-transition-duration: 0.45s;
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.45s;
  -o-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  -webkit-transition-duration: 0.55s;
  -o-transition-duration: 0.55s;
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.55s;
  -o-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  -webkit-transition-duration: 0.65s;
  -o-transition-duration: 0.65s;
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.65s;
  -o-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  -webkit-transition-duration: 0.7s;
  -o-transition-duration: 0.7s;
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.7s;
  -o-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  -webkit-transition-duration: 0.75s;
  -o-transition-duration: 0.75s;
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.75s;
  -o-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  -webkit-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.8s;
  -o-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  -webkit-transition-duration: 0.85s;
  -o-transition-duration: 0.85s;
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.85s;
  -o-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  -webkit-transition-duration: 0.9s;
  -o-transition-duration: 0.9s;
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.9s;
  -o-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  -webkit-transition-duration: 0.95s;
  -o-transition-duration: 0.95s;
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  -webkit-transition-delay: 0.95s;
  -o-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  -webkit-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  -webkit-transition-duration: 1.05s;
  -o-transition-duration: 1.05s;
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.05s;
  -o-transition-delay: 1.05s;
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  -webkit-transition-duration: 1.1s;
  -o-transition-duration: 1.1s;
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.1s;
  -o-transition-delay: 1.1s;
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  -webkit-transition-duration: 1.15s;
  -o-transition-duration: 1.15s;
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.15s;
  -o-transition-delay: 1.15s;
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  -webkit-transition-duration: 1.2s;
  -o-transition-duration: 1.2s;
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  -webkit-transition-duration: 1.25s;
  -o-transition-duration: 1.25s;
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.25s;
  -o-transition-delay: 1.25s;
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  -webkit-transition-duration: 1.3s;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.3s;
  -o-transition-delay: 1.3s;
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  -webkit-transition-duration: 1.35s;
  -o-transition-duration: 1.35s;
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.35s;
  -o-transition-delay: 1.35s;
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  -webkit-transition-duration: 1.4s;
  -o-transition-duration: 1.4s;
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.4s;
  -o-transition-delay: 1.4s;
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  -webkit-transition-duration: 1.45s;
  -o-transition-duration: 1.45s;
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.45s;
  -o-transition-delay: 1.45s;
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  -webkit-transition-duration: 1.5s;
  -o-transition-duration: 1.5s;
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.5s;
  -o-transition-delay: 1.5s;
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  -webkit-transition-duration: 1.55s;
  -o-transition-duration: 1.55s;
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.55s;
  -o-transition-delay: 1.55s;
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  -webkit-transition-duration: 1.6s;
  -o-transition-duration: 1.6s;
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  -webkit-transition-duration: 1.65s;
  -o-transition-duration: 1.65s;
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.65s;
  -o-transition-delay: 1.65s;
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  -webkit-transition-duration: 1.7s;
  -o-transition-duration: 1.7s;
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.7s;
  -o-transition-delay: 1.7s;
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  -webkit-transition-duration: 1.75s;
  -o-transition-duration: 1.75s;
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.75s;
  -o-transition-delay: 1.75s;
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  -webkit-transition-duration: 1.8s;
  -o-transition-duration: 1.8s;
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.8s;
  -o-transition-delay: 1.8s;
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  -webkit-transition-duration: 1.85s;
  -o-transition-duration: 1.85s;
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.85s;
  -o-transition-delay: 1.85s;
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  -webkit-transition-duration: 1.9s;
  -o-transition-duration: 1.9s;
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.9s;
  -o-transition-delay: 1.9s;
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  -webkit-transition-duration: 1.95s;
  -o-transition-duration: 1.95s;
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  -webkit-transition-delay: 1.95s;
  -o-transition-delay: 1.95s;
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  -webkit-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  -webkit-transition-delay: 2s;
  -o-transition-delay: 2s;
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  -webkit-transition-duration: 2.05s;
  -o-transition-duration: 2.05s;
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.05s;
  -o-transition-delay: 2.05s;
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  -webkit-transition-duration: 2.1s;
  -o-transition-duration: 2.1s;
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.1s;
  -o-transition-delay: 2.1s;
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  -webkit-transition-duration: 2.15s;
  -o-transition-duration: 2.15s;
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.15s;
  -o-transition-delay: 2.15s;
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  -webkit-transition-duration: 2.2s;
  -o-transition-duration: 2.2s;
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.2s;
  -o-transition-delay: 2.2s;
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  -webkit-transition-duration: 2.25s;
  -o-transition-duration: 2.25s;
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.25s;
  -o-transition-delay: 2.25s;
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  -webkit-transition-duration: 2.3s;
  -o-transition-duration: 2.3s;
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.3s;
  -o-transition-delay: 2.3s;
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  -webkit-transition-duration: 2.35s;
  -o-transition-duration: 2.35s;
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.35s;
  -o-transition-delay: 2.35s;
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  -webkit-transition-duration: 2.4s;
  -o-transition-duration: 2.4s;
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.4s;
  -o-transition-delay: 2.4s;
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  -webkit-transition-duration: 2.45s;
  -o-transition-duration: 2.45s;
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.45s;
  -o-transition-delay: 2.45s;
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  -webkit-transition-duration: 2.5s;
  -o-transition-duration: 2.5s;
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.5s;
  -o-transition-delay: 2.5s;
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  -webkit-transition-duration: 2.55s;
  -o-transition-duration: 2.55s;
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.55s;
  -o-transition-delay: 2.55s;
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  -webkit-transition-duration: 2.6s;
  -o-transition-duration: 2.6s;
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.6s;
  -o-transition-delay: 2.6s;
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  -webkit-transition-duration: 2.65s;
  -o-transition-duration: 2.65s;
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.65s;
  -o-transition-delay: 2.65s;
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  -webkit-transition-duration: 2.7s;
  -o-transition-duration: 2.7s;
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.7s;
  -o-transition-delay: 2.7s;
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  -webkit-transition-duration: 2.75s;
  -o-transition-duration: 2.75s;
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.75s;
  -o-transition-delay: 2.75s;
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  -webkit-transition-duration: 2.8s;
  -o-transition-duration: 2.8s;
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.8s;
  -o-transition-delay: 2.8s;
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  -webkit-transition-duration: 2.85s;
  -o-transition-duration: 2.85s;
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.85s;
  -o-transition-delay: 2.85s;
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  -webkit-transition-duration: 2.9s;
  -o-transition-duration: 2.9s;
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.9s;
  -o-transition-delay: 2.9s;
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  -webkit-transition-duration: 2.95s;
  -o-transition-duration: 2.95s;
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  -webkit-transition-delay: 2.95s;
  -o-transition-delay: 2.95s;
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  -webkit-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
  -webkit-transition-delay: 0;
  -o-transition-delay: 0;
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  -webkit-transition-delay: 3s;
  -o-transition-delay: 3s;
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing="linear"],
body[data-aos-easing="linear"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing="ease-in"],
body[data-aos-easing="ease-in"] [data-aos] {
  -webkit-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing="ease-out"],
body[data-aos-easing="ease-out"] [data-aos] {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-out"],
body[data-aos-easing="ease-in-out"] [data-aos] {
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing="ease-in-back"],
body[data-aos-easing="ease-in-back"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing="ease-out-back"],
body[data-aos-easing="ease-out-back"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-back"],
body[data-aos-easing="ease-in-out-back"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing="ease-in-sine"],
body[data-aos-easing="ease-in-sine"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  -o-transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing="ease-out-sine"],
body[data-aos-easing="ease-out-sine"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  -o-transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
body[data-aos-easing="ease-in-out-sine"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -o-transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing="ease-in-quad"],
body[data-aos-easing="ease-in-quad"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quad"],
body[data-aos-easing="ease-out-quad"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
body[data-aos-easing="ease-in-out-quad"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-cubic"],
body[data-aos-easing="ease-in-cubic"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-cubic"],
body[data-aos-easing="ease-out-cubic"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing="ease-in-quart"],
body[data-aos-easing="ease-in-quart"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -o-transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing="ease-out-quart"],
body[data-aos-easing="ease-out-quart"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
body[data-aos-easing="ease-in-out-quart"] [data-aos] {
  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^="fade"][data-aos^="fade"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^="fade"][data-aos^="fade"].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-aos="fade-up"] {
  -webkit-transform: translate3d(0, 100px, 0);
  transform: translate3d(0, 100px, 0);
}

[data-aos="fade-down"] {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0);
}

[data-aos="fade-right"] {
  -webkit-transform: translate3d(-100px, 0, 0);
  transform: translate3d(-100px, 0, 0);
}

[data-aos="fade-left"] {
  -webkit-transform: translate3d(100px, 0, 0);
  transform: translate3d(100px, 0, 0);
}

[data-aos="fade-up-right"] {
  -webkit-transform: translate3d(-100px, 100px, 0);
  transform: translate3d(-100px, 100px, 0);
}

[data-aos="fade-up-left"] {
  -webkit-transform: translate3d(100px, 100px, 0);
  transform: translate3d(100px, 100px, 0);
}

[data-aos="fade-down-right"] {
  -webkit-transform: translate3d(-100px, -100px, 0);
  transform: translate3d(-100px, -100px, 0);
}

[data-aos="fade-down-left"] {
  -webkit-transform: translate3d(100px, -100px, 0);
  transform: translate3d(100px, -100px, 0);
}

[data-aos^="zoom"][data-aos^="zoom"] {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}

[data-aos^="zoom"][data-aos^="zoom"].aos-animate {
  opacity: 1;
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}

[data-aos="zoom-in"] {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

[data-aos="zoom-in-up"] {
  -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
  -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
  -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos="zoom-out"] {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

[data-aos="zoom-out-up"] {
  -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos="zoom-out-down"] {
  -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos="zoom-out-right"] {
  -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos="zoom-out-left"] {
  -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^="slide"][data-aos^="slide"] {
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos^="slide"][data-aos^="slide"].aos-animate {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

[data-aos="slide-up"] {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}

[data-aos="slide-down"] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-aos="slide-right"] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-aos="slide-left"] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-aos^="flip"][data-aos^="flip"] {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

[data-aos="flip-left"] {
  -webkit-transform: perspective(2500px) rotateY(-100deg);
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos="flip-left"].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-right"] {
  -webkit-transform: perspective(2500px) rotateY(100deg);
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos="flip-right"].aos-animate {
  -webkit-transform: perspective(2500px) rotateY(0);
  transform: perspective(2500px) rotateY(0);
}

[data-aos="flip-up"] {
  -webkit-transform: perspective(2500px) rotateX(-100deg);
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos="flip-up"].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

[data-aos="flip-down"] {
  -webkit-transform: perspective(2500px) rotateX(100deg);
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos="flip-down"].aos-animate {
  -webkit-transform: perspective(2500px) rotateX(0);
  transform: perspective(2500px) rotateX(0);
}

.cd-headline.type .cd-words-wrapper.selected::after,
.cd-headline.type b {
  visibility: hidden;
}

.cd-headline.clip span,
.cd-headline.loading-bar span,
.cd-headline.slide span {
}

.cd-headline.clip .cd-words-wrapper,
.cd-headline.loading-bar .cd-words-wrapper,
.cd-headline.slide .cd-words-wrapper,
.cd-headline.type .cd-words-wrapper {
  overflow: hidden;
  vertical-align: top;
}

.cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: right;
}

.cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  right: 0;
  top: 0;
  font-weight: 600;
}

.cd-words-wrapper b.is-visible {
  position: relative;
}

.no-js .cd-words-wrapper b {
  opacity: 0;
}

.no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}

.cd-headline.rotate-1 .cd-words-wrapper {
  -webkit-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-1 .style-1 {
  opacity: 0;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.cd-headline.rotate-1 b.is-visible {
  opacity: 1;
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  -webkit-animation: cd-rotate-1-in 1.2s;
  animation: cd-rotate-1-in 1.2s;
}

.cd-headline.rotate-1 b.is-hidden {
  -webkit-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-animation: cd-rotate-1-out 1.2s;
  animation: cd-rotate-1-out 1.2s;
}

@-webkit-keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }

  35% {
    -webkit-transform: rotateX(120deg);
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  100% {
    -webkit-transform: rotateX(360deg);
    opacity: 1;
  }
}

@keyframes cd-rotate-1-in {
  0% {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }

  35% {
    -webkit-transform: rotateX(120deg);
    -ms-transform: rotateX(120deg);
    transform: rotateX(120deg);
    opacity: 0;
  }

  65% {
    opacity: 0;
  }

  100% {
    -webkit-transform: rotateX(360deg);
    -ms-transform: rotateX(360deg);
    transform: rotateX(360deg);
    opacity: 1;
  }
}

@-webkit-keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0);
    opacity: 1;
  }

  35% {
    -webkit-transform: rotateX(-40deg);
    opacity: 1;
  }

  65% {
    opacity: 0;
  }

  100% {
    -webkit-transform: rotateX(180deg);
    opacity: 0;
  }
}

@keyframes cd-rotate-1-out {
  0% {
    -webkit-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1;
  }

  35% {
    -webkit-transform: rotateX(-40deg);
    -ms-transform: rotateX(-40deg);
    transform: rotateX(-40deg);
    opacity: 1;
  }

  65% {
    opacity: 0;
  }

  100% {
    -webkit-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    transform: rotateX(180deg);
    opacity: 0;
  }
}

.cd-headline.type .cd-words-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 90%;
  width: 1px;
  background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}

.cd-headline.type .cd-words-wrapper.selected {
  background-color: #aebcb9;
}

.cd-headline.type .cd-words-wrapper.selected b {
  color: #0d0d0d;
}

.cd-headline.type b.is-visible {
  visibility: visible;
}

.cd-headline.type i {
  position: absolute;
  visibility: hidden;
}

.cd-headline.type i.in {
  position: relative;
  visibility: visible;
}

@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}

@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }

  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}

.cd-headline.rotate-2 .cd-words-wrapper {
  -webkit-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-2 em,
.cd-headline.rotate-2 i {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cd-headline.rotate-2 b {
  opacity: 0;
}

.cd-headline.rotate-2 i {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-20px) rotateX(90deg);
  -ms-transform: translateZ(-20px) rotateX(90deg);
  transform: translateZ(-20px) rotateX(90deg);
  opacity: 0;
}

.is-visible .cd-headline.rotate-2 i {
  opacity: 1;
}

.cd-headline.rotate-2 i.in {
  -webkit-animation: cd-rotate-2-in 0.4s forwards;
  animation: cd-rotate-2-in 0.4s forwards;
}

.cd-headline.rotate-2 i.out {
  -webkit-animation: cd-rotate-2-out 0.4s forwards;
  animation: cd-rotate-2-out 0.4s forwards;
}

.cd-headline.rotate-2 em {
  -webkit-transform: translateZ(20px);
  -ms-transform: translateZ(20px);
  transform: translateZ(20px);
}

.no-csstransitions .cd-headline.rotate-2 i {
  -webkit-transform: rotateX(0);
  -ms-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-2 i em {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.no-csstransitions .cd-headline.rotate-2 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }
}

@keyframes cd-rotate-2-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(90deg);
    -ms-transform: translateZ(-20px) rotateX(90deg);
    transform: translateZ(-20px) rotateX(90deg);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(-10deg);
    -ms-transform: translateZ(-20px) rotateX(-10deg);
    transform: translateZ(-20px) rotateX(-10deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }
}

@-webkit-keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
  }
}

@keyframes cd-rotate-2-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(-20px) rotateX(0);
    -ms-transform: translateZ(-20px) rotateX(0);
    transform: translateZ(-20px) rotateX(0);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-100deg);
    -ms-transform: translateZ(-20px) rotateX(-100deg);
    transform: translateZ(-20px) rotateX(-100deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateZ(-20px) rotateX(-90deg);
    -ms-transform: translateZ(-20px) rotateX(-90deg);
    transform: translateZ(-20px) rotateX(-90deg);
  }
}

.cd-headline.loading-bar .cd-words-wrapper::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #0096a7;
  z-index: 2;
  -webkit-transition: width 0.3s -0.1s;
  -o-transition: width 0.3s -0.1s;
  transition: width 0.3s -0.1s;
}

.cd-headline.loading-bar .cd-words-wrapper.is-loading::after {
  width: 100%;
  -webkit-transition: width 3s;
  -o-transition: width 3s;
  transition: width 3s;
}

.cd-headline.loading-bar b {
  top: 0.2em;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.cd-headline.loading-bar b.is-visible {
  opacity: 1;
  top: 0;
}

.cd-headline.slide b {
  opacity: 0;
  top: 0.2em;
}

.cd-headline.slide b.is-visible {
  top: 0;
  opacity: 1;
  -webkit-animation: slide-in 0.6s;
  animation: slide-in 0.6s;
}

.cd-headline.slide b.is-hidden {
  -webkit-animation: slide-out 0.6s;
  animation: slide-out 0.6s;
}

@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
  }

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

@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
}

@keyframes slide-out {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.cd-headline.clip .cd-words-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background-color: #aebcb9;
}

.cd-headline.clip b {
  opacity: 0;
}

.cd-headline.clip b.is-visible {
  opacity: 1;
}

.cd-headline.zoom .cd-words-wrapper {
  -webkit-perspective: 300px;
  perspective: 300px;
}

.cd-headline.zoom b {
  opacity: 0;
}

.cd-headline.zoom b.is-visible {
  opacity: 1;
  -webkit-animation: zoom-in 0.8s;
  animation: zoom-in 0.8s;
}

.cd-headline.zoom b.is-hidden {
  -webkit-animation: zoom-out 0.8s;
  animation: zoom-out 0.8s;
}

@-webkit-keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }
}

@keyframes zoom-in {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(100px);
    -ms-transform: translateZ(100px);
    transform: translateZ(100px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@-webkit-keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
  }
}

@keyframes zoom-out {
  0% {
    opacity: 1;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateZ(-100px);
    -ms-transform: translateZ(-100px);
    transform: translateZ(-100px);
  }
}

.cd-headline.rotate-3 .cd-words-wrapper {
  -webkit-perspective: 300px;
  perspective: 300px;
}

.cd-headline.rotate-3 b {
  opacity: 0;
}

.cd-headline.rotate-3 i {
  display: inline-block;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.is-visible .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
}

.cd-headline.rotate-3 i.in {
  -webkit-animation: cd-rotate-3-in 0.6s forwards;
  animation: cd-rotate-3-in 0.6s forwards;
}

.cd-headline.rotate-3 i.out {
  -webkit-animation: cd-rotate-3-out 0.6s forwards;
  animation: cd-rotate-3-out 0.6s forwards;
}

.no-csstransitions .cd-headline.rotate-3 i {
  -webkit-transform: rotateY(0);
  -ms-transform: rotateY(0);
  transform: rotateY(0);
  opacity: 0;
}

.no-csstransitions .cd-headline.rotate-3 .is-visible i {
  opacity: 1;
}

@-webkit-keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: rotateY(0);
  }
}

@keyframes cd-rotate-3-in {
  0% {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }

  100% {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }
}

@-webkit-keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-180deg);
  }
}

@keyframes cd-rotate-3-out {
  0% {
    -webkit-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
  }

  100% {
    -webkit-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}

.cd-headline.scale b {
  opacity: 0;
}

.cd-headline.scale i {
  display: inline-block;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

.is-visible .cd-headline.scale i {
  opacity: 1;
}

.cd-headline.scale i.in {
  -webkit-animation: scale-up 0.6s forwards;
  animation: scale-up 0.6s forwards;
}

.cd-headline.scale i.out {
  -webkit-animation: scale-down 0.6s forwards;
  animation: scale-down 0.6s forwards;
}

.no-csstransitions .cd-headline.scale i {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 0;
}

.no-csstransitions .cd-headline.scale .is-visible i {
  opacity: 1;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
}

@keyframes scale-up {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  60% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}

@keyframes scale-down {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  60% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}

.cd-headline.push b {
  opacity: 0;
}

.cd-headline.push b.is-visible {
  opacity: 1;
  -webkit-animation: push-in 0.6s;
  animation: push-in 0.6s;
}

.cd-headline.push b.is-hidden {
  -webkit-animation: push-out 0.6s;
  animation: push-out 0.6s;
}

@-webkit-keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@keyframes push-in {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
}

@keyframes push-out {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  60% {
    opacity: 0;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

/* PrismJS 1.17.1
https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+apacheconf+apl+applescript+c+arff+asciidoc+asm6502+csharp+autohotkey+autoit+bash+basic+batch+bison+bnf+brainfuck+bro+cpp+aspnet+arduino+cil+coffeescript+cmake+clojure+ruby+csp+css-extras+d+dart+diff+markup-templating+dns-zone-file+docker+ebnf+eiffel+ejs+elixir+elm+erb+erlang+fsharp+flow+fortran+gcode+gedcom+gherkin+git+glsl+gml+go+graphql+groovy+less+handlebars+haskell+haxe+hcl+http+hpkp+hsts+ichigojam+icon+inform7+ini+io+j+java+scala+php+javastacktrace+jolie+jq+javadoclike+n4js+markdown+json+jsonp+json5+julia+keyman+kotlin+latex+crystal+scheme+liquid+lisp+livescript+lolcode+lua+makefile+js-templates+django+matlab+mel+mizar+monkey+n1ql+typescript+nand2tetris-hdl+nasm+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+pascaligo+pcaxis+perl+jsdoc+phpdoc+php-extras+sql+powershell+processing+prolog+properties+protobuf+scss+puppet+pure+python+q+qore+r+js-extras+jsx+renpy+reason+vala+rest+rip+roboconf+textile+rust+sas+sass+stylus+javadoc+lilypond+shell-session+smalltalk+smarty+soy+splunk-spl+plsql+twig+swift+yaml+tcl+haml+toml+tt2+turtle+pug+tsx+t4-templating+visual-basic+t4-cs+regex+vbnet+velocity+verilog+vhdl+vim+t4-vb+wasm+wiki+xeora+xojo+xquery+tap&plugins=line-highlight */
/**
 * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
 * @author Tim  Shedor
 */

code[class*="language-"],
pre[class*="language-"] {
  color: black;
  background: none;
  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  font-size: 1em;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  line-height: 1.5;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
  position: relative;
  margin: 0.5em 0;
  overflow: visible;
  padding: 0;
}

pre[class*="language-"] > code {
  position: relative;
  border-left: 10px solid #358ccb;
  -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
  box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
  background-color: #fdfdfd;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(50%, transparent),
    color-stop(50%, rgba(69, 142, 209, 0.04))
  );
  background-image: -webkit-linear-gradient(
    transparent 50%,
    rgba(69, 142, 209, 0.04) 50%
  );
  background-image: -o-linear-gradient(
    transparent 50%,
    rgba(69, 142, 209, 0.04) 50%
  );
  background-image: linear-gradient(
    transparent 50%,
    rgba(69, 142, 209, 0.04) 50%
  );
  background-size: 3em 3em;
  background-origin: content-box;
  background-attachment: local;
}

code[class*="language"] {
  max-height: inherit;
  height: inherit;
  padding: 0 1em;
  display: block;
  overflow: auto;
}

/* Margin bottom to accommodate shadow */
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background-color: #fdfdfd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
  position: relative;
  padding: 0.2em;
  border-radius: 0.3em;
  color: #c92c2c;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: inline;
  white-space: normal;
}

pre[class*="language-"]:before,
pre[class*="language-"]:after {
  content: "";
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 0.75em;
  left: 0.18em;
  width: 40%;
  height: 20%;
  max-height: 13em;
  -webkit-box-shadow: 0px 13px 8px #979797;
  box-shadow: 0px 13px 8px #979797;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

:not(pre) > code[class*="language-"]:after,
pre[class*="language-"]:after {
  right: 0.75em;
  left: auto;
  -webkit-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
  color: #7d8b99;
}

.token.punctuation {
  color: #5f6364;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.function-name,
.token.constant,
.token.symbol,
.token.deleted {
  color: #c92c2c;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.function,
.token.builtin,
.token.inserted {
  color: #2f9c0a;
}

.token.operator,
.token.entity,
.token.url,
.token.variable {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword,
.token.class-name {
  color: #1990b8;
}

.token.regex,
.token.important {
  color: #e90;
}

.language-css .token.string,
.style .token.string {
  color: #a67f59;
  background: rgba(255, 255, 255, 0.5);
}

.token.important {
  font-weight: normal;
}

.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.namespace {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  pre[class*="language-"]:before,
  pre[class*="language-"]:after {
    bottom: 14px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

/* Plugin styles */
.token.tab:not(:empty):before,
.token.cr:before,
.token.lf:before {
  color: #e0d7d1;
}

/* Plugin styles: Line Numbers */
pre[class*="language-"].line-numbers.line-numbers {
  padding-left: 0;
}

pre[class*="language-"].line-numbers.line-numbers code {
  padding-left: 3.8em;
}

pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
  left: 0;
}

/* Plugin styles: Line Highlight */
pre[class*="language-"][data-line] {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

pre[data-line] code {
  position: relative;
  padding-left: 4em;
}

pre .line-highlight {
  margin-top: 0;
}

pre[data-line] {
  position: relative;
  padding: 1em 0 1em 3em;
}

.line-highlight {
  position: absolute;
  left: 0;
  right: 0;
  padding: inherit 0;
  margin-top: 1em;
  /* Same as .prism’s padding-top */

  background: hsla(24, 20%, 50%, 0.08);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(70%, hsla(24, 20%, 50%, 0.1)),
    to(hsla(24, 20%, 50%, 0))
  );
  background: -webkit-linear-gradient(
    left,
    hsla(24, 20%, 50%, 0.1) 70%,
    hsla(24, 20%, 50%, 0)
  );
  background: -o-linear-gradient(
    left,
    hsla(24, 20%, 50%, 0.1) 70%,
    hsla(24, 20%, 50%, 0)
  );
  background: linear-gradient(
    to right,
    hsla(24, 20%, 50%, 0.1) 70%,
    hsla(24, 20%, 50%, 0)
  );

  pointer-events: none;

  line-height: inherit;
  white-space: pre;
}

.line-highlight:before,
.line-highlight[data-end]:after {
  content: attr(data-start);
  position: absolute;
  top: 0.4em;
  left: 0.6em;
  min-width: 1em;
  padding: 0 0.5em;
  background-color: hsla(24, 20%, 50%, 0.4);
  color: hsl(24, 20%, 95%);
  font: bold 65%/1.5 sans-serif;
  text-align: center;
  vertical-align: 0.3em;
  border-radius: 999px;
  text-shadow: none;
  -webkit-box-shadow: 0 1px white;
  box-shadow: 0 1px white;
}

.line-highlight[data-end]:after {
  content: attr(data-end);
  top: auto;
  bottom: 0.4em;
}

.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
  content: none;
}

@charset "UTF-8";

/*!
 * Bootstrap v4.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1,
.h1 {
  font-size: 2.5rem;
}

h2,
.h2 {
  font-size: 2rem;
}

h3,
.h3 {
  font-size: 1.75rem;
}

h4,
.h4 {
  font-size: 1.5rem;
}

h5,
.h5 {
  font-size: 1.25rem;
}

h6,
.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014   \A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-inline: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333333%;
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66666667%;
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66666667%;
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333333%;
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66666667%;
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333333%;
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1;
}

.order-last {
  -webkit-box-ordinal-group: 14;
  -ms-flex-order: 13;
  order: 13;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -ms-flex-order: 12;
  order: 12;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-sm-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-sm-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-sm-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-sm-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-sm-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-sm-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-sm-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-sm-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-sm-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-sm-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-sm-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-sm-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-sm-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-sm-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.33333333%;
  }

  .offset-sm-2 {
    margin-left: 16.66666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.33333333%;
  }

  .offset-sm-5 {
    margin-left: 41.66666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.33333333%;
  }

  .offset-sm-8 {
    margin-left: 66.66666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.33333333%;
  }

  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-md-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.33333333%;
  }

  .offset-md-2 {
    margin-left: 16.66666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.33333333%;
  }

  .offset-md-5 {
    margin-left: 41.66666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.33333333%;
  }

  .offset-md-8 {
    margin-left: 66.66666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.33333333%;
  }

  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-lg-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.33333333%;
  }

  .offset-lg-2 {
    margin-left: 16.66666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.33333333%;
  }

  .offset-lg-5 {
    margin-left: 41.66666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.33333333%;
  }

  .offset-lg-8 {
    margin-left: 66.66666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.33333333%;
  }

  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333333%;
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333333%;
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333333%;
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.66666667%;
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
  }

  .order-xl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.33333333%;
  }

  .offset-xl-2 {
    margin-left: 16.66666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.33333333%;
  }

  .offset-xl-5 {
    margin-left: 41.66666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.33333333%;
  }

  .offset-xl-8 {
    margin-left: 66.66666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.33333333%;
  }

  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table .table {
  background-color: #fff;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8daff;
}

.table-hover .table-primary:hover {
  background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #212529;
  border-color: #32383e;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #212529;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #32383e;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .form-control {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm
  > .input-group-prepend
  > .form-control-plaintext.input-group-text,
.input-group-sm
  > .input-group-append
  > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg
  > .input-group-prepend
  > .form-control-plaintext.input-group-text,
.input-group-lg
  > .input-group-append
  > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm
  > .input-group-prepend
  > select.input-group-text:not([size]):not([multiple]),
.input-group-sm
  > .input-group-append
  > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg
  > .input-group-prepend
  > select.input-group-text:not([size]):not([multiple]),
.input-group-lg
  > .input-group-append
  > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated .custom-select:valid,
.custom-select.is-valid {
  border-color: #28a745;
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated .custom-select:valid:focus,
.custom-select.is-valid:focus {
  border-color: #28a745;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip,
.form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated
  .custom-control-input:valid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}

.was-validated
  .custom-control-input:valid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
  border-color: #dc3545;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
  border-color: #dc3545;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip,
.form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}

.was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }

  .form-inline .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }

  .form-inline .form-control-plaintext {
    display: inline-block;
  }

  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }

  .form-inline .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }

  .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }

  .form-inline .custom-control {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .btn {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.btn:hover,
.btn:focus {
  text-decoration: none;
}

.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active {
  background-image: none;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus,
.btn-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus,
.btn-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus,
.btn-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus,
.btn-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus,
.btn-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus,
.btn-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus,
.btn-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus,
.btn-outline-success.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus,
.btn-outline-warning.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus,
.btn-outline-danger.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus,
.btn-outline-light.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus,
.btn-outline-dark.focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg,
.btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

@media screen and (prefers-reduced-motion: reduce) {
  .fade {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .collapsing {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-group-vertical .btn,
.btn-group-vertical .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file:focus {
  z-index: 3;
}

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .custom-file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group
  > .input-group-append:last-child
  > .btn:not(:last-child):not(.dropdown-toggle),
.input-group
  > .input-group-append:last-child
  > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
  > .input-group-prepend:first-child
  > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #dee2e6;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #007bff;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 0.75rem center;
  background-size: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(128, 189, 255, 0.5);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075),
    0 0 5px rgba(128, 189, 255, 0.5);
}

.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  opacity: 0;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%;
}

.custom-select-lg {
  height: calc(2.875rem + 2px);
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 125%;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(2.25rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-file-input:focus ~ .custom-file-label::after {
  border-color: #80bdff;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 2.25rem;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: 1px solid #ced4da;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  padding-left: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-appearance: none;
  appearance: none;
}

.custom-range::-webkit-slider-thumb:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-appearance: none;
  appearance: none;
}

.custom-range::-moz-range-thumb:focus {
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  appearance: none;
}

.custom-range::-ms-thumb:focus {
  outline: none;
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}

.nav-fill .nav-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar > .container,
.navbar > .container-fluid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover,
.navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-sm .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-md .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-lg .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-lg .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .navbar-expand-xl .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }

  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .navbar-expand-xl .navbar-collapse {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }

  .card-deck .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }

  .card-group > .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }

  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }

  .card-group > .card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .card-group > .card:first-child .card-img-top,
  .card-group > .card:first-child .card-header {
    border-top-right-radius: 0;
  }

  .card-group > .card:first-child .card-img-bottom,
  .card-group > .card:first-child .card-footer {
    border-bottom-right-radius: 0;
  }

  .card-group > .card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .card-group > .card:last-child .card-img-top,
  .card-group > .card:last-child .card-header {
    border-top-left-radius: 0;
  }

  .card-group > .card:last-child .card-img-bottom,
  .card-group > .card:last-child .card-footer {
    border-bottom-left-radius: 0;
  }

  .card-group > .card:only-child {
    border-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-img-top,
  .card-group > .card:only-child .card-header {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .card-group > .card:only-child .card-img-bottom,
  .card-group > .card:only-child .card-footer {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }

  .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
    border-radius: 0;
  }

  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-top,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-img-bottom,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-header,
  .card-group
    > .card:not(:first-child):not(:last-child):not(:only-child)
    .card-footer {
    border-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }

  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}

.accordion .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:hover,
.badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:hover,
.badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover,
.badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:hover,
.badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-light[href]:hover,
.badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover,
.badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}

.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}

.alert-primary hr {
  border-top-color: #9fcdff;
}

.alert-primary .alert-link {
  color: #002752;
}

.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}

.alert-secondary hr {
  border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
  color: #202326;
}

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert-success hr {
  border-top-color: #b1dfbb;
}

.alert-success .alert-link {
  color: #0b2e13;
}

.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}

.alert-info hr {
  border-top-color: #abdde5;
}

.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.alert-warning hr {
  border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
  color: #533f03;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-light hr {
  border-top-color: #ececf6;
}

.alert-light .alert-link {
  color: #686868;
}

.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}

.alert-dark hr {
  border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
  color: #040505;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }

  to {
    background-position: 0 0;
  }
}

.progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

@media screen and (prefers-reduced-motion: reduce) {
  .progress-bar {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.progress-bar-striped {
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: -o-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-image: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.15) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.15) 50%,
    rgba(255, 255, 255, 0.15) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.list-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-item:hover,
.list-group-item:focus {
  z-index: 1;
  text-decoration: none;
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.close:not(:disabled):not(.disabled) {
  cursor: pointer;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }

  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top,
.bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before,
.popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top,
.bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top .arrow,
.bs-popover-auto[x-placement^="top"] .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-width: 0.5rem 0.5rem 0;
}

.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^="top"] .arrow::before {
  bottom: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: 1px;
  border-top-color: #fff;
}

.bs-popover-right,
.bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right .arrow,
.bs-popover-auto[x-placement^="right"] .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-width: 0.5rem 0.5rem 0.5rem 0;
}

.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^="right"] .arrow::before {
  left: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: 1px;
  border-right-color: #fff;
}

.bs-popover-bottom,
.bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^="bottom"] .arrow {
  top: calc((0.5rem + 1px) * -1);
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-width: 0 0.5rem 0.5rem 0.5rem;
}

.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^="bottom"] .arrow::before {
  top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: 1px;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left,
.bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left .arrow,
.bs-popover-auto[x-placement^="left"] .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-width: 0.5rem 0 0.5rem 0.5rem;
}

.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^="left"] .arrow::before {
  right: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: 1px;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  -o-transition: transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

@media screen and (prefers-reduced-motion: reduce) {
  .carousel-item {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next,
.carousel-item-prev {
  position: absolute;
  top: 0;
}

.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-next.carousel-item-left,
  .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-next,
  .active.carousel-item-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-item-prev,
  .active.carousel-item-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

@supports (
  (-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)
) {
  .carousel-fade .carousel-item-next,
  .carousel-fade .carousel-item-prev,
  .carousel-fade .carousel-item.active,
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-prev {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
  position: absolute;
  top: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators li::after {
  position: absolute;
  bottom: -10px;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 10px;
  content: "";
}

.carousel-indicators .active {
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

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

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #007bff !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .d-print-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex-column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex-grow-1 {
  -webkit-box-flex: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align-items-end {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align-items-center {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align-self-auto {
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align-self-center {
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-md-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #007bff !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #0062cc !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #545b62 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover,
a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover,
a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #bd2130 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover,
a.text-light:focus {
  color: #dae0e5 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #1d2124 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }

  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }

  .table td,
  .table th {
    background-color: #fff !important;
  }

  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }

  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Heavy.eot?ecdc990b5307e976c40ae0b7814860ff);
  src: url(/fonts/SB-Heavy.eot?ecdc990b5307e976c40ae0b7814860ff?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Heavy.woff?6bce4717652a5a6e5c5b1f9b6c9fbd99) format("woff"),
    url(/fonts/SB-Heavy.ttf?7c8fd3f4f9f503326a96b614c4617348) format("truetype"),
    url(/fonts/SB-Heavy.svg?8c698502a9b86731696c0e0082a66a3c#SB-Heavy)
      format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Black.eot?c6c277438383cadfe1e2f92f3fdd71f3);
  src: url(/fonts/SB-Black.eot?c6c277438383cadfe1e2f92f3fdd71f3?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Black.woff?fc89e526b5796267c1c89587d0b2a98d) format("woff"),
    url(/fonts/SB-Black.ttf?f7f4c29a0b0788b83f874f1347adb42e) format("truetype"),
    url(/fonts/SB-Black.svg?c838bc607291801615d9c1f65cdd78a4#SB-Black)
      format("svg");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Medium.eot?660eb5a51db94872757c0277f45e0f61);
  src: url(/fonts/SB-Medium.eot?660eb5a51db94872757c0277f45e0f61?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Medium.woff?cf8f0a30e2d2a4de0c4ce6ec5e1c6986) format("woff"),
    url(/fonts/SB-Medium.ttf?6557133e0db3a305f0be0cf243f5af6c)
      format("truetype"),
    url(/fonts/SB-Medium.svg?afe4382c7c997b988df0c7072dfbdc2e#SB-Medium)
      format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-ExtraBold.eot?f6a06012a7ff0d6d094ebc169de7b99f);
  src: url(/fonts/SB-ExtraBold.eot?f6a06012a7ff0d6d094ebc169de7b99f?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-ExtraBold.woff?b53e5dec1039b5756e4bf9d1a80c0420)
      format("woff"),
    url(/fonts/SB-ExtraBold.ttf?d4031189a6399cab14076298392ba1a5)
      format("truetype"),
    url(/fonts/SB-ExtraBold.svg?f1dbfe79d912a65f8bf413dff2b94408#SB-ExtraBold)
      format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-SemiBold.eot?9e7a2f95c33ffc91447e7ef26fcab7ed);
  src: url(/fonts/SB-SemiBold.eot?9e7a2f95c33ffc91447e7ef26fcab7ed?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-SemiBold.woff?f180ef0ff28b587403b5c7cd4eaf8c6a) format("woff"),
    url(/fonts/SB-SemiBold.ttf?d188b4606c633a0fd057aec8c6f935aa)
      format("truetype"),
    url(/fonts/SB-SemiBold.svg?708374626ab8ca822e4b1e60d93462f1#SB-SemiBold)
      format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Thin.eot?17625dbfae7c644f5f6e42e52bddfd6c);
  src: url(/fonts/SB-Thin.eot?17625dbfae7c644f5f6e42e52bddfd6c?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Thin.woff?0d1f79fc8b1f61c733e4cf926e51a3c1) format("woff"),
    url(/fonts/SB-Thin.ttf?7dd6e79278c01f2ca112c3b51ba182a8) format("truetype"),
    url(/fonts/SB-Thin.svg?c616cf2b4e391c61bb82ccb354545b6e#SB-Thin)
      format("svg");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Regular.eot?f529e1bdcec2732e124e708f89940333);
  src: url(/fonts/SB-Regular.eot?f529e1bdcec2732e124e708f89940333?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Regular.woff?381bcfdf06acd6be3b2a8cbfb25808f8) format("woff"),
    url(/fonts/SB-Regular.ttf?b4c19017207b723292c94858dd24abad)
      format("truetype"),
    url(/fonts/SB-Regular.svg?36bce2e16da569654574273ac38b8e6b#SB-Regular)
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Bold.eot?594ae0b1551f6542e3c42f8bc77f276b);
  src: url(/fonts/SB-Bold.eot?594ae0b1551f6542e3c42f8bc77f276b?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Bold.woff?4760d517bfba6f9dac13c947bd08b1d1) format("woff"),
    url(/fonts/SB-Bold.ttf?411805df1526fe6914b2d94126f9f34f) format("truetype"),
    url(/fonts/SB-Bold.svg?552febb4c0499c1551b8288f14b798fb#SB-Bold)
      format("svg");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-Light.eot?8603de98ba4b9af2440fc605c7fd717d);
  src: url(/fonts/SB-Light.eot?8603de98ba4b9af2440fc605c7fd717d?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-Light.woff?0d7c1b73e49dcc5bf60373da67e46f0a) format("woff"),
    url(/fonts/SB-Light.ttf?43fbb5e4f4b81e312cea267cc7d587c9) format("truetype"),
    url(/fonts/SB-Light.svg?8d924ad72547af7f4ec0d36da4f05d49#SB-Light)
      format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "sb-sans";
  src: url(/fonts/SB-UltraLight.eot?44f1cf76fde1225784323dfc256c2e5b);
  src: url(/fonts/SB-UltraLight.eot?44f1cf76fde1225784323dfc256c2e5b?#iefix)
      format("embedded-opentype"),
    url(/fonts/SB-UltraLight.woff?b802dae21d921f9bd04fbc4690510195)
      format("woff"),
    url(/fonts/SB-UltraLight.ttf?9ee89867da23a68898f1fb6b2958d2bb)
      format("truetype"),
    url(/fonts/SB-UltraLight.svg?1350d65fc31dabc7c0cb20c68f22eae3#SB-UltraLight)
      format("svg");
  font-weight: 200;
  font-style: normal;
}

.alert-warning {
  background: #ff8238;
}

.alert-info {
  background: #9c6dff;
}

.alert-float {
  max-width: 25%;
  margin: 0 auto;
  position: fixed;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  z-index: 9;
  border-radius: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
  text-align: left;
  -webkit-box-shadow: 0 9px 13px rgba(13, 38, 76, 0.2);
  box-shadow: 0 9px 13px rgba(13, 38, 76, 0.2);
  border: none;
}

@media (max-width: 767px) {
  .alert-float {
    max-width: 90%;
    z-index: 9999;
    padding: 1rem 1rem 1rem 2rem;
    margin: 0 auto;
    bottom: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .alert-float {
    max-width: 65%;
  }
}

.alert-float.alert-success {
  background: #4ac14f;
}

.alert-float.alert-success .icon-img:before {
  content: "\F2BA";
}

.alert-float.alert-warning {
  background: #ff8238;
}

.alert-float.alert-warning .icon-img:before {
  content: "\F268";
}

.alert-float.alert-danger {
  background: #f96464;
}

.alert-float.alert-danger .icon-img:before {
  content: "\F104";
}

.alert-float.alert-info {
  background: #9c6dff;
}

.alert-float.alert-info .icon-img:before {
  content: "\F19F";
}

.alert-float .icon-img {
  position: absolute;
  top: -60px;
  left: -18px;
  color: #ffffff;
  font-size: 9rem;
  opacity: 0.1;
}

.alert-float .icon-img::before {
  content: "";
  font-family: "Ionicons";
}

.alert-float .title-alert {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 600;
  padding-right: 1rem;
  text-transform: uppercase;
}

.alert-float .desc-alert {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 400;
  padding-right: 1rem;
}

.alert-float .close {
  position: absolute;
  top: 6px;
  right: 15px;
  color: #ffffff;
  opacity: 1;
  font-size: 1.8rem;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #a6d1fa;
  }

  25% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #a6d1fa;
  }

  75% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #a6d1fa;
  }

  25% {
    -webkit-transform: translate(0, -3px);
    transform: translate(0, -3px);
  }

  50% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    background-color: #a6d1fa;
  }

  75% {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.carousel-style-1 .flickity-page-dots .dot {
  background: #2d94f3;
  opacity: 0.15;
}

.carousel-testimonial {
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .carousel-testimonial {
    margin: 1rem 0px 0;
  }
}

.carousel-testimonial .carousel-cell {
  width: 50%;
  cursor: default;
}

@media (max-width: 991px) {
  .carousel-testimonial .carousel-cell {
    width: 100%;
  }
}

.carousel-testimonial .cell-wrapper {
  position: relative;
  margin: 3rem 3rem 2rem;
  width: 100%;
  padding: 2rem;
  background: #ffffff;
  border-radius: 7px;
  -webkit-box-shadow: 0 9px 30px rgba(7, 65, 210, 0.1);
  box-shadow: 0 9px 30px rgba(7, 65, 210, 0.1);
}

@media (max-width: 767px) {
  .carousel-testimonial .cell-wrapper {
    margin: 0;
    padding: 1rem;
  }
}

.carousel-testimonial .cell-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  color: inherit;
}

.carousel-testimonial .cell-header:hover {
  text-decoration: none;
}

.carousel-testimonial .cell-header .author {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.carousel-testimonial .img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  top: 1rem;
  left: -1.3rem;
}

.carousel-testimonial .title {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #566782;
  margin-top: 1rem;
}

.carousel-testimonial .info {
  font-size: 1rem;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
  color: #566782;
}

.carousel-testimonial .text {
  font-size: 20px;
  margin-bottom: 16px;
  line-height: 32px;
  color: #566782;
  font-weight: 400;
  text-align: left;
  font-style: italic;
}

@media (max-width: 767px) {
  .carousel-testimonial .text {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 22px;
  }
}

.carousel-testimonial:before,
.carousel-testimonial:after {
  content: "";
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: 10;
}

@media (max-width: 767px) {
  .carousel-testimonial:before,
  .carousel-testimonial:after {
    display: none;
  }
}

.carousel-testimonial:before {
  left: 0;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.5)),
    color-stop(70%, rgba(255, 255, 255, 0.75)),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(
    right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: -o-linear-gradient(
    right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
}

.carousel-testimonial:after {
  right: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0)),
    color-stop(50%, rgba(255, 255, 255, 0.5)),
    color-stop(70%, rgba(255, 255, 255, 0.75)),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
}

.carousel-testimonial .flickity-page-dots {
  bottom: -3rem;
}

.carousel-testimonial.squareboat-testimonials .cell-wrapper {
  min-height: 218px;
}

@media (max-width: 767px) {
  .carousel-testimonial.squareboat-testimonials .cell-wrapper {
    min-height: 320px;
  }
}

.carousel-style-2 .flickity-page-dots .dot {
  background: #2d94f3;
}

.carousel-style-2 .carousel-cell {
  width: 33%;
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .carousel-style-2 .carousel-cell {
    width: calc(100% - 1rem);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .carousel-style-2 .carousel-cell {
    width: calc(50% - 1rem);
  }
}

.carousel-style-3 .slider-title {
  width: 80%;
  padding-left: 1rem;
  padding-top: 2rem;
}

@media (max-width: 767px) {
  .carousel-style-3 .slider-title {
    width: 100%;
    padding: 1rem;
  }
}

.carousel-style-3 .slider-title .title {
  color: #0d264c;
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .carousel-style-3 .slider-title .title {
    font-size: 0.85rem;
    margin-bottom: 0;
  }
}

.carousel-style-3 .carousel-cell {
  width: 60%;
}

@media (max-width: 767px) {
  .carousel-style-3 .carousel-cell {
    width: 100%;
    margin: 1rem 2rem 2rem 1rem;
  }
}

.carousel-style-3 .carousel-cell .img {
  width: 100%;
}

.carousel-style-3 .flickity-button {
  display: none;
}

.carousel-style-3 .flickity-page-dots {
  bottom: -15px;
}

.carousel-style-3 .flickity-page-dots .dot {
  background: #2d94f3;
  opacity: 0.15;
}

@media (max-width: 767px) {
  .carousel-style-4 {
    margin: 3rem -15px 0;
  }
}

.carousel-style-4 .carousel-cell {
  width: calc(100% - 20rem);
}

@media (max-width: 767px) {
  .carousel-style-4 .carousel-cell {
    width: 100%;
  }
}

.carousel-style-4 .cell-wrapper {
  position: relative;
  margin: 1rem 2rem 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .carousel-style-4 .cell-wrapper {
    margin: 0 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.carousel-style-4 .cell-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.carousel-style-4 .cell-body {
  position: relative;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
  padding: 1.25rem 2rem;
  border: 1px solid #2d94f3;
  border-radius: 16px;
  margin-right: 1rem;
}

@media (max-width: 767px) {
  .carousel-style-4 .cell-body {
    margin-right: 0;
    margin-bottom: 1.5rem;
  }
}

.carousel-style-4 .cell-body:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ffffff;
  z-index: 2;
}

@media (max-width: 767px) {
  .carousel-style-4 .cell-body:before {
    top: auto;
    bottom: -11px;
    left: 15px;
    right: auto;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: none;
  }
}

.carousel-style-4 .cell-body:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -9px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 9px solid #45a0f4;
  z-index: 1;
}

@media (max-width: 767px) {
  .carousel-style-4 .cell-body:after {
    top: auto;
    bottom: -14px;
    left: 14px;
    right: auto;
    border-top: 9px solid #45a0f4;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    border-bottom: none;
  }
}

.carousel-style-4 .cell-namebox {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.carousel-style-4 .img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.carousel-style-4 .title {
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
  color: #2d94f3;
}

.carousel-style-4 .author {
  margin-left: 1rem;
}

.carousel-style-4 .info {
  font-size: 0.85rem;
  margin-bottom: 0;
}

.carousel-style-4 .text {
  line-height: 1.7;
  margin-bottom: 0;
}

.carousel-style-4:before,
.carousel-style-4:after {
  content: "";
  position: absolute;
  top: 0;
  width: 150px;
  height: 100%;
  z-index: 10;
}

@media (max-width: 767px) {
  .carousel-style-4:before,
  .carousel-style-4:after {
    display: none;
  }
}

.carousel-style-4:before {
  left: 0;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(255, 255, 255, 0.1)),
    color-stop(50%, rgba(255, 255, 255, 0.5)),
    color-stop(70%, rgba(255, 255, 255, 0.75)),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(
    right,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: -o-linear-gradient(
    right,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: linear-gradient(
    to left,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
}

.carousel-style-4:after {
  right: 0;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(255, 255, 255, 0.1)),
    color-stop(50%, rgba(255, 255, 255, 0.5)),
    color-stop(70%, rgba(255, 255, 255, 0.75)),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.75) 70%,
    #ffffff 100%
  );
}

.carousel-style-5 {
  margin-top: 1rem;
}

.carousel-style-5.carousel-testimonial::before,
.carousel-style-5.carousel-testimonial::after {
  background: transparent;
  width: 30px;
}

.carousel-style-5 .cell-wrapper {
  min-height: 363px !important;
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  margin: 2rem 2rem 2rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .carousel-style-5 .cell-wrapper {
    min-height: 202px !important;
  }
}

.carousel-style-5 .carousel-cell {
  width: 100%;
}

.carousel-style-5 .img {
  width: 3rem;
  height: 3rem;
}

.carousel-style-5 .author .info {
  margin: 0.4rem 0;
}

.carousel-style-5 .flickity-page-dots .dot {
  background: #2d94f3;
}

.badge.badge-lg {
  padding: 1rem 1.6rem 0.9rem 1.6rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.badge.badge-rounded {
  border-radius: 50rem;
}

.badge-primary {
  color: #2d94f3;
  background: #f7fafe;
}

.badge-primary.badge-border {
  border: 1px solid rgba(45, 148, 243, 0.2);
}

.badge-danger {
  color: #f96464;
  background: #fff5f5;
}

.badge-danger.badge-border {
  border: 1px solid rgba(249, 100, 100, 0.2);
}

.badge-success {
  color: #4ac14f;
  background: #f2fff4;
}

.badge-success.badge-border {
  border: 1px solid rgba(74, 193, 79, 0.2);
}

.badge-info {
  color: #9c6dff;
  background: #f7f4fe;
}

.badge-info.badge-border {
  border: 1px solid rgba(156, 109, 255, 0.2);
}

.badge-warning {
  color: #ff8238;
  background: #fffaf7;
}

.badge-warning.badge-border {
  border: 1px solid rgba(255, 130, 56, 0.2);
}

.badge-light {
  color: #0d264c;
  background: #ffffff;
}

.badge-light.badge-border {
  border: 1px solid rgba(13, 38, 76, 0.2);
}

.badge-white {
  color: #ffffff;
  background: transparent;
}

.badge-white.badge-border {
  border: 1px solid white;
}

.badge-yellow {
  color: #e3c040;
  background: #fdfcf6;
}

.badge-yellow.badge-border {
  border: 1px solid rgba(227, 192, 64, 0.2);
}

.badge-cyan {
  color: #35d2cc;
  background: #f6fdfd;
}

.badge-cyan.badge-border {
  border: 1px solid rgba(53, 210, 204, 0.2);
}

.badge-pink {
  color: #c83375;
  background: #fff8f9;
}

.badge-pink.badge-border {
  border: 1px solid rgba(200, 51, 117, 0.2);
}

.tag.tag-rounded {
  border-radius: 20rem;
}

.tag-primary {
  color: #2d94f3;
  border-color: #2d94f3;
}

.tag-primary.tag-border {
  border: 2px solid;
}

.tag-primary:hover {
  color: inherit;
}

.tag-success {
  color: #4ac14f;
  border-color: #4ac14f;
}

.tag-success.tag-border {
  border: 2px solid;
}

.tag-danger {
  color: #f96464;
  border-color: #f96464;
}

.tag-danger.tag-border {
  border: 2px solid;
}

.tag-warning {
  color: #ff8238;
  border-color: #ff8238;
}

.tag-warning.tag-border {
  border: 2px solid;
}

.tag-cyan {
  color: #28b6b0;
  border-color: #28b6b0;
}

.tag-cyan.tag-border {
  border: 2px solid;
}

.btn {
  padding: 0.5rem 1.1rem 0.4rem;
  line-height: 1.6;
  font-size: 1.1rem;
  font-weight: 500;
  border-radius: 5px;
  border-width: 2px;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .btn {
    font-size: 1rem;
  }
}

.btn:hover {
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn:focus,
.btn:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus,
.show > .btn.dropdown-toggle:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn.btn-sm,
.btn-group-sm > .btn {
  font-size: 0.95rem;
}

.btn.btn-curved {
  border-radius: 10rem;
}

button[type="button"]:focus {
  outline: none;
}

.text-link {
  color: #2d94f3;
}

.text-link:hover {
  color: #0741d2;
}

.text-link .gray {
  color: #8695ae;
}

.text-link .gray:hover {
  color: #7788a4;
}

.text-link.underline {
  text-decoration: underline;
}

.text-link.text-sm {
  font-size: 0.95rem;
}

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

.btn-loader.show-loader .text {
  display: none;
}

.btn-loader.show-loader .loader-img {
  display: inline-block;
}

.btn-loader .loader-img {
  display: none;
  width: 25px;
  height: 25px;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

.btn-primary {
  background: #2d94f3;
  border-color: #2d94f3;
}

.btn-primary:hover {
  background: #0d7be0;
  border-color: #0d7be0;
}

.btn-info {
  background: #9c6dff;
  border-color: #9c6dff;
}

.btn-info:hover {
  background: #793aff;
  border-color: #793aff;
}

.btn-outline-primary {
  color: #2d94f3 !important;
  border-color: #2d94f3;
}

.btn-outline-primary:hover {
  color: #ffffff !important;
  background-color: #2d94f3;
  border-color: #2d94f3;
}

.btn-outline-secondary {
  color: #7788a4;
  border-color: #8695ae;
}

.btn-outline-secondary:hover {
  background-color: #8695ae;
  border-color: #8695ae;
}

.btn-outline-success {
  color: #4ac14f;
  border-color: #4ac14f;
}

.btn-outline-success:hover {
  background-color: #4ac14f;
  border-color: #4ac14f;
}

.btn-outline-danger {
  color: #f96464;
  border-color: #f96464;
}

.btn-outline-danger:hover {
  background-color: #f96464;
  border-color: #f96464;
}

.btn-outline-info {
  color: #9c6dff;
  border-color: #9c6dff;
}

.btn-outline-info:hover {
  background-color: #9c6dff;
  border-color: #9c6dff;
}

.btn-outline-spectrum {
  color: #21c8af;
  border-color: #21c8af;
}

.btn-outline-spectrum:hover {
  color: #ffffff;
  background-color: #21c8af;
  border-color: #21c8af;
}

.btn-outline-vectors {
  color: #ffb217;
  border-color: #ffb217;
}

.btn-outline-vectors:hover {
  color: #ffffff;
  background-color: #ffb217;
  border-color: #ffb217;
}

.btn-outline-navigator {
  color: #2c7fff;
  border-color: #2c7fff;
}

.btn-outline-navigator:hover {
  color: #ffffff;
  background-color: #2c7fff;
  border-color: #2c7fff;
}

.btn-outline-tfl {
  color: #8969ed;
  border-color: #8969ed;
}

.btn-outline-tfl:hover {
  color: #ffffff;
  background-color: #8969ed;
  border-color: #8969ed;
}

.btn-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2d94f3;
  border: 1px solid rgba(13, 38, 76, 0.22);
  padding: 0.4rem 0.75rem 0.6rem;
  background-color: #ffffff;
  margin-right: 0.75rem;
  margin-top: 0.75rem;
}

.btn-badge:last-child {
  margin-right: 0;
}

.btn-badge .badge-icon {
  height: 1rem;
  margin-right: 0.75rem;
  -webkit-filter: contrast(0) brightness(160%);
  filter: contrast(0) brightness(160%);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.btn-badge .badge-text {
  font-size: 0.875rem;
  line-height: 1;
  padding-top: 4px;
}

.btn-badge:hover,
.btn-badge:focus {
  color: #2d94f3;
  border-color: #2d94f3;
  background-color: #f6fbff;
}

.btn-badge:hover .badge-icon,
.btn-badge:focus .badge-icon {
  -webkit-filter: none;
  filter: none;
}

.btn-badge.enabled,
.btn-badge.enabled:hover,
.btn-badge.enabled:active {
  color: #ffffff;
  border-color: #2d94f3;
  background-color: #2d94f3;
}

.btn-badge.enabled .badge-icon,
.btn-badge.enabled:hover .badge-icon,
.btn-badge.enabled:active .badge-icon {
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.btn-outline-primary:not(:disabled):not(.disabled):active {
  color: #ffffff !important;
  background-color: #2d94f3;
  border-color: #2d94f3;
}

.btn-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.btn-icon .icon {
  height: 1.7rem;
  margin: -0.15rem 0.6rem 0 -0.2rem;
}

.btn-icon:hover .icon {
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

mark {
  background-color: #ebf2fc;
  font-weight: 600;
}

mark.mark-dark-blue {
  background-color: #d3e3f9;
}

.text-primary {
  color: #2d94f3 !important;
}

.text-primary-dark {
  color: #0d264c !important;
}

.text-secondary {
  color: rgba(13, 38, 76, 0.71) !important;
}

.text-info {
  color: #9c6dff !important;
}

.text-success {
  color: #4ac14f !important;
}

.text-danger {
  color: #f96464 !important;
}

.text-spectrum {
  color: #21c8af !important;
}

.text-spectrum-dark {
  color: #168676 !important;
}

.text-cyan {
  color: #28b6b0 !important;
}

.text-yellow {
  color: #d1ab1f !important;
}

.text-blog-label {
  color: #b9c7db !important;
}

.card {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  border: none;
  border-radius: 0.75rem;
  -webkit-transition: all 0.3s ease-out 0.1s;
  -o-transition: all 0.3s ease-out 0.1s;
  transition: all 0.3s ease-out 0.1s;
}

.card:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 9px 13px rgba(13, 38, 76, 0.2);
  box-shadow: 0 9px 13px rgba(13, 38, 76, 0.2);
}

.card.primary-shadow {
  -webkit-box-shadow: 0 9px 13px rgba(45, 148, 243, 0.07);
  box-shadow: 0 9px 13px rgba(45, 148, 243, 0.07);
}

.card.primary-shadow:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 9px 13px #e4edfa;
  box-shadow: 0 9px 13px #e4edfa;
}

.card.primary-dark-shadow {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.1);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.1);
}

.card.primary-dark-shadow:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: 0 9px 47px rgba(13, 38, 76, 0.2);
  box-shadow: 0 9px 47px rgba(13, 38, 76, 0.2);
}

.card.blue-light-shadow {
  -webkit-box-shadow: 2px 2px 36px rgba(45, 148, 243, 0.1);
  box-shadow: 2px 2px 36px rgba(45, 148, 243, 0.1);
}

.card.work-card {
  overflow: hidden;
  margin-top: 3rem;
  position: relative;
  padding-bottom: 1rem;
}

@media (max-width: 767px) {
  .card.work-card {
    padding-bottom: 0;
  }
}

.card.work-card .card-body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
}

@media (max-width: 767px) {
  .card.work-card .card-body {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
  }
}

@media (max-width: 767px) {
  .card.work-card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.card.work-card .body-header .header-image {
  height: 320px;
  width: 100%;
  background-size: cover;
  background-color: #f7f7f7;
}

@media (max-width: 767px) {
  .card.work-card .body-header .header-image {
    height: 100%;
    width: 120px;
  }
}

.card.work-card .body-header .header-image .logo {
  padding: 1.5rem 0 0 1.75rem;
}

@media (max-width: 767px) {
  .card.work-card .body-header .header-image .logo {
    display: none;
  }
}

.card.work-card .body-header .header-image .logo img {
  height: 1.5rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.card.work-card .body-header .header-image .logo img.sm {
  height: 1.35rem;
}

.card.work-card .body-header .header-image .logo img.regular {
  height: 1.5rem;
}

.card.work-card .body-header .header-image .logo img.md {
  height: 1.875rem;
}

.card.work-card .body-header .header-image .logo img.lg {
  height: 2.25rem;
}

.card.work-card .body-header .header-image .logo img.xlg {
  height: 3rem;
}

.card.work-card .body-content {
  padding: 1.25rem;
}

@media (max-width: 767px) {
  .card.work-card .body-content {
    padding: 1.25rem 1.25rem;
  }
}

.card.work-card .body-content .card-title {
  font-size: 1.25rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .card.work-card .body-content .card-title {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
  }
}

.card.work-card .body-content .info-text {
  margin-bottom: 0;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .card.work-card .body-content .info-text {
    font-size: 0.875rem;
  }
}

.card.work-card .body-footer {
  padding: 0 1.25rem 1.5rem;
  position: absolute;
  bottom: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .card.work-card .body-footer.kyor {
    padding: 0 0.65rem 1.5rem;
  }
}

@media (max-width: 767px) {
  .card.work-card .body-footer {
    position: relative;
    display: none;
  }
}

.card.work-card .body-footer .btn-badge {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.card.work-card .body-footer .btn-badge:hover {
  border: 1px solid rgba(13, 38, 76, 0.22);
  background-color: #ffffff;
}

.card.work-card .body-footer .btn-badge:hover .badge-icon {
  -webkit-filter: contrast(0) brightness(160%);
  filter: contrast(0) brightness(160%);
}

.card.work-card .body-footer .btn-badge.enabled,
.card.work-card .body-footer .btn-badge.enabled:hover {
  color: #2d94f3;
  border-color: #2d94f3;
  background-color: #f6fbff;
}

.card.work-card .body-footer .btn-badge.enabled .badge-icon,
.card.work-card .body-footer .btn-badge.enabled:hover .badge-icon {
  -webkit-filter: none;
  filter: none;
}

.card.work-card .body-footer .btn-badge .badge-text {
  font-size: 0.7rem;
}

.card.blog-card {
  overflow: hidden;
  margin-top: 3rem;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.card.blog-card:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
  -webkit-box-shadow: rgba(44, 44, 44, 0.05) 0px 2px 2px,
    rgba(48, 48, 48, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px,
    rgba(31, 31, 31, 0.05) 0px 16px 16px, rgba(48, 48, 48, 0.05) 0px 32px 32px,
    rgba(35, 35, 35, 0.05) 0px 64px 64px;
  box-shadow: rgba(44, 44, 44, 0.05) 0px 2px 2px,
    rgba(48, 48, 48, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px,
    rgba(31, 31, 31, 0.05) 0px 16px 16px, rgba(48, 48, 48, 0.05) 0px 32px 32px,
    rgba(35, 35, 35, 0.05) 0px 64px 64px;
}

.card.blog-card .card-body {
  padding: 0;
}

.card.blog-card .body-content {
  padding: 1.25rem;
}

@media (max-width: 767px) {
  .card.blog-card .body-content {
    padding: 1.25rem 1.25rem;
  }
}

.card.blog-card .body-content .card-title {
  font-size: 1.25rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .card.blog-card .body-content .card-title {
    font-size: 1.1rem;
    margin-bottom: 0.75rem;
  }
}

.card.blog-card .body-content .info-text {
  margin-bottom: 0;
  font-size: 0.875rem;
}

@media (max-width: 767px) {
  .card.blog-card .body-content .info-text {
    font-size: 0.875rem;
  }
}

.card.blog-card .body-header .header-image {
  height: 170px;
  width: 100%;
  background-size: cover;
  background-color: #f7f7f7;
  background-position: top center;
}

@media (max-width: 767px) {
  .card.blog-card .body-header .header-image {
    height: 210px;
    background-size: 100% 100%;
  }
}

.card.job-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  color: inherit;
  padding: 1.25rem 2rem;
  margin-bottom: 2rem;
}

.card.job-card:last-child {
  margin-bottom: 0;
}

.card.job-card:hover {
  text-decoration: none;
  color: inherit;
}

.card.job-card:hover .action-btn {
  color: #ffffff !important;
  background-color: #2d94f3;
}

.card.job-card .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.card.job-card .type {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .card.job-card .type {
    font-size: 0.6rem;
  }
}

.card.job-card .title {
  font-size: 1.25rem;
}

@media (max-width: 767px) {
  .card.job-card .title {
    font-size: 1.1rem;
  }
}

.card.job-card .location {
  font-size: 0.75rem;
}

@media (max-width: 767px) {
  .card.job-card .location {
    font-size: 0.6rem;
  }
}

.card.job-card .action-btn {
  border-radius: 4rem;
  font-weight: 400;
  border-width: 1px;
  font-size: 0.875rem;
  padding: 0.5rem 1.5rem 0.4rem;
  letter-spacing: 0.01rem;
}

@media (max-width: 767px) {
  .card.job-card .action-btn {
    padding: 0.25rem 1.25rem 0.15rem;
  }
}

@media (max-width: 767px) {
  .svgMainSiteLogo {
    width: 10rem;
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px);
  }
}

.svgLogoTextHolder .logo-text .stroke0 {
  fill: url(#Fill-2-Copy-2_1_);
}

.svgLogoTextHolder .logo-text .stroke1 {
  fill: #2c7fff;
}

.svgLogoTextHolder .logo-text .stroke2 {
  fill: #0d264c;
}

.svgLogoTextHolder-white .logo-text .stroke0 {
  fill: url(#Fill-2-Copy-2_2_);
}

.svgLogoTextHolder-white .logo-text .stroke1 {
  fill: #ffffff;
}

.svgLogoTextHolder-white .logo-text .stroke2 {
  fill: #ffffff;
}

.dark-header .logo {
  display: none;
}

@media (max-width: 767px) {
  .dark-header .logo {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-header .logo {
    display: block;
  }
}

.dark-header .text path {
  fill: #ffffff !important;
}

@media (max-width: 767px) {
  .stats .row-stat {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
}

.stats .stat-number {
  color: #2d94f3;
  font-size: 5rem;
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 767px) {
  .stats .stat-number {
    font-size: 3.25rem;
  }
}

.stats .stat-number small {
  font-weight: 700;
  font-size: 60%;
  margin-left: 0.25rem;
}

.stats .stat-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stats .stat-content .content-sec .title {
  text-transform: uppercase;
  font-weight: 600;
}

.stats .stat-content .content-sec .info {
  font-weight: normal;
}

.stats .stat-content .stat-icon {
  width: 1.4rem;
}

.stats .stat-content .stat-text {
  margin: 0.3rem 0 0 0.5rem;
}

.twentytwenty-horizontal .twentytwenty-container {
  -webkit-box-shadow: 0 2px 44px #e4f1fd;
  box-shadow: 0 2px 44px #e4f1fd;
  border-radius: 1.25rem;
}

@media (max-width: 767px) {
  .twentytwenty-horizontal .twentytwenty-container {
    border-radius: 0.5rem;
  }
}

.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle {
  height: 24px;
  width: 24px;
  border: 5px solid #3ddfc7;
  background-color: #ffffff;
  margin-left: -20px;
}

.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:after {
  width: 6px;
  margin-left: -3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #3ddfc7;
}

.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:before {
  margin-bottom: 17px;
}

.twentytwenty-horizontal .twentytwenty-container .twentytwenty-handle:after {
  margin-top: 17px;
}

.twentytwenty-horizontal .twentytwenty-container .twentytwenty-right-arrow,
.twentytwenty-horizontal .twentytwenty-container .twentytwenty-left-arrow {
  display: none;
}

.timeline-container {
  position: relative;
  overflow: hidden;
}

@media (max-width: 991px) {
  .timeline-container {
    margin: 4rem -15px 3rem;
  }
}

.timeline-container:before,
.timeline-container:after {
  content: "";
  position: absolute;
  top: 0;
  width: 120px;
  height: 100%;
  z-index: 10;
}

@media (max-width: 991px) {
  .timeline-container:before,
  .timeline-container:after {
    display: none;
  }
}

.timeline-container:before {
  left: 0;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(rgba(238, 244, 253, 0.1)),
    color-stop(50%, rgba(238, 244, 253, 0.5)),
    color-stop(70%, rgba(238, 244, 253, 0.75)),
    to(#eef4fd)
  );
  background: -webkit-linear-gradient(
    right,
    rgba(238, 244, 253, 0.1) 0%,
    rgba(238, 244, 253, 0.5) 50%,
    rgba(238, 244, 253, 0.75) 70%,
    #eef4fd 100%
  );
  background: -o-linear-gradient(
    right,
    rgba(238, 244, 253, 0.1) 0%,
    rgba(238, 244, 253, 0.5) 50%,
    rgba(238, 244, 253, 0.75) 70%,
    #eef4fd 100%
  );
  background: linear-gradient(
    to left,
    rgba(238, 244, 253, 0.1) 0%,
    rgba(238, 244, 253, 0.5) 50%,
    rgba(238, 244, 253, 0.75) 70%,
    #eef4fd 100%
  );
}

.timeline-container:after {
  right: 0;
  width: 120px;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(238, 244, 253, 0.1)),
    color-stop(50%, rgba(238, 244, 253, 0.5)),
    color-stop(70%, rgba(238, 244, 253, 0.75)),
    to(#eef4fd)
  );
  background: -webkit-linear-gradient(
    left,
    rgba(238, 244, 253, 0.1) 0%,
    rgba(238, 244, 253, 0.5) 50%,
    rgba(238, 244, 253, 0.75) 70%,
    #eef4fd 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(238, 244, 253, 0.1) 0%,
    rgba(238, 244, 253, 0.5) 50%,
    rgba(238, 244, 253, 0.75) 70%,
    #eef4fd 100%
  );
  background: linear-gradient(
    to right,
    rgba(238, 244, 253, 0.1) 0%,
    rgba(238, 244, 253, 0.5) 50%,
    rgba(238, 244, 253, 0.75) 70%,
    #eef4fd 100%
  );
}

.timeline-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding-left: 7rem;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: -15px !important;
}

@media (max-width: 767px) {
  .timeline-sec {
    padding-left: 3rem;
  }
}

.timeline-item {
  position: relative;
  min-width: 23rem;
  padding-right: 6rem;
}

.timeline-item:last-child {
  min-width: 19rem;
  padding-right: 2rem;
}

.timeline-item:before {
  content: "";
  position: absolute;
  left: -7rem;
  top: calc(3rem + 81px);
  width: 7rem;
  height: 4px;
  background-color: #2d94f3;
  display: none;
}

@media (max-width: 767px) {
  .timeline-item:before {
    left: -3rem;
    width: 3rem;
  }
}

.timeline-item:first-child:before {
  display: block;
}

.timeline-item:after {
  content: "";
  position: absolute;
  left: 1.25rem;
  top: calc(3rem + 81px);
  width: 100%;
  height: 4px;
  background-color: #2d94f3;
}

.timeline-item .company-label {
  position: relative;
  padding: 1rem 1rem 1rem 2rem;
  margin-left: 1.6rem;
  margin-bottom: 3rem;
}

.timeline-item .company-label .bgBox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  z-index: -1;
  border: 1px solid #2d94f3;
  -webkit-box-shadow: 0 2px 8px rgba(45, 148, 243, 0.41);
  box-shadow: 0 2px 8px rgba(45, 148, 243, 0.41);
}

.timeline-item .company-label .bgBox:before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: -1px;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 24px solid transparent;
  border-top: 15px solid #2d94f3;
}

.timeline-item .company-label .bgBox:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 22px solid transparent;
  border-top: 14px solid #ffffff;
}

.timeline-item .company-label .name {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: 600;
}

.timeline-item .company-label .duration {
  color: #2d94f3;
  font-size: 0.8rem;
  line-height: 1;
  margin-top: 0.45rem;
}

.timeline-item .pointer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: 2px solid #2d94f3;
  background-color: #ffffff;
}

.timeline-item .pointer .circle {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background-color: #2d94f3;
}

.timeline-item .company-info {
  margin-top: 2rem;
}

.timeline-item .company-info .company-logo {
  height: 1.75rem;
}

.timeline-item .company-info .company-logo img {
  height: 100%;
}

.timeline-item .company-info .company-logo.naukri-logo img {
  height: 80%;
}

.timeline-item .company-info .designation {
  font-size: 1.1rem;
  color: #2d94f3;
  margin-top: 1.5rem;
}

.timeline-item .company-info .content {
  font-size: 0.875rem;
  line-height: 2;
  margin-top: 0.5rem;
}

.m--0 {
  margin: 0px;
}

.m--5 {
  margin: 5px;
}

.m--10 {
  margin: 10px;
}

.m--15 {
  margin: 15px;
}

.m--20 {
  margin: 20px;
}

.m--25 {
  margin: 25px;
}

.m--30 {
  margin: 30px;
}

.m--35 {
  margin: 35px;
}

.m--40 {
  margin: 40px;
}

.m--45 {
  margin: 45px;
}

.m--50 {
  margin: 50px;
}

.m--55 {
  margin: 55px;
}

.m--60 {
  margin: 60px;
}

.m--65 {
  margin: 65px;
}

.m--70 {
  margin: 70px;
}

.m--75 {
  margin: 75px;
}

.m--80 {
  margin: 80px;
}

.m--85 {
  margin: 85px;
}

.m--90 {
  margin: 90px;
}

.m--95 {
  margin: 95px;
}

.m--100 {
  margin: 100px;
}

.mt--0 {
  margin-top: 0px;
}

.mt--5 {
  margin-top: 5px;
}

.mt--10 {
  margin-top: 10px;
}

.mt--15 {
  margin-top: 15px;
}

.mt--20 {
  margin-top: 20px;
}

.mt--25 {
  margin-top: 25px;
}

.mt--30 {
  margin-top: 30px;
}

.mt--35 {
  margin-top: 35px;
}

.mt--40 {
  margin-top: 40px;
}

.mt--45 {
  margin-top: 45px;
}

.mt--50 {
  margin-top: 50px;
}

.mt--55 {
  margin-top: 55px;
}

.mt--60 {
  margin-top: 60px;
}

.mt--65 {
  margin-top: 65px;
}

.mt--70 {
  margin-top: 70px;
}

.mt--75 {
  margin-top: 75px;
}

.mt--80 {
  margin-top: 80px;
}

.mt--85 {
  margin-top: 85px;
}

.mt--90 {
  margin-top: 90px;
}

.mt--95 {
  margin-top: 95px;
}

.mt--100 {
  margin-top: 100px;
}

.mr--0 {
  margin-right: 0px;
}

.mr--5 {
  margin-right: 5px;
}

.mr--10 {
  margin-right: 10px;
}

.mr--15 {
  margin-right: 15px;
}

.mr--20 {
  margin-right: 20px;
}

.mr--25 {
  margin-right: 25px;
}

.mr--30 {
  margin-right: 30px;
}

.mr--35 {
  margin-right: 35px;
}

.mr--40 {
  margin-right: 40px;
}

.mr--45 {
  margin-right: 45px;
}

.mr--50 {
  margin-right: 50px;
}

.mr--55 {
  margin-right: 55px;
}

.mr--60 {
  margin-right: 60px;
}

.mr--65 {
  margin-right: 65px;
}

.mr--70 {
  margin-right: 70px;
}

.mr--75 {
  margin-right: 75px;
}

.mr--80 {
  margin-right: 80px;
}

.mr--85 {
  margin-right: 85px;
}

.mr--90 {
  margin-right: 90px;
}

.mr--95 {
  margin-right: 95px;
}

.mr--100 {
  margin-right: 100px;
}

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

.mb--5 {
  margin-bottom: 5px;
}

.mb--10 {
  margin-bottom: 10px;
}

.mb--15 {
  margin-bottom: 15px;
}

.mb--20 {
  margin-bottom: 20px;
}

.mb--25 {
  margin-bottom: 25px;
}

.mb--30 {
  margin-bottom: 30px;
}

.mb--35 {
  margin-bottom: 35px;
}

.mb--40 {
  margin-bottom: 40px;
}

.mb--45 {
  margin-bottom: 45px;
}

.mb--50 {
  margin-bottom: 50px;
}

.mb--55 {
  margin-bottom: 55px;
}

.mb--60 {
  margin-bottom: 60px;
}

.mb--65 {
  margin-bottom: 65px;
}

.mb--70 {
  margin-bottom: 70px;
}

.mb--75 {
  margin-bottom: 75px;
}

.mb--80 {
  margin-bottom: 80px;
}

.mb--85 {
  margin-bottom: 85px;
}

.mb--90 {
  margin-bottom: 90px;
}

.mb--95 {
  margin-bottom: 95px;
}

.mb--100 {
  margin-bottom: 100px;
}

.ml--0 {
  margin-left: 0px;
}

.ml--5 {
  margin-left: 5px;
}

.ml--10 {
  margin-left: 10px;
}

.ml--15 {
  margin-left: 15px;
}

.ml--20 {
  margin-left: 20px;
}

.ml--25 {
  margin-left: 25px;
}

.ml--30 {
  margin-left: 30px;
}

.ml--35 {
  margin-left: 35px;
}

.ml--40 {
  margin-left: 40px;
}

.ml--45 {
  margin-left: 45px;
}

.ml--50 {
  margin-left: 50px;
}

.ml--55 {
  margin-left: 55px;
}

.ml--60 {
  margin-left: 60px;
}

.ml--65 {
  margin-left: 65px;
}

.ml--70 {
  margin-left: 70px;
}

.ml--75 {
  margin-left: 75px;
}

.ml--80 {
  margin-left: 80px;
}

.ml--85 {
  margin-left: 85px;
}

.ml--90 {
  margin-left: 90px;
}

.ml--95 {
  margin-left: 95px;
}

.ml--100 {
  margin-left: 100px;
}

.m--0-imp {
  margin: 0px !important;
}

.m--5-imp {
  margin: 5px !important;
}

.m--10-imp {
  margin: 10px !important;
}

.m--15-imp {
  margin: 15px !important;
}

.m--20-imp {
  margin: 20px !important;
}

.m--25-imp {
  margin: 25px !important;
}

.m--30-imp {
  margin: 30px !important;
}

.m--35-imp {
  margin: 35px !important;
}

.m--40-imp {
  margin: 40px !important;
}

.m--45-imp {
  margin: 45px !important;
}

.m--50-imp {
  margin: 50px !important;
}

.m--55-imp {
  margin: 55px !important;
}

.m--60-imp {
  margin: 60px !important;
}

.m--65-imp {
  margin: 65px !important;
}

.m--70-imp {
  margin: 70px !important;
}

.m--75-imp {
  margin: 75px !important;
}

.m--80-imp {
  margin: 80px !important;
}

.m--85-imp {
  margin: 85px !important;
}

.m--90-imp {
  margin: 90px !important;
}

.m--95-imp {
  margin: 95px !important;
}

.m--100-imp {
  margin: 100px !important;
}

.mt--0-imp {
  margin-top: 0px !important;
}

.mt--5-imp {
  margin-top: 5px !important;
}

.mt--10-imp {
  margin-top: 10px !important;
}

.mt--15-imp {
  margin-top: 15px !important;
}

.mt--20-imp {
  margin-top: 20px !important;
}

.mt--25-imp {
  margin-top: 25px !important;
}

.mt--30-imp {
  margin-top: 30px !important;
}

.mt--35-imp {
  margin-top: 35px !important;
}

.mt--40-imp {
  margin-top: 40px !important;
}

.mt--45-imp {
  margin-top: 45px !important;
}

.mt--50-imp {
  margin-top: 50px !important;
}

.mt--55-imp {
  margin-top: 55px !important;
}

.mt--60-imp {
  margin-top: 60px !important;
}

.mt--65-imp {
  margin-top: 65px !important;
}

.mt--70-imp {
  margin-top: 70px !important;
}

.mt--75-imp {
  margin-top: 75px !important;
}

.mt--80-imp {
  margin-top: 80px !important;
}

.mt--85-imp {
  margin-top: 85px !important;
}

.mt--90-imp {
  margin-top: 90px !important;
}

.mt--95-imp {
  margin-top: 95px !important;
}

.mt--100-imp {
  margin-top: 100px !important;
}

.mr--0-imp {
  margin-right: 0px !important;
}

.mr--5-imp {
  margin-right: 5px !important;
}

.mr--10-imp {
  margin-right: 10px !important;
}

.mr--15-imp {
  margin-right: 15px !important;
}

.mr--20-imp {
  margin-right: 20px !important;
}

.mr--25-imp {
  margin-right: 25px !important;
}

.mr--30-imp {
  margin-right: 30px !important;
}

.mr--35-imp {
  margin-right: 35px !important;
}

.mr--40-imp {
  margin-right: 40px !important;
}

.mr--45-imp {
  margin-right: 45px !important;
}

.mr--50-imp {
  margin-right: 50px !important;
}

.mr--55-imp {
  margin-right: 55px !important;
}

.mr--60-imp {
  margin-right: 60px !important;
}

.mr--65-imp {
  margin-right: 65px !important;
}

.mr--70-imp {
  margin-right: 70px !important;
}

.mr--75-imp {
  margin-right: 75px !important;
}

.mr--80-imp {
  margin-right: 80px !important;
}

.mr--85-imp {
  margin-right: 85px !important;
}

.mr--90-imp {
  margin-right: 90px !important;
}

.mr--95-imp {
  margin-right: 95px !important;
}

.mr--100-imp {
  margin-right: 100px !important;
}

.mb--0-imp {
  margin-bottom: 0px !important;
}

.mb--5-imp {
  margin-bottom: 5px !important;
}

.mb--10-imp {
  margin-bottom: 10px !important;
}

.mb--15-imp {
  margin-bottom: 15px !important;
}

.mb--20-imp {
  margin-bottom: 20px !important;
}

.mb--25-imp {
  margin-bottom: 25px !important;
}

.mb--30-imp {
  margin-bottom: 30px !important;
}

.mb--35-imp {
  margin-bottom: 35px !important;
}

.mb--40-imp {
  margin-bottom: 40px !important;
}

.mb--45-imp {
  margin-bottom: 45px !important;
}

.mb--50-imp {
  margin-bottom: 50px !important;
}

.mb--55-imp {
  margin-bottom: 55px !important;
}

.mb--60-imp {
  margin-bottom: 60px !important;
}

.mb--65-imp {
  margin-bottom: 65px !important;
}

.mb--70-imp {
  margin-bottom: 70px !important;
}

.mb--75-imp {
  margin-bottom: 75px !important;
}

.mb--80-imp {
  margin-bottom: 80px !important;
}

.mb--85-imp {
  margin-bottom: 85px !important;
}

.mb--90-imp {
  margin-bottom: 90px !important;
}

.mb--95-imp {
  margin-bottom: 95px !important;
}

.mb--100-imp {
  margin-bottom: 100px !important;
}

.ml--0-imp {
  margin-left: 0px !important;
}

.ml--5-imp {
  margin-left: 5px !important;
}

.ml--10-imp {
  margin-left: 10px !important;
}

.ml--15-imp {
  margin-left: 15px !important;
}

.ml--20-imp {
  margin-left: 20px !important;
}

.ml--25-imp {
  margin-left: 25px !important;
}

.ml--30-imp {
  margin-left: 30px !important;
}

.ml--35-imp {
  margin-left: 35px !important;
}

.ml--40-imp {
  margin-left: 40px !important;
}

.ml--45-imp {
  margin-left: 45px !important;
}

.ml--50-imp {
  margin-left: 50px !important;
}

.ml--55-imp {
  margin-left: 55px !important;
}

.ml--60-imp {
  margin-left: 60px !important;
}

.ml--65-imp {
  margin-left: 65px !important;
}

.ml--70-imp {
  margin-left: 70px !important;
}

.ml--75-imp {
  margin-left: 75px !important;
}

.ml--80-imp {
  margin-left: 80px !important;
}

.ml--85-imp {
  margin-left: 85px !important;
}

.ml--90-imp {
  margin-left: 90px !important;
}

.ml--95-imp {
  margin-left: 95px !important;
}

.ml--100-imp {
  margin-left: 100px !important;
}

.p--0 {
  padding: 0px;
}

.p--5 {
  padding: 5px;
}

.p--10 {
  padding: 10px;
}

.p--15 {
  padding: 15px;
}

.p--20 {
  padding: 20px;
}

.p--25 {
  padding: 25px;
}

.p--30 {
  padding: 30px;
}

.p--35 {
  padding: 35px;
}

.p--40 {
  padding: 40px;
}

.p--45 {
  padding: 45px;
}

.p--50 {
  padding: 50px;
}

.p--55 {
  padding: 55px;
}

.p--60 {
  padding: 60px;
}

.p--65 {
  padding: 65px;
}

.p--70 {
  padding: 70px;
}

.p--75 {
  padding: 75px;
}

.p--80 {
  padding: 80px;
}

.p--85 {
  padding: 85px;
}

.p--90 {
  padding: 90px;
}

.p--95 {
  padding: 95px;
}

.p--100 {
  padding: 100px;
}

.pt--0 {
  padding-top: 0px;
}

.pt--5 {
  padding-top: 5px;
}

.pt--10 {
  padding-top: 10px;
}

.pt--15 {
  padding-top: 15px;
}

.pt--20 {
  padding-top: 20px;
}

.pt--25 {
  padding-top: 25px;
}

.pt--30 {
  padding-top: 30px;
}

.pt--35 {
  padding-top: 35px;
}

.pt--40 {
  padding-top: 40px;
}

.pt--45 {
  padding-top: 45px;
}

.pt--50 {
  padding-top: 50px;
}

.pt--55 {
  padding-top: 55px;
}

.pt--60 {
  padding-top: 60px;
}

.pt--65 {
  padding-top: 65px;
}

.pt--70 {
  padding-top: 70px;
}

.pt--75 {
  padding-top: 75px;
}

.pt--80 {
  padding-top: 80px;
}

.pt--85 {
  padding-top: 85px;
}

.pt--90 {
  padding-top: 90px;
}

.pt--95 {
  padding-top: 95px;
}

.pt--100 {
  padding-top: 100px;
}

.pr--0 {
  padding-right: 0px;
}

.pr--5 {
  padding-right: 5px;
}

.pr--10 {
  padding-right: 10px;
}

.pr--15 {
  padding-right: 15px;
}

.pr--20 {
  padding-right: 20px;
}

.pr--25 {
  padding-right: 25px;
}

.pr--30 {
  padding-right: 30px;
}

.pr--35 {
  padding-right: 35px;
}

.pr--40 {
  padding-right: 40px;
}

.pr--45 {
  padding-right: 45px;
}

.pr--50 {
  padding-right: 50px;
}

.pr--55 {
  padding-right: 55px;
}

.pr--60 {
  padding-right: 60px;
}

.pr--65 {
  padding-right: 65px;
}

.pr--70 {
  padding-right: 70px;
}

.pr--75 {
  padding-right: 75px;
}

.pr--80 {
  padding-right: 80px;
}

.pr--85 {
  padding-right: 85px;
}

.pr--90 {
  padding-right: 90px;
}

.pr--95 {
  padding-right: 95px;
}

.pr--100 {
  padding-right: 100px;
}

.pb--0 {
  padding-bottom: 0px;
}

.pb--5 {
  padding-bottom: 5px;
}

.pb--10 {
  padding-bottom: 10px;
}

.pb--15 {
  padding-bottom: 15px;
}

.pb--20 {
  padding-bottom: 20px;
}

.pb--25 {
  padding-bottom: 25px;
}

.pb--30 {
  padding-bottom: 30px;
}

.pb--35 {
  padding-bottom: 35px;
}

.pb--40 {
  padding-bottom: 40px;
}

.pb--45 {
  padding-bottom: 45px;
}

.pb--50 {
  padding-bottom: 50px;
}

.pb--55 {
  padding-bottom: 55px;
}

.pb--60 {
  padding-bottom: 60px;
}

.pb--65 {
  padding-bottom: 65px;
}

.pb--70 {
  padding-bottom: 70px;
}

.pb--75 {
  padding-bottom: 75px;
}

.pb--80 {
  padding-bottom: 80px;
}

.pb--85 {
  padding-bottom: 85px;
}

.pb--90 {
  padding-bottom: 90px;
}

.pb--95 {
  padding-bottom: 95px;
}

.pb--100 {
  padding-bottom: 100px;
}

.pl--0 {
  padding-left: 0px;
}

.pl--5 {
  padding-left: 5px;
}

.pl--10 {
  padding-left: 10px;
}

.pl--15 {
  padding-left: 15px;
}

.pl--20 {
  padding-left: 20px;
}

.pl--25 {
  padding-left: 25px;
}

.pl--30 {
  padding-left: 30px;
}

.pl--35 {
  padding-left: 35px;
}

.pl--40 {
  padding-left: 40px;
}

.pl--45 {
  padding-left: 45px;
}

.pl--50 {
  padding-left: 50px;
}

.pl--55 {
  padding-left: 55px;
}

.pl--60 {
  padding-left: 60px;
}

.pl--65 {
  padding-left: 65px;
}

.pl--70 {
  padding-left: 70px;
}

.pl--75 {
  padding-left: 75px;
}

.pl--80 {
  padding-left: 80px;
}

.pl--85 {
  padding-left: 85px;
}

.pl--90 {
  padding-left: 90px;
}

.pl--95 {
  padding-left: 95px;
}

.pl--100 {
  padding-left: 100px;
}

.p--0-imp {
  padding: 0px !important;
}

.p--5-imp {
  padding: 5px !important;
}

.p--10-imp {
  padding: 10px !important;
}

.p--15-imp {
  padding: 15px !important;
}

.p--20-imp {
  padding: 20px !important;
}

.p--25-imp {
  padding: 25px !important;
}

.p--30-imp {
  padding: 30px !important;
}

.p--35-imp {
  padding: 35px !important;
}

.p--40-imp {
  padding: 40px !important;
}

.p--45-imp {
  padding: 45px !important;
}

.p--50-imp {
  padding: 50px !important;
}

.p--55-imp {
  padding: 55px !important;
}

.p--60-imp {
  padding: 60px !important;
}

.p--65-imp {
  padding: 65px !important;
}

.p--70-imp {
  padding: 70px !important;
}

.p--75-imp {
  padding: 75px !important;
}

.p--80-imp {
  padding: 80px !important;
}

.p--85-imp {
  padding: 85px !important;
}

.p--90-imp {
  padding: 90px !important;
}

.p--95-imp {
  padding: 95px !important;
}

.p--100-imp {
  padding: 100px !important;
}

.pt--0-imp {
  padding-top: 0px !important;
}

.pt--5-imp {
  padding-top: 5px !important;
}

.pt--10-imp {
  padding-top: 10px !important;
}

.pt--15-imp {
  padding-top: 15px !important;
}

.pt--20-imp {
  padding-top: 20px !important;
}

.pt--25-imp {
  padding-top: 25px !important;
}

.pt--30-imp {
  padding-top: 30px !important;
}

.pt--35-imp {
  padding-top: 35px !important;
}

.pt--40-imp {
  padding-top: 40px !important;
}

.pt--45-imp {
  padding-top: 45px !important;
}

.pt--50-imp {
  padding-top: 50px !important;
}

.pt--55-imp {
  padding-top: 55px !important;
}

.pt--60-imp {
  padding-top: 60px !important;
}

.pt--65-imp {
  padding-top: 65px !important;
}

.pt--70-imp {
  padding-top: 70px !important;
}

.pt--75-imp {
  padding-top: 75px !important;
}

.pt--80-imp {
  padding-top: 80px !important;
}

.pt--85-imp {
  padding-top: 85px !important;
}

.pt--90-imp {
  padding-top: 90px !important;
}

.pt--95-imp {
  padding-top: 95px !important;
}

.pt--100-imp {
  padding-top: 100px !important;
}

.pr--0-imp {
  padding-right: 0px !important;
}

.pr--5-imp {
  padding-right: 5px !important;
}

.pr--10-imp {
  padding-right: 10px !important;
}

.pr--15-imp {
  padding-right: 15px !important;
}

.pr--20-imp {
  padding-right: 20px !important;
}

.pr--25-imp {
  padding-right: 25px !important;
}

.pr--30-imp {
  padding-right: 30px !important;
}

.pr--35-imp {
  padding-right: 35px !important;
}

.pr--40-imp {
  padding-right: 40px !important;
}

.pr--45-imp {
  padding-right: 45px !important;
}

.pr--50-imp {
  padding-right: 50px !important;
}

.pr--55-imp {
  padding-right: 55px !important;
}

.pr--60-imp {
  padding-right: 60px !important;
}

.pr--65-imp {
  padding-right: 65px !important;
}

.pr--70-imp {
  padding-right: 70px !important;
}

.pr--75-imp {
  padding-right: 75px !important;
}

.pr--80-imp {
  padding-right: 80px !important;
}

.pr--85-imp {
  padding-right: 85px !important;
}

.pr--90-imp {
  padding-right: 90px !important;
}

.pr--95-imp {
  padding-right: 95px !important;
}

.pr--100-imp {
  padding-right: 100px !important;
}

.pb--0-imp {
  padding-bottom: 0px !important;
}

.pb--5-imp {
  padding-bottom: 5px !important;
}

.pb--10-imp {
  padding-bottom: 10px !important;
}

.pb--15-imp {
  padding-bottom: 15px !important;
}

.pb--20-imp {
  padding-bottom: 20px !important;
}

.pb--25-imp {
  padding-bottom: 25px !important;
}

.pb--30-imp {
  padding-bottom: 30px !important;
}

.pb--35-imp {
  padding-bottom: 35px !important;
}

.pb--40-imp {
  padding-bottom: 40px !important;
}

.pb--45-imp {
  padding-bottom: 45px !important;
}

.pb--50-imp {
  padding-bottom: 50px !important;
}

.pb--55-imp {
  padding-bottom: 55px !important;
}

.pb--60-imp {
  padding-bottom: 60px !important;
}

.pb--65-imp {
  padding-bottom: 65px !important;
}

.pb--70-imp {
  padding-bottom: 70px !important;
}

.pb--75-imp {
  padding-bottom: 75px !important;
}

.pb--80-imp {
  padding-bottom: 80px !important;
}

.pb--85-imp {
  padding-bottom: 85px !important;
}

.pb--90-imp {
  padding-bottom: 90px !important;
}

.pb--95-imp {
  padding-bottom: 95px !important;
}

.pb--100-imp {
  padding-bottom: 100px !important;
}

.pl--0-imp {
  padding-left: 0px !important;
}

.pl--5-imp {
  padding-left: 5px !important;
}

.pl--10-imp {
  padding-left: 10px !important;
}

.pl--15-imp {
  padding-left: 15px !important;
}

.pl--20-imp {
  padding-left: 20px !important;
}

.pl--25-imp {
  padding-left: 25px !important;
}

.pl--30-imp {
  padding-left: 30px !important;
}

.pl--35-imp {
  padding-left: 35px !important;
}

.pl--40-imp {
  padding-left: 40px !important;
}

.pl--45-imp {
  padding-left: 45px !important;
}

.pl--50-imp {
  padding-left: 50px !important;
}

.pl--55-imp {
  padding-left: 55px !important;
}

.pl--60-imp {
  padding-left: 60px !important;
}

.pl--65-imp {
  padding-left: 65px !important;
}

.pl--70-imp {
  padding-left: 70px !important;
}

.pl--75-imp {
  padding-left: 75px !important;
}

.pl--80-imp {
  padding-left: 80px !important;
}

.pl--85-imp {
  padding-left: 85px !important;
}

.pl--90-imp {
  padding-left: 90px !important;
}

.pl--95-imp {
  padding-left: 95px !important;
}

.pl--100-imp {
  padding-left: 100px !important;
}

.fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fx-imp {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.infx {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.infx-imp {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.fx--w-nw {
  -ms-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
}

.fx--w-w {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fx--w-wr {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.fx--w-ih {
  -ms-flex-wrap: inherit;
  flex-wrap: inherit;
}

.fx--w-in {
  -ms-flex-wrap: initial;
  flex-wrap: initial;
}

.fx--w-nw-imp {
  -ms-flex-wrap: no-wrap !important;
  flex-wrap: no-wrap !important;
}

.fx--w-w-imp {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.fx--w-wr-imp {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.fx--w-ih-imp {
  -ms-flex-wrap: inherit !important;
  flex-wrap: inherit !important;
}

.fx--w-in-imp {
  -ms-flex-wrap: initial !important;
  flex-wrap: initial !important;
}

.fx--d-r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fx--d-rr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.fx--d-c {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.fx--d-cr {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.fx--d-ih {
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
}

.fx--d-in {
  -webkit-box-orient: initial;
  -webkit-box-direction: initial;
  -ms-flex-direction: initial;
  flex-direction: initial;
}

.fx--d-r-imp {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.fx--d-rr-imp {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.fx--d-c-imp {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.fx--d-cr-imp {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.fx--d-ih-imp {
  -webkit-box-orient: inherit !important;
  -webkit-box-direction: inherit !important;
  -ms-flex-direction: inherit !important;
  flex-direction: inherit !important;
}

.fx--d-in-imp {
  -webkit-box-orient: initial !important;
  -webkit-box-direction: initial !important;
  -ms-flex-direction: initial !important;
  flex-direction: initial !important;
}

.fx--jc-fs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fx--jc-fe {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.fx--jc-c {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.fx--jc-sa {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.fx--jc-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fx--jc-ih {
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  justify-content: inherit;
}

.fx--jc-in {
  -webkit-box-pack: initial;
  -ms-flex-pack: initial;
  justify-content: initial;
}

.fx--jc-fs-imp {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.fx--jc-fe-imp {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.fx--jc-c-imp {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.fx--jc-sa-imp {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.fx--jc-sb-imp {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.fx--jc-ih-imp {
  -webkit-box-pack: inherit !important;
  -ms-flex-pack: inherit !important;
  justify-content: inherit !important;
}

.fx--jc-in-imp {
  -webkit-box-pack: initial !important;
  -ms-flex-pack: initial !important;
  justify-content: initial !important;
}

.fx--ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fx--ai-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.fx--ai-c {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.fx--ai-b {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.fx--ai-s {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.fx--ai-ih {
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
}

.fx--ai-in {
  -webkit-box-align: initial;
  -ms-flex-align: initial;
  align-items: initial;
}

.fx--ai-fs-imp {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.fx--ai-fe-imp {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.fx--ai-c-imp {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.fx--ai-b-imp {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.fx--ai-s-imp {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.fx--ai-ih-imp {
  -webkit-box-align: inherit !important;
  -ms-flex-align: inherit !important;
  align-items: inherit !important;
}

.fx--ai-in-imp {
  -webkit-box-align: initial !important;
  -ms-flex-align: initial !important;
  align-items: initial !important;
}

.table--tb {
  display: table;
}

.table--tb.fw {
  width: 100%;
}

.table--tbin {
  display: inline-table;
}

.table--tbin.fw {
  width: 100%;
}

.table--tc {
  display: table-cell;
}

.table--tc.fw {
  width: 100%;
}

.table--tcap {
  display: table-caption;
}

.table--tcap.fw {
  width: 100%;
}

.table--tr {
  display: table-row;
}

.table--tr.fw {
  width: 100%;
}

.table--trgr {
  display: table-row-group;
}

.table--trgr.fw {
  width: 100%;
}

.table--tcol {
  display: table-column;
}

.table--tcol.fw {
  width: 100%;
}

.table--tcolgr {
  display: table-column-group;
}

.table--tcolgr.fw {
  width: 100%;
}

.table--thgr {
  display: table-header-group;
}

.table--thgr.fw {
  width: 100%;
}

.table--tfgr {
  display: table-footer-group;
}

.table--tfgr.fw {
  width: 100%;
}

.table--ih {
  display: inherit;
}

.table--ih.fw {
  width: 100%;
}

.table--in {
  display: initial;
}

.table--in.fw {
  width: 100%;
}

.table--tb-imp {
  display: table !important;
}

.table--tb-imp.fw {
  width: 100%;
}

.table--tbin-imp {
  display: inline-table !important;
}

.table--tbin-imp.fw {
  width: 100%;
}

.table--tc-imp {
  display: table-cell !important;
}

.table--tc-imp.fw {
  width: 100%;
}

.table--tcap-imp {
  display: table-caption !important;
}

.table--tcap-imp.fw {
  width: 100%;
}

.table--tr-imp {
  display: table-row !important;
}

.table--tr-imp.fw {
  width: 100%;
}

.table--trgr-imp {
  display: table-row-group !important;
}

.table--trgr-imp.fw {
  width: 100%;
}

.table--tcol-imp {
  display: table-column !important;
}

.table--tcol-imp.fw {
  width: 100%;
}

.table--tcolgr-imp {
  display: table-column-group !important;
}

.table--tcolgr-imp.fw {
  width: 100%;
}

.table--thgr-imp {
  display: table-header-group !important;
}

.table--thgr-imp.fw {
  width: 100%;
}

.table--tfgr-imp {
  display: table-footer-group !important;
}

.table--tfgr-imp.fw {
  width: 100%;
}

.table--ih-imp {
  display: inherit !important;
}

.table--ih-imp.fw {
  width: 100%;
}

.table--in-imp {
  display: initial !important;
}

.table--in-imp.fw {
  width: 100%;
}

/* Table */

.sec--table {
  display: table;
}

.sec--table.fw {
  width: 100%;
}

/* Table */

.sec--table-imp {
  display: table !important;
}

.sec--table-imp.fw {
  width: 100%;
}

/* Table Row */

.sec--table-row {
  display: table-row;
}

/* Table Row (IMP) */

.sec--table-row-imp {
  display: table-row !important;
}

/* Table Cell */

.sec--table-cell {
  display: table-cell;
}

/* Table Cell (IMP) */

.sec--table-cell-imp {
  display: table-cell;
}

.valign--bl {
  vertical-align: baseline;
}

.valign--b {
  vertical-align: bottom;
}

.valign--m {
  vertical-align: middle;
}

.valign--sub {
  vertical-align: sub;
}

.valign--sup {
  vertical-align: super;
}

.valign--tb {
  vertical-align: text-bottom;
}

.valign--tt {
  vertical-align: text-top;
}

.valign--t {
  vertical-align: top;
}

.valign--ih {
  vertical-align: inherit;
}

.valign--in {
  vertical-align: initial;
}

.valign--bl-imp {
  vertical-align: baseline !important;
}

.valign--b-imp {
  vertical-align: bottom !important;
}

.valign--m-imp {
  vertical-align: middle !important;
}

.valign--sub-imp {
  vertical-align: sub !important;
}

.valign--sup-imp {
  vertical-align: super !important;
}

.valign--tb-imp {
  vertical-align: text-bottom !important;
}

.valign--tt-imp {
  vertical-align: text-top !important;
}

.valign--t-imp {
  vertical-align: top !important;
}

.valign--ih-imp {
  vertical-align: inherit !important;
}

.valign--in-imp {
  vertical-align: initial !important;
}

.width--full {
  width: 100%;
}

.width--full-imp {
  width: 100% !important;
}

.width--half {
  width: 50%;
}

.width--half-imp {
  width: 50% !important;
}

.width--auto {
  width: auto;
}

.width--auto-imp {
  width: auto !important;
}

.width--full-vw {
  width: 100vw;
}

.width--full-vw-imp {
  width: 100vw !important;
}

.width--half-vw {
  width: 50vw;
}

.width--half-vw-imp {
  width: 50vw !important;
}

.height--full {
  height: 100%;
}

.height--full-imp {
  height: 100% !important;
}

.height--half {
  height: 50%;
}

.height--half-imp {
  height: 50% !important;
}

.height--auto {
  height: auto;
}

.height--auto {
  height: auto !important;
}

.height--full-vh {
  height: 100vh;
}

.height--full-vh-imp {
  height: 100vh !important;
}

.height--half-vh {
  height: 50vh;
}

.height--half-vh-imp {
  height: 50vh !important;
}

.color--social-facebook {
  color: #3b5999;
}

.color--social-messenger {
  color: #0084ff;
}

.color--social-twitter {
  color: #55acee;
}

.color--social-linkedin {
  color: #0077b5;
}

.color--social-skype {
  color: #00aff0;
}

.color--social-dropbox {
  color: #007ee5;
}

.color--social-wordpress {
  color: #21759b;
}

.color--social-vimeo {
  color: #1ab7ea;
}

.color--social-slideshare {
  color: #0077b5;
}

.color--social-vk {
  color: #4c75a3;
}

.color--social-tumblr {
  color: #34465d;
}

.color--social-yahoo {
  color: #410093;
}

.color--social-gplus {
  color: #db4437;
}

.color--social-pinterest {
  color: #bd081c;
}

.color--social-youtube {
  color: #cd201f;
}

.color--social-stumbleupon {
  color: #eb4924;
}

.color--social-reddit {
  color: #ff5700;
}

.color--social-quora {
  color: #b92b27;
}

.color--social-yelp {
  color: #af0606;
}

.color--social-weibo {
  color: #df2029;
}

.color--social-producthunt {
  color: #da552f;
}

.color--social-hackernews {
  color: #ff6600;
}

.color--social-soundcloud {
  color: #ff3300;
}

.color--social-blogger {
  color: #f57d00;
}

.color--social-whatsapp {
  color: #4dc247;
}

.color--social-wechat {
  color: #09b83e;
}

.color--social-line {
  color: #00c300;
}

.color--social-medium {
  color: #12100e;
}

.color--social-vine {
  color: #00b489;
}

.color--social-slack {
  color: #3aaf85;
}

.color--social-instagram {
  color: #c21473;
}

.color--social-dribbble {
  color: #ea4c89;
}

.color--social-flickr {
  color: #ff0084;
}

.color--social-foursquare {
  color: #f94877;
}

.color--social-behance {
  color: #1769ff;
}

.color--social-github {
  color: #24292e;
}

.color--social-spotify {
  color: #00e461;
}

.color--social-snapchat {
  color: #fffc00;
}

.color--social-facebook-imp {
  color: #3b5999 !important;
}

.color--social-messenger-imp {
  color: #0084ff !important;
}

.color--social-twitter-imp {
  color: #55acee !important;
}

.color--social-linkedin-imp {
  color: #0077b5 !important;
}

.color--social-skype-imp {
  color: #00aff0 !important;
}

.color--social-dropbox-imp {
  color: #007ee5 !important;
}

.color--social-wordpress-imp {
  color: #21759b !important;
}

.color--social-vimeo-imp {
  color: #1ab7ea !important;
}

.color--social-slideshare-imp {
  color: #0077b5 !important;
}

.color--social-vk-imp {
  color: #4c75a3 !important;
}

.color--social-tumblr-imp {
  color: #34465d !important;
}

.color--social-yahoo-imp {
  color: #410093 !important;
}

.color--social-gplus-imp {
  color: #db4437 !important;
}

.color--social-pinterest-imp {
  color: #bd081c !important;
}

.color--social-youtube-imp {
  color: #cd201f !important;
}

.color--social-stumbleupon-imp {
  color: #eb4924 !important;
}

.color--social-reddit-imp {
  color: #ff5700 !important;
}

.color--social-quora-imp {
  color: #b92b27 !important;
}

.color--social-yelp-imp {
  color: #af0606 !important;
}

.color--social-weibo-imp {
  color: #df2029 !important;
}

.color--social-producthunt-imp {
  color: #da552f !important;
}

.color--social-hackernews-imp {
  color: #ff6600 !important;
}

.color--social-soundcloud-imp {
  color: #ff3300 !important;
}

.color--social-blogger-imp {
  color: #f57d00 !important;
}

.color--social-whatsapp-imp {
  color: #4dc247 !important;
}

.color--social-wechat-imp {
  color: #09b83e !important;
}

.color--social-line-imp {
  color: #00c300 !important;
}

.color--social-medium-imp {
  color: #12100e !important;
}

.color--social-vine-imp {
  color: #00b489 !important;
}

.color--social-slack-imp {
  color: #3aaf85 !important;
}

.color--social-instagram-imp {
  color: #c21473 !important;
}

.color--social-dribbble-imp {
  color: #ea4c89 !important;
}

.color--social-flickr-imp {
  color: #ff0084 !important;
}

.color--social-foursquare-imp {
  color: #f94877 !important;
}

.color--social-behance-imp {
  color: #1769ff !important;
}

.color--social-github-imp {
  color: #24292e !important;
}

.color--social-spotify-imp {
  color: #00e461 !important;
}

.color--social-snapchat-imp {
  color: #fffc00 !important;
}

.bgcolor--social-facebook {
  background-color: #3b5999;
}

.bgcolor--social-messenger {
  background-color: #0084ff;
}

.bgcolor--social-twitter {
  background-color: #55acee;
}

.bgcolor--social-linkedin {
  background-color: #0077b5;
}

.bgcolor--social-skype {
  background-color: #00aff0;
}

.bgcolor--social-dropbox {
  background-color: #007ee5;
}

.bgcolor--social-wordpress {
  background-color: #21759b;
}

.bgcolor--social-vimeo {
  background-color: #1ab7ea;
}

.bgcolor--social-slideshare {
  background-color: #0077b5;
}

.bgcolor--social-vk {
  background-color: #4c75a3;
}

.bgcolor--social-tumblr {
  background-color: #34465d;
}

.bgcolor--social-yahoo {
  background-color: #410093;
}

.bgcolor--social-gplus {
  background-color: #db4437;
}

.bgcolor--social-pinterest {
  background-color: #bd081c;
}

.bgcolor--social-youtube {
  background-color: #cd201f;
}

.bgcolor--social-stumbleupon {
  background-color: #eb4924;
}

.bgcolor--social-reddit {
  background-color: #ff5700;
}

.bgcolor--social-quora {
  background-color: #b92b27;
}

.bgcolor--social-yelp {
  background-color: #af0606;
}

.bgcolor--social-weibo {
  background-color: #df2029;
}

.bgcolor--social-producthunt {
  background-color: #da552f;
}

.bgcolor--social-hackernews {
  background-color: #ff6600;
}

.bgcolor--social-soundcloud {
  background-color: #ff3300;
}

.bgcolor--social-blogger {
  background-color: #f57d00;
}

.bgcolor--social-whatsapp {
  background-color: #4dc247;
}

.bgcolor--social-wechat {
  background-color: #09b83e;
}

.bgcolor--social-line {
  background-color: #00c300;
}

.bgcolor--social-medium {
  background-color: #12100e;
}

.bgcolor--social-vine {
  background-color: #00b489;
}

.bgcolor--social-slack {
  background-color: #3aaf85;
}

.bgcolor--social-instagram {
  background-color: #c21473;
}

.bgcolor--social-dribbble {
  background-color: #ea4c89;
}

.bgcolor--social-flickr {
  background-color: #ff0084;
}

.bgcolor--social-foursquare {
  background-color: #f94877;
}

.bgcolor--social-behance {
  background-color: #1769ff;
}

.bgcolor--social-github {
  background-color: #24292e;
}

.bgcolor--social-spotify {
  background-color: #00e461;
}

.bgcolor--social-snapchat {
  background-color: #fffc00;
}

.bgcolor--social-facebook-imp {
  background-color: #3b5999 !important;
}

.bgcolor--social-messenger-imp {
  background-color: #0084ff !important;
}

.bgcolor--social-twitter-imp {
  background-color: #55acee !important;
}

.bgcolor--social-linkedin-imp {
  background-color: #0077b5 !important;
}

.bgcolor--social-skype-imp {
  background-color: #00aff0 !important;
}

.bgcolor--social-dropbox-imp {
  background-color: #007ee5 !important;
}

.bgcolor--social-wordpress-imp {
  background-color: #21759b !important;
}

.bgcolor--social-vimeo-imp {
  background-color: #1ab7ea !important;
}

.bgcolor--social-slideshare-imp {
  background-color: #0077b5 !important;
}

.bgcolor--social-vk-imp {
  background-color: #4c75a3 !important;
}

.bgcolor--social-tumblr-imp {
  background-color: #34465d !important;
}

.bgcolor--social-yahoo-imp {
  background-color: #410093 !important;
}

.bgcolor--social-gplus-imp {
  background-color: #db4437 !important;
}

.bgcolor--social-pinterest-imp {
  background-color: #bd081c !important;
}

.bgcolor--social-youtube-imp {
  background-color: #cd201f !important;
}

.bgcolor--social-stumbleupon-imp {
  background-color: #eb4924 !important;
}

.bgcolor--social-reddit-imp {
  background-color: #ff5700 !important;
}

.bgcolor--social-quora-imp {
  background-color: #b92b27 !important;
}

.bgcolor--social-yelp-imp {
  background-color: #af0606 !important;
}

.bgcolor--social-weibo-imp {
  background-color: #df2029 !important;
}

.bgcolor--social-producthunt-imp {
  background-color: #da552f !important;
}

.bgcolor--social-hackernews-imp {
  background-color: #ff6600 !important;
}

.bgcolor--social-soundcloud-imp {
  background-color: #ff3300 !important;
}

.bgcolor--social-blogger-imp {
  background-color: #f57d00 !important;
}

.bgcolor--social-whatsapp-imp {
  background-color: #4dc247 !important;
}

.bgcolor--social-wechat-imp {
  background-color: #09b83e !important;
}

.bgcolor--social-line-imp {
  background-color: #00c300 !important;
}

.bgcolor--social-medium-imp {
  background-color: #12100e !important;
}

.bgcolor--social-vine-imp {
  background-color: #00b489 !important;
}

.bgcolor--social-slack-imp {
  background-color: #3aaf85 !important;
}

.bgcolor--social-instagram-imp {
  background-color: #c21473 !important;
}

.bgcolor--social-dribbble-imp {
  background-color: #ea4c89 !important;
}

.bgcolor--social-flickr-imp {
  background-color: #ff0084 !important;
}

.bgcolor--social-foursquare-imp {
  background-color: #f94877 !important;
}

.bgcolor--social-behance-imp {
  background-color: #1769ff !important;
}

.bgcolor--social-github-imp {
  background-color: #24292e !important;
}

.bgcolor--social-spotify-imp {
  background-color: #00e461 !important;
}

.bgcolor--social-snapchat-imp {
  background-color: #fffc00 !important;
}

.btn--social-facebook {
  background-color: #3b5999;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-facebook.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-facebook.focus:focus,
.btn--social-facebook.active:active {
  background-color: #3b5999;
  color: #ffffff;
}

.btn--social-messenger {
  background-color: #0084ff;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-messenger.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-messenger.focus:focus,
.btn--social-messenger.active:active {
  background-color: #0084ff;
  color: #ffffff;
}

.btn--social-twitter {
  background-color: #55acee;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-twitter.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-twitter.focus:focus,
.btn--social-twitter.active:active {
  background-color: #55acee;
  color: #ffffff;
}

.btn--social-linkedin {
  background-color: #0077b5;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-linkedin.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-linkedin.focus:focus,
.btn--social-linkedin.active:active {
  background-color: #0077b5;
  color: #ffffff;
}

.btn--social-skype {
  background-color: #00aff0;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-skype.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-skype.focus:focus,
.btn--social-skype.active:active {
  background-color: #00aff0;
  color: #ffffff;
}

.btn--social-dropbox {
  background-color: #007ee5;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dropbox.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dropbox.focus:focus,
.btn--social-dropbox.active:active {
  background-color: #007ee5;
  color: #ffffff;
}

.btn--social-wordpress {
  background-color: #21759b;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wordpress.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wordpress.focus:focus,
.btn--social-wordpress.active:active {
  background-color: #21759b;
  color: #ffffff;
}

.btn--social-vimeo {
  background-color: #1ab7ea;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vimeo.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vimeo.focus:focus,
.btn--social-vimeo.active:active {
  background-color: #1ab7ea;
  color: #ffffff;
}

.btn--social-slideshare {
  background-color: #0077b5;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slideshare.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slideshare.focus:focus,
.btn--social-slideshare.active:active {
  background-color: #0077b5;
  color: #ffffff;
}

.btn--social-vk {
  background-color: #4c75a3;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vk.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vk.focus:focus,
.btn--social-vk.active:active {
  background-color: #4c75a3;
  color: #ffffff;
}

.btn--social-tumblr {
  background-color: #34465d;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-tumblr.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-tumblr.focus:focus,
.btn--social-tumblr.active:active {
  background-color: #34465d;
  color: #ffffff;
}

.btn--social-yahoo {
  background-color: #410093;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yahoo.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yahoo.focus:focus,
.btn--social-yahoo.active:active {
  background-color: #410093;
  color: #ffffff;
}

.btn--social-gplus {
  background-color: #db4437;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-gplus.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-gplus.focus:focus,
.btn--social-gplus.active:active {
  background-color: #db4437;
  color: #ffffff;
}

.btn--social-pinterest {
  background-color: #bd081c;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-pinterest.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-pinterest.focus:focus,
.btn--social-pinterest.active:active {
  background-color: #bd081c;
  color: #ffffff;
}

.btn--social-youtube {
  background-color: #cd201f;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-youtube.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-youtube.focus:focus,
.btn--social-youtube.active:active {
  background-color: #cd201f;
  color: #ffffff;
}

.btn--social-stumbleupon {
  background-color: #eb4924;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-stumbleupon.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-stumbleupon.focus:focus,
.btn--social-stumbleupon.active:active {
  background-color: #eb4924;
  color: #ffffff;
}

.btn--social-reddit {
  background-color: #ff5700;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-reddit.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-reddit.focus:focus,
.btn--social-reddit.active:active {
  background-color: #ff5700;
  color: #ffffff;
}

.btn--social-quora {
  background-color: #b92b27;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-quora.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-quora.focus:focus,
.btn--social-quora.active:active {
  background-color: #b92b27;
  color: #ffffff;
}

.btn--social-yelp {
  background-color: #af0606;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yelp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yelp.focus:focus,
.btn--social-yelp.active:active {
  background-color: #af0606;
  color: #ffffff;
}

.btn--social-weibo {
  background-color: #df2029;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-weibo.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-weibo.focus:focus,
.btn--social-weibo.active:active {
  background-color: #df2029;
  color: #ffffff;
}

.btn--social-producthunt {
  background-color: #da552f;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-producthunt.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-producthunt.focus:focus,
.btn--social-producthunt.active:active {
  background-color: #da552f;
  color: #ffffff;
}

.btn--social-hackernews {
  background-color: #ff6600;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-hackernews.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-hackernews.focus:focus,
.btn--social-hackernews.active:active {
  background-color: #ff6600;
  color: #ffffff;
}

.btn--social-soundcloud {
  background-color: #ff3300;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-soundcloud.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-soundcloud.focus:focus,
.btn--social-soundcloud.active:active {
  background-color: #ff3300;
  color: #ffffff;
}

.btn--social-blogger {
  background-color: #f57d00;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-blogger.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-blogger.focus:focus,
.btn--social-blogger.active:active {
  background-color: #f57d00;
  color: #ffffff;
}

.btn--social-whatsapp {
  background-color: #4dc247;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-whatsapp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-whatsapp.focus:focus,
.btn--social-whatsapp.active:active {
  background-color: #4dc247;
  color: #ffffff;
}

.btn--social-wechat {
  background-color: #09b83e;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wechat.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wechat.focus:focus,
.btn--social-wechat.active:active {
  background-color: #09b83e;
  color: #ffffff;
}

.btn--social-line {
  background-color: #00c300;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-line.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-line.focus:focus,
.btn--social-line.active:active {
  background-color: #00c300;
  color: #ffffff;
}

.btn--social-medium {
  background-color: #12100e;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-medium.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-medium.focus:focus,
.btn--social-medium.active:active {
  background-color: #12100e;
  color: #ffffff;
}

.btn--social-vine {
  background-color: #00b489;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vine.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vine.focus:focus,
.btn--social-vine.active:active {
  background-color: #00b489;
  color: #ffffff;
}

.btn--social-slack {
  background-color: #3aaf85;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slack.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slack.focus:focus,
.btn--social-slack.active:active {
  background-color: #3aaf85;
  color: #ffffff;
}

.btn--social-instagram {
  background-color: #c21473;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-instagram.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-instagram.focus:focus,
.btn--social-instagram.active:active {
  background-color: #c21473;
  color: #ffffff;
}

.btn--social-dribbble {
  background-color: #ea4c89;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dribbble.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dribbble.focus:focus,
.btn--social-dribbble.active:active {
  background-color: #ea4c89;
  color: #ffffff;
}

.btn--social-flickr {
  background-color: #ff0084;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-flickr.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-flickr.focus:focus,
.btn--social-flickr.active:active {
  background-color: #ff0084;
  color: #ffffff;
}

.btn--social-foursquare {
  background-color: #f94877;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-foursquare.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-foursquare.focus:focus,
.btn--social-foursquare.active:active {
  background-color: #f94877;
  color: #ffffff;
}

.btn--social-behance {
  background-color: #1769ff;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-behance.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-behance.focus:focus,
.btn--social-behance.active:active {
  background-color: #1769ff;
  color: #ffffff;
}

.btn--social-github {
  background-color: #24292e;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-github.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-github.focus:focus,
.btn--social-github.active:active {
  background-color: #24292e;
  color: #ffffff;
}

.btn--social-spotify {
  background-color: #00e461;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-spotify.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-spotify.focus:focus,
.btn--social-spotify.active:active {
  background-color: #00e461;
  color: #ffffff;
}

.btn--social-snapchat {
  background-color: #fffc00;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-snapchat.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-snapchat.focus:focus,
.btn--social-snapchat.active:active {
  background-color: #fffc00;
  color: #ffffff;
}

.btn--social-facebook-imp {
  background-color: #3b5999 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-facebook-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-facebook-imp.focus:focus,
.btn--social-facebook-imp.active:active {
  background-color: #3b5999 !important;
  color: #ffffff;
}

.btn--social-messenger-imp {
  background-color: #0084ff !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-messenger-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-messenger-imp.focus:focus,
.btn--social-messenger-imp.active:active {
  background-color: #0084ff !important;
  color: #ffffff;
}

.btn--social-twitter-imp {
  background-color: #55acee !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-twitter-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-twitter-imp.focus:focus,
.btn--social-twitter-imp.active:active {
  background-color: #55acee !important;
  color: #ffffff;
}

.btn--social-linkedin-imp {
  background-color: #0077b5 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-linkedin-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-linkedin-imp.focus:focus,
.btn--social-linkedin-imp.active:active {
  background-color: #0077b5 !important;
  color: #ffffff;
}

.btn--social-skype-imp {
  background-color: #00aff0 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-skype-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-skype-imp.focus:focus,
.btn--social-skype-imp.active:active {
  background-color: #00aff0 !important;
  color: #ffffff;
}

.btn--social-dropbox-imp {
  background-color: #007ee5 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dropbox-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dropbox-imp.focus:focus,
.btn--social-dropbox-imp.active:active {
  background-color: #007ee5 !important;
  color: #ffffff;
}

.btn--social-wordpress-imp {
  background-color: #21759b !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wordpress-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wordpress-imp.focus:focus,
.btn--social-wordpress-imp.active:active {
  background-color: #21759b !important;
  color: #ffffff;
}

.btn--social-vimeo-imp {
  background-color: #1ab7ea !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vimeo-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vimeo-imp.focus:focus,
.btn--social-vimeo-imp.active:active {
  background-color: #1ab7ea !important;
  color: #ffffff;
}

.btn--social-slideshare-imp {
  background-color: #0077b5 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slideshare-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slideshare-imp.focus:focus,
.btn--social-slideshare-imp.active:active {
  background-color: #0077b5 !important;
  color: #ffffff;
}

.btn--social-vk-imp {
  background-color: #4c75a3 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vk-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vk-imp.focus:focus,
.btn--social-vk-imp.active:active {
  background-color: #4c75a3 !important;
  color: #ffffff;
}

.btn--social-tumblr-imp {
  background-color: #34465d !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-tumblr-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-tumblr-imp.focus:focus,
.btn--social-tumblr-imp.active:active {
  background-color: #34465d !important;
  color: #ffffff;
}

.btn--social-yahoo-imp {
  background-color: #410093 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yahoo-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yahoo-imp.focus:focus,
.btn--social-yahoo-imp.active:active {
  background-color: #410093 !important;
  color: #ffffff;
}

.btn--social-gplus-imp {
  background-color: #db4437 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-gplus-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-gplus-imp.focus:focus,
.btn--social-gplus-imp.active:active {
  background-color: #db4437 !important;
  color: #ffffff;
}

.btn--social-pinterest-imp {
  background-color: #bd081c !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-pinterest-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-pinterest-imp.focus:focus,
.btn--social-pinterest-imp.active:active {
  background-color: #bd081c !important;
  color: #ffffff;
}

.btn--social-youtube-imp {
  background-color: #cd201f !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-youtube-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-youtube-imp.focus:focus,
.btn--social-youtube-imp.active:active {
  background-color: #cd201f !important;
  color: #ffffff;
}

.btn--social-stumbleupon-imp {
  background-color: #eb4924 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-stumbleupon-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-stumbleupon-imp.focus:focus,
.btn--social-stumbleupon-imp.active:active {
  background-color: #eb4924 !important;
  color: #ffffff;
}

.btn--social-reddit-imp {
  background-color: #ff5700 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-reddit-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-reddit-imp.focus:focus,
.btn--social-reddit-imp.active:active {
  background-color: #ff5700 !important;
  color: #ffffff;
}

.btn--social-quora-imp {
  background-color: #b92b27 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-quora-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-quora-imp.focus:focus,
.btn--social-quora-imp.active:active {
  background-color: #b92b27 !important;
  color: #ffffff;
}

.btn--social-yelp-imp {
  background-color: #af0606 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yelp-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-yelp-imp.focus:focus,
.btn--social-yelp-imp.active:active {
  background-color: #af0606 !important;
  color: #ffffff;
}

.btn--social-weibo-imp {
  background-color: #df2029 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-weibo-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-weibo-imp.focus:focus,
.btn--social-weibo-imp.active:active {
  background-color: #df2029 !important;
  color: #ffffff;
}

.btn--social-producthunt-imp {
  background-color: #da552f !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-producthunt-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-producthunt-imp.focus:focus,
.btn--social-producthunt-imp.active:active {
  background-color: #da552f !important;
  color: #ffffff;
}

.btn--social-hackernews-imp {
  background-color: #ff6600 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-hackernews-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-hackernews-imp.focus:focus,
.btn--social-hackernews-imp.active:active {
  background-color: #ff6600 !important;
  color: #ffffff;
}

.btn--social-soundcloud-imp {
  background-color: #ff3300 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-soundcloud-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-soundcloud-imp.focus:focus,
.btn--social-soundcloud-imp.active:active {
  background-color: #ff3300 !important;
  color: #ffffff;
}

.btn--social-blogger-imp {
  background-color: #f57d00 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-blogger-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-blogger-imp.focus:focus,
.btn--social-blogger-imp.active:active {
  background-color: #f57d00 !important;
  color: #ffffff;
}

.btn--social-whatsapp-imp {
  background-color: #4dc247 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-whatsapp-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-whatsapp-imp.focus:focus,
.btn--social-whatsapp-imp.active:active {
  background-color: #4dc247 !important;
  color: #ffffff;
}

.btn--social-wechat-imp {
  background-color: #09b83e !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wechat-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-wechat-imp.focus:focus,
.btn--social-wechat-imp.active:active {
  background-color: #09b83e !important;
  color: #ffffff;
}

.btn--social-line-imp {
  background-color: #00c300 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-line-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-line-imp.focus:focus,
.btn--social-line-imp.active:active {
  background-color: #00c300 !important;
  color: #ffffff;
}

.btn--social-medium-imp {
  background-color: #12100e !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-medium-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-medium-imp.focus:focus,
.btn--social-medium-imp.active:active {
  background-color: #12100e !important;
  color: #ffffff;
}

.btn--social-vine-imp {
  background-color: #00b489 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vine-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-vine-imp.focus:focus,
.btn--social-vine-imp.active:active {
  background-color: #00b489 !important;
  color: #ffffff;
}

.btn--social-slack-imp {
  background-color: #3aaf85 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slack-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-slack-imp.focus:focus,
.btn--social-slack-imp.active:active {
  background-color: #3aaf85 !important;
  color: #ffffff;
}

.btn--social-instagram-imp {
  background-color: #c21473 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-instagram-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-instagram-imp.focus:focus,
.btn--social-instagram-imp.active:active {
  background-color: #c21473 !important;
  color: #ffffff;
}

.btn--social-dribbble-imp {
  background-color: #ea4c89 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dribbble-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-dribbble-imp.focus:focus,
.btn--social-dribbble-imp.active:active {
  background-color: #ea4c89 !important;
  color: #ffffff;
}

.btn--social-flickr-imp {
  background-color: #ff0084 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-flickr-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-flickr-imp.focus:focus,
.btn--social-flickr-imp.active:active {
  background-color: #ff0084 !important;
  color: #ffffff;
}

.btn--social-foursquare-imp {
  background-color: #f94877 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-foursquare-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-foursquare-imp.focus:focus,
.btn--social-foursquare-imp.active:active {
  background-color: #f94877 !important;
  color: #ffffff;
}

.btn--social-behance-imp {
  background-color: #1769ff !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-behance-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-behance-imp.focus:focus,
.btn--social-behance-imp.active:active {
  background-color: #1769ff !important;
  color: #ffffff;
}

.btn--social-github-imp {
  background-color: #24292e !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-github-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-github-imp.focus:focus,
.btn--social-github-imp.active:active {
  background-color: #24292e !important;
  color: #ffffff;
}

.btn--social-spotify-imp {
  background-color: #00e461 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-spotify-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-spotify-imp.focus:focus,
.btn--social-spotify-imp.active:active {
  background-color: #00e461 !important;
  color: #ffffff;
}

.btn--social-snapchat-imp {
  background-color: #fffc00 !important;
  color: #ffffff !important;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-snapchat-imp.hover:hover {
  opacity: 0.8;
  color: #ffffff;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}

.btn--social-snapchat-imp.focus:focus,
.btn--social-snapchat-imp.active:active {
  background-color: #fffc00 !important;
  color: #ffffff;
}

.cursor--alias {
  cursor: alias;
}

.cursor--allscroll {
  cursor: all-scroll;
}

.cursor--auto {
  cursor: auto;
}

.cursor--cell {
  cursor: cell;
}

.cursor--colresize {
  cursor: col-resize;
}

.cursor--contextmenu {
  cursor: context-menu;
}

.cursor--copy {
  cursor: copy;
}

.cursor--crosshair {
  cursor: crosshair;
}

.cursor--default {
  cursor: default;
}

.cursor--eresize {
  cursor: e-resize;
}

.cursor--ewresize {
  cursor: ew-resize;
}

.cursor--help {
  cursor: help;
}

.cursor--inherit {
  cursor: inherit;
}

.cursor--initial {
  cursor: initial;
}

.cursor--move {
  cursor: move;
}

.cursor--nresize {
  cursor: n-resize;
}

.cursor--neresize {
  cursor: ne-resize;
}

.cursor--neswresize {
  cursor: nesw-resize;
}

.cursor--nodrop {
  cursor: no-drop;
}

.cursor--none {
  cursor: none;
}

.cursor--notallowed {
  cursor: not-allowed;
}

.cursor--nsresize {
  cursor: ns-resize;
}

.cursor--nwresize {
  cursor: nw-resize;
}

.cursor--nwseresize {
  cursor: nwse-resize;
}

.cursor--pointer {
  cursor: pointer;
}

.cursor--progress {
  cursor: progress;
}

.cursor--rowresize {
  cursor: row-resize;
}

.cursor--sresize {
  cursor: s-resize;
}

.cursor--seresize {
  cursor: se-resize;
}

.cursor--swresize {
  cursor: sw-resize;
}

.cursor--text {
  cursor: text;
}

.cursor--vtext {
  cursor: vertical-text;
}

.cursor--wresize {
  cursor: w-resize;
}

.cursor--wait {
  cursor: wait;
}

.cursor--alias-imp {
  cursor: alias !important;
}

.cursor--allscroll-imp {
  cursor: all-scroll !important;
}

.cursor--auto-imp {
  cursor: auto !important;
}

.cursor--cell-imp {
  cursor: cell !important;
}

.cursor--colresize-imp {
  cursor: col-resize !important;
}

.cursor--contextmenu-imp {
  cursor: context-menu !important;
}

.cursor--copy-imp {
  cursor: copy !important;
}

.cursor--crosshair-imp {
  cursor: crosshair !important;
}

.cursor--default-imp {
  cursor: default !important;
}

.cursor--eresize-imp {
  cursor: e-resize !important;
}

.cursor--ewresize-imp {
  cursor: ew-resize !important;
}

.cursor--help-imp {
  cursor: help !important;
}

.cursor--inherit-imp {
  cursor: inherit !important;
}

.cursor--initial-imp {
  cursor: initial !important;
}

.cursor--move-imp {
  cursor: move !important;
}

.cursor--nresize-imp {
  cursor: n-resize !important;
}

.cursor--neresize-imp {
  cursor: ne-resize !important;
}

.cursor--neswresize-imp {
  cursor: nesw-resize !important;
}

.cursor--nodrop-imp {
  cursor: no-drop !important;
}

.cursor--none-imp {
  cursor: none !important;
}

.cursor--notallowed-imp {
  cursor: not-allowed !important;
}

.cursor--nsresize-imp {
  cursor: ns-resize !important;
}

.cursor--nwresize-imp {
  cursor: nw-resize !important;
}

.cursor--nwseresize-imp {
  cursor: nwse-resize !important;
}

.cursor--pointer-imp {
  cursor: pointer !important;
}

.cursor--progress-imp {
  cursor: progress !important;
}

.cursor--rowresize-imp {
  cursor: row-resize !important;
}

.cursor--sresize-imp {
  cursor: s-resize !important;
}

.cursor--seresize-imp {
  cursor: se-resize !important;
}

.cursor--swresize-imp {
  cursor: sw-resize !important;
}

.cursor--text-imp {
  cursor: text !important;
}

.cursor--vtext-imp {
  cursor: vertical-text !important;
}

.cursor--wresize-imp {
  cursor: w-resize !important;
}

.cursor--wait-imp {
  cursor: wait !important;
}

.text-underline {
  text-decoration: underline;
}

body {
  font-family: "sb-sans", -apple-system, system-ui, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  color: #0d264c;
  letter-spacing: 0.03rem;
  -webkit-overflow-scrolling: touch;
}

body strong {
  font-weight: bold;
}

body.overflow-hidden {
  overflow: hidden;
}

#web-loader {
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#web-loader .loader-json {
  scale: 0.5;
}

.mainHolder {
  overflow: hidden;
  min-height: calc(100vh - 20.7rem);
}

.hero-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.hero-sec .back-nav {
  position: absolute;
  top: 6.5rem;
  z-index: 850;
}

@media (max-width: 767px) {
  .hero-sec .back-nav {
    top: 5rem;
    position: relative;
  }
}

.hero-sec .back-nav-btn {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.8rem;
  padding: 0.5rem 1.4rem 0.4rem 2rem;
}

.hero-sec .back-nav-btn:before {
  content: "\F3CF";
  font-family: "Ionicons";
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.hero-sec .back-nav-btn:hover,
.hero-sec .back-nav-btn:focus {
  background: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  border-color: transparent;
}

.hero-sec .back-nav-btn.btn-dark {
  background: #ebedf1;
  color: #8695ae;
}

.hero-sec .back-nav-btn.btn-dark:hover,
.hero-sec .back-nav-btn.btn-dark:focus {
  background: #dce0e7;
  color: #8695ae;
  border-color: transparent;
}

.hero-sec .scrolling-text-holder {
  display: inline-block;
  text-align: right;
  height: 3.5rem;
  overflow: hidden;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  position: relative;
}

@media (max-width: 767px) {
  .hero-sec .scrolling-text-holder {
    -webkit-transform: translateY(1.2rem);
    -ms-transform: translateY(1.2rem);
    transform: translateY(1.2rem);
  }
}

.hero-sec .scrolling-text-holder:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top,
    white 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(top, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.hero-sec .scrolling-text-holder:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(white),
    to(rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    bottom,
    white 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
  z-index: 1;
}

.hero-sec .scrolling-text-holder .scrolling-text {
  margin: 0;
  padding: 0;
  -webkit-animation: scrollUp 5.5s 2s infinite forwards;
  animation: scrollUp 5.5s 2s infinite forwards;
}

.hero-sec .scrolling-text-holder .scrolling-text li {
  opacity: 1;
  height: 3rem;
  list-style: none;
}

.hero-sec .hero-illustration {
  position: absolute;
  top: -7vh;
  left: -4vh;
  max-width: 130%;
}

@media (max-width: 767px) {
  .hero-sec .hero-illustration {
    top: 0rem;
    right: 0;
    left: 3.5rem;
    width: 69rem;
    opacity: 0.85;
    z-index: 0;
  }
}

.hero-sec .hero-illustration-json {
  position: absolute;
  top: 0px;
  left: 0px;
  max-width: 87%;
}

.hero-sec .header-description {
  font-weight: 400 !important;
  opacity: 1 !important;
}

.hero-sec .siteSection--body {
  padding: 5.8rem 0 7rem;
}

.hero-sec .siteSection--body.for-home {
  padding: 5.8rem 0 6rem;
}

@media (max-width: 767px) {
  .hero-sec .siteSection--body.for-home {
    padding: 3.6rem 0 12rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hero-sec .siteSection--body.for-home {
    padding: 7.8rem 0 6rem;
  }
}

.hero-sec .siteSection--body.for-home__new {
  padding: 5.8rem 0 10rem;
}

@media (max-width: 767px) {
  .hero-sec .siteSection--body.for-home__new {
    padding: 3.6rem 0 12rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hero-sec .siteSection--body.for-home__new {
    padding: 7.8rem 0 6rem;
  }
}

@media (max-width: 767px) {
  .hero-sec .siteSection--body {
    padding: 5.6rem 0 6rem;
  }
}

.hero-sec .siteSection--body .header-title {
  font-weight: 600;
}

.hero-sec .siteSection--body .header-description {
  max-width: 80%;
}

@media (max-width: 767px) {
  .hero-sec .siteSection--body .header-description {
    max-width: 100%;
  }
}

.hero-sec .heroCTA {
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .hero-sec .heroCTA {
    margin-top: 1.7rem;
  }
}

.siteSection.v-spaced {
  padding: 8rem 0;
}

@media (max-width: 767px) {
  .siteSection.v-spaced {
    padding: 4rem 0;
  }
}

.siteSection.t-spaced {
  padding-top: 8rem;
}

@media (max-width: 767px) {
  .siteSection.t-spaced {
    padding-top: 4rem;
  }
}

.siteSection.b-spaced {
  padding-bottom: 8rem;
}

@media (max-width: 767px) {
  .siteSection.b-spaced {
    padding-bottom: 4rem;
  }
}

.siteSection.overlay-hero {
  margin-top: -7rem;
}

.siteSection .half-width {
  max-width: 47%;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .siteSection .half-width {
    max-width: 100%;
  }
}

.siteSection .info.md {
  font-size: 1.04rem;
  line-height: 1.8;
  font-weight: 400;
}

.siteSection .header-title {
  font-size: 1.85rem;
  line-height: 1.6;
  font-weight: 600;
  margin-bottom: 0;
  letter-spacing: 0.05rem;
}

.siteSection .header-title.text-uppercase {
  font-size: 1.75rem;
}

.siteSection .header-title.lg {
  font-size: 2.6rem;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .siteSection .header-title.lg {
    font-size: 2.2rem;
    line-height: 1.45;
  }
}

.siteSection .header-title.sm {
  font-size: 1.5rem;
  font-weight: 500;
}

.siteSection .header-title.xs {
  font-size: 1.3rem;
  font-weight: 500;
}

.siteSection .header-title .highlight {
  color: #2d94f3;
}

.siteSection .header-subtitle {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.siteSection .header-description {
  line-height: 1.9;
  font-weight: 400;
  margin-top: 0.45rem;
  margin-bottom: 0;
}

.siteSection .header-description strong {
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .siteSection .header-description {
    margin-top: 0.75rem;
  }
}

.siteSection .header-description:last-child {
  padding-bottom: 0;
}

.siteSection .header-description.lg {
  font-size: 1.1rem;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .siteSection .header-description.lg {
    font-size: 1rem;
  }
}

.siteSection .header-description strong {
  font-weight: 500;
}

.siteSection .body--header-holder {
  padding: 4rem 0;
}

.siteSection.with-bg {
  position: relative;
}

.siteSection.with-bg .bgGradient {
  -webkit-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
}

.siteSection.with-bg .bgGradient:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.siteSection.with-bg .bgGradient.full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.siteSection.with-bg .bgGradient.full.blue:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(60%, #eef4fd),
    to(#f7fafe)
  );
  background: -webkit-linear-gradient(bottom, #eef4fd 60%, #f7fafe 100%);
  background: -o-linear-gradient(bottom, #eef4fd 60%, #f7fafe 100%);
  background: linear-gradient(to top, #eef4fd 60%, #f7fafe 100%);
}

.siteSection.with-bg .bgGradient.full.purple:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(60%, #f7f4fe),
    to(rgba(247, 244, 254, 0))
  );
  background: -webkit-linear-gradient(
    bottom,
    #f7f4fe 60%,
    rgba(247, 244, 254, 0) 100%
  );
  background: -o-linear-gradient(
    bottom,
    #f7f4fe 60%,
    rgba(247, 244, 254, 0) 100%
  );
  background: linear-gradient(to top, #f7f4fe 60%, rgba(247, 244, 254, 0) 100%);
}

.siteSection.with-bg .bgGradient.full.green:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(60%, #f2fff4),
    to(rgba(242, 255, 244, 0))
  );
  background: -webkit-linear-gradient(
    bottom,
    #f2fff4 60%,
    rgba(242, 255, 244, 0) 100%
  );
  background: -o-linear-gradient(
    bottom,
    #f2fff4 60%,
    rgba(242, 255, 244, 0) 100%
  );
  background: linear-gradient(to top, #f2fff4 60%, rgba(242, 255, 244, 0) 100%);
}

.siteSection.with-bg .bgGradient.full.red:before {
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(60%, #fff5f5),
    to(rgba(255, 245, 245, 0))
  );
  background: -webkit-linear-gradient(
    bottom,
    #fff5f5 60%,
    rgba(255, 245, 245, 0) 100%
  );
  background: -o-linear-gradient(
    bottom,
    #fff5f5 60%,
    rgba(255, 245, 245, 0) 100%
  );
  background: linear-gradient(to top, #fff5f5 60%, rgba(255, 245, 245, 0) 100%);
}

.siteSection.with-bg .bgGradient.full.light-blue-solid:before {
  background: #f7fafe;
}

.siteSection.with-bg .bgGradient.full.white:before {
  background: white;
}

.siteSection.with-bg .bgGradient.full-tb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.siteSection.with-bg .bgGradient.full-tb.blue:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, #eef4fd),
    to(#f7fafe)
  );
  background: -webkit-linear-gradient(top, #eef4fd 60%, #f7fafe 100%);
  background: -o-linear-gradient(top, #eef4fd 60%, #f7fafe 100%);
  background: linear-gradient(to bottom, #eef4fd 60%, #f7fafe 100%);
}

.siteSection.with-bg .bgGradient.full-tb.purple:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, #f7f4fe),
    to(rgba(247, 244, 254, 0))
  );
  background: -webkit-linear-gradient(
    top,
    #f7f4fe 60%,
    rgba(247, 244, 254, 0) 100%
  );
  background: -o-linear-gradient(top, #f7f4fe 60%, rgba(247, 244, 254, 0) 100%);
  background: linear-gradient(
    to bottom,
    #f7f4fe 60%,
    rgba(247, 244, 254, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.full-tb.green:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, #f2fff4),
    to(rgba(242, 255, 244, 0))
  );
  background: -webkit-linear-gradient(
    top,
    #f2fff4 60%,
    rgba(242, 255, 244, 0) 100%
  );
  background: -o-linear-gradient(top, #f2fff4 60%, rgba(242, 255, 244, 0) 100%);
  background: linear-gradient(
    to bottom,
    #f2fff4 60%,
    rgba(242, 255, 244, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.full-tb.red:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(60%, #fff5f5),
    to(rgba(255, 245, 245, 0))
  );
  background: -webkit-linear-gradient(
    top,
    #fff5f5 60%,
    rgba(255, 245, 245, 0) 100%
  );
  background: -o-linear-gradient(top, #fff5f5 60%, rgba(255, 245, 245, 0) 100%);
  background: linear-gradient(
    to bottom,
    #fff5f5 60%,
    rgba(255, 245, 245, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.radial-tl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.siteSection.with-bg .bgGradient.radial-tl.blue:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #f2f7fd 20%,
    rgba(247, 250, 254, 0.8) 30%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #f2f7fd 20%,
    rgba(247, 250, 254, 0.8) 30%,
    rgba(255, 255, 255, 0) 100%
  );
  background: radial-gradient(
    circle at top left,
    #f2f7fd 20%,
    rgba(247, 250, 254, 0.8) 30%,
    rgba(255, 255, 255, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.purple:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #f7f4fe 30%,
    rgba(247, 244, 254, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #f7f4fe 30%,
    rgba(247, 244, 254, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: radial-gradient(
    circle at top left,
    #f7f4fe 30%,
    rgba(247, 244, 254, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.green:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #f2fff4 30%,
    rgba(242, 255, 244, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #f2fff4 30%,
    rgba(242, 255, 244, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: radial-gradient(
    circle at top left,
    #f2fff4 30%,
    rgba(242, 255, 244, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.red:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #fff5f5 30%,
    rgba(255, 245, 245, 0.9) 50%,
    rgba(255, 255, 255, 0) 80%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #fff5f5 30%,
    rgba(255, 245, 245, 0.9) 50%,
    rgba(255, 255, 255, 0) 80%
  );
  background: radial-gradient(
    circle at top left,
    #fff5f5 30%,
    rgba(255, 245, 245, 0.9) 50%,
    rgba(255, 255, 255, 0) 80%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.hackr-blue:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #f2f7ff 30%,
    rgba(242, 247, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #f2f7ff 30%,
    rgba(242, 247, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  background: radial-gradient(
    circle at top left,
    #f2f7ff 30%,
    rgba(242, 247, 255, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.vectors-orange:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #fff7e8 30%,
    rgba(255, 247, 232, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #fff7e8 30%,
    rgba(255, 247, 232, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  background: radial-gradient(
    circle at top left,
    #fff7e8 30%,
    rgba(255, 247, 232, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.navigator-blue:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #f5f8fd 30%,
    rgba(245, 248, 253, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #f5f8fd 30%,
    rgba(245, 248, 253, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
  background: radial-gradient(
    circle at top left,
    #f5f8fd 30%,
    rgba(245, 248, 253, 0.75) 50%,
    rgba(255, 255, 255, 0) 60%
  );
}

.siteSection.with-bg .bgGradient.radial-tl.spectrum-green-lab {
  -webkit-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  transform: skewY(9deg);
}

@media (max-width: 767px) {
  .siteSection.with-bg .bgGradient.radial-tl.spectrum-green-lab {
    -webkit-transform: skewY(-9deg);
    -ms-transform: skewY(-9deg);
    transform: skewY(-9deg);
  }
}

.siteSection.with-bg .bgGradient.radial-tl.spectrum-green-lab::before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    rgba(255, 255, 255, 0) 40%,
    rgba(229, 255, 251, 0.9) 70%,
    #e5fffb 100%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    rgba(255, 255, 255, 0) 40%,
    rgba(229, 255, 251, 0.9) 70%,
    #e5fffb 100%
  );
  background: radial-gradient(
    circle at top left,
    rgba(255, 255, 255, 0) 40%,
    rgba(229, 255, 251, 0.9) 70%,
    #e5fffb 100%
  );
}

@media (max-width: 767px) {
  .siteSection.with-bg .bgGradient.radial-tl.spectrum-green-lab::before {
    background: -webkit-radial-gradient(
      top left,
      circle,
      #e5fffb 30%,
      rgba(229, 255, 251, 0.75) 50%,
      rgba(255, 255, 255, 0) 60%
    );
    background: -o-radial-gradient(
      top left,
      circle,
      #e5fffb 30%,
      rgba(229, 255, 251, 0.75) 50%,
      rgba(255, 255, 255, 0) 60%
    );
    background: radial-gradient(
      circle at top left,
      #e5fffb 30%,
      rgba(229, 255, 251, 0.75) 50%,
      rgba(255, 255, 255, 0) 60%
    );
  }
}

.siteSection.with-bg .bgGradient.radial-tl.tfl-purple-lab {
  -webkit-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  transform: skewY(9deg);
}

@media (max-width: 767px) {
  .siteSection.with-bg .bgGradient.radial-tl.tfl-purple-lab {
    -webkit-transform: skewY(-9deg);
    -ms-transform: skewY(-9deg);
    transform: skewY(-9deg);
  }
}

.siteSection.with-bg .bgGradient.radial-tl.tfl-purple-lab::before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    rgba(255, 255, 255, 0) 40%,
    rgba(240, 235, 254, 0.9) 70%,
    #f0ebfe 100%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    rgba(255, 255, 255, 0) 40%,
    rgba(240, 235, 254, 0.9) 70%,
    #f0ebfe 100%
  );
  background: radial-gradient(
    circle at top left,
    rgba(255, 255, 255, 0) 40%,
    rgba(240, 235, 254, 0.9) 70%,
    #f0ebfe 100%
  );
}

@media (max-width: 767px) {
  .siteSection.with-bg .bgGradient.radial-tl.tfl-purple-lab::before {
    background: -webkit-radial-gradient(
      top left,
      circle,
      #f0ebfe 30%,
      rgba(240, 235, 254, 0.75) 50%,
      rgba(255, 255, 255, 0) 60%
    );
    background: -o-radial-gradient(
      top left,
      circle,
      #f0ebfe 30%,
      rgba(240, 235, 254, 0.75) 50%,
      rgba(255, 255, 255, 0) 60%
    );
    background: radial-gradient(
      circle at top left,
      #f0ebfe 30%,
      rgba(240, 235, 254, 0.75) 50%,
      rgba(255, 255, 255, 0) 60%
    );
  }
}

.siteSection.with-bg
  .bgGradient.radial-tl.spectrum-green.spectrum-green:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #e5fffb 30%,
    rgba(229, 255, 251, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-radial-gradient(
    top left,
    circle,
    #e5fffb 30%,
    rgba(229, 255, 251, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: radial-gradient(
    circle at top left,
    #e5fffb 30%,
    rgba(229, 255, 251, 0.9) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.radial-bl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.siteSection.with-bg .bgGradient.radial-bl.blue:before {
  background: -webkit-radial-gradient(
    bottom right,
    circle,
    #eef4fd 30%,
    #f7fafe 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-radial-gradient(
    bottom right,
    circle,
    #eef4fd 30%,
    #f7fafe 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: radial-gradient(
    circle at bottom right,
    #eef4fd 30%,
    #f7fafe 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

.siteSection.with-bg .bgGradient.to-top {
  z-index: 0;
}

.siteSection.hackr-item .bgGradient.radial-tl,
.siteSection.bg-pattern-spectrum .bgGradient.radial-tl,
.siteSection.vectors-item .bgGradient.radial-tl,
.siteSection.bg-pattern-tfl .bgGradient.radial-tl,
.siteSection.navigator-item .bgGradient.radial-tl {
  top: -140px;
}

.siteSection.lab-product.vectors-item {
  margin-top: 5rem;
}

.siteSection.lab-product.hackr-item,
.siteSection.lab-product.bg-pattern-spectrum {
  margin-top: 1rem;
}

.bg-pattern-1 {
  background-image: url(/images/pattern-1.svg?6b449addb132c34b5a6833e5c46156ec);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-pattern-2 {
  background-image: url(/images/pattern-2.svg?e43015a672d6590557022372cf9795b8);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
  padding-bottom: 75px;
}

@media (max-width: 767px) {
  .bg-pattern-2 {
    background-position: left;
    background-size: 200%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .bg-pattern-2 {
    background-size: 130%;
  }
}

.bg-pattern-3 {
  background-image: url(/images/pattern-3.svg?28e585f84f6a009f70b0fe4ecec9c8d6);
  background-position: bottom left;
  background-repeat: no-repeat;
}

.bg-pattern-4 {
  background-image: url(/images/pattern-4.svg?510a234717936d64bf6ef6fc84aab7c8);
  background-position: center;
  background-repeat: no-repeat;
}

.bg-pattern-5 {
  background-image: url(/images/pattern-5.svg?baa45bb923b3a88fa2d421aa41496bd1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-pattern-6 {
  background-image: url(/images/pattern-6.svg?c27134f856ba7d4a716e0575b015ebee);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .bg-pattern-6 {
    background-position: left;
    background-size: 200%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .bg-pattern-6 {
    background-size: 130%;
  }
}

.bg-pattern-10 {
  background-image: url(/images/pattern-10.svg?8130a58d6cc4c2f9f7e26e7532e4962e);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-pattern-purple {
  background-image: url(/images/pattern-purple.svg?ab02b59b4f380b9de28b3a11fd737677);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-pattern-red {
  background-image: url(/images/pattern-red.svg?76c998d47af4165be134f0b94119da77);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-pattern-green {
  background-image: url(/images/pattern-green.svg?0dd3565af574bc99725f5027ce83cd05);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-pattern-spectrum {
  background-image: url(/images/pattern-spectrum.svg?e956ba110ecc0b894129ffc33029b2bd);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .bg-pattern-spectrum {
    background-position: left;
    background-size: 200%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .bg-pattern-spectrum {
    background-size: 130%;
  }
}

.bg-pattern-team {
  background-image: url(/images/team-artwork.svg?affbf52279ebdfe561361a2a8266c6c9);
  background-repeat: no-repeat;
  background-size: 100%;
}

.overlap {
  padding-top: 15rem;
  margin-top: -20rem;
}

.perksRow .perksCol {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.perksRow .area-cell {
  margin-bottom: 2.2rem;
  padding: 1.5rem 2rem;
  border-radius: 0.5rem;
  min-height: 17rem;
  -webkit-box-shadow: 0 9px 37px rgba(145, 157, 168, 0.16) !important;
  box-shadow: 0 9px 37px rgba(145, 157, 168, 0.16) !important;
}

@media (max-width: 767px) {
  .perksRow .area-cell {
    padding: 1rem 1.25rem 0.75rem;
    min-height: auto;
  }
}

.perksRow .area-cell:hover {
  text-decoration: none;
}

.perksRow .area-cell .card-img-top {
  width: 65px;
  margin-bottom: 1.5rem;
}

.perksRow .area-cell .icon-illustration {
  width: 3rem;
}

@media (max-width: 767px) {
  .perksRow .area-cell .icon-illustration {
    width: 3.5rem;
    margin-bottom: 0;
    margin-right: 1.5rem;
  }
}

.perksRow .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.perksRow .body-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 1.5rem;
}

.perksRow .card-title {
  color: #0d264c;
  font-size: 1.1rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .perksRow .card-title {
    font-size: 1.15rem;
    margin-bottom: 0.25rem;
  }
}

.perksRow .card-text {
  color: rgba(13, 38, 76, 0.7);
  font-size: 0.95rem;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .perksRow .card-text {
    max-width: 100%;
    line-height: 1.5;
    font-size: 0.9rem;
  }
}

.perksRow .body-footer {
  margin-top: 1rem;
  text-align: right;
}

.perksRow .body-footer .like-trigger:hover {
  cursor: pointer;
}

.perksRow .body-footer img {
  height: 1.25rem;
}

@media (max-width: 767px) {
  .perksRow .body-footer {
    display: none;
  }
}

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

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

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

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

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(1) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(2) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(3) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(4) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(5) {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(6) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(7) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(8) {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
  }
}

@media (max-width: 767px) {
  .navbar-nav .nav-item:nth-child(9) {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
  }
}

.select-arrow-custom.form-control {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-image: url(/images/down-arrow.svg?d51c4cbdf58ed633c094cc393e644e66);
  background-position: 85% 50%;
  background-repeat: no-repeat;
  background-size: 15px;
  height: auto !important;
  color: #888888;
  min-width: 77px;
}

@media screen and (max-width: 767px) {
  .select-arrow-custom.form-control {
    margin-top: 1rem;
  }
}

.chatbox-none {
  display: none !important;
}

a {
  text-decoration: none !important;
}

a:hover .text-primary {
  color: #0056b3 !important;
}

.link-hover:hover {
  opacity: 0.7 !important;
}

.link-hover:hover h2 {
  opacity: 0.7 !important;
}

.boxshadow-content-blank .more {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.boxshadow-content {
  -webkit-box-shadow: 0 9px 47px rgba(13, 38, 76, 0.2);
  box-shadow: 0 9px 47px rgba(13, 38, 76, 0.2);
  border-radius: 8px;
  padding: 1.5rem 1rem;
}

.content-show {
  display: none;
}

.morecontent span {
  display: none;
}

.morelink {
  display: block;
}
.morelink:hover {
  color: #2c62d4 !important;
}
@media screen {
  _::-webkit-full-page-media,
  _:future,
  :root .onbord-wrap {
    display: none;
  }

  _::-webkit-full-page-media,
  _:future,
  :root .onbord-wrap-safari {
    display: block !important;
  }
}

.onbord-wrap {
  display: -ms-grid;
  display: grid;
  position: relative;
  -webkit-transform: scale(1.32);
  -ms-transform: scale(1.32);
  transform: scale(1.32);
}

@media (max-width: 767px) {
  .onbord-wrap {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    top: 0px !important;
    max-width: 320px;
    z-index: 0;
    margin-left: 50px;
  }
}

@media (max-width: 350px) {
  .onbord-wrap {
    margin-left: 90px;
  }
}

.onbord-content,
.onbord-svg {
  position: absolute;
}

.web-banner {
  display: block !important;
}

@media (max-width: 767px) {
  .web-banner {
    display: none !important;
  }
}

.mobile-banner {
  display: none !important;
}

@media (max-width: 767px) {
  .mobile-banner {
    display: block !important;
  }
}

.side-banner {
  width: 100%;
}

.faq-div {
  margin-top: 50px;
}

.grecaptcha-badge {
  display: none;
}

.navbar-collapse {
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 991px) {
  .navbar-collapse {
    background: #ffffff;
    margin-left: -24px;
    margin-right: -16px;
  }
}

.navbar {
  padding: 0 0 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navbar .container {
  padding-top: 2rem;
}

.navbar.nav-mobile–open {
  background: #ffffff;
}

.navbar.nav-mobile–open .navbar-toggler-icon:before,
.navbar.nav-mobile–open .navbar-toggler-icon:after {
  background: rgba(13, 38, 76, 0.85);
}

.navbar.nav-mobile–open .svgMainSiteLogo .logo-text .stroke0 {
  fill: url(#Fill-2-Copy-2_1_);
}

.navbar.nav-mobile–open .svgMainSiteLogo .logo-text .stroke1 {
  fill: #2c7fff;
}

.navbar.nav-mobile–open .svgMainSiteLogo .logo-text .stroke2 {
  fill: #0d264c;
}

@media (max-width: 991px) {
  .navbar {
    padding: 0;
  }

  .navbar .container {
    padding: 1rem 1rem 1rem 1.4rem;
  }
}

.navbar.sticked {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}

.navbar .navbar-brand {
  width: 180px;
}

@media (max-width: 991px) {
  .navbar .navbar-brand {
    margin-top: 0;
  }
}

.navbar .navbar-toggler {
  position: relative;
}

.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  -webkit-transform: translate(-50%, calc(-35% + 0.25rem)) rotate(-45deg);
  -ms-transform: translate(-50%, calc(-35% + 0.25rem)) rotate(-45deg);
  transform: translate(-50%, calc(-35% + 0.25rem)) rotate(-45deg);
}

.navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  -webkit-transform: translate(-50%, calc(-50% - 0.3rem)) rotate(45deg);
  -ms-transform: translate(-50%, calc(-50% - 0.3rem)) rotate(45deg);
  transform: translate(-50%, calc(-50% - 0.3rem)) rotate(45deg);
}

.navbar .navbar-toggler-icon:before {
  content: "";
  position: absolute;
  top: calc(50% - 0.3rem);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 3px;
  background: rgba(13, 38, 76, 0.85);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navbar .navbar-toggler-icon:after {
  content: "";
  position: absolute;
  top: calc(50% + 0.3rem);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 25px;
  height: 3px;
  background: rgba(13, 38, 76, 0.85);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navbar.dark-header {
  background-color: #252535;
}

.navbar .ticker {
  width: 100%;
}

.navbar .ticker p {
  padding: 0;
  margin: 5px;
}

@media (max-width: 991px) {
  .navbar-nav {
    margin-left: 0 !important;
    padding: 1rem 0;
    height: calc(100vh - 7rem);
    overflow: auto;
  }
}

.navbar-nav .nav-item {
  position: relative;
}

.navbar-nav .nav-item.active .nav-link {
  color: #0d264c;
}

.navbar-nav .nav-item.active .nav-link:after {
  width: 1rem;
  opacity: 1;
}

@media (max-width: 991px) {
  .navbar-nav .nav-item.active .nav-link:after {
    width: 2rem;
  }
}

.navbar-nav .nav-item.active .highlight {
  background-color: #2d94f3;
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-nav .nav-item.active .highlight {
    background-color: inherit;
    color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-nav .nav-item.active .highlight {
    background-color: inherit;
    color: inherit;
  }
}

.navbar-nav .nav-item.active .highlight:after {
  display: none;
}

@media (max-width: 767px) {
  .navbar-nav .nav-item.active .highlight:after {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-nav .nav-item.active .highlight:after {
    display: block;
  }
}

.navbar-nav .nav-item.active .highlight:hover {
  background-color: #0d7be0;
}

@media (min-width: 992px) {
  .navbar-nav .nav-item.active .highlight {
    border-radius: 0.24rem;
    margin-left: 0.65rem;
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important;
    padding-bottom: 0.45rem;
  }
}

.navbar-nav .nav-item.active .hire-instant {
  background-color: #2d94f3;
  color: #ffffff;
  border: none;
}

.navbar-nav .nav-item.active .hire-instant:hover {
  border: none;
}

@media (max-width: 767px) {
  .navbar-nav .nav-item.active .hire-instant {
    background-color: inherit;
    color: inherit;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-nav .nav-item.active .hire-instant {
    background-color: inherit;
    color: inherit;
  }
}

.navbar-nav .nav-item.active .hire-instant:after {
  display: none;
}

@media (max-width: 767px) {
  .navbar-nav .nav-item.active .hire-instant:after {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-nav .nav-item.active .hire-instant:after {
    display: block;
  }
}

.navbar-nav .nav-item.active .hire-instant:hover {
  background-color: #0d7be0;
}

@media (min-width: 992px) {
  .navbar-nav .nav-item.active .hire-instant {
    border-radius: 0.24rem;
    margin-left: 0.65rem;
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important;
    padding-bottom: 0.45rem;
  }
}

.navbar-nav .nav-link {
  padding-left: 0.65rem !important;
  padding-right: 0.65rem !important;
  color: rgba(13, 38, 76, 0.7);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 991px) {
  .navbar-nav .nav-link {
    font-size: 1.5rem;
    font-weight: 500;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
}

.navbar-nav .nav-link:hover {
  color: #061020;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.navbar-nav .nav-link:hover:after {
  width: 1rem;
  opacity: 0.3;
}

@media (max-width: 767px) {
  .navbar-nav .nav-link:hover:after {
    width: 2rem;
  }
}

.navbar-nav .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2rem;
  height: 3px;
  background-color: #2d94f3;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 991px) {
  .navbar-nav .nav-link:after {
    bottom: 1.2rem;
    left: 2.5rem;
  }
}

@media (min-width: 992px) {
  .navbar-nav .nav-link.highlight:hover {
    background: #dce9fb;
  }
}

@media (min-width: 992px) {
  .navbar-nav .nav-link.highlight:after {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  .navbar-nav .nav-link.highlight {
    background: #e9f2fc;
    color: #2d94f3;
    border-radius: 0.24rem;
    margin-left: 0.65rem;
    padding-left: 1.3rem !important;
    padding-right: 1.3rem !important;
    padding-bottom: 0.45rem;
  }
}

@media (min-width: 992px) {
  .navbar-nav .nav-link.hire-instant:hover {
    background: #dce9fb;
    border: 1px solid #dce9fb;
  }
}

@media (min-width: 992px) {
  .navbar-nav .nav-link.hire-instant:after {
    opacity: 0;
  }
}

@media (min-width: 992px) {
  .navbar-nav .nav-link.hire-instant {
    color: #2d94f3;
    border-radius: 0.3rem;
    margin-left: 0.65rem;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-bottom: 0.45rem;
    border: 1px solid #2d94f3;
  }
}

.navbar-nav .about-us-dropdown .dropdown-menu {
  margin-left: -20px;
  -webkit-box-shadow: 0 9px 13px rgba(45, 148, 243, 0.07);
  box-shadow: 0 9px 13px rgba(45, 148, 243, 0.07);
  border: 1px solid #f7fafe;
}

.navbar-nav .about-us-dropdown .dropdown-menu .dropdown-item {
  color: rgba(13, 38, 76, 0.7);
  padding: 0.25rem 1rem !important;
  background-color: #fff !important;
}

.navbar-nav .about-us-dropdown .dropdown-menu .dropdown-item:hover {
  color: #061020;
}

.navbar-nav .about-us-dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0;
}

.navbar-white .nav-link {
  padding-left: 0.65rem !important;
  padding-right: 0.65rem !important;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 991px) {
  .navbar-white .nav-link {
    color: rgba(13, 38, 76, 0.7) !important;
    font-size: 1.5rem !important;
    font-weight: 500 !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
    margin-bottom: 0 !important;
  }
}

.navbar-white .nav-link:hover {
  color: #0d264c !important;
}

@media (min-width: 992px) {
  .navbar-white .nav-link:hover {
    color: white !important;
    -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

.navbar-white .nav-link:hover:after {
  width: 1rem;
  opacity: 0.3;
}

@media (max-width: 991px) {
  .navbar-white .nav-link:hover:after {
    bottom: 1.2rem;
    left: 2.5rem;
    width: 2rem;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .navbar-white .nav-link {
    color: #0d264c;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-white .nav-link {
    color: #0d264c;
  }
}

@media (max-width: 991px) {
  .navbar-white .nav-link {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
  }
}

.navbar-white .nav-link:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2rem;
  height: 3px;
  background-color: #ffffff;
  opacity: 0;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .navbar-white .nav-link:after {
    background-color: #2d94f3;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .navbar-white .nav-link:after {
    background-color: #2d94f3;
  }
}

@media (max-width: 991px) {
  .navbar-white .nav-link:after {
    bottom: 2rem;
    left: 1.7rem;
  }
}

@media (min-width: 992px) {
  .navbar-white .nav-link.highlight {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
  }
}

@media (min-width: 992px) {
  .navbar-white .nav-link.highlight:hover {
    background: rgba(255, 255, 255, 0.4);
  }
}

@media (min-width: 992px) {
  .navbar-white .nav-link.highlight:hover:after {
    opacity: 0;
  }
}

.navbar-white .navbar-toggler-icon {
  color: #ffffff;
}

.navbar-white .navbar-toggler-icon:before,
.navbar-white .navbar-toggler-icon:after {
  background-color: #ffffff;
}

.nav-dark-theme .nav-link svg {
  width: 1.1rem;
}

.nav-dark-theme .nav-link svg * {
  fill: #ffffff;
}

.announce-main {
  position: absolute;
  width: 100%;
  text-align: center;
}

@media (max-width: 767px) {
  .announce-main {
    display: none;
  }
}

.announce-main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #eaf2fc;
  border-radius: 6px;
  padding: 6px 0;
}

.announce-main-box p {
  margin: 0 2rem 0;
  color: #2d94f3;
  font-size: 1rem;
  position: relative;
  z-index: 9;
  top: 1px;
}

.announce-main-box p a:hover {
  color: #2d94f3;
  opacity: 0.9;
}

.announce-main-box .cancel-alert {
  cursor: pointer;
  position: relative;
  z-index: 9;
}

.hide-alert {
  display: none;
}

.footerCTASection {
  padding: 5.5rem 0;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .footerCTASection {
    padding: 3rem 0 0;
  }
}

.footerCTASection.single-col {
  padding: 4rem 0 5rem;
}

.footerCTASection.with-bg.blue {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(30%, #eef4fd),
    color-stop(70%, #f7fafe),
    to(white)
  );
  background: -webkit-linear-gradient(
    right,
    #eef4fd 30%,
    #f7fafe 70%,
    white 100%
  );
  background: -o-linear-gradient(right, #eef4fd 30%, #f7fafe 70%, white 100%);
  background: linear-gradient(to left, #eef4fd 30%, #f7fafe 70%, white 100%);
}

.footerCTASection .artwork {
  display: -ms-grid;
  display: grid;
  position: absolute;
  top: 49%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 111%;
  height: 100%;
  max-width: 1140px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  max-width: 1170px;
}

@media (max-width: 767px) {
  .footerCTASection .artwork {
    top: 97%;
    left: 42%;
    width: 126%;
    max-width: 100%;
    background-position: 80% 220px;
  }
}

.footerCTASection .artwork-n {
  display: -ms-grid;
  display: grid;
  position: absolute;
  top: 90%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 151%;
  height: 150%;
  max-width: 1140px;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  max-width: 1170px;
}

@media (max-width: 767px) {
  .footerCTASection .artwork-n {
    top: 97%;
    left: 42%;
    width: 126%;
    max-width: 100%;
    background-position: 80% 220px;
  }
}

@media (max-width: 767px) {
  .footerCTASection .footerCTASection--holder {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .footerCTASection .footerCTASection--holder .holder-item {
    padding-bottom: 4rem;
    border-bottom: 1px solid #d7e6fa;
  }
}

@media (max-width: 767px) {
  .footerCTASection .footerCTASection--holder .holder-item:last-child {
    display: none;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}

.footerCTASection .sec-title {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .footerCTASection .sec-title {
    font-size: 1.5rem;
  }
}

.footerCTASection .sec-info {
  margin-top: 1.3rem;
  opacity: 0.75;
}

.footerCTASection .sec-info.text-padding-right {
  padding-right: 10rem;
}

@media (max-width: 991px) {
  .footerCTASection .sec-info.text-padding-right {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .footerCTASection .sec-info.hide-section {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .footerCTASection .btn-width {
    min-width: 175px;
  }
}

.mainFooter {
  background: #2d94f3;
  color: #ffffff;
  padding: 4rem 0 1rem;
}

@media (max-width: 767px) {
  .mainFooter {
    padding: 2rem 0;
  }
}

.mainFooter .copyright-social-wrap {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .mainFooter .copyright-social-wrap {
    margin-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mainFooter .copyright-social-wrap {
    margin-top: 20px;
  }
}

.mainFooter .copyright-social-wrap .divider {
  width: 100%;
  margin-bottom: -30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.mainFooter .copyright-social-wrap .copyright-social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}

@media (max-width: 767px) {
  .mainFooter .copyright-social-wrap .copyright-social-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.mainFooter .copyright-social-wrap .copyright-container {
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .mainFooter .copyright-social-wrap .copyright-container {
    margin-top: 20px;
    width: 100%;
  }

  .mainFooter .copyright-social-wrap .copyright-container > p {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .mainFooter .copyright-social-wrap .social {
    width: 100%;
  }
}

.mainFooter .copyright-social-wrap .social .footer-social--link {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.mainFooter .logo-footer-grid {
  max-width: 8rem;
}

@media (max-width: 767px) {
  .mainFooter .logo-footer-grid {
    max-width: 5rem;
  }
}

.mainFooter .logo-footer-grid-crewmate {
  max-width: 8rem;
}

@media (max-width: 767px) {
  .mainFooter .logo-footer-grid-crewmate {
    max-width: 8rem;
  }
}

.mainFooter .logo-footer {
  max-width: 4rem;
}

.mainFooter .gptw-logo {
  height: 150px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 24px;
}

@media (max-width: 767px) {
  .mainFooter .gptw-logo {
    margin-top: 16px;
  }
}

.mainFooter .footer-badges {
  margin-top: 2rem;
  opacity: 0.85;
}

.mainFooter .footer-badges .badge-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 55px;
  width: 130px;
}

@media (max-width: 767px) {
  .mainFooter .footer-col {
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .mainFooter .footer-col:last-child {
    margin-bottom: 0;
  }
}

.mainFooter .footer-col.intro-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-top: -1.4rem;
}

@media (max-width: 767px) {
  .mainFooter .footer-col.intro-sec {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .mainFooter .footer-col.main-links-sec ul {
    padding-right: 0;
  }
}

.mainFooter .link-title {
  font-size: 1.3rem;
  margin-bottom: 0.65rem;
}

.mainFooter .text-light {
  font-size: 0.85rem;
  font-weight: 400;
  opacity: 0.5;
}

.mainFooter .link-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.mainFooter .link-list.industry .list-item {
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .mainFooter .link-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}

.mainFooter .link-list.with-mb {
  margin-bottom: 1.5rem;
}

.mainFooter .link-list.count2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}

@media (max-width: 767px) {
  .mainFooter .link-list.contact-list-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.mainFooter .link-list.social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mainFooter .link-list.social-list img {
  max-width: 1.1rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
  margin-right: 0.5rem;
}

.mainFooter .link-list.social-list svg {
  width: 1.1rem;
  margin-right: 0.5rem;
}

.mainFooter .link-list.social-list svg * {
  fill: #ffffff;
}

.mainFooter .link-list.social-list .text {
  display: block;
  padding-top: 0.25rem;
}

.mainFooter .link-list.social-list2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mainFooter .link-list.social-list2 img {
  max-width: 1.1rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
  margin-right: 0.5rem;
}

.mainFooter .link-list.social-list2 svg {
  width: 1.1rem;
  margin-right: 0.5rem;
}

.mainFooter .link-list.social-list2 svg * {
  fill: #ffffff;
}

.mainFooter .link-list.social-list2 .text {
  display: block;
}

.mainFooter .link-list.social-list2 .instagram .instagram {
  width: 1.2rem;
}

.mainFooter .link-list li {
  margin-bottom: 0.35rem;
}

.mainFooter .link-list a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.95rem;
  font-weight: 400;
  word-wrap: break-word;
  margin-bottom: 0.5rem;
  display: block;
}

.mainFooter .link-list a.email-link {
  font-size: 0.89rem;
}

.mainFooter .link-list a:hover {
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 350px) {
  .mt-minus {
    margin-top: -6px;
  }
}

.external-link {
  color: #0c5449;
  margin: 1em 0;
}

.external-link::after {
  display: inline-block;
  padding-left: 8px;
  content: url("/images/external-link.svg");
  -webkit-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.external-link:hover {
  color: #0c5449;
}

.external-link:hover::after {
  -webkit-transform: translateX(4px);
  -ms-transform: translateX(4px);
  transform: translateX(4px);
}

.work-sec {
  padding-top: 16rem;
  padding-bottom: 6rem;
  position: relative;
}

@media (max-width: 767px) {
  .work-sec {
    padding-top: 14rem;
  }
}

.work-sec .headerTagText {
  font-size: 6.5vw;
  padding-inline: 0.5rem;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(45, 148, 243, 0.2);
  position: absolute;
  top: 9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .work-sec .headerTagText {
    display: none;
    font-size: 3.8rem;
    top: 14rem;
    left: 11.5rem;
  }
}

@media (min-width: 1500px) {
  .work-sec .headerTagText {
    font-size: 4.9vw;
  }
}

.work-sec .info-text {
  max-width: 30%;
  margin: 0 auto 2.5rem;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .info-text {
    max-width: 70%;
  }
}

@media (max-width: 767px) {
  .work-sec .info-text {
    max-width: 100%;
  }
}

.work-sec .work-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .work-sec .work-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.work-sec .work-grid .grid-item {
  background-color: #f7fafe;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  -webkit-box-shadow: 0 9px 20px rgba(13, 38, 76, 0.1);
  box-shadow: 0 9px 20px rgba(13, 38, 76, 0.1);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media (max-width: 767px) {
  .work-sec .work-grid .grid-item {
    padding: 1rem 1rem 8rem;
    width: auto !important;
    height: auto !important;
    grid-row: auto !important;
    grid-column: auto !important;
    -ms-grid-column-align: auto !important;
    justify-self: auto !important;
    margin-left: 0 !important;
  }
}

.work-sec .work-grid .grid-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.1;
  z-index: 1;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media (max-width: 767px) {
  .work-sec .work-grid .grid-item:before {
    background: #0d264c;
    opacity: 0.25;
  }
}

.work-sec .work-grid .grid-item:hover {
  -webkit-box-shadow: 0 9px 20px rgba(13, 38, 76, 0.19);
  box-shadow: 0 9px 20px rgba(13, 38, 76, 0.19);
  text-decoration: none;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.work-sec .work-grid .grid-item:hover:before {
  opacity: 0.15;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.work-sec .work-grid .grid-item:hover .item-img {
  -webkit-transform: scale(1.06) rotate(1deg);
  -ms-transform: scale(1.06) rotate(1deg);
  transform: scale(1.06) rotate(1deg);
  -webkit-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.work-sec .work-grid .grid-item.a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  height: 560px;
}

.work-sec .work-grid .grid-item.b {
  width: calc(100% + 3rem);
}

.work-sec .work-grid .grid-item.c {
  width: calc(100% - 3rem);
  -ms-grid-column-align: end;
  justify-self: end;
}

.work-sec .work-grid .grid-item.d {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
}

.work-sec .work-grid .grid-item.e {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  width: 75%;
  height: 280px;
}

.work-sec .work-grid .grid-item.f {
  width: 151%;
  margin-left: -51%;
}

.work-sec .work-grid .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-size: cover;
  background-position: top;
  -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .work-sec .work-grid .item-img {
    background-position: center;
  }
}

.work-sec .work-grid .work-intro {
  position: relative;
  z-index: 1;
}

.work-sec .work-grid .work-intro .title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

.work-sec .work-grid .work-intro .desc {
  font-size: 0.8rem;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

.work-sec .work-grid .work-intro .desc .bull {
  display: inline-block;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  opacity: 0.6;
  padding: 0 0.2rem;
}

.work-sec .work-grid .work-intro .client-logo {
  height: 2.7rem;
  margin-right: 0.8rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.work-sec .work-grid .work-intro .client-logo.md {
  height: 3.7rem;
}

.work-sec .work-grid .work-intro .client-logo.sm {
  height: 2.4rem;
}

.work-sec .work-grid .work-intro .client-logo.xs {
  height: 2.2rem;
}

.work-sec .grid-row-holder {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 767px) {
  .work-sec .grid-row-holder {
    overflow: auto;
    margin-bottom: 2rem;
  }
}

.work-sec .clientsSection .clientGrid {
  margin: 0;
}

@media (min-width: 992px) {
  .work-sec .clientsSection .clientGrid .grid-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 7.5rem;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .grid-item {
    width: 50%;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .clientsSection .clientGrid .grid-item {
    width: 33.333%;
    text-align: center;
  }
}

.work-sec .clientsSection .clientGrid .client-link {
  display: block;
}

@media (min-width: 992px) {
  .work-sec .clientsSection .clientGrid .client-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
  }
}

.work-sec .clientsSection .clientGrid .client-link:before {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.work-sec .clientsSection .clientGrid .client-link:hover {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-decoration: none;
}

.work-sec .clientsSection .clientGrid .client-link:hover .client-logo {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.work-sec .clientsSection .clientGrid .client-link:hover:before {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.work-sec .clientsSection .clientGrid .client-logo {
  max-width: 75%;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo.fix-60 {
    max-width: 40% !important;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo.fix-70 {
    max-width: 60% !important;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo.fix-80 {
    max-width: 80% !important;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo.fix-90 {
    max-width: 90% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .clientsSection .clientGrid .client-logo.awfis-logo {
    margin-top: -26px;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo.uah-logo {
    margin-top: -10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .clientsSection .clientGrid .client-logo.uah-logo {
    margin-top: -10px;
  }
}

.work-sec .clientsSection .clientGrid .client-logo-echolytics {
  max-width: 40%;
  color: #364962;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0 auto;
  font-family: "Brandon Text", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", sans-serif;
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .client-logo-echolytics {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .clientGrid .flickity-viewport {
    height: 110px !important;
    overflow: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .clientsSection .clientGrid .flickity-viewport {
    height: 150px !important;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .mt--70 {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .clientsSection .mt--70 {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .work-sec .clientsSection .mt--40 {
    margin-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec .clientsSection .mt--40 {
    margin-top: 120px;
  }
}

.services-sec .servicesGrid .grid-item {
  margin-bottom: 4rem;
  text-align: center;
}

.services-sec .servicesGrid .grid-item .item-icon {
  max-width: 7rem;
  height: 6rem;
  margin: 0 auto;
}

.services-sec .servicesGrid .grid-item .item-info {
  margin-top: 0.5rem;
}

.services-sec .servicesGrid .grid-item .heading {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
  color: #0d264c;
}

.services-sec .servicesGrid .grid-item .heading:hover {
  color: #2d94f3;
}

.services-sec .servicesGrid .grid-item .desc {
  font-size: 0.95rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  opacity: 0.75;
}

.services-sec .servicesGrid a:hover {
  text-decoration: none;
}

.press-sec .gradient-sec {
  margin-top: 4rem;
}

.press-sec .gradient-sec:before {
  background: -webkit-radial-gradient(
    top left,
    circle,
    #eef4fd 20%,
    #f7fafe 45%,
    white 70%,
    white 100%
  ) !important;
  background: -o-radial-gradient(
    top left,
    circle,
    #eef4fd 20%,
    #f7fafe 45%,
    white 70%,
    white 100%
  ) !important;
  background: radial-gradient(
    circle at top left,
    #eef4fd 20%,
    #f7fafe 45%,
    white 70%,
    white 100%
  ) !important;
}

@media (min-width: 992px) {
  .press-sec .header-description {
    padding-right: 3rem;
  }
}

.press-sec .cover-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  margin-top: -2.5rem;
  position: relative;
}

@media (max-width: 767px) {
  .press-sec .cover-img {
    background-position: center;
    margin-top: 1.5rem;
  }
}

.press-sec .cover-img.left {
  background-position: left;
}

.press-sec .cover-info {
  margin-top: 1rem;
}

.press-sec .cover-info .title {
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0;
  opacity: 0.7;
}

@media (max-width: 767px) {
  .press-sec .cover-info .title {
    margin-bottom: 1rem;
  }
}

.press-sec .cover-info .title strong {
  font-weight: 600;
}

.press-sec .social-links {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.press-sec .social-links .link {
  padding: 0 0.6rem;
}

@media (max-width: 767px) {
  .press-sec .social-links .link {
    padding: 0 1rem;
  }
}

.press-sec .social-links a:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.press-sec .social-links a img {
  opacity: 0.7;
  width: 18px;
  height: auto;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .press-sec .social-links a img {
    width: 1.4rem;
  }
}

.press-sec .mentions-block {
  margin-top: 9.5rem;
}

@media (max-width: 767px) {
  .press-sec .mentions-block {
    margin-top: 15.5rem;
  }
}

.press-sec .press-area {
  margin-top: 3rem;
}

@media (max-width: 767px) {
  .press-sec .press-area .area-cell-holder {
    margin-bottom: 2rem;
  }
}

.press-sec .press-area .area-cell-holder:nth-child(2) {
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .press-sec .press-area .area-cell-holder:nth-child(2) {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .press-sec .press-area .area-cell-holder:nth-child(2) {
    margin-top: 0;
  }
}

.press-sec .press-area .area-cell-holder:nth-child(5) {
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .press-sec .press-area .area-cell-holder:nth-child(5) {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .press-sec .press-area .area-cell-holder:nth-child(5) {
    margin-top: 0;
  }
}

.press-sec .press-area .area-cell {
  margin-top: 1.5rem;
  min-height: 14rem;
  text-decoration: none;
}

@media (max-width: 767px) {
  .press-sec .press-area .area-cell {
    min-height: auto;
    -webkit-box-shadow: 0 9px 30px rgba(45, 148, 243, 0.3);
    box-shadow: 0 9px 30px rgba(45, 148, 243, 0.3);
  }
}

.press-sec .press-area .area-cell .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem;
}

.press-sec .press-area .logo {
  width: 100px;
  height: 45px;
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}

.press-sec .press-area .logo.md {
  width: 10rem !important;
}

.press-sec .press-area .logo.sm {
  width: 7rem !important;
}

.press-sec .press-area .info-text {
  margin: 1.2rem 0 0 0;
  color: #0d264c;
}

@media (max-width: 767px) {
  .press-sec .press-area .body-footer {
    margin-top: 1rem;
  }
}

.press-sec .press-area .icon {
  display: inline-block;
  margin-left: 0.3rem;
}

@media (max-width: 767px) {
  .press-sec .press-area .flickity-viewport {
    height: 340px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .press-sec .press-area .flickity-viewport {
    height: 340px !important;
  }
}

.press-sec .press-area .text-link {
  color: #2d94f3;
}

@media (max-width: 767px) {
  .press-sec .press-area .text-link {
    color: rbga(#2d94f3, 0.5);
  }
}

@media (max-width: 767px) {
  .press-sec {
    padding-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .press-sec {
    padding-bottom: 0 !important;
  }
}

.testimonial-sec {
  margin-top: 5rem;
  padding-bottom: 3rem !important;
}

@media (max-width: 767px) {
  .testimonial-sec {
    margin-top: 0;
    padding-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .testimonial-sec {
    margin-top: 0;
    padding-top: 0;
  }
}

.testimonial-sec .testimonial-after-text {
  margin-top: 4rem;
}

.testimonial-sec .testimonial-after-text .header-description-inner {
  font-weight: 500;
  line-height: 1.9;
  opacity: 0.71;
  margin-top: 1rem;
}

.meet-wrapper {
  margin-top: 4rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .meet-wrapper {
    margin-top: 2rem;
  }
}

.cta-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.testimonial-text {
  padding: 5rem 0 0;
}

@media (max-width: 767px) {
  .testimonial-text {
    padding: 3rem 0 0;
  }
}

.testimonial-text .text {
  text-align: center;
  font-weight: 500;
  line-height: 1.9;
  opacity: 0.71;
}

.hero-btn-light-cta {
  background-color: white;
  color: #2c7fff;
}

.hero-btn-light-cta:hover {
  background-color: #2c7fff;
  color: #fff;
  border-radius: 5px;
}

.hero-btn-light-cta .light {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-btn-dark-cta {
  background-color: #2c7fff;
  color: #fff;
}

.hero-btn-dark-cta:hover {
  background-color: #fff;
  color: #2c7fff;
}

.open {
  margin-bottom: 20px;
  padding: 5px;
}

#formModalCenter .close {
  margin: 10px;
  position: absolute;
  color: #000;
  top: 0;
  right: -10;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

#formModalCenter .modal-deck {
  position: absolute;
  width: 50vw;
  margin: auto;
  border: 1px solid red;
  height: 70%;
  padding: 40px 20px;
  position: relative;
}

#formModalCenter .modal-dialog {
  min-width: 600px;
  max-width: 600px;
}

@media (max-width: 767px) {
  #formModalCenter .modal-dialog {
    min-width: 95%;
    max-width: 95%;
    margin: 0 auto;
  }
}

#formModalCenter .modal-title {
  color: #0d264c;
  font-size: 30px;
}

#formModalCenter .modal-content {
  border: none;
  border-top: 3px solid #2c7fff;
  padding: 0 15px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8.81778px 36.2509px rgba(13, 38, 76, 0.07);
  box-shadow: 0px 8.81778px 36.2509px rgba(13, 38, 76, 0.07);
}

@media (max-width: 767px) {
  #formModalCenter .modal-content {
    padding: 0;
  }
}

#formModalCenter .modal-body label {
  color: rgba(13, 38, 76, 0.8);
  font-size: 13.6px;
  text-transform: uppercase;
}

#formModalCenter .modal-body input {
  border-radius: 5px;
  border: 1px solid #cacfd8;
  padding-left: 5px;
}

#formModalCenter .modal-body #deck-bg {
  position: absolute;
  right: -5;
  top: 10;
}

#videoModalCenter .close {
  margin: 10px;
  position: absolute;
  color: red;
  z-index: 5;
  top: 0;
  right: -10;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 2rem;
  font-weight: normal;
}

#videoModalCenter .modal-deck {
  position: absolute;
  width: 50vw;
  margin: auto;
  border: 1px solid red;
  height: 70%;
  padding: 40px 20px;
  position: relative;
}

#videoModalCenter .modal-dialog {
  padding: 20px 0 0 60px;
  min-width: 600px;
  max-width: 90vw !important;
}

@media (max-width: 767px) {
  #videoModalCenter .modal-dialog {
    padding: 0;
    margin: 0;
    width: 100vw;
    min-width: 100%;
    max-width: 100%;
  }
}

#videoModalCenter .modal-title {
  color: #0d264c;
  font-size: 30px;
}

#videoModalCenter .modal-content {
  border: none;
  padding: 0 15px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 8.81778px 36.2509px rgba(13, 38, 76, 0.07);
  box-shadow: 0px 8.81778px 36.2509px rgba(13, 38, 76, 0.07);
}

@media (max-width: 767px) {
  #videoModalCenter .modal-content {
    padding: 0;
  }
}

@media (max-width: 767px) {
  #videoModalCenter .modal-body {
    padding: 0;
  }
}

#videoModalCenter .modal-body label {
  color: rgba(13, 38, 76, 0.8);
  font-size: 13.6px;
  text-transform: uppercase;
}

#videoModalCenter .modal-body input {
  border-radius: 5px;
  border: 1px solid #cacfd8;
  padding-left: 5px;
}

#videoModalCenter .modal-body #deck-bg {
  position: absolute;
  right: -5;
  top: 10;
}

.sevicesMainHolder .siteSection--body.intro {
  padding-bottom: 0rem;
}

.sevicesMainHolder .siteSection--body .header-subtitle {
  margin: 1rem 0rem;
  line-height: 1.5;
}

.sevicesMainHolder .siteSection--body .status-number {
  text-align: center;
  margin: 2rem 0rem;
}

.sevicesMainHolder .siteSection--body .status-number .bg-title {
  background-image: url(/images/team-counter-illustration.svg?616c7fd…);
  background-position: center;
  background-repeat: no-repeat;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.sevicesMainHolder .siteSection--body .status-number .status-title {
  margin: 0 auto;
  max-width: 70%;
}

@media (max-width: 767px) {
  .sevicesMainHolder .siteSection--body .status-number .status-title {
    max-width: 60%;
    margin-bottom: 4rem;
  }
}

.sevicesMainHolder .siteSection--body .mw-100 {
  max-width: 100% !important;
}

.sevicesMainHolder .servicesSecHolder {
  padding: 8rem 0 5rem;
}

.sevicesMainHolder .servicesSecHolder.about-services {
  padding-top: 1rem;
}

@media (max-width: 767px) {
  .sevicesMainHolder .servicesSecHolder {
    padding: 1rem 0 5rem;
  }
}

.sevicesMainHolder .servicesSecHolder.first {
  padding-top: 6rem;
}

@media (max-width: 767px) {
  .sevicesMainHolder .servicesSecHolder.first {
    padding-top: 5rem;
  }
}

.sevicesMainHolder .servicesSecHolder.first .artwork {
  right: -30vh;
  bottom: 5vh;
  max-width: 570px;
}

.sevicesMainHolder .servicesSecHolder.bg-white-sec .bgGradient.blue:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, #f2f7fd),
    color-stop(60%, #f7fafe),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(
    top,
    #f2f7fd 30%,
    #f7fafe 60%,
    #ffffff 100%
  );
  background: -o-linear-gradient(top, #f2f7fd 30%, #f7fafe 60%, #ffffff 100%);
  background: linear-gradient(
    to bottom,
    #f2f7fd 30%,
    #f7fafe 60%,
    #ffffff 100%
  );
}

.sevicesMainHolder .servicesSecHolder.ui-ux .artwork {
  max-width: 500px;
}

.sevicesMainHolder .servicesSecHolder.app-dev .artwork {
  bottom: 5.5vh;
}

.sevicesMainHolder .servicesSecHolder.chatbot-sec .artwork {
  bottom: 5.5vh;
}

.sevicesMainHolder .servicesSecHolder .bgGradient {
  top: -5rem !important;
}

.sevicesMainHolder .servicesSecHolder .siteSection--body {
  margin-top: 1.52rem;
}

.sevicesMainHolder .servicesSecHolder .artwork {
  position: absolute;
  right: -25vh;
  bottom: 10vh;
  -webkit-transform: rotate(7deg);
  -ms-transform: rotate(7deg);
  transform: rotate(7deg);
  max-width: 530px;
}

@media (max-width: 767px) {
  .sevicesMainHolder .servicesSecHolder .artwork {
    display: none;
  }
}

.sevicesMainHolder .servicesSecHolder a:hover {
  text-decoration: none;
}

.sevicesMainHolder .header-title {
  font-size: 1.65rem;
}

.sevicesMainHolder .header-description {
  max-width: 60% !important;
  font-weight: 500;
  opacity: 0.71;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sevicesMainHolder .header-description {
    max-width: 80% !important;
  }
}

@media (max-width: 767px) {
  .sevicesMainHolder .header-description {
    max-width: 100% !important;
  }
}

.sevicesMainHolder .serviceTechHolder {
  padding-left: 4.5rem;
  padding-right: 40%;
  margin-bottom: 2rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sevicesMainHolder .serviceTechHolder {
    padding-right: 20%;
  }
}

@media (max-width: 767px) {
  .sevicesMainHolder .serviceTechHolder {
    padding-right: 0;
  }
}

.sevicesMainHolder .serviceTechHolder .serviceTechHolder-header {
  margin-top: 2rem;
}

.sevicesMainHolder .serviceTechHolder .serviceTechHolder-header .title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sevicesMainHolder .serviceTechHolder .serviceTechHolder-header .icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-left: -5rem;
  margin-right: 1rem;
}

.sevicesMainHolder .serviceTechHolder .serviceTechHolder-header .title {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
}

.sevicesMainHolder .serviceTechHolder .serviceTechHolder-header .desc {
  font-weight: 400;
  opacity: 0.71;
  margin-bottom: 0;
}

.sevicesMainHolder .tech-list {
  list-style: none;
  padding-left: 0;
  margin: 0 -1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sevicesMainHolder .tech-list .list-item {
  padding: 1.2rem;
  text-align: center;
}

.sevicesMainHolder .tech-list .tech-icon {
  height: 25px;
  width: auto;
}

.sevicesMainHolder .tech-list .tech-title {
  font-size: 0.9rem;
  line-height: 1;
  opacity: 0.71;
  margin-top: 0.6rem;
  margin-bottom: 0;
}

.serviceIndustrySec .header-description {
  max-width: 100% !important;
  opacity: 1;
}

.serviceIndustrySec .industry-badges-list {
  list-style: none;
  margin: 4rem 0 0 0;
  padding: 0 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .serviceIndustrySec .industry-badges-list {
    padding: 0 2rem;
  }
}

@media (max-width: 767px) {
  .serviceIndustrySec .industry-badges-list .badge {
    font-size: 0.85rem;
  }
}

.serviceIndustrySec .industry-badges-list .badge-item {
  padding: 1rem 1.3rem;
}

@media (max-width: 767px) {
  .serviceIndustrySec .industry-badges-list .badge-item {
    padding: 0.5rem;
  }
}

.serviceIndustrySec .industry-badges-list .badge-icon {
  margin-right: 0.5rem;
  display: inline-block;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

@media (max-width: 350px) {
  .view-projects-btn {
    margin-top: 10px;
  }
}

@media (max-width: 374px) {
  .view-projects-btn {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .view-projects-btn {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .chat-btn {
    margin-top: 10px;
  }
}

.services-disclaimer {
  text-align: center;
  color: #8695ae;
  margin-top: 3rem;
}

.services-form-section {
  margin: 0 auto;
  margin-top: 40px;
}

.services-form-section .bg-white {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  padding: 2rem;
  background: #ffffff;
  border-radius: 5px;
}

.services-form-section .heading {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
}

.services-form-section .services-form .form-group {
  margin-bottom: 1rem;
}

.services-form-section .services-form .form-group .info {
  text-transform: uppercase;
  opacity: 0.8;
  font-size: 0.85rem;
  margin-top: 0.7rem;
}

.services-form-section .services-form .form-group .form-control {
  padding: 0.5rem 0.75rem;
}

.services-form-section .services-form .button-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.services-form-section .services-form .button-actions .btn {
  margin-right: 5px;
  border-width: 2px !important;
  height: 44px;
}

.services-form-section .services-form .button-actions .btn:last-child {
  margin-right: 0;
}

.services-form-section .services-form .button-actions .btn.social-btn {
  line-height: inherit;
}

.services-form-section .services-form .button-actions .btn.social-btn .icon {
  font-size: 22px;
}

.web-development-mainHolder {
  position: relative;
  background-image: url(/images/pattern-2.svg?e43015a672d6590557022372cf9795b8);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .web-development-mainHolder {
    background-size: 200%;
  }
}

.web-development-mainHolder .background-holder {
  position: absolute;
  width: 100%;
  height: 70%;
  top: 500px;
  z-index: -1;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f9fd),
    to(#ffffff)
  );
  background-image: -webkit-linear-gradient(#f5f9fd, #ffffff);
  background-image: -o-linear-gradient(#f5f9fd, #ffffff);
  background-image: linear-gradient(#f5f9fd, #ffffff);
  -webkit-transform: skewY(-7deg);
  -ms-transform: skewY(-7deg);
  transform: skewY(-7deg);
}

@media (max-width: 767px) {
  .web-development-mainHolder .background-holder {
    top: 776px;
  }
}

.web-development-mainHolder .content {
  padding: 6rem 0;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content {
    padding: 1.5rem 0;
  }
}

.web-development-mainHolder .content .intro {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .intro-content {
    width: 100%;
  }
}

.web-development-mainHolder .content .intro .intro-content .header-title {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .intro-content .header-title {
    font-size: 2.2rem;
    line-height: 1.45;
  }
}

.web-development-mainHolder .content .intro .intro-content .header-description {
  padding-top: 16px;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.8;
}

.web-development-mainHolder
  .content
  .intro
  .intro-content
  .header-description
  strong {
  font-size: 1.3rem;
}

@media (max-width: 767px) {
  .web-development-mainHolder
    .content
    .intro
    .intro-content
    .header-description {
    font-size: 1.04rem;
    line-height: 1.9;
  }
}

.web-development-mainHolder .content .intro .artwork {
  position: absolute;
  height: 580px;
  right: 40px;
  top: 41px;
  z-index: -1;
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .artwork {
    height: 420px;
    right: -60px;
    top: 1699px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .web-development-mainHolder .content .intro .artwork {
    top: 36px;
    right: -144px;
  }
}

@media (min-width: 1500px) {
  .web-development-mainHolder .content .intro .artwork {
    right: 290px;
  }
}

@media (max-width: 350px) {
  .web-development-mainHolder .content .intro .artwork {
    top: 1929px;
  }
}

.web-development-mainHolder .content .intro .services-form-section {
  margin-top: 0;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .web-development-mainHolder .content .intro .services-form-section {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .services-form-section {
    margin-top: 40px;
  }
}

.web-development-mainHolder .content .intro .contact-card {
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .contact-card .text-secondary,
  .web-development-mainHolder .content .intro .contact-card .text-primary a {
    font-size: 0.8rem;
  }
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .contact-card {
    margin-top: 3rem;
  }
}

.web-development-mainHolder .content .intro .contact-card .card-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 2rem;
  background: #ffffff;
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 5px;
  -webkit-box-shadow: 0 9px 13px #e4edfa;
  box-shadow: 0 9px 13px #e4edfa;
  word-break: break-word;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .intro .contact-card .card-item {
    margin-bottom: 3rem;
    padding: 1rem 1rem;
  }
}

.web-development-mainHolder
  .content
  .intro
  .contact-card
  .card-item
  .icon
  .icon-img {
  height: 2.5rem;
  margin-right: 1.5rem;
}

@media (max-width: 767px) {
  .web-development-mainHolder
    .content
    .intro
    .contact-card
    .card-item
    .icon
    .icon-img {
    height: 2rem;
    margin-right: 0.45rem;
  }
}

.web-development-mainHolder .content .intro .contact-card .card-item .content {
  padding: 0;
}

.web-development-mainHolder
  .content
  .intro
  .contact-card
  .card-item
  .content
  .text
  a {
  text-decoration: none;
}

.web-development-mainHolder .content .intro p {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.web-development-mainHolder .content .intro ul li,
.web-development-mainHolder .content .intro ol li {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.web-development-mainHolder .content .tasks {
  width: 73%;
  padding-top: 50px;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .tasks {
    width: 100%;
    padding-top: 50px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .web-development-mainHolder .content .tasks {
    padding-top: 70px;
  }
}

.web-development-mainHolder .content .tasks .tasks-sec {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 20px;
}

.web-development-mainHolder .content .tasks .tasks-sec .icon {
  height: 30px;
  width: 50px;
}

.web-development-mainHolder .content .tasks .tasks-sec .header-title {
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .tasks .tasks-sec .header-title {
    font-size: 1.3rem;
    font-weight: 600;
  }
}

.web-development-mainHolder .content .tasks .tasks-sec .header-description {
  font-size: 0.95rem;
  font-weight: 500;
  width: 95%;
  line-height: 2;
  padding-top: 5px;
  opacity: 0.71;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .tasks .tasks-sec .header-description {
    font-size: 1rem;
    padding-left: 50px;
  }
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .tasks .tasks-sec .header-description ul,
  .web-development-mainHolder
    .content
    .tasks
    .tasks-sec
    .header-description
    ol {
    padding: 0;
  }
}

.web-development-mainHolder .content .services {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .services {
    padding-top: 50px;
  }
}

.web-development-mainHolder .content .services .heading {
  padding-bottom: 60px;
  text-align: center;
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .services .heading {
    font-size: 1.5rem;
    font-weight: 600;
  }
}

.web-development-mainHolder .content .services .services-cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (50%) [2];
  grid-template-columns: repeat(2, 50%);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

@media (max-width: 767px) {
  .web-development-mainHolder .content .services .services-cards {
    display: block;
  }
}

.web-development-mainHolder .content .services .services-cards .services-card {
  padding: 1rem 2.5rem 1rem 1.5rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .web-development-mainHolder
    .content
    .services
    .services-cards
    .services-card {
    padding: 0;
    margin-bottom: 4rem;
    text-align: center;
  }
}

.web-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .icon {
  width: auto;
  height: 2.5rem;
  margin-bottom: 1.5rem;
}

.web-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .title {
  margin: auto 0;
  font-size: 1.3rem;
  font-weight: 600;
}

.web-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .description {
  font-size: 0.95rem;
  font-weight: 500;
  padding-top: 1rem;
  opacity: 0.75;
  line-height: 2;
}

@media (max-width: 767px) {
  .web-development-mainHolder
    .content
    .services
    .services-cards
    .services-card
    .description {
    text-align: left;
  }
}

.web-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .description
  ul,
.web-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .description
  ol {
  text-align: left;
}

.web-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .squareboat {
  display: block;
  position: relative;
  top: -116px;
}

@media (max-width: 767px) {
  .web-development-mainHolder
    .content
    .services
    .services-cards
    .services-card
    .squareboat {
    top: -100px;
  }
}

.other-services {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .other-services .heading {
    padding-left: 0;
    text-align: center;
  }
}

.other-services .content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (33.33%) [3];
  grid-template-columns: repeat(3, 33.33%);
  padding: 2rem 0;
}

.other-services .content a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .other-services .content {
    display: block;
  }
}

.other-services .content .more-services-card {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  background: #ffffff;
  padding: 1rem;
  margin: 1rem 2rem;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .other-services .content .more-services-card {
    margin: 1rem;
  }
}

@media (max-width: 767px) {
  .other-services .content .more-services-card {
    padding: 0.7rem;
  }
}

.other-services .content .more-services-card .icon {
  height: 30px;
  margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .other-services .content .more-services-card .icon {
    width: 30px;
  }
}

@media (max-width: 767px) {
  .other-services .content .more-services-card .icon {
    width: 30px;
  }
}

.other-services .content .more-services-card .link {
  font-weight: 500;
  margin-top: 5px;
  color: #0d264c;
  text-decoration: none;
}

.other-services .content .more-services-card .link:hover {
  text-decoration: none;
}

.services-mainHolder .services .heading {
  padding-bottom: 60px;
  text-align: center;
  font-size: 1.8rem;
  color: #2d94f3;
  max-width: 30%;
  margin: 0 auto;
  line-height: 2;
}

@media (max-width: 767px) {
  .services-mainHolder .services .heading {
    max-width: 100%;
  }
}

.services-mainHolder .services .services-cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: (50%) [2];
  grid-template-columns: repeat(2, 50%);
}

@media (max-width: 767px) {
  .services-mainHolder .services .services-cards {
    display: block;
  }
}

.services-mainHolder .services .services-cards .services-card {
  padding: 2rem 2.5rem;
  margin-bottom: 1rem;
  text-align: center;
  border: 1px solid #2d94f3;
  border-radius: 8px;
  -webkit-box-shadow: 0 9px 13px #e4edfa;
  box-shadow: 0 9px 13px #e4edfa;
}

@media (max-width: 767px) {
  .services-mainHolder .services .services-cards .services-card {
    padding: 2rem 1rem;
  }
}

.services-mainHolder .services .services-cards .services-card:nth-child(odd) {
  margin-right: 0.5rem;
}

@media (max-width: 767px) {
  .services-mainHolder .services .services-cards .services-card:nth-child(odd) {
    margin-right: 0;
  }
}

.services-mainHolder .services .services-cards .services-card:nth-child(even) {
  margin-left: 0.5rem;
}

@media (max-width: 767px) {
  .services-mainHolder
    .services
    .services-cards
    .services-card:nth-child(even) {
    margin-left: 0;
  }
}

.services-mainHolder .services .services-cards .services-card .icon {
  margin-bottom: 2rem;
  width: 75px;
  height: 75px;
}

.services-mainHolder .services .services-cards .services-card .title {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 600;
  color: #0d264c;
}

.services-mainHolder .services .services-cards .services-card .description {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.services-mainHolder .services .header-description {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.services-mainHolder .work-sec {
  padding-top: 2rem;
}

.services-mainHolder .tasks {
  padding: 2rem 0 5rem;
}

.services-mainHolder .tasks .title-content {
  margin-bottom: 2rem;
}

.services-mainHolder .tasks .title-content .title {
  color: #2d94f3;
}

.services-mainHolder .tasks .title-content .sub-title {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.services-mainHolder .tasks .services-card {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (50%) [2];
  grid-template-columns: repeat(2, 50%);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

@media (max-width: 767px) {
  .services-mainHolder .tasks .services-card {
    display: block;
  }
}

.services-mainHolder .tasks .services-card .service-card {
  padding: 1rem 2.5rem 1rem 0rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .services-mainHolder .tasks .services-card .service-card {
    padding: 0rem;
  }
}

.services-mainHolder
  .tasks
  .services-card
  .service-card
  .tasks-sec
  .service-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.services-mainHolder
  .tasks
  .services-card
  .service-card
  .tasks-sec
  .service-content
  .service-info
  .header-title {
  margin-bottom: 1rem;
}

.services-mainHolder
  .tasks
  .services-card
  .service-card
  .tasks-sec
  .service-content
  .service-info
  .header-description {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.services-mainHolder .tasks .services-card .service-card .tasks-sec .icon {
  margin-right: 1rem;
}

.services-mainHolder .why-choose-sec {
  padding: 5rem 0 0;
}

.services-mainHolder .why-choose-sec .header-description h3 {
  line-height: 1.5;
  margin-bottom: 1rem;
}

.services-mainHolder .why-choose-sec .header-description ul li {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

.services-mainHolder .why-choose-sec .header-description p {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .services-mainHolder .teamMainHolder {
    margin-top: 12rem;
  }
}

.services-mainHolder .teamMainHolder .team-photo {
  padding: 10rem 0rem 5rem;
}

.services-mainHolder .teamMainHolder .team-photo .social-links {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.services-mainHolder .teamMainHolder .team-photo .social-links .link {
  padding: 0 0.6rem;
}

@media (max-width: 767px) {
  .services-mainHolder .teamMainHolder .team-photo .social-links .link {
    padding: 0 1rem;
  }
}

.services-mainHolder .teamMainHolder .team-photo .social-links a:hover img {
  opacity: 1;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.services-mainHolder .teamMainHolder .team-photo .social-links a img {
  opacity: 0.7;
  width: 18px;
  height: auto;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .services-mainHolder .teamMainHolder .team-photo .social-links a img {
    width: 1.4rem;
  }
}

.services-mainHolder .testimonial-sec {
  margin-bottom: 5rem;
  margin-top: 5rem;
}

@media (max-width: 767px) {
  .services-mainHolder .testimonial-sec {
    margin-top: 0rem;
  }
}

.services-mainHolder .app-development-mainHolder .services .heading {
  color: #9c6dff;
}

.services-mainHolder
  .app-development-mainHolder
  .services
  .services-cards
  .services-card {
  border-color: #9c6dff;
  -webkit-box-shadow: 0 9px 13px rgba(156, 109, 255, 0.05);
  box-shadow: 0 9px 13px rgba(156, 109, 255, 0.05);
}

.services-mainHolder .growth-hacking-mainHolder .services .heading {
  color: #f96464;
}

.services-mainHolder
  .growth-hacking-mainHolder
  .services
  .services-cards
  .services-card {
  border-color: #f96464;
  -webkit-box-shadow: 0 9px 13px rgba(249, 100, 100, 0.05);
  box-shadow: 0 9px 13px rgba(249, 100, 100, 0.05);
}

.services-mainHolder .chatbots-mainHolder .services .heading {
  color: #4ac14f;
}

.services-mainHolder
  .chatbots-mainHolder
  .services
  .services-cards
  .services-card {
  border-color: #4ac14f;
  -webkit-box-shadow: 0 9px 13px rgba(74, 193, 79, 0.05);
  box-shadow: 0 9px 13px rgba(74, 193, 79, 0.05);
}

.services-mainHolder .faqs-section {
  margin-top: 7rem;
}

.services-mainHolder .faqs-section .faqs-content .header-description .title {
  padding-bottom: 60px;
  text-align: center;
  font-size: 1.8rem;
}

.services-mainHolder .faqs-section .faqs-content .accordion .card {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent;
  margin-bottom: 1rem;
}

.services-mainHolder .faqs-section .faqs-content .accordion .card:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.services-mainHolder .faqs-section .faqs-content .accordion .card .card-header {
  border-bottom: none;
  background: transparent;
  padding: 0;
  height: auto;
  line-height: 2;
  background: #ffffff;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
  border: 1px solid #2d94f3;
  -webkit-box-shadow: 0 9px 13px #e4edfa;
  box-shadow: 0 9px 13px #e4edfa;
}

.services-mainHolder
  .faqs-section
  .faqs-content
  .accordion
  .card
  .card-header:first-child {
  border-radius: 0;
}

.services-mainHolder
  .faqs-section
  .faqs-content
  .accordion
  .card
  .card-header
  .card-title {
  padding: 1rem 3.5rem 1rem 1.25rem;
  display: block;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 17px;
}

.services-mainHolder
  .faqs-section
  .faqs-content
  .accordion
  .card
  .card-header
  .card-title::after {
  font-family: "FontAwesome";
  content: "\F068";
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #2d94f3;
  color: #2d94f3;
  border-radius: 5px;
  margin-left: 1rem;
  font-size: 0.8rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  border-radius: 50px;
}

.services-mainHolder
  .faqs-section
  .faqs-content
  .accordion
  .card
  .card-header
  .card-title.collapsed::after {
  content: "\F067";
}

.services-mainHolder .faqs-section .faqs-content .accordion .card .card-body {
  font-weight: 500;
  opacity: 0.71;
  line-height: 1.9;
  background: #ffffff;
  border-radius: 0;
  margin-bottom: 1rem;
  border: 1px solid #2d94f3;
  border-top: none;
  -webkit-box-shadow: 0 9px 13px #e4edfa;
  box-shadow: 0 9px 13px #e4edfa;
  font-size: 16px;
}

.services-mainHolder .faqs-section .faqs-content .accordion .card .card-body p {
  margin-bottom: 0;
}

.app-development-mainHolder {
  background-image: url(/images/pattern-purple.svg?ab02b59b4f380b9de28b3a11fd737677);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .app-development-mainHolder {
    background-size: 200%;
  }
}

.app-development-mainHolder .background-holder {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f7f4fe),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(top, #f7f4fe, #ffffff);
  background: -o-linear-gradient(top, #f7f4fe, #ffffff);
  background: linear-gradient(to bottom, #f7f4fe, #ffffff);
  top: 560px;
}

@media (max-width: 767px) {
  .app-development-mainHolder .background-holder {
    top: 806px;
  }
}

.app-development-mainHolder .content .intro {
  margin-bottom: 50px;
}

.app-development-mainHolder .content .intro .artwork {
  right: 40px;
  top: 41px;
}

@media (max-width: 767px) {
  .app-development-mainHolder .content .intro .artwork {
    height: 400px;
    right: -50px;
    top: 1652px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .app-development-mainHolder .content .intro .artwork {
    top: 36px;
    right: -144px;
  }
}

@media (min-width: 1500px) {
  .app-development-mainHolder .content .intro .artwork {
    right: 270px;
  }
}

.app-development-mainHolder .content .intro .card-item {
  -webkit-box-shadow: 0 9px 13px rgba(156, 109, 255, 0.1) !important;
  box-shadow: 0 9px 13px rgba(156, 109, 255, 0.1) !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .app-development-mainHolder .content .services {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .app-development-mainHolder .content .services {
    padding-top: 50px;
  }
}

.app-development-mainHolder .content .services .services-cards {
  -ms-grid-columns: (auto) [2];
  grid-template-columns: repeat(2, auto);
}

.app-development-mainHolder .content .services .services-cards .services-card {
  padding: 1rem 2.5rem;
}

@media (max-width: 767px) {
  .app-development-mainHolder
    .content
    .services
    .services-cards
    .services-card {
    padding: 0;
  }
}

.app-development-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .number {
  font-size: 2rem;
  font-weight: 600;
  opacity: 0.7;
  padding-bottom: 5px;
  color: #2d94f3;
}

.ui-ux-mainHolder {
  background-image: url(/images/pattern-2.svg?e43015a672d6590557022372cf9795b8);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .ui-ux-mainHolder {
    background-size: 200%;
  }
}

@media (max-width: 767px) {
  .ui-ux-mainHolder .background-holder {
    top: 996px;
  }
}

.ui-ux-mainHolder .content .intro {
  margin-bottom: 50px;
}

.ui-ux-mainHolder .content .intro .intro-content .header-subtitle {
  font-size: 2rem;
  font-weight: 600;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ui-ux-mainHolder .content .intro {
    margin-bottom: 40px;
  }
}

.ui-ux-mainHolder .content .intro .artwork {
  right: 40px;
  top: 41px;
}

@media (max-width: 767px) {
  .ui-ux-mainHolder .content .intro .artwork {
    height: 420px;
    right: -60px;
    top: 1372px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .ui-ux-mainHolder .content .intro .artwork {
    top: 36px;
    right: -144px;
  }
}

@media (min-width: 1500px) {
  .ui-ux-mainHolder .content .intro .artwork {
    right: 290px;
  }
}

.ui-ux-mainHolder .content .tasks {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .ui-ux-mainHolder .content .tasks {
    padding-top: 50px;
  }
}

.ui-ux-mainHolder .content .services .services-card .number {
  font-size: 2rem;
  font-weight: 600;
  opacity: 0.7;
  padding-bottom: 5px;
  color: #2d94f3;
}

.chatbots-mainHolder {
  background-image: url(/images/pattern-green.svg?0dd3565af574bc99725f5027ce83cd05);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .chatbots-mainHolder {
    background-size: 200%;
  }
}

.chatbots-mainHolder .background-holder {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2fff4),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(top, #f2fff4, #ffffff);
  background: -o-linear-gradient(top, #f2fff4, #ffffff);
  background: linear-gradient(to bottom, #f2fff4, #ffffff);
  top: 530px;
}

@media (max-width: 767px) {
  .chatbots-mainHolder .background-holder {
    top: 896px;
  }
}

.chatbots-mainHolder .content .intro {
  margin-bottom: 50px;
}

.chatbots-mainHolder .content .intro .artwork {
  right: 50px;
  top: 66px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .chatbots-mainHolder .content .intro .artwork {
    top: 85px;
    right: -144px;
  }
}

@media (max-width: 767px) {
  .chatbots-mainHolder .content .intro .artwork {
    height: 410px;
    right: -40px;
    top: 1142px;
  }
}

@media (min-width: 1500px) {
  .chatbots-mainHolder .content .intro .artwork {
    right: 290px;
  }
}

.chatbots-mainHolder .content .intro .card-item {
  -webkit-box-shadow: 0 9px 13px rgba(74, 193, 79, 0.1) !important;
  box-shadow: 0 9px 13px rgba(74, 193, 79, 0.1) !important;
}

.chatbots-mainHolder .content .services {
  padding-top: 50px;
}

@media (max-width: 767px) {
  .chatbots-mainHolder .content .services {
    padding-top: 50px;
  }
}

.bg-wrapper {
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    color-stop(30%, #eef4fd),
    color-stop(70%, #f7fafe),
    to(white)
  );
  background: -webkit-linear-gradient(
    right,
    #eef4fd 30%,
    #f7fafe 70%,
    white 100%
  );
  background: -o-linear-gradient(right, #eef4fd 30%, #f7fafe 70%, white 100%);
  background: linear-gradient(to left, #eef4fd 30%, #f7fafe 70%, white 100%);
}

.logo-image {
  border: 1px solid #000;
}

.bg-blue-rect {
  width: 14px;
  height: 18px;
  background: #2d94f3;
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

@media (max-width: 767px) {
  .bg-blue-rect {
    display: none;
  }
}

.bg-blue-rect.first {
  position: absolute;
  left: 35%;
  top: 20px;
  opacity: 0.24;
}

@media (min-width: 1500px) {
  .bg-blue-rect.first {
    right: 270px;
  }
}

.bg-blue-rect.second {
  position: absolute;
  right: 30%;
  top: 200px;
  opacity: 0.24;
}

.bg-blue-rect.right-top {
  position: absolute;
  right: 2px;
  top: 100px;
  opacity: 0.24;
}

.bg-blue-rect.right-bottom {
  position: absolute;
  right: 2px;
  top: 250px;
  opacity: 0.5;
}

.bg-blue-rect.left-bottom-1 {
  position: absolute;
  left: 8%;
  top: 240px;
  opacity: 0.24;
  scale: 0.8;
}

@media (min-width: 1500px) {
  .bg-blue-rect.left-bottom-1 {
    left: 15%;
    bottom: 240px;
  }
}

.bg-blue-rect.left-bottom {
  position: absolute;
  left: 2px;
  top: 260px;
  opacity: 0.5;
}

.bg-blue-rect.hero-img-left-bottom-1 {
  position: absolute;
  left: 12.5%;
  bottom: 140px;
  opacity: 0.24;
  z-index: 10;
}

@media (min-width: 1500px) {
  .bg-blue-rect.hero-img-left-bottom-1 {
    left: 22.5%;
    bottom: 140px;
  }
}

.bg-blue-rect.hero-img-left-bottom-2 {
  position: absolute;
  left: 15%;
  bottom: 50px;
  opacity: 0.4;
  z-index: 10;
}

@media (min-width: 1500px) {
  .bg-blue-rect.hero-img-left-bottom-2 {
    left: 25%;
    bottom: 50px;
  }
}

.bg-blue-rect.hero-img-right-top {
  position: absolute;
  right: 10%;
  top: 300px;
  opacity: 0.5;
  z-index: 10;
}

@media (min-width: 1500px) {
  .bg-blue-rect.hero-img-right-top {
    right: 20%;
    top: 300px;
  }
}

.bg-blue-rect.hero-img-right-middle {
  position: absolute;
  right: 0%;
  bottom: 25%;
  opacity: 0.2475;
  z-index: 10;
}

.bg-blue-rect.hero-img-right-bottom {
  position: absolute;
  right: 18%;
  bottom: 10px;
  opacity: 0.24;
  z-index: 10;
}

@media (min-width: 1500px) {
  .bg-blue-rect.hero-img-right-bottom {
    right: 22.5%;
    bottom: 10px;
  }
}

.heading-large {
  font-size: 100px;
  color: aqua;
  background-color: red;
}

#industry-hero-sec h1.main-heading {
  width: 80%;
  margin: auto;
  padding-top: 60px;
  font-size: 41px;
  line-height: 62px;
  text-align: center;
  color: #0d264c;
  font-weight: 600;
}

@media (max-width: 767px) {
  #industry-hero-sec h1.main-heading {
    width: 100%;
    padding-top: 20px;
    font-size: 35px;
    text-align: left;
    line-height: 52px;
    margin: 0;
  }
}

#industry-hero-sec .hero-image {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 99%, 15% 100%, 0 75%);
  clip-path: polygon(0 0, 100% 0, 100% 99%, 15% 100%, 0 75%);
  margin: 3rem 0;
}

@media (max-width: 767px) {
  #industry-hero-sec .hero-image {
    margin: 1.5rem 0;
    padding-bottom: 2rem;
  }
}

#logo-section .logos {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (200px) [auto-fill];
  grid-template-columns: repeat(auto-fill, 200px);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  place-items: center;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

@media (max-width: 767px) {
  #logo-section .logos {
    display: none;
  }
}

#logo-section .logo {
  height: 80px !important;
  -o-object-fit: contain;
  object-fit: contain;
}

#logo-section .logos-m {
  display: none;
}

@media (max-width: 767px) {
  #logo-section .logos-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}

#logo-section .logos-m .logo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

#logo-section .logos-m .logo-wrap .logo {
  height: 50px;
  max-width: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

.cb-tagreel {
  position: relative;
}

.cb-tagreel .cb-tagreel-items {
  overflow: hidden;
  cursor: default;
}

.cb-tagreel .cb-tagreel-row-left {
  will-change: transform;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  margin-bottom: 50px;
  gap: 50px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

@media (max-width: 767px) {
  .cb-tagreel .cb-tagreel-row-left {
    margin-bottom: 50px;
  }
}

.cb-tagreel .cb-tagreel-row-right {
  will-change: transform;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

@media (max-width: 767px) {
  .cb-tagreel .cb-tagreel-row-right {
    margin-bottom: 0;
  }
}

.cb-tagreel .cb-tagreel-item {
  position: relative;
  line-height: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.67%;
  flex: 0 0 16.67%;
  text-transform: uppercase;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .cb-tagreel .cb-tagreel-item {
    height: 40px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cb-tagreel .cb-tagreel-item {
    height: 50px;
  }
}

@media (max-width: 767px) {
  .cb-tagreel .cb-tagreel-item {
    margin: 0 20px;
  }
}

#sliderP {
  position: relative;
  height: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#sliderP .backBox {
  z-index: 4;
  position: absolute;
  width: 637.83px;
  height: 622.02px;
  top: 0;
  right: 0;
  background: #a99277;
  -webkit-transform: matrix(0.99, -0.16, 0, 1, 0, 0);
  -ms-transform: matrix(0.99, -0.16, 0, 1, 0, 0);
  transform: matrix(0.99, -0.16, 0, 1, 0, 0);
}

#sliderP .cont-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#sliderP .cont-wrapper .left-box {
  width: 40%;
}

#sliderP .cont-wrapper .left-box .number {
  font-size: 82px;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #cacfd8;
}

#sliderP .cont-wrapper .left-box .heading {
  font-size: 41px;
  line-height: 48px;
  color: #a99277;
}

#sliderP .cont-wrapper .left-box .desc {
  font-size: 16px;
  line-height: 1.88;
  color: rgba(13, 38, 76, 0.71);
}

#sliderP .cont-wrapper .right-box {
  width: 60%;
}

#sliderP .cont-wrapper .right-box .img-wrapper {
  position: relative;
  z-index: 5;
}

#sliderP .cont-wrapper .right-box .img-wrapper .img {
  width: 100%;
  display: block;
  width: 640px;
  height: 396px;
  -webkit-filter: drop-shadow(0px 6px 20px rgba(13, 38, 76, 0.06));
  filter: drop-shadow(0px 6px 20px rgba(13, 38, 76, 0.06));
  border-radius: 18px;
}

section.slider {
  /* small screen / mobile layout */
  /* defines styles for screens up to 599px wide */
}

section.slider .spacer {
  width: 100%;
  height: 50vh;
  background: #ddd;
}

section.slider .gallery h1 {
  font-size: clamp(2em, 4vw, 6em);
}

section.slider .gallery p {
  font-size: clamp(1.4em, 2.5vw, 3.5em);
  line-height: 1.4;
}

section.slider .gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* outline:1px solid red; */
}

section.slider .right {
  width: 80%;
}

section.slider .left {
  height: 100vh;
  /* outline: 1px solid purple; */
  /* width: 20%; */
  margin-left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.slider .desktopContent {
  margin: auto;
  width: 80%;
}

section.slider .desktopContentSection {
  min-height: 100vh;
  /* outline:1px solid green; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.slider .desktopPhotos {
  width: 1vw;
  height: 35vw;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
}

section.slider .desktopPhoto {
  position: absolute;
  width: 100%;
  height: 100%;
}

section.slider .red {
  background: crimson;
}

section.slider .green {
  background: MediumSeaGreen;
}

section.slider .blue {
  background: dodgerblue;
}

section.slider .pink {
  background: deepPink;
}

section.slider .mobileContent {
  display: none;
  width: 80vw;
}

section.slider .mobilePhoto {
  width: 80vw;
  height: 80vw;
  margin-top: 5em;
  border-radius: 6vw;
}

@media screen and (max-width: 599px) {
  section.slider .left {
    display: none;
  }

  section.slider .right {
    height: auto;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  section.slider .desktopPhotos {
    display: none;
  }

  section.slider .mobileContent {
    display: block;
  }
}

#industry-cta {
  position: relative;
  height: 500px;
  padding-bottom: 40px;
}

@media (max-width: 767px) {
  #industry-cta {
    height: auto;
    padding-bottom: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-cta {
    height: auto;
    padding-bottom: 80px;
  }
}

#industry-cta::before {
  content: "";
  position: absolute;
  background: url("/images/industry/footer/footer-left-bg.svg") center center
    no-repeat;
  width: 30%;
  height: 30%;
  top: 0px;
  left: -120px;
}

@media (max-width: 767px) {
  #industry-cta::before {
    background: url("/images/industry/footer/footer-left-bg-m.svg") center
      center no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15%;
    height: 15%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-cta::before {
    background: url("/images/industry/footer/footer-left-bg-m.svg") center
      center no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 15%;
    height: 15%;
  }
}

#industry-cta #left {
  padding-top: 30px;
}

#industry-cta #left .title {
  font-size: 41px;
  line-height: 62px;
  color: #0d264c;
}

@media (max-width: 767px) {
  #industry-cta #left .title {
    font-size: 24px;
    line-height: 36px;
  }
}

#industry-cta #left .subtitle {
  font-size: 16px;
  line-height: 26px;
  color: #0d264c;
  opacity: 0.75;
}

@media (max-width: 767px) {
  #industry-cta #left .subtitle {
    color: #0d264c;
    opacity: 0.75;
  }
}

#industry-cta .footer-cta {
  position: absolute;
}

@media (max-width: 767px) {
  #industry-cta .footer-cta {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-cta .footer-cta {
    display: none;
  }
}

@media (max-width: 767px) {
  #industry-cta .footer-cta {
    position: relative;
    height: 200px;
    width: 100%;
  }
}

#industry-cta .footer-cta .right-1 {
  left: -100px;
  top: 70px;
  position: absolute;
}

#industry-cta .footer-cta .right-2 {
  position: absolute;
  top: 20px;
}

#industry-cta .footer-cta .right-3 {
  left: 150px;
  top: 100px;
  rotate: 15deg;
  border-radius: 20px;
  -webkit-transition: rotate 0.5s;
  -o-transition: rotate 0.5s;
  transition: rotate 0.5s;
  position: absolute;
  width: 656.49px;
  aspect-ratio: 16/9;
}

#industry-cta .footer-cta .right-3 .img {
  position: absolute;
  inset: 0;
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  display: block;
  border-radius: 10px;
}

#industry-cta .footer-cta-m {
  display: none;
}

@media (max-width: 767px) {
  #industry-cta .footer-cta-m {
    display: block;
    height: 250.19px;
    position: relative;
  }

  #industry-cta .footer-cta-m > * {
    border-radius: 10px;
  }

  #industry-cta .footer-cta-m .box-1 {
    width: 211.54px;
    height: 161.72px;
    background: rgba(125, 176, 255, 0.1);
    opacity: 0.5;
    -webkit-transform: matrix(-0.24, 0.97, -0.97, -0.24, 0, 0);
    -ms-transform: matrix(-0.24, 0.97, -0.97, -0.24, 0, 0);
    transform: matrix(-0.24, 0.97, -0.97, -0.24, 0, 0);
    position: absolute;
    left: -20.85%;
    top: 65%;
  }

  #industry-cta .footer-cta-m .box-2 {
    position: absolute;
    left: 10%;
    top: 40%;
    width: 225.53px;
    height: 263.49px;
    background: rgba(125, 176, 255, 0.1);
    opacity: 0.8;
    -webkit-transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0);
    -ms-transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0);
    transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0);
  }

  #industry-cta .footer-cta-m .box-3 {
    position: absolute;
    width: 350px;
    left: 25%;
    top: 45%;
    rotate: 15deg;
    aspect-ratio: 16/9;
  }

  #industry-cta .footer-cta-m .box-3 .img {
    position: absolute;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    display: block;
    border-radius: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-cta .footer-cta-m {
    display: block;
    height: 250.19px;
    position: relative;
  }

  #industry-cta .footer-cta-m > * {
    border-radius: 10px;
  }

  #industry-cta .footer-cta-m .box-1 {
    width: 300px;
    height: 200px;
    background: rgba(125, 176, 255, 0.1);
    opacity: 0.5;
    -webkit-transform: matrix(-0.24, 0.97, -0.97, -0.24, 0, 0);
    -ms-transform: matrix(-0.24, 0.97, -0.97, -0.24, 0, 0);
    transform: matrix(-0.24, 0.97, -0.97, -0.24, 0, 0);
    position: absolute;
    left: 10%;
    top: 65%;
  }

  #industry-cta .footer-cta-m .box-2 {
    position: absolute;
    left: 30%;
    top: 40%;
    width: 350px;
    height: 360px;
    background: rgba(125, 176, 255, 0.1);
    opacity: 0.8;
    -webkit-transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0);
    -ms-transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0);
    transform: matrix(-0.26, 0.97, -0.97, -0.26, 0, 0);
  }

  #industry-cta .footer-cta-m .box-3 {
    position: absolute;
    width: 400px;
    left: 45%;
    top: 45%;
    rotate: 15deg;
    aspect-ratio: 16/9;
  }

  #industry-cta .footer-cta-m .box-3 .img {
    position: absolute;
    inset: 0;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    display: block;
    border-radius: 10px;
  }
}

#industry-testimonials {
  margin-top: 100px;
  margin-bottom: 200px;
  position: relative;
}

@media (max-width: 767px) {
  #industry-testimonials {
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-testimonials {
    margin-bottom: 100px;
  }
}

#industry-testimonials .bg-blue-rect-t {
  width: 14px;
  height: 18px;
  background: #2d94f3;
  -webkit-transform: skewX(-30deg);
  -ms-transform: skewX(-30deg);
  transform: skewX(-30deg);
}

@media (max-width: 767px) {
  #industry-testimonials .bg-blue-rect-t {
    display: none;
  }
}

#industry-testimonials .bg-blue-rect-t.t-first {
  position: absolute;
  right: 0%;
  top: 20px;
  opacity: 0.24;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-first {
    right: 270px;
  }
}

#industry-testimonials .bg-blue-rect-t.t-second {
  position: absolute;
  right: 30%;
  top: 200px;
  opacity: 0.24;
}

#industry-testimonials .bg-blue-rect-t.t-right-top {
  position: absolute;
  right: 2px;
  top: 100px;
  opacity: 0.24;
}

#industry-testimonials .bg-blue-rect-t.t-e-right-top {
  position: absolute;
  right: 2px;
  top: 70px;
  opacity: 0.5;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-e-right-top {
    right: 2px;
    top: 60px;
  }
}

#industry-testimonials .bg-blue-rect-t.t-left-top {
  position: absolute;
  left: 8%;
  top: 25px;
  opacity: 0.24;
  scale: 0.8;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-left-top {
    left: 15%;
    top: 30px;
  }
}

#industry-testimonials .bg-blue-rect-t.t-left-bottom {
  position: absolute;
  left: 2px;
  top: 260px;
  opacity: 0.5;
}

#industry-testimonials .bg-blue-rect-t.t-card-left-bottom-1 {
  display: none;
  position: absolute;
  left: 12.5%;
  bottom: 140px;
  opacity: 0.24;
  z-index: 10;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-card-left-bottom-1 {
    left: 22.5%;
    bottom: 140px;
  }
}

#industry-testimonials .bg-blue-rect-t.t-card-left-bottom-2 {
  position: absolute;
  left: 0%;
  bottom: -50px;
  opacity: 0.4;
  z-index: 10;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-card-left-bottom-2 {
    left: 0%;
    bottom: -50px;
  }
}

#industry-testimonials .bg-blue-rect-t.t-card-right-top {
  position: absolute;
  right: 25%;
  top: 60px;
  opacity: 0.2475;
  z-index: 10;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-card-right-top {
    right: 30%;
    top: 50px;
  }
}

#industry-testimonials .bg-blue-rect-t.t-card-right-middle {
  position: absolute;
  right: 0%;
  bottom: 25%;
  opacity: 0.2475;
  z-index: 10;
}

#industry-testimonials .bg-blue-rect-t.t-card-right-bottom {
  position: absolute;
  right: 18%;
  bottom: -80px;
  opacity: 0.24;
  z-index: 10;
}

@media (min-width: 1500px) {
  #industry-testimonials .bg-blue-rect-t.t-card-right-bottom {
    right: 25%;
    bottom: -80px;
  }
}

#industry-testimonials .splide__pagination {
  bottom: 4rem;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__pagination {
    bottom: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-testimonials .splide__pagination {
    bottom: 8rem;
  }
}

#industry-testimonials .splide__pagination li .splide__pagination__page {
  padding: 5px !important;
}

#industry-testimonials .splide__pagination__page {
  height: 12px;
  width: 12px;
  background-color: #fff;
  -webkit-transform: all 2s ease;
  -ms-transform: all 2s ease;
  transform: all 2s ease;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__pagination__page {
    height: 8px;
    width: 8px;
  }
}

#industry-testimonials .splide__pagination__page.is-active {
  height: 10px;
  width: 40px;
  border-radius: 99px;
  margin: 0 10px;
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__pagination__page.is-active {
    height: 8px;
    width: 24px;
  }
}

#industry-testimonials .solution-dot-page.is-active {
  background: #2d94f3 !important;
}

#industry-testimonials .splide__slide {
  position: relative;
  min-height: 600px;
  height: 600px;
  padding-top: 50px;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__slide {
    min-height: 500px;
    height: 500px;
  }
}

#industry-testimonials .splide__slide::before {
  content: " ";
  background: url(/images/industry/bg/quote.svg) center center no-repeat;
  position: absolute;
  width: 135px;
  height: 135px;
  left: 120px;
  top: -10px;
  z-index: 10;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__slide::before {
    background: url(/images/industry/bg/quote-m.svg) center center no-repeat;
    width: 60px;
    height: 70px;
    top: 10px;
    left: 5px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-testimonials .splide__slide::before {
    background: url(/images/industry/bg/quote.svg) center center no-repeat;
    width: 135px;
    height: 135px;
    scale: 0.6;
    top: -2%;
    left: 10%;
  }
}

#industry-testimonials .splide__slide .splide__slide-inside {
  z-index: 1;
  background: #2d94f3;
  -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%);
  min-height: 400px;
  height: 550px;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__slide .splide__slide-inside {
    height: 450px;
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-testimonials .splide__slide .splide__slide-inside {
    height: 450px;
    -webkit-clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 95%);
  }
}

#industry-testimonials .splide__slide .splide__slide-inside img {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 20;
}

#industry-testimonials .splide__slide .splide__slide-inside .review-wrapper {
  width: 70%;
  height: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  color: #fff;
}

@media (max-width: 767px) {
  #industry-testimonials .splide__slide .splide__slide-inside .review-wrapper {
    width: 90%;
  }
}

#industry-testimonials
  .splide__slide
  .splide__slide-inside
  .review-wrapper
  .review {
  font-size: 30px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  #industry-testimonials
    .splide__slide
    .splide__slide-inside
    .review-wrapper
    .review {
    margin-top: 50px;
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-testimonials
    .splide__slide
    .splide__slide-inside
    .review-wrapper
    .review {
    margin-top: 80px;
    font-size: 20px;
  }
}

#industry-testimonials
  .splide__slide
  .splide__slide-inside
  .review-wrapper
  .name {
  font-size: 16px;
  line-height: 19px;
  color: #e9f2fc;
  margin-top: 30px;
}

@media (max-width: 767px) {
  #industry-testimonials
    .splide__slide
    .splide__slide-inside
    .review-wrapper
    .name {
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px;
  }
}

#industry-testimonials
  .splide__slide
  .splide__slide-inside
  .review-wrapper
  .designation {
  font-size: 13px;
  line-height: 15px;
}

@media (max-width: 767px) {
  #industry-testimonials
    .splide__slide
    .splide__slide-inside
    .review-wrapper
    .designation {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.48px;
  }
}

#industry-testimonials .splide__slide.is-active {
  width: 50px;
}

#industry-testimonials .splide__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
}

.p-img .img {
  width: 136px;
  height: 136px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.anim-desktop {
  margin-top: 100px;
  display: block;
}

@media (max-width: 767px) {
  .anim-desktop {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .anim-desktop {
    display: none;
  }
}

#industry-transform {
  position: relative;
  margin-top: 50px;
  padding-bottom: 100px;
}

@media (max-width: 767px) {
  #industry-transform {
    margin-top: 100px;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-transform {
    margin-top: 150px;
    padding-bottom: 0;
  }
}

@media (min-width: 1500px) {
  #industry-transform {
    margin-top: 100px;
  }
}

#industry-transform .heading-cont {
  width: 70%;
  margin: auto;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  #industry-transform .heading-cont {
    width: 100%;
  }
}

#industry-transform .heading-cont .main-heading {
  font-weight: 600;
}

#industry-transform .heading-cont .description {
  font-weight: 400;
}

#industry-transform .card-wrapper {
  display: -webkit-box;
  overflow-x: auto;
  gap: 50px;
  height: 800px;
  border-bottom: 1px solid #000;
}

#industry-transform .splide__list {
  height: 550px;
}

@media (max-width: 767px) {
  #industry-transform .splide__list {
    height: 380px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-transform .splide__list {
    height: 450px;
  }
}

@media (min-width: 1500px) {
  #industry-transform .splide__list {
    height: 550px;
  }
}

#industry-transform .card-box {
  position: relative;
  height: 492px;
  width: 92%;
  border-radius: 12px;
  margin: auto;
  -webkit-box-shadow: 0px 7px 28px -3px rgba(45, 148, 243, 0.2);
  box-shadow: 0px 7px 28px -3px rgba(45, 148, 243, 0.2);
}

@media (max-width: 767px) {
  #industry-transform .card-box {
    height: 350px;
    width: 92%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-transform .card-box {
    height: 400px;
    width: 92%;
  }
}

#industry-transform .card-box .img-wrapper {
  border-radius: 12px;
}

#industry-transform .card-box .img-wrapper .img {
  border-radius: 12px 12px 20px 20px;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  display: block;
}

@media (max-width: 767px) {
  #industry-transform .card-box .img-wrapper .img {
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
}

#industry-transform .card-box .content {
  position: absolute;
  border-radius: 0 0 12px 12px;
  bottom: 0;
  background: #fff !important;
  padding: 30px;
  width: 100%;
  min-height: 150px;
  max-height: 200px;
}

@media (max-width: 767px) {
  #industry-transform .card-box .content {
    min-height: 129px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #industry-transform .card-box .content {
    min-height: 200px;
  }
}

#industry-transform .card-box .content .heading {
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}

@media (max-width: 767px) {
  #industry-transform .card-box .content .heading {
    font-size: 14px;
    line-height: 16px;
  }
}

#industry-transform .card-box .content .desc {
  font-size: 16px;
  line-height: 24px;
  color: #0d264c;
}

@media (max-width: 767px) {
  #industry-transform .card-box .content .desc {
    font-size: 14px;
    line-height: 21px;
  }
}

#industry-transform .card-box .content .tag {
  display: none;
  background: #e9f2fc;
  opacity: 0.9;
  border-radius: 30.7692px;
  color: #2d94f3;
  padding: 6px 12px;
  margin-right: 8px;
  font-size: 12px;
  text-align: center;
}

#industry-transform #transformed {
  position: relative;
  margin-top: 50px;
}

@media (min-width: 1500px) {
  #industry-transform #transformed {
    margin-top: 50px;
  }
}

#industry-transform #transformed .top-left-bg {
  background: url(/images/industry/bg/bg-trans-lb.svg) center center no-repeat;
  position: absolute;
  top: -30px;
  left: 2%;
  width: 15%;
  height: 15%;
}

@media (max-width: 767px) {
  #industry-transform #transformed .top-left-bg {
    display: none;
  }
}

@media (min-width: 1500px) {
  #industry-transform #transformed .top-left-bg {
    top: -30px;
    left: 2%;
  }
}

#industry-transform #transformed .bottom-left-bg {
  background: url(/images/industry/bg/bg-trans-lt.svg) center center no-repeat;
  position: absolute;
  bottom: 15px;
  left: 20%;
  width: 15%;
  height: 15%;
}

@media (max-width: 767px) {
  #industry-transform #transformed .bottom-left-bg {
    display: none;
  }
}

@media (min-width: 1500px) {
  #industry-transform #transformed .bottom-left-bg {
    bottom: 15px;
    left: 25%;
  }
}

#industry-transform #transformed .bottom-right-bg {
  background: url(/images/industry/bg/bg-trans-rb-1.svg) center center no-repeat;
  position: absolute;
  bottom: 25%;
  right: 10%;
  width: 10%;
  height: 10%;
}

@media (max-width: 767px) {
  #industry-transform #transformed .bottom-right-bg {
    display: none;
  }
}

@media (min-width: 1500px) {
  #industry-transform #transformed .bottom-right-bg {
    bottom: 28%;
    right: 8%;
  }
}

#industry-transform #transformed .top-right-bg {
  background: url(/images/industry/bg/bg-trans-rt.svg) center center no-repeat;
  position: absolute;
  top: -0px;
  right: 12%;
  width: 15%;
  height: 15%;
}

@media (max-width: 767px) {
  #industry-transform #transformed .top-right-bg {
    display: none;
  }
}

@media (min-width: 1500px) {
  #industry-transform #transformed .top-right-bg {
    top: 0px;
    right: 10%;
  }
}

#industry-transform #transformed .btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
}

#industry-transform
  #transformed
  .btn-wrapper
  .previous-button-wrapper
  .previous-button {
  width: 55px;
  height: 48px;
  background-color: #fff;
  border: 2px solid #2d94f3;
  border-radius: 8px;
  cursor: pointer;
}

#industry-transform
  #transformed
  .btn-wrapper
  .previous-button-wrapper
  .previous-button:focus {
  border: 2px solid #2d94f3;
  outline: #2d94f3;
}

#industry-transform
  #transformed
  .btn-wrapper
  .previous-button-wrapper
  .previous-button:active {
  background-color: #e9f2fc !important;
}

@media (max-width: 767px) {
  #industry-transform
    #transformed
    .btn-wrapper
    .previous-button-wrapper
    .previous-button {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#industry-transform
  #transformed
  .btn-wrapper
  .next-button-wrapper
  .next-button {
  width: 55px;
  height: 48px;
  margin: auto;
  background-color: #fff;
  border-radius: 8px;
  border: 2px solid #2d94f3;
  cursor: pointer;
}

#industry-transform
  #transformed
  .btn-wrapper
  .next-button-wrapper
  .next-button:active {
  background-color: #e9f2fc !important;
}

#industry-transform
  #transformed
  .btn-wrapper
  .next-button-wrapper
  .next-button:focus {
  border: 2px solid #2d94f3;
  outline: #2d94f3;
}

@media (max-width: 767px) {
  #industry-transform
    #transformed
    .btn-wrapper
    .next-button-wrapper
    .next-button {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#industry-transform #transformed .trans-arrows {
  position: relative !important;
  bottom: 0 !important;
}

#industry-transform #transformed .trans-arrows .splide__arrow--prev {
  position: absolute;
  left: 20;
}

#industry-transform #transformed .trans-arrows .splide__arrow--next {
  position: absolute;
  left: 50;
}

#product-slider {
  width: 100vw;
  height: 105vh;
  position: relative;
}

@media (max-width: 767px) {
  #product-slider {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider {
    display: none;
  }
}

.heading-cont {
  padding-top: 50px;
  text-align: center;
  width: 50%;
  margin: auto;
}

@media (max-width: 767px) {
  .heading-cont {
    padding-top: 30px;
  }
}

@media (max-width: 767px) {
  .heading-cont {
    width: 90%;
  }
}

.heading-cont .title {
  font-weight: 600;
}

.heading-cont .description {
  font-weight: 400;
}

#product-slider-m {
  margin: 100px 0 200px;
}

@media (max-width: 767px) {
  #product-slider-m {
    display: block;
    margin-top: 0px;
    margin-bottom: 100px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m {
    display: block;
    margin-top: -100px;
    margin-bottom: 100px;
  }
}

#product-slider-m #product-slider-wrapper .feature-wrapper .backBox-m {
  position: absolute;
  width: 40%;
  height: 622px;
  margin-top: 50px;
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .feature-wrapper .backBox-m {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m #product-slider-wrapper .feature-wrapper .backBox-m {
    display: none;
  }
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .feature-wrapper .backBox-m {
    width: 70%;
    height: 283.63px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m #product-slider-wrapper .feature-wrapper .backBox-m {
    width: 50%;
    height: 350px;
    margin-top: 50px;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper {
    display: none;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper .content-box {
  width: 40%;
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper .content-box {
    width: 100%;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper .content-box .number {
  font-size: 82px;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #cacfd8;
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper .content-box .number {
    font-size: 48px;
    line-height: 62px;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper
  .content-box
  .heading-h1 {
  font-size: 41px;
  line-height: 48px;
  color: #a99277;
  margin-top: 0;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .content-box
    .heading-h1 {
    font-size: 24px;
    line-height: 36px;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper .content-box .desc {
  font-size: 16px;
  line-height: 1.88;
  color: rgba(13, 38, 76, 0.71);
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper .content-box .desc {
    font-size: 14px;
    line-height: 21px;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper .media-box {
  position: relative;
  height: 700px;
  width: 50%;
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper .media-box {
    width: 100%;
    height: 350px;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper
  .media-box
  .img-wrapper {
  z-index: 5;
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper
  .media-box
  .img-wrapper
  .left {
  position: absolute;
  top: 150px !important;
  left: -100px !important;
}

@media (min-width: 1500px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .left {
    top: 200px !important;
  }
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .left {
    left: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .left {
    left: 150px !important;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper
  .media-box
  .img-wrapper
  .right {
  position: absolute;
  top: 150px !important;
  right: -100px !important;
}

@media (min-width: 1500px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .right {
    top: 200px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .right {
    left: -150px !important;
  }
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .right {
    left: -150px !important;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper
  .media-box
  .img-wrapper
  .img {
  width: 100%;
  display: block;
  width: 640px;
  height: 396px;
  border-radius: 18px;
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .img {
    position: absolute;
    width: 312.75px;
    height: 193.51px;
    top: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper
    .media-box
    .img-wrapper
    .img {
    position: absolute;
    width: 350px;
    height: 250px;
    top: 30px;
    left: 200px;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper-m {
  display: none;
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper-m {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper-m {
    display: block;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper-m .content-box .number {
  font-size: 82px;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #cacfd8;
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .content-box
    .number {
    font-size: 48px;
    line-height: 62px;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper-m
  .content-box
  .heading-h1 {
  font-size: 41px;
  line-height: 48px;
  color: #a99277;
  margin-top: 0;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .content-box
    .heading-h1 {
    font-size: 24px;
    line-height: 36px;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper-m .content-box .desc {
  font-size: 16px;
  line-height: 1.88;
  color: rgba(13, 38, 76, 0.71);
}

@media (max-width: 767px) {
  #product-slider-m #product-slider-wrapper .cont-wrapper-m .content-box .desc {
    font-size: 14px;
    line-height: 21px;
  }
}

#product-slider-m #product-slider-wrapper .cont-wrapper-m .media-box {
  width: 100vw;
  position: relative;
  height: 350px;
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper-m
  .media-box
  .backBox-m {
  position: absolute;
  width: 70%;
  height: 283.63px;
  margin-top: 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .media-box
    .backBox-m {
    width: 50%;
    height: 350px;
    margin-top: 50px;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper-m
  .media-box
  .img-wrapper {
  position: absolute;
  z-index: 5;
  top: 100px;
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper-m
  .media-box
  .img-wrapper.left {
  left: 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .media-box
    .img-wrapper.left {
    left: 100px;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper-m
  .media-box
  .img-wrapper.right {
  right: 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .media-box
    .img-wrapper.right {
    right: 100px;
  }
}

#product-slider-m
  #product-slider-wrapper
  .cont-wrapper-m
  .media-box
  .img-wrapper
  .img {
  width: 100%;
  display: block;
  width: 640px;
  height: 396px;
  border-radius: 18px;
}

@media (max-width: 767px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .media-box
    .img-wrapper
    .img {
    width: 300px;
    height: 193.51px;
    top: 30px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #product-slider-m
    #product-slider-wrapper
    .cont-wrapper-m
    .media-box
    .img-wrapper
    .img {
    width: 350px;
    height: 250px;
    top: 30px;
    left: 200px;
  }
}

#masterWrap {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  /* h1 {
  position: absolute;
  z-index: 100;
  font-size: 18px;
  text-align: center;
  left: 0;
  width: 100%;
  text-transform: capitalize;
} */
}

#masterWrap #panelWrap {
  width: 100%;
  height: 100%;
}

#masterWrap section {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  position: relative;
}

#masterWrap .dotOfSlider {
  width: 14px;
  height: 18px;
  background: #e9f2fc;
  -webkit-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  transform: skewX(-20deg);
  position: relative;
  margin: 12px;
  cursor: pointer;
}

#masterWrap .dotsOfSlider {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

#masterWrap .dotsOfSlider::before {
  content: "";
  width: 1px;
  height: 300px;
  background: #cacfd8;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -2px;
}

#masterWrap .dotsOfSlider::after {
  content: "";
  width: 1px;
  height: 150px;
  background: #cacfd8;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -2px;
}

#masterWrap .bg-back {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: -5px;
  width: 50%;
  height: 622.02px;
  will-change: transform;
  -webkit-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  -webkit-transform: matrix(0.99, -0.16, 0, 1, 0, 0);
  -ms-transform: matrix(0.99, -0.16, 0, 1, 0, 0);
  transform: matrix(0.99, -0.16, 0, 1, 0, 0);
}

#masterWrap span {
  display: block;
  font-size: 0.75em;
  font-weight: 400;
}

#masterWrap #downArrow {
  bottom: 12px;
}

#masterWrap #upArrow {
  top: 12px;
}

#masterWrap .arrow {
  position: absolute;
  z-index: 100;
  right: 12px;
  cursor: pointer;
  opacity: 0.75;
  width: 40px;
  height: 40px;
  stroke-width: 8px;
  stroke: #000;
  fill: transparent;
}

#masterWrap h3,
#masterWrap p {
  padding: 0;
  margin: 0;
}

#masterWrap h3 {
  font-size: 1.5em;
}

#masterWrap p {
  max-width: 400px;
  font-weight: 400;
  text-align: center;
}

#masterWrap p.navDotInfo {
  position: absolute;
  bottom: 5px;
  z-index: 225;
  width: 100%;
  text-align: center;
  max-width: 5000px;
  font-size: 0.875em;
}

#masterWrap .twitterFollow {
  padding: 16px;
  margin-top: 16px;
  cursor: pointer;
  border-radius: 500px;
  text-decoration: none;
  border: solid 2px white;
  color: white;
}

#masterWrap .twitterFollow:hover {
  background: white;
  color: #000;
}

#masterWrap .hideMe {
  opacity: 0;
}

#masterWrap .iconWrap {
  width: 300px;
  margin-top: 30px;
}

@media (min-width: 700px) {
  #masterWrap .iconWrap {
    width: 600px;
  }
}

#masterWrap .icon {
  text-align: center;
  width: 150px;
  float: left;
}

#masterWrap .icon svg {
  width: 50px;
  height: 50px;
  margin: 6px 0;
  overflow: visible;
}

@media (max-width: 480px) {
  #masterWrap section img {
    max-width: 200px;
  }

  #masterWrap p {
    max-width: 180px;
  }
}

#masterWrap .sliderP {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 100px;
}

#masterWrap .sliderP .cont-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#masterWrap .sliderP .cont-wrapper .left-box {
  width: 40%;
}

#masterWrap .sliderP .cont-wrapper .left-box .number {
  font-size: 82px;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #000;
}

#masterWrap .sliderP .cont-wrapper .left-box .heading-h1 {
  font-size: 41px;
  line-height: 48px;
  color: #a99277;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
}

#masterWrap .sliderP .cont-wrapper .left-box .desc {
  text-align: left;
  font-size: 16px;
  line-height: 1.88;
  color: rgba(13, 38, 76, 0.71);
}

#masterWrap .sliderP .cont-wrapper .right-box {
  width: 60%;
}

#masterWrap .sliderP .cont-wrapper .right-box .img-wrapper {
  position: relative;
  z-index: 5;
}

#masterWrap .sliderP .cont-wrapper .right-box .img-wrapper .img {
  width: 100%;
  display: block;
  width: 640px;
  height: 396px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-shadow: 0px 7px 28px -3px rgba(45, 148, 243, 0.2);
  box-shadow: 0px 7px 28px -3px rgba(45, 148, 243, 0.2);
  border-radius: 18px;
}

#features_section {
  display: none;
}

#features_section .features .feature {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 100px 0;
}

#features_section .features .feature .left_box {
  width: 50%;
}

#features_section .features .feature .left_box .number {
  font-size: 82px;
  color: #fff;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #cacfd8;
}

#features_section .features .feature .left_box .heading {
  font-size: 41px;
  line-height: 48px;
  color: #a99277;
}

#features_section .features .feature .left_box .desc {
  font-size: 16px;
  line-height: 1.88;
  color: rgba(13, 38, 76, 0.71);
}

#features_section .features .feature .right_box {
  position: relative;
}

#features_section .features .feature .right_box .bg-back {
  position: absolute;
  border: 1px solid #000;
  z-index: -1;
  top: 15%;
  right: -5px;
  width: 50%;
  height: 622.02px;
  will-change: transform;
  -webkit-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  background: #a99277;
  -webkit-transform: matrix(0.99, -0.16, 0, 1, 0, 0);
  -ms-transform: matrix(0.99, -0.16, 0, 1, 0, 0);
  transform: matrix(0.99, -0.16, 0, 1, 0, 0);
}

#clients-logo .clients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 50px;
}

#clients-logo .client {
  border: 1px solid #000;
}

#clients-logo .client .client-logo {
  height: 2.7rem;
  margin-right: 0.8rem;
}

@media (max-width: 767px) {
  #clients-logo .client .client-logo {
    height: 2.4rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #clients-logo .client .client-logo {
    height: 2.4rem;
  }
}

#clients-logo .client .client-logo.md {
  height: 3.7rem;
}

#clients-logo .client .client-logo.sm {
  height: 2.4rem;
}

#clients-logo .client .client-logo.xs {
  height: 2.2rem;
}

@media (max-width: 767px) {
  #feature-slider {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #feature-slider {
    display: none;
  }
}

.work-sec-industry .headerTagText {
  font-size: 6.5vw;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(45, 148, 243, 0.2);
  position: absolute;
  top: 9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 767px) {
  .work-sec-industry .headerTagText {
    display: none;
    font-size: 3.8rem;
    top: 14rem;
    left: 11.5rem;
  }
}

@media (min-width: 1500px) {
  .work-sec-industry .headerTagText {
    font-size: 4.9vw;
  }
}

.work-sec-industry .info-text {
  max-width: 30%;
  margin: 0 auto 2.5rem;
  text-align: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .info-text {
    max-width: 70%;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .info-text {
    max-width: 100%;
  }
}

.work-sec-industry .work-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .work-sec-industry .work-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.work-sec-industry .work-grid .grid-item {
  background-color: #f7fafe;
  color: #ffffff;
  padding: 20px;
  border-radius: 6px;
  background-size: cover;
  background-position: center;
  -webkit-box-shadow: 0 9px 20px rgba(13, 38, 76, 0.1);
  box-shadow: 0 9px 20px rgba(13, 38, 76, 0.1);
  position: relative;
  overflow: hidden;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media (max-width: 767px) {
  .work-sec-industry .work-grid .grid-item {
    padding: 1rem 1rem 8rem;
    width: auto !important;
    height: auto !important;
    grid-row: auto !important;
    grid-column: auto !important;
    -ms-grid-column-align: auto !important;
    justify-self: auto !important;
    margin-left: 0 !important;
  }
}

.work-sec-industry .work-grid .grid-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  opacity: 0.1;
  z-index: 1;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

@media (max-width: 767px) {
  .work-sec-industry .work-grid .grid-item:before {
    background: #0d264c;
    opacity: 0.25;
  }
}

.work-sec-industry .work-grid .grid-item:hover {
  -webkit-box-shadow: 0 9px 20px rgba(13, 38, 76, 0.19);
  box-shadow: 0 9px 20px rgba(13, 38, 76, 0.19);
  text-decoration: none;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.work-sec-industry .work-grid .grid-item:hover:before {
  opacity: 0.15;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.work-sec-industry .work-grid .grid-item:hover .item-img {
  -webkit-transform: scale(1.06) rotate(1deg);
  -ms-transform: scale(1.06) rotate(1deg);
  transform: scale(1.06) rotate(1deg);
  -webkit-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.work-sec-industry .work-grid .grid-item.a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  height: 560px;
}

.work-sec-industry .work-grid .grid-item.b {
  width: calc(100% + 3rem);
}

.work-sec-industry .work-grid .grid-item.c {
  width: calc(100% - 3rem);
  -ms-grid-column-align: end;
  justify-self: end;
}

.work-sec-industry .work-grid .grid-item.d {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
}

.work-sec-industry .work-grid .grid-item.e {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  width: 75%;
  height: 280px;
}

.work-sec-industry .work-grid .grid-item.f {
  width: 151%;
  margin-left: -51%;
}

.work-sec-industry .work-grid .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background-size: cover;
  background-position: top;
  -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .work-sec-industry .work-grid .item-img {
    background-position: center;
  }
}

.work-sec-industry .work-grid .work-intro {
  position: relative;
  z-index: 1;
}

.work-sec-industry .work-grid .work-intro .title {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

.work-sec-industry .work-grid .work-intro .desc {
  font-size: 0.8rem;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}

.work-sec-industry .work-grid .work-intro .desc .bull {
  display: inline-block;
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  opacity: 0.6;
  padding: 0 0.2rem;
}

.work-sec-industry .work-grid .work-intro .client-logo {
  height: 2.7rem;
  margin-right: 0.8rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.work-sec-industry .work-grid .work-intro .client-logo.md {
  height: 3.7rem;
}

.work-sec-industry .work-grid .work-intro .client-logo.sm {
  height: 2.4rem;
}

.work-sec-industry .work-grid .work-intro .client-logo.xs {
  height: 2.2rem;
}

.work-sec-industry .grid-row-holder {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 767px) {
  .work-sec-industry .grid-row-holder {
    overflow: auto;
    margin-bottom: 0rem;
  }
}

.work-sec-industry .clientsSection .clientGrid {
  margin: 0;
}

@media (min-width: 992px) {
  .work-sec-industry .clientsSection .clientGrid .grid-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 7.5rem;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .grid-item {
    width: 50%;
    min-height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .clientsSection .clientGrid .grid-item {
    width: 33.333%;
    text-align: center;
  }
}

.work-sec-industry .clientsSection .clientGrid .client-link {
  display: block;
}

@media (min-width: 992px) {
  .work-sec-industry .clientsSection .clientGrid .client-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
  }
}

.work-sec-industry .clientsSection .clientGrid .client-link:before {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.work-sec-industry .clientsSection .clientGrid .client-link:hover {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  text-decoration: none;
}

.work-sec-industry .clientsSection .clientGrid .client-link:hover .client-logo {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.work-sec-industry .clientsSection .clientGrid .client-link:hover:before {
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.work-sec-industry .clientsSection .clientGrid .client-logo {
  max-width: 75%;
  width: 100%;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.fix-60 {
    max-width: 40% !important;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.fix-70 {
    max-width: 60% !important;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.fix-80 {
    max-width: 80% !important;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.fix-90 {
    max-width: 90% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.awfis-logo {
    margin-top: -26px;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.uah-logo {
    margin-top: -10px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo.uah-logo {
    margin-top: -10px;
  }
}

.work-sec-industry .clientsSection .clientGrid .client-logo-echolytics {
  max-width: 40%;
  color: #364962;
  font-weight: 700;
  font-size: 1.25rem;
  margin: 0 auto;
  font-family: "Brandon Text", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", sans-serif;
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .client-logo-echolytics {
    margin: 0;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .clientGrid .flickity-viewport {
    height: 110px !important;
    overflow: hidden;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .clientsSection .clientGrid .flickity-viewport {
    height: 150px !important;
    overflow: hidden;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .mt--70 {
    margin-top: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .clientsSection .mt--70 {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .work-sec-industry .clientsSection .mt--40 {
    margin-top: 60px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-sec-industry .clientsSection .mt--40 {
    margin-top: 120px;
  }
}

.splide__pagination.solution-dots-pagination {
  gap: 10px;
}

.splide__pagination__page.solution-dot-page.is-active {
  background: #2d94f3;
}

.splide__pagination__page.solution-dot-page {
  height: 10px;
  width: 10px;
}

.dev-ops-mainHolder {
  background-image: url(/images/pattern-2.svg?e43015a672d6590557022372cf9795b8);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .dev-ops-mainHolder {
    background-size: 200%;
  }
}

.dev-ops-mainHolder .background-holder {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f2f7fd),
    color-stop(#f7fafe),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(top, #f2f7fd, #f7fafe, #ffffff);
  background: -o-linear-gradient(top, #f2f7fd, #f7fafe, #ffffff);
  background: linear-gradient(to bottom, #f2f7fd, #f7fafe, #ffffff);
}

@media (max-width: 767px) {
  .dev-ops-mainHolder .background-holder {
    top: 866px;
  }
}

.dev-ops-mainHolder .content .intro {
  margin-bottom: 50px;
}

.dev-ops-mainHolder .content .intro .artwork {
  right: 40px;
  top: 41px;
}

@media (max-width: 767px) {
  .dev-ops-mainHolder .content .intro .artwork {
    height: 350px;
    right: -20px;
    top: 1372px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dev-ops-mainHolder .content .intro .artwork {
    top: 36px;
    right: -144px;
  }
}

@media (min-width: 1500px) {
  .dev-ops-mainHolder .content .intro .artwork {
    right: 290px;
  }
}

.dev-ops-mainHolder .content .services {
  padding-top: 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dev-ops-mainHolder .content .services {
    padding-top: 50;
  }
}

@media (max-width: 767px) {
  .dev-ops-mainHolder .content .services {
    padding-top: 50px;
  }
}

.dev-ops-mainHolder .content .services .services-cards {
  -ms-grid-columns: (auto) [2];
  grid-template-columns: repeat(2, auto);
}

.dev-ops-mainHolder .content .services .services-cards .services-card {
  padding: 1rem 2.5rem;
}

@media (max-width: 767px) {
  .dev-ops-mainHolder .content .services .services-cards .services-card {
    padding: 0;
  }
}

.dev-ops-mainHolder .content .services .services-cards .services-card .number {
  font-size: 2rem;
  font-weight: 600;
  opacity: 0.7;
  padding-bottom: 5px;
  color: #2d94f3;
}

.growth-hacking-mainHolder {
  background-image: url(/images/pattern-red.svg?76c998d47af4165be134f0b94119da77);
  background-position: top;
  background-repeat: repeat;
  background-size: 100%;
}

@media (max-width: 767px) {
  .growth-hacking-mainHolder {
    background-size: 200%;
  }
}

.growth-hacking-mainHolder .background-holder {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff5f5),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(#fff5f5, #ffffff);
  background: -o-linear-gradient(#fff5f5, #ffffff);
  background: linear-gradient(#fff5f5, #ffffff);
  top: 566px;
}

@media (max-width: 767px) {
  .growth-hacking-mainHolder .background-holder {
    top: 776px;
  }
}

.growth-hacking-mainHolder .content .intro {
  margin-bottom: 50px;
}

.growth-hacking-mainHolder .content .intro .artwork {
  right: 40px;
  top: 41px;
}

@media (max-width: 767px) {
  .growth-hacking-mainHolder .content .intro .artwork {
    height: 370px;
    right: -40px;
    top: 1552px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .growth-hacking-mainHolder .content .intro .artwork {
    top: 46px;
    right: -174px;
  }
}

@media (min-width: 1500px) {
  .growth-hacking-mainHolder .content .intro .artwork {
    right: 290px;
  }
}

.growth-hacking-mainHolder .content .intro .card-item {
  -webkit-box-shadow: 0 9px 13px rgba(249, 100, 100, 0.1) !important;
  box-shadow: 0 9px 13px rgba(249, 100, 100, 0.1) !important;
}

.growth-hacking-mainHolder .content .services {
  padding-top: 50px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .growth-hacking-mainHolder .content .services {
    padding-top: 50;
  }
}

@media (max-width: 767px) {
  .growth-hacking-mainHolder .content .services {
    padding-top: 50px;
  }
}

.growth-hacking-mainHolder .content .services .services-cards {
  -ms-grid-columns: (33%) [3];
  grid-template-columns: repeat(3, 33%);
}

.growth-hacking-mainHolder .content .services .services-cards .services-card {
  padding: 1rem 2.5rem 1rem 1.5rem;
}

@media (max-width: 767px) {
  .growth-hacking-mainHolder .content .services .services-cards .services-card {
    padding: 0;
  }
}

.growth-hacking-mainHolder
  .content
  .services
  .services-cards
  .services-card
  .number {
  font-size: 2rem;
  font-weight: 600;
  opacity: 0.7;
  padding-bottom: 5px;
  color: #2d94f3;
}

.hero-sec.for-workpage .siteSection--body {
  padding: 5.8rem 0 5rem;
}

@media (max-width: 767px) {
  .hero-sec.for-workpage .siteSection--body {
    padding: 0.2rem 0 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .hero-sec.for-workpage .siteSection--body {
    padding: 7.8rem 0 2rem;
  }
}

@media (max-width: 767px) {
  .hero-sec.for-workpage {
    padding: 5.8rem 0 2rem;
  }
}

.workGrid .grid-item {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.workGrid .grid-item:hover,
.workGrid .grid-item:focus {
  text-decoration: none;
}

.workGrid .grid-item:nth-child(3n -1) {
  margin-top: 1.5rem;
}

@media (max-width: 991px) {
  .workGrid .grid-item:nth-child(3n -1) {
    margin-top: 0;
  }
}

.workGrid .grid-item .grid-link {
  color: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.workGrid .grid-item .grid-link:hover,
.workGrid .grid-item .grid-link:focus {
  text-decoration: none;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .workGrid .grid-item .grid-link .work-card:hover {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@media (max-width: 767px) {
  .workGrid .grid-item .grid-link .work-card:hover {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

.workGrid .grid-item .icon-box {
  position: absolute;
  top: 22rem;
  z-index: 9;
  right: 36px;
}

@media (max-width: 767px) {
  .workGrid .grid-item .icon-box {
    right: 24px;
    top: 3.6rem;
  }
}

.workGrid .grid-item .btn-icon {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.workGrid .grid-item .btn-icon:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.workGrid .grid-item .btn-icon img {
  height: 40px;
  width: 40px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .workGrid .grid-item .btn-icon img {
    height: 32px;
    width: 32px;
  }
}

.workGrid .grid-item .btn-icon.video-button {
  margin-left: 12px;
}

@media (max-width: 767px) {
  .workGrid .grid-item .btn-icon.video-button {
    margin-left: 8px;
  }
}

.labs-sec {
  padding-top: 5rem;
}

.labs-sec .labs-label .logo-img {
  width: 230px;
}

@media (max-width: 767px) {
  .labs-sec .labs-label .logo-img {
    width: 175px;
  }
}

.labs-sec .header-title {
  margin-top: 2rem;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .labs-sec .header-title {
    font-size: 1.5rem;
  }
}

.labs-sec .content {
  margin-top: 3.5rem;
}

.labs-sec .content .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .labs-sec .work-card .card-body {
    display: initial;
  }
}

@media (max-width: 767px) {
  .labs-sec .work-card .card-body .header-image {
    height: 220px;
    width: 100%;
    background-position: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .labs-sec .work-card .card-body .header-image {
    background-position: center;
  }
}

.labs-sec .work-card .press-footer {
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .labs-sec .work-card .press-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

.labs-sec .work-card .press-footer .logo-img {
  margin-right: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.labs-sec .work-card .press-footer .logo-img:last-child {
  margin-right: 0;
}

.labs-sec .work-card .press-footer .logo-img img {
  height: 14px;
}

.labs-sec .work-card .press-footer .lg {
  height: 1rem !important;
}

.labs-sec .work-card .press-footer .sm {
  height: 0.8rem !important;
}

.labs-sec .btn {
  min-width: 175px;
}

.work-video {
  z-index: 1051;
}

.work-video .modal-dialog {
  width: 80vw;
  height: 100vh;
  margin: 0 auto;
  max-width: 100%;
}

@media (max-width: 767px) {
  .work-video .modal-dialog {
    width: 92vw;
    height: auto;
  }
}

.work-video .modal-dialog .modal-content {
  border: none;
  background: transparent;
}

.work-video .modal-body {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.work-video .modal-body .close {
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
  font-size: 48px;
  font-weight: inherit;
  outline: 0;
  z-index: 1;
  position: absolute;
  right: -4vw;
  top: 0vh;
  background: #f96464;
  width: 40px;
  height: 40px;
  line-height: 48px;
  border-radius: 50%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-video .modal-body .close {
    right: -2vw;
    top: -2vh;
  }
}

@media (max-width: 767px) {
  .work-video .modal-body .close {
    font-size: 36px;
    width: 30px;
    height: 30px;
    line-height: 36px;
    right: -2vw;
    top: -2vh;
  }
}

.work-video .modal-body iframe {
  width: 100%;
  height: 72vh;
}

@media (min-width: 1500px) {
  .work-video .modal-body iframe {
    height: 80vh;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .work-video .modal-body iframe {
    height: 34vh;
  }
}

@media (max-width: 767px) {
  .work-video .modal-body iframe {
    height: 29vh;
  }
}

@media (max-width: 767px) {
  .hover-video:hover .header-image {
    display: block;
  }
}

.hover-video:hover .video {
  display: block !important;
}

@media (max-width: 767px) {
  .hover-video:hover .video {
    display: none !important;
  }
}

.hover-video .video {
  height: 320px;
  width: 100%;
  position: absolute;
  top: 0;
  object-fit: fill;
}

@media (max-width: 767px) {
  .body-content .web-text {
    display: none;
  }
}

.body-content .mobile-text {
  display: none;
}

@media (max-width: 767px) {
  .body-content .mobile-text {
    display: block;
  }
}

@media (max-width: 767px) {
  .flex-title {
    width: 164px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.filter-enabled {
  color: white;
  background-color: #2d94f3;
  border-color: #2d94f3;
}

.filter-enabled .badge-icon {
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

@media (max-width: 767px) {
  .blogMainholder .hero-sec.bg-pattern-3 {
    background-size: 100%;
  }
}

.blogMainholder .hero-sec .hero-illustration {
  left: auto !important;
  right: -11vh !important;
  max-width: 90%;
  top: -11vh;
}

@media (max-width: 767px) {
  .blogMainholder .hero-sec .hero-illustration {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blogMainholder .hero-sec .hero-illustration {
    left: 0 !important;
    right: 0;
    top: -2vh;
    max-width: 100%;
  }
}

@media (min-width: 1500px) {
  .blogMainholder .hero-sec .hero-illustration {
    left: 0 !important;
    right: 0 !important;
    max-width: 90%;
    top: -7vh;
  }
}

.blogMainholder .hero-sec .hero-boat-icon {
  width: 45px;
  vertical-align: top;
}

@media (max-width: 767px) {
  .blogMainholder .hero-sec .hero-boat-icon {
    display: none;
  }
}

.blogMainholder .hero-sec .for-blog-space {
  position: relative;
  top: 20px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blogMainholder .hero-sec .for-blog-space .header-title {
    font-size: 2.3rem;
  }
}

.blogMainholder .hero-sec .for-blog-space .info-text {
  font-size: 1.2rem;
  color: #728096;
  letter-spacing: 0.8px;
  margin-top: 0.7rem;
}

@media (max-width: 767px) {
  .blogMainholder .hero-sec .for-blog-space .info-text {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blogMainholder .hero-sec .for-blog-space .info-text {
    max-width: 100%;
  }
}

.blogMainholder .hero-sec .for-blog-space .heroCTA {
  margin-top: 1rem;
}

.blogMainholder .theme-primary {
  color: #2d94f3;
}

.blogMainholder .btn-medium {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem 2.2rem;
  margin-right: 0.75rem;
  margin-top: 0.75rem;
  line-height: 1;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .blogMainholder .btn-medium {
    padding: 0.6rem 0.8rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blogMainholder .btn-medium {
    padding: 0.5rem 1.2rem;
  }
}

.blogMainholder .btn-medium.btn-outline-primary {
  border: 1px solid rgba(13, 38, 76, 0.22);
  color: #0d264c;
  background-color: #fcfeff;
}

.blogMainholder .btn-medium.btn-outline-primary:hover,
.blogMainholder .btn-medium.btn-outline-primary:focus,
.blogMainholder .btn-medium.btn-outline-primary.enabled {
  color: #2d94f3 !important;
  border-color: #2d94f3;
  background-color: #f6fbff;
}

.blogMainholder .blog-sec {
  position: relative;
  padding-top: 4rem;
  padding-bottom: 2rem;
}

.blogMainholder .blog-grid .blog-card {
  cursor: pointer;
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.blogMainholder .blog-grid .blog-card:hover {
  -webkit-box-shadow: 0 9px 13px rgba(45, 148, 243, 0.1);
  box-shadow: 0 9px 13px rgba(45, 148, 243, 0.1);
}

.blogMainholder .blog-grid .blog-card .body-content .card-small-title {
  color: #8695ae;
  font-size: 0.8rem;
  font-weight: normal;
}

@media (max-width: 767px) {
  .blogMainholder .blog-grid .blog-card .body-content .card-small-title {
    display: none;
  }
}

.blogMainholder .blog-grid .blog-card .body-content .card-title {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #0d264c;
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .blogMainholder .blog-grid .blog-card .body-content .card-title {
    margin: 0 0 0.5rem;
    min-height: auto;
    max-height: auto;
  }
}

.blogMainholder .blog-grid .blog-card .body-content .card-content {
  color: #8695ae;
  font-weight: 300;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  overflow: hidden;
  height: 40px;
}

.blogMainholder .blog-grid .blog-card .body-content .bottom-info {
  margin-top: 1.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blogMainholder .blog-grid .blog-card .body-content .bottom-info .info-desc {
  color: #0d264c;
  font-weight: 400;
  font-size: 0.8rem;
  margin-bottom: 0;
}

.blogMainholder
  .blog-grid
  .blog-card
  .body-content
  .bottom-info
  .info-desc
  .text-secondary {
  color: #8695ae !important;
}

.blogMainholder
  .blog-grid
  .blog-card
  .body-content
  .bottom-info
  .info-desc
  .min-read {
  width: 24%;
}

.blogMainholder
  .blog-grid
  .blog-card
  .body-content
  .bottom-info
  .info-desc.btn {
  color: #ffffff;
  font-weight: 500;
}

.blogMainholder .share-btn {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 190px;
  right: 35px;
}

@media (max-width: 767px) {
  .blogMainholder .share-btn {
    bottom: 180px;
  }
}

.blogMainholder .subscribe-sec {
  padding: 5rem 0 6rem;
}

@media (max-width: 767px) {
  .blogMainholder .subscribe-sec {
    padding: 5rem 0 5rem;
  }
}

.blogMainholder .subscribe-sec.bg-pattern-4 {
  background-size: 102%;
}

@media (max-width: 767px) {
  .blogMainholder .subscribe-sec.bg-pattern-4 {
    background-size: 300%;
    background-position: left;
  }
}

.blogMainholder .subscribe-sec .header-description {
  max-width: 30%;
  margin: 1rem auto 1.5rem;
}

@media (max-width: 767px) {
  .blogMainholder .subscribe-sec .header-description {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blogMainholder .subscribe-sec .header-description {
    max-width: 60%;
  }
}

.blogMainholder .subscribe-sec .subscribeRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blogMainholder .subscribe-sec .subscribeRow .btn-subs {
  padding: 0.4rem 2.3rem;
  font-size: 0.9rem;
}

.blogMainholder .subscribe-sec .subscribeRow .btn-subs span {
  margin-right: 0.5rem;
}

.blogMainholder .subscribe-sec .header-title {
  color: #2d94f3;
  font-size: 1.7rem;
  font-weight: 500;
}

.blogMainholder .subscribe-sec .news-illustration {
  position: relative;
  font-size: 40px;
  top: 10px;
}

.blogMainholder .subscribe-sec .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 767px) {
  .blogMainholder .for-blog {
    padding: 3rem 0 4rem;
  }
}

.blogMainholder a {
  text-decoration: none;
}

@media (max-width: 767px) {
  .blogMainholder .newsletter--header {
    padding-bottom: 1rem;
    border: 2px solid #e4f1fd;
    border-radius: 0.5rem;
    margin: 0rem 0.5rem;
    background: #ffffff;
  }
}

@media (max-width: 767px) {
  .blogMainholder .newsletter--header .header-title {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .blogMainholder .newsletter--header .header-title .news-illustration {
    font-size: 32px;
    top: 5px;
  }
}

.pagination-sec .for-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination-sec .for-pagination .pagination .page-item .page-link {
  border: none;
  cursor: pointer;
  color: rgba(13, 38, 76, 0.59);
  background: none;
}

.pagination-sec .for-pagination .pagination .page-item .page-link:hover,
.pagination-sec .for-pagination .pagination .page-item .page-link:focus,
.pagination-sec .for-pagination .pagination .page-item .page-link.enabled {
  color: #2d94f3;
  background: none;
}

.pagination-sec .for-pagination .pagination .page-item.active .page-link {
  color: #2d94f3;
  background: none;
}

.pagination-sec .for-pagination .pagination .page-item:first-child {
  margin-right: 1.3rem;
}

.pagination-sec .for-pagination .pagination .page-item:last-child {
  margin-left: 1.3rem;
}

.siteSection.lab-product {
  margin-top: -1rem;
}

.siteSection.lab-product.with-bg .bgGradient.radial-tl:before {
  bottom: -5.5rem;
}

.siteSection.lab-product .thumb-img {
  width: 100%;
}

@media (max-width: 767px) {
  .siteSection.lab-product .thumb-img {
    margin-bottom: 1.5rem;
  }
}

.siteSection.lab-product .left {
  padding-right: 5rem;
}

@media (max-width: 991px) {
  .siteSection.lab-product .left {
    padding-right: 15px;
  }
}

.siteSection.lab-product .right {
  padding-left: 4rem;
}

@media (max-width: 991px) {
  .siteSection.lab-product .right {
    padding-left: 15px;
  }
}

.siteSection.lab-product .text-link {
  color: rgba(13, 38, 76, 0.5);
  padding-left: 1.5rem;
}

.siteSection.lab-product.spectrum-item {
  margin-top: 5rem;
}

.siteSection.lab-product.tfl-item {
  margin-top: 5rem;
}

.siteSection.lab-product.navigator-item {
  margin-top: 5rem;
  margin-bottom: 14rem;
}

@media (max-width: 767px) {
  .siteSection.lab-product.navigator-item {
    margin-bottom: 5rem;
  }
}

@media (max-width: 767px) {
  .siteSection.lab-product:nth-child(even) .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.siteSection.lab-product .header-description {
  margin-top: 1.2rem;
}

.design-grid-wrapper {
  background-size: 90%;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 0rem 0 20rem;
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .design-grid-wrapper {
    background-size: 100%;
    padding: 0;
  }
}

.designCards {
  margin-top: 4rem;
}

.designCards .carousel-design {
  margin: 0 -15px;
}

@media (max-width: 767px) {
  .designCards .carousel-design .carousel-cell {
    width: 85%;
  }
}

.designCards .shot-card {
  height: 300px;
  padding: 1rem;
  margin: 2rem 0;
  overflow: hidden;
}

.designCards .shot-card .card-img {
  height: 100%;
  background-size: cover;
  background-position: center;
}

.designCards .shot-card .on-hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.designCards .shot-card .on-hover .logo-img {
  height: 4rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.designCards .shot-card .on-hover .text {
  font-size: 1.15rem;
  margin-top: 1rem;
  color: #ffffff;
}

.designCards .shot-card:hover .on-hover {
  opacity: 1;
}

.designCards .shot-card.behance .on-hover {
  background-color: rgba(23, 105, 255, 0.5);
}

.designCards .shot-card.dribbble .on-hover {
  background-color: rgba(234, 76, 137, 0.5);
}

.designCards .card-wrapper:nth-child(3n -1) .shot-card {
  margin-top: 3.5rem;
}

@media (max-width: 991px) {
  .designCards .card-wrapper:nth-child(3n -1) .shot-card {
    margin-top: 2rem;
  }
}

.designCards .actions-wrapper {
  margin-top: 4rem;
  text-align: center;
}

@media (max-width: 767px) {
  .designCards .actions-wrapper {
    margin-top: 2rem;
  }
}

.designCards .actions-wrapper .btn {
  min-width: 10rem;
  margin-right: 1rem;
}

@media (max-width: 767px) {
  .designCards .actions-wrapper .btn {
    margin-right: 0.5rem;
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .designCards .actions-wrapper .btn:last-child {
    margin-right: 0;
  }
}

.design-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  -ms-grid-columns: (1fr) [5];
  grid-template-columns: repeat(5, 1fr);
  -ms-grid-rows: (1fr) [3];
  grid-template-rows: repeat(3, 1fr);
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  margin-left: -4.2rem;
  max-width: 1250px;
}

@media (max-width: 767px) {
  .design-grid {
    max-width: 100%;
    margin-left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -ms-grid-columns: (1fr) [2];
    grid-template-columns: repeat(2, 1fr);
    padding: 0 1.5rem;
  }
}

.design-grid .grid-item {
  width: 10rem;
  height: 10rem;
}

@media (max-width: 767px) {
  .design-grid .grid-item {
    width: 100%;
    height: auto;
  }
}

.design-grid .grid-item a:hover {
  color: inherit;
  text-decoration: none;
}

.design-grid .grid-item .item-img {
  height: 100%;
  background-size: cover;
}

.design-grid .grid-item .item-img.fade-img {
  position: relative;
  z-index: 0;
}

.design-grid .grid-item .item-img.fade-img:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
}

.design-grid .grid-item .shot-card {
  height: 100%;
  overflow: hidden;
}

.design-grid .grid-item .shot-card .on-hover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.design-grid .grid-item .shot-card .on-hover .logo-img {
  height: 2rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.design-grid .grid-item .shot-card .on-hover .text {
  font-size: 0.5rem;
  color: #ffffff;
}

.design-grid .grid-item .shot-card:hover .on-hover {
  opacity: 1;
}

.design-grid .grid-item .shot-card.behance .on-hover {
  background-color: rgba(23, 105, 255, 0.5);
}

.design-grid .grid-item .shot-card.dribbble .on-hover {
  background-color: rgba(234, 76, 137, 0.5);
}

.design-grid .grid-item .logo-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
}

.design-grid .grid-item .logo-card.dribbble {
  background-color: #ea4c89;
}

.design-grid .grid-item .logo-card.behance {
  background-color: #1769ff;
}

.design-grid .grid-item .logo-card .logo-img {
  height: 4.5rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

.design-grid .grid-item .logo-card .name {
  font-size: 1.3rem;
  margin-top: 0.5rem;
  color: #ffffff;
}

@media (max-width: 767px) {
  .design-grid .grid-item.a,
  .design-grid .grid-item.c,
  .design-grid .grid-item.e,
  .design-grid .grid-item.f,
  .design-grid .grid-item.h,
  .design-grid .grid-item.j,
  .design-grid .grid-item.l {
    display: none;
  }
}

@media (max-width: 767px) {
  .design-grid .grid-item.blank-item {
    display: none;
  }
}

.design-grid .grid-item.b {
  -webkit-transform: scale(1.75) translate(0.5rem, 3rem);
  -ms-transform: scale(1.75) translate(0.5rem, 3rem);
  transform: scale(1.75) translate(0.5rem, 3rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.b {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.b .shot-card {
  padding: 0.75rem;
}

@media (max-width: 767px) {
  .design-grid .grid-item.b .shot-card {
    padding: 0;
  }
}

.design-grid .grid-item.c {
  -webkit-transform: translate(0.5rem, 1.875rem);
  -ms-transform: translate(0.5rem, 1.875rem);
  transform: translate(0.5rem, 1.875rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.c {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.c .item-img {
  height: 15.3rem;
  width: 8rem;
}

.design-grid .grid-item.d {
  -webkit-transform: scale(0.875) translate(-7rem, 9rem);
  -ms-transform: scale(0.875) translate(-7rem, 9rem);
  transform: scale(0.875) translate(-7rem, 9rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.d {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.e {
  -webkit-transform: scale(1.15) translate(0.675rem, 1rem);
  -ms-transform: scale(1.15) translate(0.675rem, 1rem);
  transform: scale(1.15) translate(0.675rem, 1rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.e {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.f {
  -webkit-transform: translate(-2.75rem, 9.5rem);
  -ms-transform: translate(-2.75rem, 9.5rem);
  transform: translate(-2.75rem, 9.5rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.f {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.f .item-img {
  width: 22rem;
  height: 17rem;
}

.design-grid .grid-item.g {
  -webkit-transform: scale(2.25) translate(5.15rem, 6.25rem);
  -ms-transform: scale(2.25) translate(5.15rem, 6.25rem);
  transform: scale(2.25) translate(5.15rem, 6.25rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.g {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.g .shot-card {
  padding: 0.65rem;
}

@media (max-width: 767px) {
  .design-grid .grid-item.g .shot-card {
    padding: 0;
  }
}

.design-grid .grid-item.h {
  -webkit-transform: translate(13.75rem, 18rem);
  -ms-transform: translate(13.75rem, 18rem);
  transform: translate(13.75rem, 18rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.h {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.h .item-img {
  width: 10rem;
  height: 19rem;
}

.design-grid .grid-item.i {
  -webkit-transform: scale(0.875) translate(10rem, 27rem);
  -ms-transform: scale(0.875) translate(10rem, 27rem);
  transform: scale(0.875) translate(10rem, 27rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.i {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.j {
  -webkit-transform: translate(0, 5rem);
  -ms-transform: translate(0, 5rem);
  transform: translate(0, 5rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.j {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.j .item-img {
  width: 8rem;
  height: 17rem;
  margin-left: 3.5rem;
}

.design-grid .grid-item.k {
  -webkit-transform: scale(1.5) translate(-0.25rem, 13rem);
  -ms-transform: scale(1.5) translate(-0.25rem, 13rem);
  transform: scale(1.5) translate(-0.25rem, 13rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.k {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.k .shot-card {
  padding: 0.75rem;
}

@media (max-width: 767px) {
  .design-grid .grid-item.k .shot-card {
    padding: 0;
  }
}

.design-grid .grid-item.l {
  -webkit-transform: translate(-1.75rem, 21rem);
  -ms-transform: translate(-1.75rem, 21rem);
  transform: translate(-1.75rem, 21rem);
}

@media (max-width: 767px) {
  .design-grid .grid-item.l {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.design-grid .grid-item.l .item-img {
  width: 20rem;
}

.github-area {
  margin: 0 -1.2rem;
}

@media (max-width: 767px) {
  .github-area {
    margin: 0;
  }
}

.github-area .carousel-github .flickity-viewport {
  overflow: inherit;
}

.github-area .carousel-github .carousel-cell:nth-child(3n-1) {
  padding-top: 1rem;
}

@media (max-width: 767px) {
  .github-area .carousel-github .carousel-cell:nth-child(3n-1) {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .github-area .area-cell-holder {
    margin-bottom: 2rem;
  }
}

.github-area .area-cell-holder:nth-child(2) {
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .github-area .area-cell-holder:nth-child(2) {
    margin-top: 0;
  }
}

.github-area .area-cell {
  color: inherit;
  min-height: 17rem;
  border: 2px solid #2d94f3;
}

.github-area .area-cell:hover {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 767px) {
  .github-area .area-cell {
    min-height: auto;
  }
}

.github-area .area-cell .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 1.5rem;
}

@media (max-width: 767px) {
  .github-area .area-cell .card-body {
    padding: 1.25rem 1rem;
  }
}

.github-area .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.github-area .title .logo {
  height: 40px;
  margin-right: 1rem;
}

.github-area .title .name {
  font-size: 1.25rem;
}

.github-area .info {
  margin: 1.5rem 0 0 0;
  line-height: 1.7;
}

.github-area .body-footer {
  text-align: right;
}

@media (max-width: 767px) {
  .github-area .body-footer {
    margin-top: 1rem;
  }
}

.github-area .stats-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1rem;
}

.github-area .stats-item:last-child {
  margin-right: 0;
}

.github-area .icon {
  display: inline-block;
  margin-right: 0.5rem;
  height: 18px;
}

.github-area .icon-label {
  padding-top: 4px;
  font-size: 1rem;
}

.code-block {
  background-image: url(/images/labs-code.svg?be0d571b19f3f960fcd872748bd6c495);
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 180px;
  padding-bottom: 110px;
  margin-top: -215px;
}

@media (max-width: 767px) {
  .code-block {
    text-align: center;
    background-size: 100%;
    background-position: 100% 25%;
  }
}

.labs-design-sec {
  position: relative;
}

.labs-design-sec .artwork {
  position: absolute;
  top: 2rem;
  margin-left: -10rem;
}

@media (max-width: 767px) {
  .labs-design-sec .artwork {
    top: 2rem;
    margin-left: -3rem;
    max-width: 50%;
  }
}

@media (max-width: 767px) {
  .labs-design-sec .artwork img {
    max-width: 100%;
    opacity: 0.6;
  }
}

.caseStudyPage .headerTagText {
  font-weight: bold;
  font-size: 6.5vw;
  line-height: 100%;
  letter-spacing: 0.48px;
  margin-top: 2rem;
  text-align: center;
  color: #2d94f333;
}
.pressmention-heading {
  padding: 7rem 0 1rem 0;
}
@media (max-width: 767px) {
  .pressmention-heading {
    margin-top: 5rem !important;
    padding: 1.8rem 0;
  }
  .from-the-client-heading {
    padding-top: 5rem;
  }
  .services-list-gap {
    gap: 4px !important;
  }
}
@media (max-width: 767px) {
  .caseStudyPage .headerTagText {
    font-size: 50px;
  }
}

.caseStudyPage .casestudy-body {
  padding-top: 5rem;
}

@media (max-width: 767px) {
  .caseStudyPage .casestudy-body {
    padding-top: 2rem;
  }
}

.caseStudyPage .for-caseStudy {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 650px;
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy {
    background-position: unset;
    height: 420px;
  }
}

.caseStudyPage .for-caseStudy .client-logo-div {
  position: absolute;
  bottom: 0;
  background: white;
  z-index: 999;
  /* padding: 50px 70px; */
  /* width: 312px; */
  max-width: 312px;
  max-height: 167px;
  -webkit-box-shadow: 0px 3px 40px 0px #0000001a;
  box-shadow: 0px 3px 40px 0px #0000001a;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .header-text-mb {
    margin-top: -3rem;
  }
  .caseStudyPage .for-caseStudy .client-logo-div {
    /* padding: 30px 40px; */
    padding: 10px, 20px;
    max-width: 312px;
    max-height: 167px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
    right: 50%;
    bottom: 35px;
  }
  .caseStudyPage .for-caseStudy .client-logo-div img {
    /* height: 40px; */
    width: auto !important;
    height: 85%;
    padding: 9px;
    max-width: 300px;
    box-shadow: 0px 3px 40px 0px #0000001a;
    border-radius: 16px;
    background: white;
    margin-top: 4rem;
  }
}

.caseStudyPage .for-caseStudy .client-logo-div img {
  width: 100%;
  min-height: 135px;
  max-height: 135px;
  height: 85%;
  padding: 1rem;
  object-fit: contain;
}

.caseStudyPage .for-caseStudy .cs-header {
  padding: 10rem 0 16rem;
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy .cs-header {
    padding: 15rem 0 15rem;
  }
}

.caseStudyPage .for-caseStudy .header-description {
  font-size: 1.2rem;
  margin-top: 0;
  color: #ffffff;
  font-family: inherit;
  font-weight: 500;
  margin: 1rem 0rem;
  line-height: 1.5;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy .header-description {
    font-size: 1rem;
    line-height: 1.4;
  }
}

.caseStudyPage .for-caseStudy .header-title {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  color: #ffffff;
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy .header-title {
    font-size: 2.2rem;
    line-height: 1.45;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy .back-nav {
    top: 8rem !important;
  }
  .caseStudyPage .for-caseStudy .video a {
    position: unset;
    height: 39px;
  }
}

.caseStudyPage .for-caseStudy .btn-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2em;
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy .btn-grid {
    display: block;
  }
}

.caseStudyPage .for-caseStudy .btn-grid .btn-curved {
  border: 1px solid rgba(255, 255, 255, 0.8);
  font-size: 1rem;
  padding: 0.6rem 1.4rem 0.4rem 1.4rem;
  min-width: 11em;
}

.caseStudyPage .for-caseStudy .btn-grid .btn-curved::before {
  display: none;
}

.caseStudyPage .for-caseStudy .btn-grid .space-btn {
  margin: 0 1.2em;
}

@media (max-width: 767px) {
  .caseStudyPage .for-caseStudy .btn-grid .space-btn {
    margin: 1.2em 0;
  }
}

.caseStudyPage .for-caseStudy .hero-sec .back-nav-btn {
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
  font-size: 0.8rem;
  padding-left: 2.3rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
}

.caseStudyPage .video a {
  background: #ffffff;
  color: inherit;
  font-size: 0.9rem;
  position: relative;
  top: 0.5em;
  border-radius: 5px;
  padding-left: 4rem;
  padding-right: 0.7rem;
  padding-bottom: 0.45rem;
  padding-top: 0.6rem;
  overflow: hidden;
  border: none;
}

.caseStudyPage .video a:focus,
.caseStudyPage .video a:hover {
  background: rgba(255, 255, 255, 0.6);
  color: #000000;
  border-color: transparent;
}

.caseStudyPage .video a::before {
  content: "\F04B";
  font-family: FontAwesome;
  position: absolute;
  z-index: 2;
  font-size: 14px;
  border-radius: 50%;
  border: 2px solid #000000;
  padding: 1px 8px;
  color: #ffffff;
  width: 27px;
  height: 27px;
  right: 9em;
  top: 6px;
  background-color: #000000;
}

.caseStudyPage .video a::after {
  content: "";
  z-index: 2;
  position: absolute;
  border: 1px solid #000000;
  height: 1.5em;
  opacity: 0.1;
  right: 7.8em;
  overflow: hidden;
}

.caseStudyPage .heading-section {
  padding: 0 0 2em;
  z-index: 5;
  position: relative;
}

@media (max-width: 767px) {
  .caseStudyPage .heading-section {
    padding: 2em 0 0;
  }
}

.caseStudyPage .heading-section .back-nav {
  top: 2.5rem;
}

.caseStudyPage .heading-section .back-nav-btn {
  background: transparent;
  color: #2d94f3;
  border: 1px solid rgba(45, 148, 243, 0.3);
  font-size: 0.8rem;
  padding: 0.5rem 1.4rem 0.4rem 2rem;
}

.caseStudyPage .heading-section .back-nav-btn:hover,
.caseStudyPage .heading-section .back-nav-btn:active {
  background-color: #dce9fb;
  color: #2d94f3;
  border-color: #dce9fb;
}

.caseStudyPage .heading-section .header-title.lg {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  color: inherit;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .caseStudyPage .heading-section .header-title.lg {
    font-size: 2.2rem;
    line-height: 1.45;
  }
}

.caseStudyPage .heading-section .header-subtitle {
  margin: 1rem 0rem;
  line-height: 1.5;
  font-size: 1.2em;
}

.caseStudyPage .heading-section .video a {
  background: #e9f2fc;
  color: #2d94f3;
}

.caseStudyPage .heading-section .video a:focus,
.caseStudyPage .heading-section .video a:hover {
  background-color: #dce9fb;
  color: #2d94f3;
  border-color: #dce9fb;
}

.caseStudyPage .heading-section .video a:before {
  border: 2px solid #2d94f3;
  background-color: #2d94f3;
  color: #ffffff;
}

.caseStudyPage .heading-section .video a:after {
  border: 1px solid #2d94f3;
}

.caseStudyPage .info {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section {
    padding-bottom: 2em !important;
  }
}

.caseStudyPage .info-section .header-title.md {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .header-title.md {
    font-size: 1.3rem;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .services-icon-item-technology .services-list {
    max-width: 100%;
  }
}

.caseStudyPage .info-section .heading-light.features {
  margin-bottom: 0.5rem;
}

.caseStudyPage .info-section .contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.caseStudyPage .info-section .header-title.md + p {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #0d264c;
  letter-spacing: 0.03rem;
  font-weight: normal;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .header-title.md + p {
    font-size: 1rem;
  }
}

.caseStudyPage .info-section p {
  font-size: 1rem;
  line-height: 1.9;
  color: #566782;
  letter-spacing: 0.03rem;
  margin-bottom: 30px;
  font-weight: normal;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section p {
    font-size: 1rem;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .ul-item-parent {
    margin-bottom: 2rem;
  }
}

.caseStudyPage .info-section .heading-light {
  font-size: 13px;
  margin-bottom: 0.5rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: rgba(145, 157, 168, 0.6);
}

.caseStudyPage .info-section .heading-services {
  margin-bottom: 1.7rem;
}

.caseStudyPage .info-section .services-icon-item {
  margin-bottom: 2rem;
  margin-right: 1em;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .services-icon-item {
    margin-bottom: 3rem;
  }
}

.caseStudyPage .info-section .services-icon-item .list-item {
  padding: 0 0 0 1rem;
  text-align: center;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .services-icon-item .list-item {
    padding: 0 0 0 0rem;
  }

  .caseStudyPage .info-section .services-icon-item .list-item .btn-badge {
    margin-top: 1rem;
  }
}

.caseStudyPage .info-section .services-icon-item-technology {
  margin-bottom: 2em;
}

.caseStudyPage .info-section .services-icon-item-technology .heading-light {
  margin-bottom: 0.5rem;
}

.caseStudyPage .info-section .services-icon-item-technology .list-items {
  padding: 0.8em 0;
}

.caseStudyPage .info-section .lets-talk-btn {
  padding-top: 4em;
  position: relative;
  padding-left: 1.5em;
}

@media (max-width: 767px) {
  .caseStudyPage .info-section .lets-talk-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .caseStudyPage .info-section .lets-talk-btn {
    padding-left: 2em;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .caseStudyPage .info-section .lets-talk-btn {
    padding-left: 1.5em;
  }
}

.caseStudyPage .projects {
  padding: 7rem 0 7rem 0;
  position: relative;
  padding-bottom: 2em !important;
}

@media (max-width: 767px) {
  .caseStudyPage .projects {
    padding-bottom: 0em !important;
    padding-top: 2em;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .projects .custom-spacing {
    padding-top: 5em;
  }
}

.caseStudyPage .projects .project-list {
  text-transform: uppercase;
  color: rgba(83, 99, 127, 0.8);
  font-size: 1.3em;
  font-weight: 500;
}

.caseStudyPage .projects .heading-text {
  font-size: 1.65rem;
  line-height: 1.6;
  font-weight: 600;
  color: #2d94f3;
  cursor: pointer;
}

/* .caseStudyPage .projects .heading-text:hover {
  color: #0056b3;
  opacity: 0.7;
} */

.caseStudyPage .projects .header-description {
  font-weight: 400;
  opacity: 0.71;
  line-height: 1.9;
  color: #0d264c;
  letter-spacing: 0.03rem;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .header-description {
    font-size: 16px;
  }
}

.caseStudyPage .projects .grids {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .grids {
    display: block;
  }
}

.caseStudyPage .projects .scroll {
  border: 1px solid #d8e6f9;
  border-radius: 1.5em;
  height: 352px;
  width: 100%;
  background-color: #ffffff;
}

.caseStudyPage .projects .scroll .img-box {
  width: 100%;
  height: 350px;
  border-radius: 1.5em;
}

.caseStudyPage .projects .scroll .carousel-indicators li {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  background-color: #d8e6f9;
}

.caseStudyPage .projects .scroll .carousel-inner {
  border-radius: 1.5em;
}

.caseStudyPage .projects .mobile-apps {
  margin-top: 4em;
  margin-bottom: 6em;
  margin-left: 8em;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .mobile-apps {
    margin-left: 0;
    margin-top: 2em;
    margin-bottom: 3em;
  }
}

.caseStudyPage .projects .mobile-apps .header-title.md {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.03rem;
  color: #0d264c;
}

.caseStudyPage .projects .mobile-apps .header-description {
  margin-bottom: 0;
  font-weight: 400;
  opacity: 0.71;
  color: #0d264c;
  letter-spacing: 0.03rem;
}

.caseStudyPage .projects .mobile-apps .header-title.hover-effect:hover {
  color: #0056b3;
  opacity: 0.7;
}

.caseStudyPage .projects .mobile-apps .info-text {
  margin-top: 0.8em;
}

.caseStudyPage
  .projects
  .mobile-apps
  .services-icon-item-technology
  .list-item {
  padding: 1.5em 1rem 0 1em;
}

.caseStudyPage .projects .mobile-apps .services-list.links-list .link-item {
  padding: 0.7rem;
}

.caseStudyPage
  .projects
  .mobile-apps
  .services-list.links-list
  .link-item::before {
  background-color: #e9f6ff;
}

.caseStudyPage .projects .mobile-apps .services-icon-item-technology {
  margin-top: 2em;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .mobile-apps .services-icon-item-technology {
    margin-top: 1.5em;
  }
}

.caseStudyPage .projects .mobile-apps .services {
  margin-top: 1.5em;
}

.caseStudyPage .projects .mobile-apps .grid-2 {
  /* padding-left: 7px; */
}

.caseStudyPage .projects .mobile-apps .services-icon-item.services .list-item {
  padding: 0 1em;
}

.caseStudyPage .projects .mobile-apps .services-list.links-list .list-item {
  padding: 1.5em 1rem 0 1em;
}

.caseStudyPage .projects .mobile-apps .lets-talk-btn {
  padding-top: 2em;
  position: relative;
  padding-left: 1em;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .mobile-apps .lets-talk-btn {
    padding-top: 1.3em;
  }
}

.caseStudyPage .projects .mobile-apps .lets-talk-btn a {
  font-size: 1rem;
  font-weight: 400;
  padding: 0.4rem 1rem 0.2rem 1rem;
}

.caseStudyPage .projects .mobile-apps .view-more {
  padding-top: 3em;
  position: relative;
}

.caseStudyPage .projects .mobile-apps .view-more a {
  font-size: 1rem;
  padding: 0.4rem 0.6rem 0.2rem 0.6em;
}

.caseStudyPage .projects .services-icon-item {
  margin-top: 3em;
}

.caseStudyPage .projects .heading-light {
  font-size: 12px;
  margin-bottom: 0rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  color: rgba(145, 157, 168, 0.9);
}

.caseStudyPage .projects .list-items {
  padding: 1.5rem 0rem 0 0rem;
  text-align: center;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .list-items {
    padding-top: 1em;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .projects .grid-1 {
    max-width: 100%;
    margin-bottom: 3em;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .caseStudyPage .projects .grid-1 {
    max-width: 50%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .caseStudyPage .projects .grid-1 {
    max-width: 50%;
  }
}

.caseStudyPage .projects .grid-2 {
  max-width: 30%;
}

@media (max-width: 767px) {
  .caseStudyPage .projects .grid-2 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .caseStudyPage .projects .grid-2 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .caseStudyPage .projects .grid-2 {
    max-width: 46%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
  }
}

.caseStudyPage .projects .icon {
  position: relative;
  top: -0.3em;
  margin-right: 1em;
}

.caseStudyPage .projects .icon .icon-img {
  width: 3.5em;
}

.caseStudyPage .projects .icon.admin {
  top: 0em;
}

.caseStudyPage .projects .icon.admin .icon-img {
  width: 3em;
}

.caseStudyPage .projects .icon.website {
  top: -0.4em;
}

.caseStudyPage .projects .icon.website .icon-img {
  width: 3.2em;
}
@media (max-width: 767px) {
  #press-mention-id {
    .press-mention {
      max-height: auto;
      height: auto;
    }
    .carousel-cell-image {
      height: 264px !important;
    }
  }
}

#press-mention-id {
  .press-mention {
    max-height: 470px;
    height: 100%;
  }
  .carousel-cell-image {
    height: 470px;
  }
}

.carousel-testimonial .flickity-viewport {
  height: 100%;
}

.whatwebuild-section .carousel .carousel-cell,
.whatwebuild-section .carousel .carousel-cell .carousel-cell-image > img {
  height: 100% !important;
}

.carousel .carousel-cell .carousel-cell-image > img {
  height: auto !important;
}

.press-mention-section .carousel .carousel-cell .carousel-cell-image > img {
  height: 100% !important;
}

.whatwebuild-section .image-slider {
  height: 264px;
}

.caseStudyPage .projects .image-slider {
  /* Width: 352px; */
  width: 93.5%;
  /* Height: 264px; */
  /* height: 200px;
  width: 100%; */
  z-index: 1;
  position: relative;
  overflow: hidden;
  background-color: linear-gradient(180deg, #f2f7fd 30%, #f7fafe 60%, #ffffff);
}

@media (min-width: 769px) and (max-width: 1024px) {
  .caseStudyPage .projects .image-slider {
    height: 300px;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .projects .image-slider a {
    cursor: none;
  }
}

.caseStudyPage .projects .carousel-cell {
  width: 100%;
  /* height: 340px; */
  /* center images in cells with flexbox */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  align-items: center !important;
}

@media (max-width: 767px) {
  /* .caseStudyPage .projects .carousel-cell {
    height: 100%;
  } */
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* .caseStudyPage .projects .carousel-cell {
    height: 300px;
  } */
}

.caseStudyPage .projects .carousel-cell a {
  width: 100%;
  height: 100%;
}

.caseStudyPage .projects .carousel-cell-image {
  display: block;
  height: 100%;
  width: 100%;
}

.caseStudyPage .projects .carousel-cell img {
  display: block;
  max-height: 100%;
  object-fit: contain;
  /* margin-top: -17px; */
}

.whatwebuild-section .flickity-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  position: unset;
}
.caseStudyPage .projects .flickity-page-dots {
  position: absolute;
  bottom: 0;
  right: -10px;
  padding: 10px 20px;
  background: #2d94f3;
  -webkit-transform: skew(-30deg) scale(1);
  -ms-transform: skew(-30deg) scale(1);
  transform: skew(-30deg) scale(1);
  overflow: hidden;
  overflow: hidden;
  width: auto;
}

.caseStudyPage .projects .flickity-prev-next-button.previous,
.caseStudyPage .projects .flickity-prev-next-button.next {
  display: none;
}
/* .press-mention-section .flickity-enabled{
  display: flex;
  justify-content: center;
  align-items: center;
} */
.whatwebuild-section .caseStudyPage .projects .carousel-cell img {
  display: block;
  max-height: 100%;
  object-fit: contain !important;
  margin-top: -28px !important;
}
.press-mention-section .caseStudyPage .projects .carousel-cell img {
  display: block;
  max-height: 100%;
  object-fit: contain !important;
  margin-top: -40px !important;
}

/* .whatwebuild-section .flickity-viewport {
  height: inherit !important;
  object-fit: cover !important;
} */

@media (max-width: 767px) {
  .caseStudyPage .projects .flickity-prev-next-button.previous,
  .caseStudyPage .projects .flickity-prev-next-button.next {
    display: block;
  }
  .caseStudyPage .projects .image-slider.carousel {
    height: 264px;
  }
  .caseStudyPage .projects .carousel .flickity-viewport a {
    display: flex;
  }
  .caseStudyPage .projects .carousel .flickity-viewport .carousel-cell-image {
    margin-block: auto;
  }

  .press.caseStudyPage .projects .carousel-cell img {
    display: block;
    max-height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
  .services-list-gap {
    gap: 0 7px !important;
  }
  .caseStudyPage .projects .flickity-prev-next-button {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .projects .flickity-prev-next-button .flickity-button-icon {
    left: 25%;
    top: 28%;
    width: 45%;
    height: 45%;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .projects .flickity-button-icon {
    fill: #2d94f3;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .projects .flickity-button {
    background: #e9f2fc;
    border: 1px solid #d8e6f9;
  }
}

.caseStudyPage .press-mentions .grid-2 {
  max-width: 100%;
}

.caseStudyPage .press-mentions .image-slider {
  /* height: 90%;
  width: 95%; */
}

.press-mention-section .caseStudyPage .press-mentions .carousel-cell {
  height: 470px;
}

/* .caseStudyPage .whatwebuild-section .flickity-viewport {
  height: 100%;
} */
/* .whatwebuild-section .caseStudyPage .projects .carousel-cell{
 height: 0;
} */

.caseStudyPage .header-description {
  font-size: 1.05rem;
  line-height: 1.9;
  color: #0d264c;
  letter-spacing: 0.03rem;
  /* margin-bottom: 4.0625rem; */
  font-weight: normal;
}

@media (max-width: 767px) {
  .caseStudyPage .header-description {
    font-size: 1rem;
    margin-bottom: 1rem;
  }
}

.caseStudyPage .siteSection.with-bg {
  position: relative;
}

.caseStudyPage .siteSection.with-bg .bgGradient.full-tb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.caseStudyPage .siteSection.with-bg .bgGradient {
  -webkit-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
}

.caseStudyPage .caseStudy .slider-sec {
  padding-top: 7.375rem;
}

.caseStudyPage .casestudy-carousel .flickity-viewport {
  padding-bottom: 40rem;
}

@media (max-width: 767px) {
  .caseStudyPage .casestudy-carousel .flickity-viewport {
    padding-bottom: 18rem;
    height: 320px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .caseStudyPage .casestudy-carousel .flickity-viewport {
    padding-bottom: 28rem;
  }
}

.caseStudyPage .casestudy-carousel .img-style {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 24px 51px 0 rgba(145, 157, 168, 0.31);
  box-shadow: 0 24px 51px 0 rgba(145, 157, 168, 0.31);
  height: 630px;
}

@media (min-width: 1500px) {
  .caseStudyPage .casestudy-carousel .img-style {
    height: 800px;
  }
}

@media (max-width: 767px) {
  .caseStudyPage .casestudy-carousel .img-style {
    /* background-size: 100%; */
    height: 240px;
  }
}

@media (max-width: 350px) {
  .caseStudyPage .casestudy-carousel .img-style {
    height: 210px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .caseStudyPage .casestudy-carousel .img-style {
    background-size: 100%;
    height: 340px;
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  .caseStudyPage .casestudy-carousel .img-style {
    height: 260px;
  }
}

.caseStudyPage .casestudy-carousel .carousel-cell {
  height: 100%;
}

.caseStudyPage .casestudy-carousel .carousel-cell {
  margin: 0 2rem;
}

@media (max-width: 767px) {
  .caseStudyPage .casestudy-carousel .carousel-cell {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .caseStudyPage .casestudy-carousel .carousel-cell {
    max-width: 100%;
  }
}

.casestudy-carousel .flickity-prev-next-button {
  width: 30px;
  height: 30px;
  display: block;
}
.slider-sec .flickity-prev-next-button rect {
  fill: #2d94f3;
}

@media (max-width: 767px) {
  .casestudy-carousel .flickity-prev-next-button {
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
  }

  .slider-sec .flickity-page-dots {
    display: none;
  }
  .slider-sec .flickity-prev-next-button {
    top: 50% !important;
  }

  .slider-sec .flickity-prev-next-button svg {
    width: 30px;
    height: 30px;
  }
}

.casestudy-carousel .flickity-button-icon {
  left: 25%;
  top: 28%;
  width: 45%;
  height: 45%;
}

.casestudy-carousel .flickity-button-icon {
  fill: #2d94f3;
}

.casestudy-carousel .flickity-button {
  background: #e9f2fc;
  border: 1px solid #d8e6f9;
}

.siteSection.v-spaced.lets-talk {
  padding: 4rem 0 8rem 0;
}

@media (max-width: 767px) {
  .siteSection.v-spaced.lets-talk .header-title {
    padding: 0 0 2rem;
  }
}

/* PICBOX */

#pbOverlay,
#pbImage,
#pbBottom,
#pbCloseBtn {
  position: fixed;
  z-index: 9999;
}

@media (max-width: 767px) {
  #pbOverlay,
  #pbImage,
  #pbBottom,
  #pbCloseBtn {
    display: none;
  }
}

#pbOverlay {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  cursor: pointer;
}

@media (max-width: 767px) {
  #pbOverlay {
    display: none;
  }
}

#pbCloseBtn {
  top: 0.5em;
  right: 0.3em;
  display: block;
  width: 50px;
  height: 50px;
  background: #000000 url("/images/case-study/closeIcon.png") no-repeat top left;
}

@media (max-width: 767px) {
  #pbCloseBtn {
    right: 0;
    top: 2em;
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #pbCloseBtn {
    top: 3.5em;
    right: 1em;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  #pbCloseBtn {
    top: 3.5em;
    right: 1em;
  }
}

#pbImage {
  border: none;
  background: #000000 no-repeat;
  -webkit-box-shadow: 0 0 40px #000000;
  box-shadow: 0 0 40px #000000;
  cursor: pointer;
  object-fit: contain;
}

@media (max-width: 767px) {
  #pbImage {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #pbImage {
    top: 269px !important;
    width: 100% !important;
    height: auto !important;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  #pbImage {
    top: 406px !important;
    width: 100% !important;
    height: auto !important;
  }
}

#pbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  color: #eee;
  line-height: 1.4em;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 46%;
}

#pbCaption {
  font-weight: bold;
  padding: 4px;
  display: inline-block;
  *display: inline;
  /* IE 7 */
  background-color: rgba(0, 0, 0, 0.7);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
  zoom: 1;
}

#pbNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 60px;
}

#pbPrevBtn,
#pbNextBtn {
  display: inline-block;
  width: 45px;
  height: 45px;
  outline: none;
  text-indent: -9000px;
  background-repeat: no-repeat;
}

#pbPrevBtn {
  background-position: -70px 0;
  float: left;
  background: url("/images/case-study/left.svg") no-repeat;
}

#pbPrevBtn.pbgreyed {
  background-position: 0 0;
}

#pbNextBtn {
  background-position: -320px 0;
  float: right;
  background: url("/images/case-study/right.svg") no-repeat;
}

#pbNextBtn.pbgreyed {
  background-position: -390px;
}

/* END PICBOX */

.color-white .header-title {
  color: #ffffff;
}

.color-white .header-description {
  color: #ffffff;
  opacity: 1;
}

.caseStudy .bgGradient.full {
  z-index: 0 !important;
  top: -9rem !important;
}

@media (max-width: 767px) {
  .caseStudy .bgGradient.full {
    top: -6rem !important;
  }
}

@media (min-width: 1500px) {
  .caseStudy .bgGradient {
    -webkit-transform: skewY(-5deg) !important;
    -ms-transform: skewY(-5deg) !important;
    transform: skewY(-5deg) !important;
  }
}

.caseStudy .cs-about {
  position: relative;
  padding-bottom: 4rem;
}

@media (max-width: 767px) {
  .caseStudy .cs-about {
    padding-top: 1.2rem;
  }
}

.caseStudy .cs-about .heading-services {
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .caseStudy .cs-about .heading-services {
    margin-bottom: 2.3rem;
  }
}

.caseStudy .cs-about .heading {
  font-size: 18px;
  color: #0d264c;
}

.caseStudy .cs-about .header-title {
  margin-bottom: 0.85rem;
}

.caseStudy .cs-about .services-list {
  list-style: none;
  padding-left: 0;
  margin: 0 -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .caseStudy .cs-about .services-list {
    margin: 0 0px;
  }
}

.caseStudy .cs-about .services-list .service-illustration {
  height: 25px;
  width: auto;
  max-width: 70px;
}

.caseStudy .cs-about .services-list .service-title {
  font-size: 0.85rem;
  font-weight: 400;
  line-height: 1;
  opacity: 0.71;
  margin-top: 0.6rem;
  margin-bottom: 0;
}

.caseStudy .cs-about .services-list.links-list .list-item a {
  color: inherit;
}

.caseStudy .cs-about .services-list.links-list .list-item a:hover {
  text-decoration: none;
}

.caseStudy .cs-about .services-list.links-list .link-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  width: 2.2rem;
  margin: 0 auto;
}

.caseStudy .cs-about .services-list.links-list .link-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f9fe;
  z-index: 1;
  -webkit-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.caseStudy .cs-about .services-list.links-list .link-item svg {
  position: relative;
  height: 1rem;
  z-index: 2;
}

.caseStudy .cs-about .services-list.links-list .link-item svg path {
  fill: #2d94f3;
}

.caseStudy .cs-about .services-list.links-list .link-item:hover:before {
  -webkit-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  transform: skewY(9deg);
  background-color: #dbecfd;
}

.caseStudy .cs-about .client-logo {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .caseStudy .cs-about .client-logo {
    text-align: center;
  }
}

.caseStudy .stat-sec .stats {
  margin-top: 7.5rem;
}

@media (max-width: 767px) {
  .caseStudy .stat-sec .stats {
    margin-top: 4.5rem;
  }
}

.caseStudy .stat-sec .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .caseStudy .stat-sec .stat-box {
    min-width: 135px;
  }
}

.caseStudy .stat-sec .stat-box .info {
  font-size: 0.85rem;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .caseStudy .stat-sec .stat-box .info {
    text-align: right;
  }
}

.caseStudy .header-title {
  font-size: 1.5rem;
  margin-bottom: 0;
}

.caseStudy .pb--60 {
  padding-bottom: 60rem;
}

.caseStudy .ul-item-parent {
  line-height: 1.9;
}

.caseStudy .ul-item-parent .item {
  font-size: 1.05rem;
  color: #0d264c;
  letter-spacing: 0.03rem;
  font-weight: normal;
}

@media (max-width: 767px) {
  .caseStudy .ul-item-parent .item {
    font-size: 1rem;
  }
}

.caseStudy .ol-item-parent {
  line-height: 1.9;
}

.caseStudy .ol-item-parent .item {
  color: rgba(13, 38, 76, 0.71) !important;
  font-weight: 400;
}

.caseStudy .slider-sec {
  padding-top: 7.375rem;
}

@media (max-width: 767px) {
  .caseStudy .slider-sec {
    padding-top: 3.375rem;
  }
}

.caseStudy .siteSection.with-bg .bgGradient.full-tb.blue:before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, #f2f7fd),
    color-stop(60%, #f7fafe),
    to(#ffffff)
  );
  background: -webkit-linear-gradient(top, #f2f7fd 30%, #f7fafe 60%, #ffffff);
  background: -o-linear-gradient(top, #f2f7fd 30%, #f7fafe 60%, #ffffff);
  background: linear-gradient(180deg, #f2f7fd 30%, #f7fafe 60%, #ffffff);
}

.slider-sec .action-sec {
  margin-top: 5rem;
}

@media (max-width: 767px) {
  .slider-sec .action-sec {
    margin-top: 0;
  }
}

.company-information.v-spaced {
  padding: 8rem 0 5rem;
}

.company-information .header-title {
  font-size: 1.08rem;
  text-transform: uppercase;
}

.company-information .header-description {
  padding-right: 6rem;
}

@media (max-width: 767px) {
  .company-information .header-description {
    padding-right: 0;
  }
}

.company-information .client-logos {
  margin-top: 5.3rem;
}

@media (max-width: 767px) {
  .company-information .client-logos {
    margin: 4rem 0;
  }
}

.company-information .client-logos .marquee-row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media (max-width: 767px) {
  .company-information .client-logos .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 1rem 0px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .company-information .client-logos .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    padding: 1rem 0px;
  }
}

.cs-testimonials {
  margin-top: 0 !important;
  padding: 4rem 0;
  text-align: center;
}

@media (max-width: 767px) {
  .cs-testimonials {
    padding: 0 !important;
  }
}

.cs-testimonials.bg-pattern-1 {
  background-size: 100%;
  background-position: top;
}

.cs-testimonials .carousel-testimonial {
  margin-top: 3rem;
}

.cs-testimonials .header-title {
  font-size: 1.5rem;
}

.cs-testimonials .half-width {
  margin-left: 0;
  margin: 1rem auto;
}

@media (max-width: 767px) {
  .cs-testimonials .half-width {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .cs-testimonials .half-width {
    max-width: 100%;
  }
}

.cs-testimonials .title {
  font-size: 1.1rem;
}

@media (max-width: 767px) {
  .cs-testimonials .title {
    font-size: 1.1rem;
  }
}

.cs-testimonials .info {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .cs-testimonials .info {
    font-size: 0.875rem;
  }
}

.cs-testimonials .text {
  font-size: 1rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .cs-testimonials .text {
    font-size: 0.875rem;
  }
}

.cs-testimonials .img {
  width: 6rem;
  height: 6rem;
}

.cs-testimonials .author {
  padding-left: 2.5rem;
}

.cs-testimonials .cell-body {
  padding-left: 2.5rem;
}

.lets-talk {
  padding: 7rem 0 7rem;
}

.lets-talk .header-title {
  color: #2d94f3;
  font-size: 2.2rem;
  margin-bottom: 2.75rem;
  margin-top: 3rem;
}

@media (max-width: 767px) {
  .lets-talk .header-title {
    font-size: 1.7rem;
    padding: 3rem 0 7rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}

.lets-talk .lets-talk-btn .btn {
  padding: 0.4rem 2.35rem;
}

@media (max-width: 767px) {
  .heroCTA.badge {
    display: none;
  }
}

.casestudy-carousel .carousel-cell {
  margin: 0 2rem;
}

.carousel-style-3 .carousel-cell {
  width: 60%;
}

@media (max-width: 767px) {
  .carousel-style-3 .carousel-cell {
    width: 100% !important;
  }
}

.casestudy-carousel .img-style {
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 630px;
}

.carousel-style-3 .slider-title {
  width: 80%;
  padding-left: 1rem;
  padding-top: 2rem;
}

.slider-sec {
  padding-top: 7.375rem;
}

.carousel-cell {
  margin: 0 1.63rem;
}

.casestudy-carousel .carousel-cell {
  margin: 0 2rem;
}

.carousel-style-3 .carousel-cell {
  width: 60%;
}

@media (max-width: 767px) {
  .carousel-style-3 .carousel-cell {
    width: 100% !important;
  }
}

.img-style {
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0 24px 51px 0 rgba(145, 157, 168, 0.31);
  box-shadow: 0 24px 51px 0 rgba(145, 157, 168, 0.31);
  height: 630px;
}

@media (min-width: 1500px) {
  .img-style {
    height: 800px;
  }
}

@media (max-width: 767px) {
  .img-style {
    background-size: 100%;
    height: 240px;
  }
}

@media (max-width: 350px) {
  .img-style {
    height: 210px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .img-style {
    background-size: 100%;
    height: 340px;
  }
}

@media (min-width: 400px) and (max-width: 767px) {
  .img-style {
    height: 260px;
  }
}

.img-style .casestudy-carousel .carousel-cell {
  margin: 0 2rem;
}

.img-style .carousel-style-3 .carousel-cell {
  width: 60%;
}

.img-style .casestudy-carousel .img-style {
  height: 100%;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  height: 630px;
}

.img-style .carousel-style-3 .slider-title {
  width: 80%;
  padding-left: 1rem;
  padding-top: 2rem;
}

.flickity-page-dots .dot:nth-child(even) {
  -webkit-animation: loading 0.6s 0.2s linear infinite;
  animation: loading 0.6s 0.2s linear infinite;
}

.flickity-page-dots .dot:nth-child(odd) {
  -webkit-animation: loading 0.6s 0.1s linear infinite;
  animation: loading 0.6s 0.1s linear infinite;
}

.backgroubd-image {
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 240px;
  height: 100px;
}

@media (max-width: 767px) {
  .backgroubd-image {
    right: 10px;
    width: 80px;
    height: 40px;
  }
}

.grid-2 .flickity-page-dots .dot:nth-child(even) {
  -webkit-animation: none;
  animation: none;
}

.grid-2 .flickity-page-dots .dot:nth-child(odd) {
  -webkit-animation: none;
  animation: none;
}

.grid-2 .flickity-page-dots .dot {
  background-color: #fff !important;
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  transform: skew(30deg);
  width: 8px;
  height: 8px;
  margin: 0 4px;
  color: white;
  opacity: 50%;
}

.backgroubd-image {
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 240px;
  height: 100px;
}

@media (max-width: 767px) {
  .backgroubd-image {
    right: 10px;
    width: 80px;
    height: 40px;
  }
}

.grid-2 .flickity-page-dots .dot:nth-child(even) {
  -webkit-animation: none;
  animation: none;
}

.grid-2 .flickity-page-dots .dot:nth-child(odd) {
  -webkit-animation: none;
  animation: none;
}

.grid-2 .flickity-page-dots .dot {
  background-color: #fff !important;
  -webkit-transform: skew(30deg);
  -ms-transform: skew(30deg);
  transform: skew(30deg);
  width: 8px;
  height: 8px;
  margin: 0 4px;
  color: white;
  opacity: 50%;
}

.slider-sec .carousel-style-3 .flickity-page-dots {
  bottom: -50px;
}

#pbImage {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  width: 864px !important;
  height: 630px !important;
  left: 0 !important;
  right: 0 !important;
  margin: 0 auto;
  top: 10% !important;
}

/* .big-carousel .carousel-cell {
  -webkit-filter: blur(1px);
  filter: blur(1px);

} */
.big-carousel .carousel-cell {
  position: relative;
}

.big-carousel .carousel-cell:not(.is-selected)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.6),
      rgba(255, 255, 255, 0)
    ),
    linear-gradient(to left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 1;
}

.big-carousel .carousel-cell .img-style {
  height: 500px;
}

@media (max-width: 767px) {
  .big-carousel .carousel-cell .img-style {
    height: 240px;
  }
}

.big-carousel .carousel-cell.is-selected {
  -webkit-filter: none;
  filter: none;
}

.big-carousel .carousel-cell.is-selected .img-style {
  height: 100%;
}

.big-carousel .carousel-cell:not(.is-selected) .img-style {
  height: 80%;
}

@media (max-width: 767px) {
  .big-carousel .carousel-cell.is-selected .img-style {
    height: 100%;
  }
}

.big-carousel .carousel-cell .image-section .description-section {
  position: absolute;
  bottom: 0;
  /* background: rgba(13, 38, 76, 0.6); */
  background: #0d264c99;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(1px);
  padding: 8px 12px;
  width: 100%;
}

.big-carousel .carousel-cell .image-section .description-section p {
  color: #ffff;
  font-size: 16px;
  line-height: 24px;
}

@media (max-width: 767px) {
  .big-carousel .carousel-cell .image-section .description-section p {
    font-size: 14px;
  }
  .big-carousel .carousel-cell .image-section .description-section {
    width: 100%;
  }
}

.big-carousel .carousel-cell .header-description {
  line-height: 1.3rem;
}

.big-carousel .carousel-cell .placeholder {
  width: 20px;
}

.big-carousel .flickity-button {
  background: none;
  border: none;
  width: 48px;
  height: 48px;
}

.big-carousel .flickity-prev-next-button.next {
  right: 15px;
}

.big-carousel .flickity-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.big-carousel .flickity-button:hover {
  background: none;
}

@media (max-width: 767px) {
  .big-carousel .flickity-button {
    top: 35%;
  }

  .big-carousel .flickity-prev-next-button.previous {
    left: 0;
  }

  .big-carousel .flickity-prev-next-button.next {
    right: 0;
  }
}

@media (max-width: 767px) {
  .key-desktop {
    display: none;
  }
}

.key-mobile {
  display: none;
}

@media (max-width: 767px) {
  .key-mobile {
    display: block;
  }
}

.key-feature-2 {
  margin-top: 28px;
  margin-bottom: -28px;
}

@media (max-width: 767px) {
  .key-feature-2 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.key-feature-2 .header2 {
  font-size: 20px;
  color: #2d94f3;
  margin-bottom: 15px;
  margin-top: 1rem;
}

.full-carousel .headerTagText {
  margin-bottom: 80px;
  margin-top: 20px;
}

.key-features .body {
  background-color: #fff;
  padding: 30px;
  padding-top: 0;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 9px 37px 0px #0d264c12;
  box-shadow: 0px 9px 37px 0px #0d264c12;
  border-radius: 8px;
  text-align: center;
}

.key-features .header {
  font-size: 20px;
  color: #0d264c;
  margin-bottom: 15px;
  margin-top: 1rem;
}

.key-features .description {
  font-size: 16px;
  color: #0d264c;
  line-height: 26px;
  font-weight: 200;
}

.key-features .counter {
  position: relative;
}

.key-features img {
  width: 100px;
}

.key-features .counter .text {
  color: #2d94f3;
  font-weight: 500;
  font-size: 34px;
  margin: 0;
  position: absolute;
  bottom: 0;
  line-height: 1;
}

.view-more {
  margin-top: 3rem;
  margin-bottom: 2rem;
}

.feature-btn {
  font-size: 1rem;
  font-weight: 400;
  padding: 0.5rem 2rem 0.4rem;
}

.carousel-testimonial .flickity-page-dots {
  bottom: -15px !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  padding: 0 !important;
  background: none !important;
  width: 100% !important;
  right: auto !important;
}

.carousel-testimonial .flickity-page-dots .dot {
  opacity: 30%;
}

.contact-sec {
  position: relative;
  margin-top: 1rem;
}

.contact-sec .mapImage .mapBg {
  width: 100%;
  margin-top: 30px;
}

.contact-sec .contact-box {
  position: relative;
  top: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .contact-sec .contact-box {
    position: relative;
  }
  .key-features .description {
    font-weight: 300;
  }
}

.contact-sec .contact-box .area-cell {
  margin-bottom: 2.2rem;
  padding: 2.5rem 2rem;
  -webkit-box-shadow: 0 9px 37px rgba(145, 157, 168, 0.16) !important;
  box-shadow: 0 9px 37px rgba(145, 157, 168, 0.16) !important;
}

.contact-sec .contact-box .area-cell:hover {
  text-decoration: none;
}

.contact-sec .contact-box .area-cell .card-img-top {
  width: 65px;
  margin-bottom: 1.5rem;
}

.contact-sec .contact-box .area-cell .address-sec .card-img-top {
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .contact-sec .contact-box .area-cell .address-sec {
    -ms-flex-preferred-size: inherit;
    flex-basis: inherit;
  }
}

.contact-sec .contact-box .card-title {
  color: #0d264c;
  font-weight: 600;
}

.contact-sec .contact-box .card-text {
  color: rgba(13, 38, 76, 0.7);
  line-height: 1.8;
}

.contact-sec .contact-box .map-building {
  margin-top: 0.5rem;
}

.contact-sec .contact-box .map-building .building-icon {
  width: 7rem;
  margin-bottom: 1.5rem;
}

.contact-sec .mapImage {
  margin-top: -570px;
}

@media (max-width: 767px) {
  .contact-sec .mapImage {
    margin-top: -120px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .contact-sec .mapImage {
    margin-top: -270px;
  }
}

.contact-sec .sub-heading {
  color: #444444;
  font-weight: 600;
  font-size: 16px;
}

.contact-sec .address-detail {
  margin-bottom: 20px;
  display: block;
}

.contact-number-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .contact-number-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.contact-number-details .items {
  margin-bottom: 20px;
}

.contact-number-details .items:last-child {
  margin-bottom: 0;
}

.contact-form {
  position: relative;
  width: 100%;
  margin-top: 4rem;
}

.contact-form .row {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contact-form .form-wrapper {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  border-radius: 0.75rem;
  background: #ffffff;
  padding: 2rem;
}

.contact-form .form-wrapper .heading {
  text-align: center;
}

.contact-form .form-wrapper .info {
  text-transform: uppercase;
  opacity: 0.8;
  font-size: 0.85rem;
  margin-top: 0.7rem;
}

.contact-form .form-wrapper .info-text {
  opacity: 0.8;
  font-size: 0.85rem;
  font-weight: bold;
}

.contact-form .form-wrapper .form-control::-webkit-input-placeholder {
  opacity: 1;
}

.contact-form .form-wrapper .form-control::-moz-placeholder {
  opacity: 1;
}

.contact-form .form-wrapper .form-control::-ms-input-placeholder {
  opacity: 1;
}

.contact-form .form-wrapper .form-control::placeholder {
  opacity: 1;
}

.hero-sec.lab-hero-sec {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.hero-sec.lab-hero-sec .content-body {
  padding: 14rem 0 18rem;
}

@media (max-width: 767px) {
  .hero-sec.lab-hero-sec .content-body {
    padding: 10rem 0 15rem;
  }
}

@media (min-width: 1500px) {
  .hero-sec.lab-hero-sec .content-body {
    padding: 18rem 0 31rem;
  }
}

.hero-sec.lab-hero-sec .hero-logo {
  height: 7rem;
  -webkit-filter: contrast(0) brightness(200%);
  filter: contrast(0) brightness(200%);
}

@media (max-width: 767px) {
  .hero-sec.lab-hero-sec .hero-logo {
    height: 5rem;
  }
}

.hero-sec.lab-hero-sec.for-spectrum .content-body {
  padding-bottom: 22rem;
}

.hero-sec.lab-hero-sec.for-spectrum .hero-logo {
  height: 3.25rem;
}

@media (max-width: 767px) {
  .hero-sec.lab-hero-sec.for-spectrum .hero-logo {
    height: 2rem;
    padding-left: 1rem;
  }
}

.overlay-hero.for-lab-details {
  margin-top: -10rem;
}

@media (min-width: 1500px) {
  .overlay-hero.for-lab-details .bgGradient {
    -webkit-transform: skewY(-5deg);
    -ms-transform: skewY(-5deg);
    transform: skewY(-5deg);
  }
}

.social-wrapper {
  position: absolute;
  top: -7rem;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .social-wrapper {
    position: relative;
    top: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2rem;
  }
}

.social-wrapper .social-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.875rem;
  margin: 0 0.375rem;
}

.social-wrapper .social-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f9fe;
  z-index: 1;
  -webkit-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.social-wrapper .social-item svg {
  position: relative;
  height: 20px;
  z-index: 2;
}

.social-wrapper .social-item svg path {
  fill: #2d94f3;
}

.social-wrapper .social-item:hover:before {
  -webkit-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  transform: skewY(9deg);
  background-color: #dbecfd;
}

.social-wrapper.for-spectrum .social-item:before {
  background-color: #e8fbf8;
}

.social-wrapper.for-spectrum .social-item svg path {
  fill: #21c8af;
}

.social-wrapper.for-spectrum .social-item:hover:before {
  -webkit-transform: skewY(9deg);
  -ms-transform: skewY(9deg);
  transform: skewY(9deg);
  background-color: #d2f8f2;
}

.lab-features .mentionsRow {
  margin-top: 0.75rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .lab-features .mentionsRow {
    text-align: center;
    margin-top: 1.5rem;
  }
}

.lab-features .mentionsRow .header-title {
  line-height: 1.9;
}

@media (max-width: 767px) {
  .lab-features .mentionsRow .header-title {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 1rem;
    padding: 0 1.5rem;
  }
}

.lab-features .mentionsRow .left {
  padding: 0 5rem;
}

@media (max-width: 767px) {
  .lab-features .mentionsRow .left {
    padding: 0;
  }
}

.lab-features .mentionsRow .right {
  padding: 0 8rem;
}

@media (max-width: 767px) {
  .lab-features .mentionsRow .right {
    padding: 0;
  }
}

.lab-features .mentionsRow .right .info {
  line-height: 2.25;
}

@media (max-width: 767px) {
  .lab-features .mentionsRow .right .info {
    line-height: 1.75;
  }
}

.lab-features .mentionsRow.for-spectrum .left {
  padding: 0 6rem;
}

@media (max-width: 767px) {
  .lab-features .mentionsRow.for-spectrum .left {
    padding: 0;
  }
}

.lab-features .features-wrapper .press-img {
  margin-bottom: 1rem;
}

.lab-features .features-wrapper .press-img:last-child {
  margin-bottom: 0;
}

.lab-features .features-wrapper .press-img img {
  height: 1rem;
}

.lab-item .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lab-item .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
  padding-left: 3px;
  padding-top: 2px;
  margin-right: 1.5rem;
  line-height: 1;
  -webkit-box-shadow: 0 9px 37px rgba(145, 157, 168, 0.36);
  box-shadow: 0 9px 37px rgba(145, 157, 168, 0.36);
  border-radius: 50%;
}

.lab-item .label-text {
  padding-top: 5px;
}

.lab-item .info {
  padding-left: 5.1rem;
  line-height: 1.75;
  margin-top: 0.5rem;
}

.lab-item.platform {
  padding: 0 6rem;
}

@media (max-width: 767px) {
  .lab-item.platform {
    margin-top: 2rem;
    padding: 0;
  }
}

.lab-item.mentions {
  margin-top: 4rem;
  padding: 0 6rem;
}

@media (max-width: 767px) {
  .lab-item.mentions {
    margin-top: 3.5rem;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .mentions-logo-wrapper {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow: auto;
    margin-top: 60px;
  }
}

.mentions-logo-wrapper .logo-item {
  text-align: center;
}

@media (max-width: 767px) {
  .mentions-logo-wrapper .logo-item {
    padding: 0 1.5rem;
  }
}

.mentions-logo-wrapper .logo-item .mentions-logo {
  width: 110px;
  height: 110px;
  padding: 1.6rem;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 9px 37px rgba(145, 157, 168, 0.36);
  box-shadow: 0 9px 37px rgba(145, 157, 168, 0.36);
}

.mentions-logo-wrapper .logo-item .mentions-logo.product-hunt {
  padding: 0.3rem;
}

.mentions-logo-wrapper .logo-item .mentions-logo.p-lg {
  padding: 1.5rem;
}

.mentions-logo-wrapper .logo-item .mentions-logo .mentions-logo-img {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
}

.mentions-logo-wrapper .logo-item .mentions-label {
  margin-top: 1.25rem;
}

.mentions-logo-wrapper .sm-img {
  width: 4.5rem !important;
  margin: 0 auto;
}

.lab-product .header-title a {
  color: inherit;
}

.lab-product .header-title a:hover {
  text-decoration: none;
}

.lab-details {
  padding: 4rem 0 12rem;
}

@media (max-width: 767px) {
  .lab-details {
    padding-top: 0;
  }
}

.lab-details .bgGradient {
  margin-top: 9rem;
}

.lab-details .header-title.sm {
  font-weight: 600;
}

.lab-details .info {
  margin-top: 0.75rem;
}

.lab-details .details-img {
  width: 90%;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 9px 37px rgba(145, 157, 168, 0.36);
  box-shadow: 0 9px 37px rgba(145, 157, 168, 0.36);
}

@media (max-width: 767px) {
  .lab-details .details-img {
    width: 100%;
    margin: 1.25rem 0 0;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .lab-details .details-img {
    width: 100%;
  }
}

.lab-details .right {
  text-align: center;
}

.lab-details.for-spectrum {
  padding: 2rem 0 0;
  margin-bottom: 6rem;
}

.lab-details.for-spectrum .details-img {
  border-radius: 1.25rem;
}

@media (max-width: 767px) {
  .lab-details.for-spectrum {
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .lab-details.for-spectrum .left {
    padding-right: 15px;
    margin-bottom: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .lab-details.for-spectrum .left {
    padding-right: 2rem;
  }
}

.lab-details.for-spectrum .right {
  padding-left: 5rem;
}

@media (max-width: 991px) {
  .lab-details.for-spectrum .right {
    padding-left: 15px;
  }
}

.lab-details .hackrApp-carousel {
  padding: 2rem;
}

.lab-details .hackrApp-carousel .carousel-cell {
  width: 100%;
}

.lab-details .hackrApp-carousel .carousel-cell .carousel-img {
  width: 100%;
}

.lab-details .hackrApp-carousel .flickity-viewport {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
}

.statsSec {
  padding-bottom: 6rem;
}

.lab-ui {
  padding: 4rem 0;
}

.lab-ui.with-bg.blue-solid {
  background-color: #f6f9fe;
}

.lab-ui .header-title {
  font-size: 1.1rem !important;
  font-weight: 500 !important;
}

.lab-ui .hackr-ui--img {
  width: 70%;
}

@media (max-width: 991px) {
  .lab-ui .hackr-ui--img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .lab-unique {
    padding-bottom: 1rem;
  }
}

.lab-unique .header-description {
  margin-top: 1.75rem;
}

.lab-unique .quote-wrapper {
  padding: 0 8rem;
}

@media (max-width: 767px) {
  .lab-unique .quote-wrapper {
    padding: 3rem 0 0;
  }
}

.lab-unique .quote-wrapper .quote {
  font-size: 1.2rem;
  font-weight: 300;
  color: #0a5ba6;
  letter-spacing: 0.1rem;
  line-height: 2.25;
}

@media (max-width: 767px) {
  .lab-unique .quote-wrapper .quote {
    font-size: 1.25rem;
    line-height: 1.75;
  }
}

.lab-unique .quote-wrapper .name {
  font-size: 1rem;
  margin-top: 1rem;
}

.lab-unique .quote-wrapper .designation {
  font-size: 0.85rem;
  font-weight: 400;
}

.lab-slider .carousel .flickity-page-dots {
  bottom: -40px;
}

.lab-compare .header-description {
  padding: 0 12rem;
}

@media (max-width: 991px) {
  .lab-compare .header-description {
    padding: 0;
  }
}

.lab-compare .labels-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

.lab-compare .labels-wrapper .btn-badge {
  font-size: 0.9rem;
  color: rgba(13, 38, 76, 0.22);
  border-color: rgba(13, 38, 76, 0.22);
  background-color: rgba(13, 38, 76, 0.01);
  padding: 0.2rem 0.75rem 0.15rem;
  cursor: initial;
}

.lab-compare .labels-wrapper .btn-badge.enabled {
  color: #21c8af;
  background-color: #e5fffb;
  border-color: #21c8af;
}

.lab-differences {
  margin-top: 6rem;
}

.lab-differences .info {
  line-height: 1.8;
}

.lab-testimonial .siteSection--header {
  margin-bottom: 4rem;
}

.lab-testimonial .siteSection--header .header-title.xs {
  font-weight: 600;
}

.blog-detailMainHolder a {
  text-decoration: none;
}

.blog-detailMainHolder .for-blog-detail {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 18rem 0;
  position: relative;
  z-index: 0;
}

.blog-detailMainHolder .for-blog-detail:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: #000000;
  opacity: 0.3;
}

.blog-detailMainHolder .siteSection.v-spaced {
  padding: 0;
}

.blog-detailMainHolder .main-content-section {
  margin-top: -18rem;
}

.blog-detailMainHolder .row-content {
  margin: 0 -5rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .row-content {
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-detailMainHolder .row-content {
    margin: 0 !important;
  }
}

.blog-detailMainHolder .card-box-info {
  border-radius: 0;
  padding: 0.3rem 1rem 0.3rem 2rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .card-box-info {
    padding: 1rem;
  }
}

.blog-detailMainHolder .card-box-info .card-body {
  position: relative;
  z-index: 0;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .card-box-info .card-body {
    padding: 0;
  }
}

.blog-detailMainHolder .card-box-info .card-body .body-header .breadcrumb {
  background: none;
  padding: 0;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.blog-detailMainHolder
  .card-box-info
  .card-body
  .body-header
  .breadcrumb
  .breadcrumb-item
  a {
  color: #b9c7db;
}

.blog-detailMainHolder
  .card-box-info
  .card-body
  .body-header
  .breadcrumb
  .breadcrumb-item.active,
.blog-detailMainHolder
  .card-box-info
  .card-body
  .body-header
  .breadcrumb
  .breadcrumb-item:before {
  color: #b9c7db;
}

.blog-detailMainHolder .card-box-info .card-body .body-content {
  margin: 0 0 1rem;
  padding-right: 0.5rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .card-box-info .card-body .body-content {
    padding-right: 0.5rem;
  }
}

.blog-detailMainHolder .card-box-info .card-body .body-content .title {
  font-size: 1.7rem;
  line-height: 1.5;
  font-weight: 600;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .card-box-info .card-body .body-content .title {
    font-size: 1.4rem;
    line-height: 1.5;
  }
}

.blog-detailMainHolder .card-box-info .card-body .body-footer {
  color: #b9c7db;
}

.blog-detailMainHolder .card-box-info .card-body .body-footer .info-decs:after {
  display: inline;
  padding-left: 0.5rem;
  margin-right: 0.3rem;
  content: "";
  border-right: 1px solid;
  border-color: rgba(13, 38, 76, 0.2);
  vertical-align: middle;
}

.blog-detailMainHolder .card-box-info .card-body .body-footer .comment-link {
  color: #b9c7db !important;
}

.blog-detailMainHolder
  .card-box-info
  .card-body
  .body-footer
  .comment-link:before {
  display: inline;
  padding-left: 0.5rem;
  margin-right: 0.5rem;
  content: "";
  border-right: 1px solid;
  border-color: rgba(13, 38, 76, 0.2);
  vertical-align: middle;
}

.blog-detailMainHolder .card-box-info:hover {
  -webkit-transform: inherit;
  -ms-transform: inherit;
  transform: inherit;
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
}

.blog-detailMainHolder .card-box-info.bg-pattern-blog {
  position: relative;
}

.blog-detailMainHolder .card-box-info.bg-pattern-blog:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(/images/pattern-9.svg?cbc3270679952ed67c5ef7af56f9197e);
  background-repeat: no-repeat;
  background-size: 100%;
}

.blog-detailMainHolder .bgGradient.full {
  z-index: 0 !important;
  top: -13rem !important;
  height: 100vh !important;
}

.blog-detailMainHolder .bgGradient.full.white:before {
  background-color: #fcfeff;
}

@media (min-width: 1500px) {
  .blog-detailMainHolder .bgGradient {
    -webkit-transform: skewY(-5deg) !important;
    -ms-transform: skewY(-5deg) !important;
    transform: skewY(-5deg) !important;
  }
}

.blog-detailMainHolder .blog-top {
  position: relative;
  margin-bottom: 2rem;
}

.blog-detailMainHolder .blog-detail-about .content-style {
  background: #ffffff;
  padding: 0.8rem 2rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .blog-detail-about .content-style {
    padding: 0.5rem;
  }
}

.blog-detailMainHolder .blog-detail-about .content-style p {
  font-size: 1.04rem;
  margin: 1rem auto;
  word-break: break-word;
}

.blog-detailMainHolder .blog-detail-about .content-style p .text-primary {
  font-weight: 500;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .blog-detail-about .content-style p {
    font-size: 1rem;
  }
}

.blog-detailMainHolder .blog-detail-about .content-style ul,
.blog-detailMainHolder .blog-detail-about .content-style ol,
.blog-detailMainHolder .blog-detail-about .content-style div,
.blog-detailMainHolder .blog-detail-about .content-style table {
  font-size: 1.04rem;
  color: rgba(13, 38, 76, 0.71) !important;
  font-weight: 400;
  line-height: 1.9;
  margin: 1.4rem 0;
}

.blog-detailMainHolder .blog-detail-about .content-style .header-title {
  font-size: 1rem;
  font-weight: 500;
}

.blog-detailMainHolder
  .blog-detail-about
  .content-style
  .header-title.text-primary {
  font-weight: normal;
  font-size: 1.4rem !important;
}

.blog-detailMainHolder .blog-detail-about .content-style .border-tb {
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-color: rgba(13, 38, 76, 0.07);
  position: relative;
  padding: 1rem 0;
  margin: 1rem -4rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .content-style
  .border-tb
  .row-take-away {
  padding: 0 2rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .content-style
    .border-tb
    .row-take-away {
    padding: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-detailMainHolder
    .blog-detail-about
    .content-style
    .border-tb
    .row-take-away {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .blog-detailMainHolder .blog-detail-about .content-style .border-tb {
    margin: 1rem 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-detailMainHolder .blog-detail-about .content-style .border-tb {
    margin: 1rem 0;
  }
}

.blog-detailMainHolder .blog-detail-about .content-style .border-tb p {
  font-size: 0.9rem;
  padding: 0;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .blog-detail-about .content-style.pt--0-imp {
    padding-top: 2rem !important;
  }
}

.blog-detailMainHolder .blog-detail-about .content-style blockquote {
  margin: 3rem 0;
  text-align: center;
  color: #2d94f3;
  font-style: italic;
  font-size: 1.5rem;
  font-weight: normal;
}

.blog-detailMainHolder .blog-detail-about .content-style .mce-toc {
  margin-bottom: 3rem;
}

.blog-detailMainHolder .blog-detail-about .content-style .mce-toc ul {
  margin: 0.5rem 0;
}

.blog-detailMainHolder .blog-detail-about .content-style .mce-toc ul a {
  color: #8695ae;
}

.blog-detailMainHolder .blog-detail-about .content-style table {
  margin: 1.5rem auto;
  border-color: rgba(13, 38, 76, 0.15) !important;
  table-layout: fixed;
  max-width: 100%;
  min-width: 100%;
  border: 1px solid;
  border-collapse: collapse;
}

.blog-detailMainHolder .blog-detail-about .content-style table p {
  margin: 0px;
}

.blog-detailMainHolder .blog-detail-about .content-style table tr td {
  padding: 8px;
  vertical-align: text-top;
  border-right: 1px solid rgba(13, 38, 76, 0.15) !important;
  border-left: 1px solid rgba(13, 38, 76, 0.15) !important;
  border-bottom: 1px solid rgba(13, 38, 76, 0.15) !important;
}

.blog-detailMainHolder .blog-detail-about .content-style img {
  margin: 1.5rem auto;
  display: block;
  max-width: 100%;
  height: auto;
  float: none !important;
}

.blog-detailMainHolder .blog-detail-about .content-style p img {
  margin: 1.5rem auto;
  display: block;
  max-width: 100%;
  height: auto;
  float: none !important;
}

.blog-detailMainHolder .blog-detail-about .content-style h3 img {
  margin: 1.5rem auto;
  display: block;
  max-width: 100%;
  height: auto;
  float: none !important;
}

.blog-detailMainHolder .blog-detail-about .content-style iframe {
  width: 100%;
  height: 375px;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .blog-detail-about .content-style iframe {
    width: 100%;
    height: 200px;
  }
}

@media (max-width: 350px) {
  .blog-detailMainHolder .blog-detail-about .content-style iframe {
    height: 200px;
  }
}

.blog-detailMainHolder .blog-detail-about .post-tags {
  margin: 2rem 0rem;
}

.blog-detailMainHolder .blog-detail-about .post-tags .btn-light {
  color: #2d94f3;
  border: none;
  background-color: #e4f1fd;
  font-size: 0.8rem;
  margin: 0.5rem 0rem;
}

.blog-detailMainHolder .blog-detail-about .comments-box {
  margin: 2rem 0;
  background: #ffffff;
  padding: 2rem;
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  border-radius: 0.5rem;
}

.blog-detailMainHolder .blog-detail-about .comments-box .user-form .title {
  font-size: 1.2rem;
  margin-bottom: 0.8rem;
}

.blog-detailMainHolder .blog-detail-about .comments-box .user-form .btn {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.blog-detailMainHolder .blog-detail-about .comments-list {
  margin-top: 2rem;
}

.blog-detailMainHolder .blog-detail-about .comments-list .title {
  font-weight: 300;
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
}

.blog-detailMainHolder .blog-detail-about .comments-list .card:hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .comments-list
    .card
    .main-card-section
    .card-body {
    padding: 1rem;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .comments-list
    .card
    .main-card-section
    .card-body:last-child {
    padding-bottom: 1rem;
  }
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .img-profile-sec
  .card-img-top {
  border-radius: 50%;
  width: 75px;
  height: 75px;
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .comments-list
    .card
    .main-card-section
    .card-body
    .img-profile-sec
    .card-img-top {
    width: 30px;
    height: 30px;
  }
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info {
  width: 100%;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .reply-card-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .comments-list
    .card
    .main-card-section
    .card-body
    .reply-comment-info
    .reply-card-heading {
    display: block;
  }
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .reply-card-heading
  .card-title {
  margin-bottom: 0;
  width: 100%;
  margin-right: 2rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .reply-card-heading
  .card-title
  .comments-title {
  font-size: 1.2rem;
  font-weight: 500;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .reply-card-heading
  .comment-time {
  white-space: nowrap;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .reply-text {
  font-size: 1rem;
  opacity: 0.71;
  word-break: break-all;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .reply-button-box
  .replybutton {
  font-size: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .comment-form {
  margin-top: 1rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .comments-list
    .card
    .main-card-section
    .card-body
    .reply-comment-info
    .comment-form {
    margin-bottom: 1rem;
  }
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .comment-form
  .sub-reply-button-box {
  text-align: left;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .card-body
  .reply-comment-info
  .comment-form
  .sub-reply-button-box
  .btn {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.2px;
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .past-replies-box
  .nested-reply-blog {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .blog-detailMainHolder
    .blog-detail-about
    .comments-list
    .card
    .main-card-section
    .past-replies-box
    .nested-reply-blog {
    padding-left: 1rem;
  }
}

.blog-detailMainHolder
  .blog-detail-about
  .comments-list
  .card
  .main-card-section
  .past-replies-box
  .card-text
  .nested-reply-blog {
  margin-bottom: 0;
}

.blog-detailMainHolder .blog-detail-about .individual-comment {
  margin: 1rem 0;
}

.blog-detailMainHolder .blog-detail-about .individual-comment .name {
  font-weight: 400;
}

.blog-detailMainHolder .blog-detail-about .individual-comment .text {
  font-size: 0.9rem;
  color: #919da8;
  font-weight: 300;
}

.blog-detailMainHolder .blog-detail-about .author-profile {
  margin: 1rem 0;
  padding: 1rem;
  letter-spacing: 0.06rem;
  background: rgba(45, 148, 243, 0.1);
  border: 1px solid #2d94f3;
  border-radius: 0.4rem;
}

.blog-detailMainHolder .blog-detail-about .author-profile .about {
  text-transform: uppercase;
  color: #29293d;
  margin-bottom: 1rem;
  text-align: center;
}

.blog-detailMainHolder .blog-detail-about .author-profile .name {
  margin-bottom: 0.3rem;
  font-weight: 400;
}

.blog-detailMainHolder .blog-detail-about .author-profile .desc {
  font-weight: 300;
  font-size: 0.9rem;
}

.blog-detailMainHolder .blog-detail-about .author-profile .posts-by-author {
  font-size: 0.9rem;
}

.blog-detailMainHolder .blog-detail-about .post-buttons {
  margin: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-detailMainHolder .blog-detail-about .post-buttons a {
  background: #ffffff;
  color: #2d94f3;
  -webkit-box-shadow: 0 5px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 5px 37px rgba(13, 38, 76, 0.07);
}

.blog-detailMainHolder .blog-detail-about .post-buttons .fa {
  font-size: 0.7rem;
}

.blog-detailMainHolder .blog-detail-about .card-body.latest-post,
.blog-detailMainHolder .blog-detail-about .card-body.most-popular-post {
  padding: 0;
  background: #ffffff;
}

.blog-detailMainHolder .blog-detail-about .card-body.latest-post .heading,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .heading {
  padding: 1rem;
  text-align: center;
  font-size: 1.1rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .card-body.latest-post
  .body-header
  .blog-img,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-header
  .blog-img {
  height: 150px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.blog-detailMainHolder .blog-detail-about .card-body.latest-post .body-content,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-content {
  padding: 1rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .card-body.latest-post
  .body-content
  .card-small-title,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-content
  .card-small-title {
  font-size: 0.9rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .card-body.latest-post
  .body-content
  .card-title,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-content
  .card-title {
  margin: 0 0 1rem;
  font-size: 1.2rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .card-body.latest-post
  .body-content
  .card-content,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-content
  .card-content {
  color: #8695ae;
  font-weight: 300;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  overflow: hidden;
  height: 40px;
}

.blog-detailMainHolder
  .blog-detail-about
  .card-body.latest-post
  .body-content
  .bottom-info,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-content
  .bottom-info {
  margin-top: 1.35rem;
}

.blog-detailMainHolder
  .blog-detail-about
  .card-body.latest-post
  .body-content
  .bottom-info
  .info-desc,
.blog-detailMainHolder
  .blog-detail-about
  .card-body.most-popular-post
  .body-content
  .bottom-info
  .info-desc {
  margin: 0;
  font-size: 0.8rem;
  font-weight: 400;
  color: #0d264c;
}

.blog-detailMainHolder .img-large-blog {
  margin: 3rem 0;
}

.blog-detailMainHolder .img-large-blog .blog-large-image {
  margin: 0 auto;
}

.blog-detailMainHolder .img-large-blog .blog-large-image .bd-illustration {
  width: 100%;
}

.blog-detailMainHolder .img-large-blog .blog-large-image p {
  padding-left: 0.8rem;
  margin: 0;
}

.blog-detailMainHolder .img-large-blog .blog-large-image .row-imaga {
  margin: 0 -3rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .img-large-blog .blog-large-image .row-imaga {
    margin: 0 -1rem;
  }
}

@media (max-width: 767px) {
  .blog-detailMainHolder .img-large-blog .p--30 {
    padding: 0;
  }
}

.blog-detailMainHolder .border-top {
  position: relative;
  margin-bottom: 1.5rem;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .border-top {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-detailMainHolder .border-top {
    width: 98%;
  }
}

.blog-detailMainHolder .subscribe-sec {
  padding: 0 0 1rem !important;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .subscribe-sec {
    padding: 1rem;
  }
}

.blog-detailMainHolder .subscribe-sec p {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .subscribe-sec p {
    max-width: 100%;
  }
}

.blog-detailMainHolder .subscribe-sec .bg-subscribe {
  background: #ffffff;
  padding: 2rem 1rem 2.5rem;
  position: relative;
  border: 2px solid #ffffff;
  border-radius: 0.5rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .subscribe-sec .bg-subscribe {
    padding: 1rem;
    background: #ffffff;
  }
}

.blog-detailMainHolder .subscribe-sec .bg-subscribe p {
  margin: 1.2rem auto;
}

.blog-detailMainHolder .subscribe-sec .bg-subscribe .text-primary {
  font-weight: 500 !important;
}

.blog-detailMainHolder .subscribe-sec .header-title {
  font-size: 1.5rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .subscribe-sec .header-title {
    font-size: 1.5rem;
  }
}

.blog-detailMainHolder .latest-post,
.blog-detailMainHolder .most-popular-post {
  background: #ffffff;
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.5rem;
}

.blog-detailMainHolder .latest-post .heading,
.blog-detailMainHolder .most-popular-post .heading {
  text-align: center;
}

.blog-detailMainHolder .testimonial-sec {
  margin-top: 3rem;
}

.blog-detailMainHolder .subscribeRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-detailMainHolder .subscribeRow .form-control {
  font-size: 0.8rem;
  border-color: #2d94f3;
  border-radius: 0;
}

.blog-detailMainHolder .subscribeRow .btn-subs {
  padding: 0.4rem 2.3rem;
  font-size: 0.8rem;
}

.blog-detailMainHolder .subscribeRow .btn-subs span {
  margin-right: 0.5rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .subscribeRow .btn-subs {
    padding: 0.4rem 1.3rem;
  }
}

.blog-detailMainHolder .body-content .card-small-title {
  color: rgba(13, 38, 76, 0.59);
}

@media (max-width: 767px) {
  .blog-detailMainHolder .body-content .card-small-title {
    display: none;
  }
}

.blog-detailMainHolder .body-content .card-title {
  margin: 0rem 0 1.5rem;
  font-size: 1rem !important;
  font-weight: 500 !important;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .body-content .card-title {
    margin: 0 0 1.5rem;
  }
}

.blog-detailMainHolder .body-content .bottom-info .info-decs {
  color: #0d264c;
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0;
  margin-top: 2.8rem;
}

.blog-detailMainHolder .body-content .bottom-info .info-decs .text-secondry {
  color: rgba(13, 38, 76, 0.4);
}

.blog-detailMainHolder .blog-sec .title {
  font-weight: 600;
  font-size: 1.4rem;
}

.blog-detailMainHolder .blog-sec .title span {
  margin-right: 0.3rem;
}

.blog-detailMainHolder .p--medium {
  padding: 0rem 0 4rem;
}

@media (max-width: 767px) {
  .blog-detailMainHolder .p--medium {
    padding: 0;
  }
}

.blog-detailMainHolder .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-detailMainHolder p {
  font-size: 1.04rem;
  color: rgba(13, 38, 76, 0.71) !important;
  font-weight: 400;
  line-height: 1.9;
  margin: 1.4rem 0;
}

.blog-detailMainHolder strong {
  color: #0d264c;
  font-weight: 500;
}

.blog-detailMainHolder .bg-light-blue {
  background: #f7fafe;
}

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

.blog-detailMainHolder .services-form-section {
  margin-bottom: 40px;
}

.blog-detailMainHolder .services-form-section .text-success {
  color: #4ac14f !important;
}

.blog-detailMainHolder .services-form-section .text-danger {
  color: #f96464 !important;
}

.blog-detailMainHolder .sm-contact-form-modal .modal-body {
  padding: 0px;
}

.blog-detailMainHolder .sm-contact-form-modal .modal-body .close {
  position: absolute;
  right: -5px;
  z-index: 9;
  top: -5px;
  font-size: 30px;
  background: #f96464;
  opacity: 1;
  color: #ffffff;
  font-weight: 500;
  text-shadow: none;
  border-radius: 50px;
  height: 30px;
  width: 30px;
  line-height: 35px;
}

.blog-detailMainHolder
  .sm-contact-form-modal
  .modal-body
  .services-form-section {
  margin: 0px;
}

.blog-detailMainHolder
  .sm-contact-form-modal
  .modal-body
  .services-form-section
  .bg-white {
  padding: 1rem;
}

.blog-detailMainHolder
  .sm-contact-form-modal
  .modal-body
  .services-form-section
  .bg-white
  .heading {
  font-size: 1.3rem;
}

.blog-detailMainHolder .job-sidebar .card {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-detailMainHolder .job-sidebar .card .info {
  width: 100%;
  text-align: center;
}

.blog-detailMainHolder .job-sidebar .card .actions {
  width: 100%;
  text-align: center;
  margin-top: 1rem;
}

.blog-detailMainHolder .advertisement-image-block {
  margin: 40px 0px;
}

.blog-detailMainHolder .advertisement-image-block .advertisement-img {
  max-width: 100%;
  height: auto;
}

.blue-light-bg {
  background-color: #fcfeff;
}

.blue-light-bg .bgGradien:before {
  background-color: #fcfeff;
}

.container.container-sm {
  max-width: 800px;
  padding-inline: 0.5rem;
}

@media (max-width: 767px) {
  .container.container-sm {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.blog-hierarchy .header-title {
  font-weight: 600 !important;
}

.table-style-1 {
  margin: 2rem 0 4rem;
}

.table-style-1 .table th,
.table-style-1 .table td {
  border: none;
}

.table-style-1 table th {
  font-weight: 500;
}

@media (max-width: 767px) {
  .table-style-1 table th {
    padding: 0;
  }
}

.table-style-1 tbody td:nth-child(even) {
  background: #e8f4ff;
}

.table-style-1 tbody td:nth-child(odd) {
  background: #faeafa;
}

.table-style-1 tbody tr {
  margin: 0.2rem 0;
  border-top: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

.table-style-1 tbody tr td {
  font-weight: normal;
  font-size: 0.9rem;
  padding: 1.2rem;
  line-height: 1.8;
  color: rgba(13, 38, 76, 0.71);
  padding: 1.2rem;
}

.share-style-1 {
  position: fixed;
  top: 20rem;
  right: 9px;
}

@media (max-width: 767px) {
  .share-style-1 {
    position: fixed;
    right: 1rem;
    top: auto;
    bottom: 6rem;
    z-index: 9;
    overflow: hidden;
    padding: 0.625rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 {
    position: fixed !important;
    right: 1rem;
    top: auto !important;
    bottom: 6rem;
    z-index: 9;
    overflow: hidden;
    padding: 0.625rem;
  }
}

.share-style-1 .number-like {
  margin-top: 1.2rem;
  text-align: center;
  color: #999999;
  font-weight: normal;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .share-style-1 .number-like {
    color: #ffffff;
    font-size: 0.8rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .number-like {
    color: #ffffff;
    font-size: 0.8rem;
  }
}

.share-style-1 .share-links {
  list-style-type: none;
  padding: 0;
  text-align: center;
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .share-style-1 .share-links {
    margin-top: 0.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .share-links {
    color: #ffffff;
    margin-top: 0.5rem;
  }
}

.share-style-1 .share-links .link-social {
  margin-top: 1.2rem;
}

@media (max-width: 767px) {
  .share-style-1 .share-links .link-social {
    margin-top: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .share-links .link-social {
    margin-top: 1rem;
  }
}

.share-style-1 .share-links .link-social .lg-icon {
  width: 20px;
}

@media (max-width: 767px) {
  .share-style-1 .share-links .link-social .lg-icon {
    width: 20px;
    -webkit-filter: brightness(290%) contrast(90%);
    filter: brightness(290%) contrast(90%);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .share-links .link-social .lg-icon {
    width: 20px;
    -webkit-filter: brightness(290%) contrast(90%);
    filter: brightness(290%) contrast(90%);
  }
}

.share-style-1 .share-links .link-social .md-icon {
  width: 15px;
}

@media (max-width: 767px) {
  .share-style-1 .share-links .link-social .md-icon {
    width: 15px;
    -webkit-filter: brightness(290%) contrast(90%);
    filter: brightness(290%) contrast(90%);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .share-links .link-social .md-icon {
    width: 15px;
    -webkit-filter: brightness(290%) contrast(90%);
    filter: brightness(290%) contrast(90%);
  }
}

@media (max-width: 767px) {
  .share-style-1 .share-sec {
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    background: #2d94f3;
    z-index: 9;
    border-radius: 50px;
    padding-bottom: 50px;
    display: table;
    position: relative;
    margin: 0 auto;
    opacity: 0;
    padding: 0.3125rem;
    bottom: -3.125rem;
    padding-bottom: 3.125rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .share-sec {
    -webkit-transition: opacity 0.6s ease;
    -o-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease;
    background: #2d94f3;
    z-index: 9;
    border-radius: 50px;
    padding-bottom: 50px;
    display: table;
    position: relative;
    margin: 0 auto;
    opacity: 0;
    padding: 0.3125rem;
    bottom: -3.125rem;
    padding-bottom: 3.125rem;
  }
}

.share-style-1 .slide-up {
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  opacity: 1;
  padding: 0.3125rem;
  padding-bottom: 3.125rem;
}

.share-style-1 .slide-down {
  -webkit-transition: opacity 0.6s ease;
  -o-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
  background: #2d94f3;
  z-index: 9;
  border-radius: 50px;
  padding-bottom: 50px;
  display: table;
  position: relative;
  margin: 0 auto;
  opacity: 0;
  padding: 0.3125rem;
  padding-bottom: 3.125rem;
}

.share-style-1 .show-share {
  border-radius: 50%;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 0;
  position: relative;
  z-index: 10;
  cursor: pointer;
  display: none;
  -webkit-box-shadow: 0 2px 20px rgba(13, 38, 76, 0.3);
  box-shadow: 0 2px 20px rgba(13, 38, 76, 0.3);
}

@media (max-width: 767px) {
  .share-style-1 .show-share {
    display: block;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .show-share {
    display: block;
  }
}

.share-style-1 .show-share .share-toggle {
  width: 18px;
}

.share-style-1 .like-sec .heart-like {
  background: #ffffff;
  width: 55px;
  height: 55px;
  -webkit-box-shadow: 0 5px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 5px 37px rgba(13, 38, 76, 0.07);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  z-index: 0;
  font-size: 1.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .share-style-1 .like-sec .heart-like {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .share-style-1 .like-sec .heart-like {
    width: 40px;
    height: 40px;
    padding-top: 0.8rem;
    font-size: 1rem;
  }
}

.share-style-1 .like-sec .like-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: "";
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  left: 0;
  top: 0;
}

.share-style-1 .like-sec .like-icon:before {
  font-size: 48px;
  line-height: 90px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  display: block;
  -webkit-font-smoothing: antialiased;
}

.share-style-1 .like-sec.icon-effect-1 .like-icon:hover:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms;
  animation: sonarEffect 1.3s ease-out 75ms;
}

.share-style-1 .like-sec.icon-effect-1 .like-icon .heart-fill {
  height: 1.5rem;
}

@media (max-width: 767px) {
  .share-style-1 .like-sec.icon-effect-1 .like-icon .heart-fill {
    height: 1rem;
  }
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.1;
  }

  40% {
    opacity: 0.1;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
  }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.1;
  }

  40% {
    opacity: 0.1;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
  }

  100% {
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px 5px #8695ae,
      0 0 0 5px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    opacity: 0;
  }
}

.discus-sec {
  padding-top: 0;
}

@media (max-width: 767px) {
  .discus-sec {
    padding: 0 0 50px;
  }
}

.dark-theme {
  background: #20202c;
  color: #ffffff;
}

.dark-theme .for-blog-detail {
  z-index: 0 !important;
}

.dark-theme .for-blog-detail:before {
  opacity: 0.4;
}

.dark-theme .bgGradient.full {
  z-index: 0 !important;
}

.dark-theme .white:before {
  background: #20202c !important;
}

.dark-theme .border-tb {
  margin: 1rem -2rem !important;
  border-color: rgba(134, 149, 174, 0.7) !important;
}

@media (max-width: 767px) {
  .dark-theme .border-tb {
    margin: 0 !important;
  }
}

.dark-theme .border-tb .row-take-away {
  padding: 0 1rem;
}

@media (max-width: 767px) {
  .dark-theme .border-tb .row-take-away {
    padding: 0 !important;
  }
}

.dark-theme .dark-style {
  padding: 2rem 3rem 1rem !important;
  background-image: -webkit-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: -o-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: linear-gradient(223deg, #29293d 0%, #20202c 100%);
  position: relative;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .dark-theme .dark-style {
    padding: 1rem 1rem !important;
    margin-top: 0;
  }
}

.dark-theme p {
  color: rgba(255, 255, 255, 0.73) !important;
}

.dark-theme .text-primary {
  color: #c83375 !important;
}

.dark-theme blockquote {
  color: #c83375 !important;
}

.dark-theme .card-box-info {
  /* Mask: */
  background-image: -webkit-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: -o-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: linear-gradient(223deg, #29293d 0%, #20202c 100%);
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  border: 3px solid;
  border-color: #c83375;
}

.dark-theme .card-box-info .body-footer {
  color: rgba(134, 149, 174, 0.7) !important;
}

.dark-theme .card-box-info .body-footer .info-decs:after {
  border-color: rgba(134, 149, 174, 0.7) !important;
}

.dark-theme .card-box-info .title {
  color: #b9c7db;
}

.dark-theme .card-box-info.bg-pattern-blog:before {
  background-image: url(/images/pattern-8.svg?f14d6bd3f9617a160aba941e652b3f37) !important;
}

.dark-theme .breadcrumb-item a {
  color: rgba(134, 149, 174, 0.7) !important;
}

.dark-theme .breadcrumb-item.active,
.dark-theme .breadcrumb-item:before {
  color: rgba(134, 149, 174, 0.7) !important;
}

.dark-theme .blog-large-image p {
  padding-left: 2.8rem !important;
}

@media (max-width: 767px) {
  .dark-theme .blog-large-image p {
    padding-left: 0.5rem !important;
  }
}

.dark-theme .table-style-1 .table th,
.dark-theme .table-style-1 .table td {
  border: none;
}

.dark-theme .table-style-1 tbody td:nth-child(even) {
  background: #4d4865;
}

.dark-theme .table-style-1 tbody td:nth-child(odd) {
  background: #3d334a;
}

.dark-theme .table-style-1 tbody tr {
  border-top: 2px solid #29293d;
  border-bottom: 2px solid #29293d;
}

.dark-theme .table-style-1 tbody tr td {
  color: #ffffff;
  opacity: 0.7;
}

.dark-theme .table-style-1 th {
  color: #b9c7db;
}

.dark-theme .bg-subscribe {
  background-image: -webkit-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: -o-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: linear-gradient(223deg, #29293d 0%, #20202c 100%);
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  border-color: #c83375 !important;
  border-radius: 0 !important;
  border-width: 3px !important;
}

@media (max-width: 767px) {
  .dark-theme .bg-subscribe {
    padding: 1rem;
  }
}

.dark-theme .bg-subscribe .form-control {
  border-color: #c83375 !important;
  background: none;
  color: #ffffff;
}

.dark-theme .bg-subscribe .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.dark-theme .bg-subscribe .form-control::-moz-placeholder {
  color: #ffffff;
}

.dark-theme .bg-subscribe .form-control::-ms-input-placeholder {
  color: #ffffff;
}

.dark-theme .bg-subscribe .form-control::placeholder {
  color: #ffffff;
}

.dark-theme .bg-subscribe .btn-primary {
  background: #c83375 !important;
  border-color: #c83375 !important;
  color: #ffffff;
}

.dark-theme .workGridSection .blog-card {
  border: 3px solid #c83375;
  background-image: -webkit-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: -o-linear-gradient(227deg, #29293d 0%, #20202c 100%);
  background-image: linear-gradient(223deg, #29293d 0%, #20202c 100%);
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
}

.dark-theme .workGridSection .blog-card .card-small-title {
  color: rgba(134, 149, 174, 0.7) !important;
}

@media (max-width: 767px) {
  .dark-theme .workGridSection .blog-card .card-small-title {
    display: block;
    margin-bottom: 1rem;
  }
}

.dark-theme .workGridSection .blog-card .info-decs {
  color: rgba(134, 149, 174, 0.7) !important;
}

.dark-theme .workGridSection .blog-card .card-title {
  max-width: 80%;
  line-height: 1.9;
  margin: 0 0 1.5rem;
  font-size: 1.3rem !important;
  letter-spacing: 0.34px;
}

@media (max-width: 767px) {
  .dark-theme .workGridSection .blog-card .card-title {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-theme .workGridSection .blog-card .card-title {
    max-width: 100%;
  }
}

.dark-theme .workGridSection .blog-card .body-content {
  padding: 2rem 1.25rem 1rem;
}

.dark-theme .workGridSection .blog-card a:hover {
  text-decoration: none !important;
}

.dark-theme .share-links .link-social .lg-icon {
  -webkit-filter: brightness(290%) contrast(90%);
  filter: brightness(290%) contrast(90%);
}

.dark-theme .share-links .link-social .md-icon {
  -webkit-filter: brightness(290%) contrast(90%);
  filter: brightness(290%) contrast(90%);
}

.dark-theme .heart-like {
  background-color: #29293d !important;
  border: 3px solid #c83375 !important;
}

.dark-theme .content-style {
  padding: 0 0 1rem !important;
}

@media (max-width: 767px) {
  .dark-theme .content-style {
    padding: 0 1rem !important;
  }
}

.dark-theme .content-style .btn-light {
  color: #c83375 !important;
  border: none;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.dark-theme .container-md {
  max-width: 865px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-theme .container-md {
    max-width: 700px;
  }
}

.dark-theme .border-top {
  border-color: rgba(134, 149, 174, 0.7) !important;
}

@media (max-width: 767px) {
  .dark-theme .row-content {
    margin: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-theme .row-content {
    margin: 0 !important;
  }
}

.dark-theme strong {
  color: #b9c7db;
}

.dark-footer .mainFooter {
  background-image: -webkit-linear-gradient(313deg, #29293d 0%, #20202c 100%);
  background-image: -o-linear-gradient(313deg, #29293d 0%, #20202c 100%);
  background-image: linear-gradient(-223deg, #29293d 0%, #20202c 100%);
  -webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.59);
}

.related-posts-section .blog-card {
  margin-top: 2rem;
}

.related-posts-section .blog-card:hover {
  -webkit-box-shadow: 0 9px 13px rgba(45, 148, 243, 0.1);
  box-shadow: 0 9px 13px rgba(45, 148, 243, 0.1);
}

.related-posts-section .body-content .card-title {
  margin: 0rem 0 0.5rem;
  line-height: 1.3;
  color: #0d264c;
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
}

.related-posts-section .body-content .card-content {
  color: #8695ae;
  font-weight: 300;
  font-size: 0.8rem;
  margin-top: 0.5rem;
  overflow: hidden;
  height: 56px;
}

.related-posts-section .body-content .bottom-info {
  margin-top: 1.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.related-posts-section .body-content .bottom-info .info-desc {
  color: #0d264c;
  font-weight: 400;
  font-size: 0.8rem;
  margin: 0;
}

.related-posts-section .body-content .bottom-info .info-desc.btn {
  color: #ffffff;
  font-weight: 500;
}

.related-posts-section .share-btn {
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 170px;
  right: 35px;
}

@media (max-width: 767px) {
  .related-posts-section .share-btn {
    bottom: 160px;
  }
}

.teamMainHolder .bg-pattern-6 {
  background-position: center;
  background-size: 102%;
  background-repeat: no-repeat;
}

.teamMainHolder .team-intro .header-description {
  max-width: 60% !important;
  font-weight: 500;
  opacity: 0.71;
}

@media (max-width: 767px) {
  .teamMainHolder .team-intro .header-description {
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-intro .header-description {
    max-width: 100% !important;
  }
}

.teamMainHolder .team-intro .img-group {
  width: 100%;
}

.teamMainHolder .team-intro .team-unity-sec {
  margin-top: 6.3rem;
}

@media (max-width: 767px) {
  .teamMainHolder .team-intro .team-unity-sec {
    margin-top: 4.3rem;
  }
}

.teamMainHolder .team-intro .team-unity-sec .header-title {
  margin-top: 5rem;
  text-align: left;
}

.teamMainHolder .team-intro .team-unity-sec .img-style-1 {
  margin: 0 1rem;
  position: relative;
  overflow: hidden;
}

@media (max-width: 991px) {
  .teamMainHolder .team-intro .team-unity-sec .img-style-1 {
    margin: 0;
  }
}

.teamMainHolder .team-intro .team-unity-sec .img-style-1 .blending-overlay {
  background-color: #2d94f3;
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 21%;
  margin: 0 auto;
  opacity: 0.8;
  -webkit-transform: skew(-33deg);
  -ms-transform: skew(-33deg);
  transform: skew(-33deg);
  mix-blend-mode: color;
  -webkit-animation: blendingOverlay 10s infinite;
  animation: blendingOverlay 10s infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes blendingOverlay {
  0% {
    left: -40%;
  }

  100% {
    left: 120%;
  }
}

@keyframes blendingOverlay {
  0% {
    left: -40%;
  }

  100% {
    left: 120%;
  }
}

.teamMainHolder .team-info {
  padding-top: 25rem;
  margin-top: -27rem;
}

.teamMainHolder .team-info .client-status-number {
  text-align: center;
}

.teamMainHolder .team-info .client-status-number .bg-title {
  background-image: url(/images/team-counter-illustration.svg?616c7fd36c11cb3fb1e1b30367ae002f);
  background-position: center;
  background-repeat: no-repeat;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.teamMainHolder .team-info .client-status-number .status-title {
  margin: 0 auto;
  max-width: 70%;
}

@media (max-width: 767px) {
  .teamMainHolder .team-info .client-status-number .status-title {
    max-width: 60%;
    margin-bottom: 4rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-info .client-status-number .status-title {
    max-width: 100%;
  }
}

.teamMainHolder .office-info {
  margin-top: 8rem;
}

@media (max-width: 767px) {
  .teamMainHolder .office-info {
    margin-top: 3rem;
  }
}

.teamMainHolder .office-info .title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.teamMainHolder .team-grid {
  padding-top: 4rem;
  padding-bottom: 6rem;
  position: relative;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid {
    padding-top: 2rem;
  }
}

.teamMainHolder .team-grid .info-text {
  max-width: 40%;
  margin: 0 auto 3.5rem;
  text-align: center;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .info-text {
    max-width: 100%;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .work-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .work-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .work-grid .grid-item {
  cursor: default;
  background-color: #f7fafe;
  color: #ffffff;
  padding: 20px;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .work-grid .grid-item {
    padding: 1rem;
    width: auto !important;
    grid-row: auto !important;
    grid-column: auto !important;
    -ms-grid-column-align: auto !important;
    justify-self: auto !important;
    margin-left: 0 !important;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .work-grid .grid-item:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .work-grid
  .grid-item:hover:before {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .work-grid
  .grid-item:hover
  .item-img {
  -webkit-transform: scale(1.09) rotate(1deg);
  -ms-transform: scale(1.09) rotate(1deg);
  transform: scale(1.09) rotate(1deg);
  -webkit-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.teamMainHolder .team-grid .culture-grid-holder .work-grid .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .work-grid .item-img {
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid {
  width: 100%;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a {
    display: none;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .a {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  height: 620px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .a {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-a
  .a
  .item-img {
  background-size: 225%;
  background-position-y: 30%;
  background-position-x: 42%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-a
    .a
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .b {
  width: calc(100% - 3rem);
  height: 260px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .b {
    height: 200px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-a
  .b
  .item-img {
  background-position: top;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-a
    .b
    .item-img {
    background-size: cover;
    background-position: left;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .c {
  width: calc(100% + 3rem);
  -ms-grid-column-align: end;
  justify-self: end;
  height: 260px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .c {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-a
  .c
  .item-img {
  background-size: 125%;
  background-position-y: 30%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-a
    .c
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .d {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  height: 340px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .d {
    height: 250px;
  }
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-a .d {
    height: 100%;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-a
  .d
  .item-img {
  background-size: 115%;
  background-position-x: 45%;
  background-position-y: 30%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-a
    .d
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .a {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  width: calc(100% - 5.5rem);
  height: 340px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .a {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-b
  .a
  .item-img {
  background-size: 170%;
  background-position-y: 36%;
  background-position-x: 30%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-b
    .a
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .b {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  margin-left: -5.5rem;
  width: calc(100% - 2.5rem);
  height: 180px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .b {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-b
  .b
  .item-img {
  background-size: 120%;
  background-position-x: 47%;
  background-position-y: 60%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-b
    .b
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .c {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  margin-top: calc(180px + 20px);
  margin-left: -5.5rem;
  width: calc(100% - 2.5rem);
  height: 140px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .c {
    height: 170px;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-b
    .c
    .item-img {
    background-position: left;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-b
    .c
    .item-img {
    background-size: cover;
    background-position: left;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .d {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  margin-left: -8rem;
  width: calc(100% + 8rem);
  height: 340px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .d {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-b
  .d
  .item-img {
  background-size: 110%;
  background-position-y: 60%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-b
    .d
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .e {
  height: 260px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .e {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-b
  .e
  .item-img {
  background-size: 150%;
  background-position-x: 20%;
  background-position-y: 40%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-b
    .e
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .f {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/4;
  height: 260px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-b .f {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-b
  .f
  .item-img {
  background-position-y: 30%;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c {
    display: none;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .a {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  width: calc(100% + 3rem);
  height: 340px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .a {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-c
  .a
  .item-img {
  background-size: 120%;
  background-position-x: 95%;
  background-position-y: 25%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-c
    .a
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .b {
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
  grid-column: 3/4;
  margin-left: 3rem;
  width: calc(100% - 3rem);
  height: 340px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .b {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-c
  .b
  .item-img {
  background-size: 120%;
  background-position-y: 35%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-c
    .b
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .c {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  height: 260px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .c {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-c
  .c
  .item-img {
  background-size: 125%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-c
    .c
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .d {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  height: 260px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .d {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-c
  .d
  .item-img {
  background-size: 130%;
  background-position-y: 50%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-c
    .d
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .e {
  height: 260px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-grid .culture-grid-holder .culture-grid.grid-c .e {
    height: 250px;
  }
}

.teamMainHolder
  .team-grid
  .culture-grid-holder
  .culture-grid.grid-c
  .e
  .item-img {
  background-size: 150%;
  background-position-x: 50%;
  background-position-y: 50%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder
    .team-grid
    .culture-grid-holder
    .culture-grid.grid-c
    .e
    .item-img {
    background-size: cover;
  }
}

.teamMainHolder .great-perks {
  margin-top: 100px !important;
}

.teamMainHolder .great-perks .header-description {
  max-width: 37%;
  font-weight: 500;
  opacity: 0.71;
  margin: 1rem auto;
}

@media (max-width: 767px) {
  .teamMainHolder .great-perks .header-description {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .great-perks .header-description {
    max-width: 57%;
  }
}

.teamMainHolder .team-photo {
  padding: 8rem 0;
}

.teamMainHolder .team-photo .grid-teamPhoto {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  grid-row-gap: 0px;
  grid-column-gap: 2rem;
  margin-bottom: 2rem;
  /*placing grid items*/
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .grid-teamPhoto {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    padding: 2rem 3rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .grid-teamPhoto {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.teamMainHolder .team-photo .grid-teamPhoto .grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  justify-items: center;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .grid-teamPhoto .grid-item {
    width: auto !important;
    height: auto !important;
    grid-row: auto !important;
    grid-column: auto !important;
    -ms-grid-column-align: auto !important;
    justify-self: auto !important;
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .grid-teamPhoto .grid-item {
    width: auto !important;
    height: auto !important;
    grid-row: auto !important;
    grid-column: auto !important;
    -ms-grid-column-align: auto !important;
    justify-self: auto !important;
    margin-left: 0 !important;
  }
}

.teamMainHolder .team-photo .grid-teamPhoto .grid-item:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.teamMainHolder .team-photo .grid-teamPhoto .grid-item:hover .item-img {
  -webkit-transform: scale(1.09) rotate(1deg);
  -ms-transform: scale(1.09) rotate(1deg);
  transform: scale(1.09) rotate(1deg);
  -webkit-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .grid-teamPhoto .grid-item.career-item {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.teamMainHolder .team-photo .photo-sec {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  margin-top: 3rem;
}

.teamMainHolder .team-photo .card-body {
  padding: 0;
}

.teamMainHolder .team-photo .card-body .card-title {
  color: #0d264c;
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0;
}

.teamMainHolder .team-photo .card-body .card-text {
  color: rgba(13, 38, 76, 0.7);
  font-size: 0.75rem;
  margin-top: 0.25rem;
}

.teamMainHolder .team-photo .photo-box {
  -webkit-box-shadow: 2px 2px 36px rgba(68, 68, 68, 0.1) !important;
  box-shadow: 2px 2px 36px rgba(68, 68, 68, 0.1) !important;
  border-radius: 0.8rem;
  margin-bottom: 0.85rem;
  overflow: hidden;
}

.teamMainHolder .team-photo .photo-box .photo-holder {
  height: 15rem;
  background-size: cover;
  background-position: center;
}

@media (max-width: 991px) {
  .teamMainHolder .team-photo .photo-box .photo-holder {
    height: 18rem;
  }
}

@media (min-width: 1024px) {
  .teamMainHolder .team-photo .photo-box .e15 {
    background-size: 110%;
    background-position-y: 100%;
  }
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .photo-box .e15 {
    background-size: 110%;
    background-position-y: 100%;
  }
}

@media (min-width: 1024px) {
  .teamMainHolder .team-photo .photo-box .e16 {
    background-size: 115%;
    background-position-y: 100%;
  }
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .photo-box .e16 {
    background-size: 110%;
    background-position-y: 100%;
  }
}

@media (min-width: 1024px) {
  .teamMainHolder .team-photo .photo-box .e19 {
    background-size: 116%;
    background-position-y: 100%;
  }
}

.teamMainHolder .team-photo .career-photo-sec:hover {
  text-decoration: none;
}

.teamMainHolder .team-photo .career-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
  padding: 1rem;
  background: #ffffff;
  height: 15rem;
  border: 1px solid #2d94f3;
  height: 238.66px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .career-box {
    height: 288.66px;
  }
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .career-box {
    height: 288.66px;
  }
}

.teamMainHolder .team-photo .career-box .logo {
  width: 2rem;
  vertical-align: bottom;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .career-box .logo {
    width: 3rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .career-box .card-title {
    font-size: 1.2rem;
  }
}

.teamMainHolder .team-photo .career-box .card-title .image-sub-title {
  position: relative;
  top: -1px;
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .career-box .card-title .image-sub-title {
    top: -1px;
  }
}

.teamMainHolder .team-photo .career-box .card-link {
  font-size: 0.85rem;
}

@media (min-width: 992px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .career-box .card-link {
    font-size: 1.5rem;
  }
}

.teamMainHolder .team-photo .career-box .card-text {
  font-size: 1rem;
  margin: 1.7rem 0;
}

@media (max-width: 991px) {
  .teamMainHolder .team-photo .career-box .card-text {
    max-width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1023px) {
  .teamMainHolder .team-photo .career-box .card-text {
    max-width: 90%;
    margin: 4rem 0 4rem;
    font-size: 1.7rem;
  }
}

@media (max-width: 767px) {
  .teamMainHolder .team-photo .header-title {
    font-size: 1.5rem;
    text-align: center;
  }
}

.teamMainHolder .graphic-illustration-sec {
  padding: 30rem 0 7.5rem;
  margin-top: -30rem;
  z-index: -1;
}

@media (max-width: 767px) {
  .teamMainHolder .graphic-illustration-sec {
    padding: 20rem 0 15rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .graphic-illustration-sec {
    padding: 20rem 0 12rem;
  }
}

.teamMainHolder .graphic-illustration-sec .bgGradient {
  -webkit-transform: skewY(-13deg);
  -ms-transform: skewY(-13deg);
  transform: skewY(-13deg);
}

.teamMainHolder .graphic-illustration-sec .bg-pattern-team {
  position: absolute;
  margin-top: -18rem;
  height: 200%;
  width: 100%;
}

@media (max-width: 767px) {
  .teamMainHolder .graphic-illustration-sec .bg-pattern-team {
    height: 400%;
    width: 200%;
    margin-top: -10rem;
  }
}

.teamMainHolder .celebrate-sec .item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: top;
  -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .item-img {
    background-position: center;
  }
}

.teamMainHolder .celebrate-sec .box-style-content .header-title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.teamMainHolder .celebrate-sec .box-style-content .header-descripation {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  color: rgba(13, 38, 76, 0.59);
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .box-style-content .header-descripation {
    max-width: 100%;
  }
}

.teamMainHolder .celebrate-sec .box-style-content.sm-content {
  padding: 0 2rem;
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .box-style-content.sm-content {
    padding: 0;
  }
}

.teamMainHolder .celebrate-sec .box-style-content.sm-content .icon-trip {
  font-size: 1.5rem;
}

.teamMainHolder
  .celebrate-sec
  .box-style-content.sm-content
  .header-descripation {
  max-width: 100%;
}

.teamMainHolder .celebrate-sec .carousel-cell {
  width: 100%;
}

.teamMainHolder .celebrate-sec .for-celebrate {
  margin-top: 10rem;
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .for-celebrate {
    margin-top: 4rem;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  grid-row-gap: 0px;
  grid-column-gap: 0px;
  margin-bottom: 2rem;
  /*placing grid items*/
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .grid-celebrate {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: center;
  text-align: center;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .grid-item {
    padding: 8rem 1rem 8rem;
    width: auto !important;
    height: auto !important;
    grid-row: auto !important;
    grid-column: auto !important;
    -ms-grid-column-align: auto !important;
    justify-self: auto !important;
    margin-left: 0 !important;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .grid-item:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.teamMainHolder .celebrate-sec .grid-celebrate .grid-item:hover .item-img {
  -webkit-transform: scale(1.09) rotate(1deg);
  -ms-transform: scale(1.09) rotate(1deg);
  transform: scale(1.09) rotate(1deg);
  -webkit-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-a {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 1;
  grid-row-start: 1;
  height: 319px;
  width: calc(100% + 7rem);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .box-a {
    height: 229px;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-b {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / span 2;
  height: 100%;
  width: calc(100% - 7rem);
  -ms-grid-column-align: end;
  justify-self: end;
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .box-b {
    padding: 4rem 1rem;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-c {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1 / 2;
  -ms-grid-row: 2;
  grid-row: 2 / 2;
  height: 100%;
  width: calc(100% + 7rem);
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .box-c {
    padding: 4rem 1rem;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-d {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2 / 4;
  grid-column-start: 2;
  height: 470px;
  width: calc(100% - 7rem);
  -ms-grid-column-align: end;
  justify-self: end;
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .box-d {
    -ms-grid-column: 1;
    grid-column-start: 1;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .box-d {
    height: 260px;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-e {
  -ms-grid-column: 1;
  grid-column-start: 1;
  height: 305px;
  width: calc(100% + 7rem);
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-f {
  -ms-grid-column: 2;
  grid-column-start: 2;
  height: 100%;
  width: calc(100% + -4rem);
  -ms-grid-column-align: end;
  justify-self: end;
  left: 3rem;
}

@media (max-width: 767px) {
  .teamMainHolder .celebrate-sec .grid-celebrate .box-f {
    left: 0;
    padding: 4rem 1rem;
  }
}

.teamMainHolder .celebrate-sec .grid-celebrate .box-g {
  -ms-grid-column: 3;
  grid-column-start: 3;
  height: 302px;
  width: calc(100% + -3rem);
  -ms-grid-column-align: end;
  justify-self: end;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .teamMainHolder .celebrate-sec .half-width {
    max-width: 67%;
  }
}

.teamMainHolder .video-container {
  position: relative;
}

.teamMainHolder .video-container .video-content::before {
  content: "";
  position: absolute;
}

.teamMainHolder .video-container .video-content .title {
  margin-bottom: 20px;
}

.teamMainHolder .video-container .video-content .content {
  line-height: 1.8;
}

.teamMainHolder .video-container .iframe-box {
  cursor: pointer;
}

@media (max-width: 767px) {
  .teamMainHolder .video-container .iframe-box {
    margin-top: 2rem;
  }
}

.teamMainHolder .video-container .iframe-box .sb-video-iframe {
  width: 98.7%;
  height: 300px;
}

@media (max-width: 767px) {
  .teamMainHolder .video-container .iframe-box .sb-video-iframe {
    height: 192px;
  }
}

@media (max-width: 350px) {
  .teamMainHolder .video-container .iframe-box .sb-video-iframe {
    height: 162px;
  }
}

.teamMainHolder .video-container .video-box {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.teamMainHolder .video-container .video-box:hover {
  cursor: pointer;
}

.teamMainHolder .video-container .video-box:hover .video-thumbnail {
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.teamMainHolder .video-container .video-box:hover::after {
  background: red;
  border-color: red;
}

.teamMainHolder .video-container .video-box::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.teamMainHolder .video-container .video-box::after {
  content: "\F04B";
  font-family: FontAwesome;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #ffffff;
  font-size: 28px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  padding: 2px 15px;
  width: 50px;
  height: 50px;
}

.teamMainHolder .video-container .video-box .video-thumbnail {
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.TickerNews {
  width: 100%;
  height: 50px;
  line-height: 50px;
}

.ti_wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 50px;
}

.ti_slide {
  width: 30000px;
  position: relative;
  left: 0;
  top: 0;
}

.ti_content {
  width: 8000px;
  position: relative;
  float: left;
}

.ti_news {
  float: left;
}

.ti_news a {
  display: block;
  margin-right: 10px;
  color: black;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.default_theme {
  background-color: #cc231e;
  color: #fff;
}

.TickerNews.default_theme .ti_news a {
  display: block;
  margin-right: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.default_theme .ti_news span {
  color: red;
  font-size: 110%;
}

.TickerNews.theme2 {
  background-color: #f5624d;
  color: #fff;
}

.TickerNews.theme2 .ti_news a {
  display: block;
  margin-right: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.theme2 .ti_news span {
  color: red;
  font-size: 110%;
}

.TickerNews.theme3 {
  background-color: #0f8a5f;
  color: #fff;
}

.TickerNews.theme3 .ti_news a {
  display: block;
  margin-right: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.theme3 .ti_news span {
  color: red;
  font-size: 110%;
}

.TickerNews.theme4 {
  background-color: #34a65f;
  color: #fff;
}

.TickerNews.theme4 .ti_news a {
  display: block;
  margin-right: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.theme4 .ti_news span {
  color: red;
  font-size: 110%;
}

.TickerNews.theme5 {
  background-color: #235e6f;
  color: #fff;
}

.TickerNews.theme5 .ti_news a {
  display: block;
  margin-right: 10px;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: geneva;
}

.TickerNews.theme5 .ti_news span {
  color: red;
  font-size: 110%;
}

.sb-video-modal {
  z-index: 1051;
}

.sb-video-modal .modal-dialog {
  width: 80vw;
  height: 100vh;
  margin: 0 auto;
  max-width: 100%;
}

@media (max-width: 767px) {
  .sb-video-modal .modal-dialog {
    width: 92vw;
    height: auto;
  }
}

.sb-video-modal .modal-dialog .modal-content {
  border: none;
  background: transparent;
}

.sb-video-modal .modal-body {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sb-video-modal .modal-body .close {
  color: #ffffff;
  text-shadow: none;
  opacity: 1;
  font-size: 48px;
  font-weight: inherit;
  outline: 0;
  z-index: 1;
  position: absolute;
  right: -4vw;
  top: 0vh;
  background: #f96464;
  width: 40px;
  height: 40px;
  line-height: 48px;
  border-radius: 50%;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sb-video-modal .modal-body .close {
    right: -2vw;
    top: -2vh;
  }
}

@media (max-width: 767px) {
  .sb-video-modal .modal-body .close {
    font-size: 36px;
    width: 30px;
    height: 30px;
    line-height: 36px;
    right: -2vw;
    top: -2vh;
  }
}

.sb-video-modal .modal-body iframe {
  width: 100%;
  height: 72vh;
}

@media (min-width: 1500px) {
  .sb-video-modal .modal-body iframe {
    height: 80vh;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sb-video-modal .modal-body iframe {
    height: 34vh;
  }
}

@media (max-width: 767px) {
  .sb-video-modal .modal-body iframe {
    height: 29vh;
  }
}

.iframe-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .sb-video-modal.show {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sb-video-modal.show {
    background-color: rgba(0, 0, 0, 0.9);
  }
}

@media (max-width: 767px) {
  .hero-sec.for-meet .content-body {
    padding-bottom: 4rem;
  }
}

.meet-intro-sec {
  padding-bottom: 0.75rem;
}

@media (max-width: 767px) {
  .meet-intro-sec {
    padding-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  .meet-intro-sec .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .meet-intro-sec .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 767px) {
  .meet-intro-sec .header-title {
    font-size: 1.6rem;
  }
}

.meet-intro-sec .header-title.xs {
  font-size: 1.15rem;
}

.meet-intro-sec .header-description {
  margin-top: 1rem;
  line-height: 1.9;
}

.meet-intro-sec .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
}

.meet-intro-sec .social-links .social-item {
  margin-right: 1.3rem;
  opacity: 0.7;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.meet-intro-sec .social-links .social-item:hover {
  opacity: 1;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.meet-intro-sec .social-links .social-item svg {
  height: 1.2rem;
}

.meet-intro-sec .social-links .social-item path {
  fill: #0d264c;
}

.meet-intro-sec .intro-illustration {
  width: 125%;
  margin-left: 4rem;
}

@media (max-width: 767px) {
  .meet-intro-sec .intro-illustration {
    margin-left: 0;
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .meet-intro-sec .intro-illustration {
    width: 140%;
    margin-left: 0;
  }
}

.experience-sec {
  padding-top: 15rem;
  padding-bottom: 15rem;
  margin-bottom: -5.25rem;
}

@media (max-width: 767px) {
  .experience-sec {
    padding-top: 1rem;
    padding-bottom: 8rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .experience-sec {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}

.experience-sec .bgGradient {
  -webkit-transform: skewY(-6deg) !important;
  -ms-transform: skewY(-6deg) !important;
  transform: skewY(-6deg) !important;
}

.experience-sec .headerTagText {
  font-size: 6.5vw;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(45, 148, 243, 0.2);
  position: absolute;
  top: 7rem;
  left: 0;
}

@media (max-width: 767px) {
  .experience-sec .headerTagText {
    display: none;
    font-size: 2.25rem;
    top: 5rem;
  }
}

@media (min-width: 1500px) {
  .experience-sec .headerTagText {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .experience-sec .container {
    max-width: 100%;
  }
}

.timeline-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8rem;
  padding-left: 4rem;
}

@media (max-width: 991px) {
  .timeline-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
    padding-left: 0;
  }
}

.timeline-wrapper .timeline-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  margin-top: 81px;
  min-width: 150px;
}

@media (max-width: 991px) {
  .timeline-wrapper .timeline-label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0;
  }
}

.timeline-wrapper .timeline-label .icon {
  height: 5rem;
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  .timeline-wrapper .timeline-label .icon {
    height: 3rem;
    margin-bottom: 0;
  }
}

.timeline-wrapper .timeline-label .text {
  font-size: 1.04rem;
  font-weight: 500;
}

@media (max-width: 991px) {
  .timeline-wrapper .timeline-label .text {
    font-size: 1.25rem;
    margin-left: 0.5rem;
  }
}

.timeline-wrapper .timeline-container {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.tech-sec .siteSection--header {
  position: relative;
}

@media (max-width: 767px) {
  .tech-sec .header-title {
    font-size: 1.5rem;
  }
}

.tech-sec .header-image {
  position: absolute;
  top: -0.55rem;
  right: 0;
  text-align: center;
}

.tech-sec .header-image img {
  height: 5.5rem;
}

.tech-sec .header-image .label {
  font-size: 1.25rem;
  margin-top: 0.5rem;
}

.tech-sec .content .title {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}

.tech-sec .content .info {
  padding-right: 7rem;
  line-height: 1.9;
}

@media (max-width: 991px) {
  .tech-sec .content .info {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .tech-sec .tech-list-wrapper::before {
    position: absolute;
    left: 0;
    z-index: 10;
    height: 90px;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(white),
      to(transparent)
    );
    background: -webkit-linear-gradient(left, white, transparent);
    background: -o-linear-gradient(left, white, transparent);
    background: linear-gradient(to right, white, transparent);
    width: 40px;
  }

  .tech-sec .tech-list-wrapper::after {
    position: absolute;
    right: 0;
    z-index: 10;
    height: 90px;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(transparent),
      to(white)
    );
    background: -webkit-linear-gradient(left, transparent, white);
    background: -o-linear-gradient(left, transparent, white);
    background: linear-gradient(to right, transparent, white);
    width: 40px;
  }
}

@media (max-width: 767px) {
  .tech-sec .tech-list-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    margin: 0 -15px;
  }
}

.tech-sec .tech-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tech-sec .tech-list .list-item {
  padding: 2rem 3rem;
  text-align: center;
}

@media (max-width: 767px) {
  .tech-sec .tech-list .list-item {
    padding: 1rem 1.5rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .tech-sec .tech-list .list-item {
    padding: 1rem 1.5rem;
  }
}

.tech-sec .tech-list .tech-icon {
  height: 2.2rem;
  width: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .tech-sec .tech-list .tech-icon {
    height: 1.5rem;
  }
}

.tech-sec .tech-list .tech-title {
  margin-top: 0.6rem;
  margin-bottom: 0;
  padding-right: 0;
}

.tech-sec .btn-wrapper {
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .tech-sec .btn-wrapper {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
}

.tech-sec .btn-wrapper .btn {
  margin-right: 2rem;
}

@media (max-width: 767px) {
  .tech-sec .btn-wrapper .btn {
    margin: 1.5rem 0.25rem 0;
  }
}

.tech-sec .btn-wrapper .btn:last-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .tech-sec .btn-wrapper .btn:last-child {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .meetTestimonials.siteSection {
    padding-bottom: 8rem;
  }
}

.meetTestimonials.siteSection .header-description {
  font-weight: 500;
}

.meetTestimonials.siteSection .carousel-testimonial {
  margin-top: 3rem;
}

.crew-sec .crew-sec-body {
  padding: 0 10rem;
}

@media (max-width: 991px) {
  .crew-sec .crew-sec-body {
    padding: 0;
  }
}

.crew-sec .crew-img {
  margin: 4rem 0 2rem;
}

@media (max-width: 767px) {
  .crew-sec .crew-img {
    margin: 2rem 0 3rem;
  }
}

@media (max-width: 767px) {
  .crew-sec .info {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .crew-sec .crew-team-btn-holder {
    margin-top: 2.4rem;
    text-align: center;
  }
}

.uniqueMainHolder .hero-sec .siteSection--body {
  padding: 3rem 0 3rem;
}

@media (max-width: 767px) {
  .uniqueMainHolder .hero-sec .siteSection--body {
    padding: 4rem 0 2rem;
  }
}

.uniqueMainHolder .hero-sec .siteSection--body .header-description {
  max-width: 50%;
}

@media (max-width: 767px) {
  .uniqueMainHolder .hero-sec .siteSection--body .header-description {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .uniqueMainHolder .hero-sec .siteSection--body .header-description {
    max-width: 80%;
  }
}

@media (max-width: 767px) {
  .uniqueMainHolder .hero-sec .siteSection--body .header-title {
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}

.uniqueMainHolder .unique-sec {
  padding: 4rem 0;
}

.uniqueMainHolder .unique-sec .uniqueGrid .grid-item {
  margin-bottom: 4rem;
  text-align: left;
}

@media (max-width: 767px) {
  .uniqueMainHolder .unique-sec .uniqueGrid .grid-item {
    text-align: center;
  }
}

.uniqueMainHolder .unique-sec .uniqueGrid .grid-item .item-icon {
  height: 3rem;
  margin-bottom: 1.5rem;
}

.uniqueMainHolder .unique-sec .uniqueGrid .grid-item .item-info {
  margin-top: 0.5rem;
}

.uniqueMainHolder .unique-sec .uniqueGrid .grid-item .heading {
  font-size: 1.3rem;
  font-weight: 600;
  margin: 0;
}

.uniqueMainHolder .unique-sec .uniqueGrid .grid-item .desc {
  font-size: 0.95rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  opacity: 0.75;
  line-height: 2;
}

@media (max-width: 767px) {
  .uniqueMainHolder .unique-sec .uniqueGrid .grid-item .desc {
    max-width: 100%;
  }
}

.uniqueMainHolder .process-style-1 {
  margin-bottom: 5rem;
}

.uniqueMainHolder .process-style-1 .info-text {
  text-align: center;
}

.uniqueMainHolder .process-style-1 .liner {
  height: 2px;
  background: #dddddd;
  position: absolute;
  width: 80%;
  margin: 0 auto;
  left: 0;
  top: 25%;
  z-index: 0;
}

.uniqueMainHolder .process-style-1 .tab-style-1 {
  margin-top: 3rem;
  padding-left: 9rem;
}

@media (max-width: 767px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 {
    padding-left: 4rem;
  }
}

.uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills {
  border-bottom: none;
  position: relative;
}

@media (max-width: 767px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills {
    display: none;
  }
}

.uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills .tab-count {
  height: 52px;
  line-height: 52px;
  width: 52px;
  text-align: center;
  border-radius: 50%;
  background: #fcfeff;
  display: block;
  z-index: 2;
  position: relative;
  border: 1px solid;
  border-color: rgba(13, 38, 76, 0.5);
  font-size: 1.4rem;
}

.uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills .nav-item {
  margin-bottom: -1px;
  width: 20%;
  text-align: left;
}

.uniqueMainHolder
  .process-style-1
  .tab-style-1
  .nav-pills
  .nav-item:last-child {
  text-align: left;
}

.uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills .nav-link {
  padding: 0;
  color: rgba(13, 38, 76, 0.5);
}

.uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills .nav-link.active {
  background: none;
  border: none;
  outline: none;
}

.uniqueMainHolder
  .process-style-1
  .tab-style-1
  .nav-pills
  .nav-link.active
  .tab-count {
  background: #2d94f3;
  color: #ffffff;
  border-color: rgba(13, 38, 76, 0.2);
}

.uniqueMainHolder
  .process-style-1
  .tab-style-1
  .nav-pills
  .nav-link.active
  .tab-link-item {
  color: #2d94f3;
}

.uniqueMainHolder .process-style-1 .tab-style-1 .nav-pills .tab-link-item {
  max-width: 70%;
  margin-top: 1rem;
  font-size: 0.9rem;
}

.uniqueMainHolder .process-style-1 .tab-style-1 .tab-content {
  padding-top: 9rem;
}

@media (max-width: 767px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 .tab-content {
    padding-top: 5rem;
  }
}

.uniqueMainHolder
  .process-style-1
  .tab-style-1
  .tab-content
  .graphic-illustration {
  width: 75%;
  margin-top: -2rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .uniqueMainHolder
    .process-style-1
    .tab-style-1
    .tab-content
    .graphic-illustration {
    width: 80%;
  }
}

@media (max-width: 767px) {
  .uniqueMainHolder
    .process-style-1
    .tab-style-1
    .tab-content
    .graphic-illustration {
    width: 50%;
    margin-bottom: 2rem;
    margin-top: -5rem;
  }
}

.uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .header-title {
  font-size: 1.3rem;
  font-weight: 600;
}

.uniqueMainHolder
  .process-style-1
  .tab-style-1
  .tab-content
  .header-description {
  font-size: 0.95rem;
  font-weight: 400;
  margin: 1rem 0 0 0;
  opacity: 0.75;
  max-width: 65%;
}

@media (max-width: 767px) {
  .uniqueMainHolder
    .process-style-1
    .tab-style-1
    .tab-content
    .header-description {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .uniqueMainHolder
    .process-style-1
    .tab-style-1
    .tab-content
    .header-description {
    max-width: 100%;
  }
}

.uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .number-count {
  font-size: 5rem;
  position: absolute;
  left: -2.2rem;
  top: -1.25rem;
  font-weight: bold;
  opacity: 0.1;
  color: #2d94f3;
}

@media (max-width: 767px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .number-count {
    font-size: 3.5rem;
    top: -1.5rem;
    left: 2.25rem;
  }
}

.uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .button-link {
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .button-link {
    display: none;
  }
}

.uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .button-link .btn {
  padding: 0.3rem 1.5rem;
  font-size: 0.9rem;
  font-weight: 500;
}

.uniqueMainHolder
  .process-style-1
  .tab-style-1
  .tab-content
  .tab-pane.item-3
  .graphic-illustration {
  width: 70% !important;
}

@media (max-width: 767px) {
  .uniqueMainHolder
    .process-style-1
    .tab-style-1
    .tab-content
    .tab-pane.item-3
    .graphic-illustration {
    width: 45% !important;
  }
}

@media (max-width: 767px) {
  .uniqueMainHolder .process-style-1 .tab-style-1 .tab-content .tab-pane {
    display: block;
    opacity: 1;
    margin-bottom: 8rem;
    text-align: center;
  }
}

@media (max-width: 767px) {
  .uniqueMainHolder
    .process-style-1
    .tab-style-1
    .tab-content
    .tab-pane:last-child {
    margin-bottom: 0;
  }
}

.photos-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr) [7];
  grid-template-columns: repeat(7, 1fr);
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  grid-gap: 2rem;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  margin-left: -3rem;
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .photos-grid {
    grid-gap: 1rem;
  }
}

.photos-grid .photo-grid-column:nth-child(1) {
  margin-top: calc(-2 * 1rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(1) {
    margin-top: calc(-1 * 1rem);
  }
}

.photos-grid .photo-grid-column:nth-child(2) {
  margin-top: calc(-2 * 2rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(2) {
    margin-top: calc(-1 * 2rem);
  }
}

.photos-grid .photo-grid-column:nth-child(3) {
  margin-top: calc(-2 * 3rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(3) {
    margin-top: calc(-1 * 3rem);
  }
}

.photos-grid .photo-grid-column:nth-child(4) {
  margin-top: calc(-2 * 4rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(4) {
    margin-top: calc(-1 * 4rem);
  }
}

.photos-grid .photo-grid-column:nth-child(5) {
  margin-top: calc(-2 * 5rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(5) {
    margin-top: calc(-1 * 5rem);
  }
}

.photos-grid .photo-grid-column:nth-child(6) {
  margin-top: calc(-2 * 6rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(6) {
    margin-top: calc(-1 * 6rem);
  }
}

.photos-grid .photo-grid-column:nth-child(7) {
  margin-top: calc(-2 * 7rem);
}

@media (max-width: 767px) {
  .photos-grid .photo-grid-column:nth-child(7) {
    margin-top: calc(-1 * 7rem);
  }
}

.photos-grid .photo-item {
  height: 15rem;
  width: 15rem;
  background-size: cover;
  border-radius: 0.25rem;
}

@media (max-width: 767px) {
  .photos-grid .photo-item {
    height: 8rem;
    width: 8rem;
  }
}

.photos-grid .photo-item:first-child {
  margin-bottom: 2rem;
}

@media (max-width: 767px) {
  .photos-grid .photo-item:first-child {
    margin-bottom: 1rem;
  }
}

.cultureRow .info {
  line-height: 1.9;
  margin-top: 0.5rem;
}

.videoSec {
  margin-top: 7rem;
}

.videoSec.with-bg .bgGradient.to-top {
  top: 13rem;
}

.videoSec .video-play-wrapper {
  position: relative;
  margin-top: 4rem;
  cursor: pointer;
}

.videoSec .video-play-wrapper .video-thumbnail {
  position: relative;
  z-index: 2;
  width: 100%;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.videoSec .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-top: 3.5rem solid transparent;
  border-bottom: 3.5rem solid transparent;
  border-left: 5rem solid #ffffff;
  z-index: 3;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media (max-width: 767px) {
  .videoSec .play-btn {
    border-top: 2rem solid transparent;
    border-bottom: 2rem solid transparent;
    border-left: 3rem solid #ffffff;
  }
}

.videoSec .video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.videoSec .video-frame.show {
  z-index: 4;
  opacity: 1;
}

.videoSec .row-container {
  position: relative;
  top: -10rem;
}

.opening-btn {
  margin-top: 3rem;
}

.blog-darkMainholder {
  position: relative;
  background-color: #252535;
}

.blog-darkMainholder .hero-sec {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blog-darkMainholder .hero-sec.hero-shadow {
  -webkit-box-shadow: 0 9px 49px rgba(0, 0, 0, 0.48);
  box-shadow: 0 9px 49px rgba(0, 0, 0, 0.48);
}

.blog-darkMainholder .for-blog-design {
  padding: 0;
}

@media (max-width: 767px) {
  .blog-darkMainholder .for-blog-design {
    padding: 6rem 0;
  }
}

.blog-darkMainholder .for-blog-design .mask-style-1 {
  background-repeat: no-repeat;
  background-position: center;
}

.blog-darkMainholder .dark-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-darkMainholder .header-title {
  color: #ffffff;
}

.blog-darkMainholder .header-description {
  color: #cfcfd5;
}

.blog-darkMainholder .menu-item {
  list-style: none;
}

@media (max-width: 767px) {
  .blog-darkMainholder .menu-item {
    padding-left: 1.5rem;
    margin-top: 3rem;
  }
}

.blog-darkMainholder .menu-item .link-item {
  margin-bottom: 1.5rem;
}

.blog-darkMainholder .menu-item .link-item .link-text {
  font-size: 4.5rem;
  color: #ffffff;
  text-decoration: underline;
}

@media (min-width: 768px) and (max-width: 991px) {
  .blog-darkMainholder .menu-item .link-item .link-text {
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .blog-darkMainholder .menu-item .link-item .link-text {
    font-size: 3rem;
  }
}

.blog-darkMainholder .view-post-sec {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  padding: 0 2rem 0 5rem;
  max-width: 30%;
}

@media (max-width: 767px) {
  .blog-darkMainholder .view-post-sec {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-darkMainholder .view-post-sec {
    max-width: 50%;
  }
}

.blog-darkMainholder .view-post-sec .link-style {
  color: #c83375;
  margin-top: 1rem;
  display: block;
}

@media (max-width: 767px) {
  .blog-darkMainholder .view-post-sec .link-style {
    display: none;
  }
}

.blog-darkMainholder .view-post-sec .link-style .vertical-line {
  width: 0.1rem;
  height: 1.5rem;
  margin-left: 2rem;
  margin-top: 0.7rem;
  background: #c83375;
}

@media (max-width: 767px) {
  .blog-darkMainholder .view-post-sec .link-style .vertical-line {
    height: 0.9rem;
    margin-top: 0.2rem;
  }
}

@media (max-width: 767px) {
  .blog-darkMainholder .view-post-sec .header-descripation {
    display: none;
  }
}

.blog-darkMainholder .heading-style-blog-dark .header-title {
  font-size: 1.4rem;
  line-height: 1.6;
}

.blog-darkMainholder .heading-style-blog-dark .header-description {
  max-width: 40%;
}

@media (max-width: 767px) {
  .blog-darkMainholder .heading-style-blog-dark .header-description {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-darkMainholder .heading-style-blog-dark .header-description {
    max-width: 80%;
  }
}

.blog-darkMainholder .card-slider .blog-card {
  background-image: -webkit-linear-gradient(227deg, #20202c 0%, #29293d 100%);
  background-image: -o-linear-gradient(227deg, #20202c 0%, #29293d 100%);
  background-image: linear-gradient(223deg, #20202c 0%, #29293d 100%);
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  border: 3px solid;
  border-color: #c83375;
  margin: 0;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .blog-card {
    margin: 3rem 0 0;
  }
}

.blog-darkMainholder .card-slider .blog-card .card-small-title {
  color: rgba(134, 149, 174, 0.7) !important;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .blog-card .card-small-title {
    display: block;
    margin-bottom: 1rem;
  }
}

.blog-darkMainholder .card-slider .blog-card .body-content {
  padding: 2rem 1.25rem 1rem;
}

.blog-darkMainholder .card-slider .blog-card .card-text {
  max-width: 65%;
  color: #ffffff;
  font-size: 1.25rem;
  margin: 1rem 0;
  line-height: 2;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .blog-card .card-text {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-darkMainholder .card-slider .blog-card .card-text {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .box-bg-style {
    padding: 2rem;
  }
}

.blog-darkMainholder .card-slider .box-bg-style .row-content {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .box-bg-style .row-content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.blog-darkMainholder .card-slider .box-bg-style .image-bg-illustration {
  height: 12rem;
  width: 100%;
  background-size: 100%;
  border-radius: 0.5rem;
  background-position: center;
  width: 100%;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .box-bg-style .image-bg-illustration {
    width: 90%;
  }
}

.blog-darkMainholder .card-slider .box-bg-style .image-bg-illustration.left {
  margin-left: 1rem;
  margin-right: -2rem;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .box-bg-style .image-bg-illustration.left {
    margin-left: 2rem;
    margin-top: 3rem;
    margin-bottom: -4rem;
    width: calc(100% - 4rem);
  }
}

.blog-darkMainholder .card-slider .box-bg-style .image-bg-illustration.right {
  margin-right: 1rem;
  margin-left: -2rem;
}

@media (max-width: 767px) {
  .blog-darkMainholder .card-slider .box-bg-style .image-bg-illustration.right {
    margin-right: 2rem;
    margin-top: 3rem;
    margin-bottom: -4rem;
    width: calc(100% - 4rem);
  }
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .carousel-cell {
  width: 100%;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-page-dots {
  bottom: -5rem;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-page-dots
  .dot {
  border: 2px solid #c83375;
  opacity: 1;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-page-dots
  .dot.is-selected {
  background: #c83375;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-button {
  background: none;
  opacity: 1;
  position: absolute;
  top: 57.8rem;
  z-index: 2;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-button.previous {
  left: -50px;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-button.previous:before {
  content: "Prev";
  position: block;
  color: #c83375;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-button.next {
  right: -50px;
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-button.next:before {
  position: block;
  color: #c83375;
  content: "Next";
}

.blog-darkMainholder
  .card-slider
  .box-bg-style
  .countless-slider
  .flickity-button
  svg {
  display: none;
}

.blog-darkMainholder .dark-black-sec {
  background-color: #20202c;
  background-image: url(/images/dark-shadow.png?93037ee49ebe70eb9254c4b38739d3d5);
}

.blog-darkMainholder .subscribe-dark-sec {
  background-color: #20202c;
}

.blog-darkMainholder .subscribe-sec {
  padding: 11rem 0;
}

@media (max-width: 767px) {
  .blog-darkMainholder .subscribe-sec {
    padding: 5rem 0;
  }
}

.blog-darkMainholder .subscribe-sec .header-description {
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .blog-darkMainholder .subscribe-sec .header-description {
    max-width: 90%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-darkMainholder .subscribe-sec .header-description {
    max-width: 70%;
  }
}

.blog-darkMainholder .subscribe-sec .subscribeRow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.blog-darkMainholder .subscribe-sec .subscribeRow .btn-subs {
  padding: 0.4rem 2.3rem;
  font-size: 0.9rem;
}

@media (max-width: 767px) {
  .blog-darkMainholder .subscribe-sec .subscribeRow .btn-subs {
    padding: 0.4rem 1.3rem;
  }
}

.blog-darkMainholder .subscribe-sec .bg-subscribe {
  border-color: #c83375 !important;
  border-radius: 0 !important;
}

@media (max-width: 767px) {
  .blog-darkMainholder .subscribe-sec .bg-subscribe {
    padding: 1rem;
  }
}

.blog-darkMainholder .subscribe-sec .bg-subscribe .form-control {
  border-color: #c83375 !important;
  background: none;
  color: #ffffff;
}

.blog-darkMainholder .subscribe-sec .bg-subscribe .form-control.placeholder {
  color: #ffffff;
}

.blog-darkMainholder
  .subscribe-sec
  .bg-subscribe
  .form-control:-moz-placeholder {
  color: #ffffff;
}

.blog-darkMainholder
  .subscribe-sec
  .bg-subscribe
  .form-control::-moz-placeholder {
  color: #ffffff;
}

.blog-darkMainholder
  .subscribe-sec
  .bg-subscribe
  .form-control:-ms-input-placeholder {
  color: #ffffff;
}

.blog-darkMainholder
  .subscribe-sec
  .bg-subscribe
  .form-control::-webkit-input-placeholder {
  color: #ffffff;
}

.blog-darkMainholder .subscribe-sec .bg-subscribe .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-darkMainholder .subscribe-sec .bg-subscribe .btn-primary {
  background: #c83375 !important;
  border-color: #c83375 !important;
  color: #ffffff;
}

.blog-darkMainholder .subscribe-sec .bg-subscribe .btn-primary:hover {
  background: #9f295d !important;
}

@media (max-width: 767px) {
  .blog-darkMainholder .subscribe-sec.bg-pattern-10 {
    background-position: left;
    background-repeat: no-repeat;
    background-size: 270%;
  }
}

.blog-darkMainholder .box-social-style {
  padding: 4rem 0 10rem;
  text-align: center;
  color: #ffffff;
}

@media (max-width: 767px) {
  .blog-darkMainholder .box-social-style {
    padding: 4rem 0 4rem;
  }
}

.blog-darkMainholder .box-social-style .card-box {
  background: #29293d;
  -webkit-box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.59);
  border-radius: 1rem;
  padding: 1rem;
  margin-bottom: 3rem;
  position: relative;
  display: block;
  color: #ffffff;
}

.blog-darkMainholder .box-social-style .social-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  border-radius: 1rem;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.blog-darkMainholder .box-social-style .social-bg:hover {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.blog-darkMainholder .box-social-style .social-icon {
  width: 5rem;
  margin-bottom: 1.5rem;
  -webkit-filter: brightness(100);
  filter: brightness(100);
}

.blog-darkMainholder .box-social-style .share-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-darkMainholder .box-social-style .share-box .btn {
  border: none;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  min-width: 40%;
  margin: 0 auto;
}

.blog-darkMainholder
  .box-social-style
  .share-box
  .btn:hover
  ~ .card-box
  .social-bg {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.blog-darkMainholder .box-social-style .share-box.behance .btn-primary {
  background: #1769ff;
}

.blog-darkMainholder .box-social-style .share-box.behance .social-bg {
  background-color: rgba(23, 105, 255, 0.7);
}

@media (max-width: 767px) {
  .blog-darkMainholder .box-social-style .share-box.dribbble {
    margin-top: 5rem;
  }
}

.blog-darkMainholder .box-social-style .share-box.dribbble .btn-primary {
  background: #ea4c89;
}

.blog-darkMainholder .box-social-style .share-box.dribbble .social-bg {
  background-color: rgba(234, 76, 137, 0.7);
}

.blog-darkMainholder .text-style-1 {
  background-color: #20202c;
}

.blog-darkMainholder .text-style-1 .header-title {
  font-size: 4rem;
  max-width: 60%;
  font-weight: 600;
}

@media (max-width: 767px) {
  .blog-darkMainholder .text-style-1 .header-title {
    max-width: 100%;
    font-size: 2.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-darkMainholder .text-style-1 .header-title {
    max-width: 80%;
  }
}

.blog-darkMainholder .text-style-1 .header-description {
  text-align: right;
  font-style: italic;
  color: #8695ae;
}

.blog-darkMainholder .text-style-2 {
  background-position: bottom;
  padding: 9rem 0;
}

@media (max-width: 767px) {
  .blog-darkMainholder .text-style-2 {
    padding: 4rem 0;
  }
}

.blog-darkMainholder .text-style-2 .header-title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.blog-darkMainholder .text-style-2 .btn-pink {
  background-color: #c83375;
  border: none;
  color: #ffffff;
  font-size: 0.9rem;
  padding: 0.4rem 2rem;
  margin-top: 2rem;
  position: relative;
  z-index: 2;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 8rem;
  line-height: inherit;
}

.blog-darkMainholder .text-style-2 .btn-pink:hover {
  background-color: #9f295d;
}

.blog-darkMainholder .text-style-2 .header-description {
  max-width: 98%;
}

.blog-darkMainholder .text-style-2 .image-illustration {
  width: 28rem;
  position: absolute;
  top: -8rem;
  right: -6rem;
}

@media (max-width: 767px) {
  .blog-darkMainholder .text-style-2 .image-illustration {
    opacity: 0.1;
    top: -28rem;
  }
}

.blog-darkMainholder .text-style-3 {
  padding: 9rem 0 15rem;
  background-color: #20202c;
}

@media (max-width: 767px) {
  .blog-darkMainholder .text-style-3 {
    padding: 7rem 0 9rem;
  }
}

.blog-darkMainholder .text-style-3 .header-title {
  font-size: 2.5rem;
  margin-bottom: 1rem;
  font-weight: normal;
}

.blog-darkMainholder .text-style-3 .header-title .heart-icon {
  width: 2.3rem;
  vertical-align: text-bottom;
}

.blog-darkMainholder .text-style-3 .color-pink {
  font-size: 3rem;
  font-weight: 600;
}

.blog-darkMainholder .text-style-3 .header-description {
  font-size: 3rem;
  max-width: 75%;
  font-weight: 600;
  color: #ffffff;
}

.blog-darkMainholder .text-style-3 .image-illustration {
  width: 28rem;
  position: absolute;
  top: -5rem;
  left: -6rem;
}

@media (max-width: 767px) {
  .blog-darkMainholder .text-style-3 .image-illustration {
    opacity: 0.1;
    top: -5rem;
  }
}

.blog-darkMainholder .color-pink {
  color: #c83375;
  text-decoration: underline;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .blog-darkMainholder .image-logo-mask {
    display: none;
  }
}

.blog-darkMainholder .image-logo-mask .theme-logo {
  height: 100vh;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-darkMainholder .image-logo-mask .theme-logo {
    height: 45vh;
  }
}

@media (max-width: 767px) {
  .blog-darkMainholder .image-logo-mask .theme-logo {
    height: 100vh;
  }
}

.blog-darkMainholder .mt {
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .blog-darkMainholder .mt {
    margin-top: 0;
  }
}

.blog-darkMainholder .pagination-sec {
  position: relative;
  top: 4rem;
}

.blog-darkMainholder .pagination-sec .page-item .page-link {
  color: #8695ae !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-darkMainholder .pagination-sec .page-item .page-link:hover,
.blog-darkMainholder .pagination-sec .page-item .page-link:focus {
  color: #c83375 !important;
  background: none;
}

.blog-darkMainholder .pagination-sec .page-item.active .page-link {
  color: #c83375 !important;
}

.blog-darkMainholder a {
  text-decoration: none;
}

@media (max-width: 767px) {
  .dark-header {
    padding: 1rem 1rem 1rem 1rem !important;
  }
}

@media (max-width: 767px) {
  .dark-header .text {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .dark-header .navbar-toggler-icon {
    color: #ffffff;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-header .navbar-toggler-icon {
    color: #ffffff;
  }
}

.dark-header .navbar-toggler-icon:after,
.dark-header .navbar-toggler-icon:before {
  background: #ffffff !important;
}

@media (max-width: 767px) {
  .dark-header .navbar-collapse {
    background: #29293d;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-header .navbar-collapse {
    background: #29293d;
  }
}

@media (max-width: 767px) {
  .dark-header .close-nav-btn {
    color: #ffffff;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-header .close-nav-btn {
    color: #ffffff;
  }
}

.dark-header.nav-mobile–open {
  background-color: #29293d;
}

.dark-header.nav-mobile–open .svgMainSiteLogo .logo-text .stroke0 {
  fill: url(#Fill-2-Copy-2_2_);
}

.dark-header.nav-mobile–open .svgMainSiteLogo .logo-text .stroke1 {
  fill: #ffffff;
}

.dark-header.nav-mobile–open .svgMainSiteLogo .logo-text .stroke2 {
  fill: #ffffff;
}

@media (max-width: 767px) {
  .dark-header .navbar-collapse {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 4.4rem);
  }
}

.dark-header .navbar-collapse .navbar-nav {
  height: auto;
  padding: 0;
}

@media (min-width: 992px) {
  .dark-header .navbar-collapse .link-menu {
    display: none;
  }
}

.dark-header .navbar-collapse .social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
}

.dark-header .navbar-collapse .nav-link {
  color: #ffffff;
}

.dark-header .navbar-collapse .nav-link svg * {
  fill: #ffffff;
}

.dark-header .navbar-collapse .nav-link:after {
  background-color: #ffffff;
}

@media (max-width: 767px) {
  .dark-header .navbar-collapse .nav-link svg {
    width: 2.1rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .dark-header .navbar-collapse .nav-link svg {
    width: 2.1rem;
  }
}

.hero-sec .siteSection--body.for-career-details {
  padding-top: 10rem;
  padding-bottom: 4rem;
}

.hero-sec .siteSection--body.for-career-details .job-tag {
  display: inline-block;
  padding: 0.25rem 1.25rem 0.09rem;
  border-radius: 2rem;
  text-transform: uppercase;
  font-size: 0.9rem;
  line-height: 1.8;
  font-weight: 600;
  margin-bottom: 1rem;
}

.hero-sec .siteSection--body.for-career-details .job-tag:hover {
  background-color: transparent;
}

.hero-sec .siteSection--body.for-career-details .job-tag.tag-rounded {
  border-radius: 20rem;
}

.hero-sec .siteSection--body.for-career-details .job-tag.tag-cyan {
  color: #28b6b0;
  border-color: #28b6b0;
}

.hero-sec .siteSection--body.for-career-details .job-tag.tag-cyan.tag-border {
  border: 2px solid;
}

.hero-sec .siteSection--body.for-career-details .exp-holder {
  display: block;
  font-size: 1rem;
  padding: 0.3rem 0;
}

.hero-sec .siteSection--body.for-career-details .exp-holder .text {
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0.3rem 0.55rem;
  border-radius: 0.25rem;
  background: #e6e9ec;
  color: #919da8;
}

.hero-sec .siteSection--body.for-career-details .location {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.9;
}

.hero-sec .siteSection--body.for-career-details .header-description {
  margin-top: 2.25rem;
  max-width: 60%;
}

@media (max-width: 767px) {
  .hero-sec .siteSection--body.for-career-details .header-description {
    max-width: 100%;
  }
}

.hero-sec .siteSection--body.for-career-details .apply-btn {
  margin-top: 3rem;
}

.skillSec {
  padding-top: 3.75rem;
}

.skillSec .header-description {
  margin-top: 1.25rem;
}

.skillSec .listRow {
  margin-top: 4rem;
}

@media (max-width: 767px) {
  .skillSec .listRow .listRowItem {
    margin-top: 3rem;
  }
}

@media (max-width: 767px) {
  .skillSec .listRow .listRowItem:first-child {
    margin-top: 0;
  }
}

.skillSec .skills-list {
  padding-left: 0;
  margin-top: 1.25rem;
  list-style: none;
}

.skillSec .skills-list .list-item {
  position: relative;
  padding-left: 2rem;
  padding-top: 0.1rem;
  margin-bottom: 1rem;
}

.skillSec .skills-list .list-item:last-child {
  margin-bottom: 0;
}

.skillSec .skills-list .list-item:before {
  content: "";
  position: absolute;
  top: 0.35rem;
  left: 0;
  background-image: url(/images/bullet-list.svg?28b9a52360ff8c8a23b9aba2f9458104);
  background-size: contain;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 0.875rem;
}

@media (max-width: 767px) {
  .applySec {
    padding-bottom: 0 !important;
  }
}

.applySec .contact-card:hover {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

@media (max-width: 767px) {
  .applySec .contact-card .text-secondary,
  .applySec .contact-card .text-primary a {
    font-size: 0.8rem;
  }
}

.applySec .contact-card .card-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 5px;
  background: #ffffff;
  -webkit-box-shadow: 0 2px 13px #e4edfa;
  box-shadow: 0 2px 13px #e4edfa;
  word-break: break-word;
  padding: 1rem 1rem;
}

@media (max-width: 767px) {
  .applySec .contact-card .card-item {
    padding: 1rem 1rem;
  }
}

.applySec .contact-card .card-item:last-child {
  border-bottom: none;
}

.applySec .contact-card .card-item .icon-img {
  height: 2.5rem;
  margin-right: 1.5rem;
}

@media (max-width: 767px) {
  .applySec .contact-card .card-item .icon-img {
    height: 2rem;
    margin-right: 0.45rem;
  }
}

.applySec .contact-card .card-item .label {
  font-size: 1.04rem;
  margin-bottom: 0.25rem;
}

@media (max-width: 767px) {
  .applySec .contact-card .card-item .label {
    font-size: 0.8rem;
    margin-bottom: 0;
  }
}

.applySec .contact-card .card-item .text {
  font-size: 1.35rem;
  font-weight: 500;
}

@media (max-width: 767px) {
  .applySec .contact-card .card-item .text {
    font-size: 1.15rem;
  }
}

.applySec .contact-card .card-item .text a {
  color: inherit;
}

.applySec .contact-card .card-item .text a:hover {
  color: #0b6ec8;
  text-decoration: none;
}

.applySec .contact-card .pad-right-0 {
  padding-right: 0;
}

@media (max-width: 767px) {
  .applySec .contact-card .pad-right-0 {
    padding-right: 15px;
  }
}

.applySec .contact-card .pad-left-0 {
  padding-left: 0;
}

@media (max-width: 767px) {
  .applySec .contact-card .pad-left-0 {
    padding-left: 15px;
  }
}

.applySec .apply-card {
  padding: 1.5rem 2rem;
}

@media (max-width: 767px) {
  .applySec .apply-card {
    position: relative;
    margin: 0 0;
    border-radius: 0;
    padding: 1.5rem 1rem;
  }
}

.applySec .apply-card:hover {
  -webkit-box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  box-shadow: 0 9px 37px rgba(13, 38, 76, 0.07);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.applySec .apply-card .info {
  line-height: 1.6;
  font-size: 0.85rem;
  text-transform: uppercase;
  opacity: 0.8;
  margin-top: 0.7rem;
}

.applySec .apply-card .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}

.applySec .apply-card .actions .info-select-txt {
  line-height: 1.6;
  font-size: 0.85rem;
  text-transform: uppercase;
  opacity: 0.4;
  margin-top: 0.7rem;
}

@media (max-width: 767px) {
  .applySec .apply-card .actions .info-select-txt {
    width: 100%;
  }
}

.applySec .apply-card .actions .border-heading {
  position: relative;
}

.applySec .apply-card .actions .border-heading:before {
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dddddd;
  content: "";
}

.applySec .apply-card .actions .bg-white {
  position: relative;
  padding: 0 1rem 0 0;
}

.applySec .apply-card .actions .form-control {
  padding: 0.65rem 0.75rem;
  border: none;
}

.applySec .apply-card .actions .form-control.placeholder {
  color: #888888;
}

.applySec .apply-card .actions .form-control:-moz-placeholder {
  color: #888888;
}

.applySec .apply-card .actions .form-control::-moz-placeholder {
  color: #888888;
}

.applySec .apply-card .actions .form-control:-ms-input-placeholder {
  color: #888888;
}

.applySec .apply-card .actions .form-control::-webkit-input-placeholder {
  color: #888888;
}

.applySec .apply-card .actions .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.applySec .apply-card .actions .input-group-prepend {
  margin-right: 0;
  width: 35px;
}

.applySec .apply-card .actions .input-group-text {
  background: none;
  border: none;
  display: block;
}

.applySec .apply-card .actions .border-form-input {
  border: 1px solid #dddddd;
  border-radius: 0.3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.applySec .apply-card .actions .upload-btn {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 0;
  max-width: 100%;
  overflow: hidden;
}

.applySec .apply-card .actions .upload-btn:hover {
  cursor: pointer;
}

.applySec .apply-card .actions .upload-btn .btn {
  width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #777777;
  font-weight: normal;
  border: 1px solid #dddddd;
  font-size: 1rem;
  padding: 0.56rem 0.7rem;
}

.applySec .apply-card .actions .upload-btn .choose-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.applySec .apply-card .actions .send-btn {
  min-width: 5.25rem;
}

.photosGridSec.for-career-details .photos-grid {
  padding-top: 11rem;
}

@media (max-width: 767px) {
  .photosGridSec.for-career-details .photos-grid {
    padding-top: 4rem;
  }
}

.otherJobsSec {
  margin-top: 4rem;
  padding-bottom: 3rem;
}

.otherJobsSec.with-bg .bgGradient.radial-tl {
  top: 2rem;
}

@media (max-width: 767px) {
  .videoSec.for-career-details .header-title {
    font-size: 1.5rem;
  }
}

.videoSec.for-career-details .header-description {
  opacity: 0.6;
  margin-top: 1.25rem;
}

.videoSec.for-career-details .video-play-wrapper {
  margin-top: 5rem;
}

.overflow-hidden-section-xtra {
  overflow: hidden;
}

@media (max-width: 767px) {
  .flex-cl-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 767px) {
  .money-section .mobile-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .money-section .form-control {
    margin-top: 0;
  }
}

.upload-cv-social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
}

.upload-cv-social-icons li {
  margin: 0 1rem;
}

.upload-cv-social-icons li svg {
  height: 3rem;
  width: 3rem;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.upload-cv-social-icons li svg:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.upload-cv-social-icons .facebook svg,
.upload-cv-social-icons .linkedin svg,
.upload-cv-social-icons .instagram svg {
  height: 2.3rem;
}

@media (max-width: 767px) {
  .contentMainHolder .content-body {
    padding: 9rem 0 2.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .contentMainHolder .content-body {
    padding: 10rem 0 3rem;
  }
}

.contentMainHolder .hero-sec.bg-pattern-2 {
  background-position: center;
}

@media (max-width: 767px) {
  .contentMainHolder .hero-sec.bg-pattern-2 {
    background-position: left center;
  }
}

.contentMainHolder .hero-sec .header-description {
  max-width: 60%;
}

@media (max-width: 767px) {
  .contentMainHolder .hero-sec .header-description {
    max-width: 80%;
  }
}

.contentMainHolder .contentSec .xs {
  font-weight: 600;
  font-size: 1.1rem;
  color: rgba(13, 38, 76, 0.8);
}

.contentMainHolder .contentSec .md {
  opacity: 0.75;
  margin-top: 1rem;
}

.contentMainHolder .contentSec .content-sec {
  margin-top: 3rem;
}

.contentMainHolder .contentSec .text-primary {
  text-decoration: none;
  color: #2d94f3;
}

.contentMainHolder .bullet-text {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}

.contentMainHolder .bullet-text .list-item {
  margin: 0.5rem 0;
}

.contentMainHolder .bullet-text .list-item:before {
  content: "";
  display: inline-block;
  margin-right: 15px;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50% 50% 50% 50%;
  background: #2d94f3;
}

.contentMainHolder .list-style-1 {
  padding-left: 1.2rem;
  opacity: 0.75;
  margin-top: 1rem;
  font-weight: normal;
  line-height: 1.8;
  font-size: 1.04rem;
}

.contentMainHolder .description-info {
  font-size: 1.8;
  margin-top: 1rem;
  opacity: 0.75;
  font-style: italic;
}

.contentMainHolder .mt {
  margin-top: 1rem;
}

.hero-sec.for-404 {
  padding: 4rem 0;
}

.hero-sec.for-404 .header-title {
  color: #e0ecfb;
}

.hero-sec.for-404 .content-body .lg {
  font-size: 10.6rem;
  line-height: 1;
  font-weight: 800;
}

@media (max-width: 767px) {
  .hero-sec.for-404 .content-body .lg {
    font-size: 7.6rem;
  }
}

.hero-sec.for-404 .header-description {
  max-width: 100%;
}

.chat-popup {
  font-family: "sb-sans";
  display: none;
  position: fixed;
  bottom: 125px;
  right: 25px;
  z-index: 999999;
  min-height: 550px;
  max-height: 550px;
  width: 350px;
  background-color: #ffffff;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16) !important;
}

@media (max-width: 767px) {
  .chat-popup {
    min-height: 100vh;
    max-height: 100vh;
    width: 100%;
    bottom: 0;
    right: 0;
    border-radius: 0.75rem;
    top: 0;
  }
}

.chat-popup .chat-popup-header {
  border-radius: 0.75rem 0.75rem 0 0;
  background-color: #2d94f3;
  text-align: center;
  font-size: 20px;
  padding: 20px;
  color: #ffffff;
}

@media (max-width: 767px) {
  .chat-popup .chat-popup-header {
    border-radius: 0;
  }
}

.chat-popup .chat-popup-header .chat-close-text {
  position: absolute;
  right: 20px;
}

.chat-popup .botui-container {
  border-radius: 0 0 0.75rem 0.75rem;
  max-height: 380px;
  overflow-y: auto;
}

@media (max-width: 767px) {
  .chat-popup .botui-container {
    border-radius: 0;
  }
}

.chat-popup .botui-message-content {
  background: #e9f2fc;
  word-break: break-word;
}

.chat-popup .botui-message-content.human {
  background-color: #2d94f3;
}

.chat-popup .botui-message-content .dot {
  background-color: #2d94f3;
}

.chat-popup .botui-actions-container {
  padding-top: 0;
}

.chat-popup .botui-actions-text-submit {
  background: #2d94f3;
  border: none;
  position: absolute;
  top: 0.5rem;
  right: 0;
}

.chat-popup .botui-actions-buttons-button {
  border: 1px solid #2d94f3;
  border-radius: 150px;
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #2d94f3;
  background-color: #ffffff;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.chat-popup .botui-actions-buttons-button:hover {
  background-color: rgba(45, 148, 243, 0.2);
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.chat-popup .button.botui-actions-buttons-button {
  margin-bottom: 0;
}

.chat-popup .botui-actions-text {
  position: relative;
}

.chat-popup .botui-actions-text .botui-actions-text-input {
  border-bottom: 1.5px solid #cccccc;
  line-height: 2rem;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.chat-popup .botui-actions-text .botui-actions-text-input:focus,
.chat-popup .botui-actions-text .botui-actions-text-input:active {
  border-color: #2d94f3;
  -webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.botui-actions-text-input {
  width: 100%;
}

.chat-intial-trigger {
  background-color: #2d94f3;
  color: #ffffff;
  padding: 16px 20px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0 5px 40px rgba(0, 0, 0, 0.16) !important;
  z-index: 2;
}

@media (max-width: 767px) {
  .chat-intial-trigger.js-chat-opened {
    top: 9px;
    z-index: 9999999;
    left: 9px;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
}

.chat-intial-trigger .chat-close-text {
  display: none;
  font-size: 30px;
  line-height: 1;
}

.whatsapp-btn {
  padding: 15px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #5ecd6c;
  -webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.16) !important;
  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.16) !important;
  z-index: 99;
}

@media (max-width: 767px) {
  .whatsapp-btn {
    width: 60px;
    height: 60px;
  }
}

.whatsapp-btn .whatsapp-icon {
  width: 40px;
  height: auto;
}

@media (max-width: 767px) {
  .whatsapp-btn .whatsapp-icon {
    width: 30px;
  }
}

.chatbot-btn {
  padding: 15px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: fixed;
  bottom: 23px;
  right: 28px;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: transparent;
  z-index: 99;
}

@media (max-width: 767px) {
  .chatbot-btn {
    width: 60px;
    height: 60px;
  }
}

.chatbot-btn .bot-icon {
  width: 70px;
  height: auto;
}

@media (max-width: 767px) {
  .chatbot-btn .bot-icon {
    width: 30px;
  }
}

.blog-authorMainHolder .pg-heading {
  margin-bottom: 3rem;
  font-size: 2rem;
  margin-top: 4rem;
  text-align: center;
}

.blog-authorMainHolder .author-profile .author-box {
  background: rgba(45, 148, 243, 0.05);
  border-radius: 0.4rem;
  padding: 3rem 1rem;
  margin: 2rem auto 3rem;
  padding-left: 9rem;
}

@media (max-width: 767px) {
  .blog-authorMainHolder .author-profile .author-box {
    padding-left: 0;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-authorMainHolder .author-profile .author-box {
    padding-left: 5rem;
  }
}

.blog-authorMainHolder .author-profile .author-box .author-photo {
  display: none;
  height: 100px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.blog-authorMainHolder .author-profile .author-box .author-name {
  font-size: 1.2rem;
  margin-bottom: 0.7rem;
}

.blog-authorMainHolder .author-profile .author-box .author-desc {
  font-weight: 400;
  line-height: 1.7rem;
}

.blog-authorMainHolder .author-posts {
  margin: 5rem 0;
}

.blog-authorMainHolder .author-posts a {
  text-decoration: none;
}

.blog-authorMainHolder .author-posts .heading {
  margin: 1rem 0 2rem;
  font-size: 1.6rem;
  color: #0d264c;
}

.blog-authorMainHolder .author-posts .card {
  padding: 0;
  margin-top: 2rem;
}

@media (max-width: 767px) {
  .blog-authorMainHolder .author-posts .card {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 2rem;
  }
}

.blog-authorMainHolder .author-posts .card .body-header .blog-img {
  height: 170px;
  width: 100%;
  background-size: cover;
  background-position: top center;
}

.blog-authorMainHolder .author-posts .card .body-content .card-small-title {
  font-weight: 400;
  color: #8695ae;
  font-size: 0.9rem;
}

.blog-authorMainHolder .author-posts .card .body-content .card-title {
  font-size: 1rem !important;
  font-weight: 500 !important;
  margin: 0;
  line-height: 1.3;
  color: #0d264c;
  min-height: 60px;
  max-height: 60px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .blog-authorMainHolder .author-posts .card .body-content .card-title {
    min-height: auto;
    max-height: auto;
  }
}

.blog-authorMainHolder .author-posts .card .body-content .bottom-info {
  margin-top: 1.35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.blog-authorMainHolder
  .author-posts
  .card
  .body-content
  .bottom-info
  .info-desc {
  color: #0d264c;
  font-weight: 400;
  font-size: 0.8rem;
  margin: 0;
}

.blog-authorMainHolder
  .author-posts
  .card
  .body-content
  .bottom-info
  .info-desc.btn {
  color: #ffffff;
  font-weight: 500;
}

.blog-authorMainHolder .author-profile .bgGradient {
  top: 120px !important;
}

@media (min-width: 1500px) {
  .blog-authorMainHolder .author-profile .bgGradient {
    top: 150px !important;
  }
}

.blog-authorMainHolder .author-profile .bgGradient::before {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(30%, #f2f7fd),
    color-stop(60%, #f7fafe),
    to(#ffffff)
  ) !important;
  background: -webkit-linear-gradient(
    top,
    #f2f7fd 30%,
    #f7fafe 60%,
    #ffffff 100%
  ) !important;
  background: -o-linear-gradient(
    top,
    #f2f7fd 30%,
    #f7fafe 60%,
    #ffffff 100%
  ) !important;
  background: linear-gradient(
    to bottom,
    #f2f7fd 30%,
    #f7fafe 60%,
    #ffffff 100%
  ) !important;
}

.blog-authorMainHolder .profile-container {
  position: relative;
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .profile-description {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .profile-description .header-title {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .profile-description .social-links {
    display: block;
    text-align: center;
  }
}

.blog-authorMainHolder .profile-container .user-profile-img {
  text-align: right;
  margin-bottom: 1rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-authorMainHolder .profile-container .user-profile-img {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .user-profile-img {
    text-align: center;
  }
}

.blog-authorMainHolder .profile-container .user-profile-img .user-image {
  width: 250px;
  height: 250px;
  border-radius: 0.8rem;
  background-size: cover !important;
  margin-left: auto;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .user-profile-img .user-image {
    margin: 0 auto;
  }
}

.blog-authorMainHolder .profile-container .user-profile-details {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 1;
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .user-profile-details {
    margin-bottom: 3rem;
  }
}

.blog-authorMainHolder .profile-container .user-profile-details .author-name {
  margin: 0;
  color: #0d264c;
}

.blog-authorMainHolder
  .profile-container
  .user-profile-details
  .author-profession {
  margin: 0rem 0rem 0.5rem;
}

.blog-authorMainHolder
  .profile-container
  .user-profile-details
  .social-media-links
  .item-parent {
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
  margin-bottom: 0px;
}

.blog-authorMainHolder
  .profile-container
  .user-profile-details
  .social-media-links
  .item-parent
  .item {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .blog-authorMainHolder .profile-container .sm-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

@media (max-width: 767px) {
  .blog-authorMainHolder .profile-container .sm-order-2 {
    -webkit-box-ordinal-group: inherit;
    -ms-flex-order: inherit;
    order: inherit;
  }
}

.blogSearchMainholder .no-results {
  font-size: 1.5rem;
  color: #8695ae;
  text-align: center;
  margin: 3rem 0;
}

.project-bg {
  position: relative;
  padding-top: 90px;
  padding-bottom: 2.2rem;
  margin-bottom: 4rem;
}

@media (max-width: 767px) {
  .project-bg {
    padding-top: 45px;
  }
}

.project-bg::before {
  content: "";
  position: absolute;
  background-image: url("/images/opensource/project-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  top: 5.5rem;
  left: 0;
  right: 0;
}

@media (max-width: 767px) {
  .project-bg::before {
    top: 30rem;
  }
}

.project-bg .our-project-cards {
  margin-top: 70px;
  padding: 0px 1.2rem;
}

@media (max-width: 767px) {
  .project-bg .our-project-cards {
    padding: 0px 0.2rem;
  }
}

.project-bg .our-project-cards .body-header {
  text-align: left;
}

.project-bg .our-project-cards .area-cell {
  min-height: 265px;
  border: none;
  position: relative;
}

.project-bg .our-project-cards .area-cell:hover {
  -webkit-box-shadow: 0 9px 37px rgba(145, 157, 168, 0.16);
  box-shadow: 0 9px 37px rgba(145, 157, 168, 0.16);
}

.project-bg .our-project-cards .area-cell-holder {
  margin-bottom: 18px;
}

.project-bg .our-project-cards .grid-item:nth-child(3n-1) {
  padding-top: 1rem;
}

@media (max-width: 767px) {
  .project-bg .our-project-cards .grid-item:nth-child(3n-1) {
    padding-top: 0;
  }
}

.project-bg .our-project-cards .title {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.project-bg .our-project-cards .title .logo {
  height: 45px;
}

.project-bg .our-project-cards .title .name {
  line-height: 1.1;
}

.project-bg .our-project-cards .title .sub-logo {
  height: 18px;
}

.project-bg .our-project-cards .title .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.project-bg .our-project-cards .title .sub-title-text {
  font-size: 1.04rem;
  color: rgba(134, 150, 174, 0.7);
  font-weight: 400;
  margin-left: 10px;
}

.project-bg .our-project-cards .info {
  text-align: left;
}

.project-bg .our-project-cards .body-footer {
  text-align: right;
}

.project-bg .our-project-cards .stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.project-bg .title-community {
  font-size: 22px;
}

.project-bg .social-icons {
  margin-top: 20px;
}

.project-bg .social-icons a {
  margin-right: 20px;
}

.project-bg .zIndex-1 {
  z-index: 1;
}

.share-section {
  display: none;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 8px 10px;
  position: absolute;
  bottom: -16px;
  right: 0px;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  padding-bottom: 0px;
  -webkit-box-shadow: 0 17px 37px rgba(0, 0, 0, 0.2);
  box-shadow: 0 17px 37px rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
  .share-section {
    right: -10px;
  }
}

.share-section .stats-item {
  margin-right: 8px;
}

.share-section .stats-item:last-child {
  margin-right: 0px;
}

.show-shareIcons {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

@media (max-width: 767px) {
  #MyContainerId {
    display: none;
  }
}

#opensourceLottie {
  max-height: 570px;
}

.our-partner-row .card-footer {
  padding: 0px;
  background-color: transparent;
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.our-partner-row .area-cell {
  padding: 25px 1.7rem;
  min-height: 20rem;
}

.our-partner-row .body-header {
  height: 60px;
}

.our-partner-row .body-content {
  margin-top: 1.5rem;
}

.pagination {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .pagination {
    margin-top: 30px;
  }
}

.pagination-list {
  width: 100%;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0px;
}

.pagination-list .list {
  margin: 0px 1rem;
}

@media (max-width: 767px) {
  .pagination-list .list {
    margin: 0px 0.5rem;
  }
}

.pagination-list .list-link {
  color: #0d264c;
}

.pagination-list .list-left {
  margin-right: 3rem;
}

@media (max-width: 767px) {
  .pagination-list .list-left {
    margin-right: 1rem;
  }
}

.pagination-list .active {
  color: #2d94f3;
}

.pagination-list .list-right {
  margin-left: 3rem;
}

@media (max-width: 767px) {
  .pagination-list .list-right {
    margin-left: 1rem;
  }
}

.our-partner-section .btn-white-all {
  border: none;
}

.our-partner-section .btn-white-all .text-all {
  color: #ffffff;
}

.our-partner-section .headerTagText {
  top: 13rem;
}

.our-partner-section .partner-title {
  color: #2d94f3;
}

.our-partner-section .hero-convinced {
  max-height: 550px;
}

@media (max-width: 767px) {
  .our-partner-section .hero-convinced {
    display: none;
  }
}

.our-partner-main .hero-illustration {
  top: -10vh;
  left: 10vh;
  max-width: 100%;
  max-height: 546px;
}

@media (max-width: 767px) {
  .our-partner-main .hero-illustration {
    top: -3vh;
  }
}

.hire-sec .siteSection.with-bg .bgGradient.full.blue::before {
  background: transparent -webkit-linear-gradient(285deg, #f7fafe 0%, #f7fafe
        86%, #ffffff02 100%) !important;
  background: transparent -o-linear-gradient(285deg, #f7fafe 0%, #f7fafe 86%, #ffffff02
        100%) !important;
  background: transparent
    linear-gradient(165deg, #f7fafe 0%, #f7fafe 86%, #ffffff02 100%) !important;
}

.hire-sec .pattern {
  height: 100vh;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 7rem;
}

.hire-sec .hire-btn {
  font-size: 1rem !important;
  position: relative;
  z-index: 9;
}

.hire-sec .header-title {
  font-size: 2.4rem !important;
}

.hire-sec .no-payment {
  opacity: 0.3 !important;
  font-weight: 500 !important;
  font-size: 16px;
}

.hire-sec .hire-gradient {
  -webkit-transform: skewY(-6deg) !important;
  -ms-transform: skewY(-6deg) !important;
  transform: skewY(-6deg) !important;
}

.hire-sec .work-sec {
  padding: 8rem 0 4rem;
}

.hire-sec .technology-sec {
  padding: 8rem 0;
}

@media (max-width: 767px) {
  .hire-sec .technology-sec {
    padding: 8rem 0 0;
  }
}

.hire-sec .for-home {
  padding-bottom: 8rem;
}

.hire-sec .hire-compare {
  text-align: center;
  margin-bottom: 4rem;
}

.hire-sec .hiring-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hire-sec .hiring-sec-box {
  width: 24%;
  min-width: 270px;
  background: #ffffff;
  border-radius: 14px;
  padding: 30px 20px 20px 30px;
  margin: 2rem 3rem;
  -webkit-box-shadow: 0px 2px 12px #2c94f326;
  box-shadow: 0px 2px 12px #2c94f326;
}

@media (max-width: 767px) {
  .hire-sec .hiring-sec-box {
    margin: 1rem;
  }
}

.hire-sec .hiring-sec-box img {
  height: 45px;
  margin-bottom: 1rem;
  width: 55px;
}

.hire-sec .hiring-sec-box p {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.37px;
  color: #0d264c;
  font-weight: 500;
  max-width: 174px;
}

.hire-sec .technology-main-head {
  font-size: 30px;
  letter-spacing: 0.54px;
  text-align: center;
  margin: 4rem 0 4rem;
}

@media (max-width: 767px) {
  .hire-sec .technology-main-head {
    margin: 1rem 0 4rem;
  }
}

.hire-sec .technology-intro-head {
  color: #2d94f3;
  margin: 40px 0 20px;
  font-size: 27px;
  letter-spacing: 0.54px;
  font-weight: 600;
}

.hire-sec .technology-intro .technology-intro-part {
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 36px #b7c6db5c;
  box-shadow: 2px 2px 36px #b7c6db5c;
  border-radius: 16px;
  padding: 40px 40px 10px;
}

@media (max-width: 767px) {
  .hire-sec .technology-intro .technology-intro-part {
    padding: 20px 16px;
  }
}

.hire-sec .technology-intro .technology-intro-part-first .technology-category {
  display: inline-block;
  font-size: 17px;
  letter-spacing: 0.32px;
}

.hire-sec .technology-intro .technology-intro-part-first > img {
  height: 36px;
  width: 46px;
}

.hire-sec .technology-category-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 20px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .hire-sec .technology-category-sec {
    margin: 20px 0;
  }
}

.hire-sec .technology-category-sec .technology {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 36px;
}

.hire-sec .technology-category-sec .technology img {
  height: 30px;
  width: 30px;
}

.hire-sec .technology-category-sec .technology .technology-name {
  font-size: 0.85rem;
  line-height: 1;
  opacity: 0.71;
  margin-top: 0.6rem;
}

.hire-sec .technology-category-sec .technology .technology-parent-name {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.6;
  margin-top: 0.2rem;
}

.hire-sec .bg-pattern {
  background-image: url("/images/hire-instant-pattern.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: 95%;
}

@media (max-width: 1280px) {
  .hire-sec .bg-pattern {
    background-size: 100%;
  }
}

@media (min-width: 1500px) {
  .hire-sec .bg-pattern {
    background-size: 72%;
  }
}

.hire-sec .bg-pattern-hire-compare {
  background-image: url("/images/hire-compare-pattern.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

.hire-sec .hero-illustration {
  left: 6vh;
}

@media (max-width: 1280px) {
  .hire-sec .hero-illustration {
    left: 4vh;
  }
}

@media (max-width: 767px) {
  .hire-sec .hero-illustration {
    max-width: 98% !important;
    left: 0.4rem;
  }
}

.hire-sec .limit-box {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.faq-main {
  margin: 6rem 0 8rem;
}

.faq-main .faq-head {
  font-size: 1.87rem;
  letter-spacing: 0.6px;
  text-align: center;
  margin: 0 0 4rem;
}

@media (max-width: 767px) {
  .faq-main .faq-head {
    margin-top: 0;
  }
}

.faq-main .fa-inverse {
  color: #2d94f3;
  border: 1px solid #2d94f3;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .faq-main .fa-inverse {
    padding: 1px 0 0 1px;
  }
}

.faq-main .fa-circle {
  color: #ffffff;
}

.faq-main .card {
  margin: 1rem 0;
  -webkit-box-shadow: 0px 2px 12px #2c94f326;
  box-shadow: 0px 2px 12px #2c94f326;
  border: 1px solid #2d94f3;
  border-radius: 2px;
}

.faq-main .card:hover {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.faq-main .card .card-header {
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 767px) {
  .faq-main .card .card-header {
    padding: 0.75rem 0.7rem;
  }
}

.faq-main .card .card-header h5 {
  width: 100%;
}

.faq-main .card .card-header h5 button {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.faq-main .card .card-header .fa-stack {
  min-width: 2em;
  margin-left: 3px;
}

.faq-main .card .show {
  border-top: 1px solid #2d94f3;
}

.faq-main .card .btn-link {
  letter-spacing: 0.36px;
  color: #0d264c;
  padding: 0;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .faq-main .card .btn-link {
    font-size: 0.9rem;
  }
}

.faq-main .card .btn-link:hover,
.faq-main .card .btn-link:focus {
  text-decoration: none;
  color: #0d264c;
}

.faq-main .card .btn {
  padding: 0;
}

.faq-main .card .card-body {
  letter-spacing: 0.32px;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 30px;
  opacity: 0.7;
}

.faq-main .accordian-btn {
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 36px #b7c6db5c;
  box-shadow: 2px 2px 36px #b7c6db5c;
  border: 1px solid #2d94f3;
  cursor: pointer;
  color: #2d94f3;
  padding: 4px 5px 1px 6px;
}

.hiring-process {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff00),
    color-stop(25%, #f7fafe),
    color-stop(65%, #f7fafe),
    to(#f7fafe)
  );
  background: -webkit-linear-gradient(
    top,
    #ffffff00 0%,
    #f7fafe 25%,
    #f7fafe 65%,
    #f7fafe 100%
  );
  background: -o-linear-gradient(
    top,
    #ffffff00 0%,
    #f7fafe 25%,
    #f7fafe 65%,
    #f7fafe 100%
  );
  background: linear-gradient(
    180deg,
    #ffffff00 0%,
    #f7fafe 25%,
    #f7fafe 65%,
    #f7fafe 100%
  );
  padding: 8rem 0 4rem;
}

@media (max-width: 767px) {
  .hiring-process {
    margin-bottom: 5rem;
  }
}

.hiring-process-head {
  font-size: 109px;
  letter-spacing: 1.35px;
  color: #5598ff96;
  margin-bottom: -10px;
  font-weight: 700;
  opacity: 0.48;
  line-height: 1;
}

@media (max-width: 767px) {
  .hiring-process-head {
    font-size: 76px;
  }
}

.hiring-process-subhead {
  font-size: 25px;
  color: #0d264c;
  margin-bottom: 0;
  font-weight: 600;
}

@media (max-width: 767px) {
  .hiring-process-subhead {
    font-size: 20px;
  }
}

.hiring-process .head-hor {
  border-top: 1px solid #0d264c;
  width: 150px;
  margin: 5px 0 48px 0;
}

@media (max-width: 767px) {
  .hiring-process .head-hor {
    bottom: 38px;
  }
}

.hiring-process-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media (max-width: 767px) {
  .hiring-process-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.para-text {
  position: relative;
  height: 130px;
  width: 100px;
  z-index: 9;
}

@media (max-width: 767px) {
  .para-text + .para-text {
    margin-top: 2rem;
  }
}

.para-text .text {
  position: absolute;
  z-index: 9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 60%;
  left: 20%;
}

.para-text .text p {
  font-size: 22px;
  line-height: 1.2;
}

.para-text .text p span {
  color: #2d94f3;
}

.parallelogram {
  width: 100px;
  height: 130px;
  -webkit-transform: skew(24deg);
  -ms-transform: skew(24deg);
  transform: skew(24deg);
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 36px #b7c6db5c;
  box-shadow: 2px 2px 36px #b7c6db5c;
  position: absolute;
  top: 0;
}

.step-count {
  background: #ffffff;
  border: 0.5px solid #c2c9d2;
  border-radius: 50%;
  position: absolute;
  top: -14px;
  left: 10%;
  z-index: 9;
  min-height: 36px;
  min-width: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  padding-top: 3px;
  opacity: 0.7;
}

.steps-line {
  background-image: url("/images/step-line-back.svg");
  margin: 0px auto;
  padding: 80px 0px 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  max-width: 95%;
}

@media (max-width: 767px) {
  .steps-line {
    background-image: none;
  }
}

.chatbot-new-style .row-custom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .chatbot-new-style .title1 {
    font-size: 2rem;
  }
}

.chatbot-new-style .header-title.lg {
  font-size: 36px;
  line-height: 46px;
  letter-spacing: 0.8px;
  color: #0d264c;
}

@media (max-width: 767px) {
  .chatbot-new-style .header-title.lg {
    font-size: 25px;
    line-height: 35px;
  }
}

.chatbot-new-style .header-title.lg .text-theme {
  color: #2d94f3;
}

.chatbot-new-style .whtsp-icon {
  position: absolute;
  z-index: 9;
  margin: 0 auto;
}

.chatbot-new-style .user-icon {
  position: absolute;
  z-index: 9;
  margin: 0 auto;
}

.chatbot-new-style .business-owner .whtsp-icon {
  bottom: 143px;
  left: -20px;
  right: auto;
  width: 80px;
}

@media (max-width: 767px) {
  .chatbot-new-style .business-owner .whtsp-icon {
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: -20px;
    margin-bottom: 140px;
  }
}

.chatbot-new-style .lead-nurturing .whtsp-icon {
  top: 193px;
  left: -20px;
  right: auto;
  width: 80px;
}

.chatbot-new-style .lead-nurturing .user-icon {
  bottom: 143px;
  right: -30px;
  left: auto;
}

.chatbot-new-style .accelerate-your .whtsp-icon {
  top: 280px;
  left: -20px;
}

.chatbot-new-style .improve-your .whtsp-icon {
  bottom: 110px;
  left: -20px;
  right: auto;
}

.chatbot-new-style .grow-section {
  min-height: 80vh;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section {
    min-height: auto;
    padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section .main-fold-illustration {
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
  }
}

.chatbot-new-style .grow-section .theme-green {
  color: #25d366;
  font-weight: 600;
}

.chatbot-new-style .grow-section .description {
  font-size: 17.6px;
  line-height: 33px;
  letter-spacing: 0.48px;
  margin: 15px 0 51px;
  font-weight: normal;
  color: #0d264c;
  max-width: 449px;
}

.chatbot-new-style .grow-section .phone-layout {
  position: absolute;
  top: 0;
  width: 217px;
  height: 410px;
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section .phone-layout {
    position: relative;
  }
}

.chatbot-new-style .grow-section .phone-layout .phone {
  width: 213px;
  height: 413px;
  position: absolute;
  z-index: 1;
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section .phone-layout .phone {
    position: relative;
  }
}

.chatbot-new-style .grow-section .content-img {
  width: 208px;
  height: 188px;
  position: absolute;
  left: -30px;
  top: 120px;
  z-index: 2;
}

.chatbot-new-style .grow-section .whtsp-img {
  width: 141px;
  height: 141px;
  position: absolute;
  right: -180px;
  top: 0px;
  z-index: 2;
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section .whtsp-img {
    width: 65px;
    height: 65px;
    margin-top: 100px;
    margin-right: -15px;
    right: 0px;
  }
}

.chatbot-new-style .grow-section .user-img {
  width: 103px;
  height: 61px;
  position: absolute;
  right: -40px;
  bottom: 41px;
  z-index: 2;
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section .user-img {
    width: 65px;
    margin-bottom: 45px;
    margin-right: -10px;
    right: 0px;
    bottom: 0px;
  }
}

.chatbot-new-style .grow-section .circle-dotted-img {
  position: absolute;
  top: -86px;
  left: -50px;
}

@media (max-width: 767px) {
  .chatbot-new-style .grow-section .circle-dotted-img {
    top: 0;
    left: auto;
    right: 0;
    width: 100%;
  }
}

.chatbot-new-style .why-whatsapp-chatbot {
  position: relative;
  padding: 100px 0;
}

.chatbot-new-style .why-whatsapp-chatbot::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  content: "";
  background: -webkit-linear-gradient(
    315deg,
    #eef4fd 20%,
    #f7fafe 45%,
    #ffffff 70%,
    #ffffff 100%
  );
  background: -o-linear-gradient(
    315deg,
    #eef4fd 20%,
    #f7fafe 45%,
    #ffffff 70%,
    #ffffff 100%
  );
  background: linear-gradient(
    135deg,
    #eef4fd 20%,
    #f7fafe 45%,
    #ffffff 70%,
    #ffffff 100%
  );
  -webkit-transform: matrix(1, -0.16, 0, 0.99, 0, 0);
  -ms-transform: matrix(1, -0.16, 0, 0.99, 0, 0);
  transform: matrix(1, -0.16, 0, 0.99, 0, 0);
}

.chatbot-new-style .why-whatsapp-chatbot .header-description {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.48px;
  color: #0d264c;
  font-weight: normal;
  margin-bottom: 0;
}

.chatbot-new-style .why-whatsapp-chatbot .head-section .header-title {
  color: #2c7fff;
  margin-bottom: 25px;
  font-size: 29.6px;
  line-height: 47px;
}

.chatbot-new-style .why-whatsapp-chatbot .head-section .header-description {
  max-width: 60%;
}

.chatbot-new-style .why-whatsapp-chatbot .grid-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 37px 46px;
  position: relative;
  margin: 50px auto 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.chatbot-new-style .why-whatsapp-chatbot .grid-layout .icon-card {
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 12px rgba(44, 148, 243, 0.15);
  box-shadow: 0px 2px 12px rgba(44, 148, 243, 0.15);
  border-radius: 14px;
  width: 323px;
  height: 63px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 30px;
  gap: 0 8px;
}

@media (max-width: 767px) {
  .chatbot-new-style .why-whatsapp-chatbot .grid-layout .icon-card {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.chatbot-new-style .why-whatsapp-chatbot .grid-layout .icon-card .img-icon {
  margin-bottom: 8px;
}

.chatbot-new-style .why-whatsapp-chatbot .grid-layout .img-icon {
  width: 55px;
}

.chatbot-new-style .scroll-section .device-section {
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .chatbot-new-style .scroll-section .device-section {
    scale: 0.7;
  }
}

.chatbot-new-style .scroll-section .device-section .iphone-device {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  width: 340px;
  height: 670px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("/images/chatbot/iphone-2x.webp");
  background-repeat: no-repeat;
  z-index: 1;
  background-size: cover;
}

@media (max-width: 767px) {
  .chatbot-new-style .scroll-section .device-section .iphone-device {
    background: url("/images/chatbot/iphone.webp");
  }
}

.chatbot-new-style
  .scroll-section
  .device-section
  .iphone-device
  .content-scroll {
  width: 282px;
  height: 486px;
  margin-left: 0px;
  margin-top: 99px;
  overflow-x: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
}

.chatbot-new-style
  .scroll-section
  .device-section
  .iphone-device
  .content-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
}

.chatbot-new-style
  .scroll-section
  .device-section
  .iphone-device
  .content-scroll::-webkit-scrollbar:vertical {
  width: 8px;
}

.chatbot-new-style
  .scroll-section
  .device-section
  .iphone-device
  .content-scroll::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.5);
}

.chatbot-new-style .scroll-section .device-section .iphone-device::before {
  position: absolute;
  top: 28px;
  left: 90px;
  z-index: 2;
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  content: "";
  background: url("/images/chatbot/notch.svg");
  background-repeat: no-repeat;
}

.chatbot-new-style
  .scroll-section
  .device-section
  .iphone-device
  .layout-image {
  width: 100%;
}

.chatbot-new-style .device-global-style .icon-list {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 45px 0;
  margin-top: 56px;
}

.chatbot-new-style .device-global-style .icon-list li {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.chatbot-new-style .device-global-style .icon-list li p {
  margin: 0;
  color: #0d264c;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
  letter-spacing: 0.318049px;
}

.chatbot-new-style .device-global-style .icon-list li p span {
  color: #000000;
  font-weight: 600;
}

.chatbot-new-style .device-global-style .icon-list img {
  margin-right: 35px;
}

.chatbot-new-style .section-style-left {
  padding: 150px 0;
}

@media (max-width: 767px) {
  .chatbot-new-style .section-style-left {
    padding: 0px 0 50px;
  }
}

.chatbot-new-style .section-style-left .iphone-device {
  margin-right: 100px;
  margin-left: auto;
}

@media (max-width: 767px) {
  .chatbot-new-style .section-style-left .iphone-device {
    margin-right: 0;
  }
}

.chatbot-new-style .section-style-left .illustration {
  position: absolute;
  bottom: 90px;
  rotate: 346deg;
  left: -9vw;
  width: 750px;
}

@media (max-width: 767px) {
  .chatbot-new-style .section-style-left .illustration {
    width: 220px;
  }
}

.chatbot-new-style .section-style-left .illustration img {
  width: 100%;
}

.chatbot-new-style .highlight-text {
  font-weight: 600;
  font-size: 6.5vw;
  line-height: 120px;
  text-align: center;
  letter-spacing: 0.654769px;
  text-transform: uppercase;
  color: rgba(45, 148, 243, 0.2);
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .chatbot-new-style .highlight-text {
    font-size: 11vw;
    line-height: 1.2;
    margin: -50px 0;
  }
}

.chatbot-new-style .how-it-work {
  background: #2d94f3;
  position: relative;
  z-index: 1;
  padding: 63px 0;
}

.chatbot-new-style .how-it-work .header-title {
  font-weight: 600;
  font-size: 29.6px;
  line-height: 47px;
  color: #ffffff;
}

.chatbot-new-style .how-it-work .description {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  letter-spacing: 0.48px;
  color: rgba(255, 255, 255, 0.75);
}

.chatbot-new-style .how-it-work .btn-default {
  background-color: #ffffff;
  color: #2d94f3;
  margin-top: 45px;
}

.chatbot-new-style .gradient-style {
  position: relative;
}

.chatbot-new-style .gradient-style::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  content: "";
  background: -webkit-linear-gradient(
    276.27deg,
    #f8fcff 17.94%,
    #f7fafe 40.36%,
    #ffffff 62.79%,
    #ffffff 89.69%
  );
  background: -o-linear-gradient(
    276.27deg,
    #f8fcff 17.94%,
    #f7fafe 40.36%,
    #ffffff 62.79%,
    #ffffff 89.69%
  );
  background: linear-gradient(
    173.73deg,
    #f8fcff 17.94%,
    #f7fafe 40.36%,
    #ffffff 62.79%,
    #ffffff 89.69%
  );
  -webkit-transform: matrix(1, -0.16, 0, 0.99, 0, 0);
  -ms-transform: matrix(1, -0.16, 0, 0.99, 0, 0);
  transform: matrix(1, -0.16, 0, 0.99, 0, 0);
}

.chatbot-new-style .section-style-right {
  position: relative;
  padding: 50px 0 150px;
}

@media (max-width: 767px) {
  .chatbot-new-style .section-style-right {
    padding: 50px 0px;
  }
}

.chatbot-new-style .section-style-right .iphone-device {
  margin-right: auto;
  margin-left: 100px;
}

@media (max-width: 767px) {
  .chatbot-new-style .section-style-right .iphone-device {
    margin-left: 0px;
  }
}

.chatbot-new-style .section-style-right .illustration {
  position: absolute;
  bottom: 20px;
  rotate: 346deg;
  left: 7vw;
  width: 750px;
}

@media (max-width: 767px) {
  .chatbot-new-style .section-style-right .illustration {
    position: absolute;
    bottom: 120px;
    rotate: 346deg;
    right: -3vw;
    left: auto;
    width: 190px;
  }
}

.chatbot-new-style .section-style-right .illustration img {
  width: 100%;
}

.chatbot-new-style .pattern-first::after {
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/chatbot/pattern/bg-pattern-1.svg");
  background-size: cover;
}

.chatbot-new-style .pattern-second::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/chatbot/pattern/bg-pattern-2.png");
  background-size: cover;
}

.chatbot-new-style .pattern-third {
  position: relative;
}

.chatbot-new-style .pattern-third::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/chatbot/pattern/bg-pattern-3.svg");
}

.chatbot-new-style .pattern-forth::after {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/chatbot/pattern/bg-pattern-4.svg");
  background-size: cover;
}

.chatbot-new-style .pattern-fifth {
  margin-top: -90px;
  padding-top: 180px;
}

@media (max-width: 767px) {
  .chatbot-new-style .pattern-fifth {
    margin-top: 40px;
    padding-top: 50px;
  }
}

.chatbot-new-style .pattern-fifth::after {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("/images/chatbot/pattern/bg-pattern-5.svg");
  background-size: cover;
}

.chatbot-new-style .footerCTASection .text-primary-dark {
  color: #2d94f3 !important;
}

.chatbot-new-style .footerCTASection .btn-outline-secondary {
  color: #2d94f3 !important;
  border-color: #2d94f3 !important;
}

.chatbot-new-style .footerCTASection .btn-outline-secondary:hover {
  background: #2d94f3 !important;
  color: #ffffff !important;
}

.chatbot-new-style .footerCTASection .holder-item:last-child .sec-info {
  margin-top: 43px;
}

.manage-devops .hero-sec {
  z-index: 2;
}

.manage-devops .hero-sec .header-description {
  margin-top: 68px;
}

.manage-devops .siteSection.with-bg .bgGradient.full.blue::before {
  background: transparent -webkit-linear-gradient(285deg, #f7fafe 0%, #f7fafe
        86%, #ffffff02 100%) !important;
  background: transparent -o-linear-gradient(285deg, #f7fafe 0%, #f7fafe 86%, #ffffff02
        100%) !important;
  background: transparent
    linear-gradient(165deg, #f7fafe 0%, #f7fafe 86%, #ffffff02 100%) !important;
}

.manage-devops .pattern {
  height: 100vh;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 7rem;
}

.manage-devops .hire-btn {
  font-size: 1rem !important;
  position: relative;
  z-index: 9;
}

.manage-devops .header-title {
  font-size: 2.4rem !important;
}

.manage-devops .no-payment {
  opacity: 0.3 !important;
  font-weight: 500 !important;
  font-size: 16px;
}

.manage-devops .hire-gradient {
  -webkit-transform: skewY(-10.5deg) !important;
  -ms-transform: skewY(-10.5deg) !important;
  transform: skewY(-10.5deg) !important;
}

.manage-devops .work-sec {
  padding: 8rem 0 0rem;
}

.manage-devops .cloud-wrapper {
  margin-top: 5rem;
}

.manage-devops .technology-sec {
  padding: 8rem 5rem;
  margin: 6rem auto;
}

@media (max-width: 767px) {
  .manage-devops .technology-sec {
    padding: 8rem 0 0;
  }
}

.manage-devops .for-home {
  padding-bottom: 8rem;
}

.manage-devops .hire-compare {
  text-align: center;
  margin-bottom: 4rem;
}

.manage-devops .hiring-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.manage-devops .hiring-sec-box {
  width: 24%;
  min-width: 270px;
  background: #ffffff;
  border-radius: 14px;
  padding: 30px 20px 20px 30px;
  margin: 2rem 3rem;
  -webkit-box-shadow: 0px 2px 12px #2c94f326;
  box-shadow: 0px 2px 12px #2c94f326;
}

@media (max-width: 767px) {
  .manage-devops .hiring-sec-box {
    margin: 1rem;
  }
}

.manage-devops .hiring-sec-box img {
  height: 45px;
  margin-bottom: 1rem;
  width: 55px;
}

.manage-devops .hiring-sec-box p {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: 0.37px;
  color: #0d264c;
  font-weight: 500;
  max-width: 174px;
}

.manage-devops .technology-sec {
  z-index: 1;
  padding-bottom: 0;
}

.manage-devops .technology-sec .header-description {
  max-width: 80%;
  margin: 0 auto;
}

.manage-devops .technology-main-head {
  font-size: 30px;
  letter-spacing: 0.54px;
  text-align: center;
  margin: 4rem 0 0;
}

@media (max-width: 767px) {
  .manage-devops .technology-main-head {
    margin: 1rem 0 4rem;
  }
}

.manage-devops .service-cards {
  margin-top: 100px;
}

.manage-devops .service-cards .row {
  gap: 80px 0;
}

.manage-devops .service-cards .description-text {
  font-weight: normal;
  font-size: 16px;
  opacity: 0.71;
}

.manage-devops .service-cards .title {
  font-size: 20px;
}

.manage-devops .service-cards .icon-box {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  margin: 0 auto 24px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.manage-devops .service-cards .icon-box.box1 {
  background-color: rgba(255, 64, 78, 0.05);
}

.manage-devops .service-cards .icon-box.box2 {
  background-color: rgba(123, 68, 232, 0.05);
}

.manage-devops .service-cards .icon-box.box3 {
  background-color: rgba(18, 195, 94, 0.05);
}

.manage-devops .service-cards .icon-box.box4 {
  background-color: rgba(45, 148, 243, 0.05);
}

.manage-devops .service-cards .icon-box.box5 {
  background-color: rgba(255, 64, 78, 0.05);
}

.manage-devops .service-cards .icon-box.box6 {
  background-color: rgba(129, 58, 223, 0.05);
}

.manage-devops .service-cards .icon-box.box7 {
  background-color: rgba(126, 63, 227, 0.05);
}

.manage-devops .service-cards .icon-box.box8 {
  background-color: rgba(18, 195, 94, 0.05);
}

.manage-devops .service-cards .icon-box.box9 {
  background-color: rgba(45, 148, 243, 0.05);
}

.manage-devops .service-cards .icon-box .img-icon-style {
  width: 58px;
  height: 58px;
}

.manage-devops .service-cards-head {
  color: #2d94f3;
  margin: 40px 0 20px;
  font-size: 27px;
  letter-spacing: 0.54px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .manage-devops .cloud-icon-wrapper {
    justify-items: start;
  }
}

.manage-devops .img-cloud-style {
  width: 45px;
  height: 45px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .manage-devops .img-cloud-style {
    width: 40px;
    height: 40px;
  }
}

.manage-devops .crewplus {
  background: transparent -webkit-linear-gradient(
      282deg,
      #f7fafe 0%,
      #ecf3ff00 100%
    ) 0% 0% no-repeat;
  background: transparent -o-linear-gradient(282deg, #f7fafe 0%, #ecf3ff00 100%)
    0% 0% no-repeat;
  background: transparent linear-gradient(168deg, #f7fafe 0%, #ecf3ff00 100%) 0%
    0% no-repeat;
  padding-top: 150px;
  margin-top: -170px;
}

.manage-devops .crewplus .hero-illustration {
  position: relative;
  left: 11vw;
  top: 0;
}

.manage-devops .crewplus .title {
  margin: 0;
}

.manage-devops .cloud-capabilities .border-card {
  border-top: 1px solid rgba(13, 38, 76, 0.1);
  border-bottom: 1px solid rgba(13, 38, 76, 0.1);
  padding: 30px 0 20px 0;
}

@media (max-width: 767px) {
  .manage-devops .cloud-capabilities .title {
    margin-bottom: 30px;
    text-align: center;
  }
}

.manage-devops .clg-2 {
  background: url("/images/manage-devops/hire-instant-pattern.svg");
  min-height: 100%;
  min-width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow-y: hidden;
  overflow-x: hidden;
}

.manage-devops .project-cards {
  margin-top: 150px;
  padding-bottom: 100px;
}

.manage-devops .project-cards .work-card {
  padding: 0;
}

.manage-devops .project-section {
  position: relative;
  padding-top: 50px;
}

.manage-devops .project-section::before {
  -webkit-transform: skewY(12deg);
  -ms-transform: skewY(12deg);
  transform: skewY(12deg);
  margin-top: 140px;
  background: transparent -webkit-linear-gradient(
      258deg,
      #f7fafe 0%,
      #ecf3ff00 100%
    ) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(258deg, #f7fafe 0%, #ecf3ff00 100%)
    0% 0% no-repeat padding-box;
  background: transparent linear-gradient(192deg, #f7fafe 0%, #ecf3ff00 100%) 0%
    0% no-repeat padding-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  content: "";
}

.manage-devops .project-section .start-speak-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 100px !important;
}

@media (max-width: 767px) {
  .manage-devops .project-section .start-speak-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.manage-devops .project-section .start-speak-wrapper .first-box {
  width: 30%;
  z-index: 20;
}

.manage-devops .project-section .start-speak-wrapper .second-box {
  width: 70%;
}

@media (max-width: 767px) {
  .manage-devops .project-section .start-speak-wrapper .second-box {
    margin: 0 auto;
  }
}

.manage-devops .project-section .start-speak-wrapper .start-speak-title {
  line-height: 1.5;
  font-size: 36px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .manage-devops .project-section .start-speak-wrapper .start-speak-title {
    font-size: 30px;
  }
}

.manage-devops .project-section .clg-1 {
  background: url("/images/manage-devops/group-2.svg");
  min-height: 100%;
  min-width: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow-y: hidden;
  overflow-x: hidden;
}

.manage-devops .project-section .heading-start-speak {
  font-size: 56px;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
}

.manage-devops .technology-category-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0 20px 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .manage-devops .technology-category-sec {
    margin: 20px 0;
  }
}

.manage-devops .technology-category-sec .technology {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 36px;
}

.manage-devops .technology-category-sec .technology img {
  height: 30px;
  width: 30px;
}

.manage-devops .technology-category-sec .technology .technology-name {
  font-size: 0.85rem;
  line-height: 1;
  opacity: 0.71;
  margin-top: 0.6rem;
}

.manage-devops .technology-category-sec .technology .technology-parent-name {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.6;
  margin-top: 0.2rem;
}

.manage-devops .bg-pattern {
  background-image: url("/images/manage-devops/hire-instant-pattern.svg");
  background-position: 10% -27%;
  background-repeat: no-repeat;
  background-size: 67%;
}

@media (max-width: 1280px) {
  .manage-devops .bg-pattern {
    background-size: 100%;
  }
}

@media (min-width: 1500px) {
  .manage-devops .bg-pattern {
    background-size: 72%;
  }
}

.manage-devops .bg-pattern-hire-compare {
  background-image: url("/images/hire-compare-pattern.svg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: contain;
}

.manage-devops .hero-illustration {
  left: 9.5vw;
}

@media (max-width: 1280px) {
  .manage-devops .hero-illustration {
    left: 4vh;
  }
}

@media (max-width: 767px) {
  .manage-devops .hero-illustration {
    max-width: 98% !important;
    left: 0.4rem;
  }
}

.manage-devops .limit-box {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.faq-main {
  margin: 6rem 0 8rem;
}

.faq-main .faq-head {
  font-size: 1.87rem;
  letter-spacing: 0.6px;
  text-align: center;
  margin: 0 0 4rem;
}

@media (max-width: 767px) {
  .faq-main .faq-head {
    margin-top: 0;
  }
}

.faq-main .fa-inverse {
  color: #2d94f3;
  border: 1px solid #2d94f3;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .faq-main .fa-inverse {
    padding: 1px 0 0 1px;
  }
}

.faq-main .fa-circle {
  color: #ffffff;
}

.faq-main .card {
  margin: 1rem 0;
  -webkit-box-shadow: 0px 2px 12px #2c94f326;
  box-shadow: 0px 2px 12px #2c94f326;
  border: 1px solid #2d94f3;
  border-radius: 2px;
}

.faq-main .card:hover {
  -webkit-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.faq-main .card .card-header {
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

@media (max-width: 767px) {
  .faq-main .card .card-header {
    padding: 0.75rem 0.7rem;
  }
}

.faq-main .card .card-header h5 {
  width: 100%;
}

.faq-main .card .card-header h5 button {
  width: 100%;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.faq-main .card .card-header .fa-stack {
  min-width: 2em;
  margin-left: 3px;
}

.faq-main .card .show {
  border-top: 1px solid #2d94f3;
}

.faq-main .card .btn-link {
  letter-spacing: 0.36px;
  color: #0d264c;
  padding: 0;
  font-size: 1rem;
}

@media (max-width: 767px) {
  .faq-main .card .btn-link {
    font-size: 0.9rem;
  }
}

.faq-main .card .btn-link:hover,
.faq-main .card .btn-link:focus {
  text-decoration: none;
  color: #0d264c;
}

.faq-main .card .btn {
  padding: 0;
}

.faq-main .card .card-body {
  letter-spacing: 0.32px;
  font-size: 1.0625rem;
  font-weight: 400;
  line-height: 30px;
  opacity: 0.7;
}

.faq-main .accordian-btn {
  border-radius: 50%;
  -webkit-box-shadow: 2px 2px 36px #b7c6db5c;
  box-shadow: 2px 2px 36px #b7c6db5c;
  border: 1px solid #2d94f3;
  cursor: pointer;
  color: #2d94f3;
  padding: 4px 5px 1px 6px;
}

.hiring-process {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ffffff00),
    color-stop(25%, #f7fafe),
    color-stop(65%, #f7fafe),
    to(#f7fafe)
  );
  background: -webkit-linear-gradient(
    top,
    #ffffff00 0%,
    #f7fafe 25%,
    #f7fafe 65%,
    #f7fafe 100%
  );
  background: -o-linear-gradient(
    top,
    #ffffff00 0%,
    #f7fafe 25%,
    #f7fafe 65%,
    #f7fafe 100%
  );
  background: linear-gradient(
    180deg,
    #ffffff00 0%,
    #f7fafe 25%,
    #f7fafe 65%,
    #f7fafe 100%
  );
  padding: 8rem 0 4rem;
}

@media (max-width: 767px) {
  .hiring-process {
    margin-bottom: 5rem;
  }
}

.hiring-process-head {
  font-size: 109px;
  letter-spacing: 1.35px;
  color: #5598ff96;
  margin-bottom: -10px;
  font-weight: 700;
  opacity: 0.48;
  line-height: 1;
}

@media (max-width: 767px) {
  .hiring-process-head {
    font-size: 76px;
  }
}

.hiring-process-subhead {
  font-size: 25px;
  color: #0d264c;
  margin-bottom: 0;
  font-weight: 600;
}

@media (max-width: 767px) {
  .hiring-process-subhead {
    font-size: 20px;
  }
}

.hiring-process .head-hor {
  border-top: 1px solid #0d264c;
  width: 150px;
  margin: 5px 0 48px 0;
}

@media (max-width: 767px) {
  .hiring-process .head-hor {
    bottom: 38px;
  }
}

.hiring-process-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media (max-width: 767px) {
  .hiring-process-steps {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.para-text {
  position: relative;
  height: 130px;
  width: 100px;
  z-index: 9;
}

@media (max-width: 767px) {
  .para-text + .para-text {
    margin-top: 2rem;
  }
}

.para-text .text {
  position: absolute;
  z-index: 9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 60%;
  left: 20%;
}

.para-text .text p {
  font-size: 22px;
  line-height: 1.2;
}

.para-text .text p span {
  color: #2d94f3;
}

.parallelogram {
  width: 100px;
  height: 130px;
  -webkit-transform: skew(24deg);
  -ms-transform: skew(24deg);
  transform: skew(24deg);
  background: #ffffff;
  -webkit-box-shadow: 2px 2px 36px #b7c6db5c;
  box-shadow: 2px 2px 36px #b7c6db5c;
  position: absolute;
  top: 0;
}

.step-count {
  background: #ffffff;
  border: 0.5px solid #c2c9d2;
  border-radius: 50%;
  position: absolute;
  top: -14px;
  left: 10%;
  z-index: 9;
  min-height: 36px;
  min-width: 36px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  padding-top: 3px;
  opacity: 0.7;
}

.steps-line {
  background-image: url("/images/step-line-back.svg");
  margin: 0px auto;
  padding: 80px 0px 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  max-width: 95%;
}

@media (max-width: 767px) {
  .steps-line {
    background-image: none;
  }
}

@media (max-width: 767px) {
  .project-navigator .section-heading {
    margin: 0 20px;
  }
}

.project-navigator .first-sec {
  background-image: url("/images/projects/navigator/bg/hero-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.project-navigator .hero-sec {
  z-index: 2;
}

.project-navigator .hero-sec .header-description {
  margin-top: 68px;
}

@media (max-width: 767px) {
  .project-navigator .hero-sec .header-description {
    margin-top: 20px;
  }
}

.project-navigator .hero-sec .hero-sec-box {
  padding: 5.8rem 0 5rem;
}

@media (max-width: 767px) {
  .project-navigator .hero-sec .hero-sec-box {
    padding: 5.6rem 0 5rem;
  }
}

@media (min-width: 1500px) {
  .project-navigator .hero-sec .hero-sec-box {
    padding: 5.6rem 0 10rem;
  }
}

.project-navigator .hero-sec .hero-sec-box .para {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
}

.project-navigator .hero-sec .hero-image {
  margin-top: 30px;
}

.project-navigator .ready-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool {
    margin-top: 50px;
    display: block;
  }
}

.project-navigator .ready-tool .img-wrapper {
  width: 55%;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .img-wrapper {
    display: none;
  }
}

.project-navigator .ready-tool .img-wrapper .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .img-wrapper .right-image {
    height: auto;
    margin: 20px 0 30px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool .img-wrapper .right-image {
    width: 100%;
    height: 800px;
  }
}

.project-navigator .ready-tool .img-wrapper.mobile {
  display: none;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .img-wrapper.mobile {
    width: 100%;
    display: block;
    margin-left: -20px;
  }
}

.project-navigator .ready-tool .img-wrapper.mobile-r {
  display: none;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .img-wrapper.mobile-r {
    width: 100%;
    display: block;
    margin-left: 20px;
  }
}

.project-navigator .ready-tool .img-wrapper-notify {
  width: 50%;
}

.project-navigator .ready-tool .img-wrapper-notify .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .img-wrapper-notify .right-image {
    height: auto;
    margin: 20px 0;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool .img-wrapper-notify .right-image {
    width: 100%;
    height: 800px;
  }
}

.project-navigator .ready-tool .content {
  width: 35%;
  margin-top: 70px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool .content {
    margin-right: 420px;
    margin-top: 120px;
    padding-left: 40px;
  }
}

.project-navigator .ready-tool .content .top-icon {
  width: 100%;
}

.project-navigator .ready-tool .content h5 {
  color: #4ac14f;
  margin-top: 10px;
  font-size: 13px;
}

.project-navigator .ready-tool .content h6 {
  margin: 30px 0 20px 0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content h6 {
    font-size: 20px;
  }
}

.project-navigator .ready-tool .content p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content p {
    font-size: 0.9rem;
  }
}

.project-navigator .ready-tool .content .list {
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  line-height: 1.5;
}

.project-navigator .ready-tool .content .list:first-child {
  margin-top: 200px;
}

.project-navigator .ready-tool .content .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
}

.project-navigator .ready-tool .content-2 {
  width: 35%;
  margin-top: 70px;
  padding-right: 20px;
  margin-left: 160px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content-2 {
    width: 100%;
    margin-left: 0px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool .content-2 {
    margin-left: 420px;
    margin-top: 120px;
    padding-right: 40px;
  }
}

.project-navigator .ready-tool .content-2 .top-icon {
  width: 100%;
}

.project-navigator .ready-tool .content-2 h5 {
  color: #9c6dff;
  margin-top: 10px;
  font-size: 13px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content-2 h5 {
    font-size: 13px;
  }
}

.project-navigator .ready-tool .content-2 h6 {
  margin: 30px 0 20px 0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content-2 h6 {
    font-size: 20px;
  }
}

.project-navigator .ready-tool .content-2 p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

@media (max-width: 767px) {
  .project-navigator .ready-tool .content-2 p {
    font-size: 0.9rem;
  }
}

.project-navigator .ready-tool .content-2 .list {
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  margin-left: -20px;
  line-height: 1.5;
}

.project-navigator .ready-tool .content-2 .list:first-child {
  margin-top: 200px;
}

.project-navigator .ready-tool .content-2 .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
}

.project-navigator .ready-tool-notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify {
    margin-top: 50px;
    display: block;
  }
}

.project-navigator .ready-tool-notify .img-wrapper {
  width: 70%;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .img-wrapper {
    display: none;
  }
}

.project-navigator .ready-tool-notify .img-wrapper .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .img-wrapper .right-image {
    height: 400px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool-notify .img-wrapper .right-image {
    width: 100%;
    height: 800px;
  }
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .img-wrapper.mobile {
    margin-left: -20px;
  }
}

.project-navigator .ready-tool-notify .content {
  width: 30%;
  margin-top: 70px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .content {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool-notify .content {
    margin-right: 420px;
    margin-top: 120px;
    padding-left: 40px;
  }
}

.project-navigator .ready-tool-notify .content .top-icon {
  width: 100%;
}

.project-navigator .ready-tool-notify .content h5 {
  color: #4ac14f;
  margin-top: 10px;
  font-size: 13px;
}

.project-navigator .ready-tool-notify .content h6 {
  margin: 30px 0 20px 0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .content h6 {
    font-size: 20px;
  }
}

.project-navigator .ready-tool-notify .content p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

.project-navigator .ready-tool-notify .content .list {
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  line-height: 1.5;
}

.project-navigator .ready-tool-notify .content .list:first-child {
  margin-top: 200px;
}

.project-navigator .ready-tool-notify .content .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
}

.project-navigator .ready-tool-notify .content-2 {
  width: 35%;
  margin-top: 70px;
  padding-right: 20px;
  margin-left: 160px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .content-2 {
    margin-left: 0;
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .ready-tool-notify .content-2 {
    margin-left: 420px;
    margin-top: 120px;
    padding-right: 40px;
  }
}

.project-navigator .ready-tool-notify .content-2 .top-icon {
  width: 100%;
}

.project-navigator .ready-tool-notify .content-2 h5 {
  color: #9c6dff;
  margin-top: 10px;
  font-size: 13px;
}

.project-navigator .ready-tool-notify .content-2 h6 {
  margin: 30px 20px 70px;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .ready-tool-notify .content-2 h6 {
    font-size: 20px;
    margin: 30px 20px;
  }
}

.project-navigator .ready-tool-notify .content-2 p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

.project-navigator .ready-tool-notify .content-2 .list {
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  margin-left: -20px;
  line-height: 1.5;
}

.project-navigator .ready-tool-notify .content-2 .list:first-child {
  margin-top: 200px;
}

.project-navigator .ready-tool-notify .content-2 .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
}

.project-navigator .more-tool--wrapper {
  margin-top: 50px;
  -webkit-transition: width 2s ease-in-out;
  -o-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
}

.project-navigator .more-tool--wrapper .more-tool {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-transition: width 2s ease-in-out;
  -o-transition: width 2s ease-in-out;
  transition: width 2s ease-in-out;
}

.project-navigator .container {
  margin-top: 20px;
  overflow: hidden;
}

.project-navigator .multiple-user .ready-tool {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool {
    margin-top: 50px;
    display: block;
  }
}

.project-navigator .multiple-user .ready-tool .img-wrapper {
  width: 55%;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .img-wrapper {
    display: none;
  }
}

.project-navigator .multiple-user .ready-tool .img-wrapper .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .img-wrapper .right-image {
    height: auto;
    margin: 20px 0 30px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .multiple-user .ready-tool .img-wrapper .right-image {
    width: 100%;
    height: 800px;
  }
}

.project-navigator .multiple-user .ready-tool .img-wrapper .mobile-list-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 500px;
}

@media (max-width: 767px) {
  .project-navigator
    .multiple-user
    .ready-tool
    .img-wrapper
    .mobile-list-image {
    height: auto;
  }
}

.project-navigator .multiple-user .ready-tool .img-wrapper.mobile {
  display: none;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .img-wrapper.mobile {
    width: 120%;
    display: block;
    margin-left: -70px;
    margin-top: -50px;
  }
}

.project-navigator .multiple-user .ready-tool .img-wrapper.mobile-r {
  display: none;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .img-wrapper.mobile-r {
    width: 100%;
    display: block;
    margin-left: 20px;
  }
}

.project-navigator .multiple-user .ready-tool .img-wrapper-notify {
  width: 50%;
}

.project-navigator .multiple-user .ready-tool .img-wrapper-notify .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator
    .multiple-user
    .ready-tool
    .img-wrapper-notify
    .right-image {
    height: auto;
    margin: 20px 0;
  }
}

@media (min-width: 1500px) {
  .project-navigator
    .multiple-user
    .ready-tool
    .img-wrapper-notify
    .right-image {
    width: 100%;
    height: 800px;
  }
}

.project-navigator .multiple-user .ready-tool .content {
  width: 35%;
  margin-top: 70px;
  padding-left: 20px;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .multiple-user .ready-tool .content {
    margin-right: 420px;
    margin-top: 120px;
    padding-left: 40px;
  }
}

.project-navigator .multiple-user .ready-tool .content .top-icon {
  width: 100%;
}

.project-navigator .multiple-user .ready-tool .content h5 {
  color: #4ac14f;
  margin-top: 10px;
  font-size: 13px;
}

.project-navigator .multiple-user .ready-tool .content h6 {
  margin: 30px 0 20px 0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content h6 {
    font-size: 30px;
    margin-top: 100px;
  }
}

.project-navigator .multiple-user .ready-tool .content p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content p {
    font-size: 1rem;
    margin-bottom: 50px;
  }
}

.project-navigator .multiple-user .ready-tool .content .list {
  display: block;
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content .list {
    display: none;
  }
}

.project-navigator .multiple-user .ready-tool .content .list:first-child {
  margin-top: 20px;
}

.project-navigator .multiple-user .ready-tool .content .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
  cursor: pointer;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content .list .list-item {
    cursor: initial;
  }
}

.project-navigator
  .multiple-user
  .ready-tool
  .content
  .list
  .list-item:hover
  h3 {
  color: #2c7fff;
}

@media (max-width: 767px) {
  .project-navigator
    .multiple-user
    .ready-tool
    .content
    .list
    .list-item:hover
    h3 {
    color: inherit;
  }
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content .list .list-item {
    margin-top: 20px;
  }
}

.project-navigator .multiple-user .ready-tool .content .list.list-mobile {
  display: none;
  padding-left: 1rem;
}

@media (max-width: 767px) {
  .project-navigator .multiple-user .ready-tool .content .list.list-mobile {
    display: block;
  }
}

.project-navigator
  .multiple-user
  .ready-tool
  .content
  .list.list-mobile
  .list-item
  h3 {
  color: #2c7fff;
}

.project-navigator .multiple-user .ready-tool .content .list .list-active {
  color: #2c7fff;
}

.project-navigator .responsive-sec .hero-sec-res {
  z-index: 2;
}

.project-navigator .responsive-sec .hero-sec-res .header-description {
  margin-top: 68px;
}

@media (max-width: 767px) {
  .project-navigator .responsive-sec .hero-sec-res .header-description {
    margin-top: 20px;
  }
}

.project-navigator .responsive-sec .hero-sec-res .hero-sec-box {
  padding: 5.8rem 0 7rem;
}

@media (max-width: 767px) {
  .project-navigator .responsive-sec .hero-sec-res .hero-sec-box {
    padding: 2rem 0 2rem;
  }
}

.project-navigator .responsive-sec .hero-sec-res .hero-image {
  margin-top: -50px;
}

.project-navigator .filter-section-content .filtered-content-box {
  height: 600px;
  margin-top: 40px;
  background: -webkit-linear-gradient(309.53deg, #3d82ea -11.6%, #1757bd 100%);
  background: -o-linear-gradient(309.53deg, #3d82ea -11.6%, #1757bd 100%);
  background: linear-gradient(140.47deg, #3d82ea -11.6%, #1757bd 100%);
  border-radius: 32px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 42% 58%;
  grid-template-columns: 42% 58%;
}

@media (max-width: 767px) {
  .project-navigator .filter-section-content .filtered-content-box {
    height: 100%;
  }
}

@media (max-width: 767px) {
  .project-navigator .filter-section-content .filtered-content-box {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.project-navigator .filter-section-content .filtered-content-box .left-box {
  text-align: left;
  color: #fff;
  padding-left: 60px;
  padding-top: 70px;
}

@media (max-width: 767px) {
  .project-navigator .filter-section-content .filtered-content-box .left-box {
    padding: 20px;
  }
}

.project-navigator
  .filter-section-content
  .filtered-content-box
  .left-box
  .top-icon {
  width: 100%;
}

.project-navigator .filter-section-content .filtered-content-box .left-box h5 {
  margin: 20px 0;
  font-size: 20px;
}

.project-navigator .filter-section-content .filtered-content-box .left-box p {
  font-size: 1rem;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .project-navigator .filter-section-content .filtered-content-box .left-box p {
    margin-bottom: 1rem;
    font-size: 0.9rem;
  }
}

.project-navigator
  .filter-section-content
  .filtered-content-box
  .left-box
  .list {
  list-style-image: url("/images/projects/navigator/list-icon_b.svg");
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .project-navigator
    .filter-section-content
    .filtered-content-box
    .left-box
    .list {
    font-size: 14px;
  }
}

.project-navigator
  .filter-section-content
  .filtered-content-box
  .left-box
  .list:first-child {
  margin-top: 200px;
}

@media (max-width: 767px) {
  .project-navigator
    .filter-section-content
    .filtered-content-box
    .left-box
    .list:first-child {
    margin-top: 200px;
  }
}

.project-navigator
  .filter-section-content
  .filtered-content-box
  .left-box
  .list
  .list-item {
  padding-left: 0.9rem;
  font-weight: 300;
  margin: 20px 0 1.5rem -10px;
}

@media (max-width: 767px) {
  .project-navigator
    .filter-section-content
    .filtered-content-box
    .left-box
    .list
    .list-item {
    padding-left: 0.3rem;
    margin-bottom: 20px;
  }
}

.project-navigator .filter-section-content .filtered-content-box .right-box {
  position: relative;
}

.project-navigator
  .filter-section-content
  .filtered-content-box
  .right-box
  .img-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
}

@media (max-width: 767px) {
  .project-navigator
    .filter-section-content
    .filtered-content-box
    .right-box
    .img-wrapper {
    position: relative;
  }
}

.project-navigator
  .filter-section-content
  .filtered-content-box
  .right-box
  .img-wrapper
  .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-bottom-right-radius: 30px;
}

@media (min-width: 1500px) {
  .project-navigator
    .filter-section-content
    .filtered-content-box
    .right-box
    .img-wrapper
    .right-image {
    width: 100%;
  }
}

.project-navigator .play-store {
  height: 400px;
  margin-top: 100px;
  background: -webkit-linear-gradient(309.53deg, #3d82ea -11.6%, #1757bd 100%);
  background: -o-linear-gradient(309.53deg, #3d82ea -11.6%, #1757bd 100%);
  background: linear-gradient(140.47deg, #3d82ea -11.6%, #1757bd 100%);
  border-radius: 16px;
}

@media (max-width: 767px) {
  .project-navigator .play-store {
    margin-top: 50px;
    height: auto;
  }
}

.project-navigator .play-store .playstore-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 55% 45%;
  grid-template-columns: 55% 45%;
  height: 400px;
}

@media (max-width: 767px) {
  .project-navigator .play-store .playstore-grid {
    height: auto;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.project-navigator .play-store .playstore-grid .content-col {
  margin: 100px 50px 0;
}

@media (max-width: 767px) {
  .project-navigator .play-store .playstore-grid .content-col {
    margin: 30px 20px;
  }
}

.project-navigator .play-store .playstore-grid .content-col h5 {
  font-size: 30px;
  color: #fff;
  text-align: left;
}

@media (max-width: 767px) {
  .project-navigator .play-store .playstore-grid .content-col h5 {
    font-size: 24px;
  }
}

.project-navigator .play-store .playstore-grid .content-col p {
  color: #fff;
  text-align: left;
  margin: 20px 0;
}

.project-navigator .play-store .playstore-grid .content-col .img-wrap {
  text-align: left;
}

@media (max-width: 767px) {
  .project-navigator .play-store .playstore-grid .content-col .img-wrap {
    text-align: center;
    margin-top: 30px;
  }
}

.project-navigator .play-store .playstore-grid .img-col {
  position: relative;
}

.project-navigator .play-store .playstore-grid .img-col .img-col-inner {
  position: absolute;
  bottom: 0;
}

@media (max-width: 767px) {
  .project-navigator .play-store .playstore-grid .img-col .img-col-inner {
    position: relative;
  }
}

.project-navigator
  .play-store
  .playstore-grid
  .img-col
  .img-col-inner
  .img-wrap {
  width: 75%;
  margin-left: 50px;
}

@media (max-width: 767px) {
  .project-navigator
    .play-store
    .playstore-grid
    .img-col
    .img-col-inner
    .img-wrap {
    margin: 0 auto;
  }
}

.project-navigator
  .play-store
  .playstore-grid
  .img-col
  .img-col-inner
  .img-wrap
  img {
  width: 100%;
}

.project-navigator .upcoming-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
}

.project-navigator .upcoming-feature .upcoming-btn {
  margin-top: 50px;
}

.project-navigator .upcoming-feature .sprint-mgt.reward-sec {
  background-image: url("/images/projects/navigator/bg/reward-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -100px;
}

.project-navigator .upcoming-feature .sprint-mgt.sprint-sec {
  background-image: url("/images/projects/navigator/bg/sprint-bg.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.project-navigator .upcoming-feature .sprint-mgt {
  padding-top: 180px;
}

@media (min-width: 1500px) {
  .project-navigator .upcoming-feature .sprint-mgt {
    padding: 10rem 0 8rem;
  }
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt {
    padding-top: 120px;
    margin-top: -100px;
    display: block;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .img-wrapper {
  width: 55%;
  padding-right: 50px;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .img-wrapper {
    display: none;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .img-wrapper .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .img-wrapper .right-image {
    height: auto;
    margin: 20px 0 30px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .upcoming-feature .sprint-mgt .img-wrapper .right-image {
    width: 100%;
    height: 800px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .img-wrapper.mobile {
  display: none;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .img-wrapper.mobile {
    width: 100%;
    display: block;
    margin-left: -20px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .img-wrapper.mobile-r {
  display: none;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .img-wrapper.mobile-r {
    width: 100%;
    display: block;
    margin-left: 20px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .img-wrapper-notify {
  width: 50%;
}

.project-navigator
  .upcoming-feature
  .sprint-mgt
  .img-wrapper-notify
  .right-image {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  height: 700px;
}

@media (max-width: 767px) {
  .project-navigator
    .upcoming-feature
    .sprint-mgt
    .img-wrapper-notify
    .right-image {
    height: auto;
    margin: 20px 0;
  }
}

@media (min-width: 1500px) {
  .project-navigator
    .upcoming-feature
    .sprint-mgt
    .img-wrapper-notify
    .right-image {
    width: 100%;
    height: 800px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content {
  width: 35%;
  margin-top: 70px;
  padding-left: 0;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content {
    width: 100%;
    margin-top: 20px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .upcoming-feature .sprint-mgt .content {
    margin-right: 420px;
    margin-top: 120px;
    padding-left: 40px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content .top-icon {
  width: 100%;
}

.project-navigator .upcoming-feature .sprint-mgt .content h5 {
  color: #9c6dff;
  margin-top: 10px;
  font-size: 13px;
}

.project-navigator .upcoming-feature .sprint-mgt .content h6 {
  margin: 30px 0 20px 0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content h6 {
    font-size: 20px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content p {
    font-size: 0.9rem;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content .list {
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  line-height: 1.5;
}

.project-navigator .upcoming-feature .sprint-mgt .content .list:first-child {
  margin-top: 200px;
}

.project-navigator .upcoming-feature .sprint-mgt .content .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 {
  width: 35%;
  margin-top: 70px;
  padding-right: 20px;
  margin-left: 160px;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content-2 {
    width: 100%;
    margin-left: 0px;
    padding: 0 20px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .upcoming-feature .sprint-mgt .content-2 {
    margin-left: 420px;
    margin-top: 120px;
    padding-right: 40px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 .top-icon {
  width: 100%;
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 h5 {
  color: #f96464;
  margin-top: 10px;
  font-size: 13px;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content-2 h5 {
    font-size: 13px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 h6 {
  margin: 30px 0 20px 0;
  font-size: 30px;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content-2 h6 {
    font-size: 20px;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 p {
  font-size: 1rem;
  color: rgba(13, 37, 74, 0.71);
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .sprint-mgt .content-2 p {
    font-size: 0.9rem;
  }
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 .list {
  list-style-image: url("/images/projects/navigator/list-icon.svg");
  font-size: 16px;
  margin-left: -20px;
  line-height: 1.5;
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 .list:first-child {
  margin-top: 200px;
}

.project-navigator .upcoming-feature .sprint-mgt .content-2 .list .list-item {
  margin-bottom: 1.5rem;
  padding-left: 0.7em;
}

.project-navigator .upcoming-feature .hiring-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.project-navigator .upcoming-feature .hiring-sec-box {
  width: 24%;
  min-width: 270px;
  background: #ffffff;
  border-radius: 14px;
  padding: 30px 20px 20px 30px;
  margin: 2rem 3rem;
  -webkit-box-shadow: 0px 2px 12px #2c94f326;
  box-shadow: 0px 2px 12px #2c94f326;
}

@media (max-width: 767px) {
  .project-navigator .upcoming-feature .hiring-sec-box {
    margin: 1rem;
    width: 85%;
  }
}

.project-navigator .upcoming-feature .hiring-sec-box img {
  height: 45px;
  margin-bottom: 1rem;
  width: 55px;
}

.project-navigator .upcoming-feature .hiring-sec-box .icon {
  margin-top: -5px;
  text-transform: uppercase;
  font-size: 13px;
}

.project-navigator .upcoming-feature .hiring-sec-box .icon.a {
  color: #4ac14f;
}

.project-navigator .upcoming-feature .hiring-sec-box .icon.b {
  color: #2c7fff;
}

.project-navigator .upcoming-feature .hiring-sec-box .icon.c {
  color: #f96464;
}

.project-navigator .upcoming-feature .hiring-sec-box .icon.d {
  color: #21c8af;
}

.project-navigator .upcoming-feature .hiring-sec-box .icon.e {
  color: #9c6dff;
}

.project-navigator .upcoming-feature .hiring-sec-box .heading {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.48px;
  color: #0d264c;
  font-weight: 600;
  max-width: 250px;
  margin: 10px 0;
}

.project-navigator .upcoming-feature .hiring-sec-box p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.37px;
  color: rgba(13, 38, 76, 0.71);
  font-weight: 500;
  max-width: 250px;
}

.project-navigator .customize-wrap {
  background-image: url("/images/projects/navigator/bg/custom-3.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 300px 0;
  position: relative;
}

@media (max-width: 767px) {
  .project-navigator .customize-wrap {
    position: relative;
    padding: 100px 0 200px;
  }
}

@media (min-width: 1500px) {
  .project-navigator .customize-wrap {
    padding: 200px 0 250px;
  }
}

@media (max-width: 767px) {
  .project-navigator .customize-wrap .col-lg-10 {
    padding: 0 20px;
  }
}

.project-navigator .customize-wrap .img-wrapper {
  position: absolute;
  right: 0;
  bottom: 95px;
}

@media (max-width: 767px) {
  .project-navigator .customize-wrap .img-wrapper {
    position: absolute;
    right: 0;
    bottom: 100;
    display: none;
  }
}

@media (min-width: 1500px) {
  .project-navigator .customize-wrap .img-wrapper {
    bottom: 110px;
  }
}

.project-navigator .customize-wrap .img-wrapper .bg-image {
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 51%, 0 74%);
  clip-path: polygon(0 0, 100% 0%, 100% 51%, 0 74%);
}

.project-navigator .trust-us {
  margin-top: 8rem;
}

@media (max-width: 767px) {
  .project-navigator .trust-us {
    margin-top: -50px;
  }
}

.project-navigator .trust-us .hiring-sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4rem 0 8rem 0;
}

@media (max-width: 767px) {
  .project-navigator .trust-us .hiring-sec {
    margin: 3rem 0 2rem;
  }
}

.project-navigator .trust-us .hiring-sec-box {
  width: 30%;
  min-width: 270px;
  background: #ffffff;
  border-radius: 14px;
  padding: 30px 20px 20px 30px;
  -webkit-box-shadow: 0px 2px 12px #2c94f326;
  box-shadow: 0px 2px 12px #2c94f326;
}

@media (max-width: 767px) {
  .project-navigator .trust-us .hiring-sec-box {
    margin: 1rem;
    width: 100%;
  }
}

.project-navigator .trust-us .hiring-sec-box img {
  margin-bottom: 1rem;
  width: 60px;
  aspect-ratio: 1/1;
}

.project-navigator .trust-us .hiring-sec-box .heading {
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.48px;
  color: #0d264c;
  font-weight: 600;
  max-width: 250px;
  margin: 10px 0;
}

.project-navigator .trust-us .hiring-sec-box p {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.37px;
  color: rgba(13, 38, 76, 0.71);
  font-weight: 500;
  max-width: 250px;
}

.project-navigator .button-active {
  border: 1px solid #2c7fff;
  background: #e9f2fc;
}

#buttons-container {
  width: 50vw;
}

@media (max-width: 767px) {
  #buttons-container {
    width: 100%;
  }
}

/*  Needed for filters */

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19f;
  box-shadow: 0 0 0 5px #19f;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.twentytwenty-before-label,
.twentytwenty-after-label,
.twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

.twentytwenty-before-label:before,
.twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  border-radius: 2px;
}

.twentytwenty-horizontal .twentytwenty-before-label:before,
.twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

.twentytwenty-vertical .twentytwenty-before-label:before,
.twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-before-label,
.twentytwenty-container.active
  :hover.twentytwenty-overlay
  .twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-container * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.twentytwenty-before-label {
  opacity: 0;
}

.twentytwenty-before-label:before {
  content: attr(data-content);
}

.twentytwenty-after-label {
  opacity: 0;
}

.twentytwenty-after-label:before {
  content: attr(data-content);
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

.twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

.twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

.twentytwenty-before {
  z-index: 20;
}

.twentytwenty-after {
  z-index: 10;
}

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px;
}

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px;
}

/* New Design CSS */

.features-heading {
  /* width: 348px;wid */
  width: auto;
  height: auto;
  /* min-height: 49px; */
  border-radius: 71px !important;
  border: 1px solid #2c7fff;
  /* Border style, assuming solid as it's not specified */
  color: #2c7fff;
}

.btn-gradient-1 {
  border: 1px solid !important;
  border-image: linear-gradient(
      -90deg,
      rgba(86, 103, 130, 0) 0%,
      #5667828c 50%,
      rgba(86, 103, 130, 0) 100%
    )
    1 !important;
}

.btn-gradient-2 {
  border: 1px solid !important;
  border-image: linear-gradient(
      180deg,
      rgba(86, 103, 130, 0) 1%,
      #5667828c 44%,
      rgba(86, 103, 130, 0) 100%
    )
    1 !important;
}

.custom-text-color {
  color: #0d264c !important;
  font-size: 30px;
}

.custom-card-text {
  color: #566782 !important;
  font-family: "Gilroy-Medium", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 24px;
  letter-spacing: 0.48px;
}

.rounded-pill {
  border-radius: 50%;
}

.feature-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #566782;
}

.rounded-12px {
  border-radius: 12px;
}

.border-light-blue {
  border: 1px solid #2c7fff4d;
}

.bg-toggle-view {
  background: #2c7fff33;
}

.h-35px {
  height: 35px !important;
}

/* Grid view styles */
.grid-view .grid-item {
  display: block;
  width: 100%;
}

/* List view styles */
.list-view .grid-item {
  display: flex;
  width: 100%;
  flex-direction: row;
}

.list-view .col-lg-4 {
  width: 100%;
}

.list-view .grid-item .card {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.list-view .card {
  display: flex;
  width: 100%;
}

.list-view .col-sm-6 {
  max-width: 80% !important;
  margin: auto;
}

.list-view .card-body {
  flex-direction: row !important;
  width: 100%;
}

.list-view .body-header {
  width: 30%;
}

.list-view .grid-item .header-image {
  width: 150px;
  height: 100px;
  background-size: cover;
  background-position: center;
  margin-right: 20px;
}

.list-view .grid-item .body-content {
  flex: 1;
}

.list-view .grid-item .icon-box {
  display: flex;
  align-items: center;
}

.list-view .card.work-card .body-header .header-image {
  max-height: 232px;
  max-width: 253px;
  background-size: cover;
  background-color: #f7f7f7;
}

.list-view .body-content {
  padding: 2rem !important;
}

.list-view .body-content p {
  color: #566782;
  /* font-family: "Gilroy-Medium", sans-serif; */
  font-size: 1rem !important;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
}

.list-view .card.work-card {
  padding-bottom: 0;
}

.list-view .hover-video .video {
  width: 253px;
  height: 232px;
}

.all-projects-section {
  background-image: url("/images/feature-bg.png") !important;
  background-size: cover;
  background-repeat: repeat-x;
  /* -webkit-transform: skewY(-9deg);
  -ms-transform: skewY(-9deg);
  transform: skewY(-9deg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to top, #eef4fd 60%, #f7fafe 100%); */
}

.pt-15 {
  padding-top: 10rem;
}

.mt--7 {
  margin-top: -7rem;
}

.max-width-15rem {
  max-width: 33%;
}

.cursor-pointer {
  cursor: pointer;
}

.list-view .grid-item .icon-box {
  position: absolute;
  z-index: 9;
  right: 36px;
  top: 16rem !important;
}

@media (max-width: 767px) {
  .list-view .grid-item .icon-box {
    right: 12px !important;
    top: 3rem !important;
  }
}
@media (max-width: 763px) {
  #listViewBtn {
    display: none;
  }
}

.features-slider-left {
  border-left: 1px solid;
  border-image: linear-gradient(
      to bottom,
      #ffffff 0%,
      #5667828c 50%,
      #ffffff 100%
    )
    1;
}

.features-slider-right {
  border-right: 1px solid !important;
  border-image: linear-gradient(
      to bottom,
      #ffffff 0%,
      #5667828c 50%,
      #ffffff 100%
    )
    1 !important;
}

.features-slider-top {
  border-top: 1px solid !important;
  border-image: linear-gradient(
      to bottom,
      #ffffff 0%,
      #5667828c 50%,
      #ffffff 100%
    )
    1 !important;
}

.features-slider-bottom {
  border-bottom: 1px solid !important;
  border-image: linear-gradient(
      to bottom,
      #ffffff 0%,
      #5667828c 50%,
      #ffffff 100%
    )
    1 !important;
}

.features-slider .carousel-testimonial::before {
  background: none !important;
}

.features-slider .carousel-testimonial::after {
  background: none !important;
}

.title-header {
  width: auto;
  font-size: 24px;
}

.d-none {
  display: none !important;
}

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

.inline-flex {
  display: inline-flex !important;
}

.newdesign-carousal .carousel-cell {
  width: 33%;
  cursor: default;
}

@media (max-width: 767px) {
  .newdesign-carousal .carousel-cell {
    width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .newdesign-carousal .carousel-cell {
    width: 50% !important;
  }
}

/* @media (min-width: 768px) and (max-width: 1000px) {
  .newdesign-carousal .carousel-cell {
 width: 50% !important;
  }
} */

@media (max-width: 768px) and (max-width: 1023px) {
  .newdesign-carousal .flickity-page-dots {
    display: block !important;
  }
}

.modelTagText {
  font-size: 6.5vw;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  color: rgba(45, 148, 243, 0.2);
  position: absolute;
  top: 9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.feature-image-arrow {
  width: 20px !important;
  height: 20px !important;
  margin-top: 18px !important;
  margin-left: 5px !important;
}

.press-mentions.press-mention-section .flickity-viewport {
  height: 20rem;
}

.glance_section
  .big-carousel
  .carousel-cell:not(.is-selected)
  .description-section {
  display: none !important;
}

.glance_section .big-carousel .img-style {
  height: 100%;
  box-shadow: none !important;
}

.glance_section .flickity-enabled.is-draggable .flickity-viewport {
  background: transparent;
  background-color: transparent !important;
}

.bg-transparent {
  background: transparent !important;
  background-color: transparent !important;
}

.glance_section .big-carousel.carousel,
.glance_section .big-carousel.carousel .flickity-viewport,
.glance_section .big-carousel.carousel .flickity-viewport .flickity-slider,
.glance_section
  .big-carousel.carousel
  .flickity-viewport
  .flickity-slider
  .carousel-cell,
.glance_section
  .big-carousel.carousel
  .flickity-viewport
  .flickity-slider
  .carousel-cell
  .image-section,
.glance_section
  .big-carousel.carousel
  .flickity-viewport
  .flickity-slider
  .carousel-cell
  .image-section
  .img-style,
.glance_section
  .big-carousel.carousel
  .flickity-viewport
  .flickity-slider
  .carousel-cell
  .image-section
  .img-style
  .carousel-cell:not(.is-selected)
  .img-style {
  background-color: transparent !important;
}

.big-carousel .carousel-cell .img-style {
  background: transparent;
  background-color: transparent !important;
}

/* .flickity-viewport-height {
  height: 20rem !important;
} */

.whatwebuild-section .work-carousel .flickity-viewport {
  position: absolute;
  width: 100%;
  height: 100% !important;
  inset: 0;
  margin-block: auto;
}

.read-more-toggle {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: 18px;
}

.work-carousel .flickity-viewport .carousel-cell-image {
  padding-inline: 0.5rem;
}

.key-features .casestudy-body .key-mobile .carousel-testimonial {
  height: 24rem;
}

@media (min-width: 768px) {
  .key-feature-card:hover {
    transform: scale(1.09) rotate(0.3deg);
    transition: 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .key-feature-card:hover .header {
    color: #2d94f3;
  }
}

.carousel-style-3 .carousel-cell {
}

.testimonial_sec {
  .flickity-viewport-height .flickity-viewport {
    width: 100% !important;
  }
  .flickity-slider {
    position: static !important;
    display: flex;
    width: 100% !important;
  }
  .carousel-cell {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px) {
  .press-mention-section .image-slider {
    height: 264px !important;
  }
  .press-mention-section .flickity-prev-next-button {
    display: none !important;
  }
  .whatwebuild-section .flickity-prev-next-button {
    display: none !important;
  }
  .glance_section
    .big-carousel.carousel
    .flickity-viewport
    .flickity-slider
    .carousel-cell
    .image-section
    .img-style {
    background-repeat: no-repeat;
  }
}

.carousel-cell-image {
  margin-block: auto !important;
}
/* .whatwebuild-section .carousel-cell {
  height: fit-content !important;
} */
.whatwebuild-section a {
  height: 100%;
}

.press-mention-section .carousel.image-slider {
  height: 100% !important;
}

.video-play-button {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .video-play-button {
    align-items: center;
  }

  .hero-sec .back-nav-btn {
    padding: 0.54rem 1.4rem 0.55rem 2rem !important;
  }

  .video-play-button-section {
    display: none;
  }
  .unset {
    position: unset !important;
  }
  .top-0 {
    top: 0 !important;
  }
  .relative {
    position: relative;
  }

  .caseStudyPage .video a::after {
    border: none !important;
  }
  .caseStudyPage .video a::before {
    right: 0em !important;
    background-color: rgba(255, 255, 255, 0.1);
    height: 40px !important;
    width: 40px !important;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3) !important ;
  }
  .caseStudyPage .heading-section .video a {
    height: 40px;
  }
  .caseStudyPage .for-caseStudy .video a {
    background: none !important;
  }

  .non-image-section a {
    background: #ffffff !important;
    top: -3px !important;
  }
}

@media (max-width: 356px) {
  .caseStudyPage .for-caseStudy .back-nav {
    top: 10rem !important;
  }
  .video-play-button {
    gap: 10px;
  }
  .caseStudyPage .for-caseStudy .back-nav {
    margin-left: -10px;
  }
  .video-play-button .video {
    margin-left: 10px !important;
  }
}

@media (min-width: 768px) {
  .video-play-button .video {
    display: none;
  }
  .video-play-button-section {
    display: block;
  }
}
.carousel-testimonial-similar {
  height: 26rem !important;
}

.technology-page-text-overflow {
  overflow-y: auto;
  height: 120px;
}

.technology-page-items-section:before,
.technology-page-items-section:after {
  background: none;
}

.technology-page-item-section {
  width: 33.33333333% !important;
}

.technology-page-items-margin {
  margin: auto !important;
  min-height: 25rem !important;
}

.technology-page-items-margin a {
  position: absolute;
  bottom: 0;
  margin-bottom: 1.5rem !important;
}

.technology-page-items-border-left-right {
  border: 1px solid !important;
  border-image: linear-gradient(
      180deg,
      rgba(86, 103, 130, 0) 0%,
      #5667828c 50%,
      rgba(86, 103, 130, 0) 100%
    )
    1 !important;
}

.technology-page-items-border-left-right-zero {
  border-left: 0 !important;
  border-right: 0 !important;
}

.text-dark-anchor p {
  color: rgba(13, 38, 76, 0.7);
}

.grid-view .play-video-btn {
  height: auto !important;
  width: auto !important;
  margin-right: 10px;
}

.grid-view .play-video-btn a {
  padding: 0;
  border: 0;
  border-radius: 6px;
}

.grid-view .play-video-btn a img {
  background: white;
  width: 34px !important;
  height: 34px !important;
  border-radius: 6px;
}

.grid-view .view-case-study {
  border-radius: 5px;
  padding: 9px 7px 9px 0px;
  background: white;
  height: auto !important;
}

.grid-view .view-case-study .view-case-study-icon img {
  height: auto !important;
  width: auto !important;
}

.grid-view .view-case-study span {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.1599999964237213px;
  text-align: center;
  color: #2c7fff;
  height: auto !important;
  width: auto !important;
  margin-left: 10px;
}

.grid-view .icon-box-hover-actions {
  top: 20rem !important;
  right: 16px !important;
  margin-bottom: 10px;
}

.grid-view .on-hover-button-actions:hover .play-video-btn,
.grid-view .on-hover-button-actions:hover .view-case-study,
.grid-view .on-hover-button-actions:hover .view-case-study a,
.grid-view .on-hover-button-actions:hover .view-case-study span {
  display: block !important;
}

.list-view.fix-items-width .col-sm-6 {
  max-width: 80% !important;
}

.grid-view .list-view-buttons {
  display: none !important;
}

.list-view .list-view-buttons {
  position: absolute;
  top: 48px;
  right: 14px;
  margin: 7px !important;
}

@media (max-width: 768px) {
  .list-view.fix-items-width .col-sm-6 {
    max-width: 100% !important;
  }
}

.projects-list-title-margin-top {
  margin-top: 0.75rem;
}

.projects-list-description-web {
  height: 104px;
  /* overflow-y: auto; */
}

@media (max-width: 768px) {
  .projects-list-description-mobile {
    height: 58px;
    overflow-y: auto;
  }
}

.projects-list-description-color {
  color: #566782;
}

@media (max-width: 480px) {
  .list-view .body-content.projects-list-content {
    padding: 0 !important;
  }

  .projects-list-content .flex-title {
    padding-left: 2rem !important;
    padding-right: 2.5rem !important;
  }

  .list-view .projects-card-section-fix-height {
    height: 112px !important;
  }

  .list-view .body-header {
    width: auto !important;
  }

  .card.work-card .body-header .header-image {
    height: 100%;
    width: 122.5px !important;
  }

  .list-view .card.work-card .body-header .header-image {
    max-width: 100% !important;
    margin-right: 0px !important;
  }

  .projects-list-content .flex-title {
    font-size: 16px !important;
    margin-bottom: 7px !important;
    padding-left: 10px !important;
    margin-top: 1.5rem !important;
  }

  .projects-list-description-mobile {
    margin: 10px !important;
    padding: 0 !important;
  }

  .list-view .body-content p {
    font-size: 12px !important;
    line-height: normal !important;
  }

  .projects-list-description-mobile {
    height: 2.5rem !important;
    /* overflow-y: auto; */
  }

  .list-view-buttons img {
    height: 25px !important;
    width: 25px !important;
  }
}

.list-view .projects-card-section-fix-height {
  max-height: 232px !important;
}

@media (max-width: 768px) {
  .case-study-page-main-section {
    height: auto !important;
  }
  
  .case-study-btn-container {
    margin: auto;
    margin-top: 2rem;
  }
  
  .caseStudyPage .for-caseStudy .back-nav.case-study-btn-top {
    top: 0 !important;
  }
  
  .case-study-content-section-spacing {
    padding: 0 !important;
    margin-top: 114px !important;
    margin-bottom: 102px !important;
  }
  
  .case-study-content-section-child-spacing {
    margin-top: auto;
  }
  
  .case-study-client-image-section {
    padding-top: 102px;
  }

  .container-inline-padding-zero {
    padding: 0 !important;
  }
}

.white-space-no-wrap-items {
  white-space: nowrap;
}

.ellipsis-web-text-description {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
  


@media (max-width:768px){
    .ellipsis-web-text-description {
      display: none;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .ellipsis-mobile-text-description {
      display: -webkit-box !important;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      margin: 10px;
  }
}

.title-padding {
  padding: 10px 20px;
}

.hover-on-card-clients-transition {
  -webkit-transition: all 0.3s ease-out 0.1s;
  -o-transition: all 0.3s ease-out 0.1s;
  transition: all 0.3s ease-out 0.1s;
}

.badge-ui-width {
  width: 348px;
}

.padding-fortypx {
  padding: 2.5rem !important;
}

.case-study-page-carousel-testimonial-bottom-padding {
  padding-bottom: 3.5rem !important;
}

@media (max-width: 480px) {
  .badge-ui-width {
    width: auto;
  }

  .padding-fortypx {
    padding: 1.5rem !important;
  }

  .case-study-page-carousel-testimonial-bottom-padding {
    padding-bottom: 2rem !important;
  }

  .title-header {
    font-size: 12px;
  }

  .title-padding {
    padding: 6px 12px;
  }

  .glance-section-mobile-view .bgGradient {
    transform: skewY(-15deg) !important;
  }

  .full-carousel .headerTagText {
    margin-bottom: 40px;
    margin-top: 20px;
  }
}

.disabled-link {
  pointer-events: none;
  cursor: default; 
}

.glance-section-web-view-top-margin {
  margin-top: 6.25rem !important;
}

@media (max-width: 768px) {
  .glance-section-web-view-top-margin {
    margin-top: 4rem !important;
  }

  .features-carousel-bottom-padding {
    padding-bottom: 2.5rem !important;
  }
}

.margin-top-sixtypx {
  margin-top: 3.75rem;
}

.hero-sec .client-page-banner-btn {
  position: relative;
  top: 0.75rem;
}

.hero-sec .client-page-banner-btn .btw-btn {
  border-radius: 6px;
  padding: 10px 25px 10px 16px;
  border: 1px solid #FFFFFF66;
  background: #FFFFFF1A;
}

.hero-sec .client-page-banner-btn .btw-btn span {
  font-size: 13px;
  font-weight: 400;
  color: #FFFFFF;
  margin-left: 0.2rem;
}

.hero-sec .client-page-banner-btn .play-btn {
  border-radius: 6px;
  padding: 10px 16px;
  border: 1px solid #FFFFFF66;
  background: #FFFFFF66;
}

.hero-sec .client-page-banner-btn .play-btn span {
  font-size: 13px;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 0.2rem;
}

.hero-sec .client-page-banner-btn .download-btn {
  border-radius: 6px;
  padding: 10px 16px;
  border: 1px solid #FFFFFF66;
  background: #FFFFFF;
  margin-left: 24px;
}

.hero-sec .client-page-banner-btn .download-btn span {
  font-size: 13px;
  font-weight: 500;
  color: #2C7FFF;
  margin-left: 0.2rem;
}

@media (max-width:768px) {
  .hero-sec .client-page-banner-btn {
    top: 2rem;
  }

  .hero-sec .client-page-banner-btn .btw-btn span,
  .hero-sec .client-page-banner-btn .play-btn span,
  .hero-sec .client-page-banner-btn .download-btn span {
    display: none;
  }

  .hero-sec .client-page-banner-btn .btw-btn {
    padding: 10px 16px;
  }
}

@media (max-width: 768px) {
  .caseStudyPage .for-caseStudy .back-nav.mobile-margin-zero {
    margin-left: 0;
  }

  .hero-sec .client-page-banner-btn .download-btn {
    margin-left: 15px;
  }

  .caseStudyPage .casestudy-body.mobile-padding-zero {
    padding-top: 0;
  }
}

.d-flex-one {
  flex: 1;
}

/* Domains Page CSS*/
.domain-site-section{
  padding-bottom: 7rem;
}
.domain-container{
  padding-inline: 1rem;
}

.domains-header{
  max-width: 743px;
  margin: auto;
  margin-top: 2rem;
}
.domains-header-text{
    font-weight: 400;
    text-align: center;
}

.domain-container-body{
  padding: 40px 0;
}

.domains-header-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  padding: 1rem;
  color: #0D264C;
}
.domains-card-padding{
  padding: 40px;
}
.domain-card-btn{
  position: absolute;
  bottom: 0;
  margin-bottom: 40px !important;
}
.domain-card-body-content{
    height: 100%;
    display: flex;
    align-items: center;
}
.domain-ellipsis-description {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis;
  height: 120px;
}
.domain-ellipsis-card-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis;
}

.domains-pagination{
  display: flex;
  align-items: center;
  margin: auto;
  justify-content: center;
  margin-top: 3rem;
  gap: 3px;
}
.domain-pagination-prev{
  width: 55px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.domain-pagination-next{
  width: 55px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.domains-pagination-links span{
  color: #566782;
  font-weight: 300;
  padding: 4px;
  cursor: pointer;
}
.domains-pagination-links span:hover{
  color: #007ee5;
}
.domain-pagination-next:hover,
.domain-pagination-prev:hover {
    background-color: #e9f2fc;  
    border:2px solid black;
    cursor: pointer; 
    border-radius: 8px;
}
.domain-icon-size{
  width: 69px;
  height: 43px;
}
.domains-grid .grid-item:nth-child(3n -1) {
  margin-top: 2.5rem !important;
}
.domain-card-height{
  height: 390px;
}
.domain-img-width-height{
  width: auto;
  max-width: 90px;
  max-height: 60px;
}
.domain-card-body-height{
  height: 100%;
}
.domain-hover-on-card-clients-transition {
  -webkit-transition: all 0.3s ease-out 0.1s;
  -o-transition: all 0.3s ease-out 0.1s;
  transition: all 0.3s ease-out 0.1s;
}
.domain-card-desc-p{
  color: rgb(13,38,76) !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  margin-bottom: 1rem !important;
}
.domain-card-heading {
  font-size: 1.25rem;
  font-weight: 600;
  color: #0D264C !important;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .domains-grid .grid-item:nth-child(3n -1) {
    margin-top: 1.5rem !important;
  }
}
@media (max-width: 768px) {
  .domains-card-padding{
    padding: 32px;
  }
  .domain-card-btn{
    margin-bottom: 32px !important;
  }
  .domain-hover-on-card-clients-transition {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .domain-contact-us-mobile{
    display: block !important; 
    text-align: left;
    padding-bottom: 4rem !important;
    padding-top: 2rem;

  }
  .domain-view-our-work{
    text-align: left;
    padding-bottom: 4rem;
  }
  .domains-header-text{
    text-align: start;
  }
  .domains-header-desc{
    text-align: start;
    padding: 1rem 0;
  }
  .domains-header{
    max-width: 743px;
    margin: auto;
    margin-top: 0;
  }
  .domain-card-heading {
    font-size: 1.1rem;
  }
 
}

.category-page-banner-heading-section {
  padding: 80px 0px;
}

.category-page-banner-bg-image {
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 402px !important;
}

.category-page-banner-bg-gradient {
  background: linear-gradient(284.09deg, #0D264C 9.01%, #2C7FFF 176.87%);
}

.category-page-banner-heading {
  font-size: 64px;
  font-weight: 400;
  line-height: 76.8px;
  text-align: left;
  color: #FFFFFF;
}

.category-page-banner-description {
  font-size: 1.1rem;
  line-height: 1.9;
  font-weight: 400 !important;
  text-align: left;
  color: #E9F2FC;
  margin-top: 32px;
  margin-right: 8%;
}

.category-projects-section {
  padding-top: 80px;
  background: linear-gradient(180deg, #FFFFFF -55.18%, #F0F6FF -52.14%);
}

.category-projects-section.category-projects-section-no-projects {
  padding-top: 32px;
}

.category-breadcrumb {
  padding-bottom: 32px;
}

.category-breadcrumb a {
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  color: #566782;
  margin: 0;
}

.category-breadcrumb a:last-child {
  color: #2C7FFF;
  pointer-events: none;
}

.category-breadcrumb a:not(:last-child)::after {
  content: '>';
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #8E8E8E;
  margin: 0 16px;
}

.category-listing-heading {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: left;
  color: #0D264C;
}

.list-view .grid-item.col-sm-6 {
  max-width: 100% !important;
}

.list-view .all-projects {
  margin-top: 28px;
}

.grid-view .all-projects {
  margin-top: 40px;
  padding-bottom: 0px;
}

.all-projects:hover .body-content .card-title {
  color: #2C7FFF;
}

.list-view .all-projects .all-projects-card-fix-height {
  max-height: 180px !important;
}

.workGrid.list-view .grid-item:nth-child(3n -1) {
  margin-top: auto !important;
}

.list-view .all-projects .body-header {
  width: 18%;
  flex-basis: content;
}

.list-view .all-projects .body-header .header-image {
  height: 100%;
  width: 196px;
  max-height: 180px !important;
  max-width: 196px !important;
  margin: auto;
}

.list-view .hover-video .video {
  height: 100%;
  width: 196px;
  max-height: 180px !important;
  max-width: 196px !important;
  margin: auto;
}

.list-view .all-projects .body-content {
  padding: 33px 24px !important;
}

.grid-view .all-projects .body-content {
  padding: 20px !important;
}

.all-projects .body-content .card-title {
  font-size: 1.25rem !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.03rem !important;
  text-align: left;
  color: #0D264C;
  margin: 0;
  margin-bottom: 1rem;
}

.list-view .all-projects .body-content .info-text {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.03rem;
  text-align: left;
  color: #0D264C;
}

.grid-view .all-projects .body-content .info-text {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  text-align: left;
  color: #0D264C;
}

.grid-view .all-projects .body-content .card-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
}

.title-length-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.description-length-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blue-slant-background {
  height: 268.5px;
  background: linear-gradient(180deg, #FFFFFF -55.18%, #F0F6FF -52.14%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 25%);
}

.category-similar-section {
  margin-bottom: 7rem;
}

.category-similar-section-remove-dots-one .flickity-page-dots {
  display: none !important;
}

.category-similar-section-remove-dots-two .flickity-page-dots {
  display: none !important;
}

.category-similar-section-heading-length-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category-similar-section-description-length-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.category-similar-section .category-similar-section-heading {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: center;
  color: #0D264C;
  margin-bottom: 16px;
}

.category-similar-section .category-similar-section-heading span {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: center;
  color: #2C7FFF;
}

.category-similar-section .category-similar-section-description {
  font-size: 1.1rem;
  line-height: 1.9;
  font-weight: 400 !important;
  text-align: center;
  color: #0D264C;
  margin-bottom: 32px;
}

.category-similar-section-padding .flickity-viewport {
  padding-bottom: 28rem !important;
}

.carousel-cell.category-similar-section-items-padding {
  padding: 12px;
}

.carousel-cell .cell-wrapper.category-similar-section-items {
  padding: 40px;
  box-shadow: 0px 6px 20px 0px #0D264C0F !important;
}

.carousel-cell .cell-wrapper.category-similar-section-items .category-similar-section-items-heading {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 46px;
  text-align: left;
  color: #0D264C;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.carousel-cell .cell-wrapper.category-similar-section-items .category-similar-section-items-description {
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.47999998927116394px;
  text-align: left;
  color: #566782;
  margin-bottom: 24px;
}

.carousel-cell .cell-wrapper.category-similar-section-items .custom-card-text {
  font-size: 0.875rem;
  font-family: inherit !important;
  font-weight: 500;
  color: #0D264C !important;
}

.carousel-cell .cell-wrapper.category-similar-section-items .category-similar-section-items-btn {
  border-radius: 5px;
  border: 2px solid #2D94F3;
  padding: 9px 19px;
  font-size: 15px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.47999998927116394px;
  text-align: center;
  color: #2D94F3;
  margin-bottom: 40px !important;
}

.category-about-section .category-about-section-heading {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: center;
  color: #0D264C;
  margin-bottom: 16px;
}

.category-about-section .category-about-section-heading span {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: center;
  color: #2C7FFF;
}

.category-about-section .category-about-section-description {
  font-size: 1.1rem;
  line-height: 1.9;
  font-weight: 400 !important;
  text-align: center;
  color: #0D264C;
  margin-bottom: 60px;
}

.category-about-section .category-about-section-tagline {
  font-size: 30px;
  font-weight: 600;
  line-height: 46px;
  text-align: center;
  color: #2C7FFF;
  margin-bottom: 32px;
}

.category-contact-section {
  background: #F5F9FF;
  margin-top: 10rem;
  padding: 100px 0px;
}

.category-contact-section .category-contact-section-heading {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: center;
  color: #0D264C;
  margin-bottom: 16px;
}

.category-contact-section .category-contact-section-heading span {
  font-size: 2.6rem;
  line-height: 1.35;
  letter-spacing: 0.05rem;
  font-weight: 600;
  text-align: center;
  color: #2C7FFF;
}

.category-contact-section .category-contact-section-description {
  font-size: 1.1rem;
  line-height: 1.9;
  font-weight: 400 !important;
  text-align: center;
  color: #566782;
  margin-bottom: 32px;
}

.category-projects-section .view-more {
  margin-top: 40px;
}

.category-projects-section .view-more {
  margin-top: 40px;
}

.category-projects-section .view-more .view-more-btn {
  border-radius: 5px;
  border: 2px solid #2D94F3;
  padding: 9px 31px;
  font-size: 15.2px;
  font-weight: 500;
  line-height: 24.32px;
  letter-spacing: 0.47999998927116394px;
  text-align: center;
  color: #2D94F3;
  background: none;
  cursor: pointer;
}

.client-page-card-description-length-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.case-study-page-press-mentions-section .morelink {
  display: inline-block;
  padding-left: 1px;
}

.case-study-page-press-mentions-section .view-mention {
  margin-top: 2rem;
}

.case-study-page-testimonial-section,
.category-page-similar-section {
  display: none;
}

.case-study-page-testimonial-section.visible,
.category-page-similar-section.visible {
  display: block;
}

.category-similar-section-remove-dots-one .flickity-prev-next-button.previous, 
.category-similar-section-remove-dots-one .flickity-prev-next-button.next {
  display: none !important;
}

.fix-more-link .morelink {
  display: inline-block;
  padding-left: 1px;
}

.case-study-page-business-verticals-heading:hover {
  color: #2d94f3 !important;
}

.additional-feature {
  display: none;
}

@media (max-width: 992px) {
  .category-page-banner-bg-image {
    height: auto !important;
  }
}

@media (max-width: 767.98px) {
  .category-page-banner-heading-section {
    padding: 60px 0px;
  }
  
  .category-page-banner-heading {
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    text-align: left;
    color: #FFFFFF;
  }
  
  .category-page-banner-description {
    font-size: 1rem;
    text-align: left;
    color: #FFFFFF;
    opacity: 70%;
    margin-top: 16px;
    margin-right: auto;
  }
  
  .category-projects-section {
    padding-top: 60px;
    background: linear-gradient(180deg, #FFFFFF -55.18%, #F0F6FF -52.14%);
  }

  .category-projects-section.category-projects-section-no-projects {
    padding-top: 24px;
  }
  
  .category-breadcrumb {
    padding-bottom: 24px;
  }
  
  .category-breadcrumb a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #566782;
    margin: 0;
  }
  
  .category-breadcrumb a:last-child {
    color: #2C7FFF;
  }
  
  .category-breadcrumb a:not(:last-child)::after {
    content: '>';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #8E8E8E;
    margin: 0 16px;
  }
  
  .category-listing-heading {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: left;
    color: #0D264C;
  }
  
  .list-view .grid-item.col-sm-6 {
    max-width: 100% !important;
  }

  .list-view .all-projects {
    margin-top: 28px;
  }
  
  .grid-view .all-projects {
    margin-top: 40px;
    padding-bottom: 0px;
  }
  
  .list-view .all-projects .all-projects-card-fix-height {
    max-height: 112px !important;
  }
  
  .list-view .all-projects .body-header {
    width: 18%;
    flex-basis: content;
  }
  
  .list-view .all-projects .body-header .header-image {
    height: 100%;
    width: 122px;
    max-height: 100% !important;
    max-width: 122px !important;
    margin: auto;
  }
  
  .list-view .all-projects .body-content {
    padding: 14px 24px 14px 10px !important;
  }
  
  .all-projects .body-content .card-title {
    font-size: 1.1rem !important;
    text-align: left;
    color: #0D264C;
    margin: 0;
    margin-bottom: 8px !important;
  }
  
  .description-length-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .description-length-ellipsis.mobile-text {
    display: -webkit-box;
  }
  
  .blue-slant-background {
    height: 99px;
    background: linear-gradient(180deg, #FFFFFF -55.18%, #F0F6FF -52.14%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 25%);
  }
  
  .category-similar-section {
    margin-bottom: 60px;
  }

  .category-similar-section-remove-dots-two .flickity-page-dots {
    display: block !important;
  }
  
  .category-similar-section .category-similar-section-heading {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: center;
    color: #0D264C;
    margin-bottom: 8px;
  }
  
  .category-similar-section .category-similar-section-heading span {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: center;
    color: #2C7FFF;
  }
  
  .category-similar-section .category-similar-section-description {
    font-size: 1rem;
    text-align: center;
    color: #0D264C;
    margin-bottom: 32px;
  }
  
  .category-similar-section-padding .flickity-viewport {
    padding-bottom: 28rem !important;
  }
  
  .carousel-cell.category-similar-section-items-padding {
    padding: 12px;
  }
  
  .carousel-cell .cell-wrapper.category-similar-section-items {
    padding: 32px;
    -webkit-box-shadow: 0 9px 30px rgba(7, 65, 210, 0.1) !important;
    box-shadow: 0 9px 30px rgba(7, 65, 210, 0.1) !important;
    text-align: center;
  }
  
  .carousel-cell .cell-wrapper.category-similar-section-items .category-similar-section-items-heading {
    font-size: 1.1rem;
    line-height: 33.6px;
    text-align: center;
  }
  
  .carousel-cell .cell-wrapper.category-similar-section-items .category-similar-section-items-description {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.47999998927116394px;
    text-align: center;
  }
  
  .carousel-cell .cell-wrapper.category-similar-section-items .category-similar-section-items-btn {
    letter-spacing: 0.48px;
    margin-bottom: 32px !important;
    transform: translateX(-50%);
  }
  
  .category-about-section .category-about-section-heading {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: center;
    color: #0D264C;
    margin-bottom: 8px;
  }
  
  .category-about-section .category-about-section-heading span {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: center;
    color: #2C7FFF;
  }
  
  .category-about-section .category-about-section-description {
    font-size: 1rem;
    text-align: center;
    color: #0D264C;
    margin-bottom: 40px;
  }
  
  .category-about-section .category-about-section-tagline {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    text-align: center;
    color: #2C7FFF;
    margin-bottom: 16px;
  }
  
  .category-contact-section {
    background: linear-gradient(180deg, #FFFFFF -2%, #F0F6FF 107.56%);
    margin-top: auto;
    padding: 40px 0px;
  }
  
  .category-contact-section .category-contact-section-heading {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: center;
    color: #0D264C;
    margin-bottom: 8px;
  }
  
  .category-contact-section .category-contact-section-heading span {
    font-size: 2.2rem;
    line-height: 1.45;
    text-align: center;
    color: #2C7FFF;
  }
  
  .category-contact-section .category-contact-section-description {
    font-size: 1rem;
    text-align: center;
    color: #566782;
    margin-bottom: 24px;
  }

  .category-projects-section .view-more .view-more-btn {
    border-radius: 5px;
    border: 2px solid #2D94F3;
    padding: 12px 29px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19.41px;
    letter-spacing: 0.47999998927116394px;
    text-align: center;
    color: #2D94F3;
    background: none;
  }

  .client-cards-content {
    padding: 14px 24px 14px 10px !important;
  }
  
  .client-cards-content-heading {
    margin-bottom: 8px !important;
  }

  .case-study-page-press-mentions-section .view-mention {
    margin-top: 0.5rem;
  }

  .key-feature-card .key-feature-card-heading:hover .header {
    color: #2d94f3;
  }
}


.new-link-list{
  -moz-column-count: auto !important;
  column-count: auto !important;
}