max-width.vector-icon {
    position: relative;
    width: 15px;
    height: 12px;
}

ol#nav\ list {
    list-style: none;
}
ol#nav\ list a {
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 17px;
    color: #6A6A6A;
    padding: 10px;
}

ol#nav\ list a:hover{
    color: #D1000B;
}
.hero-bg {
    background-image: url("../images/revisor-slider.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 100px 20px;
    color: #fff;
    z-index: 1;
}

.we-provide-a-container {
    flex: 1;
    position: relative;
    line-height: 24px;
    padding: 0px 150px 50px 191px;
    bottom: 50px;
}

.infoevdataca {
    position: relative;
    line-height: 24px;
    font-weight: 300;
}

.menuactive {
    color: #d1000b !important;
}

.vector-parent {
    width: 113px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
}

nav.frame-nav.top-fixed {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 3;
    left: 0;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);

    margin-top: 0px;
}

.frame-nav {
    position: sticky;
    top: 0;
        box-shadow: 0 0 10px #f2f2f2;
}

#yearly {
    color: #0d3b5a;
}

#monthly {
    color: #0d3b5a;
}

.vector-icon1 {
    position: relative;
    width: 13.68px;
    height: 13.68px;
}

.div {
    position: relative;
    line-height: 24px;
    font-weight: 300;
    display: flex;
    align-items: center;
    width: 132px;
    flex-shrink: 0;
}

.frame-container,
.vector-group {
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.vector-group {
    gap: var(--gap-3xs);
}

.frame-container {
    width: 310.68px;
    gap: 42px;
}

.vector-icon2,
.vector-icon3,
.vector-icon4,
.vector-icon5 {
    position: absolute;
    height: 93.75%;
    width: 15.5%;
    top: 0;
    right: 32.82%;
    bottom: 6.25%;
    left: 51.68%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%;
}

.frame-a:hover,
.frame-div:hover,
.link-about-us-wrapper4:hover,
.link-about-us-wrapper5:hover,
.link-about-us-wrapper6:hover,
.link-about-us-wrapper7:hover,
.link-about-us-wrapper8:hover,
.vector-container:hover,
.vector-icon2:hover,
.vector-icon3:hover,
.vector-icon4:hover,
.vector-icon5:hover {
    cursor: pointer;
}

.vector-icon3,
.vector-icon4,
.vector-icon5 {
    width: 19.38%;
    right: 0;
    left: 80.62%;
}

.vector-icon4,
.vector-icon5 {
    height: 90%;
    width: 18.6%;
    top: 6.25%;
    right: 59.69%;
    bottom: 3.75%;
    left: 21.71%;
}

.vector-icon5 {
    height: 100%;
    width: 8.7%;
    top: 0;
    right: 91.3%;
    bottom: 0;
    left: 0;
}

.vector-container {
    position: relative;
    width: 98px;
    height: 16px;
}

.frame-group,
.frame-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.frame-group {
    flex: 1;
    height: 24px;
    justify-content: space-between;
}

.frame-wrapper {
    align-self: stretch;
    background-color: var(--color-gray-100);
    height: 42px;
    justify-content: flex-start;
    padding: 0 117px;
    box-sizing: border-box;
    text-align: left;
    font-size: var(--font-size-smi);
    color: var(--base-white);

}

.frame-5139793-1 {
    height: 70px;
    transition: all 0.4s ease-in
}
.top-fixed img.frame-5139793-1 {
    height: 50px;
}
.top-fixed .container {
    max-width: 100% !important;
    transition: all 0.4s ease-in
}

.frame-5139793-1-wrapper {
    position: relative;
   width: auto;
   padding: 10px 0;
}

.link-about7 {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 22.4px;
    text-transform: uppercase;
    font-weight: 400;
}

.frame-div {
    position: relative;
    width: 70px;
    height: 23px;
}

/* .frame-a,
.link-about-us-wrapper4,
.link-about-us-wrapper5 {
    text-decoration: none;
    position: relative;
    width: 55px;
    height: 23px;
    color: inherit;
} */

.link-about-us-wrapper3 {
    text-decoration: none;
    position: relative;
    width: 86px;
    height: 23px;
    color: inherit;
}

.link-about-us-wrapperPro {
    width: 120px;
}

.link-about-us-wrapper4,
.link-about-us-wrapper5 {
    width: 150px;
}

.link-about-us-wrapper5 {
    width: 90px;
}

.link-about-us-wrapper6,
.link-about-us-wrapper7,
.link-about-us-wrapper8 {
    text-decoration: none;
    position: relative;
    width: 57px;
    height: 23px;
    color: inherit;
}

.link-about-us-wrapper7,
.link-about-us-wrapper8 {
    width: 110px;
}

.link-about-us-wrapper8 {
    width: 36px;
}

.frame-parent1 {
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 22px;
}

.link,
.login-sign-up {
    display: flex;
    justify-content: center;
}
a.registerBtn {
    border-radius: 10px;
    border: 2px solid #D1000B;
    padding: 10px;
    min-width: 130px;
    text-align: center;
    font-size: 16px;
    color: #D1000B;
    font-weight: 600;
}

a.registerBtn:hover,
a.registerBtn.frame-10 {
    background: #D1000B;
    color: #fff;
}

.frame-11 .login-sign-in {
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: #D1000B;
}

.menus {
    display: flex;
    gap: 5px;
}

/* .register {
    display: flex;
} */

/* .frame-10 {
    border-radius: 10px;
    background: #D1000B;
    margin-top: 1px;
    padding: 11px 0.7px 11px 0;
    width: 150px;
    height: fit-content;
    box-sizing: border-box;
} */

.login-sign-up {
    /*position: relative;
    text-transform: uppercase;
    text-align: center;
    align-items: center;
    width: 137px;
    color: #FFF;
    font-size: 15px;
    font-weight: 700;*/
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

/* .link {
    cursor: pointer;
    border: 0;
    padding: var(--padding-2xs) var(--padding-5xl);
    background-color: var(--color-yellowgreen-100);
    border-radius: var(--br-8xs);
    width: 175px;
    height: 45px;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
} */

.link1:hover,
.link:hover {}

.vector-icon6 {
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 23.8px;
}

.vector-wrapper {
    position: relative;
    width: 34px;
    height: 23.8px;
    display: none;
}
.vector-wrapper.mobileMenu {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #d1000b;
}
/* .frame-nav,
.frame-ul {
    margin: 0;
    align-self: stretch;
    display: flex;
}

.frame-ul {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 115px;
    padding: 0;
} */

/* .frame-nav {
    flex-shrink: 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 20px 0;
    box-sizing: border-box;
    text-align: left;
    font-size: var(--font-size-sm);
    background: var(--base-white);
    color: var(--black-black-70);

    border-bottom: 0.5px solid #fff;
    padding: var(--padding-xl) 50px;
    margin-top: 0px;
} */

.get-green-and {
    margin: 0 0px 0px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 50px;
    color: #fff;
}


.get-green-and-container {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 70px;
    text-transform: capitalize;
    font-weight: 700;


    display: flex;
    flex-direction: column;
    /* you had this, OK */
    justify-content: flex-start;
    /* vertical start (top) */
    align-items: flex-start;
    /* horizontal left ✔ */

    text-align: left;
    /* ensures inline text is left */
    width: 100%;
    padding: 0 65px;
    /* ensure full width so left is meaningful */
}




/* 
.we-provide-a-container {
    flex: 1;
    position: relative;
    line-height: 24px;
} */

.we-provide-a-comprehensive-ran-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-base);

}

.get-started {
    position: relative;
    text-align: center;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.get-started-wrapper,
.link-wrapper,
.link1 {}

.get-started-wrapper {
    flex-direction: row;
    padding: 0 5px;
}

.link-wrapper,
.link1 {
    cursor: pointer;
    border: 0;
}

.link1 {
    padding: var(--padding-sm) var(--padding-11xl) var(--padding-base-5);
    background-color: var(--color-yellowgreen-100);
    border-radius: var(--br-8xs);
    width: 192px;
}

.link-wrapper {
    padding: 0;
    background-color: transparent;
    flex-direction: column;
}

.frame-parent2,
.frame-section {
    align-self: stretch;
    display: flex;
    flex-direction: column;
}

.frame-parent2 {
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-xl) 115px;
    gap: 25px;
    margin-top: 1em;
}

.frame-section {
        /* overflow: hidden; */
    align-items: center;
    /* justify-content: flex-start; */
    /* padding: 45px 0 54px; */
    /* box-sizing: border-box; */
    /* gap: 26px; */
    background-image: url(../images/revisor-slider.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    min-height: 485px;
    /* text-align: left; */
    /* font-size: 82px; */
    /* color: var(--base-white); */
    /* width: 100%; */
    height: calc(100vh - 90px);
}


.frameHero {
   position: absolute;
    bottom: 60px;
    max-width: 1200px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}
.frame-section:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url(public/Gradient.png);
}

.about-ev-data {
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 3px;
    line-height: 16.8px;
    font-weight: 600;
}

.about-ev-data-wrapper {
    align-self: stretch;
    position: relative;
    height: 17px;
    font-size: var(--font-size-sm);
    color: var(--color-cornflowerblue);

}

.we-provide-best {
    position: relative;
    line-height: 54px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.we-provide-best-solutions-for-wrapper {
    /* width: 405px; */
    height: 143px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    font-size: var(--font-size-17xl);
}

.discover-the-ultimate {
    position: relative;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 500;
    display: flex;
    align-items: center;
    width: 405px;
}

.discover-the-ultimate-in-elect-wrapper {
    width: 405px;
    height: 96px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--font-size-base);
    color: var(--color-slategray-100);
}

.frame-child {
    position: relative;
    width: 75px;
    height: 75px;
    object-fit: cover;
}

.save-more-energy {
    position: relative;
    line-height: 24px;
}

.save-more-energy-wrapper {
    /* width: 172px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.unlock-savings-while {
    position: relative;
    /* line-height: 24px; */
    /* display: flex; */
    /* align-items: center; */
    /* width: 253px; */
}

.unlock-savings-while-conservin-wrapper {
    width: 300px;
    /* display: flex; */
    flex-direction: column;
    align-items: left;
    justify-content: center;
    font-size: var(--font-size-sm);
    color: var(--color-dimgray);

}

.frame,
.rectangle-parent {
    /* height: 101px; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame {
    width: 253px;
    /* overflow: hidden; */
    flex-shrink: 0;
    flex-direction: column;
    gap: 5px;
}

.rectangle-parent {
    width: 405px;
    flex-direction: row;
    gap: var(--gap-9xl);
}

.smart-connected-wrapper {
    /* width: 165px; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.frame-parent3,
.frame1,
.rectangle-group {
    /* height: 103px; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame1 {
    /* width: 253px; */
    overflow: hidden;
    flex-shrink: 0;
    flex-direction: column;
    gap: 7px;
}

.frame-parent3,
.rectangle-group {
    width: 425px;
    flex-direction: row;
    gap: var(--gap-9xl);
}

.frame-parent3 {
    height: 604px;
    flex-direction: column;
    padding: var(--padding-5xs) 0;
    box-sizing: border-box;
    gap: var(--gap-12xl);
}

.frame-inner {
    position: relative;
    border-radius: var(--br-3xs);
    width: 288.5px;
    height: 320px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.frame-parent5 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-12xl);
}

.frame-child1 {
    position: relative;
    border-radius: var(--br-3xs);
    width: 607px;
    height: 230px;
    overflow: hidden;
    flex-shrink: 0;
    object-fit: cover;
}

.frame-parent4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--gap-26xl);
}

.about-us {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 92px 60px;
    gap: 127px;
    text-align: left;
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
}

.features1 {
    margin: 0;
    position: relative;
    font-size: inherit;
    line-height: 21.49px;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    max-width: 1633.4329833984375px;
}

.features-wrapper {
    width: 1262px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 0 596px;
    box-sizing: border-box;
    font-size: 14.33px;
}

.ev-charging {
    color: #87c332;
}

.professional-ev-charging-container {
    position: relative;
    line-height: 48.36px;
    text-transform: capitalize;
}

.heading-3 {
    height: 43.7px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 32.24px;
}

.heading-5 {
    position: relative;
    line-height: 21.49px;
}

