/* Highlights List */

.highlights {

    list-style: none;

    padding: 0;

    margin: 0;

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));

    gap: 14px;

}



/* Each Highlight Item */

.highlights li {

    position: relative;

    padding: 14px 18px 14px 52px;

    background: linear-gradient(135deg, #ffffff, #f8f9fb);

    border-radius: 14px;

    font-size: 15px;

    font-weight: 500;

    color: #333;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);

    transition: all 0.35s ease;

    overflow: hidden;

}



/* Left Accent Bar */

.highlights li::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 6px;

    height: 100%;

    background: linear-gradient(180deg, #00c853, #009624);

}



/* Check Icon */

.highlights li::after {

    content: "✔";

    position: absolute;

    left: 18px;

    top: 50%;

    transform: translateY(-50%);

    width: 26px;

    height: 26px;

    border-radius: 50%;

    background: #00c853;

    color: #fff;

    font-size: 14px;

    font-weight: 700;

    display: flex;

    align-items: center;

    justify-content: center;

}



/* Hover Effects */

.highlights li:hover {

    transform: translateY(-6px);

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

}



/* Subtle Glow on Hover */

.highlights li:hover::before {

    background: linear-gradient(180deg, #1de9b6, #00c853);

}



/* Responsive */

@media (max-width: 575px) {

    .highlights {

        grid-template-columns: 1fr;

    }

}







/* new-project-gallery start */



.new-project-gallery {

    background: #f7f8f6;

}



/* Header */

.section-title {

    font-weight: 600;

    color: #0f3d2e;

}



.new-project-gallery span {

    color: #c9a24d;

}



.see-all-link {

    font-size: 14px;

    font-weight: 600;

    color: #c9a24d;

    text-decoration: none;

}



/* Gallery Card */

.project-card {

    position: relative;

    display: block;

    border-radius: 22px;

    overflow: hidden;

    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.12);

    text-decoration: none;

}



/* Image */

.project-card img {

    width: 100%;

    height: 260px;

    object-fit: cover;

    transition: transform 0.7s ease;

}



/* Overlay */

.project-card .overlay {

    position: absolute;

    inset: 0;

    background: linear-gradient(to top, rgb(49 64 59 / 90%), rgb(255 255 255 / 30%));

    display: flex;

    align-items: flex-end;

    padding: 24px;

    opacity: 0;

    transition: opacity 0.4s ease;

}



/* Overlay Content */

.overlay-content {

    color: #fff;

    transform: translateY(30px);

    transition: transform 0.4s ease;

}



.overlay-content h5 {

    font-size: 20px;

    margin-bottom: 6px;

}



.overlay-content p {

    font-size: 14px;

    margin-bottom: 8px;

    opacity: 0.9;

}



.overlay-content .price {

    font-weight: 600;

    color: #c9a24d;

}



/* Hover Effect (Effect 9 style) */

.project-card:hover img {

    transform: scale(1.15);

}



.project-card:hover .overlay {

    opacity: 1;

}



.project-card:hover .overlay-content {

    transform: translateY(0);

}



/* :end */



/* BASE */

.sitevisit-wrapper {

    border-radius: 18px;

    overflow: hidden;

    font-family: "Segoe UI", sans-serif;

}



/* HEADER */

.sitevisit-header {

    padding: 22px 28px;

    border-bottom: 3px solid #e6e6e6;

}



.sitevisit-header h2 {

    font-size: 26px;

    font-weight: 800;

    color: #1f6b4a;

    margin: 0;

}



/* BODY */

.sitevisit-body {

    padding: 28px;

}



/* PROMISE BOX */

.promise-box {

    background: #f2f6f3;

    border-radius: 20px;

    padding: 22px;

}



.promise-title {

    background: #1f6b4a;

    color: #fff;

    text-align: center;

    font-weight: 700;

    padding: 10px;

    border-radius: 12px;

    margin-bottom: 22px;

}



.promise-item {

    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 18px;
    color: #1f6b4a;
    justify-content: center;
}



.promise-item .icon {

    font-size: 26px;

}



.promise-item strong {

    font-size: 15px;

}



.promise-item p {

    margin: 0;

    font-size: 13px;

}



/* FORM */

.form-box {

    padding-top: 6px;

}



.form-input {

    width: 100%;

    padding: 15px 18px;

    border-radius: 14px;

    border: 2px solid #d2d2d2;

    font-size: 16px;

    margin-bottom: 18px;

}



.form-input:focus {

    outline: none;

    border-color: #1f6b4a;

}



/* MOBILE INPUT */

.mobile-input {

    display: flex;

    border: 2px solid #d2d2d2;

    border-radius: 14px;

    overflow: hidden;

    margin-bottom: 18px;

}



.mobile-input .flag {

    background: #f7f7f7;

    padding: 15px;

}



.mobile-input input {

    border: none;

    padding: 15px;

    width: 100%;

    font-size: 16px;

}



.mobile-input input:focus {

    outline: none;

}



/* CHECKBOX */

.checkbox {

    display: flex;

    gap: 10px;

    font-size: 13px;

    color: #555;

    margin-bottom: 22px;

}



.checkbox a {

    color: #1f6b4a;

    text-decoration: none;

}



/* BUTTON */

.submit-btn {

    background: #1f6b4a;

    color: #fff;

    border: none;

    padding: 12px 36px;

    border-radius: 30px;

    font-size: 17px;

    font-weight: 600;

    cursor: pointer;

    box-shadow:

        0 6px 0 #144a33,

        0 10px 20px rgba(0, 0, 0, .25);

}



.submit-btn:active {

    transform: translateY(2px);

    box-shadow: 0 4px 0 #144a33;

}



/* INFO BAR */

.info-box {

    margin: 24px;

    border: 2px solid #1f6b4a;

    border-radius: 18px;

    padding: 22px;

    text-align: center;

}



.info-title {

    background: #1f6b4a;

    color: #fff;

    display: inline-block;

    padding: 8px 24px;

    border-radius: 22px;

    font-weight: 700;

    margin-bottom: 18px;

}



.info-items {

    display: flex;

    justify-content: center;

    gap: 30px;

    flex-wrap: wrap;

    color: #1f6b4a;

    font-weight: 600;

}



/* RESPONSIVE */

@media (max-width: 768px) {

    .sitevisit-body {

        padding: 20px;

    }



    .submit-btn {

        width: 100%;

    }

}



.pp-footer {

    font-family: 'Inter', sans-serif;

    color: #222;

}



/* About Section */

.pp-about {

    background: #ffffff;

    padding: 70px 0 45px;

}



.pp-title {

    font-size: 22px;

    font-weight: 700;

    color: #0b5d4f;

    margin-bottom: 15px;

}



.pp-desc {

    max-width: 1100px;

    font-size: 15px;

    line-height: 1.8;

    color: #333;

}



.pp-rera {

    margin-top: 25px;

    display: flex;

    gap: 12px;

    max-width: 1100px;

    align-items: flex-start;

}



.pp-check {

    background: #b8860b;

    color: #fff;

    font-size: 13px;

    font-weight: 700;

    width: 22px;

    height: 22px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 4px;

}



/* Legal Section */

.pp-legal {

    background: #eef0f2;

    padding: 45px 0 30px;

    font-size: 13px;

}



.pp-brand {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 16px;

    font-weight: 600;

    letter-spacing: 1px;

}



.pp-divider {

    width: 1px;

    height: 26px;

    background: #aaa;

}



.pp-project strong {

    font-size: 20px;

    letter-spacing: 2px;

}



.pp-rera-no {

    margin: 14px 0;

    font-weight: 500;

}



.pp-disclaimer {

    max-width: 1150px;

    margin: 25px auto;

    line-height: 1.7;

    color: #333;

}



.pp-links {

    margin: 15px 0;

}



.pp-links a {

    color: #1a73e8;

    text-decoration: none;

    font-weight: 500;

}



.pp-links a:hover {

    text-decoration: underline;

}



.pp-copy {

    margin-top: 10px;

    color: #444;

}



/* Responsive */

@media (max-width: 768px) {

    .pp-brand {

        flex-direction: column;

        gap: 6px;

    }



    .pp-divider {

        display: none;

    }



    .pp-desc,

    .pp-disclaimer {

        font-size: 14px;

    }

}



@media (max-width: 480px) {

    .pp-title {

        font-size: 20px;

    }



    .pp-about {

        padding: 50px 0 35px;

    }

}



.site-visit {

    padding: 80px 0;

    background: #ffffff;

    font-family: 'Inter', sans-serif;

}



/* .section-heading {

    text-align: center;

    font-size: 32px;

    font-weight: 700;

    color: #0b5d4f;

} */



.heading-line {

    display: block;

    width: 60px;

    height: 3px;

    background: #cfcfcf;

    margin: 12px auto 50px;

}



/* Layout */

.visit-wrapper {

    display: grid;

    grid-template-columns: 1.1fr 1fr;

    gap: 50px;

    align-items: center;

}



/* Image */

.visit-image {

    border-radius: 32px;

    overflow: hidden;

    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);

}



