@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400..700;1,400..700&display=swap");

/* start nav */

.nav-items {
    display: flex;

    gap: 40px;

    list-style: none;

    margin-bottom: 0px;
}

.top-head {
    background: #2a2a2a;
    padding: 10px 65px;
}

.header .navbar-nav {
    width: 100%;
    display: flex;
    justify-content: end;
}

.header .navbar-expand-lg .navbar-nav .nav-link.projects-btn {
    padding: 12px 36px;
    background: #2a2a2a;
    color: #fff;
    border-radius: 4px;
    margin-left: 16px;
    border: 1px solid #2a2a2a;
    transition: 0.2s all ease-in;
}

.header .navbar-expand-lg .navbar-nav .nav-link.projects-btn:hover {
    background: #fff;
    color: #2a2a2a;
}

.header .navbar-expand-lg .navbar-nav .nav-link {
    color: #2a2a2a;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    text-align: center;
    padding: 34px 16px;
}

.header .collapse .navbar-nav {
    width: 100%;
    display: flex;
    justify-content: end;
}

.nav-list {
    display: flex;

    justify-content: center;

    align-items: center;

    gap: 5px;
}

.nav-list p {
    margin-bottom: 0px;

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 100%;

    letter-spacing: 0%;

    color: #2a2a2a;
}

.header {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 9;
    padding: 0 60px;
    border-bottom: 1px solid #72727233;
    margin-bottom: 40px;
}

section.expert {
    padding: 0 60px;
}

section.header nav.navbar {
    padding: 0;
}

/* end nav */

/*start expert*/

.expert-btn {
    text-align: right;
}

.row.expert-row {
    display: flex;

    align-items: center;
}

.expert-10-main {
    display: flex;

    align-items: center;

    gap: 20px;
}

.expert-10-txt h1 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    color: #000000;
}

.expert-center p {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 150%;

    letter-spacing: 0%;

    color: #000000;

    margin-bottom: 0px;
}

.last-txt h6 {
    /* font-family: Montserrat; */
    font-family: "Poppins", sans-serif;
    font-weight: 600;

    font-size: 20px;

    line-height: 100%;

    /* letter-spacing: 0%; */
    letter-spacing: 0.2px;

    color: #1d1d1d;

    text-align: left;
}

button.connect-btn {
    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    text-transform: uppercase;

    padding: 16px 32px;

    border: none;

    border: 1px solid #2a2a2a;

    border-radius: 4px;

    background: transparent;
    transition: 0.2s all ease-in;
}

button.connect-btn:hover {
    background-color: #2a2a2a;
    color: #fff;
}

.elite-btn button {
    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    text-transform: uppercase;

    padding: 16px 32px;

    background: transparent;

    border: none;

    border: 1px solid #2a2a2a;

    border-radius: 4px;
    transition: 0.2s all ease-in;
}

.elite-btn button:hover {
    background-color: #2a2a2a;
    color: #fff;
}

/*end expert*/

/*start banner*/

.banner {
    background-image: url("../images/ban-bg.png");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    display: flex;

    align-items: center;
}

section.banner {
    padding-top: 444px;

    padding-bottom: 35px;

    margin: 0px 80px;

    margin-top: 40px;

    margin-bottom: 60px;

    border-radius: 8px;
}

.ban-1 img {
    width: 100%;
}

section.banner .row {
    align-items: flex-end;
}

.ban-left h2 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 150%;

    letter-spacing: 0%;

    text-transform: uppercase;

    color: #ffffff;
    margin: 0;
}

.ban-right {
    display: flex;

    gap: 40px;
}

/*end banner*/

/* start logo */

.logo-img img {
    max-width: 120px;
}

section.logo {
    margin-bottom: 60px;
}

.logo-heading h3 {
    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    margin-bottom: 40px;

    text-align: center;

    color: #2a2a2a;
}

/* end logo */

/* start transform */

.trans-left-cols {
    display: flex;

    align-items: center;

    gap: 30px;
}

.trans-heading h4 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 125%;

    color: #2a2a2a;

    text-align: center;

    margin-bottom: 40px;
}

section.transform {
    background-color: #e4e4e4;

    padding: 80px 0px;
}

.trans-left-txt h5 {
    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 24px;

    line-height: 100%;

    text-transform: capitalize;

    color: #2a2a2a;

    margin-bottom: 0px;
}

.trans-left-txt p {
    font-family: "Poppins", sans-serif;

    font-weight: 300;

    font-size: 18px;

    line-height: 150%;

    color: #2a2a2a;

    margin-bottom: 0px;
}

.trans-left-img img {
    width: 120px;

    max-height: 119px;
}

/* end transform */

/* start elite */

.row.elite-row {
    display: flex;

    align-items: center;
}

.elite-left h5 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    color: #000000;

    margin-bottom: 0px;
}

.elite-center p {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 15px;

    line-height: 150%;

    color: #000000;

    margin-bottom: 0px;
}

.elite-btn button {
    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    text-transform: uppercase;

    padding: 16px 32px;

    background: transparent;

    border: none;

    border: 1px solid #2a2a2a;

    border-radius: 4px;
}

.elite-btn {
    text-align: right;
}

section.elite {
    margin-top: 80px;

    margin-bottom: 40px;
}

/* end elite */

/* start cards */

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

.cards-main {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}

.cards-txt {
    position: absolute;
    bottom: 6px;
    color: white;
    padding: 0 50px;
}

.cards-txt.cards-txt-main {
    position: absolute;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        rgb(0 0 0 / 76%) 100%
    );
    padding: 0 50px 0;
    width: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column;
    opacity: 0;
    top: 0%;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
    transition: 0.5s all ease-in;
    width: 100%;
}
.cards-txt.cards-txt-main.cards-txt-main-dattud {
    left: 0;
    transform: none;
    height: 200px;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        rgb(0 0 0 / 76%) 100%
    );
    top: inherit;
    opacity: 1;
    transition: 0.5s all ease-in;
}
.cards-main:hover .cards-txt.cards-txt-main.cards-txt-main-dattud {
    opacity: 0;
}
section.cards-imgs .cards-txt p.cards-txt-para {
    min-height: 96px;
}
.cards-main:hover .cards-txt.cards-txt-main {
    opacity: 1;
    top: 100%;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        rgb(0 0 0 / 76%) 100%
    );
}

.cards-main .cards-img {
    transition: 0.5s all ease-in;
    position: relative;
}

.cards-main:hover .cards-img::after {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        rgb(0 0 0 / 76%) 100%
    );
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

p.double-btn a {
    transition: 0.5s all ease-in;
}

p.double-btn a:hover {
    background: #fff;
    color: #000;
}

p.double-btn a:hover img {
    filter: brightness(0) invert(0);
}

.cards-2-main {
    position: relative;
    overflow: hidden;
}

.cards-2-main:hover .cards-txt.cards-txt-main {
    opacity: 1;
    height: 200px;
}

.cards-2-main .cards-txt.cards-txt-main {
    position: absolute;
    left: inherit;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        rgb(0 0 0 / 76%) 100%
    );
    /* background: linear-gradient(180deg, rgb(0 0 0 / 25%) 0, rgb(0 0 0 / 76%) 100%); */
    padding: 0 24px;
    width: 100%;
    height: 70px;
    transform: inherit;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
    flex-direction: inherit;
    opacity: 1;
    top: inherit;
    bottom: 0;
    transition: 0.4s all ease-in;
}

.cards-txt h6 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 150%;

    letter-spacing: 0%;

    text-transform: uppercase;

    color: #ffffff;

    margin-bottom: 10px;
}

.cards-txt p {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 24px;
}

/* end cards */

/* start cards-2 */

.cards-2-img img {
    width: 100%;
}

.cards-2-head h4 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    text-align: center;

    margin-bottom: 40px;

    color: #2a2a2a;
}

.cards-2-head {
    margin-top: 60px;
}

.cards-2-txt p {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 20px;

    line-height: 150%;

    letter-spacing: 0%;

    color: #2a2a2a;

    margin-top: 16px;

    margin-bottom: 0px;
}

.cards-2-btn {
    text-align: center;

    margin-top: 40px;

    margin-bottom: 60px;
}

.cards-2-btn button {
    border: 1px solid #2a2a2a;

    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    text-transform: uppercase;

    border-radius: 4px;

    padding-top: 16px;

    padding-right: 32px;

    padding-bottom: 16px;

    padding-left: 32px;

    border-width: 1px;

    background-color: transparent;
    transition: 0.2s all ease-in;
}

.cards-2-btn button:hover {
    background-color: #2a2a2a;
    color: #fff;
}

.dreamy-left h5 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 32px;
    line-height: 125%;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #fff;
}

.dreamy-left h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 52px;
    line-height: 125%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #fff;
}

