/* 
==============================================
    CONTENT OF THE FILE
==============================================

    1. RESET DEFAULT BROWSER STYLES
    2. FONTS
    3. GENERAL STYLES
        3.1 Buttons
            3.1.1 New Survey Page Buttons
            3.1.2 New Blog Page Buttons
            3.1.3 Home Blog Page Buttons
        3.2 Progress Bar
    4. HEADER
        4.1 MENU
    5. SURVEY PAGE BANNER
    6. SURVEY PAGE FEATURES
    7. SURVEY PAGE TILED
    8. SURVEY PAGE THREE COL
    9. SURVEY PAGE QUESTIONS
    10. BLOG BANNER
    11. BLOG CONTENT
        11.1 SIDEBAR
        11.2 CONTENT
        11.2 CODE SYNTAX
    12. BLOG POSTS
    13. POSTS FEED
    14. HOME BLOG PAGE BANNER
    15. HOME BLOG PAGE ARTICLE
    16. HOME BLOG PAGE POSTS
    17. PRICING SECTION
    18. TWO COLUMN SECTION
    19. DETAILS TABLE SECTION
    20. FAQ SECTION
    21. HOME PAGE BANNER
    22. RESEARCH MADE EASY 
    23. ADVANTAGES
    24. FIRST TIME
    25. HOME PRICING 
    26. HOME PAGE BLOG SECTION
    27. HOME PAGE TOOLS SECTION
    28. HOME PAGE MORE THAN
    29. GET STARTED NOW SECTION
    30. CLIENTS REVIEWS 
    31. new solutions
    32. new login 
    33. thnaks page 

    34. FOOTER 
*/


/*
==============================================
   GENERAL STYLE NOTES

   h1 for home and solutions 38px, blog a bit bigger but we could reduce 
   p, ul, li etc seems to be good at 18 for home solutions and the blog content
   I added my website holder with media quewires after the zd-container
   some of the solutions banner stuff is also in the home page section, we can combine all the banners and call to actions in one
==============================================
*/


/*
==============================================
    1. RESET DEFAULT BROWSER STYLES
==============================================
*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
/*b,*/
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

audio,
canvas,
video {
    display: inline-block;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
html,
input,
select,
textarea {
    color: #222
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

img {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: 0
}




















/*
==============================================
    2. FONTS
==============================================
*/
@font-face {
    font-family: 'Graphie';
    src: url('../fonts/Graphie-Book.eot');
    src: url('../fonts/Graphie-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphie-Book.woff2') format('woff2'),
        url('../fonts/Graphie-Book.woff') format('woff'),
        url('../fonts/Graphie-Book.ttf') format('truetype'),
        url('../fonts/Graphie-Book.svg#Graphie-Book') format('svg');
    font-weight: 350;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphie';
    src: url('../fonts/Graphie-SemiBold.eot');
    src: url('../fonts/Graphie-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphie-SemiBold.woff2') format('woff2'),
        url('../fonts/Graphie-SemiBold.woff') format('woff'),
        url('../fonts/Graphie-SemiBold.ttf') format('truetype'),
        url('../fonts/Graphie-SemiBold.svg#Graphie-SemiBold') format('svg');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphie';
    src: url('../fonts/Graphie-Regular.eot');
    src: url('../fonts/Graphie-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphie-Regular.woff2') format('woff2'),
        url('../fonts/Graphie-Regular.woff') format('woff'),
        url('../fonts/Graphie-Regular.ttf') format('truetype'),
        url('../fonts/Graphie-Regular.svg#Graphie-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Graphie';
    src: url('../fonts/Graphie-Bold.eot');
    src: url('../fonts/Graphie-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Graphie-Bold.woff2') format('woff2'),
        url('../fonts/Graphie-Bold.woff') format('woff'),
        url('../fonts/Graphie-Bold.ttf') format('truetype'),
        url('../fonts/Graphie-Bold.svg#Graphie-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



@font-face {
font-family: 'Graphie';
src:  url('https://www.surveyking.com/fonts/Graphie/Graphie-Book.woff')  format('truetype') 
      }

@font-face {
font-family: 'Work Sans';
src:  url('https://www.surveyking.com/fonts/WorkSans-VariableFont_wght.ttf')  format('truetype') 
      }









/*
==============================================
    3. GENERAL STYLES - includes links
==============================================
*/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-size: 16px;
    line-height: 1.4;
    color: #222222;
    overflow-x: hidden;
}

body.new-survey-page,
body.zd-home-page {
    font-family: 'Graphie', sans-serif;
 font-family: 'Work Sans', sans-serif;
}

body.zd-blog-post,
.zd-home-blog-page {
    font-family: 'Work Sans', sans-serif;
    ont-family: 'Graphie', sans-serif;
}

body.new-pricing-page
,body.zd-solution-page
,body.overview_body
,body.zd-login-page
,body.zd-thank-you-page
,body.general_page
{
    ont-family: 'Montserrat', sans-serif;
    font-family: 'Work Sans', sans-serif;
}



html.overflow-hidden,
body.overflow-hidden {
    overflow: hidden;
}

.hidden_load_body {
    visibility: hidden;
}

img,
svg {
    ax-width: 100%;
    eight: auto;
}

iframe {
    max-width: 100%;
}

p {
    margin-bottom: 20px;
}

p:last-child {
    margin-bottom: 0;
}

a {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.zd-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-x: hidden;
}

.zd-container {
    max-width: 1175px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 40px;
}

.zd-container-sm {
    max-width: 1150px;
}

.zd-container-md {
    max-width: 1250px;
}

.zd-container-xl {
    max-width: 1720px;
}

.general_page .main_webite_holder  ul{
     list-style: disc;
padding-left: 15px;
margin-top: 10px;
}

.general_page .main_webite_holder  ul li{
margin-bottom: 10px;
}
.general_page h4{
font-size: 22px;
margin-top: 20px;
margin-bottom: 20px
}
.general_page p{
margin-bottom: 10px;
}


/* my custom continer for the home pqge also mimicks the styles found in res header css at btoom*/
.sk_column_container,.main_webite_holder {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: 75%;
}
@media (max-width:90000px) and (min-width:1600px) {
.main_webite_holder {
max-width: 900px;
margin: auto;
width: 80%;
}
}

@media (max-width:1599px) and (min-width:1400px) {
.main_webite_holder {
 max-width: 800px;
 margin: auto;
 width: 75%;
  }
}

@media (max-width:1399px) and (min-width:1190px) {
.main_webite_holder {
 width: 75%;
max-width: 750px;
margin: auto;
}
}




.zd-section {
    padding: 100px 0;
}

.zd-section .section-title {
    font-weight: normal;
    font-size: 37px;
    line-height: 43px;
    text-align: center;
}

.zd-section .section-description {
    max-width: 540px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 350;
    font-size: 18px;
    line-height: 22px;
    color: #666666;
    text-align: center;
}

.zd-data-title {
      font-weight: normal;
    font-size: 37px;
    line-height: 44px;
    color: #222222;
    margin-bottom: 70px;
    text-align: center;
}

/* simple link style */
.all_solutions_holder a:not(.zd-link):not(.zd-button) ,.all_create_page_content a:not(.zd-button),.pricing-inner a:not(.zd-button){
    color: #2886FF!important;
    text-decoration: none!important;
}
.zd-blog-post-content a:not(.article_top_link){
    color: #2886FF;
    text-decoration: none;
}

.all_solutions_holder a:not(.zd-button):hover,.all_create_page_content a:not(.zd-button):hover,.pricing-inner a:not(.zd-button):hover,.zd-blog-post-content a:not(.article_top_link):not(.zd-button):hover{
    text-decoration: underline!important;
}

/* Home Page */
.zd-home-page .zd-section h2 {
    margin-bottom: 25px;
    font-size: 34px;
    text-transform: capitalize;
}

.zd-home-page .zd-section p {
    margin-bottom: 35px;
    font-size: 18px;
}


/* 
* 3.1 Buttons 
*/
.zd-button-wrapper .zd-button {
    display: inline-block;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding: 14px 28px;
    font-weight: 300;
    font-size: 20px;
    line-height: 122%;
    text-align: center;
    color: #FFFFFF;
    background: #5B4DAC;
    text-decoration: none;
    border-radius: 100px;
    border: 1px solid transparent;
}

.zd-button-white .zd-button{
    background: #fff;
}


/* 3.1.1 Header Buttons */
.zd-button-wrapper .zd-button.zd-button-transparent-white {
    background: transparent;
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.zd-header-transparent .zd-header-authorization .zd-button-transparent {
    background: transparent!important;
    color: #FFFFFF!important;
    border-color: #FFFFFF!important;
}

.zd-button-wrapper .zd-button.zd-button-white {
    background: #FFFFFF;
    color: #5B4DAC;
    border-color: #FFFFFF;
}

.zd-header-transparent .zd-header-authorization .zd-desktop-signup {
    background: #FFFFFF;
    color: #222222;
    border-color: #FFFFFF;
    font-weight: 400;
}

/* 3.1.2 New Survey Page Buttons */
.zd-button-wrapper .zd-button.zd-button-jump {
    -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
}

.zd-button-wrapper .zd-button.zd-button-jump:hover {
    -webkit-transform: scale(.98);
    -ms-transform: scale(.98);
    transform: scale(.98);
}

.zd-button-wrapper .zd-button.zd-button-transparent {
    background: transparent;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #666666;
    border: 1px solid #666666;
}

/*
.zd-button-wrapper .zd-button.zd-button-transparent:hover {
    color: #5B4DAC;
    border-color: #5B4DAC;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
*/
.zd-button-wrapper .zd-button.zd-button-black {
    background: #121212;
}








/* 3.1.3 New Blog Page Buttons */

.blog-top-call-wrap .button-icon{
       width: 20px;
    height: 20px;
    margin-left: 10px;
    fill: #2886FF;
    transition: all .4s ease-in-out; 
}

.blog-top-call-wrap a{
    display: flex;
    argin-bottom: 25px;
    align-items: center;
}

.zd-button-wrapper .zd-button-transparent-primary {
    padding: 18px 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF !important;
    text-decoration: none;
    border: 1px solid #FFFFFF;
    border-radius: 100px;
    background: #5B4DAC;
    text-align: center;
}

.zd-button-wrapper .zd-button-transparent-primary:hover {
    background: #FFFFFF;
    color: #5B4DAC !important;
    border-color: #FFFFFF;
}

.zd-button-wrapper .zd-button-transparent-gray {
    background: transparent;
    color: #666666 !important;
    border-color: #666666;
}

.zd-button-wrapper .zd-button-transparent-gray:hover {
    color: #222222 !important;
    border-color: #222222;
}

.zd-button-wrapper .zd-button-primary {
    border-color: transparent;
    color: #FFFFFF !important;
}

.zd-button-wrapper .zd-button-primary:hover {
    background: transparent;
    color: #5B4DAC !important;
    border-color: #5B4DAC;
}

.zd-button-wrapper .zd-button-comeback {
    padding: 10px 18px;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    background: #7C71BD;
    border-color: transparent;
}

.zd-button-wrapper .zd-button-comeback svg {
    width: 12px;
    height: 12px;
    stroke: #FFFFFF;
    -webkit-transition: stroke .25s ease-in-out;
    -o-transition: stroke .25s ease-in-out;
    transition: stroke .25s ease-in-out;
}

.zd-button-wrapper .zd-button-comeback:hover {
    background: #FFFFFF;
    color: #5B4DAC;
}

.zd-button-wrapper .zd-button-comeback:hover svg {
    stroke: #5B4DAC;
}

.zd-button-wrapper .zd-button.zd-button-sm {
    padding: 14px 25px;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
}

.zd-blog-card-secondary .zd-buttons-wrapper .zd-button {
    white-space: nowrap;
}










/* 3.1.4 Home Blog Page Buttons */
.zd-button-wrapper .zd-button-transparent-to-violet {
    padding: 18px 32px;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: inherit;
    text-decoration: none;
    border: 1px solid #222222;
    border-radius: 100px;
    background: transparent;
    text-align: center;
}

.zd-button-wrapper .zd-button-transparent-to-violet:hover {
    color: #FFFFFF;
    background: #5B4DAC;
    border-color: #5B4DAC;
}


/* 3.1.5 New Pricing Page Buttons */
.zd-button-wrapper .zd-button.zd-button-rectangular {
    display: inline-block;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding: 18px 36px;
    background-color: #121212;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.zd-button-wrapper .zd-button.zd-button-rectangular:hover {
    background-color: #fff;
    color: #2497E7;
}

/* Round */
.zd-button-wrapper.round .zd-button {
    border-radius: 100px;
    padding: 14px 28px;
    border: 1px solid #5B4DAC;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    background: #5B4DAC;
    min-width: 151px;
    text-align: center;
}

/* Transparent */
.zd-button-wrapper.round.transparent .zd-button {
    background-color: transparent;
    color: #5B4DAC;
}

.zd-button-wrapper.round .zd-button:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #5B4DAC;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #5B4DAC;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #5B4DAC;
    color: #FFFFFF;
}


/* Home Page Buttons */
.zd-button-wrapper.arrow .zd-button {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 330px;
    min-width: 100px;
}

.zd-button-wrapper.arrow .zd-button:hover .button-icon {
    transform: translate(4px, 0);
}

.zd-button-wrapper.arrow .button-icon {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    fill: #fff;
    transition: all .4s ease-in-out;
}


.zd-get-started-now-section .zd-button-wrapper .zd-button-transparent-white:hover {
    background: #fff;
    color: #36383B;
}

/* 
* 3.2 Progress Bar 
*/
.zd-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 4px;
    background-color: #7C71BD;
    -webkit-transition: all linear 0.1s;
    -o-transition: all linear 0.1s;
    transition: all linear 0.1s;
    min-width: 1%;
    z-index: 1000;
    display: none;
}






/*
* 3.4 Fixed Sidebar
*/
.js-sidebar-content.sidebar-fixed {
    position: fixed;
    top: 25px;
}
.zd-blog-content-wrapper .js-sidebar-content.sidebar-fixed {
    op: 70px;
}













/*
==============================================
    4. HEADER
==============================================
*/
.zd-header {
    ont-family: 'Graphie', sans-serif;
    padding: 22px 0;
    position: absolute;
    z-index: 99;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(0,0,0,0);
}

@media only screen and (min-width: 1024px) {

.fixed_nav{
    background: white;
    position: fixed;
    top: 0px;
}

.zd-header .zd-right-desk {

    width: 28%
}


}

@media only screen and (max-width: 1024px) {
.zd-header .zd-left-desk {
        justify-content: center;
}



}

.fixed_nav_border{
  border-bottom: 1px solid #e1e1e1;
}


.zd-header .zd-header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-header .zd-left-desk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
     
}

.zd-header-menu{
    margin-top: 4px;
}

.zd-header .data-logo {
    margin-right: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    text-decoration: none;
}

.zd-header.zd-header-transparent .data-logo {
    color: #fff;
}

.zd-header .data-logo .data-image-holder {
    margin-right: 15px;
    min-width: 40px;
}

.zd-header .data-logo .data-logo-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    line-height: 25px;
        font-family: 'Graphie'!important;
}

.zd-header .data-logo .data-logo-text sup {
    font-size: 7px;
    line-height: 7.7px;
}

.zd-header .zd-right-desk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
   
}
.email_holder{
    text-overflow: ellipsis;
    overflow: hidden;
    height: 1.2em;
    white-space: nowrap;
    width: 100%;
    text-align: right;
}
.zd-header .zd-header-authorization {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.zd-header .zd-header-authorization .zd-button-wrapper .zd-button {
    padding: 12px 30px;
    font-size: 14px;
    line-height: 17px;
}

.zd-header .zd-header-login {
    margin-right: 15px;
}





/* HEADER WHITE */
.zd-header-transparent {
    color: #fff;
}

.zd-header-transparent .zd-menu a {
    color: #FFFFFF;
}

.zd-header-transparent .zd-menu .zd-submenu-item a {
    color: #222222;
}

.zd-header-transparent .zd-menu li.dropdown::after {
    border-top-color: #FFFFFF;
}

.zd-header-transparent .zd-header-burger span {
    background: #FFFFFF;
}

.zd-header-transparent .zd-header-burger:hover span {
    background: #7C71BD;
}

.zd-header-transparent .zd-mobile-menu {
    color: #222222;
}



/* 4.1 MENU */
.zd-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.zd-menu li {
    font-size: 15.5px;
    line-height: 19px;
    color: #3A3A3A;
}

.zd-menu li:not(:last-child) {
    margin-right: 40px;
}

.zd-menu li.dropdown {
    position: relative;
    padding-right: 15px;
}

.zd-menu li.dropdown::after {
    content: '';
    position: absolute;
    top: 8px;
    right: 0;
    border: 4px solid transparent;
    border-top-color: #222222;
}

.zd-menu a {
    color: inherit;
    text-decoration: none;
}

.zd-submenu-wrapper {
    min-width: 290px;
    margin: 0px;
    padding: 10px 0 0 0;
    position: absolute;
    left: 0px;
    list-style-type: none;
    z-index: 9;
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    -o-transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .2s cubic-bezier(.165, .84, .44, 1), transform .2s cubic-bezier(.165, .84, .44, 1), -webkit-transform .2s cubic-bezier(.165, .84, .44, 1);
    will-change: opacity, transform;
    pointer-events: none;
}

.zd-menu li.dropdown:hover>.zd-submenu-wrapper {
    opacity: 1;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    pointer-events: auto;
}

.zd-submenu {
    -webkit-box-shadow: 3px 3px 3px 0 rgb(0 0 0 / 19%);
    box-shadow: 3px 3px 3px 0 rgb(0 0 0 / 19%);
    border-radius: 2px;
    border: 1px solid #ddd;
}

.zd-submenu-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 86.7%, .4);
    background-color: #fff;
    color: inherit;
}