.visit-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



/* Form Card */

.visit-form {

    background: #ffffff;

    border-radius: 16px;

    padding: 35px;

    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);

}



/* Inputs */

.form-group {

    margin-bottom: 20px;

}



.form-group input {

    width: 100%;

    padding: 16px 18px;

    font-size: 15px;

    border: 1.5px solid #cfcfcf;

    border-radius: 12px;

    outline: none;

    transition: all 0.3s ease;

}



.form-group input:focus {

    border-color: #0b5d4f;

    box-shadow: 0 0 0 3px rgba(11, 93, 79, 0.15);

}



/* Phone Input */

.phone-group {

    display: flex;

    align-items: center;

    gap: 10px;

}



.country-code {

    padding: 14px 14px;

    border: 1.5px solid #cfcfcf;

    border-radius: 12px;

    font-size: 15px;

    background: #f8f8f8;

    white-space: nowrap;

}



/* Consent */

.consent {

    display: flex;

    gap: 10px;

    font-size: 13px;

    color: #333;

    line-height: 1.6;

    margin: 18px 0 25px;

}



.consent input {

    margin-top: 4px;

}



.consent a {

    color: #1a73e8;

    text-decoration: none;

}



.consent a:hover {

    text-decoration: underline;

}



/* Button */

.submit-btn {

    background: #0b5d4f;

    color: #fff;

    border: none;

    padding: 14px 30px;

    font-size: 16px;

    font-weight: 600;

    border-radius: 30px;

    cursor: pointer;

    box-shadow: 0 8px 20px rgba(11, 93, 79, 0.4);

    transition: all 0.35s ease;

}