section.dreamy {
    background-image: url("../images/sep-bar-add.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 40px 80px;
}

.dremy-right {
    display: flex;
    justify-content: end;
}

.dremy-right a {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    border-radius: 0;
    padding-top: 16px;
    padding-right: 32px;
    padding-bottom: 16px;
    padding-left: 32px;
    background: transparent;
    color: #ffffff;
    border: none;
    border: 1px solid #fff;
    text-decoration: none;
    transition: 0.2s all ease-in;
}

.dremy-right a img {
    position: relative;
    top: -2px;
    margin-left: 24px;
    transition: 0.2s all ease-in;
}

section.drivrn-upper h2.block-ser-h2,
section.drivrn-upper h5.block-ser-h5 {
    text-align: center;
}

.row.dreamy-row {
    display: flex;

    align-items: center;
}

/* end cards-2 */

/*start driven*/

.driven-left {
    display: flex;
    gap: 30px;
    /* align-items: center; */
}

.paddin {
    padding-left: 0;
}

.drivrn-upper .block-ser-h2,
.drivrn-upper .block-ser-h5 {
    text-align: center;
}

.driven-heading {
    margin-bottom: 48px;
}

.cards-txt p.cards-txt-para {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-transform: inherit;
}

.cards-txt.cards-txt-main ul {
    list-style: none;
    padding: 0;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin: 20px 0 40px;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: flex-start;
}

p.double-btn a {
    padding: 10px 32px;
    background: transparent;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.cards-txt.cards-txt-main ul li {
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    align-items: center;
    gap: 10px;
}

p.double-btn a img {
    position: relative;
    top: -2px;
    margin-left: 10px;
}

p.double-btn {
    display: flex;
    gap: 40px;
}

.driven-txt h5 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: capitalize;
    color: #2a2a2a;
    margin-bottom: 12px;
}
img.communitiesarrow {
    width: 18px;
    height: 18px;
    filter: brightness(1) invert(1);
    position: relative;
    margin-right: 5px;
}
.new-paadd {
    padding: 0;
}
.drop-top {
    padding: 0px 20px !important;
}
.drop-top-1 {
    padding: 24px 20px 0 !important;
}
.driven-txt p {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 14px;

    text-transform: capitalize;

    color: #5e7290;

    margin-bottom: 0px;
}

.driven-txt p {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #2a2a2a;
    margin-bottom: 0px;
    min-height: 90px;
}

.driven-left {
    padding: 50px 20px;
    margin-bottom: 0;
}

.new-driven-pass-1,
.new-driven-pass-3 {
    padding-right: 0;
}

.new-driven-pass-2,
.new-driven-pass-4 {
    padding-left: 0;
}

section.driven {
    margin-top: 40px;
    margin-bottom: 80px;
}

/* .new-driven-pass-1 .driven-left.new-driven,
.new-driven-pass-3 .driven-left.new-driven {
    border-right: 1px solid #72727233;
} */
/* .new-driven-pass-1 .driven-left.new-driven,
.new-driven-pass-2 .driven-left.new-driven {
    border-bottom: 1px solid #72727233;
} */
.driven-left.new-driven:hover {
    background: #72727233;
    box-shadow: 0 0 10px 1px #72727233;
}

.driven-left.new-driven {
    transition: 0.2s all ease-in;

    height: 100%;
}

.row.dri-row {
    display: flex;

    align-items: center;
}

/*end driven*/

section.drivrn-upper {
    margin: 80px 80px 0px 80px;
}

h2.block-ser-h2 {
    font-family: "Poppins", sans-serif;

    font-weight: 600;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    color: #000000;
}

h5.block-ser-h5 {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 20px;

    line-height: 150%;

    letter-spacing: 0%;

    color: #000000;
}

/*start footer*/

.footer {
    background: #2a2a2a;

    padding-top: 60px;

    padding-bottom: 40px;
}

.logo-para p {
    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 150%;

    letter-spacing: 0%;

    text-transform: capitalize;

    padding-bottom: 20px;

    margin-top: 30px;

    border-bottom: 1px solid #494949;
}

.social-heading h6 {
    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 32px;

    line-height: 125%;

    letter-spacing: 0%;

    text-transform: capitalize;

    margin-bottom: 20px;

    opacity: 40%;
}

.foot-img img {
    width: 229px;

    height: auto;
}

.social-icons a {
    margin-right: 24px;
}

.social-icons a:last-child {
    margin-right: 0;
}

.footer-list li {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 15px;

    line-height: 200%;

    letter-spacing: 0%;

    text-transform: capitalize;

    color: #ffffff;

    list-style: none;
}

ul.footer-list {
    margin-bottom: 0px;

    padding-left: 0px;
}

.row.footer-row {
    border-bottom: 1px solid #494949;

    padding-bottom: 40px;
}

.footer-2-haed h6 {
    text-align: center;

    margin-top: 40px;
}

.copy p {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 14px;

    line-height: 150%;

    letter-spacing: 0%;

    text-transform: capitalize;

    color: #ffffff;

    text-align: center;

    margin-bottom: 0px;
}

.copy {
    padding-top: 40px;
}

/*end footer*/

/* start chat */

/* 

.chat {

    padding: 50px 0;

} */

.chat-form {
    text-align: center;
    max-width: 600px;
    margin: auto;
}

.form-heading {
    font-family: "Poppins", sans-serif;

    font-weight: 700;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    text-align: center;

    color: #2a2a2a;

    margin-bottom: 10px;
}

.row.chat-row {
    align-items: center;
}

.form-paragraph {
    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 150%;

    letter-spacing: 0%;

    text-align: center;

    color: #2a2a2a;

    max-width: 383px;

    margin: auto;

    margin-bottom: 40px;
}

.form-control {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    border-top: 1px solid #d8d8d8;
    height: 55px;
}

.form-button {
    text-align: center;

    margin-top: 15px;
}

.btn-forms {
    background: #5a381d;

    color: #ffffff;

    font-family: "Poppins", sans-serif;

    font-weight: 500;

    font-size: 20px;

    line-height: 100%;

    text-transform: uppercase;

    padding: 16px 32px;

    border-radius: 4px;

    border: none;
    transition: 0.2s all ease-in;
}

.btn-forms:hover {
    background-color: #151515;
}

.chat-container {
    padding-right: 0px;

    overflow: hidden;
}

.chat-img img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

/* end chat */

/*start testimonial*/

h2.testimonial-h2 {
    font-family: "Poppins", sans-serif;

    font-weight: 700;

    font-size: 40px;

    line-height: 125%;

    letter-spacing: 0%;

    text-align: center;

    color: #2a2a2a;

    margin-bottom: 10px;
}

.testi-main {
    display: flex;

    flex-direction: column;

    position: relative;

    text-align: center;
}

.testi-center {
    display: flex;

    flex-direction: column;
}

.testi-para {
    text-align: center;

    max-width: 600px;

    margin: 10px auto;
}

.testi-logo-img {
    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);
}

.testi-center img {
    width: 100px !important;

    margin: auto;
}

.testi-logo-img img {
    width: 40px !important;
}

section.testimonials {
    background: #ffffff;

    padding: 80px 0px;
}

.quote-img img {
    max-width: 50px;

    margin-bottom: 23px;
}

.ellipse-img img {
    max-width: 48px;
}

.last-txt img {
    max-width: 86px;
}

.google-img img {
    max-width: 47px;
}

.item-para p {
    color: #727272;
    /* font-family: Montserrat; */
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0%;
    text-align: left;
    min-height: 160px;
    font-family: "Poppins", sans-serif;
}

.google-main {
    display: flex;

    justify-content: space-between;
}

.testimonials .owl-carousel .owl-dots.disabled {
    display: block;
}

