@import "https://fonts.googleapis.com/css?family=Exo:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i";

body {
    font-family: 'Rubik', sans-serif !important;
    font-size: 14px;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
}

p {
    color: #3c3c3c;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 15px;
}

    p:last-child {
        margin-bottom: 0;
    }

.d-table {
    display: table;
    width: 100%;
    height: 100%;
}

.d-table-cell {
    vertical-align: middle;
}

button {
    outline: 0 !important;
}

a {
    text-decoration: none;
    outline: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: block;
}

    a:hover,
    a:focus {
        color: #fff;
        text-decoration: none;
    }

.bg-f9f9f9 {
    background-color: #f9f9f9;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.default-btn {
    display: inline-block;
    overflow: hidden;
    border: none !important;
    position: relative;
    background-color: #e19903;
    color: #ffffff;
    padding: 8px 33px;
    /*-webkit-box-shadow: 0 10px 20px 0 #e19903;*/
    /*box-shadow: 0 10px 20px 0 #e19903;*/
    font-weight: 500;
    font-size: 15px;
    font-weight: 600;
}

.default-btn-blog {
    display: inline-block;
    overflow: hidden;
    border: none !important;
    position: relative;
    background-color: #fff;
    color: #3c3c3c;
    padding: 14px 33px;
    /*-webkit-box-shadow: 0 10px 20px 0 #e19903;*/
    /*box-shadow: 0 10px 20px 0 #e19903;*/
    font-weight: 500;
    font-size: 15px;
}

.default-btn::before {
    content: "";
    background: #fff;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    -webkit-transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    width: 300px;
    height: 100px;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
}

.default-btn-blog::before {
    content: "";
    background: #fff;
    -webkit-transition: 0.9s;
    transition: 0.9s;
    -webkit-transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(-120%, -50px, 0) rotate3d(0, 0, 1, 45deg);
    width: 300px;
    height: 100px;
    top: 0;
    left: 0;
    position: absolute;
    display: block;
}

.default-btn:hover,
.default-btn:focus {
    background-color: #e19903;
    color: #fff;
}

.default-btn-blog:hover,
.default-btn-blog:focus {
    background-color: #3c3c3c;
    color: #fff;
}

