/* width */
::-webkit-scrollbar {
    width: 7px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px white; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #ffffff 0%, #43b74a 100%);
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #ffffff 0%, #43b74a 100%); 
  }


.service-swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 40px;
    cursor: pointer;
    }
    .service-slide{
       width: 100%;
    }
    .service-slide img {
    min-width: 150px;
    height: 150px;
    margin: auto;
    margin-bottom: 20px;
    }
    .service-slide h6{
    font-size: 22px;
    font-weight: bolder;
    text-transform: capitalize;
    color: #1c2045;
    }
    button.service-slide-btn {
    background: transparent;
    text-transform: uppercase;
    color: #00ba53;
    border: 1px solid #00ba53;
    border-radius: 30px;
    padding: 10px 14px;
    margin-top: 20px;
    font-size: 16px;
    transition: 0.2s ease-in-out;
    }
    button.service-slide-btn:hover{
    background-color: #00ba53;
    color: #ffffff;
    }
    .ov-hidden{
    overflow: hidden;
    padding:2rem 0;
    }
    .service-slide p{
    margin: 0 auto !important;
    font-size: 16px;
    }
    .service-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);
    display: block !important;
    align-items: center;
    justify-content: center;
    }
@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.eot');
    src: url('../assets/fonts/poppins-bold/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/poppins-bold/Poppins-Regular.woff') format('woff'),
        url('../assets/fonts/poppins-bold/Poppins-Regular.ttf') format('truetype'),
        url('../assets/fonts/poppins-bold/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-family: 'Poppins-Regular';
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Bold.eot');
    src: url('../assets/fonts/poppins-bold/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/poppins-bold/Poppins-Bold.woff2') format('woff2'),
        url('../assets/fonts/poppins-bold/Poppins-Bold.woff') format('woff'),
        url('../assets/fonts/poppins-bold/Poppins-Bold.ttf') format('truetype'),
        url('../assets/fonts/poppins-bold/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-family: 'Poppins-Bold';
    font-weight: bold;
    font-style: normal;
}


body {
    padding: 0px;
    margin: 0px;
    font-size: 20px !important;
    font-family: 'Poppins' !important;
    font-weight: 100 !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

* {
    font-family: 'Poppins', sans-serif !important;
    /* outline: red 1px solid; */
}

h1,
h2,
h3,
h4
 {
    font-family: 'Poppins' !important;
    font-weight: 700 !important;

}


div {
    font-size: 16px !important;
    color: #292929;

}
p {
    color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
    font-family: Poppins;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 181.25% */
}


a {
    list-style-type: none !important;
    text-decoration: none !important;
    font-style: normal;
    font-weight: 400;

}

.row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    font-size: 20px !important;
}

.fa-brands,
.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400;
}

.fa-regular,
.far,
.fa {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-solid,
.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900;
}

.text-black {
    color: black;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.btn:hover {
    color: #ffffff;
}

.verticalCenter {
    display: flex;
    align-items: center;
}

.flex-end {
    justify-content: flex-end;
}

.flex-start {
    justify-content: flex-start;
}

.vhCenter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mainHeading {
    font-size: 32px;
}

.genericGap {
    padding: 55px 0px;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.drawerSocial {
    display: inline-flex;
    width: 100%;
    padding: 0px;
    justify-content: flex-start;
}

ul.drawerSocial li {
    list-style-type: none;
}

ul.drawerSocial .pl-18 {
    padding-left: 0 !important;
}

.mr10 {
    margin-right: 10px;
}

.home-page .zigzag_heading h1 {
    color: #292929;
    font-family: Poppins;
    font-size: 72px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100.8px; /* 140% */
}

.home-page .zigzag_heading p {
    width: 456px;
    color: rgba(41, 41, 41, 0.50);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-top: 20px;
}

.container.home-page {
    margin-top: 75px;
}

.wave {
    text-align: center;
    margin: 75px auto;
}
.zigzag_heading path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards;
}

.brand{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 266.935px;
    height: 266.833px;
    flex-shrink: 0;
}
.brand:hover {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 15px 1px lightgrey;
    transition: all 0.2s ease-in;
}
.b-hide {
    visibility: hidden;
}

.r-0:before {
    right: 0;
}

#home-slider-btn {
    width: 100% !important;
    height: 100%;
    position: relative !important;
    bottom: 0% !important;
}

@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}


/* job section css start */
.job-position {
    padding: 100px 0px !important;
}

.container.job-position .row .col-md-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
}

.open-position-title h5 {
    color: #292929;
    padding-left: 7.8em;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 18px;
}

/* span.position-dot,
.environment-dot,
.gallery-dot {
    color: #43B749;
    font-size: 30px;
} */

.position-title {
    color: #292929;
    font-weight: bold;
    line-height: 1.2em;
    font-size: 32px;
    margin: 0;
}

.position-location {
    margin: 0;
    padding: 40px 0px;
    color: #888ea0;
    font-size: 16px;
}

.position-btn {
    display: inline-block;
    padding: 12px 28px;
    border-radius: 30px;
    border: solid 1px #43B749;
    background: transparent;
    font-size: 16px;
    color: #43B749;
    transition: 0.2s ease-in-out;
}

.position-arrow {
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
    margin-right: -5px;
    margin-top: -3px;
}

.position-arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url(../assets/images/arrow-right-black.svg);
    transition: 0.2s ease-in-out;
    left: auto;
    background-position: right 0;
    right: 0;
}

.position-mb-100 {
    margin-top: 100px;
}

a.position-btn:hover .position-arrow::before {
    width: 20px;
}

a.position-btn:hover {
    background-color: #43B749;
    color: #ffffff;
}

/* ENVIRONMENT CSS START */
.envi-img,
.comu-img {
    width: 100%;
}

.environment-top-title h5 {
    color: #292929;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 18px;
}

.canvas-navi-bar {
    /* position: fixed !important; */
}

.envi-desc-two {
    margin-bottom: 0;
}

.envi-desc-one {
    margin-bottom: 10px;
}

.environment-wrapper .row {
    display: flex;
    justify-content: center;
    align-items: center;
}

.environment-title,
.community-title {
    font-size: 40px;
    color: #292929;
    font-weight: bold;
    margin-bottom: 30px;
}

.environment-left p,
.community-left p {
    color: #888ea0;
    font-size: 16px;
}

.comu-ptb-100 {
    padding: 100px 0px;
}

.gallery-img img {
    width: 100%;
}

.gallery-top-title h5 {
    color: #292929;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 18px;
}

.gallery-top-title h2 {
    color: #292929;
    margin-bottom: 40px;
    font-weight: 600;
    font-size: 40px;
}

.ptb-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.gallery-wrapper {
    padding-bottom: 100px !important;
}

.service {
    position: relative;
    list-style: none;
    outline: 0;
}

.services.overflow {
    margin-bottom: 50px;
}



.service a {
    width: 100%;
    height: 100%;
    outline: 0;
}

.career .zigzag_heading p {
    text-align: center;
}

.container.career p {
    margin-top: 40px;
    margin-bottom: 0;
}

.container.career .wave {
    margin-bottom: 0 !important;
}

#navi\ pt-20 {
    padding-top: 48px;
}

a,
a::after,
a::before,
a:hover {
    cursor: pointer;
    color: #43B749;
}

.service figure {
    width: 100%;
    display: inline-block;
}

.service figure figcaption {
    position: relative;
    float: left;
    cursor: pointer;
    width: 100%;
    min-height: 350px;
    margin: 155px 0 15px;
    padding: 30px 30px 30px;
    border-radius: 10px;
    color: #888ea0;
    background-color: #fff;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 0 20px 70px rgb(136 142 160 / 40%);
    -moz-box-shadow: 0 20px 70px rgba(136, 142, 160, .4);
    box-shadow: 0 20px 70px rgb(136 142 160 / 40%);
    width: 90% !important;
}

figure.js-tilt {
    display: flex;
    justify-content: center;
    align-items: center;
}

.intr {
    margin: 60px 0 15px !important;
}

.service figure,
.service figure .content {
    position: relative;
}

.service figure figcaption .content h2,
.service figure figcaption .content p {
    margin: 0;
}

.service figure figcaption h2 {
    color: #292929 !important;
    padding: 20px 0;
    font-size: 38px;
}

.service figure figcaption .content .desc {
    min-height: 115px;
    margin-bottom: 0 !important;
    padding: 0;
    color: #888ea0;
    font-size: 16px;
}

.service figure figcaption .content .linkText,
.serviceLarge .content .linkText {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: -50px;
    right: 0;
    padding: 14px 25px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0 20px 50px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 20px 50px rgba(0, 0, 0, .3);
    box-shadow: 0 10px 50px rgb(0 0 0 / 20%);
    border-radius: 50px;
}

.service figure figcaption .content .linkText p,
.serviceLarge .content .linkText p {
    opacity: 0;
    width: 100px;
    line-height: 1.4em;
    padding: 0;
}

