/*------------Media Queries------------*/

@media (min-width: 992px) {
    #navbar .navbar-nav .nav-item .nav-link img {
        display: none;
    }
    .megamenu-tabs .nav-pills {
        display: flex;
    }
    .megamenu-tabs .card {
        border: none;
    }
    .megamenu-tabs .card-body {
        padding: 0;
    }
    .megamenu-tabs .card .card-header {
        display: none;
    }
    .megamenu-tabs .card .collapse {
        display: block;
    }
    .height-100 {
        height: 100%;
    }
    .offcanvas-footer {
        display: none;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__count {
        font-size: 50px;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__subtext {
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
    }
    .price-tabs .nav-pills {
        display: flex;
    }
    .price-tabs .card {
        border: none;
    }
    .price-tabs .card-body {
        padding: 0;
    }
    .price-tabs .card .card-header {
        display: none;
    }
    .price-tabs .card .collapse {
        display: block;
    }
    .btn-footer-link img {
        display: none;
    }
    #footer .collapse:not(.show) {
        display: block !important;
    }
    .btn-footer-link {
        pointer-events: none;
    }
    .footer-top .row>[class*='col-'] .footer-content:first-child {
        margin-top: 0;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading {
        width: 300px;
        flex-shrink: 0;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading .accordion-button {
        pointer-events: none;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .accordion-collapse {
        display: block;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-content {
        row-gap: 5px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-content span {
        padding: 0 15px;
    }
    .technical-expertise .accordion-button::after {
        display: none;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box {
        display: flex;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-content span:first-child {
        padding-left: 0;
    }
    #team-background img {
        display: none;
    }
    .hire-process-section-block {
        width: 75%;
    }
    .demand-box-top .demand-data .btn-demand-page:hover {
        background-color: transparent;
        border-color: var(--white-color);
        color: var(--white-color);
    }
    .all-service-tabs .nav-pills .nav-link:hover {
        background-color: var(--primary-color);
        color: var(--white-color);
    }
    .btn-game-service.demo:hover {
        background-color: var(--white-color);
        color: var(--primary-color);
    }
    .btn-game-service.learn-more:hover {
        background-color: var(--primary-color);
        color: var(--white-color);
    }
    .solution-content-section .custom-card-hover:hover .card-desc h4 {
        color: var(--yellow-color);
    }
    .game-content-box .game-content-box-top .btn-demo:hover {
        background: transparent;
        border-color: var(--primary-color);
        color: var(--primary-color);
    }
    .solution-block-button a:hover {
        background-color: var(--black-color);
        color: var(--white-color);
    }
    .game-section-box:hover::after {
        height: 100%;
    }
    .game-section-box:hover svg path {
        fill: var(--white-color);
    }
    .game-section-box:hover h6 {
        color: var(--white-color);
    }
}

@media (max-height:850px) and (min-width:992px) and (orientation: landscape) {
    .navbar .megamenu {
        height: 500px;
        padding: 15px;
    }
    .megamenu-options ul li {
        padding: 1px 0;
        list-style: disc;
    }
    .megamenu-options ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .company-info-top h6 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .company-info-top p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 25px;
    }
    .learn-more a {
        font-size: 14px;
        line-height: 14px;
    }
    .company-info-bottom ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .company-info-bottom ul li {
        padding: 7px 0;
    }
    .company-info-bottom ul li img {
        width: 20px;
    }
    .company-info-bottom {
        padding: 15px;
    }
    .megamenu-options.about-options li {
        padding: 5px 0;
    }
    .tab-options-blocks .row>[class*='col-'] {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 15px;
    }
    .tab-options-blocks .row> {
        margin: 0 -20px;
    }
}

@media(min-width:768px) {
    .figur-box p br {
        display: none;
    }
}

@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static!important;
    }
    .navbar .megamenu {
        left: 0;
        width: 100%;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading {
        width: 250px;
        flex-shrink: 0;
    }
}

@media(max-width:1499px) {
    .achievements-gallery .btn-prev {
        left: -60px;
    }
    .achievements-gallery .btn-next {
        right: -60px;
    }
    .quote-1 {
        top: -100px;
        left: 0;
    }
    .quote-2 {
        bottom: -90px;
        right: 0;
    }
    .index-hero {
        background-size: auto;
    }
    .index-hero.igaming-hero {
        background-size: cover;
    }
}

@media(max-width:1410px) {
    .achievements-gallery .btn-next {
        right: -25px;
    }
    .achievements-gallery .btn-prev {
        left: -25px;
    }
}

@media(max-width:1399px) {
    .outline-text h1 {
        font-size: 238px;
        line-height: 238px;
    }
    .price-box {
        padding: 30px 40px;
    }
    .price-box-content h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .rectangle-1 {
        width: 500px;
        height: 500px;
        left: -25%;
    }
    .rectangle-3 {
        width: 350px;
        height: 350px;
    }
    .rectangle-2 {
        width: 250px;
        height: 250px;
        top: -15%;
    }
    .index-hero .section-title h1 {
        font-size: 54px;
        line-height: 64px;
    }
    .ceo-section {
        margin: 70px 0 170px;
    }
    .specification-box {
        margin-bottom: 30px;
    }
    .demand-box-top img {
        width: 220px;
    }
    .solution-block-text {
        padding: 120px 50px;
    }
    .all-service-tabs .nav-pills .nav-link {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 28px;
    }
}

@media(max-width:1250px) {
    .outline-text h1 {
        font-size: 225px;
        line-height: 225px;
    }
    .achievements-gallery .btn-next {
        right: -15px;
    }
    .achievements-gallery .btn-prev {
        left: -15px;
    }
    .index-hero {
        background-position: right center;
        background-size: 55%;
    }
    .index-hero.igaming-hero {
        background-position: right top;
        background-size: auto;
    }
    .ceo-img {
        top: -24%;
    }
}

@media (max-width:1199px) {
    .col-megamenu {
        padding-right: 15px;
    }
    .company-info-top {
        padding-right: 0;
    }
    .company-info-bottom {
        padding: 10px;
    }
    .company-info-bottom ul li img {
        margin-right: 5px;
    }
    .nav-item.custom-tab-dropdown .megamenu-tabs .nav-link {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 15px;
    }
    .megamenu-tabs .tab-content .card .card-body ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .megamenu-tabs .tab-content .card .card-body ul li {
        padding: 8px 12px;
    }
    .tab-blog-content-overlay p {
        display: none;
    }
    #navbar .nav-item .nav-link.custom-nav-link {
        font-size: 14px;
        line-height: 14px;
    }
    .button-primary {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 26px;
    }
    .hero-padding {
        padding: 148px 0 70px;
    }
    .custom-padding {
        padding: 70px 0;
    }
    .custom-padding-top {
        padding-top: 70px;
    }
    .custom-margin-top {
        margin-top: 70px;
    }
    .custom-padding-bottom {
        padding-bottom: 70px;
    }
    .custom-transform-padding-bottom {
        padding-bottom: 130px;
    }
    .section-tag p {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 15px;
    }
    .section-title h1 {
        font-size: 48px;
        line-height: 60px;
    }
    .section-des p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px;
        padding: 0 60px;
    }
    .business-section .section-des p {
        padding-right: 50px !important;
    }
    .trusted-by-professionals {
        margin-top: 75px;
    }
    .trusted-by-professionals h6 {
        font-size: 18px;
        line-height: 18px;
    }
    .whychose .whychose__wrapper .whychose__box {
        padding: 20px 25px;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__count {
        font-size: 44px;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__subtext {
        font-size: 22px;
        line-height: 28px;
    }
    .technology-tab-section {
        padding: 60px 0;
    }
    .technology-box {
        padding: 30px 30px;
    }
    .technology-tab-section .row>[class*='col-'] {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
    .technology-tab-section .row {
        margin: 0 -15px;
    }
    .custom-transform-y {
        transform: translateY(30px);
    }
    .custom-transform-y-1 {
        transform: translateY(70px);
    }
    .section-card {
        padding: 20px 20px;
    }
    .form-field {
        padding: 10px;
    }
    .contact-form {
        padding: 20px 20px 13px;
    }
    .footer-middle-link p {
        font-size: 12px;
        line-height: 12px;
        margin-right: 3px;
    }
    .footer-middle-link a {
        font-size: 12px;
        line-height: 12px;
    }
    .footer-middle {
        padding: 10px 0;
    }
    .footer-link-block ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .footer-logo img {
        width: 150px;
        height: auto;
    }
    .btn-company {
        font-size: 14px;
        line-height: 20px;
        padding: 4px 14px;
    }
    .footer-bottom-content h4 {
        font-size: 22px;
        line-height: 22px;
    }
    .company-location-info h6 {
        font-size: 14px;
        line-height: 14px;
    }
    .company-location-info p {
        font-size: 12px;
        line-height: 12px;
    }
    .company-location-block .company-location:last-child {
        margin-left: 10px;
    }
    .contact-box-info {
        padding: 40px;
    }
    .contact-box-info h1 {
        font-size: 32px;
        line-height: 36px;
    }
    .contact-box-info ul li {
        font-size: 15px;
        line-height: 19px;
    }
    .hero-ul ul li {
        margin-right: 40px;
    }
    .outline-text h1 {
        font-size: 185px;
        line-height: 185px;
    }
    .employee-price-box-top h6 {
        font-size: 20px;
        line-height: 26px;
    }
    .employee-price-box {
        padding: 30px 30px;
    }
    .employee-price-box-top p {
        font-size: 14px;
        line-height: 14px;
    }
    .employee-price-box-bottom h1 {
        font-size: 36px;
        line-height: 36px;
        margin: 30px 0;
    }
    .employee-price-box-bottom h1 span {
        font-size: 15px;
        line-height: 15px;
        margin-left: 8px;
    }
    .employee-price-box-bottom p {
        font-size: 14px;
        line-height: 22px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-content span {
        padding: 0 10px;
        font-size: 14px;
        line-height: 14px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading .accordion-button {
        font-size: 16px;
        line-height: 16px;
    }
    .counter-block .counter-details span,
    .counter-block .counter-details h5 {
        font-size: 80px;
        line-height: 80px;
    }
    .counter-block .counter-details p {
        font-size: 16px;
        line-height: 16px;
    }
    .counter-block .counter-details {
        padding: 30px 20px;
    }
    .section-text h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .section-text p {
        font-size: 16px;
        line-height: 28px;
    }
    .why_technology_box p {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 14px;
    }
    .why_technology_box {
        gap: 15px;
        margin-top: 30px;
    }
    .reinvent-block-text {
        padding: 0 40px 40px;
    }
    .reinvent-block-text h6 {
        font-size: 30px;
        line-height: 36px;
    }
    .reinvent-block-button a {
        font-size: 15px;
        line-height: 15px;
        padding: 15px 30px;
    }
    .client-card-top::before {
        top: -40px;
        left: -40px;
        width: 100px;
        height: 100px;
        border: 25px solid var(--primary-color);
    }
    .client-card-top::after {
        bottom: -45px;
        right: -45px;
        width: 90px;
        height: 90px;
        border: 20px solid var(--primary-color);
    }
    .client-video svg {
        width: 40px;
        height: 40px;
    }
    .client-video {
        left: -30px;
    }
    .client-card-bottom p {
        font-size: 14px;
        line-height: 22px;
    }
    .client-card-bottom {
        margin: 20px 0 10px;
    }
    .client-card-blocks .row>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .testimonial-page .client-card-blocks .row>[class*='col-'] {
        margin-bottom: 20px;
    }
    .client-card-blocks .row {
        margin: 0 -10px;
    }
    .project-name h1 {
        font-size: 18px;
        line-height: 18px;
    }
    .project-name p {
        font-size: 13px;
        line-height: 13px;
    }
    .client-card-blocks {
        margin-top: 50px;
    }
    .price-box {
        padding: 20px 30px;
    }
    .price-box-content h1 {
        font-size: 34px;
        line-height: 34px;
    }
    .working-benifit-box-content p {
        padding-right: 0px;
    }
    .working-benifit-box-content {
        margin-left: 30px;
    }
    .position-name-date h5 {
        font-size: 20px;
        line-height: 20px;
    }
    .position-name-date h6 {
        font-size: 20px;
        line-height: 20px;
    }
    .position-name-date p {
        font-size: 15px;
        line-height: 15px;
    }
    .expe p {
        font-size: 17px;
        line-height: 17px;
    }
    .btn-apply {
        font-size: 15px;
        line-height: 15px;
        padding: 12px 24px;
    }
    .requirements h3 {
        font-size: 15px;
        line-height: 15px;
    }
    .requirements p {
        margin: 15px 0;
        font-size: 14px;
        line-height: 18px;
    }
    .requirements ul li {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 6px;
    }
    .achievements-gallery .btn-next,
    .achievements-gallery .btn-prev {
        width: 45px;
        height: 45px;
    }
    .achievements-gallery .btn-next,
    .achievements-gallery .btn-prev {
        bottom: 10px;
    }
    .subscribe-box-input input {
        padding: 8px 12px;
    }
    .subscribe-box-input .btn-search {
        padding: 10px 30px;
    }
    .subscribe-box-content h1 {
        font-size: 24px;
        line-height: 25px;
    }
    .blog-side-box h6 {
        font-size: 20px;
        line-height: 24px;
    }
    .blog-side-box p {
        font-size: 14px;
        line-height: 22px;
    }
    .blog-side-box ul li a {
        font-size: 16px;
        line-height: 16px;
    }
    .blog-side-box ul li {
        padding-bottom: 6px;
    }
    .blog-inner-content-top h5 {
        font-size: 14px;
        line-height: 14px;
    }
    .blog-inner-content-top p {
        font-size: 14px;
        line-height: 14px;
    }
    .blog-inner-content-header {
        margin-top: 20px;
    }
    .blog-inner-content-header h1 {
        font-size: 38px;
        line-height: 46px;
    }
    .blog-inner-main-content h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .blog-inner-main-content p {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 26px;
    }
    .blog-inner-block {
        margin-top: 30px;
    }
    .blog-inner-block h4 {
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 22px;
    }
    .blog-inner-block ul li {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 12px;
    }
    .blog-inner-block h3 {
        font-size: 18px;
        line-height: 25px;
    }
    .box-overlay h6 {
        font-size: 18px;
        line-height: 24px;
    }
    .navbar-brand img {
        width: 160px;
    }
    .deliver-section h5 {
        font-size: 26px;
        line-height: 26px;
    }
    .deliver-section .section-card h6 {
        font-size: 16px;
        line-height: 20px;
    }
    .deliver-section .section-card {
        padding: 15px;
    }
    .provider-section .section-card h6 {
        font-size: 32px;
        line-height: 36px;
    }
    .certificate-box {
        padding: 14px 0;
    }
    .rectangle-1 {
        width: 350px;
        height: 350px;
        left: -20%;
    }
    .rectangle-3 {
        width: 300px;
        height: 300px;
    }
    .rectangle-2 {
        width: 200px;
        height: 200px;
        top: -15%;
    }
    .resource-box-body h1 {
        font-size: 20px;
        line-height: 26px;
    }
    .resource-box {
        height: 100%;
        min-height: 330px;
    }
    .customer-testimonials-block p {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .customer-testimonials-block h5 {
        font-size: 15px;
        line-height: 15px;
    }
    .quote-2 {
        bottom: -60px;
        width: 65px;
    }
    .quote-1 {
        top: -70px;
        width: 65px;
    }
    .inner-industry-page .step-box {
        align-items: start;
    }
    .industry-work-section .section-card ul li a {
        font-size: 16px;
        line-height: 22px;
    }
    .platforms-section .left-conetnt .erp-feature ul li {
        font-size: 16px;
        line-height: 20px;
    }
    .index-hero .section-title h1 {
        font-size: 44px;
        line-height: 54px;
    }
    .ceo-img {
        top: -23%;
        width: 450px;
    }
    .ceo-section .section-des p {
        font-size: 16px;
        line-height: 24px;
    }
    .ceo-section .about-content h6 {
        font-size: 20px;
        line-height: 20px;
        margin-top: 20px;
    }
    .ceo-quote {
        width: 70px;
    }
    .ceo-section {
        padding: 40px 0;
    }
    .go-top {
        width: 50px;
        height: 42px;
    }
    .go-top a i {
        font-size: 20px;
    }
    .index-hero.igaming-hero {
        background-position: right top;
        background-size: cover;
    }
    .demand-box-top img {
        width: 200px;
    }
    .demand-box-top {
        gap: 20px;
        height: 50%;
    }
    .demand-box-top .demand-data .btn-demand-page {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 24px;
    }
    .demand-box-top .demand-data p {
        font-size: 13px;
        line-height: 18px;
    }
    .demand-box-bottom .demand-points ul li {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .partnersWrapper {
        grid-gap: 30px;
    }
    .sports-betting-section .section-card {
        padding: 40px 20px 20px;
    }
    .solution-block-text h6 {
        font-size: 40px;
        line-height: 50px;
    }
    .solution-block-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .solution-block-text {
        padding: 100px 50px 80px;
    }
    .solution-block-button a {
        font-size: 16px;
        line-height: 16px;
        padding: 16px 30px;
    }
    .faq-contact-section-left {
        width: 20%;
    }
    .faq-contact-section-right {
        width: 80%;
    }
    .service-section-bg .section-bg-text {
        font-size: 34px;
        line-height: 44px;
    }
    .other-service-section-bg .other-section-bg-text {
        font-size: 34px;
        line-height: 44px;
    }
    .all-service-info .image-section::after {
        left: 15px;
        top: -15px;
    }
    .all-solution-page .image-section::after {
        left: 15px;
        top: -15px;
    }
    .all-service-info .image-section.left::after {
        left: -15px;
        top: -15px;
    }
    .game-content-box {
        margin-bottom: 10px;
        height: calc((100% - 10px));
    }
    .game-content-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .game-content-section .row {
        margin: 0 -5px;
    }
    .figure-section.benifit-gaming-section .figur-box {
        padding: 20px;
    }
    .figure-section.benifit-gaming-section .figur-box h6,
    .figure-section.benifit-gaming-section .figur-box h6 span {
        font-size: 16px;
        line-height: 26px;
    }
    .benifit-gaming-section.figure-section::after {
        height: calc(100% - 220px);
    }
    .match-preview-box h6 {
        font-size: 15px;
        line-height: 18px;
    }
    .widget-section-data .hero-ul ul li h6 {
        font-size: 14px;
        line-height: 14px;
    }
    .provider-section.game-provider .partnersWrapper .partnersLogoWrapper {
        height: 100px;
    }
    .inner-page-hero-section {
        margin-top: 78px;
    }
    .solution-game-img .aggregator-box img {
        width: 200px;
    }
    .solution-game-img .aggregator-box {
        height: 170px;
    }
    .partner-logo {
        height: 120px;
        padding: 30px 50px;
    }
    .live-demo .game-img {
        height: 530px;
    }
}

@media(max-width:991.98px) {
    #navbar .navbar-nav .nav-item .nav-link {
        position: relative;
    }
    #navbar .navbar-nav .nav-item .nav-link img {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        transform-origin: top;
        width: 12px;
        transform: rotate(0deg) translateY(-50%);
        transition: all 0.4s;
    }
    #navbar .navbar-nav .nav-item .nav-link.open img {
        transform: rotate(90deg) translateY(-50%);
    }
    .company-info-top h6 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .navbar .megamenu {
        padding: 12px 0;
    }
    .megamenu-options ul {
        padding-left: 20px;
    }
    .megamenu-tabs .tab-content .card .card-body ul {
        padding-left: 5px;
    }
    .company-info-top p {
        margin-bottom: 10px;
    }
    .company-info-top {
        margin-bottom: 20px;
    }
    .price-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .button-primary:hover {
        background-color: var(--primary-color);
    }
    .page-header {
        padding: 10px 0;
    }
    .display-none {
        display: none;
    }
    .navbar-brand {
        padding: 0;
        margin: 0;
    }
    .button-primary {
        font-size: 14px;
        line-height: 14px;
        padding: 6px 15px;
    }
    #navbar .navbar-toggler {
        margin-left: 15px;
        padding: 0;
        border: 0;
    }
    .navbar-toggler:focus {
        box-shadow: none;
    }
    #navbar .nav-item .nav-link.custom-nav-link {
        font-size: 18px;
        line-height: 18px;
        padding: 10px 15px;
    }
    #navbar .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 15px;
    }
    .options-tab-menu {
        position: unset;
    }
    .company-info-bottom {
        display: none;
    }
    .navbar .megamenu {
        height: auto;
        border-radius: 6px;
        margin-bottom: 5px;
        box-shadow: none;
    }
    @keyframes slideIn {
        0% {
            transform: translateY(01rem);
            opacity: 0;
        }
        100% {
            transform: translateY(0rem);
            opacity: 1;
        }
        0% {
            transform: translateY(0rem);
            opacity: 0;
        }
    }
    @-webkit-keyframes slideIn {
        0% {
            -webkit-transform: transform;
            -webkit-opacity: 0;
        }
        100% {
            -webkit-transform: translateY(0);
            -webkit-opacity: 1;
        }
        0% {
            -webkit-transform: translateY(01rem);
            -webkit-opacity: 0;
        }
    }
    .col-megamenu {
        padding-right: 0;
        border-right: 0;
        height: auto;
    }
    .offcanvas-footer {
        padding: 16px;
    }
    .tabs-images {
        display: none;
    }
    .megamenu-tabs .tab-pane {
        display: block !important;
        opacity: 1;
    }
    .custom-tab-padding {
        padding: 12px 0 !important;
        height: auto !important;
    }
    .megamenu-tabs .tab-content .card-header a {
        text-decoration: none;
        color: var(--black-color);
        font-size: 14px;
        line-height: 14px;
        font-weight: 600;
        display: block;
    }
    .megamenu-tabs .tab-content .card-header {
        background-color: var(--background-color);
        padding: 12px 15px;
        border: 0;
    }
    .megamenu-tabs .tab-content .card-body {
        background-color: var(--white-color);
        padding: 0 10px 10px;
        border-top: 0;
    }
    .megamenu-tabs .tab-content .card {
        margin-top: 10px;
        overflow: hidden;
    }
    .height-100 {
        height: auto;
    }
    .megamenu-tabs .tab-content .card:first-child {
        margin-top: 0;
    }
    .megamenu-tabs .tab-content .card .card-body ul li {
        padding: 4px 12px;
    }
    .about-tabs {
        margin-top: 0;
        border-top: 0;
        padding-top: 20px;
    }
    .tab-options-top h6 {
        font-size: 18px;
        line-height: 18px;
    }
    .learn-more a i {
        margin-left: 7px;
    }
    .learn-more a {
        font-size: 14px;
        line-height: 14px;
    }
    .tab-options-top p {
        font-size: 13px;
        line-height: 20px;
        padding-right: 0;
        margin-top: 10px;
    }
    .megamenu-options ul li a {
        font-size: 14px;
        line-height: 14px;
    }
    .megamenu-options ul li {
        padding: 2px 0;
    }
    .tab-options-blocks .row {
        margin: 0 -5px;
    }
    .tab-options-blocks .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .view-blog-button a {
        font-size: 12px;
        line-height: 12px;
        padding: 6px 10px;
    }
    .company-row {
        margin-top: 0;
        border-top: 0;
        padding-top: 10px;
    }
    .company-row.company-row-2 {
        margin-top: 0;
    }
    .hero-padding {
        padding: 136px 0 60px;
    }
    .blog-inner-background {
        margin-top: 57px;
    }
    .custom-padding {
        padding: 60px 0;
    }
    .custom-padding-top {
        padding-top: 60px;
    }
    .custom-margin-top {
        margin-top: 60px;
    }
    .custom-padding-bottom {
        padding-bottom: 60px;
    }
    .custom-transform-padding-bottom {
        padding-bottom: 40px;
    }
    .section-tag p {
        font-size: 14px;
        line-height: 14px;
    }
    .section-title h1 {
        font-size: 36px;
        line-height: 48px;
    }
    .section-des p {
        font-size: 13px;
        line-height: 22px;
        margin-top: 15px;
        padding: 0 30px;
    }
    .trusted-by-professionals {
        margin-top: 65px;
    }
     :root {
        --gap: calc(var(--size) / 6);
    }
    .page-header.is-sticky #main_nav.offcanvas.offcanvas-end {
        height: 100vh;
    }
    .whychoose-info {
        gap: 24px;
        justify-content: space-between;
    }
    .whychoose-info h3 {
        font-size: 32px;
        line-height: 40px;
    }
    #sectionTabs {
        justify-content: start;
    }
    .custom-transform-y {
        transform: translateY(0);
    }
    .custom-transform-y-1 {
        transform: translateY(0);
    }
    .technology-tab-section {
        padding: 60px 0 30px;
    }
    .technology-box:hover {
        background-color: var(--section-bg-color);
        box-shadow: -15px -15px 20px rgba(255, 255, 255, .8), 15px 15px 20px rgba(57, 65, 124, .08);
        transform: translateY(0px);
    }
    .company-info-block {
        display: none
    }
    .testimonial-image-block {
        height: 400px;
    }
    .testimonials {
        margin-top: 40px;
    }
    .quotes-icon {
        width: 70px;
        height: 70px;
    }
    .quotes-icon i {
        font-size: 34px;
    }
    .client-testimonials p {
        font-size: 18px;
        line-height: 28px;
        margin: 20px 0;
    }
    .client-img {
        width: 50px;
        height: 50px;
    }
    .client-name h6 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 10px;
    }
    .testimonial-text-block .swiper-pagination {
        margin-top: 25px;
    }
    .testimonial-text-block {
        padding: 40px;
    }
    .rating-blocks {
        justify-content: center;
        margin-top: 30px;
    }
    .rating-block {
        margin-bottom: 20px;
    }
    .other-page .rating-blocks .rating-block:first-child {
        margin-right: 0;
    }
    .trusted-by-professionals.inner-sections-marquee {
        margin-top: 0;
    }
    .industry-pages .trusted-by-professionals.inner-sections-marquee {
        margin-top: 30px;
    }
    .trusted-by-professionals.inner-sections-marquee .trusted-by-professionals-logo {
        margin-top: 10px;
    }
    .price-tabs .card {
        margin-bottom: 20px;
        overflow: hidden;
        background-color: var(--white-color);
        border: 1px solid var(--border-color);
    }
    .price-tabs .card .card-body {
        border-top: 1px solid var(--border-color);
    }
    .price-tabs .card-header a.collapsed .arrow-svg svg {
        transform: rotate(0deg);
        transition: all 0.4s;
    }
    .price-tabs .card-header a.collapsed .arrow-svg path {
        fill: var(--background-color);
    }
    .price-tabs .card-header a .arrow-svg svg {
        transform: rotate(90deg);
        transition: all 0.3s;
    }
    .price-tabs .card-header a .arrow-svg svg path {
        fill: var(--primary-color);
    }
    .whychose .whychose__wrapper .whychose__box .whychose__count {
        font-size: 38px;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__subtext {
        font-size: 20px;
        line-height: 28px;
    }
    .whychose .whychose__wrapper .whychose__box {
        gap: 20px;
    }
    .contact-background {
        background-attachment: unset;
        padding: 110px 0;
    }
    .footer-top .row>[class*='col-']:first-child .footer-content:first-child {
        margin-top: 0;
    }
    .btn-footer-link img {
        width: 18px;
    }
    .btn-footer-link.collapsed img {
        transform: rotate(0deg) translateY(-50%);
        transition: all 0.4s;
    }
    .btn-footer-link img {
        transform: rotate(90deg) translateY(-50%);
        transition: all 0.4s;
    }
    .footer-top .get-quote {
        display: flex;
        margin-top: 40px;
        justify-content: center;
    }
    .footer-middle .row>[class*='col-'] {
        margin-bottom: 10px;
        text-align: center;
    }
    .footer-middle-link .d-flex {
        justify-content: center;
    }
    .footer-middle {
        padding: 5px 0;
    }
    /* .footer-logo img {
        width: 120px;
    } */
    .footer-bottom .row>[class*='col-']:first-child .footer-bottom-content:first-child {
        margin-top: 0;
    }
    .footer-bottom-buttons {
        text-align: center;
    }
    .footer-bottom-content {
        margin-top: 30px;
    }
    .footer-bottom-content h4 {
        font-size: 20px;
        line-height: 20px;
        text-align: center;
    }
    .company-location h5 {
        font-size: 15px;
        line-height: 15px;
        /* text-align: center; */
    }
    .company-location-div {
        margin-top: 14px;
        padding: 10px 10px 10px;
    }
    .company-social-media-buttons {
        margin-top: 25px;
        justify-content: center;
    }
    .company-social-media-buttons a {
        width: 40px;
        height: 40px;
    }
    .company-social-media-buttons a i {
        font-size: 16px;
    }
    .left-conetnt {
        margin-top: 70px;
    }
    .leader-section .row>[class*='col-'] {
        margin-bottom: 30px;
    }
    .journey-tabs .nav-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }
    .journey-tabs .nav-tabs li img {
        margin: 0 30px;
    }
    .journey-ta-box h1 {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 8px;
    }
    .journey-ta-box p {
        font-size: 18px;
        line-height: 20px;
    }
    .journey-tab-content-bottom h6 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .journey-tab-content-bottom p {
        font-size: 14px;
        line-height: 22px;
    }
    .client-logo img {
        height: 50px;
    }
    .team-section .row>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px;
    }
    .team-section .row {
        margin: 0 -10px;
    }
    .team-section {
        margin-top: 40px;
    }
    .work-slide-img img {
        width: 100%;
    }
    .contact-box-info ul {
        margin-top: 0px;
    }
    .contact-box-info h1 {
        margin-bottom: 10px;
    }
    .contact-box-info-buttons {
        margin-top: 30px;
    }
    .other-page .technology-tab-section {
        padding: 10px 0;
    }
    .outline-text h1 {
        font-size: 135px;
        line-height: 135px;
    }
    .section-contact-form {
        margin-top: 40px;
    }
    .counter-section .row>[class*='col-'] {
        margin-bottom: 40px;
    }
    .counter-section {
        padding: 50px 0 10px;
    }
    .employee-price-section .row>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    .employee-price-section .row {
        margin: 0 -10px;
    }
    .employee-price-section {
        margin-top: 40px;
    }
    .technical-expertise {
        margin-top: 40px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading .accordion-button:after {
        background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'><path d='M2 5L8 11L14 5'/></svg>");
        opacity: 1;
    }
    .counter-block-top .counter-details {
        padding: 0 0 30px;
    }
    .section-text {
        text-align: center;
        margin-top: 40px;
    }
    .section-step-block {
        margin-top: 40px;
    }
    .project-desc {
        margin-top: 30px;
    }
    .project-slider .project-desc h1 {
        font-size: 34px;
        line-height: 44px;
    }
    .project-slider .project-desc p {
        font-size: 16px;
        line-height: 24px;
        margin-top: 15px;
    }
    .project-slider .project-block .conntect-button {
        margin-top: 20px;
    }
    .btn-prev-1 {
        top: auto;
        left: 42%;
        bottom: -50px;
    }
    .btn-next-1 {
        top: auto;
        right: 42%;
        bottom: -50px;
    }
    .end-service .section-button {
        margin-top: 20px;
    }
    .why_technology_section-text {
        margin-top: 30px;
    }
    .project-requirements-table-block table thead th {
        font-size: 16px;
        line-height: 18px;
        padding: 10px 10px;
    }
    .project-requirements-table-block table tbody td {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 10px;
    }
    .project-requirements-table-block {
        margin-top: 40px;
    }
    .project-requirements {
        margin-top: 40px;
    }
    .project-requirements .row>[class*='col-']:last-child ul {
        margin-top: 30px;
    }
    .reinvent-block-text h6 {
        font-size: 26px;
        line-height: 34px;
    }
    .footer-logo {
        text-align: center;
    }
    .btn-next,
    .btn-prev {
        top: 40%;
    }
    .gallery-slide .btn-next,
    .gallery-slide .btn-prev {
        top: 50%;
    }
    .support-section .section-card-blocks .row>[class*='col-']:nth-child(2) {
        border-right: 0;
    }
    .support-section .section-card-blocks .row>[class*='col-']:nth-child(3) {
        border-right: 1px solid var(--border-color);
    }
    .support-section .section-card-blocks .row>[class*='col-']:nth-child(4) {
        border-right: 0;
        border-bottom: 1px solid var(--border-color);
    }
    .onbording-section-box h4 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .onbording-img {
        width: 300px;
        margin-bottom: 10px;
    }
    .onbording-section-block h1 {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .onbording-section-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .client-card-blocks .row>[class*='col-'] {
        margin-bottom: 20px;
    }
    .price-section-block .row>[class*='col-'] {
        margin-bottom: 20px;
    }
    .team-gallery .team-gallery__boxes {
        grid-template-columns: repeat(4, 1fr);
    }
    #team-background {
        background-image: none;
        height: auto;
    }
    .working-benifit-box {
        margin-bottom: 50px;
        flex-direction: column;
    }
    .working-benifit-box-content {
        margin-left: 0;
        text-align: center;
    }
    .working-benifit-section-block {
        margin-top: 50px;
    }
    .modal-form {
        padding: 30px;
    }
    .career-page .step-box {
        padding: 20px;
    }
    .career-page .step-block {
        margin-bottom: 20px;
    }
    .career-page .step-box:hover {
        box-shadow: none;
        border-color: var(--border-color);
    }
    .testimonials .testimonials__grid .testimonials__grid-box::before {
        width: 50px;
        height: 40px;
    }
    .achievements-gallery .btn-next,
    .achievements-gallery .btn-prev {
        width: 40px;
        height: 40px;
    }
    .achievements-gallery .btn-next {
        bottom: 0;
        left: 54%;
        top: auto;
        transform: translate(-50%, -50%);
    }
    .achievements-gallery .btn-prev {
        bottom: 0;
        top: auto;
        left: 47%;
        transform: translate(-50%, -50%);
    }
    .achievements-gallery {
        padding-bottom: 70px;
    }
    .subscribe-img {
        display: none;
    }
    .subscribe-box {
        text-align: center;
    }
    .subscribe-box-social {
        justify-content: center;
    }
    .subscribe-box .row>[class*='col-']:nth-child(2) .subscribe-box-content {
        margin-top: 30px;
    }
    .subscribe-box-content p {
        margin-bottom: 10px;
    }
    .blog-side-box .subscribe-box-social {
        justify-content: start;
    }
    .blog-inner-content {
        padding-top: 0;
    }
    .blog-side-box {
        margin-top: 30px;
    }
    .other-news-section {
        padding: 50px 0;
    }
    .contact-info {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .contact-page .button-primary {
        padding: 12px 15px;
    }
    .office-info {
        padding-bottom: 25px;
    }
    .consult-box {
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }
    .country-section h1 {
        font-size: 36px;
        line-height: 36px;
    }
    .section-contact-form.get-quote-form {
        height: auto;
    }
    .quote-client-slide .swiper-pagination {
        margin-top: 10px;
    }
    .office-section {
        margin-top: 10px;
    }
    .service-page-tabs #sectionTabs {
        justify-content: center;
    }
    #deliver .section-title h4 br {
        display: none;
    }
    #type .section-title h4 br {
        display: none;
    }
    .provider-section .section-card h6 {
        font-size: 28px;
        line-height: 34px;
    }
    .benefits-section .price-tabs .card-header a.collapsed {
        color: var(--black-color);
    }
    .benefits-section .price-tabs .card-header a {
        color: var(--primary-color);
    }
    .certificate-box {
        padding: 34px 0;
        margin-bottom: 30px;
    }
    .rectangle-1 {
        top: 20%;
    }
    .rectangle-3 {
        top: 50%;
    }
    .coming-soon-text h1 {
        font-size: 56px;
        line-height: 56px;
    }
    .coming-soon-text h4 {
        font-size: 26px;
        line-height: 26px;
    }
    .coming-soon-text .button-primary {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 20px;
    }
    .coming-soon {
        height: 100vh;
    }
    .platform-img {
        margin-bottom: 20px;
    }
    .business-section .section-des p {
        padding-right: 0 !important;
    }
    .webinar-section .webinar-filter #sectionTabs .nav-link {
        font-size: 18px;
        line-height: 18px;
        padding: 20px 24px;
    }
    .webinar-search-block {
        flex-direction: column;
    }
    .search-bar {
        margin-top: 20px;
    }
    .quote-1 {
        top: -60px;
        width: 50px;
    }
    .quote-2 {
        bottom: -50px;
        width: 50px;
    }
    .industry-block-section-img {
        height: auto;
        text-align: center;
        margin-bottom: 30px;
    }
    .inner-industry-page .step-box {
        flex-direction: column;
    }
    .inner-industry-page .step-box img {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .nft-img {
        margin-bottom: 40px;
    }
    .sql-block .image-section {
        margin-bottom: 60px;
    }
    .database-tools .section-title h4 br {
        display: none;
    }
    .value-customer .image-section {
        margin-top: 30px;
    }
    .value-customer .section-step-block {
        margin-top: 0;
    }
    .index-hero {
        background-image: none;
    }
    .office-location-map {
        margin-bottom: 30px;
    }
    .index-hero .section-content {
        text-align: center;
    }
    .index-hero .section-title h1 {
        text-align: center;
    }
    .index-hero .section-des p {
        text-align: center;
    }
    .ceo-img {
        position: unset;
        box-shadow: none;
        width: auto;
    }
    .ceo-section {
        padding: 60px 0;
        margin: 0px 0 70px;
    }
    .ceo-section .about-content h6 {
        font-size: 18px;
        line-height: 18px;
        margin-top: 20px;
        text-align: center;
    }
    .ceo-img img {
        border-radius: 6px;
        filter: drop-shadow(0px 13px 30px rgba(255, 138, 144, 0.08)) drop-shadow(0px 54px 54px rgba(255, 138, 144, 0.07)) drop-shadow(0px 121px 73px rgba(255, 138, 144, 0.04)) drop-shadow(0px 215px 86px rgba(255, 138, 144, 0.01)) drop-shadow(0px 336px 94px rgba(255, 138, 144, 0));
    }
    .contact-box-info {
        display: none;
    }
    .index-hero.igaming-hero {
        background: url(../images/iGaming-mobile-bg.png), var(--primary-color);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        margin-top: 0;
    }
    .counter-block.choose-lane4 {
        margin-top: 50px;
    }
    .figure-section::after {
        height: 100%;
    }
    .figure-block {
        margin-top: 50px;
    }
    .figure-block-right {
        margin-top: 0;
        margin-bottom: 0;
    }
    .office-block {
        height: auto;
    }
    .office-title {
        font-size: 18px;
        line-height: 18px;
    }
    .demand-box-top {
        flex-direction: column;
        text-align: center;
        height: auto;
    }
    .demand-points {
        column-count: 1;
    }
    .partnersWrapper {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 27px;
        margin: 40px 0 0;
    }
    .solution-box.solution-box-1 {
        margin-top: 40px;
    }
    .solution-block-text {
        padding: 80px 70px 40px;
    }
    .solution-box {
        height: auto;
    }
    .blog-section .row>[class*='col-'] {
        padding-left: 14px;
        padding-right: 14px;
    }
    .blog-section .row {
        margin: 0 -14px;
    }
    .igaming-blog-box {
        margin-bottom: 28px;
        height: calc(100% - 28px);
    }
    .blog-section {
        margin-top: 40px;
    }
    .faq-contact-section-right {
        width: 67%;
    }
    .faq-contact-section-left {
        width: 37%;
    }
    .all-service-tabs .nav-pills .nav-link {
        font-size: 12px;
        line-height: 12px;
        padding: 12px 20px;
    }
    .all-service-tabs .nav-pills {
        justify-content: center;
        gap: 15px;
    }
    .all-service-tabs-content {
        margin-top: 40px;
    }
    .solution-img {
        text-align: center;
    }
    .solution-content {
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        margin-top: 50px;
    }
    .solution-content-left,
    .solution-content-right {
        flex-direction: row;
    }
    .solution-content.deliver-section .section-card {
        max-width: 338px;
    }
    .other-service-section-bg {
        align-items: start;
        padding-top: 80px;
    }
    .igaming-support-img {
        text-align: center;
        margin-bottom: 40px;
    }
    .video-section {
        text-align: center;
    }
    .benifit-gaming-section.figure-section::after {
        height: 100%;
    }
    .match-preview-box {
        gap: 20px;
    }
    .widget-section-img {
        text-align: center;
    }
    .widget-section-data {
        margin-top: 30px;
    }
    .api-solution-block .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .api-solution-block .row {
        margin: 0 -5px;
    }
    .api-solution-block .conntect-button a {
        font-size: 14px;
        line-height: 14px;
        padding: 12px 15px;
    }
    .api-solution-block .conntect-button.section-button {
        margin-top: 30px;
    }
    .inner-page-hero-content {
        height: 30vh;
    }
    .inner-page-hero-section {
        margin-top: 56px;
    }
    .pt-50 {
        padding-top: 30px;
    }
    .solution-game-img .aggregator-box img {
        width: 160px;
    }
    .service-page .solution-content-left,
    .service-page .solution-content-right {
        flex-direction: column;
    }
    .service-page .solution-content.deliver-section .section-card {
        max-width: 100%;
    }
    .partner-payment-section {
        grid-template-columns: repeat(2, 1fr);
    }
    .partner-logo {
        height: 140px;
        padding: 40px 70px;
    }
    .partner-payment-slider {
        margin-top: 40px;
    }
    .live-demo .game-img {
        height: auto;
    }
    .event-location {
        margin-bottom: 30px;
    }
    .event-details .event-info {
        margin-bottom: 40px;
    }
    .event-section-bg {
        background-attachment: unset;
        height: 40vh;
    }
}

