@font-face {
  font-family: Unicons;
  src: url("../fonts/unicons/Unicons.eot");
  src: url("../fonts/unicons/Unicons.eot#iefix") format("embedded-opentype"),
    url("../fonts/unicons/Unicons.ttf") format("truetype"),
    url("../fonts/unicons/Unicons.woff") format("woff"),
    url("../fonts/unicons/Unicons.svg#Unicons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="unicon-"],
[class*=" unicon-"] {
  font-family: "Unicons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.unicon-grid-filled:before {
  content: "\eb4e";
}
.unicon-logo-facebook-alt:before {
  content: "\eb59";
}
.unicon-shopping-basket:before {
  content: "\eb5a";
}
.unicon-logo-dribbble:before {
  content: "\eb15";
}
.unicon-cart:before {
  content: "\eb16";
}
.unicon-cloud:before {
  content: "\eb17";
}
.unicon-download-cloud:before {
  content: "\eb18";
}
.unicon-drizzle-cloud:before {
  content: "\eb19";
}
.unicon-lightning-cloud:before {
  content: "\eb1a";
}
.unicon-message-circle:before {
  content: "\eb1b";
}
.unicon-message-square:before {
  content: "\eb1c";
}
.unicon-rain-cloud:before {
  content: "\eb1d";
}
.unicon-snow-cloud:before {
  content: "\eb1e";
}
.unicon-sun:before {
  content: "\eb1f";
}
.unicon-sunrise:before {
  content: "\eb20";
}
.unicon-sunset:before {
  content: "\eb21";
}
.unicon-thermometer:before {
  content: "\eb22";
}
.unicon-umbrella1:before {
  content: "\eb23";
}
.unicon-upload-cloud:before {
  content: "\eb24";
}
.unicon-wind:before {
  content: "\eb25";
}
.unicon-document-alt-filled:before {
  content: "\eb26";
}
.unicon-document-alt:before {
  content: "\eb27";
}
.unicon-document-blank-filled:before {
  content: "\eb28";
}
.unicon-folder-filled:before {
  content: "\eb29";
}
.unicon-user-group-filled:before {
  content: "\eb2a";
}
.unicon-image-gallery-filled:before {
  content: "\eb2b";
}
.unicon-image-slider-filled:before {
  content: "\eb2c";
}
.unicon-checkbox-checked-filled:before {
  content: "\eb2d";
}
.unicon-checkmark-alt:before {
  content: "\eb2e";
}
.unicon-checkmark-outline-filled:before {
  content: "\eb2f";
}
.unicon-email-filled:before {
  content: "\eb30";
}
.unicon-image-filled:before {
  content: "\eb31";
}
.unicon-star-half-alt-filled:before {
  content: "\eb32";
}
.unicon-star-half-filled:before {
  content: "\eb33";
}
.unicon-trophy-filled:before {
  content: "\eb34";
}
.unicon-view-alt-filled:before {
  content: "\eb35";
}
.unicon-delete-filled:before {
  content: "\eb36";
}
.unicon-add-alt-filled:before {
  content: "\eb37";
}
.unicon-asleep-filled:before {
  content: "\eb38";
}
.unicon-blog-filled:before {
  content: "\eb39";
}
.unicon-bookmark-filled:before {
  content: "\eb3a";
}
.unicon-data-1-filled:before {
  content: "\eb3b";
}
.unicon-home-filled:before {
  content: "\eb3c";
}
.unicon-idea-filled:before {
  content: "\eb3d";
}
.unicon-layers-filled:before {
  content: "\eb3e";
}
.unicon-location-filled:before {
  content: "\eb3f";
}
.unicon-locked-filled:before {
  content: "\eb40";
}
.unicon-logo-instagram-filled:before {
  content: "\eb41";
}
.unicon-logo-x-filled:before {
  content: "\eb42";
}
.unicon-logo-x:before {
  content: "\eb43";
}
.unicon-phone-filled:before {
  content: "\eb44";
}
.unicon-printer-filled:before {
  content: "\eb45";
}
.unicon-reply-filled:before {
  content: "\eb46";
}
.unicon-request-quote-filled:before {
  content: "\eb47";
}
.unicon-security-filled:before {
  content: "\eb48";
}
.unicon-settings-adjust-filled:before {
  content: "\eb49";
}
.unicon-settings-filled:before {
  content: "\eb4a";
}
.unicon-share-filled:before {
  content: "\eb4b";
}
.unicon-shopping-cart-alt-filled:before {
  content: "\eb4c";
}
.unicon-shopping-cart-alt:before {
  content: "\eb4d";
}
.unicon-shopping-cart-filled:before {
  content: "\eb4f";
}
.unicon-skill-level-filled:before {
  content: "\eb50";
}
.unicon-sub-volume-filled:before {
  content: "\eb51";
}
.unicon-tag-filled:before {
  content: "\eb52";
}
.unicon-tag-group-filled:before {
  content: "\eb53";
}
.unicon-time-filled:before {
  content: "\eb54";
}
.unicon-tools-filled:before {
  content: "\eb55";
}
.unicon-unlocked-filled:before {
  content: "\eb56";
}
.unicon-user-filled:before {
  content: "\eb57";
}
.unicon-account:before {
  content: "\e900";
}
.unicon-activity:before {
  content: "\e901";
}
.unicon-add-alt:before {
  content: "\e902";
}
.unicon-add:before {
  content: "\e903";
}
.unicon-airplay-filled:before {
  content: "\e904";
}
.unicon-airplay:before {
  content: "\e905";
}
.unicon-airport-location:before {
  content: "\e906";
}
.unicon-analytics:before {
  content: "\e907";
}
.unicon-api:before {
  content: "\e908";
}
.unicon-archive:before {
  content: "\e909";
}
.unicon-area:before {
  content: "\e90a";
}
.unicon-arrow-down:before {
  content: "\e90b";
}
.unicon-arrow-left:before {
  content: "\e90c";
}
.unicon-arrow-right:before {
  content: "\e90d";
}
.unicon-arrow-up-right:before {
  content: "\e90e";
}
.unicon-arrow-up:before {
  content: "\e90f";
}
.unicon-asleep:before {
  content: "\e910";
}
.unicon-attachment:before {
  content: "\e911";
}
.unicon-audio-console:before {
  content: "\e912";
}
.unicon-augmented-reality:before {
  content: "\e913";
}
.unicon-auto-scroll:before {
  content: "\e914";
}
.unicon-awake:before {
  content: "\e915";
}
.unicon-back-to-top:before {
  content: "\e916";
}
.unicon-bar:before {
  content: "\e917";
}
.unicon-barrier:before {
  content: "\e918";
}
.unicon-bastion-host:before {
  content: "\e919";
}
.unicon-blog:before {
  content: "\e91a";
}
.unicon-book:before {
  content: "\e91b";
}
.unicon-bookmark-add:before {
  content: "\e91c";
}
.unicon-bookmark:before {
  content: "\e91d";
}
.unicon-box:before {
  content: "\e91e";
}
.unicon-brightness-contrast:before {
  content: "\e91f";
}
.unicon-brush-freehand:before {
  content: "\e920";
}
.unicon-building:before {
  content: "\e921";
}
.unicon-calendar:before {
  content: "\e922";
}
.unicon-camera:before {
  content: "\e923";
}
.unicon-carbon:before {
  content: "\e924";
}
.unicon-caret-down:before {
  content: "\e925";
}
.unicon-caret-left:before {
  content: "\e926";
}
.unicon-caret-right:before {
  content: "\e927";
}
.unicon-caret-sort:before {
  content: "\e928";
}
.unicon-caret-up:before {
  content: "\e929";
}
.unicon-carousel-horizontal:before {
  content: "\e92a";
}
.unicon-carousel-vertical:before {
  content: "\e92b";
}
.unicon-categories:before {
  content: "\e92c";
}
.unicon-cd-archive:before {
  content: "\e92d";
}
.unicon-center-circle:before {
  content: "\e92e";
}
.unicon-center-to-fit:before {
  content: "\e92f";
}
.unicon-certificate:before {
  content: "\e930";
}
.unicon-chart-column:before {
  content: "\e931";
}
.unicon-chart-line-data:before {
  content: "\e932";
}
.unicon-chart-pie:before {
  content: "\e933";
}
.unicon-chart-ring:before {
  content: "\e934";
}
.unicon-chart-stacked:before {
  content: "\e935";
}
.unicon-chart-treemap:before {
  content: "\e936";
}
.unicon-chart-venn-diagram:before {
  content: "\e937";
}
.unicon-chat-bot:before {
  content: "\e938";
}
.unicon-chat-launch:before {
  content: "\e939";
}
.unicon-chat:before {
  content: "\e93a";
}
.unicon-checkbox-checked:before {
  content: "\e93b";
}
.unicon-checkbox:before {
  content: "\e93c";
}
.unicon-checkmark-outline:before {
  content: "\e93d";
}
.unicon-checkmark:before {
  content: "\e93e";
}
.unicon-chevron-down:before {
  content: "\e93f";
}
.unicon-chevron-left:before {
  content: "\e940";
}
.unicon-chevron-mini:before {
  content: "\e941";
}
.unicon-chevron-right:before {
  content: "\e942";
}
.unicon-chevron-sort-down:before {
  content: "\e943";
}
.unicon-chevron-sort-up:before {
  content: "\e944";
}
.unicon-chevron-sort:before {
  content: "\e945";
}
.unicon-chevron-up:before {
  content: "\e946";
}
.unicon-circle-dash:before {
  content: "\e947";
}
.unicon-circle-measurement:before {
  content: "\e948";
}
.unicon-clean:before {
  content: "\e949";
}
.unicon-close-outline:before {
  content: "\e94a";
}
.unicon-close:before {
  content: "\e94b";
}
.unicon-cloud-download:before {
  content: "\e94c";
}
.unicon-cloud-lightning:before {
  content: "\e94d";
}
.unicon-cloud-satellite:before {
  content: "\e94e";
}
.unicon-cloud-upload:before {
  content: "\e94f";
}
.unicon-cobb-angle:before {
  content: "\e950";
}
.unicon-code:before {
  content: "\e951";
}
.unicon-collaborate:before {
  content: "\e952";
}
.unicon-collapse-all:before {
  content: "\e953";
}
.unicon-color-palette:before {
  content: "\e954";
}
.unicon-color-switch:before {
  content: "\e955";
}
.unicon-column:before {
  content: "\e956";
}
.unicon-compare:before {
  content: "\e957";
}
.unicon-condition-point:before {
  content: "\e958";
}
.unicon-condition-wait-point:before {
  content: "\e959";
}
.unicon-container-software:before {
  content: "\e95a";
}
.unicon-contour-finding:before {
  content: "\e95b";
}
.unicon-contrast:before {
  content: "\e95c";
}
.unicon-copy-file:before {
  content: "\e95d";
}
.unicon-copy:before {
  content: "\e95e";
}
.unicon-course:before {
  content: "\e95f";
}
.unicon-credentials:before {
  content: "\e960";
}
.unicon-crop:before {
  content: "\e961";
}
.unicon-cube-view:before {
  content: "\e962";
}
.unicon-cube:before {
  content: "\e963";
}
.unicon-currency-dollar:before {
  content: "\e964";
}
.unicon-currency:before {
  content: "\e965";
}
.unicon-cursor-1:before {
  content: "\e966";
}
.unicon-cursor-2:before {
  content: "\e967";
}
.unicon-cursor-alt:before {
  content: "\e968";
}
.unicon-cursor:before {
  content: "\e969";
}
.unicon-curve-auto-colon:before {
  content: "\e96a";
}
.unicon-curve-manual:before {
  content: "\e96b";
}
.unicon-cut-in-half:before {
  content: "\e96c";
}
.unicon-cut:before {
  content: "\e96d";
}
.unicon-dashboard-reference:before {
  content: "\e96e";
}
.unicon-dashboard:before {
  content: "\e96f";
}
.unicon-data-1:before {
  content: "\e970";
}
.unicon-data-base-alt:before {
  content: "\e971";
}
.unicon-data-base:before {
  content: "\e972";
}
.unicon-debug:before {
  content: "\e973";
}
.unicon-delete:before {
  content: "\e974";
}
.unicon-delivery-parcel:before {
  content: "\e975";
}
.unicon-delivery-truck:before {
  content: "\e976";
}
.unicon-delivery:before {
  content: "\e977";
}
.unicon-departure:before {
  content: "\e978";
}
.unicon-devices:before {
  content: "\e979";
}
.unicon-diagram:before {
  content: "\e97a";
}
.unicon-dicom-overlay:before {
  content: "\e97b";
}
.unicon-direct-link:before {
  content: "\e97c";
}
.unicon-direction-right-01:before {
  content: "\e97d";
}
.unicon-direction-straight-right:before {
  content: "\e97e";
}
.unicon-direction-straight:before {
  content: "\e97f";
}
.unicon-document-add:before {
  content: "\e980";
}
.unicon-document-attachment:before {
  content: "\e981";
}
.unicon-document-blank:before {
  content: "\e982";
}
.unicon-document-download:before {
  content: "\e983";
}
.unicon-document:before {
  content: "\e984";
}
.unicon-dot-mark:before {
  content: "\e985";
}
.unicon-down-to-bottom:before {
  content: "\e986";
}
.unicon-download-study:before {
  content: "\e987";
}
.unicon-download:before {
  content: "\e988";
}
.unicon-drag-horizontal:before {
  content: "\e989";
}
.unicon-drag-vertical:before {
  content: "\e98a";
}
.unicon-draggable:before {
  content: "\e98b";
}
.unicon-draw:before {
  content: "\e98c";
}
.unicon-drop-photo-filled:before {
  content: "\e98d";
}
.unicon-drop-photo:before {
  content: "\e98e";
}
.unicon-earth-americas:before {
  content: "\e98f";
}
.unicon-earth-europe-africa:before {
  content: "\e990";
}
.unicon-earth-filled:before {
  content: "\e991";
}
.unicon-earth:before {
  content: "\e992";
}
.unicon-edge-enhancement:before {
  content: "\e993";
}
.unicon-edit-off:before {
  content: "\e994";
}
.unicon-edit:before {
  content: "\e995";
}
.unicon-edt-loop:before {
  content: "\e996";
}
.unicon-email-new:before {
  content: "\e997";
}
.unicon-email:before {
  content: "\e998";
}
.unicon-enterprise:before {
  content: "\e999";
}
.unicon-erase:before {
  content: "\e99a";
}
.unicon-error-outline:before {
  content: "\e99b";
}
.unicon-error:before {
  content: "\e99c";
}
.unicon-event-schedule:before {
  content: "\e99d";
}
.unicon-event:before {
  content: "\e99e";
}
.unicon-events-alt:before {
  content: "\e99f";
}
.unicon-events:before {
  content: "\e9a0";
}
.unicon-explore:before {
  content: "\e9a1";
}
.unicon-export:before {
  content: "\e9a2";
}
.unicon-eyedropper:before {
  content: "\e9a3";
}
.unicon-face-dissatisfied:before {
  content: "\e9a4";
}
.unicon-face-satisfied:before {
  content: "\e9a5";
}
.unicon-fade:before {
  content: "\e9a6";
}
.unicon-favorite-filled:before {
  content: "\e9a7";
}
.unicon-favorite:before {
  content: "\e9a8";
}
.unicon-file-storage:before {
  content: "\e9a9";
}
.unicon-filter-edit:before {
  content: "\e9aa";
}
.unicon-filter:before {
  content: "\e9ab";
}
.unicon-finance:before {
  content: "\e9ac";
}
.unicon-fingerprint-recognition:before {
  content: "\e9ad";
}
.unicon-fire:before {
  content: "\e9ae";
}
.unicon-flag-filled:before {
  content: "\e9af";
}
.unicon-flag:before {
  content: "\e9b0";
}
.unicon-flash-filled:before {
  content: "\e9b1";
}
.unicon-flash:before {
  content: "\e9b2";
}
.unicon-flow-connection:before {
  content: "\e9b3";
}
.unicon-folder-add:before {
  content: "\e9b4";
}
.unicon-folder-shared:before {
  content: "\e9b5";
}
.unicon-folder:before {
  content: "\e9b6";
}
.unicon-folders:before {
  content: "\e9b7";
}
.unicon-forum:before {
  content: "\e9b8";
}
.unicon-game-console:before {
  content: "\e9b9";
}
.unicon-gamification:before {
  content: "\e9ba";
}
.unicon-gift:before {
  content: "\e9bb";
}
.unicon-globe:before {
  content: "\e9bc";
}
.unicon-glyph-caution-inverted:before {
  content: "\e9bd";
}
.unicon-glyph-caution:before {
  content: "\e9be";
}
.unicon-glyph-circle-fill:before {
  content: "\e9bf";
}
.unicon-glyph-square-fill:before {
  content: "\e9c0";
}
.unicon-glyph-undefined:before {
  content: "\e9c1";
}
.unicon-gradient:before {
  content: "\e9c2";
}
.unicon-grid:before {
  content: "\e9c3";
}
.unicon-group-objects-new:before {
  content: "\e9c4";
}
.unicon-group-objects-save:before {
  content: "\e9c5";
}
.unicon-group:before {
  content: "\e9c6";
}
.unicon-growth:before {
  content: "\e9c7";
}
.unicon-gui-management:before {
  content: "\e9c8";
}
.unicon-gui:before {
  content: "\e9c9";
}
.unicon-hashtag:before {
  content: "\e9ca";
}
.unicon-headphones:before {
  content: "\e9cb";
}
.unicon-headset:before {
  content: "\e9cc";
}
.unicon-help-filled:before {
  content: "\e9cd";
}
.unicon-help:before {
  content: "\e9ce";
}
.unicon-hole-filling:before {
  content: "\e9cf";
}
.unicon-home:before {
  content: "\e9d0";
}
.unicon-ibm-cloud-pak-security:before {
  content: "\e9d1";
}
.unicon-iCA-2D:before {
  content: "\e9d2";
}
.unicon-idea:before {
  content: "\e9d3";
}
.unicon-identification:before {
  content: "\e9d4";
}
.unicon-image-copy:before {
  content: "\e9d5";
}
.unicon-image-search-alt:before {
  content: "\e9d6";
}
.unicon-image-search:before {
  content: "\e9d7";
}
.unicon-image:before {
  content: "\e9d8";
}
.unicon-in-progress:before {
  content: "\e9d9";
}
.unicon-incomplete:before {
  content: "\e9da";
}
.unicon-increase-level:before {
  content: "\e9db";
}
.unicon-industry:before {
  content: "\e9dc";
}
.unicon-information-filled:before {
  content: "\e9dd";
}
.unicon-information:before {
  content: "\e9de";
}
.unicon-insert-page:before {
  content: "\e9df";
}
.unicon-insert-syntax:before {
  content: "\e9e0";
}
.unicon-integration:before {
  content: "\e9e1";
}
.unicon-interactive-segmentation-cursor:before {
  content: "\e9e2";
}
.unicon-intersect:before {
  content: "\e9e3";
}
.unicon-inventory-management:before {
  content: "\e9e4";
}
.unicon-keyboard:before {
  content: "\e9e5";
}
.unicon-language:before {
  content: "\e9e6";
}
.unicon-laptop:before {
  content: "\e9e7";
}
.unicon-lasso-polygon:before {
  content: "\e9e8";
}
.unicon-lasso:before {
  content: "\e9e9";
}
.unicon-launch-study-1:before {
  content: "\e9ea";
}
.unicon-launch-study-2:before {
  content: "\e9eb";
}
.unicon-launch:before {
  content: "\e9ec";
}
.unicon-layers:before {
  content: "\e9ed";
}
.unicon-legend:before {
  content: "\e9ee";
}
.unicon-license-draft:before {
  content: "\e9ef";
}
.unicon-lifesaver:before {
  content: "\e9f0";
}
.unicon-light-filled:before {
  content: "\e9f1";
}
.unicon-light:before {
  content: "\e9f2";
}
.unicon-lightning:before {
  content: "\e9f3";
}
.unicon-link:before {
  content: "\e9f4";
}
.unicon-list-boxes:before {
  content: "\e9f5";
}
.unicon-list-bulleted:before {
  content: "\e9f6";
}
.unicon-list-checked:before {
  content: "\e9f7";
}
.unicon-list-dropdown:before {
  content: "\e9f8";
}
.unicon-list-numbered:before {
  content: "\e9f9";
}
.unicon-list:before {
  content: "\e9fa";
}
.unicon-location-current:before {
  content: "\e9fb";
}
.unicon-location:before {
  content: "\e9fc";
}
.unicon-locked:before {
  content: "\e9fd";
}
.unicon-login:before {
  content: "\e9fe";
}
.unicon-logo-delicious:before {
  content: "\e9ff";
}
.unicon-logo-digg:before {
  content: "\ea00";
}
.unicon-logo-discord:before {
  content: "\ea01";
}
.unicon-logo-facebook:before {
  content: "\ea02";
}
.unicon-logo-flickr:before {
  content: "\ea03";
}
.unicon-logo-github:before {
  content: "\ea04";
}
.unicon-logo-google:before {
  content: "\ea05";
}
.unicon-logo-instagram:before {
  content: "\ea06";
}
.unicon-logo-linkedin:before {
  content: "\ea07";
}
.unicon-logo-livestream:before {
  content: "\ea08";
}
.unicon-logo-medium:before {
  content: "\ea09";
}
.unicon-logo-pinterest:before {
  content: "\ea0a";
}
.unicon-logo-quora:before {
  content: "\ea0b";
}
.unicon-logo-skype:before {
  content: "\ea0c";
}
.unicon-logo-slack:before {
  content: "\ea0d";
}
.unicon-logo-snapchat:before {
  content: "\ea0e";
}
.unicon-logo-stumbleupon:before {
  content: "\ea0f";
}
.unicon-logo-tumblr:before {
  content: "\ea10";
}
.unicon-logo-twitter:before {
  content: "\ea11";
}
.unicon-logo-vmware:before {
  content: "\ea12";
}
.unicon-logo-xing:before {
  content: "\ea13";
}
.unicon-logo-youtube:before {
  content: "\ea14";
}
.unicon-logout:before {
  content: "\ea15";
}
.unicon-mac-command:before {
  content: "\ea16";
}
.unicon-mac-option:before {
  content: "\ea17";
}
.unicon-mac-shift:before {
  content: "\ea18";
}
.unicon-machine-learning:before {
  content: "\ea19";
}
.unicon-magic-wand-filled:before {
  content: "\ea1a";
}
.unicon-magic-wand:before {
  content: "\ea1b";
}
.unicon-magnify:before {
  content: "\ea1c";
}
.unicon-manage-protection:before {
  content: "\ea1d";
}
.unicon-map-center:before {
  content: "\ea1e";
}
.unicon-map-identify:before {
  content: "\ea1f";
}
.unicon-map:before {
  content: "\ea20";
}
.unicon-maximize:before {
  content: "\ea21";
}
.unicon-media-cast:before {
  content: "\ea22";
}
.unicon-media-library:before {
  content: "\ea23";
}
.unicon-menu:before {
  content: "\ea24";
}
.unicon-meter-alt:before {
  content: "\ea25";
}
.unicon-meter:before {
  content: "\ea26";
}
.unicon-microphone-filled:before {
  content: "\ea27";
}
.unicon-microphone:before {
  content: "\ea28";
}
.unicon-microscope:before {
  content: "\ea29";
}
.unicon-migrate-alt:before {
  content: "\ea2a";
}
.unicon-military-camp:before {
  content: "\ea2b";
}
.unicon-minimize:before {
  content: "\ea2c";
}
.unicon-misuse-alt:before {
  content: "\ea2d";
}
.unicon-misuse-outline:before {
  content: "\ea2e";
}
.unicon-misuse:before {
  content: "\ea2f";
}
.unicon-mobile-add:before {
  content: "\ea30";
}
.unicon-mobile:before {
  content: "\ea31";
}
.unicon-model-alt:before {
  content: "\ea32";
}
.unicon-model:before {
  content: "\ea33";
}
.unicon-money:before {
  content: "\ea34";
}
.unicon-move:before {
  content: "\ea35";
}
.unicon-mpr-toggle:before {
  content: "\ea36";
}
.unicon-music:before {
  content: "\ea37";
}
.unicon-name-space:before {
  content: "\ea38";
}
.unicon-navaid-military:before {
  content: "\ea39";
}
.unicon-new-tab:before {
  content: "\ea3a";
}
.unicon-nominal:before {
  content: "\ea3b";
}
.unicon-not-available:before {
  content: "\ea3c";
}
.unicon-notebook-reference:before {
  content: "\ea3d";
}
.unicon-notebook:before {
  content: "\ea3e";
}
.unicon-notification-filled:before {
  content: "\ea3f";
}
.unicon-notification-new:before {
  content: "\ea40";
}
.unicon-notification:before {
  content: "\ea41";
}
.unicon-opacity:before {
  content: "\ea42";
}
.unicon-open-panel-left:before {
  content: "\ea43";
}
.unicon-open-panel-top:before {
  content: "\ea44";
}
.unicon-ordinal:before {
  content: "\ea45";
}
.unicon-overflow-menu-horizontal:before {
  content: "\ea46";
}
.unicon-overflow-menu-vertical:before {
  content: "\ea47";
}
.unicon-overlay:before {
  content: "\ea48";
}
.unicon-package:before {
  content: "\ea49";
}
.unicon-page-break:before {
  content: "\ea4a";
}
.unicon-paint-brush-alt:before {
  content: "\ea4b";
}
.unicon-paint-brush:before {
  content: "\ea4c";
}
.unicon-pan-horizontal:before {
  content: "\ea4d";
}
.unicon-pan-vertical:before {
  content: "\ea4e";
}
.unicon-panel-expansion:before {
  content: "\ea4f";
}
.unicon-partnership:before {
  content: "\ea50";
}
.unicon-password:before {
  content: "\ea51";
}
.unicon-pause:before {
  content: "\ea52";
}
.unicon-pedestrian-child:before {
  content: "\ea53";
}
.unicon-pedestrian-family:before {
  content: "\ea54";
}
.unicon-pen-fountain:before {
  content: "\ea55";
}
.unicon-pen:before {
  content: "\ea56";
}
.unicon-pending:before {
  content: "\ea57";
}
.unicon-percentage-filled:before {
  content: "\ea58";
}
.unicon-percentage:before {
  content: "\ea59";
}
.unicon-phone-ip:before {
  content: "\ea5a";
}
.unicon-phone:before {
  content: "\ea5b";
}
.unicon-piggy-bank-slot:before {
  content: "\ea5c";
}
.unicon-piggy-bank:before {
  content: "\ea5d";
}
.unicon-pin-filled:before {
  content: "\ea5e";
}
.unicon-pin:before {
  content: "\ea5f";
}
.unicon-plane:before {
  content: "\ea60";
}
.unicon-play-filled-alt:before {
  content: "\ea61";
}
.unicon-play-filled:before {
  content: "\ea62";
}
.unicon-play-outline:before {
  content: "\ea63";
}
.unicon-play:before {
  content: "\ea64";
}
.unicon-playlist:before {
  content: "\ea65";
}
.unicon-policy:before {
  content: "\ea66";
}
.unicon-popup:before {
  content: "\ea67";
}
.unicon-portfolio:before {
  content: "\ea68";
}
.unicon-power:before {
  content: "\ea69";
}
.unicon-presentation-file:before {
  content: "\ea6a";
}
.unicon-printer:before {
  content: "\ea6b";
}
.unicon-product:before {
  content: "\ea6c";
}
.unicon-progress-bar:before {
  content: "\ea6d";
}
.unicon-purchase:before {
  content: "\ea6e";
}
.unicon-query:before {
  content: "\ea6f";
}
.unicon-quotes:before {
  content: "\ea70";
}
.unicon-radio-button-checked:before {
  content: "\ea71";
}
.unicon-radio-button:before {
  content: "\ea72";
}
.unicon-rain-drop:before {
  content: "\ea73";
}
.unicon-receipt:before {
  content: "\ea74";
}
.unicon-recently-viewed:before {
  content: "\ea75";
}
.unicon-recommend:before {
  content: "\ea76";
}
.unicon-recording-filled-alt:before {
  content: "\ea77";
}
.unicon-recording-filled:before {
  content: "\ea78";
}
.unicon-recording:before {
  content: "\ea79";
}
.unicon-redo:before {
  content: "\ea7a";
}
.unicon-registration:before {
  content: "\ea7b";
}
.unicon-reminder:before {
  content: "\ea7c";
}
.unicon-renew:before {
  content: "\ea7d";
}
.unicon-repeat:before {
  content: "\ea7e";
}
.unicon-reply-all:before {
  content: "\ea7f";
}
.unicon-reply:before {
  content: "\ea80";
}
.unicon-report-data:before {
  content: "\ea81";
}
.unicon-report:before {
  content: "\ea82";
}
.unicon-request-quote:before {
  content: "\ea83";
}
.unicon-reset-alt:before {
  content: "\ea84";
}
.unicon-reset:before {
  content: "\ea85";
}
.unicon-restart:before {
  content: "\ea86";
}
.unicon-result:before {
  content: "\ea87";
}
.unicon-roadmap:before {
  content: "\ea88";
}
.unicon-rocket:before {
  content: "\ea89";
}
.unicon-rotate-180:before {
  content: "\ea8a";
}
.unicon-rotate-360:before {
  content: "\ea8b";
}
.unicon-row:before {
  content: "\ea8c";
}
.unicon-rss:before {
  content: "\ea8d";
}
.unicon-rule:before {
  content: "\ea8e";
}
.unicon-ruler-alt:before {
  content: "\ea8f";
}
.unicon-ruler:before {
  content: "\ea90";
}
.unicon-run:before {
  content: "\ea91";
}
.unicon-save:before {
  content: "\ea92";
}
.unicon-scale:before {
  content: "\ea93";
}
.unicon-scales:before {
  content: "\ea94";
}
.unicon-scalpel-cursor:before {
  content: "\ea95";
}
.unicon-scalpel-lasso:before {
  content: "\ea96";
}
.unicon-scalpel:before {
  content: "\ea97";
}
.unicon-scan:before {
  content: "\ea98";
}
.unicon-screen:before {
  content: "\ea99";
}
.unicon-script:before {
  content: "\ea9a";
}
.unicon-search-locate:before {
  content: "\ea9b";
}
.unicon-search:before {
  content: "\ea9c";
}
.unicon-security:before {
  content: "\ea9d";
}
.unicon-select-01:before {
  content: "\ea9e";
}
.unicon-select-02:before {
  content: "\ea9f";
}
.unicon-select-window:before {
  content: "\eaa0";
}
.unicon-send-alt-filled:before {
  content: "\eaa1";
}
.unicon-send-alt:before {
  content: "\eaa2";
}
.unicon-send-filled:before {
  content: "\eaa3";
}
.unicon-send-to-back:before {
  content: "\eaa4";
}
.unicon-send:before {
  content: "\eaa5";
}
.unicon-server-time:before {
  content: "\eaa6";
}
.unicon-settings-adjust:before {
  content: "\eaa7";
}
.unicon-settings:before {
  content: "\eaa8";
}
.unicon-shape-except:before {
  content: "\eaa9";
}
.unicon-share:before {
  content: "\eaaa";
}
.unicon-shopping-bag:before {
  content: "\eaab";
}
.unicon-shopping-cart:before {
  content: "\eaac";
}
.unicon-shopping-catalog:before {
  content: "\eaad";
}
.unicon-shrink-screen:before {
  content: "\eaae";
}
.unicon-shuffle:before {
  content: "\eaaf";
}
.unicon-signal-strength:before {
  content: "\eab0";
}
.unicon-skill-level:before {
  content: "\eab1";
}
.unicon-smoothing-cursor:before {
  content: "\eab2";
}
.unicon-smoothing:before {
  content: "\eab3";
}
.unicon-soccer:before {
  content: "\eab4";
}
.unicon-software:before {
  content: "\eab5";
}
.unicon-spell-check:before {
  content: "\eab6";
}
.unicon-split-discard:before {
  content: "\eab7";
}
.unicon-split-screen:before {
  content: "\eab8";
}
.unicon-split:before {
  content: "\eab9";
}
.unicon-spray-paint:before {
  content: "\eaba";
}
.unicon-stacked-scrolling-1:before {
  content: "\eabb";
}
.unicon-stamp:before {
  content: "\eabc";
}
.unicon-star-filled:before {
  content: "\eabd";
}
.unicon-star:before {
  content: "\eabe";
}
.unicon-stay-inside:before {
  content: "\eabf";
}
.unicon-stop-filled-alt:before {
  content: "\eac0";
}
.unicon-stop:before {
  content: "\eac1";
}
.unicon-store:before {
  content: "\eac2";
}
.unicon-string-integer:before {
  content: "\eac3";
}
.unicon-string-text:before {
  content: "\eac4";
}
.unicon-sub-volume:before {
  content: "\eac5";
}
.unicon-subtract-alt:before {
  content: "\eac6";
}
.unicon-subtract:before {
  content: "\eac7";
}
.unicon-table:before {
  content: "\eac8";
}
.unicon-tablet:before {
  content: "\eac9";
}
.unicon-tag-group:before {
  content: "\eaca";
}
.unicon-tag:before {
  content: "\eacb";
}
.unicon-task-add:before {
  content: "\eacc";
}
.unicon-task-approved:before {
  content: "\eacd";
}
.unicon-task-view:before {
  content: "\eace";
}
.unicon-task:before {
  content: "\eacf";
}
.unicon-template:before {
  content: "\ead0";
}
.unicon-term:before {
  content: "\ead1";
}
.unicon-terminal:before {
  content: "\ead2";
}
.unicon-text-annotation-toggle:before {
  content: "\ead3";
}
.unicon-text-bold:before {
  content: "\ead4";
}
.unicon-text-color:before {
  content: "\ead5";
}
.unicon-text-creation:before {
  content: "\ead6";
}
.unicon-text-fill:before {
  content: "\ead7";
}
.unicon-text-font:before {
  content: "\ead8";
}
.unicon-text-line-spacing:before {
  content: "\ead9";
}
.unicon-text-mining-applier:before {
  content: "\eada";
}
.unicon-text-mining:before {
  content: "\eadb";
}
.unicon-text-underline:before {
  content: "\eadc";
}
.unicon-theater:before {
  content: "\eadd";
}
.unicon-thumbnail-1:before {
  content: "\eade";
}
.unicon-thumbnail-2:before {
  content: "\eadf";
}
.unicon-thumbs-down:before {
  content: "\eae0";
}
.unicon-thumbs-up:before {
  content: "\eae1";
}
.unicon-ticket:before {
  content: "\eae2";
}
.unicon-time:before {
  content: "\eae3";
}
.unicon-tool-box:before {
  content: "\eae4";
}
.unicon-tools-alt:before {
  content: "\eae5";
}
.unicon-tools:before {
  content: "\eae6";
}
.unicon-touch-1:before {
  content: "\eae7";
}
.unicon-touch-interaction:before {
  content: "\eae8";
}
.unicon-translate:before {
  content: "\eae9";
}
.unicon-trash-can:before {
  content: "\eaea";
}
.unicon-trophy:before {
  content: "\eaeb";
}
.unicon-types:before {
  content: "\eaec";
}
.unicon-umbrella:before {
  content: "\eaed";
}
.unicon-unlink:before {
  content: "\eaee";
}
.unicon-unlocked:before {
  content: "\eaef";
}
.unicon-upload:before {
  content: "\eaf0";
}
.unicon-user-avatar-filled-alt:before {
  content: "\eaf1";
}
.unicon-user-avatar-filled:before {
  content: "\eaf2";
}
.unicon-user-avatar:before {
  content: "\eaf3";
}
.unicon-user-multiple:before {
  content: "\eaf4";
}
.unicon-user:before {
  content: "\eaf5";
}
.unicon-uv-index:before {
  content: "\eaf6";
}
.unicon-video-add:before {
  content: "\eaf7";
}
.unicon-video-chat:before {
  content: "\eaf8";
}
.unicon-video:before {
  content: "\eaf9";
}
.unicon-view-filled:before {
  content: "\eafa";
}
.unicon-view-mode-1:before {
  content: "\eafb";
}
.unicon-view-mode-2:before {
  content: "\eafc";
}
.unicon-view-next:before {
  content: "\eafd";
}
.unicon-view-off:before {
  content: "\eafe";
}
.unicon-view:before {
  content: "\eaff";
}
.unicon-virtual-column-key:before {
  content: "\eb00";
}
.unicon-virtual-private-cloud-alt:before {
  content: "\eb01";
}
.unicon-visual-recognition:before {
  content: "\eb02";
}
.unicon-volume-block-storage:before {
  content: "\eb03";
}
.unicon-volume-up:before {
  content: "\eb04";
}
.unicon-wallet:before {
  content: "\eb05";
}
.unicon-warning-alt-filled:before {
  content: "\eb06";
}
.unicon-warning-alt:before {
  content: "\eb07";
}
.unicon-warning-filled:before {
  content: "\eb08";
}
.unicon-warning:before {
  content: "\eb09";
}
.unicon-wheat:before {
  content: "\eb0a";
}
.unicon-wifi:before {
  content: "\eb0b";
}
.unicon-wikis:before {
  content: "\eb0c";
}
.unicon-word-cloud:before {
  content: "\eb0d";
}
.unicon-workspace:before {
  content: "\eb0e";
}
.unicon-zoom-area:before {
  content: "\eb0f";
}
.unicon-zoom-in-area:before {
  content: "\eb10";
}
.unicon-zoom-in:before {
  content: "\eb11";
}
.unicon-zoom-out-area:before {
  content: "\eb12";
}
.unicon-zoom-out:before {
  content: "\eb13";
}
.unicon-zoom-reset:before {
  content: "\eb14";
}
.text-beige {
  color: #ffefd8;
}

.text-green {
  color: #007380;
}

.uc-accordion-chevron {
  color: #ff6a68;
}

.rating .icon {
  color: #ffd700 !important;
}

.uc-accordion-title::before {
  color: 012538;
  background-color: transparent !important;
}

@media (max-width: 1000px) {
  #book-text {
    display: none !important;
  }
}

@media (max-width: 600px) {
  #uc-footer p {
    white-space: normal !important;
    text-align: center;
  }
}

