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%;}
.support_breadcrumbs .content-wrapper { padding: 0 20px;max-width: 1355px !important;margin: 0 auto;}
.support_breadcrumbs {background: #f4f7fc;height: 41px;line-height: 37px;}
.support_breadcrumbs ol {display: flex;list-style: none;align-items: center;padding: 0; margin: 0;}
.support_breadcrumbs ol li a {color: #313131;font-size: 13px;line-height: 28px;font-weight: 500;}
.support_breadcrumbs ol li .icon-angle-right:before { content: ""; margin: 0 15px 0 15px;color: #000;font-size: 14px;background: url(/template/default/images/support_breadcrumbs_arrow.png) no-repeat;width: 6px;height: 10px;display: inline-block;background-size: 6px;}
.has-icon a {position: relative; /* padding-left: 18px; */}
.has-icon a::before {content: "";margin: 0 15px 0 15px;color: #000;font-size: 14px;background: url(/template/default/images/support_breadcrumbs_arrow.png) no-repeat; width: 6px;height: 10px;display: inline-block;background-size: 6px;}
.built-in-comp-header {border-radius: 1px;background-image: -moz-linear-gradient( 90deg, rgb(36,116,206) 0%, rgb(66,129,190) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(36,116,206) 0%, rgb(66,129,190) 100%);background-image: -ms-linear-gradient( 90deg, rgb(36,116,206) 0%, rgb(66,129,190) 100%); height: 350px;}
.built-in-comp-header .main-title{padding-top: 150px;font-size: 54px;color: #fff;font-weight: bold;margin: 0px;padding-bottom: 30px;}
.built-in-comp-header h2.sub-heading{padding: 0px;font-size: 16px;color: #fff;    font-weight: 400;margin: 0;}

.home-demo-holder-new {padding: 30px 0 60px !important;display: inline-block;width: 100%;}
/* Hide all tab contents by default */
.tab-content-wrapper .content {display: none;}
/* Show active content */
.tab-content-wrapper .content.active {display: block;}
.tabs-header{ border: 1px solid rgb(212, 229, 245);background: rgb(255, 255, 255);box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); width: 1190px;height: 52px; margin: 0 auto; border-radius: 45px; display: flex;justify-content: space-between;padding: 0px 5px;line-height: 48px;align-items: center;}
.tabs-header input{display: none;}
.tabs-header label{padding: 0px 20px;cursor: pointer;}
.content-wrapper.feature-list-page {display: flex;justify-content: space-between; gap: 80px;}
.img-block.one_half{border-radius: 20px; background: rgb(244, 249, 254);  padding: 30px;width: 49%;margin: 0px;text-align: center;}
.tab-content-wrapper {margin-top: 50px;}

.feature-list-page ol li b,.feature-list-page ol li strong{font-weight:600;}
/* .feature-right-section .manual-holder ol.new_arrow_icon li{display:flex;align-items:start;gap: 5px;} */
.feature-list-page 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-list-page ol.new_arrow_icon{ list-style: none;padding: 0;}
.feature-list-page ol.new_arrow_icon li{  /* padding:5px 20px; */ padding: 0px 20px 20px;position:relative;}
.feature-list-page 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-list-page ol.new_arrow_icon1{ list-style: none;padding: 0;}
.feature-list-page .manual-holder ol.new_arrow_icon1 li{padding:5px 25px;position:relative;}
.feature-list-page span{ border: 1px solid rgb(212, 229, 245);border-radius: 50%;background: rgb(244, 249, 254);width: 42px;display: flex;align-items: center;justify-content: center;height: 42px;}
.feature-list-page span img{height: 24px;width: 24px;}
.feature-list-page h2{ display: flex;align-items: center; justify-content: start;gap: 15px;margin: 0 0 25px 0;}
.tabs-header label.active{ background: rgb(225, 239, 252);height: 40px; border-radius: 45px;line-height: 40px;font-weight: 600;}

.builtin_title {display: inline-block;width: 100%;text-align: center;padding: 50px 0px;}
.builtin_title h2{ font-size: 54px;color: #1e1e1e;font-weight: bold;}
.builtin_title h2 span{background-image: linear-gradient(#89CBF7, #0065D0); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.builtin_title p {font-size: 16px;color: #1e1e1e;line-height: 24px;}
.button-new {font-size: 16px;color: #0282d7;font-weight: 600; /* box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.13); */ padding: 0px 25px;display: inline-block;text-align: center;line-height: 38px;border-radius: 30px;/* border: 2px solid rgb(220, 241, 253); */ border: 2px solid rgb(37, 167, 254);background: rgb(255, 255, 255); width: 141px; height: 44px;margin-top: 15px;}


.main-footer {border-top: 1px solid rgb(218, 232, 240);}


.free-cost { /* background: url("/images/builtin/built-in-cost.webp"),#0a88df; */ background-image:linear-gradient(rgba(10,136,223,0.9), rgba(10,136,223,0.9)), url("/images/builtin/built-in-cost.webp");height: 267px;background-repeat: repeat; background-size: contain; text-align: center;padding: 35px 0px;margin-bottom: 70px;}
.free-cost h3 {font-size: 42px;color: #fcfcfc; margin: 0 0 30px 0;font-weight: bold;}
.free-cost a { 
    cursor: pointer;
    border: 1px solid rgb(209, 229, 37); border-radius: 5px;background: rgb(209, 229, 37);box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.26);width: 200px;height: 42px;display: inline-block;font-size: 18px;color: #1e1e1e;font-weight: 600; line-height: 38px;}
.free-cost a:hover{
        background: rgb(155 171 15);
    color: #fff;
    border: 1px solid rgb(155 171 15);
}
.tabs-component {padding-bottom: 80px;}

@media only screen and (max-width:1280px){
.tabs-header{width: 90%;flex-wrap: wrap;height: auto;justify-content: center;border-radius: 20px;}
.content-wrapper.feature-list-page{gap: 20px;width: 95%;}
.tabs-header{ display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden;white-space: nowrap; -webkit-overflow-scrolling: touch;flex-wrap: nowrap; justify-content: start;}
}

@media only screen and (max-width:1170px){
.free-cost h3 br,.builtin_title p br,.builtin_title h2 br{display: none;}
.free-cost{height: auto;margin-bottom: 20px;padding: 35px 30px;}
.built-in-comp-header .main-title{font-size: 45px;}
.builtin_title h2 {font-size: 45px;}
.built-in-comp-header{height: auto;padding-bottom: 50px;}
.built-in-comp-header .main-title {padding-top: 100px;}
.built-in-comp-header h2.sub-heading {padding: 0px 20px;}
.arrow_flex{        width: 100% !important;
        /* margin-left: 54px !important; */
        padding: 0 0 0 50px;}
}

@media only screen and (max-width:980px){
.content-wrapper.feature-list-page { display: flex;flex-direction: column;justify-content: space-between; gap: 20px;}
.img-block.one_half,.one_half{width: 100%;}
.tab-content-wrapper { margin-top: 30px;}
.tabs-component { padding-bottom: 50px;}
.builtin_title{padding: 30px 0px;}
}

@media only screen and (max-width:600px){
.builtin_title h2 {font-size: 40px;line-height: 45px;}
.free-cost h3 {font-size: 34px;}
    .built-in-comp-header .main-title {
        font-size: 40px;
    }
.tabs-header label {padding: 0px 15px;}
}

.feature-list-page .img-block img{
        box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);    border-radius: 15px;
}

.arrow_flex {
    width: 1190px;
    margin: 0 auto;
    display: flex;
    gap: 10px;
    margin-top: 30px;
}.arrow_flex .arrow.prev img {
    rotate: 180deg;
}.arrow_flex .arrow img {
    max-width: 60%;
}.arrow_flex .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow_flex .arrow {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #f5f6f7;
    color: #a7adb7;
    border: none;
    font-size: 30px;
    cursor: pointer;
}