.default-btn:hover::before,
.default-btn:focus::before {
    -webkit-transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
    transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

.default-btn-blog:hover::before,
.default-btn-blog:focus::before {
    -webkit-transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
    transform: translate3d(120%, -100px, 0) rotate3d(0, 0, 1, 90deg);
}

.section-title {
    text-align: center;
    margin-bottom: 20px;
}

    .section-title h2 {
        font-size: 32px;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .section-title p {
        max-width: 645px;
        margin: 0 auto;
    }

.form-control {
    height: 50px;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    border: none;
    border-radius: 0;
    background-color: #f3f3f3;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .form-control:focus {
        border: none;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        background-color: #f3f3f3;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-ms-input-placeholder {
        color: #999;
    }

    .form-control::placeholder {
        color: #999;
    }

textarea.form-control {
    height: auto !important;
    min-height: auto !important;
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    text-align: center;
    background-color: #fff;
}

    .preloader .loader-gif {
        position: absolute;
        top: 44%;
        -webkit-transform: translateY(-44%);
        transform: translateY(-44%);
        left: 0;
        right: 0;
        margin: 0 auto;
    }

        .preloader .loader-gif img {
            border-radius: 50%;
            -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
        }

.navbar-light .navbar-brand img {
    height: 60px;
}

.header-area {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    left: 0;
}

    .header-area .navbar {
        position: relative;
    }

.top-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .top-header ul {
        padding: 0;
        list-style-type: none;
        margin: 0;
    }

        .top-header ul.header-contact li {
            margin-right: 20px;
            color: #fff;
            display: inline-block;
        }

            .top-header ul.header-contact li i {
                color: #e19903;
                margin-right: 3px;
            }

            .top-header ul.header-contact li a {
                display: inline-block;
                color: #fff;
            }

                .top-header ul.header-contact li a:hover,
                .top-header ul.header-contact li a:focus {
                    color: #e19903;
                }

            .top-header ul.header-contact li:last-child {
                margin-right: 0;
            }

        .top-header ul.social {
            text-align: right;
        }

            .top-header ul.social li {
                display: inline-block;
            }

                .top-header ul.social li a {
                    width: 38px;
                    height: 38px;
                    line-height: 40px;
                    background-color: #ededed;
                    color: #e19903;
                    font-size: 15px;
                    text-align: center;
                    border-radius: 50%;
                }

                    .top-header ul.social li a:hover,
                    .top-header ul.social li a:focus {
                        background-color: #e19903;
                        color: #fff;
                    }

.navbar {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 999;
    padding: 0 0;
    left: 0;
}

    .navbar.is-sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        /* padding-top: 15px; */
        /* padding-bottom: 15px; */
        z-index: 999;
        -webkit-box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 18px 1px rgba(0, 0, 0, 0.1);
        background-color: #ffffffc9 !important;
        -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
        backdrop-filter: blur(10px);
    }

.bg-light {
    background-color: transparent !important;
}

.navbar-light .navbar-brand img:last-child {
    display: none;
}

.navbar-light .navbar-nav {
    margin-left: auto;
}

    .navbar-light .navbar-nav .nav-item {
        padding-left: 15px;
        padding-right: 15px;
    }

        .navbar-light .navbar-nav .nav-item .nav-link {
            color: #3c3c3c;
            text-transform: uppercase;
            font-weight: 500;
            position: relative;
            padding-left: 10px;
            padding-right: 0;
        }

            .navbar-light .navbar-nav .nav-item .nav-link::before {
                content: "";
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 2px;
                height: 15px;
                background: #603913;
                left: -13px;
            }

            .navbar-light .navbar-nav .nav-item .nav-link:hover,
            .navbar-light .navbar-nav .nav-item .nav-link.active {
                color: #d6a956;
                font-weight: bolder;
            }

        .navbar-light .navbar-nav .nav-item:first-child {
            padding-left: 0;
        }

            .navbar-light .navbar-nav .nav-item:first-child .nav-link {
                padding-left: 0;
            }

                .navbar-light .navbar-nav .nav-item:first-child .nav-link::before {
                    display: none;
                }

        .navbar-light .navbar-nav .nav-item:last-child {
            padding-right: 0;
        }

.navbar-light .others-options {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.navbar-light.is-sticky .navbar-nav .nav-item .nav-link {
    color: #3c3c3c;
}

    .navbar-light.is-sticky .navbar-nav .nav-item .nav-link:hover,
    .navbar-light.is-sticky .navbar-nav .nav-item .nav-link.active {
        color: #e19903;
    }

.navbar-light.is-sticky .navbar-brand img:last-child {
    display: block;
}

.navbar-light.is-sticky .navbar-brand img:first-child {
    display: none;
}

.navbar-light.navbar-style-two .navbar-nav {
    margin: 0 auto;
}


.go-top {
    display: none;
}
/*contact us*/
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 100px;
    right: 36px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 28px;
    text-decoration: none;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.footer-area {
    text-align: center;
    background: #000;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .footer-area p {
        color: #fff;
        margin-bottom: 0;
    }

        .footer-area p a {
            display: inline-block;
            color: #fff;
            font-weight: 600;
        }

.social {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

    .social li {
        display: inline-block;
    }

        .social li a {
            margin-left: 10px;
        }

        .social li a {
            width: 40px;
            height: 40px;
            line-height: 42px;
            background-color: #ededed;
            color: #ffffff;
            font-size: 16px;
            text-align: center;
            border-radius: 50%;
        }

section.Contact_section_tri {
    padding: 50px 0;
    background-image: url(../images/banner2.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    position: relative;
}

.Contact_section_tri:after {
    height: 100%;
    content: "";
    /* background: linear-gradient(to right, #000000c7 10%, #0000004f 70%, #00000000 100%); */
    /* background: linear-gradient(to right, #000000a6 37%, #ffffff00 166%); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.Contact_sec_tri {
    position: relative;
    z-index: 1;
}

.row.row_tri {
    display: flex;
    align-items: center;
}

.euyhui_tri {
    position: relative;
    z-index: 1;
    width: 85%;
}

p.contact_heading_tri {
    font-size: 28px;
    font-weight: 500;
    color: #ffffff;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
}

    p.contact_heading_tri:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 72px;
        height: 3px;
        border-radius: 33.7963px;
        background-color: #00397f;
    }

    p.contact_heading_tri:after {
        content: "";
        position: absolute;
        left: 75px;
        bottom: 0;
        width: 12px;
        height: 3px;
        border-radius: 33.7963px;
        background-color: #00397f;
    }

.contact_details_section_tri {
    /* display: flex
; */
    /* align-items: center; */
    margin-bottom: 15px;
}

    .contact_details_section_tri p {
        font-size: 15px;
        display: flex;
        /* align-items: center; */
        margin-bottom: 22px;
    }

span.hd_tri {
    width: 25px;
    color: #00397f;
}

.theme-page a {
    color: #444444;
}

.contact_details_section_tri a {
    /* font-weight: 600; */
    color: #000000;
    margin-left: 5px;
}

.EnquireNow-frm_section_tri {
    border-bottom: 5px solid #00397f;
    box-shadow: 0 8px 43px rgba(0, 0, 0, 0.2);
    padding: 18px 30px;
    background-color: white;
    border-radius: 8px 8px 0 0;
}


.clearboth {
    display: block;
    visibility: hidden;
    clear: both;
    overflow: hidden;
    width: 0;
    height: 0;
}

p.contact_heading_tri.EnquireNow_heading_tri {
    color: #000000;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

p.contact_heading_tri {
    font-size: 24px;
    font-weight: 500;
    color: #00397f;
    margin-bottom: 30px;
    padding-bottom: 15px;
    position: relative;
}

.lbl_tr {
    font-size: 12px;
    color: #2c2c2c;
    line-height: 22px;
}

.caldera-grid .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.fjgbh_tri {
    height: 420px;
}

    .fjgbh_tri a {
        height: 100%;
        display: flex;
        justify-content: center;
    }

    .fjgbh_tri img {
        height: 100%;
        object-fit: cover;
    }

.col-md-2.first_col.ghyugi_tri {
    margin: 20px 0px;
}

.col-md-12.first_col.ghyugi_tri {
    margin: 20px 0px;
    display: flex;
    justify-content: end;
}

.fachbook {
    background: #2a68b1 !important;
}

.instagram {
    background: #ae1ba0 !important;
}

.Linkdin {
    background: #0077B5 !important;
}

.form-group {
    margin-bottom: 15px;
}

.fgbhbg_tri {
    display: inline;
}

.social li a {
    margin-left: 10px;
}

ul.about-list {
    padding: 0px;
}

.about-item {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 15px;
}

span.span.textt_about {
    margin-left: 26px;
}

.about-item span.span {
    color: #333;
    font-size: 13px;
}

.textt_about {
    padding-bottom: 5px;
    position: relative;
}

    .textt_about:before {
        content: "\f0a4";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 5px;
        width: 28px;
        font-size: 13px;
        color: #e19903 !important;
        color: Brown;
        position: absolute;
        left: -29px;
        top: 1px;
    }

.fgbyhvgb_tri {
    padding-right: 0px;
}

    .fgbyhvgb_tri h3 {
        font-size: 22px;
    }

.pl-0 {
    padding-left: 0px;
}

.about-area.pt-40 {
    padding: 40px 0px !important;
}

section#about {
    padding-top: 50px !important;
    padding: 50px 0;
    background-image: url(../images/bg-img.png) !important;
    background-size: cover !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

img.img-fluid.astro-2 {
    position: absolute;
    top: 45px;
    right: 0px;
    z-index: 100;
}




/*popup thanks*/
.errorspan_tri {
    font-size: 10.6px;
    font-weight: 400;
    color: red;
    position: absolute;
  /*  left: 0;*/
    /*bottom: 2px;*/
}



.popup_name_tri {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #000000ad;
    z-index: 9999;
    display: flex;
    align-items: center;
    text-align: center;
}

.popup_section_tri {
    position: relative;
}

.popup_section_tri {
    margin: auto;
    width: 35%;
    background: white;
    padding: 25px 11px;
    border-radius: 5px;
}

p.heading_tri_p {
    margin-bottom: 6px;
    font-size: 22px;
    color: black;
    margin-top: 15px;
}

p.text_p {
    margin-bottom: 3px;
    font-size: 14px;
    color: black;
}

    p.text_p u {
        color: #000;
    }

.btnsubmit_new:hover, .btnsubmit_new:active, .btnsubmit_new:focus {
    color: #fff;
}

.col_new_tri_section_new .close_btn:hover {
    background: #00397C;
    color: white;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
}

.col_new_tri_btn_new .btnsubmit_new:hover {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,.5);
}

.close_btn {
    border: 1px solid #00397C;
    color: #00397C;
    z-index: 3;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 4px 20px;
    margin-right: 10px;
}

    .close_btn span {
        margin: auto;
        font-size: 14px;
    }

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

p.contact_num_sec_last a {
    color: #00397C;
    font-weight: 600;
}

.changecolor {
    -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;
    -moz-animation: NAME-YOUR-ANIMATION 1s infinite;
    -o-animation: NAME-YOUR-ANIMATION 1s infinite;
    animation: NAME-YOUR-ANIMATION 1s infinite;
}

@-webkit-keyframes NAME-YOUR-ANIMATION {
    0%, 49% {
        background-color: #00397C;
        border: 1px solid #00397C;
    }

    50%, 100% {
        background-color: #00397ca6;
        border: 1px solid #00397ca6;
    }
}

.col_new_tri_btn_new {
    margin: auto;
    display: flex;
    align-items: center;
}

    .col_new_tri_btn_new .btnsubmit_new {
        border: 1px solid #00397C;
        padding: 4px 20px;
        font-size: 14px;
    }

.ml10_tri_new {
    margin-left: 10px;
}

.changecolor {
    -webkit-animation: NAME-YOUR-ANIMATION 1s infinite;
    -moz-animation: NAME-YOUR-ANIMATION 1s infinite;
    -o-animation: NAME-YOUR-ANIMATION 1s infinite;
    animation: NAME-YOUR-ANIMATION 1s infinite;
}

.btnsubmit_new {
    background: #00397C;
    border: 0;
    outline: none;
    padding: 7px 23px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}


/*new css*/

.fhvgbhg_tri {
    position: relative;
}

.fjgbh_tri img {
    filter: blur(2px);
    transition: 0.3s ease;
}

span.ggyg_tri.para1 {
    font-size: 13px;
    padding-left: 3px;
}



/*============= banner =============*/
section.section1 {
    display: flex;
    width: 100%;
}

/*============= about us =============*/
.line_tri.before_tri {
    height: 1px;
    max-width: 250px;
    width: 100%;
    background: linear-gradient(90deg, #ffffff, #bdbdbd);
    margin-right: 25px;
}

.rgrehhth_tri {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.line_tri.after_tri {
    height: 1px;
    max-width: 250px;
    width: 100%;
    background: linear-gradient(90deg, #bdbdbd, #ffffff);
    margin-left: 25px;
}

.fugj_tri {
    color: #565656;
    font-size: 15px;
    margin-bottom: 45px;
    line-height: 30px;
}

.euitghuy_tri {
    text-align: center;
}

section.wyh_tri {
    padding: 35px 0;
}
/*============= about us =============*/

/*============= about us =============*/
section.about_us_section {
    background-image: url(../images/bgs-leaf1.png);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
}

.absulate_section_tri {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    padding-bottom: 200px;
}

.about_us_wrapper {
    padding: 50px 0;
    text-align: center;
}

.wrgy_tri {
    font-size: 32px;
    color: #00397f;
    margin-bottom: 15px;
}

.about_us_section p {
    color: #000000;
    font-size: 14px;
    margin-bottom: 5px;
}


/*============= Amenities =============*/
a.galleryDemo {
    color: #000;
    text-align: center;
}

.ihfbiugf {
    margin-top: 10px;
}

.container_tri {
    padding: 0 50px;
    position: relative;
}

section.wuyhui_tri {
    padding: 50px 0; /* background: #f3f6ff; */
    background: linear-gradient(#2361a31a, #ffffff, #2361a31a);
}

    section.wuyhui_tri .line_tri.before_tri {
        background: linear-gradient(90deg, #e4ebff, #bdbdbd);
    }

    section.wuyhui_tri .line_tri.after_tri {
        background: linear-gradient(90deg, #bdbdbd, #e4ebff);
    }

    section.wuyhui_tri.egreh_tri {
        background: linear-gradient(#2163a5, #1f2767);
        position: relative;
    }

        section.wuyhui_tri.egreh_tri:before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-image: url('../images/bg_img.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            background-attachment: fixed;
        }

.ufdghj_tri .rhhrtht_tri {
    font-size: 30px;
    white-space: nowrap;
}

section.wuyhui_tri.egreh_tri h2 {
    color: #fff;
}

section.wuyhui_tri.egreh_tri .line_tri.before_tri {
    background: linear-gradient(90deg, #215e9f, #ffffff);
}

section.wuyhui_tri.egreh_tri .line_tri.after_tri {
    background: linear-gradient(90deg, #ffffff, #205ea0);
}

section.wuyhui_tri.egreh_tri .floor-part {
    /* background: #fff; */
    padding: 1px;
}

/*section.wuyhui_tri.egreh_tri .Heading_floor {
    padding: 0 0 9px;
    color: #00397f;
    color: #fff;
    font-size: 18px;
}*/

section.wuyhui_tri.egreh_tri .floor-part {
    /* background: #fff; */
    padding: 1px;
}
/*====== location ==========*/
.ioho_tri {
    position: relative;
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.fkeg_tri {
    background: #fff;
    border: 1px solid #f3f3f3;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    left: 15px;
    max-height: 93%;
    max-width: 366px;
    position: absolute;
    top: 15px;
    width: 100%;
    z-index: 1;
    overflow: auto;
}

.tjhgf_tri {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 10px 15px 0;
    color: gray;
}

.ifuufdgbhj_tri {
    padding: 0 10px 10px;
}

.ifuugbhj_tri {
    display: flex;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid;
    border-image: linear-gradient(90deg, #00397f36, #ffffff) 1;
    border-radius: 10px;
}

.wiufg_tri {
    margin-left: 10px;
}

.jfugbk_tri {
    width: 42px;
    min-width: 42px;
}

.whdg_tri {
    font-size: 13px;
}

span.rgrfghrh_tri {
    font-size: 18px;
    font-weight: 500;
}

span.rutghu_tri {
    font-size: 12px;
    display: block;
}

.eiuhfj_tri {
    padding: 50px 0 80px;
}

.maps_address_tri {
    display: flex;
    padding: 6px;
}

.fkeg_tri::-webkit-scrollbar {
    width: 5px;
}

.fkeg_tri::-webkit-scrollbar-thumb {
    background: #888;
}


/*============= Outdoor Amenities =============*/
.ufdghj_tri { /* background: linear-gradient(137.29deg, hsla(36, 33%, 97%, .6) 7.62%, hsla(35, 28%, 88%, .6) 81.69%); */
    padding: 40px 0 0;
    background: linear-gradient(#2361a31a, #ffffff, #2361a31a);
}

.efuygu_tri {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.uitg_tri {
    text-align: center;
    width: 13%; /* border: 1px solid #f7f1f1; */ /* background: #fff; */
    margin: 0 4px 12px 4px; /* box-shadow: -2px 10px 22px -16px #00000075; */
    padding-bottom: 10px;
}

.uyf_tri {
    color: #00397f;
    font-size: 13px;
}

.uigdtg_tri {
    width: 70px;
    height: 70px; /* border-radius: 50%; */ /* background: #fff; */
    margin: 0 auto;
}

img.iofyhj_tri {
    padding: 10px;
}

@media (max-width: 767px) {
    .navbar-collapse {
        background: #ffffffe3;
    }

    .about_us_wrapper {
        padding: 20px 0;
        text-align: center;
    }

    .absulate_section_tri {
        padding-bottom: 0px;
    }

    section.about_us_section {
        background-image: url(../images/bgs-leaf1.png);
        background-size: cover; /* poora section cover kare */
        background-position: center center; /* dono axis par center */
        background-repeat: no-repeat;
        padding: 0;
        position: relative;
        height: 512px;
    }

    .uitg_tri {
        text-align: center;
        width: 23%;
    }

    .fkeg_tri {
        position: relative;
        max-width: 372px;
    }

    .ioho_tri {
        height: 930px;
    }
}

.iofyhj_tri {
    transition: transform 0.4s ease;
    display: block;
    max-width: 100%;
}

    .iofyhj_tri:hover {
        transform: scaleX(-1);
        cursor: pointer;
    }


section.wuyhui_tri.egreh_tri .floor-part {
    /* background: #fff; */
    padding: 1px;
    width: 354px;
    /* padding: 20px; */
    background: #fff;
    position: relative;
}

.item.feuigbyfgb {
    display: flex;
    justify-content: center;
}

.rgrgvr_tri {
    display: flex;
}

.rgrgvfdr_tri.guhj_tri {
    display: flex;
    justify-content: center;
}

.rgrgvr_tri .feuigbyfgb {
    margin-right: 30px;
    padding: 2px;
    background: #fff;
    /* position: relative; */
}

    .rgrgvr_tri .feuigbyfgb:last-child {
        margin-right: 0;
    }

.rgrgvr_tri .ihfbiugf {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000007a;
    backdrop-filter: blur(2px);
    margin: 0;
    left: 0;
}



/*map section*/
#location {
    background: #fff !important;
    padding-top: 50px !important;
    padding: 50px 0;
    background-image: url() !important;
    background-size: cover !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
}

.about-area.pt-40 {
    padding: 40px 0px !important;
}

.map_new {
    border: 1px solid #8080804a;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 6px;
}

.heading_new {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #00397f;
    width: 100%;
}

p {
    color: #3c3c3c;
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 15px;
}

.fgbyhvgb_tri {
    padding-right: 0px;
}

    .fgbyhvgb_tri h3 {
        font-size: 22px;
    }

.about-item {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 15px;
}

    .about-item span.span {
        color: #333;
        font-size: 13px;
    }

span.span.textt_about {
    margin-left: 26px;
}

.textt_about {
    padding-bottom: 5px;
    position: relative;
}

    .textt_about:before {
        content: "\f0a4";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: 5px;
        width: 28px;
        font-size: 13px;
        color: #00397f !important;
        color: Brown;
        position: absolute;
        left: -29px;
        top: 1px;
    }

span.span.textt_about.wfhuyg_tri {
    width: 140px;
}

span.span.textt_about.ml_15:before {
    display: none;
}




.jfgbyhfg_tri {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}

span.hfeufh_tri {
    padding: 4px 15px;
    background: #00397C;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    font-size: 12px;
}




section.wuyhui_tri.egreh_tri .Heading_floor {
    padding: 0 0 9px;
    text-align:center;
    color: #00397f;
    /* color: #fff; */
    font-size: 18px;
}

@media(max-width:768px) {

    .line_tri.before_tri {
        margin-right: 10px;
        max-width: 62px;
    }

    .line_tri.after_tri {
        max-width: 62px;
        margin-left: 10px;
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 4px !important;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px;
    }
}

.jdjdjd-ami {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

input#checkbox1 {
    margin-top: 5px;
    margin-right: 5px;
}

.d-gjeue-ami {
    display: flex;
    justify-content: center;
}

/*.Click-here {
    margin-left: 20px;
    background: transparent !important;
    color: #00397f !important;
    border: 1px solid #00397f;
}*/
.hfeufh_ami {
    padding: 6px 30px;
    background: #00397C;
    color: #fff;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
}

/*===========popup css=================*/
.custom-model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; /* z-index: 1050; */
    -webkit-overflow-scrolling: touch;
    outline: 0;
    opacity: 0;
    -webkit-transition: opacity 0.15s linear, z-index 0.15;
    -o-transition: opacity 0.15s linear, z-index 0.15;
    transition: opacity 0.15s linear, z-index 0.15;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

.model-open {
    z-index: 99999;
    opacity: 1;
    overflow: hidden;
}

.custom-model-inner {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    display: inline-block;
    vertical-align: middle;
    width: 873px;
    margin: 30px auto;
    /* max-width: 97%; */
}

.custom-model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*max-height: calc(100vh - 70px);*/
    overflow-y: auto;
}

.model-open .custom-model-inner {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    z-index: 999;
}

.model-open .bg-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
}

.bg-overlay {
    background: rgba(0, 0, 0, 0);
    height: 100vh;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    -webkit-transition: background 0.15s linear;
    -o-transition: background 0.15s linear;
    transition: background 0.15s linear;
}

.close-btn {
    position: absolute;
    right: 6px;
    top: -8px;
    cursor: pointer;
    z-index: 99;
    font-size: 30px;
    color: black;
}

.img-fluid-new {
    height: 100%;
    object-fit: cover;
    max-width: 100%;
}

@media screen and (min-width:800px) {
    .custom-model-main:before {
        content: "";
        display: inline-block;
        height: auto;
        vertical-align: middle;
        margin-right: -0px;
        height: 100%;
    }
}

@media screen and (max-width:799px) {
    .custom-model-inner {
        margin-top: 45px;
    }

    .custom-model-inner {
        width: 100%;
    }

    .dis-mob-none {
        display: none;
    }
}

.new_phonesmsg, .new_errormsg, .new_namemsg {
    font-size: 10.6px;
    font-weight: 400;
    color: red;
    position: absolute;
    left: 0;
}
.custom-model-wrap input, .custom-model-wrap select {
    color: black !important;
    height: 34px !important;
    border: 1px solid #ccc !important;
    font-size: 14px;
    border-radius: 4px !important;
    background:transparent;
    padding: 0px 13px;
}
label.etyui_tri {
    display: flex;
    align-items: flex-start;
}
.btn-solid {
    background-color: #00397C;
    border: none;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 20px;
    padding: 8px 20px 8px 20px;
    /* width: 150px; */
}
.checkboxes {
    margin-top: 5px;
    margin-right: 5px;
}
.custom-model-main .new_message {
    background: transparent;
    border: 1px solid #ccc !important;
    color: black;
    padding: 5px 13px;
}
.sec-title .separator {
    position: relative;
    width: 70px;
    height: 4px;
    border-radius: 33.7963px;
    margin-top: var(--space-15);
    /* background-color: var(--color-two); */
    background: linear-gradient(90deg, rgb(8 60 104) 0%, rgb(14 73 161) 13%, rgb(14 73 161 / 58%) 100%);
}
/*===========popup css=================*/