body {
    font-family: "Ubuntu", sans-serif;
}

.home-hero-banner {
    background-image: url(../img/web/home-hero-banner.jpeg);
    /*-- independence day--- ../img/web/home-indi-2025-1.jpg */
    /*../img/web/home-hero-banner.jpeg*/
    /* background-position: center center;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*------------------ offer ------------------*/

/*
.header-area.style-1
{
   top:63px;
}*/

/*-----------end offer----------------------*/

.header-area.style-1 {
    /* top:0px; enable when offers end*/
    padding: 5px 20px 5px 40px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: rgba(36, 44, 53, .5);
    width: 95%;
    position: fixed;
}

.home-hero-banner-pos {
    top: -80px !important;
}

.header-area.style-1 .header-logo img {
    width: 210px !important;
}

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.text-left {
    text-align: left !important;
}

.text-white {
    color: #fff !important;
}

.font-family-ubuntu {
    font-family: "Ubuntu", sans-serif;
}

.home-hero-banner-title h2 {
    font-size: 76px !important;
    line-height: 80px !important;
    display: block !important;
    font-weight: 600;
}

.home-hero-banner-title {
    padding-left: 20px;
}

.color-brand-yellow {
    color: #FEC20D !important;
}

.home-hero-content-pos-top {
    margin-top: 130px;
}

.home-hero-content-p {
    font-size: 25px;
}

.imprima-regular {
    font-family: "Imprima", sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.btn-color {
    color: #151515;
}

.contact-form-home-hero {
    background-color: rgb(217, 217, 217, 0.10);
    padding: 25px;
    border-radius: 20px;
}

.mb-inputs {
    margin-bottom: 5px;
}

.btn-w-100 {
    width: 100%;
}

.home-hero-pointer-containers {
    background: rgb(217, 217, 217, 0.10);
    padding: 20px 40px 20px 40px;
    border-bottom-left-radius: 80px;
    border-top-left-radius: 80px;
}

.home-hero-pointer-pos {
    position: relative;
    left: 30px;
    bottom: 10px;
}

.hero-banner-pointers h3 {
    font-size: 39px;
    font-weight: 600;
    margin-bottom: 0px;
}

.font-gray {
    color: #ACACAC;
    font-size: 19px;
    font-weight: 400;
}

.hero-pointer-rating1 {
    font-size: 16px;
    font-weight: 600;
}

.hero-pointer-rating2 {
    font-size: 13px;
}

.pdt-50 {
    padding-top: 50px !important;
}

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

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

.pdt-15 {
    padding-top: 15px;
}

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

.section-heading-title {
    font-size: 50px;
    font-weight: 600;
}

.text-gray-p {
    color: #959595;
}

.client-logo-wrapper {
    height: 100px;
}

.fs-13 {
    font-size: 13px;
}

.why-choose-wrapper {
    border-left: 4px solid #FEC20D;
    padding: 15px;
    border-radius: 15px;
    background-color: #F8F8F8;
    height: 270px !important;
}

.font-family-imprima {
    font-family: "Imprima", sans-serif !important;
}

.bg-home-why-choose-us-bg {
    background-image: url(../img/web/why-choose-us-bg.png);
    background-position: top;
    background-repeat: no-repeat;
}

.why-title-mt-40 {
    margin-top: 40px
}

.why-choose-wrapper h4 {
    font-weight: 600;
}

.why-p-wrapper {
    width: 800px;
    margin: 0 auto;
}

.container-lg {
    max-width: 1236px !important;
}

.why-choose-wrapper img {
    margin-top: 15px;
}

.home-vr-section {
    background-image: url(../img/web/home_vr_2_comp.gif);
    background-color: #0A0A0A;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vr-contect-left .home-vr-heading {
    font-size: 50px;
    font-weight: 600;
    line-height: 50px;
}

.fs-16 {
    font-size: 16px;
}

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

.vr-pos {
    position: relative;
}

.vr-animation-group-pos {
    position: absolute;
    top: 0px;
    right: 0px;
}

.vr-lady {
    position: absolute;
    top: 102px;
    right: -80px;
}

.home-vr-object-img {
    width: 490px;
}

.vr-beam-light {
    position: absolute;
    top: 50px;
    right: 195px;
    z-index: 10000;
}

.vr-home-object {
    position: absolute;
    top: 40px;
    right: 335px;
    z-index: 10000;
}

.home-vr-ptext-wrapper {
    width: 440px;
}

.bg-timeline {
    background-color: #FFFBF0;
}

.work-section-timeline-bg {
    background-color: #FFFBF0;
    background-image: url(../img/web/how-we-work-2.png);
    background-position: 25px 40px;
    background-repeat: no-repeat;
}

.timeline-point-last::after {
    height: 0% !important;
}

.btn-home-services {
    padding: 10px !important;
}

.blog-card1 {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #F5F5F4;
}

.blog-card1 .default-h4-fsize {
    font-size: 16px !important;
}

.home-app-section {
    background-image: url(../img/web/dotbg.PNG);
    background-size: cover;
    background-position: center center;
}

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

.mt-10 {
    margin-top: 10px;
}

.app-mockup-wrapper {
    display: inline-block;
}

.app-tilt {
    object-fit: cover;
    object-position: 39px 7px;
    position: relative;
    top: 50px;
}

.pb-40 {
    padding-bottom: 40px;
}

.banking-section-heading {
    font-size: 50px;
    font-weight: 700;
}

.home-banking-section {
    background-color: #FFFBF0;
    padding-top: 40px;
    padding-bottom: 40px;
}

.remove-image-bg {
    mix-blend-mode: multiply !important;
}

.home-section-recent-project {
    background-color: #FFFBF0;
    background-image: url(../img/web/featured-project-1.png);
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 50px;
    background-position: 10px 50px;
}

.in-news-watermark {
    margin-bottom: -25px;
}

.home-news-logo {
    min-width: 172px !important;
    width: 172px !important;
}

.faqs-home-section {
    background-color: #FFFBF0;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 70px;
}

.faqs-home-section h1 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 40px;
}

.faqs-wrapper p {
    font-size: 13px;
    color: #565656;
    margin-bottom: 10px;
}

.faqs-wrapper h4 {
    font-size: 20px;
    margin-bottom: 5px;
}

.accordion-button:not(.collapsed) {
    color: unset !important;
    background-color: transparent !important;
    box-shadow: unset !important;
    border: unset !important;
}

.accordion-item {
    border: 1px solid #FEC20D !important;
    border-radius: 10px !important;
    margin-bottom: 10px !important;
}

.accordion-button {
    background-color: transparent !important;
}

.accordion-body {
    background-color: #FFFBF0;
    border-radius: 10px;
    padding-top: 0px;
}

.accordion-button:focus {
    border-color: unset !important;
    box-shadow: unset !important;
}

button.accordion-button.collapsed {
    background: #FFFBF0 !important;
    border-radius: 10px !important;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
}

.accordion-button:not(.collapsed) {
    background: #FFFBF0 !important;
    border-radius: 10px;
}

button.accordion-button {
    border-radius: 10px !important;
    font-size: 20px;
    font-weight: bold;
}

.home-cta-construct-estimate {
    padding-top: 70px;
    padding-bottom: 40px;
}

.home-cta-construct-estimate p {
    color: #565656;
    font-size: 16px;
    margin-bottom: 40px;
}

.btn-home-cta {
    background-color: #151515 !important;
    color: #FEC20D;
    border: 1px solid #151515;
    border-radius: 15px;
    padding: 15px;
}

.btn-home-cta:hover {
    color: #fff;
}

.home-cta-wrapper {
    background-color: #FEC20D;
    background-image: url(../img/web/cta-home.png);
    border-radius: 10px;
    padding: 40px;
    background-repeat: no-repeat;
    background-position: 420px;
    background-size: contain;
}

.home-cta-wrapper h2 {
    font-size: 39px !important;
}

.w-300 {
    width: 300px;
}

.testimonial-section {
    margin-bottom: 0px;
}

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

.footer-contact-heading p {
    font-size: 16px;
}

.cta-phone {
    background: #FFF9E9;
    padding: 10px;
    border-radius: 50px;
    margin-right: 10px;
}

.cta-email {
    background: #FFF9E9;
    padding: 10px;
    border-radius: 50px;
    margin-right: 10px;
}

.call-to-action {
    margin-top: 30px;
}

.call-to-action a {
    color: #959595;
}

.separator-email-phone {
    margin-left: 30px;
    margin-right: 30px;
}

.icon-landmark {
    background: #FFF9E9;
    padding: 10px;
    border-radius: 50px;
    margin-right: 5px;
}

.box-shadow-footer-contact {
    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    padding: 50px 30px 50px 30px;
    border-radius: 20px;
    background: #fff;
    position: relative;
    display: block;
    z-index: 15;
    top: 67px;
}

.contact-branch-wrapper h4 {
    color: #959595;
    font-weight: bold;
    margin-bottom: 5px;
}

.contact-branch-wrapper .h4 {
    color: #959595;
    font-weight: bold;
    margin-bottom: 5px;
}

.contact-branch-wrapper p {
    color: #959595;
    font-size: 13px;
    padding-left: 40px;
}

.header-fixed-scroll {
    top: 0px !important;
    width: 100% !important;
    background-color: #0A0A0A !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    padding: 5px 60px 5px 65px !important;
}

.contact-branch-separator {
    background-color: #0A0A0A;
    height: 80px;
}

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

.footer-logo {
    width: 250px;
}

.footer-widget-p1 {
    color: #959595;
    margin-top: 15px;
}

.footer-widget-p2 {
    font-size: 16px;
    color: #FEC20D;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.footer-phone-icon {
    background-color: rgba(254, 194, 13, .10);
    padding: 10px;
    border-radius: 50px;
    margin-right: 5px;
}

.footer-contact-icons a {
    color: #959595;
    font-weight: bold;
}

.footer-contact-icons {
    display: flex;
}

.footer-contact-icons img {
    width: 15px;
}

.mr-footer-phone {
    margin-right: 30px;
}

/* .solial-account img 
{
    width: 18px;
    height: 18px;
}*/

.mt-30 {
    margin-top: 30px;
}

.single-contact a {
    color: #FEC20D;
    font-weight: 500;
    font-size: 12px;
}

.solial-account a:hover {
    border-bottom: 2px solid #FEC20D;
}

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

.footer-copyright-text {
    margin: 0 auto;
}

.footer-bottom-pseo p {
    margin-bottom: 30px;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.home-press-marquee img {
    width: 200px;
    height: 200px;
}

.app-mockup-wrapper-mobile {
    display: none;
}

.contact-branch-wrapper-border {
    border-right: 1px solid #959595 !important;
}

.sidebar-area .sidebar-menu-top-area {
    padding: 7px 2%;
    background: #010101;
}

.sidebar-area .sidebar-menu-top-area .sidebar-menu-logo img {
    width: 160px !important;
}

.modal-dialog input {
    margin-bottom: 10px !important;
}

marquee.home-press-marquee a {
    margin-right: 50px;
}

.ytd-frames iframe {
    border-radius: 20px;
}

.testimonial-watermark-pic {
    margin-bottom: -35px;
}

.contact-branch-wrapper-border h4 {
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.contact-branch-wrapper-border .h4 {
    font-weight: 600 !important;
    margin-bottom: 5px;
}

.footer-get-direction {
    color: #FEC20D;
    font-size: 13px;
    font-weight: 600;
    margin-top: 20px;
}

.footer-get-direction:hover {
    color: #0A0A0A;
}

.nice-select.open .list {
    height: 250px;
    overflow-y: scroll;
}

select option {
    color: #0A0A0A !important;
}

select {
    background: transparent;
    color: #fff;
    width: 100%;
    height: 46px;
    border-radius: 10px;
    padding: 0 0 0 15px;
    font-size: 14px;
}

.header-btn-popup {
    color: #151515 !important;
    font-family: "Ubuntu", sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    background: #FEC20E !important;
    line-height: 1;
    display: inline-flex;
    align-items: baseline;
    padding: 15px 20px;
    gap: 8px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .6s;
    border-radius: 50px;
}

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

.hero-form-condition {
    margin-top: 10px;
    line-height: 15px;
    padding: 3px;
    font-size: 11px;
}

.home-pdl-5 {
    padding-left: 8px !important;
}

.iti__selected-dial-code {
    color: #fff !important;
}

.iti--separate-dial-code input[type=tel] {
    padding-right: 200px !important;
}

.iti__selected-flag {
    padding: 0 6px 0 23px !important;
}

.text-black-gray {
    color: #797d7f !important;
}

.home-service-p-wrapper {
    height: 175px !important;
    margin-bottom: 2px;
}

.home-news-heading-wrapper {
    height: 120px !important;
}

.home-news-pwrapper {
    height: 93px !important;
    margin-bottom: 10px;
}

.blog-img {
    /*height:80px; */
}

.home-services-img {
    height: auto !important;
}

.refer-form-wrapper {
    background-color: rgb(217, 217, 217, 0.10);
    padding: 25px;
    border-radius: 20px;
}

.refer_policy_checkbox {
    font-size: 13px;
}

.btn-mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.btn-hover-form:hover {
    background-color: #0A0A0A !important;
    color: #FEC20D !important;
}

.btn-hover:hover {
    background-color: #0A0A0A !important;
    color: #FEC20D !important;
}

.btn-outline-form {
    background-color: transparent !important;
    border: 2px solid #FEC20D;
    color: #FEC20D;
}

.refer-and-earn-header-info {
    width: 460px;
    margin-left: -20px;
    padding-top: 80px;
}

.refer-and-earn-header-info h2 {
    font-size: 50px;
}

.section-mtb-gap {
    margin-top: 60px;
    margin-bottom: 60px;
}

.how-it-work-pheight {
    height: auto;
    min-height: auto;
    margin-bottom: 10px;
}

.mobile-home-hero-banner {
    display: none !important;
}

.section-heading-title-why-refer-us {
    font-size: 49px;
    margin-top: -25px;
    font-weight: 600;
}

.why-refer-watermark {
    width: 430px;
}

.refer-bullets {
    background: #F8F8F8;
    border-left: 3px solid #FEC20D;
    border-radius: 15px;
    padding: 10px 0;
    margin-bottom: 25px;
}

.refer-bullets p {
    font-size: 16px;
    color: #151515;
    padding-top: 0px;
}

.how-it-works-left-wrapper h2 {
    font-size: 49px;
}

.how-it-works-left-wrapper p {
    color: #F8F8F8;
    font-size: 16px
}

.refer-btn {
    padding: 12px 12px;
}

.outline-btn-hover:hover {
    border: 1px solid #FEC20D;
    color: #FEC20D;
    background-color: transparent;
}

.how-it-works-section {
    background-image: url(../img/web/dotbg.PNG);
    background-position: center center;
    background-size: cover;
    padding: 60px 0px;
}

.how-it-work-steps .refer-pointers {
    color: rgba(254, 194, 13, 0.5);
    font-size: 61px;
    margin-bottom: -25px;
}

.how-it-work-steps h4 {
    font-size: 25px;
}

.how-it-work-steps p {
    color: #F8F8F8 !important;
    font-size: 16px !important;
}

.how-it-work-steps {
    margin-top: 25px;
}

.how-it-works-left-wrapper {
    padding-top: 60px;
}

.section-mtb-gap {
    margin-top: 100px;
    margin-bottom: 100px;
}

.refer-testimonial-wrapper p {
    font-size: 16px;
    color: #565656;
}

.refer-testimonial-wrapper {
    width: 650px;
    margin: 0 auto;
}

.refer-reveiew-profile {
    margin-top: 30px;
    display: flex;
}

.review-by-name {
    margin-left: 15px;
}

.review-by-name h4 {
    margin-bottom: 5px;
}

.refer-testimonial-grid-wrapper {
    background: #F8F8F8;
    padding: 25px;
    border: 1px solid #FEC20D;
    border-radius: 20px;
}

.refer-review-line {
    color: #565656;
    font-size: 16px;
}

.refer-tc-wrapper h2 {
    font-size: 49px;
}

.refer-tc-points {
    display: flex;
    margin-bottom: 20px;
}

.refer-tc-points p {
    margin-left: 5px;
    color: #565656;
    font-size: 16px;
}

.refer-tc-wrapper {
    padding: 60px 0;
}

.jae-hero-left-text-wrapper {
    margin-left: -20px;
    padding-top: 50px;
    width: 500px;
}

.jae-hero-left-text-wrapper h2 {
    font-size: 49px;
}

.jae-tabs-list li a.active {
    background-color: #FEC20D;
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
    border-radius: 8px;
}

.jae-tabs-list li a {
    color: #000 !important;
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
}

.jae-tabs-list li {
    padding-right: 30px;
}

.jae-tabs-list {
    width: 550px;
    background: #F8F8F8;
    margin: 0 auto;
    padding: 15px;
    border-radius: 10px;
}

.nav-tabs {
    --bs-nav-tabs-border-color: unset !important;
}

.jae-tab-contents {
    margin-top: 50px;
}

.perk-content p {
    font-size: 16px;
    padding-left: 10px;
    color: #565656;
    padding: 10px;
}

.perk-benefits-wrapper {
    display: flex;
    background-color: #F8F8F8;
    border-left: 4px solid #FEC20D;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
    height: 145px;
}

.pos-relative {
    position: relative;
}

.jae-onboard-section {
    background-image: url(../img/web/onboard-bg1.PNG);
    background-position: center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}

.jae-onboard-section h1 {
    font-size: 49px;
    font-weight: 600;
}

.onboard-steps-wrapper p {
    color: #737373;
    font-size: 16px;
}

.onboard-steps-numeric h2 {
    font-size: 30px;
}

.onboard-steps-numeric {
    background: #FEC20D;
    width: 64px;
    height: 64px;
    border: 5px solid #423511;
    margin: 0 auto;
    border-radius: 50px;
    padding: 8px;
}

.onboard-step-info {
    margin-top: 20px;
}

.jae-dot-line-pos {
    position: relative;
    top: 45px;
}

.life-tdc-img img {
    height: 323px;
    width: 100%;
}

.column-padding-margin-0 {
    padding: 0px;
    margin: 0px;
}

.jae-cta-wrapper {
    background-color: #FEC20D;
    background-image: url(../img/web/watermark-flow.png);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 320px !important;
    height: 320px !important;
}

.jae-cta-left-info {
    padding-left: 30px;
    padding-top: 50px;
}

.jae-lady-cta {
    margin-top: -62px;
}

.construction-estimate-hero {
    width: 580px;
    margin: 0 auto;
}

.build-form-wrapper {
    background: #fff;
    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    border-radius: 20px;
    padding: 20px;
    top: -33px;
    position: relative;
    z-index: 1;
}

.build-form-wrapper select {
    color: #000;
    width: 100%;
    height: 46px;
    border-radius: 10px;
    padding: 0 0 0 15px;
    font-size: 14px;
    border-color: #e5e7e9;
}

.product-wrapper-active {
    border: 2px solid #FEC20D;
    border-radius: 20px;
    margin-bottom: 30px;
}

.product-wrapper-active-title {
    background-color: #FEC20D;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.product-wrapper {
    border: 2px solid #F8F8F8;
    border-radius: 20px;
    margin-bottom: 30px;
}

.product-wrapper-title {
    background-color: #F8F8F8;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.build-cart-btn-pos {
    margin-top: 15px;
}

.product-wrapper-list {
    background: #F8F8F8;
    border-radius: 20px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.product-pic-wrapper {
    height: 170px;
    padding: 10px;
}

.product-wrapper-list {
    min-height: 380px;
    margin-bottom: 50px;
}

.product-add-cart-btn {
    position: relative;
    top: 40px;
    font-size: 16px;
}

.cart-sidebar {
    border-left: 1px solid #E4E4E4;
    padding: 15px;
}

.cart-sidebar-info1 {
    border-bottom: 1px solid #E4E4E4;
}

.cart-sidebar-info2 h3 {
    font-size: 25px;
}

.btn-w-100 {
    width: 100%;
}

.product-pic-wrapper img {
    mix-blend-mode: multiply;
    min-height: 150px;
    height: 150px;
}

.cart-left-wrapper {
    background: #fff;
    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    border-radius: 15px;
    padding: 50px;
}

.cart-review-hero-paint {
    display: flex;
    margin-bottom: 10px;
}

.cart-review-hero-paint p {
    margin-left: 5px;
    color: #565656;
    font-size: 16px;
}

.cart-review-banner {
    padding-bottom: 0px !important;
}

.cart-review-section-pos {
    position: relative;
    top: 130px;
}

.cart-list-section {
    margin-top: 200px;
}

.cart-item-list h4 {
    color: #565656;
    font-size: 20px;
}

.cart-item-value-list h4 {
    color: #000;
    font-size: 20px;
    text-decoration: underline;
}

.cart-selected-items-wrapper {
    background: #F8F8F8;
    border: 1px solid #FEC20D;
    border-radius: 15px;
    padding: 30px;
}

.coupon-summary-wrapper {
    background: #F8F8F8;
    padding: 30px;
    border: 1px solid #FEC20D;
    border-radius: 15px;
}

.coupon-summary-wrapper h4 {
    font-size: 25px;
}

.apply-pdt {
    padding-top: 5px;
}

.product-list-wrapper {
    display: flex;
}

.single-product-list {
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.product-list-wrapper-img {
    margin-left: -40px;
    margin-right: 10px;
}

.product-list-wrapper-img img {
    mix-blend-mode: multiply;
    width: 130px;
}

.coupon-btn {
    color: #FEC20D;
    padding: 0px !important;
}

.modal.show {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

#login2 .modal-body select {
    margin-bottom: 5px;
}

.modal-header {
    background-color: #0A0A0A;
    border-bottom: unset !important;
}

.product-info h4 {
    font-size: 18px;
}

.product-info p {
    font-size: 13px;
}

.modal-header h2 {
    margin-bottom: 0px !important;
}

.btn-popup {
    padding: 15px 15px !important;
}

.btn-m25 {
    margin-bottom: 25px;
}

.save-cart-btn-pos {
    padding: 10px;
    margin-top: 20px;
}

.discount-offer h5 {
    font-size: 40px;
    margin-bottom: 0px !important;
    text-align: center;
}

.cart-product-name h4 {
    font-size: 20px;
}

.btn-pay {
    padding: 10px;
}

.profile-img img {
    width: 150px;
    height: 150px;
}

.profile-name-wrapper {
    text-align: center;
    border-bottom: 1px solid #ecf0f1;
}

.left-profile-links {
    border-right: 1px solid #ecf0f1;
}

.profile-links-wrapper p {
    font-weight: 600;
    margin-bottom: 15px;
}

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

.btn-w-50 {
    width: 50%;
    padding: 10px !important;
}

.cart-sidebar-info1 h1 {
    font-size: 25px !important;
    font-weight: 500 !important;
}

.modal-dialog {
    width: 400px;
}

.modal-header h2 {
    font-size: 25px !important;
}

.profile-from-wrapper {
    background: #f4f6f7;
    padding: 30px;
    border-radius: 15px;
}

.profile-form-pic {
    width: 100px;
    height: 100px;
    mix-blend-mode: multiply;
}

.cart-saved-product img {
    width: 100px;
    height: 100px;
}

.cart-saved-product {
    border: 1px solid #aaa;
    padding: 10px;
    border-radius: 5px;
    min-height: 260px;
    margin-bottom: 10px;
}

.franh-reqi-wrapper {
    display: flex;
}

.franh-reqi-wrapper img {
    margin-right: 5px;
}

.franh-reqi-wrapper p {
    margin-top: 5px;
}

.auto-popup-dialog {
    width: 376px;
}

.auto-popup-dialog-header {
    background-color: #FEC20D !important;
}

.auto-popup-form-fields input::-webkit-input-placeholder {
    color: #0A0A0A;
}

.auto-popup-form-fields input:-moz-placeholder {
    color: #0A0A0A;
}

.auto-popup-form-fields textarea::-webkit-input-placeholder {
    color: #0A0A0A;
}

.auto-popup-form-fields textarea:-moz-placeholder {
    color: #0A0A0A;
}

.auto-popup-form-fields select {
    color: #0A0A0A;
}

.auto-popup-form-fields p {
    color: #0A0A0A !important;
}

.auto-popup-form-fields input {
    margin-bottom: 0px !important;
}

.auto-popup-form-fields {
    padding: 0px !important;
    /*background: url(../img/web/flag-gradient.png)  !important;*/
    background-size: cover !important;
}

.auto-popup-form-fields input {
    color: #0A0A0A !important;
    border: 1px solid #bdc3c7 !important;
}

.auto-popup-form-fields textarea {
    color: #0A0A0A !important;
    border: 1px solid #bdc3c7 !important;
}

.auto-popup-form-fields select {
    color: #0A0A0A !important;
    border: 1px solid #bdc3c7 !important;
}

.perk-points p {
    font-size: 16px;
    margin-left: 5px;
}

.perk-points {
    background-color: #F8F8F8;
    border-left: 3px solid #FEC20D;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    height: 132px;
}

.perk-vision-section {
    background-image: url(../img/web/perk-vision-bg.png);
    background-size: cover;
    height: 450px;
}

.perk-vision-section p {
    color: #F8F8F8;
}

.perk-vision-wrapper {
    padding: 100px 0px;
    width: 600px;
}

.section-heading-title-general {
    font-size: 49px;
    font-weight: 600;
}

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

.project-info p {
    color: #565656;
}

.project-info {
    padding: 15px 15px 15px 0;
}

.mt-10 {
    margin-top: 10px;
}

.project-tabs-list {
    width: 100%;
}

.prj-info {
    margin-top: 10px;
}

.prj-info h4 {
    margin-bottom: 5px;
}

.prj-info p {
    color: #565656;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.prj-info li {
    list-style-type: none;
    float: left;
    padding-right: 40px;
}

.prj-info ul {
    padding-left: 0px;
}

.project-gallery-wrapper {
    margin-bottom: 80px;
}

.prj-talk-left-wrapper p {
    color: #F8F8F8;
}

.talk-to-section {
    background-color: #0A0A0A;
    border-radius: 10px;
    padding: 50px 50px 0px 50px;
}

.pd-btn-15 {
    padding: 15px !important;
}

.prj-talk-form {
    background: rgba(217, 217, 217, 0.10);
    padding: 30px;
    border-radius: 15px;
}

.pdt-section-0 {
    padding-top: 0px !important;
}

.tdc-watermark {
    width: 430px !important;
}

.mgt-minus {
    margin-top: -10px;
}

.line {
    width: 80%;
    height: 1px;
    overflow: hidden;
    position: relative;
    top: 30px;
    z-index: -1;
    left: 115px;
}

.line::before {
    content: "";
    display: block;
    padding: 0 12px;
    margin: 0 auto;
    border-bottom: 2px dashed #FEC20D;
}

.header-how-it-works-wrapper {
    margin-top: 70px;
}

.header-how-it-works-wrapper p {
    margin-bottom: 20px;
}

.header-contact p {
    margin-bottom: 10px;
}

.contact-us-wrapper {
    background: #FFFBEE;
    padding: 30px;
    border-radius: 15px;
}

.fs-20 {
    font-size: 20px;
}

.address-icon {
    background-color: #FFF6DA;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50px;
    padding: 5px;
}

.address-branch-wrapper {
    display: flex;
    margin-bottom: 5px;
}

.address-line {
    padding-top: 10px;
    padding-left: 10px;
}

.contact-form-wrapper input::-webkit-input-placeholder {
    color: #0A0A0A;
}

.contact-form-wrapper input:-moz-placeholder {
    color: #0A0A0A;
}

.contact-form-wrapper textarea::-webkit-input-placeholder {
    color: #0A0A0A;
}

.contact-form-wrapper textarea:-moz-placeholder {
    color: #0A0A0A;
}

.contact-form-wrapper select {
    color: #0A0A0A;
    margin-bottom: 10px;
}

.contact-form-wrapper input {
    margin-bottom: 10px;
    color: #0A0A0A;
}

.contact-form-wrapper textarea {
    color: #0A0A0A;
}

.contact-form-wrapper {
    box-shadow: rgba(144, 131, 191, 0.2) 0px -9px 95px;
    background: #fff;
    padding: 40px;
    border-radius: 20px;
}

.contact-form-wrapper {
    position: relative;
    top: 60px;
    left: -70px;
}

.careers-benefit-wrapper {
    margin-bottom: 20px;
    height: 230px !important;
}

.opps-section {
    background-color: #0A0A0A;
    background-image: url(../img/web/ops-bg.png);
    padding: 100px 0px;
    background-size: cover;
}

.job-profile-wrapper-nest {
    display: flex;
}

.job-profile-wrapper {
    background: #171717;
    padding: 15px;
    border-radius: 20px;
    margin-bottom: 15px;
}

.job-left-info p {
    color: #959595;
}

.job-left-info {
    width: 80%;
    float: left;
}

.job-right-info {
    width: 20%;
    float: left;
    padding-top: 15px;
}

.career-bg-cta-bg {
    background-color: #FEC20D;
    border-radius: 20px;
    padding: 30px;
}

.career-cta {
    background-color: #FEC20D;
    background-image: url(../img/web/watermark-career-cta.png);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    min-height: 320px !important;
    height: 320px !important;
}

.header-service {
    margin-top: 70px;
}

.service-p-right-wrapper {
    width: 460px;
}

.service-left-img {
    width: 100%;
}

.service-details-cta {
    background-color: #FEC20D;
    background-image: url(../img/web/watermark-service-detail.png);
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    min-height: 280px !important;
    height: 280px !important;
}

.service-detail-main-pos {
    margin-top: -48px;
}

.popup-lead-form-wrapper {
    padding: 10px;
}

.service-single-thumb-wrapper {
    display: flex;
}

.single-service-info {
    width: 450px;
    background: #F8F8F8;
    padding: 50px 30px;
    border-radius: 30px;
}

.service-single-numeric-wrapper {
    display: flex;
}

.service-number-img {
    margin-left: -60px;
    width: 300px;
    margin-top: 20px;
    min-width: 115px;
}

.line-service-left {
    height: 3px;
    overflow: hidden;
    position: relative;
    top: 60px;
    z-index: -1;
    width: 400px;
    left: 40px;
    min-width: 380px !important;
}

.line-service-left::before {
    content: "";
    display: block;
    padding: 0 12px;
    margin: 0 auto;
    border-bottom: 4px solid #FEC20D;
}

.mt-section-50 {
    margin-top: 50px;
}

.service-number-right-img {
    margin-left: 0px;
    width: 115px;
    margin-top: 20px;
    min-width: 115px;
    margin-right: -40px;
}

.line-service-right {
    height: 3px;
    overflow: hidden;
    position: absolute;
    top: 60px;
    z-index: -1;
    width: 400px;
    right: 120px;
    min-width: 380px !important;
}

.line-service-right::before {
    content: "";
    display: block;
    padding: 0 12px;
    margin: 0 auto;
    border-bottom: 4px solid #FEC20D;
}

.service-single-numeric-wrapper-right {
    display: block;
}

.about-timeline-circle {
    background: #FEC20D;
    width: 64px;
    height: 64px;
    border-radius: 50px;
    padding: 15px;
}

.about-timeline-gap {
    margin-bottom: 20px;
}

.img-w-100-percent {
    width: 100%;
}

.line-about-page {
    width: 72%;
    height: 3px;
    overflow: hidden;
    position: relative;
    top: 240px;
    z-index: -1;
    left: -184px;
    rotate: 90deg;
}

.line-about-page::before {
    content: "";
    display: block;
    padding: 0 12px;
    margin: 0 auto;
    border-bottom: 2px dashed #FEC20D;
}

.section-pd-50 {
    padding: 50px 0px;
}

.team-names-wrapper {
    background: #FEC20D;
    padding: 15px;
    border-radius: 15px;
    z-index: 10000;
    position: relative;
    top: -40px;
}

.team-names-wrapper-emp {
    background: #FEC20D;
    padding: 10px;
    border-radius: 15px;
    z-index: 10000;
    position: relative;
    top: -30px;
}

.auto-popup-close-btn {
    color: #565656;
    background: rgba(242, 242, 242, 0.5);
    padding: 5px;
    border-radius: 50px;
    width: 32px;
    height: 32px;
    text-align: center;
}

.sidebar-area .sidebar-menu-top-area {
    margin-bottom: 0px !important;
}

.review-by-image img {
    width: 64px;
    height: 64px;
    border-radius: 50px;
}

.perk-points-hpage {
    height: 90px !important;
}

.abcRioButtonLightBlue {
    margin: 0 auto !important;
}

.input-refer-link {
    background: transparent;
    border: unset;
    color: #fff !important;
    text-align: center;
}

.input-refer-link:focus {
    background: transparent;
    border: unset;
    color: #fff !important;
    text-align: center;
}

.terms-info p {
    margin-bottom: 10px;
}

.terms-info h4 {
    margin-top: 10px;
}

.terms-info a {
    color: #FEC20D !important;
}

.in-news-img {
    width: 220px;
    border-radius: 10px;
}

.in-news-wrapper {
    padding: 20px;
    background: #0A0A0A;
    border-radius: 10px;
    margin-bottom: 20px;
}

.news-content-wrapper {
    height: 80px;
}

.project-wrapper:hover a {
    color: #fff !important;
}

.cursor-pointer {
    cursor: pointer;
}

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

.hero-right-blog-wrapper {
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 10px;
}

.blog-news-wrapper {
    border-left: 1px solid #cacfd2;
    padding: 15px;
}

.news-side-content {
    margin-bottom: 10px;
}

.news-list {
    background: #F8F8F8;
    padding: 15px;
    border-radius: 15px;
}

.recent-blog-wrapper {
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    min-height: 330px;
    border: 1px solid #0A0A0A;
}

.recent-blog-wrapper:hover {
    background-color: #f8f9f9;
}

.blog-hero-left-wrapper {
    border: 1px solid #f2f3f4;
    padding: 20px;
    border-radius: 10px;
}

.recent-blog-wrapper img {
    height: 200px;
    width: 370px;
}

.home-eve-pos {
    position: relative;
    top: -60px;
}

.eve-hero-content-pos {
    padding-top: 150px;
}

.service-desc p {
    font-family: "Ubuntu", sans-serif !important;
}

.channel-partner-wrapper {
    height: auto !important;
    min-height: 300px;
}

.channel-partner-content {
    padding: 20px !important;
}

.login-scroll {
    overflow-y: scroll !important;
}

.tt-magic-cursor {
    overflow-y: scroll !important;
}

.channel-partner-mt {
    margin-top: 20px;
}

.career-perkes-wrapper {
    padding: 10px;
}

.career-perkes-wrapper h5 {
    margin-bottom: 0px;
}

.single-service-wrapper {
    padding: 30px;
}

.service-nested-wrapper {
    background: #F8F8F8;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 20px;
    min-height: 500px;
}

.service-nested-wrapper h1 {
    font-size: 60px;
}

.email-us-icon {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 40px;
    padding: 5px;
    background-color: unset !important;
}

.m-benefit-member-wrapper {
    height: 250px !important;
}

.main-service-nested-wrapper {
    min-height: 420px !important;
}

.main-why-choose-wrapper {
    height: 245px !important;
}

.inter-service-nested-wrapper {
    min-height: 580px !important;
}

.inter-why-wrapper {
    height: 275px !important;
}

.renov-service-nested-wrapper {
    min-height: 740px;
}

.renova-why-choose {
    height: 260px !important;
}

.arch-service-nested-wrapper {
    min-height: 695px;
}

.eng-service-nested-wrapper {
    min-height: 560px !important;
}

.eng-why {
    height: 250px !important;
}

.cont-service-nested-wrapper {
    min-height: 950px !important;
}

.cont-why {
    height: 230px !important;
}

.why-us-state-banner-line {
    margin: 0 auto;
    background-color: #FEC20D !important;
    width: 500px;
}

.compare-header {
    padding: 15px;
    height: 70px;
}

.compare-header-cc {
    padding: 15px;
}

.compare-header h3 {
    margin-bottom: 0px;
}

.why-pointers-num {
    background: #f1c40f;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border: 5px solid #fad7a0;
    padding: 8px;
    border-radius: 50px;
}

.why-pointers-num h4 {
    margin-bottom: 0px;
}

.compare-header h5 {
    color: #565656;
    font-size: 16px;
}

.why-pointers-num h3 {
    font-size: 21px !important;
}

.why-us-img {
    border-radius: 30px;
    filter: grayscale();
    width: 900px;
}

.why-seperator-bg {
    background-position: center;
    background-size: cover;
    height: 500px;
    filter: grayscale(1);
    background-attachment: fixed;
    margin-bottom: 30px !important;
}

.why-title {
    text-shadow: 0px -1px 0 #FEC20D, 1px 0px 0 #FEC20C, -1px 1px 0 #FEC20D, 1px 1px 0 #FEC20D;
}

.why-section-title {
    color: #fff;
    padding-top: 200px;
    font-size: 100px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.img-transparent {
    mix-blend-mode: multiply;
}

.img-border-round {
    border-radius: 20px;
}

.mm-mobile-lead-form {
    display: none;
}

.mm-home-counters {
    display: none;
}

.m-vs {
    display: none;
}

.prj-img img {
    width: 388px;
    height: 290px;
    border-radius: 10px;
}

.project-gallery-wrapper {
    margin-bottom: 30px;
}

.project-page-head {
    margin-top: 100px !important;
}

.blog-info-pos {
    background: #fff;
    position: relative;
    top: -220px;
    width: 650px;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
}

.home-festive-pic {
    width: 300px;
}

.h1-heading-size {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px;
}

.footer-heading-title {
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 500;
}

.popup-heading-title {
    font-size: 25px;
}

.default-h4-fsize {
    font-size: 1.5rem;
    font-weight: 500 !important;
}

.build-section-title {
    font-size: 40px !important;
    font-weight: 500 !important;
    line-height: 40px !important;
    margin-bottom: 15px;
    margin-top: 10px;
}

.header-service h1 {
    font-size: 65px !important;
}

.grid-img-box-shadow {
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(36, 7, 70, .08);
}

.page-testimonial-carousel .owl-dots button {
    height: 5px;
    background: #FFC31D !important;
    width: 20px;
    display: inline-block;
    margin: 5px;
    transition: .2s;
    border-radius: 2px;
}

.page-testimonial-carousel button.owl-dot.active {
    background: #000 !important;
    width: 30px;
}

.page-testimonial-carousel .owl-dots {
    text-align: center;
    margin-top: 25px
}

.slider-post-title {
    font-size: 20px !important;
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.blog-slider-img img {
    width: 384px;
    height: 256px;
}

.title-grid-section-custom {
    font-size: 18px;
    color: #000 !important;
    font-weight: 600;
}

.nn-page-wrapper-grid {
    padding: 15px;
    border: 1px solid #e5e7e9;
    border-radius: 10px;
}

.number-title-fsize {
    font-size: 60px;
    color: #a6acaf;
}

.construction-cost-stages {
    min-height: 300px;
}

.nn-page-cta-button {
    display: ruby-text !important;
}

.team-name-title span {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.offer-header-line {
    font-size: 16px !important;
}

.section-heading-title-brick-page {
    font-size: 45px !important;
    font-weight: 600;
}

.brick-page-point-wrapper {
    box-shadow: rgba(2, 2, 4, 0.2) 0px 0px 2px;
    /*rgba(144, 131, 191, 0.2) 0px -9px 95px;*/
    padding: 20px;
    min-height: 320px;
    border-radius: 10px;
}

.home-cost-page-wraper-h {
    min-height: 310px;
}

.client-home-cost-p {
    min-height: 266px !important;
}

.civil-contractor-wrapper {
    min-height: 314px !important;
}

.civil-contractor-wrapper-why-choose {
    min-height: 314px !important;
    height: 314px !important;
}

.civil-our-projects-points {
    background-color: #f8f9f9;
    padding: 40px 0px;
}

.default-civil-pointer-fsize {
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 20px;
}

.awards-civil-page-img {
    width: 200px !important;
}

.why-pointers-num span {
    font-size: 21px !important;
    font-weight: 500 !important;
    margin-bottom: 0px !important;
    line-height: 21px;
}

.owork-mb {
    margin-bottom: 10px !important;
}

.make-my-house-nested-li li {
    color: #797d7f !important;
    margin-bottom: 5px;
}

.section-pdt-make-my-house {
    padding: 50px 0px;
}

.section-bg-color {
    background-color: #f8f9f9 !important;
}

.make-my-house-process-wrapper img {
    margin-bottom: 10px;
}

.min-height-client-review-make-my-house {
    min-height: 266px !important;
}

.build-page-item-name {
    font-size: 18px !important;
}

.product-info-nested-build {
    height: 120px;
}

.faridabad-blog-img {
    height: 147px !important;
    min-height: 147px !important;
}

.why-choose-wrapper-faridabad {
    border-left: 4px solid #FEC20D;
    padding: 15px;
    border-radius: 15px;
    background-color: #F8F8F8;
}

.section-heading-title-faridabad {
    font-size: 40px !important;
}

.talk-to-section-faridabad {
    background-color: #0A0A0A;
    border-radius: 10px;
    padding: 35px 35px 0px 35px;
}

.talk-to-section-faridabad p {
    font-size: 14px;
}

.footer-cta-phone {
    right: 40px;
    bottom: 25px;
    text-align: right;
    position: fixed;
    z-index: 9999999;
}

.blog-section-thumb {
    border-radius: 5px;
    height: 205px !important;
}

.blog-section-posted {
    font-size: 11px;
    color: #5f6a6a !important;
}

.img-border-radius-10 {
    border-radius: 10px;
}

.build-p-factor-wrapper {
    background: #FAFAF9;
    padding: 10px;
    border-radius: 10px;
    min-height: 460px;
    transition: background-color 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.build-p-factor-wrapper:hover {
    background-color: #FEF9C2;
    transform: scale(1);
}

.build-p-factor-wrapper h3 {
    font-size: 22px !important;
    margin-bottom: 5px;
    margin-top: 5px;
}

.build-skill-team-pdt-e {
    padding-top: 70px !important;
}

.build-margin-wc {
    margin-bottom: 10px;
}

.modalAutoFestContainer {
    width: 100%;
    max-width: 95%;
}

.festive-modal-bg.show {
    background-color: #1C1917 !important;
}

.owl-dot {
    text-align: left;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    border-radius: 50%;
}

.owl-dot button.owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    background: #fff !important;
    border: 1px solid #fff !important;
    margin-right: 5px !important;
}

button.owl-dot {
    background: #000 !important;
}

button.owl-dot.active {
    background: #fff !important;
    border-color: #000 !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.all-cc-services {
    background: #FAFAFA;
    border-radius: 10px;
    padding: 20px 10px;
    min-height: 210px;
}

.blog-img-w-100 {
    width: 100%;
}

.all-p-blog-grid {
    border: 1px solid #E7E5E4;
    padding: 10px;
    border-radius: 10px;
}

/* ---------------------------------------- responsive---------------------------*/

@media only screen and (max-width: 650px) and (min-width: 200px) and (orientation: portrait) {
    .header-service h1 {
        font-size: 35px !important;
    }
    .desktop-hero-banner {
        display: none;
    }
    .mobile-home-hero-banner {
        display: block !important;
        text-align: center;
        margin-top: 140px;
    }
    .mm-mobile-lead-form {
        display: block;
    }
    .header-area.style-1 {
        background-color: rgba(36, 44, 53, 2.5) !important;
    }
    .mm-home-counters {
        display: block;
    }
    .mm-w-counters {
        background-color: #0A0A0A;
    }
    .home-hero-banner-title h2 {
        font-size: 30px !important;
        line-height: 35px !important;
        text-align: center;
    }
    .home-hero-banner-title p {
        text-align: center;
        font-size: 16px;
        font-weight: 300;
    }
    .home-hero-content-p {
        text-align: center !important;
    }
    .mm-mobile-lead-form {
        background-color: #0A0A0A;
    }
    .mm-w-counters {
        width: 33.33%;
        float: left;
    }
    .mm-pointers-contents {
        padding: 10px 0;
        border-radius: 5px;
    }
    .mm-mt-home-pointers {
        margin-top: 15px;
    }
    .hero-banner-pointers h3 {
        font-size: 25px !important;
    }
    .mm-pointers-contents p {
        font-size: 10px !important;
    }
    .contact-form-home-hero {
        background-color: transparent;
    }
    .primary-btn3 {
        padding: 10px 10px !important;
    }
    .section-title-2.text-white.home-hero-banner-title.text-left.mb-60 {
        padding-top: 0px !important;
    }
    select {
        border: 1px solid #626262 !important;
    }
    .header-area.style-1 {
        /*top:0px;  enable after offers end */
        padding: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
        padding: 0px !important;
    }
    .header-area.style-1 .header-logo {
        padding: 10px;
    }
    .header-area.style-1 .header-logo img {
        width: 160px !important;
    }
    .sidebar-area .sidebar-menu-top-area {
        margin-bottom: 15px;
        background-color: #0A0A0A;
    }
    .home-hero-banner {
        background-position: center center;
        background-image: url('../img/festive/home-hero-banner.jpeg');
    }
    .home-hero-banner-title {
        padding-left: 0px !important;
    }
    .home-hero-content-pos-top {
        margin-top: 50px;
    }
    .home-hero-pointer-pos {
        position: relative;
        left: 0;
        bottom: 0;
        padding: 20px;
    }
    .home-hero-pointer-containers {
        padding: 10px;
        border-radius: 15px;
    }
    .hero-banner-pointers {
        margin-bottom: 2px;
    }
    .partner-area .partner-wrap {
        padding: 10px 0px;
    }
    .section-heading-title {
        font-size: 30px !important;
        /* font-size:40px !important; */
    }
    .home1-about-section {
        padding: 0px 0;
    }
    .why-p-wrapper {
        width: 100%;
    }
    .vr-contect-left .home-vr-heading {
        font-size: 35px !important;
        line-height: 35px;
    }
    .home-vr-section {
        height: 850px;
    }
    .vr-lady {
        top: 424px;
        right: -142px;
    }
    .vr-beam-light {
        top: 415px;
        right: 133px;
    }
    .vr-home-object {
        position: absolute;
        top: 454px;
        right: 150px;
        z-index: 10000;
        left: -65px;
    }
    .work-section {
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .timeline-point::after {
        left: calc(60% - (10px / 2)) !important;
    }
    .work-section-timeline-bg {
        background-image: unset !important;
    }
    .m-img-w100 {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .home-vr-ptext-wrapper {
        width: 100%;
    }
    .blog-card1 {
        height: auto;
    }
    .g-5,
    .gy-5 {
        --bs-gutter-y: 1rem !important;
    }
    .blog-card1 .blog-img {
        display: block;
    }
    .mb-50 {
        margin-bottom: 10px;
    }
    .app-mockup-wrapper {
        display: none;
    }
    .app-mockup-wrapper-mobile {
        display: block;
    }
    .banking-section-heading {
        font-size: 40px !important;
    }
    .m-bank-column {
        width: 50%;
        float: left;
    }
    .testimonial-section {
        padding: 0 0;
    }
    .testimonial_area {
        padding-top: 60px !important;
    }
    .indicators {
        display: block !important;
        left: 0px;
    }
    .testimonial_area .indicators .testimonial_1 {
        width: 250px !important;
        height: 250px !important;
    }
    .testimonial_area .indicators .testimonial_1 img {
        bottom: 75px !important;
        left: 186px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_2 {
        width: 220px !important;
        height: 200px !important;
        left: 5% !important;
    }
    .testimonial_area .indicators .testimonial_2 img {
        bottom: 95px !important;
        right: 0 !important;
        left: -65px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_3 {
        width: 190px !important;
        height: 190px !important;
        top: 40% !important;
        left: 35px !important;
        right: 0 !important;
    }
    .testimonial_area .indicators .testimonial_3 img {
        right: 0px !important;
        left: 40px !important;
        top: -95px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_4 {
        width: 160px !important;
        height: 160px !important;
        top: 50% !important;
        left: 50px !important;
        right: 0 !important;
    }
    .testimonial_area .indicators .testimonial_4 img {
        right: 0px !important;
        left: -65px !important;
        top: 130px !important;
        bottom: 0px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_5 {
        width: 120px !important;
        height: 120px !important;
        top: 50% !important;
        left: 70px !important;
        right: 0px !important;
    }
    .testimonial_area .indicators .testimonial_5 img {
        bottom: 0px !important;
        position: absolute !important;
        right: 0px !important;
        left: 55px !important;
        top: 135px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .round_shap {
        width: 55% !important;
    }
    .carousel {
        display: block;
        height: auto;
        top: 0px !important;
    }
    .faqs-home-section h1 {
        font-size: 30px !important;
    }
    button.accordion-button.collapsed {
        font-size: 18px !important;
    }
    .home-cta-wrapper {
        padding: 10px !important;
        background-size: cover;
        background-position: center;
        height: auto;
    }
    .home-cta-construct-estimate {
        padding: 15px;
    }
    .contact-branch-wrapper-border {
        border-right: unset !important;
    }
    .contact-branch-wrapper {
        margin-bottom: 20px !important;
    }
    .footer-logo {
        width: 160px;
    }
    .footer-contact-icons {
        display: grid !important;
    }
    a.mr-footer-phone {
        margin-bottom: 25px !important;
    }
    footer .footer-top .solial-account ul li {
        padding-right: 10px !important;
    }
    .m-footer-link-col-half {
        width: 50%;
        float: left;
    }
    footer .menu-container ul li a {
        gap: 0px !important;
    }
    .menu-container {
        margin-bottom: 15px !important;
    }
    footer .footer-top .footer-logo-contact-wrap {
        gap: 0;
        padding: 15px 0px;
    }
    .footer-copyright-text {
        margin: 0;
        padding-top: 15px;
        text-align: center;
    }
    li.round_shap img {
        width: 120px !important;
        height: 120px !important;
    }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-prev {
        left: 5px !important;
    }
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-next {
        right: -3px !important;
    }
    .separator-email-phone {
        display: none !important;
    }
    .call-to-action {
        display: grid;
        text-align: left;
    }
    .call-to-action a {
        margin-bottom: 20px !important;
    }
    .service-single-thumb-wrapper {
        display: block;
    }
    .service-single-thumb-wrapper img {
        border-radius: 30px;
    }
    .single-service-info {
        width: 100%;
        background: #F8F8F8;
        padding: 30px;
        border-radius: 30px;
        margin-top: 10px;
    }
    .service-single-numeric-wrapper {
        display: none;
    }
    .service-single-numeric-wrapper-right {
        display: none;
    }
    .service-details-cta {
        min-height: auto !important;
        height: auto !important;
        background-size: cover !important;
    }
    .jae-cta-left-info {
        padding-left: 0px;
        padding-top: 20px;
    }
    .service-detail-main-pos {
        margin-top: 0px;
    }
    .footer-phone-icon {
        background-color: transparent !important;
    }
    .auto-popup-dialog {
        width: 95%;
    }
    .service-nested-wrapper {
        min-height: auto !important;
    }
    .section-mtb-gap {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    footer .widget-title h4 {
        font-size: 16px !important;
    }
    .m-benefit-member-wrapper {
        height: auto !important;
    }
    .renova-why-choose {
        height: auto !important;
    }
    .eng-why {
        height: auto !important;
    }
    .cont-why {
        height: auto !important;
    }
    .why-choose-wrapper {
        height: auto !important;
    }
    .why-section-title {
        font-size: 50px;
    }
    .why-pointers-num {
        margin-bottom: 5px !important;
    }
    .compare-header {
        height: auto;
    }
    .why-seperator-bg {
        height: 400px !important;
    }
    .contact-form-wrapper {
        left: 0px;
    }
    .talk-to-section {
        padding: 30px;
    }
    .construction-estimate-hero {
        width: 100%;
    }
    .build-form-wrapper select {
        margin-bottom: 10px;
    }
    .modal-dialog {
        width: 95%;
    }
    .home-cta-construct-estimate p {
        color: #fff;
        font-size: 16px;
        margin-bottom: 26px;
        background: #1a1a1a;
        padding: 10px;
        border-radius: 10px;
    }
    .about-timeline-circle {
        width: 60px;
        height: 60px;
    }
    .m-vs {
        display: block;
    }
    .m-vs img {
        width: 40px;
    }
    .header-area.style-1 .menu-wrap .nav-right {
        padding-right: 5px;
    }
    .address-branch-wrapper {
        display: block;
        margin-bottom: 0px;
    }
    .address-line {
        padding-top: 0px;
    }
    .modal-dialog {
        width: unset !important;
    }
    .build-cart-btn-pos {
        margin-top: 0px;
    }
    .cart-left-wrapper {
        padding: 20px;
        margin-bottom: 10px;
    }
    .cart-review-section-pos {
        position: static;
    }
    .product-list-wrapper-img {
        margin-left: 0px;
        margin-right: 0px;
    }
    .jae-hero-left-text-wrapper {
        margin-left: 0px;
        padding-top: 0px;
        width: 100%;
    }
    .jae-hero-left-text-wrapper h2 {
        font-size: 30px;
    }
    .refer-btn {
        position: relative;
        top: -20px;
    }
    .refer-form-wrapper {
        padding: 15px;
    }
    .jae-tabs-list {
        width: 100%;
        padding: 5px;
        margin-top: 10px;
    }
    .jae-tabs-list li {
        padding-right: 0px;
        margin-bottom: 2px;
        margin: 0 auto !important;
    }
    .jae-tabs-list li a.active {
        font-size: 13px;
        padding: 5px !important;
    }
    .jae-tabs-list li a {
        font-size: 13px;
    }
    .section-heading-title-why-refer-us {
        font-size: 30px;
        margin-top: 0px;
        font-weight: 600;
    }
    .perk-benefits-wrapper {
        height: auto !important;
    }
    .jae-onboard-section h1 {
        font-size: 30px;
    }
    .jae-dot-line-pos {
        display: none;
    }
    .onboard-step-info {
        margin-bottom: 15px;
    }
    .refer-testimonial-wrapper {
        width: 100%;
    }
    .refer-testimonial-grid-wrapper {
        margin-bottom: 10px;
    }
    .jae-cta-wrapper {
        background-size: cover;
        min-height: auto !important;
        height: auto !important;
    }
    .jae-lady-cta {
        margin-top: 0px;
    }
    .line {
        display: none;
    }
    .channel-partner-wrapper {
        min-height: auto !important;
    }
    .refer-and-earn-header-info {
        width: 100%;
        margin-left: 0px;
        padding-top: 0px;
    }
    .refer-and-earn-header-info h2 {
        font-size: 30px !important;
    }
    .refer-and-earn-header-info p {
        margin-bottom: 15px !important;
    }
    .m-text-center {
        text-align: center !important;
    }
    .refer-bullets {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .m-pd-refer {
        padding: 20px;
    }
    .how-it-work-steps .refer-pointers {
        margin-bottom: 0px;
    }
    .how-it-work-steps h4 {
        margin-bottom: 0px;
    }
    .refer-tc-points img {
        width: 64px;
    }
    .section-heading-title-general {
        font-size: 30px;
    }
    .row-lr-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .m-table-wrapper {
        width: 100%;
        overflow-x: scroll;
    }
    .m-table-wrapper td {
        width: 100%;
    }
    .modal-body {
        width: 95% !important;
    }
    .m-blog-title {
        margin-top: 20px;
        margin-bottom: 0px !important;
    }
    .careers-benefit-wrapper {
        min-height: auto !important;
        height: auto !important;
    }
    .carousel-control-prev,
    .carousel-control-next {
        top: 40% !important;
    }
    .cart-selected-items-wrapper .col-lg-6 {
        width: 50% !important;
        float: left;
    }
    .cart-selected-items-wrapper {
        padding: 20px !important;
    }
    .cart-item-list h4 {
        color: #565656;
        font-size: 16px;
    }
    .cart-item-value-list h4 {
        font-size: 16px;
    }
    .cart-selected-item-pdm {
        padding: 5px;
    }
    .product-list-wrapper-img {
        width: 135px;
    }
    .product-list-wrapper-img img {
        min-width: 120px !important;
        width: 120px !important;
    }
    .cart-product-name h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .cart-product-name {
        width: 200px;
    }
    .cart-saved-product {
        text-align: center;
    }
    .blog-hero-left-wrapper {
        padding: 0px !important;
    }
    .blog-info-pos {
        width: 100% !important;
        top: 0px;
    }
    .in-news-img {
        width: 100%;
    }
}

/* end of mobile responsive */

@media only screen and (max-width: 740px) and (min-width: 199px) and (orientation: landscape) {
    .header-area {
        padding: 10px !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        width: 100% !important;
    }
    .header-area.style-1 .header-logo {
        padding: 0px !important;
    }
    .header-area.style-1 .header-logo img {
        width: 180px !important;
    }
    .careers-benefit-wrapper {
        height: auto !important;
    }
    .column-padding-margin-0 {
        padding: 10px;
        margin: 0px;
    }
    .life-tdc-img img {
        border-radius: 20px;
        height: auto;
    }
    .career-cta {
        min-height: auto !important;
        height: auto !important;
        background-size: cover !important;
    }
    .section-heading-title-why-refer-us {
        font-size: 40px;
        margin-top: 0px;
        font-weight: 600;
    }
    .jae-lady-cta {
        margin-top: 0px !important;
    }
    .jae-cta-left-info {
        padding-left: 0px;
        padding-top: 0px;
    }
    .contact-branch-wrapper-border {
        border-right: unset !important;
    }
    .home-hero-banner {
        display: none;
    }
    .mobile-home-hero-banner {
        display: block !important;
        top: 80px;
        position: relative;
    }
    .mm-mobile-lead-form {
        display: block !important;
    }
    .mm-home-counters {
        display: inline-block !important;
        background-color: #0A0A0A !important;
    }
    .mm-mobile-lead-form {
        display: block !important;
        background: #000 !important;
        padding: 110px 0px !important;
    }
    .mm-w-counters {
        width: 33.33%;
        float: left;
    }
    .hero-banner-pointers.font-family-ubuntu.mm-pointers-contents {
        padding: 10px 0px;
    }
    .section-heading-title {
        font-size: 40px !important;
    }
    .why-choose-wrapper {
        height: auto !important;
        min-height: auto !important;
    }
    .home-vr-section {
        height: 900px;
    }
    .vr-lady {
        position: absolute;
        top: 475px;
        right: -120px;
    }
    .vr-beam-light {
        position: absolute;
        top: 420px;
        right: 160px;
        z-index: 10000;
    }
    .vr-home-object {
        position: absolute;
        top: 500px;
        right: 335px;
        z-index: 10000;
    }
    .why-p-wrapper {
        width: 100%;
    }
    .m-bank-column {
        width: 33.33%;
        float: left;
    }
    .home-news-heading-wrapper {
        height: auto !important;
    }
    .home-news-pwrapper {
        height: auto !important;
    }
    .about-us-section-1 img {
        width: 100% !important;
    }
    .line-about-page {
        display: none;
    }
    .about-timeline-gap {
        margin-top: 20px !important;
    }
    .m-footer-link-col-half {
        width: 33.33%;
        float: left;
    }
    .m-half-column-contact-b {
        width: 50%;
        float: left;
    }
    .contact-form-wrapper {
        left: 0px !important;
    }
    .service-number-img {
        margin-left: 0px;
        width: 100px;
        margin-top: -20px;
        min-width: 130px;
    }
    .line-service-left {
        width: 500px;
        left: 100px;
    }
    .service-number-right-img {
        margin-left: 0px;
        width: 130px;
        margin-top: 10px;
        min-width: 115px;
        margin-right: -40px;
    }
    .line-service-right {
        height: 3px;
        overflow: hidden;
        position: absolute;
        top: 60px;
        z-index: -1;
        width: 500px;
        right: 200px;
        min-width: 380px !important;
    }
    .service-details-cta {
        min-height: auto !important;
        height: auto !important;
        background-size: cover !important;
    }
    .service-nested-wrapper {
        min-height: auto !important;
    }
    .faqs-home-section h1 {
        font-size: 40px;
    }
    .section-heading-title-general {
        font-size: 40px !important;
    }
    .row-lr-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .timeline-group {
        margin-top: 0px !important;
    }
    .timeline-point::after {
        left: calc(60% - (10px / 2)) !important;
    }
    .m-half-width-col {
        width: 50%;
        float: left;
    }
    .build-cart-btn-pos {
        margin-top: 0px;
        text-align: right;
    }
    .build-form-wrapper select {
        margin-bottom: 10px;
    }
    .jae-hero-left-text-wrapper {
        margin-left: 0px !important;
        padding-top: 0px !important;
        width: 100% !important;
    }
    .jae-hero-left-text-wrapper h2 {
        font-size: 40px;
    }
    .refer-btn {
        padding: 12px 12px;
        position: relative;
        top: -30px;
    }
    .perk-benefits-wrapper {
        height: auto !important;
    }
    .jae-onboard-section h1 {
        font-size: 40px;
    }
    .jae-onboard-section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .jae-dot-line-pos {
        display: none;
    }
    .onboard-steps-wrapper {
        margin-bottom: 10px;
    }
    .jae-cta-wrapper {
        background-size: cover;
        min-height: auto !important;
        height: auto !important;
    }
    .line {
        display: none !important;
    }
    .channel-partner-wrapper {
        height: auto !important;
        min-height: auto !important;
    }
    .refer-testimonial-grid-wrapper {
        margin-bottom: 20px;
    }
    .section-mtb-gap {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .refer-and-earn-header-info {
        width: 100%;
        margin-left: 0px;
        padding-top: 0px;
    }
    .refer-and-earn-header-info h2 {
        font-size: 40px;
    }
    .img-width-full {
        width: 100%;
    }
    .m-pd-refer {
        padding: 20px;
    }
    .m-text-center {
        text-align: center;
    }
    .refer-tc-points img {
        width: 40px;
    }
    /* remove after sales offer */
    .home-eve-pos {
        position: relative;
        top: 80px;
    }
    .mm-home-hero-form-points {
        background-color: #0A0A0A;
    }
    /* remove after sales offer */
    .mm-home-counters {
        width: 100% !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .col-lg-3.col-md-6.home-service-blocks {
        width: 50%;
        float: left;
    }
    .mm-project-col {
        width: 50% !important;
        float: left;
    }
    .cart-selected-item-pdm {
        padding: 5px !important;
    }
    .cart-selected-items-wrapper .col-lg-6 {
        width: 50%;
        float: left;
    }
    .product-list-wrapper-img {
        margin-left: 0px;
        margin-right: 0px;
        width: 150px;
        min-width: 150px;
        text-align: center;
    }
    .product-list-wrapper-img img {
        min-width: 130px !important;
        width: 130px !important;
    }
    .card-saved-wrapper .col-lg-3 {
        width: 50%;
        float: left;
        text-align: center !important;
    }
}

/* end of mobile landscape */

/*----------- ipad-------------------*/

@media only screen and (max-width: 1200px) and (min-width: 700px) and (orientation: portrait) {
    select {
        border: 1px solid #626262 !important;
    }
    .header-area.style-1 {
        width: 100%;
        padding: 0px !important;
    }
    .mb-130 {
        margin-bottom: 0px !important;
    }
    .vr-lady {
        top: 500px;
    }
    .home-vr-section {
        height: 850px;
    }
    .vr-beam-light {
        top: 450px;
    }
    .vr-home-object {
        top: 497px;
    }
    .timeline-event {
        width: 300px !important;
    }
    .timeline-point::after {
        left: calc(60% - (10px / 2)) !important;
    }
    .home1-blog-section {
        padding: 54px 0 !important;
    }
    a.blog-img.home-services-img {
        width: 100% !important;
    }
    .m-bank-column {
        width: 33.33%;
        float: left;
    }
    .testimonial-section {
        padding: 0px 0;
    }
    .section-heading-title {
        font-size: 45px;
    }
    .testimonial-section {
        padding: 0 0;
    }
    .testimonial_area {
        padding-top: 60px !important;
    }
    .indicators {
        display: block !important;
        left: 0px;
    }
    .testimonial_area .indicators .testimonial_1 {
        width: 450px !important;
        height: 450px !important;
    }
    .testimonial_area .indicators .testimonial_1 img {
        top: 95px !important;
        left: 395px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_2 {
        width: 380px !important;
        height: 380px !important;
        left: 4% !important;
    }
    .testimonial_area .indicators .testimonial_2 img {
        bottom: 95px !important;
        right: 0 !important;
        left: -95px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_3 {
        width: 350px !important;
        height: 350px !important;
        top: 40% !important;
        left: 47px !important;
        right: 0 !important;
    }
    .testimonial_area .indicators .testimonial_3 img {
        right: 0px !important;
        left: 40px !important;
        top: -95px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_4 {
        width: 320px !important;
        height: 320px !important;
        top: 50% !important;
        left: 63px !important;
        right: 0 !important;
    }
    .testimonial_area .indicators .testimonial_4 img {
        right: 0px !important;
        left: -79px !important;
        top: 250px !important;
        bottom: 0px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .testimonial_5 {
        width: 120px !important;
        height: 120px !important;
        top: 50% !important;
        left: 70px !important;
        right: 0px !important;
    }
    .testimonial_area .indicators .testimonial_5 img {
        bottom: 0px !important;
        position: absolute !important;
        right: 0px !important;
        left: 320px !important;
        top: 135px !important;
        width: 90px !important;
        height: 90px !important;
    }
    .testimonial_area .indicators .round_shap {
        width: 55% !important;
    }
    .carousel {
        display: block;
        height: 700px;
        top: 460px !important;
    }
    .testimonial_area .indicators {
        left: 160px !important;
    }
    .img-w-100 {
        width: 100%;
    }
    .home-news-heading-wrapper {
        height: auto !important;
    }
    .home-news-pwrapper {
        height: auto !important;
    }
    .m-width-faq-100 {
        width: 100% !important;
        float: left;
        margin-left: 0px !important;
    }
    .home-cta-wrapper {
        margin-left: 0px !important;
    }
    .home-cta-construct-estimate {
        padding: 15px;
    }
    .home-ready-to-bulid-wrapper {
        width: 420px !important;
    }
    .m-half-column-contact-b {
        width: 50%;
        float: left;
    }
    .box-shadow-footer-contact {
        margin-left: 0px;
    }
    .footer-contact-branch {
        padding: 20px;
    }
    .m-footer-link-col-half {
        width: 25%;
        float: left !important;
    }
    .mm-grid {
        display: grid;
    }
    .mm-grid a {
        margin-bottom: 20px !important;
    }
    footer .widget-title h4 {
        font-size: 13px !important;
    }
    .footer-contact {
        gap: 0px !important;
        margin: 0 auto;
    }
    .home-hero-banner {
        display: none;
    }
    .mobile-home-hero-banner {
        display: block !important;
        padding-top: 160px !important;
    }
    .header-area.style-1 {
        background-color: #010101;
        width: 100%;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .mm-mobile-lead-form {
        display: block !important;
        background-color: #010101 !important;
        padding: 20px;
    }
    .mm-home-counters {
        display: flex !important;
        background-color: #010101 !important;
    }
    .mm-w-counters {
        width: 33.33%;
        float: left;
        padding: 15px;
    }
    .why-choose-wrapper {
        height: auto;
    }
    .timeline-group {
        margin-top: 20px;
        grid-template-areas: "point date" "point event";
        margin-inline: 0px;
    }
    .footer-phone-icon {
        background-color: transparent;
    }
    .header-area.style-1 .header-logo img {
        width: 180px !important;
    }
    .line-about-page {
        display: none;
    }
    .why-choose-wrapper {
        height: auto !important;
    }
    .m-ab-half-width {
        width: 50% !important;
        float: left;
    }
    .m-ab-three-width {
        width: 33.33% !important;
        float: left;
    }
    .contact-branch-wrapper-border {
        border-right: 1px solid #fff !important;
    }
    .why-seperator-bg {
        height: 400px;
        margin-bottom: 0px !important;
    }
    .m-vs {
        display: block;
    }
    .why-section-title {
        font-size: 60px !important;
    }
    .compare-header {
        height: auto;
    }
    .contact-form-wrapper {
        left: 0px;
    }
    .why-p-wrapper {
        width: 100%;
    }
    .talk-offset-0 {
        margin-left: 0px !important;
    }
    .m-build-offset {
        margin-left: 0px !important;
    }
    .build-form-wrapper select {
        margin-bottom: 10px;
    }
    .m-half-width-col {
        width: 50%;
        float: left;
    }
    .build-cart-btn-pos {
        margin-top: 0px;
        text-align: right;
    }
    .offset-md-1 {
        margin-left: 0px;
    }
    .single-service-info {
        border-radius: 1px;
    }
    .service-number-img {
        margin-left: 0px;
        width: 150px;
        margin-top: -50px;
        min-width: 115px;
    }
    .line-service-left {
        width: 530px;
        left: 100px;
        min-width: 380px !important;
    }
    .service-number-right-img {
        margin-top: 15px;
        min-width: 115px;
        margin-right: 0px;
    }
    .line-service-right {
        width: 600px;
        right: 200px;
        min-width: 380px !important;
    }
    .service-details-cta {
        background-size: cover;
        min-height: auto !important;
        height: auto !important;
    }
    .service-nested-wrapper {
        min-height: auto !important;
    }
    .section-heading-title-general {
        font-size: 40px;
        font-weight: 600;
    }
    .row-lr-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .jae-hero-left-text-wrapper {
        margin-left: 0px;
        padding-top: 0px;
        width: 100%;
    }
    .jae-hero-left-text-wrapper h2 {
        font-size: 40px;
    }
    .refer-btn {
        padding: 12px 12px;
        position: relative;
        top: -16px;
    }
    .jae-tabs-list {
        width: 100%;
    }
    .offset-md-2 {
        margin-left: 0px !important;
    }
    .section-heading-title-why-refer-us {
        font-size: 40px;
        margin-top: 0px;
        font-weight: 600;
    }
    .perk-benefits-wrapper {
        height: auto !important;
    }
    .jae-onboard-section h1 {
        font-size: 40px;
    }
    .jae-dot-line-pos {
        display: none;
    }
    .life-tdc-img img {
        border-radius: 15px;
        height: auto;
    }
    .column-padding-margin-0 {
        padding: 10px;
    }
    .jae-cta-wrapper {
        background-size: cover;
        min-height: auto !important;
        height: auto !important;
    }
    .line {
        display: none;
    }
    .channel-partner-wrapper {
        min-height: auto !important;
    }
    .refer-testimonial-grid-wrapper {
        margin-bottom: 10px;
    }
    .refer-and-earn-header-info {
        width: 100%;
        margin-left: 0px;
        padding-top: 0px;
    }
    .img-width-full {
        width: 100%;
        margin-bottom: 10px;
    }
    .m-pd-refer {
        padding: 30px;
    }
    .m-text-center {
        text-align: center;
    }
    .careers-benefit-wrapper {
        height: auto !important;
    }
    .career-cta {
        background-size: cover;
        min-height: auto !important;
        height: auto !important;
    }
}

/*--------------------- ipad landscape-----------------------------------*/

@media only screen and (max-width: 1180px) and (min-width: 700px) and (orientation: landscape) {
    .hero-banner-pointers p {
        font-size: 13px;
    }
    .hero-banner-pointers h3 {
        font-size: 35px !important;
    }
    .why-choose-wrapper {
        height: 320px !important;
    }
    .vr-lady {
        right: -120px;
    }
    .vr-beam-light {
        right: 150px !important;
    }
    .vr-home-object {
        right: 265px;
        top: 90px;
    }
    .home-vr-object-img {
        width: 400px;
    }
    .home-service-p-wrapper {
        height: 220px !important;
    }
    .home-news-heading-wrapper {
        height: 150px !important;
    }
    .home-news-pwrapper {
        height: 135px !important;
        margin-bottom: 10px;
    }
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-prev {
        left: 5px !important;
    }
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-next {
        right: 0px !important;
    }
    .m-footer-link-col-half {
        width: 25%;
        float: left;
    }
    footer .widget-title h4 {
        font-size: 16px;
    }
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact {
        padding-right: 0px !important;
    }
    footer .footer-top .footer-logo-contact-wrap .footer-contact .single-contact::after {
        display: none;
    }
    .home-hero-pointer-containers {
        padding: 15px 40px 5px 40px;
    }
    .app-mockup-wrapper-mobile {
        display: block;
        margin-top: 115px;
    }
    .app-mockup-wrapper {
        display: none;
    }
    .line-about-page {
        width: 100%;
        top: 250px;
        z-index: -1;
        left: -213px;
        rotate: 90deg;
    }
    .why-choose-wrapper {
        height: auto !important;
    }
    .team-names-wrapper-emp h5 {
        font-size: 16px !important;
    }
    .why-seperator-bg {
        height: 400px;
    }
    .footer-contact-icons {
        display: block;
    }
    .footer-phone-icon {
        background-color: transparent;
    }
    .why-p-wrapper {
        width: 100% !important;
    }
    .single-service-info {
        border-radius: 0px;
    }
    .service-single-thumb-wrapper img {
        width: 100%;
        height: 100%;
    }
    .service-nested-wrapper {
        min-height: 600px;
    }
    .main-service-nested-wrapper {
        min-height: 530px !important;
    }
    .m-benefit-member-wrapper {
        height: 290px !important;
        min-height: 290px !important;
    }
    .service-detail-main-pos {
        margin-top: 0px;
    }
    .service-details-cta {
        background-size: cover;
        min-height: auto !important;
        height: auto !important;
    }
    .jae-cta-left-info {
        padding-top: 10px;
    }
    .service-nested-wrapper {
        min-height: 868px;
    }
    .section-heading-title {
        font-size: 40px !important;
    }
    .renova-why-choose {
        height: 320px !important;
    }
    .section-heading-title-general {
        font-size: 40px;
        font-weight: 600;
    }
    .row-lr-0 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .header-fixed-scroll {
        padding: 5px 60px 5px 10px !important;
    }
    .careers-benefit-wrapper {
        margin-bottom: 20px;
        height: auto;
    }
}

/*----------------------- ipad pro ---------------------------- */

@media only screen and (max-width: 1500px) and (min-width: 1024px) and (orientation: landscape) {
    .why-p-wrapper {
        width: 1000px;
    }
    .why-choose-wrapper {
        height: 300px !important;
    }
    /*
    .civil-contractor-wrapper-why-choose
    {
      min-height:350px !important;
      height:350px !important;
    }
  
  */
    .civil-contractor-wrapper-why-choose {
        border-left: unset;
        padding: 10px;
        border-radius: 10px;
        background-color: #F8F8F8;
    }
    .renova-why-choose {
        height: 260px !important;
    }
    .inter-why-wrapper {
        height: 275px !important;
    }
    .main-why-choose-wrapper {
        height: 245px !important;
    }
    .m-benefit-member-wrapper {
        height: 250px !important;
    }
    .eng-why {
        height: 250px !important;
    }
    .cont-why {
        height: 230px !important;
    }
    .vr-lady {
        right: -105 !important;
    }
    .how-it-work-pheight {
        height: auto;
        min-height: 326px !important;
        margin-bottom: 10px;
    }
    .timeline-date img {
        mix-blend-mode: multiply;
    }
    .single-service-info {
        border-radius: 0px;
    }
}

/* bigger size */

@media only screen and (max-width: 4480px) and (min-width: 1800px) and (orientation: landscape) {}

/* end of responsive */

.project-section-mb {
    margin-top: 100px;
    margin-bottom: 30px;
}

.insta-feed {
    padding: 10px;
    margin-top: -50px;
    background-color: #fff;
    border-radius: 10px;
}

.img-border-radius-10 {
    border-radius: 10px;
}

.project-line-mb-5 {
    margin-bottom: 5px;
}

.timeline-point::after {
    z-index: -20 !important;
}

.timeline-point {
    z-index: 1 !important;
}