.zd-submenu-item a:hover {
    background-color: #ededed;
}

.zd-submenu-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-submenu-icon img {
    max-width: 42px;
    margin-right: 15px;
}

.zd-submenu-title {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 14.5px;
}

.zd-submenu-desc {
    font-size: 13.5px;
}

.zd-right-desk .email_holder{
    margin-bottom: 5px;
}
.desktop_account_link{
    margin-right: 10px;
}
.login_links_holder a {
    text-decoration: none;
    olor: #393b40;
    color: inherit;
}
.login_links_holder{
        display: flex;
    justify-content: flex-end;
}

.login_links_holder a:hover {
    text-decoration: underline;
}


/* 4.2 BURGER */
.zd-header-burger {
    display: none;
    position: relative;
    width: 20px;
    height: 14px;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0;
}

.zd-header-burger span {
    position: absolute;
    left: 0;
    width: 80%;
    height: 2px;
    background: #222;
    border-radius: 3px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.zd-header-burger span:nth-child(1) {
    top: 0;
}

.zd-header-burger span:nth-child(2) {
    top: 50%;
}

.zd-header-burger span:nth-child(3) {
    top: 50%;
}

.zd-header-burger span:nth-child(4) {
    top: 100%;
}

.zd-header-burger:hover span {
    ackground: #5B4DAC;
}

.zd-header-burger.active {
    display: none;
}

.zd-header-burger-close {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    display: none;
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0 0;
    position: absolute;
    top: 20px;
    right: 32px;
}

.zd-header-burger-close span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #222;
    border-radius: 3px;
    -webkit-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear;
}

