:root {
  --blue: #008FD3;
  --gold: #F0AB00;
  --font-800: 'BentonSansBlack';
  --font-700: 'BentonSansBold';
  --font-book: 'BentonSansBook';
  --font-500: 'BentonSansMedium';
  --font-400: 'BentonSansRegular';
}
/***************************************************************/
@font-face {
    font-family: 'BentonSansBlack';
    src: url('../fonts/BentonSansBlack.eot');
    src: url('../fonts/BentonSansBlack.eot') format('embedded-opentype'),
         url('../fonts/BentonSansBlack.woff2') format('woff2'),
         url('../fonts/BentonSansBlack.woff') format('woff'),
         url('../fonts/BentonSansBlack.ttf') format('truetype'),
         url('../fonts/BentonSansBlack.svg#BentonSansBlack') format('svg');
}

@font-face {
    font-family: 'BentonSansBold';
    src: url('../fonts/BentonSansBold.eot');
    src: url('../fonts/BentonSansBold.eot') format('embedded-opentype'),
         url('../fonts/BentonSansBold.woff2') format('woff2'),
         url('../fonts/BentonSansBold.woff') format('woff'),
         url('../fonts/BentonSansBold.ttf') format('truetype'),
         url('../fonts/BentonSansBold.svg#BentonSansBold') format('svg');
}

@font-face {
    font-family: 'BentonSansBook';
    src: url('../fonts/BentonSansBook.eot');
    src: url('../fonts/BentonSansBook.eot') format('embedded-opentype'),
         url('../fonts/BentonSansBook.woff2') format('woff2'),
         url('../fonts/BentonSansBook.woff') format('woff'),
         url('../fonts/BentonSansBook.ttf') format('truetype'),
         url('../fonts/BentonSansBook.svg#BentonSansBook') format('svg');
}

@font-face {
    font-family: 'BentonSansMedium';
    src: url('../fonts/BentonSansMedium.eot');
    src: url('../fonts/BentonSansMedium.eot') format('embedded-opentype'),
         url('../fonts/BentonSansMedium.woff2') format('woff2'),
         url('../fonts/BentonSansMedium.woff') format('woff'),
         url('../fonts/BentonSansMedium.ttf') format('truetype'),
         url('../fonts/BentonSansMedium.svg#BentonSansMedium') format('svg');
}

@font-face {
    font-family: 'BentonSansRegular';
    src: url('../fonts/BentonSansRegular.eot');
    src: url('../fonts/BentonSansRegular.eot') format('embedded-opentype'),
         url('../fonts/BentonSansRegular.woff2') format('woff2'),
         url('../fonts/BentonSansRegular.woff') format('woff'),
         url('../fonts/BentonSansRegular.ttf') format('truetype'),
         url('../fonts/BentonSansRegular.svg#BentonSansRegular') format('svg');
}

/***************************************************************/

