@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Inter', sans-serif;
font-family: 'Outfit', sans-serif; */
/* homepage css */
/* header navigation */
.header {
    background: #1466FA0D 5% !important;
    /* padding: 1rem 3rem; */
}
nav.navbar {
    padding: 2.1875rem 3rem;
}
.logo a.d-flex {
    align-items: center;
    text-decoration: none;
    gap: 0.5rem;
}
.logo a svg {
    height: 2.5rem;
    width: auto;
}
.logo-title {
    font-size: 2.5rem;
    font-weight: 900;
    font-family: 'Outfit', sans-serif;
    color: #151E3F;
    line-height: 1.25;
}
.header ul.navbar-nav {
    gap: 1.875rem;
}
.header a.nav-link {
    font-size: 1.25rem;
    font-weight: 700;
    color: #030027;
    line-height: 1.25;
    font-family: 'Inter', sans-serif;
}
.btn.btn-blue {
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    background: #1466FA;
    color: #fff;
    padding: 1rem;
}
.get_Started {
    min-width: 13.875rem;
}
.btn.btn-white {
    background: #fff;
    color: #030027;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    font-size: 1.25rem;
    line-height: 1;
    padding: 1rem;
}
.btn.btn-white:hover {
    background: #fff;
    color: #030027;
}
.btn.btn-blue:hover {
    background: #1466FA;
    color: #fff;
}
/* mega_menu */
li.nav-item.navItem .navLink:hover {
    color: rgba(20, 102, 250, 1);
    background: url('../imges/list_img.png');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: auto;
    width: 100%;
}
.dropdown .dropdown-menu {
    background: #f3f7ff;
    border: none;
    top: auto;
    padding: 0;
}
.dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
    }