.zd-header-burger-close span:nth-child(1) {
    top: 50%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.zd-header-burger-close span:nth-child(2) {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.zd-header-burger-close:hover span {
    ackground: #5B4DAC;
}

.zd-header-burger-close.active {
    display: block;
}





/* 4.3 MOBILE MENU */
.zd-mobile-menu {
    isplay: none;
    min-height: 85vh;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    text-align: left;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 5px 25px 0 rgba(0, 0, 0, .15), 0 3px 3px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 5px 25px 0 rgba(0, 0, 0, .15), 0 3px 3px 0 rgba(0, 0, 0, .05);
    border-radius: 4px;
    z-index: 999;
    
    opacity: 0;
visibility: hidden;
}

.zd-mobile-menu.active {
    isplay: block;
    visibility: visible!important;
    opacity: 1!important;
transition: opacity .2s ease-in-out;
}

.zd-mobile-menu .zd-mobile-menu-section {
    padding: 20px 30px 0 30px;
}

.zd-mobile-menu .zd-mobile-menu-section a {
    color: inherit;
    text-decoration: none;
}

.zd-mobile-menu .zd-products-info-wrapper {
    padding: 10px 0;
}

.zd-mobile-menu .zd-products-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-mobile-menu .zd-products-info-item {
    margin-bottom: 20px;
}

.zd-mobile-menu .zd-products-info-item img {
    max-width: 47px;
    margin-right: 15px;
}

.zd-mobile-menu .zd-company-info {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-top: 30px;
    padding-bottom: 10px;
}

.zd-mobile-menu .zd-company-info-wrapper li {
    margin-bottom: 20px;
}

.zd-mobile-menu .zd-signup-mobile {
    height: 155px;
}

.zd-mobile-menu .zd-signup-mobile .zd-button-wrapper {
    margin-bottom: 30px;
}

.zd-mobile-menu .zd-signup-mobile .zd-button-wrapper .zd-button {
    display: block;
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFFFFF;
}

.zd-mobile-menu .zd-signup-mobile .zd-button-wrapper .zd-button:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.zd-mobile-menu .zd-login-mobile {
    position: absolute;
    bottom: 0;
    background: #f4f4f4;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
    color: black;
    text-align: left;
}

.zd-mobile-menu .zd-login-mobile a {
    margin-left: 10px;
    color: rgb(40, 134, 255);
    text-decoration: none;
}

.zd-mobile-menu .zd-login-mobile a::after {
    content: '\279C';
    vertical-align: text-top;
    margin-left: 5px;
}























/*
==============================================
    5. SURVEY PAGE BANNER
==============================================
*/
.zd-survey-banner {
    padding: 120px 0 150px 0;
}

.zd-survey-banner.zd-survey-banner {
    padding-top: 165px;
}

.zd-survey-banner .zd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.zd-survey-banner .data-content-wrapper {
    max-width: 715px;
}

.zd-survey-banner .zd-button-wrapper{
display: flex;
    justify-content: center;
}

.zd-survey-banner .data-title {
    padding: 0 60px;
    margin-bottom: 20px;
    font-size: 37px;
    font-weight: normal;
    line-height: 58px;
}

.zd-survey-banner .data-description {
    margin-bottom: 42px;
    font-size: 18px;
    font-weight: 350;
    line-height: 22px;
    color: #666666;
}


.popular_template_holder{
    margin-top: 30px;
    font-size: 18px;
}
.popular_template_holder p{
margin-bottom: 5px;
}
.popular_template_holder a{
color: inherit!important;
text-decoration: underline!important;
}













/*
==============================================
    6. SURVEY PAGE FEATURES
==============================================
*/
.zd-survey-features-section {
    background: #F9FAFC;
}

.zd-survey-features-section img,.zd-survey-three-col-section img,.zd-survey-questions-section img{
    max-width: 100%;
}

.zd-survey-features-section .zd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-survey-features-section .data-content-wrapper {
    max-width: 600px;
    background: #FFFFFF;
    padding: 40px 30px;
    border: 1px solid #E1E1E1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.zd-survey-features-section .data-item {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-survey-features-section .data-img {
    width: 125px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.zd-survey-features-section .data-content {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.zd-survey-features-section .data-title {
    margin-bottom: 10px;
    font-size: 32px;
    font-weight: normal;
    line-height: 38px;
}

.zd-survey-features-section .data-description {
    font-weight: 350;
    font-size: 17px;
    line-height: 20px;
    color: #666666;
}

.zd-survey-features-section .zd-button-wrapper {
    margin-top: 53px;
    text-align: center;
}
















/*
==============================================
    7. SURVEY PAGE TILED
==============================================
*/
.zd-survey-tiled-section {
    background: #5B4DAC;
}

.zd-survey-tiled-section .zd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-survey-tiled-section .data-wrapper {
    max-width: 815px;
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    column-gap: 20px;
}

.zd-survey-tiled-section .data-item {
    max-width: calc(33.333% - 15px);
    width: 100%;
    margin-bottom: 40px;
    padding: 15px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.zd-survey-tiled-section .data-title {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 122%;
    color: #2F2F2F;
}

.zd-survey-tiled-section .data-description {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 17px;
    color: #666666;
}

.zd-survey-tiled-section .data-link {
    margin: auto 0 0 0;
    position: relative;
    font-size: 14px;
    line-height: 135%;
    color: #5B4DAC;
}

.zd-survey-tiled-section .data-link a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}

.zd-survey-tiled-section .data-link a svg {
    width: 7px;
    height: 7px;
    margin-left: 5px;
    stroke: #5B4DAC;
    -webkit-transition: stroke .25s ease-in-out;
    -o-transition: stroke .25s ease-in-out;
    transition: stroke .25s ease-in-out;
}

.zd-survey-tiled-section .data-link a:hover {
    olor: #FF8282;
    text-decoration: underline;
}

.zd-survey-tiled-section .data-link a:hover svg {
    troke: #FF8282;
}

.xzd-survey-tiled-section .data-link a::before {
    content: '';
    width: 70px;
    height: 1px;
    position: absolute;
    background-color: #FF8282;
    bottom: 2px;
    left: 0;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.xzd-survey-tiled-section .data-link a:hover:before {
    opacity: 1;
}











/*
==============================================
    8. SURVEY PAGE THREE COL
==============================================
*/
.zd-survey-three-col-section {
    background: #F9FAFC;
}

.zd-survey-three-col-section .section-title {
    margin-bottom: 60px;
}

.zd-survey-three-col-section .data-wrapper {
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.zd-survey-three-col-section .data-item {
    width: 100%;
    max-width: calc(33.333% - 15px);
    margin-bottom: 30px;
    padding: 40px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
}

.zd-survey-three-col-section .data-item .data-img {
    width: 150px;
    height: 150px;
    argin-bottom: 25px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.zd-survey-three-col-section .data-item .data-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.zd-survey-three-col-section .data-item .data-description {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 135%;
    color: #666666;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}














/*
==============================================
    9. SURVEY PAGE QUESTIONS
==============================================
*/
.zd-survey-questions-section .zd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.zd-survey-questions-section .section-title {
    margin-bottom: 15px;
}

.zd-survey-questions-section .section-description {
    margin-bottom: 90px;
}

.zd-survey-questions-section .data-wrapper {
    max-width: 980px;
    margin-bottom: -60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.zd-survey-questions-section .data-item {
    max-width: calc(50% - 45px);
    margin-bottom: 60px;
  /*  display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
*/
}

.zd-survey-questions-section .data-item .data-img {
   /* width: 65px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;*/

    width: 125px;
    margin: auto;
    margin-bottom: 25px;
    argin-left: 0px;
}

.zd-survey-questions-section .data-item .data-content {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.zd-survey-questions-section .data-item .data-title {
    margin-bottom: 9px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #36383B;
}

.zd-survey-questions-section .data-item .data-description {
    font-weight: 350;
    font-size: 16px;
    line-height: 135%;
    color: #666666;
    text-align: left;
}

.zd-survey-questions-section .data-item a {
    font-size: 20px;
    display: flex;
    align-items: center;
    color: rgb(40, 134, 255);
    cursor: pointer;
    text-decoration: none;
    transition: all .4s ease-in-out;
}

.zd-survey-questions-section .data-item a svg {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    fill: rgb(40, 134, 255);
}



/*
==============================================
    10. BLOG BANNER
==============================================
*/

.data-author-wrapper img
,.zd-blog-banner img
,.zd-content-author img{
    max-width: 100%
}

.zd-blog-banner {
    padding: 70px 0 160px 0;
    background: #5B4DAC;
}

.zd-blog-banner.zd-top-space-for-header {
    padding-top: 125px;
}

.zd-blog-banner .data-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FFFFFF;
}

.zd-button-back-blog-wrapper {
    margin-bottom: 35px;
    isplay: flex;
    ustify-content: space-between;
}

.zd-blog-banner .zd-col-1 {
    max-width: 45%;
    width: 100%;
    margin-right: 25px;
}

.zd-blog-banner .data-title {
    margin-bottom: 40px;
    font-weight: 300;
    font-size: 40px;
    line-height: 59px;
}

.zd-blog-banner .data-date {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 21px;
}

.zd-blog-banner .data-author-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.zd-blog-banner .data-image-holder {
    border-radius: 100%;
    max-width: 50px;
    margin-right: 15px;
    overflow: hidden;
}

.zd-blog-banner .data-name {
    font-size: 18px;
    line-height: 21px;
}

.zd-blog-banner .zd-col-2 {
    max-width: 65%;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
}

.zd-blog-banner .image_column {
    margin-right: -160px;
    margin-bottom: -90px;
    z-index: 2;
}

.zd-blog-banner .data-content-wrapper{
    min-height: 380px;
}








/*
==============================================
    11. BLOG CONTENT
==============================================
*/
.zd-blog-content-wrapper {
    padding-bottom: 45px;
    background: #F2F0E8;
}

.zd-blog-content-wrapper .zd-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.zd-blog-content-wrapper .zd-blog-content-inner {
    margin-top: -125px;
    padding: 70px 45px 60px 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 25px;
    background: #FFFFFF;
    position: relative;
    verflow-x: hidden; /*with this cirle wont show so only doing this on mobile*/
}

.zd-blog-content-wrapper .zd-blog-content-inner::after {
    content: '';
    left: 30%;
    top: -125px;
    width: 332px;
    height: 332px;
    background: url('https://www.surveyking.com/images/updated_design/blog/circle.png') no-repeat;
    background-size: cover;
    opacity: 0.2;
    display: block;
    display: none;
    position: absolute;
}

/* 11.1 SIDEBAR */
.zd-sidebar-blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 245px;
    width: 100%;
    position: relative;
    margin-right: 50px;
    font-size: 15px;
}

.sidebar-absolute {
    position: absolute !important;
}

.zd-blog-post .zd-sidebar-blog-content {
    max-width: 245px;
    width: 100%;

}

.zd-sidebar-blog-content>ul:before {
    content: "";
    display: block;
    width: 2px;
    background-color: #D6D6D6;
    position: absolute;
    left: 9px;
    top: 7px;
    bottom: 7px;
}

.zd-sidebar-blog-content>ul {
    position: relative;
    margin-bottom: 40px;
    padding-left: 30px;
}

.zd-sidebar-blog-content>ul li {
    position: relative;
    margin-bottom: 7px;
}

.zd-sidebar-blog-content>ul li:last-child {
    margin-bottom: 0;
}

.zd-sidebar-blog-content>ul li a {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    outline: none;
    color: #5a5a5a;
    text-decoration: none;
}

.zd-sidebar-blog-content>ul li a:hover {
    color: #736FAF;
}

.zd-sidebar-blog-content>ul li a:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    position: absolute;
    left: -25px;
    border-radius: 50%;
    border: 1px solid #D6D6D6;
    top: 5px;
}

.zd-sidebar-blog-content>ul li a.active:before {
    background-color: #736FAF;
    border-color: #736FAF;
}

.zd-sidebar-blog-content>ul li a.active {
    color: #736FAF;
}

.zd-sidebar-blog-survey {
    padding: 15px;
    background: #F1F3F4;
    background: #5b4dac;
    border-radius: 5px;
    font-size: 16px;
    line-height: 125%;
    color: #666666;
    color: white;
    -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background .25s ease-in-out, color .25s ease-in-out;
    transition: background .25s ease-in-out, color .25s ease-in-out;

    background: rgba(226,214,255,.4);
    background: #f4f0ff;
    color: #5b4dac;
    border-top: 3px solid #5b4dac;
    border-radius: 0px 0px 5px 5px;
}

.xzd-sidebar-blog-survey:hover {
    background: #E6E6E6;
    color: #222222;
}

.consulting_blog_card{

    width: 100%;
    border: 1px solid #d6d6d6;
    border-top: 4px solid #5b4dac;
    transition: all .25s ease-in-out;
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding: 28px 28px 28px;
    margin-bottom: 20px;

}

.consulting_blog_card h2{
font-size: 18px!important;
    margin-top: 0px!important;    
}

.consulting_blog_card a{
font-size: 18px;
}

.blog-top-call-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    font-size: 18px;
}

.left-blog-call{
    width:15px;
    height:15px;
    ackground:red;
margin-right: 20px;

}

.pulse {
  position: relative;
  margin: auto;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #2886FF;
  font-size: 18px;
  color: #ffd9de;
  animation: 1.4s playShadow ease-out infinite;
  display: flex;
  cursor: pointer;
  text-decoration: none;
}
.pulse span {
  margin: auto;
  padding-left: 3px;
}
.pulse:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
  transition: 0.35s;
}

@keyframes playShadow {
  0% {
    box-shadow: 0 0 0 0px rgba(40,134,255, 0.3), 0 0 0 0px rgba(40,134,255, 0.2);
    transform: scale(1);
  }
  18% {
    box-shadow: 0 0 0 0px rgba(40,134,255, 0.3), 0 0 0 0px rgba(40,134,255, 0.2);
  }
  35% {
    transform: scale(1.08);
  }
  76% {
    transform: scale(0.96);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(40,134,255, 0), 0 0 0 27px rgba(40,134,255, 0);
    transform: scale(1);
  }
}




.zd-sidebar-blog-survey:hover .sidebar-link a svg {
    troke: #222222;
}

.zd-sidebar-blog-survey .sidebar-text {
    margin-bottom: 15px;
}

.zd-sidebar-blog-survey .sidebar-link a {
    text-decoration: underline;
    color: inherit;
}

.zd-sidebar-blog-survey .sidebar-link a svg {
    width: 15px;
    height: 12px;
    stroke: #666666;
    stroke: white;
    -webkit-transition: stroke .25s ease-in-out;
    -o-transition: stroke .25s ease-in-out;
    transition: stroke .25s ease-in-out;
}

/* 11.2 CONTENT */
.zd-content-block {
    margin-bottom: 45px;
}

.zd-blog-post-content ul,
.zd-blog-post-content ol {
    margin-bottom: 40px;
    padding-left: 20px;
}

.zd-blog-post-content ul {
    list-style: disc;
}

.zd-blog-post-content ol {
    list-style: decimal;
}

.zd-blog-post-content li {
    margin-bottom: 10px;
}

.zd-blog-post-content p {
 
    line-height: 156%;
}
.zd-blog-post-content p,.zd-blog-post-content li{
    font-size: 18px;
}

.zd-blog-post-content p span {
    text-decoration: underline;
}

.zd-blog-post-content h1,
.zd-blog-post-content .zd-h1,
.zd-blog-post-content h2,
.zd-blog-post-content .zd-h2,
.zd-blog-post-content h3,
.zd-blog-post-content .zd-h3,
.zd-blog-post-content h4,
.zd-blog-post-content .zd-h4,
.zd-blog-post-content h5,
.zd-blog-post-content .zd-h5,
.zd-blog-post-content h6,
.zd-blog-post-content .zd-h6 {
    line-height: 1.3;
    margin-top: 40px;
    margin-bottom: 20px;
}

.zd-blog-post-content h1,
.zd-blog-post-content .zd-h1 {
    font-size: 32px;
}

.zd-blog-post-content h2,
.zd-blog-post-content .zd-h2 {
    font-size: 30px;
}

.zd-blog-post-content h3,
.zd-blog-post-content .zd-h3 {
    font-size: 26px;
}

.zd-blog-post-content h4,
.zd-blog-post-content .zd-h4 {
    font-size: 22px;

    font-size: 20px;
    text-decoration: underline;
}

.zd-blog-post-content h5,
.zd-blog-post-content .zd-h5 {
    font-size: 18px;
}

.zd-blog-post-content h6,
.zd-blog-post-content .zd-h6 {
    font-size: 16px;
}

.xxzd-blog-content-wrapper .zd-blog-post-content a {
    font-weight: 500;
    color: #5B4DAC;
}

.excel-link{
    margin-top: 35px;
    margin-bottom: 35px!important;
    position: relative;
}

.excel-link a::before {
    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background-size: 10px 10px;
    content: url(https://www.excelcomplete.com/images/excel-icon.svg);
    position: absolute;
    left: 0px;
    top:-10px;
}

.excel-link a{
    margin-left: 60px!important;
    color: #147e46!important;
    text-decoration: underline!important;
    border-bottom: none!important;
}

.article_top_link{
        background: white;
    border: 1px solid #5B4DAC;
    padding: 20px;
    border-radius: 100px;
    color: #5B4DAC!important;
    justify-content: center;
    background: #5B4DAC;
    color: white!important;
    text-decoration: none!important;
}
.article_top_link:hover{
text-decoration: none;
    }
.article_top_link .button-icon{
    fill:white!important;
}

.zd-blog-content-wrapper .zd-blog-post-content .zd-blog-card-primary {
    margin-top: 40px;
    padding: 75px;
    background: #5B4DAC;
    border-radius: 25px;
    color: #FFFFFF;
    text-align: center;
}

.zd-blog-content-wrapper .zd-blog-post-content .zd-blog-card-primary h2 {
    margin-bottom: 15px;
    font-weight: 500;
}

.zd-blog-content-wrapper .zd-blog-post-content .zd-blog-card-primary p {
    margin-bottom: 30px;
}

.zd-blog-card-secondary {
    margin-top: 40px;
    background: #F1F3F4;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    overflow: hidden;
}

.zd-blog-card-secondary .zd-content-header {
    padding: 15px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
}

.zd-blog-card-secondary h3 {
    font-size: 17px;
    line-height: 147%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
}

.zd-blog-card-secondary .zd-buttons-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-blog-card-secondary .zd-button-wrapper:first-child {
    margin-right: 15px;
}

.zd-blog-card-secondary>.data-content-wrapper {
    padding: 40px 40px 50px 40px;
    text-align: center;
}

.zd-blog-card-secondary h2 {
    margin-bottom: 15px;
    line-height: 125%;
}

.zd-blog-card-secondary p {
    font-size: 15px;
}

.zd-blog-faq { /* >.data-content-wrapper */
    padding: 1px 40px 40px 40px;
    background: #F1F3F4;
    border-radius: 25px;
    margin-top: 20px;
}

.szd-blog-faq .faq-item:not(:last-child) {
    margin-bottom: 30px;
}

.zd-blog-faq  h4 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 139%;
    text-decoration: none;
}

.zd-blog-faq  p,.zd-blog-faq  li {
    font-size: 18px;
    line-height: 167%;
}

.zd-content-author {
    padding-top: 45px;
    border-top: 1px solid #DDD;
    text-align: center;
    margin-top: 100px;
}

.zd-content-author .data-title {
    margin-bottom: 25px;
    font-size: 15px;
    line-height: 18px;
    color: #666666;
    text-transform: uppercase;
}

.zd-content-author .data-image-holder {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
    max-width: 50px;
    overflow: hidden;
}

.zd-content-author .data-name {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 21px;
}

.zd-content-author .data-position {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 16px;
}

.zd-content-author .data-text {
    font-size: 16px;
    line-height: 156%;
    color: #666666;
}




/*
================================================================
    11.3 CODE SYNTAX STYLE
================================================================
*/
/*start excel formatting*/
.excel.geshifilter-excel{
    margin: 0px;
}
.excel.geshifilter-excel a{
text-decoration: none;
border:none;
}


.geshifilter {
    background-color: #444;
    border: none;
    border-radius: 5px;
    color: #EEEEEE;
    display: block;
    line-height: 1.3;
    margin: 0;
    overflow: auto;
    padding: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    margin-bottom: 20px;
    word-break: break-word;
}
.geshifilter:not(.steps_shown):not(.hidden_steps){
    adding-left: 35px!important;
}

div.geshifilter pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin-bottom: 0;
}
.excel.geshifilter-excel .de1, .excel.geshifilter-excel .de2 {
    font-family: monospace;
    font-weight: normal;
    font-style: normal;
}
.excel.geshifilter-excel {
    font-family: monospace;
}
.excel.geshifilter-excel .imp {
    font-weight: bold;
    color: red;
}
.excel.geshifilter-excel li, .excel.geshifilter-excel .li1 {
    font-family: monospace;
    font-weight: normal;
}
.excel.geshifilter-excel .ln {
    width: 1px;
    text-align: right;
    margin: 0;
    padding: 0 2px;
    vertical-align: top;
}
.excel.geshifilter-excel .li2 {
    font-family: monospace;
    font-weight: bold;
    font-style: italic;
}
.excel.geshifilter-excel .kw1 {
    color: #EEE;
}
.excel.geshifilter-excel .kw2,.vb.geshifilter-excel .kw2 {
    color: #5BB8E9;
}
.vb.geshifilter-excel .co1 {
    color: #83cb83;
}
.excel.geshifilter-excel .kw3 {
    color: #5CE638;
}
.excel.geshifilter-excel .kw4 {
    color: #5CE638;
}
.excel.geshifilter-excel .kw5 {
    color: #ff7a00;
}
.excel.geshifilter-excel .co1 {
    color: #b2b2b2;
}
.excel.geshifilter-excel .es0 {
    color: #000099;
}
.excel.geshifilter-excel .br0 {
    color: #EEE;
}
.excel.geshifilter-excel .sy0 {
    color: #EEE;
}
.excel.geshifilter-excel .sy1 {
    color: #FBDE2D;
    padding: 0 5px;
}
.excel.geshifilter-excel .sy2 {
    color: #FF66FF;
}
.excel.geshifilter-excel .st0 {
    color: #EEE;
}
.excel.geshifilter-excel .nu0 {
    color: #EEE;
}
.excel.geshifilter-excel .ln-xtra, .excel.geshifilter-excel li.ln-xtra, .excel.geshifilter-excel div.ln-xtra {
    background-color: #ffc;
}
.excel.geshifilter-excel span.xtra {
    display: block;
}



.excel.geshifilter-excel * {
    font-family: monospace!important;
}

.geshifilter ol{
ist-style: auto!important;
padding-left: 5px!important;
 counter-reset:list;
 margin-bottom: 0px!important;
}
.geshifilter ol li{
margin-bottom: 15px;
display: flex;
}
.geshifilter ol li:last-child,.hidden_steps ol li{
margin-bottom: 0px!important;
display: flex;
}
.geshifilter ol li {argin:0 0 5px; adding:0;}
.geshifilter ol li:before {
    counter-increment:list;
    content:counter(list) ") ";
    color:white;
}
.hidden_steps.geshifilter ol li:before{
    color: #444444!important;
}
.hidden_steps.geshifilter ol li:not(:first-child){
display: none;
}



/*end excel formatting*/





/*
==============================================
    12. BLOG POSTS
==============================================
*/
.zd-blog-posts-feed {
    padding-bottom: 110px;
    background: #F2F0E8;
}








/*
==============================================
    13. POSTS FEED
==============================================
*/
.zd-posts-feed .posts-wrapper {
    margin-bottom: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        justify-content: space-between;
}

.zd-posts-feed .post-item {
    max-width: calc(34% - 23px);
    width: 100%;
    margin-bottom: 30px;
    argin-right: 30px;
   
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 25px;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    padding-bottom: 0px;
}

.zd-posts-feed .post-item a{
padding: 20px 20px 0px 20px;
}


.zd-posts-feed .post-text p{
margin-bottom: 0px!important;
padding-bottom: 35px;
}

.zd-home-blog-posts-feed .zd-posts-feed .post-item {
    max-width: calc(25% - 20px);
}

.zd-posts-feed .post-item:nth-child(4n) {
    margin-right: 0;
}

.zd-posts-feed .post-item:hover {
    -webkit-box-shadow: 0 0 30px rgb(0, 0, 0, .15);
    box-shadow: 0 0 30px rgb(0, 0, 0, .15);
}

.zd-posts-feed .post-item .data-image-wrapper {
    display: block;
}

.zd-posts-feed .post-img {
    height: 220px;
    margin-bottom: 25px;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

.zd-posts-feed .post-img::after {
    width: 100%;
    height: 100%;
    ackground: -o-linear-gradient(bottom, rgba(91, 77, 172, 0.45), rgba(91, 77, 172, 0.45));
    ackground: -webkit-gradient(linear, left bottom, left top, from(rgba(91, 77, 172, 0.45)), to(rgba(91, 77, 172, 0.45)));
    background: linear-gradient(0deg, rgba(91, 77, 172, 0.45), rgba(91, 77, 172, 0.25));
    top: 0;
    left: 0;
    position: absolute;
    content: '';
}

.zd-posts-feed .post-img img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.zd-posts-feed .post-title {
    margin-bottom: 25px;
}

.zd-posts-feed a{
    text-decoration: none;
    color: inherit;
}
.zd-posts-feed .post-title  {
    display: block;
    font-size: 24px;
    line-height: 135%;
    color: inherit;
    text-decoration: none;
}

.zd-posts-feed .post-author {
    margin-bottom: 10px;
}

.zd-posts-feed .post-author a {
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    color: #5B4DAC;
    text-decoration: none;
}

.zd-posts-feed .post-text {
    font-size: 18px;
    line-height: 139%;
}












/*
==============================================
    14. HOME BLOG PAGE BANNER
==============================================
*/
.zd-top-space-for-header {
    adding-top: 87px;
}

.zd-home-blog-page-banner {
    padding: 190px 0 150px 0;
    background: #5B4DAC;
    color: #FFFFFF;
    position: relative;
}

.zd-home-blog-page-banner.zd-top-space-for-header {
    adding-top: 287px;
}

.xxzd-home-blog-page-banner::after {
    content: '';
    left: 0;
    top: 0;
    width: 150px;
    height: 300px;
    background: url('https://www.surveyking.com/images/updated_design/blog_after.png') no-repeat;
    background-size: auto;
    background-size: cover;
    opacity: 0.2;
    display: block;
    position: absolute;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.zd-home-blog-page-banner::before {
    content: '';
    right: 10%;
    bottom: 0;
    width: 315px;
    height: 378px;
    background: url('https://www.surveyking.com/images/updated_design/blog_before.png') no-repeat;
    background-size: auto;
    background-size: cover;
    display: block;
    position: absolute;
}

.zd-home-blog-page-banner .data-content-wrapper {
    max-width: 55%;
    width: 100%;
    position: relative;
}

.zd-home-blog-page-banner p {
    font-size: 18px;
}

.zd-home-blog-page-banner .data-title {
    margin-bottom: 30px;
    padding-right: 55px;
    font-weight: 300;
    font-size: 50px;
    line-height: 59px;
}

.zd-home-blog-page-banner .data-description {
    font-size: 16px;
    line-height: 156%;
}





/*
==============================================
    15. HOME BLOG PAGE ARTICLE
==============================================
*/
.zd-home-blog-page-article {
    padding-top: 80px;
    background: #F2F0E8;
}

.zd-home-blog-page-article .data-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 50px;
    border-bottom: 1px solid #DDD;
}

.zd-home-blog-page-article .data-article,
.zd-home-blog-page-article .blog-home-cta-card {
    width: 100%;
    background: #F5F5F5;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.05);
    border-radius: 25px;
}

.zd-home-blog-page-article .data-article {

    max-width: calc(66.666% - 15px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.zd-home-blog-page-article .data-article a{
padding: 20px 30px 20px 20px;
display: flex;
text-decoration: none;
}

.zd-home-blog-page-article .data-article .data-content{
    margin-left: 25px;
}



.zd-home-blog-page-article .data-article:hover {
    -webkit-box-shadow: 0 0 30px rgb(0, 0, 0, .15);
    box-shadow: 0 0 30px rgb(0, 0, 0, .15);
}

.zd-home-blog-page-article .data-article .data-img,
.zd-home-blog-page-article .data-article .data-content {
    max-width: calc(50% - 15px);
}

.zd-home-blog-page-article .data-article .data-img {
    display: block;
    height: 270px;
    min-width: 270px;
    width: 100%;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

.zd-home-blog-page-article .data-article .data-img img {
    display: block;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.zd-home-blog-page-article .data-article .data-img::after {
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(bottom, rgba(91, 77, 172, 0.45), rgba(91, 77, 172, 0.45));
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(91, 77, 172, 0.45)), to(rgba(91, 77, 172, 0.45)));
    background: linear-gradient(0deg, rgba(91, 77, 172, 0.45), rgba(91, 77, 172, 0.45));
    top: 0;
    left: 0;
    position: absolute;
    content: '';
}

.zd-home-blog-page-article .data-article .data-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 125%;
}

.zd-home-blog-page-article .data-article .data-title a {
    color: #000;
    text-decoration: none;
}

.zd-home-blog-page-article .data-article .data-info {
    margin-bottom: 26px;
    font-weight: 500;
    font-size: 16px;
    line-height: 156%;
    color: #5B4DAC;
}

.zd-home-blog-page-article .data-article .data-date,
.zd-home-blog-page-article .data-article .data-author {
    color: inherit;
    text-decoration: none;
}

.zd-home-blog-page-article .data-article .data-text {
    font-size: 18px;
    line-height: 139%;
    color: #666666;
}

.zd-home-blog-page-article .blog-home-cta-card {
    padding: 63px 40px;
    text-align: center;
    max-width: calc(33.333% - 15px);
}

.zd-home-blog-page-article .blog-home-cta-card h3 {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 24px;
    line-height: 104%;
}

.zd-home-blog-page-article .blog-home-cta-card .data-description {
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 156%;
}


/*blog table */
.zd-new-table-design-wrapper-white {
    background: #fff;
}
.zd-new-table-design-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 30px;
        margin-top: 30px;
}

.zd-content-white-wrapper .zd-new-table-design-wrapper {
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-right: -40px;
    max-height: 550px;
    height: 100%;
}

.zd-new-table-design {
    width: 100%;
    max-width: 100%;
    in-width: 700px;
}
.zd-new-table-design th {
    ont-weight: bold;
    padding: 10px 15px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    ackground: #f1f3f4;

}

.xzd-new-table-design tr th:first-child {
border-radius: 25px 0 0 0;
}
.zd-new-table-design tr th:last-child {
xborder-radius: 0px 25px 0 0;
}

.zd-new-table-design.editable-table th {
    padding: 10px 26px;
}
.zd-content-white-wrapper tr th:first-child {
    padding-left: 40px;
}
.zd-content-white-wrapper tr th:last-child {
    padding-right: 40px;
}
.zd-new-table-design tr td {
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    vertical-align: middle;
}
.zd-content-white-wrapper tr td:first-child {
    padding-left: 40px;
}
.zd-content-white-wrapper tr td:last-child {
    padding-right: 40px;
}
.zd-new-table-design tr td > a_x {
    text-decoration: none;
    border-bottom: 1px solid #5b4dac;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.zd-new-table-design-wrapper-white .zd-new-table-design tr td > a:hover {
    border-bottom-color: transparent;
}
.zd-new-table-design tr td:first-child {
    border-left: none;
}
.zd-new-table-design.zd-table-collection-home tr td:first-child,
.zd-new-table-design.zd-table-web-link-options tr td:first-child {
    text-align: center;
}
.zd-new-table-design.zd-table-web-link-options tr td:first-child {
    width: 80px;
}
.zd-new-table-design.zd-table-web-link-options tr td:last-child {
    width: 80px;
}
.zd-new-table-design.zd-table-web-link-options tr td:nth-child(2) {
    width: 45%;
}

.zd-new-table-design.quick_alts_table tr td:nth-child(1) {
    width: 175px;
}


.zd-table-web-link-options input {
    width: 220px;
    padding: 5px 12px;
    outline: none;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    background-color: #fafafa;
}
.zd-table-web-link-options .zd-button-wrapper {
    display: inline-block;
}


.zd-new-table-design tr td:last-child {
    border-right: none;
    ext-align: center;
}
.zd-new-table-design tr:last-child td{
    border-bottom: transparent;
}
.zd-new-table-design .data-remove-table-row {
    color: #5b4dac;
    border-bottom: transparent;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.zd-new-table-design .data-question-table-row {
    color: rgba(69,90,100,1);
    text-decoration: none;
    border-bottom: none;
}
.zd-new-table-design .data-remove-table-row:hover {
    color: #f5f5f5; 
}
.zd-new-table-design tbody tr:hover td {
    ackground: #F4F5F5;
}

.zd-comparison-table-wrapper .zd-new-table-design tbody th ,.xquick_alts_table th {
    font-weight: 500;
    background: #f5f5f5;
}
.zd-comparison-table-wrapper .zd-new-table-design thead th {
    text-align: center;
}
.zd-comparison-table-wrapper .zd-new-table-design thead th:first-child {
    background: none;
}

.zd-comparison-table-wrapper .zd-new-table-design tr td {
    text-align: center;
}
.zd-comparison-table-wrapper .zd-new-table-design tr td:first-child {
    text-align: left;
}
.zd-comparison-table-wrapper .zd-new-table-design tr td svg.fa-times {
    color: red;
}
.zd-comparison-table-wrapper .zd-new-table-design tr td svg.fa-circle {
    color: green
}
.zd-new-table-design.two_compare_table th:nth-child(2),.zd-new-table-design.two_compare_table td:nth-child(2){
    border-right: 1px solid #dddddd!important;
}
.zd-new-table-design.two_compare_table th:nth-child(2){
    border-left: 1px solid #dddddd!important;
}

.zd-new-table-design.two_compare_table tr td:nth-child(1){
    border-right: 1px solid #dddddd!important;
}
/* COPIED FROM COLLECT TEMPLATES (END) */


.two_compare_table tr td:nth-child(1){
    width: 40%;
}
.two_compare_table tr td:nth-child(2),.two_compare_table tr td:nth-child(3){
    width: 30%;
}

.top_no_margin_hold{
    margin-bottom: 5px!important;
}


/*raitng stem */
.rating {
    display: flex;
    direction: rtl;
    unicode-bidi: bidi-override;
    text-align: center;
    justify-content: flex-end;
}
.rating .star {
  display: none;
}
.rating label {
  color: lightgray;
  display: inline-block;
  font-size: 22pt;
  margin: 0 -2px;
  transition: transform .15s ease;
}
/*
https://codepen.io/MitsuGM/pen/vGJjxM
.rating label:hover {
  transform: scale(1.35, 1.35);
}
.rating label:hover,
.rating label:hover ~ label {
  color: orange;
}
*/

.rating .star:checked ~ label {
  color: orange;
}
.star_wrap{
  display: flex;
}
.star_wrap p{
  margin: 0px!important;
}
.go_to_review_link .fa-external-link-square-alt{
color:  rgb(54, 173, 97);
  color: rgb(40, 134, 255);
}
.go_to_review_link a{
  text-decoration: none;
  color: rgb(40, 134, 255)
}

.go_to_review_link{
  margin-bottom: 5px;
  display: none;
}





/*
==============================================
    16. HOME BLOG PAGE POSTS
==============================================
*/
.zd-home-blog-posts-feed {
    padding: 50px 0 100px 0;
    background: #F2F0E8;
}

.zd-home-blog-posts-feed .zd-posts-feed .post-item {
    max-width: calc(33.333% - 20px);
}

.zd-home-blog-posts-feed .zd-posts-feed .post-item:nth-child(3n) {
    margin-right: 0;
}

.zd-home-blog-posts-feed .zd-posts-feed .post-item:nth-child(4n) {
    argin-right: 30px;
}












/*
==============================================
    17. PRICING SECTION
==============================================
*/

.pricing_sub_title{
text-align: center;
    font-size: 20px;
    margin-top: -40px;
    margin-bottom: 40px;
}

.zd-pricing-section {
    margin-top: 75px;
}

.zd-price-package-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.zd-price-package-item-wrapper .zd-price-package-item {
    max-width: calc(33% - 30px);
    margin-right: 45px;
    padding: 55px 40px 49px;
    border: 1px solid #666666;
    border-radius: 15px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.zd-price-package-item-wrapper .zd-price-package-item:nth-child(3n),
.zd-price-package-item-wrapper .zd-price-package-item:last-child {
    margin-right: 0;
}

.zd-price-package-item-wrapper .zd-price-package-item .data-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 15px;
}

.zd-price-package-item-wrapper .zd-price-package-item .data-description {
    margin-bottom: 20px;
    text-align: left;
    padding-right: 24px;
    height: 40px;
}

.zd-price-package-item-wrapper .zd-price-package-item .data-price-wrapper {
    margin-bottom: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.zd-price-package-item-wrapper .zd-price-package-item .data-price {
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
}

.zd-price-package-item-wrapper .zd-price-package-item .price-description {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #666666;
    padding-right: 50px;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-button-wrapper {
    margin-bottom: 40px;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-package-includes-item-wrapper {
    padding-left: 11px;
}

.zd-price-package-item-wrapper .zd-price-package-item li {
    line-height: 20px;
    position: relative;
    display: block;
    padding-left: 23px;
    color: #2F2F2F;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-package-includes-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-package-includes-item span {
    color: #666666;
    font-size: 14px;
    line-height: 17px;
    margin-top: 5px;
}

.zd-price-package-item-wrapper .zd-price-package-item li::before {
    content: '';
    position: absolute;
    background: #666666;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    left: 0;
    top: 11px;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-package-includes-item .underline-blue {
    border-bottom: 2px solid #5B4DAC;
    padding-bottom: 2px;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-package-includes-item .new-item {
    margin-top: 10px;
    padding: 4px 6px;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    background: #5B4DAC;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
}

.zd-price-package-item-wrapper .zd-price-package-item .zd-button-wrapper .zd-button {
    width: 100%;
    text-align: center;
    padding: 16px 36px;
    line-height: 20px;
}

/* Premium */
.zd-price-package-item.premium {
    position: relative;
    border: 1px solid #5B4DAC;
}

.zd-price-package-item.premium li::before {
    background: #5B4DAC;
}

.zd-price-package-item.premium::before {
    position: absolute;
    content: '';
    height: 18px;
    top: -1px;
    left: -1px;
    right: -1px;
    background-color: #5B4DAC;
    border-radius: 15px 15px 0px 0px;
}

.zd-price-package-item.premium .data-title {
    color: #5B4DAC;
}

.zd-price-package-item-wrapper .zd-price-package-item.premium .zd-button-wrapper .zd-button {
    background-color: #5B4DAC;
    border: 1px solid transparent;

}

.zd-price-package-item-wrapper .zd-price-package-item.premium .zd-button-wrapper .zd-button:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #5B4DAC;
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #5B4DAC;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #5B4DAC;
    border: 1px solid #5B4DAC;
    color: #fff;

}

.zd-price-package-item-wrapper .zd-price-package-item .zd-button-wrapper .zd-button:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), #5B4DAC;
    background: white;
    border: 1px solid #121212;
    color: #121212;
}













/*
==============================================
    18. TWO COLUMN SECTION
==============================================
*/
.two-column-section {
    color: #222222;
}

.two-column-section .zd-row-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.two-column-section .zd-row-wrapper .zd-col-1 {
    background: rgba(91, 77, 172, 0.25);
    padding: 40px 110px 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    max-width: 526px;
    width: 100%;
}

.two-column-section .zd-row-wrapper .zd-col-1 .data-title {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
}

.two-column-section .zd-row-wrapper .zd-col-1 .data-description {
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
}

.two-column-section .zd-row-wrapper .zd-col-2 {
    background: #F1F3F4;
    padding: 40px 50px;
    width: 100%;
}

.two-column-section .zd-row-wrapper .zd-col-2 .zd-row-item-wrapper {
    position: relative;
}

.two-column-section .zd-row-wrapper .zd-col-2 .zd-row-item {
    margin-bottom: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.two-column-section .zd-row-wrapper .zd-col-2 .zd-row-item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #E5E7E8;
    bottom: -35px;
}

.two-column-section .zd-row-wrapper .zd-col-2 .zd-row-item:last-child:before {
    display: none;
}

.two-column-section .zd-row-wrapper .zd-col-2 .zd-row-item .zd-description-wrapper {
    max-width: 380px;
    width: 100%;
    margin-right: 10px;
}

.two-column-section .zd-row-wrapper .zd-col-2 .zd-row-item:last-child {
    margin-bottom: 0;
}

.two-column-section .zd-row-wrapper .zd-col-2 .data-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 7px;
}

.two-column-section .zd-row-wrapper .zd-col-2 .data-description {
    color: #666666;
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
}



















/*
==============================================
    19. DETAILS TABLE SECTION
==============================================
*/
.zd-details-table .zd-table-header .zd-td {
    padding-top: 30px;
}

.zd-details-table .zd-tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.zd-details-table .zd-table-body .zd-tr:not(.zd-tr-title) {
    position: relative;
}

.zd-details-table .zd-table-body .zd-tr:not(.zd-tr-title)::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(91, 77, 172, 0.1);
    z-index: 9;
    border-radius: 5px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    display: none;
    opacity: 0;
}

.zd-details-table .zd-table-body .zd-tr:not(.zd-tr-title):hover::before {
    display: block;
    opacity: 1;
}

.zd-details-table .zd-table-header .zd-td.purple-round {
    color: #5B4DAC;
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    position: relative;
}

.zd-details-table .zd-table-header .zd-td.purple-round::before {
    content: '';
    position: absolute;
    background: #5B4DAC;
    border-radius: 14px 14px 0px 0px;
    height: 15px;
    left: 0;
    right: 0;
    top: -15px;
}

.zd-details-table .zd-tr .zd-td:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: initial;
    text-align: left;
    background: #fff;
}
.zd-details-table .zd-tr .zd-td:first-child a {
    position: relative;
    z-index: 99;
}

.zd-details-table .zd-table-body .zd-tr .zd-td:not(:first-child) {
    font-weight: 500;
    font-size: 14px;
    line-height: 135%;
    color: #666666;
}

.zd-details-table .zd-td {
    padding: 12px 20px 12px 20px;
    max-width: 196px;
    width: 100%;
    text-align: center;
    margin-right: 24px;
    background: #F5F5F5;
}

.zd-details-table .zd-td-title {
    font-weight: 600;
    font-size: 21px;
    line-height: 26px;
    color: #222222;
}

.zd-details-table .zd-check {
    position: relative;
}

.zd-details-table .zd-check::before {
    content: '';
    position: absolute;
    background: #5B4DAC;
    opacity: 0.75;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


































/*
==============================================
    20. FAQ SECTION
==============================================
*/
.zd-faq-wrapper .zd-faq-item {
    border-top: 1px solid #2F2F2F;
}

.zd-faq-wrapper .zd-faq-item:last-child {
    border-bottom: 1px solid #2F2F2F;
}

.zd-faq-wrapper .zd-faq-item .data-question {
    padding: 20px 45px 20px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #222222;
    position: relative;
}

.zd-faq-wrapper .zd-faq-item .data-question:hover {
    cursor: pointer;
}

.zd-faq-wrapper .zd-faq-item .data-answer {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    padding-bottom: 50px;
}

.zd-faq-wrapper .zd-faq-item .data-question:after {
    content: '+';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 27px;
    font-size: 26px;
    width: 16px;
    line-height: 26px;
    text-align: center;
    background-image: -o-linear-gradient(358deg, #222222, #222222);
    background-image: linear-gradient(92deg, #222222, #222222);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.zd-faq-wrapper .zd-faq-item.active .data-question:after {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}












/*
==============================================
    21. HOME PAGE BANNER 
==============================================
*/
.zd-home-page {
    color: #393b40;
}

.zd-home-page-banner {
    padding: 150px 0 50px 0;
}

.zd-home-page-banner img, .zd-solution-banner-section img {
    max-width: 837px;
}


.zd-home-page-banner .zd-container {
    align-items: center;
    text-align: center;
}

.zd-solution-banner-section .banner-image{
        display: flex;
    justify-content: center;
    margin-top: 35px;
}
.zd-home-page-banner .banner-content-wrapper, .zd-solution-banner-section .banner-content-wrapper,.xzd-table-of-content-section {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.zd-home-page-banner .banner-title ,.zd-solution-banner-section .banner-title {
    margin-bottom: 25px;
    font-size: 37px;
    text-transform: capitalize;
}

.zd-home-page-banner .banner-description, .zd-solution-banner-section  .banner-description{
    margin-bottom: 38px;
    font-size: 20px;
    line-height: 28px;
    color: #36383b;
}

.zd-home-page-banner .zd-button-wrapper, .zd-solution-banner-section .zd-button-wrapper  {
    margin-bottom: 38px;
}

.zd-home-page-banner .zd-button-wrapper .zd-button, .zd-solution-banner-section .zd-button-wrapper .zd-button {
    margin: auto;
}







/*
==============================================
    22. RESEARCH MADE EASY 
==============================================
*/
.zd-research-made-easy {
    padding: 50px 0;
}

.zd-research-made-easy .data-content {
    max-width: 600px;
    text-align: left;
}

.zd-research-made-easy .zd-card-wrapper {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}

.zd-research-made-easy .zd-card-wrapper .card-item {
    max-width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 30px;
}

.zd-research-made-easy .zd-card-wrapper .card-item:nth-child(2n) {
    margin-right: 0;
}

.zd-research-made-easy .zd-card-wrapper .card-item a {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    padding: 28px 28px 45px;
    top: 0;
    background: #fff;
    border: 1px solid #eee;
    border-top: 4px solid #5b4dac;
    transition: all .25s ease-in-out;
}

.zd-research-made-easy .zd-card-wrapper .card-item a:hover {
    box-shadow: 0 10px 30px -10px rgb(0 0 0 / 40%);
    top: -2px;
}

.zd-research-made-easy .zd-card-wrapper .card-item .data-title {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    font-size: 22px;
}

.zd-research-made-easy .zd-card-wrapper .card-item .data-title svg {
    margin-left: 10px;
    height: 21px;
}

.zd-research-made-easy .zd-card-wrapper .card-item .card-text p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 1.18;
}















/*
==============================================
    23. ADVANTAGES
==============================================
*/
.zd-advantages-section {
    padding: 50px 0;
}

.zd-advantages-section .advantages-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.zd-advantages-section .advantages-item {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 15px;
}

.zd-advantages-section .advantages-item:nth-child(2n) {
    margin-right: 0;
}

.zd-advantages-section .advantages-item h4 {
    margin-bottom: 35px;
    font-size: 22px;
    font-weight: normal;
}

.zd-advantages-section .advantages-item a {
    font-size: 20px;
    display: flex;
    align-items: center;
    color: rgb(40, 134, 255);
    cursor: pointer;
    text-decoration: none;
    transition: all .4s ease-in-out;
}

.zd-advantages-section .advantages-item a:hover {
    transform: translateX(5px);
}

.zd-advantages-section .advantages-item a svg {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    fill: rgb(40, 134, 255);
}

.zd-advantages-section .advantages-img {
    margin-bottom: 35px;
    text-align: center;
}

.zd-advantages-section .advantages-img img {
    width: 125px;
    height: 125px;
}

.zd-advantages-section .advantages-text {
    margin-bottom: 20px;
    flex: 1 1 auto;
    font-size: 18px;
}












/*
==============================================
    24. FIRST TIME
==============================================
*/
.zd-first-time {
    padding: 80px 0;
    color: #fff;
    background-color: #5b4dac;
}

.zd-first-time .zd-container {
    position: relative;
}

.zd-first-time .zd-container::before {
    content: '';
    display: block;
    position: absolute;
    top: -28%;
    right: 10%;
    width: 241px;
    height: 208.5px;
    background: url('../../home-page/img/clear_clip.png');
    background-repeat: no-repeat;
    background-size: 100% auto
}

.zd-first-time .first-time-wrapper {
    max-width: 600px;
    position: relative;
}

.zd-first-time .first-time-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -52%;
    left: -10%;
    width: 157px;
    height: 163px;
    background: url('../../home-page/img/bottom_first_time.png');
    background-repeat: no-repeat;
    background-size: 90% auto
}

.zd-first-time .first-time-wrapper p {
    margin-bottom: 0;
}

.zd-first-time .first-time-wrapper p:not(:last-child) {
    margin-bottom: 20px;
}


.zd-first-time .zd-button-wrapper {
     margin-bottom: 15px;
    margin-top: 40px;
}

.zd-first-time .zd-button-wrapper.arrow .zd-button {
    border-color: #fff;
}










/*
==============================================
    25. HOME PRICING 
==============================================
*/
.zd-home-pricing {
    padding: 50px 0;
    font-family: 'Montserrat', sans-serif;
}

.zd-home-pricing .zd-price-package-item-wrapper {
    justify-content: center;
}

.zd-home-pricing .zd-price-package-item-wrapper .zd-button-wrapper .zd-button {
    border-radius: 30px;
}









/*
==============================================
    26. HOME PAGE BLOG SECTION 
==============================================
*/
.zd-home-page-blog {
    padding: 70px 0;
    background-color: #f1f3f4;
}

.zd-home-page-blog .post-item:first-child{
    margin-right: 30px;
}

.zd-home-page .zd-home-page-blog h2 {
    margin-bottom: 100px;
    text-align: center;
}

.zd-home-page-blog .zd-posts-feed .posts-wrapper {
    justify-content: center;
}

.zd-home-page-blog .zd-posts-feed .post-item {
    max-width: calc(33.333% - 20px);
}

.zd-home-page-blog .zd-posts-feed .post-item:nth-child(2n) {
    margin-right: 0;
}









/*
==============================================
    27. HOME PAGE TOOLS SECTION
==============================================
*/
.zd-home-page-tools {
    padding: 70px 0;
    background-color: #f1f3f4;
}

.zd-home-page .zd-home-page-tools h2 {
    margin-bottom: 40px;
    text-align: center;
}

.zd-home-page-tools .tools-wrapper {
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.zd-home-page-tools .tools-content {
    margin-right: 70px;
    flex: 0 0 585px;
}

.zd-home-page-tools .tools-content h4 {
    font-size: 23px;
    margin-bottom: 20px;
    color: #393b40;
}

.zd-home-page-tools .tools-content p {
    font-size: 18px;
}

.zd-home-page-tools .tools-item {
    display: flex;
}

.zd-home-page-tools .tools-item:not(:last-child) {
    margin-bottom: 70px;
}

.zd-home-page-tools .item-img {
    margin-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
}

.zd-home-page-tools .item-img img {
    width: 125px;
    height: 125px;
}

.zd-home-page-tools .item-content p {
    font-size: 18px;
    margin: 0;
}

.zd-home-page-tools .item-content a {
    margin-top: 20px;
    font-size: 20px;
    display: flex;
    align-items: center;
    color: rgb(40, 134, 255);
    cursor: pointer;
    text-decoration: none;
    transition: all .4s ease-in-out;
}

.zd-home-page-tools .item-content a:hover {
    transform: translateX(5px);
}

.zd-home-page-tools .item-content a svg {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    fill: rgb(40, 134, 255);
}

.zd-home-page-tools .tools-sidebar {
    flex: 0 0 315px;
    position: relative;
}

.zd-home-page-tools .tools-sidebar-content {
    max-width: 315px;
}

.zd-home-page-tools .tools-sidebar-content h3 {
    font-size: 28px;
    margin-bottom: 30px;
}

.zd-home-page-tools .tools-sidebar-content p {
    margin-bottom: 30px;
}

.zd-home-page-tools .tools-sidebar-content .zd-button-wrapper .zd-button {
    max-width: 300px;
}











/*
==============================================
    28. HOME PAGE MORE THAN
==============================================
*/
.zd-more-than {
    padding: 120px 0;
}

.zd-more-than .zd-container {
    display: flex;
    align-items: center;
}

.zd-more-than .data-content {
    max-width: calc(50% - 15px);
}

.zd-more-than .data-content p {
    margin-bottom: 0;
}

.zd-more-than .data-content p:not(:last-child) {
    margin-bottom: 20px;
}

.zd-more-than .data-img {
    height: 100%;
    width: 100%;
    max-width: calc(50% - 15px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.zd-more-than .data-img img {
    max-width: 250px;
}











/*
==============================================
    29. GET STARTED NOW SECTION
==============================================
*/
.zd-get-started-now-section {
    background-color: #36383B;
    padding-top: 153px;
    padding-bottom: 151px;
    color: #fff;
}

.zd-get-started-now-section .zd-container {
    display: flex;
    justify-content: center;
}

.zd-get-started-now-section.light {
    background-color: #F1F3F4;
    color: #000;
}

.zd-get-started-now-section .zd-section-data-content {
    max-width: 540px;
    width: 100%;
    text-align: center;
    display: block;
}

.zd-get-started-now-section .zd-section-data-content .data-title {
    margin-bottom: 56px;
    font-weight: normal;
    font-size: 38px;
    line-height: 46px;
}

.zd-get-started-now-section .zd-section-data-content .data-description {
    margin-bottom: 40px;
    font-size: 19px;
    line-height: 26px;
}








/*
==============================================
    30. CLIENTS REVIEWS 
==============================================
*/
.zd-clients-reviews {
    padding: 100px 0 150px 0;
}


.zd-clients-reviews .slider-container {
    display: flex;
    align-items: center;
}

.zd-clients-reviews .swiper {
    display: none;
}

.zd-clients-reviews .swiper-wrapper {
    align-items: stretch;
}


.zd-clients-reviews .swiper-pagination {
    display: none;
    margin-top: 30px;
    position: static;
}

.zd-clients-reviews .swiper-pagination-bullet {
    background: #DDDDDD;
}

.zd-clients-reviews .swiper-pagination-bullet-active {
    background: #5B4DAC;
}

.zd-clients-reviews .swiper-button-next,
.zd-clients-reviews .swiper-button-prev {
    display: none;
    position: static;
    color: #BBB;
}

.zd-clients-reviews .swiper-button-next::after,
.zd-clients-reviews .swiper-button-prev::after {
    font-size: 25px;
}

.zd-clients-reviews .swiper-button-next {
    margin-left: 45px;
}

.zd-clients-reviews .swiper-button-prev {
    margin-right: 45px;
}

.zd-home-page .zd-clients-reviews h2 {
    margin-bottom: 80px;
    text-align: center;
}

.zd-clients-reviews .data-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.zd-clients-reviews .data-item {
    max-width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 35px;
    padding: 30px 35px 35px 30px;
    background: #F5F5F5;
    border: 1px solid #DDDDDD;
    border-radius: 15px;
}

.zd-clients-reviews .data-item:nth-child(2n) {
    margin-right: 0;
}

.zd-clients-reviews .data-item .item-top {
    display: flex;
    align-items: center;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.zd-clients-reviews .data-item .item-name {
    max-width: 50%;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2;
    color: #222222;
}


.zd-clients-reviews .data-item .item-company {
    margin-left: 15px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #BBBBBB;
    text-decoration: none;
    transition: all .25s ease-in-out;
}
/*
.zd-clients-reviews .data-item .item-company:hover {
    color: #736FAF;
    text-decoration: underline;
    transition: all .25s ease-in-out;
}
*/
.zd-clients-reviews .data-item .item-content {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #666666;
}

.zd-clients-reviews .data-item .item-content p {
    margin-bottom: 0;
}







/*
==============================================
    31. solutions 
==============================================
*/

/* 
==============================================
    CONTENT OF THE SOLUTIONS
==============================================

    1. RESET DEFAULT BROWSER STYLES
    2. FONTS
    3. GENERAL STYLES
        3.1 Containers
        3.2 Buttons
    4. SOLUTION PAGE
    5. SOLUTION BANNER SECTION
    6. TABLE OF CONTENT SECTION
    7. QUOTE SECTION
    8. SOLUTION CONTENT SECTION
    9. TWO COLUMNS SOLUTION SECTION
    10. SOLUTION SLIDER SECTION
    11. NUMBERED SECTIONS LIST SECTION
    12.  RESPONSIVE DESIGN


*/







/* 3.1 Containers */

.top_solutions_banner {
    background: #edeffb;
    background: rgba(91, 77, 172, 0.00);
    ackground: #e6e8f0;
    ackground: #f2f2f3;
    ackground: #f1f0f2;
    ackground: #f8f7f5;
    ackground: linear-gradient(180deg,#f8f7f5 75%,transparent 25%);
    text-align: center;
    padding-top: 11vh;
    adding-bottom: 30vh;
    order-top: 1px solid rgb(231,232,231);
}

.zd-solution-page .all_solutions_holder .zd-container {
    max-width: 1060px;
}
.zd-md-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 805px;
    width: 100%;
}
.zd-sm-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    max-width: 620px;
    width: 100%;
}















/*
==============================================
    4. SOLUTION PAGE
==============================================
*/

.zd-test-header {
    height: 80px;
    background: #ccc;
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
}


.zd-solution-page .zd-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}


body.zd-solution-page {
ont-family: 'Graphie', sans-serif;
    ackground: white;
}




/*
==============================================
    5. SOLUTION BANNER SECTION
==============================================
*/
.zd-solution-banner-section .zd-section-data-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
}
.zd-solution-banner-section .zd-section-data-content .data-title {
    font-size: 38px;
    ine-height: 46px;
    margin-bottom: 29px;
    font-weight: normal;    
    color: #393b40;
}
.zd-solution-banner-section .zd-section-data-content .data-description {
    font-size: 24px;
    ine-height: 29px;
    margin-bottom: 32px;
}
.zd-solution-banner-section .zd-section-data-content .premade-template {
    font-weight: 300;
    font-size: 20px;
    ine-height: 23px;
    margin-bottom: 50px;
}
.zd-solution-banner-section .zd-section-data-content .premade-template a {
    color: #36383B;
    -webkit-text-decoration-color: #36383B;
            text-decoration-color: #36383B;
}

.solutions_example_link_hold a{
font-size: 20px;
color: inherit;
text-decoration: underline;
}

/*
==============================================
    6. TABLE OF CONTENT SECTION
==============================================
*/

.zd-table-of-content-list{
  list-style-type: none;
    padding-left: 0px;
}
.table-of-content-title-wrapper h2{
font-weight: normal!important;
}
.table-of-content-title-wrapper i{
font-size: 20px;
margin-right: 10px;    
}
.table-of-content-title-wrapper{
    margin-bottom: 30px;
}

.zd-table-of-content-section {
    margin-bottom: 100px;
}
.zd-table-of-content-section .data-title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.zd-table-of-content-section .data-title-wrapper svg {
    margin-right: 26px;
    max-width: 36px;
}
.zd-table-of-content-section .data-title {
    color: #36383B;
    font-weight: 700;
    font-size: 24px;
    ine-height: 32px;
}
.zd-table-of-content-section .zd-table-of-content-list {
  column-count: 2;
   olumn-fill: auto;
   list-style-position: inside;
    column-gap: 0px;
}
.zd-table-of-content-section .zd-table-of-content-list .zd-table-of-content-list-item {
    font-size: 20px;
    ine-height: 27px;
    margin-bottom: 10px;
    width: 100%;
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;*/
    position: relative;
    padding-left: 20px;
    /*padding-bottom: 15px;*/
}
.zd-table-of-content-section .zd-table-of-content-list .zd-table-of-content-list-item:nth-child(3n) {
    argin-bottom: 0;
}
.zd-table-of-content-section .zd-table-of-content-list .zd-table-of-content-list-item::before {
    content: "-"; 
    color: #36383B; 
    font-weight: bold;
    position: absolute;
    left: 0;
}
.zd-table-of-content-section .zd-table-of-content-list .zd-table-of-content-list-item a {
    text-decoration: none!important;
    color: #36383B!important;
    display: inline-block;
    font-size: 20px;
    padding-bottom: 10px;
} 
.zd-table-of-content-section .zd-table-of-content-list .zd-table-of-content-list-item a:hover {
    cursor: pointer;
}
.zd-table-of-content-section .zd-table-of-content-list .zd-table-of-content-list-item a span {
    border-bottom: 1px solid #36383B;
    padding-bottom: 3px;
    ine-height: 38px;
}




/*
==============================================
    7. QUOTE SECTION
==============================================
*/
.zd-quote-section {
    background-color: #F1F3F4;
    padding-top: 75px;
    padding-bottom: 75px; 
    argin-bottom: 20px;
}
.zd-solution-full-width{
background-color: #F1F3F4;    
}

.zd-quote-section .zd-section-data-content { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    /*padding-top: 93px;*/
    /*padding-bottom: 92px; */
}
.zd-quote-section .zd-section-data-content .zd-col-1 {
    background-color: #F1F3F4;
    max-width: 70px;
    width: 100%;
}
.zd-quote-section .zd-section-data-content .zd-col-2 {
    margin-left: 51px;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.zd-quote-section .zd-section-data-content .data-quote {
    font-size: 20px;
    ine-height: 25.65px;
    margin-bottom: 32px;
}
.zd-quote-section .zd-section-data-content .data-quote-author {
    font-size: 16px;
    ine-height: 19.2px;
    color: #666666;
    font-style: italic;
}




/*
==============================================
    8. SOLUTION CONTENT SECTION
==============================================
*/
.zd-solution-content-section {
    padding: 75px 0; /*section padding*/
}
.next_white_section{
    padding-bottom: 0px;
}
.zd-solution-content-section .data-title {
    font-size: 30px;
    margin-bottom: 27px;
    ine-height: 36px;
    color: #000;
    font-weight: normal;
    margin-top: 0px;
}
.zd-solution-content-section  .data-sub-title {
    font-size: 24px;

    ine-height: 36px;
    color: #000;
    font-weight: normal;
    margin-bottom: 1em;
     margin-top: 2em;
    ext-decoration: underline;
}
.data-sub-title i{
    margin-right: 10px;
    color: #bab5c9;
}

.zd-solution-content-section .data-description p,.zd-solution-content-section .data-description ol,.zd-solution-content-section .data-description ul {
    font-size: 20px;
    ine-height: 35px;
    color: #36383B;
    color: #333E48;
}
.zd-solution-content-section .data-description p:last-child {
    margin-bottom: 0;
}

.new_solutions_ul,.new_solutions_ol{
margin-top: 2em;
margin-bottom: 2em;   
padding-left: 0;
list-style-type: none;
padding-left: 0px;
}
.new_solutions_olx{
margin-top: 2em;
margin-bottom: 2em;   
padding-left: 0;
padding-left: 0px;
}



.new_solutions_ul li,.new_solutions_ol li{
    font-size: 20px;
    ine-height: 27px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    padding-left: 20px;
       counter-increment: item;

}

.new_solutions_ul li:before{
    content: "\2022";
    color: #36383B;
    font-weight: bold;
    position: absolute;
    left: 0;

}

.new_solutions_ol li:before{
 content: counter(item) ".";
    color: #36383B;
    font-weight: bold;
    position: absolute;
    left: 0;

}



.solutions_box{
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 7%);
    margin-top: 2em;
    margin-bottom: 2em;

}

.solutions_white_block{
    background: white;
    border-radius: 3px;
    padding: 15px;
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 7%);
    min-height: 185px;
}

.solutions_white_block_title{
        font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 5px;
    font-weight: bold;
}




.solutions_white_block_desc{
margin-bottom: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    olor: #888;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    margin-top: 17px;
    margin-bottom: 17px;
}
.solutions_white_block{
    position: relative;
}
.solutions_white_block_link_holder{
  position: absolute;
    bottom: 15px;
    left: 0px;  
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.solutions_white_block_link_holder a{
     display: flex;
    justify-content: center;
    align-items: center;   
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
}

.solutions_white_block_link_holder a img{
margin-left: 5px;  
}

.solutions_white_block_link_holder a:hover{
text-decoration: underline;
cursor: pointer;
}



.solutions_white_block_link_holder{
 display: flex;
    justify-content: space-between;   
}


/*
==============================================
    9. TWO COLUMNS SOLUTION SECTION
==============================================
*/
.zd-two-columns-solution-section {
    padding: 75px 0; /*section padding*/
}
.zd-two-columns-solution-section-nested {
padding-bottom: 0px;
}

.zd-two-columns-solution-section .zd-section-data-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;    
    -webkit-box-pack: justify;    
        -ms-flex-pack: justify;    
            justify-content: space-between;
}
.zd-two-columns-solution-section .zd-section-data-content .data-block-item {
    max-width: calc(50% - 28px);
    width: 100%;
    margin-bottom: 50px;
}
.zd-two-columns-solution-section .zd-section-data-content .data-block-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}
.zd-two-columns-solution-section .zd-section-data-content .data-block-item .data-image-holder {
    margin-bottom: 11px;
}
.zd-two-columns-solution-section .zd-section-data-content .data-block-item .data-image-holder img {
    position: relative;
}
.zd-two-columns-solution-section .zd-section-data-content .data-block-item .data-title {
    font-size: 19px;
    ine-height: 23px;
    font-weight: 700;
    margin-bottom: 15px;
}
.zd-two-columns-solution-section .zd-section-data-content .data-block-item .data-description p {
    font-size: 20px;
    ine-height: 24px;
}




/*
==============================================
    10. SOLUTION SLIDER SECTION
==============================================
*/
.zd-solution-slider-section {
    padding: 75px 0; /*section padding*/
    argin-bottom: 100px;
}
.zd-solution-slider-section .zd-solution-slider {
    position: relative;
    margin-left: -40px;
    margin-right: -40px;
}
.zd-solution-slider-section .zd-solution-slider::before,
.zd-solution-slider-section .zd-solution-slider::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 0;
    z-index: 10;
}
.zd-solution-slider-section .zd-solution-slider::before {
    left: 20px;
    -webkit-box-shadow: -20px 0px 25px 20px #fff;
            box-shadow: -20px 0px 25px 20px #fff;
}
.zd-solution-slider-section .zd-solution-slider::after {
    right: 20px;
    -webkit-box-shadow: 20px 0px 25px 20px #fff;
            box-shadow: 20px 0px 25px 20px #fff;
}
.zd-solution-slider-section .zd-solution-slider .slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    width: 39px;
    height: 39px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 1px solid transparent;
    border-radius: 50%;
    outline: none;
    background: #36383B; /* black */
    background: #bab5c9; /* light purple */
    background: #858585; /* grey */
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next {
    right: 47px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev {
    left: 47px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    -webkit-transform-origin: top;
        -ms-transform-origin: top;
            transform-origin: top;
}
.zd-slick-prev{
    left: 35px!important;
}
.zd-slick-next{
    right: 35px!important;
}



.zd-solution-slider-section .zd-solution-slider .zd-slick-next:hover,
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev:hover {
    -webkit-transform: scale(1.1) translate(0, -50%);
        -ms-transform: scale(1.1) translate(0, -50%);
            transform: scale(1.1) translate(0, -50%);
}
.zd-solution-slider-section .zd-solution-slider .slick-arrow {
    padding: 0px 11px;
}
.zd-solution-slider-section .zd-solution-slider .slick-arrow svg {
    width: 100%;
    height: 100%;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next svg {
    margin-left: 4px;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev svg {
    margin-right: 4px;
}
/* 2 */
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-2 {
    right: calc(50% - 50px);
    bottom: -70px;
    background: #fff;
    border: 1px solid #5B4DAC;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-2 {
    left: calc(50% - 50px);
    bottom: -70px;
    background: #fff;
    border: 1px solid #5B4DAC;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-2:hover,
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-2:hover {
    background: #5B4DAC;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-2:hover svg path,
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-2:hover svg path {
    stroke: #fff;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-2 svg {
    margin-left: 4px;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-2 svg {
    margin-right: 4px;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-2 svg path {
    stroke: #5B4DAC;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-2 svg path {
    stroke: #5B4DAC;
}
/* 3 */
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-3 {
    right: -25px;
    right: calc(50% - 50px);
    bottom: -70px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-3 {
    left: calc(50% - 50px);
    bottom: -70px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-3:hover,
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-3:hover {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-next-3 svg {
    margin-left: 4px;
}
.zd-solution-slider-section .zd-solution-slider .zd-slick-prev-3 svg {
    margin-right: 4px;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item-wrapper .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item-wrapper .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.zd-solution-slider-section .zd-solution-slider .slick-slide>div {
    height: 100%;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 100%;
    width: 200px;
    in-width: 200px;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item {    
    position: relative;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item .zd-slider-data {
    padding: 35px 25px;
    border: 3px solid #F1F3F4;
    border-radius: 5px;
    z-index: 2;
    margin: 10px 0;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-decoration: none;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    min-width: 100%;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item a.zd-slider-data:hover {
    -webkit-box-shadow: 0 0 30px rgb(91 77 172 / 15%);
            box-shadow: 0 0 30px rgb(91 77 172 / 15%);
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item .zd-slider-shadow {
    position: relative;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item::before {
    content: '';
    top: -10px;
    bottom: -10px;
    right: 15px;
    left: 15px;
    background-color: #F1F3F4;
    position: absolute;
    z-index: -1;
}
.zd-solution-slider-section .zd-solution-slider .slick-slide {
    margin-right: 20px;
    margin-left: 20px;
}
.zd-solution-slider-section .zd-section-data-content .data-image-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 59px;
    max-width: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.zd-solution-slider-section .zd-section-data-content .data-description {
    font-size: 18px;
    
    text-align: center;    
    color: #36383B;
   /* isplay: -webkit-box;
    isplay: -ms-flexbox;
    isplay: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;*/
}
.zd-solution-slider-section .zd-section-data-content .data-para {
    font-size: 16px;
margin-top: 10px;
    text-align: center;    
    color: #36383B;
   /* isplay: -webkit-box;
    isplay: -ms-flexbox;
    isplay: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;*/
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item-wrapper-2 .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item-wrapper-2 .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item-wrapper-3 .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.zd-solution-slider-section .zd-solution-slider .zd-slider-item-wrapper-3 .slick-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}




/*
==============================================
    11. NUMBERED SECTIONS LIST SECTION
==============================================
*/
.zd-numbered-sections-list-section .zd-numbered-sections-list-item {
    padding-top: 75px; /*section padding*/
    padding-bottom: 75px;
}
.zd-numbered-sections-list-section:not(.white_number_section) .zd-numbered-sections-list-item:nth-child(odd) {
    background-color: #F1F3F4;
}
.zd-numbered-sections-list-section .zd-numbered-sections-list-item .zd-section-data-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.zd-numbered-sections-list-section .zd-numbered-sections-list-item .zd-section-data-content .data-number {
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    color: #9B8BA0;
    color: #36383B;
    color: #858585; /* grey */
    margin-right: 30px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}
.zd-numbered-sections-list-section .zd-numbered-sections-list-item .zd-section-data-content .data-content {
    font-weight: 350;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}
.zd-numbered-sections-list-section .zd-numbered-sections-list-item .zd-section-data-content .data-title {
    font-size: 30px;
    ine-height: 36px;
    color: #000;
    margin-bottom: 27px;
    margin-top: 0px;
    font-weight: normal;
}
.zd-numbered-sections-list-section .zd-numbered-sections-list-item .zd-section-data-content .data-description {
    color: #36383B;
    font-size: 20px;
    ine-height: 35px;
}














.blob_border{stroke: #646464;
    stroke-width: 3px;
    /* stroke-dasharray: 9; */
    stroke-linejoin: round;}


/* 2.1 Custom Buttons */
/*
.zd-button-wrapper .zd-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
        align-self: auto;
    border-radius: 3px;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 13%);
            box-shadow: 0 1px 4px 0 rgb(0 0 0 / 13%);
    font-size: 14px;
    padding: 6px 15px;
    background: #5b4dac;
    color: #fff;
    cursor: pointer;
}
*/






/* 2.2 Login Button */
.zd-button-wrapper.zd-login-proceed-button {
    position: relative;
    margin-bottom: 24px;
}
.zd-button-wrapper.zd-login-proceed-button .zd-button {
    padding: 10px 15px;
    border-radius: 3px;
    ine-height: 1.4;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    outline: none;
    border: 1px solid;

    border-color: #5b4dac;
    margin: auto;
    background-color: #5b4dac;
    ox-shadow: 0 1px 4px 0 rgb(0 0 0 / 13%);
    border: 1px solid transparent;
    border-radius: 100px;

}
.zd-button-wrapper.zd-login-proceed-button .zd-button:hover,
.zd-button-wrapper.zd-login-proceed-button .zd-button:focus {
    ackground-color: #8778e0;
}






/* 2.3 Login Form */
.zd-login-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.zd-login-form .data-form-title {
    font-size: 40px;
    color: #1d1e1f;
    font-weight: normal;
    width: 100%;
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
}

.data-form-subtitle{
    text-align: center;
    margin-top: -10px;
    font-size: 17px;
    ext-decoration: underline;
}
.zd-login-form .zd-login-form-group {
    margin: 0 0 16px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

}
.zd-login-form .zd-login-form-group label {
    font-size: 14px;
    display: inline-block;
    color: rgb(0,0,0);
    line-height: 20px;
}
.flex_lab{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zd-login-form .zd-login-form-group label input{
    height: 40px;
    width: 100%;
    font-size: 16px;
    border-radius: 3px;
    border: 2px solid rgba(32,34,36,0.25);
    background-color: #fff;
    padding: 0 8px;
    outline: none;
      border-radius: 100px;
      background: #f8f8f8;
      margin-top:3px;
}


/* 2.4 Warning Messages */
.zd-alert{
visibility: hidden;
}
.zd-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 14px;
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.zd-alert svg,
.zd-alert img {
    max-width: 14px;
    margin-right: 7px
}
.zd-alert.zd-alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}
.zd-alert.zd-alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}
.zd-alert.zd-alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.zd-alert.zd-alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}















/*
==============================================
    32. LOGIN PAGE STYLES
==============================================
*/

.login-header .logo_text_holder{
    font-family: 'Graphie'!important;
}

/* 3.1 Page Content */
.zd-login-page {
    margin: 0;
}
.zd-login-page .zd-body-inner {
    position: relative;
}
.zd-login-page .zd-header {
    position: absolute;
    width: 100%;
    background: transparent;
    z-index: 10;
    padding-top: 25px;
    padding-left: 48px;
}
.zd-login-page .zd-header .zd-logo {
  display: flex;
    justify-content: left;
    align-items: center;
width: 170px;
    font-size: 22px;
    argin-left: 4%;
    color: black;
    text-decoration: none;

}
.zd-login-page .zd-header .zd-logo img{
margin-right: 15px;
    height: 40px;
    width: 40px; 
}

.zd-login-page .zd-header .zd-logo img {
    eight: 100%;
    idth: 100%;
}
.zd-login-page .zd-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.zd-login-page .zd-col-1 {
    background-image: url("https://www.surveyking.com/images/updated_design/login-bg.svg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-color: #dddddd;
    background-color: #cecece;
    padding: 48px 48px 98px 94px;
    overflow: hidden;
    position: relative;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 50%;
    width: 100%;
    background-size: 75vh;
}
.zd-login-page .zd-col-2 {
    max-width: 50%;
    width: 100%;
    background-color: #fff;
    overflow-y: auto;
    padding: 30px 48px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.zd-login-page .zd-login-form-wrapper {
    width: 100%;
    max-width: 480px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.zd-login-page .zd-login-img-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-45%, -75%);
        -ms-transform: translate(-45%, -75%);
            transform: translate(-45%, -75%);
    height: auto;
    width: 55%;
    max-width: 419px;
    z-index: 3;
}
.zd-login-page .zd-login-img-wrapper img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    -o-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -webkit-animation: float 12s ease-in-out infinite;
            animation: float 12s ease-in-out infinite;
}

@-webkit-keyframes float {
    0% {
        -webkit-transform:translatey(0px);
                transform:translatey(0px);
    }
    50% { 
        -webkit-transform:translatey(-20px); 
                transform:translatey(-20px);
    }
    100% {
        -webkit-transform:translatey(0px);
                transform:translatey(0px);
    }
}

@keyframes float {
    0% {
        -webkit-transform:translatey(0px);
                transform:translatey(0px);
    }
    50% { 
        -webkit-transform:translatey(-20px); 
                transform:translatey(-20px);
    }
    100% {
        -webkit-transform:translatey(0px);
                transform:translatey(0px);
    }
}

.zd-login-page .data-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    color: #fff;
    z-index: 3;
}
.zd-login-page .data-title {
    font-size: 46px;
    text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    line-height: 56px;
    /*z-index: 3;*/
    margin-bottom: 13px;
    font-weight: 700;
}
.zd-login-page .data-content {
    font-size: 16px;
    font-weight: 400;
    /*z-index: 3;*/
    line-height: 20px;
}

.zd-login-form-wrapper .zd-login-after-form-text {
    color: #63686F;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 24px;
}
.zd-login-form-wrapper .zd-login-after-form-text a,.flex_lab a,.loga {
    color: #639CEF;
}
.zd-login-page .zd-login-footer-text {
    opacity: 0.5;
    text-align: center;
    color: #63686F;
    font-size: 12px;
    font-weight: 500;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    
}
.zd-login-page .zd-login-footer-text a {
    color: inherit;
    text-decoration: none;
}
.zd-login-page .zd-login-footer-text .data-separator {
    margin: 0 3px;
}

















/*
==============================================
    33. THANKS PAGES 
==============================================
*/


.custom_text_hold{
  max-width: 600px;
  text-align: center;
  margin: auto;
  margin-top: 10vh;
      padding-left: 40px;
    padding-right: 40px;
}
.custom_header{
  font-size: 32px;
  margin-bottom: 20px;
}

.custom_message{
  font-size: 20px;
}




/* 3.3 Form Elements */
.warning{
margin-top:10px;
color: red;
visibility: hidden;
font-size: 13px;
}

.zd-form-group {
    margin-bottom: 25px;
}
.zd-form-group-last {
    margin-bottom: 15px;
}
.zd-form-group:last-child {
    margin-bottom: 0;
}
.zd-form-group label {
    width: 100%;
    text-align: left;
    font-size: 14px;
    display: inline-block;
    margin-bottom: 3px;
}
.zd-form-group input {
    width: 100%;
    display: block;
    outline: none;
    border:  1px solid #ddd;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    font-size: 15px;
    border-radius: 100px;
}


/*
==============================================
    4. HEADER
==============================================
*/

.thanks-header.logo-header {
    padding: 30px 0;
}
.thanks-header.logo-header .data-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
/* 
=========================================
    COPPIED FROM YOUR WEBSITE (START)
=========================================
*/
.thanks-header .logo_div {
    font-family: "Graphie", sans-serif!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.thanks-header .logo_div img {
    height: 40px;
    width: 40px;
    margin-right: 15px;
}
.thanks-header .logo_div a {
    color: black;
    text-decoration: none;
    font-size: 25px;
}
.thanks-header .logo_div sup {
    font-size: 13px;
    vertical-align: super;
}
/* 
=========================================
    COPPIED FROM YOUR WEBSITE (END)
=========================================
*/




/*
==============================================
    5. "THANK YOU" PAGE
==============================================
*/



/* 5.1 First Screen */
.zd-thank-you-first-screen {
    min-height: calc(100vh - 100px); /* 100px - height of the header */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-bottom: 100px;
    padding-top: 50px;
}
.zd-thank-you-first-screen .zd-col-1 {
    width: 100%;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.zd-thank-you-first-screen .zd-col-2 {
    width: 100%;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.zd-thank-you-first-screen img{
    max-width: 100%;
}

.zd-thank-you-page .zd-page-heading {
    margin-bottom: 80px;
}
.zd-thank-you-page .zd-page-title {
    font-size: 42px;
    line-height: 54px;
    font-weight: normal;
    color: #333e48;
    margin-bottom: 15px;
}
.zd-thank-you-page .zd-page-description {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 1px;
}


.zd-thank-you-form {
    width: 100%;
    max-width: 400px;
}
.zd-thank-you-form .zd-button {
    width: 100%;
    text-transform: uppercase;
    font-size: 15px;
}
.zd-thank-you-form .data-form-policy {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 15px;
    font-size: 14px;
    text-align: left;
}






/* 5.2 Second Screen */
.zd-thank-you-second-screen {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.zd-thank-you-second-screen .zd-col-1,
.zd-thank-you-second-screen .zd-col-2 {
    width: 100%;
    max-width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.zd-thank-you-second-screen .zd-col-1 {
    background-color: #00BF6F;
    color: #fff;
}
.zd-thank-you-second-screen .zd-col-2 {
    background-color: #05467E;
    color: #fff;
}
.zd-thank-you-second-screen .data-column-inner {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 70px 40px;
    text-align: center;
}
.zd-thank-you-second-screen .data-icon-holder {
    max-width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.zd-thank-you-second-screen .data-icon-holder img {
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 100%;
}

.zd-thank-you-second-screen .data-title {
    font-size: 38px;
    line-height: 1.3;
    font-weight: normal;
    margin-bottom: 25px;
}
.zd-thank-you-second-screen .data-description {
    font-size: 24px;
    margin-bottom: 40px;
    padding: 0 80px;
}


.zd-thank-you-second-screen .zd-button-wrapper {
    display: inline-block;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.zd-thank-you-second-screen .zd-col-1 .zd-button {
    color: #00BF6F;
}
.zd-thank-you-second-screen .zd-col-2 .zd-button {
    color: #05467E;
}
.zd-thank-you-second-screen .zd-button:hover {
    background: #eee;
}



.getNotifiedBox {
    position: fixed;
    left: 0;
    width: 100%;
    min-height: 10%;
     padding: 35px;
    margin: -5px 0;
    box-sizing: border-box;
    color: #fff !important;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    overflow: hidden;
    display: none;
        z-index: 9999;
        position: relative;
}

.close_banner_button{
    position: absolute;
    top: 20px;
    right: 26px;
    cursor: pointer;
}
.close_banner_button img{
    height: 30px;
}

.getNotifiedBox h1, .getNotifiedBox h2 {
    color: white !important;
font-weight: normal;
}

.getNotifiedBox h1 {
    color: white !important;
    font-size: 2rem;
font-weight: normal;
}

.getNotifiedBox h2 {
    color: white !important;
    font-size: 1.4rem;
    font-weight: normal;
}

.getNotifiedBox.success {
    position: fixed;
background-color: #5b4dab;
    opacity: 0.99;
    text-align: center;
    box-shadow: 0 0 5px rgba(57,70,78,.2);
}

.getNotifiedBox.warning {
    position: fixed;
    background-color: #5b4dac;
    opacity: 0.98;
}


/*
==============================================
    RESPONSIVE DESIGN
==============================================
*/
















/*
==============================================
    33. End THANKS PAGES 
==============================================
*/
























/*
==============================================
    34. FOOTER 
==============================================
*/
.zd-footer {
    background-color: #36383B;
    color: #fff;
}

.zd-footer .data-image-holder img{
    width: 40px;
}
.zd-footer .data-logo-text {
    font-family: 'Graphie'!important;
}

.zd-footer.light {
    background-color: #fff;
    color: #36383B;
}

.zd-footer .zd-section-data-content {
    padding-top: 100px;
    padding-bottom: 50px;
}

.zd-footer .zd-footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.zd-footer .zd-footer-copyright {
    text-align: center;
}

.zd-footer .zd-footer-top .zd-col-1 {
    max-width: calc(25%);
    width: 100%;
}

.zd-footer .zd-footer-top .zd-col-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(75% - 15px);
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.zd-footer .zd-footer-top .zd-footer-data-item {
    max-width: calc(33.33% - 15px);
    width: 100%;
}

.zd-footer .zd-section-data-content .data-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.zd-footer .zd-section-data-content .data-logo .data-image-holder {
    margin-right: 17px;
}

.zd-footer .zd-section-data-content .data-logo .data-logo-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 23px;
    line-height: 25px;
}

.zd-footer .zd-section-data-content .data-logo .data-logo-text sup {
    font-size: 7px;
    line-height: 7.7px;
}

.zd-footer .zd-section-data-content .data-socials-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.zd-footer .zd-section-data-content .data-title {
    margin-bottom: 21px;
    font-weight: normal;
    font-size: 19px;
    line-height: 23px;
}

.zd-footer .zd-section-data-content .data-list-item {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 15px;
}

.zd-footer .zd-section-data-content .data-list-item a {
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.zd-footer.light .zd-section-data-content .data-list-item a {
    color: #36383B;
}

.zd-footer .zd-section-data-content .data-list-item a:hover {
    olor: #B7A7E2;
text-decoration: underline;
}

.zd-footer.light .zd-section-data-content .data-list-item a:hover {
    olor: #5E4DC1;
}

.zd-footer .zd-section-data-content .data-logo {
    margin-bottom: 31px;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item {
    margin-right: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.zd-footer.light .zd-section-data-content .data-socials-icons .data-social-icon-item {
    border: 1px solid #36383B;
    margin-right: 15px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item:last-child {
    margin-right: 0;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item:hover {
    background-color: #fff;
    cursor: pointer;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item svg path {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item:hover svg path {
    fill: white;
}

.zd-footer .zd-section-data-content .data-socials-icons .data-social-icon-item svg path {
    fill: #36383B;
}

.zd-footer.light .zd-section-data-content .data-socials-icons .data-social-icon-item:hover {
    background-color: #36383B;
}