@font-face {
    font-family: 'Hiragino Maru Gothic ProN';
    src: url('../fonts/HiraMaruProN-W4-AlphaNum.woff2') format('woff2'),
        url('../fonts/HiraMaruProN-W4-AlphaNum.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Hiragino Kaku Gothic StdN W8';
    src: url('../fonts/HiraKakuStdN-W8-AlphaNum.eot');
    src: url('../fonts/HiraKakuStdN-W8-AlphaNum.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HiraKakuStdN-W8-AlphaNum.woff2') format('woff2'),
        url('../fonts/HiraKakuStdN-W8-AlphaNum.woff') format('woff'),
        url('../fonts/HiraKakuStdN-W8-AlphaNum.ttf') format('truetype'),
        url('../fonts/HiraKakuStdN-W8-AlphaNum.svg#HiraKakuStdN-W8-AlphaNum') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.hiragino-maru {
    font-family: 'Hiragino Maru Gothic ProN';
    font-weight: 400;
}

.hiragino-kaku-stdn {
    font-family: 'Hiragino Kaku Gothic StdN W8';
    font-weight: 800;
}

html,
body {
    margin: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

body {
    font-size: 16px;
    line-height: 24px;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #2C2C2C;
}

.fw-600 {
    font-weight: 600;
}

/* Header */
.site_header {}

.container {
    max-width: 1312px;
    padding-inline: 16px;
    margin-inline: auto;
}

.header_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px;
    padding-bottom: 8px;
}
.site_header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    z-index: 101;
    background-color: #fff;
  }
.header_row .site_logo {
    width: 160px;
}

.header_row .site_logo a {
    display: block;
}

.navigation_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
}