.service figure figcaption .content .linkText .arrow,
.serviceLarge .content .linkText .arrow {
    position: absolute;
    right: 15px;
    top: 12px;
    width: 20px;
    height: 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.service figure figcaption .content .linkText span.arrow:before,
.serviceLarge .content .linkText span.arrow:before {
    content: '';
    width: 20px;
    border: 1px solid #888e9a;
    display: inline-block;
    position: relative;
    background-color: #888e9a;
    top: -4px;
}

.service figure figcaption .content .linkText span.arrow:after,
.serviceLarge .content .linkText span.arrow:after {
    content: '';
    position: absolute;
    top: 7px;
    right: 0;
    height: 10px;
    width: 10px;
    border-bottom: 2px solid #888e9a;
    border-right: 2px solid #888e9a;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* project section css start */
.project-title-two {
    font-weight: bold;
    font-size: 60px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 1em;
    text-align: center;
    color: #43B749;
    padding-right: 0%;
}

.project-section{
   
    margin-bottom: 75px;
}

.project-slider {
    padding: 40px 0px 60px 0px !important;
}

.project-title-one {
    font-size: 41px;
    color: #686e7f;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

.project-wrapper {
    padding-bottom: 80px;
    display: none;
}

.project-wave {
    padding-top: 50px;
}





/* project cards */
.project-card-wrapper {
    position: relative;
    margin-bottom: 40px;
    border-radius: 10px !important;
}

.project-card-img-wrapper:hover .project-card-title {
    display: block !important;
    position: absolute;
    width: 98%;
    margin: 0 auto;
    left: 1%;
    right: 1%;

}

.main-card-img {
    border-radius: 20px;
    width: 100% !important;
    max-width: 100% !important;
    border: #e6e6e6 0.5px solid;
    /* box-shadow: 0 20px 70px rgb(136 142 160 / 40%); */
    
}

.prl-20 {
    padding-left: 176px;
    padding-right: 176px;
}

header .socialLinkWrapper {
    margin-top: 0 !important;
    
}

.project-jc-center {
    justify-content: center;
}

.wave.project-wave {
    width: 200px;
    margin: 0 auto;
    padding: 0;
    margin-top: 40px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards;
    animation-iteration-count: infinite;
}

.wave.project-wave.pt-0 {
    padding-top: 0;
}

.project-credentials-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
}

.project-slider {
    padding-bottom: 80px !important;
}

.project-wrapper .project-wave {
    margin-bottom: 0 !important;
}

.footer-project-top {
    padding-top: 100px !important;
}

h1.credential-title {
    color: #292929;
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 20px;
}

p.credential-desc {
    color: #888ea0;
    font-size: 16px;
}

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

.project-client-wrapper {
    padding-left: 28px;
    padding-right: 28px;
}

.project-client-list {
    padding-bottom: 50px;
}

/* quicklinks css */
.quicklinks-wrapper a {
    text-decoration: none;
}

.size-post-thumbnail {
    margin-right: 20px;
    width: 20%;
    border-radius: 10px;
}

.quicklinks-wrapper .content {
    display: inline-block;
    color: #888ea0;
    width: calc(100% - 150px);
    vertical-align: middle;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}

.quicklinks-wrapper .content p {
    margin-bottom: 5px;
    color: #888ea0;
    padding: 0;
    font-size: 22px;
}

.quicklinks-wrapper .content span {
    font-size: 36px;
}

img.size-post-thumbnail {
    width: 20%;
}

.content-right {
    display: inline-block;
    color: #888ea0;
    width: calc(100% - 150px);
    vertical-align: middle;
    text-align: end;
}

.quicklinks-wrapper .content-right p {
    margin-bottom: 5px;
    color: #888ea0;
    padding: 0;
    font-size: 22px;
}

.quicklinks-wrapper .content-right span {
    font-size: 36px;
}

.size-post-thumbnail-two {
    margin-left: 20px;
    width: 20%;
    border-radius: 10px;
}

/* service page css */


/* .service-zigzag-wave {
    width: 200px;
    text-align: center !important;
    margin: 0 auto;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards;
} */


/* service card css */


/** Footer **/
footer .container-fluid {
    background-color: #ffffff;
}

.container-fluid .ft-0 {
    top: 0 !important;
}

.footerLeft {
    background-color: #f9f9f9;
    background-image: url('../assets/images/footer-left-bg.png');
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

.footerLeftContaier {
    padding: 40px 40px 40px 70px;
}

.copyrightFooter {
    background: #f3f6ff;
    padding: 30px 0px;
    color: #111121;
}

.crText {
    font-weight: bold;
    margin-bottom: 0 !important;
    color: #000000 !important;
}

.footerSocial {
    margin-top: 35px;
}

.genericHeading {
    color: black !important;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 2px;
}

.socialList {
    display: flex;
    align-items: center;
}

.socialList li {
    border: 1px solid black;
    border-radius: 50%;
    margin-right: 10px;
    transition: 0.2s ease-in-out;
    padding: 0 !important;
}

ul.drawerSocial a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.socialList li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    text-decoration: none;
}

.socialList li a i {
    font-size: 18px;
}

.footerNav li {
    margin-bottom: 15px;
    text-transform: capitalize;
}

.footerNav li a {
    text-decoration: none;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 0;
    color: #111121;
    font-weight: 500;
}

.footerRightContainer {
    padding: 80px 70px 80px 15px;
}

.footerRight {
    background-image: url('../assets/images/footer-right-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.AddressWrapper li {
    margin-bottom: 15px !important;
    font-weight: 500;
    color: black;
}

.addressMeta i {
    padding-right: 10px;
}

.addressMeta a {
    color: #43B749;
}

.footerSocial ul li a:hover {
    color: #ffffff;
    transition: 0s ease-in-out;
}

.socialLinkWrapper ul li a:hover {
    color: #ffffff;
    transition: 0s ease-in-out;
}

.footerSocial ul li:hover {
    background-color: #43B749;
    transition: 0.2s ease-in-out;
    border: 1px solid #43B749;
}

.socialLinkWrapper ul li:hover {
    background-color: #43B749;
    transition: 0.2s ease-in-out;
    border: 1px solid #43B749;
}

ul.AddressWrapper.list-unstyled p {
    color: #111121 !important;
}

ul.product-category {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

ul.product-category {
    padding-left: 0 !important;
}

.grid-wrapper.quote-grid {
    padding: 30px 0px 60px 0px;
}

.grid-5 {
    width: 50% !important;
}

.grid-5Wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.odoo-logo {
    width: 100%;
}

.grid-5.align-start {
    text-align: left;
    padding-left: 7em;
}

.grid-5.align-end {
    text-align: end;
    padding-right: 7em;
}

.grid-5Wrapper {
    text-align: center;
}

/* our work */
.our-work {
    background-image: url(../assets/images/resize/dashed-line-bg.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: top;
}

.our-work .container {
    padding-left: 42px !important;
    padding-right: 42px !important;
}

.our_work_img {
    text-align: end;
}

.earthImage {
    border-radius: 100%;
    margin: 7px 8px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border: 2px dashed #888888;
    padding: 6px;
    background-color: white;
}

.earthText {
    display: block;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    text-align: center;
    color: #666666;
}

.our_work_img strong {
    align-items: end;
    display: block;
    font-size: 2.1em;
    font-weight: normal;
    position: relative;
    margin-top: 30px;
    text-align: center;
    color: #666666;
    margin-left: 50%;
}

.our-work .row {
    text-align: center;
}

.our_work_img img {
    border-radius: 100%;
    border: 2px dashed #888888;
}

/* testimonial */
.testimonial_text h1 {
    font-size: 40px;
    margin-bottom: 50px;
    margin-top: 40px;
    margin-bottom: 60px ;
    color: #292929;
    font-weight: bolder;
}

.testimonial_wrapper {
    margin-bottom: 75px;
}

.testimonialItem.pl-0 {
    padding-left: 0 !important;
}

.testimonialItem.pr-0 {
    padding-right: 0 !important;
}

.testimonial_card_item {
    padding: 25px;
    padding-top: 20px;
    border-radius: 30px;
    position: relative;
    background: rgb(41, 41, 41, 0.1);
    text-align: left;
    height: 220px;
	
}

p.testimonial_desc {
    color: rgba(41, 41, 41, 0.50);
    font-family: Poppins;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25.2px !important; /* 180% */
}
.testimonial_card_item h4{
    color: #292929;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 28.8px; /* 180% */
}
.testimonial_card .quote-blue {
    font-size: 50px;
    position: absolute;
    left: 30px;
    color: #43B749;
    top: 2px;
}

.stars_wrapper li {
    font-size: 12px;
    padding-left: 0px;
    color: #43B749;
    margin-bottom: 10px;
    margin-top: 10px;
}

.testimonial_card h4 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1em;
    color: #3e3e3e;
    margin-top: 15px;
    font-weight: bolder;
}

.testimonial_card .testimonial_desc {
    font-size: 14px;
    line-height: 19px;
    max-height: 120px;
    color: #888EA0;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.testimonial_card_item::before {
    width: 0px;
    height: 0px;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid rgb(41, 41, 41, 0.1);
    position: absolute;
    content: close-quote;
    bottom: -18px;
    left: 42px;
}

.testimonial_card {
    display: flex;
    justify-content: center;
}

.client_name h6 {
    margin-top: 22px;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #292929;
    padding: 0 25px;
}

/* slider */
.swiper-wrapper {
    transform: translate3d(-892.5px, 0px, 0px);    
    transition: all 5s linear 0s;
}

.swiper .clientCarousel {
    transform: translate3d(-892.5px, 0px, 0px);
    transition: all 5s linear 0s;
}

div.p-top-0 {
    padding-top: 0 !important;
}

.clientCarousel {
    padding-bottom: 100px !important;
    padding-top: 50px !important;
    text-align: center;
}


/**ABOUT US CSS**/
.about_us {
    background-image: url(../assets/images/about-us-bg.png);
    background-size: auto !important;
    background-repeat: repeat;
    background-position: top;
    background-color: #f3f6ff;
}

.about_title {
    padding: 80px 0px;
}

.about_title h1 {
    font-size: 32px;
    font-size: 50px;
    color: #292929;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}

.about_wrapper {
    text-align: center;
}

.breadcrumb {
    display: flex;
    justify-content: center;
}

.breadcrumb-item a {
    text-decoration: none;
    color: #292929;
    font-size: 18px;
    font-weight: bold;
}

.breadcrumb-item.active {
    color: #43B749;
    ;
    font-weight: bold;
    font-size: 18px;
}

.about_desc {
    background-image: url(https://gexton.com/frontend_assets/images/pattern/03.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 60px;
}
#thepopup {
    position: relative;
    transform: translate(185px, 200px);
}
.about_desc_title h1 {
    color: #ffffff;
    font-size: 22px;
    background-color: #43B749;
    display: inline-block;
    padding: 4px 9px;
}

.about_text {
    margin-top: 20px;
    font-size: 40px;
    color: #292929 !important;
    font-weight: bold;
    padding-bottom: 0;
}

.about_desc_title p {
    line-height: 1.9;
    color: #4f4e4e;
}

.about_heading h1 {
    color: #ffffff;
    font-size: 22px;
    background-color: #43B749;
    display: inline-block;
    padding: 4px 9px;
    margin-bottom: 30px;
}

.about_desc_two p {
    line-height: 1.9;
    text-align: left;
    color: #888ea0 !important;
}

.about_text_two {
    margin: 40px 0px;
    color: #888ea0 !important;
    font-size: 16px;
    text-align: left;
}

/* about Carousel */
.aboutCarousel {
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 50px 10px;
}

.about_bg_color {
    background-color: #f3f6ff;
    padding: 80px 0px;
}

.about_swiper {
    padding: 60px 0px;
    text-align: center;
}

/* CONTACT US CSS */
.contact_us {
    background-image: url(../assets/images/about-us-bg.png);
    background-size: auto !important;
    background-repeat: repeat;
    background-position: top;
    background-color: #f3f6ff !important;
}

.row.form-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_wrapper {
    text-align: center;
}

.contact_title {
    padding: 80px 0px;
}

.contact_title h1 {
    font-size: 32px;
    font-size: 50px;
    color: #292929;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}

/* ABOUT FORM CSS */
.contact_us_form {
    background-image: url(../assets/images/contact-us-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #f3f6ff;
    padding-bottom: 60px !important;
}

.contact-info-inner {
    background: #f2f2f2;
    padding: 50px 30px 50px 30px;
}

.contact-title {
    position: relative;
    color: #292929;
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: bold;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin: 20px 0px;
}

.contact-item {
    padding-left: 0;
    position: relative;
}

.contact-desc {
    margin-bottom: 0;
    line-height: 24px;
    color: #4f4e4e;
    font-size: 16px;
}

.contact-form-heading {
    font-size: 16px;
    color: #3e3e3e;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
}

.contact-heading-two {
    margin-top: 35px;
    margin-bottom: 0px !important;
}

.contact_socials {
    padding: 0;
    margin: 0;
    line-height: 0;
}

.contact-social-facebook {
    display: block;
    text-align: left;
    margin-bottom: 15px;
    padding-left: 0;
}

.contact-icons-link {
    display: inline;
    border: none !important;
    width: 70px !important;
    line-height: 34px !important;
    color: #202020;
    text-decoration: none;
}

.contact-icons-link i {
    margin-right: 9px;
    font-size: 18px;
}

.contact-social-skype {
    display: block;
    text-align: left;
}

.contact_info {
    text-decoration: none;
    color: #212529;
}

.contact-right-title h3 {
    color: #ffffff;
    font-size: 22px;
    background-color: #43B749;
    display: inline-block;
    padding: 4px 9px;
    margin-bottom: 25px;
}

.contact-right-title h1 {
    font-size: 50px;
    font-weight: bolder;
    color: #292929;
}

.form-group {
    margin-bottom: 25px;
    position: relative;
}

.form-control {

    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgb(41, 41, 41, 0.50);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    padding: 0;
    border-radius: 0;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 300;
    line-height: 22.4px; /* 140% */
    color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
}


.right-form-btn {
    padding: 15px 48px;
    gap: 10px;
    border-radius: 55px;
    border: 2px solid var(--paz-com-pk-paz-dark-green-color, #45B649);
    /* box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12); */
    color: var(--paz-com-pk-paz-dark-green-color, #45B649);
    text-align: center;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.right-form-btn:hover{
background-color: #45b649;
color: white;

}
.form-control:focus {
    color: #212529;
    background-color:transparent;
    border-color: #43B749;
    outline: none !important;
    box-shadow: none !important;
}

/* QUOTE CSS START */
.col-md-4 .quote-form-right-panel .quote-section {
    margin: 50px 0px;
}

.quote-title span {
    font-size: 50px;
    color: #292929;
    font-weight: bold;
}

.quote-title {
    margin-bottom: 16px;
    font-weight: 300;
}

.quote-form-main-group {
    padding: 30px 35px;
    background: #fcfcfc;
    margin-bottom: 25px;
    border: 1px solid #f5f5f5;
}

.quote-form-main-heading {
    color: #3e3e3e !important;
    font-size: 28px;
    font-weight: bolder;
}

.quote-form-group {
    margin-bottom: 20px;
}

.quote-control-label {
    color: #333 !important;
    font-weight: bold !important;
    font-size: 14px;
    margin-bottom: 10px;
}

.quote-form-right-panel .icons-list {
    padding-left: 0 !important;
}

.quote-form-right-panel .quote-desc {
    margin-bottom: 0;
}

.icons-list {
    margin-top: 30px;
}

ul.icons-list li,
ul.list-unstyled li {
    margin-bottom: 4px;
}

ul.icons-list li i {
    font-size: 14px;
    margin-right: 4px;
}

.td-none {
    text-decoration: none !important;
}

/* Team css start */
.team-bg {
    background-image: url(../assets/images/team-bg.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
}

.team-about-title-wrapper,
.team-about-desc-wrapper {
    display: none;
}

.team-icon {
    width: 10%;
}

.text-white {
    font-size: 30px;
    font-weight: bolder;
}

.team-bg .d-flex {
    margin-top: 6%;
}

.project-slider {
    padding-top: 0 !important;
}

ul.breadcrumbs {
    display: flex;
    justify-content: end;
    align-items: center;
}

.team-title-two {
    color: #ffffff;
    text-decoration: none !important;
}

.team-desc {
    color: #ffffff;
}

.banner-overlay {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 44%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-title {
    color: #ffffff;
    font-size: 32px;
}

/* team about css */
.team-about-wrapper {
    margin-bottom: 5%;
}

.team-about-title {
    text-align: center;
    font-size: 50px;
    color: #292929;
    font-weight: bold;
}

.team-about-desc {
    color: #888ea0;
    font-size: 15px;
    margin: 30px 0px;
}

.team-desc-link {
    text-decoration: none;
    color: #43B749;
}

.great-team-title {
    text-align: center;
    font-size: 40px;
    color: #292929;
    font-weight: bold;
    margin-bottom: 40px;
}

.team-img-one {
    padding: 3px;
    position: relative;
}

.team-iframe {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
    padding-top: 80px;
}

.member-name-wrapper {
    position: absolute;
    bottom: 12px;
    right: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 5px 14px;
    border-radius: 2px;
    background-color: #444;
    z-index: 9994;
}

.member-post {
    position: absolute;
    top: 90%;
    right: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 3px;
    border-radius: 2px;
    background-color: #43B749;
}

.member-name {
    padding: 2px;
    background-color: #444444;
    font-size: 16px;
    color: #ffffff;
}

.mb-30 {
    margin-bottom: 40px;
}

/* service single css */
.service-single-page {
    background-image: url('../assets/images/service-single-bg.png');
    background-size: auto !important;
    background-repeat: repeat;
    background-position: top;
    background-color: #f3f6ff;
}

.service-single-page .service-title {
    padding: 80px 0px;
}

.service-single-page .service-title h1 {
    font-size: 32px;
    font-size: 50px;
    color: #292929;
    line-height: 60px;
    font-weight: 700;
    margin-bottom: 30px;
}

.service-single-page .service-single-wrapper {
    text-align: center;
}

.service-single-page .breadcrumb {
    display: flex;
    justify-content: center;
}

.service-single-page .breadcrumb-item a {
    text-decoration: none;
    color: #292929;
    font-size: 18px;
    font-weight: bold;
}

.service-single-page .breadcrumb-item.active {
    color: #43B749;
    font-weight: bold;
    font-size: 18px;
}

/* service mobile app dev css */
.mobile-app-detail .mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mt15 {
    margin-top: 15px;
}

.mobileSecondaryNav {
    display: none;
}

.mobile-app-title {
    position: relative;
    color: #292929;
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 40px;
    font-weight: bold;
}

.my-5 {
    margin-bottom: 3rem !important;
}

.mobile-app-desc {
    margin-bottom: 16px;
}

.line-h {
    line-height: 1.9;
    margin-bottom: 16px;
}

.mobile-app-detail a,
button,
input {
    outline: medium none !important;
    color: #43B749;
    text-decoration: none;
}

.mobile-app-sidebar .col-md-4 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.mobile-app-widget {
    background: #f3f6ff;
    padding: 30px;
}

.mobile-app-list {
    padding-left: 0;
    list-style: none;
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}

.mobile-app-sidebar-links .mobile-app-item:first-child a {
    padding-top: 0;
}

.mobile-app-sidebar-links .mobile-app-item a {
    color: #2c2c2c;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
    display: block;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

.mobile-app-item .active a {
    color: #43B749;
}

.mobile-app-sidebar-links .mobile-app-item a:hover,
.mobile-app-sidebar-links .mobile-app-item .active a {
    color: #43B749;
}

.red-slider-wrap {
    transition: 0.5s ease-in-out;
}

.mobile-app-desc span {
    font-size: 26px;
    color: #3e3e3e;
    font-size: 26px;
    font-weight: bold;
}

.mobile-app-item.active a {
    color: #43B749 !important;
}

.our-project .prev {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.our-project .next {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.container.our-project .next {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.container.our-project .prev {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

/* project-single page css */
.project-single-quicklinks .next {
    text-align: end !important;
}

.container.project-single-graphic {
    width: 84% !important;
    max-width: 84% !important;
}

.project-single-title {
    font-size: 40px;
    color: #292929;
    font-weight: bold;
}

.project-single-title-desc {
    font-size: 16px;
    color: #888ea0;
    line-height: 1.6;
}

.wave.project-single-wave {
    width: 200px;
    text-align: center !important;
    margin: 0 auto;
    margin-top: 50px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear forwards;
    animation-iteration-count: infinite;
}

.project-single-title-desc {
    margin-bottom: 0;
}

/* online store css */
.online-store-image-wrapper.half {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 50px;
}

.online-store-img-2 {
    width: 100%;
    display: inline-block;
    float: left;
}

.online-store {
    max-width: 1600px;
    padding: 0 180px;
    box-sizing: border-box;
    width: 100%;
}

.online-store-img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    border: 1px solid #f2f3f7;
}

.online-store-image-wrapper {
    position: relative;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    margin: 0 auto;
}

.back-to-all a {
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
    margin: 0 auto;
    top: 54px;
}

.back-to-all span {
    width: 8px;
    height: 8px;
    border-radius: 10px !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 20px !important;
    position: absolute;
    top: 12px;
    left: 11px;
    background-color: #686e7f;
    -webkit-box-shadow: -11px 0 #686e7f, -11px 11px #686e7f, 11px 0 #686e7f, 11px -11px #686e7f, 0 -11px #686e7f, -11px -11px #686e7f, 0 11px #686e7f, 11px 11px #686e7f;
    -moz-box-shadow: -11px 0 #686e7f, -11px 11px #686e7f, 11px 0 #686e7f, 11px -11px #686e7f, 0 -11px #686e7f, -11px -11px #686e7f, 0 11px #686e7f, 11px 11px #686e7f;
    box-shadow: -11px 0 #686e7f, -11px 11px #686e7f, 11px 0 #686e7f, 11px -11px #686e7f, 0 -11px #686e7f, -11px -11px #686e7f, 0 11px #686e7f, 11px 11px #686e7f;
}

.swiper.homeSwiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-free-mode {
    bottom: 740px;
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.home-slider-img {
    width: 100% !important;
    border-radius: 20px;
    /* padding: 10px;
	*/
}

.slider-bg-color {
    background-color: #43B749;
    padding: 130px 0px;
    margin: 0 175px;
    border-radius: 10px;
}

.home-slider-title h1 {
    color: #ffffff;
    font-weight: bold;
    font-size: 40px;
    padding: 1rem 0 !important;
}

.home-slider-title {
    top: -24% !important;
    position: relative;
    text-align: center !important;
}

:root {
    --swiper-theme-color: #ffffff !important;
}

.slider-mt-0 .mySwiper {
    padding-bottom: 4em;
}

.home-slider-btn {
    bottom: 0% !important;
    z-index: 30;
    position: relative;
    text-align: center;
    align-items: center;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px !important;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0px !important;
}

.swiper-pagination-bullet {
    height: 10px !important;
    width: 10px !important;
    background: #292929;
    opacity: 0.5;

}
.swiper-pagination-bullet-active {
    background: #FDFDFD;
}

.slider-bg-color {
    background-color: #43B749;
    padding: 130px 0px;
    margin: 0 220px;
    border-radius: 10px;
    position: relative;
    height: 930px;
    min-height: 500px !important;
}

button.all-projects {
    background-color: transparent;
    border-radius: 40px;
    padding: 12px 28px;
    border: none;
    color: #ffffff;
    border: 1px solid #ffffff;
    transition: .3s ease-in-out;
    text-transform: uppercase;
}

button.all-projects:hover {
    background-color: #ffffff;
    color: #43B749;
    border: 1px solid #ffffff;
}

.contact-dp {
    margin-bottom: 30px;
    font-size: 18px;
}

.aboutCarousel .swiper-slide a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.alert-success {
    text-align: center;
}

/* responsive dropdown */
.mobile-dropdown {
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none !important;
    font-weight: bold;
    font-size: 22px;
    color: #ffffff;
    background-color: #43B749;
    border-color: 58b84a;
    border-radius: 2px;
    padding: 20px 0px;
    border: 2px solid #43B749 !important;
}

.mobile-dropdowm-wrapper {
    width: 100%;
}

.responsive-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

ul.dropdown-menu.mobile-dropdowm-wrapper.show {
    background-color: #f3f6ff;
    margin-top: 0;
    border-color: #f3f6ff;
    padding: 20px;
    border-radius: 2px;
    width: 87% !important;
}

ul.mobile-dropdowm-wrapper {
    width: 22%;
    border-radius: none !important;
}

li.mobile-app-item a {
    color: #2c2c2c;
    border-bottom: 1px dashed #ddd;
    padding: 10px 0;
    display: block;
    font-size: 15px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}

.responsive-dropdown .btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.btn-secondary:hover {
    color: #ffffff;
    background-color: #43B749;
    border-color: #43B749;
}

.row.service-pb {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.pt-10 {
    padding-top: 4rem !important;
    padding-bottom: 1rem !important;
}

.home-title-wrapper h1 {
    font-size: 70px;
    color: #292929;
    line-height: 1.2em;
    font-weight: bold;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    
}

.home-title-wrapper p {
    color: #888ea0;
    width: 100%;
    margin: 40px 0;
    line-height: 25.2px;
}

.home-title-wrapper span {
    font-weight: bolder;
    font-size: 24px;
}



.project-single-zigzag-heading {
    margin-bottom: 4em;
}

.project-filter-wrapper .filter-button-wrap:hover a {
    color: #ffffff;
}

.project-filter-wrapper .filter-button-wrap:hover a {
    transition: 0.2s ease-in-out;
}

.border-right{
    border-right: 1px solid #292929!important;
}

.grid5wrapper {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0;
}
.clientCarousel-wrapper{
    text-align: center;
    margin-bottom: 50px;
}
.clientCarousel-wrapper h2{
    color: #292929;
    text-align: center;
    font-family: Poppins;
    font-size: 53px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 74.8px; /* 141.132% */
    margin-bottom: 10px;
}

.clientCarousel-wrapper p{
    color: rgba(41, 41, 41, 0.50);
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-bottom: 20px;
}


.card.footer-articles {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    padding: 15px !important;
    justify-content: space-between;
    border: none;
    transition: box-shadow 0.3s ease;
}


.card.footer-articles:hover{
    
        -webkit-box-shadow: 0 10px 6px -6px #A5A5A5 ; 
           -moz-box-shadow: 0 10px 6px -6px #A5A5A5 ;
                box-shadow: 0 10px 6px -6px #A5A5A5 ;
      
}

.wwd{
    margin-top: 60px !important;
    margin-bottom: 60px !important; 
}
.articles-info h6 {
    color: #292929;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px; /* 120% */
    margin-bottom: 10px;
}

.articles-info p {

    color: rgba(41, 41, 41, 0.50);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.86px; /* 142.875% */
}

h1.takeoff-area {
    color: #292929;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 48px; /* 120% */
    margin-bottom: 30px;
}

.contact-footer {
    background-color: #f9f9f9;
    background-image: url('../assets/images/footer-right-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

footer .sub-menu {
    padding-left: 0;
}

footer .socialLinkWrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin: 0;
}

footer .sub-menu li {
    margin-bottom: 6px !important;
}

footer h5 {
    color: #292929;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px; /* 120% */
    margin-bottom: 13px;
}


#footer-global-menu p {
    text-align: left;
}

/* div#footer-global-menu .col-md-2 {
	padding-left: 4em;
}
*/
div#footer-global-menu .col-md-4.pl-4 {
    padding-left: 5em;
}

footer p,
footer li a {
    font-size: 14px;
}

.activeFilter {
    background-color: #43B749;
    color: #ffffff !important;
}

span.filter-button-wrap.activeFilter a {
    color: #ffffff;
}

.grid5 .mb-0 {
    margin-bottom: 0 !important;
}

.zigzag_heading .text-left {
    text-align: left !important;
    margin: 0;
}


.partner-logo ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
}

.partner-logo ul h5 {
    margin-bottom: 0;
}

footer .devider {
    width: 2px;
    height: 50px;
    background-color: #43B749;
    margin: 0 9px !important;

}

.shopify-img {
    max-width: 210px !important;
    /* margin-right: 1rem !important; */
    width: 100%;
    -o-object-position: center !important;
    object-fit: cover !important;
    object-position: center !important;
}

.partner-logo-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
}

.partner-logo-text {
    /* text-align: center;
	*/
    /* margin-top: 10px;
	*/
    margin-bottom: 0;
}



.partner-logo-text p {
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 10px;
}

.col-md-2.w_33.align-right.pl-9 {
    padding-left: 2em;
    padding-right: 0;
}
.content-overlay {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.red-slider-wrap:hover .content-overlay,
.project-card-img-wrapper:hover .content-overlay {
    opacity: 1;
}

.red-slider-wrap,
.project-card-img-wrapper {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
    
}

.home-slider-content,
.project-card-title {
    position: absolute;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.red-slider-wrap:hover .home-slider-content,
.project-card-img-wrapper:hover .project-card-title {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.home-slider-content h1,
.project-card-title h1 {
    color: #fff;
    font-weight: 500;
    /* letter-spacing: 0.15em;
	*/
    /* margin-bottom: 0.5em;
	*/
    text-transform: uppercase;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
}

.fadeIn-bottom {
    top: 80%;
}

.bottom-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

div#footer-global-menu .col-md-2 {
    padding-left: 2em !important;
}

div#footer-global-menu .pdl-0 {
    padding-left: 0 !important;
}

.see-more-btn {
    border: 1px solid #ffffff;
    background: transparent;
    border-radius: 30px;
    padding: 6px 18px;
    color: #ffffff;
    font-size: 14px;
    margin-top: 1em;
    transition: .3s ease-in-out;
}

.see-more-btn:hover {
    border: 1px solid #43B749;
    background: #43B749;
    color: #ffffff;
}

img.odoo-img {
    max-width: 150px !important;
    width: 100%
}

.testimonial_text {
    margin-bottom: 50px;
    /* padding: 0 15px; */

}
.testimonial_text h2{
    color: #292929;
    font-family: Poppins;
    font-size: 53px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 74.2px; /* 140% */
    
}

.header-logo-devider {
    width: 2px;
    height: 50px;
    background-color: #43B749;
    margin: 0px 11px 0px 15px;

}

.header-partner-logo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.header-shopify-logo img {
    max-width: 200px;
    width: 100%;
}

.header-odoo-logo img {
    max-width: 180px;
    width: 100%;
}

header.container {
    margin-top: 45px;
}

header .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .justify-end {
    justify-content: flex-end;
    display: flex;
    z-index: 9999;
    align-items: center;

}

.all-web-wrapper {
    margin-top: 200px;
    display: flex;
    justify-content: center;
}

/*===========================================
new code
=============================================
*/

.menu_head{
    font-size: 14px;
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}
.port_head {

    color: #FDFDFD !important;
    text-align: center;
    font-family: Poppins;
    font-size: 53px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 74.2px; /* 140% */
    letter-spacing: 0.4px;
}

.portfolio-link {
    display: block;
    text-decoration: none;
    z-index: 60 !important;
    width: 100%;

}

.carousel-img {
    height: 100% !important;
    width: 100% !important;
    position: relative;
    z-index: 2;
    object-position: center;
    object-fit: cover;
}

.portfolio-card {
    display: block;
    border-radius: 20px;
    height: 100%;
    position: relative !important;
    z-index: 5 !important;
    overflow: hidden;
    position: relative;
}



.portfolio-link {
    height: 100%;
}

.drop-overlay {
    display: block;
    text-decoration: none;
    border-radius: 20px;
    position: absolute !important;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .7);
    cursor: pointer;
    transition: 0.5s ease-in-out;
    z-index: 10;
    opacity: 0;
}

.portfolio-card:hover .drop-overlay {

    opacity: 1 !important;
}

.overlay-content {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding: 0.6rem;
}

.overlay-content a.ref-btn {
    margin-top: 0.6rem;
    padding: 6px 1.8rem;
    background: transparent;
    font-size: 14px;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #fff !important;
    min-width: 130px;
    text-align: center;
    transition: 0.3s ease-in-out;

}

.overlay-content a.ref-btn:hover {
    background-color: #43B749;
    border: 1px solid #43B749;
}

.mySwiper h2 {
    color: #FDFDFD !important;
    text-align: center;
    position: relative;
    padding: 3rem;
    z-index: 1234;
    letter-spacing: .4px;
}

.card-controls {
    display: flex;
    align-items: center;
    flex-direction: column-reverse !important;
    justify-content: center;
    position: relative !important;
    height: 100px;
    z-index: 4444;
}

.all-ref-btn {
    width: 277px ;
    height: 54px ;
    display: inline-flex;
    padding: 15px 46px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    border: 2px solid #FDFDFD;
    background-color: transparent;
    z-index: 333;
    position: relative;
    transition: .3s ease-in-out;
    color: #FDFDFD;
    font-weight: 500 !important;

}
.all-ref-btn:hover {
    background: #ffffff;
    color: #43B749;

}

.bg-box {
    max-width: 85vw !important;
    width: 90% !important;
    left: 50%;
    transform: translateX(-50%); 
    background: #43B749;
    margin: 0 auto;
    position: absolute;
    top: 0%;
    /* padding: 0 0.75rem; */
    margin: auto;
    height: 100%;
    border-radius: 10px;

}

.slider-contains {
    position: relative;
    width: 100vw;
    margin-bottom: 75px;
}

.overlay-content h2 {
    padding: 0 1rem;
}

.overlay-content h2 {
    font-size: 18px;
}

.project-card-title h1 {
    text-align: center !important;
}

.contact-texts {
    color: rgba(41, 41, 41, 0.50);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px; /* 143.75% */
}

.description-font {
    font-size: 14px !important;
    line-height: 22.86px !important;
    color: rgb(41, 41, 41, 0.5);
    font-family: 'Poppins', sans-serif !important;
    line-height: 25.2px !important;
}
.col-lg-6.pt-4.pt-lg-0.p-0.wwo_text{
    margin-top: 40px !important;
}
.wwo_img{
    margin-top: 40px !important;
}



/* @media(min-width:1200px){
    .swiper-slide{
        width: 450px !important;
        height: 100%;
    }
} */

.project-card-title h1 {
    width: 100% !important;
}

.content-overlay {
    width: 100% !important;
}

.project-card-title h1 {
    width: 100% !important;
}

.extra-padd {
    padding: 0 1.8rem;
}

.partner-logo-text {
    padding-left: 1rem;
}

.partner-logo-text p {

    color: rgba(41, 41, 41, 0.50);
    font-family: Poppins;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 171.429% */
}

.services-heading p {
    line-height: 46.96px !important;
    font-size: 34px !important;
    margin-bottom: 0 !important;
    color: #292929;
}

.list-of-point {
    list-style-type: disclosure-closed !important;
}

#paz_privacy_policy {
    padding: 50px 12px;
}

#paz_privacy_policy h1,
h3,
h4 {

    color: #3e3e3e !important;
}

.paz-terms-condition {
    padding: 50px 12px;
}

.paz-terms-condition h1,
h2,
h3,
h4 {
    color: #292929 !important;
}

/* fixed price header and table pricing by salman */

.hideFixedHeader {
    display: none;
}

.fixedHeader {
    display: flex;
    position: fixed;
    top: 0;
    width: 100vw;
    justify-content: center;
    background: #fdfdfd;
    box-shadow: 0 8px 12px rgb(0 0 0 / 8%), 0 1px 0 rgb(226 226 226 / 25%);
    z-index: 9;
}

.fixedHeader>.row>.colFixedHeader {
    width: 85vw;
    margin: 0 auto;
}


.fixedTableHeading {
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    padding-top: 7px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #222;
    top: 0;
}

table.tablePricing {
    table-layout: fixed;
    width: auto;
    min-width: 100%;
    margin: 30px 0px;
    padding: 0;
    border-collapse: collapse;
    border: 0;
    overflow: hidden;
    /* border: black 1px solid; */
    /* background: #eaf0f6; */
}

table>thead>tr>td,
table>tbody>tr>td {
    border: none;
    border: 0px;
    width: 206px;
    max-width: 206px;
    padding: 20px 0px !important;
    /* border: black 1px solid; */
    
}

table>thead>tr>td.extraPadding,
table>tbody>tr>td.extraPadding {
    padding: 20px 30px !important;
    line-height: 28px;
}

.planText,
.theadText {
    font-weight: 700;
    padding-top: 30px;
    color: #000;
    text-transform: capitalize;
    vertical-align: top;
}

.planText {
    font-size: 20px;
}

.theadText {
    font-size: 32px;
}

.amountText {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: #000;
}

.amountText>small {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    vertical-align: middle;
}

.btn-dark {
    background-color: #222;
    color: #fff;
    width: 90%;
    min-width: 128px;
    height: 44px;
    border-radius: 4px;
    margin-top: 28px;
    font-weight: 700;
    padding: 10px;
    font-size: 16px;
    text-transform: capitalize;
}




.take-offbtn {
    color: #43B749;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    
}
.select_Plan{
    text-align: left;
    border-radius: 5px;
    font-size: 13px;
    height: 50px;
    color: #111121;
    background: #f2f2f2;
    border: 1px solid #ccc;
}
.select_Plan:hover{
    text-align: left;
    
    border-radius: 5px;
    color: #111121;
    background: #f2f2f2;
    border: 1px solid #ccc;
}
.talk_btn{
    width: 165px ;
    height: 54px ;
    display: inline-flex;
    padding: 15px 48px;
    align-items: center;
    gap: 10px;
    border-radius: 55px;
    border: 2px solid #43B749;
    color: #43B749;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 30px;
    justify-content: center;
}
.talk_btn:hover{
    background-color: #43B749;
    color: #ffffff;

    }
.menu-btn span{
       color: #888ea0;
    }
.menu-btn span.fa{
        color: #43B749;
    }
    
.communication_opt span{
        color: #43B749;
        
    }
.communication_opt span.fa{
        color: #43B749;
    }
.l-c{
        color: var(--paz-com-pk-paz-dark-green-color, #45B649);
        font-family: Poppins;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px; /* 131.25% */
    }
.a_head1{
        font-size: 40px ; 
        font-weight: 600;
    }
.smallTxt{
        color: var(--paz-com-pk-black-heading, #292929);
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 150% */
    }

   

.mainTxt a{
    color: var(--paz-com-pk-paz-dark-green-color, #45B649);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 131.25% */
}
.mainTxt span{
    color: var(--paz-com-pk-paz-dark-green-color, #45B649);
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px; /* 131.25% */
}
.background{
   display: flex;
   align-items: flex-start;
   width: 1128px;
   /* height: 517px; */
   border-radius: 10px;
   background-color: rgb(41, 41, 41, 0.05);
   /* box-shadow: 0px 0px 60px 30px rgba(0, 0, 0, 0.03); */
   position: relative;

}
.info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 10px;
    width: 443px;
    height: 500px;
    border-radius: 11px;
    background-color: #F9F9F9;
    box-shadow: 0px 0px 25px 1px rgba(41, 41, 41, 0.06);
}
.cont_text{
    padding: 35px 51px;
}
.cir_design {
    display: flex;
    justify-content: space-between;
    
}
.cont_text h5{
    color: #292929;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0 !important;
}
.cont_text p{
    color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cont_info{
    display: flex;
    justify-content: space-between;
    padding: 0 51px;
    height: 194px;
    flex-shrink: 0;
    flex-direction: column;
}
.information{
    display: flex;
    align-items: flex-start;

}
.information p{
    color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 19.6px; /* 140% */
    letter-spacing: 0.14px;
    margin: 0 18px;
}
.social_icon{
    display: flex;
    align-items: center;
    padding: 0 51px;

}
.social_icon li{
    border: 1px solid black;
    border-radius: 50%;
    margin-right: 10px;
    transition: 0.2s ease-in-out;
    padding: 0 !important;
}
.social_icon li a{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
    text-decoration: none;
}
.cir_design ul li:hover {
    background-color: #43B749;
    transition: 0.2s ease-in-out;
    border: 1px solid #43B749;
}
.cir_design ul li a:hover {
    color: #ffffff;
    transition: 0s ease-in-out;
}

div#packageSelect {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* Change to flex-start to ensure all items are in one line */
    color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    margin-top: 15px;
}
  
#packageSelect label {
    list-style: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    width: calc(25% - 10px); /* Four items in a row with some spacing */
    margin-right: 55px; /* Add spacing between items */
    background-color: #f2f2f2; /* Add a background color for better visualization */
    text-align: left; /* Center align the text within the li */
    box-sizing: border-box;
    white-space: nowrap;
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  
  /* Hide the browser's default radio button */
  .container.service-box input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #ccc;
    border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  /* .container.service-box:hover input ~ .checkmark {
    
  } */
  
  /* When the radio button is checked, add a blue background */
  .container.service-box input:checked ~ .checkmark {
    background: url(../assets/images/checked.png);
    background-repeat: no-repeat;
  }
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .container.service-box input:checked ~ .checkmark:after {
    display: block;
  }
/* Default style for labelText */
.labelText {
    color: rgb(41, 41, 41, 0.5); /* Set the default color here */
    transition: color 0.3s;
    font-weight: 400;
}

/* Style for labelText when the radio input is checked */
input[type="radio"]:checked ~ .labelText {
    color: #43B749; /* Set the color you want when selected */
    font-weight: 500;

}
  /* Style the indicator (dot/circle) */
  /* .container.service-box .checkmark:after {
       top: 9px;
      left: 9px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: white;
  } */
  /* .package li:last-child {
    margin-right: 0;
  }
  #packageSelect p::before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-image: url(../assets/images/unchecked.png);
    background-size: cover;
    background-position: center;
    left: -22px;
    top: 3px;
  }
  
  .package li.checked {
    color: #43B749;
  }
  
  .package li.checked::before {
    background-image: url(../assets/images/checked.png);
  }
   */
#packageSelector{
    display: flex;
    align-items: center;
}
.radio{
    margin: 0 !important;
    margin-right: 10px !important;
}


.left_form{
    padding: 0 30px;
    margin-top: 35px;
}

div#showError{
    font-size: 16px !important;
    margin: 0;
}
div#showSuccess{
    font-size: 16px !important;
    margin: 0;
}
    
.service-swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 40px;
 }

 .service-slide img {
    width: 30%;
    margin-bottom: 20px;
 }

 .service-slide h6 {
    font-size: 22px;
    font-weight: bolder;
    text-transform: capitalize;
 }

 button.service-slide-btn {
    background: transparent;
    text-transform: uppercase;
    color: #43B749;
    border: 1px solid #43B749;
    border-radius: 30px;
    padding: 10px 14px;
    margin-top: 20px;
    font-size: 16px;
    transition: 0.2s ease-in-out;
 }

 button.service-slide-btn:hover {
    background-color: #43B749;
    color: #ffffff;
 }

 .ov-hidden {
    overflow: hidden;
 }

 .service-slide p {
    margin: 0 auto !important;
    font-size: 16px;
 }

 .service-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);
    display: block !important;
    align-items: center;
    justify-content: center;
 }/* index inline css */

.section-padding{
    padding:60px 0;
    }
    .brand-carousel {
    /* background: aliceblue; */
    margin-top: 20px;
    }
    .owl-dots {
    display: none;
    }
    #testimonial_area {
        padding: 10% 0;
    }
    .box-area {
        padding: 30px;
        position: relative;
        display: block;
    
        margin: 40px 0;
    }
    .box-area h5 {
        font-size: 16px;
        font-weight: 700;
        color: #0a69ed;
        margin-top: 30px;
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .box-area span {
        color: #262626;
        display: block;
        font-size: 13px;
        margin: 0 0 10px;
        font-weight: 400;
    }
    .box-area .content {
        color: #262626;
    }
    
    #testimonial_area .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
    }
    #testimonial_area .owl-prev, #testimonial_area .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        color: #0a69ed;
        border-radius: 50%;
        text-align: center;
        background: #fff;
        position: absolute;
    }
    #testimonial_area .owl-prev {
        left: -60px;
        top: -30px;
    }
    #testimonial_area .owl-next {
        right: -60px;
        top: -30px;
    }

/* Service page css */

.service-page {
    margin-top: 75px;
}
.service-page .zigzag_heading .dot {
    color: #43B749;
    font-family: unset !important;
}
.service-page .zigzag_heading h1 {
    color: #292929;
    font-family: Poppins;
    font-size: 72px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100.8px; /* 140% */
}
.service-page .zigzag_heading p {
    width: 456px;
    font-size: 16px;
    color: rgba(41, 41, 41, 0.50);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-top: 20px;
}

/* service card css */
.services-container{
    padding: 0;
}
.serviceWrapper {
    padding: 0;
    margin: 75px auto;
    
}
.service{
    padding: 0;
}
.card-services {
    display: block;
    position: relative;
    max-width: 100%;
    background-color: var(--bg-color);
    border-radius: 9px;
    margin: 10px;
    text-decoration: none;
    z-index: 0;
    overflow: hidden;
    box-shadow: -5px 5px #45b649;
    border: 1px solid #43B749;
    width: 360px;
    height: 275px;;
    transition: 0.25s ease-in-out;
}

.card-services.pt-25 {
    padding-top: 25px;
}
.card-services:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    right: -70px;
    background: #45b649;
    height: 15px;
    width: 100px;
    border-radius: 32px;
    transform: scale(1);
    transform-origin: 30% 30%;
    transition: transform 0.25s ease-out;
}

.card-services h3 {
    color: #292929;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 32.4px; /* 180% */
}

.card-services:hover:before {
    transform: scale(30);
}

.card-services:hover {
    transform: translateY(-10px);
}

.card-services:hover p {
    transition: all 0.3s ease-out;
    color: #FDFDFD;
}

.card-services:hover h3 {
    transition: all 0.3s ease-out;
    color: #FDFDFD !important;
}

.services-heading {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;
    line-height: .7;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}

.services-heading p {
    line-height: 1.2;
    font-size: 38px;
    margin-bottom: 0 !important;
    color: #292929;
}

.go-corner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 50px;
    height: 45px;
    overflow: hidden;
    top: 0;
    right: 0;
    background-color: #45b649;
    border-radius: 0 4px 0 45px;
}

.card-services a {
    color: #292929 !important;
    text-decoration: none;
    padding: 35px 40px !important;
    display: block;
}

.services-heading {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    vertical-align: middle;
    flex-direction: column;
    line-height: .7;
    font-size: 2.2rem;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
}
.service-card-wrapper {
    position: relative;
    list-style: none;
    outline: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.service-pb {
    padding-bottom: 30px;
}

.service-card-img {
    width: 93%;
    position: absolute;
    z-index: 1;
    padding: 0 60px;
    left: 0;
}


.service-card-content {
    position: relative;
}

.service-card-title {
    text-align: center;
    font-size: 26px;
    color: #292929;
    font-weight: bold;
    margin-bottom: 28px;
}

.service-mtb {
    padding-top: 100px;
}

.service-card-desc {
    min-height: 115px;
    margin-bottom: 50px;
    padding: 0;
    text-align: center;
}

.service-card-pb {
    padding-bottom: 50px;
}

.service-detail {
    opacity: 0;
    width: 100px;
    line-height: 1.4em;
    padding: 0;
}

/* Service page css end */

/* project page css  */
.project-page {
    margin-top: 75px;
}
.project-page .zigzag_heading .dot {
    color: #43B749;
    font-family: unset !important;
}
.project-page .zigzag_heading h1 {
    color: #292929;
    font-family: Poppins;
    font-size: 72px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100.8px; /* 140% */
}
.project-page .zigzag_heading p {
    width: 456px;
    color: rgba(41, 41, 41, 0.50);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-top: 20px;
}

.project-filter-wrapper {
    padding: 0;
    margin-top: 75px;
    margin-bottom: 50px;
    list-style-type: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.project-filter-wrapper a{
    display: inline-block;
    color: #43B749;
    border: 1.5px solid #43B749;
    padding: 8px 22px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    cursor: pointer;
    transition: 0.2s ease-in-out;
}
.project-filter-wrapper a {
    display: inline-block;
    margin-right: 20px;
}

.project-filter-wrapper a:hover {
    background-color: #43B749;
    color: #ffffff;
}
.project-filter-wrapper a:focus {
    background-color: #43B749;
    color: #ffffff;
}



.project-page {
    margin-top: 75px;
}
.project-page .zigzag_heading .dot {
    color: #43B749;
    font-family: unset !important;
}
.project-page .zigzag_heading h1 {
    color: #292929;
    font-family: Poppins;
    font-size: 72px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100.8px; /* 140% */
}
.project-page .zigzag_heading p {
    width: 456px;
    color: rgba(41, 41, 41, 0.50);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-top: 20px;
}
/* project page css end */




/* about us page css  */

.about-page {
    margin-top: 75px;
}
.about-page .zigzag_heading .dot {
    color: #43B749;
    font-family: unset !important;
}
.about-page .zigzag_heading h1 {
    color: #292929;
    font-family: Poppins;
    font-size: 72px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100.8px; /* 140% */
}
.about-page .zigzag_heading p {
    width: 456px;
    color: rgba(41, 41, 41, 0.50);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-top: 20px;
}
.What_Who{
    margin: 75px auto;
}
.what_text{
    margin-left: 50px;
}
.about_What{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}
.about_What h4{
    margin-bottom: 20px;
    color: #292929;
    font-size: 40px;
    font-family: Poppins;
    font-weight: 600 !important;
    line-height: 57.60px;
    word-wrap: break-word
 
}
.about_What .dot {
    font-size: 72px;
    color: #43B749;
    font-family: unset !important;
}
.about_What p {
    width: 500px;
    color: rgba(41, 41, 41, 0.50);
     font-size: 16px;
     font-family: Poppins;
     font-weight: 400;
     line-height: 28.80px;
     word-wrap: break-word
}

.about_Who{
    display: flex;
    justify-content: center;
    align-items: center;
}
.about_Who h4{
    margin-bottom: 20px;
    color: #292929;
    font-size: 40px;
    font-family: Poppins;
    font-weight: 600 !important;
    line-height: 57.60px;
    word-wrap: break-word
   }
   .about_Who .dot {
       font-size: 72px;
       color: #43B749;
       font-family: unset !important;
   }
   .about_Who p {
       width: 500px;
       color: rgba(41, 41, 41, 0.50);
        font-size: 16px;
        font-family: Poppins;
        font-weight: 400;
        line-height: 28.80px;
        word-wrap: break-word
   }
   .who_text{
    margin-right: 50px;
}

/* about us page css end */

/* contact page css  */
.contact-page {
    margin: 75px auto;

}
.contact-page .zigzag_heading .dot {
    color: #43B749;
    font-family: unset !important;
}
.contact-page .zigzag_heading h1 {
    color: #292929;
    font-family: Poppins;
    font-size: 72px;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 100.8px; /* 140% */
}
.contact-page .zigzag_heading p {
    width: 456px;
    color: rgba(41, 41, 41, 0.50);
    font-style: normal;
    font-weight: 400;
    line-height: 28.8px; /* 180% */
    margin-top: 20px;
}
.service_label{
    color: var(--paz-com-pk-black-heading, #292929) !important;
    font-family: Poppins;
    font-size: 16px !important; 
    font-style: normal;
    font-weight: 600 !important;
    line-height: 20px; /* 125% */
}
div#packageSelect a{
    color: rgba(41, 41, 41, 0.50);
    font-size: 14px;
    font-family: Poppins;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word
}
.contact-form{
    margin-bottom: 75px;
}
.contact-right-form label {
    color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16.8px; /* 120% */
    padding: 0;
    margin: 0;
}
.g-recaptcha div{
    width: 100vw;
}
.rc-anchor-normal .rc-anchor-pt {
    margin: 2px 11px 0 0;
    padding-right: 2px;
    position: inherit;
    right: 0;
    text-align: right;
    width: 86px;
}
/* contact page css end */

/* responsive  */

@media screen and (max-width: 1034spx) and (min-width: 768px) {
    #stickyHeader {
        display: none;
    }
    .Clients{
        font-size: 40px !important;
    }
    .test_head{
        font-size: 40px !important;
    }
    .port_head{
        font-size: 40px !important;
    }
    .grid5Wrapper{
        flex-wrap: wrap;
    }
    .card-services {
        margin: 10px !important;
    }
    div.card-services a {
        padding: 20px !important;
    }
    div.card-services p {
        font-size: 15px !important;
    }

}
@media screen and (max-width: 2560px) and (min-width: 426px) {
    /* .portfolio-card.overlay-content h2{
        font-size: 20px !important;
    } */
    .zigzag_heading {
        line-height: 56px;
    }
       .brand-carousel{
        display: none !important;
       }
       .owl-dots {
        display: none;
        }
        .a_head1 {
            font-size: 56px;
      }

  }
@media (max-width:1024px) and (min-width: 426px){
    .map svg{
        width: 70vw !important;
        height: auto;
        position: relative;
        right: 30px;
    }
    .wwo_img{
        margin-bottom: 40px !important;
    }
    .wwd p{
        margin-top: 40px !important;
    }
    .wwo{
        margin-bottom: 40px !important;
    }
}
@media screen and (max-width: 1024px) and (min-width: 320px) {
    .menu-btn{
        display: none; 
  }
}
@media screen and (max-width: 995px) and (min-width: 320px) {
    .menu-btn {
      padding: 0 0 10px 0;
    }
  }
@media screen and (max-width: 425px) and (min-width: 320px) {
    .right-form-btn {
        padding: 15px 48px;
        gap: 10px;
        border-radius: 55px;
        border: 2px solid var(--paz-com-pk-paz-dark-green-color, #45B649);
        box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.12);
        color: var(--paz-com-pk-paz-dark-green-color, #45B649);
        text-align: center;
        font-size: 14px !important;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }
    .zigzag_heading svg {
        width: 368px;
        margin: 0 auto;
    }
    .wave {
        display: flex;
        justify-content: center;
        margin: 40px auto !important;
    }
    /* .container.home-page {
        margin: 0 15px !important;
     } */
    .contact-right-form{ 
        width: 382px !important;
        height: 462.939px !important;
    }
    .left_form {
        padding: 0 !important;
        margin-top: 35px;
    }
    .social_icon {
        padding: 0 20px !important;
    }
    .cir_design {
        position: relative;
        top: 22px !important;
    
    }
    .cir_design img{
        height: 86% !important;
    }
   
    .col-lg-6.pt-4.pt-lg-0.p-0.wwo_text{
        margin-top: 0 !important;
    }
    
    .info p{
        font-size: 14px !important;
    }
    /* .info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin: 10px;
        width: 382px !important;
        height: 462.939px !important;
        border-radius: 11px;
        background-color: #F9F9F9;
        box-shadow: 0px 0px 25px 1px rgba(41, 41, 41, 0.06);
    } */
    .cont_text{
     padding: 25px 20px !important;  
    }
    .cont_text h5 {
        color: #292929;
        font-size: 24px !important;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0 !important;
    }
    .cont_info {
        padding: 0 20px !important;
       
    }
    .wwo {
        margin: 0 !important;
    } 
    .wwo_img{
        margin-bottom: 60px !important;
    }    
    /* .menu-btn{
        display: flex; 
        position: fixed;
        margin-top: 153px;
        font-size: 10px !important;
    } */
    .wwo_img{
        margin-top: 40px;
    }
    .wwd{
        margin-bottom: 0px !important;
    }
    .menu-btn li{
        border: none !important;
    }

    .a_head1{
        font-size: 30px !important; 
        font-weight: 600;
    }
    .map svg{
        width: 90vw !important;
        height: auto;
        position: relative;
        right: 30px;
    }
    /* .zigzag_heading h1 {
        font-size: 32px !important;
        line-height: 44.8px !important;
        width: 117%;
    } */
    /* .home-page .zigzag_heading p {
        font-size: 16px !important;
        color: rgb(41, 41, 41, 0.50);
        text-align: center;
        width: 118%;
        
    } */
    .test_head{
        font-size: 28px !important;
        line-height: 39.2px;

        /* width: 90%; */
    }
    #portfolios h2{
        font-size: 28px !important;
    }

    
    
    .owl-dots {
        display: none;
        }

        .no-js .owl-carousel, .owl-carousel.owl-loaded{
            padding: 0;
        }
    
  }
@media (max-width:1440px) and (min-width: 992px){
.a_head1{
    font-size: 44px !important;
}
.col-lg-6.pt-4.pt-lg-0.p-0.wwo_text{
    margin-top: 40px !important;
}
}
@media(max-width:600px) {
#stickyHeader {
    display: none;
}

table>thead>tr>td.extraPadding,
table>tbody>tr>td.extraPadding {
    padding: 14px 6px !important;
    
}

.theadText {
    font-size: 20px;
}

.planText {
    font-size: 16px;
}

.amountText {
    font-size: 20px;
}
}
@media(max-width:377px) {
    .overlay-content h2 {
        font-size: 18px;

    }
}

@media(max-width:1310px) {
    .overlay-content h2 {
        font-size: 18px;

    }
}

@media(max-width:512px) {
    /* .bg-box {
        width: 98% !important;
        left: 1% !important;


    } */
}

@media(max-width:530px) {
    .swiper-slide {
        width: 100% !important;
        height: 100% !important;

    }

    .portfolio-card {
        width: 250px !important;
        height: 400px !important;
    }
}
@media(max-width:360px) {
    .project-title-two {
        font-size: 48px !important;
    }

    .service figure figcaption h2 {
        font-size: 18px;
    }
}

@media(max-width:320px) {
    
    #mypopup {
        width: 400px;
        padding: 20px;
        font-family: Arial, sans-serif;
        font-size: 10pt;
        /* background-color: white; */
        border-radius: 6px;
        position: absolute;
        display: block;
        left: 302.448px;
        top: 1634.24px;
      }
    #mypopup1 {
        width: 400px;
        padding: 20px;
        font-family: Arial, sans-serif;
        font-size: 10pt;
        /* background-color: white; */
        border-radius: 6px;
        position: absolute;
        display: block;
        left: 770.448px;
        top: 1691.24px;
    
      }
    #mypopup2 {
        width: 400px;
        padding: 20px;
        font-family: Arial, sans-serif;
        font-size: 10pt;
        /* background-color: white; */
        border-radius: 6px;
        position: absolute;
        display: block;
        left: 761.448px;
        top: 1640.24px;
      }

    a.logo.ani img {
        width: 100%;
    }
    .red-slider-wrap {
        width: 92% !important;
    }

    .content-overlay {
        width: 81% !important;
    }

    div.card-services a {
        padding: 12px 30px !important;
    }

    .header-logo-devider {
        height: 45px !important;
        margin: 0 10px 0 5px !important;
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0px !important;
        padding: 0 3rem;
    }

    .swiper-pagination-bullet {
        height: 9px !important;
        width: 9px !important;
    }

    .home-slider-content h1 {
        width: 72% !important;
    }

    .testimonial-section .swiper-slide {
        width: 460px !important;
        max-width: 460px !important;
        /* padding: 3px;
		*/
    }

    ul.drawerSocial .pl-18 {
        padding-left: 0px;
    }

    .mt15 {
        margin-bottom: 0 !important;
    }

    ul.drawerSocial a {
        display: block;
    }

    ul.drawerSocial li {
        margin-bottom: 5px;
    }

    div#navi #canvas-nav .bottomtext {
        bottom: 102px !important;
    }

    ul.drawerSocial {
        display: block;
    }

    ul.dropdown-menu.mobile-dropdowm-wrapper.show {
        width: 91.4% !important;
    }

    .slide-content {
        width: 200px !important;
    }

    .service-card-img {
        left: 57px !important;
        top: 50px !important;
    }

    .card-content-wrapper {
        padding: 95px 30px 30px !important;
    }

    .service-single-page .breadcrumb-item.active {
        padding-left: 0 !important;
    }

    li.breadcrumb-item.active:before {
        display: none !important;
    }

    .card-content-wrapper {
        padding: 135px 30px 30px !important;
    }

    .services.overflow .intr {
        PADDING-TOP: 20PX !IMPORTANT;
        PADDING-BOTTOM: 20PX !IMPORTANT;
        HEIGHT: 500PX !IMPORTANT;
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px !important;
    }

    div.slider-bg-color {
        height: 600px !important;
    }

    .home-slider-btn {
        top: 445px !important;
    }

    .home-slider-title {
        bottom: 105px !important;
    }
}
@media(max-width: 425px) {
    .carousel-wrapper {
        display: grid;
        transition: transform 0.5s ease-in-out;
        grid-template-columns: repeat(5, 100%);
        column-gap: 10px;
    }
    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
        padding: 0 1.3em;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2.5px !important;
        
    }
}
/* RESPONSIVE */
@media(min-width: 2800px) {
    .slider-bg-color {
        height: 1110px !important;
    }

    .home-slider-btn {
        top: 900px !important;
    }

    .home-slider-title {
        bottom: 95px !important;
    }
}

