ikan Uploader :
Directory : /var/www/html/shardahospital.org/drbooking/assests/css/
Upload File : |
| Current File : /var/www/html/shardahospital.org/drbooking/assests/css/custom_new.css |
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&display=swap');
/***** General CSS *****/
*{outline: none!important}
body { word-break: break-word; font-family: 'Open Sans', sans-serif; color: #000; overflow-x: hidden;}
a {text-decoration: none; color: #000; white-space: initial; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
a:hover, a:focus { text-decoration: none; color: #393939;}
a:hover { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;}
img {max-width: 100%;}
ul { list-style:none; margin:0; padding:0; }
:root {
--bg-1:#4A95B6;
--bg-2:#7BC7A5;
--bg-3:#C26600;
--color-black: #000000;
--sec-light: #7BC7A5;
--text-color: #314141;
--border-color: #e5e5e5;
--button-fill: linear-gradient(180deg, #FCB800 0%, #F78200 100%);
}
.header { background:#fff; padding:10px 0px; position:relative; box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2); }
.header .logo { float:left; width:320px; padding:0px 0px 0px 0px; }
.header .logo img { width:100%; }
.header-location { text-align:center; display:block; padding:13px 0 0 0; }
.header-location p { text-align:left; display:inline-block; position:relative; }
.header-location p strong { display:block; }
.header-location .online:before { content:""; position:absolute; left:-16px; height:10px; width:10px; background:#B2E0C8; border-radius:10px; top:32px; }
.header.sticky { position:sticky; top:0; z-index:9; }
/*has-error*/
.has-error { border:1px solid #d54343 !important;}
.right-header { float:right; }
.right-header ul { float:right; }
.right-header ul li { float:left; padding:0 0 0 60px; position:relative; }
.right-header ul li a { font-size:14px; color:var(--color-black); line-height:66px; }
.right-header ul li a i { position:absolute; color:var(--color-black); font-size:30px; line-height:40px; top:13px; left:20px; }
.main-wraper { padding:10px 0 0 0; }
.bg-1 { background:var(--bg-1); }
.bg-2 { background:var(--bg-2); }
.bg-3 { background:var(--bg-3); }
.select-speciality { padding:60px 0; }
.select-speciality h3 { font-size:42px; font-weight:300; text-align:center; display:block; padding:0 0 30px 0; margin:0; color:#fff;}
.select-speciality-in { box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2); border-radius:5px; background:#fff; margin:10px 0; text-align:center; height:90%; transition:ease all 0.3s; cursor:pointer; }
.select-speciality-in a { padding:20px; width:100%; height:100%; display:block; }
.select-speciality-in img { display:block; margin:10px auto 20px; }
.select-speciality-in strong { display:block; font-size:16px; font-weight:normal; }
.select-speciality-in:hover { box-shadow: 0 10px 19px 0 rgba(0,0,0,0.4); }
.button1 { font-size:14px;padding:6px 6px 6px 20px; border-radius:40px; line-height:31px; position:relative; display:inline-block; margin:10px 0 0 0; text-decoration:underline; border:1px solid #F78600; font-weight:400; color:#F78600; text-decoration:none; transition:ease all 0.3s; }
.button1 span { content:""; width:32px; height:32px; float:right; background: linear-gradient(180deg, #FCB800 0%, #F78200 100%);
border-radius:70px; left:0; top:0px; text-align:center; line-height:32px; margin:0 0 0 20px; transition:ease all 0.3s;}
.button1 span i { font-size:16px; color:#fff; transition:ease all 0.3s;}
.button1:hover { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%);color:#fff; }
.button1:hover span { background: linear-gradient(180deg, #fff 0%, #fff 100%); }
.button1:hover span i { color:#F78600;}
.find-doc { padding:60px 0 30px 0; }
.find-doc h3 { font-size:28px; font-weight:400; text-align:center; display:block; padding:10px 0 0px 0; margin:0; color:#fff;}
.find-doc select, .find-doc input { line-height:50px; height:50px; padding:0 10px; background:#fff; border-radius:5px; font-size:14px; color:#222; border:0; width:100%; }
.find-doc-list { padding:10px 0 60px 0; }
.find-doc-listin { box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2); border-radius:10px; background:#fff; margin:0 0 30px 0; display:flex; overflow:hidden; }
.find-doc-listin .image { width:24%; height:270px; overflow:hidden; position:relative; }
.find-doc-listin .image strong { position:absolute; bottom:0; left:0; background:#c26600; padding:10px; font-size:14px; font-weight:normal; line-height:16px; letter-spacing:1px; color:#fff; }
.find-doc-listin .contant { width:76%; padding:20px; position:relative; }
.find-doc-listin .contant h3 { color:#314141; font-size:18px; font-weight:bold; line-height:24px; margin:0; }
.find-doc-listin .contant p { color:#314141; font-size:14px; line-height:21px; margin:0; }
.find-doc-listin .contant .listing-in { padding:12px 0; }
.find-doc-listin .contant .listing-in p { text-align:left; display:inline-block; position:relative; color:#314141; font-size:10px; margin:0; text-transform:uppercase; padding:0 30px 0 25px; }
.find-doc-listin .contant .listing-in p strong { display:block; font-weight:normal; font-size:13px; text-transform:capitalize; }
.find-doc-listin .contant .listing-in p i { position:absolute; left:0px; font-size:19px; top:20px; }
.find-doc-listin .contant .ratings { padding:0 0 0px 0;}
.find-doc-listin .contant .ratings i { font-size:15px; color:#222; }
.find-doc-listin .contant .button1 { position:absolute; top:20px; right:20px; margin:0; }
.doctor-detail { padding:60px 0 60px 0;}
.doctor-detail .doc-info { box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2); border-radius:10px; background:#fff; overflow:hidden; }
.doctor-detail .doc-form { box-shadow: 0 10px 14px 0 rgba(0,0,0,0.2); border-radius:10px; background:#fff; padding:20px; }
.doc-info .image { height:300px; overflow:hidden;}
.doc-info .conant { padding:15px; }
.doc-info .conant h4 { font-size:16px; color:#314141; line-height:20px; display:block;}
.doc-info .conant p { font-size:13px; color:#314141; line-height:20px; display:block; }
.doc-info .conant ul { list-style:none; padding:0; margin:0 0 10px 0; display:inline-block; width:100%; }
.doc-info .conant ul li { display:block; float:left; padding:0 15px 0 0; font-size:13px; color:#314141;}
.heading-line { display:block; width:100%; height:30px; margin:0 0 0px 0; position:relative; }
.heading-line:before { content:""; position:absolute; top:13px; background:#dadada; width:100%; height:1px; }
.heading-line h5 { font-size:14px; background:#fff; padding:2px 10px 2px 2px ; line-height:18px; position:relative; z-index:1; float:left; margin:0; }
.date-sec { padding:15px 0 30px 0; display:inline-block; width:100%; }
.date-sec input { border:1px solid #C26600; color:#C26600; line-height:45px; height:45px; padding:0 15px; border-radius:40px; width:300px; font-size:14px; }
.doctor-detail .doc-form {}
.doctor-detail .doc-form .heading-line { width:60%; }
.doctor-detail .doc-form .heading-line h5 { font-weight:bold; text-transform:uppercase; }
.time-tabing { padding:15px 0 60px 0; display:inline-block; width:100%; }
.doctor-detail .doc-form ul { margin:0; border:0; }
.doctor-detail .doc-form ul li button { font-size:13px; font-weight:bold; padding:0 0 5px 0; margin:0 30px 0 0; color:#888; border:0 !important; border-bottom:1px solid #fff!important; border-radius:0!important; }
.doctor-detail .doc-form ul li button.active { font-size:13px; color:#000; border:0 !important;border-bottom:1px solid #C26600!important;border-radius:0!important; }
.doctor-detail .doc-form .tab-content { padding:20px 0 0 0; display:inline-block; width:100%; }
.p-data { padding:15px 0 0px 0; display:inline-block; width:100%; }
.pdata-form { padding:0 0 20px 0; display:block; }
.pdata-form input { width:100%; display:block; border:1px solid #dadada; color:#222; line-height:50px; height:50px; padding:0 15px; border-radius:5px; font-size:14px; }
.radio-sec {}
.radio-sec .labcoms { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float:left; margin-right:10px; min-width:130px; }
/* Hide the browser's default radio button */
.radio-sec .labcoms input { position: absolute; opacity: 0; cursor: pointer; }
/* Create a custom radio button */
.radio-sec .checkmark { position: absolute; top: 0; left: 0; height: 40px; padding:0 0px; line-height:40px; width: 100%; background-color: none ; border:1px solid #DADADA; border-radius: 54px; }
.radio-sec strong { position:absolute; z-index:1; left:0; font-size:14px; line-height:40px; white-space:nowrap; font-weight:normal; padding:0 15px 0 15px; width:100%; text-align:center; }
/* On mouse-over, add a grey background color */
.radio-sec .labcoms:hover input ~ .checkmark { background-color: none ; border:1px solid #DADADA; }
/* When the radio button is checked, add a blue background */
.radio-sec .labcoms input:checked ~ .checkmark { background-color: none ; border:1px solid #C26600; color:#C26600; }
/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-sec .checkmark:after { content: ""; position: absolute; display: none; }
/* Show the indicator (dot/circle) when checked */
.radio-sec .labcoms input:checked ~ .checkmark:after { display: block; }
/* Style the indicator (dot/circle) */
.radio-sec .labcoms .checkmark:after { display:none; left: 11px; top: 18px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
/* ==========================================================================
Simple Line Icons
========================================================================== */
@font-face {
font-family: 'simple-line-icons';
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0');
src: url('../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../fonts/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../fonts/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
font-weight: normal;
font-style: normal;
}
.icon-user,.icon-people,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-login,.icon-logout,.icon-emotsmile,.icon-phone,.icon-call-end,.icon-call-in,.icon-call-out,.icon-map,.icon-location-pin,.icon-direction,.icon-directions,.icon-compass,.icon-layers,.icon-menu,.icon-list,.icon-options-vertical,.icon-options,.icon-arrow-down,.icon-arrow-left,.icon-arrow-right,.icon-arrow-up,.icon-arrow-up-circle,.icon-arrow-left-circle,.icon-arrow-right-circle,.icon-arrow-down-circle,.icon-check,.icon-clock,.icon-plus,.icon-minus,.icon-close,.icon-event,.icon-exclamation,.icon-organization,.icon-trophy,.icon-screen-smartphone,.icon-screen-desktop,.icon-plane,.icon-notebook,.icon-mustache,.icon-mouse,.icon-magnet,.icon-energy,.icon-disc,.icon-cursor,.icon-cursor-move,.icon-crop,.icon-chemistry,.icon-speedometer,.icon-shield,.icon-screen-tablet,.icon-magic-wand,.icon-hourglass,.icon-graduation,.icon-ghost,.icon-game-controller,.icon-fire,.icon-eyeglass,.icon-envelope-open,.icon-envelope-letter,.icon-bell,.icon-badge,.icon-anchor,.icon-wallet,.icon-vector,.icon-speech,.icon-puzzle,.icon-printer,.icon-present,.icon-playlist,.icon-pin,.icon-picture,.icon-handbag,.icon-globe-alt,.icon-globe,.icon-folder-alt,.icon-folder,.icon-film,.icon-feed,.icon-drop,.icon-drawer,.icon-docs,.icon-doc,.icon-diamond,.icon-cup,.icon-calculator,.icon-bubbles,.icon-briefcase,.icon-book-open,.icon-basket-loaded,.icon-basket,.icon-bag,.icon-action-undo,.icon-action-redo,.icon-wrench,.icon-umbrella,.icon-trash,.icon-tag,.icon-support,.icon-frame,.icon-size-fullscreen,.icon-size-actual,.icon-shuffle,.icon-share-alt,.icon-share,.icon-rocket,.icon-question,.icon-pie-chart,.icon-pencil,.icon-note,.icon-loop,.icon-home,.icon-grid,.icon-graph,.icon-microphone,.icon-music-tone-alt,.icon-music-tone,.icon-earphones-alt,.icon-earphones,.icon-equalizer,.icon-like,.icon-dislike,.icon-control-start,.icon-control-rewind,.icon-control-play,.icon-control-pause,.icon-control-forward,.icon-control-end,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-calendar,.icon-bulb,.icon-chart,.icon-ban,.icon-bubble,.icon-camrecorder,.icon-camera,.icon-cloud-download,.icon-cloud-upload,.icon-envelope,.icon-eye,.icon-flag,.icon-heart,.icon-info,.icon-key,.icon-link,.icon-lock,.icon-lock-open,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-paper-clip,.icon-paper-plane,.icon-power,.icon-refresh,.icon-reload,.icon-settings,.icon-star,.icon-symbol-female,.icon-symbol-male,.icon-target,.icon-credit-card,.icon-paypal,.icon-social-tumblr,.icon-social-twitter,.icon-social-facebook,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-github,.icon-social-google,.icon-social-reddit,.icon-social-skype,.icon-social-dribbble,.icon-social-behance,.icon-social-foursqare,.icon-social-soundcloud,.icon-social-spotify,.icon-social-stumbleupon,.icon-social-youtube,.icon-social-dropbox,.icon-social-vkontakte,.icon-social-steam{font-family:'simple-line-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}
/* dashboard pages */
.drb-sidebar-top { display: inline-block; width: 100%; box-shadow: 0 10px 14px 0 rgb(0 0 0 / 20%);border-radius: 5px;background: #fff;margin: 0px 0;text-align: left;transition: ease all 0.3s;cursor: pointer; padding: 20px 20px; }
.drb-sidebar-top img { float: left; width: 40px; height: 40px; object-fit: cover; border-radius: 100px; }
.drb-sidebar-top strong { float: left; margin: 8px 0 0 15px; }
.drb-sidebar { box-shadow: 0 10px 14px 0 rgb(0 0 0 / 20%);border-radius: 5px;background: #fff;margin: 0px 0;text-align: left;transition: ease all 0.3s;cursor: pointer; padding: 20px 20px; }
.drb-sidebar ul { padding: 0; margin: 0; }
.drb-sidebar ul li { padding: 0; margin: 0; }
.drb-sidebar ul li a { padding: 0; margin: 0; display: block; padding: 5px 10px; margin: 10px 0; border-left:2px solid #fff; }
.drb-sidebar ul li.active a { border-left:2px solid var(--bg-1); color:var(--bg-1); }
.drb-sidebar ul li a:hover{ border-left:2px solid var(--bg-1); color:var(--bg-1);}
.drb-leftbar { display: inline-block; width: 100%; box-shadow: 0 10px 14px 0 rgb(0 0 0 / 20%);border-radius: 5px;background: #fff;margin: 0px 0;text-align: left;transition: ease all 0.3s;cursor: pointer; padding: 20px 20px; }
.drb-leftbar h1 { display: block; font-size: 24px; color: #222; }
.drb-leftbar .nav { margin: 30px 0 0 0; }
.drb-leftbar .nav li button { background: #fafafa; color: #222; padding: 0 40px; font-size: 14px; line-height: 45px; display:block; margin: 0 10px 0 0; }
.drb-leftbar .nav li button.active { background:var(--bg-1); color: #fff; }
.appointment-div { border: 1px solid #dadada; padding: 25px; }
.appointment-div h3 { font-size: 24px; color: #000; }
.appointment-div h3 small {font-size: 18px; color: #999; padding: 0 0 0 10px; }
.appointment-div p { font-size: 14px; color: #777; margin: 0; }
.appointment-div h4 { font-size: 18px; color: #000; }
.appointment-div strong { padding: 0px 0 0 0; font-size: 18px; margin: 15px 0; color: #f78200; display: block; }
.cancel-btn { background: #222; color: #fff; font-size: 14px;display: block ; margin: 10px 0; border-radius: 30px; padding: 8px 30px; text-align: center; border: 0; }
.res-btn{ background: #f78200; color: #fff; font-size: 14px;display: block ; margin: 10px 0; border-radius: 30px; padding: 8px 30px; text-align: center; border: 0; }
.in-btn{ background: #fafafa; color: #222; font-size: 14px; display: block ; margin: 10px 0; border-radius: 30px; padding: 8px 30px; text-align: center; border: 0; }
.cancel-btn:hover { background: #000; color: #fff; }
.res-btn:hover { background: #000; color: #fff; }
.in-btn:hover { background: #000; color: #fff; }
.faq .accordion-button { background:#fff; border-radius:5px; padding:18px 20px; font-size:18px; font-weight:500; border:1px solid #dadada; }
.faq .accordion-item { margin:0 0 20px 0; border:0; background:none; }
.faq .accordion-body { background:#fff; border:1px solid #dadada; margin-top:-4px; }
.faq .accordion-button:not(.collapsed) { color:#fff; background: #4a95b6; box-shadow:none; }
.faq .accordion-button:not(.collapsed)::after {}
.faq .accordion-button::after {background:url(../images/addd.png) no-repeat; width:12px; height:12px; }
.faq .accordion-button:not(.collapsed)::after { background:url(../images/add-m.png) no-repeat; btransform: rotate(0deg);}
.faq .accordion-body p { font-size:14px; }
.faq .accordion-body strong { font-size:14px; font-weight:bold; }
.faq .accordion-body a { color:#F09C3A; }
.feebbackform { border: 1px solid #dadada; padding: 25px; margin: 10px 0 0 0; background: #fafafa; }
.feebbackform .feedback-in { padding: 0 0 15px 0; }
.feebbackform .feedback-in input { padding: 0 10px; width: 100%; border: 1px solid #dadada; border-radius: 5px; line-height: 50px; height: 50px; }
.feebbackform .feedback-in textarea { padding: 10px; width: 100%; border: 1px solid #dadada; border-radius: 5px; line-height: 24px; height: 110px; }
.feebbackform .feedback-in button { background: #f78200; color: #fff; font-size: 14px;display: block ; margin: 10px 0; border-radius: 30px; padding: 0 30px; line-height: 50px; height: 50px; text-align: center; border: 0; }
.contacct-info { padding: 10px 0 30px 0; }
.contacct-info p { font-size: 16px; line-height: 26px; padding: 0 0 10px 0; margin: 0; }
.contacct-info ul li { border-top:1px solid #dadada; padding: 20px 0 0px; margin: 20px 0 0 0; }
.contacct-info ul li strong { font-size:14px; display: block; }
.contacct-info ul li p { font-size:18px; display: block; padding: 0; }
Kontol Shell Bypass