.main-item {
    padding: 52px 70px;
    text-align: center;
    border-radius: 24px;
    background: #ffffff;
    min-height: 450px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.row.testimonials-row {
    margin-left: 0px;

    margin-right: 0px;
}

.testi-par {
    text-align: center;

    font-family: "Poppins", sans-serif;

    font-weight: 400;

    font-size: 16px;

    line-height: 150%;

    letter-spacing: 0%;

    text-align: center;

    color: #2a2a2a;

    margin-bottom: 40px;
}

section.testimonials {
    background-image: url("../images/testi-banner.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
    color: #fff;
    background: #2a2a2a;
}

.testi-last-main {
    display: flex;

    align-content: center;

    gap: 15px;
}

/*end testimonial*/

.contain-size {
    padding: 0 80px;
}

.container-size {
    max-width: 1440px;

    margin: 0px auto;
}

section.banner .contain-size {
    padding: 0 40px;
}

.cards-2 .owl-slider {
    display: none;
}

.top-head-inner {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: end;
}

.row.footer-row.footer-row_new {
    gap: 32px 0;
    background: #ffffff14;
    padding: 20px;
    border-radius: 20px;
    border: 0;
}

.top-head-inner .top-head-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top-head-inner .top-head-block a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}

.row.footer-row.footer-row_new {
    justify-content: center;
}

.dremy-right a:hover {
    background: #fff;
    color: #000;
}

.dremy-right a:hover img {
    filter: brightness(0) invert(0);
}

.cards-imgs .cards-img img {
    object-fit: cover;
}

.navbar-brand img {
    width: 180px;
    height: auto;
}

.bann-img img {
    width: 100%;
    height: 561px;
    object-fit: cover;
}

.banner-form {
    padding: 0 60px;
    margin-top: 40px;
    margin-bottom: 80px;
}

.bann-img-form {
    background-image: url("../images/ser-banner-form.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 30px 40px;
}

.bann-img-form .form-heading {
    color: #fff;
}

.bann-img-form .form-paragraph {
    color: #fff;
    max-width: 100%;
}

.bann-img-form .form-control {
    width: 100%;
    padding: 16px;
    margin: 10px 0;
    border-radius: 4px;
    border-top: 1px solid #fff;
    height: 55px;
    background: transparent;
    font-size: 16px;
    color: #fff;
}

.bann-img-form textarea.form-control {
    height: 140px;
}

.bann-img-form .form-control::placeholder {
    color: #bbb;
    opacity: 1;
}

.bann-img-form .btn-forms {
    background: #fff;
    color: #2a2a2a;
}

.cards-imgs.cards-imgs-serve .cards-img img {
    height: auto;
    object-fit: cover;
}

.cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
    transition: 0.5s all ease-in;
    top: 0;
    transform: translate(-50%, 12%);
}

.cards-imgs.cards-imgs-serve .cards-main:hover .cards-txt.cards-txt-main {
    top: 100%;
}

.faq-sec {
    background-image: url("../images/ser-banner-sec-first-12.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 0;
}

.faq-sec h2.block-ser-h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

.faq-sec .collapsible-link {
    width: 100%;
    position: relative;
    text-align: left;
    padding: 20px 40px;
    text-decoration: none;
    background: transparent;
    color: #fff !important;
    font-size: 20px;
    font-weight: 400 !important;
    font-family: "Poppins", sans-serif;
}

.faq-sec .card .card-header {
    padding: 0;
}

.faq-sec .collapsible-link::before {
    content: "";
    position: absolute;
    top: 45%;
    left: 1rem;
    transform: rotate(270deg);
    border-top: 8px solid;
    border-right: 8px solid transparent;
    border-bottom: 0;
    border-left: 8px solid transparent;
    border-radius: 4px;
}

.faq-sec .card-body {
    padding: 0 40px 20px;
    color: #fff;
    font-family: "Poppins", sans-serif;
}

.faq-sec .collapsible-link[aria-expanded="true"]::before {
    transform: rotate(0deg);
}

.faq-sec .card-header {
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.faq-sec .card {
    background: transparent;
    border: 1px solid #fff !important;
    border-radius: 10px !important;
    margin: 20px 0 0 0;
}

.faq-sec .card {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 10px !important;
}

.faq-sec .collapsible-link:focus {
    box-shadow: none;
}

/* portfolio css */

.portfolio-para p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;
}

.expert-btn {
    text-align: right;
}

.portfolio-btn {
    padding: 16px 36px;
    border: 1px solid #2a2a2a;
    border-radius: 4px;
    background-color: transparent;
    font-family: Cabin;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #2a2a2a;
}

.row.expert-row {
    display: flex;
    align-items: center;
}

.portfolio-section {
    padding: 40px 60px 0px 60px;
}

.portfolio-select {
    padding: 20px 40px;
    background-color: #2a2a2a;
    border-radius: 8px;
    justify-content: space-between;
}

.portfolio-section select {
    width: 100%;
    padding: 10px 20px;
    background-color: transparent;
    border: 0.5px solid #ffffff;
    color: #ffff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
    background-image: url("../images/tesing-arrow.png");
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 18px;
    filter: brightness(0) invert(1);
}

.portfolio-inner-sort {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: end;
}

.portfolio-inner-left h6 {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
}

.portfolio-inner-right ul {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: inherit;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ffffff;
    display: flex;
    gap: 10px;
    list-style-type: none;
    padding: 0px 0px;
    margin-bottom: 0px;
}

.portfolio-section .row {
    align-items: center;
}

.pa-1 {
    color: #ffffffb2 !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: none !important;
}

.single-blog {
    padding: 0 60px 60px;
}

.pa-2 {
    color: #ffffff !important;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    text-decoration: none !important;
}

.single-blog-item-2 h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #231f20;
    margin: 15px 0;
}

.single-blog-item-img img {
    width: 100%;
    margin-bottom: 20px;
}

.elite.elite-new {
    margin: 0;
    padding-top: 80px;
    padding-bottom: 40px;
    background: #f2f2f2;
}

.single-blog {
    background: #f2f2f2;
}

.single-blog-item-4 a {
    background: #000;
    padding: 16px 32px;
    border-radius: 4px;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
}

.single-blog-item-4 {
    display: flex;
    justify-content: start;
    margin-top: 16px;
}

.single-blog-item-img img {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 12px;
}

.single-blog-item {
    border: 1px solid #2a2a2a;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 25px;
}

.single-blog-item-3 p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #231f20;
    margin: 0;
}

.single-blog-item-1 span {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #231f20;
}

.cards-imgs {
    padding: 40px 60px;
}

.portfolio-card-img-inner-img img {
    border-radius: 4px;
}

.portfolio-card-img-inner {
    position: relative;
    overflow: hidden;
}

.img-btn {
    border: none;
    padding: 10px 15px;
    border-radius: 62px;
    background-color: #2a2a2a;
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    text-transform: uppercase;
}

.portfolio-card-img-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    gap: 10px;
}

.portfolio-card-img-inner .cards-txt.cards-txt-main.portfolio-card-img-content {
    position: absolute;
    left: inherit;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        rgb(0 0 0 / 76%) 100%
    );
    padding: 0 20px;
    width: 100%;
    height: 70px;
    transform: inherit;
    display: flex;
    align-items: inherit;
    justify-content: inherit;
    flex-direction: column;
    opacity: 1;
    top: inherit;
    bottom: 0;
    transition: 0.4s all ease-in;
}

.portfolio-card-img-inner:hover .cards-txt.cards-txt-main {
    opacity: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
}

.elite.elite-portfolio-a {
    margin-bottom: 0;
}

.portfolio-card-img-content h6 {
    font-family: Cabin;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #fff;
}

.cards-txt p.icon-para {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 24px;
}

.icon-para span img {
    margin-right: 10px;
    width: 20px;
}

.icon-para span img {
    margin-right: 15px;
}

.cards-txt p.cards-txt-para {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-transform: inherit;
    color: #fff;
    margin: 24px 0px;
}

.portfolio-card-txt-para {
    background-color: #fff;
    color: #2a2a2a;
    border: none;
    text-transform: uppercase;
    padding: 12px 24px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 100%;
}

.portfolio-card-imgs .row {
    gap: 40px 0px;
}

.featured {
    padding: 0px 60px;
}

.featured-crousel {
    padding: 40px 0px;
}

.feature-crousel-testi-icon {
    display: flex;
    align-items: center;
    background-color: #2a2a2a;
    padding: 10px 30px 10px 10px;
    border-radius: 4px;
    gap: 30px;
    margin-bottom: 15px;
}

.feature-testi-icon-img {
    flex: 0 0 30px;
    max-width: 30px;
}

.feature-testi-icon-img img {
    height: 27px !important;
    width: auto !important;
}

.ftc {
    color: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    line-height: 150%;
    min-height: 120px;
    margin-bottom: 0px;
}

.portfolio-section select option {
    color: #2a2a2a;
}

.feature-crousel-img img {
    width: 100%;
}

.featured-crousel-innersec {
    border: 1px solid #2a2a2a;
    padding: 30px;
    border-radius: 8px;
}

.featured-crousel-content h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #2a2a2a;
    margin-bottom: 0px;
    margin-top: 20px;
}

.fcc {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2a2a2a;
    margin-bottom: 15px;
}

.featured-crousel-duration {
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 24px;
}

.featured-duration-content .fdc {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 200%;
    letter-spacing: 0%;
    vertical-align: middle;
    margin-bottom: 0px;
}

.featured-duration-content h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 200%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #2a2a2a;
    margin-bottom: 0px;
}

.seo-sec {
    background-color: #f3f3f3;
    padding: 60px 80px;
}

.heading-haifa {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 100%;
    letter-spacing: 0%;
    /* text-align: center; */
    color: #2a2a2a;
}

.seo-sec .heading-haifa {
    text-align: center;
    margin-bottom: 40px;
}

