/* tab section css start*/
.pageTabSec h2 {
    font-size: 29px !important;
    font-weight: bold !important;
    text-align: center;
    margin-bottom: 30px !important;
    color: #333;
}

.pageTabSec {
    max-width: 974px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.pageTabSec ul.pageTab {
    padding: 0 30px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    box-sizing: border-box;
}

.pageTabSec ul.pageTab li {
    padding: 12px 20px;
    box-sizing: border-box;
    margin: 0 20px;
    display: inline-block;
    font-size: 15px;
    color: #8c9ca2;
    cursor: pointer;
}

.pageTabSec ul.pageTab li.active {
    border-bottom: 2px solid #055367;
    color: #055367;
    font-weight: 600;
}

.pageTabSec ul.pageTab li:hover {
    color: #055367;
}

.pageTabSec .pageTabView {
    padding: 30px 0;
    display: none;
}

.pageTabSec .pageTabView.active {
    display: block;
}

.pageTabSec .pageTabView ul {
    width: 32%;
    display: inline-block;
    padding-left: 20px;
    box-sizing: border-box;
    list-style: disc;
    color: #93bac9;
    vertical-align: text-top;
}

.pageTabSec .pageTabView.solutions-tab ul {
    width: 25%;
    float: left;
}

.pageTabSec .pageTabView.solutions-tab ul:nth-child(1) {
    width: 27%;
}

.pageTabSec .pageTabView.solutions-tab ul:nth-child(2) {
    width: 26%;
}

.pageTabSec .pageTabView.solutions-tab ul:nth-child(3) {
    width: 28%;
}

.pageTabSec .pageTabView.solutions-tab ul:nth-child(4) {
    width: 19%;
}

.pageTabSec .pageTabView ul li a {}

.pageTabSec .pageTabView ul li a:hover {
    text-decoration: underline;
}

.pageTabSec .pageTabView ul li {
    padding: 6px 0;
    margin: 0;
    list-style-type: disc !important;
    color: #93bac9;
}

@media(max-width:1024px) {
    .pageTabSec .pageTabView {
        padding: 30px 20px
    }
}

@media(max-width:1023px) {
    .pageTabSec ul.pageTab {
        padding: 0 10px;
    }

    .pageTabSec ul.pageTab li {
        padding: 12px 10px;
        margin: 0 10px;
        font-size: 13px;
    }

    .pageTabSec .pageTabView ul {
        font-size: 13px;
    }

    .pageTabSec .pageTabView {
        padding: 20px;
    }
}

@media (max-width:991px) {
    .pageTabSec .pageTabView.solutions-tab ul {
        width: 25% !important;
    }
}

@media (max-width:767px) {
    .pageTabSec {
        display: none !important;
    }
}

/* tab section css end */


.zsiq_floatmain {
    display: none !important
}

.getqtTbl {
    border: none;
    margin: 0 auto 20px;
    width: 49%
}

textarea {
    background: #fcfcfc;
    border: 1px solid #d1d2d3;
    font-size: 14px;
    height: 80px;
    line-height: 20px;
    padding: 5px;
    resize: none;
    width: 90%;
}

#user-detail {
    display: none
}

h1.head {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0px;
    font-family: 'Zoho_Puvi_SemiBold';
}

a.btn-style {
    background: #7b868a !important;
    font-size: 14px !important;
    transition: all 1s
}

a.btn-style:hover {
    background: #424f56 !important;
    transition: all 1s
}

#scroll p {
    font-size: 15px
}

.getqtTbl td {
    padding: 10px 0;
    width: auto;
}

.getqtTbl input,
.getqtTbl select {
    background: #fcfcfc;
    border: 1px solid #d1d2d3;
    padding: 7px
}

.getqtTbl select {
    border-radius: 0;
    -webkit-border-radius: 0px;
    height: 35px;
    width: 95%
}

.getqtTbl .formfooter {
    background: none;
    text-align: left
}

.getqtTbl .formfooter input[type="submit"] {
    background: #069b4f !important;
    border: none;
    cursor: pointer;
    padding: 8px 35px;
    font-family: 'Zoho_Puvi_Medium';
}