.heading-5-fast-charging-wrapper,
.set-access-control {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-5-fast-charging-wrapper {
    top: 178.96px;
    left: 46.97px;
    width: 124px;
    flex-direction: column;
}

.set-access-control {
    top: 201.3px;
    left: calc(50% - 110.02px);
    font-size: var(--font-size-sm);
    line-height: 24px;

    width: 222.99px;
}

.ellipse-icon {
    /* position: absolute; */
    /* top: 25px; */
    /* left: 42px; */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.ellipse-div,
.frame-child2 {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: var(--base-white);
    width: 50px;
    height: 50px;
}

.frame-child2 {
    top: 2px;
    left: 2px;
    background-color: var(--color-yellowgreen-100);
    width: 46px;
    height: 46px;
}

.heading-51 {
    position: absolute;
    top: 14px;
    left: 13px;
    line-height: 22.94px;
    text-transform: capitalize;
}

.ellipse-parent {
    position: absolute;
    top: 0;
    left: 86px;
    width: 49.87px;
    height: 49.87px;
    font-size: 18.81px;
}

.frame-parent7 {
    position: relative;
    width: 265px;
    height: 345px;
}

.heading-5-fast-charging-container,
.set-pricing-by {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-5-fast-charging-container {
    top: 178.96px;
    left: 43.97px;
    width: 130px;
    flex-direction: column;
}

.set-pricing-by {
    top: 208.3px;
    left: calc(50% - 113.01px);
    font-size: var(--font-size-sm);
    line-height: 24px;

    width: 222.99px;
}

.heading-53 {
    position: absolute;
    top: 14px;
    left: 11px;
    line-height: 22.94px;
    text-transform: capitalize;
}

.frame-parent8 {
    position: relative;
    width: 265px;
    ;
    height: 297.18px;
}

.drivers-tap-their,
.heading-5-fast-charging-frame {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-5-fast-charging-frame {
    top: 178.96px;
    left: 16.97px;
    width: 184px;
    flex-direction: column;
}

.drivers-tap-their {
    top: 211.18px;
    left: calc(50% - 111.49px);
    font-size: 12.54px;
    line-height: 21.49px;

    width: 222.99px;
}

.frame-parent6 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 var(--padding-97xl);
    gap: 267px;
}

.heading-5-fast-charging-wrapper1,
.payment-processing-for {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.heading-5-fast-charging-wrapper1 {
    top: 178.96px;
    left: 0;
    width: 226px;
    flex-direction: column;
}

.payment-processing-for {
    top: 218.18px;
    left: calc(50% - 109.48px);
    font-size: var(--font-size-sm);
    line-height: 24px;

    width: 222.99px;
}

.frame-child9 {
    position: absolute;
    top: 25px;
    left: 46.03px;
    border-radius: 50%;
    width: 134.33px;
    height: 134.33px;
    object-fit: cover;
}

.heading-57 {
    position: absolute;
    top: 14px;
    left: 10px;
    line-height: 22.94px;
    text-transform: capitalize;
}

.ellipse-parent1 {
    position: absolute;
    top: 0;
    left: 90.03px;
    width: 49.87px;
    height: 49.87px;
    font-size: 18.81px;
}

.frame-parent11 {
    position: relative;
    width: 227.01px;
    height: 297.18px;
}

.frame-child12 {
    position: absolute;
    top: 168.96px;
    left: 33px;
    width: 202px;
}

.heading-58 {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 21.49px;
}

.heading-5-fast-charging-wrapper2 {
    position: absolute;
    top: 184.12px;
    left: 0.49px;
    width: 269px;
    height: 22px;
}

.app-makes-it {
    position: absolute;
    top: 213.3px;
    left: calc(50% - 108.01px);
    font-size: var(--font-size-sm);
    line-height: 24px;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 222.99px;
}

.frame-child13 {
    position: absolute;
    top: 25px;
    left: 67.03px;
    border-radius: 50%;
    width: 134.33px;
    height: 134.33px;
    object-fit: cover;
}

.ellipse-parent2 {
    position: absolute;
    top: 0;
    left: 111.03px;
    width: 49.87px;
    height: 49.87px;
    font-size: 18.81px;
}

.frame-parent12 {
    position: relative;
    width: 269px;
    height: 381px;
}

.features,
.frame-parent10 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 343px;
}

.features {
    align-self: stretch;
    background: linear-gradient(90deg, #053759 9.14%, #A8D641 125.65%);
    padding: 60px 0;
}

.heading-510 {
    flex: 1;
    position: relative;
    letter-spacing: 3px;
    line-height: 16.8px;
    text-transform: uppercase;
    font-weight: 600;
}

.heading-5-why-choose-us-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.heading-2 {
    flex: 1;
    position: relative;
    line-height: 54px;
    text-transform: capitalize;
}

.heading-2-pertaev-is-the-big-wrapper,
.pioneering-the-worlds-largest-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.heading-2-pertaev-is-the-big-wrapper {
    font-size: var(--font-size-17xl);
    color: var(--color-darkslategray-100);
}

.pioneering-the-worlds-largest-wrapper {
    color: var(--color-dimgray);
}

.frame-parent13 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
}

.charging-xrdngqpng-icon {
    border-radius: var(--br-8xs);
    object-fit: cover;
}

.charging-xrdngqpng-icon,
.charging-xrdngqpng-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 75.89px;
}

.heading-3-fast-charging-wrapper {
    position: absolute;
    top: 89px;
    left: 0;
    width: 131px;
    height: 24px;
}

.experience-lightning-fast-ev {
    /* position: absolute; */
    /* top: 24.41px; */
    /* left: 0; */
    /* line-height: 24px; */
    /* display: flex; */
    /* align-items: center; */
    /* width: 266px; */
}

.experience-lightning-fast-ev-c-wrapper {
    position: absolute;
    top: 123.8px;
    left: 0;
    /* width: 266px; */
    height: 72px;
    font-size: var(--font-size-sm);
    color: var(--color-dimgray);

}

.frame-parent16 {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 266px; */
    /* height: 195.8px; */
}

.managementpng-icon {
    border-radius: var(--br-8xs);
    object-fit: cover;
}

.managementpng-icon,
.managementpng-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 57px;
}

.heading-3-management-system-wrapper {
    position: absolute;
    top: 69px;
    left: 0;
    width: 200px;
    height: 24px;
}

.streamline-your-electric {
    position: absolute;
    top: 24.22px;
    left: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 266px;
}

.streamline-your-electric-vehic-wrapper {
    position: absolute;
    top: 103.8px;
    left: 0;
    width: 266px;
    height: 72px;
    font-size: var(--font-size-sm);
    color: var(--color-dimgray);

}

.frame-parent17 {
    position: absolute;
    top: 260.19px;
    left: 0;
    width: 266px;
    height: 175.8px;
}

.frame-parent15 {
    position: relative;
    width: 266px;
    height: 435.99px;
}

.car-chargingjpg-icon {
    /* position: absolute; */
    /* top: 0; */
    /* left: 0; */
    /* border-radius: var(--br-8xs); */
    /* width: 381.23px; */
    /* height: 606.17px; */
    /* object-fit: cover; */
}

.car-chargingjpg-wrapper {
    /* position: relative; */
    /* width: 381.23px; */
    /* height: 606.17px; */
}

.renewablepng-icon,
.renewablepng-wrapper {
    position: absolute;
    top: 0;
    width: 80px;
    height: 77.56px;
}

.renewablepng-icon {
    right: 0;
    border-radius: var(--br-8xs);
    object-fit: cover;
}

.renewablepng-wrapper {
    left: 186px;
}

.heading-33 {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 24px;
}

.heading-3-renewable-energy-wrapper {
    position: absolute;
    top: 89px;
    left: 90px;
    width: 176px;
    height: 24px;
}

.power-your-electric {
    position: absolute;
    top: 23.91px;
    right: 0.23px;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 266px;
}

.power-your-electric-vehicle-wi-wrapper {
    position: absolute;
    top: 123.8px;
    left: 0;
    width: 266px;
    height: 72px;
    text-align: right;
    font-size: var(--font-size-sm);
    color: var(--color-dimgray);

}

.cahrgerpng-icon,
.cahrgerpng-wrapper {
    position: absolute;
    top: 0;
    width: 80px;
    height: 67.03px;
}

.cahrgerpng-icon {
    right: 0;
    border-radius: var(--br-8xs);
    object-fit: cover;
}

.cahrgerpng-wrapper {
    left: 186px;
}

.heading-3-high-quality-charg-wrapper {
    position: absolute;
    top: 82px;
    left: 65px;
    width: 201px;
    height: 24px;
}

.charge-your-ev {
    position: absolute;
    top: 23.72px;
    right: 0.23px;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 266px;
}

.charge-your-ev-with-confidence-wrapper {
    position: absolute;
    top: 116.8px;
    left: 0;
    width: 266px;
    height: 72px;
    text-align: right;
    font-size: var(--font-size-sm);
    color: var(--color-dimgray);

}

.frame-parent20 {
    position: absolute;
    top: 260.19px;
    left: 0;
    width: 266px;
    height: 188.8px;
}

.frame-parent18 {
    position: relative;
    width: 266px;
    height: 448.99px;
}

.frame-parent14,
.why-us {
    display: flex;
    justify-content: flex-start;
}

.frame-parent14 {
    flex-direction: row;
    align-items: center;
    padding: 0 var(--padding-mini);
    gap: 101px;
    text-align: left;
    font-size: var(--font-size-xl);
    color: var(--color-darkslategray-100);
}

.why-us {
    align-self: stretch;
    flex-direction: column;
    align-items: flex-start;
    padding: 59px 147px;
    gap: var(--gap-41xl);
    text-align: center;
    font-size: var(--font-size-sm);
    color: var(--color-cornflowerblue);

}

.heading-21 {
    position: absolute;
    top: 0;
    left: 0;
    letter-spacing: 3px;
    line-height: 16.8px;
    text-transform: uppercase;
    font-weight: 600;
}

.heading-2-our-value-wrapper {
    position: relative;
    width: 200px;
    height: 17px;
    font-size: var(--font-size-sm);
}

.be-a-part-container {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 52.8px;
    text-transform: capitalize;
}

.be-a-part-of-the-ev-data-that-wrapper {
    position: relative;
    width: 497px;
    height: 159px;
    font-size: var(--font-size-29xl);
}

.lorem-ipsum-dolor-container {
    width: 544px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
}

.lorem-ipsum-dolor-sit-amet-co-wrapper {
    position: relative;
    width: 510px;
    height: 48px;
}

.for-users {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font-size-xl);
    line-height: 24px;
    font-weight: 700;
    color: var(--base-white);
    text-align: left;
    display: inline-block;
}

.for-users-wrapper {
    position: relative;
    width: 91px;
    height: 24px;
}

.for-building-management {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    font-size: var(--font-size-xl);
    line-height: 24px;
    font-weight: 700;
    color: grey;
    text-align: left;
    display: inline-block;
}

.for-building-management:active {
    content: change;
}

.for-building-management-wrapper {
    position: relative;
    width: 246px;
    height: 24px;
}

.frame2 {
    width: 389px;
    height: 24.42px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 52px;
}

.frame-child16 {
    position: absolute;
    top: -2px;
    left: 0;
    width: 400px;
    height: 4px;
}

.frame-child17 {
    position: relative;
    width: 10px;
    height: 10px;
}

.view-real-time-charger-availab-wrapper {
    position: relative;
    width: 544px;
    height: 24px;
}

.frame-parent23 {
    position: absolute;
    top: 0;
    left: 0;
    width: 284px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-lgi);
}

.get-on-a-waitlist-if-all-spots-wrapper {
    position: relative;
    width: 283px;
    height: 24px;
}

.frame-parent24 {
    position: absolute;
    top: 43px;
    left: 0;
    width: 312px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-lgi);
}

.reserve-a-charger-wrapper {
    position: relative;
    width: 134px;
    height: 24px;
}

.frame-parent25 {
    position: absolute;
    top: 86px;
    left: 0;
    width: 163px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-lgi);
}

.monitor-your-charging-session-wrapper {
    position: relative;
    width: 226px;
    height: 24px;
}

.frame-parent26 {
    position: absolute;
    top: 129px;
    left: 0;
    width: 255px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px;
    gap: var(--gap-lgi);
}

.earn-rewards-by-charging-wrapper {
    position: relative;
    width: 198px;
    height: 24px;
}

.frame-parent27 {
    position: absolute;
    top: 172px;
    left: 0;
    width: 227px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-lgi);
}

.built-in-notifications-wrapper {
    position: relative;
    width: 152px;
    height: 24px;
}

.frame-parent28 {
    position: absolute;
    top: 215px;
    left: 0;
    width: 181px;
    height: 24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-lgi);
}

.frame-parent22 {
    position: absolute;
    top: 19px;
    left: 0;
    width: 312px;
    height: 239px;
}

.frame-parent222 {
    display: none;
    position: relative;
    top: 19px;
    left: 0;
    width: 544px;
    height: 239px;
}

.toggle {
    position: relative;
    display: block;
    width: 60px;
    height: 30px;
    padding: 3px;
    margin: auto;
    border-radius: 50px;
    cursor: pointer;
}

.toggle-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.toggle-label {
    position: relative;
    display: block;
    height: 30px;
    font-size: 8px;
    background: green;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 3px rgba(0, 0, 0, 0.15);
}

.toggle-label:before,
.toggle-label:after {
    position: absolute;
    top: 0%;
    color: black;
    margin-top: -.5em;
    line-height: 1;
}

.toggle-label:before {
    /* content: attr(data-off); */
    right: 0px;
    color: #fff;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.toggle-label:after {
    /* content: attr(data-on); */
    left: 11px;
    color: #fff;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    opacity: 0;
}

.toggle-input:checked~.toggle-label {
    background: green;
}

.toggle-input:checked~.toggle-label:before {
    opacity: 0;
}

.toggle-input:checked~.toggle-label:after {
    opacity: 1;
}

.toggle-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 30px;
    height: 30px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    border-radius: 50%;
}

.toggle-handle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 0;
    width: 16px;
    height: 16px;
}

.toggle-input:checked~.toggle-handle {
    left: 38px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

/* Transition*/
.toggle-label,
.toggle-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.frame-parent21 {
    position: relative;
    width: 544px;
    height: 268px;
}

.change {
    background-color: rgba(13, 59, 90, 0.72);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--padding-78xl) var(--padding-29xl);
    gap: var(--gap-lgi);
}

.switch-2 {
    background: linear-gradient(90deg, #053759 9.14%, #A8D641 125.65%);
    width: 100%;
    padding: 40px 0;
}

.heading-23 {
    flex: 1;
    position: relative;
    line-height: 52.8px;
    text-transform: capitalize;
}

.choose-the-plan-that-best-fits-wrapper,
.heading-2-choose-the-best-pl-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.heading-2-choose-the-best-pl-wrapper {
    font-size: var(--font-size-29xl);
    color: var(--color-darkslategray-100);
}

.choose-the-plan-that-best-fits-wrapper {
    font-size: var(--font-size-base);
    color: var(--color-gray-100);
}

.frame-parent29 {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap-xl);
}

.heading-35 {
    position: absolute;
    top: 0;
    left: calc(50% - 35.5px);
    line-height: 40.7px;
}

.heading-3-basic-wrapper {
    position: absolute;
    top: 0;
    left: 28.59px;
    width: 71px;
    height: 41px;
}

.subscription-fee {
    position: absolute;
    top: 0;
    left: calc(50% - 54.5px);
    line-height: 22.4px;
}

.subscription-fee-wrapper {
    position: absolute;
    top: 42.7px;
    left: 9.59px;
    width: 109px;
    height: 23px;
    font-size: var(--font-size-sm);
    color: var(--color-gray-100);

}

.b {
    left: calc(50% - 9.5px);
    letter-spacing: -2px;
    line-height: 33px;
    text-transform: capitalize;
}

.b,
.b1,
.wrapper {
    position: absolute;
    top: 0;
}

.wrapper {
    left: 0;
    width: 19px;
    height: 33px;
}

.b1 {
    left: calc(50% - 54.5px);
    letter-spacing: -2px;
    line-height: 52.8px;
    text-transform: capitalize;
}



.frame-parent33 {
    top: 80.79px;
    left: 0;
    width: 129.78px;
    font-size: 33px;
}

