@media(max-width:1600px) {
    html,
    body {
        font-size: 45.5%;
    }
    .marquee {
        height: 330px;
    }
    .same_banner.blogBan {
        min-height: 450px;
    }
    .blogCon h4 a {
        font-size: 30px;
    }
    .blogCon p {
        font-size: 18px;
    }
    .blogRight .blogTitle h2 {
        font-size: 48px;
    }
    .elevCon .elevBtn.sameBtn {
        width: 30%;
        text-align: end;
    }
    .elevCon .heading {
        width: 70%;
    }
    .turnRaw .row .col-lg-6 .row {
        gap: 10.12px 0;
    }
    .keyFeaCh figure {
        height: 380px;
    }
    header .navbaring .navbar-nav li a {
        font-size: 2.8rem;
    }
    h4 {
        font-size: 3.5rem;
    }
    .apart .apCon figcaption {
        max-width: 760px;
        padding-left: 3rem;
    }
    .fooCon .logo figure img {
        width: 20rem;
    }
    .navbaring .navbar-nav .dropdown-menu>li>a {
        padding: 4px;
        font-size: 16px;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv ul li a {
        font-size: 14px;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv h5 {
        padding-bottom: 25px;
    }
    .solCon .lef .lfc {
        height: 250px;
    }
    header .navbaring {
        max-width: 900px;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li a figure,
    .wraping li a figure {
        width: 13%;
    }
    .apart .apSlider .slick-slide.slick-current .apCon video {
        border-radius: 25px;
    }
    .logo svg {
        width: 110px;
    }
    .logo {
        padding: 29px 60px;
    }
    .cirFig figure {
        width: 460px;
        height: 460px;
    }
    .same_banner {
        height: auto;
        min-height: 500px;
    }
    .optimise .row,
    .turnData .row {
        margin: 0 8rem;
        gap: 10px 0;
    }
    .tnrCon {
        min-height: 235px;
    }
    .sameBtn a {
        padding: 5px 25px;
    }
    header .navbaring .navbar-nav>li>a::before {
        bottom: -12px;
    }
    .solCon .inf figure img {
        width: 50px;
    }
    .solCon a {
        padding: 0;
    }
    .support ul li a {
        font-size: 4rem;
    }
    .support .figures {
        height: 350px;
    }
    .enhance.enha .heading {
        padding-right: 118px;
    }
    .fooCon .row:first-child .col-lg-11 .row .col-lg-3 {
        padding: 0 20px;
    }
    .fooCon .row:first-child .col-lg-11 {
        padding: 0 50px 0;
    }
    .fooCon .ft h5,
    .pri a,
    .social a {
        font-size: 16px;
    }
    .si.sameBtn a {
        font-size: 20px;
    }
    .fooCon {
        margin-bottom: 20px;
    }
    .fooCon .row .col-lg-11 .row:last-child .col-lg-6 {
        padding-right: 20px;
    }
    .fooCon .ft ul {
        gap: 10px;
    }
    .fooCon .ft h5 {
        padding-bottom: 6px;
    }
    .social {
        padding-right: 53px;
    }
    .fooCon::after {
        width: calc(100% - 60px);
    }
    .insiCon figcaption {
        font-size: 18px;
    }
    .fooCon .ft ul li a {
        font-size: 14px;
    }
    .tbBtn button p,
    .navbaring .navbar-nav .dropdown-menu .content ul li a {
        font-size: 14px;
    }
    .solution .sameBtn a i {
        font-size: 16px;
    }
    .solCon {
        height: 65rem;
    }
    .faqs .accordion-item .accordion-body p {
        font-size: 18px;
    }
    .subSlider .repoCon h3 {
        padding: 10px 40px;
        font-size: 25px;
    }
    .repoCon .heading h4 {
        /* padding-bottom: 10px; */
        font-size: 28px;
    }
    .repoCon figure img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        width: 100%;
    }
    .subSlider {
        height: 480px;
    }
    .subSlider .repoCon .row {
        padding: 20px 40px 30px;
    }
    .repoCon figure {
        padding-left: 0px;
    }
    .repoCon .heading p {
        font-size: 22px;
    }
    .subSlider .item.item2 {
        margin-top: -45px;
    }
    .subSlider .item.item3 {
        margin-top: -91px;
    }
    .subSlider .item.item4 {
        margin-top: -138px;
    }
    .subSlider .item.item5 {
        margin-top: -184px;
    }
    .supNew .container>.heading {
        margin-bottom: 175px;
    }
    .fooCon .row:first-child .col-lg-11 .row {
        flex-wrap: nowrap;
    }
    .subSlider .repoCon h3 figure {
        width: 28px;
        height: 28px;
    }
}

@media(max-width:1400px) {
    .solCon .lef .lfc {
        width: 45%;
    }
    .subSlider {
        height: 400px;
    }
    .fooCon {
        margin-bottom: 15px;
    }
    .fooCon .row:first-child .col-lg-1::after {
        right: -35px;
    }
    .fooCon .ft h5,
    .pri a,
    .social a {
        font-size: 14px;
    }
    .fooCon .ft ul li a {
        font-size: 13px;
    }
    .fooCon::after {
        width: calc(100% - 25px);
    }
    .fooCon .row:first-child .col-lg-11 {
        padding: 0 40px 0;
    }
    .fooCon .row:first-child .col-lg-11 .row .col-lg-3 {
        padding: 0 20px;
    }
    .blogDetai h4 {
        font-size: 30px;
        padding-bottom: 5px;
    }
    .same_banner.blogBan {
        min-height: 410px;
    }
    .blogRight .blogTitle h2 {
        font-size: 40px;
    }
    .blogCon {
        padding-left: 15px;
    }
    .blogCon h4 a {
        font-size: 25px;
    }
    .blogCon p {
        font-size: 16px;
    }
    .blogCon h6 {
        font-size: 14px;
        padding: 5px 0 10px;
    }
    .logo svg {
        width: 95px;
    }
    .logo {
        padding: 31px;
    }
    h4 {
        font-size: 3rem;
    }
    .optiCon {
        padding: 3rem;
    }
    .cirFig figure {
        width: 370px;
        height: 370px;
    }
    header .navbaring .navbar-nav>li>a::before {
        bottom: -11px;
        height: 5px;
    }
    .lastCm .sameBtn a {
        font-size: 1.6rem !important;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul {
        gap: 4rem 10px;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li {
        width: 49%;
    }
    header .navbaring .navbar-nav>li>a {
        font-size: 18px;
    }
    .tnrCon {
        min-height: 215px;
        padding: 2rem;
    }
    .support ul li a {
        font-size: 3.5rem;
    }
    header .navbaring {
        max-width: 790px;
    }
    p,
    li {
        font-size: 2.5rem;
    }
    .solCon {
        height: 47rem;
    }
    .repoCon .heading p {
        font-size: 16px;
    }
    h2 {
        font-size: 7rem;
    }
    .tnrCon {
        padding: 2rem;
    }
    h3 {
        font-size: 3.8rem;
    }
    .elevate {
        padding: 0;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv h5 {
        font-size: 18px;
    }
    .turnData .heading p br {
        display: none;
    }
    .marquee img {
        padding: 20px;
        width: 130px;
    }
    .marquee {
        height: 295px;
    }
    .enhance .heading {
        padding: 70px;
    }
}

@media(max-width:1280px) {
    h4 br {
        display: none;
    }
    .optimise .row,
    .turnData .row {
        margin: 0 5rem;
    }
    .tnrCon {
        min-height: 230px;
    }
}

@media(max-width:1200px) {
    html,
    body {
        font-size: 36.5%;
    }
    .faqs .accordion-item button {
        font-size: 20px;
    }
    .blogRight .blogTitle h2 {
        font-size: 32px;
    }
    .logo {
        padding: 20px;
    }
    header .navbaring .navbar-nav>li>a {
        font-size: 2.5rem;
    }
    .optiCon figure img,
    .turnCon figure img,
    .tnrCon figure img {
        width: 45px;
    }
    .tnrCon {
        min-height: 200px;
    }
    .apart .apSlider .slick-slide.slick-current {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    .repoCon {
        display: block;
    }
    .support .figures {
        height: auto;
    }
    .solCon .lef .lfc {
        height: 190px;
    }
    header .navbaring {
        max-width: 670px;
    }
    /* .coverd {
            padding-bottom: 0;
        } */
    .cirFig figure {
        width: 34vw;
        height: 34vw;
    }
    .support .row .col-lg-12 .row .col-lg-3:nth-child(3) {
        padding-left: 45px;
    }
    .container {
        padding: 0 15rem;
    }
    .apart .apCon figcaption {
        max-width: 58vw;
        padding-left: 3rem;
    }
    .apart .apSlider .slick-slide {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    .fooCon .row:first-child .col-lg-11 .row {
        flex-wrap: wrap;
    }
    .fooCon .row:first-child .col-lg-11 .row .col-lg-3 {
        width: 50%;
    }
    .fooCon .row:first-child .col-lg-11 .row:first-child .col-lg-3:nth-child(2) {
        border: none;
    }
    .fooCon .row:first-child .col-lg-11 .row:first-child .col-lg-3:nth-child(3),
    .fooCon .row:first-child .col-lg-11 .row:first-child .col-lg-3:nth-child(4) {
        padding-top: 20px;
    }
    .marquee {
        height: 245px;
    }
    .insiCon figcaption {
        font-size: 16px;
    }
    .fooCon .row .col-lg-11 .row:last-child {
        padding-top: 20px;
    }
    .fooCon .row .col-lg-11 .row:last-child .col-lg-6 {
        padding-right: 0;
        width: 60%;
    }
    .fooCon .row .col-lg-11 .row:last-child .col-lg-3 {
        width: 40%;
    }
    .subs .input-group input {
        font-size: 14px;
        width: auto;
    }
}

@media(max-width:992px) {
    .container {
        padding: 0 10rem;
    }
    .bloging .container>.row {
        --bs-gutter-x: 0;
        gap: 40px;
    }
    .blogRight ul li figure {
        width: 30px;
        height: 30px;
    }
    .blogRight ul li {
        gap: 10px;
    }
    .blogRight .blogTitle h2 {
        padding-bottom: 10px;
    }
    header {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        overflow-x: hidden;
    }
    .logos figure {
        height: auto;
    }
    h5 {
        font-size: 3rem;
    }
    .support .row>.col-lg-3:first-child ul {
        text-align: left;
        padding-right: 0;
        margin-top: 20px;
    }
    .support .row .col-lg-12 .row .col-lg-3:nth-child(3) {
        padding-left: 0;
    }
    .repoCon figure img {
        max-width: 60%;
    }
    .head {
        opacity: 1;
    }
    .elevCon .elevBtn.sameBtn {
        width: 34%;
    }
    .support .row .col-lg-6.col6L {
        width: 100%;
    }
    .support .row>.col-lg-3 {
        width: 100%;
    }
    .same_banner .banCon h1 {
        padding: 50px 0;
    }
    .repoCon .heading h4 {
        padding-bottom: 10px;
        padding-bottom: 10px;
    }
    section {
        padding: 50px 0;
    }
    .keyFeaCh .row {
        --bs-gutter-x: 0;
        gap: 30px;
    }
    .repoCon .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .hamburgerBtn {
        display: block;
        z-index: 11;
        padding: 0 30px 35px;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    .navbaring .navbar-nav .dropdown-menu>li>a {
        font-size: 14px;
    }
    header .navbaring .navbar-nav {
        gap: 10px;
    }
    .banCon h4 {
        padding-bottom: 20px;
    }
    .solution .nav {
        padding-bottom: 2rem;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .tbBtn button figure:last-child {
        right: -5vw;
        margin-left: auto;
    }
    body.fixed .logo,
    body.fixed .hamburgerBtn {
        background-color: #0193de;
    }
    .wraping li a figure {
        width: 5%;
    }
    .edSlider {
        margin-left: 0;
        margin-top: 10px;
    }
    header .navbaring .navbar-nav>li>a {
        font-size: 20px;
    }
    .tnrCon {
        min-height: 150px;
    }
    .turnRaw .container>.row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px;
        --bs-gutter-x: 0;
    }
    /* .sameBtn {
            text-align: center;
        } */
    .solution .nav button {
        margin-bottom: 15px;
        padding: 0 0 15px;
    }
    .solCon {
        height: auto;
    }
    .solCon .lef .lfc:nth-child(even) {
        padding-top: 90px !important;
    }
    .solCon .lineH {
        height: 100%;
    }
    .solution .heading {
        padding: 0;
    }
    .solution .nav,
    .solution .sameBtn a {
        display: none;
    }
    .tmlDot {
        top: 99%;
    }
    .topP p,
    .repoCon figure,
    .repoCon .sameBtn {
        text-align: center;
    }
    .apart .apSlider .slick-slide .apCon figure video {
        display: none !important;
    }
    .logos .left .slick-list {
        margin: 0 -5px;
    }
    .logos .left .slick-slide {
        margin: 0 5px;
    }
    .logos .left {
        width: 100%;
    }
    /* .logos.logdesk {
        display: none;
    } */
    /* .logos.logmobile {
        display: block;
    } */
    .enhance .heading {
        text-align: center;
        /* max-width: 410px; */
        margin: auto;
        padding: 20px;
    }
    .marquee {
        height: 180px;
    }
    .fooCon .row .col-lg-11 .row:last-child .col-lg-6 {
        width: 65%;
    }
    .apart .apSlider .slick-slide .apCon figure img {
        display: block;
    }
    .support .col-lg-12>.row .col-lg-3 ul li.onmobile {
        display: block;
    }
    .support .row>.col-lg-3:first-child ul li {
        width: fit-content;
        white-space: nowrap;
    }
    .fooCon .row .col-lg-11 .row:last-child .col-lg-3 {
        width: 35%;
    }
    .si.sameBtn a {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }
    .fooCon .row:first-child .col-lg-1::after {
        display: none;
    }
    .fooCon .row:first-child .col-lg-1 {
        padding-left: 54px;
        padding-bottom: 25px;
    }
    .support ul li a,
    .support ul li h5 {
        text-align: center;
    }
    .support .col-lg-12>.row .col-lg-3:last-child {
        display: none;
    }
    .support ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 25px;
        padding: 2rem;
        overflow: auto;
    }
    .apart .apCon figcaption {
        max-width: 580px;
    }
    .apart .apSlider .slick-slide.slick-current {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .solCon .lef .lfc {
        /* background: #f7f7f7; */
        padding: 15px !important;
        border-radius: 1rem;
    }
    .solCon .lef {
        gap: 10px 7px;
    }
    .solCon .lef .lfc {
        width: 49%;
    }
    .logos {
        padding-top: 0;
        padding-left: 0rem;
        height: auto;
    }
    .logos figure img {
        width: 140px;
        margin: auto;
    }
    .capCon {
        pointer-events: none;
        padding: 15px;
    }
    .logos figure {
        height: auto;
        text-align: center;
        place-content: center;
    }
    .capability .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 10px 0;
        --bs-gutter-x: 10px;
    }
    .insiCon figcaption {
        padding: 10px;
    }
    .faqs .accordion-item button {
        font-size: 20px;
    }
    .faqs .accordion-item .accordion-body p {
        font-size: 16px;
    }
    .banner {
        overflow: unset;
    }
    .elevCon h3 {
        font-size: 5rem;
    }
    .elevCon .heading {
        width: 60%;
    }
    .heading {
        padding-bottom: 20px;
    }
    .repoCon {
        padding: 10px;
    }
    .fooCon .ft ul {
        gap: 5px;
        padding-bottom: 20px;
    }
    .fooCon {
        margin: 20px 0 30px;
    }
    header .navbaring .navbar-nav {
        width: 100%;
        border: none;
    }
    header .navbaring {
        top: 0;
        left: unset;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset;
        width: 0;
        max-width: unset;
        right: -100%;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        background-color: var(--blue);
        height: 100vh;
        padding-top: 165px;
    }
    header .navbaring.menu {
        width: 100%;
        right: 0;
        overflow: auto;
    }
    body.fixed {
        position: fixed !important;
    }
    .lastCm .sameBtn {
        text-align: left;
    }
    header .navbaring .navbar-nav>li>a::before {
        display: none;
    }
    header .navbaring .navbar-nav>li {
        border-bottom: 1px solid #ffffff6b;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    .dropdown-toggle::after {
        content: "";
        position: absolute;
        top: 10px;
        right: 0px;
        width: 12px;
        height: 2px;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        background: var(--white);
        border: 0;
        border-radius: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s;
        -o-transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s;
        transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s;
        display: block;
    }
    .dropdown-toggle::before {
        left: unset !important;
        content: "" !important;
        position: absolute !important;
        top: 10px;
        right: 4px;
        width: 2px !important;
        height: 12px !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        background: var(--white) !important;
        border: 0;
        border-radius: 0;
        -webkit-transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s !important;
        -o-transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s !important;
        transition: all 0.6s cubic-bezier(0.46, -0.41, 0.3, 1.52) 0.1s !important;
        display: block !important;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul {
        gap: 5px 0;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv h5 {
        font-size: 16px;
        color: var(--blue);
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv ul {
        gap: 2px 0;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv ul li a {
        font-size: 14px;
    }
    .navbaring .navbar-nav .dropdown-menu.big {
        min-width: auto;
    }
    header .navbaring .navbar-nav li a.show::before {
        display: none !important;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li a figure img {
        width: 33px;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li a figure,
    .wraping li a figure {
        width: 30px;
    }
    .lastCm .sameBtn a {
        font-size: 16px !important;
    }
    .tbBtn button {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    header {
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999;
        overflow-x: clip;
        display: flex;
        /* align-items: center; */
        justify-content: space-between;
        height: auto;
    }
    .solution .nav button {
        pointer-events: auto;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li {
        width: 100%;
    }
    .onmoblie {
        display: block;
    }
    .ondesk {
        display: none;
    }
    .logo {
        background-color: transparent;
        height: auto;
        width: auto;
        place-content: flex-start;
        position: unset;
        width: 80%;
    }
    .head {
        opacity: 1;
    }
    body {
        position: static;
    }
    .openbtn {
        width: 40px;
        height: 40px;
        border-radius: 3px;
    }
    .tbBtn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
    }
    .dropdown-menu.big li>.row .col-lg-4 {
        width: 100%;
    }
    .dropdown-menu.big li>.row {
        gap: 20px 0;
    }
    footer {
        padding: 50px 0;
    }
}

@media(max-width:768px) {
    .container {
        padding: 0 15px;
    }
    .elevCon .elevBtn.sameBtn {
        width: auto;
    }
    header .navbaring {
        padding-top: 130px;
    }
    .tbBtn {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .dropdown-menu.big li>.row .col-lg-5,
    .dropdown-menu.big li>.row .col-lg-3 {
        width: 100%;
    }
    .socI h4 br,
    .socI p br {
        display: block;
    }
    .social .row .col-lg-4 {
        width: 50%;
    }
    .fooCon .row .col-lg-11 .row:last-child .col-lg-3,
    .fooCon .row .col-lg-11 .row:last-child .col-lg-6 {
        width: 100%;
    }
    .support ul li a {
        font-size: 20px;
    }
    .repoCon figure img {
        max-width: 100%;
    }
    .coverd::after {
        -webkit-filter: blur(50px);
        filter: blur(50px);
    }
    .keyFeaCh figure {
        margin-bottom: 10px;
    }
    .key-features .keyFeaCh:nth-child(odd) .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .keyFeaCh .keyFCon ul {
        padding-left: 17px;
    }
    .cirFig figure {
        width: 50vw;
        height: 50vw;
    }
    .engage .row {
        --bs-gutter-x: 0;
        gap: 30px;
    }
    .cirFig figure {
        margin: auto;
    }
    .engage,
    .turnRaw {
        text-align: center;
    }
    .cirFig figure {
        width: 60vw;
        height: 60vw;
    }
    .optimise .row,
    .turnData .row,
    .turnRaw .row .col-lg-6 .row {
        gap: 5px 0;
    }
    .logo svg {
        width: 90px;
    }
    .hamburgerBtn {
        padding: 0 20px 20px;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 {
        padding: 0 0 20px;
    }
    .wraping {
        gap: 10px;
    }
    .lastCm p {
        font-size: 2.5rem;
        padding-top: 1rem;
    }
    .banner {
        height: auto;
        padding: 45px 0;
    }
    .navbaring .navbar-nav .dropdown-menu {
        padding: 20px;
    }
    .lastCm {
        margin-top: 0;
        padding: 20px;
    }
    .tbBtn button {
        padding: 20px;
    }
    .tbBtn button figure:last-child {
        right: -9vw;
    }
    html,
    body {
        font-size: 24.5%;
    }
    .banCon {
        padding-top: 70px;
    }
    .sameBtn a {
        padding: 5px 20px;
        font-size: 3.8rem;
    }
    .openbtn span:nth-of-type(3)::after {
        left: 0px;
        font-size: 2rem;
    }
    h2 {
        font-size: 7rem;
    }
    h3 {
        font-size: 4.8rem;
    }
    p,
    li {
        font-size: 3.5rem;
    }
    h5 {
        font-size: 4.2rem;
    }
    .solCon a {
        width: 30px;
        height: 30px;
        padding: 0;
        margin-top: 3rem;
    }
    h4 {
        font-size: 4.5rem;
    }
    .logos figure {
        min-height: 130px;
    }
    .fooCon .ft h5 {
        font-size: 4.5rem;
    }
    .subs .input-group input {
        font-size: 3.5rem;
    }
    a {
        font-size: 3.5rem;
    }
    .socI h4,
    .socI h4 a,
    .socI p,
    .pri a,
    .faqs .accordion-item button {
        font-size: 16px;
    }
    .faqs .accordion-item .accordion-body p {
        font-size: 14px;
    }
    .socI {
        padding: 5px 0;
    }
    .pri {
        margin-left: unset;
        display: flex;
        gap: 10px;
    }
    .social .row>.col-lg-8>.row {
        align-items: center;
    }
    .topul ul {
        gap: 4rem;
    }
}

@media(max-width:576px) {
    html,
    body {
        font-size: 17.5%;
    }
    .blogDetai figure {
        height: 270px;
    }
    .blogDetai h4 {
        font-size: 23px;
    }
    .blogTitle h3 {
        font-size: 25px;
    }
    .blogDetai p {
        font-size: 14px;
    }
    .fooCon .row:first-child .col-lg-11 {
        padding: 0;
    }
    .bloging .container>.row .col-lg-9 .row {
        gap: 20px 0;
    }
    .fooCon .row:first-child .col-lg-11 .row .col-lg-3 {
        padding: 0 15px;
    }
    .blogCon {
        margin-top: -15px;
    }
    .blogCon h4 a {
        font-size: 22px;
    }
    .same_banner.blogBan {
        min-height: 200px;
    }
    .blogRight ul li a {
        font-size: 18px;
    }
    .logo {
        padding: 15px;
    }
    header .navbaring .navbar-nav {
        padding: 20px;
    }
    h2 {
        padding-bottom: 10px;
    }
    .coverd {
        padding: 50px 0;
    }
    .subs .input-group input {
        font-size: 12px;
    }
    .socI h4 br,
    .socI p br {
        display: none;
    }
    .apart .apSlider .slick-slide {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .faqs .accordion-item button {
        font-size: 16px;
    }
    .enhance .heading h2 br {
        display: none;
    }
    .solCon .inf {
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        padding-bottom: 8px;
        gap: 10px;
    }
    .solCon .inf figcaption {
        width: 100%;
    }
    .solCon .inf figure {
        width: 35px;
    }
    .same_banner {
        min-height: 240px;
    }
    .same_banner h1 br {
        display: none;
    }
    .popUp .modal.show .modal-dialog {
        margin: 10px;
    }
    .popUp .container {
        padding: 25px 15px;
    }
    .popUp .modal-body {
        padding: 30px;
    }
    .banner.bannerZ .banBtn.sameBtn {
        z-index: 1;
    }
    .popUp button {
        right: 50px;
        top: 54px;
    }
    h1 {
        line-height: 1.2;
    }
    .optiCon img,
    .turnCon img,
    .tnrCon img {
        width: 40px;
    }
    .optiCon h4,
    .turnCon h4,
    .tnrCon h4 {
        font-size: 14px;
    }
    .support .row .col-lg-12 .row .col-lg-3:nth-child(3) {
        padding-left: 0;
    }
    .elevCon h3 {
        font-size: 7rem;
    }
    .repoCon .sameBtn a {
        font-size: 14px;
        padding: 4px 20px;
    }
    .enhance .container .row .col-lg-6 {
        width: 100%;
    }
    .enhance .marquee:nth-child(2) {
        transform-origin: 63% 68%;
    }
    .enhance .marquee:nth-child(3) {
        transform-origin: 52% 0%;
    }
    .enhance .marquee:nth-child(4) {
        transform-origin: 54% 0%;
    }
    .marquee {
        height: 100px;
        transform-origin: 70% 96%;
    }
    .capCon {
        margin: 0px;
    }
    .marquee img {
        padding: 10px;
        width: 130px;
    }
    .enhance {
        height: auto;
    }
    .logo svg {
        width: 70px;
    }
    .repoCon .heading p {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .fooCon .row:first-child .col-lg-1 {
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .capCon h3 {
        padding-bottom: 10px;
    }
    .sameBtn a {
        padding: 3px 15px;
        font-size: 4.8rem;
        display: inline-block;
    }
    h3 {
        font-size: 5.8rem;
    }
    .solution .nav {
        padding-bottom: 0rem;
        gap: 5px;
    }
    h2 {
        font-size: 9rem;
    }
    p,
    li {
        font-size: 14px;
    }
    .support ul li a {
        font-size: 16px;
    }
    h5 {
        font-size: 4.7rem;
    }
    .solution .lfc .sameBtn {
        text-align: left;
    }
    .solCon a {
        width: 25px;
        height: 25px;
        text-align: center;
        padding: 0;
    }
    .faqs .accordion-item .accordion-body p {
        font-size: 14px;
    }
    .sameDots .slick-dots {
        margin-top: 20px;
    }
    h4 {
        font-size: 6.5rem;
    }
    .logos::before,
    .logos::after {
        height: 15px;
    }
    .apart .apSlider .slick-slide.slick-current {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .apart .apCon figcaption {
        padding-left: 0;
        width: 100%;
        max-width: 100%;
    }
    .insights {
        padding: 0;
    }
    .insiSlider .slick-list {
        margin: 0 -5px;
    }
    .insiSlider .slick-list .slick-slide {
        margin: 0 5px;
    }
    .logos figure img {
        width: 100px;
        aspect-ratio: 2 / 2;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .logos figure {
        min-height: auto;
        padding: 7px;
    }
    figcaption {
        font-size: 4.5rem;
    }
    a {
        font-size: 14px;
    }
    .apart .apSlider .slick-list {
        padding-top: 0rem !important;
    }
    .elevBtn.sameBtn {
        margin: auto;
    }
    .elevCon p {
        padding-top: 5px;
    }
    .apart .heading {
        padding-bottom: 0;
    }
    .elevCon {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
        text-align: center;
        padding: 20px 40px;
    }
    .elevCon .heading {
        width: 100%;
    }
    .openbtn span:nth-of-type(3)::after {
        font-size: 3rem;
        top: 3px;
    }
    .openbtn span {
        width: 50%;
    }
    p br {
        display: none;
    }
    .fooCon .ft h5 {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .subs {
        background: var(--white);
        padding: 10px;
    }
    .fooCon .ft ul li a {
        font-size: 12px;
    }
    .fooCon .ft h5,
    .pri a,
    .social a {
        font-size: 12px;
    }
    .fooCon .row:first-child .col-lg-11 .row:first-child .col-lg-3:nth-child(3),
    .fooCon .row:first-child .col-lg-11 .row:first-child .col-lg-3:nth-child(4) {
        padding-top: 10px;
    }
    .socI .si {
        margin-left: inherit;
    }
    .social .row .col-lg-4 {
        width: 100%;
    }
    .insiCon figcaption {
        font-size: 12px;
    }
    .insiSlider.insiNew a {
        position: unset;
        width: 20px;
        height: 20px;
        margin-top: 12px;
    }
    .insiCon figcaption {
        padding: 10px 0px 0;
    }
    .topul ul {
        gap: 10px 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 2rem;
    }
    .socI .si a {
        width: 25px;
        height: 25px;
    }
    .fooCon {
        margin: 10px 0 10px;
    }
    .fooCon .ft ul {
        gap: 5px;
        padding-bottom: 10px;
    }
    .fooCon .logo figure img {
        width: 100px;
    }
    .socI h4,
    .socI h4 a,
    .socI p,
    .pri a {
        font-size: 5rem;
    }
    .socI h5 {
        font-size: 6rem;
        display: none;
    }
    input {
        font-size: 4.5rem;
    }
    .tbBtn button p br {
        display: block;
    }
    header .navbaring .navbar-nav li a {
        font-size: 18px;
    }
    .tbBtn button p br {
        display: block;
    }
    .tbBtn button p,
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li a .spCon p,
    .wraping li a .spCon p {
        font-size: 12px;
    }
    .tbBtn button figure:last-child {
        width: 22px;
        height: 22px;
    }
    .tbBtn button figure:last-child {
        right: -12vw;
    }
    .tbBtn button figure:nth-child(1) {
        width: 28px;
    }
    .tbBtn button {
        gap: 5px;
        padding: 15px;
    }
    .navbaring .navbar-nav .dropdown-menu .content ul li a,
    .lastCm p,
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li a .spCon h5,
    .wraping li a .spCon h5 {
        font-size: 14px;
    }
    /* header {
            transition: all 0.5s;
        }
        body.fixed header {
            width: 100%;
            height: 60px;
            background: var(--blue);
            position: relative;
        } */
    .banner {
        padding: 0px 0 45px;
        display: block;
    }
    .wraping li a figure {
        width: 5%;
    }
    .wraping li a figure {
        width: 9%;
    }
    .edSlider .insiCon figcaption {
        font-size: 16px;
        padding: 10px 20px;
    }
    .apart {
        background: #e9f6fc;
        margin-top: 30px;
    }
    header .navbaring {
        padding-top: 95px;
    }
    .edSlider {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
        padding: 15px;
    }
    .solCon .inf figcaption h5 {
        font-size: 16px;
    }
    .edSlider .insiCon {
        width: 100%;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li a {
        gap: 2rem;
        width: 100%;
    }
    .navbaring .navbar-nav .dropdown-menu .col-lg-9 ul li {
        width: 100%;
    }
    .lastCm .heading h3 {
        font-size: 18px;
    }
    header .navbaring.menu {
        overflow: auto;
    }
    .faqs .accordion-item button .icon::before {
        width: 2px;
    }
    .faqs .accordion-item button .icon::after {
        height: 2px;
    }
    .faqs .accordion-item button .icon {
        height: 13px;
        width: 13px;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv h5 {
        padding-bottom: 10px;
        font-size: 14px;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv ul li a {
        font-size: 12px;
    }
    .navbaring .navbar-nav .dropdown-menu.big li ul li .sameDiv ul {
        gap: 4px 0;
    }
    .navbaring .navbar-nav .dropdown-menu {
        margin-top: 5px;
    }
    .solCon .lef .lfc {
        height: 215px;
    }
    .apart .apSlider .slick-slide.slick-current .apCon video {
        border-radius: 10px;
    }
    .apart .apSlider .slick-list .slick-track {
        padding: 0rem 0 !important;
    }
    .support .col-lg-12>.row {
        flex-direction: column-reverse;
    }
    .coverd.coverdAgain {
        height: auto;
    }
    .solCon {
        height: 80vh;
    }
    .tmlDot {
        top: 0%;
    }
    .solCon .lineH {
        height: 2%;
    }
    .repoCon .heading h4 {
        font-size: 20px;
        padding-bottom: 5px;
    }
    .subSlider .repoCon .row {
        padding: 20px;
        flex-wrap: wrap;
        height: auto;
        --bs-gutter-x: 0px;
    }
    .subSlider {
        height: 530px;
    }
    .repoCon .sameBtn {
        text-align: left;
    }
    .repoCon figure img {
        width: 100%;
    }
    .subSlider .repoCon h3 {
        padding: 5px 20px;
        font-size: 18px;
    }
    .subSlider .item.item5 {
        margin-top: -169px;
    }
    .subSlider .item.item2 {
        margin-top: -32px;
    }
    .subSlider .item.item3 {
        margin-top: -66px;
    }
    .subSlider .item.item4 {
        margin-top: -97px;
    }
    .subSlider .item.item5 {
        margin-top: -130px;
    }
    .supNew .container>.heading {
        margin-bottom: 135px;
    }
}