.submit-btn:hover {

    background: #094c40;

    transform: translateY(-2px);

}



/* Responsive */

@media (max-width: 992px) {

    .visit-wrapper {

        grid-template-columns: 1fr;

    }



    .visit-image {

        max-height: 320px;

    }

}



@media (max-width: 576px) {

    .section-heading {

        font-size: 26px;

    }



    .visit-form {

        padding: 25px;

    }

}



/* Container styling */

.cards-container {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 2rem;

    margin-top: 1.5rem;

}



/* Card styling */

.card {

    background: #fff;

    border-radius: 16px;

    padding: 1.8rem 1.5rem;

    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

    transition: transform 0.3s ease, box-shadow 0.3s ease;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    text-align: center;

}



/* Hover effect */

.card:hover {

    transform: translateY(-10px);

    box-shadow: 0 20px 35px rgba(0, 0, 0, 0.15);

}



/* Card headings */

.card h3 {

    font-size: 1.5rem;

    color: #333;

    margin-bottom: 0.5rem;

}



/* Card description */

.card p {

    color: #666;

    margin-bottom: 1rem;

    font-size: 1rem;

}



/* Price styling */

.card .price {

    font-size: 1.2rem;

    font-weight: 600;

    color: #1f6b4a;

    margin-bottom: 1.5rem;

}



/* Button styling */