.seo-sec-para p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0%;
    text-align: center;
    color: #323232;
    /* box-shadow: 0px 4px 20px 0px #00000040; */
}

.seo-another-content-inner h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    text-transform: uppercase;
    color: #323232;
}

.seo-sec-another-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.cards-2.cards-2-serve .cards-2-head {
    margin-top: 0;
}

.single-blog .owl-slider {
    display: none;
}

.cards-2-btn.cards-2-btn-blog {
    display: none;
}

.chat .faq-sec {
    padding: 80px;
}

.testi-data-video-block img {
    width: 50px !important;
    height: auto;
}

.testi-data-video-block-1 h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 130%;
    margin: 0 0 00 0;
    color: #fff;
}

.testi-data-video-block-1 p {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #fff;
    margin: 0;
}

.testi-data-video-1 {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 10px 13px;
    background: #0000004d;
    backdrop-filter: blur(34px);
    border-top: 1px solid #ffffff33;
    border-radius: 18px;
    width: 90%;
    margin: auto;
    position: absolute;
    bottom: 37px;
    left: 0;
    right: 0;
}

.testimonail-2 {
    margin-top: 40px;
    margin-bottom: 60px;
}

.testi-data-video-2 video {
    border-radius: 20px;
    width: 100%;
    object-fit: cover;
}

.footer-list li a {
    color: #fff;
    text-decoration: none;
}

.cards-imgs.portfolio-card-imgs {
    padding: 40px 60px;
}

section.testimonail-2 .row {
    justify-content: center;
}

.elite.elite-portfolio-a {
    padding: 0 60px;
}

.seo-sec.seo-sec-portfolio {
    background: #2a2a2a;
}

.seo-sec.seo-sec-portfolio .heading-haifa,
.seo-sec.seo-sec-portfolio .seo-sec-para p,
.seo-sec.seo-sec-portfolio .seo-another-content-inner h3 {
    color: #fff;
}

section.cards-imgs.portfolio-card-imgs.portfolio-card-crousel {
    display: none !important;
}

.blog-detail-inner {
    padding: 20px 80px;
    border: 1px solid #e4e4e4;
    margin-bottom: 60px;
}

.blog-detail-inner .heading-haifa {
    margin-bottom: 20px;
    margin-top: 30px;
}

p.featured_head {
    min-height: 60px;
    margin: 0;
}

.service-detail-img-inner-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(
        180deg,
        rgba(2, 4, 5, 0) 0%,
        rgba(87, 199, 133, 0) 50%,
        rgba(12, 13, 1, 0) 70%,
        rgb(0 0 0 / 80%) 100%
    );
    z-index: 1;
    opacity: 1;
}

section.cards-2 .cards-2-main::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, rgb(0 0 0 / 76%) 100%);
}
section.cards-2 .cards-2-main:hover::after {
    background: linear-gradient(
        180deg,
        rgb(0 0 0 / 25%) 0,
        rgb(0 0 0 / 76%) 100%
    );
}

section.cards-2 .cards-2-main .cards-txt.cards-txt-main {
    z-index: 2;
}

.service-detail-inner-content {
    position: relative;
    z-index: 2;
}

section.cards-2.cards-2-serve .row {
    gap: 30px 0;
}

.testi-last-main .ellipse-img img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    object-fit: cover;
    border-radius: 50%;
}

section.banner {
    position: relative;
}

section.banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(
        180deg,
        rgba(2, 4, 5, 0) 0%,
        rgba(87, 199, 133, 0) 50%,
        rgb(12 13 1 / 13%) 60%,
        rgb(0 0 0 / 87%) 100%
    );
    border-radius: 20px;
}

section.banner {
    border-radius: 20px;
}

section.banner .contain-size {
    z-index: 2;
}

section.blog-detail-2 h1,
section.blog-detail-2 h2,
section.blog-detail-2 h3,
section.blog-detail-2 h4,
section.blog-detail-2 h5,
section.blog-detail-2 h6,
section.blog-detail-2 h1 span,
section.blog-detail-2 h2 span,
section.blog-detail-2 h3 span,
section.blog-detail-2 h4 span,
section.blog-detail-2 h5 span,
section.blog-detail-2 h6 span {
    font-size: 24px !important;
    font-family: Poppins !important;
    text-align: left !important;
}

section.blog-detail-2 p,
section.blog-detail-2 p span,
section.blog-detail-2 li,
section.blog-detail-2 li span {
    font-size: 16px !important;
    font-family: Poppins !important;
}

.cards-main .cards-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(
        to bottom,
        rgba(255, 0, 0, 0),
        rgb(0 0 0)
    );
    opacity: 0;
}

.cards-main:hover .cards-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0),  rgb(0 0 0)); */
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 25%), rgb(0 0 0));
    opacity: 1;
}

.portfolio-card-img-inner-img {
    position: relative;
}

.portfolio-card-img-inner-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: linear-gradient(
        180deg,
        rgba(2, 4, 5, 0) 0%,
        rgba(87, 199, 133, 0) 50%,
        rgba(12, 13, 1, 0) 70%,
        rgb(0 0 0 / 80%) 100%
    );
}
.portfolio-card-img-inner:hover .portfolio-card-img-inner-img::after {
    background: linear-gradient(
        180deg,
        rgb(0 0 0 / 25%) 0,
        rgb(0 0 0 / 76%) 100%
    );
}
/* .portfolio-card-img-inner .cards-txt.cards-txt-main.portfolio-card-img-content {
    background: linear-gradient(180deg, rgb(0 0 0 / 25%) 0, rgb(0 0 0 / 76%) 100%);
} */
.portfolio-card-img-inner .cards-txt.cards-txt-main.cards-txt-main-text p {
    min-height: 60px;
}
.cards-txt.cards-txt-main.cards-txt-main-text p.icon-para {
    margin: 0;
}

.cards-txt.cards-txt-main.cards-txt-main-text p {
    min-height: 42px;
}

.cards-txt.cards-txt-main ul li {
    min-height: 48px;
}

section.service-detail-ren.service-detail-ren-cal p.cards-txt-para {
    min-height: 72px;
    margin-bottom: 16px;
}

.service-detail-img-inner.service-detail-img-inner_dtra
    .service-detail-inner-content
    p.cards-txt-para {
    min-height: 70px;
    margin: 0;
}

.service-detail-img-inner.service-detail-img-inner_dtra
    .single-detail-3-form-button {
    margin-top: 24px;
    margin-bottom: 24px;
}

.service-detail-img-inner.service-detail-img-inner_dtra
    .service-detail-inner-content
    h6,
.service-detail-img-inner.service-detail-img-inner_dtra
    .service-detail-inner-content
    p.cards-txt-para {
    text-align: left;
}

.service-detail-img-inner.service-detail-img-inner_dtra
    .service-detail-inner-content
    .single-detail-3-form-button {
    justify-content: start;
}

