.elementor-2334 .elementor-element.elementor-element-9eb790a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2334 .elementor-element.elementor-element-9eb790a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2334 .elementor-element.elementor-element-a27445e{width:100%;max-width:100%;}.elementor-2334 .elementor-element.elementor-element-a27445e > .elementor-widget-container{margin:9px 9px 9px 9px;padding:6px 6px 6px 6px;}.elementor-2334 .elementor-element.elementor-element-a27445e.elementor-element{--flex-grow:6;--flex-shrink:6;}.elementor-2334 .elementor-element.elementor-element-fb80ea0:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-fb80ea0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B30A0A;}.elementor-2334 .elementor-element.elementor-element-fb80ea0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-fb80ea0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2334 .elementor-element.elementor-element-c7a7ed8{text-align:center;}.elementor-2334 .elementor-element.elementor-element-c7a7ed8 .elementor-heading-title{color:#EFEFEF;transition-duration:0s;}.elementor-2334 .elementor-element.elementor-element-daca3a0{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2334 .elementor-element.elementor-element-e29b0c2 > .elementor-widget-container{margin:20px 0px 0px 0px;padding:29px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-e29b0c2{text-align:center;}.elementor-2334 .elementor-element.elementor-element-e29b0c2 .elementor-heading-title{font-size:38px;font-weight:600;line-height:1.3em;color:#111111;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2334 .elementor-element.elementor-element-7edb7b5 > .elementor-widget-container{margin:0px 0px -45px 0px;padding:0px 0px 29px 0px;}.elementor-2334 .elementor-element.elementor-element-7edb7b5{text-align:justify;}.elementor-2334 .elementor-element.elementor-element-2d10da3:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-2d10da3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DFE4E9;}.elementor-2334 .elementor-element.elementor-element-2d10da3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 0px 30px 0px;}.elementor-2334 .elementor-element.elementor-element-2d10da3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2334 .elementor-element.elementor-element-316448c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-316448c{text-align:center;}.elementor-2334 .elementor-element.elementor-element-316448c .elementor-heading-title{font-size:38px;font-weight:600;line-height:1.3em;color:#111111;}.elementor-2334 .elementor-element.elementor-element-a7b4b7d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-537e507:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-537e507 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f1f7fa;background-image:url("https://konabariclinic.com/wp-content/uploads/2024/11/hh.webp");}.elementor-2334 .elementor-element.elementor-element-537e507{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-537e507 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2334 .elementor-element.elementor-element-da24451 > .elementor-widget-container{margin:31px 0px -25px 0px;}.elementor-2334 .elementor-element.elementor-element-da24451 .heading-layout1{text-align:left;}.elementor-2334 .elementor-element.elementor-element-da24451 .heading-layout4{text-align:left;}.elementor-2334 .elementor-element.elementor-element-da24451 .heading-layout5{text-align:left;}.elementor-2334 .elementor-element.elementor-element-da24451 .heading-layout6{text-align:left;}.elementor-2334 .elementor-element.elementor-element-da24451 .rtin-title{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-da24451 .rtin-subtitle{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-da24451 .section-heading:after{background:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-f1b90ae{margin-top:40px;margin-bottom:40px;padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-b636eb4 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2334 .elementor-element.elementor-element-a656d96 > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2334 .elementor-element.elementor-element-7c37183 .item-icon i{background-color:#19BC90;}.elementor-2334 .elementor-element.elementor-element-8bdcdca > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2334 .elementor-element.elementor-element-3def5f9 .item-icon i{background-color:#BD4EEA;}.elementor-2334 .elementor-element.elementor-element-3def5f9 .item-content__text span{font-weight:700;}.elementor-2334 .elementor-element.elementor-element-67aeeba > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2334 .elementor-element.elementor-element-0f0154a .item-icon i{background-color:#FFA800;}.elementor-2334 .elementor-element.elementor-element-e4d1464{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2334 .elementor-element.elementor-element-37f728f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-widget-container .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2334 .elementor-element.elementor-element-8cb2586 .elementor-field-group{margin-bottom:10px;}.elementor-2334 .elementor-element.elementor-element-8cb2586 .elementor-form-fields-wrapper{margin-bottom:-10px;}body .elementor-2334 .elementor-element.elementor-element-8cb2586 .elementor-field-group > label{padding-bottom:0px;}.elementor-2334 .elementor-element.elementor-element-8cb2586 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2334 .elementor-element.elementor-element-8cb2586 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2334 .elementor-element.elementor-element-7e8f7b0:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-7e8f7b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#414141;}.elementor-2334 .elementor-element.elementor-element-7e8f7b0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 30px 0px;}.elementor-2334 .elementor-element.elementor-element-7e8f7b0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2334 .elementor-element.elementor-element-181d28f0:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-181d28f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2549;background-image:url("https://konabariclinic.com/wp-content/uploads/2024/11/home-bg-2.webp");}.elementor-2334 .elementor-element.elementor-element-181d28f0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 49px 0px;}.elementor-2334 .elementor-element.elementor-element-181d28f0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2334 .elementor-element.elementor-element-285fdea{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2334 .elementor-element.elementor-element-cad6b26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2334 .elementor-element.elementor-element-601c970 > .elementor-widget-container{margin:0px 0px 50px 0px;padding:0em 0em 0em 0em;}.elementor-2334 .elementor-element.elementor-element-601c970 .heading-layout1{text-align:left;}.elementor-2334 .elementor-element.elementor-element-601c970 .heading-layout4{text-align:left;}.elementor-2334 .elementor-element.elementor-element-601c970 .heading-layout5{text-align:left;}.elementor-2334 .elementor-element.elementor-element-601c970 .heading-layout6{text-align:left;}.elementor-2334 .elementor-element.elementor-element-3584c53{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--e-con-transform-transition-duration:500ms;}.elementor-2334 .elementor-element.elementor-element-3584c53:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-2334 .elementor-element.elementor-element-3584c53, .elementor-2334 .elementor-element.elementor-element-3584c53::before{--border-transition:0.3s;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2334 .elementor-element.elementor-element-ec86617 .elementor-icon-box-wrapper{text-align:justify;}.elementor-2334 .elementor-element.elementor-element-ec86617{--icon-box-icon-margin:15px;}.elementor-2334 .elementor-element.elementor-element-ec86617 .elementor-icon-box-description{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-5040413{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--e-con-transform-transition-duration:500ms;}.elementor-2334 .elementor-element.elementor-element-5040413:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-2334 .elementor-element.elementor-element-5040413, .elementor-2334 .elementor-element.elementor-element-5040413::before{--border-transition:0.3s;}.elementor-2334 .elementor-element.elementor-element-2c04bf1 .elementor-icon-box-wrapper{text-align:justify;}.elementor-2334 .elementor-element.elementor-element-2c04bf1{--icon-box-icon-margin:15px;}.elementor-2334 .elementor-element.elementor-element-2c04bf1 .elementor-icon-box-description{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-4203461{--display:flex;--background-transition:0.3s;--overlay-opacity:0.46;--border-radius:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-4203461::before, .elementor-2334 .elementor-element.elementor-element-4203461 > .elementor-background-video-container::before, .elementor-2334 .elementor-element.elementor-element-4203461 > .e-con-inner > .elementor-background-video-container::before, .elementor-2334 .elementor-element.elementor-element-4203461 > .elementor-background-slideshow::before, .elementor-2334 .elementor-element.elementor-element-4203461 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2334 .elementor-element.elementor-element-4203461 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2334 .elementor-element.elementor-element-9fcaa26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2334 .elementor-element.elementor-element-a52ece2{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--margin-top:185px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--e-con-transform-transition-duration:500ms;}.elementor-2334 .elementor-element.elementor-element-a52ece2:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-2334 .elementor-element.elementor-element-a52ece2, .elementor-2334 .elementor-element.elementor-element-a52ece2::before{--border-transition:0.3s;}.elementor-2334 .elementor-element.elementor-element-1e1c140 .elementor-icon-box-wrapper{text-align:justify;}.elementor-2334 .elementor-element.elementor-element-1e1c140{--icon-box-icon-margin:15px;}.elementor-2334 .elementor-element.elementor-element-1e1c140 .elementor-icon-box-description{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-7227689{--display:flex;--background-transition:0.3s;border-style:none;--border-style:none;--e-con-transform-transition-duration:500ms;}.elementor-2334 .elementor-element.elementor-element-7227689:hover{border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;}.elementor-2334 .elementor-element.elementor-element-7227689, .elementor-2334 .elementor-element.elementor-element-7227689::before{--border-transition:0.3s;}.elementor-2334 .elementor-element.elementor-element-7227689.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2334 .elementor-element.elementor-element-4e16f9c{width:var( --container-widget-width, 102.315% );max-width:102.315%;--container-widget-width:102.315%;--container-widget-flex-grow:0;--icon-box-icon-margin:15px;}.elementor-2334 .elementor-element.elementor-element-4e16f9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-2334 .elementor-element.elementor-element-4e16f9c .elementor-icon-box-wrapper{text-align:justify;}.elementor-2334 .elementor-element.elementor-element-4e16f9c .elementor-icon-box-description{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-c98aca8 > .elementor-widget-container{margin:0px 0px -15px 0px;}.elementor-2334 .elementor-element.elementor-element-c98aca8 .heading-layout1{text-align:left;}.elementor-2334 .elementor-element.elementor-element-c98aca8 .heading-layout4{text-align:left;}.elementor-2334 .elementor-element.elementor-element-c98aca8 .heading-layout5{text-align:left;}.elementor-2334 .elementor-element.elementor-element-c98aca8 .heading-layout6{text-align:left;}.elementor-2334 .elementor-element.elementor-element-c98aca8 .rtin-title{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-c98aca8 .rtin-subtitle{color:#FFFFFF;}.elementor-2334 .elementor-element.elementor-element-3ef6d28:not(.elementor-motion-effects-element-type-background), .elementor-2334 .elementor-element.elementor-element-3ef6d28 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E7E7;}.elementor-2334 .elementor-element.elementor-element-3ef6d28{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:94px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-3ef6d28 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2334 .elementor-element.elementor-element-f0c3ae2 > .elementor-element-populated{padding:0px 0px 30px 0px;}.elementor-2334 .elementor-element.elementor-element-e8ad1c6 > .elementor-widget-container{padding:10px 0px 0px 0px;}@media(min-width:768px){.elementor-2334 .elementor-element.elementor-element-9eb790a{--width:103.656%;}.elementor-2334 .elementor-element.elementor-element-37f728f{--width:25%;}.elementor-2334 .elementor-element.elementor-element-7227689{--width:100.24%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2334 .elementor-element.elementor-element-b636eb4{width:50%;}.elementor-2334 .elementor-element.elementor-element-a656d96{width:50%;}.elementor-2334 .elementor-element.elementor-element-8bdcdca{width:50%;}.elementor-2334 .elementor-element.elementor-element-67aeeba{width:50%;}}@media(max-width:1024px){.elementor-2334 .elementor-element.elementor-element-daca3a0{--grid-auto-flow:row;}.elementor-2334 .elementor-element.elementor-element-f1b90ae{padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-b636eb4 > .elementor-element-populated{padding:0px 15px 30px 15px;}.elementor-2334 .elementor-element.elementor-element-a656d96 > .elementor-element-populated{padding:0px 15px 30px 15px;}.elementor-2334 .elementor-element.elementor-element-8bdcdca > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2334 .elementor-element.elementor-element-67aeeba > .elementor-element-populated{padding:0px 15px 0px 15px;}.elementor-2334 .elementor-element.elementor-element-181d28f0{padding:80px 0px 40px 0px;}.elementor-2334 .elementor-element.elementor-element-f0c3ae2 > .elementor-element-populated{padding:0px 15px 20px 15px;}}@media(max-width:767px){.elementor-2334 .elementor-element.elementor-element-daca3a0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-2334 .elementor-element.elementor-element-e29b0c2 .elementor-heading-title{font-size:30px;line-height:1.4em;}.elementor-2334 .elementor-element.elementor-element-316448c .elementor-heading-title{font-size:30px;line-height:1.4em;}.elementor-2334 .elementor-element.elementor-element-b636eb4 > .elementor-element-populated{padding:0px 15px 30px 15px;}.elementor-2334 .elementor-element.elementor-element-a656d96 > .elementor-element-populated{padding:0px 15px 30px 15px;}.elementor-2334 .elementor-element.elementor-element-8bdcdca > .elementor-element-populated{padding:0px 15px 30px 15px;}.elementor-2334 .elementor-element.elementor-element-67aeeba > .elementor-element-populated{padding:0px 15px 30px 15px;}.elementor-2334 .elementor-element.elementor-element-601c970 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2334 .elementor-element.elementor-element-3ef6d28{padding:80px 0px 70px 0px;}.elementor-2334 .elementor-element.elementor-element-f0c3ae2 > .elementor-element-populated{padding:0px 10px 0px 10px;}}/* Start custom CSS for heading, class: .elementor-element-c7a7ed8 */ewport" content="width=device-width, initial-scale=1.0">
    <title>Doctor Appointment Form</title>
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
        }

        body {
            background-color: #f0f2f5;
            padding: 20px;
        }

        .container {
            max-width: 600px;
            margin: 0 auto;
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        }

        h1 {
            text-align: center;
            color: #2c3e50;
            margin-bottom: 30px;
        }

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

        label {
            display: block;
            margin-bottom: 5px;
            color: #34495e;
            font-weight: bold;
        }

        input, select, textarea {
            width: 100%;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 16px;
        }

        button {
            background-color: #3498db;
            color: white;
            padding: 12px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
            font-size: 16px;
        }

        button:hover {
            background-color: #2980b9;
        }

        .required {
            color: red;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>Doctor Appointment Form</h1>
        <form id="appointmentForm" onsubmit="handleSubmit(event)">
            <div class="form-group">
                <label>Full Name <span class="required">*</span></label>
                <input type="text" id="name" required>
            </div>

            <div class="form-group">
                <label>Phone Number <span class="required">*</span></label>
                <input type="tel" id="phone" required>
            </div>

            <div class="form-group">
                <label>Email</label>
                <input type="email" id="email">
            </div>

            <div class="form-group">
                <label>Preferred Date <span class="required">*</span></label>
                <input type="date" id="date" required>
            </div>

            <div class="form-group">
                <label>Preferred Time <span class="required">*</span></label>
                <select id="time" required>
                    <option value="">Select Time</option>
                    <option value="09:00">9:00 AM</option>
                    <option value="10:00">10:00 AM</option>
                    <option value="11:00">11:00 AM</option>
                    <option value="12:00">12:00 PM</option>
                    <option value="14:00">2:00 PM</option>
                    <option value="15:00">3:00 PM</option>
                    <option value="16:00">4:00 PM</option>
                </select>
            </div>

            <div class="form-group">
                <label>Select Department <span class="required">*</span></label>
                <select id="department" required>
                    <option value="">Select Department</option>
                    <option value="general">General Medicine</option>
                    <option value="cardiology">Cardiology</option>
                    <option value="dental">Dental</option>
                    <option value="orthopedics">Orthopedics</option>
                    <option value="pediatrics">Pediatrics</option>
                </select>
            </div>

            <div class="form-group">
                <label>Reason for Visit <span class="required">*</span></label>
                <textarea id="reason" rows="4" required></textarea>
            </div>

            <button type="submit">Book Appointment</button>
        </form>
    </div>

    <script>
        // Set minimum date to today
        const today = new Date().toISOString().split('T')[0];
        document.getElementById('date').min = today;

        function handleSubmit(event) {
            event.preventDefault();
            
            // Get form values
            const name = document.getElementById('name').value;
            const phone = document.getElementById('phone').value;
            const email = document.getElementById('email').value;
            const date = document.getElementById('date').value;
            const time = document.getElementById('time').value;
            const department = document.getElementById('department').value;
            const reason = document.getElementById('reason').value;

            // You would typically send this data to a server
            // For now, we'll just show an alert
            alert(`Appointment booked successfully!\n\nDetails:\nName: ${name}\nDate: ${date}\nTime: ${time}\nDepartment: ${department}`);
            
            // Reset form
            event.target.reset();
        }
    </script>
</body>
</html>/* End custom CSS */