.card .btn {

    background: #1f6b4a;

    color: #fff;

    text-decoration: none;

    padding: 0.6rem 1.2rem;

    border-radius: 50px;

    font-weight: 500;

    transition: background 0.3s ease, transform 0.3s ease;

}



.card .btn:hover {

    background: #1b3a2b;

    transform: scale(1.05);

}



/* Responsive heading */

h2 {

    text-align: center;

    font-size: 2rem;

    margin-bottom: 2rem;

    color: #222;

}





/* Hero Slider Section */

.hero-slider {

    position: relative;

    height: 115vh;

    overflow: hidden;

}



.hero-slider .carousel-item {

    height: 115vh;

}



.hero-slider img {

    object-fit: cover;

    height: 115vh;

}



/* Dark Overlay on Slides */

.carousel-overlay {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.4);

    z-index: 1;

}



/* Info Card Overlay */

.hero-info-card {

    position: absolute;

    top: 57%;

    left: 50px;

    transform: translateY(-50%);

    z-index: 2;

    background: rgb(255 255 255);

    padding: 30px;

    border-radius: 9px;

    color: #fff;

    max-width: 450px;

    z-index: 5;

}



.hero-status {

    background: #f5a623;

    padding: 4px 10px;

    border-radius: 4px;

    font-weight: bold;

    display: inline-block;

    margin-bottom: 15px;

}



.hero-info-card h1 {

    font-size: 2rem;

    margin-bottom: 5px;

}



.hero-info-card h2 {

    font-size: 1.2rem;

    margin-bottom: 5px;

}



.hero-info-card h3 {

    font-size: 1rem;

    margin-bottom: 15px;

}



.hero-card {

    background: rgb(29 69 53);

    padding: 10px;

    border-radius: 8px;

    margin-bottom: 15px;

}



.hero-card table {

    width: 100%;

    color: #fff;

    border-collapse: collapse;

}



.hero-card td {

    padding: 5px 0;

}



.hero-offers {

    list-style: none;

    padding: 0;

    margin-bottom: 15px;

    color: #1d4535;

}



.hero-offers li {

    margin-bottom: 5px;

}



.hero-pricing h4 {

    margin-bottom: 5px;

}



.hero-pricing h5 {

    font-size: 1.5rem;

    font-weight: 700;

    margin-bottom: 15px;

}



.hero-cta {

    padding: 10px 20px;

    border-radius: 8px;

    background: #000;

    color: #fff;

    font-weight: 700;

    border: none;

}



.hero-cta:hover {

    background: #333;

}



/* Responsive */

@media (max-width: 768px) {

    .hero-info-card {

        left: 0px;

        max-width: 90%;

        padding: 20px;

    }



    .hero-info-card h1 {

        font-size: 1.5rem;

    }



    .hero-info-card h2 {

        font-size: 1rem;

    }



    .hero-info-card h3 {

        font-size: 0.9rem;

    }

}







/* .chatbot :start */



.chatbot__button {

    position: fixed;

    bottom: 110px;

    right: 15px;

    width: 50px;

    height: 50px;

    display: flex;

    justify-content: center;

    align-items: center;

    background: #227ebb;

    color: #f3f7f8;

    border: none;

    border-radius: 50%;

    outline: none;

    cursor: pointer;

    z-index: 1002;

}



.chatbot__button span {

    position: absolute;

}



.show-chatbot .chatbot__button span:first-child,

.chatbot__button span:last-child {

    opacity: 0;

}



.show-chatbot .chatbot__button span:last-child {

    opacity: 1;

}



.chatbot {

    position: fixed;

    bottom: 100px;

    right: 15px;

    width: 420px;

    background-color: #f3f7f8;

    border-radius: 15px;

    box-shadow: 0 0 128px 0 rgba(0, 0, 0, 0.1) 0 32px 64px -48px rgba(0, 0, 0, 0.5);

    transform: scale(0.5);

    transition: transform 0.3s ease;

    overflow: hidden;

    opacity: 0;

    pointer-events: none;

    z-index: 1001;

}



.show-chatbot .chatbot {

    opacity: 1;

    pointer-events: auto;

    transform: scale(1);

}