.service-detail-img-inner.service-detail-img-inner_dtra
    .service-detail-inner-content
    h6 {
    /* min-height: 50px; */
    min-height: 63px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
.blog-tab-number-slider.blog-tab-number-slider-1 .blog-tab-number-slider {
    margin: 0;
}

section.expert.expert_communities {
    padding-bottom: 40px;
}

.banner-communities-detail .blog-form input {
    font-family: Bai Jamjuree;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #2a2a2a;
    width: 100%;
    background-color: transparent;
    padding: 10px 20px;
    border: 0.5px solid #2a2a2a;
    width: 100%;
    border-radius: 4px;
}

.banner-communities-detail .blog-search-bar {
    background-color: #fff;
}

.banner-communities-detail .search-container .blog-form button {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 10px;
    top: 11.5px;
}

.banner-communities-detail .search-container .blog-form button img {
    filter: brightness(0.2);
}

.banner-communities-detail .blog-form {
    margin: 0;
}

p.block-ser-h5 {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #000000;
}

.row.uspage-commercial_row {
    margin-top: 20px;
}

section.mission-sec.mission-uspage-commercial .mission-sec-inner-block {
    margin-top: 0;
}

.images-uspage-commercial img {
    width: 100%;
}

.row.driven-uspage-commercial_row {
    gap: 30px 0;
    margin-top: 24px;
}

section.banner.banner-serve-detail.banner-communities-detail {
    margin-top: 0;
}

section.banner.banner-serve-detail.banner-communities-detail .blog-form {
    flex: 0 0 100%;
}

ul.dropdownhover-menu.dropdownhover-menu_vd {
    max-width: 340px;
    right: -100px;
    padding: 20px 36px;
    margin: 0;
    width: 340px;
    box-shadow: 0px 4px 30px 0px #00000040;
    /* background: #fff; */
    background: #2a2a2a;
    top: 80px;
}
/* ul.dropdownhover-menu.dropdownhover-menu_vd .drop-top-1 li a {
    color: #2A2A2A;
} */
ul.dropdownhover-menu.dropdownhover-menu_vd .drop-top-1 li a {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
}
ul.dropdownhover-menu.dropdownhover-menu_vd .drop-top-1 li a img {
    width: 30px;
    height: 30px;
    filter: brightness(0) invert(1);
    object-fit: contain;
}

ul.dropdownhover-menu.dropdownhover-menu_vd ul.drop-top-1 {
    padding: 0;
    margin: 0;
    border: 0;
}

.new-call {
    position: fixed;
    /* bottom: 175px; */
    bottom: 165px;
    /* right: 26px; */
    right: 5px;
    z-index: 1;
}

.new-whatsicon {
    position: fixed;
    bottom: 100px;
    right: 3px;
    z-index: 1;
}

.live_streambtn-1 {
    position: fixed;
    right: -64px;
    bottom: 45%;
    z-index: 9;
    animation: cone 3.5s ease infinite;
    transition: all 0.5s ease;
    transform: rotate(270deg);
}
.second-droping {
    filter: brightness(1) invert(1);
}
ul.drop-top-1.drop-top-1hg {
    margin: 0;
    padding: 0 !important;
    border: 0;
}
ul.drop-top-1.drop-top-1hg li a {
    text-align: center;
}
.live_streambtn-1 a {
    background: #000;
    color: #fff !important;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 15px 15px 0 0;
    font-weight: 700;
    border: 0px solid #fff;
    border-bottom: 0;
    text-decoration: none;
}

.live_streambtn {
    position: fixed;
    left: -54px;
    bottom: 45%;
    z-index: 9;
    animation: cone 3.5s ease infinite;
    transition: all 0.5s ease;
    transform: rotate(90deg);
}

.live_streambtn a {
    background: #000;
    color: #fff !important;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 15px 15px 0 0;
    font-weight: 700;
    border: 1px solid #fff;
    border-bottom: 0;
    text-decoration: none;
}

section.about-uspage-sec-1.about-uspage-sec-1-newww .row {
    align-items: start;
    margin: 20px 0;
}

section.section-detail-ren-3.nyi_class {
    float: none;
}

.service-detail-img-inner:hover .service-detail-img-inner-img::after {
    opacity: 1;
    /* background-image: linear-gradient(to bottom,  rgba(255, 0, 0, 0),  rgb(0 0 0)); */
    background-image: linear-gradient(to bottom, rgb(0 0 0 / 25%), rgb(0 0 0));
}
#myModal_new .modal-dialog .modal-body {
    position: relative;
}
.close.closedata {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 30px;
}
.new_Popup-button-1 button {
    font-family: "Poppins", sans-serif;
}
.minus-button {
    display: none;
}
.testimonaidssh {
    padding-left: 50px;
}
section.testimonials .container-fluid {
    padding: 0;
}
section.testimonials {
    overflow: hidden;
}

/* 11 july  */
.newban-content h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 40px;
    line-height: 150%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
}

.newban-content p {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    margin: 0;
    color: #fff;
}

.bann-img.new-bann-img {
    position: relative;
}

.newban-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 30px;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 1.57%,
        rgba(0, 0, 0, 0.81) 100%
    );
}
.cost-width .block-ser-h2 {
    max-width: 700px;
}

.cost-width .master-icon {
    max-width: 720px;
}
.benefit-section {
    padding: 80px 0;
}
.benefit-section {
    background-size: cover;
    background-repeat: no-repeat;
}
section.benefit-section {
    background-size: cover;
    background-repeat: no-repeat;
    background: url("/web/images/layout-banner.jpg") center center no-repeat;
}
.benefit-card-box img {
    filter: brightness(0) invert(1);
}

.benefit-card-box {
    background: #2a2a2a66;

    border: 1px solid #727272;
    padding: 30px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    transition: 0.3s all ease-in;
    min-height: 455px;
}

.benefit-card-icon {
    margin-bottom: 30px;
}

.benefit-card-icon img {
    max-height: 100px;
}

.benefit-card-content h4 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.benefit-card-content p {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
}
.benefit-card-box:hover {
    background: #272828;
}
.phone-input .iti--separate-dial-code {
    width: 100%;
}
@media (min-width: 1399px) {
    .container {
        max-width: 1480px;
    }
}
.about-uspage-sec-1 figure.image img {
    width: 100%;
}
.cards-2-daad .cards-2-main:hover .cards-txt.cards-txt-main {
	opacity: 0;
	height: 0;
}
.service-detail-inner-content h6 {
	min-height: 28px !important;
    margin-bottom: 0 !important;
}
.cards-2-daad .cards-2-main .cards-txt.cardsnewsliude  {
    position: absolute;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0, rgb(0 0 0 / 76%) 100% );
    padding: 0 24px 0;
    width: 100%;
    display: flex;
    justify-content: end;
    flex-direction: column;
    opacity: 0;
    top: 0%;
    bottom: 0;
    transform: translate(-50%, 100%);
    left: 50%;
    transition: 0.6s all ease-in;
    width: 100%;
}
.cards-2-daad .cards-2-main:hover .cards-txt.cardsnewsliude {
	opacity: 1;
    top: 100%;
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0, rgb(0 0 0 / 76%) 100% );
}
.cards-txt.cardsnewsliude {
	z-index: 2;
}
.cards-txt.cardsnewsliude .cards-txt-para {
	margin-top: 0 !important;
    min-height: auto !important;
}
.cards-txt.cardsnewsliude p {
	margin-top: 0 !important;
    min-height: auto !important;
}
@media (max-width: 1600px) {
    button.connect-btn {
        font-size: 14px;
        padding: 16px 16px;
    }

    .heading-haifa {
        font-size: 32px;
        line-height: 150%;
    }

    section.blog-detail-2 h1,
    section.blog-detail-2 h2,
    section.blog-detail-2 h3,
    section.blog-detail-2 h4,
    section.blog-detail-2 h5,
    section.blog-detail-2 h6,
    section.blog-detail-2 h1 span,
    section.blog-detail-2 h2 span,
    section.blog-detail-2 h3 span,
    section.blog-detail-2 h4 span,
    section.blog-detail-2 h5 span,
    section.blog-detail-2 h6 span {
        font-size: 32px !important;
        font-family: Poppins !important;
    }

    .cards-txt.cards-txt-main {
        top: 0%;
    }

    .icon-para span img {
        margin-right: 10px;
        width: 20px;
    }

    .featured-crousel-content h6 {
        font-size: 36px;
    }

    .fcc {
        font-size: 18px;
    }

    .ftc {
        font-size: 14px;
    }

    .feature-crousel-testi-icon {
        gap: 18px;
    }

    .featured-duration-content h3 {
        line-height: 100%;
    }

    .seo-sec .heading-haifa {
        text-align: center;
        margin-bottom: 36px;
        font-size: 36px;
    }

    .single-blog-item-2 h3 {
        font-size: 22px;
        line-height: 140%;
    }

    .cards-txt.portfolio-card-img-content h6 {
        font-size: 20px;
    }

    .cards-txt.portfolio-card-img-content p {
        font-size: 16px;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transition: 0.5s all ease-in;
        top: 0;
        transform: translate(-50%, 16%);
    }

    .single-blog-item-4 a {
        padding: 10px 20px;
        font-size: 16px;
    }

    .cards-txt.cards-txt-main {
        padding: 0 24px;
    }

    p.double-btn a {
        padding: 10px 16px;
    }

    p.double-btn {
        display: flex;
        gap: 24px;
    }

    .cards-imgs .cards-img img {
        object-fit: cover;
    }

    .expert-10-txt h1 {
        font-size: 32px;
    }

    section.banner .contain-size {
        padding: 0 40px;
    }

    .elite-left h5 {
        font-size: 36px;
    }

    .expert-img img {
        width: 80px;
        height: auto;
    }

    .ban-right {
        display: flex;
        gap: 10px;
        justify-content: center;
    }

    .elite-btn button {
        font-size: 16px;
    }

    .cards-txt h6 {
        font-size: 36px;
    }

    .cards-txt p {
        font-size: 18px;
    }

    .cards-txt p.cards-txt-para {
        min-height: 140px;
    }

    .ban-left h2 {
        font-size: 36px;
    }

    .logo-heading h3 {
        font-size: 36px;
    }

    .cards-2-head h4 {
        font-size: 36px;
    }

    .cards-2-btn button {
        font-size: 16px;
    }

    .dreamy-left h5 {
        font-size: 28px;
    }

    .trans-heading h4 {
        font-size: 36px;
    }

    .elite-left h5 {
        font-size: 36px;
    }

    .cards-txt h6 {
        font-size: 36px;
    }

    .cards-2-head h4 {
        font-size: 36px;
    }

    h2.testimonial-h2 {
        font-size: 36px;
    }

    .form-heading {
        font-size: 36px;
    }

    .social-heading h6 {
        font-size: 28px;
    }

    .dremy-right a {
        font-size: 16px;
    }

    .dreamy-left h4 {
        font-size: 44px;
    }

    h2.block-ser-h2 {
        font-size: 36px;
    }
}

