ikan Uploader :
Directory : /var/www/html/shardahospital_old.org/assets/css_live/
Upload File : |
| Current File : /var/www/html/shardahospital_old.org/assets/css_live/custom.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;}
.header .logo { float:left; width:30%; padding:0px 0px 0px 0px; }
.header .logo img { height:100%; }
.right-header { width: 70%; }
.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: 170px; left: -62px; 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;}
.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: 24px;}
.emergency-no a{font-size: 12px;display: block; color: var(--main-color);}
.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: 32px; 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:125px; 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:16px; padding:8px 0; display:inline-block; font-weight:normal; }
.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:block; 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:16px !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; float:left; 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; }
.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{min-height:400px; 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%; margin:0px 0 30px 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 .con p {color:#314141; font-size:14px; margin:0 0 0px 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:350px; 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; }
.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; }
.color.change { background:#05577A;}
.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;overflow: hidden;}
.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:-32px; box-shadow:none; }
.dotslider1 .slick-dots li { padding:0; background:none; width:auto; margin:0 5px; height:auto; min-height:inherit; }
.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:300px; height:700px; margin:0px auto; text-align:center; }
.explosesec .cenerimage img { height:100%; }
.explosesecheading { padding:0 0 40px 0; 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:-14px; 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 .dot3 .labels { left:81px; }
.explosesec .cenerimage .dot1 { position:absolute; top:20px; right:150px; }
.explosesec .cenerimage .dot2 { position:absolute; top:51px; right:150px; }
.explosesec .cenerimage .dot3 { position:absolute; top:42px; right:131px; }
.explosesec .cenerimage .dot4 { position:absolute; top:68px; right:144px; }
.explosesec .cenerimage .dot5 { position:absolute; top:160px; right:113px; }
.explosesec .cenerimage .dot6 { position:absolute; top:266px; right:63px; }
.explosesec .cenerimage .dot7 { position:absolute; top:300px; right:143px; }
.explosesec .cenerimage .dot8 { position:absolute; top:363px; right:83px; }
.explosesec .cenerimage .dot9 { position:absolute; top:660px; right: 123px; }
.explosesec .cenerimage .dot10 { position:absolute; top:680px; right:166px; }
.explosesec .cenerimage .dot11 { position:absolute; top:410px; right:173px; }
.explosesec .cenerimage .dot12 { position:absolute; top:343px; right:173px; }
.explosesec .cenerimage .dot13 { position:absolute; top:505px; right:123px; }
.dotdetail .dot-contant { background:#4A95B6; padding:20px; border-radius:10px; display:none; position:absolute; width: 340px; left: -120px; top: -14px; 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: -14px; }
.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 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; }
@media (max-width:767px) {
.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:14px; margin:0 0 5px 0; }
.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 30px 0; }
.sec-3 .sec-3-contant .image { height:180px; }
.sec-3 .sec-3-contant .button4 { width:92%; left:4%; font-size:12px; }
.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:150px; }
.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; }
}
Kontol Shell Bypass