.products-dd {
  width: 780px;
  height: 90px !important;
  padding: 0 !important; /* <- مهم */
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.borderrrr {
  border-radius: 0px !important;
}
/* شبكة الكروت */
.product-menu--row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}

.pm-li {
  position: relative;
  padding-bottom: 15px !important; /* المسافة اللي بتنور */
  padding-top: 15px !important; /* المسافة اللي بتنور */
  border-radius: 12px;
  transition: background-color 0.2s ease, transform 0.16s ease;
}

/* الفاصل العمودي بطووول الخلية */
.pm-li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0; /* يمتد للنهاية */
  right: 0;
  width: 1px;
  background: #e5e7eb; /* لون الفاصل */
  pointer-events: none; /* ما يمنعش الهوفر */
}

.pm-item {
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 12px;
  align-items: center;
  padding: 0; /* البادينج بقى على li */
  background: transparent;
  text-decoration: none;
  color: #111;
  min-height: 60px;
}

/* اللوجو */
.pm-logo {
  width: 48px;
  height: 48px;
  object-fit: contain;
  transition: filter 0.2s ease;
  display: block;
}

.pm-li:hover {
  background: #012538 !important;
}
.pm-li:hover .pm-item {
  transform: translateY(-2px);
}
.pm-li:hover .pm-logo {
  filter: brightness(0) invert(1);
}
.pm-li:hover .pm-title,
.pm-li:hover .pm-desc {
  color: #fff;
}