.dropdown-menu {
    left: 0;
}
.container.mainBlock {
    width: 100%;
    max-width: 93rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.menuBlock:not(:last-child) {
    padding-right: 4rem;
}
.sub_head {
    font-size: 1.125rem;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    color: #000;
    line-height: 1.45;
    border-bottom: 0.0625rem solid #DCDCDC;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    text-decoration: none;
}
ul.sub_nav {
    padding-left: 0;
}
.sub_nav li.nav-item {
    list-style: none;
    margin-bottom: 1.5625rem;
}
.sub_nav .nav-item span.choose-Icon {
    width: 2.75rem;
    height: 2.75rem;
}
.sub_nav li.nav-item .nav-link {
    padding: 0;
}
.subMenu_block a.list-group-item {
    border: none;
    font-size: 1rem;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    color: #000;
    line-height: 1.25;
    padding-top: 0;
    background: inherit;
}
.subMenu_block p.description {
    padding: 0 1rem;
    color: #444444;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    margin-bottom: 0;
}
.menu__footer {
    padding: 1.25rem 4rem;
    border-bottom-right-radius: 3.125rem;
    background: #fff;
    border-bottom-left-radius: 3.125rem;
}
.menu__footer p {
    margin-bottom: 0;
    color: rgba(21, 30, 63, 1);
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
    padding: 0 1.25rem;
    border-right: 0.0625rem solid rgba(150, 150, 150, 1);
    margin-right: 1.5rem;
}
.menu__footer i.fa-arrow-right {
    margin-left: 0.725rem;
}
.menu__footer span a {
    color: rgba(21, 30, 63, 1);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}
/* header navigation end */
.section__gap {
    padding: 4rem 6rem;
}
/* bgIcon */
.bgIcon_a {
    position: absolute;
    width: 100%;
    max-width: 2.75rem;
    top: 5rem;
    left: -7.5rem;
}
.bgIcon_a img {
    width: 100%;
}
.bgIcon_b {
    position: absolute;
    width: 100%;
    max-width: 2rem;
    right: -6rem;
    top: 5rem;
    left: inherit;
}
.bgIcon_b img {
    width: 100%;
}
.bgIcon_c {
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 7rem;
}
.bgIcon_c  img {
    width: 100%;
}
.bgIcon_d {
    position: absolute;
    width: 100%;
    max-width: 5.35rem;
    right: 8rem;
    top: 0;
}
.bgIcon_d img {
    width: 100%;
}
.bgIcon_e {
    position: absolute;
    top: 16rem;
    left: -12.5rem;
}
.bgIcon_e img {
    width: 100%;
}
.bgIcon_f {
    position: absolute;
    right: 0;
    top: 10rem;
}
.bgIcon_f img {
    width: 100%;
}
.choose__section .title__head {
    position: relative;
}
.choose__section .title__head p.title-text {
    padding-right: 22rem;
}
.whyfoodpe__sec .title__head, .whyus__section .title__head {
    position: relative;
    width: 100%;
    max-width: 70rem;
    margin: auto;
}
.whyfoodpe__sec {
    padding-top: 0;
}
.bgIcon_g {
    position: absolute;
    right: 0;
    top: 1rem;
    width: 100%;
    max-width: 3.15rem;
}
.bgIcon_g img {
    width: 100%;
}
.bgIcon_h {
    width: 100%;
    max-width: 7rem;
    position: absolute;
    right: 0;
    top: -2.875rem;
}
.bgIcon_h img {
    width: 100%;
}
.title {
    position: relative;
}
.bgIcon_i {
    width: 100%;
    max-width: 9rem;
    position: absolute;
    top: -13rem;
    left: -6rem;
}
.bgIcon_i img {
    width: 100%;
}
.bgIcon_j {
    position: absolute;
    right: -6rem;
    top: -4.5rem;
}
.bgIcon_j img{
    width: 100%;
}
.bgIcon_k {
    width: 100%;
    max-width: 8.5rem;
    position: absolute;
    right: 9rem;
    bottom: -4.5rem;
}
.bgIcon_k img {
    width: 100%;
}
.bgIcon_l {
    width: 100%;
    max-width: 5rem;
    position: absolute;
    left: -7rem;
    top: -5.5rem;
}
.bgIcon_l img {
    width: 100%;
}
.bgIcon_m {
    width: 100%;
    max-width: 5rem;
    position: absolute;
    top: -8rem;
    left: -6rem;
}
.bgIcon_m img {
    width: 100%;
}
.bgIcon_n {
    position: absolute;
    right: 0;
    top: 5rem;
}
.bgIcon_n img {
    width: 100%;
}
.bgIcon_wheel {
    width: 100%;
    max-width: 6.5rem;
    position: absolute;
    top: -3.5rem;
    left: 8rem;
}
.bgIcon_wheel img {
    width: 100%;
}
.bgIcon_leaf {
    width: 100%;
    max-width: 5.75rem;
    position: absolute;
    right: 11rem;
    top: -5rem;
}
.bgIcon_leaf img {
    width: 100%;
}
/* bgIcon */
/* bannersection */
.banner-section {
    background: linear-gradient(to bottom, #1466FA0D 5%, #1466FA0D 80%, #fff 0%, #fff 0%);
}
.banner-section .banner-title {
    max-width: 60rem;
    width: 100%;
    margin: auto;
    padding-bottom: 1.5rem;
    position: relative;
}
.banner-title h1 {
    color: #000;
    text-align: center;
    font-weight: 800;
    font-family: 'Outfit', sans-serif;
    font-size: 4.5rem;
    line-height: 1.25;
    margin-bottom: 0;
}
.banner-section .title-text {
    text-align: center;
    margin: auto;
    width: 100%;
    max-width: 75rem;
}
.title-text {
    font-size: 1.25rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    line-height: 1.75;
    color: #000;
}
.get__started {
    margin: 2.5rem 0;
    position: relative;
}
.banner__img {
    max-width: 60rem;
    width: 100%;
    margin: auto;
    position: relative;
}
.banner__img img{
    width: 100%;
}
/* bannersection end */
/* bgicon animate */

.bgMove {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
/* trusted section */
.trusted__gap {
    padding: 2rem 16rem;
}
.border__title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.border__title  h3 {
    flex-grow: 0;
    margin-right: 1.25rem;
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    line-height: 1.25;
    color: #151E3F;
}
.borderRight {
    flex-grow: 1;
    height: 0.1356rem;
    background-color: #D2D2D2;
}
/* trusted section end */
.trusted__gap .container-fluid {
    width: 100%;
    max-width: 81.5625rem;
}
/* slideimg section */
.slide__img ul.d-flex {
    justify-content: space-between;
    align-items: center;
    list-style: none;
}
.sliderImg {
    width: 100%;
    max-width: 13rem;
}
.sliderImg img {
    width: 100%;
   
}
.slide__img .slick-slider {
    margin-top: 0;
}
/* slideimg section end */

/* about__section */
.title {
    margin-bottom: 1.75rem;
}
.title h2 {
    font-size: 1.75rem;
    font-weight: 600 !important;
    font-family: 'Inter', sans-serif;
    color: #000;
    line-height: 1.25;
}

.title__head h4 {
    font-weight: 800;
    font-family: 'Outfit', sans-serif;
    font-size: 3.5rem;
    margin-bottom: 2.375rem;
    color: #000;
}
.sectionBtn {
    margin-top: 2.375rem;
    position: relative;
}
.aboutImg img {
    width: 100%;
}
.sectionFooter {
    margin-top: 5rem !important;
    max-width: 27.625rem;
    width: 100%;
    margin: auto;
}
.sectionFooter img {
    width: 100%;
}
/* about__section end */

/* choose__section  */
.choose-Icon {
    background: #1466FA;
    width: 5.25rem;
    border-radius: 50%;
    height: 5.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.choose-Block {
    border: 0.125rem solid #ECECEC;
    border-radius: 0.9375rem;
    padding: 2rem;
    height: 100%;
}
h2.chooseTitle {
    font-size: 1.5625rem;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    line-height: 1.4;
    color: #000;
    margin: 1rem 0;
}
.choose__section .title-text {
    margin-bottom: 2.375rem;
}
/* choose__section  */

/* platform__section  */
.side__gap {
    padding: 4rem 10rem;
}
.platform_Tabs .nav-tabs li.nav-item {
    width: 42%;
}
.platform_Tabs .nav.nav-tabs {
    border-bottom: none;
    margin-top: 2rem;
}
.platform_Tabs .nav-tabs li.nav-item button {
    width: 100%;
    border: none;
    background: #1466FA0D;
    padding: 1.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    border-radius: 0;
    color: #000;
}
.platform_Tabs .nav-tabs li.nav-item button.active {
    background: #1466FA;
    color: #fff;
}
.list-Icon {
    display: flex;
    gap: 0.625rem;
}
.platform_Tabs p.title-text {
    margin: 1.5rem 0;
}
.bulletImage {
    width: 100%;
    max-width: 1rem;
    height: auto;
    padding: 0.5rem 0;
}
.bulletImage img {
    width: 100%;
}
/* platform__section end  */

/*industry__section */
.title__head.titleHead {
    margin-bottom: 3.805rem;
}
.rating_Block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.5rem 1.605rem;
    background: #F0F1F5;
    height: 10.25rem;
    margin-bottom: 2.5rem;
}
.ratingImg {
    width: 100%;
    max-width: 15.75rem;
}
.ratingImg img {
    width: 100%;
}
.star_Icon {
    display: flex;
    gap: 0.625rem;
}
.rating_Block  i.fa {
    color: #ff9515;
    font-size: 1.5rem;
}
.rating_Block  p {
    margin-bottom: 0;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    font-size: 1.75rem;
    line-height: 1.25;
    color: #000;
}
/* rating_Section */
.rating_Section {
    border: 0.0625rem solid #C1C1C1;
    padding: 2.5rem 1.605rem;
    display: flex;
    align-items: center;
    gap: 2.625rem;
    height: 10.25rem;
}
.rating_Section h2 {
    font-size: 2.875rem;
    font-weight: 800;
    font-family: 'Outfit', sans-serif;
    color: #1466FA;
    margin-bottom: 0;
}
.rating_Section p {
    font-size: 1.75rem;
    font-weight: 500;
    font-family: 'Outfit', sans-serif;
    color: #000;
    margin-bottom: 0;
}
.row .ratingSection {
    width: 50%;
    margin-bottom: 2.5rem;
}
/*industry__section  end */

/* software section */
.softIcon {
    width: 100%;
    max-width: 5rem;
    margin: auto;
    margin-bottom: 2rem;
}
.softIcon img {
    width: 100%;
}
.restaurant__section .title__head h4 {
    width: 100%;
    max-width: 50rem;
    margin: auto;
}
.restaurant__section .choose-Block {
    border: none;
    border-radius: 1.25rem;
    box-shadow: 5px 5px 10px 0 rgba(204, 222, 255, 1);
}
.restaurant__section .col-md-4 {
    padding: 0 1rem;
}
.row>*.choose-Blockheader {
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
/* .choose-Blockheader {
    padding-bottom: 2rem;
} */
/* software section end */

/* feature__section  */
.control__tabs {
    margin-top: 4rem;
}
.control__tabs .tab-content {
    margin-top: 1.25rem;
}
.control__tabs .nav-tabs {
    justify-content: center;
    gap: 1rem;
    border-bottom: none;
}
.control__tabs .nav-tabs li.nav-item {
    min-width: 11rem;
}
.control__tabs .nav-tabs li.nav-item button {
    width: 100%;
    font-size: 1.125rem;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    color: #030027;
    padding: 0.475rem 1.5rem;
    border: 0.125rem solid #C1C1C1;
    border-radius: 1.875rem;
    line-height: 2;
}
.control__tabs .nav-tabs li.nav-item button.active {
    background: #1466FA;
    color: #fff;
    border-color: #1466FA;
}
.tab-pane.fade {
    margin-top: 1.25rem;
}
h3.tab_heading {
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    font-size: 1.75rem;
    color: #000;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    display: flex;
}
.controlIcon {
    margin-right: 1rem;
    width: 2.5rem;
    height: 2.5rem;
}
.controlIcon img {
    width: 100%;
}
/* feature__section end  */
/* integration__section  */
.integration__section {
    background-image: url('../imges/map_img.png');
    background-size: 100% 100%;
    position: relative;
}
.integration__section.section__gap {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.integration__block {
    width: 100%;
    max-width: 71.875rem;
}
.overlay__map img {
    width: 100%;
}
/* integration__section end  */
/* testimonial__section  */
.testimonial__section .title__head p.title-text {
    width: 100%;
    max-width: 53.9375rem;
}
.angle_Icon {
    display: flex;
    justify-content: flex-end;
    gap: 2rem;
}
.directionIcon i.fa {
    background: #D8F3FF;
    color: #1466FA;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2.35rem;
    height: 2.35rem;
    font-size: 1.75rem;
}
 .content-flex {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1.875rem;
    margin-bottom: 1.125rem;
}
.testimonial__section 
 .choose-Block {
    background: #F0F1F5;
    border-color: #F0F1F5;
    height: auto;
} 
 .testimonial_content h5 {
    font-size: 1.25rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    color: #151E3F;
}
.testimonial_content p {
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: #151E3F;
}
.testimonial_img {
    width: 100%;
    max-width: 2.75rem;
}
.testimonial_img img {
    width: 100%;
}
.slick-slide.slick_Gap {
    margin: 0 1.359rem;
    height: auto;
}
.slick-slider {
    margin-top: 7.5rem;
}
/* testimonialslider */
.slick-prev:before, .slick-next:before {
    font-size: 2.75rem !important;
}
button.slick-prev:hover, button.slick-prev:focus, button.slick-next:hover, button.slick-next:focus {
    color: #1466FA !important;
    background: #D8F3FF !important;
}
.slick-next:before {
    content: "\f105" !important;
}
.slick-prev:before {
    content: "\f104" !important;
}
.slick-prev:before, .slick-next:before {
    font-family: 'FontAwesome' !important;
    color: #1466FA !important;
    opacity: 1 !important;
    position: inherit;
    transform: translate(-50%, -50%);
}
button.slick-arrow {
    top: -5.5rem !important;
    width: 4rem;
    height: 4rem;
    background: #D8F3FF;
    border-radius: 50%;
}
button.slick-next.slick-arrow {
    right: 0.5rem;
}
button.slick-prev.slick-arrow {
    right: 6rem;
    left: inherit;
}
/* testimonial__section end  */
/* faq__section */
.faq__section .title__head {
    width: 100%;
    max-width: 53.9375rem;
    margin: auto;
}
.faqAccordion {
    margin: 2.825rem 0;
}
.faqAccordion .accordion-item  .accordion-button {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    background: transparent;
    border: none;
    color: #000;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.faqAccordion .accordion-item .accordion-button:not(.collapsed) {
    color: #000;
    background: transparent;
    border: none;
}
.faqAccordion .accordion-item .accordion-button:focus {
    box-shadow: none;
}
.faqAccordion .accordion-item .accordion-body {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.faqAccordion .accordion-item {
    border: none;
    border-bottom: 0.0625rem solid #c8c8c8;
}
.faqAccordion .accordion-item:last-child {
    border-bottom: none;
}
.accordion-button::after {
    background-image: none !important;
    transition: inherit !important;
}
.accordion-button.collapsed::after {
    font-family: 'FontAwesome';
    content: "\f055";
    color: #1466FA;
    font-size: 2.125rem;
    height: auto;
    width: auto;
    
}
.accordion-button:not(.collapsed)::after {
    font-family: 'FontAwesome';
    content: "\f056";
    color: #5B5B5B;
    font-size: 2.125rem;
    height: auto;
    width: auto;
}
/* faq__section end */

/* footer__section */
.footer__section {
    background-image: url('../imges/footer_img.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: center;
    position: relative;
}
.footer__section .footer_Header {
    padding: 6.1875rem  16rem;
}
.footerHeader h1 {
    color: #fff;
    font-weight: 800;
    font-family: 'Outfit', sans-serif;
    font-size: 3.5rem;
    margin-bottom: 1.175rem;
    line-height: 1.25;
}
.footer_header p {
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    color: #fff;
    margin-bottom: 0;
}
.footer__section .sectionBtn {
    text-align: right;
    margin-top: 4rem;
}
.footer__section .logoInnertext .logo a svg {
    height: 3rem;
    width: auto;
}
.footer__section  h2.logo-title {
    color: #fff;
    font-size: 3rem;
}
.footer__section .logoInnertext p {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 2;
    margin-top: 1rem;
    padding-right: 14rem;
}
.footer_Innercontent:first-child {
    width: 100%;
    max-width: 40%;
    padding-right: 0.5rem;
}
.footer_Innercontent:not(:first-child, :last-child) {
    width: 100%;
    max-width: 22%;
    padding-right: 0.5rem;
}
.footer_Innercontent:last-child {
    width: 100%;
    max-width: 16%;
    padding-right: 0.5rem;
}
.footer__section .footer_Content {
    margin-top: 3.75rem;
    display: flex;
}
.footer__section .innerHead h3 {
    color: #fff;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    margin-bottom: 1.625rem;
}
.footer__section .innerHead ul li {
    margin-bottom: 1rem;
}
.footer__section .innerHead ul li a {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    line-height: 2;
    color: #fff;
    text-decoration: none;
}
.footer__section .innerHead.contactList li:not(:first-child) a {
    font-weight: 500;
}
.footer__section ul.social_Icon {
    gap: 1.75rem;
    align-items: center;
}
.footer__section .innerHead.contactList li {
    margin-bottom: 1.75rem;
}
.footer__section .social_Icon li a i.fa {
    font-size: 2.1875rem;
    color: #fff;
}
.footer__section ul {
    padding-left: 0;
}
.footer__section  li {
    color: #fff;
    list-style: none;
}
.footer_Bottomsection {
    border-top: 0.0625rem solid #FFFFFF40;
    text-align: center;
    padding: 2rem;
}
.footer_Bottomsection p {
    color: #fff;
    font-family: 'Outfit', sans-serif;
}
/* footer__section end */
/* homepage css end */

/* productpage css */
/* productBanner section */
.productGap {
    padding: 2rem 3rem 0 3rem;
}
.productBanner {
    background-image: url('../imges/productbg_img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.productBanner .innerbanner {
    width: 100%;
    max-width: 50.4375rem;
    padding-bottom: 4rem;
    margin-left: 3.5rem;
    position: relative;
}
.productBg_a {
    position: absolute;
    right: -1rem;
    width: 100%;
    max-width: 7rem;
    top: 0;
}
.productBg_a img {
    width: 100%;
}
.productBanner .banner-title h1 {display: contents;
    text-align: left;
}
.productBanner .aboutImg {
    padding-top: 2rem;
    position: relative;
}
.productBg_c {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 4rem;
}
.productBg_c img {
    width: 100%;
}
.productBanner  .sectionBtn {
    position: relative;
}
.productBg_b {
    position: absolute;
    top: 0;
    left: 18rem;
    width: 100%;
    max-width: 2.75rem;
}
.productBg_b img {
    width: 100%;
}
span.highlightText {
    background: #1466FA;
    color: #fff;
    border-radius: 0.625rem;
    padding: 0 0.4rem;
}
/* .weoffer__section .title__head h4 {
    padding: 0 11.5rem;
} */
/* productBanner section end */
.sigleorder_section 
 .title__head {
    padding-right: 6rem;
}
/* howwork__section */
.howwork__section {
    background: #1466FA0D;
}
.workorder_a {
    display: flex;
    justify-content: center;
    gap: 7rem;
    margin-bottom: 2rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.workorder_b {
    display: flex;
    justify-content: center;
    gap: 7rem;
    margin-bottom: 2rem;
    margin-left: 0.75rem;
    margin-right: 0.75rem;
}
.howwork__section  .choose-Block {
    width: 100%;
    max-width: 29.375rem;
    padding: 0;
    padding-bottom: 2rem;
    background: #fff;
    box-shadow: 0.3em 0.3em 1em #0066FF33;
    border: none;
    position: relative;
}
.howwork__section .title__head p.title-text {
    width: 100%;
    max-width: 66rem;
    margin: auto;
}
.howwork__section .orderContent {
    padding: 2rem 2rem 0 2rem;
}
.howwork__section .workImg {
    width: 100%;
    max-width: 26.375rem;
    height: 16.8125rem;
    margin-left: -4.5rem;
    padding: 0 0.75rem;
}
.howwork__section h2.chooseTitle {
    font-size: 1.875rem;
    color: #030027;
    line-height: 1.175;
    margin-top: 0;
}
.howwork__section .choose-Block .title-text {
    color: #030027;
}
.howwork__section .workImg img {
    width: 100%;
}
/* howwork__section */
.weoffer__section .aboutImg {
    padding-bottom: 3rem;
}
/* topFeature section */
.topFeature ul.featureimgSection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.5625rem;
    padding-left: 0;
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.topFeature ul.featureimgSection li {
    list-style: none;
    min-width: 26%;
}
.topfeatureInner {
    margin: auto;
    width: 100%;
    max-width: 71.5rem;
}
.featureImg {
    width: 3.75rem;
    height: auto;
}
.featureImg img { 
    width: 100%;
}
.topFeature .title__head p.title-text {
    width: 100%;
    max-width: 34.6875rem;
    margin: auto;
}
.topfeatureBlock {
    display: flex;
    align-items: center;
    gap: 1.75rem;
}
.topfeatureBlock h2 {
    color: #000;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    font-size: 1.75rem;
    margin-bottom: 0;
}
/* topFeature section end */
/* product_section */
.product_section {
    background: #1466FA;
    padding-bottom: 0;
}
.product_section .productInner {
    display: flex;
    align-items: center;
}
.product_section .productBlock {
    width: 100%;
    max-width: 45%;
    padding-bottom: 8rem;
}
.productInner .productBlock p.title-text {
    width: 100%;
    max-width: 48.625rem;
}
.product_section .productBlockimg {
    width: 100%;
    max-width: 55%;
}
.product_section .productBlockimg  img {
    width: 100%;
}
.product_section h4, .product_section h2, .product_section p {
    color: #fff;
}
.product_section .title__head h4 {
    font-size: 4.875rem;
}
.product_section  .sectionBtn .btn-white {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
}
.product_section .sectionBtn .btn-white svg {
    width: 1rem;
    height: 1rem;
}
.dividerLines {
    height: 4.5rem;
    width: 100%;
    max-width: 72rem;
    margin: auto;
}
.dividerLines img {
    width: 100%;
}
.dividerBlines {
    height: 3.5rem;
    width: 100%;
    max-width: 40rem;
    margin: auto;
}
.dividerBlines img {
    width: 100%;
}
/* product_section end */
/* productpage css end */

/* clientpage css */
/* clientbanner section */
.client__banner {
    background: #1466FA0D;
}
.clientinnerBanner {
    margin-left: 8rem;
}
.client__banner .banner-title {
    position: relative;
}
.client__banner .banner-title h1 {
    text-align: left;
}
.client__banner .aboutImg {
    height: 43.375rem;
    width: 100%;
    max-width: 32.875rem;
    margin: auto;
    position: relative;
}
.aboutImg img {
    width: 100%;
}
.clientBg_c.bgMove {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 7.405rem;
}
.clientBg_c img {
    width: 100%;
}
.clientBg_a {
    position: absolute;
    top: 2rem;
    left: -4rem;
}
.clientBg_a img {
    width: 100%;
}
.trustLogo {
    margin: 2.0625rem 0;
    display: flex;
    gap: 0.75rem;

}
.clientBg_b {
    width: 100%;
    max-width: 5.875rem;
}
.clientBg_b img {
    width: 100%;
}
.clientText p {
    font-size: 1.375rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: #000;
}
/* whyus section */
.feature__section .whyus_inner {
    width: 100%;
    max-width: 93.75rem;
}
.feature__section .title__head h4 {
    width: 100%;
    max-width: 74.5625rem;
    margin: auto;
}
.control__tabs ul.tabList {
    display: flex;
    justify-content: center;
    padding-left: 0;
    gap: 3rem;
    margin: 2.5rem 0;
}
.whyus__section .control__tabs ul.tabList li.sliderImg {
    list-style: none;
    padding: 0 1rem;
}
.whyus__section .control__tabs ul.tabList {
    gap: 0;
}
/* choice__section */
.choice__gap {
    padding: 4rem 10rem;
}
.choiceImg {
    width: 100%;
    max-width: 33.75rem;
}
.choiceImg img {
    width: 100%;
}
.choiceImg__right {
    float: right;
}
.choiceBottom {
    margin-bottom: 6rem;
}
.choice_Content  h4 {
    margin-bottom: 0;
}
.flexBox {
    display: flex;
    align-items: center;
}
.choiceimg_Block {
    max-width: 33.75%;
    width: 100%;
}
.choice_Content {
    max-width: 66.25%;
    width: 100%;
}
.gap-130 {
    gap: 7.125rem;
}
.choice_Content .title__head {
    margin-bottom: 0.625rem;
}
.choice__section  .sectionBtn {
    margin-top: 1.9rem;
}
/* clientpage css end */
/* onlinepage css */
.online__banner.productGap {
    padding-right: 0;
}
.online__banner {
    background: #1466FA0D 5%;
}
.online__banner  h1 {
    text-align: left;
}
.online__banner  .flexBox {
    gap: 5rem;
    align-items: flex-end;
}
.online__banner .banner-title {
    padding-top: 0;
}
.flexBox .bannerBlock {
    width: 100%;
    max-width: 50%;
    padding-bottom: 8rem;
}
.flexBox .bannerBlockimg {
    width: 100%;
    max-width: 50%;
}
.bannerBlockimg img {
    width: 100%;
}
.onlineBg_a.bgMove {
    width: 100%;
    max-width: 2rem;
    position: absolute;
    left: -4.5rem;
    top: -4rem;
}
.onlineBg_a.bgMove img {
    width: 100%;
}
.online__banner 
 .clientinnerBanner {
    margin-left: 4rem;
}
/* whyfoodpe__sec css */
.featuredBlock {
    text-align: center;
}
.whyfoodpe__sec .flexBox {
    margin-top: 4rem;
    gap: 9rem;
}
.featuredImg {
    width: 100%;
    max-width: 5rem;
    margin: auto;
}
.featuredImg img {
    width: 100%;
}
/* offeronline__sec css */
.offeronline__sec.section__gap {
    background: #1466FA0D;
}
.paddingRight {
    padding-right: 0;
}
.offeronline__sec .gap-4 {
    gap: 4.4rem;
}
.offerOnline .globally__trusted {
    padding-top: 6rem;
}
.online_Block {
    width: 100%;
    max-width: 50%;
}
.blueTitle {
    color: #1466FA;
}
.online_Blockimg {
    width: 100%;
    max-width: 50%;
}
.onlineDelivery .online_Blockimg {
    padding-top: 4.625rem;
}
.online_Blockimg img {
    width: 100%;
}
.offer_content .flexBox:not(:last-child) {
    margin-bottom: 5rem;
}
.offerIcon {
    background: #1466FA;
    border-radius: 50%;
    width: 3.4375rem;
    height: 3.4375rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.offerText {
    padding: 0 1rem;
}
.offerText h3 {
    font-size: 1.125rem;
    font-weight: 700;
    font-family: 'Outfit', sans-serif;
    color: #000;
}
.offerText p {
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    color: #000;
    line-height: 1.25;
    margin-bottom: 0;
    width: 100%;
    max-width: 37.5625rem;
}
.offer__Section .gap-11 {
    gap: 11rem;
}
.offer__Section .online_Blockimg {
    max-width: 40%;
}
.offer__Section .online_Block {
    max-width: 60%;
}
.offerOnline .integration__section {
    background-image: url('../imges/offer_map.svg');
    background-size: 100% 100%;
}
.onlineDelivery {
    padding-bottom: 0;
}
.onlineDelivery .online_Block {
    padding-bottom: 3rem;
}
/* onlineTestimonial css */
.onlineTestimonial {
    margin-bottom: 4rem;
}
.onlineTestimonial .online_Blockimg {
    padding-top: 0;
}
.onlineTestimonial .flexBox {
    align-items: flex-start;
    gap: 4.4rem;
}
.feedbackContent {
    width: 100%;
    max-width: 52rem;
}
.feedbackContent p {
    font-size: 1.125rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
    line-height: 2.4;
    color: #000;
}
.online_Block .testimonial_content h5 {
    font-weight: 700;
    font-size: 1.475rem;
    margin-bottom: 0.25rem;
}
.online_Block .testimonial_img {
    max-width: 3.75rem;
    height: auto;
}
.online_Block .testimonial_content p {
    line-height: 1.65;
    font-size: 1.125rem;
    margin-bottom: 0;
}
/* testimonialslider */
.clientSlider.slick-slider {
    margin-top: 0;
}
.clientSlider  .slick-list.draggable {
    padding-left: 0 !important;
    margin-right: 3.725rem;
    padding-right: 0 !important;
}
.clientSlider .clientFeedback.slick-slide {
    width: auto;
}
.clientSlider button.slick-arrow {
    top: 15.5rem !important;
    box-shadow: 4px 4px 20px 4px #0000000D;
    background: #fff;
}
.client__Content .content-flex {
    margin-bottom: 0.125rem;
    padding-bottom: 3rem;
}
.clientSlider button.slick-arrow:hover {
    background: #fff !important;
}
.clientSlider .slick-next:before, .clientSlider .slick-prev:before {
    font-size: 1.5rem !important;
    color: #5B5B5B !important;
}
.clientSlider .slick-next:before {
    content: "\f061" !important; 
}
.clientSlider .slick-prev:before {
    content: "\f060" !important;
}
.clientSlider .slick-dots li button:before {
    content: " " !important;
}
.clientSlider .slick-dots {
    text-align: left;
    margin-bottom: 0;
    bottom: -0.1563rem;
}
.clientSlider .slick-dots li {
    width: 100%; 
    max-width: 10rem;
    height: 0;
    margin: 0;
}
.clientSlider .slick-dots li button {
    width: 100%;
    max-width: 10rem;
    height: 0;
    background: #E0E0E0;
    padding: 0.08rem;
}
.clientSlider .slick-dots li.slick-active button  {
    background: #1466FA;
}

/* onlinepage css end */

/* responsive code */
@media screen and (max-width: 1900px) {
    /* productpage */
    .howwork__section .choose-Block {
        max-width: 23.375rem;
    }
    .howwork__section .orderContent {
        padding: 1rem 1rem 0 1rem;
    }
    .howwork__section .choose-Block {
        padding-bottom: 1rem;
    }
    .dividerLines {
        max-width: 60rem;
    }
    .dividerBlines {
        max-width: 30rem;
    }
    .howwork__section h2.chooseTitle {
        font-size: 1.5rem;
    }
    .orderContent .title-text {
        font-size: 1rem;
    }
    .workorder_a {
        gap: 5rem;
    }
    .workorder_b {
        gap: 5rem;
    }
}
@media screen and (max-width: 1748px) {
    .container.mainBlock {
        max-width: 83rem;
    }
}
/* @media screen and (max-width: 1835px) {
    .bannerBlock .banner-title h1 {
        font-size: 3.675rem;
    }
} */

@media screen and (min-width: 991px) and (max-width: 1600px) {
    html{
        font-size: 1vw;
    }
}
@media screen and (max-width: 1400px) {
    .offer_content .flexBox:not(:last-child) {
        margin-bottom: 3rem;
    }
    .online__banner  .flexBox .bannerBlock {
        padding-bottom: 4rem;
    }
    .choice__section .title__head h4 {
        font-size: 3rem;
    }
    .choice__section .title-text {
        font-size: 1rem;
    }
    .topFeature  ul.featureimgSection {
        margin-top: 3rem;
    }
    .topFeature .topfeatureBlock h2 {
        font-size: 1.25rem;
    }
    .footer__section .logoInnertext p {
        padding-right: 6rem;
    }
    .rating_Section h2 {
        font-size: 2.5rem;
    }
    .rating_Section p {
        font-size: 1.375rem;
    }
    .trusted__gap {
        padding: 2rem 10rem;
    }
    .side__gap {
        padding: 2rem 7rem;
    }
    .product_section .title__head h4 {
        font-size: 3.875rem;
    }
    .whyus__section .control__tabs .nav-tabs li.nav-item {
        min-width: 8.75rem;
    }
   
}
@media screen and (max-width: 1722px) {
    /* .title__head h4 {
        font-size: 3.25rem;
    } */
    .offerOnline .title__head h4 {
        font-size: 2.9rem;
    }
}

@media screen and (max-width: 991px) {
    .colWidth {
        width: 100% !important;
    }
    .choose__section .title__head p.title-text {
        padding-right: 0;
    }
    nav.navbar {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .section__gap {
        padding: 2rem 1rem;
    }
    .trusted__gap {
        padding: 2rem 1rem;
    }
    .side__gap {
        padding: 2rem 1rem;
    }
    .bgIcon_a {
        top: -3rem;
        left: 0.625rem;
    }
    .bgIcon_b {
        right: 0;
        top: -1.625rem;
    }
    .bgIcon_c {
        left: 0;
        max-width: 3rem;
    }
    .bgIcon_d {
        right: 0;
        max-width: 3rem;
    }
    .bgIcon_e {
        top: 2.5rem;
        left: 0;
    }
    .bgIcon_j {
        right: 1rem;
    }
    .bgIcon_h {
        max-width: 5rem;
        top: 0;
    }
    .bgIcon_i {
        max-width: 7rem;
        left: 0;
    }
    .bgIcon_k {
        max-width: 5rem;
        right: 3rem;
        bottom: 0;
    }
    .bgIcon_l {
        max-width: 2rem;
        left: 0;
        top: -5rem;
    }
    .sectionFooter  {
        max-width: 20rem;
    }
    .bgIcon_wheel {
        max-width: 4rem;
        top: -3.5rem;
        left: 4rem;
    }
    .bgIcon_leaf {
        max-width: 5rem;
        right: 3rem;
        top: -8rem;
    }
    .bgIcon_m {
        max-width: 3rem;
        top: 0;
        left: 0;
    }
    .bgIcon_n {
        top: 0;
    }
    /* faq */
    .faqAccordion .accordion-item .accordion-button {
        font-size: 1rem;
    }
    .accordion-body .title-text {
        font-size: 0.875rem;
    }
    .border__title h3 {
        font-size: 1rem;
        margin-right: 1rem;
    }
    /* footer__section */
    .footer__section .logoInnertext p {
        padding-right: 12rem;
    }
    .footer__section .sectionBtn {
        margin-top: 0;
    }
    .footer__section .innerHead h3 {
        margin-top: 1.625rem;
    }
    .footer__section .footer_Header {
        padding: 4rem  1rem;
        padding-top: 5.5rem;
    }
    .footer__section .innerHead.contactList li:last-child {
        margin-bottom: 0;
    }
    .footer__section .footer_Content {
        flex-direction: column;
        margin-top: 1.5rem;
    }
    .footer_Innercontent:first-child {
        width: 100%;
        padding-right: 0;
        max-width: 100%;
    }
    .footer_Innercontent .contactList li.pt-3 {
        padding-top: 0 !important;
    }
    .footer_Innercontent {
        padding: 0 1rem;
    }
    .footerHeader .col-12 {
        padding: 0 1.75rem;
    }
    .footerHeader h1 {
        font-size: 2rem;
    }
    .footer_Innercontent:not(:first-child, :last-child) {
        width: 100%;
        max-width: 100%;
    }
    .footer_Innercontent:last-child {
        width: 100%;
        max-width: 100%;
    }
    .platform_Tabs .nav-tabs li.nav-item {
        width: 50%;
    }
    .sectionFooter {
        margin-top: 2rem !important;
    }
    .faqAccordion {
        margin: 1rem 0;
    }
    /* .title__head.titleHead {
        margin-bottom: 1.5rem;
    } */
    .about__section .sectionBtn {
        text-align: center;
    }
    .title {
        text-align: center;
    }
    .title h2 {
        text-align: center;
    }
    .title__head h4 {
        font-size: 2.5rem;
    }
    .title__head h4 {
        text-align: center;
    }
    .title-text:not(.control__tabs .title-text, .platform_Tabs .title-text, .choose-Block .title-text, .accordion-body .title-text) {
        text-align: center;
    }
    .banner-title h1  {
        font-size: 3.875rem;
    }
    h3.tab_heading {
        font-size: 1.5rem;
    }
    /* clientage */
    .flexBox {
        flex-direction: column;
    }
    .choiceimg_Block {
        max-width: 100%;
    }
    .choiceImg {
        max-width: 100%;
    }
    .choice_Content {
        max-width: 100%;
    }
    .choice__section .title__head h4 {
        text-align: left;
    }
    .choice__section .choice_Content .title-text {
        text-align: left;
    }
}

@media screen and (max-width: 794px) {
    .banner-title h1 {
        font-size: 3.5rem;
    }
}
@media screen and (max-width: 783px) {
    .control__tabs .nav-tabs {
        gap: 0.625rem;
    }
}
@media screen and (max-width: 768px) {
    .row .ratingSection {
        width: 100%;
        margin-bottom: 1rem;
    }
    /* .title__head h4 {
        font-size: 2.875rem;
    } */
    .footer__section .logoInnertext p {
        padding-right: 0;
    }
    .rating_Block {
        margin-bottom: 1rem;
    }
}
@media screen and (max-width: 767px) {
    .control__tabs .nav-tabs li.nav-item {
        min-width: 6.5rem;
    }
    .control__tabs .nav-tabs li.nav-item button {
        line-height: 1.5;
    }
    .title__head h4 {
        font-size: 1.875rem;
    }
    /* .banner-title h1 {
        font-size: 3rem;
    } */
    .sectionFooter {
        max-width: 15rem;
    }
    .footer__section .social_Icon li a i.fa {
        font-size: 1.75rem;
    }
    .footer__section .sectionBtn {
        margin-top: 1.75rem;
        text-align: left;
    }
     /* testimonial__section */
     .testimonial__section  h2.chooseTitle {
        font-size: 1rem;
    }
    .testimonial__section .title-text {
        font-size: 0.875rem;
    }
    .testimonial__section .testimonial_content h5 {
        font-size: 1rem;
    }
    .testimonial__section .testimonial_content p {
        font-size: 0.875rem;
    }
    .rating_Section {
        height: auto;
    }
    .rating_Block {
        height: auto;
    }
    .rating_Section h2 {
        font-size: 2rem;
    }
    .rating_Section p {
        font-size: 1rem;
    }
    button.slick-arrow {
        width: 2.75rem;
        height: 2.75rem;
    }
    .slick-prev:before, .slick-next:before {
        font-size: 2rem !important;
    }
    .banner-title {
        padding-top: 0;
    }
    .side__gap {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .sectiopn__gap {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .trusted__gap {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .accordion-button:not(.collapsed)::after {
        font-size: 1.5rem;
    }
    .accordion-button.collapsed::after {
        font-size: 1.5rem;
    }
    .title__head h4 {
        margin-bottom: 1.375rem;
    }
}




@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
      display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
      display: block;
    }
  }
  
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-start,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    display: flex;
  }
  

  @media (min-width: 768px) {
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next,
    .carousel-item-next:not(.carousel-item-start) {
      transform: translateX(25%) !important;
    }
  
    .carousel-inner .carousel-item-left.active,
    .carousel-item-prev:not(.carousel-item-end),
    .active.carousel-item-start,
    .carousel-item-prev:not(.carousel-item-end) {
      transform: translateX(-25%) !important;
    }
  
    .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
      transform: translateX(0) !important;
    }
  
    .carousel-inner .carousel-item-prev,
    .carousel-item-prev:not(.carousel-item-end) {
      transform: translateX(-25%) !important;
    }
  }

  @media (max-width: 700px) {
    h3.tab_heading {
        font-size: 1.25rem;
    }
}

  @media (max-width: 650px) {
    .banner-title h1 {
        font-size: 2.75rem;
    }
    .rating_Block {
        padding: 1rem 0.5rem;
    }
    .rating_Section {
        padding: 1rem;
    }
    .rating_Block i.fa {
        font-size: 1rem;
    }
    .star_Icon {
        gap: 0.25rem;
    }
    .rating_Block p {
        font-size: 1rem;
    }
  }

  @media (max-width: 600px) {
  .platform_Tabs .nav-tabs li.nav-item button {
    font-size: 1rem;
    }
    .ratingImg {
        max-width: 10rem;
    }
  }

  @media (max-width: 519px) {
    .control__tabs .nav-tabs li.nav-item button {
        font-size: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .control__tabs .nav-tabs {
        gap: 0.25rem;
    }
    .control__tabs .nav-tabs li.nav-item button {
        font-size: 0.875rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
  }

  @media (max-width: 500px) {
    .title h2 {
        font-size: 1.5rem;
    }
    .borderRight {
        display: none;
    }
    .border__title {
        display: inherit;
    }
    .border__title h3 {
        text-align: center;
        margin-right: 0;
        font-size: 0.975rem;
    }
    .title-text {
        font-size: 1rem;
    }
    .choose-Icon {
        height: 4rem;
        width: 4rem;
    }
}
  @media (max-width: 475px) {
    .title__head h4 {
        font-size: 1.5rem;
    }
    .control__tabs .nav-tabs li.nav-item {
        min-width: 5.5rem;
    }
}
  @media (max-width: 400px) {
      .ratingImg {
          max-width: 5rem;
      }
      h2.chooseTitle {
        font-size: 1rem;
      }
      .footer_Bottomsection p {
        font-size: 0.875rem;
      }
    }