.chatbot__header {

    position: relative;

    background-color: #227ebb;

    text-align: center;

    padding: 16px 0;

}



.chatbot__header span {

    display: none;

    position: absolute;

    top: 50%;

    right: 20px;

    color: #202020;

    transform: translateY(-50%);

    cursor: pointer;

}



.chatbox__title {

    font-size: 1.4rem;

    color: #f3f7f8;

}



.chatbot__box {

    height: 400px;

    overflow-y: auto;

    padding: 30px 20px 100px;

}



.chatbot__chat {

    display: flex;

}



.chatbot__chat p {

    max-width: 75%;

    font-size: 0.95rem;

    white-space: pre-wrap;

    color: #202020;

    background-color: #019ef9;

    border-radius: 10px 10px 0 10px;

    padding: 12px 16px;

}



.chatbot__chat p.error {

    color: #1f6b4a;

    background: #f8d7da;

}



.incoming p {

    color: #202020;

    background: #bdc3c7;

    border-radius: 10px 10px 10px 0;

}



.incoming span {

    width: 32px;

    height: 32px;

    line-height: 32px;

    color: #f3f7f8;

    background-color: #227ebb;

    border-radius: 4px;

    text-align: center;

    align-self: flex-end;

    margin: 0 10px 7px 0;

}



.outgoing {

    justify-content: flex-end;

    margin: 20px 0;

}



.incoming {

    margin: 20px 0;

}



.chatbot__input-box {

    position: absolute;

    bottom: 0;

    width: 100%;

    display: flex;

    gap: 5px;

    align-items: center;

    border-top: 1px solid #227ebb;

    background: #f3f7f8;

    padding: 5px 20px;

}



.chatbot__textarea {

    width: 100%;

    min-height: 55px;

    max-height: 180px;

    font-size: 0.95rem;

    padding: 16px 15px 16px 0;

    color: #202020;

    border: none;

    outline: none;

    resize: none;

    background: transparent;

}



.chatbot__textarea::placeholder {

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

}



.chatbot__input-box span {

    font-size: 1.75rem;

    color: #202020;

    cursor: pointer;

    visibility: hidden;

}



.chatbot__textarea:valid~span {

    visibility: visible;

}



@media (max-width: 490px) {

    .chatbot {

        right: 0;

        bottom: 0;

        width: 100%;

        height: 100%;

        border-radius: 0;

    }



    .chatbot__box {

        height: 90%;

    }



    .chatbot__header span {

        display: inline;

    }

}



/* chatbot :end */



/* footer bar section :start */

.footer_bar {

    display: none;

    /* hidden by default for desktop */

}



.footer_col {

    flex: 1;

    text-align: center;

    padding: 12px 0;

    font-weight: 600;

    color: #fff;

    text-decoration: none;

    font-size: 14px;

    transition: 0.3s all;

}



.footer_col a {

    color: #fff;

    text-decoration: none;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

}



.footer_col i {

    font-size: 16px;

}



/* Different background colors for each column */

.footer_col.call {

    background-color: #1f6b4a;

}



.footer_col.enquire {

    background-color: #244e3d;

}



.footer_col.whatsapp {

    background-color: #25D366;

}



/* Hover effect */

.footer_col:hover {

    opacity: 0.9;

}



/* MOBILE & TABLET ONLY */

@media only screen and (max-width: 991px) {

    .footer_bar {

        display: flex;

        position: fixed;

        bottom: -2px;

        left: 0;

        width: 100%;

        z-index: 10000;

        box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);

        border-top: 1px solid #ccc;

    }



    .footer_col {

        font-size: 14px;

        padding: 12px 0;

    }



    .footer_col i {

        font-size: 16px;

    }

}



/* Smaller mobiles */

@media only screen and (max-width: 480px) {

    .footer_col {

        font-size: 12px;

        padding: 10px 0;

    }



    .footer_col i {

        font-size: 14px;

    }

}



/* footer bar section :end */







/* thankyou page :start */

.wrapper-1 {

    width: 100%;

    height: 100vh;

    display: flex;

    flex-direction: column;

}



