* {
    margin: 0;
    padding: 0;
}


.banner {
    background: url("/img/plot-banner.jpeg");
    /* background:rgba(0,0,0,0.5), url(/img/plots-banner.jpeg);  */
    background-size: cover;
    background-position: center;
    margin: auto;
    height: 570px;
    max-width: 1600px;
}

.banner h2 {
    color: white;
    font-size: 32px;
    font-weight: 800;
}

.contact-btn {
    padding: 10px 20px;
    color: #39AAE0;
    border: none;
    border-radius: 10px;
    font-weight: 600;
    margin-top: 20px;
}

.virtual-wrapper {
    background: linear-gradient(0deg, #3F89FF 0%, #0061E0 100%);
    border-radius: 15px;
    width: 700px;
    margin: 30px auto;
    padding-bottom: 10px;


}

.virtual-title h2 {
    font-size: 22px;
    font-weight: 600;
    color: white;
    text-align: center;
    width: 400px;
    margin: auto;
    padding-top: 20px;
}

.virtual-btn {
    display: flex;
    margin: 20px auto;
    text-align: center;
    gap: 5%;
    width: 400px;
}

.virtual-whatsapp,
.virtual-gmeet {
    background-color: white;
    border-radius: 10px;
    width: 200px;

}

.virtual-whatsapp p,
.virtual-gmeet p {
    margin-bottom: 0;
    padding: 15px 0;

}

.virtual-icon img {
    width: 30px;
}

.virtual-cntnt {
    text-align: center;
    margin: auto;
}

.plots-wrapper {
    width: 1300px;
    margin: auto;
    color: black;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cntnt-left {
    width: 800px;
}

.cntnt-left h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 38px;
}

.cntnt-left p {
    font-size: 18px;
}

.cntnt-right {
    /* width: 700px; */
    font-size: 18px;
    /* padding: 15px; */
}

.cmda-wrapper {
    width: 1300px;
    margin: 40px auto;
    justify-content: space-between;
    margin: 60px auto;
    /* gap: %; */
}

.cmda-img img {
    width: 555px;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.cmda-cntnt {
    width: 700px;
    padding: 20px;
}

.cmda-cntnt h2 {
    font-weight: 600;
    font-size: 25px;
    line-height: 38px;
}

.why-choose-wrapper {
    background-color: #d7f2ff;
    max-width: 1600px;
    margin: auto;
    text-align: center;
    padding: 80px;
}

.why-choose-title h2 {
    font-weight: 500;
    font-size: 25px;
    margin: auto;
    padding-bottom: 20px;
}

.why-choose-cntnt {
    gap: 1%;
    width: 1300px;
    margin: auto;
    padding: 10px;
}

.box-one {
    background-color: white;
    border-radius: 5px;
    padding: 30px;
}

.box-one img {
    background-color: rgb(227 249 255);
    border-radius: 50px;
    width: 80px;
    padding: 20px;
    margin: 10px;
}

.plot-into {
    width: 600px;
    margin: auto;
    text-align: center;
    padding: 30px 0;
}

.plot-into h2 {
    font-weight: 600;
}

.plot-into p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    color: #2575FC;
    padding-top: 10px;
}

.plot-banner {
    background-image: url(../img/plot-bg.jpeg);
    object-fit: cover;
    width: 1600px;
    text-align: center;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

/* FAQ container */

.dl-faq {
    position: relative;
    max-width: 36rem;
    margin: 2rem auto 3rem;
}

.dl-faq>dt {
    font-size: 1.2rem;
    font-weight: 100;
    padding: 1rem;

    /* Fix for IE9 & 10 */
    border-top: 1px solid rgba(255, 255, 255, .2);
}

dt>button {
    color: inherit;
    background-color: inherit;
}

.dl-faq>dt:first-child .pab-btn,
.dl-faq>dt:first-child {
    border-top: 0;
}

.dl-faq.pab_container>dt {
    /* added via JS */
    padding: 0;
}

.dl-faq>dd {
    margin: 0 auto;
    padding: 0 1.5em;
    font-weight: 100;
}

.dl-faq>dd>div {
    padding: 0 0 2rem;
}

.dl-faq div>p {
    margin: 0 0 1rem;
}

.dl-faq div>:last-child {
    margin: 0;
}


/* The acivating buttons added via JS */

.pab-btn {
    position: relative;
    cursor: pointer;
    transition: color .3s ease-in;

    /* Using absolute positioning for SVG so reserve some space */
    padding: 1rem 2.5rem 1rem .5rem;
    border: 0 solid transparent;
    border-top: 1px solid rgba(0, 0, 0, .75);

    /* inherit doesn't work in IE */
    font-size: inherit;
    text-align: left;
    width: 100%;
}

.pab-btn:hover,
.pab-btn:focus {
    color: #fff;
    /* background-color: rgba(0, 0, 0, .25); */
    background-color: #0099ff;

}

.pab-btn:active {
    color: #fff;
    /* background-color: rgba(0, 0, 0, .25); */
    background-color: #0099ff;
}

.pab-btn:focus {
    outline: 0 solid;
}

.pab-btn::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin-top: -2px;
    margin-bottom: -2px;
}


/* Underline text on button hover (Tesco requirement) */

.pab-btn>span {
    position: relative;
    /* Removes button drepression in IE */
    pointer-events: none;
    /* Required by Safari */
    border-bottom: 1px solid transparent;
    transition: border-color .3s;
}

.pab-btn:hover>span,
.pab-btn:focus>span {
    border-bottom-color: rgba(255, 255, 255, .5);
}

.pab-btn:active>span {
    border-bottom-color: transparent;
}


/* SVG plus */

.pab-svg-plus {
    /* Tesco requirement
  border: 2px solid currentColor; */
    border-radius: 100%;
    display: block;
    position: absolute;
    top: calc(50% - .75em);
    right: 4px;
    width: 1.5em;
    height: 1.5em;
    margin: 0;
    pointer-events: none;
    stroke-width: 4;
    stroke-linecap: square;
    stroke: currentColor;
    -webkit-transition: transform .7s ease-out, box-shadow .3s ease-out;
    transition: transform .7s ease-out, box-shadow .3s ease-out;
}



[aria-expanded="true"]>.pab-svg-plus {
    transform: rotateZ(360deg);
}

.use-plus {
    /* used to animate plus into minus */
    -webkit-transition: stroke .5s ease-out, opacity .7s ease-out;
    transition: stroke .5s ease-out, opacity .7s ease-out;
}

[aria-expanded=true] .use-plus {
    opacity: 0;
}

.isSafari .pab-btn .pab-svg-plus {
    box-shadow: none;
}


/* Open / close animation - The inaccurate CSS max-height is resolved via JS adding an inline style */

[data-pab]+[aria-hidden] {
    overflow: hidden;
    opacity: 1;
    max-height: 50rem;
    visibility: visible;
    transition: visibility 0s ease 0s, max-height .65s ease-out 0s, opacity .65s ease-in 0s;
}

[data-pab]+[aria-hidden="true"] {
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: .66s, 0s, 0s;

}


/* Overide the max-height set as an inline style by the JS */

[data-pab]+[style][aria-hidden="true"] {
    max-height: 0 !important;
}



/* plot-accordian */
.plot-accordian h3 {
    font-size: 23px;
    font-weight: 600;
}

.plot-accordian ul li {
    list-style-type: disc;
    color: rgb(93, 93, 93);
}

.plot-accordian ul {
    padding: 20px;
}

.why-choose-wrapper-grey {
    background-color: #e9e9e9;
    max-width: 1600px;
    margin: auto;
    text-align: center;
    padding: 80px;
}
.plot-banner button{
    width: 120px;
    height: 50px;
    border: none;
    background-color: #0099ff;
    color: white;
    margin-top: 20px;
}

@media(max-width:767px) {
    .banner {
        height: 170px;
    }

    .banner h2 {
        font-size: 24px;
    }

    .virtual-wrapper {
        width: 400px;
    }

    .virtual-title h2 {
        font-size: 16px;
    }

    .virtual-btn {
        flex-direction: column;
        align-items: center;
    }

    .virtual-whatsapp,
    .virtual-gmeet {
        margin: 10px;
    }

    .virtual-cntnt {
        width: 370px;
    }

    .plots-wrapper {
        flex-direction: column;
        width: 350px;
    }

    .cntnt-left {
        width: 350px;
    }

    .cntnt-left h1 {
        font-size: 18px;
        text-align: center;
    }

    .cntnt-left p {
        text-align: center;
    }

    .cntnt-right {
        width: 350px;
        text-align: center;
    }

    .cmda-wrapper {
        flex-direction: column;
        width: 350px;
        margin: 0 auto;
    }

    .plot-banner {
        width: 350px;
    }
    .plot-banner h3{
        font-size: 20px;
    }
    .plot-accordian h3{
        text-align: center;
    }

    .cmda-cntnt {
        width: 350px;
        text-align: center;
    }

    .why-choose-cntnt {
        flex-direction: column;
        width: 350px;
    }

    .box-one {
        margin: 15px;
    }

    .plot-into {
        width: 350px;
        margin: auto;
    }
.why-choose-wrapper-grey{
    padding: 20px;
}
.why-choose-wrapper{
    padding: 20px;
}
.why-choose-title h2{
    font-size: 18px;
}
.cmda-img{
    padding-top: 30px;
}
}