@media(min-width: 2600px) {
    div#navi #canvas-nav .bottomtext {
        bottom: 295px !important;
    }

    /* iframe {
        width: 45% !important;
    } */

    .job-position .open-position-title h5 {
        padding-left: 16.2em !important;
    }

    .service-card-img {
        width: 52% !important;
        left: 185px !important;
    }

    .slider-bg-color {
        height: 1100px !important;
    }

    .home-slider-btn {
        top: 850px !important;
    }

    div.home-slider-title {
        bottom: 58px !important;
    }
}

@media (min-width: 1920px) {
    .slider-bg-color {
        width: 69% !important;
    }

    /* .canvas-navi-bar{
		right: 18.6em !important;
   }
	header .logo {
		left: 18.5em !important;
   } */
    .project-card-title h1 {
        width: 100% !important;
    }

    #navi #canvas-nav .bottomtext {
        bottom: 150px !important;
    }

    .service-card-img {
        width: 75%;
        left: 72px;
    }
/* 
    iframe {
        width: 61% !important;
    } */

    div.open-position-title h5 {
        padding-left: 10.6em !important;
    }

    .home-slider-title {
        bottom: 105px !important;
    }

    div.home-slider-btn {
        top: 660px !important;
    }
}

@media(max-width:1920px) {

    .project-single-quicklinks .prev,
    .project-single-quicklinks .next {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
    }

    .project-single-quicklinks .next {
        display: flex !important;
        justify-content: flex-end;
        align-items: center;
    }

    /* header .logo {
		left: 18.5em !important;
   } */
}

