@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap'); @import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css'); /* * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ */@font-face{font-family:'FontAwesome';src:url('https://www.salesprogramme.com/hubfs/Salesprogramme%202021/Font%20-%202021/fontawesome-webfont.eot?v=4.5.0');src:url('https://www.salesprogramme.com/hubfs/Salesprogramme%202021/Font%20-%202021/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('https://www.salesprogramme.com/hubfs/Salesprogramme%202021/Font%20-%202021/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('https://www.salesprogramme.com/hubfs/Salesprogramme%202021/Font%20-%202021/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('https://www.salesprogramme.com/hubfs/Salesprogramme%202021/Font%20-%202021/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('https://www.salesprogramme.com/hubfs/Salesprogramme%202021/Font%20-%202021/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal; font-display: swap;}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Global Style Declaration -=-=-=-=-=-=-=*/ * { box-sizing:border-box; -webkit-box-sizing:border-box; } body { margin:0; position:relative; padding:0; font-size:16px; line-height:1.5; opacity:0; font-family: 'Poppins', sans-serif; font-weight:400; color:#464646; overflow-x:hidden; } body.loaded { opacity:1; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('https://2767224.fs1.hubspotusercontent-na1.net/hubfs/2767224/salesProgrammer_theme2019/preLoader.gif') 50% 50% no-repeat rgb(255,255,255); background-size:100px auto; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } h1, .h1 { font-size:62px; line-height:72px; color: #121212; } h2, .h2 { font-size:42px; line-height:48px; color: #121212; font-weight:600; } h3, .h3 { font-size:32px; line-height:42px; color: #121212; } h4, .h4 { font-size:24px; line-height:34px; color: #121212; font-weight:500; } h5, .h5 { font-size:22px; line-height:30px; color: #121212; font-weight:500; } h6, .h6 { font-size:18px; line-height:26px; color: #121212; font-weight:500; } .font62 { font-size:62px; line-height:72px; } .font42 { font-size:42px; line-height:48px; font-weight:600; } .font32 { font-size:32px; line-height:42px; } .font24 { font-size:24px; line-height:34px; font-weight:500; } .font22 { font-size:22px; line-height:30px; font-weight:500; } .font20 { font-size:20px; line-height:26px; } .font18 { font-size:18px; line-height:26px; font-weight:500; } .font16 { font-size:16px; line-height:24px; } /* Text Color */ .primary_color h1, .primary_color h2, .primary_color h3, .primary_color h4,.primary_color h5,.primary_color h6,.primary_color h6,.primary_color p,.primary_color a { color : #00AEEF } .green_color h1, .green_color h2, .green_color h3, .green_color h4,.green_color h5,.green_color h6,.green_color h6,.green_color p,.green_color a { color : #84C441 } .orange_color h1, .orange_color h2, .orange_color h3, .orange_color h4,.orange_color h5,.orange_color h6,.orange_color h6,.orange_color p,.orange_color a { color : #F8761F } .body_color h1,.body_color h2,.body_color h3,.body_color h4,.body_color h5,.body_color h6,.body_color p,.body_color a { color : #444444; } .white_color h1,.white_color h2,.white_color h3,.white_color h4,.white_color h5,.white_color h6,.white_color p,.white_color a, .white_color { color : #ffffff } .black_color h1,.black_color h2,.black_color h3,.black_color h4,.black_color h5,.black_color h6,.black_color p,.black_color a { color : #121212 } .black_color_2 h1,.black_color_2 h2,.black_color_2 h3,.black_color_2 h4,.black_color_2 h5,.black_color_2 h6,.black_color_2 p,.black_color_2 a, .black_color_2 { color : rgba(0,0,0,0.5) } .white_color_2 h1,.white_color_2 h2,.white_color_2 h3,.white_color_2 h4,.white_color_2 h5,.white_color_2 h6,.white_color_2 p,.white_color_2 a { color : #F1F1F1 } .light_white_color h1,.light_white_color h2,.light_white_color h3,.light_white_color h4,.light_white_color h5,.light_white_color h6,.light_white_color p,.light_white_color a, .light_white_color { color : #EDEDED } .grey_color h1,.grey_color h2,.grey_color h3,.grey_color h4,.grey_color h5,.grey_color h6,.grey_color p,.grey_color a, .grey_color { color: #464646; } /* Text Color */ .primary_background { background : #00AEEF } .green_background { background : #84C441 } .orange_background { background : #F8761F } .body_background { background : #444444; } .white_background { background : #ffffff } .black_background { background : #121212 } .black_background_2 { background : rgba(0,0,0,0.5) } .white_background_2 { background : #F1F1F1 } .grey_background { background: #464646; } img { max-width:100%; height:auto; border:none; vertical-align:middle; } a { text-decoration:none; color:#00AEEF; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; } a:hover { color:#121212; } p { margin:0; } * + h1, * + h2 { margin-top:35px; } * + h3, * + h4 { margin-top:30px; } * + h5, * + h6 { margin-top:25px; } * + p { margin-top:20px } input[type=submit], input[type=button] { cursor:pointer; background-image:url('//1831846.fs1.hubspotusercontent-na1.net/hubfs/1831846/blank.png') !important; } .wrapper { width: 100%; float:none !important; display:block; margin:0 auto !important; max-width: 1630px; padding-left: 15px; padding-right: 15px; } .small-wrapper { max-width:1080px; } .extraSmall-wrapper { max-width:1000px; } .clearfix { display:block; } .clearfix:before,.clearfix:after { content:''; width:100%; display:table; } /* For Hubspot >>>>>> */ body .row-fluid [class*="span"] { min-height:0px; } body .row-fluid [class*="span"].widget-type-space { min-height:1px; } /* <<<<<< For Hubspot */ .set-bg, .bg{ background-size:cover; background-position:center; position:relative; } .overlay{ position: relative; } .overlay:before { content:''; top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: rgba(0, 0, 0, 0.4);} .overlay > * { position:relative; z-index:2; } .get-bg { display:none !important; } [class*="fa-"] { font-family: fontawesome; font-style: normal} /* font-weight */ .extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p { font-weight:800; } .bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p { font-weight:700; } .semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p { font-weight:600; } .medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p { font-weight:500; } .normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p { font-weight:400; } .light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p { font-weight:300; } /* text style */ .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .text-center { text-align:center; } .text-right { text-align:right; } .text-left { text-align:left; } .font-italic{font-style: italic;} .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ max-width:100%; white-space:normal; } .noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */ .listStyle * + ul { margin-top:15px; } .listStyle ul li { padding-left:25px; position:relative; } .listStyle ul li + li {margin-top:12px;} .relative { position: relative; } .z-index-1 { z-index:1; } .section-hide, .d-none, .desktopNone { display:none; } .ib { display: inline-block; vertical-align:middle; margin-right:-4px; } .ib.vt { vertical-align:top; } .d_block {display: block !important; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33.33%; } .w35 { width: 35%; } .w40 { width: 40%; } .w45 { width: 45%; } .w50 { width: 50%; } .w55 { width: 55%; } .w60 { width: 60%; } .w65 { width: 65%; } .w66 { width: 66.66%; } .w70 { width: 70%; } .w75 { width: 75%; } .w80 { width: 80%; } .w90 { width: 90%; } .w100 { width: 100%; } .pl0, .p0, .plr0 { padding-left:0; } .pl10, .p0-10 { padding-left:10px; } .pl15, .p0-15 { padding-left:15px; } .pl20, .p0-20 { padding-left:20px; } .pl25, .p0-25 { padding-left:25px; } .pl30 , .p0-30{ padding-left:30px; } .pl35 , .p0-35{ padding-left:35px; } .pr0, .p0, .plr0 { padding-right:0; } .pr10, .p0-10 { padding-right:10px; } .pr15, .p0-15 { padding-right:15px; } .pr20, .p0-20 { padding-right:20px; } .pr25, .p0-25 { padding-right:25px; } .pr30, .p0-30 { padding-right:30px; } .pr35, .p0-35 { padding-right:35px; } .pb5,.p5-0{ padding-bottom:5px; } .pb10,.p10-0 { padding-bottom:10px; } .pb15,.p15-0 { padding-bottom:15px; } .pb20,.p20-0 { padding-bottom:20px;} .pb25,.p25-0 { padding-bottom:25px;} .pb30,.p30-0 { padding-bottom:30px;} .pb35,.p35-0 { padding-bottom:35px;} .pb40,.p40-0 { padding-bottom:40px; } .pb45,.p45-0 { padding-bottom:45px; } .pb50,.p50-0 { padding-bottom:50px; } .pb55,.p55-0 { padding-bottom:55px; } .pb60,.p60-0 { padding-bottom:60px; } .pb65,.p65-0 { padding-bottom:65px; } .pb70,.p70-0 { padding-bottom:70px; } .pb75,.p75-0 { padding-bottom:75px; } .pb80,.p80-0 { padding-bottom:80px; } .pb85,.p85-0 { padding-bottom:85px; } .pb90,.p90-0 { padding-bottom:90px; } .pb95,.p95-0 { padding-bottom:95px; } .pb100,.p100-0 { padding-bottom:100px; } .pb110,.p110-0 { padding-bottom:110px; } .pb120,.p120-0 { padding-bottom:120px; } .pb128,.p128-0 { padding-bottom:128px; } .pb130,.p130-0 { padding-bottom:130px; } .pb140,.p140-0 { padding-bottom:140px; } .pb150,.p150-0 { padding-bottom:150px; } .pb160,.p160-0 { padding-bottom:160px; } .pb170,.p170-0 { padding-bottom:170px; } .pb180,.p180-0 { padding-bottom:180px; } .pb190,.p190-0 { padding-bottom:190px; } .pb200,.p200-0 { padding-bottom:200px; } .pt5,.p5-0{ padding-top:5px; } .pt10,.p10-0 { padding-top:10px; } .pt15,.p15-0 { padding-top:15px; } .pt20,.p20-0 { padding-top:20px; } .pt25,.p25-0 { padding-top:25px; } .pt30,.p30-0 { padding-top:30px } .pt35,.p35-0 { padding-top:35px } .pt40,.p40-0 { padding-top:40px; } .pt45,.p45-0 { padding-top:45px; } .pt50,.p50-0 { padding-top:50px; } .pt55,.p55-0 { padding-top:55px; } .pt60,.p60-0 { padding-top:60px; } .pt65,.p65-0 { padding-top:65px; } .pt70,.p70-0 { padding-top:70px; } .pt75,.p75-0 { padding-top:75px; } .pt80,.p80-0 { padding-top:80px; } .pt85,.p85-0 { padding-top:85px; } .pt90,.p90-0 { padding-top:90px; } .pt95,.p95-0 { padding-top:95px; } .pt100,.p100-0 { padding-top:100px; } .pt110,.p110-0 { padding-top:110px; } .pt120,.p120-0 { padding-top:120px; } .pt128,.p128-0 { padding-top:128px; } .pt130,.p130-0 { padding-top:130px; } .pt140,.p140-0 { padding-top:140px; } .pt150,.p150-0 { padding-top:150px; } .pt160,.p160-0 { padding-top:160px; } .pt170,.p170-0 { padding-top:170px; } .pt180,.p180-0 { padding-top:180px; } .pt190,.p190-0 { padding-top:190px; } .pt200,.p200-0 { padding-top:200px; } .m0-15{margin-left:-15px; margin-right:-15px} .p0-8{padding-left:8px; padding-right:8px;} .m0-8{margin-left:-8px; margin-right:-8px;} .plr20{padding-left:20px; padding-right:20px} .mlr20{margin-left:-20px; margin-right:-20px;} .mt120,.m120-0 { margin-top:120px; } .mb120,.m120-0 { margin-bottom:120px; } /* Blockquote */ blockquote { border-left-color: #00AEEF; } .max300{max-width:300px; width:100%;} .max350{max-width:350px; width:100%;} .max400{max-width:400px; width:100%;} .max450{max-width:450px; width:100%;} .max500{max-width:500px; width:100%;} .max550{max-width:550px; width:100%;} .max600{max-width:600px; width:100%;} .max650{max-width:650px; width:100%;} .max630{max-width:630px; width:100%;} .max700{max-width:700px; width:100%;} .max750{max-width:750px; width:100%;} .max770{max-width:770px; width:100%;} .max800{max-width:800px; width:100%;} .max880{max-width:880px; width:100%;} .max900{max-width:900px; width:100%;} .max950{max-width:950px; width:100%;} .max1000{max-width:1000px; width:100%;} .max1100{max-width:1100px; width:100%;} .widthCenter{margin:0 auto;} .widthend{margin:0 0 0 auto;} .m-0 { margin:0; } .d-flex { display: flex; } .flex-wrap { flex-wrap:wrap; } .align-center { align-items: center; } .align-start { align-items: flex-start; } .align-end { align-items: flex-end; } .space-between { justify-content: space-between; } .flex-start { justify-content: flex-start; } .flex-end { justify-content: flex-end; } .flex-center { justify-content: center; } .h100 { height:100%; } .button a, a.button { background-color:#00aeef;font-size:16px; border: 2px solid #00aeef;border-radius: 8px;color: #FFFFFF;padding: 14px 37px; text-decoration: none; font-weight : 400; line-height :1; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-flex; outline: none; z-index:1; overflow:hidden; align-items: center; justify-content: center; gap: 5px; } .button a:hover, a.button:hover { background: #84C441; color: #fff; border: 2px solid #84C441; } .green-button a, a.green-button { background-color:#84C441;font-size:16px; border: 2px solid #84C441;border-radius: 8px;color: #FFFFFF;padding: 14px 37px; text-decoration: none; font-weight : 400; line-height :1; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-flex; outline: none; z-index:1; overflow:hidden; align-items: center; justify-content: center; gap: 5px; } .green-button a:hover, a.green-button:hover { background: #fff; color: #84C441; border: 2px solid #fff; } .orange-button a, a.orange-button { background-color:#F8761F;font-size:16px; border: 2px solid #F8761F;border-radius: 8px;color: #FFFFFF;padding: 14px 37px; text-decoration: none; font-weight : 400; line-height :1; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-flex; outline: none; z-index:1; overflow:hidden; align-items: center; justify-content: center; gap: 5px; } .orange-button a:hover, a.orange-button:hover { background: #00aeef; color: #fff; border: 2px solid #00aeef; } .white-button a, a.white-button { background-color:#fff;font-size:16px; border: 2px solid #fff;border-radius: 8px;color: #00aeef;padding: 14px 37px; text-decoration: none; font-weight : 400; line-height :1; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-flex; outline: none; z-index:1; overflow:hidden; align-items: center; justify-content: center; gap: 5px; } .white-button a:hover, a.white-button:hover { background: #84C441; color: #fff; border: 2px solid #84C441; } form, .submitted-message { font-style: normal; font-weight: normal; text-decoration: none; color: #377EF0 } /* Form title */ .form-title { color: #377EF0 } /* Labels */ form label { color: #377ef0; } /* Help text */ form legend { color: ; } /* Inputs */ form input[type=text], form input[type=email], form input[type=password], form input[type=tel], form input[type=number], form input[type=file], form select, form textarea { font-size:16px; border: none; background: transparent; border-bottom: 1px solid #121B33; color: #121B33; padding: 15px 0 15px; font-family: 'Poppins', sans-serif; } form input[type=text]:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=tel]:focus, form input[type=number]:focus, form input[type=file]:focus, form select, form textarea:focus { border-bottom: 1px solid #377EF0 } form input:focus-visible { outline:none; } /* Form placeholder text */ ::-webkit-input-placeholder { color: #464646; } ::-moz-placeholder { color: #464646; } :-ms-input-placeholder { color: #464646; } ::placeholder { color: #464646; } fieldset .hs-form-field { margin-bottom: 0; } fieldset .hs-form-field .input textarea.hs-input { width: 100%; min-height:100px; } fieldset.form-columns-1 .hs-form-field .input { margin-right: 0; } fieldset.form-columns-2 .hs-form-field .input { margin-right: 0; } form label, form legend { margin: 0; font-size: inherit; } form fieldset.form-columns-2 .hs-form-field { max-width: 310px; width:100% } form .form-columns-1 .input .hs-input { width: 100% !important; } form fieldset.form-columns-2 { display: flex; align-content: center; justify-content: space-between; } form .hs-error-msgs li , form .hs-error-msgs li label { margin: 0; color: #ff0000; font-size:14px; } .hs_submit { padding-top: 40px; } form fieldset + fieldset { padding-top: 20px !important; } .form-columns-1 .hs-richtext p { color: #51678B; } /* Submit button */ form .hs-button, form input[type="submit"] { background-color:#00aeef; font-family: 'Poppins', sans-serif; font-size:16px; border: 2px solid #00aeef;border-radius: 8px;color: #FFFFFF;padding: 8px 18px; text-decoration: none; font-weight : 400; line-height :1; cursor: pointer; transition: all 0.3s ease; position: relative; display: flex; outline: none; z-index:1; overflow:hidden; align-items: center; justify-content: center; gap: 5px; } /* Asset CSS */ .greenAsset { position: relative; z-index: 0; } .greenAsset:before { position: absolute; content: ''; background: url(https://www.salesprogramme.com/hubfs/Assets%202023/Green%20Rect.svg); width: 84px; height: 84px; background-size: contain; z-index: -1; left: -20px; top: -9px; } .lightGreenAsset { position: relative; z-index: 0; display:inline; } .lightGreenAsset:before { position: absolute; content: ''; background: url(https://www.salesprogramme.com/hubfs/Assets%202023/Light%20Circle%20SVG.svg); width: 84px; height: 84px; background-size: contain; z-index: -1; left: -20px; top: -9px; } .lightGreenAsset.rightAlign:before { left: auto; right: -20px; } /* Start: ----- Global Header ----- 025-01-2022 */ .header { position: fixed; width: 100%; top: 0; left: 0; z-index:99; } .topStript { padding: 13.5px 0; } .topStript .leftIcons { gap: 16px; } .topStript .leftIcons .icon a svg { width: 16px; height: 16px; } .topStript .leftIcons .icon a svg { fill: #fff; transition: all 0.3s ease; } .topStript .leftIcons .icon a:hover svg, .rightInfo .box a:hover svg { fill: #121212; } .topStript .leftIcons .icon { line-height: 1; } .topStript .leftIcons .icon a > span { line-height: 1; display: inherit; } .topStript .rightInfo { gap: 25px; } .topStript .rightInfo .box svg { width: 16px; height: 16px; fill: #fff; transition: all 0.3s ease; } .topStript .rightInfo .leftIcon { line-height: 1; display: inline-flex; } .topStript .rightInfo .leftIcon > span { line-height: 1; display: inherit; } .topStript .rightInfo .box a { font-size: 14px; gap: 6px; transition: all 0.3s ease; } .topStript .rightInfo .box a span { transition: all 0.3s ease; } .topStript .rightInfo .box a:hover span { color:#121212; } .header .headerInner { gap: 40px; } .header .headerInner .leftLogo { max-width: 200px; width: 100%; } .header .headerInner .leftLogo a img { width: 100%; object-fit: contain; } .header .headerInner .menus { gap: 40px; } .header .headerInner .menu-item > a { gap:6px; padding: 27px 0; } .header .headerInner .menu-item > a:hover span, .header .headerInner a.lang_switcher_link:hover span { color: #00aeef; } .header .headerInner .languageSwither { margin-left: auto; } .header .headerInner .lang_switcher_link { gap:6px; font-size:14px; font-size:14px; } .header .languageSwither .language-select { align-items:center; cursor:pointer; display:flex; gap:10px } .header .languageSwither .selectCountry img,.languageSwither .selectCountry svg { width:36px; height:auto; } .header .languageSwither .selectCountry label svg { height:100%; width:auto; } .header .languageSwither .selectCountry.nz { cursor: pointer; width: 10px; } .header .languageSwither #countryBlock { background-color: #fff; border-bottom: 2px solid #00aeef; box-shadow: 0 2px 5px 0 rgba(29,44,76,.15); display: block; padding: 20px 30px 20px; position: absolute; right: 0; top: 100%; opacity: 0; visibility: hidden; width:250px; } .header .languageSwither:hover #countryBlock { opacity: 1; visibility: visible; } .header .languageSwither #countryBlock .BoxOrder .countryIcon { height:auto; width:36px; } .header .headermobileMenu .lang_list_class { background-color: #fff; border-bottom: 2px solid #00aeef; box-shadow: 0 2px 5px 0 rgba(29,44,76,.15); display: none; width:100%; position: absolute; right: 0; top: 120%; } .header .headermobileMenu .lang_switcher_link img,.header .headermobileMenu .lang_switcher_link svg { width:36px; height:auto; } .header .headerInner .megaMenu { position: absolute; width: 100%; left: 0; top: 100%; background: #f1f1f1; border-top: 2px solid #00aeef; display:none; transform: translateY(30px); transition: all 0.3s ease; } .header .headerInner .menu-item.menu-item-has-child:hover .megaMenu { display:block; transform: translateY(0px) } .header .headerInner .megaMenu .leftBox { max-width: 1220px; width:100%; padding: 20px 40px; border-radius:18px; align-self: stretch; } .header .headerInner .megaMenu .leftIcon { width: 40px; height: 40px; padding: 7px; display: flex; align-items: center; justify-content: center; background: #00aeef; border-radius: 50%; } .header .headerInner .megaMenu .leftIcon svg { display: flex; align-items: center; justify-content: center; } .header .headerInner .megaMenu .leftIcon svg path { fill: #fff !important; } .header .headerInner .rightContent > span { display:block;} .header .headerInner .rightContent > span.subContent { color: rgba(0, 0, 0, 0.51); } .header .headerInner .megaMenu .leftBox .leftBoxInner .cards, .leftBox .leftBoxInner .simpleCards { gap: 30px; row-gap:10px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card { max-width: 360px; width: 100%} .header .headerInner .megaMenu .leftBox .leftBoxInner .card .rightContent { max-width: calc(100% - 60px); } .header .headerInner .megaMenu .leftBox .leftBoxInner .simpleCards .card .rightContent { max-width: calc(100% - 100px); } .header .headerInner .menu-item .leftBox .leftBoxInner .card a { border-radius: 8px; padding: 20px; gap: 20px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card a:hover { background: rgba(255,255,255,70%); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.03); } .header .headerInner .megaMenu .leftBox .leftBoxInner .card a:hover .h6 { color: #121212; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card a:hover .subContent { color: rgba(0, 0, 0, 0.51); } .header .headerInner .megaMenu .leftBox .leftBoxInner .card a .subContent { font-size: 12px; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: pre-wrap; } .header .headerInner .megaMenu .leftBox .leftBoxInner .arrowIcon { margin-left: auto; } .header .headerInner .megaMenu .rightBox { max-width: 340px; width: 100%; border-radius: 18px; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.04); } .header .headerInner .megaMenu .rightBox .bottomContent { padding: 20px; } .header .headerInner .megaMenu .rightBox .topImage img { border-radius: 18px 18px 0 0; object-fit: cover; } .header .headerInner .tabCard .tabCardInner { gap: 20px; } .header .headerInner .tabCard .tabCardInner .rightName { max-width: calc(100% - 60px); width: 100%; } .header .headerInner .tabCard .tabCardInner .rightName .arrowIcon { margin-left: auto; } .header .headerInner .tabCard { padding: 10px; border-radius: 6px; cursor: pointer; } .header .headerInner .tabBoxInner { gap: 20px; } .header .headerInner .tabBox { max-width: 330px; width: 100%; } .header .headerInner .tabCard::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; border-radius: 6px; } .header .headerInner .tabCard:hover::before,.header .headerInner .tabCard.active::before { opacity: 1 !important; } .header .headerInner .tabCard:hover .tabCardInner .rightName .h6, .header .headerInner .tabCard.active .tabCardInner .rightName .h6 { color: #fff !important; } .header .headerInner .tabCard:hover .tabCardInner .leftIcon, .header .headerInner .tabCard.active .tabCardInner .leftIcon { background: #fff !important; } .header .headerInner .tabCard:hover .tabCardInner .rightName .arrowIcon path, .header .headerInner .tabCard.active .tabCardInner .rightName .arrowIcon path { fill : #fff; } .header .headerInner .tabRightBox { max-width: 1220px; width: 100%; border-radius: 18px; align-self: stretch; } .header .headerInner .tabRightBoxInner { height:100%; } .header .headerInner .tabRightBoxInner > div { padding: 20px 40px; border-radius: 18px; height:100%; } .header .headerInner .tabRightBox .tabRightBoxInner > div { gap: 10px; row-gap:10px; } .header .headerInner .tabRightBox .tabRightBoxInner >div:not(.active) { display:none } .header .headerInner .tabRightBox .rightBoxCard .leftIcon { width: 40px; height: 40px; padding: 7px; display: flex; align-items: center; justify-content: center; background: #00aeef; border-radius: 50%; } .header .headerInner .tabRightBox .rightBoxCard .leftIcon svg { display: flex; align-items: center; justify-content: center; } .header .headerInner .tabRightBox .rightBoxCard { max-width: 370px; width: 100%} .header .headerInner .tabRightBox .rightBoxCard .rightContent { max-width: calc(100% - 60px); } .header .headerInner .tabRightBox .rightBoxCard a { border-radius: 8px; padding: 20px; gap: 20px; } .header .headerInner .tabRightBox .rightBoxCard a:hover { background: rgba(255,255,255,70%); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.03); } .header .headerInner .tabRightBox .rightBoxCard a:hover .h6 { color: #121212; } .header .headerInner .tabRightBox .rightBoxCard a:hover .subContent { color: rgba(0, 0, 0, 0.51); } .header .headerInner .tabRightBox .rightBoxCard a .subContent { font-size: 12px; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: pre-wrap; } .header .headerInner .tabRightBox .rightBoxCard .arrowIcon { margin-left: auto; } .headermobileMenu{ display:none; } span.expandMenu { display:none; } /* End: ----- Global Header ----- 025-01-2022 */ /* Start: ----- Global Footer ----- 025-01-2022 */ .footer .leftSide { max-width: 450px; width: 100%; } .footer .leftSide .logo { max-width: 241px; width: 100%; } .footer .leftSide .logo img { width: 100%; object-fit: contain; } .footer .socialIcons .socialIconsInner { gap: 23px; } .footer .socialIcons .socialIcon a svg { width: 100%; height: 100%; object-fit: contain; fill: #fff; } .footer .socialIcons .socialIcon a { padding: 7px; width: 40px; height: 40px; border-radius:50%; } .footer .socialIcons .socialIcon a:hover { background: #00AEEF; } .footer .middlePart { max-width: 330px; width: 100%; } .footer .middlePart .detailsGroup .detailbox { gap: 20px; } .footer .middlePart .detailsGroup .detailbox .leftIcon svg { width: 100%; height: 100%; object-fit: contain; fill: #fff; } .footer .middlePart .detailsGroup .detailbox .leftIcon { padding: 7px; width: 40px; height: 40px; border-radius:50%; } .footer .middlePart .detailsGroup .detailbox .rightName { max-width: calc(100% - 60px); } .footer .rightPart { max-width: 566px; width: 100%; } .footer .rightPart .form .hs_submit { padding: 0; position: absolute; right: 0; top: 0; } .footer .rightPart .form form input[type="email"] { width: 100%; background: #F1F1F1; border: none; padding: 18.5px 15px; border-radius: 6px 0 0 6px; } .footer .rightPart .form .hs_submit input { padding: 21px 60px; border-radius: 0 6px 6px 0; } .footer .rightPart .form form { position: relative; } .footer .rightPart .form .hs_error_rollup { display: none; } .footer .rightPart .form .hs_email { max-width: calc(100% - 180px); width: 100%; } .footer .rightPart .form .hs_submit input:hover { background-color: #f8761f; border-color: #f8761f; } .footer .rightPart .form .no-list.hs-error-msgs { margin: 0; padding: 0; list-style: none; } .footer .rightPart .hubspotGold { max-width:163px; width:100%; } .footerStript { padding: 21px 0; margin-top:72px; } /* End: ----- Global Footer ----- 025-01-2022 */ /* Start: ----- Banner Section ----- */ .bannerSection { padding-top:128px; padding-bottom:156px; } .bannerSection .SVGIcon { position: absolute; bottom: -47px; left: -56px; width: 337px; } .bannerSection .leftSide { padding-top:230px; max-width: 700px; width: 100%; } .bannerSection .leftSide .bottomButton { gap:40px; } .bannerSection .rightPlayIcon { max-width:202px;height:auto; cursor:pointer; border-radius:50%; margin-right:128px; margin-top:42px; } .bannerSection .counterBox { max-width: 560px } .bannerSection .counterBoxInner { background: linear-gradient(89.43deg, rgba(255,255,255,0.1) 38.88%, rgba(255, 255, 255, 0.2) 105.42%); border-radius: 12px; padding: 40px; width:100%; row-gap:30px; } .bannerSection .iframeBackgroundContainer { position: absolute; right: 0; bottom: 0; width: 1289px; height: 100%; padding-top: 128px; z-index: 0; } .bannerSection .iframeBackgroundContainer iframe { width: 100%; display: flex; height: 100%; } .bannerSection .iframeBackgroundContainerInner { height: 100%; } .bannerSection .iframeBackgroundContainerInner:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0.974695) -0.78%, #00AEEF -0.78%, rgba(0, 174, 239, 0) 100%); } .bannerSection .counterBoxInner .box { position: relative; width: 33.33%; padding: 0 5px; border-left: 1px solid #ededed; } .bannerSection .counterBoxInner .box:nth-child(3n + 4), .bannerSection .counterBoxInner .box:first-child{ border: none; } .bannerSection #video-popup-container { display:none; position: fixed; z-index: 996; width: 900px; height: auto; left: 50%; top: 30%; background-color: #fff; transform: translate(-50%,-50%); } .bannerSection #video-popup-close { cursor: pointer; position: absolute; right: 0; top: -40px; z-index: 998; width: 40px; height: 40px; text-align: center; font-size: 20px; background-color: #000; line-height: 1; color: #fff; display: flex; align-items: center; justify-content: center; } .bannerSection #video-popup-iframe-container { position: absolute; z-index: 997; width: 100%; padding-bottom: 56.25%; border: 2px solid #000; border-radius: 2px; background-color: #000; } .bannerSection #video-popup-iframe { z-index: 999; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; } .bannerSection #video-popup-overlay { display: none; position: fixed; z-index: 995; top: 0; left:0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; } .bannerSection #video-popup-close:hover { color: #00aeef; } .bannerSection .rightIframeVideo { display:none; width: 100%; height: auto; } .bannerSection .rightIframeVideo iframe { width: 100%; position: absolute; height: 100%; border-radius:12px; } .bannerSection .rightIframeVideo .rightIframeVideoInner { display: flex; padding-bottom: 56.25%; } .ourServicesBannerSection form input[type="text"].hs-search-field__input { background: #fff; border: none; outline: none; padding: 14.5px 48px; font-size: 16px; line-height: 1; border-radius: 8px; max-width: 560px; width: 100%; } .ourServicesBannerSection form input[type="text"].hs-search-field__input:focus { border-bottom: none; } .ourServicesBannerSection form input[type="text"].hs-search-field__input::placeholder { font-family: 'Poppins'; } .ourServicesBannerSection .resultFormInner form { border: none; outline: none; position: relative; } .ourServicesBannerSection .resultFormInner form:before { position: absolute; content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.00005 17.0001C13.4184 17.0001 17.0001 13.4184 17.0001 9.00005C17.0001 4.58174 13.4184 1 9.00005 1C4.58174 1 1 4.58174 1 9.00005C1 13.4184 4.58174 17.0001 9.00005 17.0001Z' stroke='%2384C441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9994 18.9999L14.6494 14.6499' stroke='%2384C441' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 18px; height: 18px; background-size: contain; top: 50%; transform: translate(0%,-50%); left: 20px; } .ourServicesBannerSection .hs-search-field__suggestions { display:none; position: absolute; list-style: none; background: #fff; margin: 0; padding: 20px; border-radius: 8px; top: calc(100% + 10px); } .ourServicesBannerSection .hs-search-field--open .hs-search-field__suggestions { display:block; } .ourServicesBannerSection .hs-search-field__suggestions li:first-child { padding-bottom: 20px; font-weight: 600; } .ourServicesBannerSection .hs-search-field__suggestions li:not(:first-child) { padding: 3px 0; border-bottom: 1px solid #ccc; } .ourServicesBannerSection .scrolldown-section a span { z-index: 5; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; box-sizing: border-box } .ourServicesBannerSection .scrolldown-section a span:before { position: absolute; top: 10px; left: 50%; content: ""; width: 3px; height: 8px; margin-left: -2px; background-color: #fff; border-radius: 100%; -webkit-animation: dropdown 2s infinite; animation: dropdown 2s infinite; box-sizing: border-box } @-webkit-keyframes dropdown { 0% { webkit-transform: translate(0); opacity: 0 } 40% { opacity: 1 } 80% { -webkit-transform: translateY(20px); opacity: 0 } to { opacity: 0 } } @keyframes dropdown { 0% { transform: translate(0); opacity: 0 } 40% { opacity: 1 } 80% { transform: translateY(20px); opacity: 0 } to { opacity: 0 } } /* End: ----- Banner Section ----- */ /* Start: ----- Client's Pain Point Section ----- */ .clientPainPointsSection .leftImage { max-width: 520px; width: 100%; } .clientPainPointsSection .leftImage img { width: 100%; object-fit: contain; } .clientPainPointsSection .rightPart { width: calc(100% - 565px); } .clientPainPointsSection .points { row-gap: 40px; } .clientPainPointsSection .points .point .title span { color: #84C441; } .clientPainPointsSection .points .point { max-width: 504px; width: 100%; gap: 25px; } .clientPainPointsSection .points .point .leftIcon { width:40px; height:auto; } .clientPainPointsSection .points .point .rightContent { width: calc(100% - 65px); } /* End: ----- Client's Pain Point Section ----- */ /* Start: ----- We Solve Problems Section ----- */ .WSPSection .cardsInner { gap:20px; } .WSPSection .card { box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12); border-radius: 12px; padding: 60px 40px 40px; max-width: 385px; width: 100%; } .WSPSection .card .icon { width:auto; height: 100px; } .WSPSection .card .icon img { object-fit:contain; } .WSPSection .card .name span { color: #00aeef; } /* End: ----- We Solve Problems Section ----- */ /* Start ----- How We Work Section ------ */ .HWWSection .titleGroup { max-width: 725px; margin: 0 auto; } .HWWSection .leftImage { max-width: 612px; width: 100%; } .HWWSection .rightContent { max-width: calc(100% - 612px - 120px); width: 100%; } .HWWSection .rightContent .mainTitle h3 { display:inline; } .HWWSection .rightContent .mainTitle span { color: #00aeef; font-weight:600; } .HWWSection .rightContent .mainTitle:before { position:absolute; content:''; left:-100px; top:-20px; background: url(https://www.salesprogramme.com/hubfs/Assets%202023/Quote.svg); object-fit:contain; width:100px; height:100px; } .HWWSection .mainTitleGroup { border-bottom:1px solid #464646; } .HWWSection .leftImage img { -webkit-animation: spin 10s linear infinite; -moz-animation: spin 10s linear infinite; animation: spin 10s linear infinite; } @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } } /* End ----- How We Work Section ------ */ /* Start ----- Free Book CTA Section ------ */ .FreeBookCTASection .FreeBookCTASectionInner { background: linear-gradient(70.69deg, #002653 63.5%, rgba(0, 38, 83, 0.8) 139.53%); border-radius: 24px; max-width: calc(100% - 106px); margin: 0 auto; } .FreeBookCTASection .FreeBookCTASectionInner .leftImage { max-width: 520px; width: 100%; background: #f1f1f1; border-radius: 21px 0 0 21px; padding: 60px; text-align: center; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { max-width: calc(100% - 520px); width: 100%; padding: 100px; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent .rightContentInner { max-width: 716px; width: 100%; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent .subTitle { display: inline-flex; padding: 5px 30px; border: 2px solid #84c441; border-radius: 20px; color: #84c441; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent .title h2 span { color: #00aeef; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_email input { width: 100%; background: #FFFFFF; border-radius: 6px 0px 0px 6px; padding: 20.5px 40px; border: none; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit input[type="submit"] { padding: 23px 20px; border-radius: 0 6px 6px 0; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit input[type="submit"]:hover { background: #84c441; border-color: #84c441; } .FreeBookCTASection .FreeBookCTASectionInner .form form { position: relative; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit { position: absolute; right: 0; top: 0; padding: 0; } .FreeBookCTASection .FreeBookCTASectionInner .form .hs_email.hs-email { max-width: calc(100% - 224px); } .FreeBookCTASection .FreeBookCTASectionInner .form .hs_error_rollup { display: none; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_email .hs-error-msgs { margin: 0; padding: 0; list-style: none; } /* End ----- Free Book CTA Section ------ */ /* Start ----- video Filter ----- */ .videoFilterSection .tabs .button { padding: 8px 18px; background: #D8D8D8; border-radius: 8px; color: rgba(0, 0, 0, 0.51); cursor: pointer; transition: all 0.3s ease; } .videoFilterSection .tabs .button.active { background: #84c441; color: #fff; } .videoFilterSection .tab ul { gap: 10px; } .videoFilterSection .tabs .button:hover { background: #84c441; color: #fff; } .videoFilterSection .videoArea .tabs { border-bottom: 1px solid #D8D8D8; } .videoFilterSection .videosCardsInner { gap:40px; } .videoFilterSection .videCard { max-width: calc(50% - 20px); width:100%; border-radius: 12px; } .videoFilterSection .content { padding: 40px 60px; } .videoFilterSection .content .logo { max-width: 280px; margin: 0 auto; min-height: 100px;max-height:110px; display: flex; justify-content: center; align-items: center; } .videoFilterSection .videoInner iframe { width: 100%; position: absolute; width: 100%; height: 100%; border-radius: 11px 11px 0 0; } .videoFilterSection .videoInner { position: relative; display: flex; padding-bottom: 56.25%; } .videoFilterSection .videCard:not(.newestInsights) { display: none; } .videoFilterSection .video-popup-container { display:none; position: fixed; z-index: 996; width: 900px; height: auto; left: 50%; top: 30%; background-color: #fff; transform: translate(-50%,-50%); } .videoFilterSection .video-popup-close { cursor: pointer; position: absolute; right: 0; top: -40px; z-index: 998; width: 40px; height: 40px; text-align: center; font-size: 20px; background-color: #000; line-height: 1; color: #fff; display: flex; align-items: center; justify-content: center; } .videoFilterSection .video-popup-iframe-container { position: absolute; z-index: 997; width: 100%; padding-bottom: 56.25%; border: 2px solid #000; border-radius: 2px; background-color: #000; } .videoFilterSection .video-popup-iframe { z-index: 999; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; } .videoFilterSection .video-popup-overlay { display: none; position: fixed; z-index: 995; top: 0; left:0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; } .videoFilterSection .video-popup-close:hover { color: #00aeef; } .videoFilterSection .videCard .video { cursor: pointer; } .videoFilterSection .videoPlayIcon { width: 70px; display:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; } .videoFilterSection .videCard .video:after { content: ''; display:none; opacity: 50%; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: linear-gradient(70.69deg, #002653 63.5%, rgba(0, 38, 83, 0.8) 139.53%); border-radius: 12px 12px 0 0; } .videoFilterSection .videoPlayIcon .Icon { height: 100%; } .videoFilterSection .videoPlayIcon .Icon svg { height: 100%; } /* End ----- video Filter ----- */ /* Start ----- Letest Blog Post Setion ----- */ .letestPostSection { border-top: 1px solid #D8D8D850; } .letestPostSection .letestPostCards .letestPostCardsInner { gap:60px; } .letestPostSection .letestPostCards .topics { gap:10px; } .letestPostSection .letestPostCards .topic a { border: 2px solid #84C441; border-radius: 40px; font-size:11px; padding: 4px 15px; color: #84C441; } .letestPostSection .letestPostCards .topic a:hover { color:#121212; border-color:#121212; } .letestPostSection .letestPostCard { box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12); border-radius: 12px; max-width: 460px; width: 100%; } .letestPostSection .letestPostCard .topImage { min-height: 240px; background-size: cover; border-radius: 12px 12px 0 0; } .letestPostSection .bottomContent { padding: 40px; } .letestPostSection .readMoreButton a.h5 { color: #00aeef; } .letestPostSection .readMoreButton a.h5:hover { color: #84c441; } .letestPostSection .readMoreButton a.h5 svg path{ transition: all 0.3s ease; } .letestPostSection .readMoreButton a.h5:hover svg path { fill: #84c441 } /* End ----- Letest Blog Post Setion ----- */ /* Start: ----- Testinomial Section ----- */ .clientTestimonialSection .testimonialSliderCard { padding: 40px 40px 60px; border-radius: 12px; background: #F1F1F1; opacity:0.4; } .clientTestimonialSection .testimonialSlider .slick-track .slick-slide { margin: 0 30px; padding-bottom:60px; } .clientTestimonialSection .slick-slide.slick-current + .slick-slide .testimonialSliderCard { background: #E0F7FF; box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1), 0px 6px 14px -6px rgba(24, 39, 75, 0.12); opacity:1; } .clientTestimonialSection .testimonialSliderCard .content span { color: #00aeef; } /* End: ----- Testinomial Section ----- */ /* Start: ----- Logo Section ----- */ .logoSection .logoGroup { max-width: 1280px; margin: 0 auto; gap: 60px; row-gap: 25px; } .logoSection .logoGroup .logo { width: 20%; } .logoSection .logoGroup .logo img { max-height: 56px; height: 100% !important; width: auto; object-fit: contain; max-width: 180px !important; } /* End: ----- Logo Section ----- */ /* Start: ----- Location Section ----- */ .locationSection { background: hsla(196, 100%, 47%, 0.5); } .locationSection .card { border-radius:12px; max-width:515px; width:100%; padding: 40px; } .locationSection .card .cardTitle h2 { gap:10px; } .locationSection .card .icon { width:30px; height:30px; } .locationSection .card .content a { font-weight: 500; word-break: break-word; } /* End: ----- Location Section ----- */ /* Start ----- Tabbing Setion ----- */ .tabbingSection { background: linear-gradient(70.69deg, #002653 63.5%, rgba(0, 38, 83, 0.8) 139.53%); } .tabbingSection .tabbingArea .leftTabs .tab { gap:10px; padding: 20px;border-radius: 6px; max-width:max-content; } .tabbingSection .tabbingArea .leftTabs .tab .icon { width: 15px; } .tabbingSection .tabbingArea .leftTabs .tab .icon svg { width: 100%; } .tabbingSection .tabbingArea .leftTabs .tab { cursor: pointer; transition: all 0.3s ease; } .tabbingSection .tabbingArea .leftTabs .tab + .tab { margin-top: 10px; } .tabbingSection .tabbingArea .leftTabs .tab.active, .tabbingArea .leftTabs .tab:hover { background: #fff; } .tabbingSection .tabbingArea .leftTabs .tab .name, .tabbingArea .leftTabs .tab .icon svg path { transition: all 0.3s ease; color:#9DABBD; } .tabbingSection .tabbingArea .leftTabs .tab.active .name, .tabbingArea .leftTabs .tab:hover .name { color: #121212; } .tabbingSection .tabbingArea .leftTabs .tab.active .icon svg path, .tabbingArea .leftTabs .tab:hover .icon svg path { fill: #84c441; } .tabbingSection .tabbingArea .rightContent { max-width: 915px; width: 100%; } .tabbingSection .tabbingArea .rightContent .card { display:none; } .tabbingSection .tabbingArea .rightContent .card.active { display:block; } .tabbingSection .videoGroup .video { position: relative; max-width: 630px; width: 100%; padding-bottom: 38.72%; height: 0; } .tabbingSection .videoGroup .video iframe { max-width: 630px; width: 100%; border-radius: 12px; position: absolute; height: 100%; } .tabbingSection .videoGroup .video .hs-responsive-embed { max-width: 630px !important; max-height: 354px !important; } .tabbingSection .videoButton { max-width: 200px; } .tabbingSection .videoButton a {background: transparent; color: #fff; border-color: #fff; } .tabbingSection .videoButton a:hover { background: #84c441; color: #fff; border-color: #84c441; } .tabbingSection .strategyList span, .tabbingSection .strategyList a { border: 1px solid #FFFFFF; border-radius: 6px; padding: 10px; color: #fff; display: flex; } .tabbingSection .strategyLists { gap: 20px; } .tabbingSection .strategyList a {background: #84c441; color: #fff; border-color: #84c441; } .tabbingSection .strategyList a:hover { background: transparent; color: #fff; border-color: #fff; } .tabbingSection .expandTab { border-bottom: 1px solid #ededed; cursor: pointer; display: none; font-size: 16px; font-weight: 500; letter-spacing: .02em; padding: 10px 0; position: relative } .tabbingSection span.expandTab:before { content: ""; position: absolute; right: 0; top: 50%; background: url('https://www.salesprogramme.com/hubfs/Assets%202023/Arrow%20%282%29.svg'); transform: translateY(-50%); transition: all .4s ease; width: 20px; height: 20px; } /* End ----- Tabbing Setion ----- */ /* Start: ----- Footer CTA Section ----- */ .CTASection:before { position:absolute; content:''; height:50%; width:100%; background: #7fd7f7; bottom:0; left:0; } .CTASection .CTASectionInner { gap:140px; z-index:1; box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12); border-radius: 24px; padding: 31px 80px; } .CTASection .CTASectionInner:before { content: ''; top: 0; left: 0; position: absolute; background: url(https://www.salesprogramme.com/hubfs/Assets%202023/Rectangle.png); width: 274px; height: 266px; background-repeat: no-repeat; background-size: contain; } .CTASection .CTASectionInner:after { content: ''; bottom: 0; right: 0; transform: rotate(180deg); position: absolute; background: url(https://www.salesprogramme.com/hubfs/Assets%202023/Rectangle.png); width: 274px; height: 266px; background-repeat: no-repeat; background-size: contain; } .CTASection .CTASectionInner .leftImage { max-width: 499px; width: 100%; } .CTASection .rightContent { max-width: 662px; width: 100%; } .CTASection .rightContent .green-button a { display: inline-flex; } .CTASection .rightContent .green-button a:hover { border-color: #84c441; } /* End: ----- Footer CTA Section ----- */ /* ============ Solution Page Stylesheet ============== */ /* Start: ----- OS Banner Section ------ */ .ourServicesBannerSection .leftSide { max-width: 700px; } .ourServicesBannerSection .rightImage img { max-height: 540px; width: 100%; } .ourServicesBannerSection .SVGIcon { bottom: -47px; left: -56px; position: absolute; width: 337px; } /* End: ----- OS Banner Section ------ */ /* ============ Blog Listing Page Stylesheet ============ */ .blog-section .leftPart { max-width: 1027px; width: 100%; } .blog-section .leftPart .post-listing { display: flex; flex-wrap: wrap; gap: 40px; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard { box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12); border-radius: 12px; padding: 40px; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .blogListCardInner { gap: 40px; row-gap: 0; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .leftImage { max-width: 350px; width: 100%; border-radius: 8px; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .leftImage img { border-radius: 8px; object-fit:cover; width: 100%; height: 100%; max-height: 230px; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .rightContent { max-width: calc(100% - 390px); width:100%; } .blog-section .leftPart .post-listing .blogListCard:not(.blogListFirstCard) { padding: 30px 30px 30px; box-shadow: 0px 12px 42px -4px rgba(24, 39, 75, 0.12); border-radius: 12px; max-width: calc(50% - 20px); align-self: flex-start; } .blog-section .leftPart .post-listing .blogListCard .topImage { width: 100%; border-radius: 8px; } .blog-section .leftPart .post-listing .blogListCard .topImage img { border-radius: 8px; max-height:267px; width:100%; object-fit:cover; } .blog-section .leftPart .post-listing .blogListCard h4 a:hover { color: #84c441; } .blog-section .leftPart .post-listing .blogListCard .tag { gap:10px; } .blog-section .leftPart .post-listing .blogListCard .tag a { border-radius: 40px; color: #84c441; padding: 4px 15px; border: 2px solid #84c441; font-size: 11px; } .blog-section .leftPart .post-listing .blogListCard .upperPart { gap: 24px; } .blog-section .leftPart .post-listing .blogListCard .readTime { position: relative; padding-left:12px; margin-top:20px; font-size:12px; } .blog-section .leftPart .post-listing .blogListCard .readTime:before { position: absolute; content: ''; left: 0px; height: 100%; width: 2px; background: #ccc; top: 0; } .blog-section .leftPart .post-listing .blogListCard .readMoreButton a { display: inline-flex; } .blog-section .leftPart .post-listing .blogListCard .readMoreButton a:hover svg path { fill: #121212; } .blog-section .leftPart .post-listing .blogListCard .readMoreButton a svg path { transition: all 0.3s ease; } .blog-section .leftPart .loadMoreButton .green-button span { align-items: center; background-color: #84c441; border: 2px solid #84c441; border-radius: 8px; color: #fff; cursor: pointer; display: inline-flex; font-size: 14px; font-weight: 400; gap: 5px; justify-content: center; line-height: 1; outline: none; overflow: hidden; padding: 12px 25px; position: relative; text-decoration: none; transition: all .3s ease; z-index: 1; } .blog-section .leftPart .loadMoreButton .green-button span:hover { background: transparent; color: #84c441; } .blog-section .rightPart > div { height: 100%; } .blog-section *+ol.table-of-contents { margin:30px 0 } .blog-section ol.table-of-contents li { display:list-item; text-align:-webkit-match-parent; padding-top:7px } .blog-section ol.table-of-contents li:first-child { font-size:18px; line-height:28px; display:flex; align-items:center; gap:20px; margin-bottom:20px; background-color: #fff; border-radius: 4px; padding: 10px; font-weight: 600; } .blog-section ol.table-of-contents li:first-child img { width: 50px; height: 50px; object-fit: contain; } .blog-section ol.table-of-contents { width:100%; background-color:#f5f9ff; border:2px solid #ebf0f7; border-radius:8px; list-style:none; margin-left:0; padding:40px 30px; } .blog-section *+ol.table-of-contents { margin:30px 0 } .blog-section ol.table-of-contents li { display:list-item; text-align:-webkit-match-parent; padding-top:10px } .blog-section ol.table-of-contents li:first-child { font-size:18px; line-height:28px; } .PublishSocialtop ul li + li { margin: 0; } .PublishSocialtop ul li a { width: 30px; height: 30px; display: flex; } .PublishSocialtop ul li + li a svg { width: 100%; height: 100%; } .PublishSocialtop ul li { padding-left: 0; } .PublishSocialtop { background: #F9F9F9; padding: 20px; border-radius: 8px; } .PublishSocialtop ul { gap: 10px; display: flex; flex-direction: column; } .PublishSocialtop { position: absolute; display: inline-flex; left: calc(50vw - 1440px /2); top: 140px; transition: position 0.3s ease; } .PublishSocialtop.sticky { position: sticky; top: 140px; transition: position 0.3s ease; } .PublishSocialtopMobile ul li + li { margin: 0; } .PublishSocialtopMobile ul li a { width: 30px; height: 30px; display: flex; } .PublishSocialtopMobile ul li + li a svg { width: 100%; height: 100%; } .PublishSocialtopMobile ul li { padding-left: 0; } .PublishSocialtopMobile { background: #F9F9F9; padding: 20px; border-radius: 8px; display:none; } .PublishSocialtopMobile ul { gap: 10px; display: flex; } .listingBannerSection .bannerImage img { width: 100%; object-fit: cover; border-radius: 12px; max-height:400px; } .listingBannerSection .leftAuthorPart .leftImage { width: 50px; height: 50px; } .listingBannerSection .leftAuthorPart .leftImage img { width: 100%; height:100%; object-fit: cover; border-radius: 50%; } .listingBannerSection .leftAuthorPart { gap: 20px; } .listingBannerSection .tag span { padding: 0 10px; } .blogInner-content-section .post-body > span#hs_cos_wrapper_post_body > p:first-child { font-size: 20px; line-height: 1.5; font-weight: 500; margin-bottom: 40px; } .blogInner-content-section .post-body > span#hs_cos_wrapper_post_body p, .blogInner-content-section .post-body > span#hs_cos_wrapper_post_body a{ font-size: 14px; line-height: 1.6; } .cta.editable { padding: 40px; background: #f4f4f4; border-radius: 8px; margin: 40px 0; } .cta.editable .leftCTAImage { max-width: 350px; width: 100%; } .cta.editable .leftCTAImage img { width: 100%; height: auto; object-fit: cover; } .cta.editable .rightContent { max-width: calc(100% - 350px); width: 100%; padding-left: 40px; } .cta.editable .rightContent > div { width: 100%; display: block; } .cta.editable .rightContent > *:not(.desktopNone) { display: block; } .cta.editable .rightContent .content { padding-top: 20px; } .cta.editable .rightContent .link-text { padding-top: 20px; display:inline-flex; } .cta.sm.editable .logo { display: flex; width: 60px; height: 60px; } .cta.sm.editable .logo img { width: 100%; object-fit: contain; } .cta.sm.editable .content { width: 60%; text-align: left; padding-left: 40px; } .cta.sm.editable .green-button { margin-left: auto; } .email_blog_ui.editable { background: #f4f4f4; border-radius: 8px 8px 0 0; position: relative; margin: 40px 0 100px; } .email_blog_ui.editable:before { content: ''; border-top: 1px solid #ccc; background-image: url(https://2767224.fs1.hubspotusercontent-na1.net/hubfs/2767224/send-now-hubspot-sales-bar.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 60px; display: block; box-sizing: border-box; background-color: #f5f5f5; bottom: -60px; position: absolute; border-radius: 0 0 8px 8px; } .email_blog_ui.editable .email_blog_ui_body { padding: 40px 40px 20px; } .email_blog_ui.editable ul li { list-style: none; position: relative; } .email_blog_ui.editable ul li:before { position: absolute; content: ''; left: -20px; width: 7px; height: 7px; background: #f8761f; top: 8px; border-radius: 50%; } .blogInner-content-section .callout { background: #f4f4f4; border-radius: 8px; margin: 40px 0; padding: 40px; } .blogInner-content-section .callout b { font-weight:600; } .hsg-featured-snippet.editable { background: #f4f4f4; border-radius: 8px; margin: 40px 0; padding: 40px; } .hsg-featured-snippet.editable .hsg-featured-snippet__wrapper h4 { background: #FFFFFF; border-radius: 8px; padding: 10px 30px; gap: 20px; } .hsg-featured-snippet.editable .hsg-featured-snippet__wrapper h4 img { width: 32px; height: 32px; object-fit: contain; } .hsg-featured-snippet.editable .hsg-featured-snippet__wrapper--content { margin: 30px 0 0; } .hsg-featured-snippet.editable .hsg-featured-snippet__wrapper--content ul li { list-style:none; position:relative } .hsg-featured-snippet.editable .hsg-featured-snippet__wrapper--content ul li:before { background:#f8761f; border-radius:50%; content:""; height:7px; left:-20px; position:absolute; top:8px; width:7px} .long.editable { margin: 30px 0; padding: 40px 40px 40px; background: #f4f4f4; border-radius: 8px; } .long.editable p { font-size: 18px; line-height: 1.4; } .long.editable .authorDetail .leftImage { width: 72px; height: 72px; } .long.editable .authorDetail .leftImage img { object-fit: cover; border-radius: 50%; width: 100%; height: 100%; } .long.editable .rightContent .name { width: 100%; display: block; font-weight: 500; font-size: 24px; line-height: 34px; color: #00AEEF; } .long.editable .authorDetail { display: flex; align-items: center; gap: 20px; margin-top: 20px; } .blogInner-content-section .post-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .blogInner-content-section .post-pagination > div { max-width: 47%; width: 100%; border: 2px solid #84C441; border-radius: 8px; } .blogInner-content-section .post-pagination > div.next-post { margin-left: auto; } .blogInner-content-section .nav-text .icon, .blogInner-content-section .nav-text .icon svg { display: flex; width: 40px; height: 40px; } .blogInner-content-section .nav-text a:hover .name { color: #84C441; } .blogInner-content-section .nav-text a { padding: 20px; gap:20px; row-gap:0; justify-content:space-between; } .blogInner-content-section .nav-text a .name { transition: all 0.3s ease; } .blogInner-content-section .nav-text .icon svg { width: 100%; height: 100%; } .subscribtionSection:before { content:''; position: absolute; ;left:0; top:0; width:100%; height:100%; background: rgba(255,255,255,0.5);} .subscribtionSection .leftForm { max-width: 46%; width: 100%; } .subscribtionSection .hs_privacy_policy { position: absolute; padding-top: 20px; } .subscribtionSection .input ul li { list-style: none; } .subscribtionSection .hs-form-checkbox, .subscribtionSection .hs-form-booleancheckbox { display: block; margin: 0 !important; } .subscribtionSection .hs-form-checkbox input, .subscribtionSection .hs-form-booleancheckbox input { cursor: pointer; display: none; height: auto; margin-bottom: 0; padding: 0; width: auto } .subscribtionSection .hs-form-checkbox span { display: flex; flex-direction: row; padding-left: 36px; position: relative; color: #121212;} .subscribtionSection .hs-form-booleancheckbox span { padding-left: 36px; position: relative; color: #121212;} .subscribtionSection .hs-form-checkbox span:before, .subscribtionSection .hs-form-booleancheckbox span:before { -webkit-appearance: none; border-radius: 6px; content: ""; cursor: pointer; display: inline-block; height: 24px; left: 0; position: absolute; top: 0!important; transform: unset!important; vertical-align: middle; width: 24px; background: #fff;} .subscribtionSection .hs-form-checkbox input:checked+span:before, .subscribtionSection .hs-form-booleancheckbox input:checked+span:before { background-color: #9ff3b8; border-color: #9ff3b8 } .subscribtionSection .submitted-message { color: #fff!important; text-align: center } .subscribtionSection .hs-form-checkbox input:checked+span:after, .subscribtionSection .hs-form-booleancheckbox input:checked+span:after { content: ""; display: block; height: 14px; left: 9px; position: absolute; top: 5px; width: 6px } .subscribtionSection form .hs-form-checkbox .input ul li label span, .subscribtionSection form .hs-form-booleancheckbox .input ul li label span { color: #888d9a!important } .subscribtionSection span.hs-form-required { display: none } .subscribtionSection .hs-form-checkbox label, .subscribtionSection .hs-form-booleancheckbox label { color: hsla(0,0%,100%,.5); display: flex; margin: 0 } .subscribtionSection .input ul { padding: 0; margin: 0; } .subscribtionSection .input ul { display: flex; gap: 40px; flex-wrap: wrap; row-gap:20px; } .subscribtionSection form label { color: #121212; } .subscribtionSection .hs_pick_the_blog_emails_you_want_to_receive_ .input { padding-top: 10px; } .subscribtionSection .hs_email { margin-top: 30px;} .subscribtionSection form input[type="email"] { background: #fff; border-bottom: none; width: 100%; padding: 11px 20px; border-radius: 8px 0 0 8px; } .subscribtionSection .hs_email .input { padding-top: 10px; width: calc(100% - 158px); } .subscribtionSection .hs_submit { padding-top: 0; position: absolute; bottom: 0; right: 0; } .subscribtionSection form { position: relative; } .subscribtionSection form input[type="submit"] { padding: 14px 38px; border-radius: 0 8px 8px 0; } .subscribtionSection .hs_error_rollup { display: none; } .subscribtionSection .no-list.hs-error-msgs { position: absolute; margin: 0; padding: 0; list-style: none; } .subscribtionSection .rightImage { padding-right: 10%; padding-bottom: 52px; } .singleTopicsBlogSection .podCastBlog { padding: 30px 30px 30px; box-shadow: 0px 12px 42px -4px rgba(24, 39, 75, 0.12); border-radius: 12px; max-width: calc(33.33% - 10px); align-self: flex-start; } .singleTopicsBlogSection .podCastBlog .topImage { width: 100%; border-radius: 8px; } .singleTopicsBlogSection .podCastBlog .topImage img { border-radius: 8px; width:100%; object-fit:cover; max-height:308px; } .singleTopicsBlogSection .podCastBlog .readTime { position: relative; } .singleTopicsBlogSection .podCastBlog .readTime:before { position: absolute; content: ''; left: -12px; height: 100%; width: 2px; background: #ccc; top: 0; } .singleTopicsBlogSection .podCastBlog .readMoreButton a { display:inline-flex; } .singleTopicsBlogSection .podCastBlog .readMoreButton a:hover svg path { fill: #121212; } .singleTopicsBlogSection .podCastBlog .readMoreButton a svg path { transition: all 0.3s ease; } .CTACardsSection .CTACard { border: 5px solid #FFFFFF; box-shadow: 0px 8px 18px -6px rgba(24, 39, 75, 0.12), 0px 12px 42px -4px rgba(24, 39, 75, 0.12); border-radius: 12px; padding: 60px; max-width: calc(50% - 30px); } /*******************/ /* Video Blog CSS */ /*******************/ .videoBlog .post-listing{gap:50px 20px;} .videoBlog .authorImage { width: 45px; height: 45px; border-radius: 99%; overflow: hidden; } .videoBlog .authorImage img { width: 100%; height: 100%; object-fit: cover; } .videoBlog .bottomContent{gap:15px;} .videoBlog .blogListCard{width:calc(25% - 15px);} .videoBlog .blogListCard .videoInner { display: flex; padding-bottom: 55%; } .videoBlog .blogListCard .videoInner iframe { position: absolute; width: 100%; height: 100%; border-radius: 11px; overflow: hidden; } .videoBlog.blogListingPage { background-color: #f1f1f1; } .videoBlog .postAuthorDetails p ,.videoBlog .postpublish_date p,.videoBlog .recentBlogVideoPubDate p { font-size: 14px; } .videoBlog .cardTopContent { position: relative; } .videoBlog .cardTopContent a { position: absolute; z-index: 1; width: 100%; height: 100%; } .videoBlog .InnervideoParent .videoInner { display: flex; padding-bottom: 47%; } .videoBlog .InnervideoParent .videoInner iframe { position: absolute; width: 100%; height: 100%; } .videoBlog .blogInnerBottomPart .titleGroup,.videoBlog .blogInnerBottomPart .bottomContent { margin: 0 20px; } .videoBlog .blogComments form label { color: #464646; } .videoBlog .blogComments form input[type="text"],.videoBlog .blogComments form input[type="text"],.videoBlog .blogComments form input[type="number"],.videoBlog .blogComments form input[type="email"],.videoBlog .blogComments form textarea{display: block; border: 1px solid #00aeef; outline: none; background: #fff; font-size: 16px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #464646; margin: 0; padding: 12px 20px; width: 100% !important; border-radius: 5px; -webkit-appearance: none; } .videoBlog .blogComments form textarea{min-height:160px;} .videoBlog .blogInnerLeft { max-width: 600px; width: 100%;} .videoBlog .blogComments form .field.hs-form-field { margin-bottom: 15px; } .videoBlog .blogComments form .hs_submit{padding-top:25px;} .videoBlog .blogComments form input.hs-button.primary { border-radius: 5px; text-transform: capitalize; font-size: 18px; padding: 15px 40px; font-weight: 400; } .videoBlog .listingBannerSection .small-wrapper { max-width: 1280px; } .videoBlog .blogComments form .field.hs-form-field .input { margin-top: 5px; } .videoBlog .blogInnerBottomPart {gap:20px;} .videoBlog .recentBlogVideo .videoInner { padding-bottom: 60%; display: flex; } .videoBlog .recentBlogVideo .videoInner iframe { position: absolute; width: 100%; height: 100%; border-radius: 10px; overflow: hidden; } .videoBlog .blogInnerRight { max-width: 340px; width: 100%; } .videoBlog .recentBlogVideo ,.videoBlog .recentBlogContent{ max-width: 50%; width: 100%; } .videoBlog .recentBlogCardInner {gap:10px;} .videoBlog .SingleShortVideo .videoInner { padding-bottom: 400px; } .videoBlog .SingleShortVideo .videoInner iframe { width: 100%; height: 100%; position: absolute; } .videoBlog .SingleShortVideo { width: calc( 20% - 20px ); height: 400px;border-radius: 10px; overflow: hidden; padding:0 10px; } .videoBlog .SingleShortVideo .video { height: 100%; width: 100%; } .videoBlog .SingleShortVideo iframe {border-radius: 10px;} .videoBlog .blog_pagination ul { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; gap: 10px; justify-content: center; } .videoBlog a.blog_pagination_number { width: 41px; height: 41px; display: flex ; align-items: center; justify-content: center; font-weight: 600; transition: all .3s ease; } .videoBlog li.active a.blog_pagination_number,.videoBlog a.blog_pagination_number:hover { background-color: #00aeef; color: #fff; } .videoBlog a.blog-pagination__next-link,.videoBlog a.blog-pagination__prev-link { padding: 10px 10px; background-color: #00aeef; display: block; } .videoBlog .blog-pagination__next-link svg,.videoBlog .blog-pagination__prev-link svg { display: block; } .videoBlog .blog-pagination__next-link svg path,.videoBlog .blog-pagination__prev-link svg path { fill: #fff; } .blogTopRightPart ,.blogTopVideosTitle{gap:30px;} .blog_inner_icon { max-width: 22px; width: 100%; display: flex; } .blog_inner_icon a {display: inline-block;line-height: 0;width: 100%;} .blog_inner_social_icon_parent { gap: 10px; } .blog_inner_icon a svg { width: 100%; height: 100%; object-fit: cover; } .blog_inner_icon a svg path { fill: #00aeef; transition: all .3s ease-in-out; } .blog_inner_icon a:hover svg path { fill: #000; } /* Shorts Section */ /* Header 2021 CSS */ header .button.altBtn a { background:#f8761f; border-color:#f8761f; } .salesnavigation .Menu ul.Nav { margin:0; padding:0; display:flex; } .salesnavigation .Menu ul.Nav li { margin:0; padding:0; list-style:none; padding-top: 10px; padding-bottom: 15px; position: relative; } .salesnavigation .Menu ul.Nav li a { display: block; padding: 8px 18px 20px; font-size: 16px; font-family: 'Roboto',sans-serif; font-weight: 400; color: #2c2c2c; text-transform: uppercase; } .salesnavigation .Menu ul.Nav > li > a:hover, .salesnavigation .Menu ul.Nav > li:hover > a { color:#00aeef; } .salesnavigation .Menu ul.Nav li.SubMenu ul { position:absolute; top: 60px; left: -16px; width: 300px; background-color: #fff; box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 10%); padding:0; margin:0; border-radius:5px; } li.SubMenu ul, li.MegaMenu ul, li.MaltiMegaMenu .MaltiMegaMenu_box { display:none; } .salesnavigation .Menu ul.Nav li ul li a { font-weight:400; color:#464646; text-transform: capitalize; } .salesnavigation .Menu ul.Nav li.SubMenu ul { padding:12px 0; margin:0; } .salesnavigation .Menu ul.Nav li.SubMenu ul:before { content: ""; position: absolute; width: 0; height: 0; margin-left: 0; top: -9px; left: 58px; box-sizing: border-box; border: 10px solid transparent; border-color: #fff #fff transparent transparent; transform: rotate(-45deg); box-shadow: 2px -2px 3px 0 rgb(0 0 0 / 7%); } .salesnavigation .Menu ul.Nav li.SubMenu ul li { padding:0; margin:0; } .salesnavigation .Menu ul.Nav li.SubMenu ul li a { padding:12px 18px; display:block; } .salesnavigation .Menu ul.Nav li.SubMenu ul li a:hover { background:#F5F8FA; } /* Mega Menu Styling */ .salesnavigation .Menu ul.Nav li.MegaMenu ul { padding:20px 0px; position:absolute; top: 70px; left: -276px; width: 860px; background-color: #fff; box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 10%); margin:0; border-radius:5px; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li { width: 50%; display: inline-block; margin-right: -4px; padding: 0 20px; vertical-align:top; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li a { padding:20px 15px; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li a p { font-size:14px; color:#888787; font-weight:400; font-family: 'Roboto',sans-serif; margin-top:10px; text-transform: none; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li a:hover, .salesnavigation .Menu ul.Nav li.MaltiMegaMenu>div ul li a:hover { background: #F7FAFB; border-radius: 5px; color:#00aeef; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li a:hover svg path, .salesnavigation .Menu ul.Nav li.MegaMenu ul li a:hover svg rect { fill:#00aeef !important; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li.FreeHubCRM a, .salesnavigation .Menu ul.Nav li.MegaMenu ul li.OverviewProduct a { color: #84C441; padding: 20px 15px; border-radius: 5px; font-weight: 700; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li.OverviewProduct a { color:#F8761F; } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu .MaltiMegaMenu_box { position:raltive; } .salesnavigation .Menu ul.Nav li.MegaMenu ul:before, .salesnavigation .Menu ul.Nav li.MaltiMegaMenu .MaltiMegaMenu_box:before { content: ""; position: absolute; width: 0; height: 0; margin-left: 0; top: -9px; left: 40%; box-sizing: border-box; border: 10px solid transparent; border-color: #fff #fff transparent transparent; transform: rotate(-45deg); box-shadow: 2px -2px 3px 0 rgb(0 0 0 / 7%); } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu .MaltiMegaMenu_box:before { left:57%; } .salesnavigation .Menu ul.Nav li.MegaMenu ul:before { left:37%; } /* Multi Mega Menu */ .salesnavigation .Menu ul.Nav li.MaltiMegaMenu > div { padding: 20px 5px; position: absolute; top: 70px; left: 50%; width: 1500px; background-color: #fff; box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 10%); margin: 0; border-radius: 5px; transform: translateX(-58%); } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu > div ul { padding:; width: 25%; display: inline-block; margin-right: -4px; vertical-align: top; padding: 0; margin-top: 0; margin-bottom: 0; } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu > div ul li { padding: 0 10px; margin: 0; } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu > div ul li a { padding: 15px 18px 10px; } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu > div ul li a:hover { background:#F5F8FA; border-radius:5px; } .salesnavigation .Menu ul.Nav li.MaltiMegaMenu > div ul li:first-child { padding-bottom:15px; border-bottom:1px solid #717172; margin:0 5px 20px; font-weight:700; text-transform: uppercase; } .Content_Library li { color:#00AEF0; } .Professional_Services li { color:#84C441; } .Why_Hubspot li { color:#F8761F } .Education li { color:#404041; } .Content_Library li a .TagName { color:#00AEF0} .Professional_Services li a .TagName { color:#84C441; } .Why_Hubspot li a .TagName { color:#F8761F } .Education li a .TagName { color:#404041; } .Content_Library li a .SVGIcon svg { fill:#00AEF0 !important; } .Professional_Services li a .SVGIcon svg { fill:#84C441 !important; } .Why_Hubspot li a .SVGIcon svg { fill:#F8761F !important; } .Education li a .SVGIcon svg { fill:#404041 !important; } .imgiconMenu { width: 30px; display: inline-block; vertical-align: middle; margin-right: 15px; } .SubMenu .imgiconMenu { width: 23px; display: inline-block; vertical-align: middle; margin-right: 10px; } .MegaMenu .imgiconMenu { vertical-align:top; margin-right:5px; } li.MegaMenu.Hubspot .MenuContent, .MenuContent { width: 318px; display: inline-block; margin-right: -4px; color: #00aeef; } li.MegaMenu.Hubspot .imgiconMenu { vertical-align: top; width:27px; margin-right:10px; } .salesnavigation .Menu ul.Nav li.SubMenu:after, .salesnavigation .Menu ul.Nav li.MaltiMegaMenu:after, .salesnavigation .Menu ul.Nav li.MegaMenu:after { content: '\f107'; font-family: fontAwesome; margin-left: 4px; position: absolute; top: 17px; right: 0; } .mobile-menu { display: flex; width: 30px; height: 25px; flex-direction: column; justify-content: space-around; cursor: pointer; position: absolute; top: -40px; right: 20px; display: none; } .bar { height: 3px; background: #464646; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .mobile-menu.active .bar:nth-child(1) { transform: translateY(6px) rotate(-45deg); -webkit-transform: translateY(6px) rotate(-45deg); -moz-transform: translateY(6px) rotate(-45deg); -ms-transform: translateY(6px) rotate(-45deg); -o-transform: translateY(6px) rotate(-45deg); } .mobile-menu.active .bar:nth-child(2) { transform: translateY(-6px) rotate(45deg); -webkit-transform: translateY(-6px) rotate(45deg); -moz-transform: translateY(-6px) rotate(45deg); -ms-transform: translateY(-6px) rotate(45deg); -o-transform: translateY(-6px) rotate(45deg); } li.MegaMenu.Hubspot .FreeHubCRM .imgiconMenu, li.MegaMenu.Hubspot .OverviewProduct .imgiconMenu { height:27px; } li.MegaMenu.Hubspot .FreeHubCRM .imgiconMenu { margin-top:-3px; } .imgiconMenu svg path, .imgiconMenu svg rect, .imgiconMenu svg circle { fill:#00aeef !important; } .IconArrow svg { width: 40px; height: 40px; text-align: right; position: absolute; top: 14px; right: 36px; } .FreeHubCRM svg path { fill:#84c441 !important; } .OverviewProduct svg path { fill:#f8761f !important; } .MobileButton { display:none; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li.FreeHubCRM a:hover svg path{ fill:#84c441 !important;} .salesnavigation .Menu ul.Nav li.MegaMenu ul li.OverviewProduct a:hover svg path, .salesnavigation .Menu ul.Nav li.MegaMenu ul li.OverviewProduct a:hover svg rect, .salesnavigation .Menu ul.Nav li.MegaMenu ul li.OverviewProduct a:hover svg circle { fill:#f8761f !important; } /* SVG IcOn*/ .SVGIcon svg { width: 28px; line-height: 0; height: 28px; vertical-align: middle; } .SVGIcon { width: 28px; display: inline-block; vertical-align: top; margin-right:10px; } .TagName { display: inline-block; vertical-align: top; width: 274px; } .TagName p { font-size: 14px; color: #888787; font-weight: 400; font-family: 'Roboto',sans-serif; margin-top: 10px; text-transform:none; } /* Mega Menu Bottom Strip */ .salesnavigation .Menu ul.Nav li.MegaMenu ul li.Bottomstrip { width: 100%; display: flex; background: #00AEEF; padding: 15px 36px; align-items: center; border-radius: 0 0 5px 5px; margin-bottom: -20px; } .BottomstripButton { text-align: right; width:35%; } .BottomstripContent { width: 76%; } .BottomstripContent h6, .BottomstripContent p { color: #fff; margin: 0; font-size:16px; } .BottomstripContent p { margin-top:5px; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li .BottomstripButton a { color: #fff; background: transparent; padding: 0; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li .BottomstripButton a svg { fill:#fff; height:35px; width:35px; margin-bottom: -12px; margin-left: 10px; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li .BottomstripButton a svg path { fill:#fff !important; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li .BottomstripButton a:hover { color: #464646; } .salesnavigation .Menu ul.Nav li.MegaMenu ul li .BottomstripButton a:hover svg path { fill:#464646 !important; } .MegamenuEbook { background-color: #fff; border-radius:5px; box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 10%); position: absolute; top:100%; left: -289px; width: 1200px; display: none; flex-wrap: wrap; justify-content: center; } @media(min-width:1080px){ li.MegaMenuWitheBook:hover .MegamenuEbook { display:flex; } } .MegaMenuLeft { width: 65%; padding: 20px 20px; } .MegaMenuLeft ul { padding: 0; margin: 0; } .salesnavigation .Menu ul.Nav .MegaMenuLeft ul li { width: 50%; display: inline-block; margin-right: -4px !important; padding:0; } .MegaMenuRight { width: 35%; text-align: center; color: #fff; background: #00aeef; padding: 30px; overflow: hidden; border-radius: 0 3px 0 0; } .ebookImage img { height: 210px !important; width: auto; } .eBookContent p { margin-top:10px; } .eBookContent h4 { font-size: 20px; margin-top:15px; } .MegamenuEbook .MenuContent p { font-size: 14px; color: #888787; margin-top: 10px; } .MegamenuEbook .imgiconMenu { width: 30px; } .MegamenuEbook .MenuContent { font-size: 16px; width: calc(100% - 45px); vertical-align: top; } .MegamenuEbook a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .MegamenuEbook .Bottomstrip { background: #84c441; width: 100%; display: none; padding: 15px 36px; align-items: center; border-radius: 0 0 5px 5px; } .MegamenuEbook .BottomstripContent { width: 78%; } .MegamenuEbook .BottomstripButton { text-align: right; width: 20%; } .MegamenuEbook .BottomstripButton a { color: #fff; background: transparent; padding: 0; } .salesnavigation .Menu ul.Nav li .BottomstripButton a { display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; color: #fff !important; text-transform: unset; } .salesnavigation .Menu ul.Nav li .BottomstripButton a svg { width: 50px; margin-left: 20px; fill: #fff; height: 26px; } .salesnavigation .Menu ul.Nav li .eBookContent a { background: #90c953; border:2px solid #90c953; padding: 10px 30px; display: inline-block; margin-top: 15px; border-radius: 34px; color: #fff; text-transform: capitalize; } .salesnavigation .Menu ul.Nav li .eBookContent a:hover { background:transparent; color:#fff; border-color:#fff; } .MegaMenuLeft ul li a:hover { background: #f7fafb; border-radius: 4px; } .salesnavigation .Menu ul.Nav li .MegaMenuLeft ul li a { padding: 12px 20px; } .salesnavigation .Menu ul.Nav li .MegaMenuLeft ul li.FreeHubCRM a, .salesnavigation .Menu ul.Nav li .MegaMenuLeft ul li.OverviewProduct a { padding: 11px 15px; } .salesnavigation .Menu ul.Nav li .MegaMenuLeft ul li.FreeHubCRM .imgiconMenu, .salesnavigation .Menu ul.Nav li .MegaMenuLeft ul li.OverviewProduct .imgiconMenu { line-height:normal; } .salesnavigation .Menu ul.Nav li .MegaMenuLeft .IconArrow svg { top:10px; } li.MegaMenuWitheBook.Hubspot .MegamenuEbook { left: -396px; } li.PricingMega.MegaMenuWitheBook .MegamenuEbook { left: -500px; } .salesnavigation .Menu ul.Nav li.MegaMenuWitheBook:after { content: '\f107'; font-family: fontAwesome; margin-left: 4px; position: absolute; top: 17px; right: 0; } .salesnavigation .Menu ul.Nav li.MegaMenuWitheBook ul:before { content: ""; position: absolute; width: 0; height: 0; margin-left: 0; top: -9px; left: 28%; box-sizing: border-box; border: 10px solid transparent; border-color: #fff #fff transparent transparent; transform: rotate(-45deg); box-shadow: 2px -2px 3px 0 rgb(0 0 0 / 7%); } .salesnavigation .Menu ul.Nav li.MegaMenuWitheBook.Hubspot ul:before { left:36%; } .salesnavigation .Menu ul.Nav li.PricingMega.MegaMenuWitheBook ul:before { left:45%; } /************************/ /* Video Blog CSS End */ /***********************/ @media(max-width:1660px){ .pb150,.p150-0 { padding-bottom:120px; } .pt150,.p150-0 { padding-top:120px; } .wrapper { max-width: 1440px; } .small-wrapper { max-width:1080px; } .extraSmall-wrapper { max-width:1000px; } .header .headerInner .megaMenu .leftBox { max-width: 1030px; padding: 20px 30px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card, .header .headerInner .tabRightBox .rightBoxCard { max-width: 310px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .cards,.header .headerInner .megaMenu .leftBox .leftBoxInner .simpleCards, .header .headerInner .tabRightBox .tabRightBoxInner > div { gap: 20px; row-gap:10px; } .header .headerInner .megaMenu .megaMenuInner { padding: 30px 0; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card a .h6, .header .headerInner .tabRightBox .rightBoxCard a .h6 { font-size:16px; line-height: 22px; } .header .headerInner .tabRightBox { max-width: 1030px; } .header .headerInner .tabRightBox .tabRightBoxInner > div { padding: 20px 30px; } .footer .leftSide { max-width: 380px; } .footer .rightPart { max-width: 490px; } .clientPainPointsSection .titleGroup .title { width: 80%; } .clientPainPointsSection .points .point { max-width: 49%; } .clientPainPointsSection .titleGroup .title { width: 80%; } .WSPSection .card { max-width: calc(25% - 15px); } .WSPSection .card .icon { height: 80px; } .WSPSection .card { padding: 60px 30px 40px; } .HWWSection .leftImage { max-width: 500px; } .HWWSection .rightContent { max-width: calc(100% - 620px); } .HWWSection .mainTitleGroup .mainTitle, .HWWSection .mainTitleGroup .subTitle { width: 100%; } .FreeBookCTASection .FreeBookCTASectionInner .leftImage { max-width: 40%; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { max-width: 60%; } .videoFilterSection .content { padding: 40px 40px; } .locationSection .card { max-width: 32%; } .letestPostSection .letestPostCard { max-width: 30%; } /* Start: ----- OS Banner Section ------ */ .ourServicesBannerSection .rightImage { width: 44%; } .ourServicesBannerSection .leftSide { max-width: 100%; width: 50%; } /* End: ----- OS Banner Section ------ */ .blog-section .leftPart { max-width: calc(70% - 40px); } .blog-section .rightPart { width: 30%; } .CTACardsSection .CTACard { max-width: calc(50% - 15px); padding: 40px; } } @media(max-width:1440px){ .pb200,.p200-0 { padding-bottom:150px; } .pb100,.p100-0 { padding-bottom:80px; } .pt150,.p150-0 { padding-top:100px; } .pt200,.p200-0 { padding-top:150px; } .wrapper { max-width: 1340px; } .small-wrapper { max-width:1080px; } .extraSmall-wrapper { max-width:1000px; } h1, .h1, .font62 { font-size:54px; line-height:68px; } h2, .h2, .font42 { font-size:38px; line-height:42px; } h3, .h3, .font32 { font-size:28px; line-height:34px; } h4, .h4, .font24 { font-size:22px; line-height:30px; } h5, .h5, .font22 { font-size:20px; line-height:26px; } h6, .h6, .font18 { font-size:16px; line-height:24px; } .font20{ font-size:18px; line-height:26px; } /* Start: ----- Global Header ----- 025-01-2022 */ .header .headerInner .menus { gap: 30px; } .header .languageSwither #countryBlock { padding: 10px 20px; } .header .headerInner .megaMenu .leftBox { max-width: 940px; padding: 20px 20px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card, .header .headerInner .tabRightBox .rightBoxCard { max-width: 286px; } .header .headerInner .menu-item .leftBox .leftBoxInner .card a, .header .headerInner .tabRightBox .rightBoxCard a { padding: 15px; gap: 15px; } .header .headerInner .megaMenu .leftIcon, .header .headerInner .tabRightBox .rightBoxCard .leftIcon { width: 34px; height: 34px; } .header .headerInner .tabRightBox { max-width: 940px; } .header .headerInner .tabRightBox .tabRightBoxInner > div { padding: 20px 20px; } /* End: ----- Global Header ----- 025-01-2022 */ .bannerSection .iframeBackgroundContainer { width: 60%; } .bannerSection .leftSide { padding-top: 180px; } .bannerSection .rightPlayIcon { max-width: 160px; height: auto; } .bannerSection .rightPlayIcon svg { height: 100%; width: 100%; } .clientPainPointsSection .leftImage { max-width: 35%; } .clientPainPointsSection .rightPart { width: calc(65% - 45px); } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_email input { padding: 20px 25px; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit input[type="submit"] { padding: 22.5px 20px; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { padding: 70px; } .videoFilterSection .content { padding: 40px 30px; } .letestPostSection .letestPostCards .letestPostCardsInner { gap: 40px; } .clientTestimonialSection .testimonialSlider .slick-track .slick-slide { margin: 0 20px; } .clientTestimonialSection .titleGroup .content { width: 40%; } .tabbingSection .titleGroup .content { width: 35%; } .tabbingSection .tabbingArea .rightContent { max-width:850px; } .tabbingSection .tabbingArea .leftTabs .tab + .tab { margin-top: 10px; } .tabbingSection .videoGroup .video { padding-bottom: 41.72%; } .CTASection .CTASectionInner .leftImage { max-width: 380px; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard { padding: 30px; } .PublishSocialtop { left: calc(50vw - 660px); } .ourServicesBannerSection .scrolldown-section a span { bottom: 50px; width:50px; height:50px; } } @media(max-width:1360px){ .wrapper { max-width: 1280px; } .small-wrapper { max-width:1080px; } .extraSmall-wrapper { max-width:1000px; } .header .headerInner .megaMenu .leftBox, .header .headerInner .tabRightBox { max-width: 880px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card, .header .headerInner .tabRightBox .rightBoxCard { max-width: calc(50% - 10px); } .header .headerInner .tabBoxInner { gap:10px; } .PublishSocialtop { left: calc(50vw - 600px); } } @media(max-width:1280px){ .pb128,.p128-0 { padding-bottom:123px; } .pt128,.p128-0 { padding-top:123px; } body { font-size:14px; line-height:20px; } .wrapper { max-width: 1120px; } .small-wrapper { max-width:1080px; } .extraSmall-wrapper { max-width:1000px; } .orange-button a, a.orange-button, .white-button a, a.white-button, .green-button a, a.green-button { font-size: 14px; padding: 12px 25px; } h1, .h1, .font62 { font-size:50px; line-height:62px; } h2, .h2, .font42 { font-size:34px; line-height:40px; } h3, .h3, .font32 { font-size:26px; line-height:32px; } h4, .h4, .font24 { font-size:20px; line-height:26px; } h5, .h5, .font22 { font-size:18px; line-height:26px; } .font20{ font-size:16px; line-height:22px; } h6, .h6, .font18 { font-size:16px; line-height:22px; } .font16 { font-size:14px; line-height:20px; } .pb60,.p60-0 { padding-bottom:40px; } .pb80,.p80-0 { padding-bottom:60px; } .p120-0, .pb120 { padding-bottom:100px; } .p160-0, .pb160 { padding-bottom:140px; } .pb200,.p200-0 { padding-bottom:170px; } .pt60,.p60-0 { padding-top:40px; } .pt80,.p80-0 { padding-top:60px; } .p120-0, .pt120 { padding-top:100px; } .p160-0, .pt160 { padding-top:140px; } .pt200,.p200-0 { padding-top:170px; } .mt120,.m120-0 { margin-top:100px; } .mb120,.m120-0 { margin-bottom:100px; } .greenAsset::before, .lightGreenAsset::before { width: 64px; height: 64px; top: 0; } .header .headerInner .menus { gap: 20px; } .header .headerInner { gap: 30px; } .header .headerInner .leftLogo { max-width: 170px; } .header .headerInner .megaMenu .megaMenuInner { padding: 20px 0; } .header .headerInner .megaMenu .leftBox { max-width: 70%; padding: 10px 10px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .cards, .leftBox .leftBoxInner .simpleCards, .header .headerInner .tabRightBox .tabRightBoxInner > div { gap: 10px; } .header .headerInner .megaMenu .leftBox .leftBoxInner .card, .header .headerInner .tabRightBox .rightBoxCard { max-width: calc(50% - 10px); } .header .headerInner .megaMenu .rightBox { max-width: calc(30% - 25px); } .header .headerInner .tabBox { max-width:calc(30% - 40px) } .header .headerInner .tabRightBox { max-width: 70%; } .header .headerInner .tabRightBox .tabRightBoxInner > div { padding: 10px 10px; } .footer .leftSide { max-width: 300px; } .footer .middlePart { max-width: 300px; } .footer .rightPart { max-width: 400px; } .footer .rightPart .form .hs_submit input { padding: 21px 40px; } .footer .rightPart .form .hs_email { max-width: calc(100% - 153.5px); } .footer .socialIcons .socialIcon a { width: 35px; height: 35px; } .footer .socialIcons .socialIconsInner { gap: 18px; } .footer .middlePart .detailsGroup .detailbox .leftIcon { width: 35px; height: 35px; } .bannerSection .counterBox { max-width: 520px; } .bannerSection .leftSide .bottomButton { gap: 30px; } .bannerSection .leftSide { padding-top: 130px; } .bannerSection { padding-bottom: 120px; } .bannerSection .iframeBackgroundContainer, .bannerSection { padding-top: 121px; } .bannerSection .counterBoxInner { padding: 30px; } .clientPainPointsSection .points .point { max-width: 100%; gap:20px; } .clientPainPointsSection .points { row-gap: 20px; } .clientPainPointsSection .points .point .leftIcon { width: 32px; } .clientPainPointsSection .points .point .rightContent { width: calc(100% - 52px); } .clientPainPointsSection .leftImage { align-self: flex-start; position: sticky;top: 140px; } .WSPSection .card { padding: 40px 30px 40px; } .WSPSection .card .name.pt40 { padding-top: 30px; } .HWWSection .leftImage { max-width: 40%; } .HWWSection .rightContent { max-width: calc(60% - 120px); } .FreeBookCTASection .FreeBookCTASectionInner .leftImage { max-width: 35%; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { max-width: 65%; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit input[type="submit"] { font-size: 14px; padding: 20px; } .FreeBookCTASection .FreeBookCTASectionInner .form .hs_email.hs-email { max-width: calc(100% - 201px); } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_email input { font-size: 14px; padding: 18px 20px; } .videoFilterSection .titleGroup .title { width: 50%; } .letestPostSection .bottomContent { padding: 30px; } .clientTestimonialSection .testimonialSliderCard .icon, .clientTestimonialSection .testimonialSliderCard .icon svg { width: 60px; height: 60px; } .clientTestimonialSection .testimonialSliderCard { padding: 30px 30px 40px; } .tabbingSection .tabbingArea .leftTabs { width: 33%; } .tabbingSection .tabbingArea .leftTabs .tab .name { font-size: 16px; line-height: 24px; } .tabbingSection .tabbingArea .rightContent { max-width: 60%; } .tabbingSection .strategyList a, .tabbingSection .strategyList span { font-size: 14px; } .tabbingSection .videoGroup .video { padding-bottom: 53.8%; } .CTASection .CTASectionInner { gap: 80px; padding: 25px 60px; } .CTASection .CTASectionInner::after, .CTASection .CTASectionInner::before { width: 180px; height: 174px; } .blog-section .leftPart .post-listing { gap: 30px; } .blog-section .leftPart .post-listing .blogListCard:not(.blogListFirstCard) { max-width: calc(50% - 15px); } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .leftImage { max-width: 45%; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .rightContent { max-width: calc(55% - 40px); } .blog-section .leftPart .post-listing .blogListCard .upperPart { width: 100%; gap: 20px; } .blog-section .leftPart .post-listing .blogListCard .tag a { padding: 2px 20px; } .blog-section .leftPart .post-listing .blogListCard .tag { width: 100%; } .subscribtionSection .rightImage { padding-right: 0; max-width: 45%; } /* Video Blog CSS */ .videoBlog .blogListCard { width: calc(33.33% - 15px); } .videoBlog .post-listing { gap: 40px 20px; } .videoBlog .SingleShortVideo{height:350px;} .videoBlog .SingleShortVideo .videoInner { padding-bottom: 350px; } .videoBlog .blogInnerLeft { max-width: 540px; } .blogTopRightPart ,.blogTopVideosTitle{gap:20px;} } @media(max-width:1230px){ .PublishSocialtop { display:none; } .PublishSocialtopMobile { display: block; } } @media(max-width:1080px){ .pb128,.p128-0 { padding-bottom:121px; } .pt128,.p128-0 { padding-top:121px; } .wrapper { max-width: 991px; } .small-wrapper { max-width:991px; } .extraSmall-wrapper { max-width:991px; } .header .font20 { font-size:14px; line-height:20px; } .header .headerInner { gap: 25px; } .header .headerInner .lang_switcher_link .conutryName { display:none; } .footer .footerInner { row-gap: 50px; } .footer .leftSide { max-width: 40%; } .footer .rightPart, .footer .middlePart { max-width: 50%; } .footer .socialIconsGroup { padding-top: 40px; } .footer .socialIcons { padding-top: 20px; } .bannerSection .rightPlayIcon { height: auto; max-width: 120px; margin-right:60px; margin-top:20px; } .clientPainPointsSection .titleGroup .title { width: 90%; } .WSPSection .card { max-width: calc(50% - 10px); } .HWWSection .rightContent { max-width: calc(60% - 80px); } .HWWSection .rightContent .mainTitle::before { width: 80px; height: 80px; background-size: contain; left: -80px; } .HWWSection .mainTitleGroup .subTitle.pt40 { padding-top: 20px; } .videoFilterSection .titleGroup .title { width: 55%; } .videoFilterSection .content .logo { max-width: 250px;min-height: 60px;max-height:70px;} .letestPostSection .letestPostCards .letestPostCardsInner { gap: 20px; } .letestPostSection .letestPostCard { max-width: 31%; } .letestPostSection .bottomContent { padding: 30px 20px; } .clientTestimonialSection .slick-slide.slick-current .testimonialSliderCard{ background: #E0F7FF; box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.1), 0px 6px 14px -6px rgba(24, 39, 75, 0.12); opacity:1; } .tabbingSection .tabbingArea .leftTabs .tab { padding: 10px 15px; } .tabbingSection .tabbingArea .leftTabs .tab .icon { width: 10px; } .tabbingSection .tabbingArea .leftTabs .tab + .tab { margin-top: 20px; } .tabbingSection .titleGroup .content { width: 40%; } .tabbingSection .videoGroup .video { padding-bottom: 56.25%; } .blog-section .rightPart { display: none; visibility: hidden; } .blog-section .leftPart { max-width: 100%; } .ourServicesBannerSection .scrolldown-section { display:none; } .singleTopicsBlogSection .podCastBlog { padding: 20px; } /* Video Blog CSS */ .videoBlog .post-listing { gap: 35px 20px; } .videoBlog .SingleShortVideo{height:320px;} } @media(min-width:991px) and (max-width:1080px){ .header .headerInner .CTAButton .orange-button a { padding: 12px 16px; } } @media(max-width:991px){ .pt100,.p100-0 { padding-top:80px; } /*-=-=-=-= Mobile menu JS USE MENU ICON as '' -=-=-=*/ span.expandMenu { display:block; width: 40px; height: 40px; display: block; cursor:pointer; padding: 3px 5px; } span.expandMenu i { position:relative; width: 30px; left:0; height: 4px; opacity:1; display: block; background: #00aeef; margin: 5px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } span.expandMenu.open i:first-child { transform: rotate(135deg); -webkit-transform: rotate(135deg); top: 10px; position: relative; } span.expandMenu.open i:nth-child(2) { position:relative; left:-46px; opacity:0; } span.expandMenu.open i:last-child { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); top: -8px; position: relative; } /*-=-=-=-= Mobile Submenu JS USE SUBMENU ICON as '' -=-=-=*/ .childExpand { position: absolute; top:11px; right: 0px; width: 24px; text-align: center; height: 24px; margin: 0; padding:5px 4px; cursor:pointer; } .childExpand i { position:relative; width: 15px; left:0; height: 1px; opacity:1; display: block; background: #fff; margin: 6px 0; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .childExpand i + i { position: relative; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: -7px; } .childExpand.open i { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .childExpand.open i+i { transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); } .header .headerInner { padding: 16px 0; } .header .headerInner .menus { display:none; content-visibility:hidden; } .headermobileMenu { background: #00aeef; position: absolute; width: 100%; box-shadow: 0px 6px 8px -6px rgba(24, 39, 75, 0.12), 0px 8px 16px -6px rgba(24, 39, 75, 0.08); } .headermobileMenu .headermobileMenuInner { padding: 20px 15px 60px; } .headermobileMenu .mobileMenu-item .directChild { padding: 20px 0; width:calc(100% - 24px); } .headermobileMenu .mobileMenu-item .directChild span { color: #fff; transition:all ease 0.3s; } .headermobileMenu .mobileMenu-item .directChild:hover span { color:#121212; } /* ================================== */ .header .headermobileMenu { overflow-y: scroll; max-height: calc(100vh - 72px); } .header .mobileMegaMenu { width: 100%; left: 0; top: 100%; background: #fff; border-radius:18px; border-top: 2px solid #00aeef; display:none; } .header .mobileMegaMenu .leftBox { width:100%; padding: 20px 20px; border-radius:18px; } .header .mobileMegaMenu .leftIcon { width: 40px; height: 40px; padding: 5px; display: flex; align-items: center; justify-content: center; background: #00aeef; border-radius: 50%; } .header .mobileMegaMenu .leftIcon svg { display: flex; align-items: center; justify-content: center; } .header .mobileMegaMenu .leftIcon svg path { fill: #fff !important; } .header .mobileMegaMenu .leftBox .leftBoxInner .cards,.header .headerInner.header .headerInner .mobileMegaMenu .leftBox .leftBoxInner .simpleCards { gap: 30px; row-gap:10px; } .header .mobileMegaMenu .leftBox .leftBoxInner .card { max-width: calc(50% - 15px); width: 100%} .header .mobileMegaMenu .leftBox .leftBoxInner .card a .h6 { font-size:14px; line-height:20px; } .header .mobileMegaMenu .leftBox .leftBoxInner .card .rightContent { max-width: calc(100% - 60px); font-size:12px; line-height:18px; } .header .mobileMegaMenu .leftBox .leftBoxInner .card .rightContent span { display:block; } .header .mobileMegaMenu .leftBox .leftBoxInner .card a { border-radius: 8px; padding: 20px; gap: 20px; color: inherit; } .header .mobileMegaMenu .leftBox .leftBoxInner .card a:hover { background: rgba(255,255,255,70%); box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.03); } .header .mobileMegaMenu .leftBox .leftBoxInner .card a:hover .h6 { color: #121212; } .header .mobileMegaMenu .leftBox .leftBoxInner .card a:hover .subContent { color: rgba(0, 0, 0, 0.51); } .header .mobileMegaMenu .leftBox .leftBoxInner .arrowIcon { margin-left: auto; } .header .mobileMegaMenu .rightBox { max-width:100%; width: 100%; border-radius: 12px; box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.04); margin: 30px; } .header .mobileMegaMenu .rightBoxInner { display: flex; flex-wrap: wrap; align-items: center; } .header .mobileMegaMenu .rightBox .bottomContent { width: 70%; padding: 20px 0; padding-left: 40px; padding-right:20px; } .header .mobileMegaMenu .rightBox .bottomContent .downloadButton a { gap: 6px; } .header .mobileMegaMenu .rightBox .topImage { width:30%; align-self: stretch; } .header .mobileMegaMenu .rightBox .topImage img { border-radius: 6px 0 0 6px; object-fit: cover; height: 100% !important; } .header .mobileMegaMenu .mobileMegaMenuInner { padding:20px; } .header .mobileMegaMenu .mobileMenu-item { border-bottom: 1px solid #fff; } .header .mobileMegaMenu .tabBoxInner span.expandTab { width: 100%; display: block; padding: 10px 20px; background: #ededed; border-radius: 6px; cursor: pointer; } .header .mobileMegaMenu .tabBoxInner.noListStyle ul { display:none; width: 100%; border-radius: 8px; border: 1px solid #ededed; position: absolute; width: 100%; top: 100%; padding: 10px; background: #fff; left: 0; } .header .mobileMegaMenu .tabBoxInner.noListStyle ul li { padding: 5px 10px; cursor: pointer; } .header .mobileMegaMenu .tabBoxInner { position: relative; } .header .mobileMegaMenu .tabBoxInner span.expandTab:before { background: url("https://www.salesprogramme.com/hubfs/Assets%202023/Arrow%20%282%29.svg"); content: ""; height: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); transition: all .4s ease; width: 20px; filter: contrast(0); background-size: contain; } .header .mobileMegaMenu .tabRightBoxInner > div { border-radius: 18px; padding: 20px; gap: 10px; display:none; } .header .mobileMegaMenu .tabRightBoxInner > div.active { display:flex; } .header .mobileMegaMenu .tabRightBox { margin-top: 30px; } .header .mobileMegaMenu .rightBoxCard { max-width: calc(50% - 5px); } .header .mobileMegaMenu .rightBoxCard a { gap: 10px; padding: 10px; color: inherit; border-radius: 8px; } .header .mobileMegaMenu .rightBoxCard a:hover { background: hsla(0,0%,100%,.7); box-shadow: 0 0 24px rgba(0,0,0,.03); } .header .mobileMegaMenu .rightBoxCard a .rightContent { font-size: 12px; line-height: 18px; max-width: calc(100% - 42px); } .header .mobileMegaMenu .rightBoxCard a .rightContent span { display: block; } .socialIconGroup .Icons { gap:20px; } .socialIconGroup .Icons .icon a svg { width: 18px; height: 18px; } .socialIconGroup .Icons .icon a svg { fill: #fff; transition: all 0.3s ease; } .socialIconGroup .Icons .icon a:hover svg, .rightInfo .box a:hover svg { fill: #121212; } .socialIconGroup .Icons .icon { line-height: 1; } .socialIconGroup .Icons .icon a > span { line-height: 1; display: inherit; } .socialIconGroup .infoGroup { gap: 25px; } .socialIconGroup .infoGroup .box svg { width: 16px; height: 16px; fill: #fff; transition: all 0.3s ease; } .socialIconGroup .infoGroup .leftIcon { line-height: 1; display: inline-flex; } .socialIconGroup .infoGroup .leftIcon > span { line-height: 1; display: inherit; } .socialIconGroup .infoGroup .box a { font-size: 14px; gap: 6px; transition: all 0.3s ease; display:inline-flex; align-items:center; } .socialIconGroup .infoGroup .box a span { transition: all 0.3s ease; } .socialIconGroup .infoGroup .box a:hover span { color:#121212; } .headermobileMenu .mobileCTAButton, .headermobileMenu .socialIconGroup, .headermobileMenu .languageSwither { display:none; } .bannerSection .leftSide { max-width: 580px; } .bannerSection .rightPlayIcon { margin-right:50px; margin-top:0; } .bannerSection #video-popup-container { max-width:680px; } .clientPainPointsSection .leftImage { display: none; } .clientPainPointsSection .rightPart { width: 100%; } .clientPainPointsSection .points .point { max-width: 49%; } .clientPainPointsSection .titleGroup .title { width: 60%; margin: 0 auto; text-align: center; } .leftImageRightContent { flex-direction: column; row-gap: 60px; } .HWWSection .leftImage { margin: 0 auto; } .HWWSection .rightContent { max-width: 80%; margin: 0 auto; } .FreeBookCTASection .FreeBookCTASectionInner .leftImage { padding: 40px; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { padding: 50px; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent .content.pt30 { padding-top: 20px; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit { position: relative; padding-top: 20px; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_submit input[type="submit"] { width: 100%; border-radius: 6px; padding: 15px 20px; } .FreeBookCTASection .FreeBookCTASectionInner .form .hs_email.hs-email { max-width: 100%; } .FreeBookCTASection .FreeBookCTASectionInner .form form .hs_email input { border-radius: 6px; padding: 15px 20px; } .videoFilterSection .videosCardsInner { gap: 30px; } .videoFilterSection .videCard { max-width: calc(50% - 15px); } .videoFilterSection .titleGroup .title { width: 60%; } .letestPostSection .letestPostCard:first-child { max-width:100%; } .letestPostSection .letestPostCard { max-width: 48%; } .letestPostSection .letestPostCard .topImage { min-height: 200px; } .letestPostSection .letestPostCard:first-child .letestPostCardInner { display: flex; flex-wrap: wrap; } .letestPostSection .letestPostCard:first-child .letestPostCardInner .topImage { width: 40%; border-radius: 12px 0 0 12px; } .letestPostSection .letestPostCard:first-child .letestPostCardInner .bottomContent { width: 60%; padding: 40px; } .logoSection .logoGroup { gap: 40px; row-gap: 20px; } .locationSection .card { padding: 30px 25px; } .clientTestimonialSection .titleGroup .content { width: 50%; padding-top:20px; } .clientTestimonialSection .testimonialSlider .slick-track .slick-slide { margin: 0 10px; padding-bottom: 30px; } .clientTestimonialSection .testimonialSlider { padding-top: 40px; } .tabbingSection .tabbingAreaInner { row-gap: 60px; } .tabbingSection .expandTab { display:block; } .tabbingSection .tabs {display:none; } .tabbingSection .tabbingArea .rightContent { max-width: 100%; } .tabbingSection .tabbingArea .leftTabs { width: 100%; position: relative; } .tabbingSection .tabs { position: absolute; width: 100%; background: #fff; z-index: 1; padding: 20px 20px; } .tabbingSection .tabbingArea .leftTabs .tab + .tab { margin-top: 10px; } .tabbingSection .titleGroup .content { width: 45%; } /* Start: ----- OS Banner Section ------ */ .ourServicesBannerSection .ourServicesBannerSectionInner { flex-direction: column; gap: 50px; } .ourServicesBannerSection .leftSide { width: 70%; } .ourServicesBannerSection .rightImage { width: 60%; align-self: center; } /* End: ----- OS Banner Section ------ */ .cta.editable .leftCTAImage { max-width: 35%; } .cta.editable .rightContent { max-width: 65%; } .subscribtionSection .rightImage { padding-bottom: 100px; } /* Video BLog CSS */ .videoBlog .blogListCard { width: calc(50% - 8px); } .videoBlog .post-listing { gap: 30px 15px; } .videoBlog .blogInnerBottomPart { gap: 30px; flex-direction: column; } .videoBlog .blogComments form textarea { min-height: 120px; } .videoBlog .blogComments form input.hs-button.primary { font-size: 16px; padding: 15px 20px; } .videoBlog .blogComments form .field.hs-form-field { margin-bottom: 10px; } .videoBlog .blogInnerLeft { max-width: 100%; } .videoBlog .blogComments { max-width: 80%; } .videoBlog .blogInnerRight { max-width: 100%; } .videoBlog .recentBlogInner { display: flex; gap: 20px; flex-wrap: wrap; } .videoBlog .recentBlogCard { width: calc(50% - 10px);padding-top:0; } .videoBlog .blogInnerBottomPart .bottomContent,.videoBlog .blogInnerBottomPart .titleGroup { margin: 0 ; } .videoBlog .videoBlogShortSection .popupVideoWrapper { padding-bottom: 75%; } } @media(max-width:767px){ .pt100,.p100-0 { padding-top:50px; } .pt80, .p80-0 { padding-top: 40px; } .pb80, .p80-0 { padding-bottom: 40px; } .desktopNone { display:block; } .pt170, .p170-0 {padding-top: 130px;} h1, .h1, .font62 { font-size:48px; line-height:60px; } h2, .h2, .font42 { font-size:32px; line-height:38px; } h3, .h3, .font32 { font-size:24px; line-height:30px; } h4, .h4, .font24 { font-size:20px; line-height:26px; } h5, .h5, .font22 { font-size:18px; line-height:26px; } .button a, a.button { font-size:14px; } .header .mobileMegaMenu .leftBox .leftBoxInner .cards,.header .headerInner .mobileMegaMenu .leftBox .leftBoxInner .simpleCards { gap: 10px; } .header .mobileMegaMenu .leftBox .leftBoxInner .card { max-width: calc(50% - 5px); } .header .mobileMegaMenu .leftBox .leftBoxInner .card a { gap: 10px; padding: 10px; } .header .mobileMegaMenu .leftIcon { width: 32px; height: 32px; } .footer .leftSide { max-width: 70%; } .footer .middlePart { max-width: 100%; } .footer .rightPart { max-width: 70%; } .footer .middlePart .detailsGroup .detailbox.contactGroup { padding-top: 10px; } .footer .middlePart .detailsGroup { padding-top: 20px; } .footer .leftSide .logo { max-width: 200px; } .bannerSection .rightIframeVideo {display:block; } .bannerSection .counterBox { max-width: 460px; } .bannerSection .leftSide .bottomButton { gap: 20px; } .bannerSection .counterBoxInner { padding: 30px 15px; } .bannerSection .rightPlayIcon { display:none; } .bannerSection .leftSide { max-width: 100%; } .bannerSection #video-popup-container { max-width: 500px; } .HWWSection .leftImage { max-width: 60%; } .HWWSection .rightContent { max-width: 100%; padding-left: 80px; padding-right: 60px; } .FreeBookCTASection .FreeBookCTASectionInner .leftImage { max-width: 100%; border-radius: 21px 21px 0 0; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { max-width: 100%; } .logoSection .logoGroup { gap: 0; row-gap: 25px; } .logoSection .logoGroup .logo { width: 33.33%; } .logoSection .logoGroup .logo img { max-height: 50px; max-width: 160px !important; } .locationSection .cards { gap: 30px; } .locationSection .card { max-width:100%; } .videoFilterSection .videCard { max-width: 100%; } .videoFilterSection .titleGroup .title { width: 75%; } .CTASection .CTASectionInner { flex-direction: column; gap: 40px; padding: 20px 60px 60px; } .CTASection .rightContent { text-align: center; } .CTASection .rightContent .green-button { padding-top: 20px; } /* Start: ----- OS Banner Section ------ */ .ourServicesBannerSection .leftSide { width: 100%; } /* End: ----- OS Banner Section ------ */ .cta.editable .leftCTAImage { display: none; } .cta.editable .rightContent { max-width: 100%; padding-left: 0; } .cta.editable { text-align: center; } .cta.editable .mobileImage img { width: 100%; } .cta.editable .mobileImage { max-width: 60%; margin: 0 auto; } .cta.sm.editable .content { padding-left: 20px; } .subscribtionSection .rightImage { display: none; } .subscribtionSection .leftForm { max-width: 100%; } .subscribtionSection { padding-bottom: 100px; } .singleTopicsBlogSection .podCastBlog { max-width: calc(50% - 15px); } .CTACardsSection .CTACard { max-width: 100%; } .CTACardsSection .CTACardsSectionInner { gap: 30px; } /* Video Blog */ .videoBlog .videoBlog .videoBlogShortSection .popupVideoWrapper { padding-bottom: 80%; } } @media(max-width:680px){ .clientPainPointsSection .titleGroup .title { width: 80%; } } @media(max-width:580px){ .pb60,.p60-0 { padding-bottom:30px; } .pb80,.p80-0 { padding-bottom:50px; } .p120-0, .pb120 { padding-bottom:80px; } .pb128,.p128-0 { padding-bottom:72px; } .p160-0, .pb160 { padding-bottom:120px; } .pb200,.p200-0 { padding-bottom:130px; } .pt60,.p60-0 { padding-top:30px; } .pt80,.p80-0 { padding-top:50px; } .p120-0, .pt120 { padding-top:80px; } .pt128,.p128-0 { padding-top:72px; } .p160-0, .pt160 { padding-top:120px; } .pt200,.p200-0 { padding-top:130px; } .mt120,.m120-0 { margin-top:80px; } .mb120,.m120-0 { margin-bottom:80px; } .orange-button a:hover, a.orange-button:hover { background: #fff; border-color: #fff; color: #f8761f; } .lightGreenAsset.rightAlign::before { right: -10px; } .header .headerInner { justify-content: space-between; } .topStript, .header .headerInner .languageSwither,.header .headerInner .CTAButton { display:none; } .headermobileMenu .mobileCTAButton, .headermobileMenu .socialIconGroup, .headermobileMenu .languageSwither { display:block; } .header .mobileMegaMenu .leftBox { padding: 20px 20px; } .header .mobileMegaMenu .leftBox .leftBoxInner .card { max-width: 100%; } .header .mobileMegaMenu .rightBox .topImage { align-self: stretch; width: 40%; } .header .mobileMegaMenu .rightBox .bottomContent { padding: 20px; width: 60%; } .header .mobileMegaMenu .rightBox { margin: 30px 0; } .header .mobileMegaMenu .rightBoxCard { max-width: 100%; } .footer .leftSide { max-width: 100%; } .footer .rightPart { max-width: 100%; } .bannerSection { padding-bottom: 80px; } .bannerSection .iframeBackgroundContainer, .bannerSection { padding-top: 72px; } .bannerSection .counterBox { max-width: 100%; padding-top: 80px; } .bannerSection .counterBoxInner { background: linear-gradient(89.43deg, rgba(0,0,0,0.1) 38.88%, rgba(0, 0, 0, 0.2) 105.42%); } .bannerSection .SVGIcon { position: absolute; bottom: -17px; left: -56px; width: 207px; } .bannerSection #video-popup-container { max-width: 100%; } .clientPainPointsSection .titleGroup .title { width: 100%; } .clientPainPointsSection .points .point { max-width: 100%; } .WSPSection .card { max-width: 100%; } .HWWSection .rightContent { padding: 0; } .HWWSection .rightContent .mainTitle::before { left: -15px; top: -60px; } .FreeBookCTASection .FreeBookCTASectionInner { max-width: 100%; } .FreeBookCTASection .FreeBookCTASectionInner .rightContent { padding: 60px 30px; } .videoFilterSection .titleGroup .title { width: 100%; } .letestPostSection .letestPostCard { max-width: 100%; } .letestPostSection .letestPostCard:first-child .letestPostCardInner { display: block; } .letestPostSection .letestPostCard:first-child .letestPostCardInner .topImage { width: 100%; border-radius: 12px 12px 0 0; } .letestPostSection .letestPostCard:first-child .letestPostCardInner .bottomContent { width: 100%; padding: 40px 20px; } .letestPostSection .letestPostCards .letestPostCardsInner { gap:30px; } .clientTestimonialSection .testimonialSlider .slick-track .slick-slide { margin: 0 15px; } .clientTestimonialSection .titleGroup .content { width: 100%; } .logoSection .logoGroup .logo { width: 50%; } .logoSection .logoGroup { gap: 0; row-gap: 30px; } .locationSection .cards { gap: 20px; } .tabbingSection .tabbingAreaInner { gap: 40px; } .tabbingSection .titleGroup .content { width: 100%; padding-top: 20px; } .tabbingSection .videoGroup .video { height: 0; padding-bottom: 56.25%; } .tabbingSection .videoGroup .video iframe { position: absolute; height: 100%; left: 0; top: 0; } .tabbingSection .strategyLists { gap: 10px; } .tabbingSection .strategyList a, .tabbingSection .strategyList span { font-size: 12px; } .CTASection .CTASectionInner { padding: 20px 25px 60px; } /* Start: ----- OS Banner Section ------ */ .ourServicesBannerSection .rightImage { width: 80%; } .ourServicesBannerSection .SVGIcon { position: absolute; bottom: -17px; left: -56px; width: 207px; } /* End: ----- OS Banner Section ------ */ .blog-section .leftPart .post-listing .blogListCard:not(.blogListFirstCard) { max-width: 100%; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .blogListCardInner { flex-direction: column; gap: 30px; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .leftImage { max-width: 100%; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .leftImage img { border-radius: 8px; max-height: 267px; object-fit: cover; width: 100%; } .blog-section .leftPart .post-listing .blogListCard.blogListFirstCard .rightContent { max-width: 100%; } .listingBannerSection .bottomPart { flex-direction: column; gap: 20px; } .listingBannerSection .bottomPart > div { width: 100%; } .cta.editable, .blogInner-content-section .callout, .hsg-featured-snippet.editable { padding: 30px; } .email_blog_ui.editable .email_blog_ui_body { padding: 30px 30px 20px; } .cta.sm.editable .content { width: calc(100% - 60px); } .cta.sm.editable .green-button { margin: 20px auto 0; width: 100%; } .cta.sm.editable .green-button a { width: 100%; } .long.editable { padding: 30px; } .long.editable p { font-size: 16px; line-height: 1.4; } .blogInner-content-section .post-pagination > div { max-width: 100%; } .blogInner-content-section .post-pagination { gap: 20px; } .singleTopicsBlogSection .podCastBlog { max-width: 100%; } /* Video BLog CSS */ .videoBlog .blogListCard { width: 100%; } .videoBlog .post-listing { gap: 15px; } .videoBlog .blogComments { max-width: 100%; } .videoBlog .recentBlogInner { gap: 15px; } .videoBlog .recentBlogCard { width: 100%; } .videoBlog .blogComments form textarea { min-height: 80px; } .videoBlog .videoBlogShortSection .popupVideoWrapper { padding-bottom: 100%; } } @media(max-width:480px){ .pb150,.p150-0 { padding-bottom:80px; } .p150-0, .pt150 { padding-top:80px; } h1, .h1, .font62 { font-size:44px; line-height:58px; } h2, .h2, .font42 { font-size:28px; line-height:36px; } h3, .h3, .font32 { font-size:22px; line-height:28px; } h4, .h4, .font24 { font-size:18px; line-height:26px; } h5, .h5, .font22 { font-size:16px; line-height:20px; } .header .mobileMegaMenu .rightBoxInner { flex-direction: column; } .header .mobileMegaMenu .rightBox .topImage { width: 100%; } .header .mobileMegaMenu .rightBox .topImage img { border-radius: 6px; } .header .mobileMegaMenu .rightBox .bottomContent { width: 100%; } .header .mobileMegaMenu .rightBox { margin: 30px 20px; } .greenAsset::before, .lightGreenAsset::before { width: 54px; height: 54px; top: 2px; left: -15px; } .bannerSection .leftSide .bottomButton { gap: 15px; } .bannerSection .leftSide { padding-top: 90px; } .bannerSection { padding-bottom: 120px; } .bannerSection .counterBox { padding-top: 60px; } .clientPainPointsSection .points .point .leftIcon { width: 25px; height: auto; } .clientPainPointsSection .points .point .rightContent { width: calc(100% - 45px); } .WSPSection .lightGreenAsset::before { top:-5px; } /* Start: ----- OS Banner Section ------ */ .ourServicesBannerSection .rightImage { width: 100%; } /* End: ----- OS Banner Section ------ */ .listingBannerSection .leftAuthorPart .leftImage { width: 40px; height: 40px; } .subscribtionSection .hs_submit { position: static; padding-top: 20px; } .subscribtionSection .hs_email .input { width: 100%; } .subscribtionSection form input[type="email"] { border-radius: 8px; } .subscribtionSection .hs_privacy_policy { position: static; } .subscribtionSection form input[type="submit"] { width: 100%; border-radius: 8px; } .subscribtionSection { padding-bottom: 0; } } @media(max-width:440px){ .bannerSection .counterBoxInner .box { width: 100%; padding: 20px 10px; } .bannerSection .counterBoxInner .box { border-left: none; border-top: 1px solid #ededed; } .bannerSection .counterBoxInner { row-gap: 0px; padding: 0px 20px; } } @media(max-width:400px){ .footer .rightPart .form .hs_email { max-width: 100%; } .footer .rightPart .form .hs_submit { position: relative; width: 100%; padding-top: 20px; } .footer .rightPart .form .hs_submit input { width: 100%; border-radius: 6px; padding: 12px 40px; } .footer .rightPart .form form input[type="email"] { border-radius: 6px; padding: 12px 15px;} }