{"id":173,"date":"2026-04-25T14:03:16","date_gmt":"2026-04-25T14:03:16","guid":{"rendered":"https:\/\/dbcollege.in\/?page_id=173"},"modified":"2026-05-31T14:06:53","modified_gmt":"2026-05-31T14:06:53","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/dbcollege.in\/index.php\/contact-us\/","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"173\" class=\"elementor elementor-173\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8499cb7 e-con-full e-flex e-con e-parent\" data-id=\"8499cb7\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d08dfb4 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d08dfb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"modern-breadcrumb-banner\">\r\n    <div class=\"breadcrumb-overlay\"><\/div>\r\n    <div class=\"breadcrumb-content-wrapper\">\r\n        <!-- Main Section Title -->\r\n        <h1 class=\"breadcrumb-main-title\">Contact Us<\/h1>\r\n        \r\n        <!-- Interactive Breadcrumb Links -->\r\n        <div class=\"breadcrumb-navigation-links\">\r\n            <a href=\"https:\/\/dbcollege.in\/\" class=\"breadcrumb-link-item\">Home<\/a>\r\n            <span class=\"breadcrumb-separator-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n            <\/span>\r\n            <a href=\"#\" class=\"breadcrumb-link-item\">Academics<\/a>\r\n            <span class=\"breadcrumb-separator-icon\">\r\n                <svg viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z\"\/><\/svg>\r\n            <\/span>\r\n            <span class=\"breadcrumb-current-page\">Contact Us<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* Main Banner Container *\/\r\n    .modern-breadcrumb-banner {\r\n        position: relative;\r\n        width: 100%;\r\n        min-height: 260px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: left;\r\n        font-family: 'Segoe UI', -apple-system, sans-serif;\r\n        box-sizing: border-box;\r\n        overflow: hidden;\r\n        border-radius: 0px; \/* Sharp rectangular corners ke liye 0 kiya hai *\/\r\n        margin-bottom: 35px;\r\n        \r\n        \/* Background Configuration *\/\r\n        background-image: url('https:\/\/encrypted-tbn3.gstatic.com\/licensed-image?q=tbn:ANd9GcRRwqH0zF4ww6DItz0USRy-ZCdBFmtl7kU_YKUPanEQgC1LKySpyROVBnS_L4hMTjXuCwYHNmspIptg4_0'); \r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n    }\r\n\r\n    \/* Dark Overlay for Text Readability over Image *\/\r\n    .breadcrumb-overlay {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: linear-gradient(90deg, rgba(5, 36, 17, 0.9) 0%, rgba(12, 74, 40, 0.6) 60%, rgba(0, 0, 0, 0.3) 100%);\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* Inner Content Container *\/\r\n    .breadcrumb-content-wrapper {\r\n        position: relative;\r\n        z-index: 2;\r\n        padding: 40px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Main Title Typography *\/\r\n    .breadcrumb-main-title {\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: #ffffff;\r\n        margin: 0;\r\n        letter-spacing: 0.5px;\r\n        text-shadow: 0 2px 4px rgba(0,0,0,0.2);\r\n    }\r\n\r\n    \/* Navigation Links Wrap *\/\r\n    .breadcrumb-navigation-links {\r\n        display: flex;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        gap: 6px;\r\n    }\r\n\r\n    \/* Individual Link Item *\/\r\n    .breadcrumb-link-item {\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        color: #e2e8f0;\r\n        text-decoration: none;\r\n        transition: color 0.2s ease;\r\n    }\r\n    .breadcrumb-link-item:hover {\r\n        color: #eab308; \r\n    }\r\n\r\n    \/* Separator SVG Icon Style *\/\r\n    .breadcrumb-separator-icon {\r\n        display: flex;\r\n        align-items: center;\r\n        color: #94a3b8;\r\n    }\r\n    .breadcrumb-separator-icon svg {\r\n        width: 16px;\r\n        height: 16px;\r\n    }\r\n\r\n    \/* Active \/ Current Page State *\/\r\n    .breadcrumb-current-page {\r\n        font-size: 13.5px;\r\n        font-weight: 600;\r\n        color: #eab308; \r\n    }\r\n\r\n    \/* Responsive adjustments *\/\r\n    @media (max-width: 768px) {\r\n        .modern-breadcrumb-banner { min-height: 200px; }\r\n        .breadcrumb-content-wrapper { padding: 24px; }\r\n        .breadcrumb-main-title { font-size: 26px; }\r\n        .breadcrumb-link-item, .breadcrumb-current-page { font-size: 12.5px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-aefff9b e-con-full e-flex e-con e-parent\" data-id=\"aefff9b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0fbdde elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"d0fbdde\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Fully Isolated & Premium Contact Component -->\r\n<div class=\"prm-contact-container\">\r\n    <!-- FontAwesome for Icons (Add if not present) -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    \r\n    <style>\r\n        \/* Pure Isolation and Premium Styles *\/\r\n        .prm-contact-container {\r\n            \/* Richer Palette *\/\r\n            --prm-emerald-deep: #16563c; \/* Dark, sophisticated green *\/\r\n            --prm-emerald-mid: #1d7753;\r\n            --prm-gold: #fcc04a; \/* Polished Champagne Gold *\/\r\n            --prm-text-dark: #333333;\r\n            --prm-white: #ffffff;\r\n            \r\n            width: 100%;\r\n            max-width: 980px;\r\n            margin: 30px auto;\r\n            background: var(--prm-white);\r\n            border-radius: 20px;\r\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); \/* Softer, deep shadow *\/\r\n            display: grid;\r\n            grid-template-columns: 4.8fr 5.2fr;\r\n            overflow: hidden;\r\n            font-family: 'Poppins', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            border: 1px solid #eeeeee;\r\n        }\r\n\r\n        .prm-contact-container * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        \/* LEFT: Premium Glassmorphism *\/\r\n        .prm-glass-panel {\r\n            background: linear-gradient(145deg, rgba(22,86,60,0.98), rgba(29,119,83,0.95));\r\n            padding: 50px 40px;\r\n            color: var(--prm-white);\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n            align-items: center;\r\n            position: relative;\r\n            text-align: center;\r\n            backdrop-filter: blur(12px);\r\n            -webkit-backdrop-filter: blur(12px);\r\n        }\r\n        \r\n        \/* Subtle Background Pattern for Premium Texture *\/\r\n        .prm-glass-panel::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; right: 0; bottom: 0;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'\/%3E%3C\/g%3E%3C\/g%3E%3C\/svg%3E\");\r\n            opacity: 0.5;\r\n        }\r\n\r\n        \/* Large Animated Icon with Subtle Gold Halo *\/\r\n        .prm-big-icon {\r\n            font-size: 80px;\r\n            color: var(--prm-gold);\r\n            margin-bottom: 25px;\r\n            filter: drop-shadow(0 5px 10px rgba(0,0,0,0.25));\r\n            animation: prm-float 3.5s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes prm-float {\r\n            0%, 100% { transform: translateY(0) scale(1); }\r\n            50% { transform: translateY(-10px) scale(1.02); }\r\n        }\r\n\r\n        \/* Elegant Title styling *\/\r\n        .prm-glass-panel h2 {\r\n            font-size: 26px;\r\n            font-weight: 600;\r\n            margin-bottom: 30px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1.5px;\r\n            color: #ffffff !important;\r\n            line-height: 1.3;\r\n            position: relative;\r\n        }\r\n        \r\n        .prm-glass-panel h2::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px; height: 3px;\r\n            background-color: var(--prm-gold);\r\n            margin: 10px auto 0;\r\n            border-radius: 2px;\r\n        }\r\n\r\n        \/* Detail List with Polished Halo Icons *\/\r\n        .prm-details-list {\r\n            list-style: none !important;\r\n            width: 100%;\r\n            text-align: left;\r\n        }\r\n\r\n        .prm-details-list li {\r\n            margin-bottom: 22px !important;\r\n            font-size: 14px;\r\n            line-height: 1.6;\r\n            display: flex;\r\n            align-items: center;\r\n            color: #f1f1f1;\r\n        }\r\n\r\n        .prm-icon-halo {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: 40px; height: 40px;\r\n            border: 1px solid rgba(252, 192, 74, 0.3);\r\n            background: rgba(252, 192, 74, 0.05);\r\n            border-radius: 50%;\r\n            margin-right: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .prm-details-list li i {\r\n            color: var(--prm-gold);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .prm-details-list strong {\r\n            color: var(--prm-gold);\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* RIGHT: Map and Modern Button *\/\r\n        .prm-map-panel {\r\n            background: #ffffff;\r\n            padding: 40px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: space-between;\r\n        }\r\n\r\n        .prm-map-header {\r\n            margin-bottom: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .prm-map-header h3 {\r\n            color: var(--prm-emerald-deep) !important;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .prm-map-header p {\r\n            font-size: 13.5px;\r\n            color: #666666;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        \/* Polished Map Frame *\/\r\n        .prm-map-frame {\r\n            width: 100%;\r\n            height: 310px;\r\n            border-radius: 12px;\r\n            overflow: hidden;\r\n            border: 1px solid #e5e5e5;\r\n            box-shadow: inset 0 2px 6px rgba(0,0,0,0.03);\r\n            filter: grayscale(15%) contrast(105%); \/* Subtle professional map filter *\/\r\n        }\r\n\r\n        .prm-map-frame iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: none;\r\n        }\r\n\r\n        \/* Premium Navigation Button *\/\r\n        .prm-navigation-btn {\r\n            margin-top: 25px;\r\n            background-color: var(--prm-gold);\r\n            color: #111111 !important;\r\n            text-decoration: none !important;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            padding: 14px 20px;\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            border-radius: 8px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.5px;\r\n            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n            box-shadow: 0 4px 15px rgba(252, 192, 74, 0.4);\r\n        }\r\n\r\n        .prm-navigation-btn:hover {\r\n            background-color: #fdb11e;\r\n            box-shadow: 0 6px 20px rgba(252, 192, 74, 0.55);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .prm-navigation-btn:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* Responsive Breakpoint (Unified) *\/\r\n        @media (max-width: 800px) {\r\n            .prm-contact-container {\r\n                grid-template-columns: 1fr;\r\n                margin: 15px;\r\n                border-radius: 16px;\r\n            }\r\n            .prm-glass-panel {\r\n                padding: 40px 25px;\r\n            }\r\n            .prm-map-panel {\r\n                padding: 30px;\r\n            }\r\n            .prm-map-frame {\r\n                height: 270px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <!-- LEFT: Emerald Glass & Gold Accent Info -->\r\n    <div class=\"prm-glass-panel\">\r\n        <i class=\"fa-solid fa-graduation-cap prm-big-icon\"><\/i>\r\n        <h2>Dadhibaman College<\/h2>\r\n        \r\n        <ul class=\"prm-details-list\">\r\n            <li>\r\n                <div class=\"prm-icon-halo\"><i class=\"fa-solid fa-map-location-dot\"><\/i><\/div>\r\n                <span>Bhatli, Bargarh,<br>Odisha - 768030<\/span>\r\n            <\/li>\r\n            <li>\r\n                <div class=\"prm-icon-halo\"><i class=\"fa-solid fa-compass\"><\/i><\/div>\r\n                <span><strong>Lat\/Long:<\/strong> 21.4936\u00b0 N, 83.5413\u00b0 E<\/span>\r\n            <\/li>\r\n            <li>\r\n                <div class=\"prm-icon-halo\"><i class=\"fa-solid fa-phone-volume\"><\/i><\/div>\r\n                <span>+91 6646 XXXXXX<\/span>\r\n            <\/li>\r\n            <li>\r\n                <div class=\"prm-icon-halo\"><i class=\"fa-solid fa-envelope\"><\/i><\/div>\r\n                <span>dbcollege.bhatli@gmail.com<\/span>\r\n            <\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <!-- RIGHT: Map Frame and High-End Action Button -->\r\n    <div class=\"prm-map-panel\">\r\n        <div class=\"prm-map-header\">\r\n            <h3>College Location Map<\/h3>\r\n            <p>Dadhibaman Higher Secondary School & Degree College, Bhatli<\/p>\r\n        <\/div>\r\n        \r\n        <!-- Satellite View Map Framed in Premium Border -->\r\n        <div class=\"prm-map-frame\">\r\n            <iframe \r\n                src=\"https:\/\/maps.google.com\/maps?q=Dadhibaman%20College,%20Bhatli&t=k&z=17&ie=UTF8&iwloc=&output=embed\" \r\n                allowfullscreen=\"\" \r\n                loading=\"lazy\">\r\n            <\/iframe>\r\n        <\/div>\r\n        \r\n        <!-- Navigation CTA Button -->\r\n        <a href=\"https:\/\/www.google.com\/maps\/dir\/\/Dadhibaman+College,+Bhatli,+Odisha+768030\/\" target=\"_blank\" class=\"prm-navigation-btn\">\r\n            <i class=\"fa-solid fa-location-arrow\"><\/i> Get directions on Google Maps\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Home Academics Contact Us Dadhibaman College Bhatli, Bargarh,Odisha &#8211; 768030 Lat\/Long: 21.4936\u00b0 N, 83.5413\u00b0 E +91 6646 XXXXXX dbcollege.bhatli@gmail.com College Location Map Dadhibaman Higher Secondary School &#038; Degree College, Bhatli Get directions on Google Maps<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"default","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":85,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":3245,"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions\/3245"}],"wp:attachment":[{"href":"https:\/\/dbcollege.in\/index.php\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}