/* النص */
.pm-text {
  min-width: 0;
}
.pm-title {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 4px;
  color: #0f172a;
}
.pm-desc {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: #64748b;
  font-size: 13px;
  line-height: 1.35;
}

/* تقليل المسافة الجانبية داخل كل خلية */
.pm-li {
  padding: 8px 16px; /* كان 10px 42px */
  border-radius: 0; /* شارب */
  background-color: white;
}

/* خلية الهوفر تفضل شارب برضه */
.pm-li:hover {
  border-radius: 0;
}

/* لو عندك تدوير على الرابط الداخلي، شيله كمان */
.pm-item {
  border-radius: 0;
}

/* الفاصل يظل بطول الخلية كاملة حتى مع البادينج */
.pm-li:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  background: #e5e7eb;
  pointer-events: none;
}

/* (اختياري) تصغير الأيقونة شوي مع تقليل المسافات */
.pm-logo {
  width: 44px;
  height: 44px;
}

.hero-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}

.hp-li {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.hp-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  border: 0px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  min-height: 100px;
  width: 100%;
}

.hp-logo {
  width: 78px;
  height: 78px;
  object-fit: contain;
  display: block;
  transition: filter 0.2s ease;
}

.hp-title {
  font-weight: 700;
  font-size: 16px;
  color: #0f172a;
}