/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0 }
a { text-decoration: none; border: 0; outline: 0; }
ul {list-style: none;}
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }
/* =================reset css ends here================= */
/* =================core css starts here================= */
body { font-size: 16px; line-height: 24px; font-weight: 400; font-family: var(--font-400); color: #000; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.container { width: calc(100% - 134px); max-width: 1400px; }
.container.container1 { max-width: 1118px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color: var(--gold); text-decoration: none; }
a:active { outline: none; text-decoration: none; }
a:focus { outline: none; outline-offset: 0px; text-decoration: none; color: inherit; }
.btn:focus { box-shadow: none; outline: none; }
::-webkit-input-placeholder { color: #000; opacity: 0.5; }
::-moz-placeholder { color: #000; opacity: 0.5; }
:-moz-placeholder { color: #000; opacity: 0.5; }
:-ms-input-placeholder { color: #000; opacity: 0.5; }
.os-animation { opacity: 0; }
.os-animation.animated { opacity: 1; }
img { max-width: 100%; border: 0; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 24px; line-height: 1.2; font-family: var(--font-700); color: inherit; }
h1 { font-size: 50px; }
h2 { font-size: 40px; }
h3 { font-size: 30px; }
h4 { font-size: 27px; }
h5 { font-size: 24px; }
h6 { font-size: 21px; }
p { margin: 0px; padding: 0px; margin-bottom: 24px; }
strong { font-weight: 700; }
b { font-weight: 400; }
p:last-child { margin-bottom: 0; }
.btn {border-radius: 0px;font-family: var(--font-400);padding: 10px 15px;min-width: 154px;font-size: 22px;line-height: 26px;box-shadow: none;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;}
.btn-default, .btn-default:focus { color: #fff; background-color: var(--blue); border: solid 2px var(--blue); }
.btn-default:hover, .btn-default:active { color: #fff; background-color: var(--gold); border-color: var(--gold); }
.btn.btn-block { min-width: 100%; }
.btn+.btn { margin-left: 25px; }
ul:not([class]) { list-style: none; margin-bottom: 15px; text-align: left; line-height: 22px; }
ul:not([class]) > li { padding-left: 16px; position: relative; margin-bottom: 14px; }
ul:not([class]) > li:last-child { margin-bottom: 0; }
ul:not([class]) > li:before { content: ''; position: absolute; left: 2px; top: 10px; background: #000; height: 5px; width: 5px; border-radius: 50%; }
.content-outer { min-height: calc(100vh - 170px); display: flex; flex-flow: column; }
/* =================core css ends here================= */
/* ================= Header Start ================= */
.header { color: #fff; background: transparent; height: 130px; padding: 0; z-index: 99; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; display: flex; align-items: center; position: relative; border-bottom: 7px solid #fff; }
.home .header { border-color: transparent; }
.home .header::before { display: none; }
.header::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(0deg, rgb(36 36 36 / 50%), transparent); }
.header.with-border { border-bottom: 7px solid var(--gold); }
.logo { width: 92px; margin-top: 7px; position: relative; }
.logo img { width: 100%; height: auto; object-fit: contain; }
.header-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;background: #333; }
.header-bg img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0; transition: all .3s ease-in;}

.header-bg.custom-header-bg img{opacity: 0; visibility: hidden;}
body.question1 .header-bg.custom-header-bg img:nth-child(1), .header-bg.custom-header-bg img:nth-child(1){opacity: 1; visibility: visible;}
body.question2 .header-bg.custom-header-bg img:nth-child(2){opacity: 1; visibility: visible;}
body.question3 .header-bg.custom-header-bg img:nth-child(3){opacity: 1; visibility: visible;}
body.question4 .header-bg.custom-header-bg img:nth-child(4){opacity: 1; visibility: visible;}
body.question5 .header-bg.custom-header-bg img:nth-child(5){opacity: 1; visibility: visible;}
body.question6 .header-bg.custom-header-bg img:nth-child(6){opacity: 1; visibility: visible;}
body.question7 .header-bg.custom-header-bg img:nth-child(7){opacity: 1; visibility: visible;}

/* ================= Header End ================= */

/* ================= Content Start ================= */
.hero-container {height: calc(100vh - 40px);background-size: cover;position: relative;padding-top: 146px;min-height: 600px;margin-top: -130px;background-position: bottom;}
.hero-container::before { content: ''; position: absolute; width: 100%; height: 100%; background: rgb(36 36 36 / 69%); top: 0; left: 0; }
.hero-heading { position: relative; z-index: 99; margin-bottom: 66px; }
.hero-heading h1 { font-size: 50px;/* font-family: var(--font-500); */ line-height: 55px; color: #fff; letter-spacing: .8px;margin-bottom: 0; }
.hero-heading h1 span { color: var(--gold); }
.hero-text-list { position: relative; color: #fff; margin-left: -25px; max-width: 980px; width: 100%; }
.hero-text-item { padding: 0 25px; width: 50%; position: relative; }
.hero-text-box { border: 1px solid #fff; background-color: rgba(0, 0, 0, .45); position: relative; font-family: var(--font-book); transition: all .3s ease-in; height: 174px; padding: 32px; font-size: 16px; line-height: 26px; }
.hero-text-inner { position: absolute; padding: 33px 30px 30px; height: 100%; display: flex; flex-flow: column; justify-content: center; padding-left: 156px; top: 0; left: 0; }
.hero-content-icon { position: absolute; left: 33px; top: 50%; transform: translateY(-50%); width: 96px;}
.hero-text-box h4 {font-size: 21px;line-height: 27px;margin-bottom: 0;letter-spacing: .3px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;font-family: var(--font-book);}
.hero-text-box:hover .hero-text-inner { opacity: 0; visibility: hidden; }
.hero-text-box p { opacity: 0; visibility: hidden; }
.hero-text-box:hover { height: auto; border: 1px solid var(--gold); }
.hero-text-box:hover p { visibility: visible; opacity: 1; }
.hero-get-start {position: fixed;transform-origin: right bottom;right: 0;top: 30%;transform: translateY(-50%) rotate(-90deg);z-index: 99;}

/* ================= Content End ================= */

/* ================= Result Start ================= */
.content-container.result-container {padding: 24px 0;position: relative;}
.content-container.result-container::before { content: ''; position: absolute; right: 0; top: -124px; width: 419PX; height: 410px; background-image: url(../images/result-overlay.svg); background-size: cover; z-index: -1;}
.result-heading {margin-bottom: 60px;text-align: left;}
.result-heading h1 {font-size: 50px;line-height: 54px;margin-bottom: 0px;font-family: var(--font-500);}
.result-heading h2 {font-size: 40px;line-height: 44px;color: #8E8E8E;margin-bottom: 0;font-family: var(--font-book);letter-spacing: -.02px;}
.result-text-block {font-size: 22px;line-height: 29px;font-family: var(--font-book);letter-spacing: .1px;margin-top: 50px;text-align: left;}
.result-text-block h4 {font-size: 30px;color: var(--gold);font-family: var(--font-500);line-height: 33px;margin-bottom: 10px;letter-spacing: normal;}
.result-perform { font-size: 10px; font-family: var(--font-500); }
/* ================= Result End ================= */


/* ================= Result Start ================= */
.trading-partner-list { width: calc(100% + 14px); margin-left: -7px; }
.trading-partner-item {width: 33.33%;padding: 0 7px;margin-bottom: 10px;padding-bottom: 40px;}
.trading-partner-box { padding: 15px 17px; padding-bottom: 44px; font-size: 24px; line-height: 34px; font-family: var(--font-500); position: relative; height: 100%; border: 1px solid var(--blue); }
.trading-partner-box h5 { margin-bottom: 2px; line-height: 33px; letter-spacing: .4px; }
.trading-partner-link-list li a {color: var(--blue);text-decoration: underline;}
.trading-partner-link-list li a:hover { text-decoration: none; }
.trading-partner-icon { width: 100px;height: 100px; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); background: #fff; }
.trading-partner-icon img { width: auto; height: 100%; }
.btn.see-sap { position: absolute; left: 50%; transform: translateX(-50%); bottom: -24px; }
/* ================= Result End ================= */

/* ================= Question Start ================= */
.content-container.question-container { padding: 84px 0 24px; position: relative; overflow-x: hidden; }
.question-container ul:not([class]) > li:before { display: none; }
.question-heading { margin-bottom: 20px; }
.question-heading h3 { font-size: 26px; line-height: 30px; margin-bottom: 0; }
.answer-list {width: calc(100% + 30px);margin-left: -15px;position: relative;z-index: 999;}
.answer-list .form-group { width: 25%; padding: 0 15px; padding-bottom: 36px; }
.form-group textarea { height: 193px; padding: 18px; font-size: 20px; font-family: var(--font-book); resize: none; border-radius: 0; border: 1px solid #707070; }
.form-group textarea:focus { box-shadow: none; border-color: #707070; }
.form-check { padding: 0; margin: 0; height: 100%; }
.form-check-label {font-size: 20px;line-height: 29px;font-family: var(--font-book);position: relative;padding: 16px;border: 1px solid #8E8E8E;padding-bottom: 35px;height: 100%;min-height: 258px;}
.form-check-label-icon { width: 90px; height: 90px; position: absolute; bottom: -45px; filter: grayscale(1); transition: all .3s ease-in; left: 50%; transform: translateX(-50%); padding: 8px; display: flex; flex-flow: column; align-items: center; justify-content: center; }
.form-check-label-icon::before { width: 100%; content: ''; position: absolute; top: 50%; transform: translateY(-50%); background: #fff; height: 15px; z-index: -1; }
.form-check-label-icon img { width: 100%; height: 100%; object-fit: contain; opacity: 0.5; }
.form-check input[type="checkbox"].form-check-input { display: none !important; }
.form-check input[type="checkbox"]+.form-check-label { cursor: pointer; }
.form-check input[type="checkbox"].form-check-input:checked+.form-check-label { border-color: var(--gold);border: 3px solid #f0ab00; background: rgb(239,239,239);
background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);}
.form-check input[type="checkbox"].form-check-input + .form-check-label:hover { border-color: var(--gold); }
.form-check input[type="checkbox"].form-check-input:checked + .form-check-label .form-check-label-icon { filter: none; }
.form-check input[type="checkbox"].form-check-input:checked + .form-check-label .form-check-label-icon img{ opacity: 1; }
.form-check input[type="checkbox"].form-check-input + .form-check-label:hover .form-check-label-icon { filter: none; }
.form-check input[type="checkbox"].form-check-input + .form-check-label:hover .form-check-label-icon img{ opacity: 1; }
.form-check input[type="radio"].form-check-input { display: none; }
.form-check input[type="radio"]+.form-check-label { cursor: pointer; }
.form-check input[type="radio"].form-check-input:checked+.form-check-label { border-color: var(--gold);border: 3px solid #f0ab00;background: rgb(239,239,239);
background: linear-gradient(180deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); }
.form-check input[type="radio"].form-check-input + .form-check-label:hover { border-color: var(--gold); }
.form-check input[type="radio"].form-check-input:checked + .form-check-label .form-check-label-icon { filter: none; }
.form-check input[type="radio"].form-check-input + .form-check-label:hover .form-check-label-icon { filter: none; }

.question-bottom {max-width: 1000px;margin: 0 auto;display: flex;flex-wrap: wrap;align-items: start;margin-top: 36px;letter-spacing: -.2px;}
.question-bottom h3 { font-size: 26px; font-family: var(--font-700); text-transform: uppercase; line-height: 30px; width: 245px; text-align: right; padding-right: 18px; position: relative; margin-bottom: 0; padding-top: 5px; letter-spacing: .2px; color: var(--gold);}
.question-bottom p { width: calc(100% - 245px); padding-left: 17px; font-size: 20px; font-family: var(--font-book); }
.question-bottom h3::before { content: ''; position: absolute; height: 100%; width: 2px; background: #707070; right: 0; top: 3px; }
/* ================= Question End ================= */

.next-qus{width: 100%;display: flex;text-align: left;justify-content: flex-end;}
.nqus{width: 53px; line-height: 1.2;font-size: 12px;margin-bottom: 2px;}

.wizard .content, .tabcontrol .content { position: relative; z-index: 999; }
.wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; }
.wizard a, .tabcontrol a { outline: 0; }
.wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; width: calc(100% + 10px); margin-left: -5px; }
.wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; }
.wizard > .steps .current-info, .tabcontrol > .steps .current-info { position: absolute; left: -999em; }
.wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; }
.wizard > .steps { position: absolute; left: 0; display: block; width: 100%; top: 0; }
.wizard.vertical > .steps { display: inline; float: left; width: 30%; }
.wizard > .steps .number { display: none; }
.wizard > .steps > ul > li {width: 16.666%;padding: 0 5px;margin-bottom: 0 !important;}
.wizard > .steps > ul > li, .wizard > .actions > ul > li { float: left; }
.wizard.vertical > .steps > ul > li { float: none; width: 100%; }
.wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active { -moz-border-radius: 5px; }
.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active {background: #EBEBEB;color: #fff;cursor: default;}
.wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {background: var(--gold);color: #fff;cursor: default;text-align: center;font-size: 18px;font-family: var(--font-700);}
.wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active {background: var(--gold);color: #fff;}
.wizard > .steps .error a, .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; }
.wizard.vertical > .content { display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; }
.wizard > .content > .body ul { list-style: disc !important; }
.wizard > .content > .body ul > li { display: list-item; }
.wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; }
.wizard > .content > .body input[type="checkbox"] { display: inline-block; }
.wizard > .content > .body input.error { background: rgb(251, 227, 228); border: 1px solid #fbc2c4; color: #8a1f11; }
.wizard > .content > .body label { display: inline-block; margin-bottom: 0.5em; }
.wizard > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; }
.wizard > .actions {position: fixed;display: block;width: 100%;left: 0;top: 50%;transform: translateY(-50%); z-index: 1;}
.wizard.vertical > .actions { display: inline; float: right; margin: 0 2.5%; width: 95%; }
.wizard > .actions > ul {display: flex;justify-content: space-between;}
.wizard > .actions > ul > li:nth-child(2)> a{background-image: url(../images/arrow1.svg);}
.wizard > .actions > ul > li:nth-child(3)> a{background-image: url(../images/arrow1.svg);}
.wizard > .actions > ul > li {margin: 0;}
.wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; }
.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active {background-color: var(--blue);color: #fff;display: block;padding: 0.5em 1em;text-decoration: none;-webkit-border-radius: 5px;-moz-border-radius: 0;border-radius: 0;height: 57px;font-size: 0;color: transparent;min-width: 57px;background-image: url(../images/arrow.svg);background-size: 20px;background-repeat: no-repeat;background-position: center;}
.wizard > .actions .disabled a, .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active {background-color: #C7C5C5;cursor: no-drop;}
.tabcontrol > .steps { position: relative; display: block; width: 100%; }
.tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; }
.tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; }
.tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; }
.tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; }
.tabcontrol > .steps > ul > li > a:hover { text-decoration: none; }
.tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; }
.tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; }
.tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; }
.tabcontrol > .content > .body ul { list-style: disc !important; }
.tabcontrol > .content > .body ul > li { display: list-item; }
::-webkit-input-placeholder { color: #888; }
:-moz-placeholder { color: #888; }
::-moz-placeholder { color: #888; }
:-ms-input-placeholder { color: #888; }
.steps > ul > li > a, .actions li a {padding: 10px;text-decoration: none;margin: 1px;display: block;color: #777;font-size: 18px;font-family: var(--font-700);text-align: center;min-width: 100px;}
.steps > ul > li, .actions li { list-style: none; }

/* ================= Footer Start ================= */
#footer { background: #000; padding: 8px 0; color: #fff; }
.footer-content { font-size: 12px; justify-content: space-between;}
.footer-social-media-content p { margin-bottom: 0; letter-spacing: .5px; }
.footer-social-media li { margin-left: 5px; height: 19px; width: 19px; }
.footer-social-media li a { background: #fff; color: #000; text-align: center; line-height: 22px; font-size: 13px; border-radius: 50%; display: block; height: 100%; }
.footer-social-media li a:hover{background: var(--gold);}
.footer-nav { margin-left: 20px; }
.footer-nav li + li { margin-left: 13px; letter-spacing: .5px; }
/* ================= Footer End ================= */
.hero-get-start .btn{ padding: 20px 25px;}

/* ========================================== 
! Large devices (desktops, more than 1200px)
=========================================== */
@media (max-width:1499.98px) {
    .hero-heading { margin-bottom: 40px; }
    .hero-heading h1 {font-size: 50px;line-height: 55px;}
    .result-heading h1 { font-size: 44px; }
    .result-heading h2 { font-size: 36px; line-height: 40px; }
    .result-heading h2 br { display: none; }
    .result-text-block { font-size: 20px; }
}
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .container { width: calc(100% - 36px); }
    .header { height: 130px; }
    .result-heading h1 { font-size: 38px; }
    .form-check-label { min-height: 150px; font-size: 18px; line-height: 26px; padding-bottom: 30px; }
    .form-check-label-icon { width: 70px; height: 70px; bottom: -35px; }
    .wizard, .tabcontrol {  padding: 0 33px; }
}
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .hero-text-list { width: calc(100% + 30px); margin-left: -15px; padding-right: 36px; }
    .hero-text-item { padding: 0 15px; }
    .hero-text-box { padding: 20px; min-height: 150px; }
    .hero-text-inner { padding: 25px; padding-left: 100px; }
    .hero-text-box h4 { font-size: 18px; line-height: 24px; }
    .hero-content-icon { width: 70px; left: 15px; }
    .trading-partner-item { width: 100%; padding-bottom: 40px; margin-bottom: 24px; }
    .trading-partner-box { padding-bottom: 50px; text-align: left; }
    .btn.see-sap { position: relative; transform: none; left: auto; right: auto; }
    .content-container.result-container { text-align: center; }
    .question-container .container { width: calc(100% - 60px); }
    .answer-list { margin-bottom: -20px; }
    .answer-list .form-group { width: 50%; margin-bottom: 20px; padding-bottom: 20px; }
    .wizard > .actions { bottom: 74px; top: auto; }
    .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active { height: 44px; width: 38px; min-width: 38px; background-size: 13px; }
    #footer { padding: 10px 0; }
    .footer-content { justify-content: space-around; font-size: 8px; line-height: 10px; width: calc(100% + 40px); margin-left: -20px; }
    .footer-nav { width: calc(100% - 20px); margin-left: 0; margin-top: 5px; justify-content: center; }
    .footer-social-media-content { width: 100%;justify-content: center; }
    .footer-nav li + li, .footer-nav li { margin: 2px 5px; line-height: 10px; }
    .nqus { width: 37px; line-height: 2vh; font-size: 8.5px; }
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .btn { min-width: 100px; font-size: 13px; line-height: 14px; padding: 4px 10px; }
    .hero-container { height: auto; padding-bottom: 40px; padding-top: 124px; min-height: calc(100vh - 50px); }
    .content-outer { min-height: calc(100vh - 180px); }
    .hero-heading { margin-bottom: 33px; }
    .hero-heading h1 br { display: none; }
    .hero-text-box { height: 110px; min-height: auto; }
    .hero-text-inner { padding: 12px; padding-left: 108px; }
    .hero-text-box h4 { font-size: 17px; line-height: 20px; }
    .hero-get-start .btn { font-size: 16px; padding: 8px 10px; min-width: 100%; }
    .hero-text-item { width: 100%; }
    .hero-text-list { padding-right: 0; margin-bottom: 24px; }
    .hero-text-item + .hero-text-item { margin-top: 55px; }
    .hero-get-start { position: absolute; transform: translateX(-50%); left: 50%; bottom: 0; top: auto; width: 222px; }
    .content-container.result-container::before { width: 190px; height: 190px; top: -84px; }
    .result-heading { margin-bottom: 16px; }
    .result-heading h1 { font-size: 30px; line-height: 36px; margin-bottom: 7px; }
    .result-heading h2 { font-size: 20px; line-height: 26px; }
    .result-text-block { font-size: 14px; margin-top: 38px; line-height: 19px; }
    .result-text-block h4 { font-size: 23px; line-height: 27px; margin-bottom: 11px; }
    .trading-partner-icon { width: 60px; height: 70px; bottom: -33px; }
    .trading-partner-item { padding-bottom: 20px; margin-bottom: 6px; }
    .trading-partner-box h5 { font-size: 12PX; line-height: 18PX; }
    .trading-partner-box { font-size: 12px; line-height: 21px; padding-bottom: 35px; }
    .content-container.question-container { padding: 78px 0 20px; }
    .question-heading { margin-bottom: 10px; }
    .question-heading h3 { font-size: 17px; line-height: 21px; }
    .form-check-label-icon { width: 60px; height: 60px; bottom: -30px; }
    .answer-list { margin-bottom: -15px; }
    .answer-list .form-group { width: 100%; margin-bottom: 15px; padding-left: 20px; padding-right: 20px; }
    .form-check-label { min-height: auto; width: 100%; font-size: 14px; line-height: 19px; padding-bottom: 30px; text-align: left; padding: 10px; padding-bottom: 16px; }
    .question-bottom { margin-top: 15px; padding: 0 30px; }
    .question-bottom h3 { width: 100%; padding: 0; text-align: center; margin-bottom: 8px; padding-bottom: 8px; font-size: 20px; line-height: 22px; }
    .question-bottom p { width: 100%; text-align: left; padding: 0; font-size: 12px; line-height: 14px; }
    .question-bottom h3::before { height: 1px; width: 100%; bottom: 0; top: auto; }
    .wizard, .tabcontrol { padding: 0 5px; }
    .wizard ul, .tabcontrol ul { width: calc(100% + 2px); margin-left: -1px; }
    .steps > ul > li > a, .actions li a { font-size: 13px !important; line-height: 14px; padding: 4px !important; }
    .steps > ul > li > a, .actions li a { min-width: auto; }
    .steps > ul > li > a, .actions li a { padding: 7px; font-size: 16px; }
    .wizard > .steps > ul > li { padding: 0 1px; width: 33.33%; }
    .form-group textarea { height: 150px; font-size: 18px; padding: 15px; line-height: 20px; }
    .nqus { line-height: 2vh; }
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px){
    .nqus { line-height: 1.5vh; }
}

.truste_cursor_pointer{display: none;}
#back-to-result{color: #008fd3;}

@media (min-width: 576px){
.modal-dialog { max-width: 595px; margin: 1.75rem auto; }
}
@media (max-width: 575px){
    .modal-dialog { max-width: 90%;}
}
.m-title{color: var(--gold);}
.modal-backdrop { background-color: #fff; opacity: 0.8 !important; }
#modal-read-more .btn-close{border: 2px solid #7c7c7c; border-radius: 50%; opacity: 0.7;padding: 0.45em 0.45em; position: absolute; top: -36px; right: -30px;}
#modal-read-more .modal-content{border: 2px solid #7c7c7c;}
#modal-read-more .modal-body{padding: 3vw 4vw 1vw 4vw;}
.network-link a{text-decoration: underline;color: var(--blue); font-weight: 600; font-size: 18px;}
.network-demo-link{margin-top: 8vh;}
.network-demo-link .btn{padding: 5px 20px;font-size: 17px;font-weight: 600;}


.pulse-button {   
    cursor: pointer;
    box-shadow: 0 0 0 0 #008fd3;
    -webkit-animation: pulse_ani 1.5s infinite;
}
.pulse-button:hover {
-webkit-animation: none;
}

  @-webkit-keyframes pulse_ani {
    0% {
        transform: scale(0.9);
      -webkit-box-shadow: 0 0 0 0 rgba(0, 143, 211, 1);
    }
    70% {
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 30px rgba(0, 143, 211, 0);
    }
    100% {
        transform: scale(0.9);
        -webkit-box-shadow: 0 0 0 0 rgba(0, 143, 211, 0);
    }
  }
  @keyframes pulse_ani {
    0% {
        transform: scale(0.9);
      -moz-box-shadow: 0 0 0 0 rgba(0, 143, 211, 1);
      box-shadow: 0 0 0 0 rgba(0, 143, 211, 1);
    }
    70% {
        transform: scale(1);
        -moz-box-shadow: 0 0 0 10px rgba(0, 143, 211, 0);
        box-shadow: 0 0 0 30px rgba(0, 143, 211, 0);
    }
    100% {
        transform: scale(0.9);
        -moz-box-shadow: 0 0 0 0 rgba(0, 143, 211, 0);
        box-shadow: 0 0 0 0 rgba(0, 143, 211, 0);
    }
  }