/* ==========================================================================
   For              :  Quadlabs Technologies Pvt. Ltd.
========================================================================== */
   
   @font-face {
       font-family: 'camptonsemibold';
       src: url('../fonts/campton_semibold-webfont.woff2') format('woff2');
       src: url('../fonts/campton_semibold-webfont.woff') format('woff');
       font-style: normal;
       text-rendering: optimizeLegibility;
       font-weight: bold;
   }
   
   @font-face {
       font-family: 'camptonlight';
       src: url('../fonts/campton_light-webfont.woff2') format('woff2');
       src: url('../fonts/campton_light-webfont.woff') format('woff');
       font-style: normal;
       text-rendering: optimizeLegibility;
   }
   
   @font-face {
       font-family: 'camptonbook';
       src: url('../fonts/campton_book-webfont.woff2') format('woff2');
       src: url('../fonts/campton_book-webfont.woff') format('woff');
       font-weight: 400;
       font-style: normal;
   }
   
   @font-face {
       font-family: 'Campton Book';
       src: url('../fonts/Campton-Book.eot');
       src: url('../fonts/Campton-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Campton-Book.woff2') format('woff2'), url('../fonts/Campton-Book.woff') format('woff'), url('../fonts/Campton-Book.ttf') format('truetype'), url('../fonts/Campton-Book.svg#Campton-Book') format('svg');
       font-weight: normal;
       font-style: normal;
       font-display: swap;
   }
   /* Webfont: Christopherhand */
   
   @font-face {
       font-family: 'Conv_comesinhandy';
       src: url('../fonts/comesinhandy.eot');
       src: local('☺'), url('../fonts/comesinhandy.woff') format('woff'), url('../fonts/comesinhandy.ttf') format('truetype'), url('../fonts/comesinhandy.svg') format('svg');
       font-weight: normal;
       font-style: normal;
       text-rendering: optimizeLegibility;
   }
   
   a:hover,
   a:focus,
   a:active {
       outline: none !important;
   }
   
   a {
       cursor: pointer;
   }
   
   h1,
   h2,
   h3,
   h4,
   h5,
   h6,
   .btn {
       font-family: 'camptonlight', Helvetica, Arial, sans-serif;
   }
   
   *,
   body {
       font-family: 'camptonlight', Helvetica, Arial, sans-serif;
       letter-spacing: -0.5px;
   }
   
   body {
       margin-top: 77px;
       overflow-x: hidden;
       background-color: #f5f7f9;
   }
   
   html {
       scroll-behavior: smooth;
       overflow-x: hidden
   }
   /*================================================================
Header Section
=================================================================*/
   
   .wsmenucontainer {
       background: #fff;
       -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
       -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .3);
       box-shadow: 0 0 20px rgba(0, 0, 0, .3);
   }
   
   .header-section {
       width: 100%;
       display: block;
   }
   
   .header-logo {
       padding: 0px 0px;
       margin: 0;
       text-align: center;
       width: auto;
   }
   
   .header-logo .header-brand img {
       height: 55px;
   }
   
   .header-logo .header-brand {
       padding: 10px 0;
       display: block;
   }
   
   .highlighter {
       background-color: #df0a0a;
       box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px #f1f1f1;
       color: #fff;
       text-shadow: 0 1px #9d0707;
       border-radius: 3px;
       font-size: 11px;
       line-height: 11px;
       margin-left: 7px;
       padding: 1px 4px;
       position: relative;
       top: -1px;
   }
   
   .wsmenuexpandermain {
       position: relative;
   }
   
   .overlapblackbg {
       left: 0;
       z-index: 100;
       width: 100%;
       height: 100%;
       position: fixed;
       top: 0;
       display: none;
       background-color: rgba(0, 0, 0, 0.45);
       cursor: pointer;
   }
   
   .overlapblackbg.menuopen {
       display: block;
   }
   
   .wsmenu {
       color: #fff;
       font-size: 13px;
       padding: 0px;
       width: 60%;
       float: right;
       -webkit-border-radius: 2px 2px 2px 2px;
       -moz-border-radius: 2px 2px 2px 2px;
       border-radius: 2px 2px 2px 2px;
   }
   
   .wsmenu-list {
       position: relative;
       text-align: left;
       margin: 0 auto 0 auto;
       width: 100%;
       display: table;
       padding: 0px;
   }
   
   .wsmenu-list>li {
       text-align: center;
       display: table-cell;
   }
   
   .wsmenu-list>li.other-menu-li {
       width: 180px;
   }
   /*.wsmenu-list li:first-child a{-webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px;}
.wsmenu-list li:last-child a{ -webkit-border-radius:2px 2px 2px 2px; -moz-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; border-right:0px solid; }*/
   
   .wsmenu-list>li>a .fa {
       display: inline-block;
       font-size: 14px;
       line-height: inherit;
       margin-right: 4px;
   }
   
   .wsmenu-list li ul li a .fa.fa-angle-double-right {
       font-size: 12px;
       margin: 0 3px 0 -4px;
   }
   
   .wsmenu-list li a .arrow:after {
       border-left: 4px solid rgba(0, 0, 0, 0);
       border-right: 4px solid rgba(0, 0, 0, 0);
       border-top: 4px solid #b3b3b3;
       content: "";
       float: right;
       height: 0;
       margin: 0 0 0 0px;
       position: relative;
       text-align: right;
       top: 28px;
       right: 3px;
       width: 0;
   }
   
   .wsmenu-list>li>a {
       display: block;
       background-color: #fff;
       color: #000000;
       font-size: 13px;
       font-weight: bold;
       padding: 8px 5px;
       line-height: 60px;
       text-decoration: none;
   }
   /*.white .wsmenu-list li a:hover .arrow:after{ border-top-color:#b3b3b3}
.white .wsmenu-list li a.active .arrow:after{ border-top-color:#b3b3b3}
.white .wsmenu-list li:hover>a .arrow:after{ border-top-color:#b3b3b3}
*/
   
   .wsmenu-list li a:hover .arrow:after {
       border-top-color: #b3b3b3
   }
   
   .wsmenu-list li a.active .arrow:after {
       border-top-color: #b3b3b3
   }
   
   .wsmenu-list li:hover>a .arrow:after {
       border-top-color: #b3b3b3
   }
   
   .megamenu iframe {
       width: 100%;
       margin-top: 10px;
       min-height: 200px;
   }
   
   .megamenu video {
       width: 100%;
       margin-top: 10px;
       min-height: 200px;
   }
   /*For megamenu desktop */
   
   .wsmenu-list li:hover .megamenu {
       opacity: 1;
   }
   
   .megamenu {
       width: 100%;
       left: 0px;
       position: absolute;
       top: 48px;
       color: #000;
       z-index: 1000;
       margin: 0px;
       text-align: left;
       padding: 14px;
       font-size: 15px;
       border: solid 1px #eeeeee;
       background-color: #fff;
       opacity: 0;
       -o-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
       -webkit-transform-origin: 0% 0%;
       -o-transition: -o-transform 0.3s, opacity 0.3s;
       -ms-transition: -ms-transform 0.3s, opacity 0.3s;
       -moz-transition: -moz-transform 0.3s, opacity 0.3s;
       -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   }
   
   .megamenu .title {
       border-bottom: 1px solid #CCC;
       font-size: 14px;
       padding: 9px 5px 9px 0px;
       font-size: 17px;
       color: #424242;
       margin-bottom: 7px;
       text-align: left;
       height: 39px;
   }
   
   .link-list li {
       display: block;
       text-align: center;
       white-space: nowrap;
       text-align: left;
   }
   
   .link-list li a {
       line-height: 18px;
       border-right: none;
       text-align: left;
       padding: 6px 0px;
       background: #fff !important;
       background-image: none !important;
       color: #666666 !important;
       border-right: 0 none !important;
       display: block;
       border-right: 1px solid #e7e7e7;
       background-color: #fff;
       color: #424242;
   }
   
   .link-list .fa {
       font-size: 11px;
   }
   
   .wsmenu-list .ad-style {
       width: 28%;
       float: right;
   }
   
   .wsmenu-list .ad-style a {
       border: none !important;
       padding: 0px !important;
       margin: 0px !important;
       line-height: normal !important;
       background-image: none !important;
   }
   
   .mobile-sub .megamenu .ad-style a:hover {
       background-color: transparent !important;
   }
   
   .wsmenu-list .megamenu li:hover>a {
       background: transparent !important;
   }
   
   .wsmenu-list .megamenu li a:hover {
       background: transparent !important;
       text-decoration: underline;
   }
   
   .wsmenu-list .megamenu li .fa {
       margin-right: 5px;
       text-align: center;
       width: 18px;
   }
   
   .mrgtop {
       margin-top: 15px;
   }
   
   .show-grid div {
       padding-bottom: 10px;
       padding-top: 10px;
       background-color: #dbdbdb;
       border: 1px solid #e7e7e7;
       color: #6a6a6a;
       margin: 2px 0px;
   }
   /*Form for desktop */
   
   .halfdiv {
       width: 35%;
       right: 0px !important;
       left: auto;
   }
   
   .menu_form {
       width: 100%;
       display: block;
   }
   
   .menu_form input[type="text"] {
       width: 100%;
       border: 1px solid #e2e2e2;
       -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
       border-radius: 4px;
       color: #000;
       font-size: 13px;
       padding: 8px 5px;
       margin-bottom: 8px;
   }
   
   .menu_form textarea {
       width: 100%;
       border: 1px solid #e2e2e2;
       border-radius: 5px;
       color: #000;
       font-size: 13px;
       padding: 8px 5px;
       margin-bottom: 8px;
       min-height: 122px;
   }
   
   .menu_form input[type="submit"] {
       width: 25%;
       display: block;
       height: 28px;
       float: right;
       border: solid 1px #ccc;
       margin-right: 15px;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   
   .menu_form input[type="button"] {
       width: 25%;
       display: block;
       height: 28px;
       float: right;
       border: solid 1px #ccc;
       -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
       border-radius: 2px;
   }
   
   .megamenu .left.carousel-control {
       padding-top: 20%;
   }
   
   .megamenu .right.carousel-control {
       padding-top: 20%;
   }
   
   .carousel-inner .item img {
       width: 100%;
   }
   
   .megamenu .carousel-caption {
       bottom: 0px;
       background-color: rgba(0, 0, 0, 0.7);
       font-size: 13px;
       height: 31px;
       left: 0;
       padding: 7px 0;
       right: 0;
       width: 100%;
   }
   /*Animation*/
   
   .wsmenu-list li>.wsmenu-submenu {
       transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -webkit-transform-style: preserve-3d;
       transform: rotateX(-90deg);
       -o-transform: rotateX(-90deg);
       -moz-transform: rotateX(-90deg);
       -webkit-transform: rotateX(-90deg);
   }
   
   .wsmenu-list li:hover>.wsmenu-submenu {
       transform: rotateX(0deg);
       -o-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
       -webkit-transform: rotateX(0deg);
       opacity: 1;
   }
   
   .wsmenu-submenu li>.wsmenu-submenu-sub {
       transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -webkit-transform-style: preserve-3d;
       transform: rotateX(-90deg);
       -o-transform: rotateX(-90deg);
       -moz-transform: rotateX(-90deg);
       -webkit-transform: rotateX(-90deg);
   }
   
   .wsmenu-submenu li:hover>.wsmenu-submenu-sub {
       transform: rotateX(0deg);
       -o-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
       -webkit-transform: rotateX(0deg);
       opacity: 1;
   }
   
   .wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
       transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -webkit-transform-style: preserve-3d;
       transform: rotateX(-90deg);
       -o-transform: rotateX(-90deg);
       -moz-transform: rotateX(-90deg);
       -webkit-transform: rotateX(-90deg);
   }
   
   .wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
       transform: rotateX(0deg);
       -o-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
       -webkit-transform: rotateX(0deg);
       opacity: 1;
   }
   
   .wsmenu-list li>.megamenu {
       transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -webkit-transform-style: preserve-3d;
       transform: rotateX(-90deg);
       -o-transform: rotateX(-90deg);
       -moz-transform: rotateX(-90deg);
       -webkit-transform: rotateX(-90deg);
   }
   
   .wsmenu-list li:hover>.megamenu {
       transform: rotateX(0deg);
       -o-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
       -webkit-transform: rotateX(0deg);
       opacity: 1;
   }
   /* Submenu CSS */
   
   .wsmenu-submenu {
       position: absolute;
       top: 76px;
       z-index: 1000;
       min-width: 190px;
       margin: 0px;
       padding: 2px;
       border: solid 1px #ecf9f4;
       background-color: #ecf9f4;
       opacity: 0;
       -o-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
       -webkit-transform-origin: 0% 0%;
       -o-transition: -o-transform 0.3s, opacity 0.3s;
       -ms-transition: -ms-transform 0.3s, opacity 0.3s;
       -moz-transition: -moz-transform 0.3s, opacity 0.3s;
       -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
   }
   
   .wsmenu-submenu li a {
       background: #fff;
       background-image: none !important;
       color: #000;
       border-right: 0 none;
       text-align: left;
       display: block;
       line-height: 22px;
       padding: 6px 20px 6px 12px;
       text-transform: none;
       font-size: 16px;
       letter-spacing: normal;
       border-right: 0px solid;
   }
   
   .wsmenu-submenu li {
       position: relative;
       margin: 0px;
       padding: 0px;
   }
   
   .wsmenuexpandermain {
       display: none;
   }
   
   .wsmenu-list li:hover .wsmenu-submenu {
       display: block;
   }
   
   .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
       min-width: 165px;
       position: absolute;
       left: 100%;
       top: 0;
       margin: 0px;
       padding: 0px;
       opacity: 0;
       -o-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
       -webkit-transform-origin: 0% 0%;
       -o-transition: -o-transform 0.4s, opacity 0.4s;
       -ms-transition: -ms-transform 0.4s, opacity 0.4s;
       -moz-transition: -moz-transform 0.4s, opacity 0.4s;
       -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
   }
   
   .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
       opacity: 1;
       list-style: none;
       padding: 2px;
       border: solid 1px #eeeeee;
       background-color: #fff;
   }
   
   .wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
       display: block;
   }
   
   .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
       min-width: 220px;
       position: absolute;
       left: 100%;
       top: 0;
       margin: 0px;
       padding: 0px;
       opacity: 0;
       -o-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
       -webkit-transform-origin: 0% 0%;
       -o-transition: -o-transform 0.4s, opacity 0.4s;
       -ms-transition: -ms-transform 0.4s, opacity 0.4s;
       -moz-transition: -moz-transform 0.4s, opacity 0.4s;
       -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
   }
   
   .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
       opacity: 1;
       list-style: none;
       padding: 4px;
       border: solid 1px #eeeeee;
       background-color: #fff;
   }
   
   .wsmenu-submenu li {
       position: relative;
       padding: 0px;
       margin: 0px;
       display: block;
   }
   
   .wsmenu-click {
       display: none;
   }
   /* Default Theme */
   
   .wsmenu-list li:hover>a {
       color: #757575;
       text-decoration: none;
   }
   
   .wsmenu-list>li>a:hover {
       text-decoration: none;
   }
   
   .wsmenu-list>li>a.active {
       text-decoration: none;
   }
   
   .wsmenu-submenu>li>a:hover {
       border-radius: 0px!important;
       text-decoration: none;
       text-decoration: none;
   }
   
   .typography-text {
       padding: 0px 0px;
       font-size: 15px;
   }
   
   .typography-text p {
       text-align: justify;
       line-height: 24px;
       color: #656565;
   }
   
   .typography-text ul li {
       display: block;
       padding: 2px 0px;
       line-height: 22px;
   }
   
   .typography-text ul li a {
       color: #656565;
   }
   
   .hometext {
       display: none;
   }
   
   .wsmenu-submenu .fa {
       margin-right: 7px;
   }
   /* header other menu */
   
   .wsmenu-list .other-menu {
       margin: 0;
       padding: 0;
   }
   
   .wsmenu-list .other-menu li.ask-for-demo {
       vertical-align: bottom;
       list-style: none;
       padding: 0 8px 0px 0px;
       display: inline-block;
   }
   
   .wsmenu-list .other-menu li.ask-for-demo a {
       color: #c12026;
       display: block;
       -moz-border-radius: 50px;
       border-radius: 50px;
       -webkit-border-radius: 50px;
       -khtml-border-radius: 50px;
       border: 1px solid #c12026;
       padding: 10px 15px;
       -webkit-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       -moz-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       -o-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
   }
   
   .wsmenu-list .other-menu li.ask-for-demo a:hover,
   .wsmenu-list .other-menu li.ask-for-demo a:focus,
   .wsmenu-list .other-menu li.ask-for-demo a:active {
       background: #c12026;
       color: #fff;
       text-decoration: none;
   }
   
   .wsmenu-list .other-menu li.language-btn {
       display: inline-block;
   }
   
   .dropdown-language .btn-default {
       -moz-border-radius: 100%;
       border-radius: 100%;
       -webkit-border-radius: 100%;
       -khtml-border-radius: 100%;
       border-color: #c12026;
       padding: 0;
       width: 40px;
       height: 40px;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       transition: all 0.5s ease;
   }
   
   .dropdown-language .btn-default img {
       vertical-align: top;
   }
   
   .dropdown-language .dropdown-menu {
       border-color: #eeeeee;
       top: 56px;
       -moz-border-radius: 0;
       border-radius: 0;
       -webkit-border-radius: 0;
       -khtml-border-radius: 0;
       padding: 4px;
       -webkit-box-shadow: none;
       box-shadow: none;
       transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
       -webkit-transform-style: preserve-3d;
       transform: rotateX(-90deg);
       -o-transform: rotateX(-90deg);
       -moz-transform: rotateX(-90deg);
       -webkit-transform: rotateX(-90deg);
       opacity: 0;
       -o-transform-origin: 0% 0%;
       -ms-transform-origin: 0% 0%;
       -moz-transform-origin: 0% 0%;
       -webkit-transform-origin: 0% 0%;
       -o-transition: -o-transform 0.3s, opacity 0.3s;
       -ms-transition: -ms-transform 0.3s, opacity 0.3s;
       -moz-transition: -moz-transform 0.3s, opacity 0.3s;
       -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
       display: block;
   }
   
   .dropdown-language.open .dropdown-menu {
       transform: rotateX(0deg);
       -o-transform: rotateX(0deg);
       -moz-transform: rotateX(0deg);
       -webkit-transform: rotateX(0deg);
       opacity: 1;
   }
   
   .dropdown-language .dropdown-menu>li>a {
       padding: 6px 12px;
   }
   
   .dropdown-language .dropdown-menu>li>a img {
       display: inline-block;
       padding-right: 5px;
   }
   
   .dropdown-language .btn-default:hover,
   .dropdown-language .btn-default:focus,
   .dropdown-language .btn-default:active,
   .dropdown-language.open .btn-default {
       background: #c12026;
       border-color: #c12026;
   }
   
   .dropdown-language .btn-default.active.focus,
   .dropdown-language .btn-default.active:focus,
   .dropdown-language .btn-default.active:hover,
   .dropdown-language .btn-default.focus:active,
   .dropdown-language .btn-default:active:focus,
   .dropdown-language .btn-default:active:hover,
   .dropdown-language.open>.dropdown-toggle.btn-default.focus,
   .dropdown-language.open>.dropdown-toggle.btn-default:focus,
   .dropdown-language.open>.dropdown-toggle.btn-default:hover {
       background: #c12026;
       border-color: #c12026;
   }
   
   .more-nav.wsmenu-submenu {
       max-width: 675px;
       padding: 0px;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu {
       margin: 0px;
       padding: 0px;
       float: left;
       border-bottom: 1px solid #C5C7DB;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu li {
       width: 50%;
       float: left;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu li .media .media-body h4 {
       font-size: 20px;
       color: #000;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu li .media .media-body p {
       font-size: 14px;
       color: #8290aa;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu.nav-sec {
       border-bottom: none;
       padding-bottom: 25px !important;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu.nav-sec .media .media-left,
   .more-nav.wsmenu-submenu .nav-sec .media .media-body {
       vertical-align: middle;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu.nav-sec .media .media-body h4 {
       margin-bottom: 0px;
       font-size: 16px;
   }
   
   .more-nav.wsmenu-submenu ul.product-menu.nav-sec .media .media-left img {
       height: 18px;
   }
   
   i.nav-icon {
       background-image: url(../../Image/Common/nav-icon.svg);
       background-repeat: no-repeat;
       display: inline-block;
       vertical-align: middle;
   }
   
   .Retail-icon {
       background-position: -4px -4px;
       width: 20px;
       height: 19px;
   }
   
   .B2B-icon {
       background-position: -4px -36px;
       width: 22px;
       height: 19px;
   }
   
   .business-icon {
       background-position: -3px -66px;
       width: 22px;
       height: 19px;
   }
   
   .Expense-icon {
       background-position: -3px -95px;
       width: 22px;
       height: 19px;
   }
   
   ul.product-menu.nav-sec li a:hover .Retail-icon {
       background-position: -45px -4px;
   }
   
   ul.product-menu.nav-sec li a:hover .B2B-icon {
       background-position: -45px -36px;
   }
   
   ul.product-menu.nav-sec li a:hover .business-icon {
       background-position: -44px -66px;
   }
   
   ul.product-menu.nav-sec li a:hover .Expense-icon {
       background-position: -44px -95px;
   }
   
   .wsmenu-submenu.big-menu.prod-menu {
       margin-left: -545px;
       left: 50%;
       padding: 0px;
   }
   
   .menu-ul {
       padding: 25px 25px 5px;
       border-bottom: 1px solid #C5C7DB;
       float: left;
       width: 100%;
   }
   
   .menu-ul li {
       width: 50%;
       float: left;
       min-height: 90px;
   }
   
   .menu-ul li a {
       padding: 0px;
       color: #000 !important;
   }
   
   .prod-menu .menu-ul li a:hover h4 {
       text-decoration: underline;
   }
   
   .menu-ul.sec-menu {
       border-bottom: none;
       padding-bottom: 25px;
   }
   
   .menu-ul.sec-menu li {
       min-height: auto;
   }
   
   .menu-ul li .media .media-body h4 {
       color: #000;
   }
   
   .menu-ul li .media .media-body p {
       color: #8290AA;
   }
   
   .wsmenu-list li:hover .menu-ul.sec-menu li:hover a {
       color: #000;
       opacity: 1 !important;
   }
   
   .menu-ul.sec-menu li a .media .media-body h4 {
       line-height: 28px;
       color: #000;
   }
   
   .menu-ul.sec-menu li a:hover .Retail-icon {
       background-position: -45px -4px;
   }
   
   .menu-ul.sec-menu li a:hover .B2B-icon {
       background-position: -45px -36px;
   }
   
   .menu-ul.sec-menu li a:hover .business-icon {
       background-position: -44px -66px;
   }
   
   .menu-ul.sec-menu li a:hover .Expense-icon {
       background-position: -44px -95px;
   }
   
   .menu-ul.first-menu li a .media .media-left i {
       width: 65px;
       height: 42px;
       display: inline-block;
   }
   
   .menu-ul.first-menu li a .media .media-left i img {
       width: 100%;
       height: 42px;
   }
   
   .menu-ul.first-menu li a .media .media-left i img.hei-con {
       height: 34px;
   }
   
   .wsmenu-submenu.big-menu {
       width: 675px;
       border: none;
       padding: 20px;
   }
   
   .wsmenu-submenu.big-menu:after {
       content: "";
       border-radius: 10px;
       filter: blur(0.7px);
       width: 675px;
       position: absolute;
       top: 0px;
       background: #fff;
       height: 100%;
       left: 0px;
       z-index: -1;
   }
   
   .wsmenu-submenu.big-menu:before {
       top: -25px;
       left: 50%;
       border: solid transparent;
       content: "";
       height: 0;
       width: 0;
       position: absolute;
       pointer-events: none;
       border-color: rgba(236, 249, 244, 0);
       border-bottom-color: #ECF9F4;
       border-width: 15px;
       margin-left: -105px;
   }
   
   .wsmenu-submenu.services-menu {
       margin-left: -454px;
       left: 50%;
   }
   
   .wsmenu-submenu.services-menu li {
       float: left;
       padding-right: 13px;
   }
   
   .wsmenu-submenu.services-menu li:last-child {
       padding-right: 0px;
   }
   
   .wsmenu-submenu.services-menu li a {
       background: transparent;
       padding: 0px;
       color: #000;
   }
   
   .wsmenu-submenu.services-menu li a .menu-box .menu-img {
       background-color: #000;
       border-radius: 10px;
       -moz-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       -o-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       position: relative;
       display: flex;
       justify-content: center;
       align-items: center;
   }
   
   .wsmenu-submenu.services-menu li a .menu-box .menu-img img {
       border-radius: 10px;
       object-fit: cover;
       height: 130px;
       -moz-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       -o-transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
       transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
   }
   
   .wsmenu-submenu.services-menu li a .menu-box .menu-img i {
       position: absolute;
       right: 0;
       left: 0;
       z-index: 9;
       color: #fff;
       font-size: 50px;
       vertical-align: middle;
       text-align: center;
       display: none;
   }
   
   .wsmenu-submenu.services-menu li a:hover .menu-box .menu-img img {
       opacity: 0.5;
   }
   
   .wsmenu-submenu.services-menu li a:hover .menu-box .menu-img i {
       display: block;
   }
   
   .transparent {
       background: transparent !important;
   }
   
   @media only screen and (min-width: 781px) {
       /*Daynamic arrow*/
       .wsmenu-list>.menu-arrow-1>a:after {
           -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: #c1c1c1 transparent transparent transparent;
           border-image: none;
           border-style: solid;
           border-width: 4px;
           top: 24px;
           content: "";
           margin-top: 0;
           position: absolute;
           right: 7px;
           z-index: 11111;
       }
       .wsmenu-list>li>.wsmenu-submenu>.menu-arrow-2>a:after {
           -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: transparent transparent transparent #c1c1c1;
           border-image: none;
           border-style: solid;
           border-width: 4px;
           top: 13px;
           content: "";
           margin-top: 0;
           position: absolute;
           right: 0;
           z-index: 11111;
       }
       .wsmenu-list>li>.arrowleft>.menu-arrow-2>a:after {
           -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: transparent #c1c1c1 transparent transparent;
           border-image: none;
           border-style: solid;
           border-width: 4px;
           top: 14px;
           content: "";
           margin-top: 0;
           position: absolute;
           right: auto !important;
           left: 10px !important;
           z-index: 11111;
           float: left;
       }
       .arrowleft li a {
           text-align: center;
       }
       .wsmenu-list>li>.wsmenu-submenu li>.wsmenu-submenu-sub>.menu-arrow-2>a:after {
           -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: transparent transparent transparent #c1c1c1;
           border-image: none;
           border-style: solid;
           border-width: 4px;
           top: 14px;
           content: "";
           margin-top: 0;
           position: absolute;
           right: 8px;
           z-index: 11111;
       }
       .wsmenu-list>li>.arrowleft li>.wsmenu-submenu-sub>.menu-arrow-2>a:after {
           -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: transparent #c1c1c1 transparent transparent;
           border-image: none;
           border-style: solid;
           border-width: 4px;
           top: 13px;
           content: "";
           margin-top: 0;
           position: absolute;
           right: auto !important;
           left: 5px !important;
           z-index: 11111;
       }
       .wsmenu-list>li>.arrowleftright>.menu-arrow-2>a:after {
           -moz-border-bottom-colors: none;
           -moz-border-left-colors: none;
           -moz-border-right-colors: none;
           -moz-border-top-colors: none;
           border-color: transparent #c1c1c1 transparent transparent;
           border-image: none;
           border-style: solid;
           border-width: 4px;
           top: 14px;
           content: "";
           margin-top: 0;
           position: absolute;
           right: auto !important;
           left: 10px !important;
           z-index: 11111;
           float: left;
       }
       .arrowleftright li a {
           text-align: center;
       }
   }
   
   @media only screen and (min-width:780px) and (max-width:1023px) {
       .wsmenu-list>li>a>.fa {
           display: none;
       }
       .hometext {
           display: block
       }
       .wsmenu {
           font-size: 13px;
       }
       .wsmenu-list li a {
           white-space: nowrap;
           padding-left: 4px;
           padding-right: 4px;
       }
   }
   
   @media only screen and (min-width: 781px) and (max-width:1200px) {
       .wsmenu-list li a .arrow:after {
           display: none !important;
       }
   }
   /*------------------------------------ Mobile CSS ---------------------------------------------*/
   
   @media only screen and (max-width: 992px) {
       body {
           margin-top: 55px;
       }
       .wsmenu-list .other-menu li.ask-for-demo {
           display: block;
           padding: 0;
       }
       .wsmenu-list .other-menu li.ask-for-demo a {
           border: 1px solid #dedede;
           -moz-border-radius: 0;
           border-radius: 0;
           -webkit-border-radius: 0;
           -khtml-border-radius: 0;
           margin-top: -1px;
       }
       .wsmenu-list .other-menu li.language-btn {
           display: block;
       }
       .dropdown-language .btn-default {
           width: 100%;
           height: 40px;
           -moz-border-radius: 0;
           border-radius: 0;
           -webkit-border-radius: 0;
           -khtml-border-radius: 0;
           margin-top: -1px;
       }
       .dropdown-language .dropdown-menu {
           top: 100%;
           width: 100%;
           margin: 0;
       }
       .dropdown-language.open .dropdown-menu {
           padding: 0;
       }
       .header-logo .header-brand {
           padding: 5px 0;
       }
       .header-logo .header-brand img {
           width: 180px;
       }
       .header-section .container {
           width: 100%;
       }
       .wsmenu-list>li:hover>a {
           background-color: rgba(0, 0, 0, 0.08) !important;
           text-decoration: none;
       }
       .hometext {
           display: inline-block !important;
       }
       /* Default Theme */
       .wsmenu-submenu>li:hover>a {
           background-color: #7b7b7b;
           color: #666666;
       }
       .wsmenu>.wsmenu-list>li>a.active {
           color: #000000;
           background-color: rgba(0, 0, 0, 0.08);
       }
       .wsmenu>.wsmenu-list>li>a:hover {
           color: #000000;
           background-color: rgba(0, 0, 0, 0.08);
       }
       .wsmenu-list li:hover .wsmenu-submenu {
           display: none;
       }
       .wsmenu-list li:hover .wsmenu-submenu .wsmenu-submenu-sub {
           display: none;
       }
       .wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
           display: none;
           list-style: none;
           padding: 4px;
           border: solid 1px #eeeeee;
           background-color: #fff;
       }
       .wsmenu-list li:first-child a {
           -webkit-border-radius: 0px 0px 0px 0px;
           -moz-border-radius: 0px 0px 0px 0px;
           border-radius: 0px 0px 0px 0px;
       }
       .wsmenu-list li:last-child a {
           -webkit-border-radius: 0px 4px 0px 0px;
           -moz-border-radius: 0px 0px 0px 0px;
           border-radius: 0px 0px 0px 0px;
           border-right: 0px solid;
       }
       .innerpnd {
           padding: 0px !important;
       }
       .typography-text {
           padding: 10px 0px;
       }
       .wsmenucontainer {
           overflow: hidden;
           -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
           -ms-backface-visibility: hidden;
           -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
       }
       .wsmenucontainer.mrginleft {
           overflow: inherit;
           -webkit-backface-visibility: inherit;
           -moz-backface-visibility: inherit;
           -ms-backface-visibility: inherit;
       }
       .wsmenuexpandermain {
           display: block !important;
           z-index: 101;
           top: 0;
           right: 0;
           left: 0;
       }
       /* Mobile click to drop arrow */
       .wsmenu-click {
           height: 43px;
           position: absolute;
           top: 0;
           right: 0;
           display: block;
           cursor: pointer;
           width: 100%;
       }
       .wsmenu-click i {
           display: block;
           height: 23px;
           width: 25px;
           margin-top: 11px;
           margin-right: 8px;
           background-size: 25px;
           font-size: 21px;
           color: rgba(0, 0, 0, 0.25);
           float: right;
       }
       .wsmenu-click02 {
           height: 43px;
           position: absolute;
           top: 0;
           right: 0;
           display: block;
           cursor: pointer;
           width: 100%;
       }
       .wsmenu-click02 i {
           display: block;
           height: 23px;
           width: 25px;
           margin-top: 11px;
           margin-right: 8px;
           background-size: 25px;
           font-size: 21px;
           color: rgba(0, 0, 0, 0.25);
           float: right;
       }
       .ws-activearrow>i {
           transform: rotate(180deg);
       }
       .wsmenu-rotate {
           -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
           -ms-transform: rotate(180deg);
           -o-transform: rotate(180deg);
           transform: rotate(180deg);
       }
       /*2nd UL Style*/
       .wsmenu-submenu-sub {
           width: 100% !important;
           position: static !important;
           left: 100% !important;
           top: 0 !important;
           display: none;
           margin: 0px !important;
           padding: 0px !important;
           border: solid 0px !important;
           transform: none !important;
           opacity: 1 !important;
       }
       .wsmenu-submenu-sub li {
           margin: 0px 0px 0px 0px !important;
           padding: 0px;
           position: relative;
       }
       .wsmenu-submenu-sub a {
           display: block;
           padding: 10px 25px 10px 25px;
           border-bottom: solid 1px #ccc;
           font-weight: normal;
       }
       .wsmenu-submenu-sub li a.active {
           color: #000 !important;
       }
       .wsmenu-submenu-sub li:hover>a {
           background-color: #333333 !important;
           color: #fff;
       }
       .wsmenu-list>li>a .fa {
           margin-right: 6px;
       }
       .wsmenu-submenu-sub-sub {
           width: 100% !important;
           position: static !important;
           left: 100% !important;
           top: 0 !important;
           display: none;
           margin: 0px !important;
           padding: 0px !important;
           border: solid 0px !important;
           transform: none !important;
           opacity: 1 !important;
       }
       .wsmenu-submenu-sub-sub li {
           margin: 0px 0px 0px 0px !important;
       }
       .wsmenu-submenu-sub-sub a {
           display: block;
           color: #000;
           padding: 10px 25px;
           background: #000 !important;
           border-bottom: solid 1px #ccc;
           font-weight: normal;
       }
       .wsmenu-submenu-sub-sub li a.active {
           color: #000 !important;
       }
       .wsmenu-submenu-sub-sub li:hover>a {
           background-color: #606060 !important;
           color: #fff;
       }
       .wsmenu {
           position: relative;
       }
       .wsmenu .wsmenu-list {
           height: 100%;
           overflow-y: auto;
           display: block !important;
       }
       .wsmenu .wsmenu-list>li {
           width: 240px;
           display: block;
           float: none;
           border-right: none;
           background-color: transparent;
           position: relative;
           white-space: inherit;
       }
       .wsmenu>.wsmenu-list>li>a {
           padding: 9px 32px 9px 17px;
           font-size: 14px;
           text-align: left;
           border-right: solid 0px;
           background-color: transparent;
           color: #000000;
           line-height: 25px;
           border-bottom: 1px solid;
           border-bottom-color: rgba(0, 0, 0, 0.13);
       }
       .wsmenu>.wsmenu-list>li>a>.fa {
           font-size: 16px;
           color: #bfbfbf;
       }
       .wsmenu .wsmenu-list li a .arrow:after {
           display: none !important;
       }
       .wsmenu .wsmenu-list li ul li a .fa.fa-caret-right {
           font-size: 12px !important;
           color: #8E8E8E;
       }
       .mobile-sub .wsmenu-submenu {
           transform: none !important;
           opacity: 1 !important;
           display: none;
           position: relative !important;
           top: 0px;
           background-color: #fff;
           border: solid 1px #ccc;
           padding: 0px;
       }
       .mobile-sub .wsmenu-submenu li a {
           line-height: 20px;
           height: 36x;
           background-color: #e7e7e7 !important;
           font-size: 16px !important;
           padding: 8px 0px 8px 18px;
           color: #8E8E8E;
       }
       .mobile-sub .wsmenu-submenu li a:hover {
           background-color: #e7e7e7 !important;
           color: #666666;
           text-decoration: underline;
       }
       .mobile-sub .wsmenu-submenu li:hover>a {
           background-color: #e7e7e7 !important;
           color: #666666;
       }
       .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li a {
           line-height: 20px;
           height: 36x;
           background-color: #e7e7e7 !important;
           border-bottom: none;
           padding-left: 28px;
       }
       .mobile-sub .wsmenu-submenu li .wsmenu-submenu-sub li .wsmenu-submenu-sub-sub li a {
           line-height: 20px;
           height: 36x;
           background-color: #e7e7e7 !important;
           border-bottom: none !important;
           padding-left: 38px;
           color: #8e8e8e;
       }
       .mrginleft {
           margin-right: 240px;
           -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
       }
       .wsmenu-list .megamenu {
           background-color: #e7e7e7;
           color: #666666;
           display: none;
           position: relative !important;
           top: 0px;
           padding: 0px;
           border: solid 0px;
           transform: none !important;
           opacity: 1 !important;
       }
       .wsmenu-list li:hover .megamenu {
           display: none;
           position: relative !important;
           top: 0px;
       }
       .megamenu .title {
           color: #666666;
           font-size: 15px !important;
           padding: 10px 8px 10px 0px;
       }
       .halfdiv .title {
           padding-left: 15px;
       }
       .megamenu>ul {
           width: 100% !important;
           margin: 0px;
           padding: 0px;
           font-size: 13px !important;
       }
       .megamenu>ul>li>a {
           padding: 9px 14px !important;
           line-height: normal !important;
           font-size: 13px !important;
           background-color: #e7e7e7 !important;
           color: #666666;
       }
       .megamenu>ul>li>a:hover {
           background-color: #000000 !important;
       }
       .ad-style {
           width: 100% !important;
       }
       .megamenu ul li.title {
           line-height: 26px;
           color: #666666;
           margin: 0px;
           font-size: 15px;
           padding: 7px 13px !important;
           border-bottom: 1px solid #ccc;
           background-color: transparent !important;
       }
       .halfdiv {
           width: 100%;
           display: block;
       }
       .menu_form {
           padding: 10px 10px 63px 10px;
           background-color: #e7e7e7;
       }
       .menu_form input[type="button"] {
           width: 46%;
       }
       .menu_form input[type="submit"] {
           width: 46%;
       }
       .menu_form textarea {
           min-height: 100px;
       }
       .wsmenu {
           width: 240px;
           right: -240px;
           height: 100%;
           position: fixed;
           top: 0;
           margin: 0;
           background-color: #fff;
           border-radius: 0px;
           z-index: 103;
           -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
           border: none !important;
           background-color: #fff !important;
       }
       /*Nav Expanding Open Effect*/
       .wsmenu.menuopen {
           right: 0px;
           -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
       }
       .wsmenu.menuclose {
           -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
       }
       .wsmenucontent {
           z-index: 1;
       }
       /* Navigation arrow Animation */
       .animated-arrow {
           position: absolute;
           right: 0;
           top: 0;
           z-index: 102;
           -webkit-transition: all 0.4s ease-in-out;
           -moz-transition: all 0.4s ease-in-out;
           -o-transition: all 0.4s ease-in-out;
           -ms-transition: all 0.4s ease-in-out;
           transition: all 0.4s ease-in-out;
       }
       .animated-arrow {
           cursor: pointer;
           padding: 28px 35px 27px 12px;
           background: #bc1f25;
       }
       .animated-arrow span,
       .animated-arrow span:before,
       .animated-arrow span:after {
           cursor: pointer;
           height: 2px;
           width: 23px;
           background: #ffffff;
           position: absolute;
           display: block;
           content: '';
       }
       .animated-arrow.menuopen {
           padding: 20px 35px 35px 12px;
       }
       .animated-arrow span:before {
           top: -7px;
       }
       .animated-arrow span:after {
           bottom: -7px;
       }
       .animated-arrow span,
       .animated-arrow span:before,
       .animated-arrow span:after {
           transition: all 500ms ease-in-out;
       }
       .animated-arrow.menuopen span {
           background-color: transparent;
       }
       .animated-arrow.menuopen span:before,
       .animated-arrow.active span:after {
           top: 7px;
       }
       .animated-arrow.menuopen span:before {
           transform: rotate(45deg);
           -moz-transform: rotate(45deg);
           -ms-transform: rotate(45deg);
           -o-transform: rotate(45deg);
           -webkit-transform: rotate(45deg);
           bottom: 0px;
       }
       .animated-arrow.menuopen span:after {
           transform: rotate(-45deg);
           -moz-transform: rotate(-45deg);
           -ms-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
           -webkit-transform: rotate(-45deg);
       }
       .wsmenu-submenu.big-menu {
           width: auto;
       }
       .wsmenu-submenu.big-menu.prod-menu {
           margin-left: auto;
           left: auto;
       }
       .menu-ul {
           padding: 0px;
           float: none;
       }
       .menu-ul li {
           width: 100%;
           float: none;
           min-height: auto;
       }
       .menu-ul li a {
           padding: 5px !important;
           height: auto;
       }
       .wsmenu-submenu.big-menu:before {
           display: none;
       }
       .wsmenu-submenu.big-menu .media-body {
           white-space: initial;
           width: 100%;
       }
       .menu-ul.sec-menu {
           padding-bottom: 0px;
       }
       .wsmenu-submenu.services-menu {
           margin-left: 0px;
           left: auto;
       }
       .wsmenu-submenu.services-menu li a .menu-box .menu-img {
           display: none;
       }
       .wsmenu-submenu.services-menu li {
           float: none;
           padding-right: 0px;
       }
       .wsmenu-submenu.services-menu li a br {
           display: none;
       }
   }
   /* @media only screen and (min-width: 320px) {
   .more-nav.wsmenu-submenu{max-width: 100%;padding: 0px;}
   .more-nav.wsmenu-submenu ul.product-menu li{width: 100%;float: none;}
   .more-nav.wsmenu-submenu ul.product-menu li a{padding: 8px 0px 8px 5px;}
   .more-nav.wsmenu-submenu ul.product-menu li .media .media-body h4{font-size: 16px;}
   } */
   /* common css*/
   
   .text-center {
       text-align: center;
   }
   
   .font-book {
       font-family: 'camptonbook', Helvetica, Arial, sans-serif;
   }
   
   .font12 {
       font-size: 12px;
   }
   
   .font14 {
       font-size: 14px;
   }
   
   .font16 {
       font-size: 16px;
   }
   
   .font18 {
       font-size: 18px;
   }
   
   .font20 {
       font-size: 20px;
   }
   
   .font22 {
       font-size: 22px;
   }
   
   .font32 {
       font-size: 32px;
   }
   
   .font36 {
       font-size: 36px;
   }
   
   .font40 {
       font-size: 40px;
   }
   
   .font48 {
       font-size: 48px;
   }
   
   .font60 {
       font-size: 60px;
   }
   
   .font-w-600 {
       font-weight: 600;
   }
   
   .ops-7 {
       opacity: 0.7;
   }
   
   a.color-red {
       color: #c12026 !important;
   }
   
   .color-white {
       color: #fff !important;
   }
   
   .color-white-70 {
       color: rgb(255 255 255 / 70%) !important;
   }
   
   .ml-0 {
       margin-left: 0px;
   }
   
   .mr-0 {
       margin-right: 0px;
   }
   
   .mt-0 {
       margin-top: 0px;
   }
   
   .mb-0 {
       margin-bottom: 0px;
   }
   
   .my-0 {
       margin-top: 0px;
       margin-bottom: 0px;
   }
   
   .mx-0 {
       margin-top: 0px;
       margin-bottom: 0px;
   }
   
   .mb-30 {
       margin-bottom: 30px;
   }
   
   .pl-10 {
       padding-left: 10px;
   }
   
   .pr-10 {
       padding-right: 10px;
   }
   
   .px-10 {
       padding-left: 10px;
       padding-right: 10px;
   }
   
   .pt-60 {
       padding-top: 60px;
   }
   
   .heading {
       font-size: 20px;
       font-weight: bold;
       padding-left: 10px;
   }