@media (max-width: 1455px) {
    .expert-10-txt h1 {
        font-size: 28px;
    }

    .heading-haifa {
        font-size: 28px;
        line-height: 150%;
    }

    section.blog-detail-2 h1,
    section.blog-detail-2 h2,
    section.blog-detail-2 h3,
    section.blog-detail-2 h4,
    section.blog-detail-2 h5,
    section.blog-detail-2 h6,
    section.blog-detail-2 h1 span,
    section.blog-detail-2 h2 span,
    section.blog-detail-2 h3 span,
    section.blog-detail-2 h4 span,
    section.blog-detail-2 h5 span,
    section.blog-detail-2 h6 span {
        font-size: 28px !important;
        font-family: Poppins !important;
    }

    .portfolio-card-img-inner-img img {
        width: 100%;
        height: 500px;
        object-fit: cover;
    }

    .cards-txt.portfolio-card-img-content h6 {
        min-height: 54px;
    }

    .cards-txt p.icon-para {
        margin: 0;
        min-height: auto;
    }

    .portfolio-card-img-inner
        .cards-txt.cards-txt-main.portfolio-card-img-content {
        height: 100px;
    }

    .cards-txt.portfolio-card-img-content h6 {
        font-size: 18px;
    }

    .cards-txt.portfolio-card-img-content p {
        font-size: 14px;
    }

    .icon-para span img {
        margin-right: 5px;
        width: 16px;
    }

    .featured-crousel-content h6 {
        font-size: 32px;
    }

    .fcc {
        font-size: 16px;
    }

    .ftc {
        font-size: 12px;
    }

    .feature-testi-icon-img img {
        height: 20px !important;
        width: auto !important;
    }

    .feature-crousel-testi-icon {
        gap: 10px;
    }

    .featured-duration-content h3 {
        font-size: 18px;
    }

    .seo-sec .heading-haifa {
        text-align: center;
        margin-bottom: 24px;
        font-size: 32px;
    }

    .portfolio-inner-left h6 {
        font-size: 20px;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transition: 0.5s all ease-in;
        top: 0;
        transform: translate(-50%, 26%);
    }

    .cards-txt.cards-txt-main ul {
        margin: 00px 0 24px;
        gap: 15px;
        min-height: 142px;
    }

    .cards-txt.cards-txt-main {
        top: 0%;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transition: 0.5s all ease-in;
    }

    p.double-btn a {
        font-size: 14px;
    }

    .cards-txt.cards-txt-main ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ban-left h2 {
        font-size: 32px;
    }

    .logo-heading h3 {
        font-size: 32px;
    }

    .elite-left h5 {
        font-size: 32px;
    }

    .cards-txt h6 {
        font-size: 28px;
    }

    .cards-txt p {
        font-size: 16px;
    }

    .cards-2-head h4 {
        font-size: 32px;
    }

    .cards-2-main .cards-txt.cards-txt-main {
        padding: 0 20px;
        height: 70px;
    }

    .dreamy-left h5 {
        font-size: 24px;
    }

    .dreamy-left h4 {
        font-size: 36px;
    }

    h2.block-ser-h2 {
        font-size: 32px;
    }

    .driven-left {
        padding: 36px 20px;
        margin-bottom: 0;
    }

    section.driven {
        margin-top: 24px;
        margin-bottom: 80px;
        padding: 0 80px;
    }

    .driven-left.new-driven .driven-img img {
        width: 70px;
        height: auto;
    }

    .foot-img img {
        width: 180px;
        height: auto;
    }

    .single-blog-item-2 h3 {
        font-size: 20px;
    }

    .cards-txt p.cards-txt-para {
        min-height: 170px;
        margin-bottom: 0;
    }
    .benefit-card-content h4 {
        font-size: 22px;
    }
    .benefit-card-content p {
        font-size: 17px;
    }
}

@media (max-width: 1366px) {
    .expert-10-txt h1 {
        font-size: 24px;
    }
    .main-item {
        min-height: 482px;
    }
    .chat .faq-sec {
        padding: 50px;
    }

    .heading-haifa {
        font-size: 24px;
        line-height: 150%;
    }

    section.blog-detail-2 h1,
    section.blog-detail-2 h2,
    section.blog-detail-2 h3,
    section.blog-detail-2 h4,
    section.blog-detail-2 h5,
    section.blog-detail-2 h6,
    section.blog-detail-2 h1 span,
    section.blog-detail-2 h2 span,
    section.blog-detail-2 h3 span,
    section.blog-detail-2 h4 span,
    section.blog-detail-2 h5 span,
    section.blog-detail-2 h6 span {
        font-size: 24px !important;
        font-family: Poppins !important;
    }

    .cards-txt.cards-txt-main.cards-txt-main-text.portfolio-card-img-content
        p.cards-txt-para {
        min-height: 200px;
    }

    .featured-crousel-content h6 {
        font-size: 28px;
    }

    .featured-duration-content h3 {
        font-size: 16px;
    }

    .cards-2-head {
        margin-top: 0;
    }

    .cards-txt.portfolio-card-img-content h6 {
        font-size: 16px;
    }

    section.cards-imgs {
        padding: 40px 60px 0px 60px;
    }

    .bann-img img {
        width: 100%;
        height: 546px;
        object-fit: cover;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transition: 0.5s all ease-in;
    }

    .faq-sec .collapsible-link {
        padding: 15px 40px;
        font-size: 16px;
    }

    .ban-left h2 {
        font-size: 28px;
    }

    .logo-heading h3 {
        font-size: 28px;
    }

    .elite-left h5 {
        font-size: 28px;
    }

    .cards-txt h6 {
        font-size: 24px;
    }

    .dreamy-left h5 {
        font-size: 20px;
    }

    .dreamy-left h4 {
        font-size: 28px;
    }

    h2.block-ser-h2 {
        font-size: 28px;
    }

    .driven-txt h5 {
        font-size: 20px;
    }

    .cards-txt p {
        font-size: 16px;
        min-height: 48px;
    }

    h2.testimonial-h2 {
        font-size: 32px;
    }

    .form-heading {
        font-size: 28px;
    }

    .social-heading h6 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .footer-list li {
        font-size: 16px;
        line-height: 180%;
    }

    .footer {
        padding-bottom: 20px;
    }

    .copy {
        padding-top: 20px;
    }

    .copy p {
        font-size: 16px;
    }
}