.frame-parent32 {
    position: absolute;
    top: 0;
    left: 92.41px;
    width: 129.78px;
    height: 133.79px;
    font-size: var(--font-size-18xl);
}

.monthly {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 27px;
    font-weight: 600;
}

.container1,
.controller,
.monthly-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 27px;
}

.container1,
.controller {
    border-radius: 24px;
    background-color: var(--color-yellowgreen-100);
    width: 55.23px;
    height: 20px;
}

.controller {
    left: 35.23px;
    border-radius: 50%;
    background-color: var(--base-white);
    box-shadow: 0 2px 13px -5px rgba(0, 0, 0, 0.25);
    width: 21.48px;
}

.container-parent,
.yearly-wrapper {
    position: absolute;
    top: 3.5px;
    left: 84px;
    width: 56.71px;
    height: 20px;
}

.yearly-wrapper {
    top: 0;
    left: 159px;
    width: 48px;
    height: 27px;
    text-align: left;
    color: var(--color-slategray-100);
}

.frame-parent34 {
    position: absolute;
    top: 154.66px;
    left: 43.92px;
    width: 207px;
    height: 27px;
    text-align: right;
}

.frame-child23 {
    position: absolute;
    top: 2.77px;
    left: 0;
    width: 20.8px;
    height: 20.8px;
}

.frame-parent36,
.monitor-stations-remotely-wrapper {
    position: absolute;
    top: 0;
    left: 34.8px;
    width: 199px;
    height: 24px;
}

.frame-parent36 {
    left: 0.4px;
    width: 233.8px;
}

.set-company-pricing-policies-wrapper {
    position: absolute;
    top: 0;
    left: 34.8px;
    width: 214px;
    height: 24px;
}

.frame-child25,
.frame-parent37 {
    position: absolute;
    top: 62px;
    left: 0;
    width: 248.8px;
    height: 24px;
}

.frame-child25 {
    top: 3.75px;
    width: 20.8px;
    height: 20.8px;
}

.manage-who-can {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 268px;
}

.manage-who-can-use-the-chargin-wrapper {
    position: absolute;
    top: 0;
    left: 35.42px;
    width: 268px;
    height: 48px;
}

.frame-child26,
.frame-parent38 {
    position: absolute;
    top: 127px;
    left: 0;
    width: 303.42px;
    height: 48px;
}

.frame-child26 {
    top: 4.1px;
    width: 20.8px;
    height: 20.8px;
}

.manage-energy-consumption {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 295px;
}

.manage-energy-consumption-and-wrapper {
    position: absolute;
    top: 0;
    left: 35.42px;
    width: 295px;
    height: 48px;
}

.frame-parent35,
.frame-parent39 {
    position: absolute;
    top: 207px;
    left: 0;
    width: 330.42px;
    height: 48px;
}

.frame-parent35 {
    top: 202.01px;
    height: 255px;
    text-align: left;
    color: var(--color-gray-100);
}

.choose-plan {
    position: absolute;
    top: 0;
    left: calc(50% - 55.5px);
    font-size: var(--font-size-mini);
    letter-spacing: 0.5px;
    line-height: 22.5px;
    text-transform: uppercase;
    color: var(--color-darkslategray-100);
    text-align: center;
}

.choose-plan-wrapper,
.frame-button {
    position: absolute;
    top: 13.99px;
    left: 28.57px;
    width: 125px;
    height: 23px;
}

.frame-button {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: var(--color-yellowgreen-100);
    top: 503.01px;
    left: 70.92px;
    width: 172px;
    height: 52.5px;
}

.frame-button:hover,
.frame-wrapper4:hover {
    background-color: var(--base-white);
    cursor: pointer;
}

.frame-parent31,
.frame-wrapper2 {
    position: absolute;
    top: 30px;
    left: 19px;
    width: 330.42px;
    height: 555.51px;
}

.frame-wrapper2 {
    top: 16px;
    left: 16px;
    background-color: #d9d9d9;
    width: 367.98px;
    height: 615.83px;
    overflow: hidden;
}

.frame-wrapper1 {
    position: relative;
    background-color: var(--base-white);
    width: 399.98px;
    height: 647.83px;
    overflow: hidden;
    flex-shrink: 0;
}

.pseudo,
.pseudo1,
.pseudo2 {
    position: absolute;
    top: 247.67px;
    left: 0.48px;
    width: 276.02px;
    height: 1px;
}

.pseudo1,
.pseudo2 {
    top: 309.67px;
}

.pseudo2 {
    top: 389.67px;
}

.heading-36 {
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    line-height: 40.7px;
}

.heading-3-standart-wrapper {
    position: absolute;
    top: 0;
    left: 17px;
    width: 70px;
    height: 41px;
}

.per-use-charge {
    position: absolute;
    top: 0;
    left: calc(50% - 50.5px);
    line-height: 22.4px;
}

.per-use-charge-wrapper {
    position: absolute;
    top: 42.7px;
    left: 0;
    width: 101px;
    height: 23px;
    font-size: var(--font-size-sm);

}

.frame-parent42 {
    top: 0;
    left: 0;
    width: 101px;
    height: 65.7px;
}

.b2,
.frame-parent42,
.wrapper1 {
    position: absolute;
}

.b2 {
    top: 0;
    left: calc(50% - 11.5px);
    letter-spacing: -2px;
    line-height: 52.8px;
    text-transform: capitalize;
}

.wrapper1 {
    top: 86.73px;
    left: 43px;
    width: 23px;
    height: 53px;
    font-size: var(--font-size-47xl);
}

.frame-child27,
.frame-parent41 {
    position: absolute;
    top: 0;
    left: 94.92px;
    width: 101px;
    height: 139.73px;
}

.frame-child27 {
    top: 6.05px;
    left: 0;
    width: 20.8px;
    height: 20.8px;
}

.ev-drivers-are {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 251px;
}

.ev-drivers-are-charged-each-ti-wrapper,
.frame-child28,
.frame-parent45 {
    position: absolute;
    top: 0;
    left: 34.8px;
    width: 251px;
    height: 48px;
}

.frame-child28,
.frame-parent45 {
    left: 0.39px;
    width: 285.8px;
}

.frame-child28 {
    top: 5.05px;
    left: 0;
    width: 20.8px;
    height: 20.8px;
}

.fines-may-be {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 277px;
}

.fines-may-be-applicable-for-st-wrapper {
    position: absolute;
    top: 0;
    left: 35.42px;
    width: 277px;
    height: 96px;
}

.frame-child29,
.frame-parent46 {
    position: absolute;
    top: 54px;
    left: 0;
    width: 312.42px;
    height: 96px;
}

.frame-child29 {
    top: 4.05px;
    width: 20.8px;
    height: 20.8px;
}

.the-charging-cost {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 263px;
}

.the-charging-cost-is-separate-wrapper {
    position: absolute;
    top: 0;
    left: 35.42px;
    width: 263px;
    height: 72px;
}

.frame-parent44,
.frame-parent47 {
    position: absolute;
    top: 177px;
    left: 0;
    width: 298.42px;
    height: 72px;
}

.frame-parent44 {
    top: 0;
    width: 312.42px;
    height: 249px;
}

.download-app {
    position: absolute;
    top: 0;
    left: calc(50% - 65px);
    font-size: var(--font-size-mini);
    letter-spacing: 0.5px;
    line-height: 22.5px;
    text-transform: uppercase;
    color: var(--color-darkslategray-100);
    text-align: center;
}

.download-app-wrapper,
.frame-wrapper4 {
    position: absolute;
    top: 14px;
    left: 21px;
    width: 130px;
    height: 23px;
}

.frame-wrapper4 {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: var(--color-yellowgreen-100);
    top: 282px;
    left: 67.92px;
    width: 172px;
    height: 52.5px;
}

.frame-parent43 {
    position: absolute;
    top: 209.73px;
    left: 0;
    width: 312.42px;
    height: 334.5px;
    text-align: left;
    font-size: var(--font-size-base);

}

.frame-parent40 {
    position: absolute;
    top: 36px;
    left: 28px;
    width: 312.42px;
    height: 544.23px;
}

.best-choice,
.best-choice-wrapper {
    position: absolute;
    width: 88px;
    height: 16px;
}

.best-choice {
    top: 0;
    left: calc(50% - 44px);
    line-height: 22.4px;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.best-choice-wrapper {
    top: 2px;
    left: 106px;
}

.frame-wrapper5,
.pseudo-parent {
    position: absolute;
    overflow: hidden;
}

.frame-wrapper5 {
    top: -65px;
    left: 212px;
    background-color: var(--base-white);
    width: 300px;
    height: 19px;
    transform: rotate(45deg);
    transform-origin: 0 0;
    font-size: var(--font-size-sm);
    color: var(--color-cornflowerblue);

}

.pseudo-parent {
    top: 16px;
    left: 16px;
    background: linear-gradient(91.81deg, #06065a, #a9d742);
    width: 367.98px;
    height: 615.83px;
}

.frame-wrapper3 {
    position: relative;
    background-color: var(--base-white);
    width: 399.98px;
    height: 647.83px;
    overflow: hidden;
    flex-shrink: 0;
    font-size: var(--font-size-18xl);
    color: var(--base-white);
}

.frame-parent30,
.pricing {
    display: flex;
    justify-content: flex-start;
}

.frame-parent30 {
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-36xl);
    font-size: var(--font-size-base);
    color: var(--color-darkslategray-100);
}

.pricing {
    align-self: stretch;
    flex-direction: column;
    align-items: center;
    padding: 60px 0 120px;
    gap: 88px;
    text-align: center;
    font-size: var(--font-size-sm);
    color: var(--color-cornflowerblue);

}

.banner1-child {
    position: relative;
    border-radius: var(--br-8xs);
    width: 605px;
    height: 747.73px;
    object-fit: cover;
}

.heading-5-download-pertaev-a-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.find-an-available-container {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 52.8px;
    text-transform: capitalize;
    font-weight: 700;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.find-an-available-charging-sta-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 40px;
    color: var(--base-white);
}

.locate-nearby-charging-station-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    font-size: var(--font-size-base);
    color: #acb1b4;
}

.link-app-store-1png {
    width: 152px;
}

.link-app-store-1png-wrapper {
    position: relative;
    width: 152px;
    height: 50.97px;
}

.link-google-play-1png {
    width: 152px;
}

.link-google-play-1png-wrapper {
    position: relative;
    width: 152px;
    height: 46.58px;
}

.frame-parent48 {
    align-self: stretch;
    flex-direction: row;
    align-items: flex-start;
    gap: var(--gap-2xs);
}

.banner1,
.frame-parent48,
.frame3 {
    display: flex;
    justify-content: flex-start;
}

.frame3 {
    flex: 1;
    overflow: hidden;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-base);
}

.banner1 {
    align-self: stretch;
    flex-direction: row;
    align-items: center;
    padding: 0 var(--padding-5xl);
    gap: 77px;
    background-image: url(public/banner1%403x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-cornflowerblue);

}

.our-team {
    letter-spacing: 3px;
    line-height: 16.8px;
    text-transform: uppercase;
    font-weight: 600;
}

.our-team-wrapper {
    width: 1085px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    text-align: left;
}

.we-will-deliver {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 52.8px;
    font-weight: 700;
}

.we-will-deliver-the-best-job-w-wrapper {
    color: #0D3B5A;
    font-size: 48px;
    font-weight: 700;
    /* 110% */
}

.frame-child30 {
    position: relative;
    border-radius: 50%;
    width: 115.92px;
    height: 115.92px;
    object-fit: cover;
}

.cbdo,
.chintan-patel,
.sales-expert-with {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
}

.chintan-patel {
    margin: 0;
    font-size: inherit;
    line-height: 31.99px;
    font-weight: 700;
    color: var(--black-black-70);
    width: 274.11px;
    height: 38.64px;
}

.cbdo,
.sales-expert-with {
    font-size: var(--font-size-base);
    line-height: 22px;
    width: 148.53px;
    height: 26.57px;
}

.sales-expert-with {
    font-size: var(--font-size-sm);
    line-height: 150%;
    width: 287px;
    height: 100px;
}

.ellipse-parent3 {
    padding: 20px;
    border-radius: 8px;
    background: #F2F2F2;
}