@media (max-width: 767.98px) {
    .section-title h1 {
        font-size: 26px;
        line-height: 38px;
    }
    .hero-padding {
        padding: 126px 0 50px;
    }
    .custom-padding {
        padding: 50px 0;
    }
    .technology-tabs {
        margin-top: 40px;
    }
    .custom-padding-top {
        padding-top: 50px;
    }
    .custom-margin-top {
        margin-top: 50px;
    }
    .custom-padding-bottom {
        padding-bottom: 50px;
    }
    .custom-transform-padding-bottom {
        padding-bottom: 30px;
    }
    .price-tabs .card-header a {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 16px;
        gap: 15px;
    }
    .price-tabs .card-header a svg {
        width: 30px;
        height: 30px;
    }
    .price-tabs .card-header a .arrow-svg svg {
        width: 20px;
        height: 20px;
    }
    .price-tab-content .card-body h6 {
        font-size: 18px;
        line-height: 18px;
    }
    .section-title h4 {
        font-size: 36px;
        line-height: 40px;
    }
    .image-section::after {
        left: 20px;
        top: 20px;
    }
    .journey-tabs .nav-tabs .nav-link {
        font-size: 20px;
        line-height: 20px;
    }
    .journey-tabs .nav-tabs li {
        flex-shrink: 0;
    }
    .journey-tabs .nav-tabs li img {
        margin: 0 20px;
    }
    .client-logo img {
        height: 45px;
    }
    .other-page .rating-block {
        min-width: 130px;
        width: 130px;
    }
    .other-page .rating-blocks img {
        height: 70px;
    }
    .office-gallery {
        margin-top: 30px;
    }
    .accordion-section .accordion-button {
        font-size: 16px;
        line-height: 18px;
        padding: 18px 20px;
    }
    .accordion-section .accordion-item .accordion-body p {
        font-size: 14px;
        line-height: 22px;
    }
    .outline-text h1 {
        font-size: 100px;
        line-height: 100px;
    }
    .hero-ul ul {
        justify-content: center;
        gap: 20px;
    }
    .hero-ul ul li {
        margin-bottom: 0;
        margin-right: 0;
    }
    .hero-ul ul li h6 {
        font-size: 15px;
        line-height: 15px;
        text-align: start;
    }
    .btn-next-1,
    .btn-prev-1 {
        display: none;
    }
    .why_technology_section .section-title h4 br {
        display: none;
    }
    .why_technology_box p {
        padding: 8px 12px;
        font-size: 12px;
        line-height: 12px;
    }
    .why_technology_box {
        gap: 10px;
        margin-top: 20px;
    }
    .reinvent-block .row>[class*='col-'] {
        margin-bottom: 20px;
    }
    .onbording-img {
        width: 250px;
        margin-bottom: 10px;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .block-info {
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .onbording-section-block h1 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 15px;
        text-align: center;
    }
    .onbording-section-block h6 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 10px;
        text-align: center;
    }
    .onbording-section-box h4 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .working-benifit-box-content h1 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .working-benifit-box-content p {
        font-size: 14px;
        line-height: 20px;
    }
    .working-benifit-box {
        margin-bottom: 40px;
    }
    .working-benifit-section-block {
        margin-top: 40px;
    }
    .testimonials .testimonials__grid {
        -moz-column-count: 1;
        column-count: 1;
    }
    .testimonials .testimonials__grid .testimonials__grid-box:first-child {
        margin-top: 0;
    }
    .achievements-gallery .btn-next {
        bottom: 0;
        left: 54%;
    }
    .achievements-gallery .btn-prev {
        bottom: 0;
        left: 46%;
    }
    .achievements-gallery {
        padding-bottom: 70px;
    }
    .blog-content .row>[class*='col-'] {
        margin-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .blog-content .row {
        margin: 0 -10px;
    }
    .blog-box .box-body {
        padding: 15px;
    }
    .blog-box .card-body h5 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .blog-box .card-body p {
        font-size: 15px;
        line-height: 22px;
    }
    .blog-person {
        margin-top: 15px;
    }
    .blog-inner-page .section-button {
        margin-top: 15px;
    }
    .btn-filter {
        font-size: 15px;
        line-height: 15px;
        padding: 0 15px;
    }
    .other-blog .row>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .other-blog .row {
        margin: 0 -10px;
    }
    .deliver-section h5 {
        font-size: 20px;
        line-height: 20px;
    }
    .service-page-tabs #sectionTabs .nav-link {
        font-size: 19px;
        line-height: 19px;
        padding: 20px 20px;
    }
    .rectangle-1 {
        width: 300px;
        height: 300px;
        left: -30%;
    }
    .rectangle-3 {
        width: 250px;
        height: 250px;
        right: -25%;
    }
    .coming-soon-text h4 {
        font-size: 22px;
        line-height: 26px;
    }
    .webinar-section .webinar-filter #sectionTabs .nav-link {
        font-size: 16px;
        line-height: 16px;
        padding: 15px 12px;
    }
    .search-bar {
        gap: 22px;
    }
    .has-search .form-control,
    .select-bar .form-select {
        width: auto;
    }
    .quote-2 {
        bottom: -40px;
        width: 45px;
    }
    .quote-1 {
        top: -50px;
        width: 45px;
    }
    .sql-block .image-section {
        margin-bottom: 50px;
    }
    .index-service-section #sectionTabs .nav-link {
        padding: 15px 14px 10px;
        font-size: 16px;
        line-height: 16px;
    }
    .demand-box-top {
        flex-direction: row;
        text-align: start;
        height: auto;
    }
    .game-content-box .game-content-box-top h6 {
        font-size: 16px;
        line-height: 16px;
    }
    .match-preview-section .row>[class*='col-']:last-child .match-preview-box {
        margin-top: 30px;
    }
    .match-preview-box img {
        margin-top: 0;
    }
    .solution-page-img-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .solution-page-img-section .row {
        margin: 0 -5px;
    }
}

