@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
html,
body {
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
a,
a:link,
a:visited,
a:active,
a:hover,
button,
input,
select,
textarea {
text-decoration: none;
outline: none;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
input,
select,
textarea {
width: 100%;
outline: none;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
input[type="radio"],
input[type="checkbox"] {
width: auto;
height: auto;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
box-shadow: none;
}
img {
max-width: 100%;
-moz-transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.comnpadding {
padding: 100px 0px;
}
.comntitle {
display: block;
color: #00AEEF;
text-transform: uppercase;
font-size: 30px;
line-height: 35px;
font-weight: bold;
margin-bottom: 25px;
}
.comnpara {
color: #1A1A1A;
font-size: 16px;
margin-bottom: 40px;
}
.comnline {
display: block;
width: 70px;
position: relative;
margin: 0 auto 50px;
background-color: #30869C;
height: 2px;
}
.comnline::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #30869C;
border-radius: 50%;
width: 10px;
height: 10px;
} .comnbtn {
display: inline-block;
background-color: #F7931D;
color: #ffffff;
font-size: 18px;
line-height: 1;
padding: 12px 20px;
border-radius: 5px;
font-weight: 500;
position: relative;
overflow: hidden;
text-align: center;
transition: all 500ms ease-in-out;
border: none;
}
.comnbtn:hover {
color: #fff;
background-color: #00AEEF;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}
.comnbtn::before {
content: "";
background: #fff;
height: 100px;
width: 30px;
transform: rotate(20deg);
position: absolute;
top: -35px;
left: -40px;
transition: all 500ms ease-in-out;
}
.comnbtn:hover::before {
left: 110%;
}  .comnbtn2 {
display: inline-block;
background-color: #00AEEF;
color: #ffffff;
font-size: 18px;
line-height: 1;
padding: 12px 20px;
border-radius: 5px;
font-weight: 500;
position: relative;
overflow: hidden;
text-align: center;
transition: all 500ms ease-in-out;
border: none;
}
.comnbtn2:hover {
color: #fff;
background-color: #F7931D;
box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}
.comnbtn2::before {
content: "";
background: #fff;
height: 100px;
width: 30px;
transform: rotate(20deg);
position: absolute;
top: -35px;
left: -40px;
transition: all 500ms ease-in-out;
}
.comnbtn2:hover::before {
left: 110%;
} .outline_btn1 {
display: inline-block;
background-color: none;
color: #00AEEF;
font-size: 18px;
line-height: 1;
padding: 10px 20px;
border-radius: 5px;
font-weight: 500;
position: relative;
overflow: hidden;
text-align: center;
transition: all 500ms ease-in-out;
border: 2px solid #00AEEF;
}
.outline_btn1:hover {
background-color: #00AEEF;
color: #fff;
border: 2px solid #00AEEF;
}
.outline_btn2 {
display: inline-block;
background-color: none;
color: #F7931D;
font-size: 18px;
line-height: 1;
padding: 10px 20px;
border-radius: 5px;
font-weight: 500;
position: relative;
overflow: hidden;
text-align: center;
transition: all 500ms ease-in-out;
border: 2px solid #F7931D;
}
.outline_btn2:hover {
background-color: #F7931D;
color: #fff;
border: 2px solid #F7931D;
}
.form-control {
padding: 12px 15px;
background-color: rgba(48, 134, 156, 0.1);
border: none;
margin-bottom: 15px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
transition: all 400ms ease-in-out;
}
.form-control::placeholder {
color: #1A1A1A;
}
.form-control:focus {
background-color: rgba(247, 145, 29, 0.1);
box-shadow: none;
} header {
position: fixed;
top: 0;
left: 0;
z-index: 9;
width: 100%;
}
.navbar {
background-color: #ffffff;
padding: 25px 0px;
box-shadow: 0 0 10px #c3c3c3;
}
.navbar-nav {
align-items: center;
}
.navbar-light .navbar-nav .nav-item {
margin: 0 15px;
}
.navbar-light .navbar-nav .nav-item:first-child {
margin-left: 0;
}
.navbar-light .navbar-nav .nav-item.nav-btn {
margin-right: 0;
margin-left: 35px;
}
.navbar-light .navbar-nav .nav-item.nav-btn .nav-link {
background-color: #00AEEF;
color: #fff;
text-transform: capitalize;
padding: 11px 10px;
border-radius: 5px;
}
.navbar-light .navbar-nav .nav-link {
color: #7F8080;
font-size: 16px;
font-weight: bold;
padding: 0;
text-transform: uppercase;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:hover {
color: #00AEEF;
}
.navbar-light .navbar-nav .nav-link.comnbtn {
padding: 12px 10px;
background-color: #00AEEF;
color: #fff;
text-transform: capitalize;
transition-duration: 500ms;
}
.navbar-light .navbar-nav .nav-link.comnbtn:hover {
background-color: #F7931D;
}
.banner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: calc(100vh - 0px);
}
.banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(48 134 156 / 80%);
mix-blend-mode: multiply;
z-index: 1;
}
.videobanner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.videobanner video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: bottom;
}
.videobanner img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bannerdetail {
position: relative;
z-index: 2;
max-width: 900px;
width: 100%;
}
.bannerdetail2 {
max-width: 490px;
text-align: center;
margin-top: 100px;
}
.bannerdetail3 {
max-width: 740px;
}
.bannerdetail h1 {
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
font-size: 62px;
line-height: 75px;
font-weight: bold;
margin-bottom: 15px;
}
.bannerdetail2 h1 {
font-size: 42px;
line-height: 51px;
letter-spacing: 1px;
}
.bannerdetail P {
color: #FFFFFF;
text-align: center;
font-size: 18px;
max-width: 720px;
margin: 0 auto 55px;
}
.bannerdetail2 p {
margin-bottom: 40px;
}
.bannerform {
display: flex;
justify-content: space-between;
background-color: #fff;
overflow: hidden;
box-shadow: 0px 12px 30px #00000017;
border-radius: 15px;
padding-left: 35px;
}
.bannerform .customchckbox,
.bannerform .form-group {
width: 32%;
display: inline-block;
align-items: center;
}
.bannerform .customchckbox:first-child,
.bannerform .form-group:first-child {
border-right: 1px solid #dbdbdb;
}
.bannerform .customchckbox:last-child,
.bannerform .form-group:last-child {
width: 33%;
}
.bannerform .form-control {
display: inline-block;
padding: 25px 5px;
color: #1A1A1A;
font-size: 16px;
border: none;
width: 85%;
margin-bottom: 0;
background-color: #ffffff;
}
.bannerform .form-control::placeholder {
color: #1A1A1A;
}
.bannerform .form-control:focus {
box-shadow: none;
}
.bannerform .customchckbox i,
.bannerform .form-group i {
color: #30869C;
font-size: 20px;
}
.formbtn {
display: block;
background-color: #F7931D;
color: #fff;
font-size: 22px;
font-weight: 500;
text-align: center;
padding: 22px 5px;
}
.bannerdetail2 .formbtn {
display: inline-block;
padding: 17px 58px;
border-radius: 15px;
}
.formbtn:hover {
background-color: #00AEEF;
color: #fff;
}
.doctormain {
display: flex;
max-width: 1030px;
margin: auto;
}
.innerdoctor .doctormain {
max-width: 100%;
}
.doctorimg {
width: 40%;
position: relative;
margin-bottom: 30px;
}
.innerdoctor .doctorimg {
width: 33%;
}
.doctorimg::before {
content: "";
position: absolute;
left: -20px;
bottom: -15px;
width: 100%;
height: 90%;
border: 2px solid #30869C;
border-radius: 10px;
}
.innerdoctor .doctorimg::before {
width: 95%;
}
.doctorimg img {
border-radius: 10px;
position: relative;
}
.doctordetail {
width: 60%;
margin-left: 35px;
}
.innerdoctor .doctordetail {
width: 67%;
}
.doctordetail aside {
color: #30869C;
text-transform: uppercase;
font-size: 26px;
font-weight: bold;
line-height: 26px;
margin-bottom: 10px;
}
.doctordetail p {
color: #1A1A1A;
font-size: 16px;
margin-bottom: 20px;
}
.doctordetail p i {
color: #00AEEF;
border-left: 2px solid #1A1A1A;
font-size: 18px;
padding: 0 8px;
margin-left: 5px;
}
.doctordetail p span {
font-size: 18px;
font-weight: bold;
}
.doctorbox {
background-color: rgba(0, 175, 239, 0.08);
border-radius: 10px;
padding: 12px 20px;
margin-bottom: 20px;
}
.doctorbox span {
color: #00AEEF;
font-size: 18px;
line-height: 18px;
margin-bottom: 10px;
display: block;
}
.doctorbox small {
color: #1A1A1A;
font-size: 16px;
margin-right: 20px;
}
.doctorbox small:last-child {
margin-right: 0px;
}
.doctorbox small i {
color: #30869C;
font-size: 18px;
margin-right: 5px;
}
.doctorbox p {
color: #1A1A1A;
margin-bottom: 0;
font-weight: 500;
}
.doctorbtndiv {
display: flex;
align-items: flex-start;
}
.doctordetail .comnbtn {
font-size: 18px;
padding: 10px 20px;
background-color: transparent;
color: #F7931D;
border: 2px solid #F7931D;
margin-right: 25px;
line-height: inherit;
}
.doctordetail .comnbtn2 {
font-size: 18px;
padding: 10px 20px;
background-color: transparent;
color: #00AEEF;
border: 2px solid #00AEEF;
margin-right: 25px;
line-height: inherit;
border-radius: 5px;
}
.doctordetail .orangebtn {
font-size: 18px;
padding: 10px 20px;
border: 2px solid #F7931D;
}
.doctordetail .orangebtn:hover {
color: #fff;
border-color: #00AEEF;
border: 2px solid #00AEEF;
}
.doctordetail .comnbtn:hover {
color: #00AEEF;
border-color: #00AEEF;
border: 2px solid #00AEEF;
}
.innerdoctor .doctorbtndiv a {
color: #F7931D;
font-size: 18px;
display: inline-flex;
align-items: center;
}
.innerdoctor .doctorbtndiv a:hover {
color: #00AEEF;
}
.innerdoctor .doctorbtndiv a:last-child {
margin-left: 35px;
}
.innerdoctor .doctorbtndiv a i {
margin-right: 15px;
font-size: 28px;
}
.sharebtn {
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
border: 2px solid #30869C;
border-radius: 5px;
color: #30869C;
padding: 6px 12px;
font-size: 25px;
}
.sharebtn:hover {
border-color: #00AEEF;
color: #00AEEF;
}
#doctor .owl-nav {
position: relative;
text-align: right;
max-width: 1030px;
margin: auto;
margin-top: -15px;
}
#doctor .owl-prev,
#doctor .owl-next {
background-color: #F7931D;
color: #fff;
margin: 0px 5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 22px;
}
#doctor .owl-prev:hover,
#doctor .owl-next:hover {
background-color: #00aeef;
opacity: 1;
}
#doctor .owl-prev i,
#doctor .owl-next i {
line-height: 0;
}
#doctor .owl-prev i {
padding-right: 2px;
}
#doctor .owl-next i {
padding-left: 2px;
}
.glance {
padding: 80px 0px;
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/glancebg.png);
background-size: cover;
}
.innerglance {
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/glancebg2.png);
padding-bottom: 110px;
}
.glance .comntitle {
color: #ffffff;
}
.glance .comnline,
.glance .comnline::before {
background-color: #fff;
}
.innerglance .comnline {
margin-bottom: 70px;
}
.glanceboxmain {
position: relative;
}
.glancebox {
position: relative;
transform-style: preserve-3d;
transition: all 0.4s linear;
}
.glanceboxmain:hover .glancebox {
transform: rotateY(180deg);
}
.glanceboxfront,
.glanceboxback {
border: 2px solid #FFFFFF;
border-radius: 10px;
backdrop-filter: blur(3px);
background-color: rgba(255, 255, 255, 0.15);
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding: 15px;
min-height: 225px;
transition: all 300ms ease-in-out;
}
.glanceboxback {
position: absolute;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
transform: rotateY(180deg);
}
.glanceboxmain:hover .glanceboxfront,
.glanceboxmain .glanceboxback {
opacity: 0;
}
.glanceboxmain .glanceboxfront,
.glanceboxmain:hover .glanceboxback {
opacity: 1;
}
.glanceboxfront span,
.glanceboxback span {
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
background-color: #00AEEF;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #FFFFFF;
line-height: 1;
}
.glanceboxfront .glanceimg {
margin-bottom: 20px;
margin-top: 20px;
width: 95px;
height: 105px;
display: flex;
align-items: center;
justify-content: center;
transition: none;
}
.glanceboxfront .glanceimg img {
transition: none;
-moz-transition: none;
}
.glanceboxfront aside,
.glanceboxback aside {
color: #FFFFFF;
font-size: 22px;
display: block;
text-align: center;
width: 100%;
font-weight: 500;
text-transform: uppercase;
}
.glanceboxback .comnpara {
margin-bottom: 0;
text-align: center;
color: #ffffff;
margin-top: 10px;
}
.practice {
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/practicebg.png);
background-size: cover;
position: relative;
}
.practicemain {
position: relative;
}
.practicebox {
width: 445px; background-color: rgba(0, 0, 0, 0.7);
border-radius: 10px;
padding: 35px;
margin-left: auto;
overflow: hidden;
}
.practicetop {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px;
}
.practicetop img {
width: 60px;
height: 60px;
margin-right: 15px;
border-radius: 50%;
}
.practicebox aside {
color: #00AEEF;
font-size: 26px;
font-weight: bold;
margin-bottom: 10px;
}
.practicebox2 aside {
line-height: 34px;
margin-bottom: 0;
}
.practicebox .comntitle {
color: #ffffff;
line-height: 36px;
margin-bottom: 15px;
font-weight: 500;
text-transform: none;
}
.practicebox2 .comntitle {
font-size: 18px;
line-height: 24px;
}
.practicename .comntitle {
margin-bottom: 0;
}
.practicebox .comnpara {
color: #ffffff;
margin-bottom: 0;
}
.practicebox .comnpara a {
color: #F7931D;
font-weight: bold;
text-decoration: underline;
margin-left: 5px;
}
.practicebox2 .comnpara i {
font-size: 20px;
color: #F7931D;
margin-right: 5px;
}
.practicevideobtn {
position: absolute;
top: 50%;
left: 200px;
transform: translateY(-50%);
}
.practicevideo {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
}
.practicevideo.show {
display: block;
animation-name: fadeinvideo;
animation-duration: .5s;
}
@keyframes fadeinvideo {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.practicevideo video {
width: 100%;
height: 100%;
object-fit: cover;
}
.whychoose .comntitle,
.whychoose .comnline {
margin-bottom: 20px;
}
.innerwhychoose .comnline {
margin-bottom: 60px;
}
.whychoosebox {
background-color: #ffffff;
box-shadow: 0px 12px 37px #0000001A;
border-radius: 10px;
margin: 0px 30px;
height: 100%;
padding: 30px 25px;
text-align: center;
transition: all .5s ease-in-out;
}
.innerwhychoose .whychoosebox {
margin: 0px 20px;
}
.chooseimg {
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
position: relative;
}
.chooseimg img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.imgback,
.whychoosebox:hover .imgfront {
visibility: hidden;
opacity: 0;
}
.imgfront,
.whychoosebox:hover .imgback {
visibility: visible;
opacity: 1;
}
.whychoosebox aside {
color: #1A1A1A;
text-transform: uppercase;
font-size: 16px;
margin-top: 15px;
display: block;
margin-bottom: 12px;
font-weight: bold;
line-height: 24px;
transition: all .5s ease-in-out;
}
.whychoosebox:hover aside {
color: #f7931d;
}
.whychoosebox .comnpara {
margin-bottom: 0;
}
.testimonial {
padding-bottom: 120px;
}
.testimain {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.testimage {
width: 30%;
position: relative;
}
.testimage::before {
content: "";
position: absolute;
left: -20px;
bottom: -15px;
width: 90%;
height: 90%;
border: 2px solid #30869C;
border-radius: 10px;
}
.testimage img {
position: relative;
border-radius: 10px;
}
.testidetail {
width: 70%;
padding: 50px 80px;
position: relative;
}
.testidetail::before {
content: "";
position: absolute;
top: -3px;
left: 30px;
width: 84px;
height: 74px;
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/left-quote.svg);
background-size: cover;
z-index: -1;
}
.testidetail aside {
color: #00AEEF;
text-transform: uppercase;
font-size: 26px;
line-height: 24px;
font-weight: bold;
margin-bottom: 25px;
}
#testimonial {
box-shadow: 0px 10px 30px #0000001A;
border-radius: 10px;
padding: 20px 25px;
}
#testimonial .owl-nav {
position: absolute;
right: 0;
bottom: -80px;
}
#testimonial .owl-nav .owl-prev,
#testimonial .owl-nav .owl-next {
background-color: #F7931D;
color: #fff;
margin: 0px 5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 22px;
}
#testimonial .owl-prev:hover,
#testimonial .owl-next:hover {
background-color: #00AEEF;
}
#testimonial .owl-prev i,
#testimonial .owl-next i {
line-height: 0;
}
#testimonial .owl-prev i {
padding-right: 2px;
}
#testimonial .owl-next i {
padding-left: 2px;
}
.testibox {
display: flex;
align-items: flex-start;
}
.testiboximg {
width: 80px;
height: 80px;
}
.testiboximg img {
border-radius: 50%;
}
.testiname {
width: calc(100% - 80px);
padding-left: 20px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.namedetail {
margin: 15px 0px;
}
.namedetail aside {
font-size: 18px;
line-height: 18px;
margin-bottom: 5px;
font-weight: 500;
text-transform: capitalize;
}
.namedetail small {
color: #1A1A1A;
font-size: 16px;
opacity: .5;
font-weight: 500;
}
.star {
display: flex;
align-items: center;
}
.star i {
color: #FFC107;
}
.star i.lightcolor {
color: #D3D3D3;
}
.testiname .comnpara {
margin-bottom: 0;
}
.thebest {
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/thebestbg.png);
background-size: cover;
padding: 80px 0px;
}
.thebest .comntitle {
color: #fff;
}
.thebest .comnline {
background-color: #FFFFFF;
margin: 0px 0px 20px;
}
.thebest .comnline::before {
background-color: #FFFFFF;
}
.thebest .comnpara {
color: #FFFFFF;
}
.thebestcall {
display: inline-flex;
align-items: center;
color: #F7931D;
text-transform: uppercase;
font-size: 30px;
font-weight: bold;
}
.thebestcall:hover {
color: #ff9e2c;
}
.thebestcall img {
margin-right: 20px;
}
.thebestbox {
background: #FFFFFF;
box-shadow: 0px 10px 37px #00000066;
border-radius: 10px;
padding: 40px;
}
.thebestbox aside {
color: #00AEEF;
font-size: 20px;
line-height: 24px;
font-weight: bold;
margin-bottom: 20px;
}
.thebestbox .customchckbox,
.thebestbox .form-group {
position: relative;
}
.thebestbox .form-control {
padding-right: 45px;
}
.thebestbox .customchckbox i,
.thebestbox .form-group i {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
font-size: 20px;
color: #30869C;
}
.thebestbtn {
display: block;
background-color: #F7931D;
border-radius: 5px;
padding: 12px;
font-size: 20px;
text-align: center;
color: #FFFFFF;
width: 100%;
border: none;
transition: all 400ms ease-in-out;
}
.thebestbtn:hover {
background-color: #00AEEF;
}
#powervision {
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/powervisionbg.png);
}
#powervision .practicebox {
margin-right: auto;
margin-left: 0;
}
#powervision .practicevideobtn {
position: absolute;
top: 50%;
left: auto;
right: 200px;
transform: translateY(-50%);
}
.recentblog .comnline {
margin-bottom: 20px;
}
.recentblog .comnpara {
margin-bottom: 10px;
min-height: 50px;
}
.recentblogbox {
box-shadow: 0px 12px 37px #0000001A;
border-radius: 10px;
background-color: #fff;
position: relative;
overflow: hidden;
min-height: 275px;
margin: 45px 35px;
transition: all 400ms ease-in-out;
}
.recentblogbox::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(48, 134, 156, 0.0);
mix-blend-mode: multiply;
z-index: 1;
transition: all 400ms ease-in-out;
}
.recentblogbox:hover::before {
background-color: rgba(48, 134, 156, 0.9);
}
.recentblogdate {
position: absolute;
right: 30px;
top: 30px;
background-color: #FFFFFF;
padding: 14px;
text-align: center;
border-radius: 5px;
z-index: 2;
}
.recentblogdate::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
background-color: #00AEEF;
width: 4px;
height: 70%;
transition: all 400ms ease-in-out;
}
.recentblogbox:hover .recentblogdate::before {
background-color: #F7931D;
}
.recentblogdate aside {
color: #1A1A1A;
font-size: 26px;
line-height: 30px;
font-weight: bold;
}
.recentblogdate small,
.recentblogdate span {
display: block;
color: #1A1A1A;
font-size: 16px;
line-height: 20px;
text-transform: capitalize;
}
.recentblogbox a {
position: absolute;
top: 60px;
left: 25px;
display: inline-block;
border: 2px solid #FFFFFF;
border-radius: 5px;
backdrop-filter: blur(2px);
padding: 12px 28px;
color: #FFFFFF;
font-size: 18px;
line-height: 1;
opacity: 0;
z-index: 2;
text-transform: capitalize;
transition: all 400ms ease-in-out;
}
.recentblogbox:hover a {
opacity: 1;
}
.recentblogbox:hover a:hover {
background-color: rgb(247 147 29 / 65%);
}
.recentblogbox img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 182px;
object-fit: cover;
transition: all 400ms ease-in-out;
}
.recentblogbox:hover img {
height: 100%;
}
.recentblogbox .comnpara {
padding: 0px 20px;
margin-bottom: 0;
font-weight: 500;
background-color: transparent;
position: absolute;
left: 0;
bottom: 20px;
z-index: 2;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 49px;
}
.recentblogbox:hover .comnpara {
color: #FFFFFF;
}
#recentblog .owl-dots {
text-align: center;
}
#recentblog .owl-dots .owl-dot {
width: 10px;
height: 10px;
background-color: #00AEEF;
border-radius: 50%;
margin: 0 5px;
}
#recentblog .owl-dots .owl-dot.active {
background-color: #F7931D;
}
#weekend {
padding-bottom: 100px;
}
.weekbox {
position: relative;
box-shadow: 0px 10px 37px #00000066;
border-radius: 20px;
overflow: hidden;
}
.weekbtn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.weekpara {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
width: 970px;
backdrop-filter: blur(18px);
border-radius: 10px;
text-align: center;
padding: 20px 75px;
}
.weekpara p {
color: #FFFFFF;
font-size: 18px;
line-height: 28px;
margin-bottom: 0;
}
#weekend .practicevideo {
z-index: 1;
}
.joinus {
background-color: rgb(127 128 128 / 20%);
padding: 60px 0px;
position: relative;
overflow: hidden;
}
.joinusbox {
position: relative;
z-index: 1;
}
.joinusbox .comntitle {
color: #1A1A1A;
margin-bottom: 5px;
}
.joinusbox .comnpara {
margin-bottom: 30px;
font-weight: 500;
} .joinus button:hover {
background-color: #00AEEF;
}
.joinus button i {
font-size: 28px;
}
.joinusimg {
position: absolute;
top: 40%;
right: -110px;
transform: translateY(-50%);
width: 650px;
height: 650px;
}
.joinusimg lord-icon {
width: 100%;
height: 100%;
}
footer {
background-color: #30869C;
position: relative;
z-index: 1;
padding-top: 80px;
}
.footertitle {
font-size: 26px;
line-height: 24px;
font-weight: bold;
color: #fff;
margin-bottom: 30px;
text-transform: uppercase;
}
footer .comnpara {
color: rgb(255 255 255 / 90%);
margin-bottom: 40px;
}
.linklist {
padding-left: 0;
margin-bottom: 60px;
list-style-type: none;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.linklist li {
width: 50%;
margin-bottom: 20px;
line-height: 1.1;
}
.linklist li:last-child {
margin-bottom: 0;
}
.linklist li a {
color: rgb(255 255 255 / 90%);
font-size: 16px;
}
.linklist li a:hover {
color: #00AEEF;
}
.contactlist {
list-style-type: none;
padding-left: 0;
margin-bottom: 0;
display: flex;
align-items: flex-start;
}
.contactlist li {
margin-bottom: 20px;
margin-left: 20px;
}
.contactlist li:first-child {
margin-left: 0;
}
.contactlist li a {
display: inline-flex;
align-items: center;
color: rgb(255 255 255 / 90%);
font-size: 16px;
}
.contactlist li a:hover {
color: #F7931D;
}
.contactlist li a i {
margin-right: 10px;
color: #fff;
font-size: 20px;
}
.socialist {
display: flex;
align-items: center;
padding-left: 0;
margin-bottom: 40px;
list-style-type: none;
padding-top: 15px;
border-top: 1px solid rgb(255 255 255 / 40%);
}
.socialist li {
margin: 0px 5px;
}
.socialist li:first-child {
margin-left: 0;
}
.socialist li a {
color: #FFFFFF;
font-size: 22px;
}
.socialist li a:hover {
color: #F7931D;
}
.footerbottom {
background-color: #197087;
}
.footerbottominner {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 0;
}
.footerbottominner .comnpara {
margin-bottom: 0;
color: rgb(255, 255, 255, 0.7);
}
.footerbottominner .comnpara a {
color: #ffffff;
}
.footerbottominner .comnpara a:hover {
color: #ff8800;
}
.lawyer {
background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/lawyerbg.png);
background-size: cover;
}
.lawyerbox {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
.lawyerbox:first-child {
margin-top: 65px;
}
.lawyerbox:last-child {
margin-bottom: 80px;
}
.lawyerbox img {
margin-right: 25px;
}
.lawyerbox .comnpara {
color: #ffffff;
margin-bottom: 0;
}
.lawyerimg {
position: relative;
}
.lawyerimg img {
position: absolute;
bottom: 0;
left: 0;
width: 525px;
height: auto;
max-width: none;
}
.interest .comnline {
margin-bottom: 10px;
}
.interest .comnpara:last-child {
margin-bottom: 0;
}
.innerdoctor .doctordetail .comnpara b,
.interest .comnpara b {
font-size: 20px;
}
.interestimg img {
width: 100%;
}
.becom {
margin-bottom: 100px;
}
.becomain {
display: flex;
background-color: rgb(247 147 29 / 10%);
padding: 30px 40px 0px;
border-radius: 10px;
}
.becomtext {
width: calc(100% - 515px);
margin-bottom: 30px;
}
.becomtext .comntitle {
color: #1A1A1A;
font-size: 40px;
font-weight: bold;
line-height: 50px;
margin-bottom: 10px;
text-transform: none;
}
.becomtext .comntitle span {
color: #00AEEF;
display: block;
}
.becomtext .comnpara {
max-width: 340px;
margin-bottom: 25px;
}
.becomimg {
width: 515px;
position: relative;
}
.becomimg img {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
#glance,
#innerglance,
#whychoose,
#innerwhychoose,
#attowhychoose {
display: none;
}
#glance .owl-nav,
#innerglance .owl-nav,
#whychoose .owl-nav,
#innerwhychoose .owl-nav,
#attowhychoose .owl-nav {
position: relative;
text-align: center;
max-width: 1030px;
margin: auto;
margin-top: 20px;
}
#glance .owl-prev,
#glance .owl-next,
#innerglance .owl-prev,
#innerglance .owl-next,
#whychoose .owl-prev,
#whychoose .owl-next,
#innerwhychoose .owl-prev,
#innerwhychoose .owl-next,
#attowhychoose .owl-prev,
#attowhychoose .owl-next {
background-color: #ffffff;
color: #232323;
margin: 0px 5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 22px;
}
#whychoose .owl-prev,
#whychoose .owl-next,
#innerwhychoose .owl-prev,
#innerwhychoose .owl-next,
#attowhychoose .owl-prev,
#attowhychoose .owl-next {
background-color: #F7931D;
color: #fff;
}
#whychoose .owl-prev:hover,
#whychoose .owl-next:hover,
#innerwhychoose .owl-prev:hover,
#innerwhychoose .owl-next:hover,
#attowhychoose .owl-prev:hover,
#attowhychoose .owl-next:hover {
opacity: 1;
background-color: #00AEEF;
}
#whychoose .whychoosebox,
#innerwhychoose .whychoosebox,
#attowhychoose .whychoosebox {
margin: 20px 15px;
}
#glance .owl-prev:hover,
#glance .owl-next:hover,
#innerglance .owl-prev:hover,
#innerglance .owl-next:hover,
#whychoose .owl-prev:hover,
#whychoose .owl-next:hover {
background-color: #F7931D;
color: #ffffff;
}
#glance .owl-prev i,
#glance .owl-next i,
#innerglance .owl-prev i,
#innerglance .owl-next i,
#whychoose .owl-prev i,
#whychoose .owl-next i {
line-height: 0;
}
#glance .owl-prev i,
#innerglance .owl-prev i,
#whychoose .owl-prev i {
padding-right: 2px;
}
#glance .owl-next i,
#innerglance .owl-next i,
#whychoose .owl-next i {
padding-left: 2px;
}
.team {
padding: 100px 0 70px;
}
.teammain {
text-align: center;
margin-bottom: 50px;
}
.teamimg {
width: 100%;
margin: auto;
border-radius: 15px 15px 0 0;
overflow: hidden;
filter: grayscale(1);
transition: all 300ms ease-in-out;
}
.teammain:hover .teamimg {
filter: none;
}
.teamimg img {
width: 100%;
}
.teambox { border-radius: 15px;
padding: 100px 15px 20px;
margin-top: -80px;
transition: all 300ms ease-in-out;
box-shadow: 0px 12px 37px #0000001a;
} .teambox aside {
color: #F7931D;
font-weight: bold;
font-size: 26px;
margin-bottom: 0px;
}
.teambox .comnpara {
margin-bottom: 0;
text-transform: capitalize;
} .contact_banner {
background: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/lawyerbg.png) no-repeat;
padding: 200px 15px 100px;
text-align: center;
background-size: cover;
}
.contact_banner h1 {
font-size: 42px;
line-height: 51px;
letter-spacing: 1px;
color: #FFFFFF;
}
.contact_banner P {
color: #FFFFFF;
text-align: center;
font-size: 18px;
max-width: 700px;
margin: 0 auto;
}
.outline_btn {
font-size: 20px;
letter-spacing: 0.4px;
color: #F7931D;
border: 2px solid #F7931D;
border-radius: 5px;
max-width: 210px;
text-align: center;
width: 100%;
display: inline-block;
line-height: 46px;
height: 50px;
margin-top: 30px;
}
.outline_btn:hover,
.outline_btn:focus {
background: #F7931D;
color: #fff;
}
.joinnow {
max-width: 750px;
height: 100%;
margin: 0 auto;
align-items: center;
justify-content: center;
display: flex;
border-radius: 15px;
}
.joinnow .modal-content {
flex-direction: row;
border-radius: 15px;
}
.popup_img {
width: 40%;
}
.popup_img img {
height: 100%;
object-fit: cover;
border-radius: 15px 0 0 15px;
}
.popup_text {
width: 60%;
padding: 30px;
position: relative;
}
.popup_text aside {
font-size: 22px;
color: #00AEEF;
margin-bottom: 10px;
}
.social_icon {
margin-top: 100px;
}
.social_icon a {
font-size: 30px;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
display: inline-block;
background: #fff;
color: #f7931d;
border-radius: 50%;
margin-right: 20px;
box-shadow: 0px 12px 37px #0000001a;
}
.social_icon a:last-child {
margin-right: 0;
}
.social_icon a:hover {
color: #00AEEF;
}
.btn-close {
background-color: #00AEEF;
width: 16px;
height: 16px;
padding: 10px;
border-radius: 50%;
line-height: 16px;
opacity: 1 !important;
position: absolute;
right: -35px;
top: -35px;
}
.popup_form input,
.general_inquires input {
border: 1px solid rgb(127, 128, 128, 0.5);
margin-bottom: 20px;
border-radius: 5px;
height: 50px;
padding: 5px 10px;
font-size: 16px;
background: #fff;
}
.general_inquires select {
border: 1px solid rgb(127, 128, 128, 0.5);
margin-bottom: 20px;
border-radius: 5px;
height: 50px;
padding: 5px 10px;
font-size: 16px;
background: #fff;
}
.popup_form textarea {
border: 1px solid rgb(127, 128, 128, 0.5);
margin-bottom: 20px;
border-radius: 5px;
height: 100px;
padding: 5px 10px;
resize: none;
background: #fff;
}
.general_inquires textarea {
border: 1px solid rgb(127, 128, 128, 0.5);
margin-bottom: 20px;
border-radius: 5px;
height: 180px;
padding: 15px;
resize: none;
background: #fff;
}
.popup_form .thebestbtn {
width: auto;
padding: 8px 25px;
margin: 10px auto 0;
display: table;
}
.uploader__input {
display: none;
}
.uploader__label {
height: 50px;
display: flex;
justify-content: end;
align-items: center;
padding: 0;
text-align: center;
background: #fff;
border-radius: 7px;
border: 1px solid rgb(127, 128, 128, 0.5);
transition: all 0.2s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
background-position: 0 0, 15px 15px;
background-size: 30px 30px;
}
.uploader__label:hover {
border-color: #454cad;
}
.uploader__label.hover {
border: 3px solid #454cad;
box-shadow: inset 0 0 0 6px #eee;
background-color: #616161;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 0, transparent 75%, rgba(0, 0, 0, 0.25) 0);
}
.uploader__label.hover .uploader__clipalt {
stroke: #fff;
}
.uploader__wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.uploader__file {
position: absolute;
left: 0.5em;
top: 0em;
display: block;
width: 3em;
height: 3em;
border-radius: 50%;
z-index: 1;
opacity: 0;
transform: translate3d(0, -1em, 0) scale(0);
transition: all 0.5s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.uploader__file.show {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1);
}
.uploader__clipalt {
fill: none;
stroke: #ccc;
stroke-width: 5px;
stroke-miterlimit: 10;
}
.uploader__clip {
stroke-dasharray: 391.592px;
stroke-dashoffset: -391.592px;
fill: none;
stroke: #333;
stroke-width: 5px;
stroke-miterlimit: 10;
}
.uploading .uploader__clip {
transition: all 0.5s linear;
}
svg.uploader__svg {
height: 28px;
margin-right: 15px;
}
.btndiv {
text-align: center;
margin-top: 20px;
}
.btndiv .cleardata {
font-size: 16px;
color: #1A1A1A;
font-weight: 500;
border: none;
background: none;
margin-right: 15px;
text-transform: capitalize;
}
.checkboxdiv {
background: rgb(0, 174, 239, 0.08);
padding: 20px;
border-radius: 10px;
margin: 10px 0 30px;
}
.customchckbox {
display: block;
margin-bottom: 15px;
}
.customchckbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.customchckbox label {
position: relative;
cursor: pointer;
padding: 0px 25px 0 12px;
background: #fff;
width: 100%;
height: 50px;
line-height: 50px;
border-radius: 10px;
font-size: 14px;
}
.customchckbox label:before {
content: '';
-webkit-appearance: none;
border: 1px solid transparent;
position: relative;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 10px;
}
.customchckbox input:checked+label:before {
border: 1px solid #0079bf;
}
.customchckbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 15px;
right: 13px;
width: 6px;
height: 14px;
border: solid #0079bf;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.contactform { background-image: url(//blog.powerliens.com/wp-content/themes/mypowerliens/images/thebestbg.png);
background-size: cover;
padding: 80px 0px;
}
.contactinfo {
background-color: #ffffff;
box-shadow: 0px 12px 37px #0000001a;
border-radius: 10px;
padding: 50px 30px;
display: flex;
align-items: center;
flex-wrap: wrap;
text-align: center;
height: 100%;
}
.contactinfo aside {
width: 48%;
padding: 0 15px;
}
.contactinfo i {
color: #F7931D;
font-size: 50px;
}
.contactinfo span {
display: block;
color: #1A1A1A;
text-transform: uppercase;
font-size: 18px;
margin: 5px 0;
}
.contactinfo a {
color: #00AEEF;
font-size: 22px;
}
.contactinfo a:hover {
color: #f7931d;
}
.cont_form {
background-color: #ffffff;
box-shadow: 0px 12px 37px #0000001a;
border-radius: 10px;
padding: 30px 25px;
}
.cont_form input:focus,
.cont_form select:focus,
.cont_form textarea:focus,
.general_inquires input:focus,
.general_inquires select:focus,
.general_inquires textarea:focus,
.popup_form input:focus,
.popup_form select:focus,
.popup_form textarea:focus {
border: 1px solid #00AEEF;
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.animated {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.storehide {
display: none;
}
.moreless-button {
display: table;
text-align: center;
position: relative;
color: #ffffff;
font-size: 16px;
background-color: #F7931D;
padding: 12px 20px;
border-radius: 5px;
margin: 10px auto 0;
text-transform: capitalize;
}
.moreless-button:hover {
color: #fff;
background-color: #00AEEF;
}
.whychoosebox aside.contacttollemail {
font-weight: 400;
margin-top: 25px;
}
.contacttollemail span {
color: #f7931d;
text-transform: capitalize;
font-size: 18px;
margin-top: 15px;
display: block;
}
.contacttollemail span a {
color: #00AEEF;
font-size: 22px;
margin-left: 10px;
font-weight: bold;
}  .map {
height: 500px;
margin-top: 100px;
}
.Filter_Search_section {
margin-top: 40px;
}
.orangebtn {
background: #F7931D;
border-radius: 7px;
border: none;
padding: 10px 25px;
color: #FFFFFF;
font-size: 20px;
line-height: 24px;
display: inline-flex;
align-items: center;
}
.orangebtn:hover {
background-color: #00AEEF;
color: #FFFFFF;
}
.Filter_Search_section .modal-content {
background: none;
border: none;
}
.Filter_Search_section .modal-dialog {
max-width: 900px;
margin: 1.75rem auto;
padding: 0 15px;
}
.Filter_Search_section .modal-body {
padding: 0;
}
.Filter_Search_section .modalbform {
background: #fff;
padding: 30px;
border-radius: 20px;
}
.Filter_Search_section .modalbform label {
color: #00AEEF;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 7px;
}
.Filter_Search_section .modalbform input {
border: 1px solid rgb(127, 128, 128, 0.5);
margin-bottom: 20px;
border-radius: 5px;
height: 50px;
padding: 5px 10px;
font-size: 16px;
background: #fff;
color: #1A1A1A;
}
.doctoricon,
.locationicon {
position: relative;
}
.doctoricon::before {
content: "\f0f1";
position: absolute;
right: 13px;
top: 13px;
font-family: 'Font Awesome 5 Pro';
height: 20px;
}
.Filter_Search_section .modalbform .doctoricon input,
.Filter_Search_section .modalbform .locationicon input {
padding: 5px 40px 5px 10px;
}
.locationicon::before {
content: "\f3c5";
position: absolute;
right: 13px;
top: 13px;
font-family: 'Font Awesome 5 Pro';
height: 20px;
}
.serchlist_recentblog .item {
padding: 10px;
margin-top: 30px;
}
.serchlist_recentblog h4,
.blogdetial_pro .searchblog h4 {
font-size: 22px;
color: #F7931D;
text-transform: capitalize;
font-weight: 500;
margin-bottom: 10px;
}
.searchblog {
padding: 15px;
box-shadow: 0px 0px 15px #0000001a;
text-align: center;
}
.searchblog a {
font-size: 16px;
color: #F7931D;
text-transform: capitalize;
border: 1px solid;
padding: 5px 15px;
border-radius: 5px;
margin: 2px;
display: inline-block;
}
.searchblog a:hover {
background: #f7931d;
color: #fff;
}
.searchblog a:last-child {
color: #00AEEF;
}
.searchblog a:last-child:hover {
background: #00AEEF;
color: #fff;
}
.text_orange {
color: #F7931D;
}
.squer_chekbox {
margin: 8px 0;
}
.squer_chekbox input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.Filter_Search_section .modalbform .squer_chekbox label {
position: relative;
cursor: pointer;
color: #1A1A1A;
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 7px;
}
.squer_chekbox label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #7F8080;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 8px;
width: 16px;
height: 16px;
}
.squer_chekbox input:checked+label:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 5px;
width: 6px;
height: 11px;
border: solid #00AEEF;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.degree_check {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}
.degree_check .squer_chekbox {
width: 48%;
}
.services_check {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0;
}
.services_check li {
width: 24%;
}
.modalbtndiv {
text-align: center;
margin-top: 20px;
}
.modalbtndiv button {
margin: 0 10px;
}
.clearbtn {
font-size: 20px;
color: #FFFFFF;
border-radius: 7px;
border: 2px solid #FFFFFF;
padding: 8px 25px;
background: none;
line-height: 24px;
}
.clearbtn:hover {
background: #fff;
color: #1A1A1A;
}
.btn-close {
color: #fff;
padding: 0;
font-size: 18px;
width: 30px;
line-height: 30px;
height: 30px;
right: -20px;
bottom: 0;
}
.modal-backdrop.show {
opacity: 0.8;
}
.cedarpoint {
display: flex;
margin-bottom: 40px;
}
.cedarpoint img {
background: #FFFFFF;
border-radius: 10px;
padding: 7px;
margin-right: 30px;
box-shadow: 0px 10px 37px #0000001A;
}
.cedarpoint ul {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.cedarpoint ul li {
font-size: 16px;
color: #1A1A1A;
font-weight: 500;
width: 33.3%;
margin: 5px 0;
position: relative;
padding-left: 15px;
}
.cedarpoint ul li i {
color: #f7931d;
font-size: 20px;
position: absolute;
left: 0;
top: 3px;
}
.loc_add aside {
font-size: 18px;
color: #00AEEF;
}
.loc_add aside i,
.loc_add p i {
margin-right: 10px;
}
.loc_add p {
font-size: 16px;
color: #7F8080;
display: flex;
}
#location_slider .owl-stage-outer {
box-shadow: 0px 10px 37px #0000001A;
border-radius: 20px;
padding: 30px;
position: relative;
}
#location_slider::before { width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid #f9f9f9;
position: absolute;
top: -20px;
left: 0;
right: 0;
margin: auto;
}
#location_slider .owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
#location_slider .owl-nav {
position: relative;
text-align: center;
margin-top: 30px;
}
#location_slider .owl-prev,
#location_slider .owl-next {
background-color: #F7931D;
color: #fff;
margin: 0px 5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 22px;
}
#location_slider .owl-prev:hover,
#location_slider .owl-next:hover {
background-color: #00aeef;
opacity: 1;
}
#location_slider .owl-prev i,
#location_slider .owl-next i {
line-height: 0;
}
#location_slider .owl-prev i {
padding-right: 2px;
}
#location_slider .owl-next i {
padding-left: 2px;
}
.Other_Location {
display: none;
}
.search_doctor {
padding-top: 70px;
}
#recentblog img {
width: auto;
margin: 0 auto 15px;
}
.recentinner#recentblog img {
width: 140px;
height: 140px;
object-fit: cover;
border-radius: 50%;
border: 1px solid #D3D3D3;
}
.more_result {
font-size: 20px;
text-transform: capitalize;
color: #00AEEF;
border-bottom: 2px solid;
padding-bottom: 5px;
font-weight: 500;
}
.extralink {
text-align: right;
margin: 15px 0;
}
.loc_add .comnbtn {
width: 43px;
overflow: hidden;
white-space: nowrap;
padding: 8px 15px;
background-color: transparent;
border: 1px solid #F7931D;
color: #F7931D;
transition-property: width, background;
transition-duration: 300ms;
transition-timing-function: ease-in-out;
}
.loc_add .comnbtn:hover {
width: 160px;
background-color: #00AEEF;
color: #FFFFFF;
border-color: #00AEEF;
}
.loc_add .comnbtn i {
margin-right: 22px;
}
.loc_add .comnbtn:hover i {
margin-right: 12px;
}
.doctormain2 {
margin-bottom: 70px;
}
.doctormain2 .cedarpoint {
margin-bottom: 0;
}
.doctormain2 .comnbtn,
.doctormain2 .orangebtn {
padding: 6px 20px;
}
.pagination {
margin-bottom: 50px;
}
.page-link {
border-color: #DEDEDE;
color: #1A1A1A;
}
.page-item.active .page-link {
background-color: #00AEEF;
border-color: #00AEEF;
}
.page-link:hover {
background-color: #F7931D;
color: #FFFFFF;
border-color: #F7931D;
}
.page-link:focus {
box-shadow: none;
}
.docinnerbtn {
margin-bottom: 70px;
}
.docinnerbtn a,
.docinnerbtn a::before {
background-color: #00AEEF;
transition: none;
box-shadow: none;
}
.docinnerbtn a:hover {
box-shadow: none;
cursor: default;
}
.docinnerbtn a img {
margin-left: 5px;
width: 25px;
} .doctordetail .overlayicon a {
margin: 5px;
}
.doctor_profile .doctormain {
align-items: flex-start;
max-width: inherit;
}
.doctor_profile .doctormain .doctorimg {
width: 30%;
position: relative;
margin-bottom: 30px;
}
.doctor_profile .doctorimg .overlayicon {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.6);
transition: all 400ms ease-in-out;
}
.doctor_profile .doctorimg:hover .overlayicon {
opacity: 1;
}
.doctor_profile .doctormain .doctordetail {
width: 70%;
margin-left: 35px;
}
.doc_pro {
margin-top: 30px;
}
.doc_pro h4 {
font-size: 24px;
text-transform: capitalize;
margin-bottom: 15px;
color: #00AEEF;
}
.doc_pro p {
font-size: 16px;
color: #1A1A1A;
}
.doc_specialty {
margin-left: 20px;
}
.doc_specialty span {
font-size: 16px;
display: block;
margin-bottom: 30px;
border-radius: 5px;
box-shadow: 0px 5px 10px #0000001a;
padding: 10px;
}
.doc_specialty strong {
display: block;
margin-bottom: 3px;
}
.subtitle {
display: block;
color: #00AEEF;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.doc_specialty li { margin-bottom: 18px;
padding: 0;
line-height: 1;
border: 1px solid #f7931d;
border-radius: 5px;
}
.doc_specialty li.current {
font-weight: bold;
}
.doc_specialty li:last-child {
margin-bottom: 0;
}
.doc_specialty li span {
display: inline-block;
font-size: 16px;
padding: 10px;
margin-bottom: 0;
min-width: 100px;
background: #ffe8cb;
border-radius: 5px 0 0 5px;
color: #000000;
text-align: center;
margin-right: 10px;
box-shadow: none;
}
.doc_specialty li.close {
border-color: #b3b3b3;
}
.doc_specialty li.close span {
background-color: #e9e9e9;
}
.personalinfo {
font-size: 16px;
max-width: 220px;
}
.personalinfo .telnum {
display: table;
color: #1A1A1A;
margin: 20px 0 0;
}
.personalinfo address {
margin: 0;
}
.personalinfo i {
color: #F7931D;
margin-right: 10px;
width: 20px;
font-size: 20px;
}
.personalinfo aside {
display: flex;
}
.personalinfo .outline_btn2 {
margin-top: 25px;
}
.personalinfo .outline_btn2:hover i {
color: #fff;
} .doctordetail p a {
display: inline-block;
color: #1A1A1A;
font-weight: 500;
}
.doctordetail p a:hover,
.doctordetail p a:hover i {
color: #F7931D;
}
.doctordetail p a i {
padding-right: 5px;
padding-left: 20px;
transition: all 300ms ease-in-out;
}
.doctordetail .addpara {
margin-bottom: 0px;
}
.doctordetail .addpara i {
border-left: 0;
margin-left: 0;
padding-left: 0;
}
.overlayicon .outline_btn2 {
line-height: inherit;
}
.doctordetail .propara {
margin-bottom: 5px;
}
.doctordetail .propara i {
margin-left: 15px;
}
.profilbox .comnpara {
margin-bottom: 15px;
}
.profilbox .comnpara:last-child {
margin-bottom: 0px;
}
.docdetpa {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20px;
}
.docdetpa .comnbtn2 {
margin-right: 20px;
margin-left: 15px;
padding: 5px 15px;
}
.docdetpa .comnbtn2 i {
margin-right: 10px;
}
.modal-header .subtitle {
margin-bottom: 0;
}
.doc_specialty .modal-footer {
justify-content: flex-start;
}
.doc_specialty .btn-close {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb(255 255 255)'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
top: -30px;
right: -25px;
width: 20px;
height: 20px;
font-size: 15px;
}
.modal.show .modal-dialog {
transition: all 500ms ease-in-out;
}
.doctorbox .comnbtn {
background-color: transparent;
padding: 0;
border: 0px;
color: #00AEEF;
margin-right: 0;
margin-left: 15px;
border-bottom: 1px solid #00AEEF;
border-radius: 0;
}
.doctorbox .comnbtn:hover {
color: #F7931D;
border: none;
border-bottom: 1px solid #F7931D;
box-shadow: none;
}
.doctorbox .comnbtn:focus {
box-shadow: none;
} .doctordetail .bookbtn {
background-color: #00AEEF;
border-color: #00AEEF;
color: #FFFFFF;
}
.doctordetail .bookbtn:hover {
background-color: #F7931D;
color: #FFFFFF;
border-color: #F7931D;
}
.docpractice {
padding: 150px 0px;
}
#recentblog .owl-nav {
text-align: center;
}
#recentblog .owl-nav .owl-prev,
#recentblog .owl-nav .owl-next {
background-color: #F7931D;
color: #fff;
margin: 0px 5px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
font-size: 22px;
}
#recentblog .owl-prev:hover,
#recentblog .owl-next:hover {
background-color: #00AEEF;
}
.serchlist_recentblog #recentblog .owl-nav {
margin-top: 30px;
} .inner_banner {
padding: 100px 0;
margin-top: 98px;
}
.banner_caption {
color: #fff;
text-align: center;
}
.banner_caption h1 {
text-transform: uppercase;
font-size: 62px;
line-height: 75px;
font-weight: bold;
margin-bottom: 15px;
}
.banner_caption P {
font-size: 18px;
margin: 0;
} .blog_banner .banner_caption h1 {
text-transform: uppercase;
font-size: 36px;
line-height: inherit;
font-weight: bold;
margin-bottom: 10px;
}
.blog_banner .banner_caption strong {
background: #00AEEF;
color: #fff;
padding: 10px;
border-radius: 5px;
}
.blog_banner .banner_caption strong i {
font-size: 20px;
margin-right: 8px;
}
.bloglist {
background: #FFFFFF;
box-shadow: 0px 12px 37px #0000001A;
border-radius: 10px;
}
.bloglist_img {
position: relative;
}
.bloglist_img img {
width: 100%;
border-radius: 10px 10px 0 0;
}
.bloglist_img span {
font-size: 16px;
background: #00AEEF;
color: #fff;
position: absolute;
right: 0;
bottom: 15px;
border-radius: 10px 0px 0px 10px;
padding: 10px 15px;
letter-spacing: 0.64px;
}
.bloglist_img span i {
margin-right: 10px;
font-size: 20px;
}
.bloglist_content {
padding: 25px;
}
.bloglist_content h3 {
font-size: 22px;
color: #30869C;
text-transform: capitalize;
font-weight: 500;
}
.bloglist_content p {
font-size: 16px;
color: #1A1A1A;
}
.bloglist_content a {
font-size: 16px !important;
color: #F7931D;
text-transform: capitalize;
font-weight: 500;
display: inline-block;
}
.blog_search {
display: flex;
background: #E5F7FE;
border-radius: 10px;
padding: 5px 15px;
margin-bottom: 30px;
}
.blog_search input {
font-size: 18px;
border: none;
color: #00AEEF;
background: none;
height: 50px;
}
.blog_search input::-webkit-input-placeholder,
.blog_search input::-moz-placeholder,
.blog_search input:-ms-input-placeholder,
.blog_search input:-moz-placeholder {
color: #00AEEF;
}
.blog_search button {
border: none;
background: none;
color: #30869C;
font-weight: 500;
font-size: 26px;
}
.sidebar {
background: #FFFFFF;
box-shadow: 0px 0px 37px #0000001A;
border-radius: 10px;
padding: 25px;
}
.sidebar h4 {
font-size: 18px;
letter-spacing: 0.8px;
color: #1A1A1A;
text-transform: uppercase;
margin-bottom: 25px;
font-weight: 600;
}
.numberlist {
margin: 0;
}
.numberlist li {
font-size: 16px;
position: relative;
padding-left: 40px;
line-height: 24px;
margin-bottom: 15px;
}
.numberlist li:last-child {
margin-bottom: 0;
}
.numberlist li p {
font-size: 16px;
line-height: 24px;
margin: 0;
color: #1A1A1A;
}
.numberlist li span {
color: #30869C;
font-size: 35px;
font-weight: bold;
position: absolute;
left: 0;
top: 5px;
}
.numberlist li a {
display: block;
}
.numberlist li small {
color: #1A1A1A;
opacity: 0.4;
display: block;
} .blog_recentblog {
margin-top: 50px;
}
.blog_recentblog .comntitle {
text-align: center;
}
.blog_recentblog .recentblogbox {
margin: 0 0 30px 0;
}
.blogdetial_pro {
margin-top: 50px;
}
.blogdetial_pro .searchblog {
margin-bottom: 30px;
}
.blogdetial_pro .searchblog img {
max-width: 100px;
margin-bottom: 15px;
}
.blogdetial_pro .searchblog a {
font-size: 14px;
padding: 5px 10px;
}
.mob_show {
display: none;
}