@media (min-width: 1450px) {
  .container {
    max-width: 1432px;
  }
}

@media (min-width: 992px) and (max-width: 1449px) {
  .container {
    max-width: 100%;
    padding: 0 5rem;
  }
}

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

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

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

@media (min-width: 992px) {
  /* =========== Footer Section =========== */
  .accodian_content {
    display: flex !important;
    flex-direction: column;
    opacity: 1;
    height: auto !important;
  }

  /* ================ Custom software section version 2 ================= */
  .custom_software_section_v2 .custom_sofware_img img {
    height: 95.9rem;
  }

  /* ================ Custom software section version 1 ================= */
  .cs_content_left {
    display: grid;
    height: 78.131rem;
  }

  .custom_sofware_img img {
    height: 78.131rem;
  }
}

/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
  html {
    font-size: 43%;
  }
  .rows_with_03_gaps {
    gap: 0.3rem 0;
  }
  ::-webkit-scrollbar {
    width: 1rem;
  }
  br {
    display: none;
  }

  section {
    padding-bottom: 0.8rem;
  }

  body {
    font-size: 1.4rem;
  }
  .two_cols {
    gap: 0.3rem;
  }
  .text_18 {
    font-size: 1.4rem;
  }
  .text_14 {
    font-size: 1rem;
    line-height: 1.4rem;
  }
  .title_40 {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .title_60 {
    font-size: 3.4rem;
    line-height: 5rem;
  }
  .title_18 {
    font-size: 1.2rem;
  }
  .title_24 {
    font-size: 1.8rem;
    line-height: 3rem;
  }

  .button:before {
    border: 0.2rem solid #000;
  }

  /* ============== Menu ================= */
  .primary_menu {
    display: block !important;
    position: fixed;
    width: 100vw;
    height: calc(100vh - 11rem);
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    top: 11rem;
    gap: 0;
    padding-bottom: 15rem;
    opacity: 0;
    pointer-events: none;
    transition: 0.4s ease;
    left: 0;
    z-index: -1;
  }

  .primary_menu.active {
    opacity: 1;
    pointer-events: all;
  }

  .navbar {
    height: 100%;
  }

  .site_header .container {
    position: relative;
  }

  .primary_menu a {
    height: 6.5rem;
    display: flex;
    align-items: center;
    border-top: 0.1rem solid #e7edf4;
    width: 100%;
    justify-content: center;
  }
  .btn_sm {
    width: 26.2rem !important;
    height: 4.2rem !important;
  }
  .logo img {
    width: 12.9rem;
  }

  .site_header .container {
    padding: 0 1.6rem;
  }
  /* hamburger */
  .hamburger_btn {
    background: #000;
    width: 4.2rem;
    height: 4.2rem;
    position: relative;
    border-radius: 10rem;
    cursor: pointer;
  }

  .hamburger_btn img {
    position: absolute;
    width: 1.5rem;
    transition: 0.2s ease;
  }

  .close {
    transform: scale(0);
    opacity: 0;
  }

  .hamburger_btn.active .close {
    opacity: 1;
    transform: scale(1);
  }

  .hamburger_btn.active .hamburger {
    opacity: 0;
    transform: scale(0);
  }

  .hamburger {
    opacity: 1;
    transform: scale(1);
  }

  /* select dropdown */
  .dropdown {
    position: relative;
    height: 0;
    box-shadow: none;
    border: 0.1rem solid #f3f6fa;
  }

  .select_wrap {
    padding: 2rem 0;
    border-bottom: 0.1rem solid #e7edf4;
    width: 100%;
    border-top: 0.1rem solid #e7edf4;
    margin-bottom: 2rem;
  }

  .arrow {
    width: 1rem;
  }

  .select_wrap .selected {
    justify-content: center;
  }

  .select_wrap.active .dropdown {
    height: 18rem;
  }

  .select {
    width: 100%;
    justify-content: center;
  }
  .dropdown .select:first-child {
    gap: 0.5rem;
  }
  .select:hover {
    background: #fff;
    color: var(--secondary_color);
  }
  /* ============== Hero_section ============== */
  .social_icons_wrap {
    top: auto !important;
    transform: translateX(-50%) translateY(0.3rem);
    bottom: 0;
    left: 50%;
    border: 0.3rem solid #f3f6fa;
    border-bottom: none;
    width: fit-content;
    padding: 0 1.7rem;
    height: 5rem;
  }

  .social_icons {
    flex-direction: row;
    display: flex;
    transform: translateX(0) translateY(1.55rem);
    padding: 1.5rem 3rem;
    gap: 4rem;
    width: fit-content;
    margin: 0 auto;
    height: 5.5rem;
  }
  .play_icon {
    width: 1.95rem;
  }

  .hero_left .title_60 br {
    display: block;
  }

  .hero_left .title_60 {
    line-height: 5rem;
    font-weight: 900;
  }

  .hero_left p br {
    display: block;
  }

  .hero_left > p {
    padding: 3rem 0;
  }

  .play_left img:nth-child(1) {
    width: 10.624rem;
  }

  .play_right h2 {
    font-size: 1.2rem;
    padding-bottom: 1rem;
  }

  .hero_left_wrap {
    padding: 2.4rem 1.6rem 3rem 1.6rem;
  }

  .hero_left {
    height: fit-content;
    padding: 2.9rem 0.9rem 2.2rem 0.9rem;
    border: 0.3rem solid #e1f0ff;
  }
  .play_right p {
    line-height: 1.4rem;
  }
  .hero_block {
    width: 16.5rem;
  }
  .hero_right_wrap {
    padding: 2.7rem 1.6rem 2.3rem 1.6rem;
  }

  .hero_right {
    height: auto;
    padding: 15.3rem 1.4rem 10.7rem 1.4rem;
    border: 0.3rem solid #f3f6fa;
  }

  .hero_right .button {
    margin-top: 3.7rem;
    margin-bottom: 4rem;
  }
  .hero_right .title_24 br {
    display: block;
  }
  .hero_right .title_24 {
    line-height: 3rem;
    font-size: 1.75rem;
  }
  .while_lines:before,
  .while_lines:after {
    height: 0.2rem;
    width: 4rem;
  }

  .while_lines:before {
    right: calc(100% + 1.5rem);
  }

  .while_lines:after {
    left: calc(100% + 1.5rem);
  }

  /* ============== service_section ============== */
  .service_box {
    width: 33.8rem;
    padding: 2.2rem 1.9rem 2.2rem 1.8rem;
  }
  .service_boxes {
    display: flex;
    overflow-x: scroll;
  }
  .service_boxes::-webkit-scrollbar {
    scrollbar-width: 0;
    display: none;
  }
  .service_box p {
    padding: 2rem 0 2.9rem 0;
  }

  /* ================ features_section ================ */
  .fr_left .title_40 {
    line-height: 3rem;
    padding-bottom: 3rem;
  }

  .features_right {
    height: auto;
    padding: 1.8rem 1.4rem 16.2rem 1.8rem;
    flex-direction: column;
    overflow: hidden;
  }

  .fr_left p {
    font-size: 1.4rem;
    padding-bottom: 3rem;
  }

  .fr_right {
    transform: rotate(90deg) translate(0, 0);
    right: 0;
    bottom: -13.8rem;
  }

  .fr_right .marquee {
    overflow: visible !important;
  }

  .feature_right_img {
    height: 8.8rem;
    width: 8.8rem;
  }

  .feature_right_img img {
    width: 3rem;
  }

  .features_left .title_40 {
    padding: 1.8rem 2rem 3.8rem 1.8rem;
  }

  .tik_boxes li {
    padding: 1.3rem 0 1.3rem 2rem;
  }

  .features_left {
    height: fit-content;
    padding-bottom: 0.7rem;
  }

  .fr_left {
    padding-right: 1.5rem;
  }

  /* ================= choice_section ================ */
  .side_content {
    height: auto;
    padding: 1.8rem 1.8rem 3.3rem 1.8rem;
    display: block;
  }

  .side_content p {
    padding-bottom: 3rem;
  }

  .ch_box_right p {
    font-size: 1.4rem;
  }

  .ch_box_right h4 {
    font-size: 1.8rem;
  }

  .choice_box {
    height: auto !important;
    padding: 2.4rem 4rem 2.4rem 1.8rem;
    width: 33.8rem;
  }

  .choice_boxes {
    display: flex;
    width: 100%;
    overflow-x: auto;
  }

  .choice_boxes::-webkit-scrollbar {
    display: none;
    scrollbar-width: 0;
  }

  .ch_box_right {
    width: 24.6rem;
  }

  .choice_section .row .col-lg-8 {
    padding-left: 0.8rem;
  }
  .choice_section .row .col-lg-4 {
    padding-right: 0.8rem;
  }
  .side_content {
    margin-bottom: 0.3rem;
  }

  /* ====================== Ultimate Section ====================== */
  .ultimate_section .row {
    flex-direction: column-reverse;
  }

  .ultimate_section .row .col-lg-4 {
    padding-left: 0.8rem;
  }

  .ultimate_section .row .col-lg-8 {
    padding-right: 0.8rem;
  }

  .ultimate_section .side_content {
    height: auto;
  }

  .ultimate_box {
    padding: 1.8rem 2.1rem 1.8rem 1.9rem;
    width: 33.8rem !important;
  }

  .ultimate_box img {
    width: 11.2rem;
  }

  .ultimate_box .ch_box_right img {
    margin-bottom: 1.5rem;
  }

  .ultimate_box .ch_box_right {
    width: 29.8rem;
  }
  .ultimate_box .ch_box_right p {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Limiting to 4 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ================== service_catalog section ============== */
  .service_catalog {
    width: 33.8rem;
    flex-direction: row;
    align-items: center;
    gap: 3.2rem;
    text-align: left !important;
    justify-content: flex-start;
    height: 9rem;
    padding-left: 1.8rem;
  }

  .service_catalogs {
    overflow-x: auto;
  }

  .service_catalogs::-webkit-scrollbar {
    scrollbar-width: 0;
    display: none;
  }

  .service_catalog img {
    padding: 0;
    width: 4rem;
  }

  .service_catalog:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }

  .service_catalog:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  .service_catalog:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }

  .service_catalog:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }

  .service_catalog:nth-child(7) {
    grid-column: 3;
    grid-row: 1;
  }

  .service_catalog:nth-child(8) {
    grid-column: 3;
    grid-row: 3;
    background: #e3e3e3 !important;
  }

  .service_catalog:nth-child(9) {
    grid-column: 1;
    grid-row: 3;
  }

  /* ===================== Client Review Section ===================== */
  section.client_reviews {
    padding-bottom: 3rem;
  }
  .client_reviews .owl-nav {
    display: none;
  }
  .client_reviews .side_content {
    height: auto;
  }

  .review_right .text_14 {
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding-top: 0.9rem;
    padding-bottom: 2rem;
  }

  .review_right .text_22 {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  .review_slider {
    height: auto;
    padding: 0;
  }

  .owl-dots {
    padding: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 0.8rem;
  }

  .review_slider .review {
    background: #f0eece;
    padding: 1.6rem 0.5rem 1.5rem 1.8rem;
  }

  .review_right p {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .review img {
    width: 8.5rem;
  }

  .review_right {
    padding-left: 2rem;
  }

  .rows_with_03_gaps > div:nth-child(2) {
    padding-left: 0.8rem;
  }
  .rows_with_03_gaps > div:nth-child(1) {
    padding-right: 0.8rem;
  }

  /* ==================== Faq Section =================== */
  .faq_section .col-lg-4:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }

  .faq_section .row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .faq_middle {
    height: auto !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
  }

  .faq_middle .title_40 {
    text-align: left;
  }

  .faq .title_18 {
    font-size: 1.6rem;
  }

  .faq .text_14 {
    font-size: 1.2rem;
    line-height: 2.6rem;
  }

  .faq_h_1,
  .faq_h_2 {
    height: auto;
  }

  .faq {
    padding: 2.2rem 1rem 2.2rem 1.8rem;
  }

  .faq div:first-child {
    padding-bottom: 1.5rem;
  }

  .faq_icon {
    padding: 0 !important;
  }

  .rows3_with_03_gaps .col-lg-4 {
    padding: 0 0.8rem !important;
  }
  .faq_left {
    padding-bottom: 0.3rem;
  }
  .hidden_faq {
    display: none;
  }
  .hidden_faq.show {
    display: block;
  }
  .show_more.hide {
    display: none !important;
  }
  .show_more {
    display: block;
  }
  /* ===================== Footer Section ================= */
  .site_footer {
    padding-top: 2.8rem;
    padding-bottom: 3.5rem;
  }

  .footer_contents {
    flex-direction: column;
    gap: 4rem;
  }

  .footer_right {
    flex-direction: column;
  }

  .footer_links {
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
    padding-bottom: 1.5rem;
  }

  .footer_box > .title_18 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    white-space: nowrap;
    border-bottom: 0.1rem solid #4b4849;
    padding: 2rem 0;
    font-size: 1.8rem;
  }
  .footer_left p {
    white-space: normal;
  }
  .footer_box {
    width: 100%;
  }

  .footer_box:first-child {
    width: 100%;
  }
  .footer_box .title_18 > img {
    width: 1rem;
  }

  .footer_box:last-child {
    padding-top: 0.5rem;
  }

  .footer_box:last-child .title_18 {
    padding-bottom: 0;
    border-bottom: none;
    margin: 0;
  }

  .footer_left .text_14 {
    font-size: 1.4rem;
    padding-top: 2rem;
    line-height: 2rem;
  }

  .footer_info .text_14 {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .footer_info {
    padding-top: 1rem;
  }

  .f_info_block.pt_40.pb_40 {
    padding: 3rem 0;
  }

  .footer_info .title_18 {
    font-size: 1.8rem;
  }
  .footer_arrow_sm {
    transform: rotate(540deg);
    transition: 0.35s;
  }

  .collapsed .footer_arrow_sm {
    transform: rotate(0deg);
  }
  .copywrite {
    border-top: 0.1rem solid #4b4849;
    padding-top: 5rem;
    margin-top: 5rem;
  }

  .copywrite {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 4rem;
  }

  .copywrite p {
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 0;
  }
  .f_info_block a br {
    display: block;
  }

  .f_info_block a {
    line-height: 2rem;
    display: block;
    margin-top: 1rem;
  }
  /* ================== Contact Section =================== */
  .contact_left {
    padding: 1.8rem 1.5rem 2rem 2.1rem;
    height: fit-content;
  }

  .form_groups {
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    width: 100%;
  }

  .form_group.w-50 {
    width: 100% !important;
  }

  .input_field {
    height: 4.8rem;
    padding-left: 1.7rem;
    width: 100%;
    overflow: hidden;
  }

  .contact_section .col-lg-8.pr_0 {
    padding-right: 0.8rem !important;
  }

  .contact_form {
    display: flex;
    flex-direction: column;
  }

  .contact_left .side_content_top h2 {
    padding-bottom: 0.8rem;
    font-size: 2.15rem;
  }
  .contact_left .side_content_top p {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .form_group label {
    padding-bottom: 0.8rem;
    font-size: 1.6rem;
  }

  .form_group.pt_40 {
    padding-top: 0rem;
  }

  .radiobox_wrap a.text_secondary {
    color: #37424d !important;
  }

  .radio.pr_100 {
    padding-right: 4rem;
  }

  .radio_dot {
    width: 2rem;
    height: 2rem;
    margin-right: 0.6rem;
  }

  .radio_dot:before {
    width: 1rem;
    height: 1rem;
  }

  .radiobox_wrap p.pb_50 {
    padding-bottom: 2rem;
  }

  .form_group.mt_30 {
    margin-top: 0.5rem;
  }

  .form_group.form_btn_group {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 2.3rem;
  }

  .form_group.form_btn_group p {
    padding-left: 0;
  }

  .input_field::placeholder {
    font-size: 1.4rem;
  }

  textarea.input_field {
    height: 11.7rem;
    padding-top: 1.2rem;
  }

  .form_group label.f_700 {
    font-weight: 400 !important;
  }
  /* ===================== Blog Section ======================= */
  .blog_section {
    padding-bottom: 1.2rem;
  }

  .blog_img img {
    height: 19.5rem !important;
  }

  .blog {
    width: 33.8rem;
    display: block;
  }

  .blog_right {
    display: flex;
    gap: 0.3rem;
  }

  .blog_section_home .blog_right {
    flex-direction: row;
  }

  .blog_section .rows3_with_03_gaps {
    display: grid !important;
    overflow-x: auto;
    flex-direction: row;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .blog_section .rows3_with_03_gaps::-webkit-scrollbar {
    scrollbar-width: 0;
    display: none;
  }

  .blog_bottom {
    height: 15.5rem;
    padding: 2.1rem 2.5rem 0rem 1.5rem;
  }

  .blog_section .rows3_with_03_gaps .col-lg-4:nth-child(2) {
    padding: 0 0.15rem !important;
  }

  .blog_section .rows3_with_03_gaps .col-lg-4:nth-child(1) {
    padding-right: 0.15rem !important;
  }

  .blog_section .rows3_with_03_gaps .col-lg-4:nth-child(3) {
    padding-left: 0.15rem !important;
  }

  .blog .blog_bottom p br {
    display: block;
  }

  .blog .blog_bottom p {
    line-height: 2.6rem;
  }

  .section_header {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
  }
  .section_header .text_14 {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .blog_section .section_header .title_40 {
    padding-bottom: 1.2rem;
    padding-top: 0;
  }

  .blog_section .section_header {
    padding: 2rem 0.8rem;
  }
  .blog_bottom p {
    font-size: 1.4rem;
    line-height: 2.6rem;
  }
  .blog .blog_bottom h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    padding-bottom: 0;
    line-height: 3rem;
  }
  .blog .blog_bottom p {
    padding-top: 1rem;
  }
  /* ==================== Custom Software Section ======================= */
  .cs_tab_btn .side_content_top h2 {
    font-size: 2.2rem;
    padding-bottom: 1rem;
  }

  .cs_tab_btn .side_content_top p {
    font-size: 1.2rem;
    line-height: 2rem;
    color: #000;
  }

  .cs_tab_btn .side_content_top {
    margin-left: 2rem;
  }

  .cs_tab_btn > img {
    width: 10rem;
  }

  .cs_tab button {
    padding: 2rem 1rem 2rem 2rem;
  }

  /* =============== FAQ Section =============== */
  .faq_middle h2,
  .faq_middle p {
    text-align: left !important;
  }

  /* ====================== Service page ================ */
  .sp_box_img img {
    width: 6.5rem;
  }

  .sp_box_right .title_22 {
    font-size: 1.8rem;
    line-height: 2.6rem;
    padding-bottom: 1.2rem;
  }

  .service_page_box {
    padding: 1.8rem 2.5rem 1.8rem 1.5rem;
  }

  .sp_box_right {
    padding-left: 2.5rem;
  }

  .sp_box_right p {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .service_arrow {
    display: none;
  }

  .second_sp_col {
    padding-left: 0.8rem;
  }

  .second_sp_col .service_page_box {
    background: #edeced;
  }

  .first_sp_col {
    padding-right: 0.8rem;
  }

  .first_sp_col .service_page_box {
    background: #e3e3e3;
  }

  /* ======================== Career Page ========================== */
  .career_left_wrap {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 3rem;
  }

  .career_mid {
    padding-left: 0;
  }

  .career {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 3.2rem;
  }

  /* ==================== Contact Page ===================== */
  .radiov2 {
    height: 4.4rem;
    padding: 0 1.5rem;
  }

  .contact_page_right .side_content_top p {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .contact_page_right .side_content_top h2 {
    line-height: 5rem;
    font-size: 2.2rem;
    padding-bottom: 1rem;
  }

  .Contact_page_section .contact_form {
    padding-top: 3rem;
  }

  .radio_v2_wrap:nth-child(1) {
    padding-bottom: 1rem;
  }

  .contact_page_left .side_content_top.pb_100 {
    padding-bottom: 4rem;
  }

  .contact_info > .title_18 {
    line-height: 2.6rem;
    font-size: 1.8rem;
    padding-bottom: 1rem;
  }

  .contact_info .footer_info {
    padding-top: 0;
  }

  /* ====================== News ====================== */
  .blog_page.blog_section .rows3_with_03_gaps {
    overflow: hidden !important;
    width: 100%;
    transform: translate(0, 0);
    margin: 0;
    grid-template-columns: 1fr !important;
  }

  .blog_page .blog_right {
    flex-direction: column;
  }

  .blog_page .blog {
    width: 100%;
  }

  .blog_page .blog_img img {
    object-fit: cover;
    width: 100%;
  }

  .blog_page .rows3_with_03_gaps .col-lg-4:nth-child(1) {
    padding-right: 0.8rem !important;
  }

  .blog_page .row.rows3_with_03_gaps .col-lg-4 {
    padding: 0 !important;
  }

  .blog_section.blog_page .section_header .title_40 {
    padding-bottom: 0;
  }

  /* ====================== About Page ====================== */
  .about_row1 {
    flex-direction: column-reverse;
  }
  .about_service_text {
    padding: 3rem 5rem 3rem 4rem;
  }
  .about_service_text h2 {
    padding-bottom: 1.5rem;
  }

  /* ================= custom_software_section_v2 ================== */
  .custom_software_section_v2 .cs_tab_btn .side_content_top {
    margin: 0;
  }
  .cs_tabv2 .side_content_top .button {
    width: 100%;
  }

  .cs_button_texts {
    display: block !important;
  }

  .collapsed .cs_button_texts,
  .collapsed .csv2_bt_img {
    display: none !important;
  }

  .csv2_bt_img {
    display: block !important;
  }

  .csv2_bt_img img {
    width: 6.2rem;
  }

  .cs_tabv2 button {
    padding: 2.4rem 1.4rem 2.3rem 1.6rem;
  }

  .csv2_bt_img {
    margin-right: 1.5rem;
  }

  .cs_tabv2 .cs_tab_btn .side_content_top h2 {
    padding-bottom: 0;
  }

  .custom_software_section_v2 .rows_with_03_gaps {
    margin-top: 0.3rem;
  }

  .custom_software_section_v2 .side_content_top h2 {
    line-height: 3rem;
  }

  /* ======================= Shedule A Meeting ========================= */
  .shedule_meating {
    padding-bottom: 2rem;
  }
  .shedule_meating_top {
    flex-direction: column;
    gap: 3rem;
    align-items: flex-start !important;
  }

  /* ======================== News Inner Page ========================= */
  .news_inner_section .section_header {
    padding: 2rem 1rem 2rem 1.5rem;
  }

  .news_inner_section .section_header .title_22 {
    font-size: 1.8rem;
    line-height: 5rem;
  }

  .news_inner_top_part1 img {
    height: 32.2rem;
    object-fit: cover;
  }

  .news_inner_img_cap {
    flex-direction: column;
    text-align: center;
    padding: 1.5rem;
  }

  .news_inner_img_cap p br {
    display: block;
  }

  .news_inner_img_cap p {
    font-size: 1.4rem;
    line-height: 2.2rem !important;
  }

  .news_inner_img_cap p:last-child {
    font-weight: 400 !important;
  }

  .news_inner_mid_texts .title_50 {
    font-size: 2rem;
    line-height: 3rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .news_inner_mid_texts.pr_40 {
    padding-right: 0;
  }

  .news_inner_mid_texts p {
    font-size: 1.2rem;
    line-height: 2.6rem;
  }

  .news_inner_top.pb_85 {
    padding-bottom: 4.5rem;
  }

  .news_inner_image2 img {
    height: 32.2rem;
  }

  .news_inner_section .col-lg-6.pr_30 {
    padding-right: 0.8rem;
  }

  .news_inner_section .col-lg-6.pl_30 {
    padding-left: 0.8rem;
    margin-top: 2rem;
  }

  .news_inner_section .row.pb_40 {
    padding-bottom: 0;
  }

  .news_inner_section.pb_100 {
    padding-bottom: 4rem;
  }

  /* ====================== Get started Page ================= */
  .get_started .about_section .rows_with_03_gaps {
    flex-direction: column-reverse;
  }

  /* ====================== Login Page ===================== */
  .login_hero .hero_left h2 {
    font-size: 3rem;
  }

  .login_hero .hero_left > p {
    line-height: 2rem;
    padding-top: 2rem;
  }

  .login_hero .contact_form {
    padding-bottom: 3rem;
  }

  /* ====================== register Page ===================== */
  .agree_wrap {
    flex-direction: row;
  }

  /* ====================== Check boxes ==================== */
  .chat_box_texts {
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .chat_top_left p,
  .chat_box_texts p {
    font-size: 1.4rem;
  }

  .send_area {
    padding: 2.5rem 1.5rem 3.2rem 1.1rem;
  }
  .chat_box6 .contact_form {
    padding-bottom: 20rem;
  }
  .chat_box1 {
    display: block;
  }
  /* ================= Chat box 7 =================== */
  .chat_box7 .contact_form,
  .chat_box6 .contact_form {
    gap: 1rem;
    padding-top: 0;
  }

  .chat_box > p {
    padding: 2rem 0 2rem 3rem;
  }

  .chat_box7 .button {
    height: 4.4rem;
    margin-top: 1.5rem;
  }

  .chat_box7 .chat_box_texts {
    padding: 2rem 0 4rem 3rem;
  }
  .chat_box_wrap {
    padding-bottom: 7rem;
  }

  .chat_box6 .chat_box_wrap {
    padding-top: 2rem;
  }

  .chat_catagory {
    padding: 1rem 2rem;
  }

  .chat_box_btn {
    font-size: 1.4rem;
  }

  .chat_catagories {
    padding: 0 2.1rem 0 3rem;
    margin-bottom: 7rem;
  }

  .chat_catagory_icon {
    padding-bottom: 2rem;
  }

  .catagory_radio_dot {
    width: 1.5rem;
    height: 1.5rem;
  }
  .chat_box7 .contact_form {
    padding-bottom: 18rem;
  }
  .message_group.hide_sm {
    display: none;
  }
}

/*----- sm devices (tablets, 767px and down) -----*/
@media (max-width: 767px) {

  html {
    font-size: 43%;
  }

    .chatting{
        height: 100%;
    }
  .chat_box_v1{
    bottom: unset;
  }
  .chat_box_main{
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 90px;
  }

  .primary_menu{
    height: calc(100vh - 10rem);
    top: 10rem;
  }

  .side_content .button {
    width: 100%;
  }
  /* ==============  */
  .owl-dots .owl-dot span {
    width: 0.8rem;
    height: 0.8rem;
    border: 0.1rem solid #aaaaaa;
  }

  .owl-nav {
    display: none;
  }

  /* ===================== Mobile MEnu ================ */
  .site_header {
    height: 10rem;
  }
  main {
    padding-top: 10rem;
  }

  .navbar .button {
    height: 5.2rem;
    margin: 0 auto;
  }

  /* ===================== Hero Section ================= */
  .hero_left > p {
    font-size: 1.4rem;
  }
  .hero_left > p br {
    display: none;
  }
  .play_right {
    padding-left: 1.9rem;
  }
  /* ===================== Custom Software ================= */
  .cs_content_left > .side_content_top {
    padding: 1.8rem 2.1rem 2rem 2.1rem;
  }

  .cs_content_left .side_content_top .title_40 {
    padding-bottom: 0.8rem;
  }

  .cs_content_left .side_content_top p {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  .cs_content_left .cs_tab_btn .side_content_top p {
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .cs_tab_btn {
    align-items: self-start !important;
  }
  .custom_sofware_img img {
    height: 52.5rem;
    object-fit: cover;
    width: calc(100% + 11rem);
  }
  .custom_sofware_img {
    overflow: hidden;
  }
  .section_header .title_40 {
    padding: 2rem 0;
    font-size: 3rem;
    font-weight: 700;
    line-height: 5rem;
  }
  .service_catalog_bottom {
    display: none;
  }

  /* ===================== Client Reviews ================== */
  section.client_reviews {
    padding-bottom: 2.4rem;
  }
  .client_reviews .side_content_top p {
    padding-right: 5rem;
  }

  /* ===================== Feature Section ================= */
  .fr_right {
    bottom: -15.3rem;
  }
  .js-marquee {
    gap: 0.85rem;
  }
  .features_right {
    background: #ffb900;
  }
  .features_right .button.btn_sm.btn_green_v2 {
    height: 5.6rem !important;
    width: 19.2rem !important;
  }

  /* ==================== Ultimate Section ================= */
  .ultimate_section .underline {
    text-decoration: none !important;
  }
  .ultimate_section .side_content_top p {
    padding-right: 3rem;
  }

  /* ==================== Price Page ===================== */
  .price_box {
    padding: 1.8rem 1.8rem 3.3rem 1.8rem;
  }

  .price_box .title_22 {
    font-size: 1.8rem;
    line-height: 2.6rem;
  }

  .price_box > p {
    padding-top: 1.2rem;
    padding-bottom: 4rem;
  }
  .price_box .title_26 {
    line-height: 2.6rem;
  }

  .price_list {
    margin-top: 5.7rem;
    margin-bottom: 0;
  }

  .price_list li p {
    line-height: 3rem;
  }

  .price_list li {
    margin-bottom: 3rem;
  }

  .price_box .button {
    margin-top: 4rem;
  }

  /* ================== Career Page Section =================== */
  .career .button {
    width: 100%;
  }
  .career {
    padding: 1.8rem 1.8rem 2.3rem 1.8rem;
  }
  .career_left p {
    font-size: 1rem;
    line-height: 1.6rem;
  }

  /* ====================== About Page ====================== */
  .about_side_content,
  .about_title_box .about_side_content {
    padding: 3.5rem 1.1rem 2.3rem 1.5rem;
    text-align: left !important;
  }

  .about_side_content h2 {
    padding-bottom: 4rem;
  }

  .about_side_content .button {
    margin-top: 4rem;
  }

  .about_title_box .about_side_content p.pb_25:last-child {
    padding-bottom: 0;
  }

  .about_service_img img {
    height: 19.5rem;
  }

  .about_service_text {
    padding: 2.2rem 1.1rem 2rem 1.5rem;
  }

  .cs_tabv2 .cs_tab_btn .side_content_top p {
    line-height: 2.6rem;
  }
  .cs_tabv2 button.active,
  .cs_tabv2 button:hover {
    background: #e7edf4;
  }
  .cs_tabv2 .collapse_btn button {
    background: #c2e1fe !important;
  }

  .collapse_btn.collapsed button {
    background: #e7edf4 !important;
  }
  .custom_software_section_v2 .rows_with_03_gaps {
    margin-top: 0.3rem;
  }

  .cs_tab .custom_sofware_img {
    margin-top: 0.3rem;
  }

  .custom_software_section_v2 {
    padding-bottom: 0;
  }

  /* ======================= Shedule A Meeting ========================= */

  .shedule_meating .section_header {
    background: #e7edf4;
  }
  .shedule_meating_top .button.btn_md {
    width: 100% !important;
  }
  .shedule_meating_top {
    padding: 1.8rem 1.8rem 2.3rem 1.8rem;
  }

  /* ==================== Privacy Policy Page ======================= */
  .privacy_policy_section {
    padding-bottom: 2rem;
  }
  .text_box .title_40 {
    font-size: 2.2rem;
  }
  .text_box p {
    font-size: 1.2rem;
    line-height: 2.6rem;
  }
  .privacy_policy_section .section_header {
    margin-bottom: 3.5rem;
  }

  /* ====================== Login Page ===================== */
  .login_hero {
    padding-bottom: 0.8rem;
  }

  .login_hero .contact_form {
    padding: 4rem 2rem;
  }

  .login_hero .hero_right .form_group .button {
    width: 100%;
  }

  .login_hero .form_group.pt_35 {
    padding-top: 2rem;
  }

  /* ====================== register Page ===================== */
  .agree_wrap {
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
  }

  /* ======================= Chat Box ================== */
  .chat_box_wrap {
    justify-content: center !important;
    padding-left: 0;
  }

  .chat_box6 .contact_form {
    padding-bottom: 1rem;
  }

  .chat_box7 .contact_form {
    padding-bottom: 3rem;
  }

  .chat_box7 .contact_form {
    padding-bottom: 0;
    padding-top: 0;
  }

  .chat_box {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 99999999;
    overflow-y: auto;
    right: 0;
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
  }

  .message_lists {
    height: calc(100% - 13rem);
    position: absolute;
    width: calc(100% - 3.2rem);
    top: 6rem;
    left: 50%;
    transform: translateX(-50%);
  }

  .chat_catagory {
    padding: 1.5rem 2rem;
  }

  .chat_catagory_icon {
    padding-bottom: 2rem;
  }

  .chat_catagory_left p {
    font-size: 1.4rem;
  }
  .chat_box7 .button {
    margin: 0 auto;
    margin-top: 2rem;
  }
  .chat_box7 > p {
    padding-top: 35rem;
    text-align: center;
    padding-right: 3rem;
  }

  .send_area {
    padding: 2.5rem 1.5rem 1.5rem 1.1rem;
    background: #fff;
  }
  .chat_bottom {
    position: absolute;
    bottom: 0;
    background: #fff;
    left: 0;
    width: 100%;
  }
  .chat_box6 {
    display: flex;
    flex-direction: column;
  }

  .chat_box6 .contact_form {
    padding-bottom: 3rem;
    padding-top: 0;
  }

  .chat_box6 .chat_box_texts {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .chat_box3::-webkit-scrollbar {
    display: none;
    scrollbar-width: 0;
  }

  .chatting {
    padding-top: 6.5rem;
    width: 540px;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    margin: 0 auto;
    position: relative;
  }

  .chat_top {
    position: absolute;
    background: #e7edf4;
    width: calc(540px - 3.2rem);
    left: 50%;
    transform: translateX(-50%);
    border: none;
    z-index: 111;
  }

  .chat_catagories,
  .chat_box_texts,
  .chat_box .contact_form {
    width: 100% !important;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto 0 auto;
    overflow: hidden;
  }

  .chat_catagories {
    margin-bottom: 5rem;
  }

  .chat_box_texts {
    padding-top: 10rem;
  }

  .chat_top .chat_close {
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(0%)
      hue-rotate(355deg) brightness(100%) contrast(103%);
    transition: 0.2s;
  }

  .chat_top .chat_close {
    transform: scale(1.2);
  }

  .message_lists::-webkit-scrollbar,
  .chat_catagories::-webkit-scrollbar,
  .chat_box::-webkit-scrollbar {
    width: 0.8rem;
  }

  .chat_box7 .chat_box_texts {
    padding: 9rem 0 4rem 3rem;
  }

  .chat_box6 .chat_box_texts,
  .chat_box7 .chat_box_texts {
    padding: 9rem 0rem 4rem 1.6rem;
  }

  .chat_box1 .chat_box_texts {
    display: none;
  }

  .chat_box1 .chat_catagories {
    margin-top: 8.5rem;
  }

  .chat_box_bottom_bar {
    display: flex;
    justify-content: center;
    height: 3rem;
    align-items: center;
  }
  .chat_box_bottom_bar .line {
    width: 13.4rem;
    height: 0.5rem;
    background: #1b2431;
    display: block;
    border-radius: 10rem;
  }

  .chat_box1 .chat_box_bottom_bar {
    margin-top: 12.5rem;
  }

  .chat_box6 .chat_box_bottom_bar,
  .chat_box7 .chat_box_bottom_bar {
    position: fixed;
    bottom: 0;
    width: 100%;
  }


  .map iframe{
    height: 30rem;
  }

}

/*----- xs devices (landscape phones, 575px and down) -----*/
@media (max-width: 575px) {
  html {
    font-size: 2.325581vw;
  }
  .container {
    padding: 0 1.6rem;
  }

  /* =============== Home Page =============== */
  .tik_boxes li p {
    white-space: nowrap;
  }

  /* =============== Feature Section =============== */
  .fr_right {
    bottom: -19.53rem;
  }

  /* ================ Service Catalog Section =========== */
  .service_catalogs {
    width: calc(100% + 1.6rem);
  }

  /* =============== Service Section ================ */
  .service_boxes {
    width: calc(100% + 1.6rem);
  }

  /* =============== Contact Section =============== */
  .form_group.form_btn_group button {
    width: 100%;
  }
  .contact_left .side_content_top h2 {
    white-space: nowrap;
  }
  /* ================ Choice Section =============== */
  .choice_boxes {
    width: calc(100% + 1.6rem);
  }

  /* ================ Blog Section =============== */
  .blog_section .rows3_with_03_gaps {
    width: calc(100% + 2.5rem);
  }

  /* =============== Chat box =============== */
  .chat_wrap {
    right: 1.6rem;
  }
  .chat_box7 > p {
    padding-top: 24rem;
  }
  .chat_box::-webkit-scrollbar {
    display: none;
    scrollbar-width: 0;
  }
  .chatting {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .chat_top {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  .chat_catagories {
    width: 100% !important;
  }

  .chat_box7 .chat_box_texts,
  .chat_box7 .contact_form,
  .chat_box6 .chat_box_texts,
  .chat_box6 .contact_form {
    width: calc(100% - 3.6rem) !important;
    left: 1.8rem;
  }

  .chat_box7 .chat_box_bottom_bar {
    margin: 3rem 0 1.5rem 0;
    position: relative;
  }

  .chat_box6 .chat_box_bottom_bar {
    margin: 8rem 0 1.5rem 0;
    position: relative;
  }


  .left-sm-0{
    left: 0 !important;
  }

  .w-sm-100{
    width: 100% !important;
  }
  .message_lists{
    width: 100%;
  }
}