@media(min-width:1660px) {
    .open-position-title h5 {
        padding-left: 8.5em !important;
    }

    .home-slider-btn {
        top: 595px !important;
    }
}

@media(max-width:1660px) {
    .service-card-img {
        width: 85%;
        left: 40px;
    }

    /* iframe {
        border: 0;
        width: 70%;
    } */

    /* header .logo{
	left: 10.4em !important;
}
.canvas-navi-bar{
	right: 10.4em !important;
}
.slider-bg-color{
	width: 80% !important;
} */
}

@media(max-width:1440px) {
    .fadeIn-bottom {
        top: 50% !important;
    }
    
    /* .home-slider-content, .content-overlay{
		opacity: 1 !important;
	} */
    .container.services-container {
        width: 100% !important;
        max-width: 100% !important;
    }

    .slider-bg-color {
        width: 88% !important;
    }

    /* header .logo {
		left: 5.4em !important;
   }
	.canvas-navi-bar {
		right: 5.4em !important;
   } */
    div.grid5.pl-10 {
        padding-left: 7em !important;
    }

    .home-slider-content,
    .project-card-title {
        display: block;
    }

    .home-slider-content h1 {
        width: 100% !important;
    }

    div.red-slider-wrap h2 {
        font-size: 30px !important;
    }

    div#footer-global-menu .col-md-2 {
        padding-left: 3em !important;
    }

    div#navi #canvas-nav .bottomtext {
        bottom: 67px !important;
    }

    .home-slider-title {
        bottom: 100px !important;
    }

    /* iframe {
        width: 81% !important;
    } */

    .quote-checkbox label {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .open-position-title h5 {
        padding-left: 6.6em !important;
    }

    #navi #canvas-nav .social-icons {
        bottom: 55px !important;
    }

    #navi #canvas-nav .bottomtext {
        bottom: 30px !important;
    }

    .socialList li a {
        width: 30px;
        height: 30px;
    }

    .project-single-quicklinks .col-md-5.p-0.next {
        text-align: end !important;
    }

    img.size-post-thumbnail {
        width: 22% !important;
    }

    .size-post-thumbnail-two {
        width: 22% !important;
    }

    .service figure figcaption {
        width: 67% !important;
    }

    .service-card-img {
        padding: 0px !important;
        width: 55% !important;
        left: 100px !important;
    }

    .card-content-wrapper {
        padding: 100px 30px 30px !important;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 10px !important;
    }

    .slider-bg-color {
        height: 690px !important;
    }

    .home-slider-btn {
        top: 518px !important;
    }
}