@media (max-width: 1299px) {
    .cards-txt.cards-txt-main ul li {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .cards-txt.portfolio-card-img-content h6 {
        font-size: 16px;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transition: 0.5s all ease-in;
        top: 0;
        transform: translate(-50%, 30%);
    }

    .featured-crousel-content h6 {
        font-size: 24px;
        margin-bottom: 5px;
    }

    .seo-sec .heading-haifa {
        text-align: center;
        margin-bottom: 24px;
        font-size: 24px;
    }

    .portfolio-inner-left h6 {
        font-size: 16px;
    }

    .portfolio-inner-sort {
        gap: 10px;
    }

    .pa-1,
    .pa-2 {
        font-size: 12px;
    }
}

@media (max-width: 1199px) {
    .newban-content {
        text-align: center;
    }
    .newban-content h2 {
        font-size: 34px;
    }
    .newban-content p {
        font-size: 18px;
    }
    .benefit-card-icon img {
        max-height: 80px;
    }
    .benefit-card-box {
        padding: 20px;
    }
    .benefit-section {
        padding: 60px 0 40px;
    }
    .benefit-card-content h4 {
        font-size: 20px;
    }
}
@media (max-width: 991px) {
    .expert-btn {
        text-align: center;
    }
    section.banner .contain-size {
        padding: 0 20px;
    }
    .main-item {
        padding: 30px;
    }
    ul.dropdownhover-menu.dropdownhover-menu_vd {
        max-width: 100%;
        right: 0;
    }

    .cards-txt.portfolio-card-img-content h6 {
        min-height: auto;
    }

    .portfolio-card-img-inner
        .cards-txt.cards-txt-main.portfolio-card-img-content {
        height: 70px;
    }

    .portfolio-section select {
        padding: 11px 20px;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transform: translate(-50%, 0);
    }

    .portfolio-inner-sort {
        justify-content: flex-start;
    }

    .portfolio-select .row {
        gap: 10px;
    }

    .portfolio-select {
        padding: 20px 20px;
    }

    .expert-center p {
        margin-bottom: 20px;
        text-align: center;
    }

    .expert-10-main {
        justify-content: center;
        margin-bottom: 20px;
    }

    .expert-img img {
        width: 60px;
        height: auto;
    }

    .ban-left h2 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    .ban-right {
        display: flex;
        gap: 40px;
        justify-content: center;
    }

    .logo-heading h3 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .elite-left h5 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px;
    }

    .elite-center p {
        margin-bottom: 20px;
        text-align: center;
    }

    .elite-btn {
        text-align: center;
    }

    section.logo {
        margin-bottom: 30px;
    }

    section.elite {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .cards-2-head {
        margin-top: 0;
    }

    .cards-2-head h4 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .cards-2 .row {
        gap: 20px;
    }

    .cards-2-btn {
        text-align: center;
        margin-top: 24px;
        margin-bottom: 30px;
    }

    section.drivrn-upper {
        margin: 30px 30px 0px 30px;
    }

    .new-driven-pass-1 .driven-left.new-driven,
    .new-driven-pass-2 .driven-left.new-driven {
        border: 1px solid #72727233;
    }

    .new-driven-pass-2,
    .new-driven-pass-4 {
        padding-left: 15px;
    }

    .new-driven-pass-1 .driven-left.new-driven,
    .new-driven-pass-3 .driven-left.new-driven,
    .driven-left.new-driven {
        border: 1px solid #72727233;
    }

    .new-driven-pass-1,
    .new-driven-pass-3 {
        padding-right: 15px;
    }

    .dreamy-left h5 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }

    .dreamy-left h4 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    .dremy-right {
        display: flex;
        justify-content: center;
    }

    h2.block-ser-h2 {
        font-size: 24px;
    }

    .driven-left.new-driven .driven-img img {
        width: 60px;
        height: auto;
    }

    .form-heading {
        font-size: 24px;
        margin-top: 24px;
    }

    .chat {
        margin-bottom: 30px;
    }

    .footer {
        padding-bottom: 20px;
        padding-top: 30px;
    }

    .foot-img {
        text-align: center;
    }

    .logo-para p {
        text-align: center;
    }

    .social-heading h6 {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: center;
        margin-top: 20px;
    }

    .social-icons {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
    }

    .footer-list li {
        font-size: 16px;
        line-height: 180%;
        text-align: center;
    }

    .paddin {
        padding-left: 15px;
    }

    .chat-container {
        padding-right: 15px;
        overflow: hidden;
    }

    .header {
        padding: 0 0px;
    }

    section.expert {
        padding: 0 0px;
    }

    section.banner {
        padding-top: 200px;
        padding-bottom: 24px;
        margin: 0px 0px;
        margin-top: 40px;
        margin-bottom: 30px;
        border-radius: 8px;
    }

    .ban-left h2 br {
        display: none;
    }

    .contain-size {
        padding: 0 15px;
    }

    .cards-txt.cards-txt-main {
        padding: 16px;
    }

    section.dreamy {
        padding: 30px 10px;
    }

    section.drivrn-upper {
        margin: 30px 0px 0px 0px;
    }

    section.driven {
        margin-top: 24px;
        margin-bottom: 30px;
        padding: 0 00px;
    }

    .driven-txt p {
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 130%;
        letter-spacing: 0%;
        color: #2a2a2a;
        margin-bottom: 0px;
    }

    .driven-left.new-driven .driven-img img {
        width: 48px;
        height: auto;
    }

    .driven-left {
        display: flex;
        gap: 15px;
        align-items: center;
    }

    section.testimonials {
        padding: 30px 0;
    }

    section.mission-sec.mission-uspage-commercial .mission-sec-inner-block h3 {
        font-size: 32px;
    }
    .contact-haifa-image {
        max-width: 100%;
    }
    .mobile-center-heading {
        text-align: center;
    }
    section.mission-sec.mission-uspage-commercial .mission-sec-inner-block h3,
    section.mission-sec.mission-uspage-commercial .mission-sec-inner-block p {
        text-align: left;
    }
    .dropdown-hover.nav-item ul.dropdownhover-menu {
        display: none !important;
    }
    .dropdown-hover.nav-item.show ul.dropdownhover-menu {
        display: block !important;
    }

    /* 23 july  */
    .border-plus .col-lg-6:nth-child(odd) {
        border-right: none !important;
    }
    .new-driven-pass-1 .driven-left.new-driven,
    .new-driven-pass-3 .driven-left.new-driven,
    .driven-left.new-driven {
        border: 0;
    }
    .new-driven-pass-1 .driven-left.new-driven,
    .new-driven-pass-2 .driven-left.new-driven {
        border: 0;
    }
    .border-plus {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 767px) {
    .expert-10-main {
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;
    }
    ul.drop-top-1.drop-top-1hg li a {
        text-align: left;
    }
    ul.drop-top-1.drop-top-1hg .row {
        gap: 20px 0;
    }
    p.block-ser-h5 {
        text-align: center;
    }

    section.mission-sec.mission-uspage-commercial .mission-sec-inner-block h3 {
        font-size: 24px;
    }

    .row.uspage-commercial_row {
        flex-direction: column-reverse;
    }

    section.expert.expert_communities {
        padding-bottom: 0;
    }

    .cards-main:hover .cards-txt.cards-txt-main {
        background-color: transparent;
    }

    section.cards-2 .cards-2-main .cards-txt.cards-txt-main {
        margin: 0;
    }

    .heading-haifa {
        font-size: 24px;
        line-height: 150%;
    }

    section.banner.banner-serve-detail .ban-left h2 {
        margin-bottom: 5px !important;
    }

    section.cards-imgs {
        padding: 0;
    }

    .portfolio-card-img-inner
        .cards-txt.cards-txt-main.portfolio-card-img-content {
        height: 100%;
        display: flex;
        justify-content: end;
        align-items: start;
    }

    .cards-txt.cards-txt-main.cards-txt-main-text.portfolio-card-img-content
        p.cards-txt-para {
        min-height: auto;
        color: #fff;
        font-size: 16px;
    }

    .portfolio-card-img-inner-img img {
        width: 100%;
        height: 600px;
        object-fit: cover;
    }

    section.cards-imgs.portfolio-card-imgs {
        display: none;
    }

    section.cards-imgs.portfolio-card-imgs.portfolio-card-crousel {
        display: block !important;
        padding: 40px 0;
    }

    .portfolio-section {
        padding: 40px 0px 0px 0px;
    }

    .portfolio-inner-sort {
        justify-content: flex-start;
        flex-direction: column;
        align-items: first baseline;
        gap: 0;
    }

    .elite.elite-portfolio-a {
        padding: 0 0px;
        margin-top: 40px;
    }

    .portfolio-inner-left h6 {
        font-size: 16px;
        margin: 0 0 5px 0;
    }

    .elite.elite-portfolio-a .elite-center p {
        margin: 0;
    }

    .elite.elite-portfolio-a {
        padding: 0 0px;
    }

    .seo-sec-another-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
        flex-direction: column;
        gap: 0;
    }

    .ftc {
        font-size: 14px;
    }

    .featured-duration-content .fdc {
        font-size: 12px;
    }

    .seo-sec {
        padding: 40px 0px;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        transform: inherit;
    }

    .icon-para span img {
        margin-right: 5px;
        width: 16px !important;
    }

    .cards-txt.portfolio-card-img-content h6 {
        font-size: 20px;
        padding: 0;
        font-weight: 600;
    }

    .cards-txt.portfolio-card-img-content p {
        font-size: 18px;
        padding: 0;
        display: flex;
        align-items: center;
    }

    section.elite.elite-new.elite-new-blog .elite-btn {
        display: none;
    }

    .chat .faq-sec {
        padding: 30px;
        border-radius: 12px;
    }

    .single-blog .row {
        display: none;
    }

    .single-blog .owl-slider {
        display: block;
    }

    .cards-imgs.cards-imgs-serve .cards-main {
        position: relative;
    }

    .cards-imgs.cards-imgs-serve .cards-main::after {
        content: "";
        position: absolute;
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 43.57%,
            rgba(0, 0, 0, 0.81) 90.34%
        );
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
    }

    .cards-imgs.cards-imgs-serve {
        padding: 20px 0;
    }

    .elite.elite-new {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .single-blog .row {
        gap: 30px 0;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        height: 100%;
        transition: 0.5s all ease-in;
        z-index: 2;
    }

    .bann-img-form {
        display: none;
    }

    .cards-imgs.cards-imgs-serve .cards-txt.cards-txt-main {
        height: 100%;
        transition: 0.5s all ease-in;
    }

    .cards-imgs.cards-imgs-serve .row {
        gap: 40px 0;
    }

    .cards-imgs.cards-imgs-serve .cards-main:hover .cards-txt.cards-txt-main {
        height: 100% !important;
    }

    .cards-imgs.cards-imgs-serve .cards-txt p {
        min-height: auto;
    }

    .cards-2 .cards-txt.cards-txt-main.cards-txt-main-text p {
        font-size: 16px;
        padding: 0;
        margin: 0;
    }

    .cards-2 .cards-txt.cards-txt-main.cards-txt-main-text p.cards-txt-para {
        display: none;
    }

    .dreamy-left h5 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px;
        font-weight: 400;
    }

    .driven-left {
        padding: 20px;
        margin-bottom: 0;
    }

    .driven-txt p {
        min-height: auto;
    }

    .driven-left.new-driven .driven-img img {
        width: 100px;
        height: auto;
    }

    .banner-form {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .cards-imgs {
        padding: 0;
    }

    .dreamy-left h4 {
        font-size: 36px;
        text-align: center;
        margin-bottom: 20px;
        font-weight: 400;
    }

    .cards-imgs.cards-imgs-serve .cards-img img {
        height: 437px;
        object-fit: cover;
    }

    .cards-imgs.cards-imgs-serve .cards-main {
        width: 100%;
        margin: auto;
    }

    .faq-sec {
        padding: 40px 0;
    }

    .cards-imgs .cards-img img {
        height: auto;
        object-fit: cover;
    }

    .cards-2 .owl-slider .cards-txt p.cards-txt-para {
        color: #fff;
    }

    .row.footer-row.footer-row_new {
        justify-content: center;
    }

    .expert-img img {
        width: 98px;
        height: auto;
    }

    .cards-txt h6 {
        font-size: 22px;
    }

    .cards-txt p {
        font-size: 16px;
        min-height: 48px;
    }

    .cards-txt p.cards-txt-para {
        font-size: 15px;
    }

    .ban-dge-1 {
        display: none;
    }

    .top-head-block.top-head-block-n {
        display: none;
    }

    .top-head {
        background: #2a2a2a;
        padding: 10px 0px;
    }

    .top-head-inner {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
    }

    .top-head-inner .top-head-block a {
        color: #fff;
        font-size: 14px;
    }

    .top-head-inner .top-head-block img {
        width: 14px;
    }

    .top-head-inner .top-head-block {
        gap: 4px;
    }

    .ban-dge-2 {
        display: block;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 150%;
        letter-spacing: 0%;
        text-align: center;
    }

    .expert-10-txt h1 {
        font-size: 40px;
        text-align: center;
    }

    section.banner {
        margin: 0px 15px;
    }

    p.double-btn {
        display: none;
    }

    .cards-txt.cards-txt-main {
        position: relative;
        background: transparent;
        padding: 0 50px;
        width: 100%;
        height: auto;
        opacity: 1;
        top: inherit;
        bottom: inherit;
        padding: 0;
        /* transition: 0.8s all ease-in; */
        margin-top: -100px;
        transform: inherit;
        left: inherit;
    }

    section.cards-imgs {
        padding: 0px 10px 0px 10px;
    }

    .cards-txt p.cards-txt-para {
        min-height: auto;
        margin-bottom: 24px;
    }

    .cards-txt h6,
    .cards-txt p {
        color: #fff;
        padding: 0 20px;
    }

    .cards-txt,
    .cards-txt p.cards-txt-para {
        color: #2a2a2a;
        padding: 0 0px;
    }

    .cards-main:hover .cards-txt.cards-txt-main {
        opacity: inherit;
        height: inherit;
        display: inherit;
        justify-content: inherit;
        flex-direction: inherit;
    }

    .cards-main {
        position: relative;
        margin-bottom: 0;
        overflow: hidden;
    }

    .driven-left.new-driven {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
    }

    .driven-txt h5 {
        text-align: center;
    }

    .driven-txt p {
        text-align: center;
    }

    .expert-btn {
        text-align: center;
        margin-bottom: 40px;
    }

    .logo-heading h3 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    section.logo {
        margin-bottom: 40px;
    }

    .elite-left h5 {
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }

    section.elite {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .cards-txt.cards-txt-main ul li img {
        filter: brightness(0);
        width: 24px;
    }

    .cards-txt.cards-txt-main ul li {
        flex: 0 0 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .cards-txt.cards-txt-main ul {
        gap: 10px;
    }

    .new-driven-pass-4 .driven-left.new-driven {
        border-bottom: 0;
    }

    .chat {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .chat-img img {
        border-radius: 4px;
    }

    .row.footer-row.footer-row_new {
        gap: 24px 0;
    }

    .cards-2 .row {
        display: none;
    }

    .cards-2 .owl-slider {
        display: block;
    }

    .btn-forms {
        background: #000;
        font-size: 18px;
    }

    .form-paragraph {
        margin-bottom: 10px;
    }

    .ban-left h2 {
        font-size: 24px;
        text-align: left;
        margin-bottom: 20px;
    }

    .cards-2-main:hover .cards-txt.cards-txt-main {
        opacity: inherit;
        height: inherit;
    }

    .cards-2-main .cards-txt.cards-txt-main {
        position: relative;
        padding: 0 0px;
        height: auto;
        top: 0;
        bottom: 0;
        margin: 16px 0;
        background: #fff;
    }

    .cards-2 .cards-txt.cards-txt-main.cards-txt-main-text .cards-txt-para {
        display: none;
    }

    .cards-2 .cards-2-main .cards-txt.cards-txt-main p {
        color: #2a2a2a;
        font-size: 16px;
    }

    .cards-2 .owl-dots {
        display: none;
    }

    section.dreamy {
        padding: 40px 10px;
    }

    .cards-2-btn {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .header .navbar-expand-lg .navbar-nav .nav-link {
        text-align: left;
    }

    .header .navbar-expand-lg .navbar-nav .nav-link.projects-btn {
        padding: 12px 0;
        /* background: transparent; */
        /* color: #2a2a2a; */
        color: #fff;
        border: 0px;
    }
    .header .navbar-expand-lg .navbar-nav .nav-link.projects-btn:focus,
    .header .navbar-expand-lg .navbar-nav .nav-link.projects-btn:hover {
        color: #fff;
        background: #2a2a2a;
    }

    .navbar-brand img {
        width: 135px;
        height: auto;
    }

    .logo-heading h3 {
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: 600;
    }

    .single-blog {
        padding: 0 0 40px;
    }

    .single-blog-item-1 img {
        width: 15px !important;
        filter: brightness(0) invert(0);
    }

    .single-blog-item-1 {
        display: flex;
        align-items: center;
        gap: 8.5px;
    }

    .single-blog .owl-slider .owl-dots {
        display: none;
    }

    .cards-2.cards-2-serve {
        margin-top: 24px;
        border-top: 1px solid #72727233;
        padding-top: 30px;
    }

    .cards-2-btn.cards-2-btn-blog {
        margin-bottom: 0;
    }

    .cards-2-btn.cards-2-btn-blog {
        display: block;
    }

    .portfolio-section select {
        padding: 11px 10px;
    }

    /* 08 july  */
    .cards-txt.cards-txt-main.cards-txt-main-dattud {
        display: none;
    }
    .cards-main:hover .cards-txt.cards-txt-main {
        background: none;
    }
    .new-driven .driven-txt h5 {
        text-align: center !important;
    }
    section.drivrn-upper h2.block-ser-h2,
    section.drivrn-upper h5.block-ser-h5 {
        text-align: center !important;
    }
    .mission-sec-inner-block {
        text-align: center !important;
    }
    .mission-sec-inner-block.mission-sec-inner-inner-4 h3,
    .mission-sec-inner-block.mission-sec-inner-inner-4 p {
        text-align: center;
    }
    section.mission-sec.mission-uspage-commercial .mission-sec-inner-block h3,
    section.mission-sec.mission-uspage-commercial .mission-sec-inner-block p {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .cards-imgs.cards-imgs-serve .cards-main {
        width: 100%;
        margin: auto;
    }
    .main-item {
        min-height: auto;
    }
    .contact-block-inner span {
        font-size: 16px;
    }
    .contact-block {
        align-items: baseline !important;
    }
    .contact-block-inner {
        gap: 5px !important;
    }
    .newban-content h2 {
        font-size: 30px;
    }
    .newban-content p {
        font-size: 16px;
        font-weight: 500;
    }
    .benefit-card-content p {
        font-size: 16px;
    }
    .single-blog-item-1 {
        justify-content: center;
    }
}

@media (max-width: 430px) {
    .pa-1,
    .pa-2 {
        font-size: 10px;
    }

    .cards-txt h6 {
        font-size: 20px;
    }

    .cards-txt p {
        font-size: 14px;
        min-height: 48px;
    }

    .cards-txt h6 {
        font-size: 20px;
    }

    .cards-txt p {
        font-size: 14px;
        min-height: auto;
    }

    section.cards-imgs {
        padding: 0;
    }
    .benefit-card-content h4 {
        font-size: 18px;
    }
    .benefit-card-content p {
        font-size: 15px;
    }
    .benefit-card-icon img {
        max-height: 60px;
    }
}