ikan Uploader :
Directory : /var/www/html/shardahospital.org/assests/css_live/
Upload File : |
| Current File : /var/www/html/shardahospital.org/assests/css_live/custom_03Oct2022.css |
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
:root {
--main-color:#F78200;
--bg-grey:#F7F8FF ;
--bg-blue:#4A95B6;
--sec-color: #00974C;
--sec-light: #7BC7A5;
--text-color: #314141;
--border-color: #e5e5e5;
--button-fill: linear-gradient(180deg, #FCB800 0%, #F78200 100%);
}
/***** 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; }
.notification { background:var(--sec-color); padding:10px; text-align:center; font-size:14px; }
.notification .imp-info-data{ font-size: 20px;color: #ffffff;}
.notification .imp-info-data .imp-action{cursor: pointer;}
.notification .imp-info-data .imp-data{ margin-top: 20px;display: none;}
.notification .imp-info-data .imp-data a{color: #ffffff;}
.notification .imp-info-data .imp-data a:hover{text-decoration: underline;}
.imp-info-data .rotate-arrow{ display: inline-flex;transform: rotate(0deg); transition: all 0.5s;}
.imp-info-data .rotate-arrow.up{transform: rotate(180deg);}
.header { background:#fff; padding:10px 0px; position:relative; border-bottom:1px solid #dadada; }
.header .logo-side { float:right; width:7%; margin: 0px 5px; }
.header .logo { float:left; width:20%; }
.right-header { width: 80%; }
.quick-links{position: relative; top: 6px;}
.quick-links li{display: inline; padding-right: 10px;}
.quick-links li a, .quick-links li{font-size: 12px;}
.quick-links li a:hover{text-decoration: underline;}
.quick-links .link_more{position: relative;padding: 10px 0;}
.quick-links .sub-links{display: none;background-color: var(--bg-blue); position: absolute; width: 130px; left: -18px; top: 35px;z-index: 1;padding: 10px;}
.quick-links .sub-links:before{position: absolute;top: -6px;left: 42%;
content: '';
border-bottom: 6px solid var(--bg-blue);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.quick-links .sub-links li{display: block; margin-bottom: 5px; margin-top: 5px; text-align: center; }
.quick-links .sub-links li a{color: #ffffff;display: block; width: 100%;}
.quick-links .link_more:hover .sub-links{display: block;}
.emergency-no {display: flex; color: var(--main-color);padding: 0 20px;}
.emergency-no i{font-size: 26px;}
.emergency-no a{font-size: 13px;display: block; color: var(--main-color); font-weight: 700;}
.emergency-no a:hover{text-decoration: underline;}
.search-box input {width:200px; line-height:38px; height:38px; padding:0 10px; border:1px solid #dadada; font-size:14px; border-radius:40px;}
.navtop .button3 { float:right; }
.navtop{display: flex;justify-content: flex-end;}
.mainmenu {display: flex; justify-content: flex-end;margin-top: 28px; margin-bottom: 10px;}
.mainmenu nav ul li{display: inline;padding-right: 15px;}
.mainmenu nav ul li a{font-size: 14px;font-weight: 500; padding:0 0 20px 0;}
.mainmenu nav ul li a:hover{color: var(--main-color);}
.mainmenu nav ul li:hover .dropnav { display:block; }
.mainmenu .dropnav { display:none; background:#4A95B6; position:absolute; top:122px; width:100%; left:0; z-index:11; padding:0px ; }
.mainmenu .dropnav li { display:block; float:none !important; }
.mainmenu .dropnav li a { color:#fff !important; border-bottom:none !important; font-size:12px; padding:7px 0; display:inline-block; font-weight:normal; }
.mainmenu .dropnav .dropnavin h3 {font-size: 23px; padding: 10px 0px; color: #FFF; font-weight: bold;}
.mainmenu .dropnav ul { position:relative; }
.mainmenu .dropnav ul:after { content:""; background:rgba(5,87,122,0.5); position:absolute; right:50px; top:0; height:160px; display:none; width:1px; transform:rotate(-18deg) }
.mainmenu .col-md-4:last-child ul:after { display:none; }
.dropnavin { padding:40px 0; }
.menubottom { background:#05577A; padding:30px 0; display:flex; }
.menubottom a { width:25%; float:left; font-size:14px !important; color:#fff; font-weight:normal; border-right:1px solid rgba(255,255,255,0.2); padding:0 50px 0px 20px !important; }
.menubottom a img { width:40px; margin:0 10px 0 0; }
.menubottom a:last-child { border-right:0; }
.button2 { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); padding:10px 20px; color:#fff; font-size:14px; border-radius:40px; }
.button2:hover { background-color: #F78200; box-shadow: 1px 1px 10px #FCB800;color: #ffffff;}
.langiage { float:right; height:80px; border-left:1px solid #dadada; display:block; padding:25px 40px; }
.langiage select { border:0; font-size:14px; }
.search-top { float:right; height:80px; border-left:1px solid #dadada; display:block; padding:25px 40px; }
.search-top input { border:0;font-size:14px; }
.slider { position:relative; }
.slider img { width:100%; }
.slderin { position: relative;padding: 30px;}
.slderin:after { background:rgba(255,255,255,0.8); padding:30px; filter:blur(0.5px);content: ""; position: absolute; width: 100%; height: 100%;top:0; left: 0;z-index: -1;}
.slider .headeings {position:absolute; bottom:80px; left:0; width:100%; z-index:1; text-align:left;}
.slider .headeings h1 { font-size:24px; line-height:36px; color:#000; position:relative; font-weight:normal; }
.slider .headeings h2 { font-size:36px; line-height:46px; color:#000; margin:0 0 30px 0; font-weight:bold; }
.below-slider { background:#F7F8FF; padding:30px 0; }
.belowslider-in { text-align:center; position:relative; }
.belowslider-in:after { content:""; background:rgba(0,0,0,0.1); position:absolute; right:0; top:0; height:140px; display:block; width:1px; transform:rotate(-20deg) }
.belowslider-in h4 { color:#314141; font-size:22px; }
.belowslider-in p { color:#314141; font-size:14px; }
.below-slider .col-md-4:last-child .belowslider-in:after{ display:none; }
.sec-3 { padding:60px 0; }
.sec-3 .sec-3-contant { padding:20px; text-align:center;}
.sec-3 .sec-3-contant .image { height:260px; overflow:hidden; position:relative;}
.sec-3 .sec-3-contant .image img { width:100%; }
.sec-3 .sec-3-contant:hover img{opacity: 0.7; transition: all 0.5s;}
.sec-3 .sec-3-contant h2 { font-size:28px; margin:0 0 15px 0; line-height:39px; font-weight:500; color:#fff; }
.sec-3 .sec-3-contant p { font-size:18px; margin:0 0 15px 0; line-height:32px; }
.sec-3 .sec-3-contant .button4 { position:absolute; bottom:-60px; display:block; width:80%; margin:0px auto; left:10%; }
.sec-3 .sec-3-contant:hover .button4 { bottom:20px; }
.sec-3 .sec-3-contant.color1 { background:#C26600; border-top:5px solid #985000; }
.sec-3 .sec-3-contant.color2 { background:#7BC7A5; border-top:5px solid #00974C; }
.sec-3 .sec-3-contant.color3 { background:#4A95B6; border-top:5px solid #05577A; }
.our-meet { text-align:center; padding:60px; background:#F7F8FF; }
.our-meet h4 { font-size:32px; margin:0 0 30px 0; line-height:39px; font-weight:500; color:#333; }
.our-meet a { display:inline-block; margin:30px 10px 0 10px; }
.our-meet-list { height:360px; overflow-y:scroll; position:relative; }
.our-meet-list ul { margin:0; padding:0 0 30px 0; display:inline-block; width:100%; }
.our-meet-list li { width:48%; margin:1% 1%; float:left; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); background:#fff; padding:10px; border-radius:20px; display:inline-block; }
.our-meet-list .image { width: 170px; float: left; height: 170px; overflow: hidden; border-radius: 200px; margin: 20px; }
.our-meet-list .image img { }
.our-meet-list .con { width:58%; float:right; text-align:left; padding:47px 0 0 0; }
.our-meet-list .con strong { color:#314141; font-size:18px; margin:0 0 5px 0; display:block; }
.our-meet-list .con p {color:#314141; font-size:12px; margin:0 0 15px 0; display:block; }
.our-meet-list .con a { margin:0; }
.doc-shardow { position:relative; }
.doc-shardow:after { content:""; position:absolute; width:100%; height:80px; left:0; bottom:0; background: linear-gradient(180deg, rgba(216,216,216,0) 0%, #F7F8FF 100%);
display:block; }
.our-discover { text-align:center; padding:60px; background:#F7F8FF; }
.our-discover h4 { font-size:32px; margin:0 0 30px 0; line-height:39px; font-weight:500; color:#333; }
.our-discover a { display:inline-block; margin:30px 10px 0 10px; }
.our-discover-list { overflow-x:scroll; margin:0 85px; padding:10px 0; }
.our-discover-list ul { /*width:4520px;*/ display:-webkit-inline-box; width:100%; }
.our-discover-list li { width:92%; margin:0px 30px 0 0px; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); background:#fff; padding:0px; overflow:hidden; border-radius:20px; display:flex; min-height:400px; }
.our-discover-list .image { width:48%; float:left; }
.our-discover-list .image img { width:100%; height:100%; object-fit: cover; }
.our-discover-list .con { width:48%; float:right; text-align:left; padding:60px 30px 0 30px; }
.our-discover-list .con h3 { color:#333300; font-size:28px; margin:0 0 15px 0; display:block; }
.our-discover-list .con strong { color:#7BC7A5; font-size:36px; margin:0 0 15px 0; display:block; }
.our-discover-list .con p {color:#333300; font-size:16px; margin:0 0 15px 0; display:block; }
.our-discover-list .con a { margin:0; }
.quicksec { background:#4A95B6; padding:60px 0 80px 0; }
.quicksec-list li { width:100%; margin:0px auto; /*box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); background:#fff; border-radius:20px; */ padding:0px; overflow:hidden; display:block; }
.quicksec-list .image { width:100%; float:left; }
.quicksec-list .image img { width:100%; height:100%; object-fit: cover; }
.quicksec-list .con { width:100%; float:right; text-align:left; padding:20px; text-align:center; /*background:#fff; border-radius:0 0 20px 20px; */}
.quicksec-list .con p {color:#314141; font-size:24px; margin:0 0 0px 0; display:block; }
.quicklinks { }
.quicklinks small { color:#fff; font-size:12px; margin:0 0 2px 0; display:block; text-align:center;}
.quicklinks h5 { color:#fff; font-size:31px; margin:0 0 15px 0; display:block;text-align:center; }
.quicklinks ul { list-style:none; padding:0; margin:0; display:inline-block; text-align:center; }
.quicklinks ul li {/* width:30%; margin:1%; float:left;*/ display:inline-block; margin:5px 5px 10px 5px; }
.quicklinks ul li a { color:#314141; font-size:14px; line-height:19px; background:#fff; text-align:center; padding:15px 23px; display:block; border-radius:30px; }
.quicklinks ul li a:hover{background-color: #05577A; color: #ffffff; transition: all 0.5s;}
.bandblue { padding:60px 0; background: linear-gradient(180deg, #4A95B6 0%, #05577A 100%); }
.bandblue h4 { color:#fff; font-size:38px; margin:0 0 15px 0; display:block; float:left; }
.bandblue h4 strong { color:#fff; font-size:28px; margin:10px 0 0px 0; display:block; font-weight:normal; }
.bandblue a { color:#fff; font-size:20px; padding:10px 20px; border-radius: 50px; border:1px solid #fff; float:right; margin:8px 0 0 0; transition:ease all 0.3s; }
.bandblue a:hover { background:#fff; color:#111; }
.patient-stories { text-align:center; padding:60px 0 90px 0; background:#F7F8FF; }
.patient-stories h4 { font-size:32px; margin:0 0 30px 0; line-height:39px; font-weight:500; color:#333; }
.patient-video li { width:100%; margin:0px auto; /*background:#fff; border-radius:20px; */padding:0px; overflow:hidden; display:block; border-radius: 10px;}
.patient-video .image { width:100%; float:left; }
.patient-video .image iframe { width:100%; height:340px; }
.patient-video .image img { width:100%; height:100%; object-fit: cover; }
.patient-video .con { width:100%; float:right; text-align:left; padding:20px; text-align:center; /*background:#fff; border-radius:0 0 20px 20px; */}
.patient-video .con p {color:#314141; font-size:16px; margin:0 0 0px 0; display:block; }
.mix-sec { padding:60px 0; }
.heading-mix { padding:0 0 15px 0; }
.heading-mix h5 { font-size:20px; float:left; margin:0; padding:0; color:#314141; }
.heading-mix a { float:right; font-size:14px;margin:0; padding:0; color:#F78600; }
.home-story { height:380px; overflow-y:scroll; }
.home-story li { width:100%; margin:0px 0 20px 0; padding:0px; overflow:hidden; border-radius:0px; display:flex; }
.home-story li:last-child { margin:0; }
.home-story .image { width:32%; float:left; }
.home-story .image img { width:100%; height:100%; object-fit: cover; }
.home-story .con { width:68%; float:right; text-align:left; padding:0px 20px 10px 20px; border-radius:0 0 20px 20px; }
.home-story .con p {color:#314141; font-size:20px; line-height:28px; margin:0 0 0px 0; display:block; }
.home-story .con strong{ background:#4A95B6; color:#fff; font-size:12px; line-height:12px; padding:5px 10px; border-radius:15px; margin:0 0 5px 0; display:inline-block; }
.home-story .con a { font-size:14px;margin:10px 0 0 0; padding:0; color:#F78600; display:block; }
.home-story .con .comma { display:block; width:60px; margin:0 0 10px 0; }
.home-story .con .comma img { width:100%; }
.home-blog ul{ box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); border-radius:10px;}
.home-blog li { width:100%; margin:0px auto; background:#fff; padding:0px; overflow:hidden; display:block; }
.home-blog .image { width:100%; float:left; }
.home-blog .image img { width:100%; height:100%; object-fit: cover; }
.home-blog .con { width:100%; float:right; text-align:left; padding:20px; background:#fff; border-radius:0 0 20px 20px; }
.home-blog .con p {color:#314141; font-size:16px; margin:0 0 0px 0; display:block; }
.home-news {}
.home-news li { width:100%; height: 132px; margin:0px 0 14px 0; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); background:#fff; padding:0px; overflow:hidden; border-radius:10px; display:flex; }
.home-news .image { width:32%; float:left; }
.home-news .image img { width:100%; height:100%; object-fit: cover; }
.home-news .con { width:68%; float:right; text-align:left; padding:10px 20px 10px 20px; background:#fff; border-radius:0 0 20px 20px; }
.home-news .news { width:68%; float:right; text-align:left; padding: 50px 50px 10px 50px; background:#fff; border-radius:0 0 20px 20px; }
.home-news .con p {color:#314141; font-size:14px; margin:0 0 0px 0; display:block; }
.home-news .news p {color:#314141; font-size:14px; margin:0 0 20px 0; display:block; }
.home-news .con strong{ background:#4A95B6; color:#fff; font-size:12px; line-height:12px; padding:5px 10px; border-radius:15px; margin:0 0 5px 0; display:inline-block; }
.footer { background:#4A95B6; padding:60px 0 60px 0; }
.subscribe h4 { font-size:36px; font-weight:600; margin:0 0 30px 0; color:#030303; display:block; }
.subscribe input { height:60px; background:none; line-height:60px; padding:0 20px; font-size:16px; border:1px solid #1D234F; margin:0 0 20px 0; color:#030303; display:block; width:60% ; float:left; }
.subscribe button { height:60px; background:#1D234F; line-height:60px; padding:0 20px; font-size:16px; border:1px solid #1D234F; margin:0 0 20px 0; color:#fff; display:block; width:70px; float:left; }
.footer-link h5 { font-size:20px; font-weight:bold; color:#fff; padding:0 0 30px 0; margin:0; text-transform:capitalize; position:relative; }
.footer-link h5:after { content:""; position:absolute; bottom:15px; background:#fff; height:1px; width:130px; display:block; left:0; }
.footer-link ul { list-style:none; }
.footer-link li { width:50%; float:left; display:block; }
.footer-link li a { font-size:14px; line-height:21px; padding:0 0 15px 0; color:#fff; display:block; text-transform:capitalize; }
.footer-link p { position:relative; font-size:14px; line-height:21px; color:#fff; padding:0 0 15px 25px; margin:0; }
.footer-link p i { position:absolute; width:30px; text-align:center; left:-8px; font-size:20px; display:block; top:4px; }
.footer-link2 li { width:100%; }
.copyright { background:#05577A; padding:40px 0 40px 0; }
.copyright p { font-size:14px; line-height:21px; padding:0 0 0px 0; margin:0; display:block; color:#fff; }
.copyright a { font-size:14px; line-height:21px; padding:0 0px 0px 20px; float:right; color:#fff; }
.footer-social { float:left; margin:30px 0 0 0; }
.footer-social ul { list-style:none; text-align:center; }
.footer-social li { display:inline-block; float:left; }
.footer-social li a { width:50px; height:50px; color:#4A95B6; background:rgba(5,87,122,0.5); font-size:22px; text-align:center; line-height:47px; border-radius:40px; display:block; margin:0 15px 0 0px; }
.footer-social li a:hover { color:#7EB8C4; }
.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;}
.button5 { 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:#fff; text-decoration:none; transition:ease all 0.3s; background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); }
.button5 span { content:""; width:32px; height:32px; float:right; background: #fff;
border-radius:70px; left:0; top:0px; text-align:center; line-height:32px; margin:0 0 0 20px; transition:ease all 0.3s;}
.button5 span i { font-size:16px; color:#F78600; transition:ease all 0.3s;}
.button5:hover { background: #fff; color:#F78600; }
.button5:hover span { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); }
.button5:hover span i { color:#fff; }
.button4 { 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 #fff; font-weight:400; background:#fff; color:#222; text-decoration:none; transition:ease all 0.3s; }
.button4 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;}
.button4 span i { font-size:16px; color:#fff; transition:ease all 0.3s;}
.button4:hover { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%);color:#fff; border:1px solid #F78600;}
.button4:hover span { background: linear-gradient(180deg, #fff 0%, #fff 100%); }
.button4:hover span i { color:#F78600;}
.button3 { font-size:14px; padding:0px; border-radius:40px; line-height:31px; position:relative; display:inline-block; margin:4px 20px 0 0; text-decoration:underline; border:0px solid #F78600; font-weight:400; color:#222; text-decoration:none; transition:ease all 0.3s; }
.button3 span { content:""; width:32px; height:32px; float:left;
border-radius:70px; left:0; top:0px; text-align:center; line-height:32px; margin:0 0 0 20px; transition:ease all 0.3s;}
.button3 span i { font-size:16px; color:#fff; transition:ease all 0.3s;}
.social-posts ul { width:100%; }
.social-posts ul li { width:33.33333%; float:left; }
.social-posts ul li button { background:#fff; text-align:center; border:1px solid #ddd !important; color:#222; display:block; padding:10px 0; width:100%; border-radius:0 !important; }
.social-posts ul li .fb { background:#fff; border-bottom:4px solid #3B5998!important; }
.social-posts ul li .tw { background:#fff; border-bottom:4px solid #1DA1F2!important; }
.social-posts ul li .yt { background:#fff; border-bottom:4px solid #FF0000!important;}
.social-posts ul li .ins { background:#fff; border-bottom:4px solid #C32AA3!important;}
.social-posts ul li .fb.active {background:#3B5998;border-bottom:4px solid #3B5998!important; color:#fff; }
.social-posts ul li .tw.active {background:#1DA1F2;border-bottom:4px solid #1DA1F2!important; color:#fff; }
.social-posts ul li .yt.active {background:#FF0000;border-bottom:4px solid #FF0000!important; color:#fff; }
.social-posts ul li .ins.active {background:#C32AA3;border-bottom:4px solid #C32AA3!important; color:#fff; }
.socialcpn { height:378px; border:1px solid #dadada; overflow-y:scroll; }
.sidebaropen { }
.sidebaropen span { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); width:50px; height:50px; text-align:center; line-height:50px;
padding:0px; display:block; position:absolute; top:100px; color:#fff; left:-50px; border-radius:5px 0px 0 5px; }
.sidebaropen span i { font-size:24px;}
.sidebaropen span small { width:5px; height:5px; float:left; display:block; margin:2px; border-radius:4px; background:#fff; }
.sidebaropen { width:300px; border-radius:5px 0 0 5px; background:#05577A; right:-300px; position:fixed; display:block; top:30%; z-index:99; transition:ease all 0.4s; }
.sidebaropen.open { right:0; }
.color.change { background:#05577A;}
.sidebarform { padding:0px; overflow:hidden; }
.sidebarform-in { padding:20px; }
.sidebarform-in a { width:50%; float:left; min-height:90px; text-align:center; color:#fff; font-size:12px; padding:0px 20px 10px 20px; }
.sidebarform-in a img { width:30px; display:block; margin:0px auto 10px; }
.sidebarform-in a:hover { color:#aaa; }
.sidebarform .sidesocial { background:#4A95B6; padding:10px; display:flex; }
.sidebarform .sidesocial .calls {}
.sidebarform .sidesocial .calls p{ color:#05577A; float:left; display:block; margin:4px 0 0px 0; font-size:14px; line-height:18px;}
.sidebarform .sidesocial .calls img { width:34px; float:left; margin:4px 5px 0 0; }
.sidebarform .sidesocial .socials { width:42%; float:right; color:#05577A; }
.sidebarform .sidesocial .socials p { font-size:12px; text-align:right; display:block; margin:0 0 0px 0; }
.sidebarform .sidesocial .socials ul { list-style:none; text-align:right; }
.sidebarform .sidesocial .socials li { display:inline-block; }
.sidebarform .sidesocial .socials li a { width:17px; height:20px; color:#05577A; background:none; font-size:16px; text-align:center; line-height:20px; border-radius:40px; display:block; margin:0 0px 0 0px; }
.sidebarform .sidesocial .socials li a:hover { color:#fff; }
.blackdiv { opacity:0; }
.blackdiv.open { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.8); opacity:1; transition:ease all 0.4s; z-index:98;}
.quicksec-list,.patient-video{box-shadow: 0 2px 14px 0 rgb(0 0 0 / 20%);background-color: #ffffff; border-radius: 20px; }
.slick-slider{ position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px; }
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-dots { display: flex; justify-content: center; margin: 0; padding: 1rem 0; list-style-type: none; position:absolute; left:0px; bottom:60px; width:100%; padding:0px;}
.slick-dots li:last-child { margin-bottom:0px; }
.slick-dots li:first-child { padding-left:500px; }
.slick-dots li button { display: block; width: 11px; height: 11px; padding: 0; border: none; border-radius: 50%; background:none; text-indent: -9999px; border: 1px solid rgba(0,0,0,0.1); margin:0px 4px; }
.slick-dots li.slick-active button { background-color: #fc654c; }
.slder-inner { position:relative; }
.dotslider .slick-dots { bottom:-40px; }
.dotslider .slick-dots li { padding:0; background:none; width:auto; margin:0 10px; }
.dotslider .slick-dots li button { margin:0; border:1px solid #dadada; background:#fff; width:20px; height:20px; }
.dotslider .slick-dots li.slick-active button { background:#F78600;border:1px solid #F78600; }
.dotslider1 .slick-dots { top:-37px; box-shadow:none; }
.blog-slider .slick-dots{display: block; width: 40%; left: 30%; text-align: center; height: 20px;}
.dotslider1 .slick-dots li { padding:0; background:none; width:auto; margin:0 5px; height:auto; display: inline-block; }
.dotslider1 .slick-dots li button { margin:0; border:1px solid #dadada; background:#fff; width:14px; height:14px; }
.dotslider1 .slick-dots li.slick-active button { background:#F78600;border:1px solid #F78600; }
.dotslider2 .slick-dots { bottom:20px; }
.dotslider2 .slick-dots li { padding:0; background:none; width:auto; margin:0 5px; }
.dotslider2 .slick-dots li button { margin:0; border:1px solid #dadada; background:#fff; width:10px; height:10px; }
.dotslider2 .slick-dots li.slick-active button { background:#F78600;border:1px solid #F78600; }
.explosesec { background:#222; padding:60px 0;}
.explosesec .cenerimage { position:relative; width:170px; height:605px; margin:0px auto; text-align:center; }
.explosesec .gender { text-align: center; padding: 0px 0px 40px 0px; }
.gender #mbtn { border: 1px solid #FFFFFF;}
.gender button { background: none; border: none; color: #FFFFFF; padding: 5px 20px;}
.genborder { border: 1px solid #FFFFFF;}
.explosesecheading { display:inline-block; width:100%; }
.explosesecheading h4 { float:left; font-size:30px; color:#fff; }
.explosesecheading a { float:right; font-size:14px; color:#fff; text-transform:uppercase; }
.explosesec .cenerimage .dotdetail .dot { background:#fcb600; width:10px; height:10px; border-radius:10px; display:block;}
.explosesec .cenerimage .dotdetail .lines { height:1px; border-top:1px dashed #b4ccd7; width:200px; position:absolute; left:0; top:4px; }
.explosesec .cenerimage .dotdetail .labels { text-align:center; border:1px dashed #b4ccd7; padding:5px 20px; display:block; color:#b4ccd7; position:absolute; left:201px; top:-11px; border-radius:40px;width:100px; font-size:12px; }
.explosesec .cenerimage .dotdetaileft .dot { background:#fcb600; width:10px; height:10px; border-radius:10px; display:block;}
.explosesec .cenerimage .dotdetaileft .lines { height:1px; border-top:1px dashed #b4ccd7; width:200px; position:absolute; right:0; top:4px; }
.explosesec .cenerimage .dotdetaileft .labels { text-align:center; border:1px dashed #b4ccd7; padding:5px 20px; display:block; color:#b4ccd7; position:absolute; right:199px; top:-14px; border-radius:40px;width:100px;font-size:12px; }
.explosesec .cenerimage .dot3 .lines { width:80px; }
.explosesec .cenerimage .dot7 .lines { width:100px; }
.explosesec .cenerimage .dot3 .labels { left:81px; }
.explosesec .cenerimage .dot7 .labels { left:101px; }
.explosesec .cenerimage .dot1 { position:absolute; top:15px; right:78px; }
.explosesec .cenerimage .dot2 { position:absolute; top:48px; right:80px; }
.explosesec .cenerimage .dot3 { position:absolute; top:37px; right:66px; }
.explosesec .cenerimage .dot4 { position:absolute; top:65px; right:80px; }
.explosesec .cenerimage .dot5 { position:absolute; top:146px; right:50px; }
.explosesec .cenerimage .dot6 { position:absolute; top:230px; right:13px; }
.explosesec .cenerimage .dot7 { position:absolute; top:248px; right:80px; }
.explosesec .cenerimage .dot8 { position:absolute; top:280px; right:50px; }
.explosesec .cenerimage .dot9 { position:absolute; top:573px; right: 60px; }
.explosesec .cenerimage .dot10 { position:absolute; top:592px; right:91px; }
.explosesec .cenerimage .dot11 { position:absolute; top:365px; right:111px; }
.explosesec .cenerimage .dot12 { position:absolute; top:208px; right:80px; }
.explosesec .cenerimage .dot13 { position:absolute; top:425px; right:54px; }
.dotdetail .dot-contant { background:#4A95B6; padding:20px; border-radius:10px; display:none; position:absolute; width: 340px; left: -220px; top: -11px; text-align:left; z-index:1; }
.dotdetail .knee { background:#4A95B6; padding:20px; border-radius:10px; display:none; position:absolute; width: 340px; left: -120px; top: -11px; text-align:left; z-index:1; }
.dotdetail .dot-contant i { font-size:30px; margin:0 0 0px 0; display:block; color:#fff; }
.dotdetail .dot-contant strong { font-size:18px; font-weight:normal; margin:0 0 10px 0; display:block; color:#fff;}
.dotdetail .dot-contant p { font-size:14px; margin:0 0 10px 0; display:block; color:#fff; }
.explosesec .cenerimage .dotdetail .labels:hover { background:#4A95B6; border:1px dashed #4A95B6; color:#fff;}
.explosesec .cenerimage .dotdetail:hover .dot-contant { display:block; }
.explosesec .cenerimage .dotdetail .lines:hover .labels { background:#4A95B6; border:1px dashed #4A95B6; color:#fff;}
.explosesec .cenerimage .dot3 .dot-contant{ width: 340px; left: -240px; top: -11px; }
.dotdetaileft .dot-contant { background:#4A95B6; padding:20px; border-radius:10px; display: none; position:absolute; width: 340px; left: -208px; top: -14px; text-align:left; z-index:1; }
.dotdetaileft .dot-contant i { font-size:30px; margin:0 0 0px 0; display:block; color:#fff; }
.dotdetaileft .dot-contant strong { font-size:18px; font-weight:normal; margin:0 0 10px 0; display:block; color:#fff;}
.dotdetaileft .dot-contant p { font-size:14px; margin:0 0 10px 0; display:block; color:#fff; }
.explosesec .cenerimage .dotdetaileft .labels:hover { background:#4A95B6; border:1px dashed #4A95B6; color:#fff;}
.explosesec .cenerimage .dotdetaileft:hover .dot-contant { display:block; }
.explosesec .cenerimage .dotdetaileft .lines:hover .labels { background:#4A95B6; border:1px dashed #4A95B6; color:#fff;}
.sliderinners { padding:50px; background:linear-gradient(180deg, #4A95B6 0%, #05577A 100%); }
.sliderinners h2 { color:#fff; }
.appoinform { padding:60px 0; }
.form-app { margin:0 0 25px 0; }
.form-app label { margin:0 20px 0 0; font-size:14px; }
.form-app label input[type="radio"] { margin:2px 7px 0 0; width:18px; height:18px; float:left; }
.form-app input[type="text"] ,.form-app select { width:100%; padding:0 10px; border-radius:5px; border:1px solid #dadada; line-height:45px; height:45px; font-size:14px; }
.form-app input[type="file"] ,.form-app select { width:100%; padding:0 10px; border-radius:5px; border:1px solid #dadada; line-height:38px; height:45px; font-size:14px; }
.form-app textarea { width:100%; padding:10px 10px; border-radius:5px; border:1px solid #dadada; line-height:20px; height:125px; font-size:14px;}
.form-app > span { margin:0 20px 0 0; font-size:14px; }
.slider-inners { background: linear-gradient(180deg, #4A95B6 0%, #05577A 100%); padding:50px 0; }
.slider-inners h1 { color:#fff; text-align:center; font-size:36px; font-weight:bold; margin:0; }
.slider-inners .slider-form { padding:20px 0 0 0; text-align:center; }
.slider-inners .slider-form select { width:250px; padding:0 10px; border-radius:5px; background:#fff; height:50px; line-height:50px; display:inline-block; border:1px solid #dadada; font-size:16px; color:#222; margin:0 4px; }
.slider-inners .slider-form input { width:320px; padding:0 10px; border-radius:5px; background:#fff; height:50px; line-height:50px; display:inline-block; border:1px solid #dadada; font-size:16px; color:#222; margin:0 4px; }
.search-alphabet { background:#F7F8FF; text-align:center; padding:10px; }
.search-alphabet span { display:inline-block; font-size:13px; color:#314141; padding:0 5px 0 0; }
.search-alphabet ul { display:inline-block; }
.search-alphabet ul li { display:inline-block; border-left:1px solid #314141; }
.search-alphabet ul li a { font-size:13px; color:#314141; padding:0 13px; line-height:15px; text-transform:uppercase; display:block; }
.search-alphabet ul li a:hover { color:#4A95B6; text-decoration:underline; }
.search-alphabet ul li:first-child { border-left:0; }
.doc-listpage { padding:40px 0; }
.find-dc-in { box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); margin:10px 0; }
.find-dc-in .images { display:block; width:100%; height:300px; overflow:hidden; }
.find-dc-in .images img { width:100%; transform:scale(1.1,1.1); transition:ease all 0.3s; }
.find-dc-in:hover .images img { transform:scale(1.03,1.03);}
.find-dc-in .contant { padding:12px; }
.find-dc-in .contant h3 { padding:0; margin:0 0 15px 0; font-size:16px; color:#313141; }
.find-dc-in .contant p { padding:0; margin:0 0 5px 0; font-size:13px; color:#313141; }
.find-dc-in .contant a { width:100%; }
.relateddoc { }
.relateddoc .headings { border-top:1px solid #dadada; padding:30px 0 0 0; }
.relateddoc .headings h4 { font-size:24px; display:block; text-align:center; padding:0 0 10px 0; }
.relateddoc .button-div { width:100%; text-align:center; padding:30px 0 10px 0; }
.relateddoc .button5-sq ,.relateddoc .button5-sq { display:inline-block; margin:0 5px; }
.button5-sq { font-size:14px;padding:0 0 0 15px; border-radius:5px; line-height:42px; position:relative; display:inline-block; margin:10px 0 0 0; text-decoration:underline; border:1px solid #F78600; font-weight:400; color:#fff; text-decoration:none; transition:ease all 0.3s; background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); overflow:hidden; }
.button5-sq span { content:""; width:42px; height:42px; float:right; background: none ;
border-radius:0px; left:0; top:0px; text-align:center; line-height:42px; margin:0 0 0 20px; transition:ease all 0.3s;}
.button5-sq span i { font-size:16px; color:#fff; transition:ease all 0.3s;}
.button5-sq:hover { background: #fff; color:#F78600; }
.button5-sq:hover span { }
.button5-sq:hover span i { color:#F78600; }
.button1-sq { font-size:14px;padding:0 0 0 15px; border-radius:5px; line-height:42px; 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; overflow:hidden; }
.button1-sq span { content:""; width:42px; height:42px; float:right; background: linear-gradient(180deg, #FCB800 0%, #F78200 100%);
border-radius:0px; left:0; top:0px; text-align:center; line-height:42px; margin:0 0 0 20px; transition:ease all 0.3s;}
.button1-sq span i { font-size:16px; color:#fff; transition:ease all 0.3s;}
.button1-sq:hover { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%);color:#fff; }
.button1-sq:hover span { background: ; }
.button1-sq:hover span i { color:#fff;}
.breadcrumb { display:block; padding:20px 0 10px 0; margin:0; }
.breadcrumb ul { margin:0; padding:0; line-height:none; }
.breadcrumb ul li { font-size:12px; color:#444; padding:0 10px 0 0; float:left; display:block; }
.breadcrumb ul li a { color:#000; }
.breadcrumb ul li a:hover { color:#F78600; }
.breadcrumb-slider { margin:0; padding:0 0 5px 0; line-height:none; width:100%; text-align:center; }
.breadcrumb-slider li { font-size:12px; color:#fff; padding:0 10px 0 0; display:inline-block; }
.breadcrumb-slider li a { color:#fff; }
.breadcrumb-slider li a:hover { color:#F78600; }
.doc-detils { padding:10px 0 30px 0;}
.doc-detils .images { height:600px; border-radius:20px; overflow:hidden; }
.doc-detils .coeimage { border-radius:20px; overflow:hidden; }
.doc-detils .images img { width:100%; height:100%; object-fit:cover; }
.doc-detils .coeimage img { width:100%; height:100%; border: 6px solid #F78600; border-radius: 50%; }
.doc-detils .contant h2 { font-size:34px; font-weight:bold; color:#333; padding:0; margin:0 0 10px 0; display:block; }
.doc-detils .contant strong { font-size:18px; line-height:28px; color:#333; padding:0; margin:0 0 0px 0; display:block; font-weight:normal; }
.doc-detils .contant p { font-size:14px; line-height:24px; color:#333; padding:0; margin:0 0 30px 0;display:block; }
.doc-detail { margin:0 0 20px 0; }
.doc-detail li { width:100%; display:inline-block; font-size:14px; padding:0 0 10px 0; }
.doc-detail li span { width:120px; font-size:14px; display:inline-block; font-weight:bold; }
.heading-line { display:block; width:100%; height:30px; margin:0 0 20px 0; position:relative; }
.heading-line:before { content:""; position:absolute; top:13px; background:#dadada; width:100%; height:1px; }
.heading-line h4 { font-size:18px; background:#fff; padding:2px 10px 2px 2px ; line-height:18px; position:relative; z-index:1; float:left; margin:0; }
.heading-big { display:inline-block; width:100%; margin:10px 0 0px 0; position:relative; }
.heading-big:before { content:""; position:absolute; top:40px; background:#dadada; width:100%; height:1px; }
.heading-big h4 { font-size:72px; background:#fff; color:#FA8D00; padding:2px 10px 2px 2px ; line-height:72px; font-weight:bold; position:relative; z-index:1; float:left; margin:0; }
.heading-2line { display:block; width:100%; height:30px; margin:0 0 20px 0; position:relative; text-align:center; }
.heading-2line h4:before { content:""; position:absolute; top:32px; background:#F78500; width:250px; height:1px; left:50%; margin:0 0 0 -125px; }
.heading-2line h4:after { content:""; position:absolute; top:37px; background:#4A95B6; width:180px; height:1px; left:50%; margin:0 0 0 -90px;}
.heading-2line h4 { font-size:24px; padding:2px 10px 2px 2px ; line-height:18px; position:relative; z-index:1; margin:0; }
.heading-2line-left { display:block; width:100%; height:30px; margin:0 0 20px 0; position:relative; text-align:left; }
.heading-2line-left h4:before { content:""; position:absolute; top:32px; background:#F78500; width:200px; height:1px; left:0%; margin:0 0 0 0px; }
.heading-2line-left h4:after { content:""; position:absolute; top:37px; background:#4A95B6; width:150px; height:1px; left:0%; margin:0 0 0 0px;}
.heading-2line-left h4 { font-size:24px; background:#fff; padding:2px 10px 2px 2px ; line-height:18px; position:relative; z-index:1; margin:0; }
.ratingsec { width:100%; display:inline-block; margin:20px 0 20px 0; }
.ratingsec p { float:left; font-size:14px; line-height:20px; font-weight:bold; margin:0 !important; }
.ratingsec p small { display:block; font-weight:normal;}
.ratingsec i { float:left; margin:5px 10px 0 0; font-size:30px; color:#F78600; }
.hl-listing { margin:0 0 20px 0; }
.doc-information-tab + .information-contant-main .information-contant { padding:80px 0 0 0; }
.doc-information { padding:0 0 30px 0; }
.doc-information-tab { position:sticky; z-index:8; top:0; margin:30px 0 0 0; }
.doc-information-tab ul { display:flex;border: 1px solid #DADADA; background-color: #F7F8FF; width:100%; }
.doc-information-tab ul li { float:left; }
.doc-information-tab ul li a { line-height:60px ; padding:0 50px; font-size:10px; color:#333333; display:block; border-bottom:2px solid #F7F8FF;}
.doc-information-tab ul li a:hover { color:#F98600; }
.doc-information-tab ul li a.active { border-bottom:2px solid #F98600;color:#F98600; }
.information-contant { padding:30px 0 0 0; }
.information-contant p { font-size:14px; }
.information-contant .listing { width:100%; display:inline-block; margin:10px 0 10px 0; }
.information-contant .listing p { float:left; font-size:14px; line-height:20px; font-weight:bold; margin:0 !important; }
.information-contant .listing p small { display:block; font-weight:normal;}
.information-contant .listing .circle { width:20px; height:20px; border-radius:20px; background:#7BC7A5; display:block; float:left; margin:3px 10px 0 0; position:relative; }
.information-contant .listing .circle:after { content:""; position:absolute; width:10px; height:10px; border-radius:20px; background:#fff; top:5px; left:5px; }
.Specialities-sec { box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); margin:10px 0; border-radius:10px; overflow:hidden; height: 97%;}
.Specialities-sec .contant-top { padding:20px; min-height:150px; }
.Specialities-sec .contant-img { overflow: hidden; height:200px; margin-bottom: 10px; }
.Specialities-sec .contant-img img { width: 100%; }
.Specialities-sec .images { width:50px; float:left; }
.Specialities-sec p { font-size:13px; color:#314141; line-height:22px; width:80%; float:right; }
.Specialities-sec p strong { display:block; font-size:18px; color:#314141; line-height:22px; margin:0 0 10px 0; }
.Specialities-sec .contant { width:100%; border-top:1px solid #dadada; padding:15px; display:inline-block; }
.Specialities-sec .contant span { font-size:12px; float:left; color:#666; }
.Specialities-sec .contant a { font-size:14px; float:right; color:#F98600; }
.new-listing { padding:15px 50px 0 0 ; }
.new-listing strong { display:block; margin:0 0 15px 0; font-size:16px; }
.new-listing li { font-size:14px; padding:0 0 13px 30px; position:relative; }
.new-listing li:before { content:""; position:absolute; left:0; width:20px; height:20px; border-radius:20px; background:#7BC7A5; display:block; float:left; margin:0px 0px 0 0; }
.new-listing li:after { content:""; position:absolute; width:10px; height:10px; border-radius:20px; background:#fff; top:5px; left:5px; }
.listing-detail p { font-size:14px; padding:0 0 13px 30px; position:relative; margin:0; }
.listing-detail p:before { content:""; position:absolute; left:0; width:20px; height:20px; border-radius:20px; background:#7BC7A5; display:block; float:left; margin:0px 0px 0 0; top:4px; }
.listing-detail p:after { content:""; position:absolute; width:10px; height:10px; border-radius:20px; background:#fff; top:9px; left:5px; }
.listing-detail small { display:block; font-weight:bold; font-size:16px; }
.speciality-con { position:relative; margin-top: 48px; }
.speciality-con:after { content:""; position:absolute; top:0; left:0; width:100%; height:400px; background: linear-gradient(180deg, #4A95B6 0%, #05577A 100%); border-radius:20px; }
.speciality-con strong {}
.speciality-con-in { position:relative; z-index:1; padding:30px; }
.speciality-con-in strong { color:#fff; padding:0 0 20px 0; font-size:20px; font-weight:normal; display:block; }
.speciality-con-in img { width:100%; border-radius:20px; }
.health-details { padding:60px 0 0 0; }
.navlisting { border: 1px solid #DADADA; border-radius: 35px; background-color: rgba(251,182,0,0.1); margin:0 0px; }
.navlisting li { border:0; width:50%; text-align:center; }
.navlisting li button { width:100%; line-height:70px; border-radius:50px !important; padding:0 0px; text-transform:uppercase; text-align:center; display:block; font-size:20px; color:#666; }
.navlisting li button.active { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); color:#fff !important; }
.Patients-vist { padding:50px 0 0 0; }
.Patients-vist .Patients-sec { display:flex; }
.Patients-vist .Patients-sec .imagesa { width:50%; }
.Patients-vist .Patients-sec .imagesa img { width:100%; height: 100%; object-fit: cover; }
.Patients-vist .Patients-sec .contant { width:50%; padding:50px 80px; }
.Patients-vist .Patients-sec:nth-child(even) .imagesa { order:2; }
.visiting-table { padding:15px 0 30px 0; }
.visiting-table table { width:100%; }
.visiting-table table tr td { border:1px solid #dadada; padding:20px; text-align:center; font-size:16px; text-align:center; color:#000; }
.visiting-table table tr td:first-child { background:#F7F8FF; font-weight:bold; }
.biiling-insurance { background:#E7EBFB; padding:60px 0; }
.biiling-insurance .navlisting { width:60%; margin:0px auto; }
.visit-uls { padding:30px 100px 0; }
.visit-uls li { width:50%; padding:40px 50px 40px 120px; position:relative; float:left; }
.visit-uls li h3 { font-size:18px; font-weight:500; padding:0 0 10px 0; margin:0; color:#000; }
.visit-uls li p {font-size:14px; font-weight:normal; padding:0 0 10px 0; margin:0; color:#000; }
.visit-uls li .images { width:100px; height:100px; border-radius:100px; display:block; position:absolute; left:0; top:26px; }
.visit-uls li .images img { display:block; margin:15px auto 0; }
.visit-uls li:nth-child(1) .images { background:#7BC7A5; }
.visit-uls li:nth-child(2) .images { background:#4A95B6; }
.visit-uls li:nth-child(3) .images { background:#C26600; }
.visit-uls li:nth-child(4) .images { background:#FBB000; }
.excel-sec { box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2); margin:10px 0; border-radius:10px; overflow:hidden; }
.excel-sec .contant-top { padding:20px; min-height:150px; }
.excel-sec .images { width:100%; height:200px; overflow:hidden; }
.excel-sec .images img { width:100%; height: 100%; object-fit: none; }
.excel-sec p { font-size:13px; color:#314141; line-height:22px; width:100%; float:right; min-height:70px; }
.excel-sec strong { display:block; font-size:18px; color:#314141; line-height:22px; margin:0 0 10px 0; }
.excel-sec .contant { width:100%; border-top:1px solid #dadada; padding:15px; display:inline-block; }
.excel-sec .contant span { font-size:12px; float:left; color:#666; }
.excel-sec .contant a { font-size:14px; float:right; color:#F98600; }
.privacy-policys { padding:50px 0 50px 0; }
.privacy-policys p { font-size:14px;}
.privacy-policys strong { font-size:16px; margin:0 0 10px 0; display:block; }
.privacy-policys ul { margin:0 0 20px 0; }
.privacy-policys li { font-size:14px; padding:0 0 13px 30px; position:relative; }
.privacy-policys li:before { content:""; position:absolute; left:0; width:20px; height:20px; border-radius:20px; background:#7BC7A5; display:block; float:left; margin:0px 0px 0 0; }
.privacy-policys li:after { content:""; position:absolute; width:10px; height:10px; border-radius:20px; background:#fff; top:5px; left:5px; }
.leadership-sec { display:flex; border:1px solid #dadada;background:#EEE9D7; }
.leadership-sec .images { width:50%; position:relative; }
.leadership-sec .images img { width:100%; }
.leadership-sec .images strong { background:#FC8E00; position:absolute; width:100%; font-size:24px; color:#fff; left:0; bottom:0; padding:15px; }
.leadership-sec .images strong small { font-size:16px; color:#fff; display:block; }
.leadership-sec .contant { width:50%; padding:30px; }
.leadership-sec .contant strong { font-size:18px; display:block; margin:0 0 20px 0; color:#000; }
.leadership-sec .contant p { height:480px; overflow-y:scroll; font-size:14px; line-height:24px; color:#000; }
.award-page { padding:30px 0; }
.award-page ul {}
.award-page ul { padding:0px 0px 0; }
.award-page ul li { width:46%; padding:30px; position:relative; float:left; border:1px solid #dadada; margin:2%; display:block; min-height:215px; }
.award-page ul li .contant { padding:15px 0 0 20px; width:60%; float:left; }
.award-page ul li .contant h3 { font-size:21px; font-weight:500; padding:0 0 10px 0; margin:0; color:#000; }
.award-page ul li .contant p {font-size:14px; font-weight:normal; padding:0 0 10px 0; margin:0; color:#000; }
.award-page ul li .images { width:150px; height:150px; border:1px solid #dadada; overflow:hidden; border-radius:100px; display:block; margin:0 0px 0 0;float:left; }
.award-page ul li .images img { display:block; margin:-10px auto 0; width:115%; height:115%; object-fit:cover; }
.award-page h2 { font-size:32px; font-weight:500; padding:0 0 15px 0; margin:0; color:#000; text-align:center; display:block; }
.overview-about { padding:60px 0; }
.overview-about p { margin:0 0 10px 0; font-size:14px; color:#000; line-height:24px; display:block; }
.overview-about strong { margin:0 0 10px 0; font-size:14px; color:#418DAE; line-height:24px; display:block; }
.our-jaurneysec { background:#444; padding:70px 0; }
.jaurneysec-top { padding:0 0 30px 0; }
.jaurneysec-top .heading-2line h4 { color:#fff; }
.jaurneysec-top .heading-2line h4:before { background:#fff; }
.jaurneysec-top .heading-2line h4:after { background:#fff;}
.jaurneysec-top p { font-size:14px; color:#fff; text-align:center; padding:0 100px; }
.pills-buttons { padding:30px 0; position:relative; }
.pills-buttons:before { background:#FCB400; width:10px; position:absolute; left:45%; top:0; height:100%; content:""; display:block; border-radius:10px; }
.pills-buttons button { border:1px solid #FCB400 !important; color:#FCB400!important; background:#FFF8E6!important; font-size:18px; padding:7px 20px!important; border-radius:30px!important; margin:5px 0 !important; position:relative; z-index:1; width:120px; text-align:center; }
.pills-buttons button.active { border:1px solid #FCB400 !important; color:#fff!important; background:#FCB400!important; }
.pills-conant { padding:80px; position:relative; }
.pills-conant p { font-size:24px; line-height:34px; color:#FCB400; display:block; width:90%; }
.pills-conant .comma { position:absolute; right:0; top:40px; width:100px; }
.pills-conant .comma ing { width:100%; }
.vision-opage { }
.vision-opage .contant{ float:left; width:55%; padding:100px 100px 30px 100px;; }
.vision-opage .contant p { font-size:14px; line-height:24px;}
.vision-opage .imagesa { float:left; width:45%; padding:0px; }
.vision-opage .imagesa img { width:100%; }
.contact-inners { padding:50px 0; }
.contact-main { box-shadow:0 2px 14px 0 rgb(0 0 0 / 20%); border-radius:20px; overflow:hidden; display:flex; }
.contact-main .contact-left { width:50%; }
.contact-main .contact-left img { width:100%; }
.contact-main .contact-right { width:50%; padding:30px; }
.contact-main .contact-right strong { font-size:20px;display:block; margin:0 0 10px 0; }
.contact-main .contact-right p { font-size:16px; display:block; margin:0 0 10px 0; }
.contact-main .contact-right span { font-size:18px;display:block; margin:0 0 10px 0; }
.contact-main .contact-right a { font-size:18px;display:block; margin:0 0 10px 0; color:#FEB900; }
.contact-main .contact-right .contactlist span i ,.contact-main .contact-right .contactlist a i{ background:#FEB900; width:33px; height:34px; line-height:34px; margin:0 5px 0 0; text-align:center; color:#fff; font-size:14px; border-radius:40px; }
.contact-map { box-shadow:0 2px 14px 0 rgb(0 0 0 / 20%); border-radius:20px; overflow:hidden; display:flex; margin:30px 0 0 0; }
.contact-map .contact-left { width:50%; }
.contact-map .contact-left img { width:100%; }
.contact-map .contact-right { width:50%; padding:30px; }
.contact-map .contact-right strong { font-size:20px;display:block; margin:0 0 10px 0; }
.contact-map .contact-right p { font-size:16px; display:block; margin:0 0 10px 0; }
.contact-map .contact-right small { font-size: 12px;margin-bottom: 10px; padding: 0px 10px; color: red!important;}
.contact-map .contact-right input ,.contact-map .contact-right select { height:42px; line-height:42px; width:100%; display:block; margin:0 0 5px 0; border:1px solid #dadada; padding:0 10px; border-radius:5px; font-size:14px; }
.contact-map .contact-right textarea { font-size:14px; height:100px; line-height:18px; width:100%; display:block; margin:0 0 10px 0; border:1px solid #dadada; padding:10px 10px; border-radius:5px; }
.contact-map .contact-right .button1 { background: linear-gradient(180deg, #fff 0%, #fff 100%); }
.contact-map .contact-right .button1:hover { background: linear-gradient(180deg, #FCB800 0%, #F78200 100%); }
.contact-social { margin:10px 0 0 0; }
.contact-social li { margin:0 10px 0 0; }
.contact-social li i { color:#fff; }
.carrer-main { padding:50px 0; }
.carrer-main .contant-top { min-height:115px; }
.carrer-main .contant-top p { width:100%; }
.carrer-main .contant-top p strong { font-size:16px; width:100%; }
.inetr-sec { padding:50px 0; }
.inter-contant { }
.inter2-sec { padding:0 0 30px 0; }
.inter2-sec .inter-2 { box-shadow:0 2px 14px 0 rgb(0 0 0 / 20%); border-radius:20px; overflow:hidden; display:flex; margin:0px 0 0 0; }
.inter2-sec .inter-2 .images { width:40%; min-height:325px; }
.inter2-sec .inter-2 .images img { width:100%; height: 100%; object-fit: cover; }
.inter2-sec .inter-2 .contant { width:60%; padding:20px; }
.inter2-sec .inter-2 .contant strong { display:block; font-size:16px; margin:0 0 10px 0; }
.inter2-sec .inter-2 .contant p { display:block; font-size:14px; margin:0 0 10px 0; }
.value-sec { padding:50px 0; }
.value-sec h4 { text-align:center; display:block; margin:0 0 20px 0; color:#314141; font-size:32px; }
.get-instimated { box-shadow:0 2px 14px 0 rgb(0 0 0 / 20%); border-radius:20px; overflow:hidden; padding:20px; }
.get-instimated input, .get-instimated select { height:42px; line-height:42px; width:100%; display:block; margin:0 0 8px 0; border:1px solid #dadada; padding:0 10px; border-radius:5px; font-size:14px; }
.get-instimated textarea { font-size:14px; height:100px; line-height:18px; width:100%; display:block; margin:0 0 15px 0; border:1px solid #dadada; padding:10px 10px; border-radius:5px; }
.get-instimated small { display:block; font-size:11px; margin:15px 0 0 0; color: red!important; }
.get-instimated .button2 { display:inline-block; }
.discover-in-pack { background:#fff; padding:35px 0; }
.discover-in-pack .our-discover-list { overflow:visible; }
.discover-in-pack .our-discover-list ul { display:block; }
.discover-in-pack .our-discover-list ul li { width:100%; margin:15px 0; }
.accordion .accordion-button { font-size:16px; color:#222; font-weight:500; }
.accordion .accordion-body strong { display:block; font-size:16px; margin:0 0 15px 0; }
.accordion .accordion-body p { display:block; font-size:14px; margin:0 0 15px 0; }
.accordion .accordion-body .new-listing { padding:0 0 15px 0;}
.accordion-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125) !important; margin: 0 0 10px 0; border-radius:0 !important; }
.patient-ex p { width:100%; }
.media-co p { width:100%; }
.media-co ul { padding:10px 0 0 0; border-top:1px solid #dadada; display:inline-block; width:100%; }
.media-co ul li { display:block; }
.media-co ul li a { color:#555; font-size:13px; padding:3px 0; display:inline-block; text-decoration:underline; }
.media-co ul li a i { color: var(--main-color); margin:0 3px 0 0; }
.media-co ul li a:hover { color: var(--main-color); }
.whychoosesharda { }
.whychoosesharda { padding:0px 0 0 ; }
.whychoosesharda p { font-size:14px; line-height:24px; }
.whychoosesharda strong { display:inline-block; margin:0 0 0px 0; font-size:14px; color:#222; }
.whychoosesharda li { font-size:14px; padding:0 0 13px 30px; position:relative; }
.whychoosesharda li:before { content:""; position:absolute; left:0; width:20px; height:20px; border-radius:20px; background:#7BC7A5; display:block; float:left; margin:0px 0px 0 0; }
.whychoosesharda li:after { content:""; position:absolute; width:10px; height:10px; border-radius:20px; background:#fff; top:5px; left:5px; }
#namevalid{ font-size: 12px;margin: 0px 0px 10px 0px !important; padding: 0px 10px; color: red!important;}
#emailvalid{ font-size: 12px;margin: 0px 0px 10px 0px !important; padding: 0px 10px; color: red!important;}
.bg-lights{display: none;}
.header { display:block; }
.header-mobile { display:none; }
.mobileopen { display:none; }
.em-panel-main { padding:60px 0; }
.em-panalin { width:100%; }
.em-panalin .tab-content1 { padding:30px; border:1px solid #dadada; display:inline-block; width:100%; }
.em-panalin .tab-content1 ul { margin:0; padding:0; }
.em-panalin .tab-content1 ul li { width:50%; float:left; position:relative; padding:5px 0 5px 22px; }
.em-panalin .tab-content1 ul li:before { content:""; display:block; position:absolute; left:0; top:11px; width:8px; height:8px; background:linear-gradient(180deg, #FCB800 0%, #F78200 100%); }
.em-panalin .nav { text-align:center; display:inline-block; width:100%; margin:0 0 40px 0; }
.em-panalin .nav button { text-align:center; margin:0 0 0px 0; border-radius:40px; color:#222; display:inline-block; padding:12px 0; width:33.333%; float:left; }
.em-panalin .nav button.active { background:linear-gradient(180deg, #FCB800 0%, #F78200 100%) !important; color:#fff; }
@media (max-width:767px) {
.slider-inners {margin-top: 105px;}
.notification { position:fixed; width:100%; top:0; z-index:2; }
.header { display:none; }
.header-mobile { display:block; position:fixed; background:#fff; padding:10px; width:100%; top:40px; z-index:1; }
.header-mobile .logo { width:200px; margin:0 0 0 37px; }
.mobileopen span { background: #fff; width:50px; height:50px; text-align:center; line-height:50px;
padding:0px; display:block; position:absolute; top:48px; color:#000; right:-50px; border-radius:0px 5px 5px 0px; }
.mobileopen span i { font-size:28px;}
.mobileopen span small { width:5px; height:5px; float:left; display:block; margin:2px; border-radius:4px; background:#fff; }
.mobileopen { width:300px; border-radius:5px 0 0 5px; background:#05577A; left:-300px; position:fixed; display:block; top:00%; z-index:104; transition:ease all 0.4s; height:100vh; }
.mobileopen.open { left:0; }
.color1.change1 { background:#05577A; color:#fff; }
.sidebarmanu { padding:0px; }
.sidebarmanu-in { padding:20px; }
.blackdiv1 { opacity:0; }
.blackdiv1.open { position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(255,255,255,0.8); opacity:1; transition:ease all 0.4s; z-index:101;}
.slider { margin:107px 0 0 0 ; }
.bg-lights{background-color:#FCB800 ; display: block;}
.response{display: none;}
.pos-f-t{display: block;}
.explosesec { overflow:hidden; }
.belowslider-in:after { display:none; }
.notification .imp-info-data .imp-action { font-size:14px; }
.notification .imp-info-data .imp-data p { font-size:10px; margin:0 0 5px 0; }
.mobile-quick-links{position: relative;}
.mobile-quick-links li{display: block;font-size: 15px;padding: 10px;color: #FFF;border: 1px solid #525557;text-align: left;}
.mobile-quick-links .morelink{display: none; font-size: 12px; padding: 0px 0px 0px 30px;color: #FFF;border: 1px solid #525557;text-align: left;}
.mobile-quick-links .coelink{display: none; font-size: 12px; padding: 0px 0px 0px 30px;color: #FFF;border: 1px solid #525557;text-align: left;}
.mobile-quick-links .speclink{display: none; font-size: 12px; padding: 0px 0px 0px 30px;color: #FFF;border: 1px solid #525557;text-align: left;}
.mobile-quick-links .more{display: block; }
.mobile-quick-links li a{color: #FFF;}
.mobile-quick-links li a:hover{text-decoration: underline;}
.mobile-quick-links .link_more{position: relative;padding: 10px 0;}
.mobile-quick-links .sub-links{display: none;background-color: var(--bg-blue); position: absolute; width: 170px; left: -62px; top: 35px;z-index: 1;padding: 10px;}
.mobile-quick-links .sub-links:before{position: absolute;top: -6px;left: 42%; content: ''; border-bottom: 6px solid var(--bg-blue); border-left: 6px solid transparent;
border-right: 6px solid transparent;}
.mobile-quick-links .sub-links li{display: block;margin-bottom: 5px;}
.mobile-quick-links .sub-links li a{color: #ffffff;display: block; width: 100%;}
.mobile-quick-links .link_more:hover .sub-links{display: block;}
.mobile-quick-links span { background: #fff; width:50px; height:50px; text-align:center; line-height:50px;
padding:0px; display:block; position:absolute; top:48px; color:#000; right:-50px; border-radius:0px 5px 5px 0px; }
.mobile-quick-links .morelinks .moretag { background: none; text-align: center; line-height: 25px; padding: 0px; display: inline; position: relative; top: 0px; color: #fff; left: 218px; }
.mobile-quick-links #coelink .coetag { background: none; text-align:center; line-height:25px; padding:0px; display:inline; position:relative; top:0px; color:#fff; right:-113px; }
.mobile-quick-links #speclink .spectag { background: none; text-align:center; line-height:25px; padding:0px; display:inline; position:relative; top:0px; color:#fff; right:-179px; }
.mobile-quick-links .morelinks{background: none; border: none; color: #ffffff;}
.mobile-quick-links .coelinks{background: none; border: none; color: #ffffff;}
.mobile-quick-links .speclinks{background: none; border: none; color: #ffffff;}
.header .logo { width: 100%;}
.right-header {width: 100%;}
.navtop { display: block; text-align: center;}
.slider .headeings h1 {font-size: 15px; }
.slider .headeings h2 {font-size: 24px; margin: 0 0 10px 0;}
.slider img {width: 100%; height: 350px;}
.button4 span {margin: 0 0 0 0px;}
.sec-3 .sec-3-contant .image img{height: 160px;}
.quicksec-list .con p {font-size: 16px;}
.quicksec { padding: 60px 0 60px 0;}
.bandblue h4 {color: #fff; font-size: 16px; margin: 0 0 25px 0;}
.patient-stories h4 {font-size: 22px; }
.heading-mix h5 { font-size: 13px; }
.bandblue a {float: none; font-size: 15px; }
.our-discover-list li { width: 88%; }
.our-discover h4 {font-size: 26px;}
.quicksec-list, .patient-video { margin-top: 55px;}
.patient-stories {text-align: center; padding: 60px 0 0px 0; }
.home-story .con p {font-size: 13px; }
.home-story .con a { font-size: 11px; }
.heading-mix a {font-size: 11px; }
.copyright p {font-size: 12px; }
.copyright a { font-size: 12px; float: none;}
.home-news li { margin: 0px 0 10px 0; }
.jaurneysec-top p { font-size: 14px; text-align: justify; padding: 0px 0px;}
.pills-conant { padding: 25px;}
.pills-conant p {font-size: 15px;line-height: 26px;}
.pills-conant .comma { display: none;}
.award-page ul li {width: 100%; padding: 20px 0px; min-height: 200px; position: none; float: none; border: 0px solid #dadada; margin: 0%; display: block;}
.award-page ul li .images { width: 40%; }
.award-page ul li .images img {margin: 0px auto 0; width: 100%; height: 100%;}
.find-dc-in .contant a { width: 100%;}
.mainmenu { display: block; margin-top: 0px;}
.mainmenu nav ul{ margin-bottom: 10px; margin-top: 10px; text-align: center;}
.mainmenu nav ul li a { font-size: 10px;}
.button2 {display: block; text-align: center;}
.Patients-vist .Patients-sec { display: block;}
.Patients-vist .Patients-sec .imagesa { width: 100%;}
.Patients-vist .Patients-sec .contant { width: 100%; padding: 50px 20px;}
.biiling-insurance .navlisting { width: 80%; margin: 0px auto;}
.visit-uls { padding: 30px 70px 0;}
.visit-uls li { width: 100%; padding: 40px 0px 0px 45px; }
.visit-uls li .images { left: -70px;}
.slider-inners .slider-form input {margin: 4px 4px;}
.slider-inners .slider-form select {margin: 4px 4px; width: 320px;}
.heading-2line-left h4 { font-size: 20px; padding:0px 0px; }
.heading-2line h4 { font-size: 20px;}
.inter2-sec .inter-2 { margin: 10px 0 0 0;}
.heading-big::before {width:25%;}
.contact-main {display: block;}
.contact-main .contact-left { width: 100%;}
.contact-main .contact-right { width: 100%;}
.contact-main .contact-right span { font-size: 15px; }
.contact-main .contact-right strong { font-size: 17px;}
.contact-main .contact-right p { font-size: 14px;}
.contact-map {display: block;}
.contact-map .contact-right { width: 100%;}
.contact-map .contact-left { width: 100%;}
.inter2-sec .inter-2 {display: block;}
.inter2-sec .inter-2 .images { width: 100%;}
.inter2-sec .inter-2 .contant { width: 100%; padding: 0px 20px; }
.leadership-sec { display: block;}
.leadership-sec .images { width: 100%;}
.leadership-sec .contant { width: 100%;}
.leadership-sec .images strong {width: 100%;}
.heading-big h4 { font-size: 40px;}
.leadership-sec .images strong {font-size: 20px;}
.leadership-sec .images strong small { font-size: 12px;}
.doc-information-tab ul { display: -webkit-inline-box; width: 100%;}
.heading-line::before {width: 25%;}
.doc-information-tab {overflow-x: scroll;}
.navlisting li button {padding: 0px 4px;}
.navlisting li {width: 100%;}
.vision-opage .contant { width: 100%; padding: 39px 15px 15px 15px;}
.vision-opage .imagesa { width: 100%;}
.doc-detils .coeimage {padding-bottom:20px;}
.doc-detils .coeimage img { width: 50%;}
.heading-line h4 {line-height: 21px;}
.carrer-main {overflow: hidden;}
.form-app label { margin: 0px 8px 0 0; font-size: 11px;}
.doc-detils .images { height: 100%;}
.doc-detils .contant h2 { font-size: 25px; margin: 10px 0 10px 0;}
.slider-inners h1 {font-size: 28px;}
.speciality-con::after {height: 390px;}
.speciality-con-in strong {padding: 0px 0 10px 0; font-size: 18px;}
.sidebarform-in a {min-height: 80px;padding: 0px 0px 0px 0px;}
.below-slider { padding:30px 0 10px 0; }
.belowslider-in { margin:0 0 30px 0; }
.belowslider-in p { margin:0 0 0 0; }
.sec-3 { padding:30px 0 0 0; }
.sec-3 .sec-3-contant { margin:0 0 15px 0; }
.sec-3 .sec-3-contant .image { height:180px; }
.sec-3 .sec-3-contant .button4 { width:92%; left:4%; font-size:12px; bottom: 0px;}
.sec-3 .sec-3-contant h2 br{ display:none;}
.sec-3 .sec-3-contant h2 {}
.our-meet { padding:30px 10px; }
.our-meet-list li { width:98%; margin:.5%; padding:5px 15px; box-shadow:0 2px 2px 0 rgb(0 0 0 / 20%); }
.our-meet-list .image { width:120px; height:120px; display:block; margin:0px auto; float:none; }
.our-meet-list .con { width:100%; padding:20px 0 0 0; text-align:center; }
.our-meet a { margin:5px 0; }
.our-discover { padding:30px 0; }
.our-discover-list { margin:0; }
.our-discover-list li { display:block; }
.our-discover-list .image { width:100%; height:180px; }
.our-discover-list .con { width:100%; padding:15px; }
.our-discover-list .con h3 { font-size:16px; }
.our-discover-list .con p { font-size:14px; }
.quicklinks ul li { margin:0; }
.quicklinks ul li a { font-size:12px; padding:10px; margin:4px; }
.home-blog { margin:0 0 30px 0; }
.footer-social { margin:20px 0; }
.close-popup{position: absolute; left: 12px; top: 10px; z-index:99999; box-shadow: 2px 2px 5px 1px #000000!important;}
.popup-image span i { width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0px; display: block;
color: #000000!important; right:10px; border-radius: 5px 0px 0 5px; }
.bodynone{display:none!important;}
}
.mainmenu .link_more{position: relative; font-size: 14px; font-weight: 500;}
.mainmenu .link_more a { font-size: 12px; font-weight: 500; padding: 0 0 10px 0;}
.mainmenu .sub-links{display: none;background-color: var(--bg-blue); position: absolute; width: 220px; left: -50px; top: 25px;z-index: 1;padding: 10px;}
.mainmenu .sub-links:before{position: absolute;top: -6px;left: 42%; content: ''; border-bottom: 6px solid var(--bg-blue); border-left: 6px solid transparent;
border-right: 6px solid transparent;}
.mainmenu .sub-links li{display: block; margin-top: 5px; text-align: center; }
.mainmenu .sub-links li a{color: #ffffff;display: block; width: 100%;}
.mainmenu .link_more:hover .sub-links{display: block;}
.mainmenu .link_moress{position: relative; font-size: 14px; font-weight: 500;}
.mainmenu .link_moress a { font-size: 12px; font-weight: 500; padding: 0 0 10px 0;}
.mainmenu .sub-linksss{display: none;background-color: var(--bg-blue); position: absolute; width: 220px; left: -50px; top: 25px;z-index: 1;padding: 10px;}
.mainmenu .sub-linksss:before{position: absolute;top: -6px;left: 42%; content: ''; border-bottom: 6px solid var(--bg-blue); border-left: 6px solid transparent;
border-right: 6px solid transparent;}
.mainmenu .sub-linksss li{display: block; margin-top: 5px; text-align: center; }
.mainmenu .sub-linksss li a{color: #ffffff;display: block; width: 100%;}
.mainmenu .link_moress:hover .sub-linksss{display: block;}
.details{padding: 40px 0px;}
.details h1{display: block; font-size: 32px; color: #314141; margin: 0 0 10px 0;}
.details p{display: block; font-size: 18px; color: #314141; margin: 0 0 10px 0; text-align: justify; padding: 0px 15px 0px 4px;}
.details .imgs{margin: 0 0 10px 0;}
.details .imags{margin: 0 0 5px 0;}
.details .imags img{ height: 100%; width: 100%; object-fit: cover;}
.details .imgs img{ height: 100%; width: 100%; object-fit: cover;}
.details h5{display: block; font-size: 20px; color: #314141; margin: 0 0 15px 0;}
.top-img img{ width: 100%; height: 100%; object-fit: cover;}
/* Popup Css */
.home-popup {position: fixed; top: 0px; width: 100%; left: 0px; background: rgba(0,0,0,0.8); height: 100%; z-index:9999;}
.popup-image {position: relative; top: 0px; width: 100%; height:100%; margin: 0 auto;}
.popup-image img{display:block; margin:0 auto; height:100%; }
.close-popup{position: absolute; right: 25px; top: 10px; z-index:99999; box-shadow: 0px 1px 2px 1px #FFF; width: 50px;}
.popup-image span i { font-size: 28px; }
.popup-image span i { width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0px; display: block;
color: #fff; right:10px; border-radius: 5px 0px 0 5px; }
Kontol Shell Bypass