.wrapper-2 {

    padding: 30px;

    text-align: center;

}



h1 {

    font-family: 'Kaushan Script', cursive;

    font-size: 4em;

    letter-spacing: 3px;

    color: #1f6b4a;

    margin: 0;

    margin-bottom: 20px;

}



.wrapper-2 p {

    margin: 0;

    font-size: 1.3em;

    color: #aaa;

    font-family: 'Source Sans Pro', sans-serif;

    letter-spacing: 1px;

}



.go-home {

    color: #fff;

    background: #1f6b4a;

    border: none;

    padding: 10px 50px;

    margin: 30px 0;

    border-radius: 30px;

    text-transform: capitalize;

    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);

}



.footer-like {

    margin-top: auto;

    background: #D7E6FE;

    padding: 6px;

    text-align: center;

}



.footer-like p {

    margin: 0;

    padding: 4px;

    color: #1f6b4a;

    font-family: 'Source Sans Pro', sans-serif;

    letter-spacing: 1px;

}



.footer-like p a {

    text-decoration: none;

    color: #1f6b4a;

    font-weight: 600;

}



@media (min-width:360px) {

    h1 {

        font-size: 4.5em;

    }



    .go-home {

        margin-bottom: 20px;

    }

}



@media (min-width:600px) {

    .content {

        max-width: 1000px;

        margin: 0 auto;

    }



    .wrapper-1 {

        height: initial;

        max-width: 620px;

        margin: 0 auto;

        margin-top: 50px;



    }



}



/* thankyou page :end */



/* sliding contact form start */







.sidebar-contact {

    position: fixed;

    top: 65%;

    right: -350px;

    transform: translateY(-50%);

    width: 350px;

    height: auto;

    padding: 12px 34px;

    background: #fff;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .5);

    box-sizing: border-box;

    transition: 0.5s;

    z-index: 100001;

}



.sidebar-contact.active {

    right: 0;

}



.sidebar-contact input,

.sidebar-contact textarea {

    width: 100%;

    height: 36px;

    padding: 5px;

    /* margin-bottom: 10px; */

    box-sizing: border-box;

    border: 1px solid rgba(0, 0, 0, .5);

    outline: none;

}



.sidebar-contact h2 {

    margin: 0 0 20px;

    padding: 0;

    font-size: 30px;

}



.sidebar-contact textarea {

    height: 60px;

    resize: none;

}



.sidebar-contact input[type="submit"] {

    background: #02254b;

    color: #fff;

    cursor: pointer;

    font-weight: bolder !important;

    border: none;

    font-size: 18px !important;

}



.rotate-text {



    /* Safari */

    -webkit-transform: rotate(-90deg);



    /* Firefox */

    -moz-transform: rotate(-90deg);



    /* IE */

    -ms-transform: rotate(-90deg);



    /* Opera */

    -o-transform: rotate(-90deg);







}



.toggle {

    position: absolute;

    height: 48px;

    width: 48px;

    text-align: center;

    cursor: pointer;

    background: #b8860b;

    top: 0;

    right: 350px;

    line-height: 48px;

}



.toggle-text {

    position: absolute;

    height: 47px;

    width: 200px;

    color: #fff;

    text-align: center;

    padding: 10px;

    cursor: pointer;

    background: #1d4535;

    top: 124px;

    right: 274px;

    font-weight: bold;

    font-size: 22px !important;

}



.toggle:before {

    content: '\f003';

    font-family: fontAwesome;

    font-size: 18px;

    color: #fff;

}



.toggle.active:before {

    content: '\f00d';

}



@media(max-width:768px) {

    .sidebar-contact {

        width: 100%;

        height: 100%;

        left: -100%;

    }



    .sidebar-contact .toggle {

        top: 50%;

        transform: translateY(-50%);

        transition: 0.5s;

    }



    .sidebar-contact.active .toggle {

        top: 0;

        right: 0;

        transform: translateY(0);

    }



    .scroll {

        width: 100%;

        height: 100%;

        overflow-y: auto;

    }



    .content {

        padding: 50px 50px;

    }

}



/* slider form end */