@media(max-width:1381px) {
    ul.product-category-wrapper {
        padding-left: 0 !important;
    }
}

@media(max-width:1366px) {

    /* header .logo {
		left: 5em !important;
   }
	.canvas-navi-bar {
		right: 5em !important;
   } */
    div#footer-global-menu .col-md-2 {
        padding-left: 2em !important;
    }

    .home-slider-content h1 {
        width: 100% !important;
    }

    #navi #canvas-nav .bottomtext {
        bottom: 66px !important;
    }

    .open-position-title h5 {
        padding-left: 6em !important;
    }

    /* iframe {
        width: 86% !important;
    } */

    .card-content-wrapper {
        margin-top: 140px;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0;
    }

    p.service-zigzag-desc {
        width: 80% !important;
    }

    /* .home-slider-content {
		position: relative;
		bottom: 87px;
   }
	*/
    .home-slider-img {
        padding: 0 !important;
    }

    .socialList li a {
        width: 30px;
        height: 30px;
    }

    .footerLeftContaier {
        padding: 40px 0 40px 10px;
    }

    .project-filter-wrapper .filter-button-wrap {
        padding: 10px 30px;
    }



    /* .container.iframe-w-100 {
        width: 100% !important;
        max-width: 100% !important;
    } */

    .quicklinks-wrapper .col-md-6.next {
        text-align: end !important;
    }

    .service figure figcaption {
        width: 92% !important;
    }

    .service-zigzag-desc {
        width: 64% !important;
    }

    .our-work .container {
        padding-left: 103px !important;
        padding-right: 103px !important;
    }
}