.getqtTbl .formfooter input[type="reset"] {
    background: #cfd7da !important;
    border: none;
    color: #676b6d;
    margin: 0 0 0 15px;
    padding: 8px 35px;
    font-family: 'Zoho_Puvi_Medium';
}

.nlTxt {
    display: block;
}

h1.head {
    font-size: 19px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}

.demoFooTxt {
    border-top: 1px solid #e5e5e5;
    margin: 50px auto 0 auto;
    max-width: 730px;
    padding: 0 40px
}

.demoFooTxt h3 {
    font-size: 15px;
    margin-bottom: 0
}

.demoFooTxt p {
    font-size: 13px !important;
    margin-top: 10px
}

.demoFooTxt p span {
    display: block
}

.buyIcon {
    background: url(https://www.manageengine.com/data-security/images/icon-price-quote.png) no-repeat;
    background-size: 100%;
    height: 24px;
    margin: 34px 15px 59px 0;
    width: 24px;
}

.heading-menu {
    text-align: left
}

#chk1,
#chk2,
#chk3,
#chk4 {
    width: auto
}

.chk1,
.chk2,
.chk3,
.chk4 {
    display: none;
    text-align: right;
    position: relative;
}

.chk2 span,
.chk4 span {
    position: absolute;
    margin-left: -15px;
}

#ser1,
#ser2,
#ser3,
#ser4,
#ser5 {
    margin: 0 22px 0 3px;
    height: 14px;
    width: 50px;
}

.heading-menu {
    display: none;
}

.footer-new {
    background: #fff;
}

.mt-13 {
    margin-top: 13px
}

/*tooltip styles*/
.show-icon-over-txt {
    position: relative;
    margin-left: -15px;
}

.quote-compo-help_popup {
    background: #000;
    font-size: 12px;
    position: absolute;
    color: #fff;
    font-weight: normal;
    padding: 10px;
    text-align: left;
    width: 200px;
    line-height: 20px;
    z-index: 9999;
    margin: -20px 0px 0px 130px;
    display: none;
}

.arrow-left {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #000;
    height: 0;
    margin: -10px 0px 0px -15px;
    position: absolute;
    width: 0;
}

#help-popup2 {
    margin: -37px -216px 0px 0px;
    right: -15px;
}

#help-popup2 .arrow-left {
    margin: 1px 0px 0px -18px;
}

@media screen and (max-width: 870px) {
    #help-popup2 {
        margin: -81px 7px 0px 0px;
    }

    #help-popup2 .arrow-left {
        margin: 22px 0px 0px 190px;
        transform: rotate(270deg);
    }
}

@media screen and (max-width: 600px) {
    .getqtTbl {
        width: 90%;
    }
}

@media screen and (max-width: 400px) {
    .getqtTbl .formfooter input {
        width: 100%;
    }

    .getqtTbl .formfooter input[type="reset"] {
        margin: 15px 0 0 0;
    }
}


.addon-tag {
    color: #fff;
    display: block;
    font-size: 9px;
    background: linear-gradient(45deg, #005278, #0071a5);
    line-height: 12px;
    padding: 5px;
    border: 1px solid #1b8abd;
    border-radius: 3px;
    margin: -1px 0 6px 26px;
    position: relative;
    width: 252px;
}

.addon-tag::before {
    content: "";
    width: 10px;
    height: 22px;
    position: absolute;
    right: -8px;
    top: -1px;
    background: #036fa2;
    border-top: 1px solid #1c8abd;
    border-bottom: 1px solid #1c8abd;
}

.addon-tag::after {
    content: "";
    width: 15px;
    height: 15px;
    border-top: 1px solid #1b8abd;
    border-left: 1px solid #1b8abd;
    position: absolute;
    right: -15px;
    top: 3px;
    transform: rotate(-45deg);
    background: #fff;
}

@media screen and (max-width: 460px) {
    .addon-tag {
        width: 190px;
        line-height: 14px;
    }

    .addon-tag::before {
        height: 38px;
        right: -9px;
    }

    .addon-tag::after {
        height: 26px;
        width: 26px;
        top: 5px;
        right: -22px;
    }
}