@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: 1rem;
        font-weight: normal;
        color: #202224;
    }

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

    }



    .nav-link .hover-div drop-content a {
        font-size: .875rem;
        letter-spacing: 0rem;
        line-height: 1rem;
        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: 1.75rem;
    }

    .nav-link .download-btn {

        padding: .625rem 1.5rem;
        color: #FFFFFF;
        font-size: 1rem;
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: .1875rem;
        line-height: 1.25rem;
        border: none;
        margin-left: 1rem;
        text-decoration: none;

    }

    .cms-blu-head h1 {
        text-align: left;
        font: normal normal normal 2.625rem/3.3125rem Lexend;
        letter-spacing: 0rem;
        color: #FFFFFF;

    }

    .cms-blu-head {
        margin-bottom: 2rem;
        padding-top: 4rem;
    }

    .cms-blu-section {


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





    }

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

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

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

    .cms-blu-section-left p {
        font: normal normal normal 1.125rem/1.75rem Lexend;
        letter-spacing: 0rem;
        color: #FFFFFF;
        margin-bottom: 1.25rem;
    }

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

    }

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

    .cms-blu-inner {
        width: 100%;
        max-width: 85.375rem;
        display: flex;
        justify-content: space-between;
        padding-inline: 1.5rem 1.375rem;
        margin: auto;
    }

    .cms-blu-section-right img {
        position: absolute;
        bottom: -3rem;
        right: 0rem;
        max-width: 100%;
        max-height: 30.5rem;
        box-shadow: 0rem 0rem .75rem #00000029;
        border-radius: .1875rem;
        /* 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(1.25rem) !important;
        box-shadow: 0 0 1.25rem 0rem rgba(0, 0, 0, .2) !important;
    } */

    .cms-blu-card {
        background-color: #FFFFFF;
        padding: 1rem 1.125rem;

    }

    .cms-blu-card-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, 7.5rem);
        gap: 1rem;
        padding-bottom: 1.5rem;
    }

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

    .cms-blu-card {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        align-items: center;
        border-radius: .1875rem;
    }

    .cms-blu-card img {
        width: 3.5rem;
        height: 3.5rem;
    }

    .brd-crb li::after {
        content: '-';
        font: normal normal normal 1rem/1.25rem Lexend;
        letter-spacing: 0rem;
        color: #FFFFFF;
        margin-inline: .3125rem .4375rem;
    }

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

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

    .technology-section {
        /* margin-top: 8rem; */
        margin-bottom: 7.5rem;
        padding-inline: 1.5rem 1.375rem;
    }

    /* 
    .cms-wht-section {
        padding-inline: 1.5rem 1.375rem;
    } */

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

    .section-head {
        font-size: 2.1875rem;
        letter-spacing: 0rem;
        color: #202224;
        text-align: center;
        margin-bottom: 1.25rem;
        font-weight: 500;
    }

    .section-para {
        font: normal normal normal 1rem/1.25rem Lexend;
        letter-spacing: 0rem;
        color: #202224;
        text-align: center;
        margin-bottom: 2.5rem;
    }

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

    }

    .share-tech {


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

    }

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

    }

    .feature-section {
        padding-inline: 2.5rem 2.375rem;
    }

    .feature-left p {
        font: normal normal 300 2.5rem/3.125rem Lexend;
        letter-spacing: 0rem;
        color: #202224;
    }

    .feature-right h5 {
        font: normal normal 600 1.25rem/1.5625rem Lexend;
        letter-spacing: 0rem;
        color: #202224;

    }

    .feature-right p {
        font: normal normal normal 1rem/1.375rem Lexend;
        letter-spacing: 0rem;
        color: #202224;
        margin-bottom: 0;
    }

    .feature-content {
        display: grid;
        grid-template-columns: 20.125rem 1fr;
        margin-block: 3.5rem 7.5rem;
    }

    .feature-right {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15.125rem, 1fr));
        row-gap: 3.5rem;
    }

    .feature-right-child {
        /* display: grid;
        gap: 1rem;
        padding-inline: 1.5rem; */
        display: flex;
        gap: 1rem;
        padding-inline: 1.5rem;
        flex-direction: column;

    }
    .feature-right-child>img{
        width: 1.875rem;
        height: 1.875rem;
    }
    .feature-left {
        padding: 2.875rem 2.9375rem 0 0rem;
    }

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

    .help-suprt-content-left h3 {
        font-size: 2.1875rem;
        letter-spacing: 0rem;
        color: #202224;
        margin-bottom: 2.5rem;
    }

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

    }


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

    .help-support-grid-child p {
        margin-block: 1rem 1.5rem;
    }

    .help-support-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15.0625rem, 1fr));
        gap: 2rem;

    }

    .help-support-grid-child {
        padding: 1rem;
        box-shadow: 0rem .0625rem .125rem #0000000D;
        background-color: #FFFFFF;

    }

    .help-support-grid-child:hover {
        box-shadow: 0rem .1875rem .375rem #00000029;
    }

    .help-suprt-content-left {
        padding: 2.5rem 2.3125rem 2.5rem 2.5rem;
    }

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

    .cms-blog-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(15.875rem, 1fr));
        gap: 1.5rem;
    }

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

    .cms-blog {
        padding-inline: 1.5rem 1.375rem;
        margin-bottom: 7.5rem;
    }


    .blog-card small {
        font-size: .75rem;
        color: #202224;
        font-weight: normal;
        display: block;
        margin-bottom: .625rem;

    }

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

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

    }

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

    }

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


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

    .blog-card img {
        box-shadow: 0rem .0625rem .3125rem #0000001A;
        border-radius: .1875rem;
        margin-bottom: 1.25rem;
        aspect-ratio: 16/9;
        /* height: 14.375rem; */
        /* object-fit: cover; */
    
    }


    footer {
        background-color: #F2F2F2;
        padding: 2.5rem 2.5rem 0 2.375rem;
        display: grid;
        gap: 2.125rem;
        clear: both;
    }

    .footer-container {
        display: grid;
        grid-template-columns: minmax(16.875rem, 1fr) repeat(auto-fit, minmax(9rem, 1fr));
        row-gap: 3.125rem;
    }

    .footer-container div:first-child {
        padding-right: 2.5rem;
    }

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

    }

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

    .footer-container ul {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }

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

    .footer-container ul li {
        display: flex;
        line-height: 1rem;
    }

    .cpy-rights ul a {

        color: #616161;
        font-size: .75rem;
        text-decoration: none;
    }

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

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

    .cpy-rights {
        display: flex;
        justify-content: space-between;
        height: 3.0625rem;
        align-items: center;
        border-top: .0625rem solid #E9E9E9;
        flex-wrap: wrap;
        column-gap: .625rem;
    }

    .cms-blog {
        padding: 2.5rem 2.5rem 0;
    }


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

        margin-bottom: 2rem;
        flex-wrap: wrap;
    }

    .search-box {
        position: relative;
        max-width: 39rem;
        height: 3rem;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .search-box input {
        background-color: #F8F8F8;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 1.75rem;
        border: none;
        padding: 1rem 1rem 1rem 3.25rem;

    }

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

    .blog-pills a:hover {
        border: .0625rem solid #00ACD7;
        border-radius: 1.25rem;
        color: #00ACD7;
    }

    .blog-container {
        display: grid;
        /* grid-template-columns: 1fr 14.125rem; */
        grid-template-columns: 1fr auto;
        gap: 2.5rem;
        margin-top: 2.5rem;
    }

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

    }

    .blog-div-right>ul li::before {
        content: "";
        width: .1875rem;
        height: .1875rem;
        position: absolute;
        background-color: #00ACD7;
        border-radius: 50%;
        margin-inline: .3125rem;
        left: -0.75rem;
    }

    .blog-div-right>ul {
        display: flex;
        gap: .8125rem;
        padding-left: .5rem;
        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: 2rem;
        border-bottom: .0625rem solid #C6C8CA;
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }

    .blog-div-right a {
        letter-spacing: 0rem;
        color: #202224;
        font-size: 1.5rem;
        font-weight: bold;
        margin-block: .4375rem 1rem;
        display: block;
        text-decoration: none;
        line-height: normal;
    }

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

    .prof-name {
        display: flex;
        gap: .5rem;
        align-items: center;
        margin-block: 1rem .5rem;

    }

    .prof-name img {
        height: 2.5rem;
        width: 2.5rem;
        border-radius: 50%;
    }

    .date-time span {
        font-size: .875rem;
        font-weight: normal;
        color: #202224;
        position: relative;
        margin-right: 1rem;
        display: inline-flex;
        align-items: center;
        gap: .3125rem;
    }

    .date-time span::after {
        content: "";
        position: absolute;
        right: -0.625rem;
        top: 0;
        bottom: 0;
        margin: auto;
        width: .0625rem;
        height: .625rem;
        background-color: #00ACD7;
    }

    .date-time span img {
        width: .875rem;
        height: .875rem;

    }

    .blog-div-left {
        min-width: 20.5rem;
        height: 11.5625rem;
    }

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

    .blog-section {
        padding-top: 2.5rem;
    }

    .bnc-cat-nav a {
        display: block;
        padding: .625rem 1.5rem;
        font-size: 1rem;
        font-weight: normal;
        color: #202224;
        position: relative;
        border-radius: .375rem 0rem 0rem .375rem;
        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: 0rem;
        top: 0rem;
        width: .5rem;
        height: 100%;
        background-color: #00ACD7;
    }

    .blog-aside h3 {
        margin-bottom: 1.0625rem;
        padding-left: 1.5rem;
        color: #202224;
        font-size: 1.125rem;
        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: 1.25rem;
        height: 1.25rem;
        display: inline-block;
        z-index: 1;
        position: absolute;
        left: 1rem;
    }

    .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: 1.25rem 0;
        border-radius: .25rem;
    }

    .pagination>li {
        display: inline;
    }

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

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

    .pagination>li>a,
    .pagination>li>span {
        position: relative;
        float: left;
        padding: .375rem .75rem;
        margin-left: -0.0625rem;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: .0625rem 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: .1875rem;
        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: .625rem .5rem;
    }

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


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

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

        display: flex;
        align-items: center;
        padding: .5rem 1rem .5rem 1rem;
    }

    .drop-content a {
        font-size: .875rem;
        font-weight: normal;
        color: #202224 !important;
        margin-bottom: 0;
        display: inline-block;
        border-bottom: .0625rem 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: .1875rem !important;
    }

    .drop-content p {
        font-size: .75rem;
        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: .0625rem solid #00ACD7;
    }

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

    }

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

    }

    .menu-btn {
        display: none !important;
        margin-left: 2rem;
    }

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

    .hover-div:hover .drop-content {

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

        /* height: 14.875rem; */
        padding: .5rem;
        min-width: 17.4375rem;


    }



    @media only screen and (max-width: 68.75rem) {

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

        }

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

    }


    @media only screen and (max-width: 62rem) {




        .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: 1.5625rem;
        }

        .videos-col {
            width: calc(50% - .75rem) !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: 48rem) {

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

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

        .cpy-rights {
            padding-block: 1rem;
            height: auto;
        }

        .cms-blog,
        footer,
        .feature-section {
            padding-inline: 1.5rem 1.375rem;
        }

        .community-page>.admin-feature-banner>.container,
        .commuity-wrap {
            padding-inline: 1.5rem 1.375rem !important;
        }

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

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


    }


    @media only screen and (max-width: 43.75rem) {


        /* .nav-link button {
            width: 6.25rem;
            padding: .6875rem .6875rem;
        } */

        .help-support {
            flex-wrap: wrap;

        }

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



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

        .drop-content li>div:first-child {
            left: .5rem;
            top: .625rem;
        }

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

        }

        .menu-btn img {
            max-width: 1.875rem;
            max-height: 1.875rem;
        }

        .menu-btn>ul {
            display: none;
            position: absolute;
            padding: .5rem;
            right: 0;
            z-index: 3;
            background-color: #fff;
            box-shadow: 0rem .125rem .25rem #1832471F;
            width: 9.375rem;
            border-radius: .1875rem;
            top: 3.25rem;
        }

        .menu-btn>ul>li {
            padding-block: .5rem;
            position: relative;
            font-size: .875rem;
            font-weight: 500;
            font-size: 1.125rem;
            color: #00ACD7;
            margin-bottom: .75rem;
            margin-inline: .5rem;
        }

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

        .menu-btn ul>li:hover .drop-content {
            display: block;
            right: 7.1875rem;
            top: 1.5625rem;
            width: 12.5rem;

        }


    }


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

        }

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

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

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

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

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

        .contain>.nav-tabs {
            padding-inline: 1.25rem;
        }

        .cms-blu-section-inner>h1 {
            font-size: 3.125rem !important;
            line-height: 4.5rem !important;
        }
    }




    @media only screen and (max-width: 68.75rem) {

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

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


        .pd-md {
            padding-inline: 1.5rem 1.375rem;
        }

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









































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

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

    .feature-banner h2 {
        padding-bottom: .625rem;
        font-size: 2.2em;
    }

    .community-page .admin-feature-banner p {
        font-size: 1rem;
        font-weight: normal;
        color: #202224;
        line-height: 1.5rem;
    }

    .community-page .admin-feature-banner p {
        font: normal normal normal 1rem/1.25rem Lexend;
        letter-spacing: 0rem;
        color: #202224;
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .feature-banner p {
        font-size: 1.125rem;
        font-weight: 300;
    }

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

    .commuity-wrap {
        padding: 1.875rem 0 3.75rem;
    }

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

    .commuity-wrap .community-first-br {
        padding-bottom: 3.5rem;
        border-bottom: .0625rem solid #C6C8CA;
        margin-bottom: 3.5rem;
    }

    .commuity-wrap .community-first-br:last-child {
        margin-bottom: 7.5rem;
    }

    .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: 1.5rem;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
        margin-top: 1rem;
        font-weight: bold;
    }

    .afeatures-col p {
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.5rem;
        color: #202224;
    }

    .community-page>.admin-feature-banner>.container,
    .commuity-wrap {
        max-width: 73.125rem;
        padding-inline: 5rem 4.875rem;
        margin-inline: auto;
        clear: both;
    }

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

    /* 
    .admin-feature-banner p {

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

    .down-latest {

        font-size: .875rem;
        line-height: 1.42857143;
        padding: 1.25rem;
        padding-top: 0;
    }

    .down-latest h3 {
        font-size: 1.5rem;
        font-weight: bold;
        color: #202224;
        text-align: left;
        margin-bottom: .9375rem;
        margin-top: 0;
    }

    .commuity-wrap h3 {

        margin: 0;
        padding: 0;
        line-height: 1.1;
        font-size: 1.5rem;
        font-weight: bold;
        color: #202224;
        text-align: left;
        margin-bottom: .9375rem;
        margin-top: 0;
    }

    .dl-support {

        font-size: .875rem;
        line-height: 1.42857143;
    }

    .down-latest p {

        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 .625rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
    }

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

    .down-latest a.comm-edition {
        display: inline-block;
        background: #00ACD7;
        padding: .625rem 1.5625rem;
        font-size: 1rem;
        text-transform: uppercase;
        margin-bottom: 1.25rem;
        color: #fff;
        font-weight: 500;
        text-decoration: none;
    }

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

    .dl-support p {
        font-size: .875rem;
        color: #616161;
    }


    .dl-support ul {
        font-size: .875rem;
        line-height: 1.42857143;


        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: .625rem;

        flex: 1;

        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start;
        margin-top: 1.5625rem;
    }

    .dl-support ul li a {

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

        background-color: transparent;
        text-decoration: none;
        border: solid thin #2FACD6;
        padding: .4375rem .9375rem;
        color: #2FACD6;
        margin-right: .9375rem;
        margin-bottom: .9375rem;
        display: block;
        font-size: 1rem;
        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: .875rem;
        line-height: 1.42857143;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: .9375rem;
        float: left;
        width: 50%;
    }

    .col-right {

        font-size: .875rem;
        line-height: 1.42857143;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: .9375rem;
        float: left;
        width: 50%;
    }

    .dwonload-form {
        font-size: .875rem;
        line-height: 1.42857143;
        margin-inline: 1.25rem;
        width: calc(100% - 2.5rem);
        padding: 1.25rem;
        box-shadow: 0rem 0rem .625rem 0rem rgba(0, 0, 0, 0.15);
        margin-top: 0;
    }

    .dwonload-form>.row {

        font-size: .875rem;
        line-height: 1.42857143;
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }

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

        font-size: .875rem;
        line-height: 1.42857143;
        margin-bottom: .9375rem;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: .9375rem;
        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: 1rem;
        color: #202224;
        margin-bottom: .625rem;
        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: .25rem;
        font-size: .875rem;
        color: #616161;
        padding: .3125rem;
        font-weight: normal;
        background-color: transparent;
    }

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

        font-size: .875rem;
        line-height: 1.42857143;
        margin-bottom: .9375rem;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: .9375rem;
        float: left;
        width: 100%;
    }

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

        line-height: 1.42857143;
        color: #202224;
        font-size: .875rem;
        font-weight: normal;
    }

    .dwonload-form>p {

        line-height: 1.42857143;

        list-style: none;
        margin: 0 0 .625rem;
        padding: .8125rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
        padding-inline: .9375rem;
    }

    .download-link {
        font-size: .875rem;
        line-height: 1.42857143;
        text-align: center;
        display: block;
        margin-top: .9375rem;
    }

    .download-link a {

        text-decoration: none;
        background: #262626 .9375rem no-repeat;
        background-image: url("../img/download.png");
        border-radius: .125rem;
        padding: .625rem .625rem .625rem 3.75rem;
        color: #fff;
        display: inline-block;
        text-align: left;
        font-size: 1rem;

    }

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

    }

    .download-link a span {

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

    .container .tabs {


        font-size: .875rem;
        line-height: 1.42857143;
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        width: 100%;
        height: auto;
        border-bottom: .0625rem 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: 2.5rem;
        line-height: 2.5rem;
        color: #202224;
        overflow: hidden;
        position: relative;
        border-radius: .25rem .25rem 0 0;
        border: solid thin #D5D5D5;
        border-bottom: 0;
        font-size: 1rem;
        margin-right: .3125rem;
        padding: 0rem 1.875rem;
        font-weight: 500;

    }

    .tab_container h3 {

        margin: 0;
        padding: 0;
        line-height: 1.1;
        font-size: 1.5rem;
        font-weight: bold;
        color: #202224;
        text-align: left;
        margin-bottom: .9375rem;
        margin-top: 0;
    }

    .technology-wrap {
        max-width: 73.125rem;
        margin: auto;
        padding-inline: 1.5rem 1.375rem;
        margin-bottom: 7.5rem;
    }

    .tech-container {

        line-height: 1.5rem;
        /* margin-top: 1.25rem; */
        font-size: 1.5rem;
        color: #202224;
        font-weight: bold;
        /* margin-bottom: .9375rem; */
    }

    .tech-container hr {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;

    }

    .tech-container p {

        line-height: 1.5rem;
        list-style: none;
        padding: 0;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
        margin-block: 1.25rem 2.5rem;
    }

    .tech-img-para .tech-col h3 {
        font-size: 1.5rem;
        line-height: 1.5rem;

    }

    .tech-container .flex li span {

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

    }

    .tech-container ul {

        /* margin-bottom: .625rem; */
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        row-gap: .9375rem;
    }

    .tech-container ul li {

        font-size: .875rem;
        line-height: 1.42857143;
        list-style: none;
        margin: 0;
        padding: 0;
        /* margin-bottom: .9375rem; */
        width: 14.28%;
        min-width: 9.375rem;

    }

    .tech-container ul li a {

        line-height: 1.42857143;
        color: #202224;
        font-size: 1rem;
        font-weight: normal;
        display: flex;
        gap: .5rem;
    }

    hr {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        border: 0;
        border-top: .0625rem solid #eee;
    }

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

        font-size: .875rem;
        line-height: 1.42857143;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: .9375rem;

        width: 50%;
    }


    .tech-img-para {

        font-size: .875rem;
        line-height: 1.42857143;
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
        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: 1.5rem;
        font-weight: bold;
        color: #202224;
        margin: 2.1875rem 0 .625rem;
        text-align: left;

    }

    .video-content>p {


        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        font-size: 1rem;
        font-weight: normal;
        color: #202224;
        margin: 0rem 0 1.25rem;
    }

    .videos-row.flex {

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

    .videos-col {

        font-size: .875rem;
        line-height: 1.42857143;
        width: calc(33% - .75rem);
        margin-right: .75rem;
        margin-bottom: 1.5625rem;
        border-radius: .3125rem;
        background: #fff;
        min-height: 11.875rem;
        box-shadow: 0rem .125rem .375rem 0rem rgba(0, 0, 0, 0.16);
        max-width: calc(33% - .75rem);
    }

    .download-video {
        display: none;
    }

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

    .vc-top a {

        font-size: .875rem;
        line-height: 1.42857143;
        background-color: transparent;
        color: #337ab7;
        text-decoration: none;
    }

    .vc-top a img {

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

    .vc-content {

        line-height: 1.42857143;
        padding: .9375rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
    }

    .vcl-last a {

        line-height: 1.42857143;
        text-decoration: none;
        background: #2FACD6;
        padding: .6875rem 3.125rem;
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        border-radius: .3125rem;
    }

    .vcl-last {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: calc(33% - .75rem);
        margin-right: .75rem;
        margin-bottom: 1.5625rem;
        border-radius: .3125rem;
        background: #fff;
        min-height: 11.875rem;
        box-shadow: 0rem .125rem .375rem 0rem rgba(0, 0, 0, 0.16);
        justify-content: center;
        align-items: center;
        max-width: calc(33% - .75rem);
    }

    .tab_content {
        font-size: .875rem;
        line-height: 1.42857143;
        /* padding: 1.25rem; */
        display: block;
    }

    #tab2 .roww {
        font-size: .875rem;
        line-height: 1.42857143;
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }

    .dtabs-container {

        font-size: .875rem;
        line-height: 1.42857143;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: .9375rem;
        float: left;
        width: 100%;
    }

    .dtabs-row {

        font-size: .875rem;
        line-height: 1.42857143;
        flex: 1;
        justify-content: space-between;
        border-bottom: solid thin #C6C8CA;
        padding-top: .9375rem;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .dtabs-col {

        font-size: .875rem;
        line-height: 1.42857143;
        width: 40%;
        margin-bottom: .9375rem;
    }

    .dtabs-col h4 {

        margin: 0;
        padding: 0;
        line-height: 1.1;
        margin-top: .625rem;
        margin-bottom: .625rem;
        font-size: 1.25rem;
        color: #202224;
        font-weight: 600;
    }

    .dtabs-col p {

        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 .625rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
    }



    .tab_container {
        clear: both;
    }

    /* .download-tabs {
        border-bottom: .0625rem solid #C6C8CA;
    } */

    .upcoming-fea-row h4 {
        line-height: 1.1;
        margin-top: .625rem;
        margin-bottom: .625rem;
        font-size: 1.25rem;
        color: #202224;
        font-weight: 600;
    }

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

    .upcoming-features h3 {

        line-height: 1.1;
        padding-top: 1.25rem;
        text-align: center;
        margin-bottom: 2.1875rem;
        font-size: 1.5rem;
        font-weight: bold;
        color: #202224;
    }

    .change-log-container {
        font-size: .875rem;
        line-height: 1.42857143;
        position: relative;
        min-height: .0625rem;
        padding-right: .9375rem;
        padding-left: 2.1875rem;
        float: left;
        width: 100%;
        margin-top: 3.5rem;
        margin-bottom: 7.5rem;
    }

    .contain>.col-right {
        margin-bottom: 3.5rem;
    }

    .change-log-top {

        font-size: .875rem;
        line-height: 1.42857143;
        display: block;
        margin-bottom: 2.5rem;
        border-top: .0625rem solid #C6C8CA;
        padding-top: 3.5rem;
    }

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

    .change-log-top h2 {

        line-height: 1.1;
        /* margin-top: 1.25rem; */
        margin-bottom: .625rem;
        font-size: 2.1875rem;
        font-weight: 300;
        color: #202224;
        text-align: left;
    }

    .change-log-top p {

        line-height: 1.42857143;
        list-style: none;
        padding: 0;
        margin: 0 0 .625rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
    }

    .change-log-row {

        display: block;
        margin-bottom: 3.125rem;
    }

    .change-log-row h3 {

        line-height: 1.1;
        margin-top: 1.25rem;
        text-align: left;
        font-weight: 600;
        border-bottom: solid thin #C6C8CA;
        padding-bottom: .625rem;
        margin-bottom: .625rem;
        font-size: 1.5rem;
        color: #202224;
    }

    .change-log-row h4 {

        line-height: 1.1;
        margin-top: .625rem;
        margin-bottom: .625rem;
        font-size: 1.25rem;
        font-weight: 600;
        color: #202224;
        line-height: 1.5rem;
    }

    .change-log-row ul li {
        display: block;
        position: relative;
        padding-left: 1.25rem;
        font-size: 1rem;
        color: #202224;
        margin-bottom: .625rem;
        font-weight: normal;
    }

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

    .dwonload-form p {
        padding: .8125rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
    }

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

    @media only screen and (max-width: 43.75rem) {
        .videos-col {
            width: calc(100% - .75rem) !important;
            max-width: none !important;
        }
    }


    .contain>.nav-tabs {
        border-bottom: solid .125rem #00ACD7;

    }

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

    .contain>ul>li {
        border-radius: .25rem .25rem 0 0;
        border: solid thin #D5D5D5 !important;
        margin-right: .3125rem;
        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: 1rem 1rem 0 1.5rem;
        margin-bottom: 0 !important;
        white-space: nowrap;
        flex-wrap: nowrap !important;

    }

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

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

    .blog-detail-breadcrumb span {
        margin-inline: .5rem;
    }

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

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

    .bndh-row {

        text-align: center;
        display: grid;
        grid-template-columns: 1fr 33.5rem;
        gap: 2.5rem;
        margin: auto;
        width: calc(100% - 5rem);
        padding-block: 2.5rem;
    }

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

    .bndh-content {

        font-size: .875rem;
        line-height: 1.42857143;
        text-align: left;
    }

    .blog-detail-back-btn {
        font-size: .875rem;
        line-height: 1.42857143;
        text-align: left;
        margin-bottom: .9375rem !important;
    }

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

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

    .bndh-content h3 {

        margin: 0 0 .625rem;
        font-size: 2.1875rem;
        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: 1rem;
        font-weight: normal;
        color: #202224;
        line-height: 1.5;
        margin: 0 0 1.3125rem;
        text-align: left;
        margin-bottom: 1.3125rem;
    }

    .blog-contain-div {
        /* width: 100%;
        max-width: 120rem;
        padding-inline: 0rem 4.875rem; */
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3rem 8rem;
    }

    .blog-contain-div h3 {
        font-size: 1.5rem;
        font-weight: bold;
        color: #202224;
        margin-bottom: .75rem;
    }

    .blog-contain-div p,
    .blog-contain-div li {
        font-size: 1rem;
        font-weight: normal;
        color: #202224;
        margin-bottom: .6875rem;

    }

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

    .blog-contain-div ol span {
        margin-right: .625rem;
    }

    .img-center img {
        margin: auto;
        display: block;
        max-width: 52.5rem;
        max-height: 29.5625rem;
        margin-block: 3.5rem;
        width: 100%;
    }

    .blog-contain-div h5 {
        font-size: 1rem;
        font-weight: bold;
        margin-block: 1.5rem .5rem;
    }

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



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

        /* .bndh-row
    {
            padding-inline: 1.25rem 1.125rem;

        } */

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

        }
    }

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

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

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

    }

    .tech-container h3 {
        font-size: 1.5rem;

    }


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

    }

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

    } */







    /* 12-sept-2023*/

    @media only screen and (max-width: 43.75rem) {
        .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: .75rem;
            padding-right: 1.25rem !important;
        }

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

    }





    /*hide-show-header*/

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

    .nav-up {
        top: -4.6875rem;
    } */



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

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

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

    .letsTalk .talk-link a {
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: .1875rem;
        padding: .625rem 1.5rem;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: 0rem;
        color: #FFFFFF;
        text-decoration: none;
        white-space: nowrap;
        display: inline-block;

    }

    .talk-img img {
        min-width: 7.5rem;
    }

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

    }


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

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

        padding: .375rem .625rem;
        width: fit-content;
        margin: auto;
        margin-bottom: 1.5rem;

    }

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

    }

    .cms-blu-section-inner>h1 {
        font: normal normal 600 5rem/5.75rem Lexend;
        letter-spacing: 0rem;
        color: #FFFFFF;
        line-height: 5.75rem;
        margin-bottom: 2rem;
    }


    .cms-blu-section-inner>p:last-of-type {
        font: normal normal normal 1.875rem/2.375rem Lexend;
        letter-spacing: 0rem;
        color: #FFFFFF;
        opacity: 1;
        max-width: 54.3125rem;
        width: 100%;
        margin: auto;
        margin-bottom: 2rem;
    }

    .cms-blu-section-inner>a {
        font: normal normal normal 1rem/1.25rem Lexend;
        letter-spacing: 0rem;
        color: #FFFFFF;
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: .1875rem;
        padding: .625rem 1rem;
        display: block;
        width: fit-content;
        margin: auto;
        text-decoration: none;
        margin-bottom: 2.5rem;
    }

    .center-img-div {
        width: 100%;
        max-width: 54rem;
        margin: auto;
    }

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

    }

    .opensource-top h1 {
        font-size: 2.1875rem;
        font-weight: 500;
        letter-spacing: 0rem;
        color: #202224;
        line-height: 2.75rem;
        margin-bottom: 1.25rem;
    }

    .opensource-top p {
        font-size: 1rem;

        letter-spacing: 0rem;
        color: #202224;
        opacity: 1;
        line-height: 1.375rem;
    }

    .opensource-top {
        text-align: center;
        margin-bottom: 4.75rem;
    }



    .opensource-btm-child {
        padding: 1.5rem;
        box-shadow: 0rem .375rem 2rem #0000000F;
        border: .0625rem solid #F5F5F5;
        border-radius: .5rem;
        background: #FFFFFF 0% 0% no-repeat padding-box;

    }

    .opensource-btm-child a {
        font-size: 1.875rem;
        font-weight: bold;
        letter-spacing: 0rem;
        color: #202224;
        margin-bottom: .1875rem;
        line-height: 2.375rem;
        text-decoration: none;
    }

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

    }

    .opensource-btm-child span {
        font-size: .75rem;
        font-weight: normal;
        line-height: 1.375rem;
        display: block;
        color: #9D9D9D;

    }

    .opensource-btm-child p {
        font-size: 1rem;
        color: #202224;
        margin-top: .75rem;
        line-height: 1.375rem;
    }


    .img-flexx {
        display: flex;
        gap: 1.25rem;
        border-top: .0625rem solid #EAEAEA;
        padding-top: 1rem;
        margin-top: 1rem;

    }

    .img-flexx img {
        width: 2.125rem;
        height: 2.125rem;
    }

    .mt-mb {
        margin-top: 2.5rem;
        margin-bottom: 5rem;
    }


    .opensource-btm {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(auto, 33.5rem));
        justify-content: center;
        gap: 1.625rem 1.5rem;
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3rem 8rem;
    }

    @media only screen and (max-width: 78.375rem) {

        .opensource-btm {

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

        }

        .opensource-btm-child {
            min-width: 18.75rem;
        }


    }

    @media only screen and (min-width: 62.0625rem) {


        .drop-content {

            background-color: #FFFFFF;

            position: absolute;
            top: 3.4375rem;
            width: max-content;
            z-index: 1;
            left: 0;
            border-radius: .1875rem 0rem .1875rem .1875rem;
            /* height: 0; */
            padding: 0;
            overflow: hidden;
            box-shadow: 0rem .125rem .25rem #1832471F;
            transition: all 0.2s ease-in-out;
            transition-delay: 0.1s ease-in;
        }

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

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


    }



    @media only screen and (max-width: 48rem) {
        .opensource-btm {

            grid-template-columns: 1fr;

        }

        .letsTalk {
            display: none;
        }


    }

    .custom-btm-lft>a {
        font-size: 2.1875rem;
        font-weight: 500;
        color: #202224;
        line-height: 2.75rem;
        position: relative;
        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
        text-decoration: none;
        display: block;
    }

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

    }

    .custom-btm-lft p {
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.5rem;
        letter-spacing: 0rem;
        color: #202224;
    }

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

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

    }

    .custom-btm {
        margin-top: 4.625rem;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }

    .custom-btm-child {
        display: flex;
        gap: 2rem;
        padding: 2rem;

        border-radius: .5rem;

    }

    .mx-tp {
        max-width: 75.5rem;
        margin: auto;
    }

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

    .custom-btm-lft a::after {
        content: '';
        display: inline-block;
        width: 5rem;
        height: .1875rem;
        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: .5625rem .3125rem;
        width: .5625rem;
        height: .3125rem;
    }

    /* .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: 1.125rem;
        letter-spacing: 0rem;
        color: #FFFFFF;
        font-weight: normal;
        text-decoration: none;
        display: flex;
        gap: .5rem;
        align-items: center;
        line-height: 1.4375rem;
    }


    .hover-div .drop-content {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0rem .125rem .25rem #1832471F;
        border-radius: 0rem 0rem .1875rem .1875rem;
        opacity: 1;
    }


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

    .blu-cruve {
        width: 12.5rem;
        height: 6.25rem;
        background-color: #f0e68c;
        border-radius: 50%;
        position: relative;
    }

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

    .blu-cruve::before {
        width: 12.5rem;
        height: 6.25rem;
        border-radius: 50% 50% 0 0;
        top: -3.125rem;
        left: 0;
    }

    .blu-cruve::after {
        width: 6.25rem;
        height: 6.25rem;
        border-radius: 50%;
        bottom: -6.25rem;
        left: 3.125rem;
    }

    .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: .9375rem;
    }

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

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

    .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: 5rem;

    }

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

    .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: .625rem;
        top: .625rem;
        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: 5.625rem;
    }

    .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;
        gap: 2rem;
        padding: 0rem 2.5rem;
        margin-bottom: 5rem;
    }

    .open-source {
        padding: 2.5rem;
        background-color: #F8F8F8;
        border-radius: .5rem;
        display: flex;
        flex-direction: column;
    }

    .open-source h3 {
        font-size: 1.875rem;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0rem;
        margin-bottom: 1.5rem;
        line-height: 2.375rem;
    }

    .open-source p {
        font-size: 1.25rem;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0rem;
        margin-bottom: 1.5rem;
        line-height: 1.8125rem;
    }


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


    .read-source {
        margin-bottom: 2.5rem;
    }

    .read-list {
        display: flex;
        gap: .625rem;
        margin-bottom: 1rem !important;
        align-items: flex-start;
    }

    .read-list img {
        margin-top: .25rem;
    }

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

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

    .open-source button {
        font-size: 1rem;
        color: #FFFFFF;
        font-weight: normal;
        letter-spacing: 0rem;
        border: 0;
        background-color: #085873;
        border-radius: .1875rem;
        margin-top: auto;
        height: 2.5rem;
        width: 100%;
    }



    .commercial-source {
        padding: 1.5rem 2.5rem 2.5rem;
        background-color: #F8F8F8;
        border-radius: .5rem;
        display: flex;
        flex-direction: column;
    }

    .commercial-source h3 {
        font-size: 1.875rem;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0rem;
        margin-bottom: .75rem;
        line-height: 2.375rem;
    }

    .commercial-source p {
        font-size: 1.25rem;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0rem;
        margin-bottom: 1.5rem;
        line-height: 1.5rem;
    }

    .commercila-lince p {
        font-size: 3rem;
        color: #202224;
        font-weight: 400;
        letter-spacing: 0rem;
        margin: 0;
        line-height: 3.75rem;
    }

    .commercila-lince p sub {
        top: -0.75rem;
    }

    .commercila-lince span {
        font-size: 1rem;
        color: #202224;
        font-weight: 400;
        letter-spacing: 0rem;
        margin-bottom: .75rem;
    }

    .commercila-lince {
        display: flex;
        gap: .5rem;
        align-items: end;
        margin-bottom: 1rem;
    }

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

    .question {
        padding: 0rem 2.5rem;
    }

    .question h3 {
        font-size: 2.1875rem;
        text-align: center;
        color: #202224;
        font-weight: 500;
        margin-bottom: 2rem;
        line-height: 2.75rem;
    }

    /* .license-wrapper {
        max-width: 85.375rem;
        margin: auto;
    } */

    .contact-spurt {
        padding: 1.5rem 0rem 0rem;
        margin-bottom: .1875rem;
    }

    .contact-spurt h3 {
        font-size: 1.875rem;
        font-weight: 500;
        color: #202224;
        letter-spacing: 0rem;
        margin-bottom: 1.5rem;
        line-height: 2.375rem;
    }

    .spurt-list {
        display: flex;
        align-items: start;
        gap: .625rem;
        margin-bottom: 1rem;
    }

    .spurt-list img {
        margin-top: .125rem;
    }

    .spurt-list p {
        font-size: 1rem;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0;
        margin: 0;
        line-height: 1.5rem;
    }

    .contact-content {
        display: flex;
        align-items: start;
        gap: 1.5rem;
        padding: 2rem;
        background-color: #F0FCFF;
        height: 20.5625rem;

    }

    .contact-content img {
        width: 5.5rem;
        height: 5.5rem;
    }

    .contact-list-found .quote {
        color: #202224;
        font-size: 1rem;
        font-weight: 300;
        letter-spacing: 0rem;
        line-height: 1.8125rem;
        margin: 0;
    }

    .quote::before {
        content: '';
        display: inline-block;
        background-image: url(../img/quote.svg);
        background-size: 1.5rem 1.3188rem;
        width: 1.5rem;
        height: 1.3188rem;
        vertical-align: middle;
        margin-right: .1875rem;
    }

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

    .contact-found p {
        font-size: 1rem;
        font-weight: 300;
        color: #333333;
        letter-spacing: 0rem;
        margin: 0;
        line-height: 1.1875rem;
    }

    .contact-found h3 {
        font-size: 1rem;
        font-weight: bold;
        color: #333333;
        letter-spacing: 0rem;
        margin-bottom: .3125rem;
        line-height: 1.1875rem;
    }

    .contact-found {
        margin-top: 1.5rem;
    }

    .consutant-box {
        padding: 1.5rem 2.5rem;
        border: .125rem solid #085873;

    }

    .consutant-box h3 {
        color: #202224;
        font-size: 1.875rem;
        font-weight: 500;
        letter-spacing: 0rem;
        margin-bottom: 1.75rem;
        line-height: 2.375rem;
    }

    .ig-row {
        position: relative;
        margin-bottom: 1rem;
    }

    .ig-row label {
        font-size: .8125rem;
        font-weight: 300;
        color: #1F1F1F;
        letter-spacing: 0rem;
        background-color: #E4E4E4;
        padding: .25rem .625rem;
        border-radius: .3125rem .3125rem 0 0;
        position: relative;
        top: .125rem;

    }

    .ig-row input,
    .ig-row textarea {
        border: .0625rem solid #D9D9D9;
        border-radius: .3125rem;
        font-size: 1rem;
        color: #000000;
        font-weight: 400;
        height: 2.5rem;
        width: 100%;
        padding: 0rem .625rem;
    }

    .ig-row textarea {
        height: 6.25rem;
    }

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

    .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 .0625rem #ff070a !important;
    }

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

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

    .full-contact-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 2rem;
        margin-bottom: 5rem;
        padding: 0rem 2.5rem;
    }

    .consutant-box button {
        width: 100%;
        background-color: #085873;
        height: 3.25rem;
        color: #FFFFFF;
        font-size: 1rem;
        font-weight: normal;
        letter-spacing: 0rem;
        border: 0;
        border-radius: .1875rem;
        margin-top: 1rem;
    }

    .about-list h3 {
        font-size: 1.875rem;
        color: #202224;
        font-weight: 500;
        margin-bottom: .8125rem;
        letter-spacing: 0rem;
        line-height: 1.875rem;
    }

    .about-sep {
        width: 4.5rem;
        height: .1875rem;
        background-color: #05ACD7;
    }

    .about-list-wrapper {
        padding: 0rem 2.5rem;
    }

    .about-list {
        margin-bottom: 3.5rem;
    }

    .team-details {
        display: flex;
        gap: 1.5rem;
        align-items: center;
        margin-bottom: 4.3125rem;
    }

    .team-details img {
        width: 10rem;
        height: 10rem;
        border-radius: 5rem;
    }

    .people-details p {
        font-size: 1.25rem;
        font-weight: 600;
        color: #202224;
        letter-spacing: 0rem;
        margin: 0rem;
        line-height: 1.5625rem;
    }

    .people-details h3 {
        font-size: 1rem;
        font-weight: 400;
        color: #202224;
        margin-bottom: .5rem;
        line-height: 1.5rem;
    }

    .management-people-details {
        padding: 1.5rem;
        background-color: #F0FCFF;
    }

    .management-people-details p {
        font-size: 1.125rem;
        font-weight: 300;
        color: #202224;
        margin: 0;
        margin-bottom: 1.5rem;
        line-height: 1.5625rem;
    }

    .management-people {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 3.5rem;
        margin-bottom: 5rem;
    }

    .technology-details .accordion-button {
        padding: 1.5rem !important;
        border: .0625rem solid #E6E6E6 !important;
    }

    .course-title {
        display: flex;
        gap: 1rem;
        align-items: start;
    }

    .course-img {
        width: 3.6875rem;
        height: 2.5rem;
        padding: .5rem;
        background-color: #FFFFFF;
        box-shadow: 0rem .375rem 2rem #0000000F;
        border: .0625rem solid #F5F5F5;
        border-radius: .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 2.5rem;
        min-height: 2.5rem;
    }

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

    .course-details h3 {
        color: #202224;
        font-size: 1rem;
        font-weight: 600;
        margin-bottom: .5rem;
        line-height: 1.25rem;
    }

    .course-details p {
        color: #202224;
        font-size: .875rem;
        font-weight: 400;
        margin: 0;
        line-height: 1.375rem;
    }

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

    .technology-details .accordion-button {
        border-radius: .5rem .5rem 0rem 0rem !important;
        gap: 1.5rem;
    }

    .technology-details .accordion-button::after {
        flex-shrink: 0;
        width: 1.5rem;
        height: 1.5rem;
        margin-left: auto;
        content: "";
        background-image: url('../img/collapse.svg');
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        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: .0625rem solid #E5E5E5;
        box-shadow: 0rem .375rem 2rem #0000000F;
        border-radius: .5rem;
        margin-bottom: 1.5rem;
    }

    .technology-details {
        display: flex;
        gap: 2rem;
    }

    .technology-details .accordion-body {
        border: .0625rem solid #E5E5E5;
        border-top: 0;
        padding: 1rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .technology-details .accordion-body p {
        font-size: .875rem;
        color: #202224;
        font-weight: 600;
        margin: 0;
        line-height: 1.125rem;
    }

    .more-content {
        padding: .75rem 1.5rem;
        background-color: #F8F8F8;
        display: flex;
        align-items: center;
        justify-content: end;
        border: .0625rem solid #E6E6E6;
        border-top: 0;
        border-radius: 0rem 0rem .5rem .5rem;
    }

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

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

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

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

    .technology-wrapper {
        padding: 0rem 2.5rem;
        margin-bottom: 5rem;
    }


    .question {
        margin-bottom: 7rem;
    }

    .question .accordion-button {
        gap: 1.25rem;
    }

    .question .accordion-button p {
        color: #202224;
        font-size: 1.25rem;
        font-weight: 600;
        margin: 0;
        line-height: 1.5625rem;
    }

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

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

    .question .accordion-item {
        padding-block: 2rem;

    }

    .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: 1rem;
        height: 1rem;
        content: "";
        background-image: url('../img/collapse-black-arrow.svg');
        background-size: .75rem 1rem;
        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: 1rem .75rem;
        width: 1rem;
        height: .75rem;
    }

    .question .accordion-body {
        padding: .75rem 2.375rem 0rem;
        font-size: 1rem;
        color: #202224;
        font-weight: normal;
        letter-spacing: 0rem;
        line-height: 1.375rem;
    }

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

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

    .full-control h3 {
        font-size: 1.875rem;
        font-weight: 500;
        color: #202224;
        letter-spacing: 0rem;
        margin-bottom: 2.5rem;
    }

    .lincese-price h3 {
        font-size: 7rem;
        font-weight: 300;
        color: #202224;
        letter-spacing: 0;
        margin: 0;
        height: 8.75rem;
    }

    .lincese-price h3 sub {
        font-size: 4.375rem;
        bottom: 1.875rem;
    }

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

    .lincese-price p {
        font-size: 1rem;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0rem;
        margin: 0;
        margin-top: -1.125rem;
        margin-bottom: 1rem;
    }

    .admin-panel h3 {
        font-size: 1rem;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0rem;
        margin-bottom: .5rem;
    }

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

    .admin-panel {
        margin-bottom: 2.5rem;
    }

    .commercial-sep {
        width: calc(100% - 5rem);
        height: .0625rem;
        background-color: #437F93;
        margin-bottom: 2.5rem;
    }

    .admin-panel-sub h3 {
        font-size: 1rem;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0rem;
        margin-bottom: .5rem;
        line-height: 1.5rem;
    }

    .admin-panel-sub p {
        font-size: 1rem;
        color: #202224;
        font-weight: 300;
        letter-spacing: 0rem;
        margin: 0rem;
        line-height: 1.5rem;
    }

    .admin-panel-sub {
        margin-bottom: 2.5rem;
    }

    .commercial-details {
        padding: 1.5rem 2.5rem;
        background-color: #F8F8F8;
        border-radius: .5rem;
    }

    .full-details-list h3 {
        color: #202224;
        font-size: 1.875rem;
        font-weight: 500;
        letter-spacing: 0rem;
        margin-bottom: 1.5rem;
    }

    .full-details-list button {
        display: flex;
        align-items: center;
        gap: .5rem;
        width: 100%;
        height: 3.25rem;
        background-color: #085873;
        border-radius: .1875rem;
        border: 0rem;
        justify-content: center;
        margin-bottom: 1rem;
    }

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

    .commercial-subscription h3 {
        font-size: 1.25rem;
        font-weight: 600;
        color: #202224;
        letter-spacing: 0rem;
        margin-bottom: .3125rem;
    }

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

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

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

    .terms-policy {
        display: flex;
        justify-content: flex-start;
        margin-bottom: .75rem;
    }

    .terms-policy p {
        color: #202224;
        font-size: .875rem;
        font-weight: 300;
        letter-spacing: 0rem;
        margin-left: 1.3125rem;
    }

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

    .containers {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 1.375rem;
        -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: .125rem;
        left: 0;
        height: .9375rem;
        width: .9375rem;
        background-color: #eee;
        border-radius: .1875rem;
        border: .0625rem 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: .25rem;
        top: 0rem;
        width: .3125rem;
        height: .625rem;
        border: solid white;
        border-width: 0 .125rem .125rem 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: 1rem;
    }


    .page-container {
        padding: 0rem 2.375rem 0rem 2.5rem;
    }

    .commuity-wrap {
        padding-inline: 2.5rem !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: 1.25rem;
        width: calc(100% - 10rem);
        margin-inline: auto;
        text-align: center;
        margin-top: 2.5rem;
    }

    .cmsHeading h1 {
        font-size: 2.1875rem;
        font-weight: 500;
        color: #202224;
        line-height: 2.75rem;
    }

    .cmsHeading p {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #202224;
    }

    .roadMap-container {
        width: calc(100% - 5rem);
        margin-inline: auto;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(18.0625rem, 1fr));
        gap: 2.375rem;
        margin-block: 5rem 7.5rem;
    }

    .roadMap-headings {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.5625rem;
        color: #202224;
        margin-bottom: .75rem;
    }

    .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: 1rem !important;
        box-shadow: none !important;
        gap: 1rem;
        align-items: start;

    }

    .course-details .roadMap-accordHead {
        font-size: 1rem;
        font-weight: 500;
        margin-bottom: 0;
        line-height: 1.375rem;
    }


    .accordion-collapse .accordion-body .roadMap-accordPara {
        font-size: .875rem;
        font-weight: 300;
        line-height: 1.375rem;

    }

    .roadMap-container .accordion-body {
        border-block: 0;
        padding: 1rem !important;

    }

    .more-content.roadMp {
        display: flex;
        align-items: center;
        gap: .75rem;
        justify-content: start;
        height: 2.375rem;
        line-height: 1;
        padding: .625rem 1rem;
        /* flex-wrap: wrap; */

    }

    .more-content.roadMp a {
        font-size: .875rem;
        font-weight: normal;
        line-height: 1.375rem;
        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: 1rem;
    }

    .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: .5rem 1rem 1rem 1rem;
        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% - 5rem);
        margin: 3.75rem auto 7.5rem auto;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }

    .licenseHeading {
        font-size: 1.875rem;
        font-weight: 500;
        line-height: 2.375rem;
        color: #202224;
        margin-bottom: 1.5rem;
    }

    .licensePara {
        font-size: 1.125rem;
        line-height: 1.75rem;
        color: #202224;
        margin-bottom: 1.5rem;
    }

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

    .faq-list a,
    .faq-list a:hover {
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5rem;
        color: #05ACD7;
    }

    .faq-list {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

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

    }

    .faq-list li {
        display: flex;
        align-items: start;
        gap: .3125rem;
    }

    .heading-three {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.875rem;
        color: #202224;
        margin-bottom: 1.5rem;
    }

    .faqlist-contentContainer {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    body {
        scroll-behavior: smooth;
        scroll-padding: 6rem;
    }

    /*document*/
    .document-aside {
        background-color: #F8F8F8;
        padding: .9375rem 1rem;
        position: sticky;
        top: 4.5rem;
        height: 100%;
        min-width: 20rem;
        max-width: 20rem;


    }

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

    }

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

    .documentAccord-btn {
        background-color: transparent;
        border: none;
        height: 2.125rem;
        padding: .5rem;
        font-size: .875rem;
        font-weight: 500;
        color: #202224;
        width: 100%;
        line-height: 1.375rem;
        text-align: start;
        display: flex;
        align-items: center;
        gap: .3125rem;
    }


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

    .document-list li {
        padding: .5rem 1.1875rem .5rem 2.5rem;


    }

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

    }

    .document-list li a {
        font-size: .875rem;
        font-weight: 300;
        color: #202224;
        line-height: 1.375rem;
        display: flex;
        gap: .3125rem;
        align-items: center;
        text-decoration: none;
    }

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

    .documentContainer {
        padding: 1.5rem 2rem 7.5rem 2rem;
    }

    .gitDocument,
    .gitDocument:hover {
        background-color: #085873;
        border-radius: .1875rem;
        font-size: 1rem !important;
        font-weight: 300 !important;
        color: #ffffff !important;
        line-height: 1.25rem;
        padding: .625rem 1rem;
        max-width: 10.1875rem;
        height: 2.5rem;
        width: 100%;
        margin-left: auto;
        margin-bottom: 1rem;
        display: flex;
        gap: .3125rem;
        text-decoration: none;
        white-space: nowrap;
    }

    .jumpTo {
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5rem;
        color: #202224;
        margin-bottom: .5rem;
    }

    .documentPara {
        font-size: 1rem;
        font-weight: 300;
        color: #202224;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
    }

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

    .steps .heading-three {
        margin-bottom: 1rem;
    }

    .basicSteps {
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
    }


    .basic pre , .templates__detail__btm pre {
        background-color: #1F2426;
        border-radius: .1875rem;
        padding: .75rem 1rem;
        position: relative;
        margin-top: 2rem;
        white-space: normal;

    }

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

    }

    .basic strong {
        font-size: 1.5rem;
        font-weight: 500;
        line-height: 1.875rem;
        color: #202224;
        margin-bottom: 1.5rem;
        display: inline-block;
    }

    .basic p {
        font-size: 1rem;
        font-weight: 300;
        color: #202224;
        line-height: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .sourceCode {
        background-color: #1F2426;
        border-radius: .1875rem;
        padding: .75rem 1rem;
        position: relative;
        margin-top: 2rem;
    }

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

    .sourceCode code p {
        font-size: 1rem;
        font-weight: 300;
        color: #ffffff;
        line-height: 1.125rem;
        word-break: break-word;
    }

    .cpyCode {
        background-color: transparent;
        border: none;
        position: absolute;
        inset: .875rem 1rem auto auto;
        height: fit-content;

    }

    .cpyCode img {
        display: block;
    }

    .mb-24 {
        margin-bottom: 1.5rem;
    }

    .basic .faq-list {
        margin-bottom: 2rem;
    }

    .document-list {
        max-height: 31.25rem;
        overflow: auto;
    }


    .aside-flexx::-webkit-scrollbar {
        width: .125rem;

    }

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

    }

    .highlight {
        background-color: #E2F9FF;
    }

    /*licenseKey*/
    .licenseKey .cmsHeading {
        margin-top: 5rem;

    }

    .licenseKey form input,
    .licenseKey form input:focus-visible {
        border: .0625rem solid #D9D9D9;
        border-radius: .3125rem;
        width: 100%;
        max-width: 47.5rem;
        height: 3.5rem;
        padding: 1rem;
        outline: 0;
        text-transform: uppercase;
        letter-spacing: .15rem;
        font-size: 1.5rem;
        color: #202224;
    }

    .licenseKey-container {
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3.5rem;
    }

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

    .licenseKey form button {
        border-radius: .1875rem;
        background-color: #085873;
        width: 10rem;
        height: 2.5rem;
        font-size: 1rem;
        font-weight: normal;
        color: #ffffff;
        border: none;
    }

    .sucessKey {

        min-height: calc(100dvh - 4.5rem);

    }

    .keySucess {
        width: 100%;
        max-width: 26.25rem;
        margin-inline: auto;
        text-align: center;
        padding-top: 1.5rem;
    }

    .keySucess h1 {
        font-size: 1.25rem;
        font-weight: 500;
        color: #202224;
        margin-block: 1.1875rem .5rem;
        line-height: 1.5625rem;

    }

    .keySucess p {
        font-size: .75rem;
        font-weight: normal;
        color: #202224;
        margin-bottom: 1.5rem;
        line-height: 1.25rem;

    }

    .keySucess a,
    .keySucess a:hover {
        font-size: .875rem;
        font-weight: normal;
        color: #339CEC;
        line-height: 1.25rem;
        text-decoration: none;

    }

    /*commercial-license*/
    .commercial-license {
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 4.5rem 7.5rem;
        background-color: #F8F8F8;
        padding: 1.5rem 1.5rem 2.5rem 1.5rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;

    }


    .commercial-head {
        font-size: 1.125rem;
        font-weight: normal;
        color: #202224;
        line-height: 1.75rem;
    }

    .commmercial-para {
        font-size: 1.125rem;
        font-weight: 300;
        color: #202224;
        line-height: 1.75rem;
        margin-bottom: 1rem;
    }

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

    .commerical-div {
        display: flex;
        flex-direction: column;
        gap: .5rem;
    }

    .commerical-div ul {
        margin-top: 1rem;
    }


    /*home*/

    .cms-top {
        width: calc(100% - 5rem);
        margin-inline: auto;
        display: flex;
        gap: 3.5rem;
        align-items: center;
        margin-block: 3.75rem 7.5rem;



    }

    .cms-topLeft {
        width: 76%
            /* max-width: 35rem; */
    }

    .cms-topRight {
        width: 100%;
    }

    .cmd-topLeft h1 {
        font-size: 2.6875rem;
        font-weight: 500;
        color: #202224;
        line-height: 3.5rem;
    }

    .trackingContainer {
        display: flex;
        flex-direction: column;
        gap: 1.625rem;
        margin-block: 2rem 2.5rem;
    }

    .tracking h3 {
        font-size: 1.3125rem;
        font-weight: 500;
        color: #202224;
        /* line-height: 3.5rem; */
        margin-bottom: .75rem;
    }

    .tracking ul {
        display: flex;
        flex-direction: column;
        gap: .625rem;
    }

    .tracking ul li {
        font-size: 1rem;
        font-weight: 300;
        color: #202224;
        line-height: 1.5rem;
        display: flex;
        gap: .3125rem;
    }

    .tracking ul li::before {
        content: '';
        display: inline-block;
        width: .75rem;
        min-width: .75rem;
        height: .4375rem;
        background-image: url('../img/cmsLIst.svg');
        background-size: .75rem .4375rem;
        margin-top: .5rem;
    }

    .cmsInput-grp input::placeholder {
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.25rem;
        color: #9F9F9F;
    }

    .cmsInput-grp input {
        padding: .625rem;
        border: .0625rem solid #D9D9D9;
        border-radius: .3125rem 0 0 .3125rem;
        border-right: 0;
        height: 2.5rem;
        width: 100%;
        color: #202224;

    }

    .cmsInput-grp button {
        border: none;
        background-color: #085873;
        padding: .625rem;
        border-radius: .1875rem;
        width: 9.75rem;
        height: 2.5rem;
        font-size: 1rem;
        font-weight: normal;
        color: #FFFFFF;
        line-height: 1.25rem;
        position: relative;
        right: 0;
        top: 0;

    }

    .cmsInput-grp {
        position: relative;
        display: flex;
        max-width: 29.75rem;
        width: 100%;

    }

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

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

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

    .carouselText {
        font-size: 1rem;
        color: #202224;
        font-weight: 500;
        margin-block: 1rem;
        line-height: 3.5rem;
        text-align: center;
    }

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

    .cmsOpensource h2 {
        font-size: 2.1875rem;
        font-weight: 500;
        color: #202224;
        line-height: 2.75rem;
        margin-bottom: 2rem;
        text-align: center;
        width: calc(100% - 10rem);
        margin-inline: auto;



    }

    .opensource-fluid {
        width: 100%;
        background-color: #F4FAFC;
        padding: 1.5rem 2.5rem 2.5rem 2.5rem;
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .opensource-fluid h4 {
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.5rem;
        color: #88979B;
        text-align: center;
    }

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

    .cmsOpensource .tech-link {
        column-gap: 1.625rem;
    }

    .cmsOpensource {
        margin-bottom: 2.5rem;
    }

    .license-link {
        text-align: center;
        margin-top: 1rem;
    }

    .license-link a {
        font-size: 1rem;
        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% - 5rem);
        margin-inline: auto;

    }

    .op-one,
    .cs-one {
        padding-bottom: 0;
        border-radius: .5rem .5rem 0 0;
    }

    .op-two,
    .cs-two {
        padding-top: 0;
        border-radius: 0 0 .5rem .5rem;
    }

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



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

    .menu-btn {
        margin-left: 1rem;
    }

    .footer-left {
        display: grid;
        gap: 1rem;
    }


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

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



    /*Dec-27-23*/

    .error-404 {
        min-height: calc(100dvh - 4.5rem);
        max-width: 44.6875rem;
        margin-inline: auto;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-block: 8.125rem 7.5rem;
    }

    .error-head {
        font-size: 1.75rem;
        line-height: 2.1875rem;
        color: #000000;
        font-weight: 600;
        margin-block: 1.4375rem .5rem;
    }

    .error-txt {
        font-size: .875rem;
        line-height: 1.25rem;
        color: #0F0F10;
        font-weight: normal;
    }

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

    .goHome {
        border-radius: .1875rem;
        background-color: #085873;
        padding: .625rem 1.5rem;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #FFFFFF !important;
        display: block;
        margin-top: 1.4375rem;
        text-decoration: none;
    }

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

    }

    .launch-head {
        font-size: 1.125rem;
        color: #202224;
        line-height: 1.375rem;
        font-weight: 500;
        margin-bottom: .5rem;
    }


    .launch-para {
        font-size: .875rem;
        color: #202224;
        line-height: 1.375rem;
        font-weight: 300;
        margin-bottom: 1.5rem;
        text-wrap: balance;
        text-wrap: pretty;
    }

    .admin-ui-card,
    .graphic-api-card {
        padding: 1rem 1.5rem 1.5rem 1rem;
        border: .0625rem solid #E6E6E6;
        border-radius: .5rem;

    }

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

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

    .usr-pass h3 {
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: normal;
        color: #202224;
    }

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

    .usr {
        margin-bottom: .375rem;
    }

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

    } */

    .launch-link {
        background-color: #085873;
        border-radius: .1875rem;
        padding: .625rem 1.25rem;
        text-decoration: none;
        font-size: 1rem;
        line-height: 1.25rem;
        color: #FFFFFF !important;
        display: flex;
        width: fit-content;
        margin-left: auto;
        gap: .5rem;
        margin-top: 1.5rem;

    }

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

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

    .demo-container {
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3rem 8rem;
    }

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

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

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

    }

    .hover-div .documentation span {
        font-size: .75rem;
        line-height: .9375rem;
        font-weight: 300;
        color: #9BBBC6;
        margin-top: .3125rem;
        display: block;
    }

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

    .developer ul li {
        padding: .5rem 1rem;

    }

    .developer ul li a {
        display: flex;
        gap: 1rem;
        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: .875rem;
        color: #202224;
        line-height: 1.125rem;
        font-weight: normal;
        text-decoration: none;
        border-bottom: 0;
    }

    .developer ul h3 {
        font-size: .75rem;
        line-height: .9375rem;
        font-weight: normal;
        color: #202224;

    }

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

    .drop-content.developer ul {
        padding-block: .5rem 1rem;
    }

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

    .drop-content.developer {
        width: 15.9375rem;
    }

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

    .tracking .sourceCode button {
        position: static;
    }

    .cms-topRight .carousel-indicators {
        margin-top: .625rem;
    }

    .trackingContainer {
        margin-block: 2rem 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: .625rem !important;
    }

    .cpyCode span,
    .cpyCode1 span,
    .cpyCode2 span {
        font-size: .875rem;
        font-weight: 300;
        color: #ffffff;
        line-height: 1.125rem;
        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: 1.875rem;
        color: #8F8F8F;
        font-weight: 500;
        filter: blur(.0625rem);

    }

    #terms-error {
        font-size: .6875rem;
        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: 1.125rem;
        font-weight: 500;
        color: #202224;
        margin: 0;
        line-height: 1.5625rem;
    }

    .management-people-details p:last-child {
        margin-bottom: 1.375rem;
    }

    .developer-details h3 {
        font-size: 1.25rem;
        color: #202224;
        font-weight: 500;
        margin-bottom: .625rem;
    }

    .developer-details .about-sep {
        width: 3rem;
    }

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

    .developer-details .developers-img img {
        width: 3rem;
        height: 3rem;
        min-width: 3rem;
    }

    .developer-details {
        margin-bottom: 5rem;
    }

    .contact-btn button {
        width: 11rem;
        height: 3.25rem;
        background-color: #085873;
        border-radius: .1875rem;
        border: 0;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.125rem;
        font-weight: normal;
        text-transform: capitalize;
    }

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

        font-weight: 300;
        line-height: 1.5rem;
        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: 1.5rem 2rem 0 auto;
    }

    .blog-content h3 strong {
        font-size: 1.5rem;
        font-weight: bold;
        color: #202224;
        margin-bottom: .75rem;
    }

    .blog-content p strong {
        font-size: 1rem;
        font-weight: bold;
        margin-block: 1.5rem .5rem;

    }

    .blog-content p {
        font-size: 1rem;
        font-weight: normal;
        color: #202224;
        margin-bottom: .6875rem;
    }

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

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

    .documentContainer .basic h6 {
        background-color: #E2F9FF;
        font-size: 1rem;
        font-weight: 300;
        color: #202224;
        line-height: 1.5rem;
        width: fit-content;
    }

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

    }

    .documentContainer .basicSteps .basic h1 strong {
        text-align: center;
        font-size: 2.1875rem;
        font-weight: 500;
        color: #202224;
        line-height: 2.75rem;
        margin-bottom: 3rem;
        display: block;

    }

    .documentContainer .basicSteps .basic h2 strong {
        font-size: 1.875rem;
        font-weight: 500;
        line-height: 2.375rem;
        color: #202224;
        margin-bottom: 1.5rem;
    }



    /*jan-12-23*/


    .op-grd {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: end;
        gap: 2.25rem;
        margin-bottom: 1.5rem;
    }

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

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

    .paymentSucess-top h1 {
        font-size: 1.25rem;
        font-weight: 500;
        color: #202224;
        line-height: 1.5625rem;
        margin-block: 1.5rem .625rem;
    }

    .paymentSucess p {
        font-size: .8125rem;
        font-weight: normal;
        color: #202224;
        line-height: 1.25rem;
    }

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

    }

    .payment-table {
        padding-inline: 1.5rem;
        border: .0625rem solid #EAEAEA;
        border-radius: .1875rem;
        width: fit-content;
        text-align: start;
    }

    .payment-table :is(th, td) {
        padding-block: .625rem;
        border-bottom: .0625rem solid #EAEAEA;
        font-size: 1.25rem;
        line-height: 1.25rem;
        font-weight: 300;
        color: #000000;
    }

    .payment-table table td {
        padding-left: 1.25rem;
        font-weight: 600;
    }

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

    .paymentSucess {
        max-width: 30rem;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        align-items: center;
        text-align: center;
        margin-inline: auto;
    }

    .method-btn,
    .method-btn:hover {
        background-color: #085873;
        border: .0625rem solid #085873;
        border-radius: .1875rem;
        width: 100%;
        width: 11.75rem;
        height: 2.625rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .875rem;
        font-weight: 400;
        color: #ffffff;
        text-decoration: none;
        gap: .1875rem;
    }


    .paymentKey-container {
        min-height: calc(100vh - 4.5rem);
        padding-block: 4rem;
        width: calc(100% - 5rem);
        margin-inline: auto;
    }

    .paymentfailure-img {
        margin-top: 3.25rem;
    }

    header {
        height: 4.5rem;
    }

    .cmsVersion {
        background-color: #1F2426;
        border-radius: 0 0 .1875rem .1875rem;
        padding: .875rem;
        position: sticky;
        top: 4.5rem;
        z-index: 1;
    }

    .cmsVersion strong {
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.25rem;
        color: #FFFFFF;
        text-align: center;
        display: block;
    }

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

    .cms-v,
    .cms-v:hover {
        font-size: .75rem;
        font-weight: 500;
        color: #ffffff;
        position: absolute;
        inset: auto .1875rem -1.0625rem auto;
        width: fit-content;
        line-height: .9375rem;


    }

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

    }

    .accordion-body .drop-content li {
        padding-inline: 1.25rem;
    }

    .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: .5rem;
    }

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

    .op-top-img img {
        height: 5.6875rem;
    }



    .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: 1rem;
        flex-direction: column;
    }

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

    .cmsVersion strong img{
        width: 1.25rem;
        margin-left: .3125rem;
        vertical-align: bottom;
    }

    .bult-pnt ul li{
        list-style-type: disc !important;
        list-style-position: inside;
        padding-left: 2.1875rem;
    }
    .helpsList li{
        font-size: 1.125rem;
        line-height: 1.75rem;
        color: #202224;
        margin-bottom: .3125rem;
    }



    /*feb-15-2023*/

    .main__templates .cmsHeading {
        gap: .625rem;

    }

    .templates__container {
        display: grid;
        grid-template-columns: 16.5rem 1fr;
        gap: 2.5rem;
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3rem 11.25rem;
    }


    .templates__card__para {
        font-size: .875rem;
        line-height: 1.125rem;
        color: #202224;

    }

    .templates__card__link {
        display: grid;
        gap: .75rem;
        text-decoration: none;
    }

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


    .temp__card__img {
        border: .0625rem solid #E6E6E6;
        border-radius: .3125rem;
    }

    .templates__categories__link li a {
        font-size: .875rem;
        line-height: 1.375rem;
        color: #202224;
        padding: .5rem;
        text-decoration: none;
        display: flex;
        align-items: center;
        height: 2.125rem;
        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: 1.125rem;
        line-height: 1.375rem;
        color: #202224;
        margin-bottom: .75rem;
    }



    .templates__detail__top {
        width: calc(100% - 5rem);
        margin-block: 2.5rem 5rem;
        background-color: #F8F8F8;
        border-radius: .5rem;
        padding: 2rem;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 4.5rem;
        margin-inline: auto;
    }

    .back-to-prev {
        font-size: .75rem;
        line-height: .9375rem;
        color: #202224 !important;
        display: flex;
        gap: .1875rem;
        align-items: center;
        text-decoration: none;
        margin-bottom: 1rem;

    }



    .detail__top__heading {
        font-size: 2.1875rem;
        line-height: 2.75rem;
        font-weight: 500;
        color: #05ACD7;
    }

    .detail__top__para {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #202224;
        font-weight: normal;
        margin-block: 1rem 1.25rem;
    }

    .detail__top__list li {
        font-size: .875rem;
        font-weight: 300;
        color: #202224;
        margin-bottom: .5rem;
    }

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

    .dark__btn__grp {
        display: flex;
        gap: 1rem;
    }

    .dark__btn__grp a,
    .dark__btn__grp a:hover {
        background-color: #085873;
        border-radius: .1875rem;
        padding: .625rem 1.5rem;
        color: #FFFFFF;
        font-size: 1rem;
        line-height: 1.25rem;
        text-decoration: none;

    }

    .detail__top__list li.tag {
        margin-block: 2rem;
    }

    .templates__detail__btm {
        max-width: 65rem;
        margin-inline: auto;
        margin-bottom: 7.5rem;
        width: calc(100% - 5rem);
    }

    .detail__btm__img img {
        width: 100%;

    }

    .detail__btm__imgList {
        display: flex;
        gap: .625rem;
        margin-block: 1.5rem 3.5rem;
        justify-content: center;
    }

    .detail__btm__imgList a,
    .detail__btm__imgList a img {
        display: block;
        width: 6rem;
        max-height: 6rem;

    }

    .detail__btm__para {
        font-size: 1.125rem;
        line-height: 1.5625rem;
        color: #202224;
        font-weight: 300;
        margin-bottom: 1.25rem;
    }

    .detail__btm__heading {
        font-size: 1.875rem;
        line-height: 2.375rem;
        font-weight: 500;
        color: #202224;
        padding-block: 1.25rem 1rem;
    }

    .img__prevModal.offcanvas-end {
        border-left: 0 !important;
        width: 100% !important;
        background-color: rgba(5, 17, 21, 95%);

    }

    .img__prevModal {
        padding: 1.5rem;
    }

    .img__prevCarousel {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 2.5rem;
        width: 100%;
        margin: auto;
        height: calc(100vh - 16.75rem);
        justify-content: space-between;
        margin-block: 6.875rem;
    }

    .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: 4.9375rem;
        font-size: 1.125rem;
        line-height: 1.4375rem;
        color: #FFFFFF;
        width: fit-content;
        margin-inline: auto;

    }

    .canvas-close {
        border: none;
        background-color: transparent;
        position: absolute;
        right: 1.5rem;
    }

    .license-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin: 0 0 .75rem 0;

    }


    .licns-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin: 0 0 .75rem 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: 1.5rem 0;
        font-size: .875rem;
        text-decoration: none;
        color: #339CEC !important;
        line-height: 1.25rem;

    }

    .cms__adminWrapper,
    .helps__container {

        width: calc(100% - 5rem);
        margin-inline: auto;

    }

    .admin__tabs>ul {
        display: flex;
        border-top: .0625rem solid #F2F2F2;
        background-color: #F8F8F8;
        height: 3.3125rem;
    }

    .admin__tabs .nav-item a {
        padding: 1rem 1.5rem;
        background-color: #F8F8F8;
        font-size: 1rem;
        line-height: 1;
        color: #202224;
        display: flex;
        align-items: center;
        gap: .3125rem;
        height: 100%;
        transition: all 0.3s ease;
        border-top: .1875rem solid transparent;
        border-width: .1875rem 0 .0625rem .0625rem !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: .1875rem solid #05ACD7 !important;
        border-bottom-color: transparent;

    }



    .tab-pane-list {
        display: flex;
        gap: .625rem;
    }

    .tab-pane-list a {

        border-radius: .3125rem;
        padding: .3125rem .75rem;
        font-size: .875rem;
        line-height: 1.375rem;
        border: .0625rem solid #D9D9D9;
        text-decoration: none;
        height: 1.75rem;
        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: 2.5rem 5rem;
    }

    .related-list li p {
        
        font-size: .875rem;
        line-height: 1.375rem;
        color: #9D9D9D;
    margin-bottom: .25rem;
        font-weight: normal;
    }
    .related-list{
        margin-bottom: 1rem;
    }
    .related-list li p::before {
        content: '';
        display: inline-block;
        width: .25rem;
        height: .25rem;
        background-color: #202224;
        border-radius: 50%;
        margin-top: .4375rem;
        vertical-align: text-top;
        margin-right: .3125rem;
    }

    /* .related-list li a:hover {
        color: #05ACD7;
        text-decoration: underline;
    } */

    .related-heading {
        color: #202224;
        font-size: 1rem;
        line-height: 1.375rem;
        font-weight: 300;
        text-decoration: none;
        margin-bottom: 1rem;
    }

    .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: 2.5625rem;
        grid-template-columns: 1fr 2fr;

    }

    .admin__tabs {
        margin-block: 3.5rem 2.5rem;
    }

    /* .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: 2.375rem;
        margin-block: 3.5rem 5rem;
    }

    .helps__card {
        border: .0625rem solid #E6E6E6;
        border-radius: .5rem;
        padding: 1rem;
        margin-bottom: 1.5rem;
        break-inside: avoid;
    }

    .helps__card h3 {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 600;
        color: #202224;
        margin-bottom: .5rem;
    }


    .helps__card li {
        font-size: .875rem;
        line-height: 1.375rem;
        font-weight: 300;
        color: #202224;
        margin-top: .3125rem;
        display: flex;
        gap: .3125rem;
        align-items: start;
    }

    .helps__card li::before {
        content: '';
        display: inline-block;
        min-width: .25rem;
        width: .25rem;
        height: .25rem;
        border-radius: 50%;
        background-color: #202224;
        margin-top: .5rem;

    }

    .templates__card .temp__card__img,
    .detail__top__left img,
    .tab-pane-left {
        opacity: 0;
        transform: translateY(1.875rem);
        animation: cardup 0.5s forwards;
        width: 100%;
    }

    @keyframes cardup {
        100% {
            transform: translate(0);
            opacity: 1;
            scale: 1;
        }
    }

    .img__prevModal .carousel-caption {
        position: fixed;
        top: 1.5rem;
        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: 1.5rem;
        height: 1.5rem;
    }

    .templates__card:hover {
        box-shadow: 0 0 1rem .125rem rgba(0, 0, 0, .2);
        border-radius: .3125rem .3125rem 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: 13.5rem; */
        object-fit: cover;
        aspect-ratio: 16/9;
    }

    .license-link a {
        margin-inline: auto;
        margin-top: 1rem;
    }

    .licns-link .chk-lincense {
        margin-inline: 0 auto ;
        margin-top: 0;
    }

    .detail__top__left img{
        max-height: 33.6875rem;
    }

    .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: 2rem;
    }

    .company-peoples{
        height: fit-content;
        position: sticky;
        top: 6.25rem;

    }

    .detail__top__list li:last-of-type{
        margin-bottom: 2rem;
    }


    /* ------Feb-20------ */

    .start-project{
        padding: .625rem 1rem;
        background-color: #085873;
        border-radius: .1875rem;
        color: #FFFFFF;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.25rem;
        text-decoration: none;
        margin: 0rem 1rem;
    }

    .start-project:hover{
        color: #ffffff;
    }


    .project-wrapper{
        padding: 2.5rem 2.5rem 5rem;
    }

    .project-title h3{
        font-size: 2.1875rem;
        font-weight: 500;
        line-height: 2.75rem;
        color: #202224;
        margin-bottom: 1.25rem;
    }

    .project-title p{
        font-size: 1rem;
        font-weight: normal;
        color: #202224;
        line-height: 1.5rem;
        margin: 0;
    }

    .project-title{
        margin-bottom: 3.5rem;
        text-align: center;
    }

    .download-btn {
        padding: .625rem 1.5rem;
        color: #FFFFFF;
        font-size: 1rem;
        background: #085873 0% 0% no-repeat padding-box;
        border-radius: .1875rem;
        line-height: 1.25rem;
        border: none;
        margin-left: 1rem;
        text-decoration: none;
    }

    .blu-canvas .offcanvas-body{
        padding: 0;
    }

    .blu-canvas .offcanvas-footer{
        padding-bottom: 2rem;
    }

    .blu-canvas .offcanvas-footer .btn-group{
        flex-direction: column;
        align-items: center;
        gap: 1rem;
        justify-content: center;
        width: 100%;
    }

    .ig-row textarea {
        border: .0625rem solid #D9D9D9;
        border-radius: .3125rem;
        font-size: 1rem;
        color: #000000;
        font-weight: 400;
        height: 10rem;
        width: 100%;
        padding: .625rem .625rem 0rem;
    }

    .ig-row input::placeholder ,
    .ig-row textarea::placeholder {
        color: #9f9f9f !important;
    }

    .ig-row textarea:focus-visible {
        outline: 0rem;
    }

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

    .tri-cols{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.5rem;
    }

    .bi-cols{
        display: grid;
        grid-template-columns: 2.1fr 1fr;
        gap: 1.5rem;
    }

    .submit-info{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 1.5rem;
    }

    .submit-info p{
        font-size: .875rem;
        font-weight: 300;
        line-height: 1.5rem;
        color: #202224;
        text-align: center;
        margin: 0 0 1rem;
    }

    .submit-info button{
        width: 14.875rem;
        height: 3.5rem;
        background-color: #085873;
        border-radius: .1875rem;
        color: #FFFFFF;
        font-size: 1.125rem;
        font-weight: 500;
        line-height: 1.4375rem;
        border: 0;
    }

    .mobile-details a{
        font-size: 1rem;
        line-height: 1.25rem;
        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: .75rem;
        padding-block: 2.5rem;
        border-bottom: .0625rem solid #E6E6E6;
    }

    .mail-details a{
        font-size: 1rem;
        line-height: 1.25rem;
        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: .75rem;
        padding-block: 2.5rem;
        border-bottom: .0625rem solid #E6E6E6;
    }

    .location-info h4{
        font-size: 1rem;
        line-height: 1.25rem;
        color: #202224;
        font-weight: normal;
        margin-bottom: .625rem;
        text-transform: capitalize;
    }

    .locate-details{
        display: flex;
        align-items: start;
        gap: .75rem;
        padding-block: 1.625rem;
        border-bottom: .0625rem solid #E6E6E6;
    }

    .location-info p{
        font-size: 1rem;
        line-height: 1.25rem;
        color: #202224;
        font-weight: 300;
    }

    .location-info{
        padding-top: .3125rem;
    }

    .right-form div:last-child{
        border: 0;
    }

    .right-form div:first-child{
        padding-top: 1.75rem;
    }

    .project-form{
        display: grid;
        grid-template-columns: 1.7fr 1fr;
        gap: 5rem;
    }

    .raw-html-embed iframe {

        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        max-height: 31.25rem;
    }
    /* feb-23-02-24 */
    .detail__btm__img iframe{
        width: 100%;
        aspect-ratio: 16/9;
    }




    /*21-02-24*/

    .package__container {
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3.75rem 7.5rem;
        position: relative;
    }

    .package__tab {
        background-color: #F2F2F2;
        border-radius: 2rem;
        padding: .25rem .25rem .25rem .25rem !important;
        width: fit-content;
        margin-bottom: 2rem;
        display: flex;
    }

    .nav__list .nav-link.active {
        background-color: #FFFFFF;
    }

    .nav__list .nav-link {
        font-size: 2rem;
        line-height: 2.5rem;
        font-weight: 500;
        color: #202224 !important;
        align-items: center;
        gap: .625rem;
        border-radius: 1.875rem;
        align-items: center;
        padding: .5rem 1rem;
    }

    .nav__list .nav-link span {
        display: inline-block;
        background-color: #00AC49;
        padding: .25rem .5rem;
        top: .0625rem;
        border-radius: 1.875rem;
        font-size: .6875rem;
        line-height: normal;
        position: relative;
        color: #FFFFFF;
        height: 1.375rem;

    }

    .package__top__left p {
        font-size: 1rem;
        line-height: 1.4375rem;
        font-weight: 300;
        color: #202224;
    }

    .pck__gitLink,
    .pck__gitLink:hover {
        border: .0625rem solid #D9D9D9;
        border-radius: .3125rem;
        padding: .875rem 1rem;
        display: inline-flex;
        gap: 1rem;
        text-decoration: none;
        margin-block: 2rem;
        width: 100%;
        align-items: center;
    }

    .pck__gitLink span {
        font-size: 1rem;
        line-height: 1.25rem;
        color: #202224;
        font-weight: normal;

    }

    .pck__gitLink img {
        transition: all 250ms ease-in-out;
    }

    .pck__gitLink:hover img {
        transform: translateX(.3125rem);
    }

    .package__top__left h5 {
        font-size: 1rem;
        line-height: 1.25rem;
        font-weight: 600;
        color: #202224;
        margin-bottom: .75rem;
    }

    .get__free,
    .get__free:hover {
        width: 14.875rem;
        height: 3.5rem;
        background:#085873;
        border-radius: .1875rem;
        display: flex;
        align-items: center;
        /* font-size: 1.125rem; */
        line-height: 1.4375rem;
        color: #FFFFFF;
        justify-content: center;
        text-decoration: none;
        padding: 1rem;
        margin-top: 1.5rem;
        gap: .75rem;
    }

    .package__top {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;
    }

    .package__top__right {

        transform: translateY(5rem);
        opacity: 0;
        animation: cardup 500ms forwards;
        display: grid;
        place-items: center;
        /* position: absolute;
        width: 50%;
        right: 0;
        top: 2.8125rem;
        width: calc(50% - 1.25rem); */
        height: fit-content;
        margin-top: -3.1875rem;
    }

    .package__top__right>img {
        width: 100%;
    }

    .package__top__right button {
        position: absolute;
        background-color: transparent;
        border: none;
    }

    .package__bottom {
        margin-top: 4.5rem;
    }

    .package__bottom__accord .package__accordionBtn {
        padding: 1.5rem;
        gap: 1rem;
        display: flex;
        flex-direction: column;
        align-items: start;
        background-color: #ffffff;
        border: none;
        border: .0625rem solid #E6E6E6;
        border-radius: .5rem .5rem 0 0;
    }

    .package__bottom__accord .package__accordionBtn h3 {
        font-size: 1.25rem;
        line-height: 1.5625rem;
        font-weight: 600;
        color: #202224;
    }

    .package__bottom__accord .package__accordionBtn p {
        font-size: .875rem;
        line-height: 1.375rem;
        font-weight: normal;
        color: #202224;
        text-align: left;
        display: flex;
        align-items: start;
        gap: 1.5rem;
        margin-bottom: 1rem;
    }
    .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: 1.5rem;
        height: 1.5rem;
        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: .8125rem 1.5rem;
        background-color: #F8F8F8;
        display: flex;
        gap: .3125rem;
        justify-content: end;
        border-radius: 0 0 .5rem .5rem;
        align-items: center;
        font-size: .875rem;
        color: #202224;
        text-decoration: none;
        line-height: 1;
        border-width: 0 .0625rem .0625rem .0625rem !important;
        border: solid #F8F8F8;
    }

    .pck__accordLnk::before {
        content: '';
        background-image: url('../img/tab-git.svg');
        width: 1rem;
        height: 1rem;
        background-size: 1rem;

    }

    .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: .875rem;
        height: .4375rem;
        background-size: .875rem .4375rem;
        margin-left: .1875rem;
        transition: all 250ms ease-in-out;

    }

    .pck__accordLnk:hover::after {
        transform: translateX(.3125rem);
    }

    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk {
        border: .0625rem solid #E6E6E6 !important;
    }

    .accordion-item:hover .pck__accordLnk {
        border: .0625rem solid #E6E6E6;

    }

    .package__bottom__accordInr .accordion-body {
        border-inline: .0625rem solid #E6E6E6;

    }

    .package__bottom__accord .accordion-item {
        border: none;

        border-radius: .5rem !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: 1rem;
        font-weight: 300;
        line-height: 1.5rem;
        color: #202224;

    }

    .package__bottom__accord .accordion-body {
        padding: 1.5rem 1.5rem 1.5rem 3.4375rem;
    }

    .package__bottom__accord .accordion-body ul {
        display: grid;
        gap: .625rem;
        margin-bottom: 2rem;
    }

    .package__bottom__accord .accordion-body p {
        font-size: 1rem;
        font-weight: 300;
        line-height: 1.5rem;
        color: #202224;

    }

    .package__bottom__accord {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem;

    }

    .package__bottom__accordInr {
        display: grid;
        row-gap: 1.5rem;
        height: fit-content;

    }

    .accordion-item:hover .pck__accordLnk,
    .package__accordionBtn[aria-expanded="true"]~.pck__accordLnk {
        background-color: #E2F9FF;


    }


    .accordion-item.active {
        filter: drop-shadow(0rem .375rem 2rem #0000000F);
    }

    .package__top__left .package__top__content2 {
        line-height: 1.25rem;
    }

    .package_main .cmsHeading{
        text-align: start;
        width: calc(100% - 5rem);
        margin-top: .625rem;
    }

    .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: 27.5rem;
    margin-inline: auto;
    margin-block: 2.5rem;
    text-align: center;
    }


    .transY{
        animation: cardup 0.5s forwards;
        transform: translateY(5rem);
        opacity: 0;
    }
    .no__jobs>h2{
        font-size: 1.25rem;
        line-height: 1.5625rem;
        font-weight: 500;
        color: #202224;
        margin-block:1.5rem .625rem;
    }

    .no__jobs>p{
        font-size: .8125rem;
        line-height: 1.25rem;
        font-weight: normal;
        color: #202224;
        margin-bottom: 2rem;
    }

    .no__jobs>a , .no__jobs>a:hover{
        font-size: .875rem;
        line-height: 1.125rem;
        font-weight: normal;
        color: #05ACD7;
        text-decoration: none;
    }

    .templates__categories__heading {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #202224;
        font-weight: 500;
        margin-bottom: .75rem;
    }


    .templates__categories__link li a  {
        font-size: 1rem;
        line-height: 1.375rem;
        color: #202224;
        padding: .75rem 1rem;
        text-decoration: none;
        display: flex;
        align-items: center;
        min-height: 2.75rem;
        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: 31.25rem;
    }




    /*16-03-24*/


    .open-source {
        /**/
        padding: 2rem 2rem 2.5rem 2rem;
        background-color: #F8F8F8;
        border-radius: .5rem;
    }

    .open-source h3 {
        /**/
        font-size: 1.875rem;
        color: #202224;
        font-weight: 500;
        letter-spacing: 0rem;
        line-height: 2.375rem;
    }

    .op-grd {
        /**/
        display: grid;
        align-items: start;
        margin-bottom: 2rem;
    }



    .op-top-txt p a {
        color: #00ACD7;
    }

    .op-log-map {
        display: flex;
        align-items: center;
        gap: .5rem;
    }


    .op-log-map a {
        font-size: .75rem;
        font-weight: 300;
        line-height: normal;
        color: #00ACD7 !important;
        text-decoration: none;
    }

    .op-log-map a:first-of-type {
        border-right: .0625rem solid #333333;
        padding-right: .5rem;
        line-height: 1;
    }

    .gap-32 {
        gap: 2rem;
    }

    .p-16 {
        padding: 1rem;
    }

    .op-btm {
        padding: 1rem;
        container-type: inline-size;
        background-color: #EFEFEF;

    }

    .op-btm-wrapper {
        display: grid;
        gap: 1rem;
        margin-top: 2rem;

    }

    .op-btm tbody td {
        padding-block: .25rem;
    }
    .op-btm tbody tr:last-child td {
        padding-block: .25rem 0;
    }

    .op-btm thead th {
        padding-bottom: .1875rem;
    }

    .op-btm thead th h4 {
        font-size: 1rem;
        line-height: 1.5rem;
        color: #202224;
        font-weight: 500;
        display: flex;
        gap: .625rem;
        align-items: center;
    }

    .op-btm:first-of-type thead th {

        padding-bottom: .875rem;
    }

    .op-btm thead th a {
        font-size: .75rem;
        line-height: 1.5rem;
        color: #00ACD7;
        font-weight: 300;
        text-decoration: none;
        display: block;
        text-align: end;

    }

    .op-btm tbody td p span {
        font-size: .625rem;
        line-height: 1.5rem;
        font-weight: normal;
        color: #202224;
    }

    .op-btm-wrapper .op-btm:first-of-type tbody td p {
        font-size: .8125rem;
        line-height: 1.5rem;
        font-weight: 500;
        color: #00ACD7;
        padding-right: .5rem;
    }

    .op-btm table tbody td p {
        font-size: .8125rem;
        line-height: 1.5rem;
        font-weight: 300;
        color: #202224;

    }

    .op-btm table tbody td div {
        display: flex;
        gap: .625rem;

    }

    .op-btm tbody td p img {
        vertical-align: top;
    }

    .op-btm tbody td a {
        background-color: #085873;
        border-radius: .1875rem;
        padding: .3125rem .5rem .3125rem .5rem;
        font-size: .75rem;
        line-height: .9375rem;
        font-weight: normal;
        color: #FFFFFF;
        text-decoration: none;
        display: flex;
        align-items: flex-start;
        gap: .3125rem;
        justify-content: center;
        width: 4.625rem;
        margin-left: auto;
    }



    /*26-03-24*/




    .templates__card__tab {
        height: fit-content;
        position: sticky;
        top: 6rem;
    }

    .templates__categories__list li a {
        color: #202224;
        font-size: .8125rem;
        border-bottom: .0625rem 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: 1.5rem;
    }

    .text-202224 {
        color: #202224 !important;
    }

    .text-9D9D9D {
        color: #9D9D9D !important;
    }

    .text-1A1A1A {
        color: #1A1A1A !important;
    }

    .pt-10 {
        padding-top: .625rem;
    }

    .pb-10 {
        padding-bottom: .625rem;
    }

    .ps-16 {
        padding-left: 1rem;
    }

    .pe-16 {
        padding-right: 1rem;
    }

    .border-1A1A1A {
        border-color: #1A1A1A !important;

    }

    .border-solid-1A1A1A {

        border: .0625rem solid #1A1A1A ;
    }

    .border-E5E5E5 {
        border-color: #E5E5E5 !important;
    }

    .bg-F8F8F8 {
        background-color: #F8F8F8;
    }

    .fs-13 {
        font-size: .8125rem;
    }

    .fs-14 {
        font-size: .8125rem;
    }


    .deploy-btn {
        background-image: url('../img/deploy-btn.svg');
        background-size: cover;
        width: 7.875rem;
        height: 2.5rem;
        display: flex;
        justify-content: end;
        align-items: center;
        
    }
    .shadow-0000001F {
        box-shadow: 0rem .3125rem .625rem #0000001F;
        transition: box-shadow .2s ease;
    }

    .shadow-0000001F:hover {
        box-shadow: 0 .5rem 1.875rem #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: 11.25rem;
    }
    .place-items-center {
        place-items: center;
    }

    .custom-scroll-black::-webkit-scrollbar {
        display: none;
    }

    .custom-scroll-black {
        scrollbar-width: none;
    }
    .w-25px {
        width: 1.5625rem;
    }

    .h-25px {
        height: 1.5625rem;
    }




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

    }



    .mb-16 {
        margin-bottom: 1rem;
    }

    .mb-32 {
        margin-bottom: 2rem;
    }

    .mt-32 {
        margin-top: 2rem;
    }

    .gap-24 {
        gap: 1.5rem;
    }

    .row-gap-40 {
        row-gap: 2.5rem;
    }


    .gap-5p {
        gap: .3125rem;
    }

    .pe-48 {
        padding-right: 3rem;
    }

    .ps-48 {
        padding-left: 3rem;
    }

    .grid-template-column-1-1_5fr {
        grid-template-columns: 1fr 1.5fr;

    }

    .fs-24 {
        font-size: 1.5rem;
    }

    .p-24 {
        padding: 1.5rem;
    }

    .top-24 {
        top: 1.5rem;
    }

    .end-24 {
        right: 1.5rem;
    }

    .main__templates__detail {
        width: calc(100% - 5rem);
        margin-inline: auto;
        margin-block: 3rem 0;
    }

    .pb-40 {
        padding-bottom: 2.5rem;
    }

    .top-8 {
        top: 8rem;
    }

    code {
        font-family: 'Lexend', sans-serif !important;
    }

    .z-1 {
        z-index: 1;
    }
    .mb-40{
        margin-bottom: 2.5rem;
    }

    .rotate-180 {
        rotate: 180deg;
    }

    .top-7_5{
        top:7.5rem;
    }


    .max-w-320{
        max-width: 20rem;
    }


    .mb-24 {
        margin-bottom: 1.5rem;
    }

    .mb-80 {
        margin-bottom: 5rem;
    }

    .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:.0625rem solid #E5E5E5 ;
        border-radius: .25rem;
        line-height: 1 ;
        padding: 1.5rem;
        position: relative;
    }

    .themes-dtl p{
        font-weight: 300;
        line-height: 1.5rem;
        color:#202224;
        margin-bottom: 1rem;
        font-size: 1rem;

    }


    .themes-dtl h3{
        font-weight: 500;
        color:#202224;
        margin-top: 2rem;
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .themes-dtl h4{
        font-weight: 500;
        color:#202224;
        font-size: 1.5rem;
        margin-block: 2rem;
        line-height: 1.5rem;
        font-size: 1.25rem;
    }

    /* apr1 */
    .language-plaintext {
        background-image: url('../img/temp-copy.svg');
        background-repeat: no-repeat;
        background-position: top 1.5rem right 1.5rem;
    }