.hp-footer {
  margin-top: 15px;
  font-size: 17px;
  color: #64748b;
}

.hp-cta {
  padding: 6px 12px;
  font-size: 14px;
}

/* Hover effect */
.hp-box:hover {
  background: #012538;
  transform: translateY(-2px);
}

.hp-box:hover .hp-logo {
  filter: brightness(0.5) invert(1);
}
.hp-box:hover .hp-title {
  color: #fff;
}

@media (max-width: 992px) {
  .hero-products {
    grid-template-columns: 1fr;
  }
}

#icocen {
  display: flex;
  justify-content: center; /* يوسّطن الأيقونات */
  gap: 5px; /* المسافة بينهم */
}

#icocen i {
  font-size: 28px; /* حجم الأيقونات */
}

.brand-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 لوجوز في الصف */
  gap: 30px; /* المسافة بينهم */
  justify-items: center;
  align-items: center;
}

.brand-logo {
  max-width: 150px; /* كبّر الشعار */
  height: auto;
  transition: transform 0.3s ease;
}

.brand-logo:hover {
  transform: scale(1.1); /* انيمشن تكبير عند الهوفر */
}

#shrink {
  max-width: 130px !important;
}

#shrink1 {
  max-width: 110px !important;
}

.uc-subnav-pill > .uc-active > a {
  color: white !important;
}

