/*-------Reset-css---*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
font-weight: 400;
color: #282828;
line-height: 24px;
font-size:16px;
font-family: 'Rubik', sans-serif;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Poppins', sans-serif;
}
p {
margin-bottom: 15px;
color: #647589;
line-height: 24px;
font-weight: 300;
}
a:hover{
text-decoration: none;
}
/*----------------Nav-Bar--------------------*/
/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/
.main-nav-one {
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
background-color: rgb(255 255 255);
}
/* main nav infos */
.main-nav-one .container {
position: relative;
}
.main-nav-one__infos-email {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse;
}
.main-nav-one__infos-email i {
margin-left: 10px;
}
.main-nav-one__infos-phone i {
margin-right: 10px;
}
.main-nav-one__infos-phone {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) translateX(100%);
transform: translateY(-50%) translateX(100%);
right: 0;
}
.main-nav-one__infos-phone,
.main-nav-one__infos-email {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #838a93;
font-size: 20px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-nav-one__infos-email:hover {
color: var(--thm-black);
}
.main-nav-one__infos-phone i,
.main-nav-one__infos-email i {
width: 36px;
height: 36px;
background-color: var(--thm-primary);
font-size: 12px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-nav-one__infos-phone:hover i,
.main-nav-one__infos-email:hover i {
background-color: var(--thm-black);
color: #fff;
}
@media(max-width: 1550px) {
.main-nav-one__infos-email {
-webkit-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%);
}
.main-nav-one__infos-phone {
-webkit-transform: translateY(-50%) translateX(30%);
transform: translateY(-50%) translateX(30%);
}
}
@media(max-width: 1400px) {
.main-nav-one__infos {
display: none;
}
}
.main-nav-one .inner-container {
/*----
max-width: 1000px;
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
-----*/
}
.main-nav-one .logo-box {
width: 100%;
max-width: 270px;
background-color: #ffffff;
/* box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 3%); */
position: absolute;
/* top: 50%; */
/* left: 50%; */
/* -webkit-transform: translate(-59%, calc(-40% + 25px)); */
/* transform: translate(-59%, calc(-40% + 25px)); */
text-align: center;
padding: 8px 0px;
border-bottom: 0px solid #ff5722;
z-index: 10;
}
.main-nav-one .logo-box a img {
width:240px;
}
.main-nav-one .logo-box .side-menu__toggler {
display: none;
}
.main-nav-one .main-nav__main-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box {
padding: 8px 0px;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
align-content: space-between;
justify-content: flex-end;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li {
padding: 30px 0;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li+li {
margin-left: 35px;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li:nth-child(3) {
margin-right: 35px;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li:nth-child(4) {
margin-left: 0px;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li>a {
text-transform: capitalize;
text-decoration: none;
font-size: 16px;
font-weight: 500;
color: #01445e;
display: block;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box li:hover a,
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box .current a {
color: #d00a22;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box li:hover ul li a {
color:#000;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box li ul li a:hover {
color:#d00a22;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box .Active a {
color: #d00a22;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box .Active a {
color: #d00a22;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box .Active a:before {
background-color: #fc6a20;
opacity: 1;
width: 25px;
right: auto;
}
/* Dropdown menu */
.main-nav__main-navigation .dropdown-btn {
display: none;
}
.main-nav__main-navigation .main-nav__navigation-box>li ul {
margin-top: 8px;
padding: 15px 0px;
position: absolute;
width: 300px;
height: 42vh;
background-color: #fff;
border-top: 2px solid #d00a22;
box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
-webkit-transform-origin: top;
transform-origin: top;
visibility: hidden;
opacity: 0;
z-index: 991;
overflow-y: scroll;
-webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}
.main-nav__main-navigation .main-nav__navigation-box>li ul::-webkit-scrollbar {
width: 6px;
background-color: #ececec;
border-radius: 5px;
}
.main-nav__main-navigation .main-nav__navigation-box>li ul::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #bdbdbd;
}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li {
position: relative;
}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li+li {
border-top: 1px solid rgba(var(--thm-base-rgb), .3);
}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li>a {
display: block;
color: #000;
font-size: 16px;
/* word-break: break-all; */
padding-top: 8px;
padding-bottom: 8px;
padding-left: 20px;
padding-right: 20px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
text-decoration:none;
}
.main-nav__main-navigation .main-nav__navigation-box>li ul>li:hover>a {
color: #dbac6d;
background-color: #fff;
padding-left: 30px;
}
/* Second level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul {
top: 100%;
left: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
visibility: hidden;
opacity: 0;
}
.main-nav__main-navigation .main-nav__navigation-box>li:hover>ul {
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
/* Third level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul {
top: 0;
left: 100%;
-webkit-transform: translateX(30px);
transform: translateX(30px);
visibility: hidden;
opacity: 0;
}
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li:hover>ul {
-webkit-transform: translateX(0px);
transform: translateX(0px);
visibility: visible;
opacity: 1;
}
/* After Third level menu */
.main-nav__main-navigation .main-nav__navigation-box>li>ul>li>ul>li>ul {
display: none;
}
.stricked-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1200;
/*----------
background-color: #ffffff;
----*/
box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
opacity: 0;
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
-webkit-transition: all .4s ease;
transition: all .4s ease;
}
.stricked-menu .logo-box {
padding: 2px 0 2px;
border-bottom: 0px solid #ff5722;
}
.stricked-menu.stricky-fixed {
opacity: 1;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.stricked-menu .main-nav__main-navigation .main-nav__navigation-box>li {
padding-top: 25px;
padding-bottom: 25px;
}
/*--------------------------------------------------------------
## Main Nav Two
--------------------------------------------------------------*/
.header-two__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 91;
}
.main-nav-two {
background-color: transparent;
box-shadow: none;
}
.main-nav-two .logo-box {
background-color: var(--thm-base);
border: 8px solid #fff;
max-width: 227px;
padding: 31.5px 0;
position: relative;
top: auto;
left: auto;
-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
}
.main-nav-two .inner-container {
background-color: #fff;
max-width: 100%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.main-nav-two .main-nav__main-navigation {
margin-left: auto;
padding-right: 60px;
}
.main-nav-two .main-nav__main-navigation .main-nav__navigation-box>li+li {
margin-left: 60px;
}
.main-nav-two .main-nav__main-navigation .main-nav__navigation-box>li:nth-child(4) {
margin-left: 60px;
}
.main-nav-two .main-nav__main-navigation .main-nav__navigation-box>li {
padding: 42px 0;
}
.main-nav-two__social {
width: 100%;
max-width: 227px;
height: 57px;
background-color: #000;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
position: absolute;
top: 100%;
right: 15px;
}
.main-nav-two__social a {
font-size: 16px;
color: var(--thm-black);
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.main-nav-two__social a:hover {
color: var(--thm-base);
}
.main-nav-two__social a+a {
margin-left: 30px;
}
.main-nav-two .main-nav-one__infos {
display: block;
}
.main-nav-two .main-nav-one__infos-phone {
-webkit-transform: translateY(-50%) translateX(calc(100% - 18px));
transform: translateY(-50%) translateX(calc(100% - 18px));
}
.main-nav-two.stricked-menu {
background-color: #fff;
box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
}
.main-nav-two.stricked-menu .main-nav-two__social {
display: none;
}
.main-nav-two.stricked-menu .logo-box::before {
content: '';
width: 10000px;
height: 100%;
background-color: var(--thm-base);
position: absolute;
right: 0;
top: 0;
}
.main-nav-two.stricked-menu .logo-box img {
position: relative;
}
.main-nav-two.stricked-menu .main-nav__main-navigation {
padding-right: 0;
}
/*--------------------------------------------------------------
# SideMenu
--------------------------------------------------------------*/
.side-menu__block {
position: fixed;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 1000;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: left center;
transform-origin: right center;
-webkit-transition: -webkit-transform .7s ease;
transition: -webkit-transform .7s ease;
transition: transform .7s ease;
transition: transform .7s ease, -webkit-transform .7s ease;
}
.side-menu__block.active {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.side-menu__block-overlay {
width: 100%;
height: 100%;
background-color: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: .7;
}
.side-menu__block-inner {
position: relative;
width: 300px;
margin-left: auto;
height: 100vh;
background-color: var(--thm-black);
z-index: 999999;
overflow-y: auto;
padding: 40px 0;
padding-top: 60px;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
align-content: space-between;
}
.side-menu__block-inner .mCustomScrollBox {
width: 100%;
}
.side-menu__close-btn {
position: absolute;
top: 20px;
right: 30px;
z-index: 9999999;
font-size: 18px;
color: #fff;
opacity: 1;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.side-menu__close-btn:hover {
color: var(--thm-base);
}
.mobile-nav__container {
margin: 25px 0px;
border-top: 1px solid rgba(var(--thm-base-rgb), .3);
border-bottom: 1px solid rgba(var(--thm-base-rgb), .3);
}
.mobile-nav__container ul {
margin: 0;
padding: 0;
list-style: none;
}
.mobile-nav__container li.dropdown ul {
display: none;
}
.mobile-nav__container li.dropdown {
position: relative;
}
.mobile-nav__container li.dropdown .dropdown-btn {
border: none;
outline: none;
width: 28px;
height: 26px;
background-color: #000000;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
font-size: 20px;
color: #fff;
position: absolute;
top: 10px;
right: 0;
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transition: transfrom 500ms ease, color 500ms ease, background-color 500ms ease;
transition: transfrom 500ms ease, color 500ms ease, background-color 500ms ease;
}
.mobile-nav__container li.dropdown .dropdown-btn.open {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background: #ffffff;
color: var(--thm-black);
}
.mobile-nav__container li+li {
border-top: 1px solid #13456d;
}
.mobile-nav__container li>ul {
border-top: 1px solid #000;
}
.mobile-nav__container li a {
text-transform: uppercase;
color: #fff;
font-size: 16px;
font-weight: 600;
display: block;
padding: 10px 0;
padding-left: 30px;
padding-right: 30px;
border-left: 3px solid transparent;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: relative;
text-decoration: none;
}
.mobile-nav__container li a:hover {
background-color: transparent;
color: #ffffff;
}
.mobile-nav__container li.current-menu-item>a,
.mobile-nav__container li.current>a {
border-color: #d89132;
background-color: #2977b5;
}
.mobile-nav__container .navigation-box__right {
border-top: 1px solid rgba(var(--thm-base-rgb), .3);
}
.side-menu__logo {
padding-left: 30px;
}
.side-menu__block__copy {
color: #cccccc;
font-size: 18px;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
.side-menu__block__copy a {
text-transform: uppercase;
color: #fff;
font-weight: bold;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.side-menu__block__copy a:hover {
color: var(--thm-base);
}
.side-menu__social {
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.side-menu__social a {
color: #ffffff;
font-size: 16px;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
}
.side-menu__social a:hover {
color: var(--thm-base);
}
.side-menu__social a+a {
margin-left: 19px;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li>a {
position:relative;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box .current a:before {
opacity: 1;
width: 25px;
right: auto;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box li:hover a:before {
opacity: 1;
width: 25px;
right: auto;
}
.main-nav-one .main-nav__main-navigation .main-nav__navigation-box>li>a:before {
width: 0;
opacity: 0;
height: 3px;
display: block;
position: absolute;
content: "";
bottom:-5px;
background-color: #d00a22;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
/*------------touch-Slider--------------*/
h1.slide-phone {
color:#45e2f4!important;
margin: 0px!important;
line-height: 20px!important;
}
.bs-slider {
/*-----
height: 400px;
max-height: 400px;
----*/
margin-top: 0px;
overflow: hidden;
position:relative;
background: #000000;
}
/*----------------
.bs-slider .item.active::after {
background: #000 url(../images/tri-promo-bottom-white.png) repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: .6;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.bs-slider .item::after {
background: transparent url(../images/tri-promo-bottom-white2.png) repeat scroll 0 0;
content: "";
height: 7px;
left: 0;
position: absolute;
top: -7px;
-webkit-transform: rotateX(
180deg
);
transform: rotateX(
180deg
);
width: 100%;
z-index: 9;
}
/*-----------*/
/*------dotted bg------
.bs-slider .item::after {
background: transparent url(../images/tri-promo-bottom-white.png) repeat scroll 0 0;
bottom: -7px;
content: "";
height: 7px;
left: 0;
position: absolute;
width: 100%;
}
.bs-slider .item::after {
opacity: 1;
}
/*-------*/
.bs-slider:hover {
cursor: -moz-grab;
cursor: -webkit-grab;
}
.bs-slider:active {
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.bs-slider .bs-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
opacity: 1;
visibility: inherit;
z-index: 20;
}
/*---*/
.hero-slides-content {
margin-top: 17%;
}
.slide-text h2 {
text-align: left;
font-size: 65px;
width: 45%;
color: #ffffff;
margin-bottom: 0px;
font-weight: 400;
text-transform: uppercase;
font-family: 'PT Sans', sans-serif;
letter-spacing: 2px;
}
.slide-text h2 span {
color:#ff9800;
position:relative;
z-index:999;
font-family: 'PT Sans', sans-serif;
font-weight: 600;
}
.slide-text h5 {
position: relative;
color: #fff;
font-weight: 700;
padding-bottom: 2px;
font-family: 'Dancing Script', cursive;
font-size: 55px;
letter-spacing: 2px;
text-transform: capitalize;
}
.slide-text h3, .slide-text h4 {
text-align: left;
font-weight: 400;
color: #fff;
font-size: 24px;
margin-bottom: 26px;
text-transform: capitalize;
}
.slide_style_right a {
float:left;
}
.slide-text a {
text-align: left;
float: left;
margin: 0 auto 30px;
padding: 10px 30px;
background: transparent;
color: #fff;
text-decoration: none;
margin-top: 0px;
display: table;
font-weight: 600;
font-size: 13px;
margin-right: 15px;
border:1px solid #fff;
letter-spacing: 6px;
text-transform: uppercase;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
/********************
*****Slide effect
**********************/
.fade {
opacity: 1;
}
.fade .item {
top: 0;
z-index: 1;
opacity: 0;
width: 100%;
position: absolute;
left: 0 !important;
display: block !important;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
top: auto;
position: relative;
}
.fade .item.active {
opacity: 1;
z-index: 2;
-webkit-transition: opacity ease-in-out 1s;
-moz-transition: opacity ease-in-out 1s;
-ms-transition: opacity ease-in-out 1s;
-o-transition: opacity ease-in-out 1s;
transition: opacity ease-in-out 1s;
}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
top: 47%;
opacity: 0;
width: 45px;
height: 45px;
z-index: 100;
color: #ffffff;
display: block;
font-size: 24px;
cursor: pointer;
overflow: hidden;
line-height: 43px;
text-shadow: none;
position: absolute;
font-weight: normal;
background: transparent;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.control-round:hover .carousel-control {
opacity: 1;
}
.control-round .carousel-control.left {
left: 1%;
}
.control-round .carousel-control.right {
right: 1%;
}
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
color: #fdfdfd;
background: rgba(0, 0, 0, 0.5);
border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1) {
left: 45%;
color: #fff;
}
.control-round .carousel-control.right>span:nth-child(1) {
right: 45%;
color: #fff;
}
#bootstrap-touch-slider .left .fa {
margin-top: 10px;
margin-right: 4px;
}
#bootstrap-touch-slider .right .fa {
margin-top: 10px;
margin-left: 4px;
}
/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators {
right: 0px;
bottom: 10%;
left: 30%;
width: 100%;
height: 20px;
font-size: 0;
overflow-x: auto;
text-align: center;
overflow-y: hidden;
padding-left: 15px;
padding-right: 15px;
padding-top: 1px;
white-space: nowrap;
}
.indicators-line > .carousel-indicators li {
padding: 5px;
width: 18px;
height: 18px;
border: 2px solid #fff;
text-indent: 0;
overflow: hidden;
text-align: left;
position: relative;
letter-spacing: 1px;
background: transparent;
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 0%;
border-radius: 50%;
margin-right: 5px;
-webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
z-index: 10;
cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child {
margin-right: 0;
}
.indicators-line > .carousel-indicators .active {
margin: 1px 5px 1px 1px;
box-shadow: 0 0 0 0px #fff;
background-color: transparent;
position: relative;
-webkit-transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-o-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before {
transform: scale(0.5);
background-color:#d00a22 ;
content:"";
position: absolute;
left:-1.6px;
top:-1.6px;
width:17px;
height: 17px;
padding:3px;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
text-align: left !important;
}
.slide_style_right {
text-align: right !important;
}
.slide_style_center {
text-align: center !important;
}
.slide-text {
left: 0;
width: 100%;
top: 30%;
right: 0;
position: absolute;
padding: 10px 85px;
}
.slide-text a .fa {
margin-left: 20px;
}
.slide-text > h1 {
padding: 0;
color: #ffffff;
font-size: 36px;
font-style: normal;
line-height: 60px;
margin-bottom: 10px;
letter-spacing: 1px;
display: inline-block;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
text-transform: capitalize;
text-align:center;
}
.slide-text > p {
padding: 0;
color: #ffffff;
font-size: 18px;
line-height: 24px;
font-weight: 300;
margin-bottom: 15px;
letter-spacing: 1px;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
text-transform:capitalize;
}
.slide-text > a.btn-default {
color: #000;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-right: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;
display: inline-block;
border: none;
text-transform: uppercase;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a.btn-primary {
color: #ffffff;
cursor: pointer;
font-weight: 400;
font-size: 13px;
line-height: 15px;
margin-left: 10px;
text-align: center;
padding: 17px 30px;
white-space: nowrap;
letter-spacing: 1px;7
background: #00bfff;
display: inline-block;
text-decoration: none;
text-transform: uppercase;
border: none;
-webkit-animation-delay: 2s;
animation-delay: 2s;
-webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover, .slide-text > a:active {
color: #ffffff;
background: #222222;
-webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.control-round .carousel-control {
top: 47%;
opacity: 0;
width: 70px;
height: 70px;
z-index: 100;
color: #ffffff;
display: block;
font-size: 36px;
cursor: pointer;
overflow: hidden;
line-height: 70px;
text-shadow: none;
position: absolute;
font-weight: normal;
background: transparent;
-webkit-border-radius: 100px;
border-radius: 100px;
}
.bs-slider .bs-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:rgb(0 0 0 / 6%);
}
.slide-text > p {
width: 50%;
font-size:15px;
line-height:20px;
padding:20px 0px;
}
/*-----------------*/
/*---------Top-Bar----------*/
.Hide-Lappy{
display:none;
}
.Top-Bar .T-Location .Icon {
float:left;
}
.Top-Bar .T-Location .Info {
margin-left:25px;
}
.Top-Bar .Social-Icon ul li {
list-style-type:none;
display:inline-table;
}
.Top-Bar .T-Location {
float:left;
}
.Top-Bar .T-Right .R-Line {
border-right: 1px solid #ddd;
margin-right: 20px;
padding-right: 20px;
height: 26px;
}
.Top-Bar .Social-Icon {
margin-left: 48%;
border-left: 1px solid #ddd;
z-index: 999;
position: relative;
display: block;
padding-left: 18px;
}
.Top-Bar .T-Right {
float: right;
}
.Top-Bar {
background: #2f3d77;
padding: 10px 0px 0px;
border-bottom: 1px solid #2f3d77;
}
.Top-Bar .Social-Icon ul li a {
text-decoration: none;
color: #fdfafa;
font-size: 14px;
}
.Top-Bar .Social-Icon ul li {
padding: 0px 5px;
}
.Top-Bar .T-Location .Info p {
color: #fff;
font-size: 14px;
margin-bottom: 12px;
}
.Top-Bar .T-Location .Icon {
font-size: 15px;
color: #e6384d;
}
/*-------------About-Us-Home--------------*/
.About-Us-Home {
padding:120px 0px 110px;
}
.About-Us-Home .Hospital-Profile {
position: relative;
}
.About-Us-Home .Hospital-Profile img {
transition: all 0.3s ease-out 0s;
margin: 0 auto;
}
.About-Us-Home .Hospital-Profile a {
line-height: 1;
padding: 28px 39px;
font-size: 24px;
display: inline-block;
position: absolute;
right: auto;
bottom: -13%;
left: 5%;
z-index: 1;
color:#fff;
background: #2f3d77;
text-decoration:none;
font-weight:700;
}
.About-Us-Home .Hospital-Profile a .Phone-Icon{
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: 0 auto;
text-align: center;
transform: translateY(-50%);
}
.About-Us-Home .Hospital-Profile .Small_IMG {
position: absolute;
bottom: -92px;
right: -50px;
}
.Heading-Box {
margin-bottom:50px;
}
.Heading-Box h5 {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #e12454;
margin-bottom:25px;
}
.Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 50px;
letter-spacing: 1px;
line-height: 60px;
font-weight: 700;
}
.Left-Side-Adj {
margin-left:80px;
}
.Read-More-Btn a {
border-radius: 33px;
padding-left: 80px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgb(204 39 59);
box-shadow: 0px 8px 16px 0px rgb(225 36 84 / 20%);
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
color: #fff;
font-weight: 600;
outline: none;
}
.Read-More-Btn:hover .btn {
text-decoration: none;
outline: none;
}
.Read-More-Btn span {
position: absolute;
left: 5px;
text-align: center;
width: 50px;
height: 50px;
top: 5px;
line-height: 50px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.Read-More-Btn .btn-icon:hover {
background-color: rgb(47 61 119);
box-shadow: 0px 8px 16px 0px rgb(125 178 73 / 20%);
color: #fff;
transition: all 0.3s ease-out 0s;
}
.Read-More-Btn {
width: auto;
display: table;
margin: 35px 0px;
}
/*-- Text-Center --*/
.TPA-List-Page .SubTitle {
margin-top: 90px;
}
.TPA-List-Page .TPA-Box {
border:1px solid #dddddd45;
}
.Text-Center {
text-align:center;
margin-bottom: 100px;
}
.Text-Center .Heading-Inner {
position:relative;
}
.Text-Center .Heading-Inner .Up-Text {
position: relative;
}
.Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -50px;
}
/*----------Services-Home----------*/
.Services-Home {
background: #f4f9fc;
padding:100px 0px;
overflow: hidden;
}
.Services-Home .Service-Main-Box {
padding: 80px 65px 60px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 16px 32px 0px rgb(196 203 255 / 30%);
margin-bottom: 30px;
}
.Services-Home .Service-Main-Box .Service-Icon {
margin-bottom:15px;
}
.Services-Home .Service-Main-Box .Service-Icon img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
}
.Services-Home .Service-Main-Box .Service-Info h5 {
letter-spacing: 2px;
text-transform:uppercase;
color: #8fb569;
margin-bottom:20px;
font-size:15px;
}
.Services-Home .Service-Main-Box .Service-Info h2 {
font-size: 34px;
margin-bottom:20px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.Services-Home .Service-Main-Box .Service-Info h2 a {
padding-bottom: 23px;
display: block;
position: relative;
text-decoration:none;
color: #223645;
}
.Services-Home .Service-Main-Box .Service-Info h2 a:hover {
color: #E12454 !important;
transition: all 0.3s ease-out 0s;
}
.Services-Home .Service-Main-Box .Service-Info h2 a::before {
background: #E12454;
z-index: 9;
width: 0;
width: 0px;
visibility: hidden;
opacity: 0;
}
.Services-Home .Service-Main-Box .Service-Info h2 a::after,
.Services-Home .Service-Main-Box .Service-Info h2 a::before {
position: absolute;
content: "";
height: 2px;
width: 50px;
left: 0;
background: #e2e0ff;
bottom: 0;
transition: all 0.3s ease-out 0s;
}
.Services-Home .Service-Main-Box .Service-Info .Read-More {
color: #9ca8b6;
font-weight:500;
text-decoration:none;
margin-bottom:20px;
font-size: 14px;
}
.Services-Home .Service-Main-Box .Service-Info .Read-More:hover {
color:red;
transition: all 0.3s ease-out 0s;
}
.Services-Home .Service-Main-Box .Service-Number h1 {
position: absolute;
top: 0;
right: 36px;
font-size: 200px;
color: #f7f7ff;
letter-spacing: -.3px;
font-weight: 600;
}
/*-----------Doctor-Home------------*/
.Doctor-Home {
padding:100px 0px;
}
.Team-box {
text-align:center;
}
.Team-box .Doctor-Img {
position: relative;
margin-bottom:20px;
}
.Team-box:hover .Doctor-Img img {
border-color: #8fb569;
}
.Team-box:hover .Social-ICon {
transition: .4s;
opacity: 1;
visibility: visible;
}
.Team-box .Social-ICon ul li a {
font-size: 15px;
color: #a0aab1;
margin: 15px 5px 0px;
display: inline-block;
}
.Team-box .Social-ICon ul li a:hover {
color:#e12454;
transition: .4s;
}
.Team-box .Doctor-Img img {
padding: 6px;
border-radius: 50%;
border: 3px dashed rgb(143, 181, 105, 0.30);
transition: .4s;
text-align: center;
margin: 0 auto;
display: table;
}
.Team-box .Doctor-Img a {
position: absolute;
top: 0;
height: 46px;
width: 46px;
border-radius: 50%;
background-color: #e12454;
box-shadow: none;
font-size: 16px;
font-weight: 500;
line-height: 46px;
right: 30px;
color: #fff;
text-decoration: none;
}
.Team-box .Team-Info h3 {
margin-bottom: 15px;
font-size: 24px;
letter-spacing: -.3px;
font-weight: 600;
}
.Team-box .Team-Info h3 a {
text-decoration:none;
color: #282828;
}
.Team-box .Team-Info h3 a:hover {
text-decoration:none;
color: #2f3d77;
}
.Team-box .Team-Info h6 {
color: #e12454;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
font-size: 15px;
}
.Team-box .Social-ICon {
opacity: 0;
transition: .4s;
visibility: hidden;
}
.Why-choose .Why-Top .Leftside-IMG {
position: absolute;
left: 0;
width: 50%;
height: 100%;
top: 0;
background-repeat: no-repeat;
background-image: url(../images/why-Choose-Home.jpg);
}
.Why-choose .Why-Top {
position: relative;
}
.Why-choose .Why-Box {
padding-left: 50px;
padding-right: 50px;
padding-top: 100px;
padding-bottom: 80px;
}
.Why-choose .Why-Box .Information .Pass {
margin-bottom:35px;
}
.Point-Box .Icon {
float:left;
}
.Point-Box .Info {
margin-left:50px;
}
.Point-Box .Info .CLR-Points {
color: #2f3d77;
font-weight: 400;
font-style: italic;
}
.Point-Box .Icon .fa {
width: 30px;
height: 30px;
line-height: 26px;
text-align: center;
border-radius: 50%;
color: #2f3d77;
border: 2px solid #2f3d77;
font-size: 12px;
transition: .4s;
margin-top: 5px;
}
.Point-Box:hover .Icon .fa {
background:#2f3d77;
color:#fff;
}
.Point-Box .Info p {
padding-top:3px;
}
.Point-Box {
margin-bottom: 20px;
}
.Why-choose .Why-Bottom {
position:relative;
}
.Why-choose .Why-Bottom .Rightside-IMG {
position: absolute;
right: 0;
width: 50%;
height: 100%;
top: 0;
background-repeat: no-repeat;
background-image: url(../images/why-Choose-Home-03.jpg);
}
.Why-choose .Why-Bottom .Rightside-IMG::before {
background: rgba(34, 54, 69, 0.82);
position: absolute;
content: "";
width: 100%;
height: 100%;
}
/*------------------*/
.Hospital-Numbers .icon {
display: inline-block;
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
border-radius: 50%;
margin-bottom: 20px;
background: rgba(225, 36, 84, 0.10);
}
.Hospital-Numbers .icon img {
text-align: center;
margin: 0 auto;
padding-top: 23px;
}
.Hospital-Numbers .counter-value {
color: #cc273b;
font-size: 50px;
font-weight: 600;
margin: 0 auto 30px;
display: table;
}
.Hospital-Numbers {
padding: 50px;
border-radius: 12px;
border: 2px solid #dfe5e9;
margin-bottom: 30px;
text-align:center;
}
.Hospital-Numbers .text {
font-size: 14px;
margin-bottom: 0;
color: #223645;
font-weight: 500;
}
.Why-Bottom .Rightside-IMG .Inner-Video a img{
text-align: center;
margin: 0 auto;
padding-top: 33%;
z-index: 999;
display: table;
position: relative;
}
.Why-Bottom .Rightside-IMG .Inner-Video .Hospital-Icon {
width:100px;
height:100px;
background: #cc273b;
position: relative;
padding: 10px;
border-radius: 50%;
margin-left: -50px;
margin-top: -28%;
}
.Why-Bottom .Rightside-IMG .Inner-Video .Hospital-Icon img {
text-align: center;
margin: 0 auto;
padding-top: 12px;
}
/*----------Blog-Home------------*/
.Blog-Home {
padding:160px 0px 100px;
background-color: #f7f9fe;
}
.Blog-Home .Blog-Box {
position:relative;
}
.Blog-Home .Inner-Box {
padding: 0;
border: 15px solid #fff;
background-color: #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
position: relative;
overflow: hidden;
}
.Blog-Home .Inner-Box .Post {
position: relative;
overflow: hidden;
}
.Blog-Home .Inner-Box .Post a {
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
}
.Blog-Home .Inner-Box .Post a img {
transition: transform .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
will-change: transform;
height: auto;
max-width: 100%
}
.Blog-Home .Inner-Box .Post a:after {
position: absolute;
content: '';
background-color: rgba(38,48,69,.6);
left: 0;
bottom: 0;
width: 100%;
height: 0%;
transition: .9s ease;
z-index: 1;
opacity: 0;
}
.Blog-Home .Inner-Box .Post a:before {
position: absolute;
content: '';
background-color: rgba(38,48,69,.6);
left: 0;
top: 0;
width: 100%;
height: 0%;
transition: .9s ease;
z-index: 1;
opacity: 0;
}
.Blog-Home .Blog-Box:hover .Inner-Box .Post a:before {
height: 100%;
opacity: 1;
}
.Blog-Home .Blog-Box .Inner-Box .Date {
position: absolute;
display: inline-block;
bottom: 10px;
background-color: #fff;
width: 61px;
height: 59px;
text-align: center;
border-bottom: 1px solid #000;
color: #2d4a8a;
font-size: 14px;
line-height: 24px;
font-weight: 500;
left: 10px;
z-index: 1;
}
.Blog-Home .Blog-Box .Inner-Box .Date span {
display: block;
font-size: 20px;
padding: 5px 0 4px;
color: #fff;
background-color:#cc273b;
}
.Blog-Home .Blog-Box .IContent-Blog h4 {
font-size: 20px;
line-height: 30px;
color: #1e2637;
font-weight:600;
}
.Content-Blog .Comment span .fa {
margin-right:5px;
color:#0d5077;
}
.Content-Blog .Comment span a {
text-decoration:none;
color: #6e6e6e;
font-size:12px;
}
.Content-Blog .Comment span {
padding-right: 23px;
position: relative;
}
.Content-Blog .Comment span:after {
position: absolute;
content: "";
height: 16px;
width: 1px;
right: 10px;
top: 0;
background-color: #dce1e9;
}
.Content-Blog .Comment {
padding: 10px 10px;
margin-top: 20px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
}
.Content-Blog h4 {
font-weight: 600;
font-size: 20px;
}
.Content-Blog {
background: #fff;
padding: 20px;
}
.Content-Blog a {
text-decoration: none;
font-size: 14px;
font-weight: 500;
margin-top: 18px;
color:#2f3d77;
}
.Content-Blog p {
text-decoration: none;
font-size: 14px;
font-weight: 500;
margin-top: 18px;
}
.Content-Blog a:hover {
color:#cc273b;
}
/*----------Photo-Gaallery----------*/
.Home-Gallery {
padding:150px 0px 40px;
}
/*----------------Image-Hover-Effect-----------------*/
.Home-Gallery .Box{
text-align: center;
overflow: hidden;
position: relative;
margin-bottom: 30px;
}
.Work .btn-default:focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c17;
outline: none;
}
.Home-Gallery .Box img{
width: 100%;
height: auto;
transform: scale3d(1, 1, 1);
transition: all 0.3s ease 0s;
}
.Home-Gallery .Box:hover img{ transform: scale3d(1.15, 1.15, 1); }
.Home-Gallery .Box .box-content{
width: 100%;
height: 100%;
background-color: rgb(225 36 84 / 64%);
padding-top: 12%;
color: #fff;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
transition: all 0.3s ease 0s;
}
.Home-Gallery .Box:hover .box-content{ opacity: 1; }
.Home-Gallery .Box .box-content:before,
.Home-Gallery .Box .box-content:after{
content: "";
position: absolute;
top: 4px;
left: 4px;
right:4px;
bottom: 4px;
border: 1.5px solid rgba(255, 255, 255, 0.7);
opacity: 0;
z-index: -1;
transform: scale(1.5);
transition: all 0.6s ease 0.2s;
}
.Home-Gallery .Box:hover .content-inner .fa {
font-size: 24px;
font-weight: 400;
padding: 10px;
float: none;
display: table;
transition: .9s;
transform: rotate(
360deg
);
margin: 0 auto;
margin-top: 42px;
}
.Home-Gallery .Box:hover .content-inner p {
padding-top: 3%;
float: none;
margin-left: 0px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
}
.Home-Gallery .Box .box-content:before{
border-top: none;
border-bottom: none;
left: 5px;
right: 5px;
}
.Home-Gallery .Box .box-content:after{
border-left: none;
border-right: none;
top: 5px;
bottom: 5px;
}
.Home-Gallery .Box:hover .box-content:before,
.Home-Gallery .Box:hover .box-content:after{
opacity: 1;
transform: scale(1);
}
.Home-Gallery .Box .content-inner{
opacity: 0;
transform: scale(0);
transition: all 0.3s ease 0s;
}
.Home-Gallery .Box:hover .content-inner{
opacity: 1;
transform: scale(1);
}
.Home-Gallery .Box .title{
font-size: 18px;
font-weight: 700;
color: #00fff2;
letter-spacing: 0px;
text-transform: uppercase;
margin: 0px 0 5px;
}
.Home-Gallery .Box .post{
display: block;
font-size: 14px;
font-weight: 600;
font-style: italic;
margin-bottom: 10px;
}
.Home-Gallery .Box .icon{
padding: 0;
margin: 0;
list-style: none;
z-index: 2;
}
.Home-Gallery .Box .icon li{ display: inline-block; }
.Home-Gallery .Box .icon li a{
display: block;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #fff;
font-size: 18px;
color: #fff;
margin-right: 5px;
position: relative;
transition: all 0.3s ease 0s;
}
.Home-Gallery .Box .icon li a:hover{ color: #000; }
.Home-Gallery .Box .icon li a:before{
content: "";
width: 100%;
height: 100%;
background: #fff;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transform: scale(0);
transition: all 0.3s ease 0s;
}
.Home-Gallery .Box .icon li a:hover:before{ transform: scale(1); }
@media only screen and (max-width:990px){
.Home-Gallery .Box{ margin-bottom: 0px; }
}
.Home-Gallery .No-Padding {
padding:0px;
}
.Home-Gallery .buttons {
padding: 0px 0 40px;
margin: 0 auto 30px;
display: table;
}
.Home-Gallery .button.active {
opacity: 1;
background:#2f3d77;
color: #fff;
}
.Home-Gallery .button {
transition: all .2s ease-in-out;
-webkit-appearance: none;
border-radius: 0;
font-family: inherit;
background: none;
font-weight: 600;
cursor: pointer;
outline: none;
color: #312f2f;
font-size: 16px;
padding: 6px 20px;
text-transform: uppercase;
border: 1px solid #ddd;
margin-right: 10px;
}
/*-------------Testimonial-----------*/
.Testimonial{
padding:100px 0px;
}
.testi .testimonial-item .Quote {
/* width: 60px; */
background-color: rgb(47 61 119);
box-shadow: 0px 16px 32px 0px rgb(47 61 119 / 36%);
transition: .4s;
border-radius: 50%;
padding: 14px;
height: 80px;
width: 80px;
margin:0 auto 30px;
}
.testi .testimonial-item {
text-align: center;
}
.star-rating {
display: flex;
flex-direction: row-reverse;
font-size: 1.5em;
justify-content: space-around;
padding: 0 .2em;
text-align: center;
width: 5em;
margin: 0 auto 25px;
}
.star-rating input {
display:none;
}
.star-rating label {
color:#ff9800;
cursor:pointer;
}
.star-rating :checked ~ label {
color:#cc273b;
}
.star-rating label:hover,
.star-rating label:hover ~ label {
color:#fc0;
}
.testimonial-item h4 {
font-size: 23px;
line-height: 1.4;
margin-bottom: 30px;
color: #223645;
font-weight: 600;
}
.testimonial-item .client-quote {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #647589;
margin: 40px auto 50px;
}
.client-info .IMG {
float:left;
}
.client-info .IMG img {
width: 80px !important;
}
.client-info .Info {
margin-left:100px;
text-align: left;
padding-top: 16px;
}
.client-info .Info h4 {
font-size: 19px;
line-height: 1.4;
margin-bottom: 12px;
color: #223645;
font-weight: 600;
}
.client-info {
margin: 30px auto 0px;
display: table;
}
.client-info .Info .client-tag span {
color:red;
}
.Testimonial .owl-theme .owl-nav {
margin-top: 70px !important;
}
/*---------Footer------------*/
.Footer {
padding:100px 0px;
background: #13232f;
position:relative;
margin-top: -7px;
}
.Footer .Footer-Box .Footer-Title {
margin-bottom:30px;
}
.Footer .Footer-Box .Footer-Title h1 {
font-size:24px;
color:#fff;
}
.Footer::before {
position: absolute;
content: "";
background-image: url(../images/Footer-bg.png);
left: 0;
right: 0;
top: 0;
width: 100%;
min-height: 100%;
background-repeat: no-repeat;
background-position: center center;
margin: 0 auto;
}
.Footer-Box .Our-Service .F-S-Icon li {
float: left;
width: 50%;
margin-bottom: 15px;
}
.Footer-Box .Our-Service .F-S-Icon li a {
text-decoration: none;
color: #91a1b4;
font-weight: 300;
}
.Footer-Box .Our-Service .F-S-Icon li:hover a {
padding-left:5px;
transition: all 0.3s ease-out 0s;
}
.Footer-Box .Our-Service .F-S-Icon li:hover a {
color:#e12454;
transition: all 0.3s ease-out 0s;
}
.Footer-Box .Our-Service .F-S-Icon li a .fa {
margin-right: 10px;
}
.Footer-Box .F-C-Box .Icon {
float:left;
}
.Footer-Box .F-C-Box .Icon img {
width:35px;
}
.Footer-Box .F-C-Box .Size img {
width:30px;
}
.Footer-Box .F-C-Box .Info {
margin-left:50px;
}
.Footer-Box .F-C-Box {
margin-bottom: 20px;
}
.Footer-Box .Social-Icon li {
list-style-type:none;
display:inline-block;
margin-right:10px;
}
.Footer-Box .Social-Icon {
margin-top:40px;
}
.Footer-Box .Social-Icon li a .fa {
background: #cc273b;
padding: 8px 12px;
color: #fff;
}
.Footer-Box .F-Logo {
width: 70%;
margin-bottom: 1px;
border-radius: 0px;
background: #fff;
padding: 5px 15px;
}
.Footer-Box .Footer-Bottom {
margin-bottom: 56px !important;
margin-top: 35px;
}
.Footer-Strip {
background:#0d1b26;
color:#fff;
padding:20px 0px 15px;
}
.F-Strip-List li {
list-style-type:none;
display:inline-block;
margin-left: 15px;
}
.F-Strip-List li:after {
position: absolute;
content: "|";
padding-left: 6px;
color: #9aacbb;
}
.F-Strip-List li a {
text-decoration: none;
color: #9aacbb
}
.copy-Write {
float:right;
}
.copy-Write a {
text-decoration:none;
color:#cc273b;
}
.Footer-Box .Social-Icon li:hover a .fa {
background: #2f3d77;
}
.F-Strip-List li:hover a {
color: #cc273b ;
}
.Testimonial .owl-theme .owl-nav {
display:none;
}
.testi .testimonial-item:hover .Quote {
background-color: rgb(225, 36, 84);
box-shadow: 0px 16px 32px 0px rgb(225 36 84 / 40%);
}
.Center-Adj {
margin:0 auto;
display:table;
}
.Center-Adj a {
margin-top: 48px;
}
/*--------Facility-Home--------*/
.Facility-Home {
padding:100px 0px;
background-repeat: no-repeat;
background-image: url(../images/why-Choose-Home-03.jpg);
position:relative;
}
.Facility-Home::before, .Facility-Home::before {
background: linear-gradient(
-90deg
, rgb(53 53 53 / 93%), rgb(53 53 53 / 91%));
}
.Facility-Home::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Facility-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
margin-top: 0px;
font-size: 50px;
letter-spacing: 1px;
line-height: 60px;
font-weight: 700;
}
/*---------Tab-------*/
.tab .nav-tabs{
border: none;
margin: -45px auto 0px;
display: table;
}
.tab .nav-tabs li a{
width: 270px;
padding: 25px 20px;
color: #444;
background: #e8ebec;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 0px;
border: none;
border-radius: 0;
overflow: hidden;
z-index: 1;
position: relative;
transition: all 0.3s ease 0s;
}
.tab .nav-tabs li:last-child a{ margin-right: 0; }
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a{
color: #fff;
border-color: transparent;
border: none;
}
.tab .nav-tabs li a:before{
content: "";
background: linear-gradient(to right, #cc273b, #cc273b);
width: 100%;
height: 100%;
transform: scaleX(0);
transform-origin: 0 50% 0;
position: absolute;
top: 0;
left: 0;
z-index: -1;
transition: all 0.5s ease-out 0s;
}
.tab .nav-tabs li.active a:before,
.tab .nav-tabs li a:hover:before{
transform: scaleX(1);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.tab .tab-content{
letter-spacing: 0px;
line-height: 30px;
padding: 50px 0px;
position: relative;
width: 75%;
margin: 0 auto;
}
.tab .tab-content h3{
font-weight: 600;
margin-top: 0;
text-transform: capitalize;
margin-bottom: 12px;
color: #223645;
font-size: 24px;
}
@media only screen and (max-width: 767px){
.tab .nav-tabs li a{ padding: 10px 20px; }
}
@media only screen and (max-width: 479px){
.tab .nav-tabs li{
text-align: center;
width: 100%;
margin-bottom: 15px;
}
}
/*--------Facility-Tab-------*/
.Facility-Tab {
padding-bottom:100px;
}
.tab .nav-tabs li a img {
float:left;
width: 50px;
}
.tab .nav-tabs li a span {
margin-left: 60px;
padding-top: 12px;
display: table;
font-weight: 500;
}
.Facility-Tab .tab-pane .line {
display: block;
border: 2px solid #e91e63;
width: 50px;
margin-bottom: 32px;
}
.Facility-Tab .Fac-Box {
padding: 12px 10px;
}
.CENTER-ADJ {
margin: 0 auto;
border: 1px solid #d0d0d0;
padding: 2px;
}
/*-------Breadcums-Box----------*/
.Breadcums {
padding:150px 0px;
background-repeat: no-repeat;
background-image: url(../images/Slider-02.jpg);
position: relative;
}
.Breadcums::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Breadcums::before, .Breadcums::before {
background: linear-gradient(
-90deg
, rgb(14 14 14 / 92%), rgb(26 26 27 / 28%));
}
.Breadcums .Breadcums-Box h5 {
color: #647589;
font-size: 18px;
font-weight: 500;
padding-bottom:15px;
}
.Breadcums .Breadcums-Box h1 {
font-size: 60px;
font-family: 'Poppins', sans-serif;
color: #fff;
margin-top: 0px;
font-weight: 600;
}
.Breadcums-List ul li {
list-style-type:none;
display:inline-block;
margin-right:15px;
}
.Breadcums-List ul li a {
text-decoration: none;
color: #bfbebe;
}
.Breadcums-List ul li:hover a {
color:#f51934;
}
.Breadcums-List ul .Active {
color:#f51934;
}
.Breadcums-List ul li:after {
position: absolute;
content: "|";
padding-left: 8px;
color: #bfbebe;
}
.Breadcums-List {
padding-top: 40px;
float: right;
}
.Breadcums-List ul .Active:after {
position: absolute;
content: "|";
padding-left: 8px;
color: #bfbebe;
display:none;
}
.Single-Doctor-Page {
padding:100px 0px;
}
.Heading-Box .Bottom-30 {
margin-bottom: 28px;
}
.Single-Doctor-Page .Doctor-IMG-Box {
padding: 50px 40px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 6px solid #8fb569;
text-align:center;
}
.Single-Doctor-Page .Doctor-IMG-Box h4 {
font-size: 30px;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.Single-Doctor-Page .Doctor-IMG-Box h5 {
letter-spacing: 2px !important;
color: #e12454;
text-transform:uppercase;
font-weight: 500;
font-size:14px;
margin-bottom: 20px;
}
.Single-Doctor-Page .Doctor-IMG-Box ul li {
list-style-type:none;
display:inline-block;
margin: 0 8px;
}
.Single-Doctor-Page .Doctor-IMG-Box ul li a {
font-size: 15px;
color: #a0aab1;
}
.Single-Doctor-Page .Doctor-IMG-Box ul li:hover a {
color:red;
}
.Single-Doctor-Page .Doctor-Detail p {
margin-bottom:15px;
}
/*----------About-Hospital-Page------------*/
.About-Hospital-Page {
padding:100px 0px;
}
.Mission-Box .Img {
float:left;
}
.H-About-Content .Mission-Box .Content {
margin-left:65px;;
}
.H-About-Content .Mission-Box {
margin-bottom:35px
}
.H-About-Content .Mission-Box .Content h4 {
Font-size: 24px;
margin-bottom: 20px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.About-Hospital-Page .H-About-Content .Bottom-30 {
padding-bottom:30px;
}
.About-Hospital-Page .Hospital-Main {
padding: 0px 0px 0px 30px;
}
.About-Hospital-Page .Hospital-Profile img {
transition: all 0.3s ease-out 0s;
margin: 0 auto;
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
}
.About-Hospital-Page .Heading-Box .Bottom-30 {
margin-bottom: 28px;
font-size: 36px;
line-height: 42px;
}
/*---------Single-Service-Page-----------*/
.Single-Service-Page {
padding:100px 0px;
}
.Text-Left .Heading-Inner {
text-align:left !important;
margin-bottom:30px;
}
.Single-Service-Page .Text-Left {
margin-bottom: 45px;
}
.Text-Left .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: 0;
width: 100px;
top: -29px;
}
.Single-Service-Page .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 40px;
letter-spacing: 0px;
line-height: 60px;
font-weight: 600;
}
.Single-Service-Page .Service-Details-Box {
padding: 80px 0px;
}
.Single-Service-Page .Tag-Box .Icon{
float:left;
}
.Single-Service-Page .Tag-Box .Info{
margin-left:20px;
}
.Single-Service-Page .Tag-Box .Info p {
margin-bottom:5px;
}
.Subtitle {
font-size: 20px;
padding-bottom: 25px;
font-style: italic;
color: #1c2e3c;
padding-top: 15px;
}
.Single-Service-Page .Tag-Box .Icon .fa {
font-size: 14px;
color: #e12454;
}
.Sidebar .S-List-Box .Icon {
float:left;
}
.Sidebar .S-List-Box .Icon img {
width: 34px;
padding-top: 5px;
}
.Sidebar .S-List-Box .Info {
margin-left:35px;
}
.Sidebar .S-List-Box .Info p {
font-size: 16px;
font-weight: 500;
color: #223645;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 20px;
transition: .4s;
padding-top: 12px;
}
.Sidebar .S-List-Box a {
text-decoration:none;
}
.Sidebar .S-List-Box {
border-bottom: 2px solid #f2edff;
padding: 7px 0px;
}
.Sidebar h2 {
font-size: 34px;
margin-bottom: 20px;
font-weight:600;
}
.Sidebar {
padding: 45px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 4px solid #8fb569;
padding-top: 30px;
margin-bottom: 30px;
}
.Sidebar .S-List-Box:hover a p {
color:#f73d53;
}
.Sidebar .Current a .Info p {
color:#f73d53;
}
.S-C-Box .Inner-Box {
text-align:center;
padding:40px 30px;
}
.S-C-Box .Inner-Box h5 {
font-size: 17px;
font-weight: 600;
padding-bottom: 25px;
color: #ddd;
position: relative;
}
.S-C-Box {
padding: 50px 20px;
}
.S-C-Box .Inner-Box h2 {
font-size: 32px;
font-weight: 600;
line-height: 42px;
margin: 20px auto 50px;
color: #fff;
position: relative;
}
.S-C-Box .Read-More-Btn {
width: auto;
display: block;
margin: 35px 0px;
}
.S-C-Box {
background-repeat: no-repeat;
background-image: url(../images/why-Choose-Home-03.jpg);
position: relative;
}
.S-C-Box::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.S-C-Box::before, .S-C-Box::before {
background: linear-gradient(
-90deg
, rgb(0 54 78 / 90%), rgb(47 61 119 / 81%));
}
.Sidebox-Main {
width:92%;
margin:0 auto;
display:table;
}
/*-----------Blog-Page------------*/
.Blog-Page {
padding:100px 0px;
}
.Blog-Page .Blog-Details-Box .Blog-Date {
padding:25px 0px 30px;
}
.Blog-Page .Blog-Details-Box .Blog-Date span {
font-size: 12px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
color: #6f7172;
margin-right: 20px;
}
.Blog-Page .Blog-Details-Box .Blog-Date span .fa {
color: #e12454;
margin-right: 2px;
}
.Blog-Page .Blog-Information .Blog-Title {
font-size: 28px;
line-height: 1.3;
margin-bottom: 20px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.Blog-Page .Blogger-Box {
text-align:center;
}
.Blog-Page .Blogger-Box img {
border-radius: 50%;
margin:0 auto 25px;
}
.Blog-Page .Blogger-Box h3 {
font-size: 18px;
letter-spacing: 1px;
color: #223645;
margin-top: 10px;
font-weight: 600;
margin-bottom: 12px;
}
.Blog-Page .Blogger-Box h2 {
margin-bottom: 20px;
font-weight: 600;
color: #223645;
font-size:21px;
}
.Blog-Page .Blogger-Box {
padding: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 4px solid #8fb569;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Icon {
float:left;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Info {
margin-left:100px;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Info span {
font-size: 12px;
color: #647589;
}
.Blog-Page .Blog-Sidebar {
padding: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 4px solid #8fb569;
margin:40px 0px 20px;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Icon img {
width: 80px;
height: 80px;
border-radius: 50%;
margin-right: 15px;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box a {
text-decoration:none;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box a:hover .Info h5 {
color:#cc273b;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Info h5 {
margin-bottom: 10px;
font-size: 16px;
line-height: 1.3;
font-weight: 600;
color: #223645;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box {
border-bottom: 1px solid #eaedff;
padding: 30px 0;
}
.Blog-Page .Blog-Sidebar h2 {
font-size: 21px;
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.Blog-Page .Social-Blog {
padding: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 4px solid #8fb569;
margin:40px 0px;
}
.Blog-Page .Social-Blog ul li a {
height: 50px;
width: 50px;
text-align: center;
background: #062a4d;
line-height: 50px;
margin-right: 2px;
display: inline-block;
color: #ffffff;
margin-bottom: 5px;
}
.Blog-Page .Social-Blog ul li a:hover {
background:#cc273b;
}
.Blog-Page .Social-Blog ul li {
list-style-type: none;
display: inline-block;
}
.Blog-Page .Social-Blog h3 {
font-size: 21px;
margin-bottom: 30px;
position: relative;
display: inline-block;
}
/*----------Contact-Page-----------*/
.Contact-Page {
padding:100px 0px;
}
.Contact-Page .Contact-Box-01 {
text-align:center;
}
.Contact-Page .Contact-Box-01 .IMG {
height: 100px;
width: 100px;
margin: 0 auto;
background: #2f3d77;
padding-top: 26px;
}
.Contact-Page .Contact-Box-01 img {
width:50px;
}
.Contact-Page .Contact-Box-01 h4 {
font-size: 25px;
color: #223645;
font-weight: 600;
margin: 20px 0px 20px;
}
/*----------Contact-Page-Form--------*/
.Contact-Page-Form {
padding:100px 0px 60px ;
background: #f4f9fc;
}
.Contact-Page-Form .controls .form-group input {
background: #ffffff;
height: 80px;
width: 100%;
padding: 0 80px;
padding-right: 30px;
border: 0;
color: #aab5ca;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.Contact-Page-Form .controls .form-group::before {
position: absolute;
font-weight: 700;
display: inline-block;
font-size: 14px;
text-align: center;
left: 45px;
color: #756563;
top: 29px;
z-index: 99;
}
.Contact-Page-Form .controls .User-Icon::before {
content: "\f2c0";
font-family: "FontAwesome";
}
.Contact-Page-Form .controls .Subject-Icon::before {
content: "\f044";
font-family: "FontAwesome";
}
.Contact-Page-Form .controls .Phone-Icon::before {
content: "\f095 ";
font-family: "FontAwesome";
}
.Contact-Page-Form .controls .Email-Icon::before {
content: "\f003";
font-family: "FontAwesome";
}
.Contact-Page-Form .controls .Message-Icon::before {
content: "\f0e0";
font-family: "FontAwesome";
}
.Contact-Page-Form .controls .form-group textarea {
color: #aab5ca;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
height: 300px;
width: 100%;
padding: 30px 80px;
border: 0;
}
.btn-icon {
border-radius: 33px;
padding-left: 80px;
padding-right: 50px;
padding-top: 20px;
padding-bottom: 20px;
background-color: rgb(204 39 59);
box-shadow: 0px 8px 16px 0px rgb(225 36 84 / 20%);
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
color: #fff;
font-weight: 600;
outline: none;
}
.Read-More-Btn span {
position: absolute;
left: 5px;
text-align: center;
width: 50px;
height: 50px;
top: 5px;
line-height: 50px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.Contact-Page-Form .Read-More-Btn {
display: table;
margin: 35px auto;
}
.Contact-Page-Form .Text-Center .Heading-Inner img {
width: 143px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -56px;
}
/*---------Gallery-Page-----------*/
.Gallery-Page {
padding:100px 0px;
}
/*----------Services-Page------------*/
.Services-Page {
padding:100px 0px;
}
.Services-Page .Service-Inner-Box {
text-align: center;
padding: 35px 20px;
border: 1px solid #f4f4f4;
background: #fff;
transition: .4s;
margin-bottom: 30px;
}
.Services-Page .Service-Inner-Box:hover {
background-color: rgb(255, 255, 255);
box-shadow: 0px 16px 32px 0px rgb(196 203 255 / 30%);
}
.Services-Page .Service-Inner-Box img {
margin: 0 auto 25px;
width: 100px;
}
.Services-Page .Service-Inner-Box h4 {
font-size: 22px;
margin: 25px 0px 20px;
font-weight: 600;
}
.Services-Page .Service-Inner-Box h4 a {
text-decoration: none;
color: #2f3d77;
}
.Services-Page .Service-Inner-Box .Know-More {
text-decoration:none;
color:#2f3d77;
}
.Services-Page .Service-Inner-Box .Know-More:hover {
text-decoration:none;
color:red;
}
.Single-Doctor-Page .Heading-Box .Bottom-30 {
margin-bottom: 20px;
}
.Single-Doctor-Page .Heading-Box h4 {
margin-bottom: 30px;
}
.Single-Doctor-Page .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 42px;
letter-spacing: 0px;
line-height: 50px;
font-weight: 700;
}
.Points .Icon {
float:left;
}
.Points .Icon .fa {
color: #e91e63;
font-size: 18px;
padding-top: 3px;
}
.Points .Info {
margin-left:30px;
}
.Points .Info p {
color: #e91e63;
font-weight: 400;
font-style: italic;
}
.Doctor-Home .owl-theme .owl-nav {
display:none;
}
.Red-Clr {
color:red;
font-weight:400;
font-style:italic;
}
.List-Btm-Adj {
margin-bottom:30px;
}
.F-Strip-List .Last-No:after {
position: absolute;
content: "|";
padding-left: 6px;
color: #9aacbb;
display:none;
}
/*------Doctor-Department-Page-----------*/
.Doctor-Department-Page {
padding:100px 0px;
}
.Doctor-Department-Page #accordion .panel{
border-radius: 0px;
box-shadow: none;
margin-bottom: 0px;
border: 1px solid #ddd;
}
.Doctor-Department-Page #accordion .panel-heading{
padding: 0;
border: none;
border-radius: 3px;
}
.Doctor-Department-Page #accordion .panel-title a{
display: block;
padding: 15px 15px;
background: #fff;
font-size: 16px;
font-weight: 400;
color: #2f3d77;
box-shadow: 0 0 10px rgb(0 0 0 / 5%);
position: relative;
transition: all 0.5s ease 0s;
text-decoration: none;
text-transform: uppercase;
}
.Doctor-Department-Page .panel-group .panel+.panel {
margin-top: 0px;
}
.Doctor-Department-Page #accordion .panel-title a.collapsed{
box-shadow: none;
color: #676767;
}
.Doctor-Department-Page #accordion .panel-title a:before,
.Doctor-Department-Page #accordion .panel-title a.collapsed:before{
content: "\f067";
font-family: "FontAwesome";
width: 25px;
height: 25px;
line-height: 28px;
font-size: 15px;
font-weight: 500;
color: #cc273b;
text-align: center;
position: absolute;
top: 8px;
right: 15px;
transform: rotate(135deg);
transition: all 0.3s ease 0s;
}
.Doctor-Department-Page #accordion .panel-title a.collapsed:before{
color:#2f3d77;
transform: rotate(0);
}
.Doctor-Department-Page #accordion .panel-title a:after{
content: "";
width: 1px;
height: 100%;
background: #ececec;
position: absolute;
top: 0;
right: 55px;
}
.Doctor-Department-Page #accordion .panel-body{
padding: 25px 5px 5px;
border: none;
font-size: 15px;
color: #615f5f;
line-height: 27px;
}
.Doctor-Department-Page .Information {
border: 1px solid #ddd;
border-top: none;
padding: 20px 20px;
text-align: center;
box-shadow: 0px 0px 4px 2px #ccc;
}
.Doctor-Department-Page .Information h4 {
font-size: 16px;
text-transform: uppercase;
color: #2f3d77;
padding-bottom: 10px;
text-align: center;
}
.Doctor-Department-Page .Information h5 {
font-size: 15px;
text-align: center;
font-weight: 500;
margin-bottom: 12px;
color: #cc273b;
}
.Doctor-Department-Page .Information h6 {
text-transform: capitalize;
font-size: 14px;
}
.Doctor-Department-Page .Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -50px;
width: 150px;
}
.Doctor-Department-Page .Inner-Doctor img {
border: 1px solid #ddd;
}
.padding-0 {
padding-left:10px;
padding-right:10px;
}
.Doctor-Department-Page .Inner-Doctor {
margin-bottom:30px;
}
.Doctor-Department-Page #accordion .panel-title a .fa {
margin-right: 10px;
background: #cc273b;
padding: 5px 6px;
color: #fff;
}
/*------Line-Btn--------*/
.Line-Btn {
display: block;
width: 65px;
border: 1px solid #cc273b;
margin: 8px auto 25px;
}
.clock-Icon {
border: 0px solid #ddd !important;
width: 30px;
margin: 14px auto 14px;
}
.Inner-Doctor .Information p {
margin-bottom: 0px;
}
/*-----------Service-New-Box--------------*/
.Service-New-Box .box{
background: #8e1221;
overflow: hidden;
position: relative;
}
.Service-New-Box .box img{
width: 100%;
height: auto;
transform: scale(1.5);
transform-origin: right center;
transition: all 0.7s ease 0s;
}
.Service-New-Box .box:hover img{
opacity: 0.7;
transform: translateX(50px) scale(1.2);
}
.Service-New-Box {
margin-bottom:35px;
}
.Service-New-Box .box .box-content{
background: #fff;
text-align: center;
width: 92%;
padding: 15px;
box-shadow: 0 0 20px rgb(0 0 0 / 90%);
opacity: 0;
transform-origin: left center;
transform: translateX(-100%) translateY(-50%) scale(0);
position: absolute;
top: 50%;
left: 50%;
transition: all 0.7s ease 0s;
height: 235px;
padding-top: 32px;
}
.Service-New-Box .box:hover .box-content{
opacity: 1;
transform: translateX(-50%) translateY(-50%) scale(1);
}
.Service-New-Box .box .title{
color: #2f3d77;
font-size: 21px;
font-weight: 600;
letter-spacing: 0px;
text-transform: uppercase;
margin: 0 0 5px;
}
.Service-New-Box .box .title:after{
content: '';
height: 2px;
width: 55px;
margin: 14px auto 15px;
border-bottom: 2px solid #cc273b;
display: block;
clear: both;
}
.Service-New-Box .box .post{
color: #555;
/* font-size: 15px; */
margin: 0 0 15px;
display: block;
line-height: 20px;
padding: 4px 10px 0px;
}
.Service-New-Box .box .icon{
padding: 0;
margin: 0;
list-style: none;
}
.Service-New-Box .box .icon li{
margin: 0 4px;
display: inline-block;
}
.Service-New-Box .box .icon li a{
color: #fff;
background-color: #cc273b;
font-size: 13px;
text-align: center;
line-height: 28px;
height: 27px;
width: 27px;
display: block;
transition: all 0.3s ease 0s;
}
.Service-New-Box .box .icon li a:hover{
box-shadow: -3px -3px 0 rgba(0,0,0,0.3);
border-radius: 0 0 50% 0;
}
@media only screen and (max-width:990px){
.Service-New-Box .box {
margin: 0 0 0px;
}
}
.Service-New-Box .Subtitle-Service {
border: 1px solid #c5c5c5;
width: 100%;
display: table;
padding: 15px 0px;
text-align: center;
border-top: none;
font-size: 18px;
color: #2f3d77;
text-transform: uppercase;
text-decoration: none;
}
.Service-New-Box:hover .Subtitle-Service {
color:red;
}
/*----------------*/
.About-Us-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 38px;
letter-spacing: 1px;
line-height: 41px;
font-weight: 700;
}
.Breadcums .Size-Word h1 {
font-size: 36px;
font-family: 'Poppins', sans-serif;
color: #fff;
margin-top: 0px;
font-weight: 600;
}
/*------TPA0-List-Page--------*/
.TPA-List-Page {
padding:100px 0px;
}
.TPA-List-Page .TPA-Box {
margin-bottom: 40px;
}
.TPA-List-Page .Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -60px;
width: 150px;
}
.H-About-Content .Bold-Text {
font-weight: 500;
font-size: 17px;
color: #e63141;
}
/*-------------Laptop-View-Responsive-----------------*/
@media only screen and (max-width:1200px) {
.Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 40px;
letter-spacing: 1px;
line-height: 50px;
font-weight: 700;
}
.Heading-Box {
margin-bottom: 35px;
}
.Left-Side-Adj {
margin-left: 60px;
}
.Heading-Box h5 {
font-size: 18px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #e12454;
margin-bottom: 18px;
}
.Read-More-Btn a {
border-radius: 33px;
padding-left: 60px;
padding-right: 35px;
padding-top: 16px;
padding-bottom: 16px;
background-color: rgb(204 39 59);
box-shadow: 0px 8px 16px 0px rgb(225 36 84 / 20%);
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
color: #fff;
font-weight: 600;
outline: none;
}
.Read-More-Btn span {
position: absolute;
left: 5px;
text-align: center;
width: 42px;
height: 42px;
top: 5px;
line-height: 42px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.About-Us-Home .Hospital-Profile a {
line-height: 1;
padding: 26px 32px;
font-size: 24px;
display: inline-block;
position: absolute;
right: auto;
bottom: -13%;
left: 5%;
z-index: 1;
color: #fff;
background: #2f3d77;
text-decoration: none;
font-weight: 700;
}
.About-Us-Home {
padding: 90px 0px 80px;
}
.Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -60px;
width: 18%;
}
.Services-Home .Service-Main-Box .Service-Icon img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
width: 110px;
}
.Services-Home .Service-Main-Box .Service-Info h5 {
letter-spacing: 2px;
text-transform: uppercase;
color: #8fb569;
margin-bottom: 18px;
font-size: 15px;
}
.Services-Home .Service-Main-Box .Service-Info h2 {
font-size: 32px;
margin-bottom: 18px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.Services-Home .Service-Main-Box .Service-Info h2 a {
padding-bottom: 20px;
display: block;
position: relative;
text-decoration: none;
color: #223645;
}
.Services-Home .Service-Main-Box .Service-Info .Read-More {
color: #9ca8b6;
font-weight: 500;
text-decoration: none;
margin-bottom: 0px;
font-size: 14px;
margin-top: 20px;
display: table;
}
.Services-Home .Service-Main-Box .Service-Number h1 {
position: absolute;
top: 0;
right: 30px;
font-size: 180px;
color: #f7f7ff;
letter-spacing: 1px;
font-weight: 600;
}
.Services-Home {
background: #f4f9fc;
padding: 100px 0px 80px;
}
.Doctor-Home .Heading-Box {
margin-bottom: 80px;
}
.Doctor-Home {
padding: 135px 0px 70px;
}
.Facility-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
margin-top: 0px;
font-size: 44px;
letter-spacing: 1px;
line-height: 60px;
font-weight: 700;
}
.tab .nav-tabs li a {
width: 235px;
padding: 20px 15px;
color: #444;
background: #e8ebec;
/* font-size: 18px; */
font-weight: 600;
letter-spacing: 0px;
text-transform: uppercase;
margin-right: 0px;
border: none;
border-radius: 0;
overflow: hidden;
z-index: 1;
position: relative;
transition: all 0.3s ease 0s;
}
.tab .tab-content h3 {
font-weight: 600;
margin-top: 0;
text-transform: capitalize;
margin-bottom: 10px;
color: #223645;
font-size: 22px;
}
.Facility-Tab .tab-pane .line {
display: block;
border: 1px solid #e91e63;
width: 50px;
margin-bottom: 20px;
}
.CENTER-ADJ {
margin: 15px auto 0px;
border: 1px solid #d0d0d0;
padding: 2px;
}
.Hospital-Numbers {
padding: 20px 20px;
border-radius: 12px;
border: 2px solid #dfe5e9;
margin-bottom: 30px;
text-align: center;
}
.Why-choose .Why-Box {
padding-left: 30px;
padding-right: 30px;
padding-top: 90px;
padding-bottom: 100px;
display: table;
}
.Why-Bottom .Rightside-IMG .Inner-Video .Hospital-Icon img {
text-align: center;
margin: 0 auto;
padding-top: 12px;
width: 50px;
}
.Why-Bottom .Rightside-IMG .Inner-Video .Hospital-Icon {
width: 90px;
height: 90px;
background: #cc273b;
position: relative;
padding: 10px;
border-radius: 50%;
margin-left: -50px;
margin-top: -40%;
}
.Why-Bottom .Rightside-IMG .Inner-Video a img {
text-align: center;
margin: 0 auto;
padding-top: 48%;
z-index: 999;
display: table;
position: relative;
width: 50%;
}
.Blog-Home {
padding: 130px 0px 80px;
background-color: #f7f9fe;
}
.Home-Gallery {
padding: 100px 0px 30px;
}
.Testimonial {
padding: 85px 0px 75px;
}
.Footer {
padding: 75px 0px 70px;
background: #13232f;
position: relative;
}
.Footer-Box .F-C-Box .Icon img {
width: 30px;
}
.Footer-Box .F-C-Box .Info {
margin-left: 45px;
}
.Footer-Box .Social-Icon li a .fa {
background: #cc273b;
padding: 6px 9px;
color: #fff;
}
}
/*------------Mini-Laptop-View-Responsive-----------------*/
@media only screen and (max-width:992px) {
.Hide-Adj {
display: none !important;
}
.Facility-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
margin-top: 0px;
font-size: 40px;
letter-spacing: 1px;
line-height: 55px;
font-weight: 600;
}
.tab .nav-tabs li a img {
float: left;
width: 45px;
}
.tab .tab-content {
letter-spacing: 0px;
line-height: 30px;
padding: 45px 0px;
position: relative;
width: 100%;
margin: 0 auto;
}
.Facility-Tab {
padding-bottom: 50px;
}
.Team-box {
text-align: center;
margin-bottom: 35px;
}
.Team-box .Doctor-Img a {
position: absolute;
top: 0;
height: 42px;
width: 42px;
border-radius: 50%;
background-color: #e12454;
box-shadow: none;
font-size: 15px;
font-weight: 500;
line-height: 42px;
right: 70px;
color: #fff;
text-decoration: none;
}
.Doctor-Home {
padding: 110px 0px 20px;
}
.Services-Home .Service-Main-Box .Service-Icon img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
width: 85px;
}
.Services-Home .Service-Main-Box .Service-Info h2 a {
padding-bottom: 18px;
display: block;
position: relative;
text-decoration: none;
color: #223645;
}
.Services-Home .Service-Main-Box .Service-Info h2 {
font-size: 28px;
margin-bottom: 18px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.Services-Home .Service-Main-Box .Service-Number h1 {
position: absolute;
top: 0;
right: 30px;
font-size: 132px;
color: #f7f7ff;
letter-spacing: 0px;
font-weight: 600;
}
.Services-Home .Service-Main-Box {
padding: 40px 32px 35px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 16px 32px 0px rgb(196 203 255 / 30%);
margin-bottom: 30px;
}
.Services-Home .Center-Adj a {
margin-top: 25px;
}
.Services-Home {
background: #f4f9fc;
padding: 100px 0px 60px;
}
.Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 36px;
letter-spacing: 1px;
line-height: 44px;
font-weight: 700;
}
.Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 36px;
letter-spacing: 1px;
line-height: 44px;
font-weight: 700;
}
.About-Us-Home {
padding: 80px 0px 40px;
}
.Leftside-IMG {
position: static !important;
width: 100% !important;
height: 100%;
background-repeat: no-repeat;
min-height: 500px;
}
.Why-choose .Why-Bottom .Rightside-IMG {
position: inherit;
width: 100%;
height: 100%;
background-repeat: no-repeat;
min-height: 500px;
}
.Why-Bottom .Rightside-IMG .Inner-Video .Hospital-Icon {
display:none;
}
.Why-Bottom .Rightside-IMG .Inner-Video a img {
text-align: center;
margin: 0 auto;
padding-top: 20%;
z-index: 999;
display: table;
position: relative;
width: 30%;
}
.Hospital-Numbers {
padding: 20px 15px;
border-radius: 0px;
border: 1px solid #dfe5e9;
margin-bottom: 30px;
text-align: center;
}
.Hospital-Numbers .icon img {
text-align: center;
margin: 0 auto;
padding-top: 16px;
}
.Hospital-Numbers .icon {
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
border-radius: 50%;
margin-bottom: 20px;
background: rgba(225, 36, 84, 0.10);
}
.Hospital-Numbers .counter-value {
color: #cc273b;
font-size: 42px;
font-weight: 600;
margin: 0px auto 20px;
display: table;
}
.Why-choose .Why-Box {
padding-left: 30px;
padding-right: 30px;
padding-top: 50px;
padding-bottom: 20px;
display: table;
}
.Blog-Home .Inner-Box {
padding: 0;
border: 5px solid #fff;
background-color: #fff;
-webkit-transition: all .3s ease 0s;
-moz-transition: all .3s ease 0s;
-ms-transition: all .3s ease 0s;
-o-transition: all .3s ease 0s;
transition: all .3s ease 0s;
position: relative;
overflow: hidden;
}
.Content-Blog h4 {
font-weight: 600;
font-size: 17px;
}
.Blog-Home .Blog-Box .Inner-Box .Date {
position: absolute;
display: inline-block;
bottom: 6px;
background-color: #fff;
width: 54px;
height: 60px;
text-align: center;
border-bottom: 1px solid #000;
color: #2d4a8a;
font-size: 13px;
line-height: 24px;
font-weight: 500;
left: 10px;
z-index: 1;
}
.Blog-Home .Blog-Box .Inner-Box .Date span {
display: block;
font-size: 18px;
padding: 3px 0 4px;
color: #fff;
background-color: #cc273b;
}
.Content-Blog {
background: #fff;
padding: 20px 10px;
}
.Blog-Home {
padding: 100px 0px 60px;
background-color: #f7f9fe;
}
.Home-Gallery .Box {
margin-bottom: 30px;
}
}
/*-------------Tab-View-Responsive-----------------*/
@media only screen and (max-width:768px) {
.Home-Gallery {
padding: 50px 0px 30px;
}
.Top-Bar .T-Right {
float: none;
margin: 0 auto;
display: table;
}
.Hide-Mobile {
display:none !important;
}
/*---------Top-Bar---------*/
.Top-Bar p {
text-align: center;
color: #fff;
padding-bottom: 0px;
font-weight: 400;
font-size: 15px;
}
.Top-Box {
float: none;
margin: 0 auto;
display: table;
}
.Top-Box ul li {
list-style-type: none;
display: inline;
float: left;
margin-right: 25px;
color: #fff;
}
.Left-Side-Adj {
margin-left: 0px;
}
.About-Us-Home .Hospital-Profile {
position: relative;
margin-bottom: 160px;
}
.Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 30px;
letter-spacing: 1px;
line-height: 30px;
font-weight: 600;
}
.Heading-Box h5 {
font-size: 16px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #e12454;
margin-bottom: 16px;
}
.Read-More-Btn a {
border-radius: 33px;
padding-left: 50px;
padding-right: 15px;
padding-top: 14px;
padding-bottom: 14px;
background-color: rgb(204 39 59);
box-shadow: 0px 8px 16px 0px rgb(225 36 84 / 20%);
font-size: 14px;
letter-spacing: 0px;
text-transform: uppercase;
position: relative;
color: #fff;
font-weight: 600;
outline: none;
}
.Read-More-Btn span {
position: absolute;
left: 5px;
text-align: center;
width: 35px;
height: 35px;
top: 7px;
line-height: 35px;
background: #fff;
transition: .3s;
font-size: 20px;
font-weight: 600;
color: #223645;
border-radius: 100%;
}
.About-Us-Home {
padding: 45px 0px 5px;
}
.About-Us-Home .Hospital-Profile a {
line-height: 1;
padding: 25px 26px;
font-size: 22px;
display: inline-block;
position: absolute;
right: auto;
bottom: -12%;
left: 5%;
z-index: 1;
color: #fff;
background: #2f3d77;
text-decoration: none;
font-weight: 600;
}
.Services-Home {
background: #f4f9fc;
padding: 90px 0px 40px;
}
.Services-Home .Service-Main-Box .Service-Icon img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
width: 65px;
}
.Services-Home .Service-Main-Box .Service-Info h5 {
letter-spacing: 1px;
text-transform: uppercase;
color: #8fb569;
margin-bottom: 15px;
font-size: 15px;
}
.Services-Home .Service-Main-Box .Service-Info h2 {
font-size: 25px;
margin-bottom: 25px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.Services-Home .Service-Main-Box .Service-Number h1 {
position: absolute;
top: 0;
right: 40px;
font-size: 100px;
color: #f7f7ff;
letter-spacing: 0px;
font-weight: 700;
}
.Services-Home .Center-Adj a {
margin-top: 20px;
}
.Doctor-Home .Heading-Box {
margin-bottom: 45px;
}
.Team-box {
text-align: center;
margin-bottom: 35px;
width: 80%;
margin: 0 auto 50px;
}
.Team-box .Doctor-Img a {
position: absolute;
top: 0;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #e12454;
box-shadow: none;
font-size: 15px;
font-weight: 500;
line-height: 42px;
right: 135px;
color: #fff;
text-decoration: none;
}
.Team-box .Team-Info h3 {
margin-bottom: 12px;
font-size: 22px;
letter-spacing: 0px;
font-weight: 600;
}
.Doctor-Home {
padding: 80px 0px 0px;
}
.Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -38px;
width: 18%;
}
.Facility-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
margin-top: 0px;
font-size: 30px;
letter-spacing: 0px;
line-height: 36px;
font-weight: 600;
}
.tab .nav-tabs li a {
width: 250px;
padding: 16px 15px;
color: #444;
background: #e8ebec;
font-size: 18px;
font-weight: 500;
letter-spacing: 0px;
text-transform: uppercase;
margin-right: 0px;
border: none;
border-radius: 0;
overflow: hidden;
z-index: 1;
position: relative;
transition: all 0.3s ease 0s;
}
.Facility-Tab .nav-tabs>li {
float: none;
margin-bottom: -1px;
}
.Facility-Tab .Fac-Box {
padding: 12px 10px;
text-align: center;
margin: 25px auto 0px;
}
.Facility-Tab .tab-pane .line {
display: block;
border: 1px solid #e91e63;
width: 50px;
margin-bottom: 20px;
margin: 15px auto 30px;
}
.Why-choose .Why-Box {
padding-left: 15px;
padding-right: 15px;
padding-top: 40px;
padding-bottom: 10px;
display: table;
}
.Point-Box .Icon .fa {
width: 25px;
height: 25px;
line-height: 22px;
text-align: center;
border-radius: 50%;
color: #2f3d77;
border: 2px solid #2f3d77;
font-size: 12px;
transition: .4s;
}
.Point-Box .Info {
margin-left: 50px;
}
.Why-choose .Why-Bottom .Rightside-IMG {
position: inherit;
width: 100%;
height: 100%;
background-repeat: no-repeat;
min-height: 335px;
}
.Hospital-Numbers .counter-value {
color: #cc273b;
font-size: 36px;
font-weight: 600;
margin: 0px auto 18px;
display: table;
}
.Blog-Home .Blog-Box .Inner-Box .Date span {
display: block;
font-size: 18px;
padding: 5px 0 5px;
color: #fff;
background-color: #cc273b;
}
.Blog-Home .Blog-Box .Inner-Box .Date {
position: absolute;
display: inline-block;
bottom: 10px;
background-color: #fff;
width: 60px;
height: 65px;
text-align: center;
border-bottom: 1px solid #000;
color: #2d4a8a;
font-size: 14px;
line-height: 24px;
font-weight: 500;
left: 10px;
z-index: 1;
}
.Content-Blog h4 {
font-weight: 600;
font-size: 18px;
}
.Content-Blog .Comment {
padding: 7px 10px;
margin-top: 18px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-bottom: 18px;
}
.Blog-Home .Blog-Box {
position: relative;
margin-bottom: 30px;
}
.Blog-Home {
padding: 70px 0px 14px;
background-color: #f7f9fe;
}
.Content-Blog {
background: #fff;
padding: 20px 20px;
}
.Home-Gallery .button {
margin-bottom: 16px;
transition: all .2s ease-in-out;
-webkit-appearance: none;
border-radius: 0;
font-family: inherit;
background: none;
font-weight: 600;
cursor: pointer;
outline: none;
color: #312f2f;
font-size: 16px;
padding: 6px 20px;
text-transform: uppercase;
border: 1px solid #ddd;
margin-right: 10px;
}
.Home-Gallery .buttons {
padding: 0px 0 0px;
margin: 0 auto 30px;
display: table;
text-align: center;
transition: .4s;
border-radius: 50%;
padding: 14px;
height: 70px;
width: 72px;
margin: 0 auto 30px;
}
.Testimonial {
padding: 20px 0px 50px;
}
.testi .testimonial-item .Quote {
/* width: 60px; */
background-color: rgb(47 61 119);
box-shadow: 0px 16px 32px 0px rgb(47 61 119 / 36%);
transition: .4s;
border-radius: 50%;
padding: 14px;
height: 70px;
width: 72px;
margin: 0 auto 30px;
}
.star-rating label {
color: #ff9800;
cursor: pointer;
font-size: 18px;
}
.testimonial-item h4 {
font-size: 21px;
line-height: 1.4;
margin-bottom: 15px;
color: #223645;
font-weight: 600;
}
.testimonial-item .client-quote {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #647589;
margin: 31px auto 50px;
}
.client-info .IMG img {
width: 70px !important;
}
.client-info .Info h4 {
font-size: 18px;
line-height: 1.4;
margin-bottom: 8px;
color: #223645;
font-weight: 600;
}
.client-info .Info {
margin-left: 85px;
text-align: left;
padding-top: 10px;
}
.Footer-Box .F-Logo {
width: 45%;
margin-bottom: 1px;
border-radius: 0px;
background: #fff;
padding: 5px 10px;
}
.Footer-Box .Social-Icon {
margin-top: 25px;
}
.Footer-Box .Footer-Bottom {
margin-bottom: 20px !important;
margin-top: 40px;
}
.Footer .Footer-Box .Footer-Title h1 {
font-size: 22px;
color: #fff;
}
.Footer-Box .Our-Service .F-S-Icon li {
float: left;
width: 100%;
margin-bottom: 12px;
}
.Footer-Box .F-C-Box .Icon img {
width: 26px;
}
.Footer-Box .F-C-Box .Info {
margin-left: 38px;
}
.Footer {
padding: 60px 0px 30px;
background: #13232f;
position: relative;
}
.About-Us-Home .Hospital-Profile .Small_IMG {
position: absolute;
bottom: -60px;
right: 0;
}
.Breadcums .Breadcums-Box h1 {
font-size: 30px;
font-family: 'Poppins', sans-serif;
color: #fff;
margin-top: 0px;
font-weight: 600;
}
.Breadcums .Breadcums-Box h5 {
color: #647589;
font-size: 16px;
font-weight: 500;
padding-bottom: 12px;
}
.Breadcums-List {
padding-top: 25px;
float: none;
}
.Breadcums-List ul li a {
text-decoration: none;
color: #bfbebe;
font-size: 14px;
font-weight: 400;
}
.Breadcums-List ul .Active {
font-size: 14px;
font-weight: 400;
}
.Breadcums {
padding: 60px 0px;
background-repeat: no-repeat;
background-image: url(../images/Slider-02.jpg);
position: relative;
text-align: center;
}
.About-Hospital-Page {
padding: 45px 0px 10px;
}
.About-Hospital-Page .Heading-Box .Bottom-30 {
margin-bottom: 20px;
font-size: 28px;
}
.Heading-Box h5 {
font-size: 15px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #e12454;
margin-bottom: 15px;
}
.About-Hospital-Page .Hospital-Profile img {
transition: all 0.3s ease-out 0s;
margin: 0 auto 40px;
border: 1px solid #ddd;
padding: 5px;
border-radius: 3px;
}
.About-Hospital-Page .Heading-Box img {
width:80px;
}
.About-Hospital-Page .Hospital-Main {
padding: 0px 0px 0px 0px;
}
.Mission-Box .Img {
width: 30px;
}
.H-About-Content .Mission-Box .Content h4 {
Font-size: 20px;
margin-bottom: 12px;
color: #223645;
margin-top: 0px;
font-weight: 500;
}
.H-About-Content .Mission-Box .Content {
margin-left: 45px;
}
.Single-Doctor-Page .Doctor-IMG-Box h4 {
font-size: 22px;
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 28px;
font-weight: 600;
margin-bottom: 15px;
}
.Single-Doctor-Page .Doctor-IMG-Box h5 {
letter-spacing: 1px !important;
color: #e12454;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
margin-bottom: 15px;
}
.Single-Doctor-Page .Doctor-IMG-Box ul li a {
font-size: 14px;
color: #a0aab1;
}
.Single-Doctor-Page .Doctor-IMG-Box {
padding: 30px 15px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 3px solid #8fb569;
text-align: center;
margin-top: 20px;
}
.Single-Doctor-Page {
padding: 40px 0px 10px;
}
.Heading-Box img {
width: 100px;
}
.Heading-Box .Bottom-30 {
margin-bottom: 20px;
}
.Single-Service-Page .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 26px;
letter-spacing: 0px;
line-height: 60px;
font-weight: 600;
}
.Text-Left .Heading-Inner {
text-align: center !important;
margin-bottom: 5px;
}
.Text-Left img {
width: 100px;
margin: 0 auto !important;
}
.Single-Service-Page .Service-Details-Box {
padding: 50px 0px 30px;
}
.Subtitle {
font-size: 18px;
padding-bottom: 15px;
font-style: italic;
color: #1c2e3c;
padding-top: 15px;
}
.Sidebar h2 {
font-size: 26px;
margin-bottom: 20px;
font-weight: 500;
}
.Sidebar {
padding: 15px 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 3px solid #8fb569;
padding-top: 35px;
margin-bottom: 35px;
}
.Sidebar .S-List-Box .Icon img {
width: 30px;
}
.Sidebar .S-List-Box .Info p {
font-size: 15px;
font-weight: 500;
color: #223645;
text-transform: uppercase;
letter-spacing: 1px;
margin-left: 20px;
transition: .4s;
padding-top: 4px;
}
.Sidebar .S-List-Box .Info {
margin-left: 25px;
}
.Sidebar .S-List-Box {
border-bottom: 2px solid #f2edff;
padding: 10px 0px 0px;
}
.S-C-Box .Inner-Box h2 {
font-size: 26px;
font-weight: 600;
line-height: 36px;
margin: 5px auto 36px;
color: #fff;
position: relative;
}
.S-C-Box .Inner-Box h5 {
font-size: 16px;
font-weight: 500;
padding-bottom: 25px;
color: #ddd;
position: relative;
}
.S-C-Box .Inner-Box {
text-align: center;
padding: 10px 0px;
}
.Single-Service-Page {
padding: 50px 0px 45px;
}
.S-C-Box {
padding: 50px 20px 20px;
}
.Single-Service-Page .Text-Left {
margin-bottom: 30px;
}
.Blog-Page {
padding: 40px 0px 0px;
}
.Blog-Page .Blog-Details-Box .Blog-Date span {
font-size: 12px;
letter-spacing: 0px;
font-weight: 400;
text-transform: uppercase;
color: #6f7172;
margin-right: 10px;
}
.Blog-Page .Blog-Details-Box .Blog-Date {
padding: 15px 0px 20px;
}
.Blog-Page .Blog-Information .Blog-Title {
font-size: 20px;
line-height: 1.3;
margin-bottom: 20px;
color: #223645;
margin-top: 0px;
font-weight: 500;
}
.Blog-Page .Blogger-Box h2 {
margin-bottom: 20px;
font-weight: 500;
color: #223645;
font-size: 20px;
}
.Blog-Page .Blogger-Box {
padding: 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 3px solid #8fb569;
margin-top:20px;
}
.Blog-Page .Blogger-Box h3 {
font-size: 17px;
letter-spacing: 0px;
color: #223645;
margin-top: 10px;
font-weight: 500;
margin-bottom: 10px;
}
.Blog-Page .Blogger-Box img {
border-radius: 50%;
margin: 0 auto 25px;
width: 115px;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Icon img {
width: 70px;
height: 70px;
border-radius: 50%;
margin-right: 10px;
}
.Blog-Page .Blog-Sidebar {
padding: 25px 20px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 3px solid #8fb569;
margin: 35px 0px 20px;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Info {
margin-left: 85px;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box .Info h5 {
margin-bottom: 10px;
font-size: 16px;
line-height: 1.3;
font-weight: 500;
color: #223645;
}
.Blog-Page .Blog-Sidebar h2 {
font-size: 19px;
margin-bottom: 10px;
position: relative;
display: inline-block;
}
.Blog-Page .Blog-Sidebar .Blog-List-Box {
border-bottom: 1px solid #eaedff;
padding: 25px 0;
}
.Blog-Page .Social-Blog ul li a {
height: 40px;
width: 40px;
text-align: center;
background: #062a4d;
line-height: 38px;
margin-right: 2px;
display: inline-block;
color: #ffffff;
margin-bottom: 0px;
}
.Blog-Page .Social-Blog h3 {
font-size: 20px;
margin-bottom: 25px;
position: relative;
display: inline-block;
}
.Blog-Page .Social-Blog {
padding: 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 8px 16px 0px rgb(200 183 255 / 20%);
border-top: 4px solid #8fb569;
margin: 40px 0px;
text-align: center;
}
.Contact-Page .Contact-Box-01 img {
width: 35px;
}
.Contact-Page .Contact-Box-01 .IMG {
height: 65px;
width: 65px;
margin: 0 auto;
background: #2f3d77;
padding-top: 15px;
}
.Contact-Page .Contact-Box-01 h4 {
font-size: 20px;
color: #223645;
font-weight: 500;
margin: 18px 0px 15px;
}
.Contact-Page .Contact-Box-01 {
text-align: center;
margin-bottom: 35px;
}
.Contact-Page {
padding: 50px 0px 20px;
}
.Contact-Page-Form .Text-Center .Heading-Inner img {
width: 70px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -32px;
}
.Contact-Page-Form .controls .form-group input {
background: #ffffff;
height: 50px;
width: 100%;
padding: 0 50px;
padding-right: 30px;
border: 0;
color: #aab5ca;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
.Contact-Page-Form .controls .form-group::before {
position: absolute;
font-weight: 500;
display: inline-block;
font-size: 14px;
text-align: center;
left: 35px;
color: #756563;
top: 12px;
z-index: 99;
}
.Contact-Page-Form .controls .form-group textarea {
color: #aab5ca;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
height: 200px;
width: 100%;
padding: 15px 50px;
border: 0;
}
.Contact-Page-Form .btn-icon {
border-radius: 33px;
padding-left: 50px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
background-color: rgb(204 39 59);
box-shadow: 0px 8px 16px 0px rgb(225 36 84 / 20%);
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
color: #fff;
font-weight: 600;
outline: none;
}
.Breadcums .Size-Word h1 {
font-size: 26px;
font-family: 'Poppins', sans-serif;
color: #fff;
margin-top: 0px;
font-weight: 600;
line-height: 34px;
}
/*----------------*/
.TPA-List-Page .Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -35px;
width: 80px;
}
.TPA-List-Page {
padding: 50px 0px 15px;
}
.TPA-List-Page .TPA-Box {
width: 90%;
margin: 0 auto 30px;
}
.TPA-List-Page .Text-Center .Heading-Inner .Up-Text {
position: relative;
margin-bottom: 35px;
}
}
/*-------------Mobile-View-Responsive-----------------*/
@media only screen and (max-width:480px) {
.About-Us-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 27px;
letter-spacing: 1px;
line-height: 32px;
font-weight: 600;
}
.Single-Service-Page .Service-Details-Box {
padding: 40px 0px 25px;
}
.Breadcums .Breadcums-Box h1 {
font-size: 26px;
font-family: 'Poppins', sans-serif;
color: #fff;
margin-top: 0px;
font-weight: 600;
}
.Breadcums .Breadcums-Box h5 {
color: #9c9c9c;
font-size: 15px;
font-weight: 500;
padding-bottom: 12px;
}
.Breadcums-List ul li:after {
position: absolute;
content: "|";
padding-left: 6px;
color: #bfbebe;
}
.About-Hospital-Page .Heading-Box .Bottom-30 {
margin-bottom: 18px;
font-size: 24px;
}
.Heading-Box h5 {
font-size: 14px;
font-family: 'Rubik', sans-serif;
font-weight: 500;
color: #e12454;
margin-bottom: 12px;
}
.About-Hospital-Page .Heading-Box img {
width: 75px;
}
.H-About-Content .Mission-Box .Content h4 {
Font-size: 18px;
margin-bottom: 10px;
color: #223645;
margin-top: 5px;
font-weight: 500;
}
.Mission-Box .Img {
width: 25px;
}
.H-About-Content .Mission-Box .Content {
margin-left: 35px;
}
.H-About-Content .Mission-Box {
margin-bottom: 28px;
}
.About-Us-Home .Hospital-Profile a {
line-height: 1;
padding: 16px 15px;
font-size: 17px;
display: inline-block;
position: absolute;
right: auto;
bottom: -12%;
left: 0%;
z-index: 1;
color: #fff;
background: #2f3d77;
text-decoration: none;
font-weight: 500;
}
.About-Us-Home .Hospital-Profile .Small_IMG {
position: absolute;
bottom: -75px;
right: 0;
width: 65%;
}
.About-Us-Home .Hospital-Profile .Phone-Icon img {
transition: all 0.3s ease-out 0s;
margin: 0 auto;
width: 42px;
}
.About-Us-Home .Hospital-Profile {
position: relative;
margin-bottom: 120px;
}
.Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 24px;
letter-spacing: 0px;
line-height: 28px;
font-weight: 600;
}
.Heading-Box {
margin-bottom: 25px;
}
.TPA-List-Page .SubTitle {
margin-top: 40px;
}
.Services-Home {
background: #f4f9fc;
padding: 45px 0px 35px;
}
.Text-Center .Heading-Inner img {
position: absolute;
left: 0;
right: 0;
margin: auto;
top: -15px;
width: 18%;
}
.Services-Home .Service-Main-Box .Service-Number h1 {
position: absolute;
top: 20px;
right: 35px;
font-size: 70px;
color: #f7f7ff;
letter-spacing: 0px;
font-weight: 700;
}
.Services-Home .Service-Main-Box .Service-Icon img {
max-width: 100%;
transition: all 0.3s ease-out 0s;
width: 60px;
}
.Services-Home .Service-Main-Box .Service-Info h2 a {
padding-bottom: 15px;
display: block;
position: relative;
text-decoration: none;
color: #223645;
}
.Services-Home .Service-Main-Box .Service-Info h2 {
font-size: 22px;
margin-bottom: 20px;
color: #223645;
margin-top: 0px;
font-weight: 600;
}
.Services-Home .Service-Main-Box .Service-Info h5 {
letter-spacing: 1px;
text-transform: uppercase;
color: #8fb569;
margin-bottom: 12px;
font-size: 14px;
}
.Services-Home .Service-Main-Box .Service-Info .Read-More {
color: #9ca8b6;
font-weight: 500;
text-decoration: none;
margin-bottom: 0px;
font-size: 14px;
margin-top: 10px;
display: table;
}
.Services-Home .Service-Main-Box {
padding: 35px 25px 30px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 16px 32px 0px rgb(196 203 255 / 30%);
margin-bottom: 30px;
}
.Services-Home .Center-Adj a {
margin-top: 5px;
}
.Doctor-Home {
padding: 50px 0px 0px;
}
.Team-box .Doctor-Img a {
position: absolute;
top: 0;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: #e12454;
box-shadow: none;
font-size: 15px;
font-weight: 500;
line-height: 40px;
right: 80px;
color: #fff;
text-decoration: none;
}
.Team-box {
text-align: center;
margin-bottom: 5px;
}
.Facility-Home .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #ffffff;
margin-top: 0px;
font-size: 23px;
letter-spacing: 0px;
line-height: 28px;
font-weight: 600;
}
.Facility-Home {
padding: 40px 0px 50px;
background-repeat: no-repeat;
background-image: url(../images/why-Choose-Home-03.jpg);
position: relative;
}
.tab .nav-tabs li a {
width: 250px;
padding: 10px 15px 14px;
color: #444;
background: #e8ebec;
font-size: 17px;
font-weight: 500;
letter-spacing: 0px;
text-transform: uppercase;
margin-right: 0px;
border: none;
border-radius: 0;
overflow: hidden;
z-index: 1;
position: relative;
transition: all 0.3s ease 0s;
}
.tab .nav-tabs li a img {
float: left;
width: 38px;
}
.tab .nav-tabs li a span {
margin-left: 55px;
padding-top: 5px;
display: table;
font-weight: 500;
}
.tab .nav-tabs {
border: none;
margin: -30px auto 0px;
display: table;
}
.tab .tab-content {
letter-spacing: 0px;
line-height: 30px;
padding: 30px 0px;
position: relative;
width: 100%;
margin: 0 auto;
}
.tab .tab-content h3 {
font-weight: 600;
margin-top: 0;
text-transform: capitalize;
margin-bottom: 10px;
color: #223645;
font-size: 20px;
}
.Facility-Tab {
padding-bottom: 20px;
}
.Leftside-IMG {
position: static !important;
width: 100% !important;
height: 100%;
background-repeat: no-repeat;
min-height: 360px;
}
.Point-Box .Icon .fa {
width: 25px;
height: 25px;
line-height: 20px;
text-align: center;
border-radius: 50%;
color: #2f3d77;
border: 2px solid #2f3d77;
font-size: 14px;
transition: .4s;
}
.Point-Box .Info {
margin-left: 40px;
}
.Why-choose .Why-Bottom .Rightside-IMG {
position: inherit;
width: 100%;
height: 100%;
background-repeat: no-repeat;
min-height: 250px;
}
.Hospital-Numbers .counter-value {
color: #cc273b;
font-size: 32px;
font-weight: 600;
margin: 0px auto 10px;
display: table;
}
.Hospital-Numbers .icon {
display: inline-block;
height: 70px;
width: 70px;
text-align: center;
line-height: 70px;
border-radius: 50%;
margin-bottom: 15px;
background: rgba(225, 36, 84, 0.10);
}
.Blog-Home {
padding: 45px 0px 5px;
background-color: #f7f9fe;
}
.Content-Blog h4 {
font-weight: 600;
font-size: 17px;
}
.Home-Gallery {
padding: 15px 0px 10px;
}
.Home-Gallery .buttons {
padding: 0px 0 0px;
margin: 0 auto 30px;
display: table;
text-align: center;
transition: .4s;
border-radius: 50%;
padding: 14px;
height: 70px;
width: 74px;
margin: 0 auto 10px;
}
.client-info .IMG img {
width: 60px !important;
}
.client-info .Info {
margin-left: 75px;
text-align: left;
padding-top: 2px;
}
.testimonial-item .client-quote {
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #647589;
margin: 25px auto 30px;
}
.testimonial-item h4 {
font-size: 20px;
line-height: 1.4;
margin-bottom: 10px;
color: #223645;
font-weight: 600;
}
.testi .testimonial-item .Quote {
background-color: rgb(47 61 119);
box-shadow: 0px 10px 25px 0px rgb(47 61 119 / 36%);
transition: .4s;
border-radius: 50%;
padding: 14px;
height: 65px;
width: 65px;
margin: 0 auto 25px;
}
.star-rating {
display: flex;
flex-direction: row-reverse;
font-size: 1.5em;
justify-content: space-around;
padding: 2px 0px;
text-align: center;
width: 4em;
margin: 0 auto 10px;
}
.F-Strip-List {
text-align: center;
padding-bottom: 8px;
}
.copy-Write {
float: none;
text-align: center;
padding-bottom: 35px;
}
.Top-Bar .T-Right {
float: none;
margin: 0 auto;
display: table;
text-align: center;
}
.Top-Bar .T-Location {
float: none;
text-align: center;
display: table-cell;
}
.Top-Bar .T-Right .R-Line {
border-right: 0px solid #ddd;
margin-right: 5px;
padding-right: 5px;
height: 26px;
}
.Top-Bar .T-Location .Info {
margin-left: 25px;
}
.Top-Bar .T-Location .Icon {
font-size: 15px;
color: #e6384d;
margin-left: 5px;
}
.main-nav-one .logo-box a img {
width: 180px;
}
.control-round .carousel-control {
top: 34%;
opacity: 0;
width: 40px;
height: 40px;
z-index: 100;
color: #ffffff;
display: block;
font-size: 24px;
cursor: pointer;
overflow: hidden;
line-height: 38px;
text-shadow: none;
position: absolute;
font-weight: normal;
background: transparent;
-webkit-border-radius: 100px;
border-radius: 100px;
}
#bootstrap-touch-slider .left .fa {
margin-top: 7px;
margin-right: 4px;
}
#bootstrap-touch-slider .right .fa {
margin-top: 7px;
margin-left: 4px;
}
.indicators-line > .carousel-indicators li {
padding: 5px;
width: 14px;
height: 14px;
border: 2px solid #fff;
text-indent: 0;
overflow: hidden;
text-align: left;
position: relative;
letter-spacing: 0px;
background: transparent;
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 0%;
border-radius: 50%;
margin-right: 5px;
-webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
z-index: 10;
cursor: pointer;
}
.indicators-line > .carousel-indicators .active:before {
transform: scale(0.5);
background-color:#d00a22 ;
content:"";
position: absolute;
left:-1.6px;
top:-1.6px;
width:13px;
height: 13px;
padding:2px;
border-radius: 50%;
-webkit-transition: background-color 0.3s ease;
-moz-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.side-menu__block-inner {
position: relative;
width: 100%;
margin-left: auto;
height: 100vh;
background-color: var(--thm-black);
z-index: 999999;
overflow-y: auto;
padding: 30px 0;
padding-top: 60px;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
align-content: space-between;
}
.mobile-nav__container li a {
text-transform: uppercase;
color: #fff;
font-size: 15px;
font-weight: 500;
display: block;
padding: 10px 0;
padding-left: 30px;
padding-right: 30px;
border-left: 3px solid transparent;
-webkit-transition: all 500ms ease;
transition: all 500ms ease;
position: relative;
text-decoration: none;
}
.Mobile-Hide {
display:none !important;
}
.Team-box .Team-Info h3 {
margin-bottom: 12px;
font-size: 20px;
letter-spacing: 0px;
font-weight: 500;
}
.Services-Page {
padding: 50px 0px 25px;
}
.Services-Page .Service-Inner-Box img {
margin: 0 auto 20px;
width: 85px;
}
.Services-Page .Service-Inner-Box h4 {
font-size: 20px;
margin: 20px 0px 18px;
font-weight: 500;
}
.Services-Page .Service-Inner-Box {
text-align: center;
padding: 30px 20px;
border: 1px solid #f4f4f4;
background: #fff;
transition: .4s;
margin-bottom: 30px;
width: 92%;
margin: 0 auto 30px;
}
.Single-Doctor-Page .Heading-Box h1 {
font-family: 'Poppins', sans-serif;
color: #223645;
margin-top: 0px;
font-size: 26px;
letter-spacing: 0px;
line-height: 30px;
font-weight: 600;
}
.Single-Doctor-Page .Heading-Box h4 {
margin-bottom: 20px;
font-size: 15px;
line-height: 20px;
}
.Single-Doctor-Page .Heading-Box .Bottom-30 {
margin-bottom: 10px;
}
.Breadcums::before, .Breadcums::before {
background: linear-gradient(
-90deg
, rgb(14 14 14 / 92%), rgb(26 26 27 / 64%));
}
}
/* text slide /////////////////////////////////////////////////////////// */
.text-slider{
width: 100%;
height: 50px;
background-color: #00000088;
/* background: linear-gradient(to bottom , rgba(0, 0, 0, 0.582) 85%, rgba(0, 0, 0, 0)); */
position: absolute;
top: 146px;
z-index: 9;
display: flex;
align-items: center;
}
.text-slider p{
font-size: 21px ;
text-transform: capitalize;
font-weight: 600;
color: rgb(240, 240, 240);
margin-right: 200px;
margin-bottom: 0;
letter-spacing: 1px;
}
/* wp ///////////////////////////////////////////////////////////////////// */
.sticky-icon {
position: fixed;
left: 40px;
bottom: 25px;
display: flex;
flex-direction: column;
gap: 10px;
z-index: 99;
}
.sticky-img a img {
width: 45px;
height: 45px;
background-color: rgba(21, 255, 0, 0);
/* border-radius: 50px; */
/* border: 1px solid rgb(87, 87, 87); */
}
@media only screen and (max-width:768px) {
.sticky-icon {
display: none;
}
}