/* start :: thankyou-section */
.thankyou-section {
    padding-bottom: 134px;
    border-bottom: 1px solid var(--white);
}

.thankyou-section p {
    font-size: 21px;
    font-weight: bold;
    margin: -50px 0 43px 0;
}

.thankyou-section a.btn {
    font-weight: 600;
    position: relative;
    padding: 5px 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.thankyou-section a.btn img {
    margin-right: 10px;
    width: fit-content;
}

/* end :: thankyou-section */
/* start :: 404-section */
.error-section {
    border-bottom: 1px solid var(--white);
    padding-top: 75.6px;
}

.error-section .wrapper {
    max-width: 850px;
    width: 100%;
    margin: auto;
}

.error-section .wrapper h1 {
    margin-bottom: 16px;
    line-height: 1.27;
}

.error-section .wrapper p {
    margin-bottom: 28px;
    font-weight: bold;
}

.error-section .wrapper h6 {
    margin-bottom: 18px;
}

.error-section .wrapper ul {
    margin-bottom: 34.5px;
    padding: 0;
}

.error-section .wrapper ul li,
.blog-detail-section .blog-wrapper .right-content ul li {
    text-align: left;
    position: relative;
    list-style: none;
    padding-left: 20px;
}

.error-section .wrapper ul li::before,
.blog-detail-section .blog-wrapper .right-content ul li::before {
    content: "";
    background-image: url("https://speedygo.io/wp-content/themes/wpspeedy/assets/css/../images/white-border-circle.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 7px;
}

.error-section .img-wrap {
    line-height: 0;
}

.error-section .wrapper a.btn {
    margin-bottom: 5px;
    padding: 11.2px 24px;
    min-width: 258px;
}

label.plan-card.active-plan {
    position: relative;
}

span.active-badge {
    position: absolute;
    top: -9px;
    right: 11px;
    color: #7d6bfa;
    font-size: 12px;
    font-weight: 600;
    padding: 0 10px;
    background-color: #e5dcff;
    border-radius: 5px;
}

/* end :: 404-section */
/* start :: submit-ticket-section */
.submit-ticket-section {
    border-bottom: 1px solid var(--white);
    padding-top: 52px;
}

.submit-ticket-section .wrap {
    background: #000118;
    border-radius: 50px 50px 0 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    -ms-border-radius: 50px 50px 0 0;
    -o-border-radius: 50px 50px 0 0;
}

.submit-ticket-section .wrap .left-col {
    background-color: var(--white);
    border-radius: 50px 50px 0 0;
    -webkit-border-radius: 50px 50px 0 0;
    -moz-border-radius: 50px 50px 0 0;
    -ms-border-radius: 50px 50px 0 0;
    -o-border-radius: 50px 50px 0 0;
    padding: 62px 50.58px 47.75px;
    max-width: 542px;
    width: 100%;
    flex-direction: column;
}

.submit-ticket-section .wrap .left-col .top-info h1 {
    line-height: 1.14;
    margin-bottom: 18.5px;
}

.submit-ticket-section .wrap .left-col .top-info p {
    color: #000;
    font-size: 21px;
    line-height: 1.76;
    font-weight: 700;
    margin-bottom: 0;
}

.submit-ticket-section .wrap .left-col .wp-img {
    margin-top: auto;
}

.submit-ticket-section .wrap .right-col {
    max-width: calc(100% - 542px);
    width: 100%;
    padding: 77.74px 69.23px 82px 50.16px;
}

.submit-ticket-section .wrap .right-col h6,
.submit-ticket-section .wrap .right-col form .field-wrapper label {
    color: var(--white);
    font-size: 21px;
    line-height: 0.715;
    margin-bottom: 52.29px;
}

.submit-ticket-section .wrap .right-col form .field-wrapper {
    margin-bottom: 20px;
    line-height: 1;
}

.submit-ticket-section .wrap .right-col form .field-wrapper label {
    margin-bottom: 19.3px;
    font-family: var(--font-primary);
}

.submit-ticket-section .wrap .right-col form .field-wrapper input,
.submit-ticket-section .wrap .right-col form .field-wrapper textarea,
.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li span {
    border-radius: 10px;
    background: rgba(78, 78, 78, 0.30);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.94;
    color: rgba(255, 255, 255, 0.50);
    padding: 8px 20.34px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-color: transparent;
    font-family: var(--font-secondary);
    width: 100%;
}

.submit-ticket-section .wrap .right-col form .field-wrapper input [type="hidden"],
.submit-ticket-section .wrap .right-col form .field-wrapper .customList .orderby {
    display: none;
}

.submit-ticket-section .wrap .right-col form .field-wrapper textarea {
    resize: none;
}

.submit-ticket-section .wrap .right-col form .field-wrapper input:hover,
.submit-ticket-section .wrap .right-col form .field-wrapper input:focus,
.submit-ticket-section .wrap .right-col form .field-wrapper input:focus-visible,
.submit-ticket-section .wrap .right-col form .field-wrapper input:active,
.submit-ticket-section .wrap .right-col form .field-wrapper textarea:hover,
.submit-ticket-section .wrap .right-col form .field-wrapper textarea:active,
.submit-ticket-section .wrap .right-col form .field-wrapper textarea:focus,
.submit-ticket-section .wrap .right-col form .field-wrapper textarea:focus-visible {
    border: 1px solid var(--white);
    box-shadow: none;
}

.submit-ticket-section .wrap .right-col form .field-wrapper input::placeholder,
.submit-ticket-section .wrap .right-col form .field-wrapper textarea::placeholder {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.94;
    color: rgba(255, 255, 255, 0.50);
    font-family: var(--font-secondary);
}

.submit-ticket-section .wrap .right-col form .field-wrapper .wpcf7-not-valid-tip {
    display: none;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .wpcf7-not-valid-tip:first-of-type {
    display: block;
    margin-top: 8px;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList {
    position: relative;
    z-index: 3;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList ul {
    padding: 0;
    margin-bottom: 0;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper li {
    position: relative;
    list-style: none;
    cursor: pointer;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li span {
    display: block;
    position: relative;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li span::before {
    content: "";
    position: absolute;
    transition: .3s;
    z-index: 3;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    background-image: url("https://speedygo.io/wp-content/themes/wpspeedy/assets/css/../images/white-down-arrow.svg");
    width: 17px;
    height: 10px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: 22.13px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li.opened span::before {
    z-index: 23;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer {
    position: absolute;
    max-width: 50%;
    width: 100%;
    border-radius: 10px;
    background: #171828;
    box-shadow: 0px 4px 74px 0px rgba(0, 0, 0, 0.85);
    padding: 10.75px 20.55px 8.86px 15.25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    right: 0;
    margin-top: 8.6px;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li {
    padding: 12.75px 5px;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li a {
    width: 100%;
    text-decoration: none;
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 0.95;
    color: var(--white);
    font-family: var(--font-primary);
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li a::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border: 1px solid var(--white);
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li a::before {
    content: "";
    position: absolute;
    background-image: url("https://speedygo.io/wp-content/themes/wpspeedy/assets/css/../images/white-right.svg");
    width: 10px;
    height: 8px;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3 all;
    -webkit-transition: 0.3 all;
    -moz-transition: 0.3 all;
    -ms-transition: 0.3 all;
    -o-transition: 0.3 all;
    opacity: 0;
    visibility: hidden;
}

.submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li.selected a:before {
    opacity: 1;
    visibility: visible;
}

.submit-ticket-section .wrap .right-col form .field-wrapper label[for="file"] {
    cursor: pointer;
    color: var(--primary-color);
    margin-bottom: 30px;
}

.submit-ticket-section .wrap .right-col form .btn-wrapper {
    gap: 20px;
}

.submit-ticket-section .wrap .right-col form .btn-wrapper .btn {
    padding: 8.5px 18.5px;
    font-weight: 600;
}

.submit-ticket-section .wrap .right-col form .btn-wrapper .btn:last-child {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--white);
}

.submit-ticket-section .wrap .right-col form .btn-wrapper .btn:last-child:hover {
    background: linear-gradient(270deg, var(--secondary-color) 0%, var(--primary-color) 100%);
}

/* end :: submit-ticket-section */
/* start :: blog_slider_outer_div  */
.blog_section .blog_slider_outer_div {
    gap: 24px 0;
}

.blog_section .pagination {
    gap: 35px;
}

.blog_section .pagination ul li .page-numbers,
.blog_section .pagination span a {
    text-decoration: none;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.68;
    color: #05022f;
    font-family: var(--font-primary);
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.blog_section .pagination span a {
    gap: 9.89px;
}

.blog_section .pagination span:last-child a img {
    scale: -1;
}

.blog_section .pagination span a img {
    filter: brightness(0) saturate(100%) invert(6%) sepia(62%) saturate(2524%) hue-rotate(229deg) brightness(101%) contrast(115%);
    -webkit-filter: brightness(0) saturate(100%) invert(6%) sepia(62%) saturate(2524%) hue-rotate(229deg) brightness(101%) contrast(115%);
}

.blog_section .pagination ul {
    gap: 3px;
}

.blog_section .pagination ul li .page-numbers {
    font-weight: bold;
    background-color: transparent;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_section .pagination ul li .page-numbers:hover,
.blog_section .pagination ul li .page-numbers.current {
    background-color: var(--primary-color);
    color: var(--white);
}

/* end :: blog_slider_outer_div  */
/* start :: inner-banner-section */
.inner-banner-section p {
    margin-bottom: 0;
}

.inner-banner-section .left-col .blog-info {
    gap: 20.32px;
    margin-bottom: 25px;
}

.inner-banner-section .left-col .blog-info span {
    background-color: var(--primary-color);
    border-radius: 4.432px;
    padding: 1px 8.7px;
    font-size: 16px;
    font-weight: 500;
}

.inner-banner-section .left-col .blog-info p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7.29px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
}

.inner-banner-section .left-col .social {
    gap: 19px;
}

.inner-banner-section .left-col .social p {
    font-size: 21px;
    font-weight: 700;
}

.inner-banner-section .left-col .social ul {
    gap: 12.59px;
    padding: 0;
    margin: 0;
    line-height: 0;
}

.inner-banner-section .left-col .social ul li {
    list-style: none;
    line-height: 0;
}

.inner-banner-section .left-col .social ul li a {
    width: 30.208px;
    height: 30.208px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: inline-block;
}

.inner-banner-section .hero_img_div img {
    border-radius: 8.864px;
    -webkit-border-radius: 8.864px;
    -moz-border-radius: 8.864px;
    -ms-border-radius: 8.864px;
    -o-border-radius: 8.864px;
}

/* end :: inner-banner-section */
/* start :: blog-detail-section */
.blog-detail-section {
    padding-top: 85px;
}

.blog-detail-section .blog-wrapper {
    gap: 88px;
    position: relative;
}

.blog-detail-section .blog-wrapper .left-sidebar {
    max-width: 310px;
    width: 100%;
    position: sticky;
    height: max-content;
    top: 114px;
    background-color: #F3F2FD;
    border-radius: 7.49px;
    -webkit-border-radius: 7.49px;
    -moz-border-radius: 7.49px;
    -ms-border-radius: 7.49px;
    -o-border-radius: 7.49px;
    padding: 40px 20px 30px 20px;
    transition: 0.3s all;
    -webkit-transition: 0.3s all;
    -moz-transition: 0.3s all;
    -ms-transition: 0.3s all;
    -o-transition: 0.3s all;
}

.blog-detail-section .blog-wrapper .left-sidebar.sticky-sidebar {
    top: 10px;
}

.blog-detail-section .blog-wrapper .left-sidebar h6 {
    margin-bottom: 32.7px;
}

.blog-detail-section .blog-wrapper .left-sidebar .info-wrap ul {
    padding-left: 22px;
    margin: 0;
    position: relative;
}

.blog-detail-section .left-sidebar .info-wrap ul::before {
    content: "";
    width: 5.243px;
    height: calc(100% + 15px);
    border-radius: 7.491px;
    background: rgba(109, 106, 251, 0.20);
    position: absolute;
    left: 0;
    top: -7px;
    z-index: 1;
}

.blog-detail-section .left-sidebar .info-wrap ul::after {
    content: "";
    width: 5.243px;
    height: var(--progress-height, 0%);
    border-radius: 7.491px;
    background: #6D6AFB;
    position: absolute;
    left: 0;
    top: -7px;
    z-index: 2;
    transition: height 0.15s ease-out;
}

.blog-detail-section .blog-wrapper .left-sidebar .info-wrap ul li {
    list-style: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    color: rgba(55, 53, 89, 0.80);
    ;
    cursor: pointer;
}

.blog-detail-section .blog-wrapper .left-sidebar .info-wrap ul li:not(:last-child) {
    margin-bottom: 8px;
}

.blog-detail-section .blog-wrapper .left-sidebar .info-wrap ul li:not(:first-child) {
    margin-top: 18px;
}

.blog-detail-section .blog-wrapper .left-sidebar .info-wrap ul li.active,
.blog-detail-section .blog-wrapper .left-sidebar .info-wrap ul li:hover {
    font-weight: 700;
    color: #373559;
}

.blog-detail-section .blog-wrapper .right-content {
    max-width: calc(100% - 400px);
    width: 100%;
}

.blog-detail-section .blog-wrapper .right-content p {
    font-weight: 500;
    margin-bottom: 0;
}

.blog-detail-section .blog-wrapper .right-content p span {
    font-weight: 500 !important;
    color: #4E4E4E;
}

.blog-detail-section .blog-wrapper .right-content h4 {
    font-size: 32px;
}

.blog-detail-section .blog-wrapper .right-content h2 {
    font-size: 34px;
}

.blog-detail-section .blog-wrapper .right-content h3 {
    font-size: 30px;
}

.blog-detail-section .blog-wrapper .right-content p:not(:last-child),
.blog-detail-section .blog-wrapper .right-content .content:not(:last-child) {
    margin-bottom: 10px;
    margin-top: 10px;
}

.blog-detail-section .blog-wrapper .right-content ul {
    padding: 0;
    margin: 0;
}

.blog-detail-section .blog-wrapper .right-content ul li::before {
    background-image: url("https://speedygo.io/wp-content/themes/wpspeedy/assets/css/../images/black-border-circle.svg");
}

.blog-detail-section .blog-wrapper .right-content p b {
    color: #000118;
}

.blog-detail-section .blog-wrapper .right-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
    /* font-family: Arial, sans-serif; */
    background-color: #fafafa;
    /* very light grey */
}

.blog-detail-section .blog-wrapper .right-content table td,
.blog-detail-section .blog-wrapper .right-content table th {
    border: 1px solid #e5e5e5;
    padding: 12px;
    text-align: left;
    vertical-align: top;
}

.blog-detail-section .blog-wrapper .right-content table tr {
    background-color: #fafafa;
}

.blog-detail-section .blog-wrapper .right-content table tr:nth-child(even) {
    background-color: #f5f5f5;
}

.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .docs-navigation a:last-child {
    justify-content: flex-end;
}



.documentation-highlights-section {
    background-image: url("https://speedygo.io/wp-content/themes/wpspeedy/assets/css/../images/blur-bg.webp");
    background-repeat: no-repeat;
    background-position: center;
}

.custom-tabs .tab-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 36px;
}

.custom-tabs .tab-buttons li {
    width: 100%;
    max-width: 386px;
    padding: 13px 20px;
    border-radius: 100px;
    border: 1px solid #7D6BFA;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.custom-tabs .tab-buttons li:hover,
.custom-tabs .tab-buttons li.active {
    background: linear-gradient(270deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    border-color: transparent;
    color: var(--white);
}

.custom-tabs .tab-content {
    display: none;
}

.custom-tabs .tab-content.active {
    display: block;
}

.custom-tabs .tab-content .article-col {
    margin-bottom: 30px;
}

.article-card {
    padding: 42px 41px;
    background: var(--white);
    border-radius: 20px;
    transition: 0.4s;
}

.article-card h6 {
    font-size: 21px;
    line-height: 1.6;
    font-family: var(--font-primary);
    transition: 0.4s;
}

.article-card .btn {
    color: #8470F7;
}

.article-card:hover {
    background: linear-gradient(270deg, var(--secondary-color) 0%, var(--primary-color) 100%);
}

.article-card:hover h6 {
    color: var(--white);
}

.article-card:hover .btn {
    background: var(--white);
}

.need-help-section {
    padding: 146px 0;
    border-radius: 50px 50px 0 0;
    background: linear-gradient(357deg, #170883 3.09%, #000118 102.01%);
    color: var(--white);
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.need-help-section .subContent {
    max-width: 650px;
    margin: 0 auto;
}

.need-help-section :is(h1, h2, h3, h4, h5, h6) {
    color: var(--white);
}

.need-help-section :is(.rightObj, .leftObj) {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.need-help-section :is(.rightObj, .leftObj) img {
    max-width: 100%;
}

.need-help-section .leftObj {
    left: 25px;
}

.need-help-section .rightObj {
    right: 80px;
}

.helpForm-wrapper {
    padding-top: 21px;
}

.helpForm-wrapper h6 {
    font-size: 21px;
    margin-bottom: 25px;
    font-family: var(--font-secondary);
}

.helpForm-wrapper .help-form {
    width: 100%;
    max-width: 588px;
    margin: 0 auto;
    position: relative;
}

.helpForm-wrapper .help-form .emailInput {
    background-color: var(--white);
    border-radius: 100px;
    padding: 19px 130px 19px 30px;
    font-size: 18px;
}

.helpForm-wrapper .help-form input[type="button"] {
    font-size: 21px;
    font-weight: 500;
    border-radius: 100px;
    padding: 10.5px 22.4px;
    background: linear-gradient(270deg, #CFA4DB 0%, #7D6BFA 100%);
    color: var(--white);
    border: none;
    position: absolute;
    right: 8px;
    top: 7px;
    cursor: pointer;
    font-family: var(--font-secondary);
    font-weight: 500;
    transition: 0.6s;
}

.helpForm-wrapper .help-form input[type="button"]:hover {
    outline: 1px dashed var(--primary-color);
    outline-offset: 2px;
    background: linear-gradient(270deg, #7D6BFA 0%, #CFA4DB 100%);
}


.docItem {
    position: relative;
    height: 100%;
}

.docItem::before {
    content: '';
    width: 100%;
    height: 345px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px 20px 0px 0px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.08) 0%, rgba(125, 107, 250, 0.08) 100%);
    z-index: -1;
    pointer-events: none;
}

.docItem .maindocImg {
    padding: 50px 35px;
    position: relative;
}

.docItem .docImg {
    position: relative;
    width: 100%;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.docItem .docImg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.docItem .docImg::after {
    content: '';
    width: 160px;
    height: 160px;
    border-radius: 100px;
    background-color: #F3BEC9;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    filter: blur(70px);
    z-index: -1;
}

.docItem .docInfo {
    display: flex;
    flex-direction: column;
    height: calc(100% - 320px);
}

.docItem .docInfo p {
    margin-bottom: 21px;
}

.docItem .docInfo .btn {
    margin: auto auto 0;
    max-width: max-content;
}


/* end :: blog-detail-section */

/*document page css start*/
body .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 {
    margin-top: 0;
    border-radius: 0 0 50px 50px;
    background: linear-gradient(180deg, #000118 34.23%, #180788 100%);
    color: #ffffff;
    padding: 60px 15px 100px 15px;
}

body .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .search-bar {
    border-radius: 60px;
}

body .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 .betterdocs-search-heading h1 {
    color: var(--white);
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper .betterdocs-content-wrapper {
    max-width: calc(var(--container-width) * 1px);
    padding-left: 1rem;
    padding-right: 1rem;
}

body .betterdocs-search-heading h2.heading,
body .betterdocs-search-heading h1.heading,
body .betterdocs-search-heading h3.heading,
body .betterdocs-search-heading h4.heading,
body .betterdocs-search-heading h5.heading,
body .betterdocs-search-heading h6.heading,
body .betterdocs-search-heading p.heading {
    color: var(--black);
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper>*:not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts,
body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper>*:not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts span {
    background-color: var(--primary-color);
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper:not(.betterdocs-category-layout-6) .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper>.betterdocs-single-category-wrapper .betterdocs-single-category-inner {
    border-radius: 20px;
    background: var(--white);
    overflow: hidden;
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-body .betterdocs-articles-list li a {
    position: relative;
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-category-grid-inner-wrapper .betterdocs-category-header .betterdocs-category-header-inner {
    border-color: rgba(0, 0, 0, 0.30);
}

body .betterdocs-faq-wrapper {
    display: flex;
    border-radius: 30px;
    background: var(--white);
    box-shadow: 0px 4px 92px 0px rgba(0, 0, 0, 0.04);
    padding: 96px 64px;
}

body .betterdocs-faq-wrapper>* {
    flex: 1;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-section-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--black);
    font-family: var(--font-primary);
    border: 0;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-title .betterdocs-faq-title-tag {
    padding-left: 0;
    font-weight: bold;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group {
    border: 0;
    padding: 0;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post {
    color: var(--black);
    font-size: 20.8px;
    line-height: 24px;
    font-weight: 700;
    padding: 19px 24px;
    cursor: pointer;
    background: #F8F7FF;
    border-radius: 8px;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group {
    padding: 0;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-main-content {
    font-size: 16px;
    color: rgba(5, 2, 47, 0.8);
    padding: 24px 24px 8px 24px;
    margin-top: 0;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-post-name {
    color: var(--black);
    font-size: 20.8px;
    line-height: 24px;
    font-weight: 700;
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-body .betterdocs-articles-list li a:after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--primary-color);
    transition: width 0.3s ease;
}

body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-body .betterdocs-articles-list li a:hover:after {
    width: 100%;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post svg {
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
    min-height: 30px;
    color: var(--white);
    background: var(--black);
    border-radius: 50%;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post svg path {
    stroke: #ffffff;
}

body .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span svg path {
    fill: var(--primary-color);
}

body .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active {
    border-color: var(--primary-color);
}

body #betterdocs-search-modal .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-info-tab .betterdocs-tab-items.active span {
    color: var(--black);
}

body #betterdocs-search-modal .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list:hover {
    background-color: #F8F7FF;
}

body .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub p {
    font-size: 14px;
}

body .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub p .show-more-btn {
    color: var(--black);
}

body .betterdocs-search-wrapper .betterdocs-search-details .betterdocs-search-content .betterdocs-search-items-wrapper .betterdocs-search-item-content .betterdocs-search-item-list .content-sub p .show-more-btn:hover {
    color: var(--primary-color);
}

body .betterdocs-faq-wrapper .betterdocs-faq-inner-wrapper>ul:last-child {
    margin-bottom: 0;
}

body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li:last-child .betterdocs-faq-group {
    margin-bottom: 0;
}

body .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a.active,
body .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:focus,
body .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a:hover {
    background-color: #F8F7FF;
}

body .betterdocs-sidebar.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-title {
    color: var(--black);
}

body .betterdocs-sidebar.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-collapse {
    color: var(--primary-color);
}

body .betterdocs-full-sidebar-left.betterdocs-sidebar-layout-8 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-body .betterdocs-articles-list li:not(:has(>ul)) a {
    color: rgba(5, 2, 47, 0.8);
}

.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area table {
    border-collapse: collapse;
    border: 1px solid;
    margin-bottom: 10px;
}

.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area table th,
.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area table td {
    border: 1px solid;
    padding: 5px;
    padding: 2px 10px;
    text-align: left;
}

body .betterdocs-single-layout-8.betterdocs-single-layout-10 .betterdocs-content-wrapper .betterdocs-full-sidebar-right .right-sidebar-toc-container .simplebar-content .betterdocs-toc ul li a.active,
body .betterdocs-single-layout-8.betterdocs-single-layout-10 .betterdocs-content-wrapper .betterdocs-full-sidebar-right .right-sidebar-toc-container .simplebar-content .betterdocs-toc ul li a:hover {
    background-color: #F8F7FF;
}

.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content hr+h2,
.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content hr+h3,
.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content hr+h4,
.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content hr+h5,
.betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content hr+h6 {
    margin-top: 20px;
}

.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main {
    padding-left: 0;
}

.betterdocs-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-footer .betterdocs-social-share .betterdocs-social-share-links li {
    display: inline-flex;
}

body .betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-footer .betterdocs-social-share .betterdocs-social-share-links,
body .betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-footer .betterdocs-article-reactions .betterdocs-article-reactions-box {
    padding: 15px;
    border-radius: 10px;
}

.betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-title .betterdocs-faq-title-tag {
    padding-top: 0;
}

.betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper:not(.layout-2) .betterdocs-category-icon .betterdocs-category-icon-img {
    margin-right: 0;
}

/*document page css end*/


/*Woo-commerce page css start*/
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {
    margin-bottom: 10px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    text-decoration: none;
    color: var(--black);
    list-style: none;
    display: block;
    padding: 12px 20px;
    background-color: #F8F7FF;
    border-radius: 10px;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background-color: #e8e5fb;
}

body.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background-color: var(--primary-color);
    color: var(--white);
}

body.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: var(--dark-blue);
}

body.woocommerce-account .button {
    color: #ffffff !important;
    border-radius: var(--border-radius);
    overflow: hidden;
}

body.woocommerce-account .woocommerce table.shop_table tbody th a {
    color: var(--primary-color);
}

body.woocommerce-account .woocommerce .woocommerce-customer-details :last-child,
body.woocommerce-account .woocommerce .woocommerce-order-details :last-child,
body.woocommerce-account .woocommerce .woocommerce-order-downloads :last-child {
    margin-bottom: 24px;
}

body.woocommerce-account .woocommerce-customer-details,
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 60px;
    margin-top: 60px;
    margin-bottom: 80px;
}

body.woocommerce-account .woocommerce-customer-details:before,
body.woocommerce-account .woocommerce-Addresses:before,
body.woocommerce-order-received .woocommerce-customer-details:before {
    content: none;
}

body.woocommerce-account .woocommerce-column--billing-address,
body.woocommerce-account .woocommerce-column--shipping-address,
body.woocommerce-account .woocommerce-Address,
body.woocommerce-order-received .woocommerce-column--billing-address,
body.woocommerce-order-received .woocommerce-column--shipping-address {
    flex: 1 1 350px;
    max-width: 400px;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    padding: 30px 40px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

body.woocommerce-account .woocommerce-column--billing-address:hover,
body.woocommerce-account .woocommerce-column--shipping-address:hover,
body.woocommerce-account .woocommerce-Address:hover,
body.woocommerce-order-received .woocommerce-column--billing-address:hover,
body.woocommerce-order-received .woocommerce-column--shipping-address:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}

body.woocommerce-account .woocommerce-column__title,
body.woocommerce-account .woocommerce-Address-title h2,
body.woocommerce-order-received .woocommerce-column__title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    line-height: 1.2;
}

body.woocommerce-account .woocommerce-column address,
body.woocommerce-account .woocommerce-Address address,
body.woocommerce-order-received .woocommerce-column address {
    line-height: 1.7;
    color: rgba(5, 2, 47, 0.80);
    font-size: 1rem;
    margin: 0;
    font-style: normal;
    border: 0;
    padding: 0;
}

body.woocommerce-account .addresses .title .edit {
    float: none;
}

body.woocommerce-account .woocommerce-column address a,
body.woocommerce-account .woocommerce-Address a,
body.woocommerce-order-received .woocommerce-column address a {
    color: #826af8;
    text-decoration: none;
    font-weight: 500;
}

body.woocommerce-account .woocommerce-column address a:hover,
body.woocommerce-account .woocommerce-Address a:hover,
body.woocommerce-order-received .woocommerce-column address a:hover,
.woocommerce-LostPassword.lost_password a:hover {
    color: var(--black);
}

body.woocommerce-account .woocommerce-info {
    border-top-color: #826af8;
}

body.woocommerce-account .woocommerce-info::before {
    color: #826af8;
}

body.woocommerce-account .woocommerce form .form-row .input-text,
body.woocommerce-account .woocommerce form .form-row select {
    border: var(--wc-form-border-width) solid rgb(219 219 219 / 80%);
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset {
    padding: 15px;
    margin-bottom: 10px;
}

body.woocommerce-account #account_display_name_description {
    font-size: small;
}

.woocommerce form .password-input input[type=password],
.woocommerce-page form .password-input input[type=password] {
    min-height: 38px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
}

body.woocommerce-account #add_payment_method #payment div.payment_box,
body.woocommerce-account .woocommerce-cart #payment div.payment_box,
body.woocommerce-account .woocommerce-checkout #payment div.payment_box {
    background-color: #ffffff;
}

body.woocommerce-account #add_payment_method #payment div.payment_box::before,
body.woocommerce-account .woocommerce-cart #payment div.payment_box::before,
body.woocommerce-account .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid #ffffff;
}

body.woocommerce-checkout .woocommerce ul.order_details {
    padding-left: 0;
}

body.woocommerce-checkout .woocommerce ul.order_details li {
    padding: 15px 25px;
    border: 0;
    background-color: #F8F7FF;
    border-radius: 15px;
}

body.woocommerce-checkout.woocommerce-page .woocommerce-columns--addresses::before {
    content: none;
}

body.woocommerce-order-received .woocommerce-customer-details .woocommerce-columns--addresses {
    justify-content: flex-start;
}

body.woocommerce-order-received .cnc-license-info,
body.woocommerce-order-received .cnc-plugin-download {
    margin-bottom: 24px;
}

body.woocommerce-page .woocommerce-message {
    border-top-color: #826af8
}

body.woocommerce-page .woocommerce-message::before {
    color: #826af8;
}

/*Woo-commerce page css end*/

/*Price page css*/
.inner-banner-section {
    border-radius: 0 0 50px 50px;
    background: linear-gradient(180deg, #000118 34.23%, #180788 100%);
    padding: 182px 0 275px 0;
}

.inner-banner-section h1 {
    color: var(--white);
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
}

.price-list-main-section {
    margin-top: -220px;
}

.price-list-main-section .single-price-list {
    padding: 12px;
    border-radius: 12px;
    border: 0.59px solid rgba(0, 0, 0, 0.30);
    background: #FFF;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
    margin-bottom: 50px;
}

.price-list-main-section .single-price-list .price-box {
    background-color: #E4E0FF;
    padding: 56px 30px;
    border-radius: 20px;
}

.price-list-main-section .single-price-list .price-box h2 small {
    font-size: 20px;
}

.price-list-main-section .single-price-list .price-box .tag {
    font-weight: 600;
    background-color: var(--white);
    display: inline-block;
    font-size: 20px;
    padding: 4px 19px;
    border-radius: 60px;
    margin-bottom: 25px
}

.price-list-main-section .single-price-list .price-content {
    padding: 33px 23px 17px 23px;
}

.price-list-main-section .single-price-list .price-content p {
    margin-bottom: 0px;
    color: #05022F;
    font-weight: 500;
}

.price-list-main-section .single-price-list .price-content .btn {
    margin-top: 60px;
}

.price-list-main-section .single-price-list.dark-card .price-box {
    background: linear-gradient(270deg, #CFA4DB 0%, #7D6BFA 100%);
}

.price-list-main-section .single-price-list.dark-card .price-box h2 {
    color: var(--white);
}

.price-list-main-section .bottom-text {
    font-weight: 500;
}

.need-help-section.money-back-box {
    padding: 200px 0;
}

/*Price page css end*/


@media (max-width:1620px) {
    .need-help-section h2 {
        font-size: 44px;
    }

    .need-help-section :is(.rightObj, .leftObj) {
        max-width: 21%;
    }

    .need-help-section .leftObj {
        left: 15px;
    }

    .need-help-section .rightObj {
        right: 15px;
    }
}

@media (max-width:1599px) {
    .thankyou-section {
        padding-bottom: 100px;
    }

    .thankyou-section p {
        margin: -50px 0 40px 0;
    }

    .error-section,
    .blog-detail-section {
        padding-top: 60px;
    }

    .need-help-section h2,
    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-section-title {
        font-size: 40px;
    }

    body .betterdocs-faq-wrapper {
        padding: 30px;
        border-radius: 10px;
    }

    body .betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-header .betterdocs-entry-title {
        font-size: 36px;
    }

}

@media (max-width:1400px) {
    .need-help-section {
        padding: 80px 0;
    }

    .need-help-section :is(.rightObj, .leftObj) {
        max-width: 21%;
    }

    .need-help-section .leftObj {
        left: 15px;
    }

    .need-help-section .rightObj {
        right: 15px;
    }
}

@media (max-width:1199px) {
    .thankyou-section p {
        margin: -40px 0 30px 0;
    }

    .submit-ticket-section .wrap .left-col {
        max-width: 380px;
        padding: 40px;
    }

    .submit-ticket-section .wrap .left-col .top-info p {
        font-size: 18px;
    }

    .submit-ticket-section .wrap .right-col {
        padding: 40px;
        max-width: calc(100% - 380px);
    }

    .submit-ticket-section .wrap .right-col h6,
    .submit-ticket-section .wrap .right-col form .field-wrapper label {
        margin-bottom: 34px;
        font-size: 17px;
    }

    .submit-ticket-section .wrap .right-col form .field-wrapper label {
        margin-bottom: 15px;
    }

    .submit-ticket-section .wrap .right-col form .field-wrapper input,
    .submit-ticket-section .wrap .right-col form .field-wrapper textarea,
    .submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li span,
    .submit-ticket-section .wrap .right-col form .field-wrapper input::placeholder,
    .submit-ticket-section .wrap .right-col form .field-wrapper textarea::placeholder {
        line-height: 1.4;
        font-size: 16px;
    }

    .blog-detail-section .blog-wrapper {
        gap: 30px;
    }

    /* .blog-detail-section .blog-wrapper .right-content { max-width: calc(100% - 338px);} */
    .docItem .maindocImg {
        padding: 35px;
    }

    .docItem .docImg {
        height: 180px;
    }

    .docItem .docInfo {
        height: calc(100% - 250px);
    }

    body .betterdocs-search-heading :is(h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading, p.heading) {
        font-size: 40px;
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-section-title {
        font-size: 30px;
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-title .betterdocs-faq-title-tag {
        font-size: 20px;
    }

    body .betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-header .betterdocs-entry-title {
        font-size: 30px;
    }
}

@media (max-width:991px) {
    .thankyou-section {
        padding-bottom: 70px;
    }

    .thankyou-section p {
        margin: -20px 0 30px 0;
        font-size: 18px;
    }

    .error-section,
    .blog-detail-section {
        padding-top: 50px;
    }

    .submit-ticket-section .wrap {
        padding: 0 30px 30px;
        gap: 30px;
    }

    .submit-ticket-section .wrap .left-col,
    .submit-ticket-section .wrap .right-col {
        max-width: 100%;
        background-color: transparent;
        padding: 0px;
    }

    .submit-ticket-section .wrap .left-col .top-info h1,
    .submit-ticket-section .wrap .left-col .top-info p {
        color: var(--white);
    }

    .submit-ticket-section .wrap .left-col .top-info h1 br {
        display: none;
    }

    .blog_section .blog_slider_outer_div [class*="col-"] {
        max-width: 50%;
        flex: 0 0 50%;
    }

    .blog_section .pagination ul {
        flex-direction: row;
    }

    .inner-banner-section .left-col {
        margin-bottom: 30px;
    }

    .inner-banner-section .left-col .blog-info {
        margin-bottom: 15px;
        gap: 15px;
    }

    .inner-banner-section .left-col .social {
        gap: 12px;
    }

    .inner-banner-section .left-col .social p {
        font-size: 18px;
    }

    .inner-banner-section .left-col .social ul {
        gap: 10px;
    }

    .blog-detail-section .blog-wrapper {
        gap: 20px;
    }

    .blog-detail-section .blog-wrapper .left-sidebar {
        max-width: 250px;
        padding: 16px 20px 30px;
    }

    .blog-detail-section .blog-wrapper .right-content {
        max-width: calc(100% - 270px);
    }

    .blog-detail-section .blog-wrapper .right-content .content p:not(:last-child),
    .blog-detail-section .blog-wrapper .right-content .content:not(:last-child) {
        margin-bottom: 20px;
    }

    .need-help-section {
        padding: 60px 0;
    }

    .need-help-section :is(.rightObj, .leftObj) {
        display: none;
    }

    .need-help-section .col-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .custom-tabs .tab-buttons li {
        max-width: 250px;
    }

    .article-card h6 {
        font-size: 16px;
    }

    .need-help-section h2 {
        font-size: 30px;
    }

    .docItem .maindocImg {
        padding: 20px;
    }

    .docItem .docImg {
        height: 150px;
    }

    .docItem .docInfo {
        height: calc(100% - 190px);
    }

    .docItem .docImg::after {
        width: 80px;
        height: 80px;
    }

    body .betterdocs-faq-wrapper {
        flex-direction: column;
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-post-name {
        font-size: 18px;
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post {
        padding: 15px 20px;
    }

    body .betterdocs-faq-wrapper {
        padding: 15px;
        margin-top: 50px;
    }

    body .betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content {
        font-size: 15px;
    }
}

@media (max-width:767px) {
    .thankyou-section p {
        margin: -10px 0 24px 0;
    }

    .error-section .wrapper h1 {
        font-size: 32px;
    }

    .error-section .wrapper p {
        margin-bottom: 18px;
    }

    .error-section .wrapper ul {
        margin-bottom: 22px;
    }

    .error-section .wrapper a.btn {
        margin-bottom: 0;
    }

    .submit-ticket-section .wrap {
        padding: 0 15px 15px;
        gap: 15px;
    }

    .submit-ticket-section .wrap .left-col .top-info p {
        font-size: 15px;
    }

    .submit-ticket-section .wrap .right-col h6 {
        margin-bottom: 24px;
        line-height: 1.2;
    }

    .submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer {
        max-width: 80%;
        padding: 10px;
    }

    .submit-ticket-section .wrap .right-col form .field-wrapper .customList .ulWrapper>li .ulContainer>li a {
        font-size: 14px;
    }

    .submit-ticket-section .wrap .right-col form .btn-wrapper {
        gap: 10px;
    }

    .inner-banner-section p br {
        display: none;
    }

    .blog_section .blog_slider_outer_div [class*="col-"] {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .blog_section .pagination {
        gap: 6px;
    }

    .blog_section .pagination span a {
        gap: 3px;
    }

    .blog_section .pagination ul li .page-numbers,
    .blog_section .pagination span a {
        font-size: 13px;
    }

    .blog_section .pagination ul li .page-numbers {
        width: 24px;
        height: 24px;
    }

    .blog-detail-section .blog-wrapper .left-sidebar {
        display: none;
    }

    .blog-detail-section .blog-wrapper .right-content {
        max-width: 100%;
    }

    .custom-tabs .tab-buttons {
        padding: 20px 0;
        gap: 15px;
    }

    .custom-tabs .tab-buttons li {
        font-size: 14px;
        padding: 10px 15px;
        max-width: 150px;
    }

    .article-card {
        padding: 30px;
    }

    .need-help-section {
        border-radius: 30px 30px 0 0;
    }

    .helpForm-wrapper {
        padding-top: 0;
    }

    .documentation-section .colItem:not(:last-child) {
        margin-bottom: 40px;
    }

    body .betterdocs-search-heading :is(h1.heading, h2.heading, h3.heading, h4.heading, h5.heading, h6.heading, p.heading) {
        font-size: 30px;
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-section-title {
        font-size: 24px;
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post svg {
        width: 24px;
        height: 24px;
        min-height: 24px;
    }

    body .betterdocs-wrapper.betterdocs-single-wrapper.betterdocs-single-layout-8 .betterdocs-content-wrapper .docs-content-full-main .betterdocs-content-inner-area .betterdocs-entry-header .betterdocs-entry-title {
        font-size: 30px;
    }

    body .betterdocs-wrapper.betterdocs-docs-archive-wrapper:not(.betterdocs-category-layout-4):not(.betterdocs-category-layout-6) .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-title:not(a) {
        font-size: 16px;
    }

    body.woocommerce-account .woocommerce-customer-details {
        flex-direction: column;
        gap: 30px;
    }

    body .betterdocs-category-grid-inner-wrapper .betterdocs-category-icon {
        margin-right: 0;
    }

    body .betterdocs-wrapper.betterdocs-docs-archive-wrapper.betterdocs-category-layout-1 .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper>*:not(.betterdocs-grid-top-row-wrapper) .betterdocs-category-items-counts span {
        width: 20px;
        height: 20px;
    }

    body .betterdocs-search-modal-layout-1 .betterdocs-search-layout-1 {
        padding: 40px 15px 70px 15px;
    }
}

@media (max-width:374px) {
    .custom-tabs .tab-buttons li {
        max-width: 130px
    }

    body .betterdocs-faq-wrapper.betterdocs-faq-layout-3.layout-layout-3 .betterdocs-faq-inner-wrapper .betterdocs-faq-list>li .betterdocs-faq-group .betterdocs-faq-post .betterdocs-faq-post-name {
        font-size: 16px;
    }
}

.fst_file_lists a {
    font-size: 15px;
}

.fst_file_lists i {
    display: none;
}

section.fs_ticket_thread_wrap {
    text-align: left;
}

.paging_simple_numbers,
.paging_simple_numbers span {
    display: flex;
    gap: 20px;
}

.paging_simple_numbers a {
    color: var(--dark-blue);
    cursor: pointer;
}

.paging_simple_numbers a.current,
.paging_simple_numbers a:hover {
    color: var(--primary-color) !important;
}

.paging_simple_numbers a.disabled {
    color: #999999;
}


/* ============================================================
       6. FINAL CTA
       ============================================================ */
.blog-detail-section .blog-wrapper .right-content .sg-final-cta {
    background: linear-gradient(0deg, var(--dark-blue) 34.23%, var(--medium-blue) 100%);
    border-radius: 16px;
    padding: 56px 32px;
    text-align: center;
}

.blog-detail-section .blog-wrapper .right-content .sg-final-cta .sg-final-title {
    color: #fff;
}

.blog-detail-section .blog-wrapper .right-content .sg-final-cta p {
    color: #fff;
    margin-bottom: 28px;
}

.blog-detail-section .blog-wrapper .right-content .sg-final-cta .sg-cta-row {
    display: inline-flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

@media (max-width: 560px) {
    .blog-detail-section .blog-wrapper .right-content .sg-final-cta {
        padding: 40px 20px;
        border-radius: 10px;
    }
}

.blog-detail-section .blog-wrapper .right-content ol {padding: 0;margin:0;list-style-position: inside;}