#pricing-paygo,
#pricing-enterprise {
  display: block !important;
  text-align: center !important;
  margin: 0 auto !important;
}

#hero-logo {
  width: 200px; /* حجم اللوجو */
  max-width: 100%;
  margin-bottom: 20px; /* مسافة بينه وبين Drive growth */
  animation: fadeDown 1.2s ease-out forwards;
}

#eaglebig {
  width: 250px;
}
.logo-eagle {
  width: 300px !important;
}

/* انيميشن */
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-50px) scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.block-panel .swiper img {
  width: 130px !important;
}

#clients_brands .brands img {
  max-width: 140px; /* كبر العرض */
  height: auto;
}
@media (min-width: 768px) {
  #clients_brands .brands img {
    max-width: 160px; /* للشاشات المتوسطة وفوق */
  }
}

#shrink2 {
  max-width: 110px; /* كبر العرض */
  max-height: 110px;
}
#shrink5 {
  max-width: 80px !important; /* كبر العرض */
  max-height: 60px !important;
}

.pricing-box {
  width: 100%;
  text-align: left;
  position: relative;
}

.currency-switch {
  display: flex;
  position: absolute;
  top: 20px;
  right: 20px;
  border-radius: 8px;
  border: 1px solid #444;
}

.currency-btn {
  flex: 1;
  background: #012538;
  border: none;
  padding: 8px 20px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  transition: background 0.3s ease;
}

.currency-btn.active {
  background: #ff6a68;
}

.currency-btn:not(:last-child) {
  border-right: 1px solid #444;
}

.pricing-box h6 {
  color: #22c55e;
  margin-bottom: 10px;
  font-size: 14px;
}

.pricing-box .subtitle {
  color: #9ca3af;
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* Slider */
input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #f5f5f5;
  border-radius: 4px;
  outline: none;
}

input[type="range"]::-webkit-slider-runnable-track {
  height: 8px;
  background: linear-gradient(
    to right,
    #1ad598 var(--value, 0%),
    #2d2f3a var(--value, 0%)
  );
  border-radius: 4px;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  background: #1ad598;
  border-radius: 50%;
  border: 2px solid #fff;
  cursor: pointer;
  margin-top: -6px;
}

/* Labels under slider */
.slider-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 13px;
  color: #d1d5db;
}

.slider-labels div {
  text-align: center;
  min-width: 70px;
}

.slider-labels strong {
  display: block;
  font-size: 14px;
  color: #fff;
}

.slider-labels s {
  font-size: 12px;
  color: #9ca3af;
}

.pricing-info h3 {
  font-size: 21px !important ;
  font-weight: 400 !important;
  color: #d1d5db;
}
/* ===== Mobile ≤480px: vertical slider + tidy layout ===== */
@media (max-width: 480px) {
  /* card spacing & readability */
  #pricing .pricing-box {
    padding: 16px !important;
    border-radius: 12px !important;
  }
  /* section heading above the card */
  #pricing .section-header h2 {
    font-size: clamp(18px, 6vw, 24px) !important;
    line-height: 1.2 !important;
    text-wrap: balance;
    margin: 0 0 8px !important;
  }

  /* currency switch compact */
  .currency-switch {
    top: 10px;
    right: 10px;
    transform: scale(0.9);
  }

  /* main box title + subtitle */
  #pricing .pricing-box h2 {
    font-size: clamp(18px, 6vw, 22px) !important;
    line-height: 1.15 !important;
    margin: 0 0 6px !important;
    word-break: break-word;
  }
  #pricing .pricing-box .subtitle {
    font-size: 13px !important;
    line-height: 1.55 !important;
    margin: 0 0 12px !important;
    max-width: 40ch !important;
  }

  /* remove the duplicate labels block (the one outside #sliderWrap) */
  .pricing-box #sliderWrap + .slider-labels {
    display: none !important;
  }

  /* two-column layout: slider (left) + labels (right) */
  #sliderWrap {
    display: grid !important;
    grid-template-columns: 40px auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    height: 340px;
    margin: 6px auto 12px !important; /* auto = center horizontally */
    justify-content: center !important; /* grid content centering */
    justify-items: center !important; /* center items in their cells */
    width: max-content; /* shrink to content so centering works */
  }
  /* vertical slider by rotation */
  #sliderWrap input[type="range"] {
    width: 300px !important; /* equals container height */
    height: 8px !important;
    transform: rotate(-90deg);
    transform-origin: center;
    justify-self: center;
    margin: 0 !important;
    display: block;
  }
  #sliderWrap input[type="range"]::-webkit-slider-runnable-track {
    height: 8px !important;
  }
  #sliderWrap input[type="range"]::-webkit-slider-thumb {
    width: 20px !important;
    height: 20px !important;
    margin-top: -6px !important;
  }

  /* labels column */
  #sliderWrap .slider-labels {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    height: 100% !important;
    gap: 0 !important;
    margin: 0 !important;
  }
  #sliderWrap .slider-labels > div {
    min-width: auto !important;
    text-align: left !important;
  }
  #sliderWrap .slider-labels strong {
    font-size: 14px !important;
    color: #fff !important;
    line-height: 1.2;
  }
  #sliderWrap .slider-labels s {
    font-size: 12px !important;
  }

  /* price line under slider */
  .pricing-info h3 {
    font-size: 16px !important;
  }
  .pricing-info {
    gap: 4px !important;
    flex-wrap: wrap;
  }

  /* CTA full width on mobile */
  #pricing .btn {
    width: 100% !important;
    justify-content: center;
  }
}

/* ===== Small phones ≤360px ===== */
@media (max-width: 360px) {
  #sliderWrap {
    height: 260px;
  }
  #sliderWrap input[type="range"] {
    width: 260px !important;
  }
  .pricing-info h3 {
    font-size: 15px !important;
  }
}

/* ------ الإضافة المطلوبة فقط: السويتش سطر لوحده والعنوان تحته ------ */
@media (max-width: 480px) {
  #pricing .pricing-box {
    display: flex !important;
    flex-direction: column !important;
  }

  .currency-switch {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 2px auto 0 !important; /* في النص كسطر مستقل */
    transform: none !important; /* يلغي التصغير السابق */
    align-self: center !important;
    order: 0 !important;
  }

  #pricing .pricing-box h2 {
    order: 1 !important;
  }
  #pricing .pricing-box .subtitle {
    order: 2 !important;
  }
  #sliderWrap {
    order: 3 !important;
  }
  .pricing-info {
    order: 4 !important;
  }
}

@media (max-width: 480px) {
  /* تأكيد إن البوكس Flex عمودي */
  #pricing .pricing-box {
    display: flex !important;
    flex-direction: column !important;
  }

  /* خلّي حاوية الزر (div.mb-2 ...) في الآخر */
  #pricing .pricing-box > .mb-2 {
    order: 5 !important;
    margin-top: 8px !important;
  }

  /* خلي الزر ياخد العرض كله */
  #pricing .pricing-box > .mb-2 .btn {
    width: 100% !important;
    justify-content: center;
  }
}

#cardImage {
  height: 400px !important;
}

.btn-primary:hover {
  background-color: #ff8a88 !important;
  border: none;
  transform: none;
}

.custom-arrow {
  display: inline-block;
  margin-left: 6px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #333; /* لون السهم */
  border-bottom: 2px solid #333;
  transform: rotate(45deg); /* يخليه سهم لتحت */
  transition: transform 0.3s ease;
}

.uc-navbar-nav li:hover > a .custom-arrow {
  transform: rotate(225deg); /* يخليه يلف لفوق وقت الهوفر */
}

.icon-box svg {
  fill: #6c757d; /* ده لون الـ gray */
}

#shrink12 {
  width: 100px !important;
  height: 70px !important;
}

#shrink123 {
  width: 70px !important;
  height: 70px !important;
}