@media(max-width:1280px) {

    /* .testimonial_card_item {
		height: 380px !important;
   }
	*/
    div.grid5.pl-10 {
        padding-left: 4em !important;
    }
/* 
    iframe {
        width: 92% !important;
    } */

    .swiper.clientCarousel img {
        width: 90% !important;
    }

    .aboutCarousel img {
        width: 90%;
    }

    .home-slider-title {
        bottom: 90px !important;
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0px !important;
    }

    .home-slider-btn {
        top: 505px !important;
    }

    .card-content-wrapper {
        margin-top: 115px;
    }

    .service-card-img {
        left: 90px !important;
    }

    .open-position-title h5 {
        padding-left: 5.3em !important;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0px !important;
    }

    .home-slider-content h1 {
        font-size: 16px !important;
    }

    ul.product-category-wrapper {
        padding-left: 0px !important;
    }
}

@media(max-width:1170px) {

    .home-slider-content h1,
    .project-card-title h1 {
        line-height: 18px !important;
    }

    .see-more-btn {
        margin-top: 0 !important;
    }

    .services-heading p {
        font-size: 30px !important;
    }

    /* header .logo {
		left: 4.5em !important;
   }
	.canvas-navi-bar {
		right: 4.5em !important;
   } */
    div.grid5.pl-10 {
        padding-left: 2em !important;
    }

    .project-filter-wrapper .filter-button-wrap {
        padding: 8px 20px;
    }

    .project-credentials-wrapper {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .slider-bg-color {
        width: 88% !important;
    }

    footer div#footer-global-menu .col-md-2 {
        padding-left: 1em !important;
    }

    /* iframe {
        width: 100% !important;
    } */

    .swiper-slide {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .clientCarousel {
        padding: 50px 0 !important;
    }

    .open-position-title h5 {
        padding-left: 4.2em !important;
    }

    .service figure figcaption {
        padding-top: 40px !important;
    }

    .our-work .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .card-content-wrapper {
        margin: 118px 0 15px !important;
    }

    .service-card-img {
        width: 60% !important;
        left: 66px !important;
    }
}

@media(max-width:1080px) {
    /* .zigzag_heading h1{
        line-height: 56px !important;
    } */
    .card-services.pt-14 {
        padding-top: 0px !important;
    }

    /* .testimonial_card_item {
		height: 450px !important;
   }
	*/
    /* header .logo {
		left: 4em !important;
   } */
    /* .zigzag_heading h1 {
        font-size: 40px !important;
    } */

    /* .canvas-navi-bar {
		right: 4em !important;
   } */
    div.grid5.pl-10 {
        padding-left: 0em !important;
    }

    div#footer-global-menu .w_100 {
        width: 100% !important;
    }

    div#footer-global-menu .w_33 {
        width: 25% !important;
    }

    div#footer-global-menu .col-md-2 {
        padding-left: 1em !important;
    }

    /* .about_bg_color img {
        width: 65% !important;
    } */

    p.project-single-title-desc {
        padding-left: 1em !important;
    }

    .zigzag_heading br {
        display: none;
    }

    .home-slider-title {
        bottom: 102px !important;
    }

    .slider-mt-0 {
        margin: 11em 0px !important;
    }

    .ordr-1 {
        order: 1 !important;
    }

    .ordr-2 {
        order: 2 !important;
    }

    .environment-left {
        margin-bottom: 40px;
    }

    .environment-wrapper .col-md-6 {
        width: 100%;
    }

    .open-position-title h5 {
        padding-left: 3.5em !important;
    }

    .project-filter-wrapper .filter-button-wrap {
        font-size: 12px !important;
    }

    .clientCarousel-wrapper img {
        width: 65%;
    }

    .slider-bg-color {
        width: 88% !important;
    }

    /* .container.iframe-w-100 {
        padding: 0 !important;
    } */

    .card-content-wrapper {
        margin: 98px 0 15px !important;
    }

    .top-nav ul li {
        margin: 0 14px !important;
    }

    .card-content-wrapper {
        padding: 120px 30px 30px !important;
    }

    .our-work .container {
        padding-left: 57px !important;
        padding-right: 57px !important;
    }

    .slider-bg-color {
        height: 600px !important;
    }

    .grid-slider-wrapper {
        width: 83% !important;
        max-width: 83% !important;
    }

    .home-slider-content {
        padding-left: 0px !important;
        text-align: center;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 24px !important;
    }

    .grid-slider-wrapper img {
        width: 80% !important;
    }

    .home-slider-btn {
        top: 430px !important;
    }
}

@media(max-width:1024px) {
    
    .mx-4{
        font-size: 12px !important;
        margin-right: 0.75em!important;
        margin-left: 0.75em !important;
    }
    
    .carousel-wrapper {
        display: grid;
        transition: transform 0.5s ease-in-out;
        grid-template-columns: repeat(5, 50%);
        column-gap: 10px;
    }
    #canvas-nav {
        width: 45% !important;
    }

    .grid5 {
        margin-bottom: 4em !important;
    }

    div#navi #canvas-nav .bottomtext {
        bottom: 135px !important;
    }

    .open-position-title h5 {
        padding-left: 3.2em !important;
    }

    .card-content-wrapper {
        margin-top: 80px !important;
    }

    .project-wrapper .wave.project-wave {
        margin-top: 3em !important;
    }

    .project-credentials-wrapper {
        padding-top: 0px;
        padding-bottom: 50px;
    }

    .footer-project-top {
        padding-top: 55px !important;
    }

    .wave.project-wave {
        margin-top: 0 !important;
    }

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 38px !important;
    }

    .grid-5 img {
        width: 50% !important;
    }

    #navi #canvas-nav .social-icons {
        bottom: 75px !important;
    }

    /* .home-slider-content {
		bottom: 75px !important;
   }
	*/
    

    .slider-mt-0 {
        margin-top: 8em !important;
        margin-bottom: 13em !important;
    }

    .full-section .large-logo,
    .full-section .slide-wrapper {
        padding: 0 70px !important;
    }

    .about_bg_color {
        padding: 80px 0px !important;
    }

    .grid-5 {
        padding-left: 0 !important;
        text-align: center !important;
    }

    .grid-5.align-end {
        padding-right: 0 !important;
        text-align: center !important;
    }

    .service figure figcaption {
        width: 98% !important;
    }

    .our-work .container {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .grid-slider-wrapper {
        width: 99% !important;
        max-width: 99% !important;
    }

    .mobile-none {
        margin-right: 50px;
        display: block !important;
    }
}

@media (max-width:1023px) {
    .slider-bg-color {
        height: 800px !important;
    }

    .home-slider-btn {
        top: 630px !important;
    }
}

@media(max-width:960px) {
    .home-slider-content h1 {
        font-size: 26px !important;
        line-height: 32px !important;
    }

    #canvas-nav {
        width: 70%;
    }
    /* header .logo {
		left: 3.6em !important;
	}
	.canvas-navi-bar {
		right: 3.6em !important;
	} */
    div#footer-global-menu .pl-9 {
        padding-left: 8em !important;
    }

    div#footer-global-menu .pl-11 {
        padding-left: 9em !important;
    }

    .open-position-title h5 {
        padding-left: 2.6em !important;
    }

    .member-name-wrapper {
        padding: 5px 10px !important;
    }

    .aboutCarousel {
        padding: 10px 0 !important;
    }

    .swiper-pointer-events {
        padding-top: 0em !important;
        padding-bottom: 4em !important;
    }

    .home-slider-btn {
        top: 600px !important;
    }

    .swiper.clientCarousel img,
    .aboutCarousel img {
        width: 100% !important;
    }

    /* .canvas-navi-bar {
		top: 38px !important;
		position: relative;
   } */
    ul.product-category {
        display: unset;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .card-content-wrapper {
        margin: 85px 0 15px !important;
    }

    .card-content-wrapper {
        padding: 98px 30px 30px !important;
    }

    .my_slider2,
    .my_slider3 {
        margin-left: 90% !important;
    }

    .about_desc {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .about_bg_color {
        padding: 80px 0px !important;
    }

    .container.project-btn-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .service figure figcaption {
        width: 100% !important;
    }

    /* .container.home-page {
        width: 89% !important;
        max-width: 89% !important;
    } */

    .our-work .container {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .our-work .container {
        width: 92% !important;
        max-width: 92% !important;
    }

    .service-card-img {
        width: 60% !important;
        left: 56px !important;
    }

    div.swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 36px !important;
    }

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 0px !important;
    }

    .home-slider-title {
        bottom: 82px !important;
    }
}

@media(max-width:600px) {
    .tablePricing td {
        white-space: normal !important;
        border: none;
    }
    .table-responsive{
        border: none !important;
    }

    .sidebar-menu__item {
        padding: 0 0 50px !important;
    }

    html,
    body {
        width: 100% !important;
        font-size: 14px !important;
        line-height: 1.5em;
    }

    #canvas-nav {
        width: 100% !important;
    }

    #stickyHeader {
        display: none;
    }

    table>thead>tr>td.extraPadding,
    table>tbody>tr>td.extraPadding {
        padding: 14px 6px !important;
    }
}

