@media only screen and (min-width: 1500px) {
    .tokenomics .tokenomics__inner .shape {
        display: block;
    }

    .tokenomics .tokenomics__single {
        gap: 100px;
    }

    .tokenomics .date::before {
        height: 80px;
    }
}

@media screen and (max-width: 1399px) {
    .service-style01 .service-items .service-inner .service-content {
        padding: 30px 25px 30px 25px
    }
}

@media only screen and (max-width: 1199px) {
    .why-choose-area .col-lg-3:nth-child(1) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-area .col-lg-3:nth-child(2) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-area .col-lg-3:nth-child(3) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-area .col-lg-3:nth-child(4) .single-choose-us {
        margin-top: 0;
    }
}

@media screen and (max-width: 1199px) {
    .service-style01 {
        grid-template-columns: repeat(3, 1fr);
        display: grid
    }

    .service-style01 .service-items:hover,
    .service-style01 .service-items:active,
    .service-style01 .service-items:focus {
        width: 100%
    }

    .card-style01 .service-count .count {
        margin-right: 35px
    }
}

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

    .team-card2:hover:after {
        opacity: 1;
        visibility: visible;
    }

    .team-card2:hover .box-title {
        color: #4abbc9;
    }

    .service-block_three_content .image_head_wrapper {
        display: none;
    }

    .service-block_three-inner:hover {
        color: #fff;
        background-color: #151515;
        border-color: #4abbc9;
        transition: all .3s ease-in;
    }
}

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

    .smart-collect.banner-section {
        padding-bottom: 130px;
    }

    .testimonials-slider-three .testimonial-btn,
    .mySwiper1 .testimonial-btn {
        margin-top: 20px;
    }

    .testimonials-slider-three .swiper--next,
    .mySwiper1 .swiper--next {
        right: 20%;
    }

    .testimonials-slider-three .swiper--prev,
    .mySwiper1 .swiper--prev {
        left: 20%;
    }

    .why-choose-area .col-xl-3:nth-child(1) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-area .col-xl-3:nth-child(2) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-area .col-xl-3:nth-child(3) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-area .col-xl-3:nth-child(4) .single-choose-us {
        margin-top: 0;
    }

    .why-choose-counter-content h2 {
        font-size: 32px;
    }

    .tokenomics {
        margin-top: 60px;
    }

    .how-work-step-item {
        width: 48%;
        padding: 30px 0px 0 0;
    }

    .work-process-item {
        padding: 20px;
        height: 100%;
    }

    .work-process-body {
        padding-top: 50px;
    }

    .faqs-img-2 {
        max-width: 240px;
    }

    .faqs-img-2 img {
        aspect-ratio: 1 / 1.4;
    }

    .common._4.why-choose-body ul {
        grid-template-columns: 1fr 1fr;
    }

    .business-verify-sec .feature-item {
        width: 31.5%;
    }

    .Services .m-0 {
        grid-column: 2 / 4;
        grid-row: 2 / 4;
    }

    .business_pay_sec .section-title,
    .salary_disbural_sec .section-title {
        text-align: center;
    }

    .service-block_three_content div[id] {
        display: block;
    }

    .services-three .inner-container {
        display: none;
    }

    .service-block_three_content {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .testimonial-block .inner-box {
        filter: blur(0px);
    }

    .testimonial-block .inner-box .content-box {
        box-shadow: 0px 0px 11px 5px #4abbc9;
    }

    .testimonial-block .inner-box .image {
        border-radius: 0 100px 100px 100px;
    }

    .testimonial-section .image-column .inner-column {
        padding: 0px;
        margin: 0 auto;
        text-align: center;
    }

    .testimonial-section .section-title {
        text-align: center;
    }

    .testimonial-section .carousel-outer {
        margin: 30px auto 0px;
    }

    .testimonial-block._1 {
        position: relative;
        inset: 0px;
        width: 100%;
    }

    ._list_2 .about-us-list {
        flex-direction: column;
    }

    ._list_2 .about-list-item {
        width: 100%;
    }

    .qr-wrapper {
        width: 180px;
        height: 180px;
    }

    .qr-circle {
        width: 100px;
        height: 100px;
    }

    .invest .invest__thumb-one {
        max-width: 335px;
        right: 0px;
    }

    .invest .invest__thumb-two {
        max-width: 335px;
    }

    .invest .invest__thumb {
        min-width: 100%;
    }

    .banking-sec .why-choose-box {
        margin-bottom: 40px;
    }

    .banking-sec .why-choose-img {
        max-width: 200px;
    }

    .testimonials-slider__item {
        padding: 30px;
    }

    .secure-seamless-sec .about-us-image,
    .common .about-us-image {
        padding-left: 120px;
    }

    .secure-seamless-sec .about-img-2,
    .common .about-img-2 {
        max-width: 190px;
    }

    .our-services-nav ul {
        flex-wrap: wrap;
        gap: 30px;
    }

    .our-services-nav ul li {
        width: 25%;
    }

    .our-services-nav ul li .nav-link::before {
        bottom: -10px;
    }

    .service-style01 .service-items .service-inner .service-img {
        opacity: 1;
    }

    .service-style01 .service-items .service-inner .content-text p {
        display: block;
    }

    .service-style01 {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-style01 .service-items {
        width: 100% !important;
    }

    .info-card-wrapper .info-card {
        width: 47.5%;
    }

    .info-card-wrapper .content-box {
        display: block;
        height: 100%;
    }

    .image-swap-wrapper {
        width: 100%;
        height: 500px;
    }

    .image-swap-wrapper_2 {
        width: 100%;
        height: 100%;
    }

    .image-swap-wrapper .image-swap {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
    }

    .image-swap-wrapper_2 .image-swap {
        display: flex;
        align-items: center;
        gap: 30px;
    }

    .image-swap-wrapper .image-box img {
        width: auto;
    }

    .image-swap-wrapper .image-box,
    .image-swap-wrapper_2 .image-box {
        position: relative;
        transform: none;
    }

    .integration-item-list {
        justify-content: center;
    }

    .integration-item {
        width: calc(50% - 15px);
    }

    .how-to-open-sec .feature-item-list .feature-item:first-child .icon-box img {
        filter: none;
        transform: none;
    }

    .how-to-open-sec .feature-item-list .feature-item:first-child:hover .icon-box img {
        filter: brightness(0) invert(1);
        transform: rotateY(180deg);
    }

    .how-to-open-sec .feature-item-list .feature-item .feature-item-content {
        display: block !important;
    }

    .feature-item {
        width: 48.6%;
        height: auto;
    }

    .banner-section {
        padding-top: 120px;
    }

    .navbar-brand,
    .footer-widget__item .footer_logo {
        max-width: 145px;
    }

    .industry-sec .why-choose-img img {
        aspect-ratio: 1/2.04;
    }

    .content-swipe .why-choose-content-box {
        width: calc(65% - 15px);
        height: 335px;
    }

    .content-swipe .why-choose-list {
        width: calc(35% - 15px);
    }

    .footer-widget__content {
        grid-template-columns: 0.6fr 1.1fr 265px;
    }

    .testimonial-slider {
        width: calc(70% - 40px);
    }

    .how-work-item {
        width: calc(50% - 15.5px);
    }

    .banner-two-section {
        min-height: auto;
        padding-bottom: 80px;
    }

    .banner-two-section .banner-content {
        padding-top: 60px;
    }

    .banner-two-section .banner-imgs {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        margin-top: 40px;
    }

    .banner-two-section .banner-imgs .banner-img-one,
    .banner-two-section .banner-imgs .banner-img-two {
        transform: none !important;
        position: relative !important;
        inset: 0px !important;
    }
}

@media only screen and (min-width: 992px) {
    .tokenomics .tokenomics__wrapper {
        justify-content: space-between;
    }

    .tokenomics .tokenomics__single-alt {
        flex-direction: column;
    }

    .tokenomics .tokenomics__single-alt .date::before {
        bottom: unset;
        top: 60px;
    }
}

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

    .smart-collect.banner-section {
        padding-bottom: 60px;
    }

    .testimonials-slider-three .testimonial-btn,
    .mySwiper1 .testimonial-btn {
        margin-top: 80px;
    }

    .login-section {
        padding: 120px 0px 60px;
    }

    .faqs-img-2 {
        max-width: 400px;
    }

    .faqs-image {
        width: 100%;
    }

    .card-style01 .service-count {
        display: flex;
        justify-content: center;
    }

    .card-style01:hover .service-count h3 {
        color: #4abbc9;
    }

    .card-style01 .service-img {
        opacity: 1;
        visibility: visible;
        position: relative;
        inset: 0px !important;
        transform: none !important;
        margin-bottom: 30px;
    }

    .card-style01 {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }

    .common._4.why-choose-body ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 20px;
    }

    .advisor-two .thumb {
        width: 100%;
        height: 100%;
    }

    .solution_sec .our-services-nav ul li {
        width: 28%;
    }

    .tokenomics {
        margin-top: 40px;
    }

    .tokenomics .tokenomics__wrapper {
        row-gap: 30px;
    }

    .tokenomics .tokenomics__single {
        max-width: 220px;
    }

    .business-verify-sec .feature-item {
        width: 48%;
    }

    .know-more {
        justify-content: center;
    }

    .services-section .service-block {
        margin: 0 0 30px !important;
    }

    .services-section .service-block:nth-child(5) {
        margin-bottom: 0px !important;
    }

    .services-section .image-column .image-box {
        margin-top: 0px;
    }

    .single-choose-us {
        text-align: center;
    }

    .brand-list-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .how-work-step-item {
        width: 47%;
        padding: 20px 0px 0 0;
    }

    .testimonial-block .image {
        left: 0px;
    }

    .testimonial-block .inner-box {
        padding: 30px 20px 30px 40px;
    }

    .common .about-us-image {
        margin-right: auto;
    }

    .buy-sell-sec .qr-wrapper {
        width: 32%;
        margin: 0 auto;
    }

    .work-process-icon-box {
        width: 20%;
    }

    .catchy-word {
        justify-content: center;
    }

    .image_center {
        max-width: max-content;
        margin: 0 auto;
    }

    .who-benefit-sec .about-us-list {
        flex-direction: column;
        gap: 20px;
    }

    .who-benefit-sec .about-list-item::before {
        display: none;
    }

    .who-benefit-sec .about-list-item {
        width: 100%;
        display: flex;
        gap: 20px;
        align-items: center;
    }

    .who-benefit-sec .about-list-item .icon-box {
        margin-bottom: 0px;
    }

    .Team p {
        padding-bottom: 0px;
    }

    .Team .position-relative::before {
        display: none;
    }

    .Team .position-relative .position-absolute {
        position: relative !important;
        opacity: 1;
        inset: 0px;
        transform: translate(0px);
    }

    .Team .position-relative {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .Team figure {
        overflow: unset;
        margin: 0 auto;
    }

    .faq-img-1 {
        max-width: 100%;
    }

    .qr-wrapper {
        width: 100%;
        height: auto;
    }

    .common._3.why-choose-body ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .invest .invest__thumb-one,
    .invest .invest__thumb-two {
        max-width: 100%;
    }

    .invest .invest__thumnb-wrapper {
        height: 100%;
    }

    .testimonials-slider-three .swiper--prev,
    .mySwiper1 .swiper--prev {
        left: 35%;
        bottom: -10%;
    }

    .testimonials-slider-three .swiper--next,
    .mySwiper1 .swiper--next {
        left: auto;
        right: 35%;
        bottom: -10%;
    }

    .testimonial-btn {
        margin-top: 70px;
    }

    .secure-seamless-sec .about-img-2 {
        max-width: 100%;
    }

    .our-services-nav ul li {
        width: 15%;
    }

    .faster-settle-sec {
        padding-bottom: 80px;
    }

    .mt-choose-tab-content,
    .mt-choose-tab-wraper {
        padding: 0px;
    }

    .mt-choose-tab-wraper nav .mt-choose-tab button.active {
        padding-right: 0px;
    }

    .why-choose-image figure,
    .mt-choose-tab-wraper nav .mt-choose-tab button {
        text-align: center;
    }

    .image-swap-wrapper .image-swap {
        flex-direction: row;
    }

    .image-swap-wrapper .image-box {
        height: auto;
    }

    .image-swap-wrapper {
        height: 100%;
    }

    .services-content-list {
        width: 100%;
    }

    .service-tab-image {
        width: 50%;
    }

    .service-item-box {
        flex-direction: column;
    }

    .step-by-step-sec .service-item-box {
        flex-direction: row;
    }

    .step-by-step-sec .services-content-list,
    .step-by-step-sec .service-tab-image {
        width: 47.5%;
    }

    .feature-item {
        width: 100%;
        text-align: center;
    }

    .banner-section {
        padding-top: 100px;
        padding-bottom: 60px;
    }

    .offcanvas-body {
        padding-top: 0px;
    }

    .footer-widget__item .footer_logo {
        margin: 0 auto;
    }

    .our-testimonial-content,
    .testimonial-slider {
        width: 100%;
    }

    .our-testimonials-box {
        flex-direction: column;
    }

    .banking-sec .why-choose-circle {
        text-align: center;
    }

    .banking-sec .why-choose-img {
        max-width: 410px;
    }

    .banking-sec .why-choose-box {
        margin-bottom: 30px;
    }

    .section-title {
        text-align: center;
    }

    .content-swipe .why-choose-content-box {
        height: 310px;
    }

    .who-we-are-sec {
        padding: 60px 0px;
    }

    .banner-two-section {
        padding-bottom: 60px;
    }

    .banner-two-section .banner-content {
        padding-top: 0px;
    }

    .service-block_three .service-block_three-inner {
        color: #fff;
        background-color: #151515;
        border-color: #4abbc9;
    }

    .service-style01 .service-items .service-inner .service-img {
        padding-top: 500px
    }

    .service-style01 .service-items:hover,
    .service-style01 .service-items:active,
    .service-style01 .service-items:focus {
        width: unset
    }

    .footer-widget {
        padding: 3.8rem 0;
    }
}