#contact {
  text-decoration: none !important;
}

#contact:hover {
  text-decoration: underline !important;
}

@media (min-width: 1600px) {
  #hero_header {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px 0;
  }
}
#bookingForm p {
  margin-top: 8px !important;
}
#formMessage {
  margin-top: 8px !important;
}

select.form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")
    no-repeat right 12px center;
  background-size: 16px;
  padding-right: 32px;
}

select.form-control.custom-arrow {
  background-position: right 4px center;
}

select.form-control {
  height: 48px;
  line-height: normal;
  padding: 10px 40px 10px 12px;
  display: flex;
  align-items: center;
}

:root {
  --primary: #ff6a68;
  --green: #1ad598;
  --blue: #012538;
  --card-bg: rgba(255, 255, 255, 0.92);
  --text: #0f172a;
  --shadow: 0 24px 70px rgba(1, 37, 56, 0.25);
}

@media (prefers-color-scheme: dark) {
  :root {
    --card-bg: rgba(11, 18, 32, 0.92);
    --text: #e5e7eb;
    --shadow: 0 24px 70px rgba(0, 0, 0, 0.55);
  }
}

.mx-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
  background: radial-gradient(
      900px 360px at 20% -10%,
      rgba(255, 106, 104, 0.16),
      transparent 60%
    ),
    radial-gradient(
      820px 340px at 120% 110%,
      rgba(1, 37, 56, 0.22),
      transparent 60%
    ),
    rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(4px);
}

.mx-modal.is-open {
  display: grid;
  place-items: center;
}

.mx-card {
  width: min(460px, 92vw);
  background: var(--card-bg);
  color: var(--text);
  border: 0;
  border-radius: 0;
  box-shadow: var(--shadow);
  padding: 20px 18px 16px;
  position: relative;
  transform: translateY(6px) scale(0.985);
  opacity: 0;
  animation: mx-pop 0.22s ease forwards;
}

@keyframes mx-pop {
  to {
    transform: none;
    opacity: 1;
  }
}

.mx-close {
  position: absolute;
  top: 8px;
  inset-inline-end: 8px;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.mx-close:hover {
  background: rgba(0, 0, 0, 0.06);
}

@media (prefers-color-scheme: dark) {
  .mx-close:hover {
    background: rgba(255, 255, 255, 0.06);
  }
}

.mx-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 6px;
}

.mx-title {
  font-weight: 800;
  font-size: 1.06rem;
  margin: 0;
  letter-spacing: 0.2px;
}

.mx-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
}

.mx-icon img {
  width: 28px;
  height: 28px;
  display: block;
  object-fit: contain;
}

.mx-msg {
  margin: 0.4rem 0 1rem;
  line-height: 1.65;
  font-size: 0.98rem;
  opacity: 0.95;
}

.mx-actions {
  display: flex;
  justify-content: flex-end;
}

.mx-btn {
  padding: 10px 16px;
  border: 0;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.06s ease, filter 0.18s ease, box-shadow 0.2s ease;
}

.mx-btn:active {
  transform: translateY(1px);
}

.mx-btn--primary {
  background: linear-gradient(180deg, var(--primary), #e85755);
  color: #fff;
  box-shadow: 0 10px 22px rgba(255, 106, 104, 0.35);
}

.mx-btn--primary:hover {
  filter: brightness(0.97);
}

@media (max-width: 576px) {
  #hero_header.hero-header {
    min-height: auto !important;
    padding-top: 56px;
    padding-bottom: 28px;
  }
  #hero_header br {
    display: none;
  }
  #hero_header .hero-title {
    margin: 0 auto 14px;
    font-size: clamp(26px, 6.6vw, 32px);
    line-height: 1.18;
    letter-spacing: 0.2px;
  }
  #hero_header .hero-title .text-primary {
    display: block;
    margin-top: 8px !important;
    font-size: clamp(24px, 6vw, 28px);
    line-height: 1.1;
  }
  #hero_header .hero-subtitle {
    max-width: 88%;
    margin: 0 auto 18px;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    color: #617080;
  }
  #hero_header .row.g-4 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 18px;
  }
  #hero_header .row.g-4 > [class*="col-"] {
    padding: 0 8px;
  }
  #hero_header .vstack.items-center {
    padding: 14px !important;
    gap: 10px !important;
    border-radius: 12px;
  }
  #hero_header .vstack.items-center img {
    height: 56px !important;
    width: 100%;
    object-fit: contain;
  }
  #hero_header .vstack.items-center .fw-bold,
  #hero_header .vstack.items-center span.text-muted {
    margin-top: 6px !important;
    font-size: 13.5px;
  }

  #main_features .vstack.items-center {
    gap: 10px !important;
    margin-bottom: 16px !important;
  }
  #main_features .vstack.items-center > .fw-bold {
    font-size: 13px !important;
    padding: 6px 12px !important;
    line-height: 1 !important;
  }
  #main_features h2 {
    margin: 0 auto 6px !important;
    font-size: clamp(24px, 6.2vw, 30px) !important;
    line-height: 1.18 !important;
    letter-spacing: 0.2px;
  }
  #main_features h2 .text-primary {
    height: auto !important;
    padding: 0 2px !important;
    display: inline !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  #main_features .section-inner > .panel > p,
  #main_features .vstack.items-center > p {
    max-width: 92% !important;
    margin: 0 auto 8px !important;
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    opacity: 0.9;
  }
  #main_features .features-items {
    row-gap: 14px !important;
  }
  #main_features .features-items > div {
    padding-left: 10px;
    padding-right: 10px;
  }
  #main_features .features-item {
    padding: 16px !important;
    gap: 10px !important;
    border-radius: 12px !important;
  }
  #main_features .features-item .icon-box {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  #main_features .features-item .icon-box img,
  #main_features .features-item .icon-box svg {
    width: 32px !important;
    height: 32px !important;
    max-width: none !important;
  }
  #main_features .features-item .title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.2px;
    margin-top: 4px !important;
  }
  #main_features .features-item .desc {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    opacity: 0.9;
    margin-top: 6px !important;
  }

  #how_it_works .section-outer {
    padding-bottom: 24px !important;
  }
  #how_it_works .featured-image {
    aspect-ratio: 16 / 9 !important;
    border-radius: 14px !important;
    overflow: hidden;
  }
  #how_it_works .featured-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
  }
  #how_it_works h3.h3 {
    margin: 10px 0 6px !important;
    font-size: clamp(22px, 6vw, 28px) !important;
    line-height: 1.2 !important;
    letter-spacing: 0.2px;
  }
  #how_it_works p.fs-6 {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    opacity: 0.9;
    margin-bottom: 8px !important;
  }
  #how_it_works .vstack.items-start {
    padding: 14px !important;
    gap: 10px !important;
  }
  #how_it_works ul.uc-accordion-divider {
    row-gap: 16px !important;
  }
  #how_it_works ul.uc-accordion-divider li {
    padding: 12px 0 !important;
  }
  #how_it_works .uc-accordion-title {
    font-size: 17px !important;
    line-height: 1.35 !important;
  }
  #how_it_works .icon-box {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
  }
  #how_it_works .icon-box img,
  #how_it_works .icon-box svg {
    width: 26px !important;
    height: 26px !important;
    max-width: none !important;
  }
  #how_it_works .uc-accordion-content {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    margin-top: 6px !important;
    opacity: 0.95;
  }
  #how_it_works .uc-accordion-divider {
    --divider-gap: 20px !important;
  }

  .rounded,
  .rounded-0,
  .rounded-1,
  .rounded-1-5,
  .rounded-2,
  .lg\:rounded-2,
  [class*="rounded-"] {
    border-radius: 0 !important;
  }
  #hero_header,
  #hero_header .vstack.items-center,
  #main_features .features-item,
  #main_features .icon-box,
  #how_it_works .panel,
  #how_it_works .icon-box,
  #how_it_works figure.featured-image,
  #how_it_works figure.featured-image img {
    border-radius: 0 !important;
  }
  .ratio,
  .ratio > img,
  .panel,
  img {
    border-radius: 0 !important;
  }

  #features .section-outer {
    padding-top: 24px !important;
  }
  #features .vstack.items-center {
    gap: 10px !important;
    margin-bottom: 12px !important;
  }
  #features .vstack.items-center .cstack {
    padding: 6px 12px !important;
  }
  #features .vstack.items-center .fs-8 {
    font-size: 12.5px !important;
  }
  #features h2 {
    margin: 0 auto 6px !important;
    font-size: clamp(24px, 6.2vw, 30px) !important;
    line-height: 1.18 !important;
    letter-spacing: 0.2px;
  }
  #features h2 .text-primary {
    display: inline !important;
    height: auto !important;
    padding: 0 2px !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  #features .section-inner > .panel > p {
    max-width: 92% !important;
    margin: 0 auto 8px !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    opacity: 0.9;
  }
  #features .row.child-cols-12 {
    row-gap: 14px !important;
  }
  #features .row.child-cols-12 > [class*="col"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  #features .panel.bg-blue {
    border-radius: 16px !important;
    overflow: hidden;
  }
  #features .w-100.d-flex img[alt="logo"] {
    height: 32px !important;
    width: auto !important;
    max-width: 96px !important;
  }
  #features #cardImage {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    border-radius: 12px !important;
  }
  #features .vstack.items-start.justify-between {
    padding: 14px !important;
    gap: 10px !important;
  }
  #features .content.vstack {
    gap: 8px !important;
  }
  #features h4.h4 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.2px;
  }
  #features .fs-6 {
    font-size: 14.5px !important;
    line-height: 1.7 !important;
    opacity: 0.92;
  }
  #features .rounded-pill {
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center;
    height: 34px;
    padding: 0 12px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    word-break: normal !important;
  }
  #features .btn.btn-primary {
    width: 92%;
    height: 44px;
    border-radius: 12px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-weight: 600;
  }
  #features + br,
  #features + br + br {
    display: none;
  }

  #clients_brands .section-outer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #clients_brands h4.h4 {
    margin: 0 auto 12px !important;
    font-size: clamp(20px, 6vw, 26px) !important;
    line-height: 1.25 !important;
    max-width: 92%;
    text-wrap: balance;
    padding-inline: 0px !important;
  }
  #clients_brands .brands {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    align-items: center;
    justify-items: center;
  }
  #clients_brands .brands > div {
    width: 100%;
  }
  #clients_brands .brands img {
    display: block;
    width: 100%;
    max-width: 96px !important;
    max-height: 28px !important;
    height: auto;
    object-fit: contain !important;
    margin: 8px auto !important;
  }
  #clients_brands .brands img[alt*="Slack"],
  #clients_brands .brands img[alt*="Zendesk"],
  #clients_brands .brands img[alt*="Zapier"] {
    max-width: 110px !important;
    max-height: 30px !important;
  }
  #clients_brands .brands img[src*="Salesforce"] {
    margin-left: 0 !important;
  }
  #clients_brands .brands img#shrink5,
  #clients_brands .brands img#shrink123 {
    max-width: 96px !important;
    max-height: 45px !important;
  }
  #clients_brands .brands img#shrink5 {
    max-height: 28px !important;
  }
  #clients_brands .brands img#shrink12 {
    max-width: 96px !important;
    max-height: 45px !important;
  }

  #builder_elements br {
    display: none;
  }
  #builder_elements .section-outer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  #builder_elements h4.h4 {
    font-size: clamp(20px, 5.6vw, 24px) !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }

  #clients_brands h4.h4 {
    max-width: 24ch;
    margin: 6px auto 14px !important;
    font-size: clamp(22px) !important;
    line-height: 1.22 !important;
    font-weight: 700;
    letter-spacing: 0.1px;
    text-wrap: balance;
  }
  #clients_brands .brands {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 14px !important;
    align-items: center;
    justify-items: center;
  }
  #clients_brands .brands img {
    width: 100%;
    max-width: 110px !important;
    max-height: 32px !important;
    height: auto;
    object-fit: contain !important;
    margin: 6px auto !important;
  }
  #clients_brands .brands img[alt*="Salesforce"],
  #clients_brands .brands img[alt*="xero"] {
    max-width: 120px !important;
    max-height: 40px !important;
  }
  #clients_brands .section-outer {
    padding-bottom: 16px !important;
  }
  #clients_brands + br,
  #clients_brands + br + br {
    display: none;
  }
  #builder_elements .section-outer {
    padding-top: 16px !important;
  }

  #cta .section-outer {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  #cta .content h2 {
    font-size: clamp(26px, 6.4vw, 34px) !important;
    line-height: 1.22 !important;
    margin: 4px auto 8px !important;
    max-width: 20ch;
    letter-spacing: 0.2px;
  }
  #cta .content p {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    opacity: 0.9;
    margin: 0 auto 10px !important;
    max-width: 92%;
  }
  #cta .content p br {
    display: none;
  }
  #cta .content .btn {
    height: 44px;
    border-radius: 12px;
    padding-inline: 14px !important;
    font-weight: 600;
    width: 92%;
    max-width: 320px;
    margin-inline: auto;
  }
  #cta .image-wrap {
    width: 100% !important;
    max-width: 420px;
    margin: 8px auto 0 !important;
  }
  #cta .image-wrap .image {
    display: block;
    width: 100% !important;
    height: auto !important;
    max-height: 320px;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  #cta .image-wrap .image[style*="margin-left"] {
    margin-left: 0 !important;
  }
  #cta .section-inner {
    gap: 12px !important;
  }

  #cta .content h2 {
    font-size: clamp(21px, 6vw, 30px) !important;
    line-height: 1.18 !important;
    max-width: 18ch;
    margin: 6px auto 8px !important;
    word-break: normal;
  }
  #cta .content .btn {
    margin-top: 10px !important;
  }
  #cta .image-wrap {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 0 !important;
    padding: 0 12px;
  }
  #cta .image-wrap .image {
    margin: 0 45px !important;
    width: min(92vw, 420px) !important;
    height: auto !important;
    max-height: 62vh;
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
  }
}

