File: /home/u435929562/domains/narayanaahospital.com/public_html/css/style.css
/*
Template Name: Narayana Hospital
Document: Main Style Sheet
Author: envalab
Author URL: https://themeforest.net/user/envalab
Developed by: Tanim Mahbub
---------
CSS INDEX
---------
--> PRIMARY RESET
--> essentials
--> back2top
--> all spacing
--> font-family
--> font-weight
--> theme color
--> theme-btn
--> section-header
--> page_header
--> hero-section
--> cta-section
--> service-section
--> video-section
--> team-section
--> fun-facts
--> testimony-section
--> blog-section
--> footer
--> about-section
--> mission-vission
--> service_single
--> contact-area
--> 404 start
*/
/* ================================================================= */
/* ======================= PRIMARY RESET START ===================== */
* {
margin: 0px;
padding: 0px;
border: 0;
outline: 0;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
-o-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.color1 {
color: #161616;
}
body {
font-family: "Ubuntu", sans-serif;
background: #fff;
overflow-x: hidden !important;
}
body::-webkit-scrollbar-track,
textarea::-webkit-scrollbar-track {
background-color: #762d8c;
}
body::-webkit-scrollbar,
textarea::-webkit-scrollbar {
width: 10px;
}
body::-webkit-scrollbar-thumb,
textarea::-webkit-scrollbar-thumb {
background-color: #bb2a8c;
}
a,
a:hover,
a:active,
a:visited,
a:focus {
color: inherit;
text-decoration: none;
outline: 0 !important;
}
a {
transition: all 0.3s ease;
}
h1,
h2,
h3,
h4,
h5,
h6,
figure {
margin: 0;
}
p {
margin-bottom: 0;
}
ol,
ul,
li {
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
input,
textarea {
border: 0;
outline: 0;
box-shadow: none;
resize: none;
background-color: transparent;
}
input:focus,
textarea:focus {
box-shadow: none;
border: 0;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
textarea::-moz-placeholder,
input::-moz-placeholder {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
textarea::placeholder,
input::placeholder {
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
button {
background-color: transparent;
border: 0;
outline: 0 !important;
}
button:focus {
outline: 0 !important;
}
img {
max-width: 100%;
}
::-moz-selection {
color: #fff;
background: #0a2e72;
text-shadow: none;
}
::selection {
background: #bb2a8c;
color: #fff;
text-shadow: none;
}
/* essentials start */
.bdrs-0 {
border-radius: 0px;
}
.bdrs-3 {
border-radius: 3px;
}
.bdrs-5 {
border-radius: 5px;
}
.bdrs-10 {
border-radius: 10px;
}
.no-border {
border: none !important;
}
.crop {
overflow: hidden;
}
.posr {
position: relative;
}
.tdu:hover {
text-decoration: underline;
}
.page-wrapper {
overflow: hidden;
}
/* essentials end */
/* back2top start */
.back2Top {
width: 50px;
height: 50px;
border-radius: 100%;
-webkit-box-shadow: 0 8px 12px -4px rgba(0, 0, 0, 0.5);
box-shadow: 0 8px 12px -4px rgba(0, 0, 0, 0.5);
text-align: center;
cursor: pointer;
z-index: 999;
position: fixed;
bottom: -60px;
right: 20px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.back2Top i {
font-size: 40px;
line-height: 48px;
}
.totop {
bottom: 20px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* back2top end */
/* all spacing (padding and margin) start */
.pt-10,
.py-10,
.p-10 {
padding-top: 10px;
}
.pb-10,
.py-10,
.p-10 {
padding-bottom: 10px;
}
.pl-10,
.px-10,
.p-10 {
padding-left: 10px;
}
.pr-10,
.px-10,
.p-10 {
padding-right: 10px;
}
.pt-15,
.py-15,
.p-15 {
padding-top: 15px;
}
.pb-15,
.py-15,
.p-15 {
padding-bottom: 15px;
}
.pl-15,
.px-15,
.p-15 {
padding-left: 15px !important;
}
.pr-15,
.px-15,
.p-15 {
padding-right: 15px !important;
}
.pt-20,
.py-20,
.p-20 {
padding-top: 20px;
}
.pb-20,
.py-20,
.p-20 {
padding-bottom: 20px;
}
.pl-20,
.px-20,
.p-20 {
padding-left: 20px;
}
.pr-20,
.px-20,
.p-20 {
padding-right: 20px;
}
.pt-25,
.py-25,
.p-25 {
padding-top: 25px;
}
.pb-25,
.py-25,
.p-25 {
padding-bottom: 25px;
}
.pl-25,
.px-25,
.p-25 {
padding-left: 25px;
}
.pr-25,
.px-25,
.p-25 {
padding-right: 25px;
}
.pt-30,
.py-30,
.p-30 {
padding-top: 30px;
}
.pb-30,
.py-30,
.p-30 {
padding-bottom: 30px;
}
.pl-30,
.px-30,
.p-30 {
padding-left: 30px;
}
.pr-30,
.px-30,
.p-30 {
padding-right: 30px;
}
/* margins start */
.mt-10,
.my-10,
.m-10 {
margin-top: 10px;
}
.mb-10,
.my-10,
.m-10 {
margin-bottom: 10px;
}
.ml-10,
.mx-10,
.m-10 {
margin-left: 10px;
}
.mr-10,
.mx-10,
.m-10 {
margin-right: 10px;
}
.mt-15,
.my-15,
.m-15 {
margin-top: 15px;
}
.mb-15,
.my-15,
.m-15 {
margin-bottom: 15px;
}
.ml-15,
.mx-15,
.m-15 {
margin-left: 15px;
}
.mr-15,
.mx-15,
.m-15 {
margin-right: 15px;
}
.mt-20,
.my-20,
.m-20 {
margin-top: 20px;
}
.mb-20,
.my-20,
.m-20 {
margin-bottom: 20px;
}
.ml-20,
.mx-20,
.m-20 {
margin-left: 20px;
}
.mr-20,
.mx-20,
.m-20 {
margin-right: 20px;
}
.mt-25,
.my-25,
.m-25 {
margin-top: 25px;
}
.mb-25,
.my-25,
.m-25 {
margin-bottom: 25px;
}
.ml-25,
.mx-25,
.m-25 {
margin-left: 25px;
}
.mr-25,
.mx-25,
.m-25 {
margin-right: 25px;
}
.mt-30,
.my-30,
.m-30 {
margin-top: 30px;
}
.mb-30,
.my-30,
.m-30 {
margin-bottom: 30px;
}
.ml-30,
.mx-30,
.m-30 {
margin-left: 30px;
}
.mr-30,
.mx-30,
.m-30 {
margin-right: 30px;
}
.mb-125 {
margin-bottom: 125px;
}
.mb-100 {
margin-bottom: 100px;
}
.mt-100 {
margin-top: 100px;
}
/* all spacing (padding and margin) end */
/* ======================== PRIMARY RESET END ====================== */
/* ================================================================= */
/* font-family start */
.f1 {
font-family: "Ubuntu", sans-serif;
}
/* font-family end */
/*font-weight start*/
.fw-3 {
font-weight: 300;
}
.fw-4 {
font-weight: 400;
}
.fw-5 {
font-weight: 500;
}
.fw-7 {
font-weight: 700;
}
/*font-weight end*/
/* theme color start */
.c1 {
color: #0088ff;
}
.c2 {
color: #0a2e72;
}
.bg1 {
background: #bb2a8c;
}
.bg2 {
background: #0a2e72;
}
/* theme color end */
/* theme-btn start */
.theme-btn {
font-size: 16px;
font-weight: 500;
color: #ffffff !important;
background: linear-gradient(90deg, #762d8c -0.51%, #bb2a8c 48.95%);
display: inline-block;
padding: 15px 40px;
border-radius: 30px;
}
.dropdown-arrow{
display: none;
}
.theme-btn i {
font-size: 15px;
margin-left: 12px;
display: inline-block;
transition: all 0.2s ease;
}
.theme-btn:hover {
-webkit-box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.4);
}
.theme-btn:active i {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
-o-transform: translateX(2px);
transform: translateX(2px);
}
/* theme-btn end */
/* section-header start */
.section-header > h2 {
font-size: 42px;
font-weight: 700;
line-height: 55px;
color: #161616;
margin-bottom: 28px;
}
.section-header>p {
font-size: 16px;
line-height: 30px;
color: #454d5d;
}
/* section-header end */
/* page_header start */
.page_header {
height: 378px;
background: url(../img/bg/bg_1920x378.png) no-repeat center center;
background-size: cover;
}
.events_slider {
height: 378px;
background: url(../img/bg/Events_1920x378.png) no-repeat center center;
background-size: cover;
}
.second-slider {
height: 378px;
background: url(../img/bg/Opinion_1920x378.png) no-repeat center center;
background-size: cover;
}
.services_dental_slider {
height: 378px;
background: url(../img/bg/Services_Dental_1920x378.png) no-repeat center center;
background-size: cover;
}
.services_gynecologist_slider {
height: 378px;
background: url(../img/bg/Services_Gynecologist_1920x378.png) no-repeat center center;
background-size: cover;
}
.anaesthesiology_slider {
height: 378px;
background: url(../img/bg/Services_Anesthesiology_1920x378.png) no-repeat center center;
background-size: cover;
}
.about_us_slider {
height: 378px;
background: url(../img/bg/About_1920x378.png) no-repeat center center;
background-size: cover;
}
.emergency_slider {
height: 378px;
background: url(../img/bg/Emergency_1920x378.png) no-repeat center center;
background-size: cover;
}
.endocrinologist_slider {
height: 378px;
background: url(../img/bg/Services_endocrinologist_1920x378.png) no-repeat center center;
background-size: cover;
}
.page_header section>h2 {
font-size: 50px;
font-weight: 700;
color: #bb2a8c;
margin-bottom: 34px;
}
.breadcrumbs>a,
.breadcrumbs>span {
font-size: 20px;
font-weight: 500;
display: inline-block;
position: relative;
}
.breadcrumbs>a:hover {
color: #bb2a8c;
}
.breadcrumbs>a {
color: #161616;
}
.breadcrumbs>span {
color: #161616;
}
.breadcrumbs>a+a,
.breadcrumbs>a+span {
padding-left: 8px;
margin-left: 12px;
}
.breadcrumbs>a+a::before,
.breadcrumbs>a+span::before {
position: absolute;
content: "";
width: 6px;
height: 2px;
background: #0a2e72;
top: 50%;
right: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
/* page_header end */
/* header start */
.topbar {
padding: 13px 0 12px;
background: #fff;
}
.topbar-info>i {
font-size: 20px;
color: #bb2a8c;
}
.topbar-info>span {
font-size: 16px;
font-weight: 500;
color: #161616;
display: inline-block;
margin-left: 9px;
}
.topbar-info {
display: inline-block;
}
.topbar-info+.topbar-info {
margin-left: 76px;
}
.main-nav {
padding: 0;
background: #ffffff;
}
.main-nav.sticky-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.32);
}
.navbar-toggler {
border: none;
padding: 5px !important;
border-radius: 0;
}
.navbar-toggler>span {
width: 40px;
height: 5px;
border-radius: 5px;
background: #bb2a8c;
display: block;
}
.navbar-toggler>span+span {
margin-top: 5px;
}
#main_menu>ul {
position: relative;
padding-right: 15px;
z-index: 2;
}
#main_menu .dropdown-menu {
border: none;
white-space: nowrap;
padding-bottom: 15px;
top: calc(100% - 2px);
left: -25%;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1);
}
#main_menu .dropdown-menu>li>a {
display: block;
padding: 10px 30px;
font-size: 16px;
font-weight: 700;
transition: all 0.3s ease;
}
#main_menu .dropdown-menu>li.current-page>a,
#main_menu .dropdown-menu>li.active>a,
#main_menu .dropdown-menu>li>a:hover {
background: #e4eff9;
color: #bb2a8c;
}
/* this below line for inner dropdown tab hilight when you navigate this are tabs */
#main_menu .dropdown-menu>li.active>ul>li.active{
color: #bb2a8c;
}
#main_menu>ul>li+li {
margin-left: 40px;
}
#main_menu>ul>li>a {
color: #161616;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.4px;
padding: 28px 0;
display: block;
position: relative;
z-index: 1;
/* white-space: nowrap; */
}
#main_menu>ul>li.active>a {
color: #bb2a8c;
}
#main_menu>ul>li>a::before {
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 100%;
background: #fff;
visibility: hidden;
opacity: 0;
top: 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
transition: all 0.3s ease;
}
#main_menu>ul>li:hover>a::before,
#main_menu>ul>li.active>a::before,
#main_menu>ul>li.current-page>a::before {
top: 10px;
visibility: visible;
opacity: 1;
}
#main_menu .navbar-text {
display: inline-block;
background: #fff;
position: relative;
z-index: 1;
padding-left: 60px;
}
#main_menu .navbar-text::before {
position: absolute;
content: "";
width: 100vw;
height: calc(100% + 11px);
top: -6px;
left: 0;
background: #bb2a8c;
clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 2% 50%, 0% 0%);
z-index: -1;
}
/* #main_menu .navbar-text::after {
position: absolute;
content: '';
width: 60px;
height: 61px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
box-shadow: inset -3px 3px 0 #fff;
border-radius: 5px 0 5px 0;
top: 4.5px;
left: -30px;
background: #ffffff;
z-index: -1;
} */
/* header end */
/* hero-section start */
.hero-section {
width: 100%;
height: 930px;
background: url(../img/bg/ddd/TWG04364.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-2 {
width: 100%;
height: 930px;
background: url(../img/bg/ddd/Home_slider_2.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-3 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/TWG04672.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-4 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/TWG05499.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-5 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/TWG05654.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-6 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/Home_slider_6-min.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-7 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/Home_slider_7.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-8 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/Home_slider_8-min.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-9 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/Home_slider_9.jpg) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-section-10 {
height: 930px;
width: 100%;
background: url(../img/bg/ddd/Home_slider_10-min.png) no-repeat center center;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
}
.hero-content>h3 {
font-size: 22px;
font-weight: 700;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hero-content>h2 {
font-size: 68px;
font-weight: 700;
line-height: 77px;
color: #fff;
margin-top: 15px;
text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hero-content>p {
font-size: 20px;
line-height: 28px;
color: #fff;
margin: 34px 0 33px;
text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.col-gray {
color: #454d5d !important;
}
.img-flip {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.hero-content-10>h3 {
font-size: 22px;
font-weight: 700;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hero-content-10>h2 {
font-size: 68px;
font-weight: 700;
line-height: 77px;
color: #fff;
margin-top: 15px;
text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hero-content-10>p {
font-size: 20px;
line-height: 28px;
color: #fff;
margin: 34px 0 33px;
text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.hero-content-10 .theme-btn {
font-size: 16px;
font-weight: 500;
color: #ffffff !important;
background: linear-gradient(90deg, #762d8c -0.51%, #bb2a8c 48.95%);
display: inline-block;
padding: 15px 40px;
border-radius: 30px;
margin-top: 40px;
}
.hero-content-10 .theme-btn i {
font-size: 15px;
margin-left: 12px;
display: inline-block;
transition: all 0.2s ease;
}
.hero-content-10 .theme-btn:hover {
-webkit-box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.4);
box-shadow: inset 0 0 0 6px rgba(255, 255, 255, 0.4);
}
.hero-content-10 .theme-btn:active i {
-webkit-transform: translateX(2px);
-ms-transform: translateX(2px);
-o-transform: translateX(2px);
transform: translateX(2px);
}
/* hero-section end */
/* cta-section start */
.cta-section {
padding: 100px 0;
background-color: #edf4fa;
}
.cta-section.cta-bg {
background: #edf4fa;
padding: 92px 0;
margin-top: 100px;
margin-bottom: 20px;
}
.cta-section section>h2 {
font-size: 45px;
font-weight: 700;
line-height: 55px;
color: #bb2a8c;
}
/* .cta-section section > h2 > span {color: #0088ff;} */
.action {
position: relative;
z-index: 1;
padding: 30px 15px 13px;
background: linear-gradient(90deg, #762d8c -0.51%, #bb2a8c 48.95%);
border-radius: 10px;
}
.action::before {
position: absolute;
content: "";
width: 43px;
height: 43px;
border-radius: 100%;
background: #ff9000;
top: 13px;
left: 14px;
z-index: -1;
}
.action>h2 {
font-size: 35px;
font-weight: 700;
}
.action>p {
font-size: 16px;
font-weight: 500;
margin-right: 15px;
}
.action>i {
position: absolute;
top: calc(50% + 2px);
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: rgba(255, 255, 255, 0.15);
font-size: 105px;
}
/* cta-section end */
/* service-section start */
.service-section {
padding: 100px 0 100px;
background: #f8f8f8;
}
.service-section .section-header {
margin-bottom: 50px;
}
.service-card {
padding: 23px 0 50px;
background: #fff;
text-align: center;
position: relative;
height: 200px;
}
.service-card::before {
position: absolute;
content: "";
width: calc(100% + 3px);
height: calc(100% + 3px);
border: 3px solid #eff3f6;
top: 0;
left: 0;
z-index: 1;
padding: 10px;
}
.service-card::after {
position: absolute;
content: "";
width: calc(100% + 3px);
height: calc(100% + 3px);
border: 3px dashed transparent;
top: 0;
left: 0;
z-index: 2;
transition: all 0.2s ease 0.1s;
}
.service-card:hover::after {
border: 3px dashed #bb2a8c;
}
.service-card>h4 {
font-size: 16px;
font-weight: 400;
color: #161616;
margin-top: -20px;
width: 90%;
margin-left: 10px;
}
.service-card>[class^="flaticon-"],
.service-card>i {
width: 120px;
height: 100px;
line-height: 120px;
margin: 0 auto 40px;
border-radius: 100%;
background: #eef6fc;
display: block;
transition: all 0.3s ease;
}
.service-card:hover>[class^="flaticon-"],
.service-card:hover>i {
background: #bb2a8c;
color: #fff;
}
.service-card>[class^="flaticon-"]::before {
font-size: 50px;
color: #bb2a8c;
font-weight: bold;
transition: all 0.3s ease;
}
.service-card:hover>[class^="flaticon-"]::before {
color: #fff;
}
/* service-section end */
/* video-section start */
.video-section {
position: relative;
z-index: 1;
}
.video-section::before {
position: absolute;
content: "";
width: 100%;
height: 135px;
background: #f8f8f8;
top: 0;
left: 0;
z-index: -1;
}
.video-section-content {
padding: 60px 45px;
background: linear-gradient(90deg, #762d8c -0.51%, #bb2a8c 48.95%);
border-radius: 2px;
position: relative;
z-index: 1;
}
.video-section-content::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
z-index: -1;
top: 0;
left: 0;
background: url(../img/dot.png) repeat top left;
}
.video-section section>h3 {
font-size: 18px;
font-weight: 500;
color: #ffffff;
}
.video-section section>h2 {
font-size: 45px;
line-height: 56px;
margin: 27px 0 42px;
font-weight: 700;
color: #fff;
}
/* .video-section section > h2 > span {color: #0088ff;} */
.video-banner {
position: relative;
z-index: 1;
}
.play-video {
width: 100px;
height: 100px;
line-height: 100px;
display: block;
text-align: center;
border-radius: 100%;
background: #7d2c8c;
position: absolute;
bottom: 50px;
right: 100%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
}
.play-video::before,
.play-video::after {
position: absolute;
content: "";
border-radius: 100%;
opacity: 0.51;
-webkit-box-shadow: inset 0 0 0 1px #eff3f6;
box-shadow: inset 0 0 0 1px #eff3f6;
}
.play-video::before {
width: calc(100% + 16px);
height: calc(100% + 16px);
top: -8px;
left: -8px;
}
.play-video::after {
width: calc(100% + 28px);
height: calc(100% + 28px);
top: -14px;
left: -14px;
}
#popup-video .modal-content iframe {
width: 100%;
height: 450px;
}
/* video-section end */
/* team-section start */
.team-section {
padding-top: 100px;
}
.team-section .section-header {
margin-bottom: 50px;
}
.team-member {
margin: 15px 0;
padding: 3px;
text-align: center;
overflow: hidden;
border-radius: 15px;
-webkit-box-shadow: inset 0 0 0 3px transparent;
box-shadow: inset 0 0 0 3px transparent;
transition: all 0.3s ease;
}
.team-member:hover {
-webkit-box-shadow: inset 0 0 0 3px #bb2a8c;
box-shadow: inset 0 0 0 3px #bb2a8c;
}
.member-photo {
border-radius: 12px 12px 15px 15px;
overflow: hidden;
margin-bottom: 20px;
}
.team-member>h2 {
font-size: 20px;
font-weight: 700;
color: #161616;
}
.team-member>h2>a,
.team-member>p>a {
display: inline-block;
position: relative;
}
.team-member>h2>a::before,
.team-member>p>a::before {
content: "";
height: 2px;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
background: currentColor;
transform: translateY(6px);
transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
transition-property: opacity, transform;
width: 100%;
}
.team-member>h2>a:hover::before,
.team-member>p>a:hover::before {
opacity: 1;
transition-delay: 0.2s;
transition-duration: 0.15s;
transform: translateY(0) translateZ(0);
}
.team-member>p {
font-size: 15px;
font-weight: 700;
color: #0088ff;
margin: 12px 0 15px;
}
.team-member.blank {
padding: 30px;
background: linear-gradient(90deg, #762d8c 0%, #bb2a8c 48.96%);
position: relative;
z-index: 1;
}
.team-member.blank::before {
position: absolute;
content: "";
width: calc(100% - 6px);
height: calc(100% - 6px);
z-index: -1;
top: 3px;
left: 3px;
background: url(../img/dot.png) repeat center center;
}
.team-member.blank>h2 {
font-size: 24px;
color: #fff;
margin-top: 35px;
}
.team-member.blank>p {
font-size: 16px;
font-weight: 400;
color: #fff;
margin: 0;
margin: 20px 0 23px;
}
.team-member.blank>a {
width: 55px;
height: 55px;
border-radius: 100%;
display: block;
margin: 5px auto 30px;
background: #ffffff;
text-align: center;
}
.team-member.blank>a:hover {
background: #0a2e72;
}
.team-member.blank>a i {
color: #bb2a8c;
font-size: 15px;
line-height: 55px;
}
/* team-section end */
/* fun-facts start */
.fun-facts {
padding: 60px 0;
margin-top: 100px;
background: url(../img/bg/02.jpg) no-repeat center center;
background-size: cover;
}
.contact-methods {
background: #fff;
border-radius: 10px;
padding: 40px 40px;
}
.contact-methods>h2 {
font-size: 39px;
font-weight: 700;
line-height: 56px;
color: #bb2a8c;
margin-bottom: 30px;
}
.contact-methods>ul li i {
width: 61px;
height: 61px;
line-height: 61px;
font-size: 28px;
color: #fff;
display: inline-block;
text-align: center;
border-radius: 100%;
}
.contact-methods>ul li:nth-child(odd) i {
background: #762d8c;
margin-right: 10px;
}
.contact-methods>ul li:nth-child(even) i {
background: #bb2a8c;
}
.contact-methods>ul li span {
display: inline-block;
font-size: 30px;
font-weight: 700;
color: #161616;
}
.contact-methods>ul li:nth-child(even) span {
font-size: 29px;
}
.fun-facts-area>h2 {
font-size: 30px;
font-weight: 700;
line-height: 40px;
color: #fff;
}
.fun-facts-area>p {
font-size: 16px;
line-height: 26px;
color: #fff;
margin: 20px 0 20px;
}
.fun-facts-area ul li {
width: 50%;
float: left;
display: -ms-flexbox !important;
display: -webkit-box !important;
display: flex !important;
}
.fun-facts-area ul li i {
font-size: 55px;
color: #fff;
line-height: 65px;
margin-right: 29px;
}
.the_fact .counter {
font-size: 35px;
font-weight: 700;
color: #fff;
}
.the_fact .counter::after {
content: "+";
}
.the_fact p {
font-size: 17px;
font-weight: 500;
color: #fff;
}
/* fun-facts end */
/* testimony-section start */
.testimony-section {
padding: 100px 0;
}
.testimony-section .section-header {
margin-bottom: 50px;
}
.testimony .owl-prev,
.testimony .owl-next {
font-size: 50px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #0a2e72;
transition: all 0.3s ease;
}
.testimony .owl-prev {
left: -100px;
}
.testimony .owl-next {
right: -100px;
}
.testimony .owl-prev:hover,
.testimony .owl-next:hover {
color: #0088ff;
}
.testimony .owl-prev:active {
padding-right: 2px;
}
.testimony .owl-next:active {
padding-left: 2px;
}
.testimony-header {
margin-top: -30px;
margin-bottom: 22px;
}
.reviewer {
margin-bottom: 28px;
}
.testimony-item {
padding: 0 30px 32px 45px;
margin-top: 50px;
/* margin-bottom: 50px; */
border-radius: 15px;
border: 2px solid rgb(247, 247, 247);
background: #eceff4;
box-shadow: 0px 0px 23px 0px rgba(10, 46, 114, 0.08);
min-height: 383px;
}
.reviewer-photo {
width: 60px;
height: 60px;
border-radius: 100%;
overflow: hidden;
}
.reviewer-photo+i {
width: 37px;
height: 37px;
line-height: 37px;
text-align: center;
border-radius: 100%;
background: #bb2a8c;
color: #fff;
}
.reviewer-detail>h2 {
font-size: 20px;
font-weight: 700;
color: #161616;
}
.reviewer-detail>p {
font-size: 14px;
color: #bb2a8c;
}
.testimony-item>h2 {
font-size: 19px;
font-weight: 700;
line-height: 26px;
color: #161616;
margin-bottom: 17px;
}
.testimony-item>p {
font-size: 16px;
line-height: 25px;
color: #454d5d;
}
.the_ratings i {
font-size: 14px;
color: #ff9000;
display: inline-block;
}
/* testimony-section end */
/* blog-section start */
.blog-section {
padding-bottom: 100px;
}
.blog-section-header {
padding: 40px;
background: url(../img/bg/03.png) no-repeat center center;
background-size: cover;
}
.blog-section-header h2 {
font-size: 45px;
font-weight: 700;
line-height: 56px;
color: #161616;
}
/* .blog-section-header h2 > span {color: #ff9000} */
.blog-section-header p {
font-size: 16px;
line-height: 25px;
color: #161616;
}
.blog-carousel-nav {
width: 45px;
height: 45px;
line-height: 45px;
display: inline-block;
border-radius: 100%;
text-align: center;
background: #762d8c;
cursor: pointer;
transition: all 0.3s ease;
}
.blog-carousel-nav+.blog-carousel-nav {
margin-left: 15px;
}
.blog-carousel-nav:hover {
background: #bb2a8c;
}
.blog-carousel-nav i {
font-size: 16px;
color: #fff;
}
.blog-carousel {
margin-top: 55px;
}
.blog-card {
border-radius: 15px;
-webkit-box-shadow: 0 0 0 3px #eff3f6;
box-shadow: 0 0 0 3px #eff3f6;
margin: 15px 0;
}
.blog_posts .blog-card {
-webkit-box-shadow: none;
box-shadow: none;
}
.blog-card .the_post_thumbnail {
-ms-flex: 0 0 300px;
flex: 0 0 300px;
max-width: 300px;
border-radius: 13px 0 0 13px;
overflow: hidden;
}
.blog-card-body {
padding: 35px 25px 35px 30px;
background: #fff;
-ms-flex: 0 0 calc(100% - 300px);
flex: 0 0 calc(100% - 300px);
max-width: calc(100% - 300px);
position: relative;
z-index: 1;
}
.blog-card-body::before {
position: absolute;
content: "";
width: calc(100% + 6px);
height: calc(100% + 6px);
border-radius: 15px;
border: 3px solid #eff3f6;
top: -3px;
left: -3px;
z-index: -1;
transition: all 0.3s ease;
}
.blog_posts .blog-card-body {
padding: 35px 25px 35px 20px;
}
.blog_posts .blog-card-body::before {
width: calc(100% + 12px);
height: 100%;
top: 0;
left: -12px;
background: #fff;
}
.blog-card:hover .blog-card-body::before {
border: 3px solid #bb2a8c;
}
.blog-card-body .the_title {
line-height: 1px;
margin-top: 25px;
margin-bottom: 27px;
}
.blog-card-body .the_title>a {
font-size: 21px;
font-weight: 700;
line-height: 30px;
color: #161616;
}
.blog-card-body .the_title>a:hover {
color: #bb2a8c;
}
.blog-card-body .the_permalink {
font-size: 16px;
font-weight: 500;
color: #bb2a8c;
display: inline-block;
margin-bottom: 8px;
position: relative;
}
.blog-card-body .the_permalink i {
transition: all 0.3s ease 0.2s;
display: inline-block;
}
.blog-card-body .the_permalink:hover i {
-webkit-transform: translateX(3px);
-ms-transform: translateX(3px);
transform: translateX(3px);
}
.blog-card-body .the_permalink::before {
position: absolute;
content: "";
width: 0;
height: 1px;
background: currentColor;
bottom: 0;
left: 0;
transition: all 0.3s ease;
}
.blog-card-body .the_permalink:hover::before {
width: 100%;
}
.blog-card-body .the_date,
.blog-card-body .the_time {
font-weight: 500;
color: #5e6f8e;
display: block;
}
.blog-card-body .the_date {
font-size: 16px;
}
.blog-card-body .the_time {
font-size: 15px;
}
.slide-progress {
width: 0;
max-width: calc(100% - 30px);
margin-left: 15px;
height: 4px;
background: #bb2a8c;
}
.blog_posts {
margin-top: 130px;
}
.navigation.pagination {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack: center !important;
-webkit-box-pack: center !important;
justify-content: center !important;
padding-bottom: 4px;
margin-top: 65px;
}
.nav-links .page-numbers {
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
border-radius: 10px;
text-align: center;
font-size: 16px;
font-weight: 500;
background: #edf4fa;
color: #bb2a8c;
}
.nav-links .page-numbers+.page-numbers {
margin-left: 7px;
}
.nav-links .page-numbers.current,
.nav-links .page-numbers:hover {
background: #bb2a8c;
color: #fff;
}
.the_post_container {
padding: 145px 70px 0;
background: #f4faff;
}
.the_post {
padding-bottom: 30px;
}
.the_post .the_title {
font-size: 34px;
font-weight: 700;
line-height: 55px;
color: #161616;
margin-top: 36px;
margin-bottom: 16px;
}
.post_info {
margin-bottom: 42px;
}
.post_info .the_author,
.post_info .date_time {
display: inline-block;
position: relative;
font-size: 16px;
}
.post_info .the_author {
font-weight: 500;
color: #bb2a8c;
}
.post_info .date_time {
color: #bb2a8c;
}
.post_info a+a {
margin-left: 15px;
padding-left: 10px;
}
.post_info a+a::before {
position: absolute;
content: "/";
font-size: 16px;
font-size: 16px;
color: #bb2a8c;
top: 50%;
transform: translateY(-50%);
right: 100%;
}
.the_post>p {
font-size: 16px;
line-height: 27px;
color: #454d5d;
}
.the_post>p+p {
margin-top: 30px;
}
.the_post>ul {
background: #fff;
padding: 35px 0 5px 90px;
margin: 36px 0 35px;
}
.the_post>ul>li {
position: relative;
font-size: 20px;
font-weight: 500;
color: #161616;
width: 33%;
padding-left: 57px;
margin-bottom: 30px;
display: inline-block;
}
.the_post>ul>li::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
border-radius: 100%;
background: #e2f0fb;
top: -4px;
left: 0;
}
.the_post>ul>li::after {
position: absolute;
content: "\f00e";
font-family: IcoFont;
font-size: 16px;
color: #bb2a8c;
top: 4px;
left: 13px;
}
.post_footer {
margin: 25px 0 50px;
padding: 24px 30px 27px;
background: #fff;
}
.post_tags>span,
.share_post>span {
font-size: 16px;
font-weight: 500;
color: #bb2a8c;
}
.post_tags>a,
.share_post>a {
font-size: 16px;
color: #bb2a8c;
}
.post_tags>a:hover,
.share_post>a:hover {
color: #0088ff;
}
.share_post {
text-align: right;
}
.post_reaction>h3 {
font-size: 34px;
font-weight: 700;
color: #161616;
padding: 43px 0 30px;
}
.all_comments {
margin-top: 33px;
}
.comment-card {
padding-bottom: 25px;
}
.comment-card+.comment-card {
padding-top: 20px;
}
.comment-card .comment-card {
padding-top: 45px;
padding-bottom: 0;
}
.comment-card .media-body {
margin-left: 40px;
}
.comment-card .media-body,
.commented-by>h4 {
font-size: 16px;
line-height: 27px;
color: #454d5d;
}
.comment-header {
margin-bottom: 16px;
}
.commented-by>h3 {
font-size: 25px;
line-height: 22px;
font-weight: 700;
color: #161616;
}
.commented-by>h4 {
font-weight: 400;
margin-top: 14px;
}
.reply>a {
display: inline-block;
font-size: 17px;
font-weight: 700;
color: #bb2a8c;
padding-bottom: 8px;
position: relative;
}
.reply>a::before {
position: absolute;
content: "";
width: calc(100% - 5px);
height: 2px;
background: #bb2a8c;
bottom: 0;
right: 0;
}
.post_reaction {
padding-bottom: 140px;
}
.post_reaction form .inputs {
-ms-flex: 0 0 400px;
flex: 0 0 400px;
max-width: 400px;
}
.post_reaction form .text-area {
-ms-flex: 0 0 calc(100% - 430px);
flex: 0 0 calc(100% - 430px);
max-width: calc(100% - 430px);
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.post_reaction form .text-area textarea {
width: 100%;
padding: 25px 20px;
background: #fff;
font-size: 16px;
transition: all 0.3s ease;
}
.post_reaction form .text-area textarea {
height: 240px;
padding-top: 15px;
margin-bottom: 35px;
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
height: 60px;
margin-bottom: 30px;
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.post_reaction form textarea:focus {
box-shadow: inset 0 0 0 1px #bb2a8c;
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"])::-webkit-input-placeholder,
.post_reaction form textarea::-webkit-input-placeholder {
color: #454d5d;
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"])::-moz-placeholder,
.post_reaction form textarea::-moz-placeholder {
color: #454d5d;
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):-ms-input-placeholder,
.post_reaction form textarea:-ms-input-placeholder {
color: #454d5d;
}
.post_reaction form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"])::placeholder,
.post_reaction form textarea::placeholder {
color: #454d5d;
}
/* blog-section end */
/* footer start */
.footer-lg {
padding: 110px 0;
background: url(../img/bg/04.jpg) no-repeat center center;
background-size: cover;
background-position: left;
}
.footer-col>p {
font-size: 16px;
line-height: 25px;
color: #fff;
margin: 35px 0;
}
.footer-social a {
width: 42px;
height: 42px;
line-height: 42px;
display: inline-block;
margin-right: 13px;
text-align: center;
border-radius: 100%;
background: #bb2a8c;
box-shadow: inset 0 0 0 1px #bb2a8c;
transition: all 0.5s ease;
}
.footer-social a:hover {
box-shadow: inset 0 0 0 30px #bb2a8c;
}
.footer-social a i {
font-size: 15px;
color: #fff;
}
.footer-title {
font-size: 26px;
font-weight: 700;
color: #fff;
margin: 10px 0 36px;
}
.footer-col>ul>li+li {
margin-top: 22px;
}
.footer-col>ul>li>a {
font-size: 16px;
color: #fff;
display: inline-block;
position: relative;
}
.footer-col>ul>li>a::before {
content: "";
height: 1px;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 100%;
background: currentColor;
transform: translateY(6px);
transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);
transition-property: opacity, transform;
width: 100%;
}
.footer-col>ul>li>a:hover::before {
opacity: 1;
transition-delay: 0.2s;
transition-duration: 0.15s;
transform: translateY(0) translateZ(0);
}
.blog-footer+.blog-footer {
margin-top: 20px;
}
.blog-footer .the_date {
font-size: 16px;
line-height: 24px;
color: #bb2a8c;
display: block;
margin-bottom: 6px;
}
.blog-footer h3 {
line-height: 1px;
}
.blog-footer h3>a {
font-size: 16px;
line-height: 26px;
color: #fff;
}
.blog-footer h3>a:hover {
text-decoration: underline;
}
.footer-bottom {
padding: 15px 0;
text-align: center;
background: #161616;
box-shadow: inset 0 0 0 1px #161616;
border-top: 1px solid #bb2a8c;
}
.footer-bottom>p {
font-size: 16px;
color: #fff;
}
.footer-bottom>p>i {
color: #bb2a8c;
}
/* footer end
/* about-section start */
/* .about-section {margin-top: 145px;} */
.about-section {
margin-top: 100px;
}
.about-section section>h2 {
font-size: 45px;
font-weight: 700;
color: #161616;
margin-bottom: 30px;
}
.about-section section>h2>span {
font-weight: 500;
}
.about-section section>p+p {
margin-top: 25px;
}
.about-section section>p {
font-size: 16px;
line-height: 27px;
color: #454d5d;
}
/* about-section end */
/* mission-vission start */
.mission-vission {
margin-top: 100px;
}
.mission-vission section>h2 {
font-size: 45px;
font-weight: 700;
line-height: 55px;
color: #bb2a8c;
margin-bottom: 23px;
}
.mission-vission section>h3 {
font-size: 28px;
line-height: 40px;
font-weight: 700;
color: #161616;
padding: 25px 0;
}
.mission-vission section>p {
font-size: 16px;
line-height: 27px;
color: #454d5d;
}
.mission-vission section>ul {
margin-top: 40px;
}
.mission-vission section>ul>li {
position: relative;
font-size: 20px;
font-weight: 500;
color: #161616;
width: calc(50% - 5px);
padding-left: 57px;
margin-bottom: 30px;
display: inline-block;
}
.mission-vission section>ul>li::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
border-radius: 100%;
background: #e2f0fb;
top: -4px;
left: 0;
}
.mission-vission section>ul>li::after {
position: absolute;
content: "\f00e";
font-family: IcoFont;
font-size: 16px;
color: #bb2a8c;
top: 4px;
left: 13px;
}
/* mission-vission end */
/* service_single start */
.service_single {
/*margin-top: 145px;*/
margin-top: 100px;
}
.service_thumbnail {
margin-bottom: 56px;
}
.the_service_title {
font-size: 34px;
font-weight: 700;
line-height: 35px;
color: #161616;
margin-bottom: 26px !important;
}
.call strong {
color: #bb2a8c;
}
.region strong {
color: #161616;
}
.logist {
padding-top: 45px;
}
.single_service_content>p {
font-size: 16px;
line-height: 27px;
color: #454d5d;
}
.single_service_content>p+p {
margin-top: 23px;
}
.single_service_content>ul {
background: #edf4fa;
padding: 35px 45px;
margin: 40px 0 45px;
}
.single_service_content>h3 {
font-size: 28px;
font-weight: 700;
line-height: 40px;
color: #161616;
margin-bottom: 30px;
}
.single_service_content>p+h3 {
margin-top: 43px;
}
.single_service_content>ul>li {
position: relative;
font-size: 20px;
font-weight: 500;
color: #161616;
width: calc(50% - 5px);
padding-left: 57px;
margin-bottom: 30px;
display: inline-block;
}
.single_service_content>ul>li::before {
position: absolute;
content: "";
width: 40px;
height: 40px;
border-radius: 100%;
background: #e2f0fb;
top: -4px;
left: 0;
}
.single_service_content>ul>li::after {
position: absolute;
content: "\f00e";
font-family: IcoFont;
font-size: 16px;
color: #bb2a8c;
top: 4px;
left: 13px;
}
.service_single aside {
margin-bottom: 30px;
}
.service-widget+.service-widget {
margin-top: 77px;
}
.service-widget>h2 {
font-size: 32px;
font-weight: 700;
line-height: 28px;
color: #161616;
margin-bottom: 40px;
}
.single_service_content>h4 {
color: #161616;
}
.service-widget>ul>li+li {
margin-top: 15px;
}
.service-widget>ul>li>a {
font-size: 16px;
font-weight: 500;
line-height: 28px;
display: block;
color: #bb2a8c;
background: #edf4fa;
padding: 11px 20px 14px 26px;
}
.service-widget>ul>li.active>a,
.service-widget>ul>li>a:hover {
background: linear-gradient(90deg, #762d8c 0%, #bb2a8c 48.96%);
color: #fff;
}
.service-widget.widget-download-files>ul>li.active>a,
.service-widget.widget-download-files>ul>li>a:hover {
color: #161616;
background: #edf4fa;
box-shadow: inset 0 0 0 2px #bb2a8c;
}
.service-widget>ul>li>a>i {
padding-right: 12px;
}
/* service_single end */
/* contact-area start */
.contact-area .section-header {
padding-bottom: 50px;
}
/* .contact-form {margin-top: 45px;} */
.the_contacts {
margin: 100px 0 100px;
}
/* .the_contacts {margin: 145px 0 127px;} */
.the_contact>i {
width: 101px;
height: 101px;
line-height: 101px;
text-align: center;
display: block;
float: left;
margin-right: 40px;
font-size: 30px;
background: #e4eff9;
color: #bb2a8c;
}
.the_contact>section {
width: calc(100% - 141px);
float: left;
}
.the_contact>section>h3 {
font-size: 20px;
line-height: 35px;
font-weight: 700;
color: #161616;
}
.the_contact>section>p {
font-size: 18px;
color: #616c75;
line-height: 35px;
}
/* .contact-form {margin-bottom: 140px;} */
.contact-form {
margin-bottom: 100px;
}
.contact-form .inputs {
-ms-flex: 0 0 400px;
flex: 0 0 400px;
max-width: 400px;
}
.contact-form .text-area {
-ms-flex: 0 0 calc(100% - 430px);
flex: 0 0 calc(100% - 430px);
max-width: calc(100% - 430px);
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.contact-form .text-area textarea {
width: 100%;
padding: 25px 20px;
background: #f1f8ff;
font-size: 16px;
transition: all 0.3s ease;
}
.contact-form .text-area textarea {
height: 240px;
padding-top: 15px;
margin-top: 30px;
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
height: 60px;
margin-top: 30px;
}
.contact-form .text-area [type="submit"] {
transition: all 0.3s ease;
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):focus,
.contact-form textarea:focus {
box-shadow: inset 0 0 0 1px #bb2a8c;
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"])::-webkit-input-placeholder,
.contact-form textarea::-webkit-input-placeholder {
color: #454d5d;
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"])::-moz-placeholder,
.contact-form textarea::-moz-placeholder {
color: #454d5d;
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):-ms-input-placeholder,
.contact-form textarea:-ms-input-placeholder {
color: #454d5d;
}
.contact-form .inputs input:not([type="radio"]):not([type="checkbox"]):not([type="file"])::placeholder,
.contact-form textarea::placeholder {
color: #454d5d;
}
#gMap {
height: 580px;
/* margin-top: 30px; */
width: 100%;
}
.gm-style-cc,
.gmnoprint,
.map-parent div>a>div>img {
display: none;
}
#gMap:hover .gm-style-cc,
#gMap:hover .gmnoprint,
#gMap:hover .map-parent div>a>div>img {
display: block;
}
/* contact-area end */
/* 404 start */
.error_404 {
text-align: center;
margin-bottom: 140px;
}
.error_404 figure {
margin: 100px 0;
}
/* 404 end */
.btn-white {
background: #ffffff !important;
color: #bb2a8c !important;
white-space: nowrap;
}
.team-member p>a {
color: #bb2a8c;
}
.color-black {
color: #161616;
}
.logo {
width: 150px;
}
.call-1 b {
color: #bb2a8c;
}
.hero-content {
margin-left: 20px;
}
.dept-dibito {
font-size: 24px;
}
.gaynec-ul-point {
display: flex;
flex-wrap: wrap;
padding: 55px 30px !important;
}
.ph-contact {
display: block;
color: #616c75;
margin-bottom: 10px;
font-size: 18px;
}
.ph-contact b {
color: #bb2a8c;
}
.email-conatct {
color: #616c75;
margin-bottom: 10px;
display: block;
font-size: 18px;
}
.cust-col-1 {
width: 32%;
}
.cust-col-2 {
width: 36%;
}
.cust-col-3 {
width: 31%;
}
.cust-col-1 .the_contact>i,
.cust-col-2 .the_contact>i,
.cust-col-3 .the_contact>i {
margin-right: 25px;
}
.always-challanges li {
margin-bottom: 15px;
}
.always-challanges li i {
margin-right: 15px !important;
}
.blog-dr-list .team-member h2 {
font-size: 17px;
}
.google-map {
position: relative;
top: 8px;
}
.google-map iframe {
height: 600px;
width: 100%;
}
.call-index-sec .contact-methods i {
transform: rotate(90deg);
}
.topbar-info i {
transform: rotate(90deg);
}
.bv_mainselect {
background: #f1f8ff !important;
border-radius: 0px !important;
padding: 0 !important;
}
.bv_atual {
width: 100% !important;
padding: 18px 20px !important;
background: #f1f8ff !important;
font-size: 16px !important;
color: #454d5d !important;
border: none !important;
border-radius: 0px !important;
transition: all 0.3s ease;
appearance: unset;
position: relative;
font-family: Ubuntu, sans-serif;
white-space: nowrap;
overflow: hidden;
}
.arrows_bv.arrow.down,
.arrows_bv.arrow.up {
display: none;
}
.dr-dropdowan:focus {
border: 1px solid #bb2a8c;
}
.conatct-dr-dropdowan {
position: relative;
margin-top: 30px;
}
.conatct-dr-dropdowan i {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.conatct-dr-dropdowan i {
color: #454d5d;
}
.conatct-dr-dropdowan .bv_disabled {
background-color: #f1f8ff !important;
}
.bv_ul_inner {
border: 2px solid #f1f8ff !important;
width: 400px !important;
border-radius: 0px !important;
}
.bv_ul_inner li {
font-family: Ubuntu, sans-serif !important;
padding: 10px 20px !important;
font-size: 16px !important;
}
.bv_ul_inner li:hover {
background-color: #f1f8ff !important;
}
.sevron-ico {
background: #f1f8ff;
width: 50px;
height: 50px;
position: absolute;
right: 2px;
top: 6px;
}
.f-c-phone {
margin-bottom: 10px;
}
.f-c-phone i {
color: #fff;
transform: rotate(90deg);
font-size: 16px;
}
.f-c-phone a {
color: #fff;
font-size: 16px;
margin-left: 10px;
}
.f-c-email {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.f-c-email i {
color: #fff;
font-size: 16px;
}
.f-c-email a {
color: #fff;
font-size: 16px;
margin-left: 15px;
}
.f-c-address {
color: #fff;
font-size: 16px;
display: flex;
white-space: pre;
}
.f-c-address i {
position: relative;
top: 5px;
margin-right: 17px;
}
.c-ph i {
transform: rotate(320deg);
}
.container-custom {
max-width: 1525px;
width: 100%;
}
.custom-part {
display: flex;
}
.custom-nav {
display: flex;
justify-content: end;
}
#msg-error {
width: 100%;
text-align: left;
}
label.error {
font-size: 14px;
color: red;
margin-bottom: 0;
}
select.round {
font-size: 16px;
transition: all 0.3s ease;
display: inline-block;
padding: 0.5em 3.5em 0.5em 1em;
appearance: unset;
background: #f1f8ff;
font-size: 16px;
transition: all 0.3s ease;
border: 0;
border-radius: 0;
height: 60px;
overflow: hidden !important;
width: 100%;
}
select.round:focus {
background: #f1f8ff;
box-shadow: none;
}
.b-s-book-btn {
font-size: 14px;
padding: 20px 25px;
}
.bs-s-call-text {
width: 100%;
display: block;
font-size: 20px;
font-weight: 700;
color: #bb2a8c;
}
.book-appoint-sec {
margin: 50px 0 25px;
}
.team-member span {
display: block;
margin: 15px 0;
font-size: 18px;
font-weight: 700;
color: #161616;
}
/* .dropdown-submenu {
position: relative;
}
.dropdown-submenu a::after {
transform: rotate(-90deg);
position: absolute;
right: 6px;
top: .8em;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 100%;
margin-left: .1rem;
margin-right: .1rem;
}
.dropdown-submenu a::after {
position: absolute;
right: 10px;
top: 50%;
transform: rotate(-90deg) translateY(-50%);
} */
.doctor-sub-menu {
top: 0 !important;
left: 160px !important;
position: absolute;
z-index: 1000;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border-radius: 10px;
box-shadow: 0px 0px 16px rgb(0 0 0 / 10%);
opacity: 0;
margin-top: 25px;
transition: all 0.2s ease-in;
}
.doctor-sub-menu a {
display: block;
padding: 10px 30px;
font-size: 16px;
font-weight: 700;
transition: all 0.5s ease;
}
.doctor-sub-menu li:hover {
background: #e4eff9;
color: #bb2a8c;
}
.dropdown-submenu:hover .doctor-sub-menu {
opacity: 1;
margin-top: 0;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-toggle::after {
color: #000;
position: relative;
top: 1px;
}
.dropdown-submenu>a:after {
border-left-color: #000 !important;
}
.job-box {
background: #fff;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
border-left: 4px solid #bb2a8c;
}
.job-box a {
padding: 30px 30px;
display: block;
}
.job-box h6 {
font-size: 20px;
font-weight: 700;
line-height: 1.2;
color: #2c3038;
margin-bottom: 10px;
}
.job-box span {
font-size: 14px;
}
.job-box span i {
margin-right: 5px;
}
.job-desc-header {}
.job-desc-header a {
display: inline-block;
float: right;
}
.job-desc-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 2.25rem;
border-bottom: 1px solid #eaedf2 !important;
margin-bottom: 3rem !important;
}
.job-desc-header span {
font-size: 14px;
}
.job-desc-header i {
margin-right: 5px;
}
.article {
padding: 0 2.25rem 70px;
}
.article h5 {
font-size: 1.25rem;
color: #2c3038;
font-weight: 700;
line-height: 1.2;
margin-bottom: 15px;
}
.article p {
margin-bottom: 15px;
}
.modal-content {
border-radius: 0;
}
.modal-content .close {
position: absolute;
right: 10px;
top: 10px;
opacity: 1;
z-index: 999999999999999999;
}
.modal-content {
border-top: 5px solid #bb2a8c;
}
.requirement {
margin-top: 40px;
}
.modal-open .modal {
padding-right: 0 !important;
}
.article ul {
padding-left: 2rem;
}
.article ul li {
list-style: disc;
margin-bottom: 10px;
}
.carousel-control-next,
.carousel-control-prev {
opacity: 1;
}
.single_service_content .team-member p>a {
font-size: 13px;
}
.m-send-btn {
padding: 13px 69px;
}
.swal-icon--success__line--long {
right: 5px;
top: 35px;
}
.swal-icon--success__line--tip {
left: 8px;
top: 44px;
}
.dept-icon {
width: 100px;
height: 100px;
line-height: 100px;
margin: 0 auto 40px;
border-radius: 100%;
background: #eef6fc;
display: block;
}
.dept-icon img {
width: 60px;
}
.department-content {
margin-top: 25px;
}
.department-content h2 {
font-weight: 700;
color: #bb2a8c;
}
.department-content ul {
margin-top: 30px;
}
.department-content ul li {
margin-bottom: 10px;
display: flex;
align-items: baseline;
}
.department-content i {
color: #bb2a8c;
margin-right: 10px;
}
.cross-line {
position: absolute;
width: 800px;
height: 5px;
background: red;
transform: rotate(130deg);
margin-bottom: 200px;
top: 380px;
}
.cross-line1 {
position: absolute;
width: 800px;
height: 5px;
background: red;
transform: rotate(-130deg);
margin-bottom: 200px;
top: 380px;
}
.nav-last {
width: 200px;
padding-left: 39px !important;
}
.btn-apt {
width: 165px !important;
padding: 15px 25px !important;
}
/* .btn-apt .span{
font-size: 14px;
}
*/
.sub-menu {
width: 200px;
padding: 0;
margin-left: 45px;
}
.in-sub-menu {
margin-left: 40px;
}
.image-text {
margin-top: 20px;
}
.image-text1 {
font-size: 20px;
font-weight: 600;
text-align: center;
}
.careers-tab {
font-size: 20px;
font-weight: 500;
margin-bottom: 30px;
margin-left: 5px;
text-transform: capitalize;
}
/* gallery */
.gallery .team-member img{
max-height: 150px !important;
width: 100% !important;
object-fit: cover;
object-position: left top;
}