@charset "utf-8";
html { scroll-behavior: smooth; zoom: 100%;}




/* Mobile Header Menu CSS Start Here 20 August 2026 */
/* =========================================
   GUJARAT PROPERTY MOBILE HEADER
========================================= */

/* =========================================
   MOBILE ONLY
========================================= */
@media (max-width: 991px) {
    body.gp-menu-open { overflow: hidden; }
    
    .desktop-contact-icon-img{display: none !important;}
    /* #myBtn{display: none !important;} */
    /* HEADER */
    
    
    
    /* LOGO */
    
    
    
    .gp-mobile-hdr-right{ display: flex; align-items: center; }
    .gp-mobile-hdr-right a{ margin-right: 15px; margin-top: 3px;}
    .gp-mobile-hdr-right a span img{border-radius: 6px;}
    .gp-mobile-hdr-right .call-img{border-radius: 6px; border: 1px solid #283d76;width: 42px;height: 38px; margin-top:0px;text-align: center;}
    .gp-mobile-hdr-right .call-img img{width: 26px;height: auto;margin-top: 7px;}
    /* =========================================
       HAMBURGER BUTTON
    ========================================= */
    
    
    
    /* =========================================
       HAMBURGER → CROSS
    ========================================= */
    
    
    
    /* =========================================
       OVERLAY
    ========================================= */
    
    
    /* =========================================
       MOBILE MENU
    ========================================= */
    
    
    /* =========================================
       MENU HEADER
    ========================================= */
    
    
    /* CLOSE BUTTON */
    
    
    
    /* =========================================
       MAIN MENU
    ========================================= */
    .gp-mobile-nav { margin: 0; padding: 10px 18px 25px;list-style: none; }
    .gp-mobile-nav > li { border-bottom: 1px solid #eeeeee;border-left: 0px !important; width: 100%; }
    .gp-mobile-nav > li:first-child{border-bottom: 0px !important;}
    .gp-mobile-nav > li a{ color: #333; line-height: 46px !important;text-transform: capitalize !important;font-size: 15px !important; letter-spacing: 0.4px; }
    .gp-mobile-nav > li > a,
    .gp-submenu-toggle { position: relative; display: flex; align-items: center;justify-content: space-between; width: 100%; min-height: 50px;line-height: 50px !important; padding: 0 8px; box-sizing: border-box; color: #222 !important;background: transparent;border: 0;text-decoration: none;font-size: 16px !important;font-weight: 600 !important;text-align: left;cursor: pointer;transition: color 0.25s ease, padding-left 0.25s ease;text-transform: capitalize !important; }
    .gp-mobile-nav > li > a:hover,
    .gp-submenu-toggle:hover { color: #d71920; padding-left: 14px; background: transparent !important; }
    /* =========================================
       ARROW
    ========================================= */
    .gp-submenu-toggle i { position: relative; width: 9px; height: 9px; margin-right: 5px; border-right: 2px solid #555; border-bottom: 2px solid #555; transform: rotate(45deg); transition: transform 0.3s ease; }
    .gp-has-submenu.active .gp-submenu-toggle i { transform: rotate(225deg); border-color: #d71920; }
    /* =========================================
       SUBMENU
    ========================================= */
    
    
    /* SUBMENU LINKS */
    
    
    
    
    
    /* .desktop-whatsapp-icon-img{display: none !important;} */
    
    
    
    
    
    /* =========================================
       BOTTOM CONTACT AREA
    ========================================= */
    
    .gp-mobile-call { display: flex;align-items: center; gap: 12px; padding: 14px; color: #222; text-decoration: none; background: #f7f7f7; border-radius: 10px; }
    .gp-mobile-call > span { display: flex;align-items: center;justify-content: center; width: 40px; height: 40px; color: #ffffff; background: #d71920; border-radius: 50%;font-size: 18px; }
    .gp-mobile-call small { display: block; margin-bottom: 0px; color: #4e4e4e; font-size: 14px;}
    .gp-mobile-call strong { display: block; font-size: 18px; letter-spacing: 0.5px; }
    
    
    
}
/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {
    
    
    .banner-text h1 { font-size: 35px !important; }
    
    
    
    
    
    .banner-text{padding-left: 12px !important;}
}
/* Mobile Header Menu CSS End Here 20 August 2026 */

/* IFSC Page CSS Start Here */
.ifsc-width-100 { width: 100%; height: auto;}
.ifsc-page-body {
    width: 100% !important;
    background: #fff !important;
    box-sizing: border-box;
    padding: 18px 0px 8px 0px;
    display: table;
}
.main-padi-left-rt{padding: 0 20px; background: #fff;}
.mobile-blue-bx{width: 100%; background: #f2f7ff;display: table;padding: 15px 20px 30px 20px;box-sizing: border-box; margin-top: 15px;}
.content-h2{padding: 0 20px; margin-top: 12px;}

.ifsc-page-body h2 {
    font-size: 26px;
    font-weight: 700;
    color: #1f4583;
    margin-bottom: 3px;
    padding: 5px 0 8px 0;
    float: left;
    width: 100%;
    font-family: "Segoe UI", helvetica, arial, verdana;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 25px;
}
.ifsc-page-body h2::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 50px;
    height: 4px;
    background: #ca1d1d;
    border-radius: 12px;
}
.ifsc-page-body p {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 22px;
    width: 100%;
    text-align: justify;
    padding: 0 0 12px 0;
    display: inline-block;
}
.giftcity-ifsc-glace-main-bx{width: 100%;display: flex;align-items: center; flex-wrap: wrap; gap: 14px;}
.giftcity-ifsc-glace{width: 32%; display: flex;border: 1px solid #e5ecef; padding: 16px; box-sizing: border-box; border-radius: 8px; background: #fff;min-height: 103px;}
#giftcity-ifsc-glace-2{padding: 14px 20px; min-height: 85px; align-items: center;}
#giftcity-ifsc-glace-2 h3 {  font-size: 20px; padding-bottom: 0;}
.giftcity-ifsc-glace img{ width: 35px; margin-right: 15px; height: 38px;}
.giftcity-ifsc-glace p {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 20px;
    width: 100%;
    text-align: left;
    padding: 0 0 0px 0;
    display: inline-block;
}
.giftcity-ifsc-glace h3{width: 100%; font-weight: 700;font-size: 21px;padding-bottom: 10px;line-height: 20px; color: #224d93;}

.ifsc-page-body .ifsc-card-section {
    justify-content: flex-start;
    text-align: left;
    display: flex;
    width: 100%;
    background: #fff;
    flex-wrap: wrap;
    margin-top: 10px;
    box-sizing: border-box;
}

.instruction-text{ font-style: italic; color: #6e6e6e !important; font-size: 15px !important; margin-top: 8px; text-align: left;line-height: 18px; padding-bottom: 25px !important;}


.banking-page-btn{ margin-top: -15px !important;background: #cb3838 !important; margin-left: 10px;}


.explore-gift-city-blue-btn{width: auto !important; min-width: fit-content !important; padding: 5px 25px 7px 25px !important;margin-bottom: 25px;}
.explore-gift-city-blue-btn:hover{color: #fff !important;}
.ifsc-banner{width: 1120px; margin: auto; position: relative; height: 380px;}
.ifsc-width-100 { width: 100%; height: 380px; }
.ifsc-banner h1{position: absolute;color: #fff;bottom: 30px;left: 20px;font-size: 30px;font-weight: 600;float: left; width: 90%;font-family: "Segoe UI", helvetica, arial, verdana;}
.ifsc-breadcrum{width: 100%; display: flex; background: #ecf4fb; border-bottom: 1px solid #d7e4ef;}
.ifsc-breadcrum ul{ display: flex; color: #333; align-items: center; padding: 0px 0px 0px 20px; min-height: 40px;}
.ifsc-breadcrum ul li{color: #586a78;padding: 0 10px; font-size: 16px; font-weight: 600;}
.ifsc-breadcrum ul li:first-child{padding-left: 0px;}
.ifsc-breadcrum ul li a{color: #223958;}
.ifsc-breadcrum ul li a:hover{color: #15498d; text-decoration: underline;}
.ifsc-breadcrum ul span {
    color: #586a78;
    font-size: 24px;
    height: 14px;
    line-height: 9px;
}






/* ==============================
   Banking Card
================================ */

.banking-section {
    width: 100%;
    display: flex;
    gap: 24px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.banking-card {
    width: 31.4%;
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgb(13 26 44 / 12%);
    position: relative;
}

/* ==============================
   Left Content
================================ */

.banking-content {
    width: 100%;
    padding: 16px;
    display: flex;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}
.top-section-icon-with-heading{
    display: block;
    align-items: center;
    width: calc(100% - 67px);
    padding-left: 10px;
    box-sizing: border-box;
}


/* ==============================
   Banking Icon
================================ */

.banking-icon {
        width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    background: #edf4ff;
    border-radius: 50%;
}

.banking-icon img {
   width: 35px;
    height: 35px;
    object-fit: contain;
}


/* ==============================
   Heading
================================ */

.banking-content h3 {
    margin: 0;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    color: #224d93;
    letter-spacing: 0.3px;
    padding-left:0px;
    width: 100%;
}


/* ==============================
   Paragraph
================================ */

.banking-content p {
    width: 100%;
    margin: 5px 0 24px 0;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    color: #4b5768;
    text-align: left;
    padding-bottom: 0px;
}


/* ==============================
   Button
================================ */

.banking-btn {
        min-width: 100%;
    height: 16px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    /* justify-content: space-around; */
    gap: 7px;
    box-sizing: border-box;
    /* background: #344d83; */
    color: #344d83;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}
.wtc-btn span{ height: 23px;}
.wtc-btn span img{ width: 18px; height: 14px;}
.requirement-btn span{ height: 23px;}
.requirement-btn span img{ width: 18px; height: 14px;}

.explore-gift-city-blue-btn .banking-arrow{height: 46px;}
.explore-gift-city-blue-btn .banking-arrow img{height: 14px; width: 19px;}
.banking-arrow {
    font-size: 30px;
    height: 36px;
    transition: transform 0.3s ease;
}
.banking-arrow img{height: 24px;width: 24px;}

.banking-btn:hover {
    transform: translateY(-3px);
    color: #4064b3;
}

.banking-btn:hover .banking-arrow {
    transform: translateX(7px);
}
.plane-icon-rotate{rotate: 310deg;}

/* ==============================
   Right Image
================================ */











.explore-gift-city-blue-btn { width: auto !important; padding: 5px 20px 7px 20px !important;justify-content: space-around;
    gap: 8px;border-radius: 8px;
    box-sizing: border-box;
    background: #344d83;
    color: #fff;height: 48px;}

.ifsc-page-bg-image2{
    background: url("../gift-city/ifsc/images/ifsc-page-content-bg-img.jpg") no-repeat; width: 500px; height: 500px;margin-bottom: 15px; position: relative; border-radius: 8px;
}
.ifsc-page-bg-image2 span{position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    padding: 20px;
}
.ifsc-page-bg-image2 span h4{
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 1px 1px #000000;
    line-height: 38px;
}


.ifsc-page-bg-image3{
    background: url("../gift-city/ifsc/images/ifsc-page-content-bg-img3.jpg") no-repeat; width: 500px; height: 500px;margin-bottom: 15px; position: relative; border-radius: 20px;
}
.ifsc-page-bg-image3 span{position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
    padding: 20px;
}
.ifsc-page-bg-image3 span p{
    font-size:24px;
    color: #fff;
    line-height: 30px;
    padding: 0 0 10px 0;
    text-align: left;
}

.ifsc-page-bg-image{
    background: #eff4ff; width: 360px; height: 142px;margin-bottom: 15px; position: relative; border-radius: 8px;
}
.ifsc-page-bg-image span{position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    padding: 26px;
}
.ifsc-page-bg-image span h4{
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 1px 1px #e0f6ff;
    line-height: 30px;
    color: #24355a;
    margin-bottom: 10px;
}



.mobile-ifsc-page-btm-links-sec{width: 100%; display: flex; margin-top: 25px; margin-bottom: 15px;}
.ifsc-page-btm-links-sec{width: 100%; display: flex; padding: 0 20px; box-sizing: border-box;}
.mobile-ifsc-page-btm-links-sec ul{margin: 0;width: 100%;display: flex; flex-wrap: wrap; gap: 8px;}
.mobile-ifsc-page-btm-links-sec ul li{list-style: none;background: #f0f6ff;border-radius: 8px;padding: 13px 16px; box-sizing: border-box;}
.mobile-ifsc-page-btm-links-sec ul li a{ color: #1a2f50; font-size: 16px; font-weight: 600; display: flex; align-items: center; justify-content: space-between;width: 318px;}
.mobile-ifsc-page-btm-links-sec ul li a img{ height: 22px; width: 22px; margin-left: 6px;}

/* Proccess Assist CSS Start */
.process-list {
    width: 100%;
    max-width: 850px;
    position: relative;
    padding: 5px 20px;
    display: table;
        box-sizing: border-box;
}

/* Vertical Line */
.process-list::before {
    content: "";
    position: absolute;
            left: 35px;
        top: 25px;
        bottom: 47px;
    width: 1px;
    background: #cbd2d9;
}

/* Each Step */
.process-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 17px;
}

/* Number Circle */
.process-number {
    position: relative;
    z-index: 2;
    
    width: 34px;
    height: 34px;
    min-width: 34px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    border-radius: 50%;
    background: #102f4f;
    color: #ffffff;
    
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

/* Content */
.process-content {
    padding-top: 0;
    flex: 1;
}

.process-content h3 {
    margin: 0 0 2px;
    color: #18344f;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}

.process-content p {
    margin: 0;
    color: #34495e;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 400;
}

/* Last Item */
.process-item:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .ifsc-banner h1{bottom: 22px;line-height: 30px;font-size: 27px; }
    .ifsc-banner h1 span{width: 100%; display: table; padding: 4px 0;}

    .process-list {
        padding: 0 20px;
                margin-bottom: 40px;
    }

    .process-list::before {
        left: 35px;
        top: 25px;
        bottom: 73px;
    }

    .process-item {
        gap: 14px;
        margin-bottom: 20px;
    }

    .process-number {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 15px;
    }

    .process-content h3 {
        font-size: 18px;
                margin-bottom: 5px;
    }

    .process-content p {
        font-size: 15px;
        line-height: 1.4;
        padding-bottom: 5px;
    }
}
/* Proccess Assist CSS End */

/* Looking for Office Space Section Start */
/* Main Section */
.gift-city-section {
    width: 100%;
    max-width: 600px;
    padding: 0 20px;
    box-sizing: border-box;
    margin-bottom: 12px;
}


/* =========================
   WORLD TRADE CENTER CARD
   ========================= */

.wtc-card {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background: #eef7fc;
    border-radius: 12px;
    padding: 10px 10px 10px 18px;
    margin-bottom: 14px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}


/* Left Content */

.wtc-content {
    /* flex: 1; */
    padding: 14px 10px 10px 0;

    display: table;
    flex-direction: column;
    align-items: flex-start;
    width: 77%;
    position: relative;
    z-index: 9;
}

.wtc-content h2 {
    margin: 0 0 10px;

    color: #123557;

    font-size: 25px;
    line-height: 1.2;

    font-weight: 700;
}

.wtc-content p {
    margin: 0 0 16px;

    max-width: 560px;

    color: #263f57;

    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    font-weight: 400;
}


/* Image */






/* =========================
   BUTTON
   ========================= */

.wtc-btn,
.requirement-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;

    min-height: 46px;

    padding: 0px 20px;

    background: #103e68;
    color: #ffffff;

    border-radius: 8px;

    text-decoration: none;

    font-size: 15px;
    font-weight: 500;

    transition: all 0.3s ease;
}

.wtc-btn span,
.requirement-btn span {
    font-size: 21px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.wtc-btn:hover,
.requirement-btn:hover {
    background: #0a2d4d;
    color: #ffffff;
}

.wtc-btn:hover span,
.requirement-btn:hover span {
    transform: translateX(4px);
}


/* =========================
   REQUIREMENT CARD
   ========================= */

.requirement-card {
    background: #fdf2f2;

    border-radius: 10px;

    padding: 17px 18px 19px;
}

.requirement-card h2 {
    margin: 0 0 10px;

    color: #123557;

    font-size: 25px;
    line-height: 1.25;

    font-weight: 700;
}

.requirement-card p {
    margin: 0 0 12px;

    color: #263f57;

    font-size: 17px;
    line-height: 1.5;
    text-align: left;
}


/* Full Width Button */

.requirement-btn {
    width: auto;
    box-sizing: border-box;

    min-height: 46px;
}

@media (max-width: 767px) {

    .gift-city-section {
        width: 100%;margin-bottom: 20px;
    }

    /* First Card */
    .wtc-card {
        padding: 20px 20px 25px 20px;

        flex-direction: column;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .wtc-content {
        padding: 0;
        width: 100%;
        position: relative;
        z-index: 9;
        box-sizing: border-box;
    }

    .wtc-content h2 {
        font-size: 21px;
        margin-bottom: 8px;
    }

    .wtc-content p {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    

    .wtc-btn {
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        padding: 0 20px;
    }


    /* Second Card */
    .requirement-card {
        padding: 16px 20px 20px 20px;
        border-radius: 10px;
    }

    .requirement-card h2 {
        font-size: 21px;
        line-height: 1.3;
    }

    .requirement-card p {
        font-size: 15px;
        line-height: 1.4;
        margin-bottom: 14px;
    }

    .requirement-btn {
        font-size: 16px;
        width: 100%;
    }
}


@media (max-width: 390px) {
  .wtc-content{width: 76%;}
  .wtc-card{padding-left: 10px;}
}


/* Looking for Office Space Section End */

#ifsc-index .home-bnr-display-block{height: 600px;}
#ifsc-index .banner-text h1{font-size: 45px !important; margin-bottom: 16px !important;line-height: 38px !important;  text-shadow: 1px 1px 1px rgb(0 0 0); font-weight: 600;color: #fff;}
#ifsc-index .banner-text h1 em{width: 100%; display: table; font-style: normal;}
#ifsc-index .banner-text{margin-bottom: 10px !important;}
#ifsc-index .banner-text p{font-weight: 200 !important;}
#ifsc-index .banner-text strong{
    font-size: 17px;
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 10px;
    display: table;
    font-weight: 400;
    letter-spacing: 0.3px;
}

/* Banking Page CSS Start Here */
.ifsc-banking-card-section{ background: #233669; border-radius: 20px; padding: 15px; width: 100%; box-sizing: border-box;}
.ifsc-banking-card-section .top-section{ display: flex; align-items: center;}
.ifsc-banking-card-section .top-section span{
        width: 65px;
    height: 65px;
    background: #285297;
    border-radius: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ifsc-banking-card-section .top-section span img{width: 35px; height: 35px;}
.ifsc-banking-card-section .top-section h2{
        width: calc(100% - 80px);
        color: #fff;
        font-size: 24px;
        margin-left: 15px;
        margin-bottom: 0px;
        line-height: 30px;
}
.fund-box-rt{width: calc(100% - 80px) !important; margin-left: 15px !important;}
.fund-box-rt h2{width: 100% !important; margin-left: 0px !important; margin-bottom: 2px !important;color: #285297 !important;}
.fund-box-rt h2::after{display: none;}
.fund-box-rt p{color: #1f2c42 !important; font-weight: 400; border-top: 0px !important; padding: 0px 0 13px 0 !important;}
#fund-manage-round-bx{margin-bottom: 12px; background: #f1f5ff !important;}
#fund-manage-round-bx span{margin-top: 7px;}
#fund-manage-round-bx .top-section{align-items: flex-start;}
#fund-manage-round-bx .top-section span img { width: 38px; height: 38px;}
#fund-manage-round-bx .top-section span { width: 60px; height: 60px;}
.fund-manage-box-padi{padding: 0px !important;}
.fund-manage-box-padi .top-section{padding: 15px 20px 0px 20px !important;}
.fund-manage-box-padi .top-section h2{padding-bottom: 4px !important;}
.fund-manage-box-padi .top-section p{text-align: left !important;}
.fund-manage-box-padi p{border-top: 1px solid #c9d2e9; text-align: left !important; padding: 12px 12px 18px 20px; box-sizing: border-box; color: #1f2c42 !important; font-weight: 400;}
.establing-icon-width{ width: 38px !important;}
.echosystem-icon-width{ width: 40px !important;}
#fund-margin-top-20{margin-top: 20px;}
#bdr-top-bx{border-top: 1px solid #d2dbe5; margin-top: 0px; padding-top: 21px;}
#bdr-btm-none{ border-bottom: 0px;}
#fund-margin-top-10{ margin-top: 10px;}

#fund-manage-Section span{width: 125px !important; border-radius: 0 !important;height: auto; margin-bottom: 12px;}
#fund-manage-Section span img{width: 100% !important; border-radius: 6px;}
#fund-manage-Section .right-bx-content { width: calc(100% - 120px) !important;}


.ifsc-banking-card-section ul{
    background: transparent;
    border-radius: 20px;
    padding: 5px 5px 0px 5px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    margin-top: 20px;
}
.ifsc-banking-card-section ul li{
    width: 100%;
    display: flex;
    align-items: center;
    background: #f0f4ff;
    border-radius: 15px;
    padding: 12px 5px 12px 12px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.ifsc-banking-card-section ul li img{width: 36px;}
.ifsc-banking-card-section ul li .right-bx-content{ margin-left: 12px; padding-left: 12px; border-left: 1px solid #a5afc9;}
.ifsc-banking-card-section ul li .right-bx-content h3{ font-size: 24px; color: #233669; font-weight: 700;}
.ifsc-banking-card-section ul li .right-bx-content span{ color: #233669; font-size: 16px; line-height: 18px;}
.banking-sub-heading-icon{ width: 100%; display: flex; align-items: center; margin: 30px 0;}
.banking-sub-heading-icon span{width: 55px; height: 55px; background: #cb3838; border-radius: 100%; display: flex; align-items: center; justify-content: center;}
.banking-sub-heading-icon span img{ width: 34px;}
.banking-sub-heading-icon h2{ width: calc(100% - 72px); color: #344d83; font-size: 22px !important; margin-left: 15px; margin-bottom: 0px; line-height: 26px;}
.ifsc-banking-content-section{ width: 100%; display: table;}
.ifsc-banking-content-section ul li{display: flex; align-items: center; border-bottom: 1px solid #d9dfed; padding-bottom: 7px; margin-bottom: 12px;}
.ifsc-banking-content-section ul li:last-child{ border-bottom: 0px;}
.ifsc-banking-content-section ul li span{ width: 55px;height: 55px; background: #e7eeff; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-top: 5px;}
.ifsc-banking-content-section ul li span img{ width: 36px;}
.ifsc-banking-content-section ul li .right-bx-content{ width: calc(100% - 72px); color: #344d83; font-size: 24px !important; margin-left: 15px; margin-bottom: 0px; line-height: 27px;}
.ifsc-banking-content-section ul li .green-bg{background: #eafff0 !important;}
#fund-manage-heading{margin: 15px 0 30px 0;}
#fund-manage-heading span{background: #e7eeff !important;}
#fintech-paragraph{ padding-left: 71px; box-sizing: border-box; margin-top: -10px; padding-bottom: 23px;}

/* Banking Page CSS End Here */


    
    
    

/* ==============================
   Tablet
================================ */

@media (max-width: 1100px) {
    .ifsc-banner{width: 100%;}
    .banking-content {
        padding: 20px;
    }

    .banking-content h3 {
        font-size: 22px; letter-spacing: 0.1px;
    }

    .banking-content p {
        font-size: 16px;
    }
    .ifsc-breadcrum ul{padding: 0px 0px 0px 20px;}
    
    .banking-card { width: 48%;}

    
    
    
    

}


/* ==============================
   Mobile
================================ */

@media (max-width: 767px) {
    #giftcity-ifsc-glace-2 h3 {
        font-size: 15px !important;
        padding-bottom: 0px;
        line-height: 17px;
    }
    #giftcity-ifsc-glace-2 img{margin-right: 0px;}
    #giftcity-ifsc-glace-2{min-height: 116px;}
    .mobile-ifsc-page-btm-links-sec ul li{width: 100%; padding: 13px 20px;}
    .mobile-ifsc-page-btm-links-sec ul li a{width: 100%;}
    #ifsc-index .home-bnr-display-none{height: 45vh !important;}
    #ifsc-index .banner-text h1{font-size: 32px !important; margin-bottom: 16px !important;line-height: 38px !important;}
    .mobile-blue-bx{padding: 10px 20px 20px 20px;}
    .mobile-blue-bx .giftcity-ifsc-glace-main-bx{gap: 8px !important;}
    .mobile-blue-bx .giftcity-ifsc-glace{ padding: 12px 8px 0px 8px !important; text-align: center !important; width: 32%; min-height: 125px; background: #fff; border: 0px;}
    .mobile-blue-bx .giftcity-ifsc-glace h3 { font-size: 16px !important; }
    
    
    
    
    
    .giftcity-ifsc-glace { width: 48%; min-height: 147px;display: table;}
    .banking-page-btn{ margin-left: 0px;}
    .ifsc-page-body p{text-align: left;}
    .ifsc-banking-card-section ul{background: transparent; border-radius: 0; padding: 0;}
    .giftcity-ifsc-glace h3{font-size: 19px; font-weight: 700;margin-top: 6px;}
    
    
    
    
    
    .explore-gift-city-blue-btn { width: 100% !important; padding: 0px 20px 0px 20px !important;justify-content: space-between; gap: 8px;box-sizing: border-box;background: #344d83;color: #fff;}
    .ifsc-width-100{min-height: 235px; height: auto;}
    .ifsc-breadcrum ul li { padding: 0px 8px; font-size: 15px; font-weight: 600;}
    .ifsc-page-bg-image span h4{font-size: 24px;font-weight: 700;line-height: 28px;}
    .ifsc-page-bg-image span p{ font-weight: 500 !important; color: #303030 !important;}
    .ifsc-page-body{padding-bottom: 20px;}
    
    .ifsc-page-body h2{font-size: 22px; font-weight: 700;}
    
    .instruction-text { font-size: 14px !important; padding-bottom: 24px !important;color: #6e6e6e !important; line-height: 18px !important; }
    .ifsc-banner{width: 100%;height: auto;}
    .ifsc-breadcrum ul { padding: 9px 8px 9px 15px;min-height: auto; }
    .ifsc-page-bg-image {
    width: 100%;
    height: 142px;
    position: relative;
    }
    .ifsc-page-bg-image2 { height: 455px; background-size: cover;width: 100%;}
    .ifsc-page-bg-image3 { height: 470px; background-size: cover;width: 100%;}
    .ifsc-page-bg-image2 span h4{font-size: 28px;line-height: 34px;}
    
    .banking-section {
        padding: 5px 0px 10px 0px; gap: 16px;
    }
    .banking-sub-heading-icon h2{font-size: 20px !important;line-height: 22px;}

    .banking-card {
        min-height: auto;
        width: 100%;
        flex-direction: column;
        box-shadow: 0 1px 6px rgb(13 26 44 / 12%);
    }

    .banking-content {
        width: 100%;
        padding: 15px 16px 10px;
    }

    .banking-icon {
        width: 65px;
        height: 65px;
    }

    .banking-icon img {
        width: 35px;
        height: 35px;
    }

    .banking-content h3 {
        font-size: 18px;
        line-height: 1.12;
        letter-spacing: 0.3px;
    }

    .banking-content p {
        font-size: 17px;
        line-height: 1.55;
        margin-bottom: 10px;
    }

    .banking-btn {
        width: 100%;
        min-width: 0;
        height: auto;
        padding: 0 0;
        font-size: 16px;
    }

    .banking-arrow {
        font-size: 28px;
    }
    .explore-gift-city-blue-btn .banking-arrow img {
        height: 13px;
        width: 18px;
    }

}


/* ==============================
   Small Mobile 480
================================ */

@media (max-width: 480px) {
    
    .banking-content {
        padding: 15px 15px 10px;
    }

    .banking-content h3 {
        font-size: 19px;
    }

    .banking-content p {
        font-size: 16px;
    }

}

@media (max-width: 430px) {
 .mobile-blue-bx .giftcity-ifsc-glace{width: 31.6%;}
}

/* ==============================
   Small Mobile 390
================================ */
@media (max-width: 390px) {
    .mobile-blue-bx .giftcity-ifsc-glace{width: 31%;}
    .mobile-blue-bx .giftcity-ifsc-glace{ width: 48%; min-height: 115px;}
    .ifsc-page-bg-image2 span h4{font-size: 26px;line-height: 32px;}
    .ifsc-page-bg-image span h4 { font-size: 25px; line-height: 28px;}
    .ifsc-page-bg-image span{padding: 16px;}
    .banking-content h3 {
        font-size: 18px;
    }
    
    .giftcity-ifsc-glace{min-height: 172px;}
}


/* ==============================
   Small Mobile 375
================================ */
@media (max-width: 375px) {
    .ifsc-page-bg-image2 span h4{font-size: 25px;line-height: 30px;}
    .giftcity-ifsc-glace{width: 47%;}
.ifsc-page-bg-image span h4 { font-size: 25px; line-height: 28px;}
.ifsc-page-bg-image span{padding: 16px;}
.ifsc-breadcrum ul { padding: 8px 5px 8px 12px;min-height: auto;}
.ifsc-breadcrum ul li{font-size: 15px;}
.banking-content h3 { font-size: 18px !important; }

.banking-btn { padding: 0px;  font-size: 15px; }
    .ifsc-page-body h2 {
        font-size: 22px;
        line-height: 25px;
    }
        .banking-section {
        padding: 5px 0px 10px 0px;
    }
    .banking-content p{color: #2e3642; line-height: 1.40;}
        .banking-icon {
        width: 60px;
        height: 60px;
    }
    .banking-icon img {
        width: 35px;
        height: 35px;
    }
    
}

/* ==============================
   Small Mobile 360
================================ */
@media (max-width: 360px) {
    .giftcity-ifsc-glace{width: 47%;}
  .banking-btn{font-size: 14px;}
  .ifsc-page-bg-image span h4 { font-size: 26px; line-height: 31px;}
  .ifsc-page-bg-image span{padding: 14px;}
}
/* IFSC Page CSS End Here */



.floor-plan-span-text{color: #5c5c5c !important; font-size: 14px;font-style: italic;padding-bottom: 20px !important;display: block;letter-spacing: 0.4px; padding-top: 3px;}
.padding-btn-6px{padding-bottom: 6px !important;}
.wtc-content-section-box figure{margin: 0px;}
.wtc-content-section-box figure figcaption{color: #333 !important; font-size: 15px;font-style: normal;padding-bottom: 0px;display: block;font-weight: 600;}
#buyer-tenant-form{padding-bottom: 6px; padding-top: 10px;}
#sub-heding-wtc{ border-bottom: 0px !important; padding-bottom: 0px !important; font-size: 14px !important; color: #333 !important;}
.wtc-send-inqury-form-heading{padding-top: 0px !important;}
#width-100 { width: 100%;}
#listing-form-2{border: 1px solid #ccc;padding-left: 18px; box-sizing: border-box;width: 550px;}

#wtc-banner-width-100{ width: 100%;height: 420px; float: left; margin-right: 0px; position: relative;}
#wtc-banner-width-100 .rslides img{height: 420px;width: 100%;}


.image-banner { position: relative; width: 100%; overflow: hidden;}
.image-banner img {display: block; width: 100%;height: auto;}

ul li:first-child { margin-left: 0;}
ul li:first-child::before {display: none;}
/* WTC New Page Add CSS Start 27 August 2026 */
.wtc-content-section-box{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;padding-top: 15px;padding-bottom: 15px;}
.wtc-content-section-box .left-bx{width: 50%; padding: 0 40px 0 0;}
.wtc-content-section-box .right-bx{width: 50%;}
.wtc-content-section-box .right-bx img{width: 100%;}
.wtc-home-content-link-btn{width: 100%;display: table; margin: 0 0 18px 0;}
.wtc-home-content-link-btn a{ box-sizing: border-box; display: block;background: #2e3d5d;color: #fff !important;border-radius: 5px;padding: 10px 18px !important;float: left !important;text-align: left !important;font-size: 15px !important;}
.wtc-home-content-link-btn a:hover{background: #3d578f;}

/* WTC New Page Add CSS End 27 August 2026 */










#slider4{ touch-action: pan-y; -webkit-user-select:none; user-select:none;}
.home-bnr-display-block { display: block !important; }
.home-bnr-display-none { display: none !important; }
.desktop-whatsapp-icon { position: fixed; right: 9px; bottom: 70px; z-index: 9; border-radius: 100px; }
.desktop-whatsapp-icon-img { width: 45px; height: 45px; background: url(../images/whatsapp-floating-icon.png) no-repeat; display: block; cursor: pointer; border-radius: 100px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); }
.desktop-contact-icon-img { width: 46px; height: 45px; background: url(../images/contact-floating-icon.png) no-repeat; display: block; cursor: pointer; border-radius: 100px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); margin-bottom: 10px; }













































































body { font-family: Segoe UI,Lucida Grande,Tahoma,Arial,Verdana,sans-serif; font-size: 12px; color: #fff; padding: 0px; margin: 0px; background-attachment: fixed; }
h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 0px; list-style: none; font-weight: normal; }
ul, li, p { padding: 0px; margin: 0px; list-style: none; }
a { text-decoration: none; outline: none; }
img { border: 0px; }
.wrapper { width: 100%; margin: auto; display: inline-block; background: url(../images/bg.gif); }









































.register_page_banner {
    width: 1120px;
    margin: auto;
    position: relative;
    height: 260px;
        background: linear-gradient(115deg, #06285f 0%, #0a397c 25%, #1555a5 48%, #4d5fc7 72%, #8c70d8 100%);
    /* background: linear-gradient(90deg, #062478 0%, rgb(17 43 118 / 90%) 20%, rgb(48 21 135 / 79%) 45%, rgb(138 99 213) 75%, rgb(168 125 223) 100%); */
}

.register-page-h1-sec{
    position: absolute;
    bottom: 45px;
    left: 30px;
    z-index: 9;
}
.register-page-h1-sec h1{
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding-bottom: 12px;
    color: #fff;
}
.register-page-h1-sec p{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: #fff;
}
.register-page-h1-sec p label{display: table;}
.breadcrum-register{
        color: #fff;
    display: table;
    margin-bottom: 30px;
}
.breadcrum-register a{
        color: #fff;
    font-size: 16px;
    padding: 0;
}
.breadcrum-register em{
    font-style: normal;
    font-size: 16px;
    padding: 0 10px 0 0;
}
.breadcrum-register span{
    font-size: 22px;
    padding: 0 10px;
}

#register-page-form{
       width: 100%;
    display: table;
    min-height: auto;
    padding: 30px 30px;
    background: #f3f7fb;
    box-sizing: border-box;
}
/* Register Page CSS Start */
/* =========================================
   REGISTER PROPERTY SECTION
========================================= */

.register-property-section {
    width: 100%;
}

.register-property-container {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 20px;

    align-items: stretch;
}


/* =========================================
   LEFT INFORMATION BOX
========================================= */

.register-info-box {
    background: #eaf1f8;
    border-radius: 16px;
    padding: 30px 25px;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;

    overflow: hidden;
}

.register-small-title {
    display: block;

    margin-bottom: 12px;

    color: #315f99;

    font-size: 14px;
    font-weight: 700;

    letter-spacing: 3px;
    text-transform: uppercase;
}


.register-info-box h2 {
    margin: 0 0 20px;

    color: #123d78;

    font-size: 26px;
    line-height: 1.35;

    font-weight: 700;
}


.register-intro {
    margin: 0 0 30px;

    color: #45668f;

    font-size: 16px;
    line-height: 1.65;
}


/* =========================================
   FEATURE BOX
========================================= */

.register-feature {
    display: flex;
    align-items: flex-start;

    gap: 18px;

    margin-bottom: 28px;
}


.feature-icon {
    flex: 0 0 58px;

    width: 58px;
    height: 58px;

    border-radius: 50%;

    background: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 0 5px 18px rgba(15, 55, 100, 0.08);
}


.feature-icon svg {
    width: 35px;
    height: 35px;

    fill: none;
    stroke: #073d82;

    stroke-width: 2.4;

    stroke-linecap: round;
    stroke-linejoin: round;
}


.feature-content {
    padding-top: 3px;
}


.feature-content h3 {
    margin: 0 0 5px;

    color: #123d78;

    font-size: 18px;
    line-height: 1.4;

    font-weight: 700;
}


.feature-content p {
    margin: 0;

    color: #4b698d;

    font-size: 16px;
    line-height: 1.5;
}


/* =========================================
   RIGHT FORM BOX
========================================= */

.register-form-box {
    background: #ffffff;

    border-radius: 16px;

    padding: 20px 25px;

    box-sizing: border-box;

    box-shadow: 0 8px 30px rgba(25, 60, 100, 0.06);
}


.form-heading h2 {
    margin: 0 0 4px;

    color: #123d78;

    font-size: 26px;
    line-height: 1.3;

    font-weight: 700;
}


.form-heading p {
    margin: 0;

    color: #5E7695;

    font-size: 16px;
    line-height: 1.6;
}


.register-form-box .heading-line {
    display: block;
    width: 50px;
    height: 4px;
    margin: 7px 0 35px;
    background: #dd1d23;
}


/* =========================================
   FORM ROW
========================================= */

.form-group {
    display: grid;
    grid-template-columns: 185px 1fr;

    gap: 16px;

    align-items: center;

    margin-bottom: 14px;
}


.form-group > label {
    color: #102f58;

    font-size: 16px;
    line-height: 1.4;

    font-weight: 500;
}


/* =========================================
   INPUT / SELECT / TEXTAREA
========================================= */

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="number"],
.form-group input[type="tel"],
.form-group select,
.form-group textarea {

    width: 100%;

    min-height: 38px;

    padding: 8px 13px;

    border: 1px solid #bcc9d8;

    border-radius: 6px;

    background: #ffffff;

    color: #163b69;

    font-family: inherit;

    font-size: 16px;

    outline: none;

    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #8b98a9;
    opacity: 1;
}


.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {

    border-color: #174b8f;

    box-shadow: 0 0 0 3px rgba(23, 75, 143, 0.08);
}


.form-group textarea {

    min-height: 88px;

    resize: vertical;

    line-height: 1.5;
}


/* =========================================
   RADIO BUTTON
========================================= */

.radio-group {
    display: flex;
    align-items: center;

    gap: 24px;
}


.radio-option {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    color: #173d6d;

    font-size: 16px;

    cursor: pointer;
}


.radio-option input {
    width: 17px;
    height: 17px;

    margin: 0;

    accent-color: #1264c3;

    cursor: pointer;
}


/* =========================================
   AREA FIELDS
========================================= */

.area-fields {
    display: grid;

    grid-template-columns: 1fr 250px;

    gap: 12px;
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.submit-row {
    margin-top: 18px;

    margin-left: 201px;
}


.submit-property-btn {

    width: 100%;

    min-height: 50px;

    padding: 10px 20px;

    border: 0;

    border-radius: 6px;

    background: #133663;

    color: #ffffff;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 14px;

    font-family: inherit;

    font-size: 16px;

    font-weight: 500;

    cursor: pointer;

    transition:
        background 0.3s ease,
        transform 0.2s ease,
        box-shadow 0.3s ease;
}


.submit-property-btn:hover {

    background: #083a7c;

    box-shadow: 0 8px 20px rgba(7, 61, 130, 0.18);

    transform: translateY(-1px);
}


.submit-property-btn svg {

    width: 23px;
    height: 23px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* ==========================================
   THANK YOU SECTION
========================================== */

.thankyou-section {
    width: 100%;
        padding: 25px 0;
    /* padding: 55px 20px;

    background:
        radial-gradient(
            circle at 0% 100%,
            rgba(28, 93, 170, 0.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 100% 0%,
            rgba(101, 86, 215, 0.08),
            transparent 30%
        ),
        #f3f8fd;

    box-sizing: border-box; */
}


/* ==========================================
   MAIN CARD
========================================== */

.thankyou-card {
    width: 100%;
    max-width: 1076px;
    margin: 0 auto;
    padding: 30px 40px 30px;
    box-sizing: border-box;
    background: #ffffff;
    border-radius: 16px;
    text-align: center;
    box-shadow: 0 12px 45px rgba(20, 61, 110, 0.08);
}


/* ==========================================
   SUCCESS ICON
========================================== */

.success-icon-wrapper {
    position: relative;

    width: 110px;
    height: 110px;

    margin: 0 auto 15px;

    display: flex;
    align-items: center;
    justify-content: center;
}


.success-icon-wrapper::before {
    content: "";

    position: absolute;

    width: 105px;
    height: 105px;

    border-radius: 50%;

    background: rgba(32, 190, 112, 0.08);
}


.success-icon-wrapper::after {
    content: "";

    position: absolute;

    width: 82px;
    height: 82px;

    border-radius: 50%;

    background: rgba(32, 190, 112, 0.12);
}


.success-icon {
    position: relative;

    z-index: 3;

    width: 68px;
    height: 68px;

    border-radius: 50%;

    background: #20b96f;

    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow:
        0 8px 22px rgba(32, 185, 111, 0.25);
}


.success-icon svg {
    width: 38px;
    height: 38px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 4;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================
   DECORATIVE DOTS
========================================== */

.success-dot {
    position: absolute;

    width: 8px;
    height: 8px;

    border-radius: 2px;

    z-index: 4;
}

.dot-1 {
    top: 10px;
    left: 8px;
    background: #20b96f;
    transform: rotate(45deg);
}

.dot-2 {
    top: 28px;
    right: 0;
    background: #f4b92f;
    transform: rotate(45deg);
}

.dot-3 {
    bottom: 18px;
    left: 18px;
    background: #1261c5;
    transform: rotate(45deg);
}

.dot-4 {
    bottom: 4px;
    right: 18px;
    background: #77cfa1;
    transform: rotate(45deg);
}

.dot-5 {
    top: 50px;
    left: -2px;
    background: #f4b92f;
    transform: rotate(45deg);
}


/* ==========================================
   HEADING
========================================== */

.thankyou-card h2 {
    margin: 0 0 10px;
    color: #1f4583;
    font-size: 42px;
    line-height: 1.25;
    font-weight: 700;
}


/* ==========================================
   MESSAGE
========================================== */

.thankyou-message {
    max-width: 700px;
    margin: 0 auto;
    color: #2f5076;
    font-size: 20px;
    line-height: 1.5;
}


/* ==========================================
   GOLD LINE
========================================== */

.thankyou-line {
    display: block;
    width: 60px;
    height: 4px;
    margin: 10px auto 28px;
    background: #dd1d23;
}


/* ==========================================
   FEATURES
========================================== */

.thankyou-features {
    display: grid;

    grid-template-columns:
        1fr 1px 1fr 1px 1fr;

    align-items: center;

    max-width: 900px;

    margin: 0 auto 38px;
}


.thankyou-feature {
    padding: 0 20px;
}


.thankyou-feature-icon {
    width: 55px;
    height: 55px;

    margin: 0 auto 12px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;
}


.thankyou-feature-icon svg {
    width: 29px;
    height: 29px;

    fill: none;

    stroke-width: 2.2;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* Icon Backgrounds */

.icon-blue {
    background: #e9f2ff;
}

.icon-blue svg {
    stroke: #0759bd;
}


.icon-purple {
    background: #f0eaff;
}

.icon-purple svg {
    stroke: #7350dc;
}


.icon-green {
    background: #e6f8ef;
}

.icon-green svg {
    stroke: #1aa868;
}


/* Feature Text */

.thankyou-feature h3 {
    margin: 0 0 4px;

    color: #073d82;

    font-size: 16px;

    line-height: 1.4;

    font-weight: 700;
}


.thankyou-feature p {
    margin: 0;

    color: #607796;

    font-size: 16px;

    line-height: 1.5;
}


/* ==========================================
   DIVIDER
========================================== */

.feature-divider {
    width: 1px;

    height: 70px;

    background: #dce4ed;
}


/* ==========================================
   BUTTONS
========================================== */

.thankyou-buttons {
    display: flex;

    justify-content: center;

    gap: 20px;
}


.thankyou-btn {
    min-width: 230px;

    min-height: 48px;

    padding: 10px 22px;

    box-sizing: border-box;

    border-radius: 6px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 11px;

    text-decoration: none;

    font-size: 16px;

    font-weight: 600;

    transition: all 0.25s ease;
}


.thankyou-btn svg {
    width: 21px;
    height: 21px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* Primary */

.btn-primary {
    color: #ffffff;
    background: #1f4583;
    border: 1px solid #1f4583;
}


.btn-primary:hover {
    background: #0a3469;

    border-color: #0a3469;

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(7, 82, 174, 0.20);
}


/* Outline */

.btn-outline {
    color: #1f4583;

    background: #ffffff;

    border: 1px solid #1f4583;
}


.btn-outline:hover {
    color: #ffffff;

    background: #1f4583;

    transform: translateY(-2px);

    box-shadow:
        0 7px 18px rgba(7, 82, 174, 0.15);
}



/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .register-property-container {

        grid-template-columns: 1fr;

        max-width: 760px;
    }


    .register-info-box {

        padding: 35px;
    }


    .register-feature {

        max-width: 500px;
    }


    .form-group {

        grid-template-columns: 170px 1fr;
    }


    .submit-row {

        margin-left: 186px;
    }

    .thankyou-card {
        padding: 40px 30px;
        max-width: 100%;
    }

    .thankyou-card h2 {
        font-size: 34px;
    }

    .thankyou-feature {
        padding: 0 10px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
    .register_page_banner {
    width: 100%;
    height: 215px;
    }
    .register-page-h1-sec p {
    font-size: 16px;
    padding-right: 30px;
}
    .register-page-h1-sec h1 {
    font-size: 34px;
    }
    .register-page-h1-sec {
    bottom: 30px;
    left: 20px;
}
.breadcrum-register {
    margin-bottom: 20px;
}
.register-page-h1-sec p label {
    display: inline;
}

    .register-property-section {

        padding: 0;
    }
    #register-page-form{
        padding: 20px;
    }


    .register-property-container {

        display: block;

        width: 100%;
    }


    .register-info-box {

        padding: 28px 22px;

        margin-bottom: 18px;

        border-radius: 12px;
        display: none;
    }


    .register-small-title {

        font-size: 12px;

        letter-spacing: 2px;
    }


    .register-info-box h2 {

        font-size: 26px;

        line-height: 1.3;
    }


    .register-intro {

        font-size: 16px;

        line-height: 1.6;
    }


    .register-feature {

        gap: 14px;

        margin-bottom: 22px;
    }


    .feature-icon {

        flex: 0 0 50px;

        width: 50px;
        height: 50px;
    }


    .feature-icon svg {

        width: 27px;
        height: 27px;
    }


    .feature-content h3 {

        font-size: 16px;
    }


    .feature-content p {

        font-size: 16px;
    }


    /* FORM */

    .register-form-box {

        padding: 25px 18px;

        border-radius: 12px;
    }


    .form-heading h2 {

        font-size: 26px;
    }


    .form-heading p {

        font-size: 16px;
        line-height: 1.3;
    }


    .form-group {

        display: block;

        margin-bottom: 17px;
    }


    .form-group > label {

        display: block;

        margin-bottom: 7px;

        font-size: 16px;
    }


    .radio-group {

        gap: 20px;
    }


    .area-fields {

        grid-template-columns: 1fr 120px;

        gap: 8px;
    }


    .form-group input[type="text"],
    .form-group input[type="email"],
    .form-group input[type="number"],
    .form-group input[type="tel"],
    .form-group select,
    .form-group textarea {

        font-size: 16px;

        min-height: 42px;
    }


    .form-group textarea {

        min-height: 110px;
    }


    .submit-row {

        margin: 8px 0 0;
    }


    .submit-property-btn {

        min-height: 48px;

        font-size: 16px;
    }

    .thankyou-section {
        padding: 0;
    }


    .thankyou-card {
        padding: 20px 18px 25px;

        border-radius: 12px;
    }


    .success-icon-wrapper {
        width: 95px;
        height: 95px;
    }


    .success-icon-wrapper::before {
        width: 92px;
        height: 92px;
    }


    .success-icon-wrapper::after {
        width: 72px;
        height: 72px;
    }


    .success-icon {
        width: 60px;
        height: 60px;
    }


    .success-icon svg {
        width: 33px;
        height: 33px;
    }


    .thankyou-card h2 {
        font-size: 32px;
    }


    .thankyou-message {
        font-size: 18px;
        line-height: 1.5;
    }


    /* Features become vertical */

    .thankyou-features {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 20px;
    }


    .thankyou-feature {
        width: 100%;

        padding: 0;
    }


    .feature-divider {
        width: 70%;

        height: 1px;
    }


    /* Buttons */

    .thankyou-buttons {
        flex-direction: column;

        gap: 12px;
    }


    .thankyou-btn {
        width: 100%;

        min-width: 0;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .register-property-section {

        padding: 0;
    }


    .register-info-box {

        padding: 25px 18px;
    }


    .register-form-box {

        padding: 23px 15px;
    }


    .register-info-box h2,
    .form-heading h2 {

        font-size: 26px;
    }


    .area-fields {

        grid-template-columns: 1fr 105px;
    }

    .thankyou-card {
        padding: 30px 15px;
    }


    .thankyou-card h2 {
        font-size: 28px;
    }


    .thankyou-message {
        font-size: 16px;
    }


    .thankyou-feature h3 {
        font-size: 16px;
    }


    .thankyou-feature p {
        font-size: 16px;
    }

}


















.main-middile-div { width: 1120px; margin: auto; }
.main-middile-div-auto { width: 1120px; margin-left: 0px; float: left; }






.width-100 { width: 100%; margin-bottom: 16px; }

.banner { width: 1120px; margin: auto; position: relative; }





/* Property Page Breadcrum CSS Start Here */
.breadcrumb-section {
    width: 100%;
    background: #eff6fb;
}
.breadcrumb-section .container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
}
.breadcrumb {
    min-height: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: #1c3564;
    font-size: 16px;
}
.breadcrumb a {
    color: #223958;
    font-weight: 500;
}
.breadcrumb a:hover {
    text-decoration: underline;
    color: #15498d;
}
.breadcrumb span {
    color: #223958;
    font-size: 24px;
    height: 14px;
    line-height: 9px;
}
.breadcrumb .last-child {
    font-size: 16px;
    line-height: 14px;
    color: #586a78;
    font-weight: 500;
}
/* Property Page Breadcrum CSS End Here */



















.property { width: 100%; float: left; }
.property ul { margin: 0px; padding: 10px 0 2px 10px; float: left; }
.property ul li { display: inline; float: left; text-transform: uppercase; color: #ffcfc2; text-shadow: 1px 1px #111111; font-size: 11px; padding-right: 14px; font-family: Verdana, Geneva, sans-serif; }

















.main_middile_box { width: 1120px; margin: auto; background: #FFF; }
.main_center { width: 100%; float: left; margin-left: 0px; }



.left { width: 856px; float: left; margin-left: 0px; background: #fafafa; padding: 15px 20px 0px 20px; margin-right: 0px; min-height: 696px; box-sizing: border-box; }

.left h1 { font-size: 28px; font-weight: 700; color: #324f8f; margin-bottom: 12px; padding: 5px 0 4px 0; float: left; line-height: 30px; width: 100%; font-family: "Segoe UI",helvetica,arial,verdana; clear: both; }
.left h2 { font-size: 20px; font-weight: 700 !important; color: #324f8f !important; margin-bottom: 0px; padding: 14px 0 5px 0; float: left; width: 100%; font-family: "Segoe UI",helvetica,arial,verdana; clear: both; }
.left a { color: #ee3c0f; font-size: 14px; text-align: right; float: right; padding-bottom: 4px; }
.left a:hover { color: #333333; font-size: 14px; text-align: right; float: right; padding-bottom: 4px; }
.left ul { margin: 0px; padding: 0px; float: left; }
.left li { background: url(../images/arrow.png) no-repeat 0px 7px; list-style: none; padding: 0 0 12px 15px; line-height: 18px; font-size: 16px; color: #314564; display: table; }
.left p { font-size: 16px; color: #314564; line-height: 23px; width: 100%; text-align: justify; padding: 0 0 15px 0; float: left; }


.right { width: 234px; float: left; }








.sendinqury_form { width: 100%; float: left; background: #504f4f; padding: 12px 15px 12px 15px; }


























































































































































.contact-box { width: 100%; float: left; padding-top: 15px; position: relative; }












































.contact-form-main-div-4 { width: 600px; padding: 17px 0px 17px 0px; float: left; margin: 0 0 10px 0; color: #333; }
.contact-form-main-div-4 span { width: 130px; float: left; margin: 0px; padding: 5px 5px 0px 0; clear: both; vertical-align: middle; color: #333; font-size: 13px; font-weight: normal; }
.contact-form-main-div-4 strong { width: 85px; float: left; margin: 3px 0px 0 0; padding: 0px 0 0 0; font-weight: normal; vertical-align: text-top; display: flex; }
.contact-form-main-div-4 b { width: 72px; float: left; margin: 0px; padding: 5px 5px 8px 0; font-weight: normal; }
.contact-form-main-div-4 i { width: 350px; float: left; margin: 0px; padding: 3px 0px 5px 0; font-weight: normal; font-style: normal; line-height: 18px; }
.contact-form-main-div-4 i input { outline: none; }
.contact-form-main-div-4 strong input { outline: none; margin-top: 0px; }
.contact-form-main-div-4 textarea { width: 97%; height: 70px; padding: 0 2px 0 2px; font-size: 12px; color: #333333; font-family: Arial, Helvetica, sans-serif; outline: none; }
.contact-form-main-div-4 select { outline: none; }








/* .social_media_box { width: 100%; float: left; padding: 9px 0 4px 5px; margin: 0px; background: url(../images/footer-social-media-box-bg.jpg) repeat-x; color: #474747; box-sizing: border-box; } */








.submit { background: url(../images/all_img.png) no-repeat; background-position: -154px -1px; float: left; width: 87px; height: 27px; margin: 0px 0px 10px 13px; }











.popup_box_2 { z-index: 99999999; border: 0px solid #d7d7d7; float: left; position: absolute; background: #fff; width: 100%; padding: 0px 0 0px 0; margin: 0px; top: 36px; right: 0px; left: 0; text-align: center; border-top: 0px; -moz-box-shadow: 0px 4px 4px #717171; -webkit-box-shadow: 0px 4px 4px #717171; box-shadow: 0px 4px 4px #717171; }




























































































.google-plus-post-mobile { float: left; display: none; }













.wtc-btm-link { width: 100%; float: left; margin: 15px 0 22px 0; }
.wtc-btm-link ul { margin: 0px 40px 0 0; padding: 0px; }
.wtc-btm-link ul li { background: url(../images/arrow.png) no-repeat 0px 10px !important; list-style: none; padding: 0 0 0 15px; line-height: 22px; margin: 0; display: block; float: left; clear: both; }
.wtc-btm-link ul li a { color: #3a5283; text-decoration: none; text-align: left; font-weight: bold; font-size: 13px; }
.wtc-btm-link ul li a:hover { color: #333; text-decoration: none; text-align: left; font-size: 13px; }









































































.sendinqury_form2 { width: 100%; float: left; background: #f6f6f6; padding: 12px 23px 12px 23px; border: 1px solid #CCC; }
.sendinqury_form2 h2 { color: #000; font-size: 18px; float: left; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; border-bottom: 1px solid #a4a4a4; width: 97%; }
.sendinqury_form2 span { font-size: 12px; color: #FFFFFF; padding: 0 0 3px 0; float: left; font-family: Arial, Helvetica, sans-serif; text-align: left; }




.contact-form-main-div-7 { width: 320px; padding: 17px 0px 0px 0px; float: left; margin: 0 0 30px 0; clear: both; color: #333; }
.contact-form-main-div-7 span { width: 300px; float: left; margin: 0px; padding: 3px 5px 0px 0; clear: both; vertical-align: middle; color: #333; font-size: 13px; font-weight: normal; }


.contact-form-main-div-7 i { width: 300px; float: left; margin: 0px; padding: 1px 0px 5px 0; font-weight: normal; font-style: normal; line-height: 18px; }
.contact-form-main-div-7 i input { outline: none; border: 1px solid #999; padding: 4px 4px 4px 10px; background: #FFF; color: #333; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
.contact-form-main-div-7 textarea { width: 200px; outline: none; height: 70px; padding: 4px 4px 0 10px; font-size: 12px; color: #333333; border: 1px solid #999; background: #FFF; font-family: Arial, Helvetica, sans-serif; }

.inner-contact-rt { float: left; width: 400px; margin-left: 30px; margin-top: 27px; }












































































































































#myBtn { display: none; position: fixed; bottom: 15px; right: 10px; z-index: 9; font-size: 16px; border: none; outline: none; background-color: #dd1d23; color: white; cursor: pointer; padding: 0; border-radius: 100px; height: 45px; width: 45px; box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); -webkit-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); -moz-box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 35%); }
#myBtn:hover { background-color: #a5090d; transition: 0.5s all; }








@keyframes fade {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}



/* New Header & Banner Menu Design Start CSS */

#home-banner{width: 100%;height: 500px;}
#home-banner .image-banner img{height: 500px;}







.banner-text { position: absolute; bottom: 20px;left: 50%;transform: translate(-50%, 0px);width: 97%;text-align: left;color: #fff;z-index: 2;padding-left: 34px;}
.banner-text h1 { margin: 0 0 0px; font-size: 45px; text-shadow: 1px 1px 1px rgb(0 0 0);font-weight: 600;}
.banner-text h1 strong{font-weight: 600; color: #e12228;font-size: 50px;}
.banner-text h1 em { font-style: normal; font-weight: 600; color: #fff; width: 100%; display: block; line-height: 46px; }
.banner-text ul li:first-child { margin-left: 0 !important;}
.banner-text ul { margin: 0 0 18px; display: flex; margin-top: 16px;}
.banner-text ul li{display: flex;width: auto;position: relative;color: #fff;text-decoration: none;font-size: 22px;letter-spacing: 0.4px; margin-right: 18px;margin-left: 18px;}
.banner-text ul li::before { content: "";position: absolute;left: -20px;top: 14px;width: 7px;height: 7px;border-radius: 50%;background: #ff5e5e;}
.banner-text a {display: flex;align-items: center;justify-content: center;font-size: 18px;background: #D21C24;max-width: 92%;margin-top: 18px;text-align: center;border-radius: 8px;padding: 12px 0 12px 0;font-weight: 600;letter-spacing: 0.4px; }
.banner-text p {margin: 18px 20px 25px 0px;font-size: 18px;line-height: 26px; }
.banner-text p em{font-style: normal;}
.explore-opportunity-bnr-btn { max-width: max-content !important; padding: 12px 16px 14px 16px !important; color: #fff; line-height: 20px; }
.explore-opportunity-bnr-btn img{height: 15px !important;}
.banner-text a img { width: auto; height: 16px; margin-left: 10px; }
/* New Header & Banner Menu Design End CSS */









#register_property_mar_left { margin-left: 135px; }





@media only screen and (min-width: 749px) and (max-width: 1180px) {
  
  
  .main-middile-div{width: 850px; margin: 0 auto;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .wrapper { width: 100%; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .right { display: none; }
  .main-middile-div-auto { width: 100%; }
  .banner { width: 100%; }
  .main_center { width: 745px; }
  
  .callbacks_container { margin-bottom: 0px !important; }
  .rslides img { height: auto !important; }
  .main_middile_box { width: 100%; background: transparent;}
  .left { margin-bottom: 0px; width: 100%; box-sizing: border-box; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .google-plus-post-mobile { float: left; display: none; }
  
  
  
  
  .main_center { width: 850px; margin-top: 0; margin: 0 auto; float: none; }
  
  
  
  
  
  
  
  
  
  
}

@media only screen and (max-width: 991px) {
  
  
  
  
  .home-bnr-display-block { display: block !important;}
  
  
  
  .image-banner img{height: 43vh !important;}
  .popup_box_2{ border-top: 1px solid #d7d7d7 !important;}
  
  
  
  
  
  
  
  
  
  
  
  .left ul { width: 100%; }
  
  
  
  
  .right { display: none; }
  .main-middile-div-auto { width: 100%; margin-left: 0px; }
  .banner { width: 100%;margin-top: 0px; }
  
  .main_center { width: 100%; margin-top: 0; margin-left: 0px; }
  .main-middile-div { width: 100%; margin-left: 0px; }
  .left { margin-bottom: 0px; }
  
  
  
  
  
  
  
  
  
  
  
  
  /* mobile device header menu css */

  
  .banner-text ul{ justify-content: left; flex-wrap: wrap;margin: 0px;}
  .banner-text h1{font-size: 45px;margin: 0 0 8px; line-height: 58px; font-weight: 600;}
  .banner-text ul li::before { left: -22px; top: 14px;}
  .banner-text ul li { font-size: 24px; margin-right: 16px;}
  .banner-text ul li:last-child{margin-right: 0px !important;}
  .banner-text{width: 97%;text-align: left; padding-left: 30px; margin-bottom: 0px;}
  .banner-text h1 strong { font-weight: 600;color: #ff4848;width: 100%;display: block;}
  .banner-text h1 em { font-style: normal; font-weight: 600;color: #fff;width: 100%;display: block;}
  .banner-text a{display: flex; align-items: center; justify-content: center;font-size: 20px;background: #D21C24;max-width: 92%;margin-top: 18px;text-align: center;border-radius: 8px;padding: 12px 0 12px 0;font-weight: 600;letter-spacing: 0.4px;}
  .banner-text a img{width: auto; height: 14px !important; margin-left: 8px;}
  
  
  .banner-text p { margin: 14px 20px 20px 0px; font-size: 18px; line-height: 22px;}
  
  
  
  
  
  
  
  
  
  
  
  .desktop-whatsapp-icon{z-index: 99;bottom:86px}
  
  
  
  
  .left ul { margin-bottom: 8px; }
  .left li { padding: 0 0 5px 15px; }
  
  
    
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #myBtn { bottom: 32px; right: 9px; z-index: 99; }
  
  
  
  
}

@media only screen and (max-width: 767px) {
    #home-banner {
    width: 100%;
    height: auto;
}
    .breadcrumb-section .container { padding-left: 15px; padding-right: 5px; }
    .breadcrumb { min-height: auto; gap: 8px; font-size: 15px; padding: 10px 0; }
    .breadcrumb .last-child { font-size: 15px; line-height: 14px; }

    
    #about-banner-mobile{height: 60vh !important;}
    .about-h1-break{ display: table; line-height: 35px; margin-bottom: 24px;}
    
    
    
    
    
    
    
    .home-bnr-display-block { display: none !important; }
    
    
    
    
    
    
    
    
    #width-100 { width: 100%; border-radius: 22px 22px 0 0; position: relative; top: -20px; padding-top: 16px;padding-bottom: 14px; margin-bottom: -20px; border-bottom: 1px solid #ccc;}
  .image-banner img{height: 45vh !important;}
  .explore-opportunity-bnr-btn{max-width: max-content !important; padding: 12px 16px 12px 16px !important;color: #fff;}
  #wtc-banner-width-100 {height: auto;}
  #wtc-banner-width-100 .rslides img { height: 215px;}
  #listing-form-2{width: 100%;}
  .wtc-send-inqury-form-heading {padding-top: 5px !important;}
  #floorplan-bx-rt{padding-top: 12px;}
  .wtc-home-content-link-btn{width: auto;}
  .wtc-content-section-box{flex-wrap: wrap; padding-top: 5px;}
  .wtc-content-section-box .left-bx { width: 100%; padding: 0 0px 0 0;}
  .wtc-content-section-box .left-bx img{width: 100%;}
  .wtc-content-section-box .right-bx { width: 100%;}
  .wtc-home-content-link-btn a{text-align: center !important;}
  
  
  
  .banner-text a{ font-size: 18px; padding: 10px 0 10px 0;}
  .banner-text p{font-size: 18px; margin: 12px 20px 0px 0px;}
  .banner-text p em{ display: table; font-style: normal;}
  .banner-text ul{ justify-content: left; flex-wrap: wrap;margin: 0px;}
  .banner-text h1{font-size: 38px; line-height: 50px; margin: 0 0 16px;}
  .banner-text ul li::before {left: -20px; top: 9px;}
  .banner-text ul li { font-size: 20px; margin-right: 16px;}
  .banner-text ul li:last-child{margin-right: 0px !important;}
  .banner-text{width: 96%;text-align: left; padding-left: 8px; margin-bottom: 10px; box-sizing: border-box;bottom: 20px;}
  .banner-text h1 strong { font-weight: 600;font-size: 40px;}
  
  
  
  
  
  
  /* .home-bnr-display-block { display: block !important; } */
  .home-bnr-display-none { display: block !important; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .left p { text-align: left; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .wrapper { width: 100%; }
  
  
  
  
  
  
  
  
  
  
  
  .left ul { width: 100%; }
  
  
  
  .right { display: none; }
  .main-middile-div-auto { width: 100%; margin-left: 0px; }
  .banner { width: 100%; margin-top: 0; }
  .main_center { width: 100%; margin-top: 0; margin-left: 0px; }
  .main-middile-div { width: 100%; margin-left: 0px; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .left { margin-bottom: 0; padding-left: 15px;padding-right: 15px; width: 100%;padding-bottom: 20px; }
  .left h2 { font-size: 20px; line-height: 23px; padding-bottom: 12px; font-weight: 700 !important; }
  
  
  
  
  
  .left a { width: 100%; }
  
  
  
  
  
  
  
  .main_middile_box { width: 100%; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .contact-form-main-div-4 { width: 100%; border-radius: 8px;}
  .contact-form-main-div-4 i { width: 65%; }
  
  
  
  
  
  
  
  
  
  
  
  
  .wtc-btm-link { padding-left: 0px; box-sizing: border-box; }
  .wtc-btm-link ul { margin: 0px 0px 0 0 !important;}
  .sendinqury_form2 {
        margin-left: 0px;
        box-sizing: border-box;
        width: 100% !important;
        border-radius: 8px;
        padding: 15px 15px 0px 15px !important;
   }
   .sendinqury_form2 h2{font-size: 19px !important;border-bottom: 0;}
   .sendinqury_form2 p{ line-height: 19px !important;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .google-plus-post-mobile { float: left; display: block; margin-top: 12px; margin-bottom: 10px; }
  
  
  
  
  

  
  
  .left h1 { font-size: 26px; line-height: 26px; padding: 0px 0 5px 0; font-weight: 700; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .left p img { width: 100%; }
  
  .contact-form-main-div-7 { width: 97%; }
  .contact-form-main-div-7 span { width: 96%; }
  .contact-form-main-div-7 i { width: 96%; }
  .contact-form-main-div-7 i input { padding: 6px 4px; }
  .contact-form-main-div-7 textarea { height: 78px !important; }
  .inner-contact-rt { display: none; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}

@media only screen and (max-width: 479px) {
  
  
  .banner-text ul li:last-child{margin-right: 0px !important;}
  /* .home-bnr-display-block { display: block !important; height: 260px !important; } */
  
  
  
  
  
  
  
  
  
  
  
  #register_property_mar_left { margin-left: 128px; margin-top: 6px; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .left img { width: 100%; height: auto; }
  .wrapper { width: 100%; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .right { display: none; }
  .main-middile-div-auto { width: 100%; margin-left: 0px; }
  .banner { width: 100%; }
  .main_center { width: 100%; margin-left: 0px; }
  .main-middile-div { width: 100%; margin-left: 0px; }
  .left { margin-bottom: 0px; }
  
  
  
  
  
  
  
  
  
  
  .left { margin-bottom: 0; padding-left: 15px; width: calc(100% - 0px); min-height: 461px; margin-left: 0px; box-sizing: border-box; }
  .left h2 { font-size: 18px; line-height: 21px; padding-bottom: 10px; }
  
  
  
  
  
  .main_middile_box { width: 100%; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .left a { width: 100%; }
  
  
  
  
  
  
  
  
  
  
  .contact-form-main-div-4 i { width: 53%; }
  .contact-form-main-div-4 b { width: 72px !important; }
  .contact-form-main-div-4 select { width: 95px !important; }
  .contact-form-main-div-4 strong { width: 60px; }
  .contact-form-main-div-4 span { font-size: 12px; width: 124px; }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .google-plus-post-mobile { float: left; display: block; margin-top: 20px; margin-bottom: 11px; }
  
  
  
  .left h1 { 
        font-size: 23px;
        line-height: 25px;
        padding: 5px 0 6px;
        color: #1f4583;
   }
   .left p{color: #314564; line-height: 22px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .left p img { width: 100%; }
  
  
  .contact-form-main-div-7 { width: 97%; }
  .contact-form-main-div-7 span { width: 96%; }
  .contact-form-main-div-7 i { width: 96%; }
  .contact-form-main-div-7 i input { padding: 6px 4px; }
  .contact-form-main-div-7 textarea { height: 78px !important; }
  .inner-contact-rt { display: none; }
}

@media only screen and (max-width: 412px) {
  
  .image-banner img { height: 50vh !important; }
  
}

@media only screen and (max-width: 390px) {
  .image-banner img { height: 50vh !important; }
  
}

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





.image-banner img { height: 55vh !important; }




}

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








.image-banner img { height: 100vh !important; }







.banner-text h1 { font-size: 33px !important; }
.banner-text h1 strong { font-size: 34px; line-height: 40px; }






}

























































.active, .demo:hover { opacity: 1; }



.award-image img { max-width: 100%; cursor: pointer; transition: 0.3s; }
.award-image img:hover { opacity: 0.8; }




@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}