@media (max-width: 360px) {
  #hero_header .hero-title {
    font-size: 24px;
  }
  #hero_header .hero-title .text-primary {
    font-size: 22px;
  }
  #hero_header .hero-subtitle {
    font-size: 13.5px;
    max-width: 92%;
  }
  #hero_header .vstack.items-center img {
    height: 50px !important;
  }
  #hero_header .btn.btn-primary {
    height: 42px;
    font-size: 14px;
  }

  #main_features h2 {
    font-size: 22px !important;
  }
  #main_features .section-inner > .panel > p,
  #main_features .vstack.items-center > p {
    font-size: 13.5px !important;
    text-align: left !important;
  }
  #main_features .features-item .icon-box {
    width: 42px !important;
    height: 42px !important;
  }
  #main_features .features-item .icon-box img,
  #main_features .features-item .icon-box svg {
    width: 45px !important;
    height: 45px !important;
  }
  #main_features .features-item .title {
    font-size: 17px !important;
  }

  #how_it_works h3.h3 {
    font-size: 21px !important;
  }
  #how_it_works .uc-accordion-title {
    font-size: 16.5px !important;
  }
  #how_it_works .icon-box {
    width: 40px !important;
    height: 40px !important;
  }
  #how_it_works .icon-box img,
  #how_it_works .icon-box svg {
    width: 35px !important;
    height: 35px !important;
  }

  #features h2 {
    font-size: 22px !important;
  }
  #features .section-inner > .panel > p {
    font-size: 13.5px !important;
  }
  #features h4.h4 {
    font-size: 19px !important;
  }
  #features .btn.btn-primary {
    height: 42px;
    font-size: 14px;
  }
}

/* ===== Shift hero (mobile) ===== */
@media (max-width: 576px) {
  #hero_header .section-outer {
    padding-top: 16px !important;
    padding-bottom: 12px !important;
    display: flex;
    align-items: center;
  }
  #hero_header br {
    display: none;
  }
  #hero_header h1 {
    font-size: clamp(23px, 5.8vw, 26px) !important;
    line-height: 1.32 !important;
    letter-spacing: 0.2px;
    margin: 6px auto 8px !important;
    max-width: 22ch;
    text-wrap: balance;
  }
  #hero_header h1 .text-primary {
    display: inline;
  }
  #hero_header h3 {
    font-size: 20px !important;
    line-height: 1.1 !important;
    margin: 12px 50px 0 !important;
  }
}

/* ===== Shift features cards (spacing only, mobile) ===== */
@media (max-width: 576px) {
  #how_it_works .section-outer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-top: 10px !important;
  }
  #how_it_works br {
    display: none;
  }
  #how_it_works .row.g-3 {
    row-gap: 0px !important;
  }
}

/* ===== Sponsors grid (2 per row, uniform logos, mobile) ===== */
@media (max-width: 576px) {
  #companies_sponsores .section-outer {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  #companies_sponsores .brand-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px 12px !important;
    align-items: center;
    justify-items: center;
  }
  #companies_sponsores .brand-grid > div {
    width: 100%;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #companies_sponsores br {
    display: none;
  }
}

/* enlarge the support card and lift the button a bit */
@media (max-width: 576px) {
  /* الكارت نفسه */
  #main_features .uc-dark.panel.min-h-450px {
    min-height: 520px !important; /* تكبير ارتفاع الكارت */
    padding-bottom: 14px !important; /* مساحة أسفل الكارت */
  }

  /* مسافات داخل بلوك النص */
  #main_features .uc-dark .vstack.items-center {
    gap: 10px !important;
    padding-bottom: 6px !important;
  }

  /* الزر أعلى شوية ومضمون فوق الفيديو */
  #main_features .uc-dark .btn {
    margin-top: 6px !important; /* كان أكبر من كده */
    position: relative;
    z-index: 3; /* فوق الفيديو/الأفاتار */
  }

  /* ابدأ بلوك الفيديو بعد الزر بمسافة كافية */
  #main_features .uc-dark .panel.min-h-200px,
  #main_features .uc-dark .panel.md\:min-h-250px,
  #main_features .uc-dark .panel.xl\:min-h-300px {
    margin-top: 18px !important; /* يبعد عن الزر */
    min-height: 230px !important;
  }
}

/* موبايلات أصغر */
@media (max-width: 360px) {
  #main_features .uc-dark.panel.min-h-450px {
    min-height: 540px !important;
  }
  #main_features .uc-dark .panel.min-h-200px,
  #main_features .uc-dark .panel.md\:min-h-250px,
  #main_features .uc-dark .panel.xl\:min-h-300px {
    min-height: 240px !important;
  }
}

/* ===== CTA — show image on mobile & place under text ===== */
@media (max-width: 991.98px) {
  /* أظهر بلوك الصورة المخفي بـ d-none على الشاشات الصغيرة */
  #cta .position-absolute.d-none.lg\:d-block {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    display: block !important;
    margin: 12px auto 0 !important;
    text-align: center !important;
    z-index: 1;
  }
  #cta .position-absolute.d-none.lg\:d-block img {
    display: block !important;
    width: min(88vw, 380px) !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  /* شدّ حواف الكارد قليلًا للموبايل لو لزم */
  #cta .section-inner {
    padding: 16px !important;
  }
}

/* ارتفاع موحّد مريح لكل البطاقات (يمكن تعديله) */
@media (max-width: 576px) {
  #pricing .pricing-box {
    min-height: 540px !important;
  }
}
@media (min-width: 577px) and (max-width: 991.98px) {
  #pricing .pricing-box {
    min-height: 560px !important;
  }
}
@media (min-width: 992px) {
  #pricing .pricing-box {
    min-height: 580px !important;
  }
}

