@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

    html,
    body {
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 1em;
        background-color: #FFF;
        font-family: 'Lexend', sans-serif;
        box-sizing: border-box;
        /* overflow-y: auto;
        height: 100vh; */


    }

    body :is(h1,
        h2,
        h3,
        h4,
        h5,
        h6) {
        margin: 0;
        padding: 0;
        text-rendering: optimizelegibility;
        margin-top: 0;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
    }

    body :is(p,
        ul,
        li,
        ol) {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    body {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
        height: 100%
    }

    a {
        text-decoration: none;
    }

    .padding0 {
        padding: 0;
    }

    audio,
    canvas,
    iframe,
    img,
    svg,
    video {
        vertical-align: middle;
        width: auto;
        max-width: 100%;
    }

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

    textarea {
        resize: vertical;
    }



    .clearfix:before,
    .clearfix:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .clearfix:after {
        clear: both;
    }

    * {
        margin: 0;
        padding: 0;
        text-decoration: none;

        font-family: 'Lexend', sans-serif;
    }

    p {
        font-size: 16px;
        font-weight: normal;
        color: #202224;
    }

    header {
        width: 100%;
        background-color: #00ACD7;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 32px 16px 32px;
        box-sizing: border-box;
        z-index: 1050;
        position: sticky;
        top: 0;
        gap: 16px;

    }



    .nav-link .hover-div drop-content a {
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 16px;
        color: #202224;
        font-weight: normal;
        cursor: pointer;
        text-decoration: none;

        margin-bottom: 0;
    }

    .nav-link {
        display: flex !important;
        align-items: center;

        height: 100%;
    }

    .menu-btn img {
        width: 28px;
    }

    .nav-link .download-btn {

        padding: 10px 24px;
        color: #FFFFFF;
        font-size: 16px;
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: 3px;
        line-height: 20px;
        border: none;
        margin-left: 16px;
        text-decoration: none;

    }

    .cms-blu-head h1 {
        text-align: left;
        font: normal normal normal 42px/53px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;

    }

    .cms-blu-head {
        margin-bottom: 32px;
        padding-top: 64px;
    }

    .cms-blu-section {


        background: url(../img/Group2101.png);
        background-size: 100% 100%;
        background-position: center;
        padding-bottom: 100px;
        background-repeat: no-repeat;
        padding-top: 64px;





    }

    .cms-blu-section-right {
        width: 66.66666667%;
        position: relative;

        /* perspective: 800px;
        z-index: 5;
        perspective-origin: 50% 50%; */
    }

    .cms-blu-section-left {
        width: 33.33333333%;
    }

    .cms-blu-section-left p {
        font: normal normal normal 18px/28px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-bottom: 20px;
    }

    .cms-blu-section-left ul {
        display: flex;
        margin-bottom: 27px;
        padding-left: 0;

    }

    .cms-blu-section-left ul a {
        text-decoration: underline;
        color: #FFFFFF;
        font: normal normal normal 16px/20px Lexend;
        letter-spacing: 0px;
    }

    .cms-blu-inner {
        width: 100%;
        max-width: 1366px;
        display: flex;
        justify-content: space-between;
        padding-inline: 24px 22px;
        margin: auto;
    }

    .cms-blu-section-right img {
        position: absolute;
        bottom: -48px;
        right: 0px;
        max-width: 100%;
        max-height: 488px;
        box-shadow: 0px 0px 12px #00000029;
        border-radius: 3px;
        /* transform: rotateY(0) translateX(0);
        transform-style: preserve-3d;
        transition: all ease-in-out 280ms;
        transform-origin: 50% 50%;
        z-index: 50;
        animation: slow-rotate ease-in-out 1s; */
    }

    /* .cms-blu-section-right img:hover {
        transform: rotateY(-10deg) translateX(20px) !important;
        box-shadow: 0 0 20px 0px rgba(0, 0, 0, .2) !important;
    } */

    .cms-blu-card {
        background-color: #FFFFFF;
        padding: 16px 18px;

    }

    .cms-blu-card-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, 120px);
        gap: 16px;
        padding-bottom: 24px;
    }

    .cms-blu-card p {
        font: normal normal 600 16px/20px Lexend;
        letter-spacing: 0px;
        color: #00ACD7;
        margin-bottom: 0;
    }

    .cms-blu-card {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        border-radius: 3px;
    }

    .cms-blu-card img {
        width: 56px;
        height: 56px;
    }

    .brd-crb li::after {
        content: '-';
        font: normal normal normal 16px/20px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;
        margin-inline: 5px 7px;
    }

    .brd-crb li:last-child:after {
        display: none;
    }

    .tech-link {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        row-gap: 16px;
    }

    .technology-section {
        /* margin-top: 128px; */
        margin-bottom: 120px;
        padding-inline: 24px 22px;
    }

    /* 
    .cms-wht-section {
        padding-inline: 24px 22px;
    } */

    .tech-link a {
        font-size: 16px;
        letter-spacing: 0px;
        color: #202224;
        display: flex;
        gap: 8px;
        align-items: center;
        font-weight: normal;
        text-decoration: none;
        width: fit-content;
    }

    .section-head {
        font-size: 35px;
        letter-spacing: 0px;
        color: #202224;
        text-align: center;
        margin-bottom: 20px;
        font-weight: 500;
    }

    .section-para {
        font: normal normal normal 16px/20px Lexend;
        letter-spacing: 0px;
        color: #202224;
        text-align: center;
        margin-bottom: 40px;
    }

    .tech-link a:hover {
        color: #00ACD7;
        text-decoration: underline;

    }

    .share-tech {


        width: 12px;
        height: 12px;
        display: inline-block;
        background-image: url("../img/share-2-svgrepo-com.svg");

    }

    .tech-link a:hover .share-tech {
        width: 12px;
        height: 12px;
        background-image: url("../img/share-2-svgrepoblu-com.svg");

    }

    .feature-section {
        padding-inline: 40px 38px;
    }

    .feature-left p {
        font: normal normal 300 40px/50px Lexend;
        letter-spacing: 0px;
        color: #202224;
    }

    .feature-right h5 {
        font: normal normal 600 20px/25px Lexend;
        letter-spacing: 0px;
        color: #202224;

    }

    .feature-right p {
        font: normal normal normal 16px/22px Lexend;
        letter-spacing: 0px;
        color: #202224;
        margin-bottom: 0;
    }

    .feature-content {
        display: grid;
        grid-template-columns: 322px 1fr;
        margin-block: 56px 120px;
    }

    .feature-right {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(242px, 1fr));
        row-gap: 56px;
    }

    .feature-right-child {
        /* display: grid;
        gap: 16px;
        padding-inline: 24px; */
        display: flex;
        gap: 16px;
        padding-inline: 24px;
        flex-direction: column;

    }

    .feature-right-child>img {
        width: 30px;
        height: 30px;
    }

    .feature-left {
        padding: 46px 47px 0 0px;
    }

    .help-support {
        display: flex;
        background-color: #FBF7ED;
        margin-bottom: 96px;
    }

    .help-suprt-content-left h3 {
        font-size: 35px;
        letter-spacing: 0px;
        color: #202224;
        margin-bottom: 40px;
    }

    .help-support-grid-child h5 {
        font-size: 20px;
        letter-spacing: 0px;
        color: #202224;
        font-weight: 600;

    }


    .help-support-grid-child div a {
        font-size: 12px;
        letter-spacing: 0px;
        color: #00ACD7;
        text-decoration: underline;
        display: flex;
        gap: 5px;
        justify-content: center;
    }

    .help-support-grid-child p {
        margin-block: 16px 24px;
    }

    .help-support-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(241px, 1fr));
        gap: 32px;

    }

    .help-support-grid-child {
        padding: 16px;
        box-shadow: 0px 1px 2px #0000000D;
        background-color: #FFFFFF;

    }

    .help-support-grid-child:hover {
        box-shadow: 0px 3px 6px #00000029;
    }

    .help-suprt-content-left {
        padding: 40px 37px 40px 40px;
    }

    .help-suprt-right img {
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .cms-blog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(254px, 1fr));
        gap: 24px;
    }

    .blog-card img {
        width: 100%;
    }

    .cms-blog {
        padding-inline: 24px 22px;
        margin-bottom: 120px;
    }


    .blog-card small {
        font-size: 12px;
        color: #202224;
        font-weight: normal;
        display: block;
        margin-bottom: 10px;

    }

    .blog-card a {
        font-size: 18px;
        font-weight: normal;
        color: #202224;
        margin-bottom: 10px;
        text-decoration: none;
        line-height: normal;
        display: block;
    }

    .blog-card a:hover {
        color: #202224;

    }

    .blog-card span {
        font-size: 13px;
        color: #2FACD6;
        font-weight: normal;
        display: inline-flex;
        align-items: center;

    }

    .blog-card p {
        color: #202224;
        font-size: 12px;
        font-weight: normal;
        display: inline;
    }


    .blog-card span::after {
        content: '';
        display: inline-block;
        width: 2px;
        height: 2px;
        border-radius: 50%;
        background-color: #0E3440;
        margin-inline: 8px 5px;
        position: relative;
        top: 2px;
    }

    .blog-card img {
        box-shadow: 0px 1px 5px #0000001A;
        border-radius: 3px;
        margin-bottom: 20px;
        aspect-ratio: 16/9;
        /* height: 230px; */
        /* object-fit: cover; */

    }


    footer {
        background-color: #F2F2F2;
        padding: 40px 40px 0 38px;
        display: grid;
        gap: 34px;
        clear: both;
    }

    .footer-container {
        display: grid;
        grid-template-columns: minmax(270px, 1fr) repeat(auto-fit, minmax(144px, 1fr));
        row-gap: 50px;
    }

    .footer-container div:first-child {
        padding-right: 40px;
    }

    .footer-container a,
    .footer-container a:hover,
    .footer-container p {
        color: #616161;
        font-size: 13px;
        text-decoration: none;

    }

    .footer-container h5 {
        font-size: 16px;
        color: #616161;
        font-weight: 500;
        margin-bottom: 16px;
    }

    .footer-container ul {
        display: flex;
        gap: 16px;
        flex-direction: column;
    }

    .cpy-rights ul {
        display: flex;
        gap: 24px;
        margin-bottom: 0;
        padding-left: 0 !important;
    }

    .footer-container ul li {
        display: flex;
        line-height: 16px;
    }

    .cpy-rights ul a {

        color: #616161;
        font-size: 12px;
        text-decoration: none;
    }

    .cpy-rights a,
    .cpy-rights p {
        color: #616161;
        font-size: 12px;
        text-decoration: none;

    }

    .cpy-rights a:hover {
        color: #00ACD7;
        text-decoration: underline;
    }

    .cpy-rights {
        display: flex;
        justify-content: space-between;
        height: 49px;
        align-items: center;
        border-top: 1px solid #E9E9E9;
        flex-wrap: wrap;
        column-gap: 10px;
    }

    .cms-blog {
        padding: 40px 40px 0;
    }


    .blog-pills {
        display: flex;
        justify-content: center;

        margin-bottom: 32px;
        flex-wrap: wrap;
    }

    .search-box {
        position: relative;
        max-width: 624px;
        height: 48px;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .search-box input {
        background-color: #F8F8F8;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 28px;
        border: none;
        padding: 16px 16px 16px 52px;

    }

    .blog-pills a {
        font-size: 16px;
        color: #202224;
        font-weight: 500;
        padding: 10px 16px;
        border: 1px solid transparent;
        white-space: nowrap;
        text-decoration: none;
    }

    .blog-pills a:hover,
    .blog-pills a.active {
        border: 1px solid #00ACD7;
        border-radius: 20px;
        color: #00ACD7;
    }

    .blog-container {
        display: grid;
        /* grid-template-columns: 1fr 226px; */
        grid-template-columns: 1fr auto;
        gap: 40px;
        margin-top: 40px;
    }

    .blog-div-right>ul li {
        font-size: 14px;
        color: #00ACD7;
        font-weight: normal;
        display: flex;
        align-items: center;
        position: relative;
        white-space: nowrap;

    }

    .blog-div-right>ul li::before {
        content: "";
        width: 3px;
        height: 3px;
        position: absolute;
        background-color: #00ACD7;
        border-radius: 50%;
        margin-inline: 5px;
        left: -12px;
    }

    .blog-div-right>ul {
        display: flex;
        gap: 13px;
        padding-left: 8px;
        margin-bottom: 0;
    }

    .blog-div-right p {
        margin-bottom: 0;

    }

    /* .blog-div-right>ul li:first-child:before, */
    .date-time span:last-child::after {
        display: none;
    }

    .blog-link-div {
        display: flex;
        gap: 32px;
        border-bottom: 1px solid #C6C8CA;
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .blog-div-right a {
        letter-spacing: 0px;
        color: #202224;
        font-size: 24px;
        font-weight: bold;
        margin-block: 7px 16px;
        display: block;
        text-decoration: none;
        line-height: normal;
    }

    .blog-div-right a:hover {
        color: #202224;
    }

    .prof-name {
        display: flex;
        gap: 8px;
        align-items: center;
        margin-block: 16px 8px;

    }

    .prof-name img {
        height: 40px;
        width: 40px;
        border-radius: 50%;
    }

    .date-time span {
        font-size: 14px;
        font-weight: normal;
        color: #202224;
        position: relative;
        margin-right: 16px;
        display: inline-flex;
        align-items: center;
        gap: 5px;
    }

    .date-time span::after {
        content: "";
        position: absolute;
        right: -10px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 1px;
        height: 10px;
        background-color: #00ACD7;
    }

    .date-time span img {
        width: 14px;
        height: 14px;

    }

    .blog-div-left {
        min-width: 328px;
        height: 185px;
    }

    .blog-div-left img {
        width: 100%;
        height: 100%;
    }

    .blog-section {
        padding-top: 40px;
    }

    .bnc-cat-nav a {
        display: block;
        padding: 10px 24px;
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        position: relative;
        border-radius: 6px 0px 0px 6px;
        overflow: hidden;
        text-decoration: none;
    }

    .bnc-cat-nav a:hover,
    .bnc-cat-nav a.active {
        background-color: rgb(248, 248, 248);
        color: #00ACD7;
        text-decoration: none;
    }

    .bnc-cat-nav a:hover::before,
    .bnc-cat-nav a.active::before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 8px;
        height: 100%;
        background-color: #00ACD7;
    }

    .blog-aside h3 {
        margin-bottom: 17px;
        padding-left: 24px;
        color: #202224;
        font-size: 18px;
        font-weight: 600;

    }

    .blog-link-div:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: none;
    }

    .search-box::before {
        content: '';
        background-image: url("../img/Mask Group 160.svg");
        width: 20px;
        height: 20px;
        display: inline-block;
        z-index: 1;
        position: absolute;
        left: 16px;
    }

    .search-box input:focus-visible {
        border: none;
        outline: 0;
    }

    .addon-pagination ul {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 20px 0;
        border-radius: 4px;
    }

    .pagination>li {
        display: inline;
    }

    .pagination>li:first-child>a,
    .pagination>li:first-child>span {
        margin-left: 0;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .addon-pagination ul li a {
        width: 100%;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        border: none;
        font-weight: 500;
        color: #000;
    }

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #C6C8CA;
    }

    .addon-pagination .pagination>li:first-child>a,
    .addon-pagination .pagination>li:first-child>span {
        border: none;
    }

    .addon-pagination ul li.active span {
        border-radius: 3px;
        background-color: #1d1a1d;
        color: #fff;
        border: none;
    }







    .drop-content ul {
        display: flex;
        flex-direction: column;
        z-index: 3;
        padding-left: 0;
        margin-bottom: 0;
    }

    .drop-content li {
        padding: 10px 8px;
    }

    .cms-nav li,
    .drop-content li {
        position: relative;
    }


    .drop-content li>div:nth-child(2) {
        padding-left: 42px;
    }

    .nav-link>.hover-div {
        position: relative;

        display: flex;
        align-items: center;
        padding: 8px 16px 8px 16px;
    }

    .drop-content a {
        font-size: 14px;
        font-weight: normal;
        color: #202224 !important;
        margin-bottom: 0;
        display: inline-block;
        border-bottom: 1px solid #fff;
        line-height: 1;
        text-decoration: none;
        /* font-family: 'Roboto', sans-serif; */
    }

    .drop-content ul li:hover a {
        text-decoration: underline;
        color: #00ACD7 !important;
        font-weight: normal;
        /* font-family: 'Roboto', sans-serif; */
    }

    .non-drop-menu a::after,
    .non-drop-menu:hover::before {
        display: none !important;
    }

    .non-drop-menu:hover {
        border-radius: 3px !important;
    }

    .drop-content p {
        font-size: 12px;
        font-weight: 300;
        color: #202224;
        margin-bottom: 0;
    }

    .a-hover:hover .drop-content {
        display: block;
    }

    .drop-content ul li:hover {
        background-color: #F2FBFD;
    }

    .drop-content ul li:hover span {
        color: #00ACD7;
        border-bottom: 1px solid #00ACD7;
    }

    .nav-link>.hover-div:hover {
        background-color: #FFFFFF;
        border-radius: 3px 3px 0px 0px;

    }

    .nav-link>.hover-div:hover a {
        color: #05ACD7;
        border: none;

    }

    .menu-btn {
        display: none !important;
        margin-left: 32px;
    }

    .help-support>div {
        flex-basis: 100%;
    }

    .hover-div:hover .drop-content {

        transform: translate(0px, 0px);
        opacity: 1;
        overflow: hidden;

        /* height: 238px; */
        padding: 8px;
        min-width: 279px;


    }



    @media only screen and (max-width: 1100px) {

        .blog-container {
            grid-template-columns: none !important;
            grid-template-rows: auto auto;

        }

        .blog-aside {
            position: static !important;
        }

    }


    @media only screen and (max-width: 992px) {




        .blog-aside {
            grid-row: 1;

        }

        /* .blog-div-left {
            min-width: auto !important;
        } */

        /* .blog-container {
            display: block;
        } */

        .cms-blu-section-right img {
            position: relative;
            width: 100%;
        }

        .cms-blu-inner {
            flex-direction: column;
        }

        .cms-blu-section-left,
        .cms-blu-section-right {
            width: 100%;
        }

        .commuity-wrap>.container .community-first-br {
            grid-template-columns: none !important;
            grid-template-rows: auto auto;
        }

        .pull-right {
            grid-row: 1;
        }

        .tech-img-para .col-md-6 {
            width: 100% !important;
        }

        .tech-img-para {
            display: grid !important;
            grid-template-rows: auto auto;
            gap: 25px;
        }

        .videos-col {
            width: calc(50% - 12px) !important;
            max-width: none !important;
        }

        .menu-btn {
            display: flex !important;
            padding-inline: 0 !important;
        }


        .menu-btn {
            display: block;
            background-color: transparent;
            border: none;
            position: relative;

        }

        .nav-link>.hover-div {
            display: none;
        }

        .drop-content {
            display: block !important;
            position: static;
            width: 100%;
            box-shadow: none;
            padding: 0;
        }

        .drop-content ul {
            padding: 0;


        }

        .blu-canvas .accordion-button:not(.collapsed) {
            background: #00ACD7;
        }

        .accordion-button:focus {
            box-shadow: none !important;
        }



    }

    @media only screen and (max-width: 768px) {

        .blog-link-div,
        .cpy-rights {
            flex-direction: column;
            align-items: start;
        }

        .blog-div-left {
            width: 100%;
            height: auto;
        }

        .cpy-rights {
            padding-block: 16px;
            height: auto;
        }

        .cms-blog,
        footer,
        .feature-section {
            padding-inline: 24px 22px;
        }

        .community-page>.admin-feature-banner>.container,
        .commuity-wrap {
            padding-inline: 24px 22px !important;
        }

        .col-left,
        .col-right {
            width: 100% !important;
        }

        .custom-btm-child {
            flex-direction: column;
        }


    }


    @media only screen and (max-width: 700px) {


        /* .nav-link button {
            width: 100px;
            padding: 11px 11px;
        } */

        .help-support {
            flex-wrap: wrap;

        }

        .feature-content {
            grid-template-rows: auto 1fr;
            grid-template-columns: none;
            gap: 56px;
        }



        .drop-content li>div:nth-child(2) {
            padding-left: 42px;
            text-align: left;
        }

        .drop-content li>div:first-child {
            left: 8px;
            top: 10px;
        }

        .menu-btn:hover ul {
            display: block;

        }

        .menu-btn img {
            max-width: 30px;
            max-height: 30px;
        }

        .menu-btn>ul {
            display: none;
            position: absolute;
            padding: 8px;
            right: 0;
            z-index: 3;
            background-color: #fff;
            box-shadow: 0px 2px 4px #1832471F;
            width: 150px;
            border-radius: 3px;
            top: 52px;
        }

        .menu-btn>ul>li {
            padding-block: 8px;
            position: relative;
            font-size: 14px;
            font-weight: 500;
            font-size: 18px;
            color: #00ACD7;
            margin-bottom: 12px;
            margin-inline: 8px;
        }

        .menu-btn>ul>li:hover {
            border-bottom: 2px solid #2FACD6;
        }

        .menu-btn ul>li:hover .drop-content {
            display: block;
            right: 115px;
            top: 25px;
            width: 200px;

        }


    }


    @media only screen and (max-width: 576px) {
        .footer-container {
            grid-template-columns: none;

        }

        .bndh-img img {
            width: 100% !important;
        }

        .contain>.nav-tabs {
            display: block;
        }

        .nav-tabs .nav-link {
            border-radius: 0px !important;
            margin-right: 0 !important;
        }

        .community-page>.admin-feature-banner>.container,
        .commuity-wrap {
            padding-inline: 16px;
        }

        .col-left,
        .col-right {
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        .contain>.nav-tabs {
            padding-inline: 20px;
        }

        .cms-blu-section-inner>h1 {
            font-size: 50px !important;
            line-height: 72px !important;
        }
    }




    @media only screen and (max-width: 1100px) {

        .bndh-row {
            grid-template-columns: none !important;
            grid-template-rows: auto auto;
        }

        .bndh-img img {
            width: auto !important;
        }


        .pd-md {
            padding-inline: 24px 22px;
        }

        .cms-blu-section {
            background-size: cover;
        }
    }









































    .community-page .admin-feature-banner h2 {
        font-size: 35px;
        letter-spacing: 0px;
        color: #202224;
        text-align: center;
        margin-bottom: 20px;
        font-weight: 500;
        padding-bottom: 0;
    }

    .admin-feature-banner h2 {
        color: #00ACD7;
        font-weight: 300;
        font-size: 2.5em;
    }

    .feature-banner h2 {
        padding-bottom: 10px;
        font-size: 2.2em;
    }

    .community-page .admin-feature-banner p {
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        line-height: 24px;
    }

    .community-page .admin-feature-banner p {
        font: normal normal normal 16px/20px Lexend;
        letter-spacing: 0px;
        color: #202224;
        text-align: center;
        margin-bottom: 40px;
    }

    .feature-banner p {
        font-size: 18px;
        font-weight: 300;
    }

    .feature-banner {
        text-align: center;
        padding: 30px 0 0;
        background: url(../img/feature-bg.jpg) center 80% no-repeat;
        background-size: cover;
        color: #fff;
    }

    .commuity-wrap {
        padding: 30px 0 60px;
    }

    .commuity-wrap>.container .community-first-br {
        display: grid;
        gap: 32px;
        grid-template-columns: 1fr 1fr;
    }

    .commuity-wrap .community-first-br {
        padding-bottom: 56px;
        border-bottom: 1px solid #C6C8CA;
        margin-bottom: 56px;
    }

    .commuity-wrap .community-first-br:last-child {
        margin-bottom: 120px;
    }

    .afeatures-col {
        position: relative;
        width: fit-content;
    }

    .afeatures-col img.features-img {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

    .afeatures-col a.play-img {
        position: absolute;
        top: 45%;
        left: 45%;
        margin: auto;
    }

    a {
        color: #00ACD7;
        text-decoration: none;
    }

    .afeatures-col {
        position: relative;
        width: fit-content;
    }

    .afeatures-col h4 {
        color: #202224;
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 24px;
        margin-top: 16px;
        font-weight: bold;
    }

    .afeatures-col p {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        color: #202224;
    }

    .community-page>.admin-feature-banner>.container,
    .commuity-wrap {
        max-width: 1170px;
        padding-inline: 80px 78px;
        margin-inline: auto;
        clear: both;
    }

    .admin-feature-banner {
        /* background: #f8f8f8; */
        padding: 40px 0;
    }

    /* 
    .admin-feature-banner p {

        font-weight: 300;
        width: 80%;
        margin: 0 auto 30px;
        font-size: 1.5em;
    } */

    .down-latest {

        font-size: 14px;
        line-height: 1.42857143;
        padding: 20px;
        padding-top: 0;
    }

    .down-latest h3 {
        font-size: 24px;
        font-weight: bold;
        color: #202224;
        text-align: left;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .commuity-wrap h3 {

        margin: 0;
        padding: 0;
        line-height: 1.1;
        font-size: 24px;
        font-weight: bold;
        color: #202224;
        text-align: left;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .dl-support {

        font-size: 14px;
        line-height: 1.42857143;
    }

    .down-latest p {

        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
    }

    .down-latest p a {
        display: inline-block;
        color: #00ACD7;
        font-size: 14px;
        font-weight: normal;
    }

    .down-latest a.comm-edition {
        display: inline-block;
        background: #00ACD7;
        padding: 10px 25px;
        font-size: 16px;
        text-transform: uppercase;
        margin-bottom: 20px;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
    }

    .dl-support h5 {
        font-weight: 500;
        font-size: 16px;
        color: #202224;
    }

    .dl-support p {
        font-size: 14px;
        color: #616161;
    }


    .dl-support ul {
        font-size: 14px;
        line-height: 1.42857143;


        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;

        flex: 1;

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 25px;
    }

    .dl-support ul li a {

        line-height: 1.42857143;
        list-style: none;

        background-color: transparent;
        text-decoration: none;
        border: solid thin #2FACD6;
        padding: 7px 15px;
        color: #2FACD6;
        margin-right: 15px;
        margin-bottom: 15px;
        display: block;
        font-size: 16px;
        font-weight: 500;
    }

    .flex {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    p,
    ul,
    li {
        list-style: none;
        margin: 0;
        padding: 0;
    }




    .col-left {


        font-size: 14px;
        line-height: 1.42857143;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 50%;
    }

    .col-right {

        font-size: 14px;
        line-height: 1.42857143;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 50%;
    }

    .dwonload-form {
        font-size: 14px;
        line-height: 1.42857143;
        margin-inline: 20px;
        width: calc(100% - 40px);
        padding: 20px;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        margin-top: 0;
    }

    .dwonload-form>.row {

        font-size: 14px;
        line-height: 1.42857143;
        margin-right: -15px;
        margin-left: -15px;
    }

    .dwonload-form>.row .col-lg-6 {

        font-size: 14px;
        line-height: 1.42857143;
        margin-bottom: 15px;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 50%;
    }

    .dwonload-form>.row .col-lg-6 label,
    .dwonload-form>.row .col-lg-12 label {

        line-height: 1.42857143;
        display: inline-block;
        max-width: 100%;
        font-size: 16px;
        color: #202224;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .dwonload-form>.row .col-lg-6 input,
    .dwonload-form>.row .col-lg-12 input,
    .dwonload-form>.row .col-lg-12 select {


        margin: 0;
        display: block;
        width: 100%;
        border: solid thin #C6C8CA;
        border-radius: 4px;
        font-size: 14px;
        color: #616161;
        padding: 5px;
        font-weight: normal;
        background-color: transparent;
    }

    .dwonload-form>.row .col-lg-12 {

        font-size: 14px;
        line-height: 1.42857143;
        margin-bottom: 15px;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 100%;
    }

    .dwonload-form>.row .col-lg-12 label span {

        line-height: 1.42857143;
        color: #202224;
        font-size: 14px;
        font-weight: normal;
    }

    .dwonload-form>p {

        line-height: 1.42857143;

        list-style: none;
        margin: 0 0 10px;
        padding: 13px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
        padding-inline: 15px;
    }

    .download-link {
        font-size: 14px;
        line-height: 1.42857143;
        text-align: center;
        display: block;
        margin-top: 15px;
    }

    .download-link a {

        text-decoration: none;
        background: #262626 15px no-repeat;
        background-image: url("../img/download.png");
        border-radius: 2px;
        padding: 10px 10px 10px 60px;
        color: #fff;
        display: inline-block;
        text-align: left;
        font-size: 16px;

    }

    .download-link a:hover {
        color: #fff;

    }

    .download-link a span {

        line-height: 1.42857143;
        color: #fff;
        text-align: left;
        font-size: 16px;
        margin: 0;
        padding: 0;
        text-decoration: none;
        font-family: 'Lexend', sans-serif;
        display: block;
    }

    .container .tabs {


        font-size: 14px;
        line-height: 1.42857143;
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #C6C8CA;
        background: #fff;
    }

    .container .tabs .active {
        background-color: #2FACD6 !important;
        color: #fff;
    }

    .container .tabs li {

        list-style: none;
        background-color: transparent;
        float: left;
        margin: 0;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        color: #202224;
        overflow: hidden;
        position: relative;
        border-radius: 4px 4px 0 0;
        border: solid thin #D5D5D5;
        border-bottom: 0;
        font-size: 16px;
        margin-right: 5px;
        padding: 0px 30px;
        font-weight: 500;

    }

    .tab_container h3 {

        margin: 0;
        padding: 0;
        line-height: 1.1;
        font-size: 24px;
        font-weight: bold;
        color: #202224;
        text-align: left;
        margin-bottom: 15px;
        margin-top: 0;
    }

    .technology-wrap {
        max-width: 1170px;
        margin: auto;
        padding-inline: 24px 22px;
        margin-bottom: 120px;
    }

    .tech-container {

        line-height: 24px;
        /* margin-top: 20px; */
        font-size: 24px;
        color: #202224;
        font-weight: bold;
        /* margin-bottom: 15px; */
    }

    .tech-container hr {
        margin-top: 56px;
        margin-bottom: 56px;

    }

    .tech-container p {

        line-height: 24px;
        list-style: none;
        padding: 0;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
        margin-block: 20px 40px;
    }

    .tech-img-para .tech-col h3 {
        font-size: 24px;
        line-height: 24px;

    }

    .tech-container .flex li span {

        line-height: 1.42857143;
        list-style: none;
        color: #202224;
        font-size: 16px;
        font-weight: normal;

    }

    .tech-container ul {

        /* margin-bottom: 10px; */
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        row-gap: 15px;
    }

    .tech-container ul li {

        font-size: 14px;
        line-height: 1.42857143;
        list-style: none;
        margin: 0;
        padding: 0;
        /* margin-bottom: 15px; */
        width: 14.28%;
        min-width: 150px;

    }

    .tech-container ul li a {

        line-height: 1.42857143;
        color: #202224;
        font-size: 16px;
        font-weight: normal;
        display: flex;
        gap: 8px;
    }

    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid #eee;
    }

    .tech-img-para .col-md-6 {

        font-size: 14px;
        line-height: 1.42857143;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;

        width: 50%;
    }


    .tech-img-para {

        font-size: 14px;
        line-height: 1.42857143;
        margin-right: -15px;
        margin-left: -15px;
        display: flex;
    }

    .tech-img-para .pull-left {
        float: right;
    }

    .tech-col img {
        max-width: 100%;
    }

    .menu-btn {
        display: none;
    }

    .video-content>h3 {


        padding: 0;
        line-height: 1.1;
        font-size: 24px;
        font-weight: bold;
        color: #202224;
        margin: 35px 0 10px;
        text-align: left;

    }

    .video-content>p {


        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        margin: 0px 0 20px;
    }

    .videos-row.flex {

        font-size: 14px;
        line-height: 1.42857143;
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        margin: 0 0px 0 0;
    }

    .videos-col {

        font-size: 14px;
        line-height: 1.42857143;
        width: calc(33% - 12px);
        margin-right: 12px;
        margin-bottom: 25px;
        border-radius: 5px;
        background: #fff;
        min-height: 190px;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
        max-width: calc(33% - 12px);
    }

    .download-video {
        display: none;
    }

    .vc-top {
        font-size: 14px;
        line-height: 1.42857143;
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        border-radius: 5px 5px 0 0;
        height: 181px;
        background: #337AB7;
        background-image: url("../img/lv-img1.png");
    }

    .vc-top a {

        font-size: 14px;
        line-height: 1.42857143;
        background-color: transparent;
        color: #337ab7;
        text-decoration: none;
    }

    .vc-top a img {

        font-size: 14px;
        line-height: 1.42857143;
        color: #337ab7;
        width: auto;
        max-width: 100%;
        border: 0;
        vertical-align: middle;
    }

    .vc-content {

        line-height: 1.42857143;
        padding: 15px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
    }

    .vcl-last a {

        line-height: 1.42857143;
        text-decoration: none;
        background: #2FACD6;
        padding: 11px 50px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
        border-radius: 5px;
    }

    .vcl-last {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: calc(33% - 12px);
        margin-right: 12px;
        margin-bottom: 25px;
        border-radius: 5px;
        background: #fff;
        min-height: 190px;
        box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
        justify-content: center;
        align-items: center;
        max-width: calc(33% - 12px);
    }

    .tab_content {
        font-size: 14px;
        line-height: 1.42857143;
        /* padding: 20px; */
        display: block;
    }

    #tab2 .roww {
        font-size: 14px;
        line-height: 1.42857143;
        margin-right: -15px;
        margin-left: -15px;
    }

    .dtabs-container {

        font-size: 14px;
        line-height: 1.42857143;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        width: 100%;
    }

    .dtabs-row {

        font-size: 14px;
        line-height: 1.42857143;
        flex: 1;
        justify-content: space-between;
        border-bottom: solid thin #C6C8CA;
        padding-top: 15px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .dtabs-col {

        font-size: 14px;
        line-height: 1.42857143;
        width: 40%;
        margin-bottom: 15px;
    }

    .dtabs-col h4 {

        margin: 0;
        padding: 0;
        line-height: 1.1;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        color: #202224;
        font-weight: 600;
    }

    .dtabs-col p {

        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
    }



    .tab_container {
        clear: both;
    }

    /* .download-tabs {
        border-bottom: 1px solid #C6C8CA;
    } */

    .upcoming-fea-row h4 {
        line-height: 1.1;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        color: #202224;
        font-weight: 600;
    }

    .upcoming-fea-row p {
        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
        font-size: 16px;
        font-weight: normal;
        color: #202224;
    }

    .upcoming-features h3 {

        line-height: 1.1;
        padding-top: 20px;
        text-align: center;
        margin-bottom: 35px;
        font-size: 24px;
        font-weight: bold;
        color: #202224;
    }

    .change-log-container {
        font-size: 14px;
        line-height: 1.42857143;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 35px;
        float: left;
        width: 100%;
        margin-top: 56px;
        margin-bottom: 120px;
    }

    .contain>.col-right {
        margin-bottom: 56px;
    }

    .change-log-top {

        font-size: 14px;
        line-height: 1.42857143;
        display: block;
        margin-bottom: 40px;
        border-top: 1px solid #C6C8CA;
        padding-top: 56px;
    }

    .mt-0 {
        margin-top: 0 !important;
    }

    .change-log-top h2 {

        line-height: 1.1;
        /* margin-top: 20px; */
        margin-bottom: 10px;
        font-size: 35px;
        font-weight: 300;
        color: #202224;
        text-align: left;
    }

    .change-log-top p {

        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 10px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
    }

    .change-log-row {

        display: block;
        margin-bottom: 50px;
    }

    .change-log-row h3 {

        line-height: 1.1;
        margin-top: 20px;
        text-align: left;
        font-weight: 600;
        border-bottom: solid thin #C6C8CA;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 24px;
        color: #202224;
    }

    .change-log-row h4 {

        line-height: 1.1;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
        color: #202224;
        line-height: 24px;
    }

    .change-log-row ul li {
        display: block;
        position: relative;
        padding-left: 20px;
        font-size: 16px;
        color: #202224;
        margin-bottom: 10px;
        font-weight: normal;
    }

    .change-log-row ul li:before {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #333;
        left: 0;
        top: 8px;
    }

    .dwonload-form p {
        padding: 13px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
    }

    .footer-container ul {
        padding-left: 0;
    }

    @media only screen and (max-width: 700px) {
        .videos-col {
            width: calc(100% - 12px) !important;
            max-width: none !important;
        }
    }


    .contain>.nav-tabs {
        border-bottom: solid 2px #00ACD7;

    }

    .contain ul>.active {
        background-color: #00ACD7 !important;
        color: #fff !important;
        border-color: #00ACD7 !important;
    }

    .contain>ul>li {
        border-radius: 4px 4px 0 0;
        border: solid thin #D5D5D5 !important;
        margin-right: 5px;
        color: #202224;
    }

    .contain ul li:hover {
        color: #202224;
        cursor: pointer;

    }

    .drop-content a:hover {
        text-decoration: underline;
    }

    .dl-support ul li {
        border: none !important;
    }

    .tech-link a:hover span {
        color: #00ACD7;
    }




    .blog-detail-breadcrumb {

        text-align: center;
        list-style: none;
        margin: 0;
        margin-top: 0;
        display: flex;
        padding: 16px 16px 0 24px;
        margin-bottom: 0 !important;
        white-space: nowrap;
        flex-wrap: nowrap !important;

    }

    .blog-detail-breadcrumb a {
        font-size: 12px;
        color: #222222;
        font-weight: normal;
        text-decoration: none;
    }

    .blog-detail-breadcrumb a:hover {
        color: #222222;
    }

    .blog-detail-breadcrumb span {
        margin-inline: 8px;
    }

    /* .blog-detail-breadcrumb .active {
        color: #00ACD7;
    } */

    .blog-detail-page-top {
        background-color: #F9F9F9;
    }

    .bndh-row {

        text-align: center;
        display: grid;
        grid-template-columns: 1fr 536px;
        gap: 40px;
        margin: auto;
        width: calc(100% - 80px);
        padding-block: 40px;
    }

    .bndh-img img {
        width: 100%;
    }

    .bndh-content {

        font-size: 14px;
        line-height: 1.42857143;
        text-align: left;
    }

    .blog-detail-back-btn {
        font-size: 14px;
        line-height: 1.42857143;
        text-align: left;
        margin-bottom: 15px !important;
    }

    .blog-detail-back-btn span {
        font-size: 14px;
        line-height: 1.42857143;
        text-align: left;
        text-decoration: none !important;
        margin-right: 6px;
        vertical-align: text-bottom;
    }

    .blog-detail-back-btn a {
        background-color: transparent;
        text-decoration: none;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.29;
        letter-spacing: normal;
        text-align: left;
        color: #222222 !important;
        margin-bottom: 16px;
    }

    .bndh-content h3 {

        margin: 0 0 10px;
        font-size: 35px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.22;
        letter-spacing: normal;
        text-align: left;
        color: #202224;
    }

    .bndh-content h5 {

        padding: 0;
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        line-height: 1.5;
        margin: 0 0 21px;
        text-align: left;
        margin-bottom: 21px;
    }

    .blog-contain-div {
        /* width: 100%;
        max-width: 1920px;
        padding-inline: 0px 78px; */
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 48px 128px;
    }

    .blog-contain-div h3 {
        font-size: 24px;
        font-weight: bold;
        color: #202224;
        margin-bottom: 12px;
    }

    .blog-contain-div p,
    .blog-contain-div li {
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        margin-bottom: 11px;

    }

    .blog-contain-div ol {
        padding-left: 0;
    }

    .blog-contain-div ol span {
        margin-right: 10px;
    }

    .img-center img {
        margin: auto;
        display: block;
        max-width: 840px;
        max-height: 473px;
        margin-block: 56px;
        width: 100%;
    }

    .blog-contain-div h5 {
        font-size: 16px;
        font-weight: bold;
        margin-block: 24px 8px;
    }

    .prof-name p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: normal;
        color: #202224;
    }



    @media only screen and (max-width: 576px) {
        .bndh-img img {
            width: 100% !important;
        }

        /* .bndh-row
    {
            padding-inline: 20px 18px;

        } */

        .blog-detail-breadcrumb {
            flex-wrap: wrap !important;

        }
    }

    .max-wdt {
        /* max-width: 1366px; */
        margin-inline: auto;
        width: 100%;
    }

    /* .help-support-fluid {
        background-color: #FBF7ED;
    } */

    .blog-detail-breadcrumb li a:hover {
        color: #00ACD7;

    }

    .tech-container h3 {
        font-size: 24px;

    }


    .commuity-wrap {
        padding-block: 0 !important;

    }

    /* .change-log-row>h3::after{
        content: '';
        height: 1px;
        width: 100%;
        position: absolute;

    } */







    /* 12-sept-2023*/

    @media only screen and (max-width: 700px) {
        .drop-content {
            display: block;
            position: static;
            width: 100%;
            max-width: 100%;
            box-shadow: none;
        }

        .offcanvas .accordion-button:focus {
            border-color: transparent !important;
            box-shadow: none !important;


        }

        .accordion-button:not(.collapsed) {
            background-color: #F2FBFD !important;
            color: #202224 !important
        }

        .offcanvas .accordion {

            overflow: auto;
        }

        /* .offcanvas .accordion-item {
            background-color: #00ACD7 !important;
        } */

        .blu-canvas {
            overflow: auto;
        }

        .blu-canvas .offcanvas-header {
            justify-content: end;
        }

        .blu-canvas .btn-close {
            background-size: 12px;
            padding-right: 20px !important;
        }

        /* .blu-canvas .accordion-button::after {
            background-size: 12px !important;
        } */

    }





    /*hide-show-header*/

    /* header {
    
        position: fixed;
        top: 0;
        transition: top 0.2s ease-in-out;
        width: 100%;
    }

    .nav-up {
        top: -75px;
    } */



    /*11-10-2023*/
    .letsTalk {
        padding: 12px 32px;
        background: transparent linear-gradient(94deg, #FFB601 0%, #FFC83E 0%, #EDC76C 100%) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000005;
        display: flex;
        gap: 32px;
        justify-content: start;
        align-items: center;
        position: relative;
    }

    .letsTalk .talk-text h2 {
        color: #202224;
        font-size: 26px;
        font-weight: 600;
    }

    .letsTalk .talk-text p {
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #202224;
        line-height: 1.4;
    }

    .letsTalk .talk-link a {
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: 3px;
        padding: 10px 24px;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-decoration: none;
        white-space: nowrap;
        display: inline-block;

    }

    .talk-img img {
        min-width: 120px;
    }

    .letsTalk .talk-link {
        margin-left: auto;

    }


    .cms-blu-section-inner {
        text-align: center;
    }

    .cms-blu-section-inner>p:first-child {
        color: #FFFFFF;
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
        background-color: rgba(255, 255, 255, 0.3);
        border-radius: 5px;
        opacity: 1;
        backdrop-filter: blur(30px);

        padding: 6px 10px;
        width: fit-content;
        margin: auto;
        margin-bottom: 24px;

    }

    .cms-blu-section-inner>p:first-child a {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        gap: 5px;

    }

    .cms-blu-section-inner>h1 {
        font: normal normal 600 80px/92px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;
        line-height: 92px;
        margin-bottom: 32px;
    }


    .cms-blu-section-inner>p:last-of-type {
        font: normal normal normal 30px/38px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
        max-width: 869px;
        width: 100%;
        margin: auto;
        margin-bottom: 32px;
    }

    .cms-blu-section-inner>a {
        font: normal normal normal 16px/20px Lexend;
        letter-spacing: 0px;
        color: #FFFFFF;
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: 3px;
        padding: 10px 16px;
        display: block;
        width: fit-content;
        margin: auto;
        text-decoration: none;
        margin-bottom: 40px;
    }

    .center-img-div {
        width: 100%;
        max-width: 864px;
        margin: auto;
    }

    .blu-cruve {
        height: 100px;
        background: #05ACD7 0% 0% no-repeat padding-box;
        border-radius: 0 0 40% 40%;

    }

    .opensource-top h1 {
        font-size: 35px;
        font-weight: 500;
        letter-spacing: 0px;
        color: #202224;
        line-height: 44px;
        margin-bottom: 20px;
    }

    .opensource-top p {
        font-size: 16px;

        letter-spacing: 0px;
        color: #202224;
        opacity: 1;
        line-height: 22px;
    }

    .opensource-top {
        text-align: center;
        margin-bottom: 76px;
    }



    .opensource-btm-child {
        padding: 24px;
        box-shadow: 0px 6px 32px #0000000F;
        border: 1px solid #F5F5F5;
        border-radius: 8px;
        background: #FFFFFF 0% 0% no-repeat padding-box;

    }

    .opensource-btm-child a {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0px;
        color: #202224;
        margin-bottom: 3px;
        line-height: 38px;
        text-decoration: none;
    }

    .opensource-btm-child a:hover {
        color: #202224;
        text-decoration: underline;

    }

    .opensource-btm-child span {
        font-size: 12px;
        font-weight: normal;
        line-height: 22px;
        display: block;
        color: #9D9D9D;

    }

    .opensource-btm-child p {
        font-size: 16px;
        color: #202224;
        margin-top: 12px;
        line-height: 22px;
    }


    .img-flexx {
        display: flex;
        gap: 20px;
        border-top: 1px solid #EAEAEA;
        padding-top: 16px;
        margin-top: 16px;

    }

    .img-flexx img {
        width: 34px;
        height: 34px;
    }

    .mt-mb {
        margin-top: 40px;
        margin-bottom: 80px;
    }


    .opensource-btm {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(auto, 536px));
        justify-content: center;
        gap: 26px 24px;
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 48px 128px;
    }

    @media only screen and (max-width: 1254px) {

        .opensource-btm {

            grid-template-columns: repeat(2, 1fr);

        }

        .opensource-btm-child {
            min-width: 300px;
        }


    }

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


        .drop-content {

            background-color: #FFFFFF;

            position: absolute;
            top: 55px;
            width: max-content;
            z-index: 1;
            left: 0;
            border-radius: 3px 0px 3px 3px;
            /* height: 0; */
            padding: 0;
            overflow: hidden;
            box-shadow: 0px 2px 4px #1832471F;
            transition: all 0.2s ease-in-out;
            transition-delay: 0.1s ease-in;
        }

        .hover-div::before {
            content: '';
            width: 100%;
            height: 18px;
            background-color: #fff;
            position: absolute;
            bottom: -16px;
            left: 0;
            display: none;
        }

        .hover-div:hover::before {
            display: block;
        }


    }



    @media only screen and (max-width: 768px) {
        .opensource-btm {

            grid-template-columns: 1fr;

        }

        .letsTalk {
            display: none;
        }


    }

    .custom-btm-lft>a {
        font-size: 35px;
        font-weight: 500;
        color: #202224;
        line-height: 44px;
        position: relative;
        padding-bottom: 24px;
        margin-bottom: 24px;
        text-decoration: none;
        display: block;
    }

    .custom-btm-lft>a:hover {
        color: #202224;

    }

    .custom-btm-lft p {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        letter-spacing: 0px;
        color: #202224;
    }

    .custom-btm-lft {
        flex-basis: 84%;
    }

    .custom-btm-rgt {
        flex-basis: 100%;

    }

    .custom-btm {
        margin-top: 74px;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .custom-btm-child {
        display: flex;
        gap: 32px;
        padding: 32px;

        border-radius: 8px;

    }

    .mx-tp {
        max-width: 1208px;
        margin: auto;
    }

    .mx-btm {
        margin-inline: auto;
        width: 100%;
    }

    .custom-btm-lft a::after {
        content: '';
        display: inline-block;
        width: 80px;
        height: 3px;
        background-color: #05ACD7;
        position: absolute;
        left: 0;
        bottom: 0;
    }


    .bg-blu {
        background: #EFF2FF 0% 0% no-repeat padding-box;
    }

    .bg-pink {
        background: #FEF4F0 0% 0% no-repeat padding-box;
    }

    .bg-blu-light {
        background: #F0FFF7 0% 0% no-repeat padding-box;
    }

    .bg-pink-light {
        background: #FFFEF0 0% 0% no-repeat padding-box;
    }

    .hover-div>a::after {
        content: '';
        display: inline-block;
        background-image: url('../img/Iconfeather-arrow-down-1.svg');
        background-size: 9px 5px;
        width: 9px;
        height: 5px;
    }

    /* .hover-div:nth-child(3)>a::after {
        display: none;
    } */

    .hover-div:hover a::after {
        background-image: url('../img/Iconfeather-arrow-down.svg');

    }

    .hover-div>a {
        font-size: 18px;
        letter-spacing: 0px;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        display: flex;
        gap: 8px;
        align-items: center;
        line-height: 23px;
    }


    .hover-div .drop-content {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 2px 4px #1832471F;
        border-radius: 0px 0px 3px 3px;
        opacity: 1;
    }


    .drop-content li {
        line-height: 1;
    }

    .blu-cruve {
        width: 200px;
        height: 100px;
        background-color: #f0e68c;
        border-radius: 50%;
        position: relative;
    }

    .blu-cruve::before,
    .blu-cruve::after {
        content: "";
        position: absolute;
        background-color: #fff;
    }

    .blu-cruve::before {
        width: 200px;
        height: 100px;
        border-radius: 50% 50% 0 0;
        top: -50px;
        left: 0;
    }

    .blu-cruve::after {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        bottom: -100px;
        left: 50px;
    }

    .cms-blu-section-inner>a:hover {
        color: #fff;
    }

    .aft-none::after {
        display: none !important;
    }

    .accordion-button a {
        text-decoration: none;
        width: 100%;
        color: #05ACD7;
        padding: 15px;
    }

    .accordion-button {
        padding: 0 !important;
    }

    .blu-canvas .accordion-button::after {
        content: '';
        display: inline-block;
        background-image: url('../img/Iconfeather-arrow-down.svg');
        background-size: 9px 5px;
        width: 9px;
        height: 5px;
        position: absolute;
        right: 15px;
    }

    .blu-canvas .accordion-button:not(.collapsed)::after {
        background-image: url('../img/Iconfeather-arrow-down-1.svg');

    }

    .blu-canvas .offcanvas-header {
        justify-content: end;
    }


    .cms-wht-section {
        padding-top: 80px;

    }

    /* .nav-link .hover-div:nth-child(3):hover {
        border-radius: 3px;
    } */

    .blu-canvas .accordion-button a:hover {
        color: #00ACD7;

    }

    .blu-canvas .accordion-button:not(.collapsed) a {
        color: #fff;
        background-color: #00ACD7;
    }

    .blu-canvas {
        overflow: auto;
    }

    .blu-canvas .accordion-body {
        padding-top: 0;
    }

    .closetalk {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;

    }

    .lets-txt-btn {
        display: flex;
        align-items: end;
        justify-content: space-between;
        width: 100%;
    }

    /* .hover-div:last-of-type:hover .drop-content {
    left: auto;
    right: 0;
    } */

    .blog-aside {
        height: fit-content;
        position: sticky;
        top: 90px;
    }

    .opensrc {
        display: block;
    }

    /*nov-08*/



    /*remove*/


    .hover-div {

        position: relative;
        z-index: 100;
    }


    .drop-content ul li {
        display: none;
        opacity: 0;
    }

    .hover-div:hover .drop-content {
        display: block;
        height: fit-content;
    }


    .drop-content ul li {
        display: block;
        opacity: 1;
    }

    .drop-content {
        display: none;
    }

    /* -----------Dec-13--------- */
    .color-btn {
        background-color: #EA8E3F !important;
    }

    .license-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        padding: 0px 40px;
        margin-bottom: 80px;
    }

    .open-source {
        padding: 40px;
        background-color: #F8F8F8;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
    }

    .open-source h3 {
        font-size: 30px;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 24px;
        line-height: 38px;
    }

    .open-source p {
        font-size: 20px;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0px;
        margin-bottom: 24px;
        line-height: 29px;
    }


    .read-source h3 {
        color: #202224;
        font-size: 16px !important;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 24px !important;
        line-height: 24px;
    }


    .read-source {
        margin-bottom: 40px;
    }

    .read-list {
        display: flex;
        gap: 10px;
        margin-bottom: 16px !important;
        align-items: flex-start;
    }

    .read-list img {
        margin-top: 4px;
    }

    .read-list p {
        font-size: 16px !important;
        font-weight: 300;
        letter-spacing: 0px;
        color: #202224;
        margin: 0 !important;
        line-height: 24px;
    }

    .read-list p span {
        font-weight: 500;
    }

    .open-source button {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 0px;
        border: 0;
        background-color: #085873;
        border-radius: 3px;
        margin-top: auto;
        height: 40px;
        width: 100%;
    }



    .commercial-source {
        padding: 24px 40px 40px;
        background-color: #F8F8F8;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
    }

    .commercial-source h3 {
        font-size: 30px;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 12px;
        line-height: 38px;
    }

    .commercial-source p {
        font-size: 20px;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0px;
        margin-bottom: 24px;
        line-height: 24px;
    }

    .commercila-lince p {
        font-size: 48px;
        color: #202224;
        font-weight: 400;
        letter-spacing: 0px;
        margin: 0;
        line-height: 60px;
    }

    .commercila-lince p sub {
        top: -12px;
    }

    .commercila-lince span {
        font-size: 16px;
        color: #202224;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 12px;
    }

    .commercila-lince {
        display: flex;
        gap: 8px;
        align-items: end;
        margin-bottom: 16px;
    }

    .commercial-source button {
        font-size: 16px;
        color: #085873;
        font-weight: normal;
        letter-spacing: 0px;
        height: 40px;
        width: 100%;
        border: 1px solid #085873;
        background-color: #F8F8F8;
        border-radius: 3px;
        margin-top: auto;
    }

    .question {
        padding: 0px 40px;
    }

    .question h3 {
        font-size: 35px;
        text-align: center;
        color: #202224;
        font-weight: 500;
        margin-bottom: 32px;
        line-height: 44px;
    }

    /* .license-wrapper {
        max-width: 1366px;
        margin: auto;
    } */

    .contact-spurt {
        padding: 24px 0px 0px;
        margin-bottom: 3px;
    }

    .contact-spurt h3 {
        font-size: 30px;
        font-weight: 500;
        color: #202224;
        letter-spacing: 0px;
        margin-bottom: 24px;
        line-height: 38px;
    }

    .spurt-list {
        display: flex;
        align-items: start;
        gap: 10px;
        margin-bottom: 16px;
    }

    .spurt-list img {
        margin-top: 2px;
    }

    .spurt-list p {
        font-size: 16px;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0;
        margin: 0;
        line-height: 24px;
    }

    .contact-content {
        display: flex;
        align-items: start;
        gap: 24px;
        padding: 32px;
        background-color: #F0FCFF;
        height: 329px;

    }

    .contact-content img {
        width: 88px;
        height: 88px;
    }

    .contact-list-found .quote {
        color: #202224;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0px;
        line-height: 29px;
        margin: 0;
    }

    .quote::before {
        content: '';
        display: inline-block;
        background-image: url(../img/quote.svg);
        background-size: 24px 21.1008px;
        width: 24px;
        height: 21.1008px;
        vertical-align: middle;
        margin-right: 3px;
    }

    .contact-list-found p img {
        height: auto;
        width: auto;
    }

    .contact-found p {
        font-size: 16px;
        font-weight: 300;
        color: #333333;
        letter-spacing: 0px;
        margin: 0;
        line-height: 19px;
    }

    .contact-found h3 {
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        letter-spacing: 0px;
        margin-bottom: 5px;
        line-height: 19px;
    }

    .contact-found {
        margin-top: 24px;
    }

    .consutant-box {
        padding: 24px 40px;
        border: 2px solid #085873;

    }

    .consutant-box h3 {
        color: #202224;
        font-size: 30px;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 28px;
        line-height: 38px;
    }

    .ig-row {
        position: relative;
        margin-bottom: 16px;
    }

    .ig-row label {
        font-size: 13px;
        font-weight: 300;
        color: #1F1F1F;
        letter-spacing: 0px;
        background-color: #E4E4E4;
        padding: 4px 10px;
        border-radius: 5px 5px 0 0;
        position: relative;
        top: 2px;

    }

    .ig-row input,
    .ig-row textarea {
        border: 1px solid #D9D9D9;
        border-radius: 5px;
        font-size: 16px;
        color: #000000;
        font-weight: 400;
        height: 40px;
        width: 100%;
        padding: 0px 10px;
    }

    .ig-row textarea {
        height: 100px;
    }

    .ig-row input:focus-visible {
        outline: 0px;
    }

    .focus label {
        background-color: #085873;
        color: #FFFFFF;
    }

    .focus input {
        border-color: #085873;
    }

    .focus select {
        border-color: #085873 !important;
    }

    .error label {
        border-color: #ff070a;
        background-color: #ff070a;
        color: #fff;
    }

    label.error {
        border: none;
        background-color: transparent;
        color: #ff070a;
        padding: 0;
    }

    .error-msg {
        border: none;
        background-color: transparent;
        color: #ff070a;
        padding: 0
    }

    .error input,
    .error textarea,
    .error select {
        border: solid 1px #ff070a !important;
    }

    .ig-row select {
        border: 1px solid #D9D9D9;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 5px;
        font-size: 16px;
        color: #000000;
        font-weight: 400;
        height: 40px;
        width: 100%;
        background-color: #fff;
        padding: 0px 10px;
        background-image: url('../img/arrow-down-svgrepo-com.svg');
        background-repeat: no-repeat;
        background-position: 97% center;
        padding-right: 30px;
        /* background-position: 10px; */
    }

    .ig-row select:focus-visible {
        outline: 0px;
    }

    .full-contact-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        margin-bottom: 80px;
        padding: 0px 40px;
    }

    .consutant-box button {
        width: 100%;
        background-color: #085873;
        height: 52px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0px;
        border: 0;
        border-radius: 3px;
        margin-top: 16px;
    }

    .about-list h3 {
        font-size: 30px;
        color: #202224;
        font-weight: 500;
        margin-bottom: 13px;
        letter-spacing: 0px;
        line-height: 30px;
    }

    .about-sep {
        width: 72px;
        height: 3px;
        background-color: #05ACD7;
    }

    .about-list-wrapper {
        padding: 0px 40px;
    }

    .about-list {
        margin-bottom: 56px;
    }

    .team-details {
        display: flex;
        gap: 24px;
        align-items: center;
        margin-bottom: 69px;
    }

    .team-details img {
        width: 160px;
        height: 160px;
        border-radius: 80px;
    }

    .people-details p {
        font-size: 20px;
        font-weight: 600;
        color: #202224;
        letter-spacing: 0px;
        margin: 0px;
        line-height: 25px;
    }

    .people-details h3 {
        font-size: 16px;
        font-weight: 400;
        color: #202224;
        margin-bottom: 8px;
        line-height: 24px;
    }

    .management-people-details {
        padding: 24px;
        background-color: #F0FCFF;
    }

    .management-people-details p {
        font-size: 18px;
        font-weight: 300;
        color: #202224;
        margin: 0;
        margin-bottom: 24px;
        line-height: 25px;
    }

    .management-people {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 56px;
        margin-bottom: 80px;
    }

    .technology-details .accordion-button {
        padding: 24px !important;
        border: 1px solid #E6E6E6 !important;
    }

    .course-title {
        display: flex;
        gap: 16px;
        align-items: start;
    }

    .course-img {
        width: 59px;
        height: 40px;
        padding: 8px;
        background-color: #FFFFFF;
        box-shadow: 0px 6px 32px #0000000F;
        border: 1px solid #F5F5F5;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 40px;
        min-height: 40px;
    }

    .course-img img {
        width: auto;
        max-width: 100%;
    }

    .course-details h3 {
        color: #202224;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
        line-height: 20px;
    }

    .course-details p {
        color: #202224;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        line-height: 22px;
    }

    .technology-details .accordion-button:not(.collapsed) {
        background-color: #ffff !important;
    }

    .technology-details .accordion-button {
        border-radius: 8px 8px 0px 0px !important;
        gap: 24px;
    }

    .technology-details .accordion-button::after {
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin-left: auto;
        content: "";
        background-image: url('../img/collapse.svg');
        background-repeat: no-repeat;
        background-size: 24px 24px;
        transition: var(--bs-accordion-btn-icon-transition);
    }

    .technology-details .accordion-button:not(.collapsed)::after {
        background-image: url('../img/collapse.svg') !important;
        transform: rotate(268deg) !important;
    }

    .technology-details .accordion-button:focus {
        z-index: 3;
        border-color: var(--bs-accordion-btn-focus-border-color);
        outline: 0;
        box-shadow: none;
    }

    .technology-details .accordion-item {
        border: 1px solid #E5E5E5;
        box-shadow: 0px 6px 32px #0000000F;
        border-radius: 8px;
        margin-bottom: 24px;
    }

    .technology-details {
        display: flex;
        gap: 32px;
    }

    .technology-details .accordion-body {
        border: 1px solid #E5E5E5;
        border-top: 0;
        padding: 16px 24px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .technology-details .accordion-body p {
        font-size: 14px;
        color: #202224;
        font-weight: 600;
        margin: 0;
        line-height: 18px;
    }

    .more-content {
        padding: 12px 24px;
        background-color: #F8F8F8;
        display: flex;
        align-items: center;
        justify-content: end;
        border: 1px solid #E6E6E6;
        border-top: 0;
        border-radius: 0px 0px 8px 8px;
    }

    .more-content h3 {
        font-size: 14px;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
    }

    .view-more {
        display: flex;
        gap: 8px;
        align-items: center;
        text-decoration: none;
    }

    .view-more p {
        font-size: 14px;
        color: #9D9D9D;
        font-weight: 400;
        letter-spacing: 0px;
        margin: 0;
    }

    .view-more .active {
        display: none;
    }

    .technology-wrapper {
        padding: 0px 40px;
        margin-bottom: 80px;
    }


    .question {
        margin-bottom: 112px;
    }

    .question .accordion-button {
        gap: 20px;
    }

    .question .accordion-button p {
        color: #202224;
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        line-height: 25px;
    }

    .question .accordion-button:focus {
        box-shadow: none;
    }

    .question .accordion-button::after {
        content: unset;
    }

    .question .accordion-item {
        padding-block: 32px;

    }

    .question .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: #fff !important;
        box-shadow: none;
    }

    .question .accordion-button::before {
        flex-shrink: 0;
        width: 16px;
        height: 16px;
        content: "";
        background-image: url('../img/collapse-black-arrow.svg');
        background-size: 12px 16px;
        background-repeat: no-repeat;
        transition: var(--bs-accordion-btn-icon-transition);
    }

    .question .accordion-button:not(.collapsed)::before {
        background-image: url('../img/collapse-down-arrow.svg');
        background-size: 16px 12px;
        width: 16px;
        height: 12px;
    }

    .question .accordion-body {
        padding: 12px 38px 0px;
        font-size: 16px;
        color: #202224;
        font-weight: normal;
        letter-spacing: 0px;
        line-height: 22px;
    }

    .question .accordion-item-border {
        border-bottom: 2px solid #1C1A1D !important;
    }

    .full-control {
        padding: 40px 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #F8F8F8;
        border-radius: 8px;
        text-align: center;
        height: 100%;
    }

    .full-control h3 {
        font-size: 30px;
        font-weight: 500;
        color: #202224;
        letter-spacing: 0px;
        margin-bottom: 40px;
    }

    .lincese-price h3 {
        font-size: 112px;
        font-weight: 300;
        color: #202224;
        letter-spacing: 0;
        margin: 0;
        height: 140px;
    }

    .lincese-price h3 sub {
        font-size: 70px;
        bottom: 30px;
    }

    .lincese-price {
        background-color: #F2F2F2;
        width: 100%;
        margin-bottom: 40px;
    }

    .lincese-price p {
        font-size: 16px;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0px;
        margin: 0;
        margin-top: -18px;
        margin-bottom: 16px;
    }

    .admin-panel h3 {
        font-size: 16px;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 8px;
    }

    .admin-panel p {
        font-size: 16px;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0px;
        margin: 0px;
    }

    .admin-panel {
        margin-bottom: 40px;
    }

    .commercial-sep {
        width: calc(100% - 80px);
        height: 1px;
        background-color: #437F93;
        margin-bottom: 40px;
    }

    .admin-panel-sub h3 {
        font-size: 16px;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 8px;
        line-height: 24px;
    }

    .admin-panel-sub p {
        font-size: 16px;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0px;
        margin: 0px;
        line-height: 24px;
    }

    .admin-panel-sub {
        margin-bottom: 40px;
    }

    .commercial-details {
        padding: 24px 40px;
        background-color: #F8F8F8;
        border-radius: 8px;
    }

    .full-details-list h3 {
        color: #202224;
        font-size: 30px;
        font-weight: 500;
        letter-spacing: 0px;
        margin-bottom: 24px;
    }

    .full-details-list button {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        height: 52px;
        background-color: #635BFF;
        border-radius: 3px;
        border: 0px;
        justify-content: center;
        margin-bottom: 16px;
    }

    .full-details-list button p {
        font-size: 16px;
        color: #FFFFFF;
        font-weight: 400;
        letter-spacing: 0px;
        margin: 0;
    }

    .commercial-subscription h3 {
        font-size: 20px;
        font-weight: 600;
        color: #202224;
        letter-spacing: 0px;
        margin-bottom: 5px;
    }

    .commercial-subscription p {
        font-size: 11px;
        font-weight: 300;
        color: #657181;
        letter-spacing: 0px;
        margin: 0;
    }

    .total-comercial h4 {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0px;
        margin: 0;
        color: #202224;
    }

    .total-comercial {
        display: flex;
        align-items: start;
        justify-content: space-between;
        margin: 32px 0px;
    }

    .terms-policy {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 12px;
    }

    .terms-policy p {
        color: #202224;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0px;
        margin-left: 21px;
    }

    .terms-policy p a {
        color: #202224;
        text-decoration: underline;
    }

    .containers {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .containers input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    .checkmark {
        position: absolute;
        top: 2px;
        left: 0;
        height: 15px;
        width: 15px;
        background-color: #eee;
        border-radius: 3px;
        border: 1px solid #085873;
    }

    .containers input:checked~.checkmark {
        background-color: #085873;
    }

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .containers input:checked~.checkmark:after {
        display: block;
    }

    .containers .checkmark:after {
        left: 4px;
        top: 0px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .technology-details .accordion-item.active .more-content {
        background-color: #E2F9FF;
    }

    .technology-details .accordion-item.active .view-more p {
        color: #05ACD7;
    }

    .technology-details .accordion-item.active .view-more .active {
        display: block;
    }

    .technology-details .accordion-item.active .view-more .in-active {
        display: none;
    }

    .community-page .admin-feature-banner .para {
        margin-bottom: 16px;
    }


    .page-container {
        padding: 0px 38px 0px 40px;
    }

    .commuity-wrap {
        padding-inline: 40px !important;
        max-width: 100%;
        width: 100%;
    }

    .commuity-wrap .container {
        max-width: 100% !important;
        padding: 0;
    }

    .afeatures-col,
    .afeatures-col iframe {
        width: 100%;
    }


    /*Dec*/

    .cmsHeading {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: calc(100% - 160px);
        margin-inline: auto;
        text-align: center;
        margin-top: 40px;
    }

    .cmsHeading h1 {
        font-size: 35px;
        font-weight: 500;
        color: #202224;
        line-height: 44px;
    }

    .cmsHeading p {
        font-size: 16px;
        line-height: 24px;
        color: #202224;
    }

    .roadMap-container {
        width: calc(100% - 80px);
        margin-inline: auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(289px, 1fr));
        gap: 38px;
        margin-block: 80px 120px;
    }

    .roadMap-headings {
        font-size: 20px;
        font-weight: 500;
        line-height: 25px;
        color: #202224;
        margin-bottom: 12px;
    }

    .roadMap-container .technology-details {
        display: block;
    }

    .roadMap-container .accordion-collapse.show+.more-content,
    .roadMap-container .accordion-collapse.collapsing+.more-content {
        background-color: #E2F9FF !important;


    }

    .roadMap-container .accordion-collapse+.more-content {
        transition: all 0.3s ease-in-out;

    }

    .roadMap-container .accordion .accordion-button {
        padding: 16px !important;
        box-shadow: none !important;
        gap: 16px;
        align-items: start;

    }

    .course-details .roadMap-accordHead {
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 22px;
    }


    .accordion-collapse .accordion-body .roadMap-accordPara {
        font-size: 14px;
        font-weight: 300;
        line-height: 22px;

    }

    .roadMap-container .accordion-body {
        border-block: 0;
        padding: 16px !important;

    }

    .more-content.roadMp {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: start;
        height: 38px;
        line-height: 1;
        padding: 10px 16px;
        /* flex-wrap: wrap; */

    }

    .more-content.roadMp a {
        font-size: 14px;
        font-weight: normal;
        line-height: 22px;
        color: #05ACD7;
        text-decoration: none;
    }

    .roadMap-container .accordion .accordion-item {
        box-shadow: none;
        margin-bottom: 0;
    }

    .roadMap-container .accordion-button:not(.collapsed)::after {
        transform: rotate(-90deg) !important;

    }

    .Containerflexx {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .roadMap-container .in-progress .accordion .accordion-button,
    .roadMap-container .recent .accordion .accordion-button {
        border-bottom: 0 !important;

    }

    .roadMap-container .recent .accordion .accordion-button {
        border-color: #D9EEF4 !important;
        padding-bottom: 0 !important;
    }

    .roadMap-container .recent .accordion-body {
        border-color: #D9EEF4;

    }

    .roadMap-container .recent .more-content.roadMp {
        padding: 8px 16px 16px 16px;
        border-color: #D9EEF4;
    }

    .roadMap-container .recent :is(.accordion-collapse, .accordion-button) {
        background-color: #F0F8FA !important;
    }

    .roadMap-container .recent .more-content.roadMp {
        background-color: #F0F8FA;

    }


    footer {
        margin-top: auto;
    }

    /*license*/
    .licenseContainer {
        width: calc(100% - 80px);
        margin: 60px auto 120px auto;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    .licenseHeading {
        font-size: 30px;
        font-weight: 500;
        line-height: 38px;
        color: #202224;
        margin-bottom: 24px;
        text-align: center;
    }

    .licensePara {
        font-size: 18px;
        line-height: 28px;
        color: #202224;
        margin-bottom: 24px;
    }

    .licensePara:last-child {
        margin-bottom: 0;
    }

    .faq-list a,
    .faq-list a:hover {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #05ACD7;
    }

    .faq-list {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .faq-list li::before {
        width: 4px;
        min-width: 4px;
        height: 4px;
        content: '';
        margin-top: 10px;
        border-radius: 50%;
        display: inline-block;
        background-color: #202224;

    }

    .faq-list li {
        display: flex;
        align-items: start;
        gap: 5px;
    }

    .heading-three {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        color: #202224;
        margin-bottom: 24px;
    }

    .faqlist-contentContainer {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    body {
        scroll-behavior: smooth;
        scroll-padding: 96px;
    }

    /*document*/
    .document-aside {
        background-color: #F8F8F8;
        padding: 15px 16px;
        position: sticky;
        top: 72px;
        height: 100%;
        min-width: 320px;
        max-width: 320px;


    }

    .aside-flexx {
        display: flex;
        flex-direction: column;
        gap: 8px;
        height: 100%;
        overflow: auto;

    }

    .document-grid {
        /* display: grid;
        grid-template-columns: 320px 1fr; */
        display: flex;
    }

    .documentAccord-btn {
        background-color: transparent;
        border: none;
        height: 34px;
        padding: 8px;
        font-size: 14px;
        font-weight: 500;
        color: #202224;
        width: 100%;
        line-height: 22px;
        text-align: start;
        display: flex;
        align-items: center;
        gap: 5px;
    }


    .documentAccord-btn::before {
        content: '';
        display: inline-block;
        background-image: url('../img/documentAccord.svg');
        width: 16px;
        height: 16px;
        background-size: 16px;
    }

    .document-list li {
        padding: 8px 19px 8px 40px;


    }

    .document-list li a::before {
        content: '';
        display: inline-block;
        width: 4px;
        min-width: 4px;
        height: 4px;
        background-color: #DDDDDD;
        border-radius: 50%;

    }

    .document-list li a {
        font-size: 14px;
        font-weight: 300;
        color: #202224;
        line-height: 22px;
        display: flex;
        gap: 5px;
        align-items: center;
        text-decoration: none;
    }

    .document-list li:hover {
        background-color: #F2F2F2;
    }

    .documentContainer {
        padding: 24px 32px 120px 32px;
    }

    .gitDocument,
    .gitDocument:hover {
        background-color: #085873;
        border-radius: 3px;
        font-size: 16px !important;
        font-weight: 300 !important;
        color: #ffffff !important;
        line-height: 20px;
        padding: 10px 16px;
        max-width: 163px;
        height: 40px;
        width: 100%;
        margin-left: auto;
        margin-bottom: 16px;
        display: flex;
        gap: 5px;
        text-decoration: none;
        white-space: nowrap;
    }

    .jumpTo {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #202224;
        margin-bottom: 8px;
    }

    .documentPara {
        font-size: 16px;
        font-weight: 300;
        color: #202224;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .documentPara:last-of-type {
        margin-bottom: 0;
    }

    .steps .heading-three {
        margin-bottom: 16px;
    }

    .basicSteps {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }


    .basic pre,
    .templates__detail__btm pre {
        background-color: #1F2426;
        border-radius: 3px;
        padding: 12px 16px;
        position: relative;
        margin-top: 32px;
        white-space: normal;

    }

    .basic pre code,
    .templates__detail__btm pre code {
        display: block;
        width: calc(100% - 14px);
        font-size: 14px;
        font-weight: 300;
        color: #ffffff;
        line-height: 18px;
        word-break: break-word;

    }

    .basic strong {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        color: #202224;
        margin-bottom: 24px;
        display: inline-block;
    }

    .basic p {
        font-size: 16px;
        font-weight: 300;
        color: #202224;
        line-height: 24px;
        margin-bottom: 24px;
    }

    .sourceCode {
        background-color: #1F2426;
        border-radius: 3px;
        padding: 12px 16px;
        position: relative;
        margin-top: 32px;
    }

    .sourceCode code {
        display: block;
        width: calc(100% - 14px);
    }

    .sourceCode code p {
        font-size: 16px;
        font-weight: 300;
        color: #ffffff;
        line-height: 18px;
        word-break: break-word;
    }

    .cpyCode {
        background-color: transparent;
        border: none;
        position: absolute;
        inset: 14px 16px auto auto;
        height: fit-content;

    }

    .cpyCode img {
        display: block;
    }

    .mb-24 {
        margin-bottom: 24px;
    }

    .basic .faq-list {
        margin-bottom: 32px;
    }

    .document-list {
        max-height: 500px;
        overflow: auto;
    }


    .aside-flexx::-webkit-scrollbar {
        width: 2px;

    }

    .aside-flexx:hover::-webkit-scrollbar-thumb {
        background-color: #00ACD7;

    }

    .highlight {
        background-color: #E2F9FF;
    }

    /*licenseKey*/
    .licenseKey .cmsHeading {
        margin-top: 80px;

    }

    .licenseKey form input,
    .licenseKey form input:focus-visible {
        border: 1px solid #D9D9D9;
        border-radius: 5px;
        width: 100%;
        max-width: 760px;
        height: 56px;
        padding: 16px;
        outline: 0;
        text-transform: uppercase;
        letter-spacing: 2.4px;
        font-size: 24px;
        color: #202224;
    }

    .licenseKey-container {
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 56px;
    }

    .licenseKey form {
        display: flex;
        flex-direction: column;
        gap: 32px;
        align-items: center;
    }

    .licenseKey form button {
        border-radius: 3px;
        background-color: #085873;
        width: 160px;
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        color: #ffffff;
        border: none;
    }

    .sucessKey {

        min-height: calc(100dvh - 72px);

    }

    .keySucess {
        width: 100%;
        max-width: 420px;
        margin-inline: auto;
        text-align: center;
        padding-top: 24px;
    }

    .keySucess h1 {
        font-size: 20px;
        font-weight: 500;
        color: #202224;
        margin-block: 19px 8px;
        line-height: 25px;

    }

    .keySucess p {
        font-size: 12px;
        font-weight: normal;
        color: #202224;
        margin-bottom: 24px;
        line-height: 20px;

    }

    .keySucess a,
    .keySucess a:hover {
        font-size: 14px;
        font-weight: normal;
        color: #339CEC;
        line-height: 20px;
        text-decoration: none;

    }

    /*commercial-license*/
    .commercial-license {
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 72px 120px;
        background-color: #F8F8F8;
        padding: 24px 24px 40px 24px;
        display: flex;
        flex-direction: column;
        gap: 32px;

    }


    .commercial-head {
        font-size: 18px;
        font-weight: normal;
        color: #202224;
        line-height: 28px;
    }

    .commmercial-para {
        font-size: 18px;
        font-weight: 300;
        color: #202224;
        line-height: 28px;
        margin-bottom: 16px;
    }

    .commmercial-para:last-of-type {
        margin-bottom: 0;
    }

    .commerical-div {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .commerical-div ul {
        margin-top: 16px;
    }


    /*home*/

    .cms-top {
        width: calc(100% - 80px);
        margin-inline: auto;
        display: flex;
        gap: 56px;
        align-items: center;
        margin-block: 60px 120px;



    }

    .cms-topLeft {
        width: 76%
            /* max-width: 560px; */
    }

    .cms-topRight {
        width: 100%;
    }

    .cmd-topLeft h1 {
        font-size: 43px;
        font-weight: 500;
        color: #202224;
        line-height: 56px;
    }

    .trackingContainer {
        display: flex;
        flex-direction: column;
        gap: 26px;
        margin-block: 32px 40px;
    }

    .tracking h3 {
        font-size: 21px;
        font-weight: 500;
        color: #202224;
        /* line-height: 56px; */
        margin-bottom: 12px;
    }

    .tracking ul {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .tracking ul li {
        font-size: 16px;
        font-weight: 300;
        color: #202224;
        line-height: 24px;
        display: flex;
        gap: 5px;
    }

    .tracking ul li::before {
        content: '';
        display: inline-block;
        width: 12px;
        min-width: 12px;
        height: 7px;
        background-image: url('../img/cmsLIst.svg');
        background-size: 12px 7px;
        margin-top: 8px;
    }

    .cmsInput-grp input::placeholder {
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;
        color: #9F9F9F;
    }

    .cmsInput-grp input {
        padding: 10px;
        border: 1px solid #D9D9D9;
        border-radius: 5px 0 0 5px;
        border-right: 0;
        height: 40px;
        width: 100%;
        color: #202224;

    }

    .cmsInput-grp button {
        border: none;
        background-color: #085873;
        padding: 10px;
        border-radius: 3px;
        width: 156px;
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        color: #FFFFFF;
        line-height: 20px;
        position: relative;
        right: 0;
        top: 0;

    }

    .cmsInput-grp {
        position: relative;
        display: flex;
        max-width: 476px;
        width: 100%;

    }

    input:focus-visible {
        outline: none !important;
    }

    .cms-topRight .carousel-indicators {
        position: static;
        margin-bottom: 0;
        display: flex;
        gap: 5px;
        align-items: center;
        height: 8px;
    }

    .cms-topRight .carousel-indicators button {
        background-color: #9CBCC7;
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 50%;
        margin: 0;
    }

    .carouselText {
        font-size: 16px;
        color: #202224;
        font-weight: 500;
        margin-block: 16px;
        line-height: 56px;
        text-align: center;
    }

    .cms-topRight .carousel-indicators button.active {
        background-color: #085873;
    }

    .cmsOpensource h2 {
        font-size: 35px;
        font-weight: 500;
        color: #202224;
        line-height: 44px;
        margin-bottom: 32px;
        text-align: center;
        width: calc(100% - 160px);
        margin-inline: auto;



    }

    .opensource-fluid {
        width: 100%;
        background-color: #F4FAFC;
        padding: 24px 40px 40px 40px;
        display: flex;
        flex-direction: column;
        gap: 48px;
    }

    .opensource-fluid h4 {
        font-size: 16px;
        font-weight: normal;
        line-height: 24px;
        color: #88979B;
        text-align: center;
    }

    .opensource-imgContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 56px;
        justify-content: center;
        align-items: center;
    }

    .cmsOpensource .tech-link {
        column-gap: 26px;
    }

    .cmsOpensource {
        margin-bottom: 40px;
    }

    .license-link {
        text-align: center;
        margin-top: 16px;
    }

    .license-link a {
        font-size: 16px;
        font-weight: 300;
        color: #05ACD7;
        text-decoration: underline;
    }

    .license-link a:hover {
        color: #05ACD7;
    }

    .custom-btm-rgt img {
        width: 100%;
    }


    .management-people-details p span {
        font-weight: 500;
    }

    /*DEC-27-23*/

    .opensource.mt-mb {
        width: calc(100% - 80px);
        margin-inline: auto;

    }

    .op-one,
    .cs-one {
        padding-bottom: 0;
        border-radius: 8px 8px 0 0;
    }

    .op-two,
    .cs-two {
        padding-top: 0;
        border-radius: 0 0 8px 8px;
    }

    .op-two {
        grid-row: 2;
        grid-column: 1;
    }



    /* .license-list {
        row-gap: 0;
    } */

    .menu-btn {
        margin-left: 16px;
    }

    .footer-left {
        display: grid;
        gap: 16px;
    }


    .ig-row.custom-select select:required:invalid {
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;
        color: #9F9F9F !important;
    }

    .ig-row.custom-select select option {
        color: #202224;
    }



    /*Dec-27-23*/

    .error-404 {
        min-height: calc(100dvh - 72px);
        max-width: 715px;
        margin-inline: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-block: 130px 120px;
    }

    .error-head {
        font-size: 28px;
        line-height: 35px;
        color: #000000;
        font-weight: 600;
        margin-block: 23px 8px;
    }

    .error-txt {
        font-size: 14px;
        line-height: 20px;
        color: #0F0F10;
        font-weight: normal;
    }

    .error-txt a {
        font-weight: 500;
        color: #00ACD7 !important;
    }

    .goHome {
        border-radius: 3px;
        background-color: #085873;
        padding: 10px 24px;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF !important;
        display: block;
        margin-top: 23px;
        text-decoration: none;
    }

    .error-container {
        width: calc(100% - 80px);
        margin-inline: auto;

    }

    .launch-head {
        font-size: 18px;
        color: #202224;
        line-height: 22px;
        font-weight: 500;
        margin-bottom: 8px;
    }


    .launch-para {
        font-size: 14px;
        color: #202224;
        line-height: 22px;
        font-weight: 300;
        margin-bottom: 24px;
        text-wrap: balance;
        text-wrap: pretty;
    }

    .admin-ui-card,
    .graphic-api-card {
        padding: 16px 24px 24px 16px;
        border: 1px solid #E6E6E6;
        border-radius: 8px;

    }

    .launch-ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .admin-ui-card {
        grid-column: span 2;
    }

    .usr-pass h3 {
        font-size: 16px;
        line-height: 22px;
        font-weight: normal;
        color: #202224;
    }

    .usr-pass>h3>span {
        font-weight: 300;
    }

    .usr {
        margin-bottom: 6px;
    }

    /* .usr span {
        color: #05ACD7;

    } */

    .launch-link {
        background-color: #085873;
        border-radius: 3px;
        padding: 10px 20px;
        text-decoration: none;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF !important;
        display: flex;
        width: fit-content;
        margin-left: auto;
        gap: 8px;
        margin-top: 24px;

    }

    .link-detail .launch-link {
        margin-top: 0;
    }

    .link-detail {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 24px;
    }

    .demo-container {
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 48px 128px;
    }

    .hover-div .drop-content.developer {
        padding: 0;
    }

    .hover-div .documentation {
        padding: 16px;
        display: flex;
        gap: 16px;
        align-items: start;
        background-color: #085873;
        /* height: 70px; */
        line-height: 1;
    }

    .hover-div .documentation a {
        font-size: 14px;
        font-weight: normal;
        line-height: 18px;
        color: #FFFFFF !important;
        text-decoration: underline;
        border-bottom: 0;

    }

    .hover-div .documentation span {
        font-size: 12px;
        line-height: 15px;
        font-weight: 300;
        color: #9BBBC6;
        margin-top: 5px;
        display: block;
    }

    .hover-div .documentation .documentation-link {
        padding-left: 0;
    }

    .developer ul li {
        padding: 8px 16px;

    }

    .developer ul li a {
        display: flex;
        gap: 16px;
        align-items: end;
        text-decoration: none;
        border: none;

    }

    .developer ul li:hover a span {
        color: #00ACD7 !important;
    }

    .developer.drop-content ul li a span {
        font-size: 14px;
        color: #202224;
        line-height: 18px;
        font-weight: normal;
        text-decoration: none;
        border-bottom: 0;
    }

    .developer ul h3 {
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
        color: #202224;

    }

    .hover-div:hover .drop-content {
        height: fit-content;
    }

    .drop-content.developer ul {
        padding-block: 8px 16px;
    }

    .drop-content.developer ul li:first-of-type:hover {
        background-color: #fff;
    }

    .drop-content.developer {
        width: 255px;
    }

    .tracking .sourceCode {
        margin-top: 16px;
        padding: 16px;
        display: flex;
        align-items: center;
    }

    .tracking .sourceCode button {
        position: static;
    }

    .cms-topRight .carousel-indicators {
        margin-top: 10px;
    }

    .trackingContainer {
        margin-block: 32px 0;
    }


    .usr-cpy {
        display: inline-flex;
        background: transparent;
        border: none;
        padding: 0;
        position: static;
    }

    .usr-cpy.copy span {
        display: inline-block;
        color: #00ACD7;
    }

    .g-10 {
        gap: 10px !important;
    }

    .cpyCode span,
    .cpyCode1 span,
    .cpyCode2 span {
        font-size: 14px;
        font-weight: 300;
        color: #ffffff;
        line-height: 18px;
        display: none;
    }

    .cpyCode.copy span,
    .cpyCode1.copy span,
    .cpyCode2.copy span {
        display: block;

    }

    .cpyCode.copy img,
    .cpyCode1.copy img,
    .cpyCode2.copy img {
        display: none;
    }

    .imageclass {
        display: grid;
        place-items: center;
    }

    .imageclass p {
        text-align: center;
        font-size: 30px;
        color: #8F8F8F;
        font-weight: 500;
        filter: blur(1px);

    }

    #terms-error {
        font-size: 11px;
        font-weight: 300;
    }

    label.error p,
    label.error p a {
        border: none;
        background-color: transparent;
        color: #ff070a;
        padding: 0;
    }



    /* JAN - 4 */

    .management-people-details p span {
        font-size: 18px;
        font-weight: 500;
        color: #202224;
        margin: 0;
        line-height: 25px;
    }

    .management-people-details p:last-child {
        margin-bottom: 22px;
    }

    .developer-details h3 {
        font-size: 20px;
        color: #202224;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .developer-details .about-sep {
        width: 48px;
    }

    .developer-details .developers-img {
        margin-top: 24px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
        row-gap: 16px;
    }

    .developer-details .developers-img img {
        width: 48px;
        height: 48px;
        min-width: 48px;
    }

    .developer-details {
        margin-bottom: 80px;
    }

    .contact-btn button {
        width: 176px;
        height: 52px;
        background-color: #085873;
        border-radius: 3px;
        border: 0;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 18px;
        font-weight: normal;
        text-transform: capitalize;
    }

    .terms-link,
    .terms-link:hover {

        font-weight: 300;
        line-height: 24px;
        color: #05ACD7 !important;
    }

    .f-500 {
        font-weight: 600;
    }

    /* .forward-arrow img{
        rotate: 180deg;
    } */

    .commercila-lince .terms-link {
        font-weight: 400 !important;
    }

    .blog-detail-page-top .gitDocument {
        margin: 24px 32px 0 auto;
    }

    .blog-content h3 strong {
        font-size: 24px;
        font-weight: bold;
        color: #202224;
        margin-bottom: 12px;
    }

    .blog-content p strong {
        font-size: 16px;
        font-weight: bold;
        margin-block: 24px 8px;

    }

    .blog-content p {
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        margin-bottom: 11px;
    }

    .blog-detail-page.bg {
        background-color: #F9F9F9;
    }

    .ud-none {
        text-decoration: none;
    }

    .documentContainer .basic h6 {
        background-color: #E2F9FF;
        font-size: 16px;
        font-weight: 300;
        color: #202224;
        line-height: 24px;
        width: fit-content;
    }

    /*jan-18-24*/
    .documentContainer .basicSteps .basic p strong {
        margin-bottom: 0;

    }

    .documentContainer .basicSteps .basic h1 strong {
        text-align: center;
        font-size: 35px;
        font-weight: 500;
        color: #202224;
        line-height: 44px;
        margin-bottom: 48px;
        display: block;

    }

    .documentContainer .basicSteps .basic h2 strong {
        font-size: 30px;
        font-weight: 500;
        line-height: 38px;
        color: #202224;
        margin-bottom: 24px;
    }



    /*jan-12-23*/


    .op-grd {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: end;
        gap: 36px;
        margin-bottom: 24px;
    }

    .op-one {
        container-type: inline-size;
    }

    .op-one p {
        margin-bottom: 0;
    }

    .paymentSucess-top h1 {
        font-size: 20px;
        font-weight: 500;
        color: #202224;
        line-height: 25px;
        margin-block: 24px 10px;
    }

    .paymentSucess p {
        font-size: 13px;
        font-weight: normal;
        color: #202224;
        line-height: 20px;
    }

    .paymentSucess-bottom a,
    .paymentSucess-bottom a:hover {
        font-size: 14px;
        font-weight: normal;
        color: #339CEC;
        line-height: 20px;
        text-decoration: none;
        display: block;

    }

    .payment-table {
        padding-inline: 24px;
        border: 1px solid #EAEAEA;
        border-radius: 3px;
        width: fit-content;
        text-align: start;
    }

    .payment-table :is(th, td) {
        padding-block: 10px;
        border-bottom: 1px solid #EAEAEA;
        font-size: 20px;
        line-height: 20px;
        font-weight: 300;
        color: #000000;
    }

    .payment-table table td {
        padding-left: 20px;
        font-weight: 600;
    }

    .payment-table tr:last-of-type :is(th, td) {
        border-bottom: 0;
    }

    .paymentSucess {
        max-width: 480px;
        display: flex;
        flex-direction: column;
        gap: 32px;
        align-items: center;
        text-align: center;
        margin-inline: auto;
    }

    .method-btn,
    .method-btn:hover {
        background-color: #085873;
        border: 1px solid #085873;
        border-radius: 3px;
        width: 100%;
        width: 188px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: 400;
        color: #ffffff;
        text-decoration: none;
        gap: 3px;
    }


    .paymentKey-container {
        min-height: calc(100vh - 72px);
        padding-block: 64px;
        width: calc(100% - 80px);
        margin-inline: auto;
    }

    .paymentfailure-img {
        margin-top: 52px;
    }

    header {
        height: 72px;
    }

    .cmsVersion {
        background-color: #1F2426;
        border-radius: 0 0 3px 3px;
        padding: 14px;
        position: sticky;
        top: 72px;
        z-index: 1;
    }

    .cmsVersion strong {
        font-size: 16px;
        font-weight: 300;
        line-height: 20px;
        color: #FFFFFF;
        text-align: center;
        display: block;
    }

    .cmsVersion a,
    .cmsVersion a:hover {
        color: #30ACD6;
    }

    .cms-v,
    .cms-v:hover {
        font-size: 12px;
        font-weight: 500;
        color: #ffffff;
        position: absolute;
        inset: auto 3px -17px auto;
        width: fit-content;
        line-height: 15px;


    }

    .cms-logo a {
        text-decoration: none;
        position: relative;

    }

    .accordion-body .drop-content li {
        padding-inline: 20px;
    }

    .blu-canvas .accordion-body {
        padding-inline: 0;
    }

    .drop-content a img:nth-of-type(2) {
        display: none;
    }

    .drop-content li:hover a img:first-of-type {
        display: none;
    }

    .drop-content li:hover a img:last-of-type {
        display: block;
    }

    .drop-content a {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .payment-table :is(th) {
        white-space: nowrap;
    }

    .op-top-img img {
        height: 91px;
    }



    .git-crumb .gitDocument {
        margin-top: 0;
    }

    .git-crumb {
        background-color: #ffffff;
    }

    .git-crumb .bndh-row {
        padding-block: 0 !important;
    }

    .git-wrap {
        margin-top: 0;
    }

    .paymentSucess-bottom {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        flex-direction: column;
    }

    .text-upp {
        text-transform: uppercase;
    }

    .cmsVersion strong img {
        width: 20px;
        margin-left: 5px;
        vertical-align: bottom;
    }

    .bult-pnt ul li {
        list-style-type: disc !important;
        list-style-position: inside;
        padding-left: 35px;
    }

    .helpsList li {
        font-size: 18px;
        line-height: 28px;
        color: #202224;
        margin-bottom: 5px;
    }



    /*feb-15-2023*/

    .main__templates .cmsHeading {
        gap: 10px;

    }

    .templates__container {
        display: grid;
        grid-template-columns: 264px 1fr;
        gap: 40px;
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 48px 180px;
    }


    .templates__card__para {
        font-size: 14px;
        line-height: 18px;
        color: #202224;

    }

    .templates__card__link {
        display: grid;
        gap: 12px;
        text-decoration: none;
    }

    .templates__card__container {
        display: grid;
        gap: 32px;
        grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
        height: fit-content;
    }


    .temp__card__img {
        border: 1px solid #E6E6E6;
        border-radius: 5px;
    }

    .templates__categories__link li a {
        font-size: 14px;
        line-height: 22px;
        color: #202224;
        padding: 8px;
        text-decoration: none;
        display: flex;
        align-items: center;
        height: 34px;
        transition: all 0.3s ease;
    }

    .templates__categories__link li a:hover,
    .templates__categories__link li a.active {
        background-color: #F8F8F8;
        color: #05ACD7;
    }

    .templates__categories__heading {
        font-size: 18px;
        line-height: 22px;
        color: #202224;
        margin-bottom: 12px;
    }



    .templates__detail__top {
        width: calc(100% - 80px);
        margin-block: 40px 80px;
        background-color: #F8F8F8;
        border-radius: 8px;
        padding: 32px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 72px;
        margin-inline: auto;
    }

    .back-to-prev {
        font-size: 12px;
        line-height: 15px;
        color: #202224 !important;
        display: flex;
        gap: 3px;
        align-items: center;
        text-decoration: none;
        margin-bottom: 16px;

    }



    .detail__top__heading {
        font-size: 35px;
        line-height: 44px;
        font-weight: 500;
        color: #05ACD7;
    }

    .detail__top__para {
        font-size: 16px;
        line-height: 24px;
        color: #202224;
        font-weight: normal;
        margin-block: 16px 20px;
    }

    .detail__top__list li {
        font-size: 14px;
        font-weight: 300;
        color: #202224;
        margin-bottom: 8px;
    }

    .detail__top__list li a {
        color: #05ACD7;
        text-decoration: none;
    }

    .dark__btn__grp {
        display: flex;
        gap: 16px;
    }

    .dark__btn__grp a,
    .dark__btn__grp a:hover {
        background-color: #085873;
        border-radius: 3px;
        padding: 10px 24px;
        color: #FFFFFF;
        font-size: 16px;
        line-height: 20px;
        text-decoration: none;

    }

    .detail__top__list li.tag {
        margin-block: 32px;
    }

    .templates__detail__btm {
        max-width: 1040px;
        margin-inline: auto;
        margin-bottom: 120px;
        width: calc(100% - 80px);
    }

    .detail__btm__img img {
        width: 100%;

    }

    .detail__btm__imgList {
        display: flex;
        gap: 10px;
        margin-block: 24px 56px;
        justify-content: center;
    }

    .detail__btm__imgList a,
    .detail__btm__imgList a img {
        display: block;
        width: 96px;
        max-height: 96px;

    }

    .detail__btm__para {
        font-size: 18px;
        line-height: 25px;
        color: #202224;
        font-weight: 300;
        margin-bottom: 20px;
    }

    .detail__btm__heading {
        font-size: 30px;
        line-height: 38px;
        font-weight: 500;
        color: #202224;
        padding-block: 20px 16px;
    }

    .img__prevModal.offcanvas-end {
        border-left: 0 !important;
        width: 100% !important;
        background-color: rgba(5, 17, 21, 95%);

    }

    .img__prevModal {
        padding: 24px;
    }

    .img__prevCarousel {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 40px;
        width: 100%;
        margin: auto;
        height: calc(100vh - 268px);
        justify-content: space-between;
        margin-block: 110px;
    }

    .img__prevModal :is(.carousel-control-prev,
        .carousel-control-next) {
        position: static !important;
        width: fit-content;
        opacity: 1;
    }


    .img__prevModal .carousel-inner img {

        margin-inline: auto;
        display: block;
        object-fit: contain;

    }

    .img__prevModal .carousel-inner {
        width: fit-content;
    }

    .img__prevModal .carousel-item,
    .img__prevModal .carousel-item img {
        height: 100%;

    }

    .carousel-indicator {
        margin-bottom: 79px;
        font-size: 18px;
        line-height: 23px;
        color: #FFFFFF;
        width: fit-content;
        margin-inline: auto;

    }

    .canvas-close {
        border: none;
        background-color: transparent;
        position: absolute;
        right: 24px;
    }

    .license-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin: 0 0 12px 0;

    }


    .licns-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin: 0 0 12px 0;
        flex-wrap: wrap;

    }

    .license-link h3 {
        margin-bottom: 0;
    }

    /* 
    .licenseKey-container {
        min-height: 56vh;
    } */

    .license-key-link {
        display: block;
        margin-inline: auto;
        width: fit-content;
        margin-block: 24px 0;
        font-size: 14px;
        text-decoration: none;
        color: #339CEC !important;
        line-height: 20px;

    }

    .cms__adminWrapper,
    .helps__container {

        width: calc(100% - 80px);
        margin-inline: auto;

    }

    .admin__tabs>ul {
        display: flex;
        border-top: 1px solid #F2F2F2;
        background-color: #F8F8F8;
        height: 53px;
    }

    .admin__tabs .nav-item a {
        padding: 16px 24px;
        background-color: #F8F8F8;
        font-size: 16px;
        line-height: 1;
        color: #202224;
        display: flex;
        align-items: center;
        gap: 5px;
        height: 100%;
        transition: all 0.3s ease;
        border-top: 3px solid transparent;
        border-width: 3px 0 1px 1px !important;
        border: solid #F2F2F2;
        border-top-color: transparent;
        text-decoration: none;
    }

    .nav-item>a.active {
        background-color: #FFFFFF;
        color: #05ACD7;

    }

    .detail__btm__img {
        display: block;
        cursor: pointer;
    }

    .nav-item>a.active {
        border-top: 3px solid #05ACD7 !important;
        border-bottom-color: transparent;

    }



    .tab-pane-list {
        display: flex;
        gap: 10px;
    }

    .tab-pane-list a {

        border-radius: 5px;
        padding: 5px 12px;
        font-size: 14px;
        line-height: 22px;
        border: 1px solid #D9D9D9;
        text-decoration: none;
        height: 28px;
        display: flex;
        align-items: center;
        color: #202224;
    }

    .tab-pane-list a.active,
    .tab-pane-list a:hover {
        background-color: #05ACD6;
        color: #FFFFFF;
        border-color: transparent;

    }

    .admin__tabs .tab-cont {
        margin-block: 40px 80px;
    }

    .related-list li p {

        font-size: 14px;
        line-height: 22px;
        color: #9D9D9D;
        margin-bottom: 4px;
        font-weight: normal;
    }

    .related-list {
        margin-bottom: 16px;
    }

    .related-list li p::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        background-color: #202224;
        border-radius: 50%;
        margin-top: 7px;
        vertical-align: text-top;
        margin-right: 5px;
    }

    /* .related-list li a:hover {
        color: #05ACD7;
        text-decoration: underline;
    } */

    .related-heading {
        color: #202224;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        text-decoration: none;
        margin-bottom: 16px;
    }

    .tab-pane-left {
        position: relative;
        width: 100%;
    }

    .tab-pane-left>img {
        width: 100%;
    }

    .pause-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: none;
        background-color: transparent;
    }

    .admin__tabs .tab-pane .tab-pane-wrap {
        display: grid !important;
        gap: 41px;
        grid-template-columns: 1fr 2fr;

    }

    .admin__tabs {
        margin-block: 56px 40px;
    }

    /* .tab-pane-left::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        inset: 0;
        position: absolute;
        background-color: #000000;
        mix-blend-mode: soft-light;
    } */

    .helps__container {
        column-count: 3;
        column-gap: 38px;
        margin-block: 56px 80px;
    }

    .helps__card {
        border: 1px solid #E6E6E6;
        border-radius: 8px;
        padding: 16px;
        margin-bottom: 24px;
        break-inside: avoid;
    }

    .helps__card h3 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: #202224;
        margin-bottom: 8px;
    }


    .helps__card li {
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
        color: #202224;
        margin-top: 5px;
        display: flex;
        gap: 5px;
        align-items: start;
    }

    .helps__card li::before {
        content: '';
        display: inline-block;
        min-width: 4px;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background-color: #202224;
        margin-top: 8px;

    }

    .templates__card .temp__card__img,
    .detail__top__left img,
    .tab-pane-left {
        opacity: 0;
        transform: translateY(30px);
        animation: cardup 0.5s forwards;
        width: 100%;
    }

    @keyframes cardup {
        100% {
            transform: translate(0);
            opacity: 1;
            scale: 1;
        }
    }

    .img__prevModal .carousel-caption {
        position: fixed;
        top: 24px;
        width: 100%;
        left: 0;
        padding: 0;
        height: fit-content;
    }

    .img__prevModal .carousel-item {
        transition: transform .3s ease-in-out !important;
        width: 100% !important;
    }

    .img__prevModal .canvas-close {
        z-index: 2;
        width: 24px;
        height: 24px;
    }

    .templates__card:hover {
        box-shadow: 0 0 16px 2px rgba(0, 0, 0, .2);
        border-radius: 5px 5px 0 0;
    }

    .templates__card {

        -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
        transition: all .5s cubic-bezier(.165, .84, .44, 1);
    }

    .temp__card__img img {
        width: 100%;
        /* max-height: 216px; */
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .license-link a {
        margin-inline: auto;
        margin-top: 16px;
    }

    .licns-link .chk-lincense {
        margin-inline: 0 auto;
        margin-top: 0;
    }

    .detail__top__left img {
        max-height: 539px;
    }

    .cmsHeading.al-lft :is(p, h1) {
        text-align: left;
    }

    .tab-pane-left iframe {
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
    }

    .gp-btn {
        row-gap: 32px;
    }

    .company-peoples {
        height: fit-content;
        position: sticky;
        top: 100px;

    }

    .detail__top__list li:last-of-type {
        margin-bottom: 32px;
    }


    /* ------Feb-20------ */

    .start-project {
        padding: 10px 16px;
        background-color: #085873;
        border-radius: 3px;
        color: #FFFFFF;
        font-size: 16px;
        font-weight: normal;
        line-height: 20px;
        text-decoration: none;
        margin: 0px 16px;
    }

    .start-project:hover {
        color: #ffffff;
    }


    .project-wrapper {
        padding: 40px 40px 80px;
    }

    .project-title h3 {
        font-size: 35px;
        font-weight: 500;
        line-height: 44px;
        color: #202224;
        margin-bottom: 20px;
    }

    .project-title p {
        font-size: 16px;
        font-weight: normal;
        color: #202224;
        line-height: 24px;
        margin: 0;
    }

    .project-title {
        margin-bottom: 56px;
        text-align: center;
    }

    .download-btn {
        padding: 10px 24px;
        color: #FFFFFF;
        font-size: 16px;
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: 3px;
        line-height: 20px;
        border: none;
        margin-left: 16px;
        text-decoration: none;
    }

    .blu-canvas .offcanvas-body {
        padding: 0;
    }

    .blu-canvas .offcanvas-footer {
        padding-bottom: 32px;
    }

    .blu-canvas .offcanvas-footer .btn-group {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        justify-content: center;
        width: 100%;
    }

    .ig-row textarea {
        border: 1px solid #D9D9D9;
        border-radius: 5px;
        font-size: 16px;
        color: #000000;
        font-weight: 400;
        height: 160px;
        width: 100%;
        padding: 10px 10px 0px;
    }

    .ig-row input::placeholder,
    .ig-row textarea::placeholder {
        color: #9f9f9f !important;
    }

    .ig-row textarea:focus-visible {
        outline: 0px;
    }

    .focus textarea {
        border-color: #085873;
    }

    .tri-cols {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 24px;
    }

    .bi-cols {
        display: grid;
        grid-template-columns: 2.1fr 1fr;
        gap: 24px;
    }

    .submit-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 24px;
    }

    .submit-info p {
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #202224;
        text-align: center;
        margin: 0 0 16px;
    }

    .submit-info button {
        width: 238px;
        height: 56px;
        background-color: #085873;
        border-radius: 3px;
        color: #FFFFFF;
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        border: 0;
    }

    .mobile-details a {
        font-size: 16px;
        line-height: 20px;
        color: #202224;
        text-decoration: none;
        font-weight: normal;
    }

    .mobile-details a:hover {
        text-decoration: underline;
        color: #339CEC;
    }



    .mobile-details {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-block: 40px;
        border-bottom: 1px solid #E6E6E6;
    }

    .mail-details a {
        font-size: 16px;
        line-height: 20px;
        color: #202224;
        text-decoration: none;
        font-weight: normal;
    }

    .mail-details a:hover {
        text-decoration: underline;
        color: #339CEC;
    }



    .mail-details {
        display: flex;
        align-items: center;
        gap: 12px;
        padding-block: 40px;
        border-bottom: 1px solid #E6E6E6;
    }

    .location-info h4 {
        font-size: 16px;
        line-height: 20px;
        color: #202224;
        font-weight: normal;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

    .locate-details {
        display: flex;
        align-items: start;
        gap: 12px;
        padding-block: 26px;
        border-bottom: 1px solid #E6E6E6;
    }

    .location-info p {
        font-size: 16px;
        line-height: 20px;
        color: #202224;
        font-weight: 300;
    }

    .location-info {
        padding-top: 5px;
    }

    .right-form div:last-child {
        border: 0;
    }

    .right-form div:first-child {
        padding-top: 28px;
    }

    .project-form {
        display: grid;
        grid-template-columns: 1.7fr 1fr;
        gap: 80px;
    }

    .raw-html-embed iframe {

        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        max-height: 500px;
    }

    /* feb-23-02-24 */
    .detail__btm__img iframe {
        width: 100%;
        aspect-ratio: 16/9;
    }




    /*21-02-24*/

    .package__container {
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 60px 120px;
        position: relative;
    }

    .package__tab {
        background-color: #F2F2F2;
        border-radius: 32px;
        padding: 4px 4px 4px 4px !important;
        width: fit-content;
        margin-bottom: 32px;
        display: flex;
    }

    .nav__list .nav-link.active {
        background-color: #FFFFFF;
    }

    .nav__list .nav-link {
        font-size: 32px;
        line-height: 40px;
        font-weight: 500;
        color: #202224 !important;
        align-items: center;
        gap: 10px;
        border-radius: 30px;
        align-items: center;
        padding: 8px 16px;
    }

    .nav__list .nav-link span {
        display: inline-block;
        background-color: #00AC49;
        padding: 4px 8px;
        top: 1px;
        border-radius: 30px;
        font-size: 11px;
        line-height: normal;
        position: relative;
        color: #FFFFFF;
        height: 22px;

    }

    .package__top__left p {
        font-size: 16px;
        line-height: 23px;
        font-weight: 300;
        color: #202224;
    }

    .pck__gitLink,
    .pck__gitLink:hover {
        border: 1px solid #D9D9D9;
        border-radius: 5px;
        padding: 14px 16px;
        display: inline-flex;
        gap: 16px;
        text-decoration: none;
        margin-block: 32px;
        width: 100%;
        align-items: center;
    }

    .pck__gitLink span {
        font-size: 16px;
        line-height: 20px;
        color: #202224;
        font-weight: normal;

    }

    .pck__gitLink img {
        transition: all 250ms ease-in-out;
    }

    .pck__gitLink:hover img {
        transform: translateX(5px);
    }

    .package__top__left h5 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: #202224;
        margin-bottom: 12px;
    }

    .get__free,
    .get__free:hover {
        width: 238px;
        height: 56px;
        background: #085873;
        border-radius: 3px;
        display: flex;
        align-items: center;
        /* font-size: 18px; */
        line-height: 23px;
        color: #FFFFFF;
        justify-content: center;
        text-decoration: none;
        padding: 16px;
        margin-top: 24px;
        gap: 12px;
    }

    .package__top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }

    .package__top__right {

        transform: translateY(80px);
        opacity: 0;
        animation: cardup 500ms forwards;
        display: grid;
        place-items: center;
        /* position: absolute;
        width: 50%;
        right: 0;
        top: 45px;
        width: calc(50% - 20px); */
        height: fit-content;
        margin-top: -51px;
    }

    .package__top__right>img {
        width: 100%;
    }

    .package__top__right button {
        position: absolute;
        background-color: transparent;
        border: none;
    }

    .package__bottom {
        margin-top: 72px;
    }

    .package__bottom__accord .package__accordionBtn {
        padding: 24px;
        gap: 16px;
        display: flex;
        flex-direction: column;
        align-items: start;
        background-color: #ffffff;
        border: none;
        border: 1px solid #E6E6E6;
        border-radius: 8px 8px 0 0;
    }

    .package__bottom__accord .package__accordionBtn h3 {
        font-size: 20px;
        line-height: 25px;
        font-weight: 600;
        color: #202224;
    }

    .package__bottom__accord .package__accordionBtn p {
        font-size: 14px;
        line-height: 22px;
        font-weight: normal;
        color: #202224;
        text-align: left;
        display: flex;
        align-items: start;
        gap: 24px;
        margin-bottom: 16px;
    }

    .package__bottom__accord .package__accordionBtn p:last-of-type {
        margin-bottom: 0;
    }

    .package__bottom__accord .package__accordionBtn p:first-of-type:after {
        content: '';
        display: inline-block;
        min-width: 24px;
        height: 24px;
        background-size: contain;
        background-image: url('../img/pck-accord-arrow.svg');
        transition: all 0.1s ease-in-out;
    }


    .package__accordionBtn[aria-expanded="true"] p:first-of-type:after {
        rotate: -90deg;
    }

    .pck__accordLnk {
        padding: 13px 24px;
        background-color: #F8F8F8;
        display: flex;
        gap: 5px;
        justify-content: end;
        border-radius: 0 0 8px 8px;
        align-items: center;
        font-size: 14px;
        color: #202224;
        text-decoration: none;
        line-height: 1;
        border-width: 0 1px 1px 1px !important;
        border: solid #F8F8F8;
    }

    .pck__accordLnk::before {
        content: '';
        background-image: url('../img/tab-git.svg');
        width: 16px;
        height: 16px;
        background-size: 16px;

    }

    .accordion-item:hover .pck__accordLnk::before,
    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk::before {
        background-image: url('../img/tab-git-active.svg');

    }

    .accordion-item:hover .pck__accordLnk::after,
    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk::after {
        background-image: url('../img/git-light-arrow.svg');

    }

    .accordion-item:hover .pck__accordLnk,
    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk {
        color: #05ACD7;
    }

    .pck__accordLnk::after {
        content: '';
        background-image: url('../img/git-lnk-arrow.svg');
        width: 14px;
        height: 7px;
        background-size: 14px 7px;
        margin-left: 3px;
        transition: all 250ms ease-in-out;

    }

    .pck__accordLnk:hover::after {
        transform: translateX(5px);
    }

    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk {
        border: 1px solid #E6E6E6 !important;
    }

    .accordion-item:hover .pck__accordLnk {
        border: 1px solid #E6E6E6;

    }

    .package__bottom__accordInr .accordion-body {
        border-inline: 1px solid #E6E6E6;

    }

    .package__bottom__accord .accordion-item {
        border: none;

        border-radius: 8px !important;
        -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
        transition: all .5s cubic-bezier(.165, .84, .44, 1);

    }

    .package__bottom__accord .accordion-body ul li {
        list-style-type: disc;
        list-style-position: outside;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #202224;

    }

    .package__bottom__accord .accordion-body {
        padding: 24px 24px 24px 55px;
    }

    .package__bottom__accord .accordion-body ul {
        display: grid;
        gap: 10px;
        margin-bottom: 32px;
    }

    .package__bottom__accord .accordion-body p {
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #202224;

    }

    .package__bottom__accord {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 40px;

    }

    .package__bottom__accordInr {
        display: grid;
        row-gap: 24px;
        height: fit-content;

    }

    .accordion-item:hover .pck__accordLnk,
    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk {
        background-color: #E2F9FF;


    }


    .accordion-item.active {
        filter: drop-shadow(0px 6px 32px #0000000F);
    }

    .package__top__left .package__top__content2 {
        line-height: 20px;
    }

    .package_main .cmsHeading {
        text-align: start;
        width: calc(100% - 80px);
        margin-top: 10px;
    }

    .package_main .blog-detail-back-btn {
        margin-bottom: 0 !important;
    }

    .blu-canvas {
        border-right: 0 !important;
    }

    .package__top__right iframe {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
    }


    /*27-02-24*/





    .no__jobs {
        max-width: 440px;
        margin-inline: auto;
        margin-block: 40px;
        text-align: center;
    }


    .transY {
        animation: cardup 0.5s forwards;
        transform: translateY(80px);
        opacity: 0;
    }

    .no__jobs>h2 {
        font-size: 20px;
        line-height: 25px;
        font-weight: 500;
        color: #202224;
        margin-block: 24px 10px;
    }

    .no__jobs>p {
        font-size: 13px;
        line-height: 20px;
        font-weight: normal;
        color: #202224;
        margin-bottom: 32px;
    }

    .no__jobs>a,
    .no__jobs>a:hover {
        font-size: 14px;
        line-height: 18px;
        font-weight: normal;
        color: #05ACD7;
        text-decoration: none;
    }

    .templates__categories__heading {
        font-size: 16px;
        line-height: 22px;
        color: #202224;
        font-weight: 500;
        margin-bottom: 12px;
    }


    .templates__categories__link li a {
        font-size: 16px;
        line-height: 22px;
        color: #202224;
        padding: 12px 16px;
        text-decoration: none;
        display: flex;
        align-items: center;
        min-height: 44px;
        transition: all 0.3s ease;
        font-weight: 500;
    }


    .templates__categories__link li:first-of-type a {
        font-weight: 600;
    }

    /* .usr-pass {
        container-type: inline-size;
    } */
    /* feb-28-24 */


    .doc-canvas {
        border: none !important;
    }

    .template-videos iframe {
        aspect-ratio: 16/9;
        width: 100%;
        height: auto;
        max-height: 500px;
    }




    /*16-03-24*/


    .open-source {
        /**/
        padding: 32px 32px 40px 32px;
        background-color: #F8F8F8;
        border-radius: 8px;
    }

    .open-source h3 {
        /**/
        font-size: 30px;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0px;
        line-height: 38px;
    }

    .op-grd {
        /**/
        display: grid;
        align-items: start;
        margin-bottom: 32px;
    }



    .op-top-txt p a {
        color: #00ACD7;
    }

    .op-log-map {
        display: flex;
        align-items: center;
        gap: 8px;
    }


    .op-log-map a {
        font-size: 12px;
        font-weight: 300;
        line-height: normal;
        color: #00ACD7 !important;
        text-decoration: none;
    }

    .op-log-map a:first-of-type {
        border-right: 1px solid #333333;
        padding-right: 8px;
        line-height: 1;
    }

    .gap-32 {
        gap: 32px;
    }

    .p-16 {
        padding: 16px;
    }

    .op-btm {
        padding: 16px;
        container-type: inline-size;
        background-color: #EFEFEF;

    }

    .op-btm-wrapper {
        display: grid;
        gap: 16px;
        margin-top: 32px;

    }

    .op-btm tbody td {
        padding-block: 4px;
    }

    .op-btm tbody tr:last-child td {
        padding-block: 4px 0;
    }

    .op-btm thead th {
        padding-bottom: 3px;
    }

    .op-btm thead th h4 {
        font-size: 16px;
        line-height: 24px;
        color: #202224;
        font-weight: 500;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .op-btm:first-of-type thead th {

        padding-bottom: 14px;
    }

    .op-btm thead th a {
        font-size: 12px;
        line-height: 24px;
        color: #00ACD7;
        font-weight: 300;
        text-decoration: none;
        display: block;
        text-align: end;

    }

    .op-btm tbody td p span {
        font-size: 10px;
        line-height: 24px;
        font-weight: normal;
        color: #202224;
    }

    .op-btm-wrapper .op-btm:first-of-type tbody td p {
        font-size: 13px;
        line-height: 24px;
        font-weight: 500;
        color: #00ACD7;
        padding-right: 8px;
    }

    .op-btm table tbody td p {
        font-size: 13px;
        line-height: 24px;
        font-weight: 300;
        color: #202224;

    }

    .op-btm table tbody td div {
        display: flex;
        gap: 10px;

    }

    .op-btm tbody td p img {
        vertical-align: top;
    }

    .op-btm tbody td a {
        background-color: #085873;
        border-radius: 3px;
        padding: 5px 8px 5px 8px;
        font-size: 12px;
        line-height: 15px;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        display: flex;
        align-items: flex-start;
        gap: 5px;
        justify-content: center;
        width: 74px;
        margin-left: auto;
    }



    /*26-03-24*/




    .templates__card__tab {
        height: fit-content;
        position: sticky;
        top: 96px;
    }

    .templates__categories__list li a {
        color: #202224;
        font-size: 13px;
        border-bottom: 1px solid #E5E5E5;
    }

    .templates__categories__list li a:hover {
        color: #05ACD7;
    }



    .templates__categories__list li a.active {
        background-color: #FAFAFA;
        color: #05ACD7;
        border-color: transparent;
    }

    .font-medium {
        font-weight: 500;
    }

    .font-normal {
        font-weight: normal;
    }

    .font-300 {
        font-weight: 300;
    }

    .lh-24 {
        line-height: 24px;
    }

    .text-202224 {
        color: #202224 !important;
    }

    .text-9D9D9D {
        color: #9D9D9D !important;
    }

    .text-1A1A1A {
        color: #1A1A1A !important;
    }

    .pt-10 {
        padding-top: 10px;
    }

    .pb-10 {
        padding-bottom: 10px;
    }

    .ps-16 {
        padding-left: 16px;
    }

    .pe-16 {
        padding-right: 16px;
    }

    .border-1A1A1A {
        border-color: #1A1A1A !important;

    }

    .border-solid-1A1A1A {

        border: 1px solid #1A1A1A;
    }

    .border-E5E5E5 {
        border-color: #E5E5E5 !important;
    }

    .bg-F8F8F8 {
        background-color: #F8F8F8;
    }

    .fs-13 {
        font-size: 13px;
    }

    .fs-14 {
        font-size: 13px;
    }


    .deploy-btn {
        background-image: url('../img/deploy-btn.svg');
        background-size: cover;
        width: 126px;
        height: 40px;
        display: flex;
        justify-content: end;
        align-items: center;

    }

    .shadow-0000001F {
        box-shadow: 0px 5px 10px #0000001F;
        transition: box-shadow .2s ease;
    }

    .shadow-0000001F:hover {
        box-shadow: 0 8px 30px #0000001F;
    }

    .line-clamp-2 {

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .line-clamp-1 {

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        /* white-space: nowrap; */
    }



    .h-fit {
        height: fit-content;
    }

    .h-180 {
        height: 180px;
    }

    .place-items-center {
        place-items: center;
    }

    .custom-scroll-black::-webkit-scrollbar {
        display: none;
    }

    .custom-scroll-black {
        scrollbar-width: none;
    }

    .w-1.5625rem {
        width: 25px;
    }

    .h-1.5625rem {
        height: 25px;
    }




    .grid-template-column-2-1fr {
        grid-template-columns: repeat(2, 1fr);

    }



    .mb-16 {
        margin-bottom: 16px;
    }

    .mb-32 {
        margin-bottom: 32px;
    }

    .mt-32 {
        margin-top: 32px;
    }

    .gap-24 {
        gap: 24px;
    }

    .row-gap-40 {
        row-gap: 40px;
    }


    .gap-5p {
        gap: 5px;
    }

    .pe-48 {
        padding-right: 48px;
    }

    .ps-48 {
        padding-left: 48px;
    }

    .grid-template-column-1-1_5fr {
        grid-template-columns: 1fr 1.5fr;

    }

    .fs-24 {
        font-size: 24px;
    }

    .p-24 {
        padding: 24px;
    }

    .top-24 {
        top: 24px;
    }

    .end-24 {
        right: 24px;
    }

    .main__templates__detail {
        width: calc(100% - 80px);
        margin-inline: auto;
        margin-block: 48px 0;
    }

    .pb-40 {
        padding-bottom: 40px;
    }

    .top-8 {
        top: 128px;
    }

    code {
        font-family: 'Lexend', sans-serif !important;
    }

    .z-1 {
        z-index: 1;
    }

    .mb-40 {
        margin-bottom: 40px;
    }

    .rotate-180 {
        rotate: 180deg;
    }

    .top-7_5 {
        top: 120px;
    }


    .max-w-320 {
        max-width: 320px;
    }


    .mb-24 {
        margin-bottom: 24px;
    }

    .mb-80 {
        margin-bottom: 80px;
    }

    .object-cover {
        object-fit: cover;
    }

    .grid-column-all {
        grid-column: 1/-1;
    }

    .themes-dtl .language-plaintext {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1px solid #E5E5E5;
        border-radius: 4px;
        line-height: 1;
        padding: 24px;
        position: relative;
    }

    .themes-dtl p {
        font-weight: 300;
        line-height: 24px;
        color: #202224;
        margin-bottom: 16px;
        font-size: 16px;

    }


    .themes-dtl h3 {
        font-weight: 500;
        color: #202224;
        margin-top: 32px;
        font-size: 24px;
        margin-bottom: 16px;
    }

    .themes-dtl h4 {
        font-weight: 500;
        color: #202224;
        font-size: 24px;
        margin-block: 32px;
        line-height: 24px;
        font-size: 20px;
    }

    /* apr1 */
    .language-plaintext {
        background-image: url('../img/temp-copy.svg');
        background-repeat: no-repeat;
        background-position: top 24px right 24px;
    }


    .v2-logo {
        max-width: 7.5rem;
        margin: 1rem;
    }


    /* apr 18*/
 

    .license-container {
        max-width: 43.75rem;
        line-height: 1.8;
    }

    .license-container h3 {
        font-weight: bold;
        font-size: 1rem;
        margin-bottom: .9375rem;
    }

    .license-list-list {
        list-style: none;
        padding-left: 0;
    }

    .license-list-list li {
        position: relative;
        padding-left: 1.875rem;
        margin-bottom: .625rem;
    }

    .license-list-list li::before {
        content: '✔';
        color: #00b5e2;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 0;
    }

    .license-list-list li b {
        font-weight: 600;
    }

    .license-list-new{
        grid-template-columns: 1fr;
        gap: 0;
    }
    .license-list-new li{
        text-align: left;
    }
    .text-left{
        text-align: left;
    }