/* --- Desktop | Large screen (1440px and up) ----- */

@media (min-width: 1440px) {
  .container {
    max-width: 1438px;
  }
}

@media (min-width: 992px) {
  .whyus_section .col-lg-7 {
    width: 52%;
  }
}

@media (min-width: 992px) {
  .whyus_section .col-lg-5 {
    width: 48%;
  }
}

/* --- Laptop (1200px to 1439px ) ----- */

@media (min-width: 1200px) and (max-width: 1439px) {
  html {
    font-size: 52%;
  }
}

@media (min-width: 1200px) and (max-width: 1439px) {
  .container {
    max-width: 1170px;
  }
}

/* --- Tablet Landscope (992px to 1199px ) ----- */

@media (min-width: 992px) and (max-width: 1199px) {
  html {
    font-size: 45%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .container {
    max-width: 990px;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hero-wrapper p {
    font-size: 1.8rem;
  }
}

/* --- Tablet (991px and up) ----- */

@media (max-width: 991px) {
  html {
    font-size: 50%;
  }
}

@media (max-width: 991px) {
  .header-main {
    justify-content: space-between;
  }
}

@media (max-width: 991px) {
  .site_header.sticky > .container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (max-width: 991px) {
  .hero-wrapper h2 {
    font-size: 5.4rem;
    letter-spacing: -0.15rem;
  }
}

@media (max-width: 991px) {
  .hero_section {
    padding: 20rem 0rem 16rem;
  }
}

@media (max-width: 991px) {
  .hero-wrapper h1 {
    font-size: 6rem;
    letter-spacing: -0.2rem;
  }
}

@media (max-width: 991px) {
  .title_lg {
    font-size: 4.8rem!important;
    letter-spacing: -0.2rem!important;
  }
}

@media (max-width: 991px) {
  .get_touch_section .row {
    --bs-gutter-x: 2.5rem;
    --bs-gutter-y: 3rem;
  }
}

@media (max-width: 991px) {
  .get_touch_section {
    padding: 12rem 0rem 16rem;
  }
}

@media (max-width: 991px) {
  .history-thumb img {
    width: 75%;
  }
}

@media (max-width: 991px) {
  .history-content p {
    font-size: 1.9rem;
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .history-content h2 {
    font-size: 4.8rem;
    letter-spacing: -0.15rem;
    margin-bottom: 3.2rem;
  }
}

@media (max-width: 991px) {
  .history-content {
    margin-top: 5rem;
  }
}

@media (max-width: 991px) {
  .history_vision {
    padding: 0rem 0rem 15rem;
  }
}

@media (max-width: 991px) {
  .contact-content h2 {
    font-size: 6rem;
    letter-spacing: -0.2rem;
  }
}

@media (max-width: 991px) {
  .get-touch-box {
    border-radius: 4.5rem;
  }
}

@media (max-width: 991px) {
  .chatbot-button {
    width: 8rem;
    height: 8rem;
    border-radius: 1.2rem;
    right: 2.5rem;
    bottom: 2.5rem;
  }
}

@media (max-width: 991px) {
  .chatbot-button img {
    width: 5rem;
  }
}

@media (max-width: 991px) {
  .footer-widgets-wrapper .row {
    --bs-gutter-y: 4rem;
  }
}

@media (max-width: 991px) {
  .footer-content p {
    font-size: 1.8rem;
    max-width: 36rem;
  }
}

@media (max-width: 991px) {
  .single-footer-widget .list-group li a {
    font-size: 1.8rem;
  }
}

@media (max-width: 991px) {
  .footer-widgets-wrapper {
    padding-top: 18rem;
  }
}

@media (max-width: 991px) {
  .hero-wrapper p {
    font-size: 1.8rem;
  }
}

@media (max-width: 991px) {
  .about_section {
    padding: 16rem 0rem 17rem;
  }
}

@media (max-width: 991px) {
  .solutions_section .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (max-width: 991px) {
  .whyus_section {
    padding-top: 18rem;
  }
}

/* mobile tab */

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item h3 span {
    display: none;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item p {
    display: none;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item a::before {
    content: '';
    height: 1px;
    width: 0;
    background: #14553E;
    position: absolute;
    left: 0rem;
    top: initial;
    bottom: 0;
    border-radius: 1rem;
    transition: 200ms;
    display: none;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item a.active::before {
    width: 100%;
    height: 1px;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav {
    border-left: none;
    border: none;
    overflow-x: auto;
    padding-bottom: 0.6rem;
    padding: 1.5rem 0rem 2.5rem;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item h3 {
    font-size: 1.8rem;
    letter-spacing: -0.05rem;
    margin-bottom: 0;
    transition: 0.2s all ease;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item a {
    background: #C6CECF;
    display: inline-block;
    padding: 1rem 2rem;
    border-radius: 5rem;
    margin: 0rem;
    transition: 0.2s all ease;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item {
    margin-bottom: 0!important;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav {
    width: 70rem;
    flex-wrap: nowrap;
    border: none;
    margin: 0 auto;
    gap: 0.8rem;
  }
}

@media (max-width: 991px) {
  .tab_text {
    margin-bottom: 3rem;
    padding-top: 2rem;
  }
}

@media (max-width: 991px) {
  .tab_text h4 {
    font-size: 3rem;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: -0.05rem;
    text-transform: capitalize;
    color: #123538;
  }
}

@media (max-width: 991px) {
  .tab_text p {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.05rem;
    color: #415D60;
    margin-top: 1.6rem;
  }
}

@media (max-width: 991px) {
  .whyus-thumb .tab-content .whythumb {
    width: 100%;
    border-radius: 4rem;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item a:hover, .whyus-tab-nav .nav .nav-item a.active {
    background: #377831;
    color: #FFF!important;
  }
}

@media (max-width: 991px) {
  .whyus-tab-nav .nav .nav-item a:hover h3, .whyus-tab-nav .nav .nav-item a.active h3 {
    color: #FFF;
  }
}

@media (max-width: 991px) {
  .blogs_section {
    padding-top: 15rem;
  }
}

@media (max-width: 991px) {
  .cta-wrapper h1 {
    font-size: 6rem;
    letter-spacing: -0.2rem;
  }
}

@media (max-width: 991px) {
  .about_section2 {
    padding: 10rem 0rem 16rem;
  }
}

@media (max-width: 991px) {
  .about-wrapper2 .content h2 {
    font-size: 5rem;
  }
}

@media (max-width: 991px) {
  .funnel-box .content p {
    font-size: 1.8rem;
  }
}

@media (max-width: 991px) {
  .offer_section, .marque_section {
    padding-top: 16rem;
  }
}

@media (max-width: 991px) {
  .offer_title h2 {
    font-size: 4.5rem;
  }
}

@media (max-width: 991px) {
  .offer_title {
    padding-bottom: 6rem;
  }
}

@media (max-width: 991px) {
  .offer-items a {
    font-size: 4rem;
    padding: 3rem 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media (max-width: 991px) {
  .offer_inner {
    position: initial;
    transform: initial;
    display: none;
    padding: 3.6rem 2.5rem;
    border-bottom: 1px solid #C6CECF;
  }
}

@media (max-width: 991px) {
  .offer-items a img {
    display: inline-block;
  }
}

@media (max-width: 991px) {
  .offer-items a.active img {
    transform: rotate(180deg);
  }
}

@media (max-width: 991px) {
  .offer-items a:hover {
    padding: 3rem 2.4rem;
  }
}

@media (max-width: 991px) {
  .offer_inner.show {
    display: block;
    visibility: visible;
    opacity: 1;
  }
}

@media (max-width: 991px) {
  .marque_section {
    padding: 16rem 0rem;
  }
}

@media (max-width: 991px) {
  .logos-items1 {
    gap: 4.5rem;
  }
}

@media (max-width: 991px) {
  .sell_section {
    padding: 8rem 0rem;
  }
}

@media (max-width: 991px) {
  .sell_title h3 {
    font-size: 5rem;
  }
}

@media (max-width: 991px) {
  .modal-body {
    padding: 8rem 3rem;
  }
}

@media (max-width: 991px) {
  .close_btn {
    top: 4rem;
    right: 4rem;
  }
}

@media (max-width: 991px) {
  .modal_title h3 {
    font-size: 5.4rem;
  }
}

@media (max-width: 991px) {
  .modal_item {
    padding-top: 5rem;
  }
}

@media (max-width: 991px) {
  .modal_price h4, .modal_price p {
    font-size: 3rem;
  }
}

@media (max-width: 991px) {
  .modal_price p img {
    width: 2.6rem;
  }
}

@media (max-width: 991px) {
  .modal_price {
    padding: 2.5rem 1.5rem 6rem;
  }
}

@media (max-width: 991px) {
  .modal_text p {
    font-size: 2.8rem;
    letter-spacing: initial;
  }
}

@media (max-width: 991px) {
  .modal_text {
    padding: 0rem 1.5rem 9rem;
  }
}

@media (max-width: 991px) {
  .modal_btn {
    padding-top: 9rem;
  }
}

@media (max-width: 991px) {
  .modal_btn ul li a {
    font-size: 2.2rem;
  }
}

@media (max-width: 991px) {
  .modal_btn ul li a img {
    width: 2.4rem;
  }
}

/* --- Mobile (767px and up) ----- */

@media (max-width: 767px) {
  html {
    font-size: 50%;
  }
}

@media (max-width: 767px) {
  .hero_section {
    padding: 20rem 0rem 12.5rem;
  }
}

@media (max-width: 767px) {
  .hero-wrapper h2 {
    font-size: 4.6rem;
  }
}

@media (max-width: 767px) {
  .hero-wrapper h1 {
    font-size: 4.85rem;
    letter-spacing: -0.1rem;
  }
}

@media (max-width: 767px) {
  .hero-button a {
    font-size: 2.2rem;
  }
}

@media (max-width: 767px) {
  .footer-widgets-wrapper .row {
    --bs-gutter-y: 3rem;
  }
}

@media (max-width: 767px) {
  .contact-content .row {
    --bs-gutter-y: 2rem;
  }
}

@media (max-width: 767px) {
  .title_lg, .history-content h2 {
    font-size: 4.2rem!important;
  }
}

@media (max-width: 767px) {
  .contact-content h2 {
    font-size: 4.5rem;
  }
}

@media (max-width: 767px) {
  .about_section {
    padding: 15rem 0rem 16rem;
  }
}

@media (max-width: 767px) {
  .solutions_section .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 767px) {
  .solution-card h4 {
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .about-box-card .content p {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .blogs_section {
    padding-top: 14rem;
  }
}

@media (max-width: 767px) {
  .blog-card .blog-thumb img {
    height: initial;
  }
}

@media (max-width: 767px) {
  .blogs_section .row {
    --bs-gutter-y: 4rem;
  }
}

@media (max-width: 767px) {
  .cta_section {
    padding-top: 15rem;
  }
}

@media (max-width: 767px) {
  .cta-wrapper h1 {
    font-size: 5rem;
  }
}

@media (max-width: 767px) {
  .cta-button a {
    font-size: 2.1rem;
  }
}

@media (max-width: 767px) {
  .offer_section, .marque_section {
    padding-top: 12.5rem;
  }
}

@media (max-width: 767px) {
  .offer_title h2 {
    font-size: 4rem;
  }
}

@media (max-width: 767px) {
  .offer-items a {
    font-size: 3.2rem;
  }
}

@media (max-width: 767px) {
  .offer_inner img {
    max-width: 26rem;
  }
}

@media (max-width: 767px) {
  .marquee_item span {
    font-size: 2.6rem;
  }
}

@media (max-width: 767px) {
  .marquee_wrapper {
    padding-top: 6rem;
  }
}

@media (max-width: 767px) {
  .marque_section {
    padding: 14rem 0rem;
  }
}

@media (max-width: 767px) {
  .logos-items1 {
    gap: 4rem;
  }
}

@media (max-width: 767px) {
  .logos_section .title_box {
    margin-bottom: 7rem;
  }
}

@media (max-width: 767px) {
  .logos_section {
    padding-bottom: 14rem;
  }
}

@media (max-width: 767px) {
  .sell_section {
    padding: 6rem 0rem 7rem;
  }
}

@media (max-width: 767px) {
  .sell_title h3 {
    font-size: 3.6rem;
    letter-spacing: -0.2rem;
    margin-bottom: 3.5rem;
  }
}

@media (max-width: 767px) {
  .sell_card_title p {
    max-width: 100%;
    font-size: 1.65rem;
  }
}

@media (max-width: 767px) {
  .sellhero_button ul {
    gap: 1.6rem;
  }
}

@media (max-width: 767px) {
  .modal-body {
    padding: 6rem 2rem;
  }
}

@media (max-width: 767px) {
  .close_btn {
    top: 3rem;
    right: 3rem;
  }
}

@media (max-width: 767px) {
  .modal_title h3 {
    font-size: 4.2rem;
    letter-spacing: -0.1rem;
  }
}

@media (max-width: 767px) {
  .modal_item {
    padding-top: 4rem;
  }
}

@media (max-width: 767px) {
  .modal_price h4, .modal_price p {
    font-size: 2.4rem;
    letter-spacing: -0.1rem;
  }
}

@media (max-width: 767px) {
  .modal_price p img {
    width: 2.1rem;
  }
}

@media (max-width: 767px) {
  .modal_price {
    padding: 2.5rem 1.5rem 5rem;
  }
}

@media (max-width: 767px) {
  .modal_text p {
    font-size: 2.15rem;
    letter-spacing: initial;
  }
}

@media (max-width: 767px) {
  .modal_text {
    padding: 0rem 1.5rem 7rem;
  }
}

@media (max-width: 767px) {
  .modal_btn {
    padding-top: 8rem;
  }
}

@media (max-width: 767px) {
  .modal_btn ul li a {
    font-size: 2rem;
  }
}

@media (max-width: 767px) {
  .modal_btn ul li a img {
    width: 2rem;
  }
}

/* --- Mobile (575px and up) ----- */

@media (max-width: 575px) {
  html {
    font-size: 2.2vw;
  }
}

@media (max-width: 575px) {
  .container {
    max-width: 540px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 575px) {
  .header-logo img {
    width: 20rem;
  }
}

@media (max-width: 575px) {
  .site_header.sticky > .container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

@media (max-width: 575px) {
  .hero_section {
    padding: 18rem 0rem 10rem;
  }
}

@media (max-width: 575px) {
  .hero-wrapper h2 {
    font-size: 3.2rem;
    letter-spacing: -0.1rem;
    margin-bottom: 2rem;
  }
}

@media (max-width: 575px) {
  .hero-wrapper h1 {
    font-size: 3.4rem;
    letter-spacing: 0rem;
    margin-bottom: 4rem;
  }
}

@media (max-width: 575px) {
  .hero-button a {
    font-size: 2rem;
    padding: 2rem 4rem;
  }
}

@media (max-width: 575px) {
  .hero-wrapper p {
    font-size: 1.62rem;
  }
}

@media (max-width: 575px) {
  .hero-wrapper .theme-btn {
    font-size: 1.8rem;
  }
}

@media (max-width: 575px) {
  .footer-wrapper {
    flex-direction: column-reverse;
    gap: 1.5rem;
  }
}

@media (max-width: 575px) {
  .footer-widgets-wrapper {
    padding: 16.5rem 0rem 7.5rem;
  }
}

@media (max-width: 575px) {
  .title_lg, .history-content h2 {
    font-size: 3.4rem!important;
    letter-spacing: -0.1rem!important;
  }
}

@media (max-width: 575px) {
  .contact-content h2 {
    font-size: 3.6rem;
  }
}

@media (max-width: 575px) {
  .get_touch_section {
    padding: 8rem 0rem 12rem;
  }
}

@media (max-width: 575px) {
  .get-touch-box .content h4 {
    font-size: 3rem;
    left: -0.1rem;
  }
}

@media (max-width: 575px) {
  .history-content p {
    font-size: 1.7rem;
  }
}

@media (max-width: 575px) {
  .history_vision {
    padding: 0rem 0rem 12rem;
  }
}

@media (max-width: 575px) {
  .get_touch_section .title_box {
    margin-bottom: 4rem;
  }
}

@media (max-width: 575px) {
  .history-content h2 {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 575px) {
  .history-thumb img {
    width: 85%;
  }
}

@media (max-width: 575px) {
  .about_section {
    padding: 12rem 0rem 14rem;
  }
}

@media (max-width: 575px) {
  .about-box-card {
    border-radius: 4.5rem;
  }
}

@media (max-width: 575px) {
  .solutions_section .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .solution-card {
    width: initial;
  }
}

@media (max-width: 575px) {
  .solution-card h4 {
    font-size: 2.6rem;
  }
}

@media (max-width: 575px) {
  .whyus_section {
    padding-top: 15rem;
  }
}

@media (max-width: 575px) {
  .blogs_section {
    padding-top: 11rem;
  }
}

@media (max-width: 575px) {
  .blogs_section .title_box {
    margin-bottom: 4rem;
  }
}

@media (max-width: 575px) {
  .blog-title {
    font-size: 3rem;
  }
}

@media (max-width: 575px) {
  .cta_section {
    padding-top: 12rem;
  }
}

@media (max-width: 575px) {
  .cta-wrapper h1 {
    font-size: 4rem;
  }
}

@media (max-width: 575px) {
  .cta-button a {
    font-size: 2rem;
  }
}

@media (max-width: 575px) {
  .about_section2 {
    padding: 8rem 0rem 12rem;
  }
}

@media (max-width: 575px) {
  .about-wrapper2 .content h2 {
    font-size: 3.6rem;
    letter-spacing: -0.1rem;
  }
}

@media (max-width: 575px) {
  .about-wrapper2 .about_thumb {
    margin-bottom: 4rem;
  }
}

@media (max-width: 575px) {
  .funnel-box {
    padding: 4rem 2rem;
    display: block;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .funnel-box .icon {
    margin: 0 auto 3rem;
  }
}

@media (max-width: 575px) {
  .offer_section, .marque_section {
    padding-top: 10rem;
  }
}

@media (max-width: 575px) {
  .offer_title h2 {
    font-size: 3.2rem;
  }
}

@media (max-width: 575px) {
  .offer_title {
    padding-bottom: 5rem;
  }
}

@media (max-width: 575px) {
  .offer-items a {
    font-size: 2.4rem;
    padding: 2.5rem 1.5rem!important;
  }
}

@media (max-width: 575px) {
  .offer-items a img {
    width: 1.6rem;
  }
}

@media (max-width: 575px) {
  .marque_section {
    padding: 11rem 0rem;
  }
}

@media (max-width: 575px) {
  .logos_section {
    padding-bottom: 12rem;
  }
}

@media (max-width: 575px) {
  .sellhero_section .hero-wrapper h2 br {
    display: none;
  }
}

@media (max-width: 575px) {
  .sellhero_button ul {
    padding-top: 5rem;
    flex-direction: column;
  }
}

@media (max-width: 575px) {
  .sellhero_button ul li a {
    min-width: 28rem;
    display: block;
    text-align: center;
  }
}

@media (max-width: 575px) {
  .sell_section {
    padding: 5rem 0rem 7rem;
  }
}

@media (max-width: 575px) {
  .sell_card_img a, .sell_card_img a img {
    border-radius: 2.4rem;
  }
}

@media (max-width: 575px) {
  .modal {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

@media (max-width: 575px) {
  .modal-body {
    padding: 4rem 1.5rem;
  }
}

@media (max-width: 575px) {
  .close_btn {
    top: 2.5rem;
    right: 2.5rem;
  }
}

@media (max-width: 575px) {
  .close_btn button img {
    width: 1.6rem;
  }
}

@media (max-width: 575px) {
  .modal_title h3 {
    font-size: 3.2rem;
    letter-spacing: -0.05rem;
  }
}

@media (max-width: 575px) {
  .modal_item {
    padding-top: 3rem;
  }
}

@media (max-width: 575px) {
  .modal_price h4, .modal_price p {
    font-size: 2rem;
    letter-spacing: -0.05rem;
  }
}

@media (max-width: 575px) {
  .modal_price p img {
    width: 1.8rem;
  }
}

@media (max-width: 575px) {
  .modal_price {
    padding: 2.4rem 1.2rem 4rem;
  }
}

@media (max-width: 575px) {
  .modal_text p {
    font-size: 1.95rem;
    letter-spacing: initial;
  }
}

@media (max-width: 575px) {
  .modal_text {
    padding: 0rem 1.2rem 5.5rem;
  }
}

@media (max-width: 575px) {
  .modal_btn {
    padding-top: 6rem;
  }
}

@media (max-width: 575px) {
  .modal_btn ul li a {
    font-size: 1.85rem;
    padding: 2rem 1rem;
    gap: 1rem;
  }
}

@media (max-width: 575px) {
  .modal_btn ul li a img {
    width: 2rem;
  }
}

@media (max-width: 575px) {
  .modal_img img {
    border-radius: 2rem;
  }
}

@media (max-width: 575px) {
  .modal_btn ul li {
    width: 49%;
  }
}