@media(max-width: 768px) {
   
      #stickyHeader {
        display: none;
    }
    .carousel-wrapper {
        display: grid;
        transition: transform 0.5s ease-in-out;
        grid-template-columns: repeat(5, 50%);
        column-gap: 10px;
    }

    .home-slider-content {
        left: 43% !important;
    }


    #canvas-nav {
        width: 55% !important;
    }

    header .col-md-6 {
        width: 50% !important;
    }
  

    .project-card-img-wrapper {
        width: 100% !important;
    }

    /* header .logo {
		left: 1em !important;
	} */
    footer div#footer-global-menu .col-md-2 {
        padding-left: 0em !important;
    }

    /* .canvas-navi-bar{
		right: 1em !important;
	} */
    

    footer .socialLinkWrapper {
        justify-content: center !important;
        margin-top: 1em !important;
    }

    .web-title h2 {
        font-size: 32px !important;
    }

    .web-title {
        width: 84% !important;
    }

    .project-section .col-md-4 {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
    }

    .project-card-wrapper {
        padding: 4px !important;
    }

    .project-filter-wrapper .filter-button-wrap {
        padding: 5px 3px;
    }

    .gallery-img img {
        margin-bottom: 1em !important;
    }

    div#footer-global-menu .pl-9 {
        padding-left: 0em !important;
    }

    div#footer-global-menu .col-md-2,
    div#footer-global-menu .col-md-4.pl-4 {
        padding-left: 0em !important;
    }

    /* .about_bg_color img {
        width: 40% !important;
    } */

    .clientCarousel-wrapper img {
        width: 40%;
        margin: 0 auto;
    }

    div#footer-global-menu .w_33 {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    footer .socialLinkWrapper {
        margin-top: 30px !important;
    }

    #footer-global-menu .col-md-2.w_33.align-right.pl-9.mb-0 {
        margin-bottom: 0 !important;
    }

    .list-inline {
        margin: 10px 0px !important;
    }

    .grid5 {
        text-align: center;
        width: 100% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important; 
         flex-wrap: wrap;
        justify-content: center;
    }

     .grid5wrapper {
        flex-wrap: wrap;
        justify-content: center;
    } 

    .slider-mt-0 {
        margin-top: 9em !important;
        margin-bottom: 12em !important;
    }

    .testimonial-section .container {
        padding: 0 !important;
    }

    #footer-global-menu .col-md-12.pl-1 {
        padding-left: 1em !important;
    }


    .partner-logo-text p {
        text-align: center !important;
    }

    .home-slider-content h1 {
        width: 83% !important;
        margin: 0 auto !important;
    }

    .red-slider-wrap img {
        width: 83% !important;
    }

    .grid5 {
        margin-bottom: 3em !important;
    }

    .our-project-slider {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .job-position {
        padding-bottom: 2em !important;
        padding-top: 4em !important;
    }

    .comu-ptb-100 {
        padding-bottom: 4em !important;
        padding-top: 5em !important;
    }

    .testimonialItem.pl-0 {
        padding-right: 0 !important;
    }

    .grid-5 {
        padding-left: 0 !important;
    }

    .open-position-title h5 {
        padding-left: 0 !important;
        text-align: center;
    }

    .container.job-position br {
        display: none;
    }

    .position-location,
    .position-link,
    .position-title {
        text-align: center !important;
    }

    .position-link {
        padding-bottom: 40px;
    }

    .ptb-30 {
        padding-top: 0;
        padding-bottom: 0;
    }

    .gallery-wrapper .pb-30 {
        padding-bottom: 30px !important;
    }

    .gallery-wrapper {
        padding-bottom: 5em !important;
    }

    .position-mb-100 {
        margin-top: 0 !important;
    }

    .service-single-page .service-title,
    .about_title,
    .contact_title {
        padding: 40px 0px !important;
    }

    .contact_us_form {
        padding-bottom: 0 !important;
    }

    .main-quote .col-md-8 {
        padding: 0 !important;
    }

    /* .container.home-page {
        padding-left: 1em !important;
        padding-right: 1em !important;
    } */

    .grid-wrapper.quote-grid {
        padding-bottom: 30px !important;
    }

    .home-title-wrapper p br {
        display: none;
    }

    .about_text.genericHeadingBar {
        line-height: 1.2em;
    }

    .grid-5 img {
        width: 45% !important;
    }

    .service-pb {
        padding-bottom: 0px;
    }

    .service-zigzag-wave.mb-36 {
        margin-bottom: 36px;
    }

    .project-section .wave.project-wave {
        margin-top: 0;
    }

    .service-mobile-app {
        padding-top: 60px;
        position: relative;
        top: 0em;
    }

    .mobile-app-sidebar {
        display: none !important;
    }

    .responsive-dropdown {
        display: block !important;
    }

    /* .team-iframe iframe {
        width: 100% !important;
    } */

    .banner-overlay .breadcrumbs {
        padding-left: 0 !important;
        justify-content: flex-start !important;
    }

    .quicklinks-wrapper .col-md-6 .next {
        display: flex !important;
        justify-content: end !important;
        align-items: center !important;
    }

    .quicklinks-wrapper .col-md-6 .prev {
        display: flex !important;
        justify-content: end !important;
        align-items: center !important;
    }

    .project-title-two {
        font-size: 40px;
    }

    .grid-5Wrapper {
        justify-content: center;
    }

    .grid-5 {
        width: 50% !important;
    }

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

    .earthImage {
        order: 2;
    }

    .earthText {
        order: 1;
    }

    .our_work_img {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
    }

    .earthImage {
        margin: unset;
    }

    .stars_wrapper li {
        margin-top: 0px;
        margin-bottom: 0px !important;
    }

    .service-single-page,
    .about_us,
    .contact_us {
        background-size: contain !important;
    }

    .mobile-app-desc span {
        font-size: 18px !important;
    }

    .footerLeft,
    div.footerRight {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .socialList {
        flex-wrap: wrap;
    }

    .socialList li {
        margin-bottom: 5px;
    }

    .mobile-app-sidebar {
        padding-right: 12px !important;
    }

    .servicePageLeft {
        padding: 0px 12px !important;
    }

    .my_slider2,
    .my_slider3 {
        margin-top: 0 !important;
    }

    .my_slider3 {
        width: 350px !important;
    }

    .full-section h2 {
        font-size: 32px !important;
    }

    .full-section .slide-wrapper {
        padding-left: 50px !important;
    }

    .slide-wrapper .button {
        margin-bottom: 40px;
    }

    .contact-right-title h3 {
        margin-top: 25px;
    }

    .footerLeftContaier {
        padding: 40px 0px;
    }

    .footerRightContainer .col-md-6 {
        padding-left: 0px;
    }

    .footerRightContainer {
        padding: 50px 0px;
    }

    .footerRight {
        padding-left: 0 !important;
    }

    .col-md-6.pt-50 {
        padding-top: 50px !important;
    }

    footer .crText {
        padding-left: 0 !important;
    }

    .copyrightFooter .col-md-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .socialList li a {
        width: 40px;
        height: 40px;
    }

    .about_desc {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pe-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .about_bg_color .genericGap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .about_bg_color {
        padding: 80px 0px !important;
    }

    .about_desc {
        background-image: none !important;
    }

    .project-wrapper {
        padding-bottom: 40px !important;
        padding-top: 40px !important;
    }

    .main-card-img {
        border-radius: 10px;
        width: 100% !important;
        border: #e6e6e6 0.5px solid;
    }

    .project-card-img-wrapper {
        text-align: center !important;
    }

    .project-card-title {
        bottom: 90px;
    }

    .project-client-img-wrapper {
        text-align: center !important;
    }

    .project-client-img-wrapper img {
        width: 100% !important;
        margin-bottom: 30px;
    }

    .project-client-list {
        padding-bottom: 0 !important;
    }

    .banner-overlay .col-md-6 {
        padding-left: 0 !important;
    }

    .team-img-one img {
        width: 100% !important;
        max-width: 100% !important;
    }

    .member-name-wrapper {
        right: 20px;
    }

    .team-img-one {
        margin-bottom: 50px;
    }

    .quicklinks-wrapper .col-md-6.p-0.next {
        display: flex !important;
        justify-content: end !important;
        align-items: center !important;
    }

    .slide {
        height: 594px !important;
    }

    .service-card-img {
        width: 50% !important;
        left: 172px !important;
    }

    .card-content-wrapper {
        padding: 270px 30px 30px !important;
    }

    .project-single-quicklinks .next {
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .project-single-quicklinks a {
        margin-bottom: 40px !important;
    }

    .back-to-all a {
        top: 0px !important;
    }

    .project-single-title {
        margin-bottom: 30px !important;
    }

    /* .container.home-page {
        width: 80vw !important;
        max-width: 80vw !important;
        
    } */

    .service-detail {
        width: auto !important;
    }

   

    .slider-bg-color {
        width: 96% !important;
    }

    .environment-wrapper .col-md-6,
    .service-mobile-app .col-md-8,
    .service-mobile-app .col-md-4,
    .environment-top-title,
    .gallery-top-title,
    .gallery-wrapper .col-md-6,
    .contact_us_form .col-md-6 {
        padding: 0 !important;
    }

    ul.dropdown-menu.mobile-dropdowm-wrapper.show {
        width: 96% !important;
    }

    .serviceWrapper .col-md-4 {
        padding: 0 !important;
    }

    p.project-single-title-desc {
        padding-left: 0em !important;
    }

    .project-credentials-wrapper {
        padding-bottom: 0 !important;
    }

    .credential-desc {
        margin-bottom: 0 !important;
    }

    .contact-info-inner {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .quote-form-main-group {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .contact-right-title {
        margin-top: 40px;
    }

    .container.home-page p br {
        display: none;
    }

    .verticalCenter {
        justify-content: center !important;
    }

    .flex-start {
        justify-content: center;
    }

    .our-work {
        background-image: none !important;
    }

    .vhCenter {
        justify-content: center !important;
    }

    .earthText {
        font-size: 40px;
    }

    .home-slider-content p {
        font-size: 14px !important;
        margin-top: 6px !important;
    }

    .home-slider-content {
        bottom: 120px;
    }

    .grid-slider-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .container.grid-slider-wrapper {
        padding: 0 !important;
    }

    .testimonialItem .pl-0 {
        padding-left: 0 !important;
    }

    .testimonialItem {
        padding-bottom: 15px !important;
    }

    .testimonialItem.rpl-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    footer .container {
        max-width: 100vw;
        width: 100vw;
        padding: 0px;
    }

    .testimonial_text h1 {
        text-align: center;
    }

    .service-single-page .service-title h1,
    .about_title h1 {
        margin-bottom: 15px !important;
    }

    .contact-form-heading {
        font-size: 16px !important;
    }

    .clientCarousel {
        padding: 0 !important;
        padding-top: 30px !important;
    }
}

@media(max-width:667px) {
    #canvas-nav {
        width: 65% !important;
    }

    .slider-mt-0 {
        margin-top: 10em !important;
        margin-bottom: 14em !important;
    }

    .project-filter-wrapper .filter-button-wrap {
        padding: 4px 15px !important;
    }

    button.service-slide-btn {
        padding: 10px !important;
    }

    .home-slider-btn {
        top: 600px !important;
    }

    ul.dropdown-menu.mobile-dropdowm-wrapper.show {
        width: 95% !important;
    }

    .full-section .slide-wrapper {
        padding-left: 20px !important;
    }

    .slide-content {
        width: 370px;
    }

    .about_bg_color {
        padding: 80px 0px !important;
    }

    .quicklinks-wrapper .col-md-6.p-0.next {
        text-align: end;
    }

    img.size-post-thumbnail {
        width: 23% !important;
    }

    .size-post-thumbnail-two {
        width: 23% !important;
    }

    .quicklinks-wrapper .prev {
        display: flex !important;
        justify-content: start !important;
        align-items: center !important;
    }

    .container.r-100 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .service-card-img {
        left: 136px !important;
    }

    .quicklinks-wrapper .prev a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .project-single-quicklinks {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .services.overflow .intr {
        padding-bottom: 100px !important;
    }
}

@media(max-width:568px) {
    .see-more-btn {
        margin-top: 1em !important;
    }

    #canvas-nav {
        width: 70% !important;
    }

    /* .project-filter-wrapper .filter-button-wrap {
        padding: 0px 10px !important;
    } */

    .red-slider-wrap {
        height: unset !important;
        width: unset !important;
    }

    .testimonial-section .swiper-slide {
        width: 360px !important;
        max-width: 360px !important;
        padding: 3px;
    }

    .slider-mt-0 {
        margin-top: 8em !important;
        margin-bottom: 11em !important;
    }

    .home-slider-btn {
        top: 625px !important;
    }

    .slider-mt-0 .swiper-slide {
        width: 100% !important;
        margin-right: 0 !important;
    }

    /* .service-slide{
	margin-right: 0 !important;
} */
    h2.position-title {
        font-size: 22px !important;
    }

    .environment-top-title h5,
    .gallery-top-title h5,
    .open-position-title h5 {
        font-size: 16px !important;
    }

    .service-card-title,
    .service figure figcaption h2 {
        font-size: 24px !important;
    }

    .breadcrumb-item.active,
    .breadcrumb-item a {
        font-size: 16px !important;
    }

    .service-arrow:before {
        top: -3px !important;
    }

    .home-title-wrapper .dot {
        font-size: 60px !important;
        font-family: unset !important;

    }

    .about_text.genericHeadingBar {
        font-size: 28px !important;
        margin-bottom: 0 !important;
    }

/* 
    .contact_title h1,
    .about_title h1,
    h1.takeoff-area,
    .services-heading p,
    .environment-title,
    .community-title,
    .gallery-top-title h2,
    .home-title-wrapper h1,
    .zigzag_heading h1,
    .service-title h1,
    .contact-title,
    .contact-right-title h1,
    .project-single-title,
    h1.credential-title,
    .testimonial_text h1,
    .mobile-app-title,
    .great-team-title {
        font-size: 32px !important;
    } */

    /* .zigzag_heading h1 {
        line-height: 1.2em;
    } */

    .grid-5 img {
        width: 70% !important;
    }

    /* .project-filter-wrapper .filter-button-wrap {
        width: 90% !important;
    } */

    #navi #canvas-nav .social-icons {
        bottom: 98px !important;
    }

    .services.overflow .intr {
        PADDING-TOP: 40PX !IMPORTANT;
    }

    .card-content-wrapper {
        padding: 180px 30px 30px !important;
    }

    .service-arrow:after {
        top: 6px !important
    }

    .my_slider3 {
        width: 290px !important;
    }

    .slide-content {
        width: 310px !important;
    }

    .slide-wrapper .button {
        margin-bottom: 0 !important;
    }

    .about_bg_color {
        padding: 40px 0px !important;
    }

    .project-title-two br {
        display: none !important;
    }

    .quicklinks-wrapper .content p,
    .quicklinks-wrapper .content-right p {
        margin-bottom: 12px !important;
        font-size: 16px !important;
    }

    .quicklinks-wrapper .content span,
    .quicklinks-wrapper .content-right span {
        font-size: 22px !important;
    }

    .quicklinks-wrapper .prev a {
        display: unset !important;
    }

    .quicklinks-wrapper .col-md-6.prev {
        margin-bottom: 80px !important;
    }

    .service figure figcaption {
        min-height: 150px !important;
        padding-top: 40px !important;
    }

    .service figure figcaption .content .linkText span.arrow:before,
    .serviceLarge .content .linkText span.arrow:before {
        top: -3px !important;
    }

    .service-card-wrapper {
        padding-left: 20px !important;
        padding-right: 5px !important;
    }

    .service-zigzag-title h1 {
        font-size: 28px !important;
    }

    .earthText {
        margin-top: 40px !important;
    }

    .quote-title span {
        font-size: 24px !important;
    }

    .quote-form-main-heading {
        font-size: 22px !important;
    }

    .service figure figcaption .content .linkText span.arrow:after,
    .serviceLarge .content .linkText span.arrow:after {
        top: 6px !important;
    }

    .services.overflow .intr {
        PADDING-TOP: 40PX !IMPORTANT;
        padding-bottom: 100px !important;
    }

    .services.overflow .content {
        padding-bottom: 40px !important;
    }
}

@media(max-width:480px) {
    #navi.active #canvas-nav {
        transition-delay: 0.2s
    }

    #navi.active .overlay {
        display: none
    }

    #canvas-nav {
        width: 100% !important;
    }

    .project-card-wrapper {
        padding-top: 15px !important;
    }

    .project-card-img-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    .slider-bg-color {
        width: 94% !important;
    }
    .project-section .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }s

    ul.dropdown-menu.mobile-dropdowm-wrapper.show {
        width: 94.2% !important;
    }

    .aboutCarousel img {
        width: 100% !important;
    }

    .services.overflow .intr {
        margin-top: 32px !important;
    }
    .project-single-wrapper .wave {
        margin-bottom: 50px !important;
    }

    .testimonial_wrapper {
        margin-bottom: 35px !important;
    }

    .intr {
        margin-top: 15px !important;
    }

    .testimonial-section {
        margin-top: 0 !important;
    }

    .banner-overlay,
    .team-bg {
        height: 40vh !important;
    }

    /* .canvas-navi-bar {
		top: 40px;
		position: relative;
   } */
    header {
        padding-bottom: 0em;
    }

    .my_slider3 {
        width: 250px !important;
    }

    .slide-content {
        width: 300px !important;
    }

    .full-section h2 {
        font-size: 25px !important;
    }

    .container.career {
        padding: 0 20px !important;
    }

    .slide {
        height: 600px !important;
    }

    .service-card-wrapper {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .service-card-img {
        left: 100px !important;
    }

    .card-content-wrapper {
        padding: 140px 30px 30px !important;
    }

    .quicklinks-wrapper .prev a {
        display: unset !important;
        justify-content: center !important;
        align-items: center !important;
    }
}