.navigation_wrap ul {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.navigation_wrap ul a {
    color: #000;
    text-decoration: none;
    padding: 6px 20px;
    display: block;
    font-weight: 600;
    transition: 0.3s ease-in-out;
}

.navigation_wrap ul a:hover {
    opacity: 0.7;
}

.highlight_btn a {
    background-color: #18BB6B;
    border: #18BB6B 1px solid;
    border-radius: 3.57px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 25px;
    color: #FDFFFB;
    text-decoration: none;
    box-shadow: #D8DAD7 2.38px 2.38px 0px;
    display: block;
    transition: all .2s ease-in;
}
.highlight_btn a:hover {
    transform: scale(1.1, 1.1);
    transition: all .2s ease-out;
     background-color: #ffffff;
     color: #18BB6B;
}


/* Hero */
.conve_hero_wrap {
    padding-bottom: 20px;
}

.conve_hero_context {
    display: grid;
    grid-template-columns: 450px 783px;
    align-items: center;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 50PX;
}

.context .tagline {
    font-size: 26px;
    font-weight: 600;
    color: #020202;
    margin-bottom: 24px;
}

.context .tagline span {
    /* position: relative;
    display: inline-block; */
    display: inline;
    background: linear-gradient(transparent 60%, #F6FF94 60%);
}

.context .tagline span::after {
    /* content: "";
    height: 9px;
    background-color: #F6FF94;
    position: absolute;
    top: 22px;
    left: -1px;
    right: 0;
    z-index: -1; */
}

.context .heading {
    font-size: 48px;
    line-height: 1.4;
    color: #00933E;
    margin-bottom: 40px;
    font-weight: 600;
}

.context .heading sub {
    line-height: 1;
    vertical-align: baseline;
}

.context .heading sup {
    line-height: 1;
}

.context .text {
    font-size: 16px;
    color: #2C2C2C;
    font-weight: 600;
}

.company_contactus {
    position: relative;
}
.company_contactus .telephone {
    width: 234px;
    height: 48px;
    position: absolute;
    top: 37px;
    right: 298px;
    display: block;
}
.company_contactus .linkto {
    position: absolute;
    top: 27px;
    right: 56px;
    width: 220px;
    height: 72px;
    display: block;
}

.company_contactus img {
    width: 100%;
}


/* section */

.convenience_store_tech {
    
}
.green_gradient_bg {
    background: #FFFFFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(231, 251, 241, 1) 100%);
}
.yellow_gradient_bg {
    background: #FDFFE600;
    background: linear-gradient(0deg, #FDFFE600 0%, #FDFFE6 100%);
}

.tech_section_wrap .heading_bar {
    background-color: #fff;
    text-align: center;
    padding-top: 40px;
    font-size: 28px;
    color: #2C2C2C;
    font-weight: 600;
    line-height: 40px;
}

.tech_section_wrap .heading_bar span {
    border-bottom: #06B760 3px solid;
    padding-bottom: 12px;
    display: inline-block;
    padding-inline: 100px;
}

.tech_section_wrap .tech_section_inner_wrap {
    padding-top: 60px;
    padding-bottom: 40px;
}

.tech_section_wrap .tech_section_inner_wrap .intro {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    margin-bottom: 42px;
}

.tech_section_wrap .tech_section_inner_wrap .subheading {
    text-align: center;
    font-size: 28px;
    line-height: 42px;
    font-weight: 600;
    color: #08A149;
    margin-bottom: 42px;
}

.cards_wrap {
    display: grid;
    grid-template-columns: repeat(3, 360px);
    gap: 40px;
    justify-content: center;
}

.cards_wrap .card_item {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px;
    overflow: hidden;
    border: #DEDEDE 1px solid;
    padding: 27px 16px 16px;
    position: relative;
}

.wavy-stripes {
    /* height: 13px;
    background: repeating-linear-gradient(
      300deg,
      #06B760 0px,
      #06B760 1px,
      #fff 1px,
      #fff 6px
    ); */

    /* animation: wave 2s infinite linear; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.wavy-stripes img {
    width: 100%;
    display: block;
}

@keyframes wave {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100px 0;
    }
}

.cards_wrap .card_item .card_context {
    display: grid;
    grid-template-columns: 80px auto;
    gap: 20px;
}

.cards_wrap .card_item .card_context figure {
    margin: 0;
    vertical-align: middle;
    height: 80px;
    overflow: hidden;
}

.cards_wrap .card_item .card_context figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.cards_wrap .card_item .card_context .context {
    color: #2C2C2C;
}

.cards_wrap .card_item .card_context .context h3 {
    font-size: 24px;
    line-height: 36px;
    color: #08A149;
    font-weight: 600;
    margin-bottom: 8px;
}

.cards_wrap .card_item .card_context .context p {
    margin: 0px;
}


/* section */
.concerns_wrap {
    background: #F0F0F0;
    background: linear-gradient(0deg, #F0F0F000 0%, #F0F0F0 100%);   
}
.text_center {
    text-align: center;
}
.w-full {
    width: 100%;
}
.concern_gif {
    margin-bottom: 60px;
}
.concern_gif img {
    width: 375px;
}
.concern_grid_cards {
    display: grid;
    grid-template-columns:repeat(2, 485px);
    column-gap: 80px;
    row-gap: 56px;
    justify-content: center;
}
.concern_grid_cards .card_item:nth-child(5) {
    grid-column: 1 / -1; /* Span both columns */
    justify-self: center; /* Center it within the row */
    width: 485px;
}
.concern_grid_cards .card_item {
    display:grid;
    grid-template-columns: 13px auto 90px;
    align-items: flex-end;
    column-gap: 20px;
}
.concern_grid_cards .card_item .context {
    /* padding-left: 20px; */
    height: 100%;
}
.concern_grid_cards .card_item .context .serial {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    border-radius: 30px;
    background-color: #06B760;
    padding: 6px 18px;
    display: inline-block;
    color: #fff;
    margin-bottom: 16px;
}
.concern_grid_cards .card_item .context .description {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}
.concern_grid_cards .card_item .icon {
    width: 90px;
    height: 90px;
}
.concern_grid_cards .card_item .icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.dispatch_type_wrap {
   
}

.context_list {
margin-bottom: 70px;
}
.context_list ul {
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 830px;
}
.context_list ul li {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    background: #4ED6BD;
    background: linear-gradient(-90deg, rgba(78, 214, 189, 1) 0%, rgba(139, 210, 165, 1) 100%);
    padding: 8px;
    border-radius: 60px;
}
.context_list ul li div {
    background-color: #fff;
    padding: 20px 72px;
    border-radius: 60px;
    width: 100%;
    display: flex;
    gap: 40px;
}

/* section */
.engg_dispatch {

}
.engg_dispatch .heading_bar span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.dispatch_type {
    display: grid;
    grid-template-columns: 246px auto;
    column-gap: 40px;
    padding-bottom: 40px;
    
    margin-bottom: 40px;
    position: relative;
}
.dispatch_type:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}
.dispatch_type figure {
    margin: 0;
    text-align: center;
}
.dispatch_type figure .caption {
    font-size: 22px;
    line-height: 33px;
    font-weight: 600;
    color: #06B760;
    padding: 6px 20px;
    border: #08A149 3px solid;
    border-radius: 100px;
    background-color: #fff;
}
.dispatch_type::after {
    content: "";
    border-bottom: #E8E8E8 2px solid;
    grid-column: 1 / -1; 
    justify-self: center;
    width: calc(100% - 76px);
    position: absolute;
    bottom: 0;
}
.dispatch_type:last-child:after {
    display: none;
}
.dispatch_type .context {
    display: inline-flex;
    column-gap: 24px;
    row-gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
.dispatch_type .context .item {
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 8px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    display: inline-flex;
}
.dispatch_type .context .item span {
    padding: 16px 20px 16px 18px;
}
.dispatch_type .context .item .stripe {
    width: 13px;
    background: url(../images/vertical-diagonal.svg) no-repeat;
    background-position: left center;
    background-size: cover;
}

/* section */
.pricing-table {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 28px;
  }
  
  .plan {
    text-align: center;
    width: 220px;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;

  }
  .plan.blank {
    width: 126px;
  }
  .plan.blank .header {
    height: 72px;
  }
  .plan.blank .price {
    background-color: transparent;
    font-size: 18px;
    line-height: 28px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .plan.blank .hours {
    background-color: transparent;
    font-size: 18px;
    line-height: 28px;
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .plan.blank .divider {
    opacity: 0;
  }

  .plan .header {
    color: white;
    padding: 18px 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    margin-bottom: 8px;
  }
  
  .plan .price {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-weight: 800;
    margin-bottom: 8px;
  }
  .plan:nth-child(2) .price {
    color: #367394;
  }
  .plan:nth-child(3) .price {
    color: #0993A0;
  }
  .plan:nth-child(4) .price {
    color: #0E968A;
  }
  .plan:nth-child(5) .price {
    color: #018A56;
  }
  
.plan .divider {
    border-top: #5798BA 2px dashed;
}
.plan:nth-child(2) .divider {
    border-top:#0F9EAB 2px dashed;
}
.plan:nth-child(3) .divider {
    border-top:#13B194 2px dashed;
}
.plan:nth-child(4) .divider {
    border-top:#06B170 2px dashed;
}

  .plan .hours {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    font-weight: 800;
    margin-top: 8px;
  }
  .plan:nth-child(2) .hours {
    color: #367394;
  }
  .plan:nth-child(3) .hours {
    color: #0993A0;
  }
  .plan:nth-child(4) .hours {
    color: #0E968A;
  }
  .plan:nth-child(5) .hours {
    color: #018A56;
  }

  .plan:nth-child(2) .header {
    background-color:#5798BA;
  }
  .plan:nth-child(3) .header {
    background-color: #24b3aa;
  }
  
  .plan:nth-child(4) .header {
    background-color: #1eb38e;
  }
  
  .plan.full .header {
    background-color: #009e6d;
  }


.container.sm {
    max-width: 1118px;
    width: 100%;
}

  .paragraph_wrap {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 60px;
  }
  p {
    margin-top: 0px;
    margin-bottom: 28px;
  }

  p:last-child {
    margin-bottom: 0px;
  }
  .paragraph_wrap h4 {
    margin-bottom: 4px;
  }
  figure {
    margin: 0px;
  }

/* Section */
.customer_testimonials {
    max-width: 1146px;
    margin-inline: auto;
}
.customer_testimonials .testimonial_card {
    background-color: #fff;
    border: #C5C5C5 1px solid;
    box-shadow: #00000040 0px 0px 12px;
    border-radius: 20px;
    position: relative;
    max-width: 350px;
    padding: 60px 20px 30px;
    font-size: 14px;
    line-height: 22px;
}
.customer_testimonials .testimonial_card .avatar {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 10px;
}
.customer_testimonials .testimonial_card .avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.customer_testimonials .testimonial_card .mfd {
    font-size: 18px;
    margin-bottom: 12px;
    text-align: center;
}
.customer_testimonials .testimonial_card .week {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color: #367394;
    padding: 4px 18px;
    border-radius: 20px;
    display: table;
    margin-inline: auto;
    margin-bottom: 12px;
}
.customer_testimonials .testimonial_card .week.deep_cyan {
    background-color: #0993A0;
}
.customer_testimonials .testimonial_card .week.deep_aqua {
    background-color:#0E968A;
}
.customer_testimonials .testimonial_card h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin-bottom: 12px;
}
.customer_testimonials .testimonial_card .message {
min-height: 198px;
}

.customer_testimonials .owl-carousel .owl-stage-outer {
    padding: 30px 12px 12px;
}
.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
}
.owl-carousel .owl-nav button {
    width: 40px;
    height: 88px;
    transition: 0.3s ease-in-out;
}
.owl-carousel .owl-nav button:hover {
    opacity: 0.75;
}
.owl-carousel .owl-nav button span {
    display: none;
}
.owl-carousel .owl-nav button.owl-prev {
    background: url(../images/btn-arrow-left.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    left: -76px;
    top: 50%;
    transform: translateY(-50%);
}
.owl-carousel .owl-nav button.owl-next {
    background: url(../images/btn-arrow-right.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    right: -76px;
    top: 50%;
    transform: translateY(-50%);
}

/* Section */

.application_process {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 73px;

}
.application_process .item {
    position: relative;
}
.application_process .item::after {
    content: "";
    width: 21px;
    height: 32px;
    background: url(../images/icons/img-arrow-chart.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    right: -47px;
    top: 50%;
    transform: translateY(-50%);
}
.application_process .item:last-child::after {
    display: none;
}
.application_process .item .text_info {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    text-align: center;
    min-height: 56px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.application_process .item figure {
    
}


/* Section */
.faq_wrap {
    margin-bottom: 70px;
}
.faq_wrap .faq_item {
    margin-bottom: 7px;
}
.faq_wrap .faq_item .faq_item_head {
    display: grid;
    grid-template-columns: 30px auto;
    column-gap: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 70px;
    position: relative;
    align-items: center;
    cursor: pointer;
}
.faq_wrap .faq_item .q_text {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    padding-top: 8px;
    padding-bottom: 8px;
}
.faq_wrap .faq_item .question {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
}
.faq_wrap .faq_item .f_toggle_btn {
    background: url(../images/icons/button-kaihei-green.svg) no-repeat;
    background-position: center center;
    background-size: cover;
    width: 44px;
    height: 44px;
    overflow: hidden;
    border-radius: 44px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: 0.3s ease-in-out;
}
.faq_wrap .faq_item.open .f_toggle_btn {
    background: url(../images/icons/button-kaihei-black.svg) no-repeat;
    background-position: center center;
    background-size: cover;
}
.faq_wrap .faq_item .faq_item_body {
    display: grid;
    grid-template-columns: 30px auto;
    column-gap: 40px;
    padding-right: 60px;

    /* overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease; */
}
.faq_wrap .faq_item .faq_item_body .q_text {
    color: #40A86C;
}

.social_info_wrap {
    background-color: #F6F6F6;
    max-width: 1200px;
    border-radius: 12px;
    margin-inline: auto;
    padding:30px 16px 30px;
    margin-top: 10px;
}
.social_btn_row {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 60px;
}
.note_btn {
    max-width: 348px;
}
.note_btn a {
    display: block;
}
.social_info_wrap .text_heading {
    text-align: center;
    font-size: 22px;
    line-height: 40px;
    font-weight: 600;
    color: #08A149;
    margin-bottom: 18px;
    max-width: 468px;
    margin-inline: auto;
}
.social_links {}
.social_links ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    column-gap: 60px;
}
.social_links ul li {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    box-shadow: #00000040 0px 0px 8px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_links ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.social_links ul li span {
    width: 100%;
    height: 100%;
    display: block;

}
.social_links ul li.x span {
    background: url(../images/x-icon.svg) no-repeat;
    background-position: center center;
    background-size: 26px;
}
.social_links ul li.instagram span {
    background: url(../images/instagram.svg) no-repeat;
    background-position: center center;
    background-size: 26px;
}
.social_links ul li.facebook span {
    background: url(../images/facebook.svg) no-repeat;
    background-position: center center;
    background-size: 26px;
}

.site_footer {
    margin-top: 20px;
    position: relative;
}
.footer_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 29px;
    padding-bottom: 29px;
}
.footer_logo {
    max-width: 160px;
}
.footer_logo img {
    width: 100%;
}
.site_links {
    display: flex;
    align-items: center;
    gap: 24px;
}
.site_links a {
    color: #000;
    text-decoration: none;
    display: inline-block;
    font-weight: 600;
    transition: 0.3s ease-in-out;
}
.site_links a:hover {
    opacity: 0.7;
}
.footer_row .col_left {
    display: flex;
    align-items: center;
    gap: 40px;
}

.copyright {
    color: #000;
}

.got_to_top {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    overflow: hidden;
    box-shadow: #00000040 0px 0px 8px;
    position: fixed;
    bottom: 158px;
    right:22px;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    flex-direction: column;
}
.got_to_top .icon {
    width: 28px;
    height: 14px;
    margin-bottom: 1px;
    background: url(../images/icons/angle-upside.svg) no-repeat;
    background-position: center center;
    background-size: contain;
    transition: 0.3s ease-in-out;
}
.got_to_top:hover .icon {
    background: url(../images/icons/angle-upside-white.svg) no-repeat;
    background-position: center center;
    background-size: contain;
}
.got_to_top span {
    color: #06B760;
    font-size: 12px;
    line-height: 1;
    transition: 0.3s ease-in-out;
}
.got_to_top:hover span {
    color: #fff;
}
.got_to_top:hover {
    background-color: #18BB6B;
}


/* Company */
.operating_company_wrap {
    max-width: 900px;
    width: 100%;
    margin-inline: auto;
    margin-bottom: 80px;
}
.company_details_row {
    display: grid;
    grid-template-columns: 210px auto;
    column-gap: 20px;
    margin-bottom: 32px;
}
.company_details_row:last-child {
    margin-bottom: 0px;
}
.company_details_row .heading {
    font-size: 18px;
    line-height: 28px;
    color: #08A149;
    font-weight: 600;
    position: relative;
    padding-left: 30px;
}
.company_details_row .heading::before {
    content: "";
    background: url(../images/company-diagonal2.svg) repeat-y;
    background-position:center left;
    background-size: 10px;
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.company_details_row .details, .company_details_row .details a {
    font-size: 18px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
}
.company_details_row .details p {
    margin-bottom: 10px;
}
.company_details_row .details p:last-child {
    margin-bottom: 0px;
}

.only_for_mobile {
    display: none;
}

@media screen and (min-width:768px){
    .sm-show {
        display: none;
    }
    
}

@media screen and (max-width:1439px){
    .owl-carousel .owl-nav button.owl-prev {
        left: -46px;
    }
    .owl-carousel .owl-nav button.owl-next {
        right:-46px;
    }
}
@media screen and (max-width:1279px){

    .container {
        max-width: 1032px;
    }
    .navigation_wrap {
        gap: 12px;
    }
    .navigation_wrap ul a {
        padding: 6px 12px;
        font-size: 15px;
    }
    .highlight_btn a {
        padding: 6px 12px;
    }
    .conve_hero_context {
        grid-template-columns: 350px 600px;
        padding-top: 40px;
        padding-bottom: 40PX;
    }
    .context .tagline {
        font-size: 20px;
    }
    .context .heading {
        font-size: 36px;
    }
    .company_contactus {
        margin-inline: -10px;
    }
    .company_contactus .linkto {
        top: 48px;
        right: 56px;
        height: 76px;
        width: 226px;
    }
    .company_contactus .telephone {
        width: 234px;
        height: 48px;
        top: 60px;
        right: 304px;
    }

    .cards_wrap {
        grid-template-columns: repeat(2, 360px);
        gap: 30px;
    }
    .concern_img_01 {
        max-width: 600px;
        margin: 0 auto;
    }
    .concern_grid_cards {
        grid-template-columns: repeat(2, 470px);
        column-gap: 60px;
    }
    .dispatch_type .context {
        column-gap: 20px;
        row-gap: 20px;
    }
    .plan {
        font-size: 20px;
        width: 190px;
    }
    .plan.blank .price, .plan.blank .hours {
        font-size: 16px;
    }
    .paragraph_wrap {
        font-size: 16px;
        line-height: 24px;
    }
    .customer_testimonials .testimonial_card {
        max-width: 276px;
    }
    .customer_testimonials {
        max-width: 900px;
    }
    .customer_testimonials .testimonial_card .week {
        font-size: 16px;
    }
    .customer_testimonials .testimonial_card h4 {
        font-size: 16px;
        line-height: 24px;
    }
    .application_process {
        column-gap: 40px;
    }
    .application_process .item::after {
        width: 16px;
        right: -31px;
    }
    .application_process .item .text_info {
        font-size: 16px;
        line-height: 24px;
    }
    .application_process .item figure {
        max-width: 120px;
    }
    .social_info_wrap {
        max-width: 1032px;
    }

    .dispatch_type .context .item {
        font-size: 16px;
        line-height: 26px;
    }
    .dispatch_type .context .item span {
        padding: 12px 16px 12px 16px;
    }

    .concern_grid_cards .card_item .context .description {
        font-size: 20px;
        line-height: 32px;
    }
    .concern_grid_cards .card_item .context .serial {
        font-size: 20px;
        line-height: 32px;
    }
    .concern_grid_cards .card_item .icon {
        width: 80px;
        height: 80px;
    }

}
@media screen and (max-width:1023px){
    .container {
        max-width: 752px;
    }
    .header_row .site_logo {
        width: 120px;
    }
    .navigation_wrap ul a {
        padding: 6px 8px;
        font-size: 12px;
    }

    .conve_hero_context {
        grid-template-columns: 300px 400px;
    }
    .context .tagline {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .context .heading {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .tech_section_wrap .tech_section_inner_wrap .subheading {
        font-size: 24px;
        line-height: 34px;
    }
    .cards_wrap {
        grid-template-columns: repeat(2, 350px);
        gap: 20px;
    }
    .cards_wrap .card_item .card_context {
        gap: 16px;
    }
    .concern_grid_cards {
        grid-template-columns: repeat(1, 470px);
    }
    .context_list ul {
        max-width: 650px;
    }
    .context_list ul li {
        font-size: 18px;
        line-height: 36px;
        padding: 6px;
    }
    .context_list ul li div {
        padding: 10px 60px;
        gap: 30px;
    }
    .tech_section_wrap .heading_bar {
        font-size: 24px;
        line-height: 36px;
    }
    .tech_section_wrap .heading_bar span {
        padding-inline: 60px;
    }
    .company_contactus .telephone {
        height: 44px;
        top: 14px;
        right: 50px;
    }
    .company_contactus .linkto {
        top: 85px;
        right: 56px;
        height: 68px;
        width: 215px;
    }
    .plan.blank {
        display: none;
    }
    .plan {
        font-size: 20px;
        width: 100%;
    }
    .customer_testimonials .testimonial_card {
        /* max-width: 100%; */
    }
    .customer_testimonials {
        max-width: 620px;
    }
    .owl-carousel .owl-nav button {
        width: 30px;
        height: 60px;
    }
    .application_process {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
    }
    .application_process .item .text_info {
        margin-bottom: 10px;
    }
    .application_process .item figure {
        margin-inline: auto;
    }
    .application_process .item:nth-child(3):after {
        display: none;
    }
    .faq_wrap .faq_item .faq_item_head {
        column-gap: 20px;
    }
    .social_btn_row {
        column-gap: 30px;
    }
    .social_links ul {
        column-gap: 20px;
    }
    .footer_row {
        flex-direction: column;
        row-gap: 20px;
    }
    .got_to_top {
        bottom: 20px;
    }

    /* Company */
    .company_details_row .heading {
        font-size: 16px;
        line-height: 24px;
        padding-left: 30px;
    }
    .company_details_row .details, .company_details_row .details a {
        font-size: 16px;
        line-height: 24px;
    }
    .company_details_row .details p {
        /* margin-bottom: 6px; */
    }
}
@media screen and (max-width:767px){
    .only_for_desktop {
        display: none;
    }
    .container {
        /* padding-inline: 20px; */
    }
    .header_row {
        /* flex-direction: column; */
    }
    .navigation_wrap {
        gap: 20px;
    }
    .navigation_wrap ul {
        flex-direction: column;
        position: fixed;
        top: 0;
        background-color: #fff;
        left: 0;
        right: 0;
        height: 100%;
        z-index: 10;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease-in-out;
    }
    body.menuOpen {
        overflow: hidden;
    }
    .menuOpen .navigation_wrap ul {
        opacity: 1;
        visibility: visible;
    }
    .navigation_wrap ul a {
        padding: 20px 28px 20px;
        font-size: 16px;
        line-height: 24px;
        border-bottom: #18BB6B 2px solid;
        width: 190px;
        text-align: center;
    }
    .humburger_menu button {
        width: 40px;
        height: 40px;
        background: url(../images/btn-humburger.svg) no-repeat;
        background-position: center center;
        background-size: cover;
        border: none;
        padding: 0px;
        vertical-align: middle;
    }
    .highlight_btn a {
        padding: 6px 20px;
    }
    .navigation_wrap .close-btn {
        position: absolute;
        right: 16px;
        padding: 0;
        border: none;
        vertical-align: middle;
        background: url(../images/menu-close.svg) no-repeat;
        background-position: center center;
        background-size: cover;
        width: 40px;
        height: 40px;
        z-index: 100;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s ease-in-out;
    }
    .menuOpen .navigation_wrap .close-btn {
        opacity: 1;
        visibility: visible;
    }
    .conve_hero_context {
        grid-template-columns: 100%;
        row-gap: 30px;
        /* text-align: center; */
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .context .tagline {
        font-size: 21px;
        margin-bottom: 8px;
    }
    .hero_graphic {
        max-width: 480px;
        margin-inline: auto;
        width: 100%;
    }
    .conve_hero_context .context {
        /* max-width: 320px;
        margin-inline: auto; */
    }
    .context .heading {
        margin-bottom: 8px;
        font-size: 40px;
        max-width: 380px;
        width: 100%;

    }

    .company_contactus .telephone {
        height: 15%;
        top: auto;
        right: auto;
        bottom: 16%;
        left: 5%;
        width: 44%;
    }
    .company_contactus .linkto {
        top: auto;
        right: 5%;
        height: 19%;
        width: 42%;
        bottom: 13%;
    }
    
    .cards_wrap {
        grid-template-columns: repeat(1, 340px);
        gap: 24px;
    }
    .tech_section_wrap .tech_section_inner_wrap .intro {
        margin-top: -18px;
    }
    .tech_section_wrap .tech_section_inner_wrap .subheading {
        margin-top: 40px;
        margin-bottom: 0;
        font-size: 28px;
        line-height: 42px;
    }
    .concern_img_01 {
        max-width: 336px;
        margin-bottom: 26px;
    }
    .concern_gif img {
        width: 320px;
    }
    .concern_grid_cards {
        grid-template-columns: repeat(1, 342px);
        row-gap: 30px;
    }
    .concern_grid_cards .card_item {
        grid-template-columns: 13px auto 80px;
        column-gap: 16px;
    }
    .concern_grid_cards .card_item .context .description {
        font-size: 18px;
        line-height: 32px;
    }
    .concern_grid_cards .card_item .context .serial {
        font-size: 18px;
        line-height: 28px;
    }
    .concern_grid_cards .card_item:nth-child(5) {
        width: 100%;
    }
    .tech_section_wrap .heading_bar span {
        padding-inline: 30px;
        font-size: 20px;
    }
    .dispatch_type {
        grid-template-columns:repeat(1, 300px);
        row-gap: 0px;
        justify-content: center;
        padding-bottom: 0px;
    }
    .dispatch_type figure {
        
    }
    
    .dispatch_type figure .caption {
        display: none;
    }
    .dispatch_type::after {
        width: calc(100% - 0px);
        display: none;
    }
    .dispatch_type .context {
        position: relative;
        column-gap: 16px;
        row-gap: 4px;
        background-color: #fff;
        width: 100%;
        border-radius: 18px;
        margin-inline: auto;
        justify-content: center;
        flex-direction: column;
        padding:30px 20px 20px;
        border: #DEDEDE 1px solid;
        box-shadow: #00000040 0px 0px 8px;
        overflow: hidden;

    }
    .only_for_mobile {
        display: block;
    }
    .stripe_for_mob {
        background: url(../images/diagonal.svg) repeat-x;
        background-position: left center;
        background-size: cover;
        width: 100%;
        height: 13px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .dispatch_type .context .caption {
        font-size: 24px;
        line-height: 36px;
        font-weight: 600;
        color: #06B760;
        margin-bottom: 14px;
    }
    .dispatch_type .context .item .stripe {
        display: none;
    }
    .dispatch_type .context .item {
        box-shadow: none;
        font-weight: 300;
    }
    .dispatch_type .context .item span {
        padding: 0;
    }
    .pricing-table {
        flex-wrap: wrap;
        row-gap: 12px;
        max-width: 342px;
    }
    .plan.blank {
        display: flex;
        width: 100%;
    }
    .plan.blank .header {
        height: auto;
        padding: 0;
    }
    .plan.blank .divider {
        height: auto;
    }
    .plan.blank .price, .plan.blank .hours {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        height: auto;
        padding: 6px 6px;
    }
    .plan {
        width: 342px;
        display: flex;
        align-items: center;
    }
    .plan .header {
        border-top-left-radius: 12px;
        border-top-right-radius: 0;
        margin-bottom: 0;
        width: 112px;
        border-bottom-left-radius: 12px;
        margin-right: 8px;
        padding: 30px 6px;
        font-size: 16px;
        line-height: 24px;
    }
    .plan .price {
        margin-bottom: 0px;
        width: 90px;
        padding: 30px 6px;
        font-size: 16px;
        line-height: 24px;
        flex-shrink: 0;
        height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .plan .hours {
        margin-top: 0;
        width: 114px;
        font-size: 16px;
        line-height: 24px;
        padding: 30px 6px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        flex-shrink: 0;
        height: 84px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .plan .divider {
        width: 2px;
        height: 100%;
        margin-inline: 8px;
        border-top: none;
        border-right: #0F9EAB 2px dashed;
    }
    .application_process {
        grid-template-columns: repeat(1, 390px);
        row-gap: 30px;
        justify-content: center;
    }
    .application_process .item {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .application_process .item::after {
        width: 21px;
        right: auto;
        top: auto;
        bottom: -34px;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
    }
    .application_process .item:nth-child(2):after {
        /* display: block; */
    }
    .application_process .item .text_info {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .application_process .item figure {
        max-width: 140px;
    }
    .application_process .item:nth-child(3):after {
        display: block;
    }
    .application_process .item:nth-child(2):after,
    .application_process .item:nth-child(4):after {
        /* display: none; */
    }
    .faq_wrap .faq_item .question {
        font-size: 16px;
        line-height: 24px;
    }
    .social_info_wrap .text_heading {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .social_btn_row {
        flex-direction: column;
        row-gap: 30px;
    }
    .footer_row .col_left {
        flex-direction: column;
        row-gap: 20px;
    }
    .copyright {
        font-size: 13px;
        text-align: center;
    }
    .customer_testimonials .testimonial_card {
        max-width: 100%;
        width: 100%;
    }
    .site_footer {
        /* padding-bottom: 60px; */
    }
    .got_to_top {
        width: 50%;
        height: auto;
        border-radius: 40px;
        bottom: 8px;
        background-color: #ffffff;
        padding: 16px;
        transform: translateX(-50%);
    }

    .customer_testimonials {
        max-width:100vw;
        width: 100vw;
        overflow: hidden;
        margin-inline: -16px;
    }
    .owl-carousel .owl-dots {
        margin: 0 auto;
        display: table;
        margin-top: 20px;
    }
    .owl-carousel button.owl-dot {
        width: 12px;
        height: 12px;
        background-color: #ccc;
        border-radius: 12px;
        margin-inline: 8px;
    }
    .owl-carousel button.owl-dot.active {
        background-color: #000;
    }
    .customer_testimonials .owl-carousel .owl-stage-outer {
        overflow: inherit;
        padding: 30px 0px 12px;
    }

    .context_list ul li {
        line-height: 28px;
        padding: 4px;
    }
    .context_list ul {
        gap: 20px;
    }
    .context_list ul li div {
        padding: 10px 24px;
        gap: 12px;
    }
    .context_list ul li div img {
        /* max-width: 24px; */
    }
    .container.sm {
        padding-inline: 0;
        max-width: 400px;
    }
    .faq_wrap .faq_item .faq_item_head {
        column-gap: 12px;
        padding-right: 60px;
    }
    .faq_wrap .faq_item .faq_item_body {
        display: grid;
        grid-template-columns: 24px auto;
        column-gap: 13px;
    }
    .social_info_wrap {
        margin-inline: 20px;
    }


    /* Company */
    .company_details_row {
        grid-template-columns:repeat(1, 1fr);
        column-gap: 16px;
        margin-bottom: 24px;
    }
    .company_details_row .heading {
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
    }
    .company_details_row .heading span {
        margin-bottom: 16px;
        display: block;
    }
    .company_details_row .details, .company_details_row .details a {
        font-size: 18px;
        line-height: 28px;
        font-weight: 300;
    }
    
}
@media screen and (max-width:539px){
    .hero_graphic {
        max-width: 360px;
    }
    .context .heading {
        font-size: 34px;
    }
    .tech_section_wrap .tech_section_inner_wrap .intro {
        /* font-size: 16px;
        line-height: 24px; */
    }
    .tech_section_wrap .tech_section_inner_wrap .subheading {
        /* font-size: 20px;
        line-height: 30px; */
    }
    .tech_section_wrap .heading_bar span {
        flex-direction: column;
    }
    .dispatch_type .context {
        /* column-gap: 16px;
        row-gap: 16px; */
    }

    .cards_wrap .card_item .card_context {
        grid-template-columns: 60px auto;
    }
    .cards_wrap .card_item .card_context .context h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 6px;
    }

    .tech_section_wrap .heading_bar span {
        padding-inline: 0;
        font-size: 28px;
        width: 100%;
        display: block;
    }
    .tech_section_wrap .heading_bar span img {
        max-width: 130px;
    }
    .application_process {
        grid-template-columns: repeat(1, 1fr);
    }

    .company_contactus .telephone {
        height: 10%;
        bottom: 31%;
        left: 18%;
        width: 64%;
    }
    .company_contactus .linkto {
        top: auto;
        right: 8%;
        height: 15%;
        width: 84%;
        bottom: 7%;
    }
    

}