body,h1, h2, h3, h4, h5 { font-family: "Segoe UI", Helvetica, sans-serif !important;}
.content-wrapper {padding: 0 20px;max-width: 1355px;margin: 0 auto;}
img {border: 0;height: auto;max-width: 100%;}

.features-holder .leftmenu-list::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.features-holder .leftmenu-list::-webkit-scrollbar{width: 8px;background-color: #F5F5F5;}
.features-holder .leftmenu-list::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #486b89;}
.manual-holder.newmanual h2 {font-size: 1.35rem !important; margin: calc(2rem - .14285714em) 0 1rem;}
.manual-holder.newmanual h3 {font-size: 1.28571429rem; margin: calc(2rem - .14285714em) 0 1rem; color: rgba(0, 0, 0, .87);}
.manual-holder.newmanual strong{font-weight:600;}
.manual-holder.newmanual h5{font-size:16px;color:#020202;font-weight:600; margin: 10px 0 !important;}
.features-holder .leftmenu-list { position:sticky;top:100px;overflow:auto !important;height:88vh;}
/* p.editor-video-blk img,.feature-right-section .manual-holder p img{	margin:15px 0px;} */
.feature-right-section .manual-holder h2:first-child{margin-top:0px;}
.features-content ol.angle-list>li:before{ content: "\ebad" !important;font-family: fontello;color: #212121 !important;font-weight: 600;left: 3px !important;}
.features-holder .feature-right-section{    padding: 0px 0px 0 30px;}
.features-holder .feature-dropdown{display:none !important;}
.features-holder .leftmenu-list {overflow: hidden;}
.feature-container .feature-header{ display: inline-block;width: 100%;border-radius: 1px;background-image: -moz-linear-gradient( 90deg, rgb(79,116,146) 0%, rgb(12,36,66) 100%) !important;background-image: -webkit-linear-gradient( 90deg, rgb(79,116,146) 0%, rgb(12,36,66) 100%) !important;background-image: -ms-linear-gradient( 90deg, rgb(79,116,146) 0%, rgb(12,36,66) 100%) !important; height: 400px;text-align:center;}
.gpt-container {display: flex;justify-content: center;align-items: center;margin: 35px 0 20px;position:relative;gap: 10px;}
.gpt-container a{ color: #deecf7;line-height: 0.4;}
.gpt-container a:hover{ color: #b1cadd;text-decoration: underline;}
.gpt-container span.check {position: relative;}
.gpt-container span{font-weight: 600;}
/* .gpt-container span.check::before {content: "\e835" !important;font-family: 'fontello'; position: absolute;top: 10px;display:inline-block; color: #deecf7;padding-left:5px;} */
.gpt-container span.check::before {
    content: "";
    background: url(/template/default/images/gpt-right-arrow.png);
    top: 10px !important;
    background-repeat: no-repeat;
    width: 13px;
    height: 12px;
    padding-left: 15px;
    display: inline-block;
    vertical-align: middle;
    background-position: 2px 0px;
}
.gpt-container a:hover span.check::before {color: #b1cadd;}
p.feature-subtxt {color: #fff;}
.feature-container .feature-title{font-size:54px;color:#fff;font-weight:bold;padding-bottom: 30px;padding-top:130px;}
.features-holder .leftmenu-list li a {padding: 15px 0 15px 15px;font-size: 14px;color: #1e1e1e; display: block;position: relative;}
ul.leftmenu-list {padding:10px;}
.features-holder .leftmenu-list li a.active {color: #346cd0;}
.features-holder .leftmenu-list li a.active {border-radius: 15px;background: rgb(224, 234, 252);}
.features-holder .feature-right-section { width: 70%;}
.features-holder .leftmenu-list li a,.features-holder .leftmenu-list li a.active{border-left:none}
.features-holder .leftmenu-list li a.active:after { content: "";position: absolute;top: calc(50% - 12px);left: -1px;width: 6px;height: 25px; border-radius: 6px; background: rgb(101, 147, 229);}
.manual-holder.new-container.newmanual {padding: 0px 0px 0 0; text-align: justify;}
.feature-right-section .manual-holder h2:first-child {font-size: 32px !important;color:#1e3654;font-weight:600; padding-bottom: 15px;text-align:left;}
.feature-right-section .manual-holder p, .prod-right-content .manual-holder p{font-size:16px;color:#020202;line-height: 27px;}
.features-holder .feature-leftmenu{border-right:1px solid rgb(230, 236, 242) !important;width: 31%; border: none;padding: 0 30px 0 0px;}
ul.leftmenu-list{ border-radius: 20px;background: rgb(243, 246, 252); border: none;width: 100%;}
.feature-right-section .manual-holder ol li b,.feature-right-section .manual-holder ol li strong{font-weight:600;}
/* .feature-right-section .manual-holder ol.new_arrow_icon li{display:flex;align-items:start;gap: 5px;} */
.features-content ol.new_arrow_icon li:before{content:'' !important;background:url(/template/default/images/features_new_arrow.png);width:9px;height:12px;position: absolute; padding: 0 0 0 0px;background-repeat: no-repeat;left: 0;margin: 6px 8px 0 0px;}
.feature-right-section .manual-holder ol.new_arrow_icon{ list-style: none;padding: 0;}
.feature-right-section .manual-holder ol.new_arrow_icon li{padding:5px 20px;position:relative;}
.features-content ol.new_arrow_icon1 li:before{content:'' !important;background:url(/template/default/images/features_yellow_arrow.svg);width:16px;height:16px;position: absolute; padding: 0 0 0 0px;background-repeat: no-repeat;left: 0;margin: 7px 8px 0 0px;}
.feature-right-section .manual-holder ol.new_arrow_icon1{ list-style: none;padding: 0;}
.feature-right-section .manual-holder ol.new_arrow_icon1 li{padding:5px 25px;position:relative;}
.feature-right-section .manual-holder ol { padding: 0 0 0 20px;}
.feature-right-section a{color:#2684dc;}
.home-demo-holder-new{padding-top:0px;}
.features-holder .feature-right-section{padding-bottom:0px;}
.main-footer {border-top:1px solid rgb(218, 232, 240);}
p.editor-video-blk {width: fit-content;}

.video-new-content a:before {content: ""; background: url(/template/default/images/arrowvideo2.png) 0 0 / 125px 80px no-repeat rgba(123, 121, 106, .76);cursor: pointer; display: block;height: 80px; position: absolute; width: 125px;z-index: 2; left: 295px;top: 140px;}
.video-new-content a:hover:before { background: url(/template/default/images/arrowvideo2.png) center / 125px 80px no-repeat rgba(246, 59, 68, .8) !important;width: 125px; height: 80px;}

@media only screen and (max-width:1280px) {
.freedemo-section .freedemo-head br,.freedemo-section .freedemo-content br {display:none;}
}

@media only screen and (max-width:1170px) {
.freedemo-section{height:auto;}
.freedemo-section .one_fourth{margin:0px}
}

@media only screen and (max-width: 1024px) {
.freedemo-section .freedemo-head{font-size:35px}
.features-holder .feature-dropdown {display: block !important;position: relative;border-radius: 5px;background-image: -webkit-linear-gradient(90deg, rgb(48 141 216) 0%, rgb(53 120 204) 100%) !important;font-size: 18px; padding: 10px 40px 10px 10px;font-weight: 400;color: #fff;}
.features-holder .feature-dropdown:after {content: "\eba4";font-family: fontello;position: absolute;right: 18px;top: 12px;}
.features-holder .features-content {display: flex; padding: 40px 0 20px;flex-direction: column;}
.features-holder .feature-right-section {width: 100%;padding: 10px 0px;}
.features-holder .feature-leftmenu {border-right: none;width: 100%;border: none;padding: 0px;}
.feature-container .feature-title{padding-top:100px;}
}

@media only screen and (max-width: 980px) {
.feature-container .feature-header { height: auto;padding-bottom: 40px;}
.feature-container .feature-title { font-size: 45px;}
.freedemo-section{padding:20px;}
}

@media only screen and (max-width: 768px) {
.freedemo-section .three_fourth { width: 100% !important;}
.feature-container .feature-title {font-size: 40px;}
.feature-container .feature-subtxt{padding:10px 0px;text-align:justify;}
.feature-right-section .manual-holder h2:first-child{text-align:left !important; font-size: 28px !important;}
.freedemo-section .freedemo-head{ font-size: 30px;line-height:normal;}
.freedemo-section .freedemo-button{width: auto !important; padding: 0px 15px !important;font-size: 16px !important;}
.home-demo-holder-new { padding: 30px 0 35px !important;}
.features-holder .features-content {display: flex;padding: 20px 0 20px;flex-direction: column;}
}

@media only screen and (max-width: 600px) {
.freedemo-section .freedemo-content{text-align:justify;}
.manual-block { margin-bottom: 0;}
.home-demo-holder-new {padding: 0px 0 35px !important;}
.freedemo-section .freedemo-head { font-size: 25px; line-height: normal;}
}


@media only screen and (max-width: 980px) {
.feature-container .feature-header {height: auto !important;}
}
@media only screen and (max-width: 600px) {
.gpt-container {flex-direction: column;flex-wrap: wrap;gap: 20px;}
}

.faq_answer .steps-img img, .img-resize .step-img-overlay img, .manual-block .img-overlay img, .manual-holder .step-img-overlay img {
    border: 1px solid #d1d1d1 !important;
    border-radius: 10px;
} .img-resize .step-img-overlay img {
    max-width: 690px !important;}
    
    .manual-holder .step-img-overlay a:hover:before {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "" !important;
    border-radius: 10px;
}.manual-holder .step-img-overlay a {
    position: relative;
    display: block;
    line-height: 0;
}.feature-right-section a {
    color: #2684dc;
}.img-resiz .step-img-overlay, .img-resize .step-img-overlay {
    max-width: fit-content;
}

@media only screen and (max-width: 1280px) {
    .img-resize .step-img-overlay img {
        max-width: 100% !important;
    }
}