/* UC CTA – mobile polish */
@media (max-width: 576px) {
  #uc_cta .section-outer {
    padding: 22px 0 !important;
  }
  #uc_cta .panel.vstack.items-center {
    gap: 10px !important;
  }

  /* badge */
  #uc_cta .fw-medium.py-narrow.px-2 {
    font-size: 12.5px !important;
    padding: 6px 12px !important;
    line-height: 1 !important;
  }

  /* title */
  #uc_cta h2 {
    font-size: clamp(26px, 6.2vw, 32px) !important;
    line-height: 1.18 !important;
    margin: 0 auto 6px !important;
    max-width: 20ch;
    text-wrap: balance;
    letter-spacing: 0.2px;
  }

  /* description */
  #uc_cta p.fs-5,
  #uc_cta p.lg\:fs-4 {
    font-size: 14.5px !important;
    line-height: 1.75 !important;
    max-width: 92% !important;
    margin: 0 auto 8px !important;
    opacity: 0.9;
  }

  /* "Coming this spring" block spacing */
  #uc_cta .panel.vstack.items-center.gap-1 {
    gap: 6px !important;
  }
  #uc_cta .panel.vstack.items-center.gap-1 .mb-2 {
    margin-bottom: 4px !important;
  }
  #uc_cta h6.text-primary.fs-2 {
    font-size: 16px !important;
  }

  /* hide big dashed orbits on small screens */
  #uc_cta .w-750px,
  #uc_cta .w-1000px,
  #uc_cta .w-1280px {
    display: none !important;
  }
}

/* ===== Hero (default tweaks) ===== */

/* اخفاء الخلفية الدائرية الكبيرة على الشاشات الصغيرة/المتوسطة */
@media (max-width: 991.98px) {
  #hero_header .position-absolute.w-1000px,
  #hero_header .position-absolute.h-screen {
    display: none !important;
  }
}

/* ===== Mobile (≤576px) ===== */
@media (max-width: 576px) {
  /* إزالة الـ <br> اليدوية داخل الهيرو */
  #hero_header br {
    display: none;
  }

  #hero_header .section-outer {
    padding-top: 48px !important;
  }
  #hero_header .panel.vstack.justify-center {
    gap: 10px !important;
  }

  #hero_header .logo-eagle {
    width: 140px;
  }

  #hero_header h1 {
    font-size: clamp(24px, 6.2vw, 30px) !important;
    line-height: 1.2 !important;
    max-width: 20ch;
    margin: 6px auto 8px !important;
    text-wrap: balance;
  }

  #hero_header .vstack.md\:hstack {
    gap: 6px !important;
  }
  #hero_header .btn.btn-primary {
    width: 92%;
    max-width: 320px;
    height: 44px;
    border-radius: 12px;
  }
  #hero_header .text-center.mt-2 {
    margin-top: 8px !important;
  }
}

/* ===== Small phones (≤360px) ===== */
@media (max-width: 360px) {
  #hero_header .logo-eagle {
    width: 124px;
  }
  #hero_header h1 {
    font-size: 22px !important;
  }
  #hero_header .btn.btn-primary {
    height: 42px;
    font-size: 14px;
  }
}

/* ===== ≤ 576px ===== */
@media (max-width: 576px) {
  #key_features .section-outer {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  #key_features h2 {
    font-size: clamp(22px, 6.2vw, 28px) !important;
    max-width: 24ch;
  }
  #key_features .features-items {
    row-gap: 12px !important;
  }
  #key_features .features-item {
    padding: 14px !important;
    border-radius: 12px;
  }
  #key_features .features-item .icon-box {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 10px;
  }
  #key_features .features-item .icon-box img,
  #key_features .features-item .icon-box svg {
    width: 55px !important;
    height: 50px !important;
  }
  #key_features .features-item .title {
    font-size: 17px !important;
  }
}

/* ===== ≤ 360px ===== */
@media (max-width: 360px) {
  #key_features h2 {
    font-size: 21px !important;
  }
  #key_features .features-item .title {
    font-size: 16.5px !important;
  }
  #key_features .features-item .desc {
    font-size: 13.8px !important;
  }
}

/* موبايل */
@media (max-width: 576px) {
  #cta .section-outer {
    padding-top: 18px;
    padding-bottom: 18px;
  }
  #cta .section-inner {
    gap: 12px;
  }
  #cta .content h1 {
    font-size: clamp(22px, 6.2vw, 30px);
    max-width: 20ch;
  }
  #cta .image-wrap .image {
    width: min(92vw, 420px);
  }
}

/* أصغر */
@media (max-width: 360px) {
  #cta .content h1 {
    font-size: 21px;
  }
  #cta .content p {
    font-size: 13.5px;
  }
}

/* موبايل */
@media (max-width: 576px) {
  #how_it_works .section-outer {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  #how_it_works h2 {
    font-size: clamp(20px, 6vw, 28px);
  }
  #how_it_works .section-inner .row {
    row-gap: 14px;
  }
  #how_it_works .section-inner .row > div > .panel {
    padding: 16px;
    gap: 10px;
  }

  #how_it_works .icon-box {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
  }
  #how_it_works .section-inner .row p {
    font-size: 14.5px;
  }
  #groove {
    max-height: 50px !important;
  }
  #sft {
    margin-left: 62px !important;
    margin-top: 10px !important;
  }
}

/* أصغر */
@media (max-width: 360px) {
  #how_it_works h2 {
    font-size: 21px;
  }
}

/* Coming This Spring — موبايل */
@media (max-width: 576px) {
  /* وسّط البلوك اللي جواه العنوان */
  #key_features .section-inner > .vstack:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* صغّر العنوان وخليه في النص */
  #key_features .section-inner > .vstack:last-of-type h3 {
    font-size: clamp(16px, 5vw, 20px) !important;
    line-height: 1.2;
    height: auto !important;
    text-align: center;
    padding: 2px 8px;
    margin: 0 auto;
  }
}

/* أصغر من 360px */
@media (max-width: 360px) {
  #key_features .section-inner > .vstack:last-of-type h3 {
    font-size: 20px !important;
  }
}

/* ===== CTA (≤ 576px) ===== */
@media (max-width: 576px) {
  /* مسافات عامة للقسم */
  #cta .section-outer {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  #cta .section-inner {
    padding: 16px 14px !important;
    border-radius: 16px;
  }

  .uc-footer-cta .container .uc-footer-inner .vstack p {
    text-align: left !important;
  }

  /* العنوان */
  #cta h2 {
    font-size: clamp(22px, 7vw, 30px) !important;
    line-height: 1.2;
    max-width: 18ch;
    margin: 0 auto 8px auto; /* وسـط + مسافة تحت بسيطة */
    text-align: center;
  }

  /* النص */
  #cta p {
    font-size: 14.8px;
    line-height: 1.7;
    max-width: 38ch;
    margin: 0 auto; /* يبقى في النص */
    text-align: center;
  }

  /* الحاوية بتاعة الأزرار تبقى في النص */
  #cta .vstack.sm\:hstack {
    justify-content: center !important;
  }

  /* الزر نفسه — مسافة فوق وتحت + عرض مريح */
  #cta .vstack .btn {
    display: inline-flex;
    margin-top: 14px; /* مسافة فوق الزر */
    margin-bottom: 18px; /* مسافة تحت الزر */
    padding-block: 12px;
    border-radius: 14px;
  }

  
}

/* أصغر من 360px */
@media (max-width: 360px) {
  #cta h2 {
    font-size: 21px !important;
  }
  #cta p {
    font-size: 13.7px !important;
    text-align: left !important;
  }
  #cta .vstack .btn {
    margin-top: 12px;
    margin-bottom: 16px;
  }
}

/* ===== Pricing cards: equal height & aligned footer ===== */
#pricing .swiper-wrapper {
  align-items: stretch; /* يخلي السلايدز تتمد بنفس الطول */
}

#pricing .swiper-slide {
  height: auto; /* السماح بارتفاع تلقائي */
}

#pricing .swiper-slide .pricing-box {
  display: flex; /* نخلي الصندوق عمودي */
  flex-direction: column;
  height: 100%; /* يتمد لأقصى ارتفاع */
}

/* أي محتوى قبل الـ CTA يعتبر جسم الكارت */
#pricing .pricing-box-cta {
  margin-top: auto; /* يزق CTA لأسفل الكارت */
}

/* تحسين شكل النهاية */
#pricing .pricing-box-cta hr {
  margin: 12px 0 10px; /* مسافة متساوية فوق/تحت الخط */
}

#pricing .pricing-box-cta h6 {
  margin: 0 0 6px; /* مسافة صغيرة في الآخر */
  text-align: center;
}

/* موبايل: صغّر سطر "Coming this spring" */
@media (max-width: 576px) {
  #pricing .pricing-box-cta h6 {
    font-size: 14px;
  }
}

@media (max-width: 1000px) {
  #about_us .d-none,
  #about_us .lg\:d-block {
    display: block !important;
  }

  #about_us .section-outer {
    padding: 16px 0 !important;
  }
  #about_us .container {
    max-width: 100% !important;
    padding-inline: 12px !important;
  }

  #about_us h2 {
    font-size: clamp(20px, 6vw, 26px) !important;
    margin-bottom: 10px !important;
  }
  #about_us p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 12px !important;
  }

  #about_us br {
    display: none !important;
  }
}

@media (max-width: 576px) {
  #post-title {
    margin-top: 46px;
  } /* زدها لـ 24px لو تبغى نزول أكثر */
}

/* موبايل وتابلت لحد أقل من lg */
@media (max-width: 991.98px) {
  /* خلّي الكارد عمود */
  #cta .section-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* فعّل صورة الـ lg للموبايل وقدّمها قبل النص */
  #cta .section-inner > .position-absolute {
    position: static !important;
    transform: none !important;
    display: block !important; /* بتكسر d-none */
    order: -1; /* قبل النص */
    margin: 0 0 12px 0 !important; /* مسافة تحت الصورة */
    z-index: auto !important;
  }

  #cta .section-inner > .position-absolute img {
    width: min(340px, 90%) !important;
    height: auto !important;
    margin: 0 auto !important;
  }
}

/* من أول lg وطالع: السلوك القديم زي ما هو */
@media (min-width: 992px) {
  #cta .section-inner > .position-absolute {
    display: block !important; /* يحافظ على d-block */
  }
}

/* لحد أقل من lg */
@media (max-width: 991.98px) {
  /* تأكيد أن الكونتينر بتاع الزر متوسّط */
  #cta .section-inner .vstack.sm\:hstack {
    display: flex;
    justify-content: center !important;
  }

  /* توسيط الزر نفسه */
  #cta a.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-inline: auto !important;
    width: fit-content;
  }
}