@media screen and (min-width: 768px) {
    .mt-choose-tab-content-heading {
        display: none;
    }
}

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

    .preloader_wrapper {
        flex-direction: column;
        gap: 0px;
    }

    .user-convenience-sec .testimonials-slider__item h4,
    .testimonials-slider__item .body-text p {
        text-align: center;
    }

    .banking-sec .why-choose-box,
    .testimonial-content p {
        text-align: center;
    }

    .mt-choose-tab-wraper nav {
        display: none;
    }

    .why-choose-image img {
        aspect-ratio: 1/1;
    }

    .img-wrapper .img-box figure:nth-last-of-type(-n+2) {
        display: none;
    }

    .hero-images .hero-image-box:nth-last-of-type(1),
    .image-swap .image-box:nth-last-of-type(1),
    .why-choose-body._1 .why-choose-body-img,
    .about-section__img .image-two,
    .about-us-image .about-img-2 {
        display: none !important;
    }

    .banner-img-two {
        display: none;
    }

    .footer-widget__item .useful-list a {
        margin: 0 auto;
    }

    .login-section .login-img {
        grid-template-columns: 1fr;
    }

    .faqs-images-box {
        margin: 0px;
    }

    .faqs-image {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .faqs-title {
        display: none;
    }

    .faqs-img-2 {
        position: relative;
    }

    .card-style01 .service-count .count {
        margin-right: 0px;
    }

    .card-style01 .service-count {
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .why-choose-body._1 {
        justify-content: center;
    }

    .why-choose-body._1 .why-choose-body-img {
        width: 100%;
    }

    .why-choose-body._1 .why-choose-content-box {
        width: 100%;
        padding-right: 0px;
    }

    .tokenomics .tokenomics__single {
        max-width: 100%;
    }

    .hero hr {
        display: none;
    }

    .Services .m-auto {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .category-content__item {
        flex-direction: column;
    }

    .category-content__item::before {
        top: 20%;
        left: 40%;
    }

    .brand-list-item::before {
        height: 100%;
        border-radius: 0px !important;
    }

    .our-brand-list {
        flex-direction: column;
    }

    .brand-list-item,
    .what-we-item {
        width: 100%;
    }

    .how-work-step-item,
    .business-verify-sec .feature-item {
        width: 100%;
    }

    .flexible_sec .testimonial-block .content-box {
        padding: 20px;
    }

    .flexible_sec .testimonial-block .inner-box {
        padding: 10px;
    }

    .flexible_sec .testimonial-block .inner-box .image {
        margin-bottom: 20px;
    }

    .flexible_sec .testimonial-block._1 {
        margin-top: 30px;
    }

    .common .about-img-2 {
        position: relative;
        margin: 0 auto;
    }

    .buy-sell-sec .qr-wrapper {
        width: 100%;
    }

    .mySwiper1 .testimonial-btn {
        margin-top: 90px;
    }

    .work-process-icon-box {
        width: 50%;
    }

    .faq-images {
        padding: 0px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .faq-img-1 {
        position: relative;
    }

    .our-services-list,
    .who-benefit-sec .about-list-item {
        flex-direction: column;
    }

    .our-services-box .service-item {
        width: 100%;
    }

    .facts-details-box {
        flex-direction: column;
        margin-right: 0px;
    }

    .fact-image,
    .fact-details-content {
        width: 100%;
    }

    .process-wrap .img-box,
    .vision-mission-value .img-box {
        display: flex;
        flex-direction: column;
        gap: 20px;
        height: 100%;
    }

    .who-we-are-sec .img-box figure,
    .vision-mission-value .img-box figure {
        opacity: 1;
        position: relative;
        inset: 0px;
        transform: none;
        filter: none;
    }

    .testimonials-slider-three .testimonial-btn {
        margin-top: 90px;
    }

    .testimonials-slider-three .swiper--prev,
    .mySwiper1 .swiper--prev {
        left: 20%;
        bottom: -3%;
    }

    .testimonials-slider-three .swiper--next,
    .mySwiper1 .swiper--next {
        left: auto;
        right: 20%;
        bottom: -3%;
    }

    .services-content-item {
        border: none;
        padding-bottom: 0px;
    }

    .industry-case-sec .services-content-list {
        grid-template-columns: 1fr;
    }

    .secure-seamless-sec .about-us-image,
    .common .about-us-image {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 0px;
        margin: 0px;
    }

    .secure-seamless-sec .about-img-2 {
        position: relative;
        inset: 0px;
    }

    .about-us-body {
        flex-direction: column;
    }

    .about-us-body .about-counter-item {
        width: 100%;
        text-align: center;
    }

    .agency-social-item {
        padding: 20px 20px 20px 60px;
    }

    .buy-sell-sec .about-agency-content {
        padding-right: 0px;
    }

    .services-tab-item .services-content-list>h3 {
        display: block;
    }

    .tab-content>.tab-pane {
        margin-bottom: 30px;
        display: block;
        opacity: 1;
    }

    .tab-content .tab-pane:last-child {
        margin-bottom: 0px;
    }

    .our-services-nav {
        display: none;
    }

    .step-by-step-sec .services-content-list,
    .step-by-step-sec .service-tab-image {
        width: 100%;
    }

    .about-two-section__img .about-image-content .about-image-text {
        margin: 20px 0px;
    }

    .about-section__img,
    .about-two-section__img {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .testimonials-slider-four .testimonials-slider__item {
        margin: 0px;
        padding: 20px;
    }

    .why-choose-counter {
        width: 100%;
        padding: 20px;
    }

    .info-card-wrapper {
        margin-left: 0px;
        margin-right: 0px;
    }

    .info-card-wrapper .info-card {
        width: 100%;
    }

    .image-swap-wrapper .image-swap,
    .image-swap-wrapper_2 .image-swap {
        flex-direction: column;
    }

    .integration-item.active {
        transform: none;
    }

    .integration-item {
        width: 100%;
        border-color: #4abbc9;
        text-align: center;
    }

    .how-to-use-sec .integration-item-content h3 {
        max-width: 100%;
    }

    .service-tab-image {
        border-radius: 20px;
        width: 100%;
    }

    .feature-getting-sec .services-content-item {
        padding: 20px;
    }

    .banner-section {
        padding-bottom: 40px;
        display: flex;
    }

    .our-testimonials-box,
    .testimonial-slider {
        padding: 20px;
    }

    .testimonial-btn {
        margin-top: 40px;
    }

    .qr-wrapper,
    .hero-circle .qr-wrapper {
        width: 100%;
        height: 100%;
    }

    .qr-circle {
        width: 150px;
        height: 150px;
    }

    .hero-image-box {
        width: 70%;
        margin: 0 auto;
    }

    .hero-image-box figure {
        border-radius: 20px;
    }

    .hero-img-1 img {
        border-radius: 0px;
        aspect-ratio: auto;
    }

    .hero-images {
        flex-direction: column;
    }

    .hero-circle {
        position: relative;
        inset: 0px;
        transform: none;
        border-radius: 0px;
    }

    .how-work-item .icon-box {
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .how-work-item .icon-box::after {
        display: none;
    }

    .how-work-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .banking-sec .why-choose-img {
        max-width: 60%;
    }

    .industry-sec .why-choose-img figure,
    .industry-sec .why-choose-img img {
        border-radius: 20px 20px 0px 0px;
    }

    .industry-sec .why-choose-list {
        width: 100%;
        border-radius: 0 0px 20px 20px;
    }

    .industry-sec .why-choose-image {
        flex-direction: column;
    }

    .industry-sec .why-choose-img {
        width: 100%;
    }

    .section-title h2 {
        font-size: 2.4rem;
    }

    .content-swipe .why-choose-content-box {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .content-swipe .why-choose-content-box .why-choose-content-inner {
        position: relative;
        inset: 0px;
        width: 100%;
        transform: none;
        opacity: 1;
        filter: none;
    }

    .content-swipe .why-choose-list {
        display: none;
    }

    .why-choose-content-inner h4 {
        display: block;
    }

    .who-we-are-sec .about-agency-item .icon-box {
        margin-right: 0px;
    }

    .who-we-are-sec .about-agency-item {
        padding: 20px;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: center;
    }

    .who-we-are-sec .about-img-1,
    .who-we-are-sec .about-img-2 {
        width: 70%;
        margin: 0 auto;
    }

    .who-we-are-sec .about-img-1 figure img,
    .who-we-are-sec .about-img-2 img,
    .industry-sec .why-choose-img img,
    .common .about-img-2 img {
        aspect-ratio: auto;
    }

    .who-we-are-sec .about-img-2 {
        padding: 0px;
        display: none;
    }

    .who-we-are-sec .about-us-images {
        flex-direction: column;
    }

    .banner-two-section {
        padding-bottom: 40px;
    }

    .who-we-are-sec {
        padding: 40px 0px;
    }

    .banner-two-section {
        display: flex;
    }

    .banner-two-section .banner-imgs {
        flex-direction: column;
    }

    .service-style01 {
        display: flex;
        flex-direction: column
    }

    .service-style01 .service-items {
        width: 100%
    }

    .service-style01 .service-items .service-inner .service-img {
        padding-top: 400px;
        opacity: 1
    }

    .service-style01 .service-items .service-inner .service-content .service-main-img {
        background-color: #fff
    }

    .py-120 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .row-gap-5 {
        row-gap: 2rem !important;
    }

    .widget-info-wrapper .widget-info-inner {
        flex-direction: column;
        align-items: center;
    }

    .footer-widget__item .useful-list,
    .footer-widget__item .useful-list a {
        justify-content: center;
    }

    .footer-widget__content {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .footer-widget {
        padding: 2.5rem 0;
    }

    h1 {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 300px) {
    h1 {
        font-size: 2.5rem;
    }

    .section-title h2 {
        font-size: 2rem;
    }

    .banner-two-section .banner-imgs .banner-img-one,
    .banner-two-section .banner-imgs .banner-img-two {
        width: 100%;
        height: 100%;
    }

    .banner-two-section .banner-imgs .image-effect {
        width: 245px;
        height: 245px;
    }
}