@media(max-width:575px) {
    .section-des p {
        padding: 0;
    }
    #navbar .nav-item .nav-link.custom-nav-link {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 0;
    }
    #navbar .navbar-nav .nav-item:first-child .nav-link {
        padding-left: 0px;
    }
    .company-info-bottom ul li a {
        font-size: 12px;
        line-height: 12px;
    }
    .company-info-bottom ul li img {
        margin-right: 5px;
        width: 16px;
        flex-shrink: 0;
    }
    .company-info-bottom ul li {
        padding: 7px 0;
    }
    .megamenu .container .row>[class*='col-']:last-child .col-megamenu ul li:last-child {
        margin-bottom: 0;
    }
    .megamenu-tabs .tab-content .card-header a {
        font-size: 12px;
        line-height: 12px;
    }
    .megamenu-tabs .tab-content .card-header {
        background-color: var(--background-color);
        padding: 8px 15px;
        border: 0;
    }
    .company-info-top h6 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .company-info-top p {
        font-size: 13px;
        line-height: 20px;
    }
    .company-info-top {
        margin-bottom: 15px;
    }
    .megamenu-tabs .tab-content .card .card-body ul li a {
        font-size: 12px;
        line-height: 12px;
    }
    .megamenu-tabs .tab-content .card .card-body ul li {
        padding: 2px 12px;
    }
    .megamenu-options ul li a {
        font-size: 13px;
        line-height: 13px;
    }
    .megamenu-options ul li {
        padding: 0px 0;
    }
    .megamenu-options.about-options li a {
        font-weight: 500;
    }
    .tab-options-top h6 {
        font-size: 14px;
        line-height: 14px;
    }
    .learn-more a {
        font-size: 13px;
        line-height: 13px;
    }
    .company-row .tab-options-top {
        margin-bottom: 10px;
    }
    #main_nav.offcanvas.offcanvas-end {
        width: 100%;
    }
    .section-tag p {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 10px;
    }
    .hero-padding {
        padding: 60px 0 40px;
    }
    .custom-padding {
        padding: 40px 0;
    }
    .custom-padding-top {
        padding-top: 40px;
    }
    .custom-margin-top {
        margin-top: 40px;
    }
    .custom-padding-bottom {
        padding-bottom: 40px;
    }
    .custom-transform-padding-bottom {
        padding-bottom: 20px;
    }
    .section-title h1 {
        font-size: 20px;
        line-height: 28px;
    }
    .section-button {
        margin-top: 20px;
    }
    .trusted-by-professionals h6 {
        font-size: 14px;
        line-height: 14px;
    }
    .trusted-by-professionals {
        margin-top: 50px;
    }
     :root {
        --gap: calc(var(--size) / 12);
        --size: clamp(30rem, 1rem + 40vmin, 30rem);
        --duration: 40s;
    }
    .navbar-brand img {
        width: 130px;
    }
    .header-logo img {
        width: 130px;
    }
    .section-title h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .whychoose-info h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .whychoose-info {
        margin-top: 20px;
    }
    .secondary-button {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 25px;
    }
    .whychoose-info {
        gap: 15px;
    }
    .whychose .whychose__wrapper {
        margin-top: 20px;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__count {
        font-size: 30px;
        letter-spacing: 2px;
    }
    .whychose .whychose__wrapper .whychose__box .whychose__subtext {
        font-size: 14px;
        line-height: 18px;
    }
    .whychose .whychose__wrapper .whychose__box {
        gap: 10px;
    }
    .technology-tabs {
        margin-top: 30px;
    }
    #sectionTabs .nav-link {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 15px;
    }
    .technology-tab-section .row>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    .technology-tab-section .row {
        margin: 0 -10px;
    }
    .technology-tab-section {
        padding: 30px 0 10px;
    }
    .icon img {
        height: 40px;
    }
    .technology-name h6 {
        font-size: 16px;
        line-height: 16px;
        margin: 20px 0;
    }
    .more-link a {
        font-size: 14px;
        line-height: 14px;
    }
    .testimonial-image-block {
        height: 250px;
    }
    .testimonials {
        margin-top: 20px;
    }
    .quotes-icon {
        width: 50px;
        height: 50px;
    }
    .quotes-icon i {
        font-size: 26px;
    }
    .client-testimonials p {
        font-size: 16px;
        line-height: 24px;
        margin: 12px 0;
    }
    .client-img {
        width: 40px;
        height: 40px;
        flex-shrink: 0;
    }
    .client-name h6 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 8px;
    }
    .testimonial-text-block .swiper-pagination {
        margin-top: 15px;
    }
    .testimonial-text-block {
        padding: 20px 30px;
    }
    .rating-blocks .rating-block:first-child {
        margin-right: 10px;
    }
    .rating-block {
        margin: 0 5px;
        margin-bottom: 10px;
        padding: 10px 7px;
        width: 170px;
    }
    .block-bottom img {
        height: 20px;
    }
    .block-top h6 {
        font-size: 10px;
        line-height: 10px;
    }
    .block-bottom h6 {
        font-size: 12px;
        line-height: 12px;
    }
    .inner-section-logo {
        width: 150px;
        height: 70px;
    }
     :root {
        --gap-new: calc(var(--size) / 18);
        --duration-new: 20s;
    }
    .star-group i {
        font-size: 10px;
    }
    .block-bottom {
        margin-top: 8px;
    }
    .section-card-blocks .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .section-card-blocks .row {
        margin: 0 -5px;
    }
    .card-desc h6 {
        font-size: 14px;
        line-height: 18px;
    }
    .card-desc p {
        font-size: 13px;
        line-height: 18px;
    }
    .section-card .more-link {
        margin-top: 15px;
    }
    .card-icon svg {
        width: 40px;
        height: 40px;
    }
    .card-icon.card-icon-1 svg {
        width: 50px;
        height: 50px;
    }
    .service-inside.game-fetures-sections .card-icon.card-icon-1::after {
        width: 55px;
        height: 55px;
        right: -20px;
    }
    .card-desc {
        margin-top: 15px;
    }
    .section-card {
        padding: 15px 15px;
    }
    .card-icon::after {
        width: 25px;
        height: 25px;
    }
    .card-icon.card-icon-1::after {
        width: 40px;
        height: 40px;
    }
    .price-tab-content .card-body h6 {
        font-size: 16px;
        line-height: 22px;
    }
    .price-tab-content .card-body p {
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0px;
    }
    .price-tab-list ul li {
        font-size: 13px;
        line-height: 13px;
        padding: 6px 0 6px 24px;
    }
    .price-tab-list ul li::before {
        width: 14px;
        height: 14px;
    }
    .price-tab-list ul li svg {
        width: 12px;
        height: 12px;
    }
    .price-tabs .card {
        margin-bottom: 10px;
    }
    .price-tabs {
        margin-top: 20px;
    }
    .contact-background {
        padding: 50px 0 80px;
    }
    .contact-form-block {
        position: relative;
        margin-top: -60px;
    }
    .price-page.other-page .contact-form-block {
        margin-top: -60px;
    }
    .contact-form {
        padding: 15px 15px 8px;
    }
    .contact-form .form-label {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    .contact-form .form-control,
    .contact-form .form-select {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 10px;
    }
    .contact-form .form-control::placeholder {
        font-size: 12px;
        line-height: 12px;
    }
    .form-field {
        padding: 5px 10px;
    }
    .form-field a {
        padding: 10px 15px;
    }
    .btn-footer-link {
        font-size: 14px;
        line-height: 14px;
    }
    .btn-footer-link img {
        width: 12px;
    }
    .footer-content {
        margin-top: 25px;
    }
    .footer-link-block ul li {
        padding: 3px 0;
    }
    .footer-top .get-quote {
        margin-top: 30px;
    }
    .footer-top {
        padding: 30px 0 20px;
    }
    .footer-middle-link {
        display: flex;
        justify-content: center;
    }
    .footer-middle .row>[class*='col-']:last-child {
        margin-bottom: 0;
    }
    .footer-middle {
        padding: 10px 0;
    }
    .footer-bottom-top {
        padding: 25px 0 20px;
    }
    .footer-bottom-content h4 {
        font-size: 18px;
        line-height: 18px;
    }
    .company-location-block {
        margin-top: 15px;
    }
    .company-location h5 {
        font-size: 14px;
        line-height: 14px;
        text-align: center;
    }
    .company-location-div {
        flex-direction: column;
        align-items: center;
    }
    .company-location-info {
        margin-left: 0;
        margin-top: 10px;
        text-align: center;
    }
    .footer-bottom-content {
        margin-top: 20px;
    }
    .company-social-media-buttons a {
        width: 35px;
        height: 35px;
    }
    .company-social-media-buttons a i {
        font-size: 14px;
    }
    .company-social-media-buttons {
        margin-top: 20px;
    }
    .footer-bottom-bottom p {
        font-size: 12px;
        line-height: 12px;
    }
    .company-location {
        width: auto;
    }
    .company-location-info p {
        font-size: 12px;
        line-height: 14px;
    }
    .company-location-info h6 {
        font-size: 14px;
        line-height: 16px;
    }
    .image-section::after {
        display: none;
    }
    .left-conetnt {
        margin-top: 30px;
    }
    .leader-section {
        margin-top: 20px;
    }
    .leader-section .row>[class*='col-'] {
        margin-bottom: 20px;
    }
    .journey-tabs .nav-tabs {
        justify-content: start;
    }
    .journey-tabs .nav-tabs .nav-link {
        font-size: 18px;
        line-height: 18px;
    }
    .journey-ta-box h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 8px;
    }
    .journey-tab-content-top {
        grid-gap: 2rem;
        grid-template-columns: repeat(2, 1fr);
    }
    .journey-ta-box p {
        font-size: 16px;
        line-height: 16px;
    }
    .journey-tab-content-bottom h6 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .journey-tabs {
        margin-top: 30px;
    }
    .client-logo img {
        height: 35px;
    }
    .client-section .row>[class*='col-'] {
        margin: 12px 0;
        text-align: center;
    }
    .client-section {
        margin-top: 20px;
    }
    .other-page .rating-block {
        min-width: 90px;
        width: 90px;
    }
    .other-page .rating-blocks .rating-block:nth-child(2) {
        margin: 0 15px;
    }
    .other-page .rating-blocks img {
        height: 60px;
    }
    .other-page .trusted-by-professionals.inner-sections-marquee {
        margin-top: 20px;
    }
    .team-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 20px;
    }
    .team-section .row {
        margin: 0 -5px;
    }
    .team-section {
        margin-top: 30px;
    }
    .team-desc h6 {
        font-size: 15px;
        line-height: 15px;
    }
    .team-desc p {
        font-size: 12px;
        line-height: 16px;
    }
    .block-3 {
        display: none;
    }
    .work-desc {
        padding: 20px;
    }
    .work-desc h6 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        text-align: center;
    }
    .work-desc p {
        font-size: 14px;
        line-height: 14px;
        text-align: center;
    }
    .work-slide .swiper-pagination {
        bottom: -30px;
    }
    .work-slide .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .contact-box-info {
        padding: 20px;
    }
    .contact-box-info h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .contact-box-info p {
        font-size: 14px;
        line-height: 22px;
        margin: 5px 0;
    }
    .contact-box-info ul li {
        font-size: 14px;
        line-height: 19px;
        align-items: flex-start;
        padding: 6px 0;
    }
    .contact-box-info-buttons {
        margin-top: 15px;
    }
    .contact-box-info ul li i {
        margin-top: 3px;
    }
    .promise-section .card-icon svg {
        width: 25px;
        height: 25px;
    }
    .other-page .technology-tab-section {
        padding: 0px 0;
    }
    .accordion-section {
        margin-top: 10px;
    }
    .accordion-section .accordion-button {
        font-size: 15px;
        line-height: 18px;
        padding: 15px 15px;
    }
    .accordion-section .accordion-item .accordion-body p {
        font-size: 13px;
        line-height: 22px;
    }
    .accordion-section .accordion-body {
        padding: 0 15px 15px;
    }
    .hero-ul ul {
        margin-top: 20px;
    }
    .hero-ul ul li h6 {
        font-size: 14px;
        line-height: 20px;
        text-align: start;
    }
    .hero-ul ul li {
        align-items: start;
    }
    .hero-ul ul li svg {
        margin-right: 10px;
        margin-top: 3px;
    }
    .other-page .conntect-button {
        margin-top: 10px;
    }
    .outline-text h1 {
        font-size: 62px;
        line-height: 62px;
        margin-top: 10px;
    }
    .other-page .trusted-by-professionals {
        margin-top: 30px;
    }
    .section-contact-form {
        margin-top: 30px;
    }
    .section-contact-form {
        padding: 15px;
    }
    .section-contact-form h6 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 20px;
    }
    .section-contact-form .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .section-contact-form .row {
        margin: 0 -5px;
    }
    .section-contact-form .form-control {
        font-size: 16px;
        line-height: 16px;
        padding: 8px 15px;
    }
    .section-contact-form .form-select {
        font-size: 14px;
        line-height: 14px;
        padding: 11px 15px;
    }
    .counter-icon img {
        width: 60px;
    }
    .counter-icon::after {
        width: 45px;
        height: 45px;
    }
    .counter-details span,
    .counter-details h5 {
        font-size: 34px;
        line-height: 34px;
    }
    .counter-details p {
        font-size: 14px;
        line-height: 14px;
        margin-top: 5px;
    }
    .counter-section .row>[class*='col-'] {
        margin-bottom: 30px;
    }
    .counter-section {
        padding: 40px 0 10px;
    }
    .employee-price-section {
        margin-top: 30px;
    }
    .employee-price-section .row>[class*='col-'] {
        margin-bottom: 10px;
    }
    .technical-expertise {
        margin-top: 30px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading {
        padding: 10px 15px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-heading .accordion-button {
        font-size: 14px;
        line-height: 14px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box:not(:last-child) {
        margin-bottom: 10px;
    }
    .technical-expertise .technical-expertise__boxes .technical-expertise__box .technical-expertise__box-content {
        padding: 15px 5px;
    }
    .counter-block .counter-details span,
    .counter-block .counter-details h5 {
        font-size: 70px;
        line-height: 70px;
    }
    .counter-block-top .counter-details {
        padding: 0 0 25px;
    }
    .counter-block .counter-details p {
        font-size: 14px;
        line-height: 14px;
    }
    .counter-block .counter-details {
        padding: 20px 10px;
    }
    .section-text h1 {
        font-size: 30px;
        line-height: 30px;
    }
    .section-text {
        margin-top: 30px;
    }
    .section-text p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .section-text .button-secondary {
        margin-top: 20px;
    }
    .step-block-icon {
        display: none;
    }
    .step-box h6 {
        margin: 10px 0 5px;
        font-weight: 500;
        font-size: 18px;
        line-height: 20px;
    }
    .step-box svg {
        width: 70px;
        height: 70px;
    }
    .step-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .step-box {
        padding: 15px;
    }
    .project-desc {
        text-align: start;
        margin-top: 30px;
    }
    .project-slider .project-desc h4 {
        font-size: 16px;
        line-height: 16px;
    }
    .project-slider .project-desc h1 {
        font-size: 26px;
        line-height: 36px;
    }
    .project-slider .project-desc p {
        font-size: 14px;
        line-height: 24px;
        margin-top: 15px;
    }
    .project-slider .project-block .conntect-button {
        margin-top: 15px;
    }
    .project-slider .swiper-pagination {
        bottom: -30px;
    }
    .project-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: var(--primary-color);
    }
    .project-slider .swiper-pagination-bullet {
        width: 25px;
        height: 3px;
        border-radius: 2px;
    }
    .why_technology_box p {
        padding: 8px 8px;
        font-size: 12px;
        line-height: 12px;
    }
    .why_technology_box p i {
        margin-right: 5px;
    }
    .project-requirements-table-block {
        margin-top: 30px;
    }
    .project-requirements-table-block table thead th {
        font-size: 12px;
        line-height: 16px;
        padding: 7px 10px;
    }
    .project-requirements-table-block table tbody td {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 7px;
    }
    .project-requirements {
        margin-top: 20px;
    }
    .project-requirements ul li.title {
        font-size: 20px;
        line-height: 20px;
        margin-left: -5px;
    }
    .project-requirements ul li {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    .project-requirements .row>[class*='col-']:last-child ul {
        margin-top: 20px;
    }
    .reinvent-block-text {
        padding: 0 30px 30px;
    }
    .reinvent-block-text h6 {
        font-size: 24px;
        line-height: 30px;
    }
    .reinvent-block-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .reinvent-block-button {
        margin-top: 30px;
    }
    .reinvent-block-button a {
        font-size: 14px;
        line-height: 14px;
        padding: 13px 20px;
    }
    .tech-section-block {
        margin-top: 30px;
    }
    .tech-expertise .section-card .card-icon img {
        height: 45px;
        object-fit: contain;
    }
    .btn-next,
    .btn-prev {
        width: 35px;
        height: 35px;
        top: 35%;
    }
    .btn-next {
        right: 10px;
    }
    .btn-prev {
        left: 10px;
    }
    .accordion-question {
        margin-top: 20px;
    }
    .accordion-question p {
        font-size: 14px;
        line-height: 20px;
    }
    .support-section .section-card-blocks .row>[class*='col-'],
    .support-section .section-card-blocks .row>[class*='col-']:nth-child(3) {
        border-right: 0;
    }
    .support-section .section-card {
        border: 0;
        padding: 16px 0;
    }
    .support-section .section-card .card-desc h6 {
        margin-bottom: 0;
    }
    .support-section .section-card .card-desc p {
        margin-top: 5px;
    }
    .support-section .section-card-blocks {
        margin-top: 20px;
    }
    .support-section .section-card-blocks .row>[class*='col-']:nth-child(5) {
        border-bottom: 1px solid var(--border-color);
    }
    .development-section .card-desc {
        margin-top: 0;
    }
    .onbording-section-block h1 {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .block-info {
        font-size: 14px;
        line-height: 20px;
        display: flex;
        flex-direction: column;
    }
    .onbording-img {
        width: 200px;
    }
    .onbording-section-block h6 {
        font-size: 14px;
        line-height: 14px;
    }
    .onbording-section-box h4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .onbording-section-box p {
        font-size: 14px;
        line-height: 22px;
    }
    .onbording-section-box {
        margin-top: 20px;
    }
    .client-card-blocks {
        margin-top: 30px;
    }
    .industries-section .section-card {
        padding: 10px 10px;
    }
    .industries-section .card-icon.card-icon-1::after {
        width: 40px;
        height: 40px;
    }
    .price-box {
        padding: 15px;
    }
    .price-box-icon svg {
        width: 60px;
        height: 60px;
    }
    .price-box-content h1 {
        font-size: 28px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .price-box-content {
        margin-top: 15px;
    }
    .price-box-content ul li h6 {
        font-size: 14px;
        line-height: 20px;
    }
    .price-box-content ul li svg {
        top: 4px;
        width: 12px;
        height: 12px;
    }
    .price-box-content ul {
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .price-button {
        padding: 14px 22px;
        font-size: 14px;
        line-height: 14px;
        border-radius: 6px;
    }
    .team-section-block {
        gap: 20px;
        margin-top: 30px;
    }
    .team-block img {
        width: 70px;
        height: 70px;
    }
    .team-page-believe .section-card {
        flex-direction: column;
        padding: 0px 5px 10px;
    }
    .section-svg {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .team-gallery .team-gallery__boxes {
        gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
    .team-gallery .autoslide {
        gap: 10px;
    }
    .working-benifit-box {
        flex-direction: row;
        align-items: start;
        margin-bottom: 30px;
    }
    .working-benifit-box-content {
        margin-left: 20px;
        margin-top: 0;
        text-align: start;
    }
    .working-benifit-box-content h1 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 7px;
    }
    .working-benifit-box-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .working-benifit-box-content p {
        font-size: 13px;
        line-height: 20px;
    }
    .working-benifit-section-block .row>[class*='col-']:nth-child(5) .working-benifit-box {
        margin-bottom: 30px;
    }
    .working-benifit-section-block {
        margin-top: 30px;
    }
    .position-box {
        padding: 15px;
        height: calc(100% - 15px);
        margin-bottom: 15px;
    }
    .position-name-date h5 {
        font-size: 16px;
        line-height: 16px;
    }
    .position-name-date h6 {
        font-size: 16px;
        line-height: 16px;
        width: 23px;
        height: 23px;
    }
    .position-name-date p {
        font-size: 14px;
        line-height: 14px;
        white-space: nowrap;
    }
    .expe p {
        font-size: 14px;
        line-height: 14px;
    }
    .expe p:first-child {
        margin-bottom: 5px;
    }
    .btn-apply {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 15px;
    }
    .requirements h3 {
        font-size: 14px;
        line-height: 14px;
    }
    .requirements p {
        margin: 12px 0;
        font-size: 13px;
        line-height: 18px;
    }
    .requirements ul li {
        font-size: 13px;
        line-height: 18px;
        padding-bottom: 6px;
    }
    .requirements ul {
        margin-bottom: 0;
        padding-left: 15px;
    }
    .modal-form {
        padding: 20px;
    }
    .modal-form .form-label {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    .modal-form .form-control {
        padding: 8px 10px;
        font-size: 14px;
        line-height: 14px;
    }
    .modal-form-field {
        margin-bottom: 12px;
    }
    .modal-form .form-control::placeholder {
        font-size: 13px;
    }
    .modal-form input[type=file]::-webkit-file-upload-button {
        height: 34px;
    }
    .custom-modal .button-primary {
        font-size: 14px;
        line-height: 14px;
        padding: 12px 15px;
    }
    #careerModal .modal-header .btn-close-modal {
        top: 0px;
        right: 0px;
        width: 26px;
        height: 26px;
        border-radius: 0 0 0 5px;
    }
    .custom-modal .modal-content {
        overflow: hidden;
    }
    .career-contact-block h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .career-contact {
        gap: 15px;
        margin-top: 30px;
    }
    .career-contact a {
        padding: 10px 15px;
        font-size: 14px;
        line-height: 14px;
        gap: 5px;
    }
    .career-contact a img {
        width: 15px;
    }
    .career-contact-block {
        padding: 30px 0;
    }
    .section-step-block {
        margin-top: 30px;
    }
    .career-page .step-box {
        padding: 15px;
    }
    .career-page .step-box svg {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }
    .career-page .step-block {
        margin-bottom: 15px;
    }
    .hire-process-card-body {
        padding: 20px 20px;
    }
    .hire-process-card-body h4 {
        margin-bottom: 10px;
        font-size: 19px;
        line-height: 21px;
    }
    .hire-process-card-body h4 span {
        font-size: 24px;
        line-height: 28px;
    }
    .hire-process-card-body p {
        font-size: 14px;
        line-height: 20px;
    }
    .hire-process-card-body svg {
        width: 28px;
        height: 28px;
        position: relative;
        top: 3px;
    }
    .list-py-3>li:not(:first-child) {
        padding-top: 10px;
    }
    .list-py-3>li:not(:last-child) {
        padding-bottom: 10px;
    }
    .hire-process-section-block {
        margin-top: 30px;
    }
    .testimonial-page .client-card-blocks .row>[class*='col-'] {
        margin-bottom: 15px;
    }
    .testimonials__grid-box h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .testimonials__grid-box p {
        font-size: 14px;
        line-height: 22px;
        margin: 10px 0 15px;
    }
    .testimonials__grid-box h5 {
        font-size: 15px;
        line-height: 15px;
    }
    .testimonials .testimonials__grid .testimonials__grid-box {
        margin: 0 0 20px;
    }
    .achievements-block {
        padding: 20px;
    }
    .award-img {
        padding: 15px 20px;
    }
    .award-img img {
        width: 70px;
    }
    .achievements-block-top-text h6 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 8px;
    }
    .achievements-block-top-text h5 {
        font-size: 15px;
        line-height: 15px;
    }
    .achievements-block-top-text p {
        font-size: 14px;
        line-height: 14px;
    }
    .achievements-block h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 25px;
    }
    .achievements-gallery .btn-next,
    .achievements-gallery .btn-prev {
        width: 35px;
        height: 35px;
    }
    .achievements-gallery .btn-next {
        bottom: -35px;
        left: 56%;
    }
    .achievements-gallery .btn-prev {
        bottom: -35px;
        left: 44%;
    }
    .achievements-gallery {
        padding-bottom: 30px;
    }
    .btn-filter {
        font-size: 13px;
        line-height: 13px;
        padding: 0 10px;
        white-space: nowrap;
    }
    .blog-content {
        margin-top: 30px;
    }
    .blog-content .row>[class*='col-'] {
        margin-bottom: 20px;
    }
    .blog-box .card-body h5 {
        font-size: 16px;
        line-height: 22px;
    }
    .blog-box .card-body p {
        font-size: 14px;
        line-height: 20px;
    }
    .subscribe-box {
        padding: 20px;
    }
    .subscribe-box-content p {
        font-size: 14px;
        line-height: 14px;
    }
    .subscribe-box-content h1 {
        font-size: 22px;
        line-height: 22px;
    }
    .subscribe-box-social a {
        margin-right: 20px;
    }
    .subscribe-box-social {
        margin-top: 15px;
    }
    .subscribe-box .row>[class*='col-']:nth-child(2) .subscribe-box-content {
        margin-top: 20px;
    }
    .subscribe-box-input .btn-search {
        padding: 10px 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .subscribe-box-input input {
        font-size: 14px;
        line-height: 14px;
    }
    .subscribe-box .form-check .form-check-label {
        font-size: 11px;
        line-height: 18px;
    }
    .search-section {
        margin-bottom: 30px;
    }
    .blog-inner-background {
        margin-top: 52px;
        padding: 50px 0 40px;
    }
    .blog-inner-background .section-title h4 br {
        display: none;
    }
    .blog-inner-content-top h5 {
        font-size: 11px;
        line-height: 11px;
        margin-right: 10px;
    }
    .blog-inner-content-top p {
        font-size: 11px;
        line-height: 11px;
    }
    .blog-inner-content-header h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .blog-inner-content-header {
        margin-top: 10px;
    }
    .blog-inner-main-content {
        padding: 15px;
        margin-top: 15px;
    }
    .blog-inner-main-content h2 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .blog-inner-main-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .blog-inner-main-content p span {
        font-size: 32px;
        margin-right: 8px;
    }
    .blog-inner-block h4 {
        margin-bottom: 12px;
        font-size: 20px;
        line-height: 20px;
    }
    .blog-inner-block {
        margin-top: 25px;
    }
    .blog-inner-block ul li {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    .blog-inner-block ul {
        margin-bottom: 15px;
    }
    .blog-inner-block h3 {
        font-size: 16px;
        line-height: 22px;
    }
    .blog-pagination a {
        font-size: 14px;
        line-height: 14px;
    }
    .blog-pagination {
        margin-top: 15px;
    }
    .other-blog {
        margin-top: 10px;
    }
    .other-blog-box {
        margin-bottom: 0;
    }
    .other-blog .row>[class*='col-']:last-child .other-blog-box {
        margin-bottom: 0;
    }
    .other-blog-box img {
        display: none;
    }
    .box-overlay {
        position: unset;
        background-color: transparent;
    }
    .box-overlay h6 {
        color: var(--primary-color);
        padding: 0;
    }
    .box-overlay h6 {
        font-size: 12px;
        line-height: 16px;
    }
    .other-blog-slide {
        position: static !important;
    }
    .other-news-section .blog-box .card-body h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .other-news-section .blog-box .card-body p {
        font-size: 13px;
        line-height: 18px;
    }
    .other-news-section .blog-box .box-body {
        padding: 15px 10px;
    }
    .contact-info h6 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    .contact-info h1 {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 15px;
    }
    .contact-info p {
        font-size: 14px;
        line-height: 24px;
    }
    .office-info {
        margin-top: 30px;
        padding-bottom: 0;
    }
    /* .office-info-box svg {
        width: 20px;
        height: 20px;
    } */
    .office-details p {
        line-height: 18px;
    }
    .office-details h2 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }
    .office-details {
        margin-left: 15px;
    }
    .office-info-box {
        margin-bottom: 25px;
        margin-right: 0;
        width: 100%;
    }
    .office-info-box svg {
        width: 22px;
        height: 22px;
    }
    .contact-social {
        margin-top: 25px;
    }
    .contact-social-media a {
        width: 32px;
        height: 32px;
        margin-right: 15px;
    }
    .contact-social-media {
        margin-top: 20px;
    }
    .contact-social-media a i {
        font-size: 16px;
    }
    .consult-box {
        padding: 20px 15px;
    }
    .consult-box .consult-icon {
        padding: 5px;
        margin-top: -35px;
        margin-bottom: 10px;
    }
    .consult-box .consult-icon svg {
        width: 60px;
        height: 60px;
    }
    .consult-info h4 {
        font-size: 20px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .consult-info a {
        font-size: 14px;
        line-height: 16px;
    }
    .consult-section {
        margin-top: 40px;
    }
    .country-section h1 {
        font-size: 28px;
        line-height: 32px;
    }
    .country-block {
        gap: 15px;
        margin-top: 25px;
    }
    .country-block p {
        font-size: 14px;
        line-height: 14px;
        padding: 7px 10px;
    }
    .get-quote-box {
        padding: 15px;
    }
    .get-quote-box h4 {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 24px;
    }
    .project-img-block {
        gap: 10px;
    }
    .get-quote-box-bottom {
        margin-top: 30px;
    }
    .client-quote-block {
        padding: 15px;
    }
    .client-quote-block p {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    .quote-client-slide .client-quote-block-info h6 h6 {
        font-size: 17px;
        line-height: 17px;
    }
    .quote-client-slide .client-quote-block-info p {
        font-size: 13px;
        line-height: 13px;
    }
    .google-map {
        height: 250px;
    }
    .office-section {
        margin-top: 0px;
    }
    .get-quote-page .left-conetnt h4 {
        font-size: 20px;
        line-height: 20px;
    }
    .headquarter-info {
        margin-top: 15px;
    }
    .headquarter-box h6 {
        font-size: 18px;
        line-height: 18px;
    }
    .headquarter-box {
        padding: 15px;
    }
    .headquarter-box p {
        font-size: 15px;
        line-height: 22px;
    }
    .section-contact-form.get-quote-form .form-control,
    .section-contact-form.get-quote-form .form-select,
    .section-contact-form.get-quote-form .input-group-text {
        border-radius: 8px;
    }
    .provider-section {
        margin-top: 0;
    }
    .provider-section .section-card h6 {
        font-size: 22px;
        line-height: 26px;
    }
    .deliver-section h5 {
        font-size: 17px;
        line-height: 20px;
    }
    .service-page-tabs #sectionTabs .nav-link {
        font-size: 13px;
        line-height: 13px;
        padding: 10px 10px;
    }
    .benefits-section .price-tabs .card-header a {
        font-size: 14px;
        padding: 10px;
    }
    .benefits-section .price-tabs .card-header a img {
        margin-right: 10px;
        width: 27px;
    }
    .benefits-section .price-tabs .card-header a svg {
        margin-right: 10px;
        width: 15px;
        height: 15px;
    }
    .help-desk .card-icon img {
        width: 60px;
    }
    .certificate-box {
        padding: 14px 0;
        margin-bottom: 20px;
    }
    .certificate-box img {
        width: 70px;
    }
    .help-desk-support .step-box {
        flex-direction: column;
    }
    .help-desk-support .step-box img {
        margin-bottom: 20px;
    }
    #stick-header .sticky-wrapper.is-sticky .link-group .nav-link {
        font-size: 12px;
        line-height: 12PX;
        padding: 10px 10px;
    }
    .deliver-support .step-box {
        padding: 15px;
    }
    .deliver-support .step-block {
        margin-bottom: 15px;
    }
    .on-site-service .row>[class*='col-'] {
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 0;
    }
    .on-site-service .row {
        margin: 0;
    }
    .coming-soon-text h1 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 15px;
    }
    .coming-soon-text h4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }
    .coming-soon-text p {
        font-size: 14px;
        line-height: 20px;
    }
    .rectangle-1 {
        width: 200px;
        height: 200px;
        left: -30%;
        top: -50px;
    }
    .section-rectangle {
        border-radius: 30px;
    }
    .rectangle-2 {
        width: 150px;
        height: 150px;
        top: -10%;
        right: -15%;
    }
    .rectangle-3 {
        width: 200px;
        height: 200px;
        right: -25%;
        top: 80%;
    }
    .platform-img {
        margin-bottom: 10px;
    }
    .recovery-plan-section .section-card {
        padding: 20px 20px;
    }
    .recovery-plan-section .section-card .section-title h4 {
        padding: 0;
    }
    .webinar-section .webinar-filter #sectionTabs .nav-link {
        font-size: 14px;
        line-height: 14px;
        padding: 12px;
    }
    .webinar-section .service-page-tabs #sectionTabs {
        justify-content: start;
    }
    .webinar-search-block h1 {
        font-size: 20px;
        line-height: 20px;
    }
    .search-bar {
        gap: 12px;
        flex-direction: column;
        width: 100%;
    }
    .position-relative {
        position: relative !important;
        width: 100%;
    }
    .has-search .form-control,
    .select-bar .form-select,
    .select-bar {
        width: 100%;
    }
    .webinar-blocks {
        padding: 30px 0;
        margin-top: 30px;
    }
    .webinar-search-block {
        margin-top: 30px
    }
    .resources-select-bar .form-select {
        font-size: 14px;
        line-height: 14px;
        padding: 15px;
        width: 150px;
    }
    .resources-filter {
        gap: 25px;
        padding: 30px 0;
    }
    .resource-box-body h1 {
        font-size: 16px;
        line-height: 22px;
    }
    .resource-box-body {
        padding: 15px;
    }
    .resource-box {
        height: 100%;
        min-height: 270px;
    }
    .resources-blocks .row>[class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 20px;
    }
    .resources-blocks .row {
        margin: 0 -10px;
    }
    .quote-2 {
        display: none;
    }
    .quote-1 {
        display: none;
    }
    .customer-testimonials-block p {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }
    .customer-testimonials-block h5 {
        font-size: 14px;
        line-height: 14px;
    }
    .customer-testimonials-block {
        padding: 15px;
    }
    .inner-industry-page .step-box {
        padding: 15px;
    }
    .integration-language {
        gap: 25px;
        margin-top: 20px;
    }
    .integration-language-box img {
        width: 25px;
        flex-shrink: 0;
    }
    .integration-language-box p {
        font-size: 14px;
        line-height: 14px;
    }
    .industry-work-section .section-card {
        padding: 15px;
    }
    .industry-work-section .section-card ul li a {
        font-size: 14px;
        line-height: 18px;
    }
    .industry-work-section .section-card ul li i {
        font-size: 4px;
        top: 6px;
    }
    .section-title h4 br {
        display: none;
    }
    .nft-marketplace .marketplace-content p {
        font-size: 13px;
        line-height: 18px;
    }
    .nft-marketplace .marketplace-content {
        margin-top: 25px;
    }
    .nft-marketplace .marketplace-content h3 {
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .crm-tools .section-card {
        padding: 0 0 15px;
        border-bottom: 1px solid var(--border-color) !important;
    }
    .crm-tools .section-card-blocks .row>[class*='col-']:last-child .section-card {
        border-bottom: 0px solid var(--border-color) !important;
    }
    .sql-section {
        margin-top: 30px;
    }
    .sql-block .image-section {
        margin-bottom: 30px;
    }
    .erp-feature {
        flex-direction: column;
        gap: 0;
    }
    .platforms-section .left-conetnt .erp-feature ul {
        width: auto;
    }
    .pos-section .section-card h5 {
        font-size: 15px;
        line-height: 15px;
        margin: 15px 0;
    }
    .pos-section .section-card ul li {
        font-size: 13px;
        line-height: 16px;
    }
    .pos-section .section-card ul li i {
        font-size: 3px;
    }
    .value-customer .image-section {
        margin-top: 0;
    }
    .hero-ul ul li::before,
    .price-box-content ul li::before {
        width: 14px;
        height: 14px;
    }
    .hero-ul ul li,
    .price-box-content ul li {
        padding: 6px 0 6px 24px;
    }
    .custom-card-hover .card-icon img {
        width: 40px;
    }
    .custom-card-hover .card-icon.card-icon-1 img {
        width: 60px;
    }
    .price-tabs .card-header a img {
        width: 30px;
    }
    .vision-mission .section-card .card-icon img {
        width: 70px;
    }
    .core-value .section-card .card-icon img {
        width: 40px;
    }
    .about-promise-section .section-card .card-icon img {
        width: 28px;
    }
    .four-factor .section-card .card-icon img {
        width: 50px;
    }
    .hire-developer .section-card .card-icon img {
        width: 70px;
    }
    .advantages-developer .section-card .card-icon img {
        width: 50px;
    }
    .five-step-block .step-box img {
        width: 40px;
        margin-bottom: 5px;
    }
    .working-benifit-box-icon {
        width: 80px;
        height: 80px;
    }
    .working-benifit-box {
        gap: 10px;
    }
    .working-culture .step-block .step-box img {
        width: 35px;
    }
    .index-hero .section-title h1 {
        font-size: 30px;
        line-height: 38px;
    }
    .office-location-map {
        margin-bottom: 20px;
    }
    .index-service-section #sectionTabs .nav-link {
        padding: 12px 10px 5px;
        font-size: 12px;
        line-height: 12px;
    }
    .index-service-section #sectionTabs .nav-link::after {
        height: 1px;
    }
    .index-service-section .technology-tab-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 10px;
    }
    .index-service-section .technology-tab-section {
        padding: 10px 0 10px;
    }
    .index-service-section .tab-content .service-tab-box {
        padding: 10px;
    }
    .index-service-section .tab-content .service-tab-box ul li {
        font-size: 13px;
        line-height: 18px;
        padding-left: 23px;
    }
    .index-service-section .tab-content .service-tab-box ul li::before {
        width: 13px;
        height: 13px;
    }
    .index-service-section {
        margin-top: 20px;
    }
    .ceo-section {
        padding: 40px 0;
        margin: 0px 0 40px;
    }
    .ceo-section .section-des p {
        font-size: 14px;
        line-height: 20px;
    }
    .ceo-quote {
        width: 40px;
    }
    .ceo-section .about-content h6 {
        font-size: 16px;
        line-height: 16px;
        margin-top: 15px;
        text-align: center;
    }
    .ceo-section .section-title h4 {
        font-size: 24px;
        line-height: 24px;
    }
    .go-top {
        width: 35px;
        height: 35px;
        bottom: 15px;
        right: 15px;
    }
    .go-top a i {
        font-size: 16px;
    }
    .specification-box img {
        width: 80px;
    }
    .specification-box h6 {
        font-size: 14px;
        line-height: 17px;
    }
    .specification-box {
        margin-bottom: 20px;
        gap: 8px;
    }
    .counter-block.choose-lane4 .counter-details span,
    .counter-block.choose-lane4 .counter-details h5 {
        font-size: 42px;
        line-height: 42px;
    }
    .counter-block.choose-lane4 .counter-details p {
        margin-top: 10px;
    }
    .counter-block.choose-lane4 {
        margin-top: 30px;
    }
    .figur-box span,
    .figur-box h5 {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 15px;
    }
    .figur-box {
        padding: 20px;
    }
    .figure-block {
        margin-top: 30px;
    }
    .figure-block {
        gap: 10px;
    }
    .figure-block-left {
        gap: 10px;
        width: 48%;
    }
    .figure-block-right {
        gap: 10px;
        width: 48%;
    }
    .figur-box p {
        font-size: 15px;
        line-height: 18px;
    }
    .office-title {
        font-size: 14px;
        line-height: 14px;
    }
    .menu-office-section {
        margin-top: 10px;
    }
    .office-block-details h6 {
        font-size: 14px;
        line-height: 14px;
        margin-bottom: 10px;
    }
    .office-block-details p {
        font-size: 11px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .office-block {
        padding: 15px;
    }
    .demand-box-top img {
        width: 130px;
    }
    .demand-box-top .demand-data .btn-demand-page {
        font-size: 12px;
        line-height: 12px;
        padding: 8px 14px;
    }
    .demand-box-top .demand-data p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 12px;
    }
    .demand-points {
        column-count: 2;
    }
    .demand-box-bottom {
        padding: 10px;
    }
    .demand-box-bottom .demand-points ul li::before {
        width: 12px;
        height: 12px;
    }
    .demand-box-bottom .demand-points ul li {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 10px;
        padding-left: 20px;
    }
    .demand-box {
        height: calc(100% - 15px);
        margin-bottom: 15px;
    }
    .demand-block-section {
        margin-top: 20px;
    }
    .partnersWrapper {
        grid-gap: 15px;
        margin: 20px 0 0;
    }
    .partnersWrapper .partnersLogoWrapper img {
        width: calc(100% - 0px);
    }
    .sports-betting-section .section-card {
        padding: 25px 15px 15px;
    }
    .sports-betting-section .card-icon.card-icon-1::after {
        top: -10px;
        right: -10px;
        width: 40px;
        height: 40px;
    }
    .sports-betting-section .more-link a {
        font-size: 12px;
        line-height: 12px;
    }
    .solution-block-text {
        padding: 50px 30px 30px;
    }
    .solution-block-text h6 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .solution-block-text p {
        font-size: 12px;
        line-height: 20px;
    }
    .solution-block-button a {
        font-size: 14px;
        line-height: 14px;
        padding: 12px 20px;
        border-radius: 6px;
    }
    .solution-block-button {
        margin-top: 20px;
    }
    .solution-box.solution-box-1 {
        margin-top: 20px;
    }
    .solution-section {
        margin-top: 20px;
    }
    .blog-section {
        margin-top: 30px;
    }
    .igaming-blog-data {
        padding: 20px 20px;
        gap: 15px;
    }
    .igaming-blog-data p {
        font-size: 14px;
        line-height: 14px;
    }
    .igaming-blog-data h6 {
        font-size: 15px;
        line-height: 20px;
    }
    .igaming-blog-data a {
        font-size: 13px;
        line-height: 13px;
    }
    .faq-contact-icon {
        width: 40px;
        height: 40px;
    }
    .faq-contact-icon i {
        font-size: 16px;
    }
    .faq-contact-info h6 {
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 0px;
    }
    .faq-contact-info a {
        font-size: 12px;
        line-height: 12px;
    }
    .faq-contact-section-left {
        width: 20%;
    }
    .faq-contact-section-right {
        width: 80%;
    }
    .faq-contact-section-right-content {
        padding: 20px;
    }
    .faq-contact-section {
        margin-top: -40px;
    }
    .service-section-bg .section-bg-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .service-section-bg {
        height: 70dvh;
    }
    .service-section-bg::after {
        height: 150px;
    }
    .other-service-section-bg .other-section-bg-text {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .other-service-section-bg {
        height: 70dvh;
    }
    .service-inside .card-icon.card-icon-1::after {
        top: -10px;
        right: -10px;
        left: auto;
    }
    .all-service-tabs .nav-pills {
        gap: 10px;
    }
    .all-service-tabs .nav-pills .nav-link {
        font-size: 10px;
        line-height: 10px;
        padding: 10px 16px;
    }
    .all-service-tabs-content {
        margin-top: 30px;
    }
    .all-service-info {
        margin-top: 30px;
    }
    .hero-ul.game-serive-list ul {
        gap: 0;
        margin-top: 10px;
    }
    .game-service-button {
        gap: 10px;
        margin-top: 20px;
    }
    .btn-game-service {
        padding: 12px 22px;
        font-size: 12px;
        line-height: 12px;
    }
    .solution-content-left,
    .solution-content-right {
        flex-direction: column;
        gap: 10px;
    }
    .solution-content {
        gap: 10px;
        margin-top: 30px;
    }
    .game-content-box {
        padding: 10px;
    }
    .game-content-box .game-content-box-top .btn-demo {
        padding: 6px 20px;
        font-size: 12px;
        line-height: 12px;
    }
    .game-content-img {
        margin: 10px 0;
    }
    .game-content-box .game-content-text {
        font-size: 13px;
        line-height: 20px;
    }
    .igaming-support-img img {
        width: 250px;
    }
    .igaming-support-section {
        padding: 30px 0;
    }
    .payment-box {
        height: 80px;
        padding: 5px;
    }
    .figure-section.benifit-gaming-section .figur-box {
        padding: 15px;
    }
    .figure-section.benifit-gaming-section .figur-box h6,
    .figure-section.benifit-gaming-section .figur-box h6 span {
        font-size: 14px;
        line-height: 22px;
    }
    .game-section-box svg {
        width: 45px;
        height: 45px;
    }
    .game-section-box h6 {
        font-size: 15px;
        line-height: 15px;
    }
    .game-section-box {
        padding: 15px;
        margin-bottom: 10px;
        height: calc(100% - 10px);
        gap: 15px;
    }
    .game-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .game-section .row {
        margin: 0 -5px;
    }
    .match-preview-box h6 {
        font-size: 13px;
        line-height: 16px;
    }
    .match-preview-box {
        gap: 10px;
    }
    .match-preview-section {
        margin-top: 20px;
    }
    .match-preview-section .row>[class*='col-']:last-child .match-preview-box {
        margin-top: 20px;
    }
    .widget-section-data h5 {
        font-size: 14px;
        line-height: 14px;
    }
    .widget-section-data .hero-ul {
        margin-top: 15px;
    }
    .widget-section-data .hero-ul ul {
        gap: 5px;
    }
    .widget-section-data .hero-ul ul li h6 {
        font-size: 12px;
        line-height: 14px;
    }
    .widget-section-data .hero-ul ul li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .widget-section-data {
        margin-top: 20px;
    }
    .solution-showcase-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .solution-showcase-section .row {
        margin: 0 -5px;
    }
    .solution-showcase-box {
        gap: 10px;
        padding: 5px 5px 10px;
        height: calc(100% - 10px);
        margin-bottom: 10px;
    }
    .solution-showcase-box a {
        font-size: 13px;
        line-height: 13px;
    }
    .privacy-policy-block h5 {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .privacy-policy-block p {
        font-size: 12px;
        line-height: 19px;
    }
    .privacy-policy-block {
        margin-top: 20px;
    }
    .game-fetures-sections .cards-points ul li p {
        font-size: 13px;
        line-height: 20px;
    }
    .game-fetures-sections .cards-points ul li h5 {
        font-size: 14px;
        line-height: 14px;
    }
    .game-fetures-sections .cards-points ul li::before {
        width: 14px;
        height: 14px;
    }
    .game-fetures-sections .section-card {
        padding: 15px;
    }
    .game-fetures-sections .cards-points ul li {
        padding: 0 0 0 20px;
    }
    .game-fetures-sections .card-desc h6 {
        font-size: 16px;
        line-height: 16px;
    }
    .provider-section.game-provider .partnersWrapper .partnersLogoWrapper {
        height: 70px;
        border-radius: 8px;
    }
    .provider-section.game-provider .partnersWrapper .partnersLogoWrapper img {
        width: calc(100% - 10px);
    }
    .provider-section.game-provider .partnersWrapper {
        margin: 0;
        grid-gap: 14px;
    }
    .provider-section.game-provider {
        margin-top: 20px;
    }
    .section-card-blocks.business-intelligence {
        margin-top: 15px;
    }
    .api-solution-block .conntect-button.section-button {
        margin-top: 15px;
    }
    .api-solution-block .conntect-button a {
        font-size: 13px;
        line-height: 13px;
        padding: 7px 15px;
    }
    .api-solution-block .conntect-button p {
        font-size: 12px;
        line-height: 12px;
    }
    .section-card-blocks.api-service .more-link a {
        font-size: 12px;
        line-height: 12px;
    }
    .inner-page-hero-section {
        margin-top: 52px;
    }
    .pt-50 {
        padding-top: 20px;
    }
    .solution-game-img-section {
        margin-top: 20px;
    }
    .solution-game-img-section .row>[class*='col-'] {
        padding-left: 5px;
        padding-right: 5px;
    }
    .solution-game-img-section .row {
        margin: 0 -5px;
    }
    .solution-game-img .aggregator-box {
        height: 100px;
        margin-bottom: 10px;
    }
    .solution-game-img .aggregator-box img {
        width: 100px;
    }
    .solution-game-img-section .row>[class*='col-'] {
        margin-bottom: 10px;
    }
    .solution-button .button-primary {
        padding: 8px 15px;
    }
    .partner-logo {
        height: 90px;
        padding: 20px 35px;
    }
    .partner-name h6 {
        font-size: 16px;
        line-height: 18px;
    }
    .partner-name p {
        font-size: 11px;
        line-height: 11px;
    }
    .partner-payment-section {
        grid-gap: 15px;
        margin-top: 20px;
    }
    .payment-partner-box:hover {
        transform: scale(1);
        box-shadow: 5px 5px 15px 5px rgba(0, 0, 0, .08);
    }
    .partner-payment-slider {
        margin-top: 30px;
    }
    .custom-modal .modal-header .btn-close-modal {
        border-radius: 0 13px 0 6px;
        top: 0;
        right: 0;
    }
    .custom-modal .live-demo-modal-content {
        padding: 30px 30px;
    }
    .custom-modal .live-demo-modal-content h1 {
        font-size: 34px;
        line-height: 42px;
    }
    .custom-modal .live-demo-modal-content p {
        font-size: 16px;
        line-height: 22px;
        margin: 0 auto 20px;
    }
    .custom-modal .live-demo-modal-content .modal-buttons .btn-modal {
        font-size: 15px;
        line-height: 15px;
        padding: 10px 45px;
        min-width: auto;
    }
    .live-demo .live-demo-overlay-link a {
        width: 230px;
        height: 44px;
        font-size: 14px;
        line-height: 14px;
    }
    .event-page .section-card ul li {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }
    .event-location {
        height: 270px;
    }
    .event-details .event-info h6 {
        font-size: 20px;
        line-height: 20px;
    }
    .event-details .event-info p {
        font-size: 16px;
        line-height: 24px;
    }
    .event-details .event-info {
        margin-bottom: 30px;
    }
    .upcoming-event-section {
        margin-top: 10px;
    }
    .hero-ul ul {
        gap: 10px;
    }
}