.frame-icon1 {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ankur-yagnik {
    color: #283646;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    /* 133.3% */
    margin: 0;
}

.frame4 {
    position: relative;
    width: 276.45px;
    height: 38.64px;
    overflow: hidden;
    flex-shrink: 0;
    color: var(--black-black-70);
}

.coo,
.frame5 {}

.coo {
    display: inline-block;
    color: var(--black-black-30, #77808B);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    /* 137.5% */
    line-height: normal;
}

.frame5 {
    line-height: 1;
}

.operations-specialist-with {
    color: #77808B;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
}

.frame6 {
    position: relative;
}

.frame-parent50 {}

.frame7 {
    margin-bottom: 0;
}

.frame-parent49 {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.team {
    align-self: stretch;
    padding: 13px 167px;
    text-align: center;
    font-size: var(--font-size-sm);
    color: var(--color-cornflowerblue);

}

.frequently-asked-questions {
    flex: 1;
    position: relative;
    letter-spacing: 3.91px;
    line-height: 21.91px;
    text-transform: uppercase;
    font-weight: 600;
}

.frequently-asked-questions-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 1.3044397830963135px;
    text-align: center;
    font-size: 18.26px;
    color: var(--color-cornflowerblue);
}

.frequently-asked-questions1 {
    margin: 0;
    flex: 1;
    position: relative;
    font-size: inherit;
    line-height: 68.87px;
    text-transform: capitalize;
    font-weight: 700;
}

.frequently-asked-questions-container {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 82.17970275878906px;
    text-align: center;
    font-size: 62.61px;
    color: var(--color-darkslategray-100);
}

.frame-child31,
.rectangle-div {
    position: relative;
    width: 31.31px;
    height: 31.31px;
}

.frame-child31 {
    width: 17.45px;
    height: 1.57px;
    margin-top: -15.65px;
}

.rectangle-container {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    width: 31.31px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.how-do-i {
    font-weight: 600;
}

.how-do-i,
.you-can-pay-container {
    flex: 1;
    position: relative;
    line-height: 31.31px;
}

.you-can-pay-with-a-credit-car-wrapper {
    align-self: stretch;
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 18.26px;
}

.frame-parent53,
.frame-wrapper6,
.frame10 {
    height: 118.7px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.frame10 {
    flex: 1;
    overflow: hidden;
    flex-direction: column;
    gap: 24.78px;
}

.frame-parent53,
.frame-wrapper6 {
    align-self: stretch;
}

.frame-parent53 {
    flex-direction: row;
    gap: 20.87px;
}

.frame-wrapper6 {
    flex-direction: column;
}

.group-icon,
.group-wrapper {
    width: 31.31px;
    height: 31.31px;
}

.group-icon {
    position: absolute;
    top: 0;
    left: 0;
}

.group-wrapper {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    position: relative;
}

.do-you-offer-discounts-for-non-wrapper {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.faq,
.frame-parent52,
.frame-parent54 {
    align-self: stretch;
    display: flex;
    align-items: center;
}

.frame-parent54 {
    height: 31.31px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20.87px;
}

.faq,
.frame-parent52 {
    flex-direction: column;
    justify-content: center;
}

.frame-parent52 {
    flex: 1;
    gap: 46.96px;
}

.faq {
    height: 775px;
    overflow: hidden;
    flex-shrink: 0;
    padding: 79px 189px;
    box-sizing: border-box;
    text-align: left;
    font-size: 20.87px;
    color: var(--color-gray-100);

}

.the-future-is-container {
    margin: 0;
    align-self: stretch;
    position: relative;
    font-size: inherit;
    line-height: 52.8px;
    text-transform: capitalize;
    font-weight: 700;
}

.heading-5-reduce-the-planet-wrapper,
.the-future-is-electric-and-it-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.heading-5-reduce-the-planet-wrapper {
    font-size: var(--font-size-xl);
}

.torquent-nostra-euismod-container {
    align-self: stretch;
    position: relative;
    line-height: 24px;
}

.torquent-nostra-euismod-dui-pe-wrapper {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-base);

}

.banner-2,
.frame-parent58,
.link2 {}

.link2 {
    cursor: pointer;
    border: 0;
    padding: var(--padding-sm) var(--padding-11xl) var(--padding-base-5);
    background-color: var(--color-yellowgreen-100);
    border-radius: var(--br-8xs);
    flex-direction: row;
    justify-content: center;
}

.link2:hover {
    background-color: var(--base-white);
}

.banner-2,
.frame-parent58 {}

.frame-parent58 {}

.banner-2 {
    background-image: url(public/banner-2%403x.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    font-size: var(--font-size-29xl);
    color: var(--base-white);
    width: 100%;
    padding: 80px 0;
}

.link-logo-electriton-2png {
    position: relative;
}

.ev-data {
    margin: 0;
    position: relative;
    font-size: inherit;
    text-transform: capitalize;
    font-weight: 700;
}

.link-logo-electriton-2png-parent,
.were-expanding-a {}

.link-logo-electriton-2png-parent {}

.were-expanding-a {
    top: -12px;
    line-height: 24px;
    width: 328px;
}

.were-expanding-a-customer-foc-wrapper {
    position: absolute;
    top: 61px;
    left: 0.41px;
    width: 328px;
    height: 96px;
    font-size: var(--font-size-base);
    color: var(--color-whitesmoke);

}

.frame-parent59 {
    position: relative;
    width: 328.41px;
    height: 157px;
    font-size: var(--font-size-17xl);
    color: var(--base-white);
}

.heading-24 {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    text-transform: capitalize;
}

.heading-2-company-wrapper {
    position: absolute;
    top: 28px;
    left: 0;
    width: 88px;
    height: 24px;
    font-size: var(--font-size-xl);
    color: var(--base-white);
}

.item-link {
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    color: inherit;
}

.item-link-about-us-wrapper {
    margin: 0;
    position: absolute;
    top: 68px;
    left: 0;
    width: 69px;
    height: 24px;
    color: var(--base-white);
}

.item-link-about-us-wrapper:hover,
.item-link-careers-wrapper:hover,
.item-link-leadership-wrapper:hover,
.item-link-legal-notice-wrapper:hover,
.item-link-news-article-wrapper:hover {
    cursor: pointer;
}

.item-link-careers-wrapper,
.item-link-leadership-wrapper {
    margin: 0;
    position: absolute;
    top: 99px;
    left: 0;
    width: 65px;
    height: 24px;
}

.item-link-careers-wrapper {
    top: 130px;
    width: 57px;
}

.item-link3 {
    text-decoration: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 24px;
    text-transform: capitalize;
    color: inherit;
}

.item-link-legal-notice-wrapper,
.item-link-news-article-wrapper {
    margin: 0;
    position: absolute;
    top: 161px;
    left: 0;
    width: 82px;
    height: 24px;
}

.item-link-legal-notice-wrapper {
    top: 192px;
    width: 39px;
    cursor: pointer;
}

.frame-parent60 {
    position: relative;
    width: 88px;
    height: 216px;
}

.heading-2-get-in-touch-wrapper {
    position: absolute;
    top: 13px;
    left: -0.41px;
    width: 119px;
    height: 24px;
    font-size: var(--font-size-xl);
    color: var(--base-white);
}

.jl-cempaka-wangi {
    position: absolute;
    top: 11.52px;
    left: -0.41px;
    line-height: 24px;
    display: flex;
    align-items: center;
    width: 301px;
}

.jl-cempaka-wangi-no-22-toront-wrapper {
    position: absolute;
    top: 51.52px;
    left: -0.41px;
    width: 262px;
    height: 54px;
}

.item-622120022012-wrapper,
.item-supportyourdomaintld-wrapper {
    position: absolute;
    top: 107px;
    left: 0;
    width: 188px;
    height: 24px;
}

.item-622120022012-wrapper {
    top: 138px;
    width: 128px;
}

.frame-parent61 {
    position: relative;
    width: 251px;
    height: 178px;
}

.footer-1 {
    align-self: stretch;
    background-color: var(--color-gray-100);
    padding-top: 40px;
}

.heading-26 {
    position: relative;
    letter-spacing: 0.5px;
    line-height: 22.5px;
    text-transform: uppercase;
}

.heading-2-copyright-2022-e-wrapper {
    flex: 1;
    flex-direction: row;
}

.footer-2,
.frame-parent,
.heading-2-copyright-2022-e-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-2 {
    align-self: stretch;
    background-color: var(--color-yellowgreen-100);
    flex-direction: row;
    padding: 7px 9px;
    text-align: center;
    font-size: 12px;
    color: var(--color-darkslategray-100);
}

.frame-parent {
    position: relative;
    background-color: var(--base-white);
    width: 100%;
    flex-direction: column;
    z-index: 9;
}


.list_features {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -5%;
    gap: 30px;
}

.list_features .card_bx {
    max-width: 25%;
    flex: 0 0 25%;
    margin: 0 30px;
    text-align: center;
}

.list_features .card_bx .img_bx {
    position: relative;
    margin-bottom: 20px;
}

.list_features .card_bx .img_bx .no_ic {
    border-radius: 57.97px;
    border: 3px solid #F5FAEE;
    background: #87C332;
    color: #FFF;
    text-align: center;
    width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    font-weight: 700;
    text-transform: capitalize;
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
}

.list_features .card_bx .cont_bx {}

.list_features .card_bx .cont_bx h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.list_features .card_bx .cont_bx p {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
}

.features .header_bx {
    text-align: center;
    margin-bottom: 80px;
}

.features .header_bx h3 {
    color: #FFF;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

.features .header_bx p {
    color: #FFF;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
}

.why-us .header_bx,
.pricing .header_bx,
.team .header_bx {
    margin-bottom: 60px;
}

.pricing .header_bx {}


.why-us .header_bx h3,
.switch-2 .header_bx h3,
.pricing .header_bx h3,
.team .header_bx h3 {
    color: #2292DF;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 16.8px;
    letter-spacing: 3px;
}

.why-us .header_bx p,
.switch-2 .header_bx p,
.pricing .header_bx p,
.team .header_bx p {
    color: #0D3B5A;
    font-size: 36px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.why-us .header_bx h4,
.switch-2 .header_bx h4,
.pricing .header_bx h4 {
    color: #535353;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.switch-2 .header_bx {
    text-align: center;
    margin-bottom: 30px;
}

.switch-2 .header_bx h3 {
    color: #fff;
}

.switch-2 .header_bx p {
    color: #fff;
}

.switch-2 .header_bx h4 {
    color: #fff;
}

.switch-2 .header_bx h4 span {}

.lft_bx .card_bx {
    text-align: left;
}

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

.lft_bx .card_bx h3,
.rgt_bx .card_bx h3 {
    color: #0D3B5A;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    margin-top: 10px;
}

.lft_bx .card_bx p,
.rgt_bx .card_bx p {
    color: #535353;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}

.lft_bx .card_bx+.card_bx,
.rgt_bx .card_bx+.card_bx {
    margin-top: 60px;
}

.why-us .row {
    align-items: center;
}

.why-us .header_bx h4 span,
.switch-2 .header_bx h4 span,
.pricing .header_bx h4 span {
    display: block;
}

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

.list_value .card_bx {
    position: relative;
}

.list_value .card_bx .cont_bx {
    position: absolute;
    bottom: 0;
    padding: 0 15px 15px;
    z-index: 1;
}

.list_value .card_bx .cont_bx h3 {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
}

.list_value .card_bx:after {
    position: absolute;
    content: '';
    top: 0;
    background: rgba(0, 0, 0, 0.70);
    width: 100%;
    height: 100%;
    left: 0;
}

.switch-2 .nav-tabs {
    display: block;
    border-color: #BCBCBC;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    margin-bottom: 60px;
}

.switch-2 .nav-tabs .nav-item {
    display: inline-block;
}

.switch-2 .nav-tabs .nav-link {
    color: #BCBCBC;
    font-size: 20px;
    font-weight: 700;
    border: 0;
    padding: 10px 0;
    position: relative;
}

.switch-2 .nav-tabs .nav-link.active {
    color: #FFF;
    background: transparent;
    border: 0;
}

.switch-2 .nav-tabs .nav-link.active:after {
    position: absolute;
    bottom: 0;
    content: '';
    left: 0;
    width: 100%;
    border-bottom: 2px solid #fff;
}

.switch-2 .nav-tabs .nav-item+.nav-item {
    padding-left: 30px;
}

.list_value .card_bx:nth-child(2) .cont_bx {
    bottom: 77px;
}


.plan_list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 30px;
}

.plan_list .card_bx .inner_bx ul {
    padding: 0;
    margin: 0;
}

.plan_list .card_bx {
    border-radius: 3.305px;
    background: rgba(255, 255, 255, 0.00);
    box-shadow: 0px 3.30467px 6.60935px 0px rgba(0, 0, 0, 0.15);
    padding: 10px;
}

.plan_list .card_bx .inner_bx {
    border-radius: 3.305px;
    background: #F2F2F2;
    padding: 20px 10px;
    height: 100%;
}

.plan_list .card_bx .inner_bx h3 {
    color: #0D3B5A;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
}

.plan_list .card_bx .inner_bx p {
    color: #222;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}

.plan_list .card_bx .inner_bx h4 {
    color: #0D3B5A;
    text-align: center;
    font-size: 43.622px;
    font-weight: 700;
    text-transform: capitalize;
}

.plan_list .card_bx .inner_bx h4 span:first-child {
    font-size: 22px;
    position: relative;
    top: -15px;
}

.frm-grp.plan_switch span {
    color: #0D3B5A;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17.845px;
}

.frm-grp.plan_switch {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 10px;
}

.frm-grp.plan_switch span.active {
    color: #0D3B5A;
}

.slider_switch {
    position: absolute;
    cursor: pointer;
    top: 0;
    border-radius: 34px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    background-color: #ccc;
    -o-transition: .4s;
    transition: .4s;
}

.frm-grp.plan_switch span {
    color: #7F848E;
}

.frm-grp .switch {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    width: 30px;
    height: 15px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.frm-grp.plan_switch span {
    color: #7F848E;
    text-align: right;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 17.845px;
}

.slider_switch:before {
    position: absolute;
    content: "";
    border-radius: 50%;
    height: 12px;
    width: 12px;
    left: 3px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.frm-grp .switch input:checked+.slider_switch:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

.frm-grp .switch input:checked+.slider_switch {
    background-color: #70C604;
}

.frm-grp.plan_switch span.active {
    color: #0D3B5A;
}

.plan_list .card_bx .inner_bx ul li {
    color: #222;
    font-size: 14px;
    padding-left: 20px;
    display: block;
    text-align: left;
    position: relative;
}

.plan_list .card_bx .inner_bx ul li:first-child:after {
    top: 5px;
}

.plan_list .card_bx .inner_bx ul li:after {
    position: absolute;
    content: '';
    background: url(images/check_ic.png);
    width: 13.747px;
    height: 13.747px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 16px;
}

.plan_list .card_bx .inner_bx ul li+li {
    border-top: 0.661px solid #DDD;
    padding-top: 10px;
    margin-top: 10px;
}

.plan_list .card_bx .inner_bx ul li:last-child {
    padding-left: 0;
}

.plan_list .card_bx .inner_bx ul li:last-child::after {
    display: none;
}

.cstm_chbx .cstmcntr {
    display: block;
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.cstm_chbx .cstmcntr input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cstm_chbx .cstmchkmrk {
    position: absolute;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #91BF27;
    border-radius: 0;
}

.cstm_chbx .cstmcntr input:checked~.cstmchkmrk {
    background-color: transparent;
    border: 2px solid #91BF27;
}

.cstm_chbx .cstmchkmrk:after {
    content: "";
    position: absolute;
    display: none;
}

.cstm_chbx .cstmcntr input:checked~.cstmchkmrk:after {
    display: block;
}

.cstm_chbx .cstmcntr .cstmchkmrk:after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid #91BF27;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.plan_list .card_bx .inner_bx .btn {
    background: rgba(145, 191, 39, 1);
    padding: 10px 30px;
    color: #FFF;
    text-align: center;
    border-radius: 0;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-transform: uppercase;
    margin-top: 40px;
}

.plan_list .card_bx:last-child .inner_bx {
    background: linear-gradient(91.81deg, #06065a, #a9d742);
}

.plan_list .card_bx:last-child .inner_bx h3,
.plan_list .card_bx:last-child .inner_bx p,
.plan_list .card_bx:last-child .inner_bx p,
.plan_list .card_bx:last-child .inner_bx h4,
.plan_list .card_bx:last-child .inner_bx ul li {
    color: #fff;
}


.plan_list .card_bx:last-child .inner_bx ul li {
    padding-left: 10px;
    font-size: 11px;
}

.plan_list .card_bx:last-child .inner_bx ul li:after {
    background: url(../_/images/check_w.html);
    background-size: contain;
}

.plan_list .card_bx:last-child .inner_bx ul li:last-child::after {
    display: block;
}


.banner_dwn {
    background: url(../_/images/Section_bg.html);
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    z-index: 1;
    background-size: contain;
}


.phone_img img {
    width: 100%;
}

.banner_dwn .cont_dwn {}

.banner_dwn .cont_dwn h3 {
    color: #2292DF;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 16.8px;
    /* 120% */
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.banner_dwn .cont_dwn h4 {
    color: #ACB1B4;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.banner_dwn .cont_dwn p {
    color: #FFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.phone_img {
    margin-top: -40px;
}

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

.app_img {
    margin-top: 15px;
}

.ellipse-parent3 .team_cont {}

.ellipse-parent3 .team_cont h3 {
    color: #283646;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 31.992px;
    margin-bottom: 10px;
}

.ellipse-parent3 .team_cont h4 {
    color: #77808B;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
}

.ellipse-parent3 .team_cont p {
    color: #77808B;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin: 0;
    text-align: justify;
}

.ellipse-parent3:nth-child(2) {
    /* padding: 60px 20px;
    border: 2px solid #CFD3D7;*/
    padding: 40px 20px;
}

.faq_bdy {
    border-radius: 30px;
    background: #FFF;
    box-shadow: 10px 24px 54px 0px rgba(0, 0, 0, 0.04);
    padding: 30px 60px;
}

.col-sm-10.mg-auto {
    margin: 0 auto;
}

.faq_bdy .accordion {}

.faq_bdy .accordion .card {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #DDD;
    margin-bottom: 20px;
    border-radius: 0;
}

.faq_bdy .card-header {
    background: #fff;
    border-bottom: 0;
}

.faq_bdy .accordion>.card>.card-header .btn-link {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    text-decoration: initial;
    line-height: 24px;
    /* 150% */
    padding: 0;
    box-shadow: none;
    position: relative;
    padding-left: 30px;
}

.faq_bdy .accordion>.card>.card-header .btn-link:hover {
    text-decoration: initial;
}

.faq_bdy .card-body p {
    color: #222;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
    position: relative;
}

.faq_bdy .card-body {
    padding: 15px 0px 15px 20px;
    position: relative;
}



.faq_bdy .card-body p:after {
    width: 1px;
    height: 100%;
    position: absolute;
    background: #87C332;
    content: '';
    top: 0;
    left: -18px;
}

.faq-container .accordion>.card>.card-header .btn-link.collapsed:after {
    position: absolute;
    left: 0;
    content: '';
    background: url(images/plus.png);
    background-repeat: no-repeat;
    background-size: contain;
}


.faq-container .accordion>.card>.card-header .btn-link:after {
    background: url(images/sub.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    content: '';
}

.faq-container .header_bx {
    margin-bottom: 30px;
}

.btn_get {
  border-radius: 10px;
    background: #d1000b;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    border: 0;
    text-transform: uppercase;
    padding: 16px 30px;
    margin-top: 30px;
}
.btn_get:hover{
    color: #d1000b;
    background: #fff;

}

.faq-container .header_bx h3 {
    color: #2292DF;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
}

.faq-container .header_bx p {
    color: #0D3B5A;
    font-size: 48px;
    font-weight: 700;
    text-transform: capitalize;
    text-align: center;
    margin: 0;
}

.footer-1 .logo_ft {}

.footer-1 .logo_ft p {
    color: #F2F2F2;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 20px;
}

.ft_navbar .head_ft {
    margin-bottom: 35px;
    position: relative;
}

.ft_navbar .head_ft h3 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-transform: capitalize;
}

.ft_navbar .nav_ft {}

.ft_navbar .nav_ft ul {
    padding: 0;
}

.ft_navbar .nav_ft ul li {
    display: block;
    padding-bottom: 10px;
}

.ft_navbar .nav_ft ul li a,
.ft_navbar .nav_ft ul li {
    color: #F2F2F2;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.ft_navbar .head_ft:after {
    width: 40px;
    height: 4px;
    background: #A8D641;
    position: absolute;
    left: 0;
    bottom: -20px;
    content: '';
}

.ft_bottom {
    background: #A8D641;
    text-align: center;
    padding: 12px 0;
    margin-top: 30px;
}

.ft_bottom p {
    color: #FFF;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.future-wrapper h3 {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 52.8px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.future-wrapper h4 {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.future-wrapper p {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
}

.future-wrapper h3 span {
    display: block;
}

@media only screen and (max-width: 767px) {
    .rectangle-34624831 p {
    color: white;
    padding: 15px 15px !important;
}
    .popup ol {
        width: 100%;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 15px;
        align-items: center;
        margin-top: 20px;
        padding: 0;
    }
}

@media screen and (max-width: 1200px) {
    .div {
        width: 150px;
    }

    .frame-wrapper {
        padding-left: var(--padding-81xl);
        padding-right: var(--padding-81xl);
        box-sizing: border-box;
    }

    .vector-wrapper {
        display: none;
    }



    .frame-nav {
        gap: var(--gap-3xs);
    }

    .frame-parent3 {
        /* gap: 23px; */
        /* padding-top: var(--padding-5xs); */
        /* box-sizing: border-box; */
        /* max-height: 496px; */
        height: auto;
    }

    .frame-parent4 {
        /* gap: var(--gap-26xl); */
        /* padding-top: 0; */
        /* box-sizing: border-box; */
        /* scale: 0.9; */
    }

    .about-us {
        gap: 100px;
        align-items: flex-end;
        justify-content: center;
        padding: var(--padding-xl) 28px 70px;
        box-sizing: border-box;
    }

    .frame-parent6 {
        gap: var(--gap-181xl);
    }

    .frame-parent10 {
        gap: 280px;
    }

    .frame-parent14,
    .why-us {
        align-items: center;
        justify-content: center;
    }

    .switch-2 {
        /* width: 1200px; */
    }

    .frame-parent30 {
        scale: 0.95;
    }

    .pricing {
        gap: var(--gap-41xl);
    }

    .banner1-child,
    .frame3 {
        scale: 0.9;
    }

    .frame3 {
        flex-direction: column;
        gap: var(--gap-base);
        align-items: flex-start;
        justify-content: space-between;
        padding-right: 0;
        box-sizing: border-box;
    }

    .banner1 {
        gap: var(--gap-xl);
    }

    .footer-1 {}

    .frame-parent {
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 960px) {
    .ourNewestproperty .container-18 {
        margin: 0 auto !important;
        padding: 0px 0 50px;
    }

    .sectionblogs .blogsTitle {
        text-align: center;
        padding: 0 !important;
    }

    .sectionblogs .blogssubTitle {
        text-align: center;
        overflow-wrap: break-word;

        font-weight: 600;
        font-size: 36px;
        padding: 0 !important;
        color: #0A2743;
    }

    /* .ourNewestproperty .container-19 {
        padding: 38px 15px 20px !important;
        display: block !important;
    } */

    .ourNewestproperty .our-newest-property {

        font-size: 35px !important;
        padding: 25px 0 0;
    }

    .container-19 ul.tabspanel {
        display: flex;
        max-width: 100% !important;
        gap: 25px;
        list-style: none;
        padding: 0;
    }

    .container-19 ul.tabspanel li.tab a {
        display: block !important;
        text-align: center;
        line-height: 1;
        /* box height ke barabar */
    }

  
    .get-green-and-container {
        margin: 0;
        flex: 1;
        position: relative;
        font-size: inherit;
        line-height: 45px;
        text-transform: capitalize;
        font-weight: 700;

        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        width: 100%;
        padding: 0;
    }



   


    .aboutrevisor .group-1739 {
        margin: 0 auto !important;
        display: flex;
        box-sizing: border-box;
    }





    .frame-wrapper {
        align-items: center;
        justify-content: center;
        padding-left: var(--padding-71xl);
        padding-right: var(--padding-71xl);
        box-sizing: border-box;
    }

    .frame-parent1,
    .link {
        display: none;
    }

    .link {
        flex-direction: row;
        gap: var(--gap-xl);
        align-items: flex-end;
        justify-content: center;
        padding-right: var(--padding-5xl);
        box-sizing: border-box;
    }

    .vector-icon6,
    .vector-wrapper {
        display: flex;
    }

    .vector-wrapper:hover {
        cursor: pointer;
    }

    /* .frame-ul {
        gap: 30px;
        flex-direction: column;
    } */

    .frame-parent3 {
        /* gap: var(--gap-6xl); */
        /* max-height: 491px; */
        /* scale: 0.8; */
    }

    .frame-parent4 {
        /* max-height: 590px; */
        /* scale: 0.8; */
    }

    .about-us {
        gap: var(--gap-0);
        align-items: center;
        justify-content: center;
        padding-left: var(--padding-mini);
        padding-right: 0;
        padding-bottom: var(--padding-xl);
        box-sizing: border-box;
    }

    .frame-parent6 {
        gap: 120px;
    }

    .frame-parent10 {
        gap: 170px;
    }

    .frame-parent14 {
        gap: 90px;
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
        scale: 0.9;
    }

    .frame-parent14,
    .switch-2,
    .why-us {
        /* align-items: center; */
        /* justify-content: center; */
    }

    .why-us {
        /* scale: 0.9; */
    }

    .switch-2 {
        /* width: 960px; */
        /* padding-left: 0; */
        /* padding-right: 0; */
        /* box-sizing: border-box; */
    }

    .frame-parent29,
    .frame-parent30 {
        scale: 0.9;
    }

    .pricing {
        gap: var(--gap-3xs);
    }

    .banner1-child,
    .frame3 {
        scale: 0.7;
    }

    .banner1 {
        gap: var(--gap-0);
        padding-left: 0;
        box-sizing: border-box;
    }

    .banner1,
    .we-will-deliver-the-best-job-w-wrapper {
        flex-direction: row;
    }

    .frame-parent49 {
        flex-direction: column;
        gap: var(--gap-21xl);
    }

    .footer-1 {
        /* gap: var(--gap-181xl); */
        /* padding-left: var(--padding-xl); */
        /* box-sizing: border-box; */
    }
}



.link-about {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 22.4px;
    text-transform: uppercase;
    font-weight: 600;
}

.link-about-us-container,
.link-about-us-wrapper {
    margin: 0;
    position: absolute;
    top: 37.5px;
    left: 102px;
    width: 70px;
    height: 23px;
}

.frame-ol:hover,
.link-about-us-container:hover,
.link-about-us-frame:hover,
.link-about-us-wrapper1:hover,
.link-about-us-wrapper2:hover,
.link-about-us-wrapper3:hover,
.link-about-us-wrapper:hover {
    cursor: pointer;
}

.link-about-us-container {
    top: 86.5px;
    left: 103px;
    width: 68px;
}

.frame-ol,
.link-about-us-frame,
.link-about-us-wrapper1 {
    margin: 0;
    position: absolute;
    top: 135.5px;
    left: 110px;
    width: 54px;
    height: 23px;
}

.frame-ol,
.link-about-us-wrapper1 {
    top: 184.5px;
    left: 94px;
    width: 86px;
}

.link-about-us-wrapper1 {
    top: 233.5px;
    left: 108.5px;
    width: 57px;
}

.link-about-us-wrapper2,
.link-about-us-wrapper3 {
    margin: 0;
    position: absolute;
    top: 282.5px;
    left: 118px;
    width: 38px;
    height: 23px;
}

.link-about-us-wrapper3 {
    top: 331.5px;
    left: 119px;
    width: 36px;
}

.popup {
    position: relative;
    border-radius: var(--br-8xs);
    background-color: var(--base-white);
    width: 274px;
    height: 392px;
    overflow: hidden;
    max-width: 90%;
    max-height: 90%;
    text-align: left;
    font-size: var(--font-size-sm);
    color: var(--color-black);

}





.filter {
   display: flex;
    background: rgb(53, 73, 94, 0.8);
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    justify-content: center;
    max-width: 1064px;
    gap: 20px;
        justify-content: space-around;
            backdrop-filter: blur(20px);
}

 section.filter label{
         font-size: 16px;
    width: auto;
    font-weight: 600;
    letter-spacing: 0.5px;

    }
.filter .control-group {
 width: 100%;
}
.filter .control-group:last-child {
    width: auto;
    padding-top: 0px;
}

.filter .controls {
       border: 1px solid #ffffff;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    padding: 10px 10px;
    align-items: center;
    height: 50px;
}

.filter .controls select,
.filter .controls select:focus,
.filter .controls select:active,
.filter .controls select:focus-visible {
    border: none;
    color: #fff;
    width: 100%;
    background: transparent;
    font-size: 16px;
}

.filter .controls select option {
    background: #35495e;
    color: #ffffff;
}

.filter span {
    font-size: 16px;
}



.filter .controls .btn_get {
    border-radius: 10px;
    background: #D1000B;
    margin-top: 1px;
    padding: 11px 0.7px 11px 0;
    width: 150px;
    height: fit-content;
    box-sizing: border-box;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
}

section.aboutrevisor {
    margin: 70px 0;
}

.aboutrevisor .group-1000004982 {
      position: relative;
    /* margin: 0 122px 85px 122px; */
    padding-bottom: 223px;
    width: 100%;
   
}

.aboutrevisor .border-r0 {
     border: 5px solid #D1000B;
    position: relative;
    width: 70%;
    height: 335px;
}

.aboutrevisor .border-1 {
    border: 5px solid #D1000B !important;
    position: absolute;
    right: 0px;
    bottom: 95px;
    width: 70%;
    height: 335px;
}

.aboutrevisor .group-1695 {
  box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 0.43);
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 36px;
    translate: -50% 0;
    display: flex;
    padding: 18px;
    max-width: 90%;
}

.aboutrevisor .mask-group-1 {
    position: relative;
    width: 1078px;
    height: 362px;
}

.aboutrevisor .set-designer-work-indoors-1 {
    background: url(../images/designer-work-indoors.webp) 50% / cover no-repeat;
    /*background: url(../assets/images/set_designer_work_indoors_1.jpeg) 50% / cover no-repeat;*/
    position: absolute;
    top: 0px;
    width: 100%;
    height: 361px;
}

.aboutrevisor .container-28 {
    box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 0.43);
    border-radius: 5px;
    background: #FFFFFF;
    position: absolute;
    left: 50%;
    bottom: 0px;
    translate: -50% 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    box-sizing: border-box;
    width: 70%;
}

.aboutrevisor .group-1739 {
    display: flex;
    box-sizing: border-box;
}

.aboutrevisor .welcome-marketplace {
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    line-height: 1.4;
    color: #0A2743;
    /*text-transform: capitalize;*/
}


.aboutrevisor .welcome-to-revisor-solutions-inc-the-premier-real-estate-marketplace {
    text-align: center;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.5;
    color: #0A2743;
}

.welcome-to-revisor-marketplace {
    font-weight: 600;
    font-size: 32px;
    line-height: 1.333;
    text-transform: capitalize;
}

.aboutrevisor .re-visor-transaction {
    text-align: justify;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.28;
    color: #636363;
}

.ourNewestproperty {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    padding-top: 20px;
}
h2.section-title,
.ourNewestproperty .our-newest-property {
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 30px;
    color: #0A2743;
    margin-bottom: 20px;
}

.ourNewestproperty .we-offer-awide-selection-of-the-newest-properties-ready-for-you-to-explore {
    margin: 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.28;
    color: #636363;
}

.ourNewestproperty .container-19 {
   margin: 40px 0 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ourNewestproperty .container-1 {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    height: fit-content;
    box-sizing: border-box;
}

.ourNewestproperty .container-1 {
    opacity: 0.7;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 16px;
    /*line-height: 1.75;*/
    color: var(--white, #FFFFFF);
}

.ourNewestproperty .container-7 {
    border-radius: 10px;
    background: #D1000B;
    position: relative;
    /*display: flex;*/
    padding: 15px 0 10px 14.2px;
    width: 233px;
    box-sizing: border-box;
    height: 61px;
}

.ourNewestproperty .condo-1 {
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
}

.ourNewestproperty .house-1 {
    margin: 15px 0 18px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    color: #D1000B;
}

.ourNewestproperty .townhouse {
    margin: 15px 0 18px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    color: #D1000B;
}

.ourNewestproperty .view-all {
    margin: 14px 0 13.7px 0;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    width: 40%;
    align-items: end;
    /* Align items at the bottom */
    text-align: right;
    margin-left: auto;
}

.ourNewestproperty .view-all-1 {
    margin: 0 22.9px 5.3px 0;
    display: inline-block;
    overflow-wrap: break-word;
    
    font-weight: 600;
    font-size: 18px;
    color: #000000;
    text-align: right;
    flex: 1;
}

.ourNewestproperty .ionarrow-back-circle {
    margin-top: 0;
    display: flex;
    width: 32.5px;
    height: 32.5px;
    box-sizing: border-box;
}

.ourNewestproperty .vector-9 {
    width: 32.5px;
    height: 32.5px;
}

.ourNewestproperty .rectangle-97 {
    border-radius: 10px;
    border: 2px solid #D1000B;
    position: absolute;
    left: 253px;
    bottom: 0px;
    width: 233px;
    height: 61px;
}

.ourNewestproperty .rectangle-98 {
    border-radius: 10px;
    border: 2px solid #D1000B;
    position: absolute;
    right: 458.3px;
    bottom: 0px;
    width: 233px;
    height: 61px;
}

.ourNewestproperty .container-18 {
    margin: 0 auto;
    display: flex;
    gap: 20px;
    width: 100%;
    flex-wrap: wrap;
}

.ourNewestproperty .group-1000004991 {
    position: relative;
    display: flex;
    padding-left: 1px;
    box-sizing: border-box;
}

.ourNewestproperty .container-24 {
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 87px 20px 22px 20px;
    box-sizing: border-box;
}

.ourNewestproperty .jasper-avenue {
    margin-bottom: 25px;
    display: inline-block;
    align-self: flex-start;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    color: #0A2743;
}

.ourNewestproperty .group-5 {
    margin: 0 3.4px 25px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 338.6px;
    box-sizing: border-box;
}

.ourNewestproperty .group-1 {
    position: absolute;
    top: 0px;
    right: -20.8px;
    width: 116.7px;
    height: 100px;
}

.ourNewestproperty .group-1 {
    margin-top: 1.2px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

.ourNewestproperty .union-1 {
    margin-right: 3.5px;
    width: 29.5px;
    height: 24.8px;
}

.ourNewestproperty .group-21 {
    margin-bottom: 1.2px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

.ourNewestproperty .union {
    margin-right: 4.2px;
    width: 29.5px;
    height: 24.8px;
}

.ourNewestproperty .bathroom {
    margin: 7.1px 0 3.7px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 12px;
    color: #0A2743;
}

.ourNewestproperty .group-3 {
    width: 176.7px;
    height: 195px;
}

.ourNewestproperty .group-3 {
    margin-bottom: 1.2px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

.ourNewestproperty .union-2 {
    margin-right: 4.9px;
    width: 29.5px;
    height: 24.8px;
}

.ourNewestproperty .sq-ft {
    margin: 7px 0 3.8px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 12px;
    color: #0A2743;
}

/* .ourNewestproperty .starts-from {
    margin: 0 6px 3px 6px;
    display: inline-block;
    align-self: flex-start;
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 16px;
    color: #D0D0D0;
} */

.ourNewestproperty .container-5 {
    margin-left: 6px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 336px;
    box-sizing: border-box;
}

.ourNewestproperty .k {
    margin: 0 18px 6px 0;
    display: inline-block;
    width: 185px;
    overflow-wrap: break-word;
    font-weight: 700;
    font-size: 31px;
    color: #0A2743;
}

.ourNewestproperty .group-1000004994 {
    border-radius: 10px;
    background: #D1000B;
    position: relative;
    margin-top: 4px;
    display: flex;
    padding: 9px 0 10px 1px;
    width: 133px;
    height: fit-content;
    box-sizing: border-box;
}

.ourNewestproperty .view-more {
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 16px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.ourNewestproperty .line-5 {
    background: #F2F0F0;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 93px;
    height: 1px;
}


.container-18 .property {
      box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    background: #FFFFFF;
    position: relative;
    display: flex;
    flex-direction: column;
    /* padding: 87px 20px 22px 20px; */
    box-sizing: border-box;
    width: calc(33.3% - 20px);
}

.container-18 .property .imgpart{
border-radius: 10px;
overflow: hidden;
height: 270px;
background: #fcfcfc;
}
.container-18 .property .imgpart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}
.propertyText {
    padding:15px 20px;
        border-bottom: 2px solid #f2f2f2;
}
.propertyPrice{
    padding:10px 20px;
}
.proptitle,
.container-18 .property .proptitle {
    font-weight: 600;
    font-size: 20px;
    color: #0A2743;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

.container-18 .property .shoricon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 0;

}

.container-18 .property .shoricon .icon1 {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.container-18 .property .shoricon .icon1 img {
       height: 22px;
    margin-right: 5px;
}

.container-18 .property .shoricon .icon1 span {
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 12px;
    color: #0A2743;
}

#propertyResults .starts-from,
.container-18 .property .starts-from {
   
    font-weight: 500;
    font-size: 16px;
    color: #D0D0D0;
    margin: 0 auto;
    width: auto;
}

.container-18 .property .propfoot {
   display: flex;
    column-gap: 20px;
    width: 100%;
    align-items: center;
    justify-content: space-between;
  
}

.container-18 .property .propfoot .propprice h4 {
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    color: #0A2743;
}
#propertyResults .group-btn a,
.container-18 .property .propfoot .group-btn a {
        border-radius: 5px;
    background: #D1000B;
    border: 2px solid transparent;
    position: relative;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}
#propertyResults .group-btn a:hover,
.container-18 .property .propfoot .group-btn a:hover{
border-color: #D1000B;
color: #D1000B;
background:transparent;
}



.container-19 ul.tabspanel {
    display: flex;
    max-width: 60%;
    gap: 25px;
    list-style: none;
    padding: 0;
}

.container-19 ul.tabspanel li.tab {
    width: auto;
    min-width: 130px;
    border-radius: 15px;
    border: 2px solid #D1000B;
}

.container-19 ul.tabspanel li.tab a {
 overflow-wrap: break-word;
    font-weight: 600;
    font-size: 16px;
    color: #D1000B;
    width: 100%;
    display: flow-root;
    padding: 13px;
}

.container-19 ul.tabspanel li.tab.active .a {
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
}
.container-19 ul.tabspanel li.tab:hover,
.container-19 ul.tabspanel li.tab.active {
    background: #D1000B;
    color: #fff;
}

.container-19 ul.tabspanel li.tab:hover a,
.container-19 ul.tabspanel li.tab.active a {
    color: #fff;
}

.whychooseus .group-1000005053 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: fit-content;
    box-sizing: border-box;
}

.whychooseus {
    padding: 0px 0 0;
}

section#whychooseus {
    padding: 95px 0 0;
}




/* .whychooseus .why-choose-us-1 {
    margin: 0 0 50px 1px;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 48px;
    color: #0A2743;
} */


.whychooseus .container-31 {
   display: flex;
    justify-content: center;
    padding: 20px 0;
    box-sizing: border-box;
    gap: 20px;
}

.whychooseus .choose {
   display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #FFFFFF;
    padding: 40px 20px;
    border-radius: 0;
    flex: 1;
    box-shadow: 4px 10px 80px 2px #0000001A;
}

.whychooseus .chooseicons {
    background-color: #D1000B;
    /* Background color */
    border-radius: 50%;
    /* Make it a circle */
    width: 100px;
    /* Adjust size as needed */
    height: 100px;
    /* Adjust size as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    /* Space between icon and header */
}

.whychooseus .chooseicons img {
    max-width: 50%;
    max-height: 50%;
    height: 95px;
    width: 95px;
}

.whychooseus .chooseheader {
     text-align: center;
    overflow-wrap: break-word;
    font-size: 21px;
    line-height: 1.3;
    color: #20313B;
    font-weight: 600;
    padding: 20px 0;
}

.whychooseus .chooseContent p {
    font-size: 16px;
    line-height: 1.4;
    color: #636363;
    text-align: left;
}

.whychooseus .choose.active .chooseicons {
    background: #ffffff;
}

.whychooseus .choose.active {
    box-shadow: 4px 10px 80px 2px rgba(209, 0, 11, 0.5);
    background: #D1000B;
}

.whychooseus .choose.active .chooseheader,
.whychooseus .choose.active .chooseContent p {
    color: #ffffff;
}

/* ------------- Works ----------------*/
.works {
    display: flex;
    flex-direction: column;
    text-align: center;
        padding: 100px 0 0;
}

.works .how-it-works {
    margin: 0 4.9px 20px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 35px;
    color: #0A2743;
}

.works .discover-and-join-our-platform-for-free {
    margin: 0 5.9px 36px 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.28;
    color: #636363;
}

.works .container-32 {
   margin: 0;
    display: flex;
    box-sizing: border-box;
    align-items: self-start;
    justify-content: space-between;
    padding: 0;
}

.works .group-1000005045 {
    margin:0;
    width: 100%;
}
.works .worksBox {
    width: 20%;
}

.workBox-thumb{
    height: 200px;
    padding-bottom: 40px;
}
.workBox-thumb img{
    height: 100%;
    width: auto;
}
.works .container-16,
.works .container-9 {
        margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0;
    margin-top: -20px;
}

.works .group-1000005048 {
    transform: rotate(90.478deg);
   
}
.works .cashback,
.works .pays-4-commission {
    
    text-align: center;
      overflow-wrap: break-word;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #0A2743;
    text-align: center;
    max-width: 140px;
    margin-top: -40px;
}

/* .works .group-1000005046 {
        margin: 0;
    width: 100%;
    box-sizing: border-box;
} */


/* .works .container-16 {
    margin: 33.8px 59.2px 42px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 157.1px;
    height: fit-content;
    box-sizing: border-box;
} */
 .workBox-thumb img.vector-48 {
    height: auto;
    max-width: 80%;
}

.works .group-1000005049 {
    transform: rotate(90.478deg);
   
}

img.xmlid-11,
img.xmlid-1 {
    height: 150px;
}

/* .works .cashback {
    margin-left: 0.1px;
    text-align: center;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #0A2743;
} */

.works .group-1000005047 {
    /* display: flex;
    width: 176.7px;
    height: 195px;
    box-sizing: border-box; */
}

/* .works .group-3 {
    width: 176.7px;
    height: 195px;
} */

/* .works .group-3 {
    margin-bottom: 1.2px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
} */

.works .worksBox h3 {
        font-size: 20px;
    font-weight: 600;
}

.works .container-12 {
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

/* .works .real-estate-developers {
    margin: 0 14.5px 6px 0;
    display: inline-block;
    width: 530.9px;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: #20313B;
    flex: 1;
    text-align: left;
} */
/* 
.works .re-visor {
    margin-top: 6px;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: #20313B;
    flex: 1;
} */

/* .works .domestic-property-buyers {
    margin-top: 6px;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    color: #20313B;
    flex: 1;
    text-align: right;
} */

.works .group-1000005050 {
    /* border-radius: 5px;
    position: relative;
    margin: 0 53.1px 0 47.2px;
    display: flex;
    padding: 0 72.6px 12px 71.6px;
    box-sizing: border-box; */
        max-width: 1150px;
    margin: 0 auto;
    margin-top: 30px;
}

.works .rectangle-34624831 {
    border-radius: 5px;
    background: #D1000B;
    /* position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0;
    height: 77px;
    top: 10px; */
}

.rectangle-34624831 p {
    color: white;
    padding: 15px 0;
}

.works .when-atransaction-is-completed-the-developer-pays-acommission-to-us-aportion-of-this-commission-is-returned-to-buyers-as-cashback-creating-awin-win-for-everyone-involved {
    position: relative;
    text-align: center;
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.28;
    color: #FFFFFF;
}

/*------------------ developer ------------*/

.developer {
    display: flex;
    flex-direction: column;
    margin-top: 5em;
}

.developer .group-1000005052 {
   
    box-sizing: border-box;
    text-align: center;
}

.developer .are-you-areal-estate-developer {
    margin: 0 0 20px 4.8px;
    display: inline-block;
    align-self: center;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 35px;
    color: #0A2743;
}


.developer .devwrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    flex-wrap: wrap;
    margin-top: 50px;
}

.developer .box {
    margin-bottom: 29px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    flex: 1;
}

.developer .group-10000049911 {
    margin-bottom: 30px;
    display: flex;
    width: 100px;
    height: 100px;
    box-sizing: border-box;
    gap: 10px;
}

.developer .icbaseline-add-home-work {
    width: 100px;
    height: 100px;
}

.developer .real-time-inventory {
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #20313B;
}

.developer .box-1 {
    margin-bottom: 29px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    flex: 1;
}

.developer .group-10000049921 {
        width: auto;
    height: 100px;
    margin-bottom: 30px;
}

.developer .p-2-buy-icon-2-svg {
    position: relative;
    width: 100px;
    height: 100px;
}

.developer .group-1 {
   
    height: 100px;
}

.developer .group-1 {
    margin-top: 1.2px;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
}

.developer .promotional-tools {
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #20313B;
}

.developer .box-2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    flex: 1;
}

.developer .group-10000049931 {
    margin-bottom: 30px;
    display: flex;
    /*width: 87.8px;*/
    height: 100px;
    box-sizing: border-box;
}

.developer .customer-journey-management {
    text-align: center;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    color: #20313B;
}

.teamslist {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 35px 0 85px;
    box-sizing: border-box;
    gap: 5px;
}

.teamslist .member {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    box-shadow: 0px 0px 5px 0px #CCCCCC;

}
.Ourteams {
    text-align: center;
    margin-top: 50px;
}

.teamslist .memberimg {
    /*margin-bottom: 10px;*/
    /* Space between image and name */
    width: 100%;

}

.teamslist .memberimg img {
    max-width: 100%;
    /* Ensures image is responsive */
    /* border-radius: 50%;*/
    /* Optional: makes the image circular */
    width: 100%;

}

.teamslist .membername {
    background-color: #D1000B;
    color: white;
    padding: 10px 20px;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
    margin: 0;
    display: inline-block;
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
}

.teamslist .designation {
    background-color: #fff;
    color: #000;
    /* Adjust text color if needed */
    padding: 10px 0;
    /* Adjust padding as needed */
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    /* Ensures padding is included in the total width */

    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.2;
    color: #333333;
}

/* 
.Ourteams .headtitle {
    position: relative;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 48px;
    color: #0A2743;
    text-align: center;
} */

.Ourteams .headcontent {
    overflow-wrap: break-word;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
    color: #636363;
    text-align: center;
}

/*--------- pre construction --------*/
.preconstruction {
    display: flex;
    justify-content: flex-start;
    /* Aligns items to the left */
    align-items: center;
    /* Centers items vertically */
    background-image: url('../images/bgfooter.webp');
    background-size: cover;
    /* Ensures the background image covers the entire section */
    background-position: center;
    /* Centers the background image */
    padding: 90px 150px;
    /* Adds padding around the content */
    box-sizing: border-box;
    width: 100%;
}

.imagine {
    text-align: left;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.imagine h3 {
    display: inline-block;
    font-family: 'Roboto-ExtraBold';
    font-size: 50px;
    line-height: 1.2;
    /*text-transform: capitalize;*/
    color: var(--white-1, #FFFFFF);
}

.imagine p {
    align-self: flex-start;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    color: #FFFFFF;
    padding: 10px 0 15px;
}

.imagine button {
    border-radius: 5px;
    background: #FFFFFF;
    border: none;    
    padding: 15px;
    width: 190px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.333;
    text-transform: uppercase;
    color: #D1000B;
    border: 2px solid transparent;
}
.imagine button:hover{
    border-color: #fff;
    color: #fff;
    background: transparent
}


/*    -------------- footer section -----------*/

.footerrevisor {
    background-image: url('../images/bg-footer.webp');
    background-repeat: no-repeat;
    background-size: cover;
    /* Ensures the background image covers the entire section */
    background-position: center;
        background-position: center bottom;
    width: 100%;
    padding: 60px 0 0;
}

.footerrevisor .containerS {
    padding: 50px 80px;
}

.footerrevisor .fborder {
    border-top: 1px solid #F1F1F1;
    margin-top: 40px;
}

/* .footerrevisor .fborder p {
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 14px;
    line-height: 2.714;
    color: #ECEAEA;
} */

/* .footerrevisor .social a {
      display:contents;
    } */
/* .footerrevisor .social {
        border-radius: 20px;
        display: flex;
        flex-direction: row;
        align-self: flex-start;
        column-gap: 15px;
        width: 150px;
        box-sizing: border-box;
    } */

.footerrevisor .listicon p {
 font-size: 16px;
    line-height: 1.5;
    color: #FFFFFF;
    max-width: 70%;
    text-align: left;
    margin-bottom: 30px;

}

/* .footerrevisor .listicon {
        margin-bottom: 20.5px;
        display: inline-block;
        text-align: justify;
        overflow-wrap: break-word;

        font-weight: 400;
        font-size: 18px;
        letter-spacing: 0.5px;
        line-height: 1.333;
        color: #FFFFFF;
    } */
/* 
    .footerrevisor .social .link {
        border-radius: 20px;
        background: #D1000B;
        display: flex;
        padding: 12px 12.3px 12px 12.2px;
        width: 40px;
        height: 40px;
        box-sizing: border-box;
    } */

.footerrevisor .social .vector-39 {
    width: 15.5px;
    height: 16px;
}

.footerrevisor .social .link-1 {
    border-radius: 20px;
    background: #D1000B;
    display: flex;
    padding: 14.4px 11.2px 13.7px 11.3px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    align-items: center;
}

.footerrevisor .social .vector-40 {
    width: 17.6px;
    height: 11.9px;
}

.footerrevisor .social .link-2 {
    border-radius: 20px;
    background: #D1000B;
    display: flex;
    padding: 10px;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
}

.footerrevisor .social .instagram-svgrepo-com {
    width: 20px;
    height: 20px;
}

/* .socialmedia {
    display: flex;
    justify-content: space-between;
    width: 100%;
} */

.socialmedia .media {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px;
}


footer.footerrevisor  .media h3{
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    font-family: 'Roboto-ExtraBold';

}
footer.footerrevisor .media h3:after {
    display: block;
    content: '';
    width: 50px;
    height: 3px;
    background: #D1000B;
    margin-top: 10px;
}

.footerrevisor .media ul {
    padding: 0;
    list-style: none;
}
.footerrevisor .media ul li{
    padding: 10px 0;
}
.footerrevisor .media ul li a {
   font-weight: 400;
    font-size: 14px;
    line-height: 1.714;
    color: rgb(255, 255, 255);
    margin-left: 5px;
}
.footerrevisor .media ul li a:before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 12px !important;
    margin-right: 10px;
}



/* .socialmedia .media strong {
            margin-bottom: 9.8px;
            display: inline-block;
            overflow-wrap: break-word;
    
            font-weight: 600;
            font-size: 22px;
            line-height: 1.432;
            color: #FFFFFF;
            padding-bottom: 15px;
            border-bottom: 5px solid #D1000B;
        } */

.socialmedia .media span a {
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.714;
    color: #FFFFFF;
    margin-left: 5px;
}

.socialmedia .media span i {
    color: #FFFFFF;
}

/*.socialmedia .media span a::before {
                content: "\f054";*/
/* Font Awesome arrow icon Unicode */
/*font-family: 'Font Awesome 5 Free';*/
/* Font Awesome font family */
/*font-weight: 900;*/
/* Font Awesome font weight */
/*position: absolute;*/
/* Absolute positioning */
/*left: 10px;
                top: 44.5%;*/
/* Aligns the icon to the left of the element */
/*top: 0%;*/
/* Centers the icon vertically */
/*transform: translateY(-50%);*/
/* Centers the icon vertically */
/*color: #FFFFFF;*/
/* Color of the icon */
/*}*/

.socialmedia .media .connect {
   display: flex;
    flex-direction: row;
    gap: 15px;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 20px;
}

.socialmedia .media .connect img {
    margin-top: 0px;
    width: 26px;
    height: 26px;
    display: block;
    padding: 2px;
}

.socialmedia .media .connect .bgfooter {
      border-radius: 20px;
    background: #D1000B;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    color: #fff;
    font-size: 20px;
}

.socialmedia .media .connect .conectdetials {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.socialmedia .media .connect .conectdetials span {
    display: inline-block;
    align-self: flex-start;
    overflow-wrap: break-word;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5;
    color: #FFFFFF;
}


span.featured-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 43px;
    color: gold;
    /* display: none; */
    /* z-index: 999; */
}



.blogDetails .blogsTitle {
        text-align: center;
    max-width: 450px;
    margin: 0 auto;
}

.sectionblogs .blogssubTitle {
    text-align: center;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 28px;
    padding: 20px 0 40px;
    color: #0A2743;
    max-width: 560px;
    margin: 0 auto;
}

.sectionblogs .bloglist {
  display: flex;
    gap: 15px;
    margin: 10px 0;
    flex-wrap: wrap;
}

.sectionblogs .bloglist .blog {
    flex: 0 calc(32% - 20px);
    box-shadow: 4px 10px 80px 2px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    position: relative;
    display: flex;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.blogimg img {
    width: 100%;
    border-radius: 10px;
}

.sectionblogs .bloglist .blog .blogimg .date {
       position: absolute;
    right: 40px;
    top: 40px;
    background: #0A2743;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 12px;
    letter-spacing: 0.5px;
}

.sectionblogs .bloglist .blog .bloghead {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.3;
    color: rgb(10, 39, 67);
    padding: 15px 0 10px;
    min-height: 70px;
}

.sectionblogs .bloglist .blog p {
       font-size: 15px;
    color: #0A2743;
    line-height: 1.4;
    margin: 0;
}
.sectionblogs .blogdetails .blog p{
    margin: 10px 0;
}

.sectionblogs .bloglist .blog a {
    float: right;
    align-self: flex-end;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 14px;
    line-height: 2;
    color: #D1000B;
}

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

.adjusttitle {
    padding: 20px 216px;
}

/* .sectionblogs .blogsTitle h2 {
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 40px;
    color: #0A2743;
} */



.sectionblogs .nowrap {
    flex-wrap: nowrap;
    margin-top: 4em;
}


.sectionblogs .bloglist .blogdetails {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 80%;
}

.sectionblogs .bloglist .blog {
 
}

.blogimg img {
    width: 100%;
}




.blogcontent p b {
    display: block;
    color: #0A2743;
}

.sectionblogs {
    padding: 40px 0;
}

.sectionblogs .trend {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 30px;
}

.sectionblogs .trend h5 {
    margin: 50px 0 18px 14px;
    display: inline-block;
    align-self: center;
    overflow-wrap: break-word;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    color: #D1000B;
}

.sectionblogs .trend .trendlist {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-bottom: 2px solid rgba(209, 0, 11, 0.35);
    padding: 10px;
    flex-wrap: wrap;
    padding-bottom: 2em;
}

.sectionblogs .trend .trendlist a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #0A2743;
}

.sectionblogs .trend .trendlist .date {
       background: #0A2743;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    width: fit-content;
    display: inline-block;
    font-size: 12px;
}

.blog-header img {
    object-fit: cover;
    height: 18px;
    width: 100%;
}

.blog-header {
   position: relative;
}

/* Back button style */
.back-btn {
   top: 20px;
    position: absolute;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
    left: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

.back-btn:hover {
    color: #555;
    /* hover par halka dark gray */
}


a.logout-link img {
    height: 30px !important;
    width: auto !important;
}

.inner-dropdown a {
   color: #000;
    font-size: 14px;
    padding: 10px;
    display: block;
}

.columnlist {
    width: 100%;
}

.columnlist .item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.columnlist .item input {
    margin: 4px 0 0 0;
    /* LEFT FIX */
    flex-shrink: 0;
    width: 30px !important;
    /* checkbox size lock */
}

.columnlist .item label {
    flex: 1;
    line-height: 1.6;
    margin: 0;
}



@media (min-width: 360px) and (max-width:575px) {
    .list_features .card_bx {
        max-width: 33%;
        flex: 0 0 33%;
    }

    .future-wrapper h3,
    .faq-container .header_bx p,
    .we-provide-best,
    .features .header_bx p,
    .why-us .header_bx p,
    .switch-2 .header_bx p,
    .pricing .header_bx p,
    .team .header_bx p {
        font-size: 26px;
        line-height: 32px;
    }

    .banner_dwn .cont_dwn p {
        font-size: 32px;
    }

    .plan_list,
    .frame-parent49 {
        grid-template-columns: auto;
    }

    .list_value {
        flex-wrap: wrap;
    }

    .list_value .card_bx {
        width: 60%;
        margin: 0 auto;
    }

    .list_value .card_bx .cont_bx h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .about-us {
        grid-template-columns: auto;
        display: block;
        width: 100%;
        padding: 30px 15px;
    }
}

@media (min-width: 360px) and (max-width:420px) {
    .about-ev-data {
        position: initial;
    }

    .banner_dwn .cont_dwn p {
        font-size: 24px;
    }

    .pricing {
        padding-bottom: 30px;
    }

    .banner_dwn {
        background: #000;
    }

    .list_value .card_bx {
        width: 100%;
    }

    .faq_bdy {
        padding: 20px;
    }

    .get-green-and-container {
        font-size: 26px;
        line-height: 32px;
    }

    .discover-the-ultimate-in-elect-wrapper {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .we-provide-best-solutions-for-wrapper {
        height: auto;
    }

    .discover-the-ultimate {}

    .list_features .card_bx {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0 15px;
    }

    .car-chargingjpg-icon {
        width: 100%;
    }

    .rectangle-parent {
        width: auto;
    }

    .frame {
        width: auto;
    }

    .frame1 {
        flex-shrink: initial;
    }

    .frame-parent3 {
        max-height: initial;
        display: block;
        width: 100%;
    }

    .unlock-savings-while-conservin-wrapper {
        width: auto;
    }

    .frame-child {
        width: 40px;
        height: 40px;
    }

    .frame-parent3,
    .rectangle-group {
        width: auto;
        margin-top: 20px;
        gap: 15px;
    }

    .future-wrapper h3,
    .faq-container .header_bx p,
    .we-provide-best,
    .features .header_bx p,
    .why-us .header_bx p,
    .switch-2 .header_bx p,
    .pricing .header_bx p,
    .team .header_bx p {
        font-size: 22px;
        line-height: 26px;
    }
}

@media (min-width: 360px) and (max-width: 990px) {
   
.contact-wrapper{
    margin: 0;
    padding: 30px;
}

    .frm_signup {
        display: block !important;
        width: 100%;
        min-height: auto;
        background: #fff;
    }

    .frm_inner {
        display: block !important;
        width: 100%;
        height: 100vh;
    }

    .sectionblogs .bloglist {
      flex-wrap: wrap;
      margin-top: 20px;
    }

    .sectionblogs {
        display: block;
        flex-direction: column;
        padding: 25px 0;
        width: 100%;
    }

    .form-row {
        display: block !important;
        gap: 25px;
        width: 100%;
    }

    /* .contact-wrapper {
        width: 100% !important;
        max-width: 100%;
        margin: 0 auto;
        padding: 50px;
        background: #ffffff;
        display: block !important;
        justify-content: space-between;
        gap: 55px;
        box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    } */

    .breadcrumb-wrapper {
        width: 100%;
        max-width: 100%;
        padding-left: 0;
        margin: 0 auto;

        display: flex;
        align-items: center;
        /* vertical center */

        box-sizing: border-box;
    }


    .aboutrevisor .re-visor-transaction {
        text-align: justify;
        overflow-wrap: break-word;

        font-weight: 400;
        font-size: 20px;
        line-height: 1.28;
        color: #636363;
        padding: 0 185px;
    }

    .whychooseus {
        padding: 80px 0 0;
    }

    .works .group-1000005046 {
        margin: 0 auto;
        display: block;
        width: auto;
        height: auto;
        box-sizing: border-box;
        padding: 64px 0 0;
    }

    .works .container-16 {
        margin: 0 auto;
    }

 




    .Developer .group-1000005052 {
        margin: 0 auto;
    }

    .Developer .devwrapper {
        display: block;
    }

 

    .teamslist {
        display: block;

    }

    .preconstruction {
      
        padding:50px 20px;
    }
    .imagine h3{
        font-size: 30px;
    }

    .footerrevisor .row {
        display: block !important;
    }

    /* .footerrevisor .socialmedia {
        display: block !important;

    } */

    .socialmedia .media {

        padding: 10px 0px 20px !important;
    }

    .footerrevisor .containerS {
        padding: 15px;
    }

    .footerrevisor .listicon p {

        width: 100%;

    }

    .works .vector-48 {
        width: auto;
        height: auto;
        object-fit: cover;
    }

    .works .container-32 {
        margin: 0 auto;
        display: block;
        width: auto;
    }

    
    .works .container-9 {
        margin: 0 auto;
    }

    .whychooseus .choose {
        margin: 15px 0;
        height: auto;
    }

    .whychooseus .group-1000005053 {
        margin: 0 auto !important;
    }

    .whychooseus .container-31 {
        display: block;

        .frame-nav {
            padding: 20px 0px;
        }

        .frame-parent1 {
            gap: 15px;
        }

        .about-us {
            display: grid;
            grid-template-columns: 1fr 2fr;
        }

        .frame-parent3 {
            width: auto;
            gap: 0;
        }

        .frame-parent4 {
            width: auto;
            margin-top: 30px;
            width: 100%;
        }

        .frame-child1,
        .frame-inner {
            width: 100%;
            height: auto;
        }

        .frame-parent5 {
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        .we-provide-best,
        .features .header_bx p,
        .why-us .header_bx p,
        .switch-2 .header_bx p,
        .pricing .header_bx p,
        .team .header_bx p {
            font-size: 32px;
            line-height: 32px;
        }

        .discover-the-ultimate {
            width: auto;
            font-size: 14px;
            line-height: 18px;
        }

        .list_value .card_bx .cont_bx h3 {
            font-size: 16px;
        }

        .plan_list,
        .frame-parent49 {
            grid-template-columns: repeat(2, 1fr);
        }

        .banner_dwn {
            background-size: auto;
            background-position: bottom;
            margin-bottom: 30px;
        }

        .phone_img img {
            width: 200px;
        }

        .phone_img {
            margin: 0;
        }

        .banner_dwn .cont_dwn {
            padding-bottom: 30px;
        }
    }


    .get-green-and {
        margin: 0 2px 0px 0;
        display: inline-block;
        overflow-wrap: break-word;

        font-weight: 600;
        font-size: 35px;
        color: #fff;
    }

    .frame-parent2 {
        padding: 0 5%;
        gap: 20px;
    }

    .why-us,
    .team {
        padding: 30px 5%;
    }

    .list_value .card_bx .cont_bx {
        padding: 0 10px 10px;
    }

    .list_value .card_bx:nth-child(2) .cont_bx {
        bottom: 39px;
    }

    .list_value .card_bx img {
        width: 100%;
    }

    .list_value .card_bx .cont_bx h3 {
        font-size: 11px;
        line-height: 16px;
    }

    
}











/* new csss */

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

.faq-box .accordion-item {
    border: 2px solid rgba(217, 217, 217, 1);
    margin-bottom: 10px;
    border-radius: 10px;
}
.faq-box .accordion-item button.accordion-button {
    background: transparent;
    font-size: 20px;
    color: rgba(10, 39, 67, 1);
    font-weight: 500;
}
.faq-box .accordion-item button.accordion-button:focus{
    outline: none;
    box-shadow: none;
}

.faq-box .accordion-collapse .show{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px 0px;
    border-radius:0 0 10px 10px;
}
.faq-box .accordion-body{
font-size: 15px;
color: rgba(10, 39, 67, 1);
}

  .contact-wrapper {
        width: 100%;
        max-width: 1250px;
        margin: 40px auto;
        padding: 50px;
        background: #ffffff;
        display: flex;
        justify-content: space-between;
        gap: 55px;
        box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
    }

 .contact-left {
    padding: 0;
    width: 40%;
}
   

    .contact-left p {
    margin-top: 50px;

    }

    .contact-right {
        flex: 1;
    }

    .form-row {
        display: flex;
        gap: 25px;
        width: 100%;
    }

    .form-group {
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0px 0px 20px;
    }

    .form-group label {
        font-size: 14px;
        margin-bottom: 6px;
        color: #0d1c3b;
        display: inline-block;
        overflow-wrap: break-word;
        font-family: sans-serif;
        font-weight: 600;
        font-size: 16px;
        color: #0A2743;

    }

    .form-group input,
    .form-group textarea {
      width: 100%;
    border-radius: 5px;
    font-family: var(--font-roboto-regular), sans-serif;
        padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0.5px;
    }

    textarea {
        height: 110px;
        resize: none;
    }

    .send-btn {
        border-radius: 5px;
        background: #D1000B;
        margin: 0 0.1px;
        /* display: flex
; */
        align-self: flex-start;
        padding: 10px;
        width: 127px;
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        border: none;
        overflow-wrap: break-word;
        font-family: 'Poppins';
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    /* FAQ Title */
   

.ourNewestproperty .section-title h2,
.section-title h2 {
    font-weight: 600;
    font-size: 35px;
}


.section-title h2 span {
    color: #d1000b;
}


.frameHero h4 {
    font-size: 24px;
    margin: 40px 0 50px;
    font-weight: 400;
}

.frameHero h1 {
        font-size: 60px;
    max-width: 540px;
    font-family: 'Roboto-ExtraBold';
}

.propertyBox.w-100.text-center.p-4 {
    max-width: 420px;        /* card ki width control */
    margin: 0 auto;          /* 🔥 CARD CENTER */
    box-shadow: 0px 4px 20px rgba(0,0,0,0.1);
    border-radius: 20px;
    background: #fff;
}

@media (max-width:990px){
    .ourNewestproperty .container-18{
        display: block;
    }
    .aboutrevisor .border-1,
    .aboutrevisor .border-r0{
        display: none;
    }
    .aboutrevisor .group-1695{
        max-width: 100%;
    }
    .aboutrevisor .container-28 {
    position: relative;
    transition: inherit;
    width: 100%;
    display: block;
    left: 0;
    bottom: 0;
    top: 0;
    translate: inherit;
}
.aboutrevisor .group-1695 {
    position: static;
    translate: inherit;
}
.aboutrevisor .group-1000004982{
    padding: 0;
}
.container-19 ul.tabspanel{
    gap: 10px;
}
.container-19 ul.tabspanel li.tab{
    min-width: 100px;
}
ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin-top: 20px;
}
ul.slick-dots li {
    list-style: none;
   
}
ul.slick-dots li button {
    list-style: none;
    width: 10px;
    height: 10px;
    display: block;
    font-size: 0;
    border-radius: 20px;
    background: #939191;
    border: 0;
}
ul.slick-dots li.slick-active button{
    background-color: #D1000B;
}

.container-18 .property{
    padding: 15px;
    box-shadow:inherit
}
.propertyBox.w-100 {
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    border-radius: 10px;

}
.teamslist .member{
    margin: 10px;
}

}






@media (max-width:767px){
    .container-19 ul.tabspanel li.tab{
    min-width: 90px !important;
}
    .works .group-1000005045 {
       
        width: 100%;
       
    }
    .frameHero{
        position: static;
    }

    .frameHero h4 {
    font-size: 18px;
    margin: 10px 0;
}
.filter .control-group:last-child{
    padding:20px 0;
    width: 100%;
}
.btn_get{
    display: block;
    margin: 0;
}
   
.aboutrevisor .welcome-marketplace{
    font-size: 20px;
}
.aboutrevisor .re-visor-transaction {
    text-align: center;
    display: block;
    padding: 0;
}
    .frameHero h1{
        font-size: 45px;
    }
    .frame-5139793-1{
        height: 60px;
    }
    a.registerBtn{
        min-width: 70px;
        font-size: 13px;
    }
    .frame-section{height: auto;
    padding: 100px 20px 30px;}

    .workBox-thumb {
    height: 100px;
    padding-bottom: 10px;
}
.works .worksBox{
    width: 100%;
}
.workBox-thumb img.vector-48{
    height: 100%;
}
.group-1000005047.worksBox {
    margin-top: 30px;
}
.container>.row{
padding: 0;
margin: 0;

}
.footerrevisor .media:last-child {
    width: 100%;
    flex: none;
}
.footerrevisor .listicon p{
    max-width: 100%;
}
.filter{
    flex-wrap: wrap;
}
.sectionblogs .bloglist .blog {
    flex: auto;
    width: 100%;
}
.sectionblogs .bloglist .blogdetails{
    width: 100%;
}
.sectionblogs .trend{
    padding: 0;
}
a.back-btn{
    position: static;
    margin-bottom: 10px;
}
.ourNewestproperty .section-title h2, .section-title h2{
    font-size: 25px;
}
.contact-left{
    width: 100%;
}
.contact-left p {
    margin-top: 10px;
    margin-bottom: 30px;
}
.contact-right {
    padding: 0;
    width: 100%;
    flex: none;
}
.faq-box .accordion-item button.accordion-button{
    font-size: 17px;
}
.contact-wrapper{
    margin: 0;
    padding: 30px 10px;
}
}

    .amenities-slider {
    overflow: hidden;
    width: 100%;
}

/* .amenitiesSlider {
    display: flex;
    transition: transform 0.8s ease-in-out;
} */

.amenitiesItem {
    flex: 0 0 220px;
    margin-right: 30px;
}

.check-now {
    background: #D1000B;
}
.check-now2 {
    background: #D1000B;
}
.btomcheck {
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.08);
        border-radius: 8px;
}
.check-msg {
    background: #D1000B;
    color: white !important;
    padding: 10px;
    font-weight: 600;
    font-size: 12px;
}
/* wrapper */
.concierge-wrap {
    position: relative;
}

/* icon circle */
.icon-comment {
    position: relative;
    z-index: 2;
}

.icon-comment i {
    width: 44px;
    height: 44px;
    background: #d10000;
    color: #fff;
    font-size: 18px;
}

/* glow effect */
.icon-comment::before {
     content: "";
    position: absolute;
    inset: 2px;
    background: #d1000b;
    filter: blur(8px);
    border-radius: 50%;
    z-index: -1;
}

.concierge-wrapper{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    position:relative;
    width:200px;
}

/* white circle */
.icon-comment{
      position: relative;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-bottom: -15px;
}

/* red inner circle */
.icon-comment i{
    width:55px;
    height:55px;
    background:#d80000;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
}

/* glow */
.icon-comment::after{
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 50%;
    /* filter: blur(2px); */
    z-index: -1;
}


/* force vertical layout */
.property-top-subnav .d-flex.align-items-center.gap-2.ms-3 {
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
}

/* icon circle */
.icon-comment {
    position: relative;
}

.icon-comment i {
 width: 40px;
    height: 40px;
    background: #d10000;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
}
.view-properties{
    background:transparent
}

.view-more-overlay {
    background: rgba(218,19,19,0.6);
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 12px;
    letter-spacing: 1px;
    cursor:pointer;
}
a.btn.mark-read {
    color: white !important;
    background: #d1000b !important;
    padding: 0 10px !important;
}

@media only screen and (max-width: 767px) {

    .property-top-subnav {
        display: block !important;
    }
.btomcheck {
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    display: block !important;
   
    
    text-align: center;
}
 .check-now {
        margin: 20px auto  0px;   /* ye center karega */
        display: flex;
    }
   .concierge-wrapper {
        margin: 30px auto  0 !important;   /* ye wrapper ko center karega */
    }
    .prpty-name {
    display: block !important;
    padding: 0px 0px;
}
    .luxury-high-rise-condominium-with-modern-amenities {
        display: block !important;
        width: 100%  !important;
    }
.savelist {
    padding: 15px 0 0;
}

.view-properties .group-1000005060 {
    margin-top: 0.3px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 113.6px;
    box-sizing: border-box;
}
    .view-properties .group-1000005059 {
        margin-bottom: 0.3px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100% !important;
        box-sizing: border-box;
        gap: 12px;
    }
    
}

@media (max-width: 991px) {

    .filter {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
.works .worksBox {
    width: 100%;
}
}