@media(max-width:475px) {
    .home-slider-content h1 {
        width: 100% !important;
    }

    .home-slider-content {
        left: 50% !important;
    }

    .red-slider-wrap img {
        width: 100% !important;
    }



    .home-slider-img {
        padding: 0 2em !important;
        border-radius: 40px !important;
    }

    .slider-mt-0 {
        margin-top: 7em !important;
        margin-bottom: 10em !important;
    }

    div.grid5wrapper img {
        width: 70% !important;
    }

    /* .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{
		bottom: 0 !important;
   }
	*/
    ul.dropdown-menu.mobile-dropdowm-wrapper.show {
        width: 93.2% !important;
    }

    .swiper-pointer-events {
        padding-top: 0 !important;
    }

    .home-title-wrapper p br {
        display: none;
    }

    .home-title-wrapper span {
        font-size: 16px !important;
    }

    .pt-10 {
        padding-top: 3em !important;
        padding-bottom: 3em !important;
    }

    .clientCarousel-wrapper {
        padding-bottom: 0;
    }

    .service-card-pb {
        padding-bottom: 38px;
    }

    #navi #canvas-nav .social-icons {
        left: 18px !important;
    }

    #navi #canvas-nav .bottomtext {
        left: 18px !important;
    }

    .slide-content {
        width: 250px !important;
    }

    .project-title-two {
        font-size: 50px !important;
    }

    img.size-post-thumbnail {
        width: 30% !important;
    }

    .size-post-thumbnail-two {
        width: 30% !important;
    }

    .quicklinks-wrapper .col-md-6.p-0.prev {
        margin-bottom: 80px !important;
    }

    .service figure figcaption {
        padding-top: 74px !important;
    }

    .container.career {
        padding: 0 14px !important;
    }

    .slide {
        height: 580px !important;
        min-height: 500px !important;
    }

    .service-card-img {
        left: 80px !important;
        top: 30px !important;
    }

    .card-content-wrapper {
        padding: 150px 30px 30px !important;
    }

    .quicklinks-wrapper .prev a {
        display: unset !important;
    }

    /* .container.home-page {
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */

    .grid-5.align-end,
    .grid-5.align-start {
        text-align: center;
        padding: 0 !important;
    }

    .service figure figcaption {
        min-height: 150px;
        padding: 20px 20px 20px !important;
    }

    .swiper-pointer-events {
        padding-bottom: 30px !important;
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px !important;
    }
}

@media(max-width:375px) {
    a.logo.ani img {
        width: 100%;
    }
    .slider-mt-0 {
        margin-top: 9em !important;
        margin-bottom: 12em !important;
    }

    .content-overlay {
        width: 85% !important;
    }

    .home-slider-content h1 {
        width: 73.5% !important;
    }

    .project-filter-wrapper .filter-button-wrap {
        width: 100% !important;
    }

    div.grid5wrapper img {
        width: 40% !important;
        margin: 0 auto;
    }

    div.grid5wrapper .mb-3 {
        margin-bottom: 3em !important;
    }

    .grid5 {
        text-align: center;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    ul.drawerSocial .pl-18 {
        padding-left: 16px;
    }

    .home-slider-btn {
        top: 600px !important;
    }

    ul.dropdown-menu.mobile-dropdowm-wrapper.show {
        width: 92.4% !important;
    }

    .card-content-wrapper {
        padding: 130px 30px 30px !important;
    }

    .service-card-img {
        width: 60% !important;
        top: 10px !important;
    }

    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 1.75px !important;
        
    }

    .project-card-title {
        bottom: 75px !important;
    }

    .container.r-100 {
        padding-left: 20px !important;
        padding-right: 32px !important;
    }

    .service-card-img {
        left: 78px !important;
    }

    .services.overflow .intr {
        PADDING-TOP: 20PX !IMPORTANT;
        PADDING-BOTTOM: 20PX !IMPORTANT;
    }

    .services.overflow .intr {
        PADDING-TOP: 20PX !IMPORTANT;
        PADDING-BOTTOM: 90PX !IMPORTANT;
    }
}

@media only screen and (max-width: 991px) {
    .owl-nav {
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .all_Proj{
        font-size: 12px;
    }
    .box-area {
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .owl-nav {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .testimonial_desc {
    font-size: 14px;
    line-height: 19px;
    max-height: 120px;
    color: #888EA0;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.owl-nav {
        display: none;
    }
.box-area {
        text-align: left;
        padding: 0;
        margin: 0;
    }

}
@media only screen and (max-width: 1440px) {
    .box-area {
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .testimonial_desc {
    font-size: 14px;
    line-height: 19px;
    max-height: 120px;
    color: #888EA0;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.owl-nav {
        display: none;
    }
}
@media only screen and (max-width: 2560px) {
    .box-area {
        text-align: left;
        padding: 0;
        margin: 0;
    }
    .testimonial_desc {
    font-size: 14px;
    line-height: 19px;
    max-height: 120px;
    color: #292929;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.owl-nav {
        display: none;
    }

}



@media (max-width: 576px) {
/* home page & footer */
    .container{
        max-width: 576px !important;
    }
    header.container {
        margin: 30px 0 0 0;
    }
    .canvas-nav-wrapper {
        padding-left: 25px !important;
        font-size: 16px !important;
    }
    #navi #canvas-nav nav a{
        font-size: 34px !important;
    }
    .container.home-page {
        margin: 40px 0 0 0;
        
    }
    .home-page .zigzag_heading h1 {
        color: #292929;
        font-size: 32px;
        font-family: Poppins;
        font-weight: 700 !important;
        line-height: 44.80px;
        /* word-wrap: break-word */
    }

    .home-page .zigzag_heading p {
        color: rgba(41, 41, 41, 0.50);
         font-size: 14px !important;
         font-family: Poppins;
         font-weight: 400;
         line-height: 22.40px;
         word-wrap: break-word;
         width: 100%;
    }
    .no-js .owl-carousel, .owl-carousel.owl-loaded{
        display: block !important;
    }
    .single-logo{
        display: flex;
        align-content: center;
        flex-direction: column;
        justify-content: center;
        width: 210px;
        height: 210px;
        margin: 0 auto;
    }
    .owl-carousel .owl-item img{
        width: 80% !important;
    }
    .talk_btn {
        width: 140px;
        height: 41px;
        display: inline-flex;
        padding: 10px 30px;
        align-items: center;
        gap: 10px;
        border-radius: 55px;
        border: 2px solid #43B749;
        color: #43B749;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-top: 30px;
        justify-content: center;
    }
    a.logo.ani img {
        width: 100%;
    }
    .grid5wrapper{
        display: none !important;
    }
    .clientCarousel-wrapper h2{
        color: #292929;
        font-size: 24px;
        font-family: Poppins;
        font-weight: 600 !important;
        line-height: 33.60px;
        word-wrap: break-word
    }
    .clientCarousel-wrapper p{
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px !important;
        font-family: Poppins;
        font-weight: 400;
        line-height: 22.40px;
        word-wrap: break-word
    }
    .port_head {
        color: #FDFDFD;
        font-size: 24px;
        font-family: Poppins;
        font-weight: 500;
        line-height: 33.60px;
        word-wrap: break-word
    }
    .all-ref-btn {
        width: 196px;
        height: 47px;
        display: inline-flex;
        padding: 15px 28px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 40px;
        border: 2px solid #FDFDFD;
        background-color: transparent;
        z-index: 333;
        position: relative;
        transition: .3s ease-in-out;
        color: #FDFDFD;
        font-weight: 500 !important;
        font-size: 12px !important;
    }
    .slider-contains {
        margin-bottom: 50px;
    }
    .testimonial_wrapper {
        margin-bottom: 50px;
    }
    .testimonial_text {
        margin-bottom: 25px;
        
    }
    .testimonial_text h2 {
        color: #292929;
        font-size: 24px !important;
        font-family: Poppins;
        font-weight: 600 !important;
        line-height: 33.60px;
        word-wrap: break-word;
        text-align: center;
        
    }
    .partner-logo-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .partner-logo-text p {
        font-size: 12px !important;
        color: rgb(41, 41, 41, 0.5) !important;
    }
    /* home page & footer end */

    /* Service Page responsive  */
    .service-page {
        margin-top: 40px;
    }
    .service-page .zigzag_heading h1 {
         color: #292929;
         font-size: 32px;
         font-family: Poppins;
         font-weight: 700 !important;
         line-height: 44.80px;
         word-wrap: break-word
    }
    .service-page .zigzag_heading .dot {
        color: #43B749;
        font-family: unset !important;
        font-size: 50px !important;
    }
    .service-page .zigzag_heading p {
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px !important;
        font-family: Poppins;
        font-weight: 400 !important;
        line-height: 22.40px;
        word-wrap: break-word;
        width: 100%;
    }
    .serviceWrapper {
        margin: 50px auto;
        
    }
    .card_design{
        display: grid;
        justify-content: center;
    }
    .card-services{
        margin: 10px 20px;
        width: auto !important;
    }
    /* Service Page responsive end */

    /* Projects Page responsive */
    
    .project-page {
        margin-top: 50px;
    }
    .project-page .zigzag_heading h1 {
        color: #292929;
        font-size: 32px;
        font-family: Poppins;
        font-weight: 700 !important;
        line-height: 44.80px;
        word-wrap: break-word
    }
    .project-page .zigzag_heading .dot {
        color: #43B749;
        font-family: unset !important;
        font-size: 50px !important;
    }
    .project-page .zigzag_heading p {
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px !important;
        font-family: Poppins;
        font-weight: 400 !important;
        line-height: 22.40px;
        word-wrap: break-word;
        width: 100%;
    }
    
    .project-filter-wrapper {
        display: block;
        margin-top: 50px;
    }
    
    .project-filter-wrapper .filter-button-wrap {
        width: 100% !important;
        margin-bottom: 12px;
        padding: 10px 15px !important;
        margin-right: 0 !important;

    }
    /* Projects Page responsive end */

    /* about-us page responsive */
    .about-page {
        margin-top: 50px;
    }
    .about-page .zigzag_heading h1 {
        color: #292929;
        font-size: 32px;
        font-family: Poppins;
        font-weight: 700 !important;
        line-height: 44.80px;
        word-wrap: break-word
    }
    .about-page .zigzag_heading .dot {
        color: #43B749;
        font-family: unset !important;
        font-size: 50px !important;
    }
    .about-page .zigzag_heading p {
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px !important;
        font-family: Poppins;
        font-weight: 400 !important;
        line-height: 22.40px;
        word-wrap: break-word;
        width: 100%;
    }
    .What_Who {
        margin: 50px auto;
    }
    .about_What {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 40px;
    }
    .col-lg.p-0.what_img img{
        width: inherit;
    }
    .what_text {
        margin-left: 10px;
        margin-top: 10px;
    }
    .about_What h4 {
        color: #292929;
        font-size: 24px;
        font-family: Poppins;
        font-weight: 600 !important;
        line-height: 33.60px;
        word-wrap: break-word;
        margin-bottom: 10px !important;
    }
    .about_What .dot {
        font-size: 32px !important;
        color: #43B749;
        font-family: unset !important;
    }
    .about_What p {
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 400;
        line-height: 22.40px;
        word-wrap: break-word;
        width: 100%;
    }
    .about_Who {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column-reverse;
    }
    .col-lg.p-0.who_img img {
        width: inherit;  
    }
    .who_text {
        margin-left: 10px;
        margin-top: 10px;
    }
    .about_Who h4 {
        color: #292929;
        font-size: 24px;
        font-family: Poppins;
        font-weight: 600 !important;
        line-height: 33.60px;
        word-wrap: break-word;
        margin-bottom: 10px !important;
    }
    .about_Who .dot {
        font-size: 32px !important;
        color: #43B749;
        font-family: unset !important;
    }
    .about_Who p {
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px;
        font-family: Poppins;
        font-weight: 400;
        line-height: 22.40px;
        word-wrap: break-word;
        width: 100%;
    }    

    /* about-us page responsive end */
    
    /* contact-us page responsive */
    .contact-page {
        margin: 50px auto;
    }

    .background {
        display: flex;
        flex-direction: column;
        width: auto !important;
        height: 1320PX !important;
        align-items: normal;
    }

    .info {
        width: auto !important;
        
    }
    .contact-page .zigzag_heading h1 {
        color: #292929;
        font-size: 32px;
        font-family: Poppins;
        font-weight: 700 !important;
        line-height: 44.80px;
        word-wrap: break-word
    }
    .contact-page .zigzag_heading .dot {
        color: #43B749;
        font-family: unset !important;
        font-size: 50px !important;
    }
    .contact-page .zigzag_heading p {
        color: rgba(41, 41, 41, 0.50);
        font-size: 14px !important;
        font-family: Poppins;
        font-weight: 400 !important;
        line-height: 22.40px;
        word-wrap: break-word;
        width: 100%;
        margin-top: 0;
    }
    ul#packageSelect {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        color: var(--paz-com-pk-paragraph, rgba(41, 41, 41, 0.50));
        font-family: Poppins;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 15px;
    }
    .package li{
        margin-right: 250px;
    }
    .cir_design img {
        height: 84% !important;
    }
    .form-group {
        margin-bottom: 20px;
        position: relative;
    }
    div#showError {
        font-size: 10px !important;
        margin: 0;
    }
    #packageSelect label {
        margin-bottom: 18px;
        margin-right: 99px;
    }
    .g-recaptcha div{
        width: 50vw !important;
    }
    .rc-anchor-normal .rc-anchor-pt {
        margin: 2px 11px 0 0;
        padding-right: 2px;
        /* position: absolute; */
        right: 0;
        text-align: right;
        width: 86px;
    }
    /* contact-us page responsive end */
}

/* services for Odoo styling */
/* start styling */

.points{
    margin: 0px !important;
}

/* End styling */

/* index inline css */