/*
Name : HelpDesk Medical Theme
Version: 1.0


CSS LIST ==============>

============================
1/HEADER TOP AREA CSS
============================
1/HEADER AREA CSS
============================
3/WELCOME AREA CSS
============================
4/CONTACT AREA CSS
============================
5/ABOUT AREA CSS
============================
6/SERVICE AREA CSS
============================
7/TEAM AREA CSS
============================
8/FEATURE AREA CSS
============================
9/ABOUT2 AREA CSS
============================
10/ADD AREA CSS
============================
11/BLOG AREA CSS
============================
12/CAMPAGIN AREA CSS
============================
13/CTA AREA CSS
============================
14/FOOTER AREA CSS
============================
15/COMMON AREA CSS
============================
16/PRELOADER CSS
============================

*/


/*=========================
HEADER TOP AREA CSS
*/

.top__contact li {
    display: inline-block;
    margin-right: 20px;
}
.head__top {
    padding: 10px 0;
}
.top__contact li a {
    color: #fff;
}
.top__contact li:last-child {
    margin-right: 0;
}

/*=========================
HEADER AREA CSS
*/

.header__area {
    background: #E22454;
}
.logo__area a {
    font-size: 40px;
    font-weight: 700;
}
.header1 {
    padding: 0 3% 0 10%;
}
.header__total__area.sticky {
    top: -100%;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.header__total__area {
    position: fixed;
    z-index: 9;
    width: 100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    top: 0;
    left: 0;
}

.header__total__area:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 35%;
    background: #fff;
    left: -5%;
    top: 25px;
    z-index: 2;
    -webkit-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
}

.header__total__area:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 15%;
    background: #fff;
    right: -5%;
    top: 25px;
    z-index: 2;
    -webkit-transform: skew(-25deg);
    -ms-transform: skew(-25deg);
    transform: skew(-25deg);
}

.logo__area {
    position: relative;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo__area > div {
    display: inline-block;
}

.menu__right > div {
    display: inline-block;
}

.menu__right > div:last-child {
    margin-left: 100px;
}
.search__btn {
    color: #000;
    z-index: 99;
    position: relative;
    font-size: 28px;
    cursor: pointer;
}

.search__area {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #233645;
    z-index: 999;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.search__area.active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    opacity: 1;
    visibility: visible;
}
.search__form input {
    border: 1px solid #fff;
    background: no-repeat;
    padding: 14px;
    color: #fff;
}
.search__form input::-webkit-input-placeholder {
    color: #fff;
}
.search__form input::-moz-placeholder {
    color: #fff;
}
.search__form input:-ms-input-placeholder {
    color: #fff;
}
.search__form input::-ms-input-placeholder {
    color: #fff;
}
.search__form input::placeholder {
    color: #fff;
}
.search__close {
    position: absolute;
    right: 5%;
    top: 8%;
    color: #fff;
    font-size: 30px;
    border: 1px solid #fff;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.search__close:hover {
    background: #E22454;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-color: #E22454;
}
.sidebar__area {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    top: 0;
    visibility: hidden;
    opacity: 0;
    left: -100%;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    color: #fff;
}
.sidebar__area.active {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
}
.sidebar__close {
    position: absolute;
    top: 1%;
    right: 5%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #fff;
    cursor: pointer;
}
.sidebar__area:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #233645;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .7;
}
.sidebar {
    position: absolute;
    width: 20%;
    top: 0;
    left: 0;
    height: 100%;
    background: #233645;
    padding: 100px 40px;
    z-index: 999;
}
.sidebar__menu {
    margin-right: 20px;
    cursor: pointer
}
#header__area {
    position: fixed;
    top: 0;
    width: 100%;
    display: block;
    -webkit-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}
.header__area2 {
    width: 85%;
    margin: 0 auto;
    padding: 20px 0;
}
.header__top__contacts > div {
    display: inline-block;
    margin-right: 40px;
}
.header__top__contacts > div:last-child {
    margin-right: 0;
}
.single__top2__contact {
    position: relative;
    z-index: 2;
    padding-left: 25px;
}
.single__top2__contact__icon {
    position: absolute;
    left: 0;
    top: 0;
}
.language {
    position: relative;
    z-index: 5;
    width: 120px;
    float: right;
}
.language__logo {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
}
.language__list li {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.language__list li ul {
    position: absolute;
    left: 0;
    top: auto;
    text-align: left;
    visibility: hidden;
    opacity: 0;
}
.language__list li li a {
    background: #fff;
    width: 140px;
    padding: 7px 10px;
}
.language__list li:hover ul {
    opacity: 1;
    visibility: visible;
}
.single__top2__contact p {
    font-size: 14px;
}
.single__top2__contact h6 {
    font-size: 20px;
    color: #223645;
}
.menu__area2 {
    width: 80%;
    margin: 0 auto;
}
/*=========================
WELCOME AREA CSS
*/

.welcome__area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.welcome__area.hero2{
    z-index: 2;
}
.welcome__bg1 {
    background: url(../img/bg/bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}


.welcome__bg2 {
    background: url(../img/bg/bg2.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.welcome__bg4 {
    background: url(../img/bg/bg4.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}


.welcome__bg3 {
    background: url(../img/bg/bg3.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.doctor {
    position: absolute;
    right: 5%;
    bottom: 0;
    height: 90%;
}
.welcome__text h1 {
    color: #233645;
    font-weight: 300;
    font-size: 120px;
    line-height: 120px;
    margin-bottom: 40px;
}
.welcome__text h1 span {
    display: block;
    font-weight: 700;
}
.doctor2 {
    position: absolute;
    right: 5%;
    bottom: 0;
    height: 81%;
    z-index: -1;
}
.welcome__text3 {
    background: #fff;
    padding: 50px;
    border-bottom: 20px solid #82b440;
}
/*=========================
CONTACT AREA CSS
*/

.contacts__wrap > div {
    margin: 0;
    padding: 0;
}
.single__contact {
    padding: 40px;
    height: 360px;
    position: relative;
    z-index: 2;
}
.contact__time {
    background: #82B53F;
}
.contact__contact {
    background: #233645;
}
.contact__news {
    background: #E22454;
}
.contact__title h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 500;
}
.contact__head {
    position: relative;
    z-index: 2;
    padding-left: 70px;
    margin-bottom: 60px;
}
.contact__icon {
    position: absolute;
    left: 0;
    top: 50%;
    color: #fff;
    font-size: 50px;
    height: 60px;
    width: 60px;
    margin-top: -30px;
}
.contact__area {
    position: relative;
    margin-top: -180px;
    z-index: 3;
}
.contact__single__details {
    position: relative;
    z-index: 2;
}
.contact__single__details > div {
    display: inline-block;
}
.contact__single__details__content li {
    display: inline-block;
    margin-right: 5px;
}
.contact__single__details__content li a {
    color: #fff;
}
.contact__single__details__content li:last-child {
    margin-right: 0;
}
.contact__content h6 {
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 500;
}
.contact__content h6:last-child {
    margin-bottom: 0;
}
.contact__content h6 span {
    font-weight: 400;
    float: right;
}
.contact__single__details__title h4 {
    color: #fff;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
    text-transform: capitalize;
    font-weight: 500;
    width: 100px;
}
.contact__single__details__content h5 {
    color: #aebecb;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}
.contact__single__details__content li a:hover {
    color: #82b440;
}
.subcribe__form input,
.subscribe__btrn {
    width: 100%;
    background: #fff;
    border: none;
    padding: 15px;
    text-align: center;
}
.subcribe__form input::-webkit-input-placeholder {
    color: #223645;
}
.subcribe__form input::-moz-placeholder {
    color: #223645;
}
.subcribe__form input:-ms-input-placeholder {
    color: #223645;
}
.subcribe__form input::-ms-input-placeholder {
    color: #223645;
}
.subcribe__form input::placeholder {
    color: #223645;
}
.subcribe__form {
    text-align: center;
}
.contact__news:after {
    position: absolute;
    content: "";
    height: 215px;
    width: 350px;
    background: url(../img/icon/contact__email__bg.png);
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    z-index: -1;
}
.contact__news:before {
    position: absolute;
    content: "";
    height: 215px;
    width: 200px;
    background: url(../img/icon/contact__map__bg.png);
    background-repeat: no-repeat;
    top: 5%;
    right: 0;
    z-index: -1;
}
.single__contact3 {
    padding: 30px 30px 30px 55px;
    border: 1px solid #ededed;
    margin-right: -1px;
    position: relative;
    z-index: 2;
}
.contact3__area .row:last-child > div {
    margin: 0;
    padding: 0;
}
.contact3__icon {
    position: absolute;
    left: 30px;
    top: 30px;
}
.c3email,
.c3clock {
    color: #e12454;
}
.c3phone,
.c3comment {
    color: #82b440;
}
.contact3__single__video {
    position: relative;
    z-index: 2;
}
.contact__btn {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
}
/*=========================
ABOUT AREA CSS
*/

.about__left {
    position: relative;
    z-index: 2;
    text-align: right;
}
.about__right img:first-child {
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 20%;
}
img.about2 {
    position: absolute;
    right: 20%;
    top: 50%;
}
.about__author {
    position: relative;
    z-index: 2;
}
.about__icon {
    position: absolute;
    top: 30%;
    right: 50%;
}
.about__author__wrap > div {
    display: inline-block;
}
.about__author {
    width: 60%;
    padding-right: 60px;
    position: relative;
    z-index: 2;
}
.author__img {
    position: absolute;
    right: 0;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    border-radius: 50%;
    overflow: hidden;
}
.author__text h4 {
    color: #000;
}
.author__text {
    text-align: right;
}
.author__text h4 span {
    display: block;
    font-weight: 400;
    font-size: 16px;
}
.about__border {
    height: 2px;
    position: relative;
    z-index: 2;
}
.about__border:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: -o-radial-gradient(#E22454, transparent);
    background: radial-gradient(#E22454, transparent);
}
.about__border.v2:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: -o-radial-gradient(#B9DFFC, transparent);
    background: radial-gradient(#B9DFFC, transparent);
}
.author__signature img {
    width: 120px;
    margin-left: 23px;
}
.about2__form .nav-tabs .nav-link,
.about2__form .nav-tabs {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.about2__form__wrap {
    border: 2px solid #c6dff2;
    background: #fff;
}
.about2__form li {
    width: 50%;
    text-align: center;
}
.about2__form li a {
    color: #223645;
    font-size: 18px;
    display: block;
    font-size: 18px;
    font-family: "Exo";
    padding: 14px;
}
.about2__form a.nav-link.active {
    color: #fff !important;
}
.appoinment__form {
    padding: 45px;
    text-align: center;
}
.about2__form .nav.nav-tabs {
    border-bottom: 2px solid #c6dff2;
}
.appoinment__form input,
.appoinment__form textarea,
.appoinment__form select,
.appoinment__form option {
    padding: 14px;
    width: 100%;
    border: 2px solid #C6DFF2;
}
.appoinment__form input::-webkit-input-placeholder,
.appoinment__form textarea::-webkit-input-placeholder,
.appoinment__form select::-webkit-input-placeholder,
.appoinment__form option::-webkit-input-placeholder {
    color: #223645;
    font-weight: 500;
}
.appoinment__form input::-moz-placeholder,
.appoinment__form textarea::-moz-placeholder,
.appoinment__form select::-moz-placeholder,
.appoinment__form option::-moz-placeholder {
    color: #223645;
    font-weight: 500;
}
.appoinment__form input:-ms-input-placeholder,
.appoinment__form textarea:-ms-input-placeholder,
.appoinment__form select:-ms-input-placeholder,
.appoinment__form option:-ms-input-placeholder {
    color: #223645;
    font-weight: 500;
}
.appoinment__form input::-ms-input-placeholder,
.appoinment__form textarea::-ms-input-placeholder,
.appoinment__form select::-ms-input-placeholder,
.appoinment__form option::-ms-input-placeholder {
    color: #223645;
    font-weight: 500;
}
.appoinment__form input::placeholder,
.appoinment__form textarea::placeholder,
.appoinment__form select::placeholder,
.appoinment__form option::placeholder {
    color: #223645;
    font-weight: 500;
}
.appoinment__form p {
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
}
a.gradient2__btn {
    background: -webkit-gradient(linear, left top, right top, from(#1b57d5), to(#4f87fb));
    background: -o-linear-gradient(left, #1b57d5 0%, #4f87fb 100%);
    background: linear-gradient(90deg, #1b57d5 0%, #4f87fb 100%);
    color: #fff;
    font-size: 18px;
    padding: 15px 35px;
}
.appoinment__form p:after,
.appoinment__select__option:after {
    position: absolute;
    content: "\f007";
    font-family: 'Font Awesome 5 Pro';
    height: 30px;
    width: 45px;
    top: 50%;
    right: 2px;
    margin-top: -15px;
    font-size: 16px;
    color: #4f87fb;
    background: #fff;
}
p.appoinment__number:after {
    content: "\f095";
}
p.appoinment__email:after {
    content: "\f0e0";
}
.appoinment__select__option {
    position: relative;
    z-index: 2;
}
.appoinment__select__option:after {
    content: "\f175";
    top: 30px;
}
.appoinment__select__option .nice-select {
    width: 100%;
    margin-bottom: 20px;
    border: 2px solid #C6DFF2;
}
.appoinment__select__option .nice-select .option {
    width: 100%;
}

h5.v2 {
    border-color: #1C58D5;
}
h4.about__phone2 {
    font-size: 60px;
    font-weight: 300;
    margin-top: 30px;
}

.v2gradient__text {
    background: -webkit-gradient(linear, left top, right top, from(#1b57d5), to(#4f87fb));
    background: -o-linear-gradient(left, #1b57d5 0%, #4f87fb 100%);
    background: linear-gradient(90deg, #1b57d5 0%, #4f87fb 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*=========================
SERVICE AREA CSS
*/

.single__service {
    position: relative;
    z-index: 2;
    background: #fff;
    margin-bottom: 30px;
    padding: 21px 20px 20px 60px;
}

.single__service__icon {
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 42px;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -20px;
}
.single__service__text h5 {
    display: block;
    font-size: 20px;
}
.single__service__text h5 span {
    float: right;
    background: #ddd;
    padding: 0 5px;
    border-radius: 50px;
}
.single__service__wrap {
    counter-reset: service;
}
.single__service__wrap > div {
    position: relative;
    z-index: 2;
}

.single__service__wrap > div:after {
    position: absolute;
    content: "0" counter(service);
    counter-increment: service;
    right: 20px;
    top: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    margin-top: -20px;
    background: #EBF5F5;
    border-radius: 50%;
}
.emergency__list__area {
    background: #fff;
}

.emergency__list__wrap {
    padding: 50px;
}

.emergency__btn__group a {
    width: 49.3%;
    padding: 20px;
    background: #E02454;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
    text-align: center;
    color: #fff;
}
.emergency__btn__group {
    background: #E02454;
}
.emergency__btn__group a:last-child {
    background: #82B440;
    float: right;
}

.emergency__list li a {
    font-size: 16px;
    line-height: 26px;
    color: #223645;
    font-family: "Roboto";
    font-weight: 700;
    text-transform: capitalize;
}
.emergency__list li {
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}
.emergency__list li:last-child {
    margin-bottom: 0;
}
.emergency__list li:before {
    position: absolute;
    content: "+";
    right: 0;
    top: 50%;
    height: 15px;
    width: 15px;
    text-align: center;
    margin-top: -7.5px;
    opacity: .7;
}
.single__service2__img {
    margin-bottom: -60px;
}
.single__service2__content {
    background: #fff;
    position: relative;
    padding: 20px;
    width: 85%;
    margin: 0 auto;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 2;
}
.single__service2__title h3,
.single__service h3 a {
    font-size: 26px;
    letter-spacing: -1px;
    margin: 20px 0;
}
.single__service2__title {
    position: relative;
    z-index: 2;
    padding-left: 60px;
}
.single__service2__icon {
    position: absolute;
    left: 10px;
    height: 45px;
    max-width: 45px;
    margin-top: -22.5px;
    top: 50%;
}
.single__service2 {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-bottom: 30px;
}
.single__service2.active .single__service2__content,
.single__service2:hover .single__service2__content {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.single__service3__bg1 {
    background: url(../img/service/service3bg1.jpg);
}
.single__service3 {
    text-align: center;
    padding: 30px;
    border: 2px solid #C6DFF2;
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    margin-bottom: 20px
}
.service3__border {
    height: 2px;
    background: #82B440;
    width: 40px;
    margin: 0 auto;
    margin-top: 20px;
}
.single__service3__content h4 {
    font-size: 24px;
    margin: 20px 0;
}

.single__service3__hover {
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.single__service3:hover .single__service3__hover,
.single__service3.active .single__service3__hover {
    left: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    visibility: visible;
    opacity: 1
}

.single__service3:hover,
.single__service3.active {
    border-color: transparent;
}
.single__service3__hover__content h5,
.single__service3__hover__content h5 a {
    font-size: 20px;
    margin-bottom: 15px;
}
.single__service3__hover__content p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.single__service3__icon {
    height: 50px;
}
.service__input__group {
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
}

.service__input__group input,
.service__input__group textarea {
    padding: 15px 15px 15px 20px;
    border: none;
    font-size: 14px;
}

.widget .service__input__group input,
.widget .service__input__group textarea {
    border: 1px solid #ddd
}

.service__input__group input::-webkit-input-placeholder {
    color: #223645;
}

.service__input__group input::-moz-placeholder {
    color: #223645;
}

.service__input__group input:-ms-input-placeholder {
    color: #223645;
}
.service__input__group input::-ms-input-placeholder {
    color: #223645;
}
.service__input__group input::placeholder {
    color: #223645;
}
.service__input__group:after {
    position: absolute;
    content: "\f406";
    height: 30px;
    width: 30px;
    top: 0;
    right: 10px;
    margin-top: 14px;
    line-height: 30px;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    font-size: 14px;
}

.service__input__group.siemail:after {
    content: "\f0e0";
}


.single__service2__content:after {
    position: absolute;
    content: "";
    height: 100px;
    width: 100px;
    background: url(../img/service/servicebg1.png);
    top: 10px;
    right: 10px;
    z-index: -1;
}

.single__service2__content.sc2:after{
    background: url(../img/service/servicebg2.png);
}

.single__service2__content.sc3:after{
    background: url(../img/service/servicebg3.png);
} 
.single__service2__content.sc4:after{
    background: url(../img/service/servicebg4.png);
} 
.single__service2__content.sc5:after{
    background: url(../img/service/servicebg5.png);
} 
.single__service2__content.sc6:after{
    background: url(../img/service/servicebg6.png);
} 

.service2 .single__service2__content h3:hover, 
.service2 .single__service2__content a:hover {
    color: #4079F0;
}

/*=========================
TEAM AREA CSS
*/

.single__team {
    text-align: center;
    background: #223645;
    padding: 60px 50px;
}

.single__team__img img {
    width: 80px;
    margin-bottom: 30px;
    border-radius: 50%;
}

.single__team__text h4 {
    font-size: 24px;
    color: #fff
}

.single__team__text h4 span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    color: #82b440;
    margin-top: 5px;
}

.teams > div {
    margin: 0;
    padding: 0;
}

.team__title__area {
    text-align: center;
    padding: 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.single__team__title__img {
    width: 80px;
    margin: 0 auto;
    height: 80px;
    line-height: 80px;
    background: #E02454;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 20px;
}

.team__title__area:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #223645;
    opacity: .6;
    z-index: -1;
    left: 0;
    top: 0;
}

.single__team__title__text h4 {
    font-size: 24px;
    text-transform: capitalize;
    color: #fff;
}

.team__title__area:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../img/about/about1.jpg) no-repeat;
    z-index: -2;
    opacity: .5;
    background-size: cover;
    background-position: center;
}

.single__team {
    position: relative;
    z-index: 2;
}

a.team_link {
    position: absolute;
    content: "+";
    color: #fff;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: #E02454;
    border-radius: 50%;
    left: 50%;
    margin-left: -20px;
    bottom: -30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    cursor: pointer;
}

.single__team:hover a.team_link {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.single__team2 {
    text-align: center;
    margin-bottom: 30px;
}

.single__team2__img img {
    border-radius: 50%;
}

.single__team2__img {
    position: relative;
    z-index: 2;
    transition:all .3s;
}

.team2__icon {
    position: absolute;
    top: 2%;
    left: 5%;
    height: 70px;
    width: 70px;
    line-height: 70px;
    border-radius: 50%;
}

.single__team2__author h2,
.single__team2__author h2 a {
    font-size: 30px;
    line-height: 40px;
}

.single__team2__author p {
    font-size: 14px;
    color: #E02454;
}

.single__team2__author {
    margin-top: 25px;
}

.single__team2__img:after,
.single__team2__img:before {
    position: absolute;
    content: "";
    height: 100px;
    width: 100px;
    background: #f2faff;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    
}

.single__team2__img:before {
    left: auto;
    right: 0;
    top: 0;
    background: #fff2f2;
    transition:all .3s;
}

.team4 a.team_link, 
.team4 .single__team__title__img {

    background: #4079F0;

}

/*=========================
FEATURE AREA CSS
*/

.single__feature {
    margin-bottom: 30px;
    transition: all .3s;
}
.single__feature__text h4 {
    font-size: 22px;
    letter-spacing: -1px;
    color: #223645;
    font-weight: 700;
    margin: 40px 0 20px 0;
    transition: all .3s;
}

.single__feature:hover .single__feature__text h4 {
    color: #E22454;
    transition: all .3s;
}

.single__feature {
    text-align: center;
}
h1.feature2__email {
    font-size: 40px;
    letter-spacing: -1px;
    font-weight: 400;
    border-left: 3px solid #1b57d5;
    padding-left: 65px;
    color: #E22454;
    position: relative;
    z-index: 2;
}
h1.feature2__email:after {
    position: absolute;
    content: "\f0e0";
    left: 15px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}
h1.feature2__email.v1 {
    border-left: 3px solid #E22454;
}
.feature__area2 {
    position: relative;
    z-index: 2;
}
img.feature2__img {
    position: absolute;
    bottom: 0;
    height: 100%;
    width: auto;
}
/*=========================
ABOUT2 AREA CSS
*/

.about2__area {
    position: relative;
    z-index: 2;
    background: #223645;
    height: 750px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.about2__area:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 40%;
    background: url(../img/about/about2bg.png) no-repeat;
    right: -15%;
    top: 10%;
    z-index: -1;
}

.about2__area.about2__area2:after {
    background: url(../img/about/about3bg.png) no-repeat;
}

img.about22 {
    position: absolute;
    top: 0;
    height: 100%;
    left: -4%;
}

.single__about2__list__text h4,
.single__about2__list__text h4 a {
    font-size: 24px;
    letter-spacing: -1px;
    color: #ffffff;
    font-weight: 600;
    transition: all .3s;
}

.single__about2__list__text h4:hover,
.single__about2__list__text h4 a:hover, 
.single__service__text h5:hover, 
.single__service__text h5 a:hover, 
.emergency__list li a:hover{
    color: #E02454;
    transition: all .3s;;
}


.about__our__sevices .single__about2__list__text h4,
.about__our__sevices .single__about2__list__text h4 a {
    color: #223645;
}
.about__our__sevices .single__about2__list__img {
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    position: relative;
    left: 0;
    top: auto;
    margin-top: 0;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #EFF8FF;
    margin: 0 auto;
    margin-bottom: 20px;
}
.about__our__sevices > div {
    display: inline-block;
    width: 49%;
    text-align: center;
    padding-left: 0;
}
.about__our__sevices .single__about2__list__img img {
    width: 35px;
}
.about__our__sevices {
    position: relative;
    z-index: 2;
}
.about__our__sevices:after {
    position: absolute;
    content: "";
    height: 80%;
    width: 1px;
    background: #E5F3FF;
    left: 50%;
    top: 10%;
}
.about__our__sevices:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 80%;
    background: #E5F3FF;
    top: 45%;
    left: 10%;
}
.single__about2__list {
    position: relative;
    z-index: 2;
    padding-left: 70px;
    margin-bottom: 60px;
}
.single__about2__list__img {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -30px;
    background: #fff;
    border-radius: 50%;
}
.single__about2__list:last-child {
    margin-bottom: 0;
}
.single__about2__list__img img {
    width: 30px;
}
.about2__area2 {
    position: relative;
    z-index: 1;
    background: #fff;
}
.about2__area2 .single__about2__list__text h4,
.about2__area2 .single__about2__list__text h4 a {
    font-size: 24px;
    letter-spacing: -1px;
    color: #223645;
    font-weight: 600;
    transition: all .3s;;
}

.about2__area2 .single__about2__list__img {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/*=========================
ADD AREA CSS
*/

.add {
    background: #E02454;
    text-align: center;
    padding: 50px 0;
}
.add2 {
    background: #4079F0;
}
.add h5 {
    font-weight: 300;
    color: #fff;
}
.add h5 span {
    font-weight: 700;
    text-decoration: underline;
}

/*=========================
BLOG AREA CSS
*/

.single__blog {
    border: 2px solid #D6E8F5;
    padding: 35px;
    margin-bottom: 30px;
    letter-spacing: -1px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.single__blog:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #E02454;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.single__blog:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: url(../img/about/about1.jpg);
    left: 0;
    top: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.single__blog:hover,
.single__blog:hover h3,
.single__blog:hover a, 
.single__blog:hover a i {
    color: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.single__blog:hover:after {
    opacity: .8;
    visibility: visible;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.single__blog:hover:before {
    opacity: .3;
    visibility: visible;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.blog__area {
    position: relative;
    z-index: 2;
}
.blog__area:after {
    position: absolute;
    content: "";
    height: 60%;
    background: url(../img/bg/map.png);
    bottom: 0;
    background-repeat: no-repeat;
    width: 70%;
    z-index: -1;
    left: 15%;
}
.blog__area2:after {
    background: url(../img/bg/map2.png);
}
.blog__details a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}
.blog__details a i {
    padding-right: 10px;
    color:#e02454;
}
.blog__content h3 {
    font-size: 24px;
    line-height: 34px;
}
.blog__border {
    border-top: 2px solid #d6e8f5;
    margin-bottom: 20px;
}
.blog__tags {
    position: absolute;
    top: -20px;
    height: 40px;
}
.blog__tags a {
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    padding: 0 25px;
    border-radius: 50px;
    background: #82B440;
    color: #fff;
    font-size: 14px;
}
.blog__content p {
    margin: 20px 0;
}
.blog__details > div {
    display: inline-block;
}
.blog__details > div:last-child {
    margin-left: 16px;
}

/*=========================
FAQ AREA CSS
*/

.faq__area3 {
    background: url(../img/bg/faqbg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.faq__area3 .card-header h2 {
    background: #2d4353;
    padding: 4px 10px;
    margin: 0;
    display: block;
    border: none;
    color: #ffffff;
}

.faq__area3 .card-header {
    margin: 0;
    padding: 0;
    border: none;
}

.faq__area3 button.btn.btn-link {
    margin: 0;
    padding: 0;
    display: block;
    padding: 10px;
    width: 100%;
    text-align: left;
}
.faq__area3 .card {
    border: none;
    margin-bottom: 20px;
    border-radius: 0;
}
.faq__area3 .card-header h2 button {
    color: #fff;
    font-size: 18px;
}

.faq__area3 .card-header h2 button:hover,
.faq__area3 .card-header h2 button:focus {
    text-decoration: none;
    color: #fff;
}

.faq__area3 .card:last-child {
    margin-bottom: 0;
}

.faq__area3 .card-header h2 button {
    position: relative;
    z-index: 2;
}

.faq__area3 .card-header h2 button:after {
    position: absolute;
    content: "\f067";
    height: 30px;
    width: 30px;
    font-size: 12px;
    top: 50%;
    line-height: 30px;
    text-align: center;
    margin-top: -15px;
    right: 0;
    font-family: 'Font Awesome 5 Pro';
}

.faq__area3 .card-header h2 button[aria-expanded="true"]:after {
    content: "\f068";
}

/*=========================
CAMPAGIN AREA CSS
*/

.campaign__area .row:last-child > div {
    margin: 0;
    padding: 0;
}

/*=========================
CTA AREA CSS
*/

.cta__area {
    background: #fff;
    margin-top: -200px;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.single__cta {
    position: relative;
    z-index: 2;
    padding: 20px 0 0 120px;
}
.single__cta__icon {
    width: 80px;
    position: absolute;
    left: 32px;
    text-align: center;
    height: 80px;
    top: 50%;
    margin-top: -20px;
}
.single__cata__text h5 {
    font-size: 14px;
    font-weight: 600;
}
.single__cata__text h5 span {
    float: right;
}
.single__cata__text h3 {
    font-size: 26px;
}
select#cta__select {
    border: none;
    width: 100%;
    margin-bottom: 10px;
}
/*=========================
FOOTER AREA CSS
*/

.footer__area {
    position: relative;
    z-index: 2;
}
.footer__copyright__area {
    background: #162734;
    padding: 15px 0;
}
.footer__copyright__area p {
    color: #fff;
    font-weight: 400;
}
.single-footer h3 {
    font-size: 24px;
    letter-spacing: -1px;
    color: #ffffff;
    margin-bottom: 30px;
}
.instagran__area > div {
    padding: 6px;
}

.single-footer li a,
.single-footer p {
    color: #c7c7c7;
    font-weight: 400;
}

.single-footer li a:hover {
    color: #E22454;
}

.v2 .single-footer li a:hover {
    color: #4079F0;
}
.v2 ul.footer__social2 li a:hover {
    color: #fff;
}


.single-footer li {
    margin-bottom: 5px;
}
.single-footer li:last-child {
    margin-bottom: 0;
}
.single-footer p {
    margin-bottom: 30px;
}
ul.footer__social li {
    display: inline-block;
    margin-right: 5px;
}
ul.footer__social li a {
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background: #2A3F4E;
    margin-bottom: 0;
    border-radius: 50%;
}
ul.footer__social li:last-child {
    margin-right: 0;
}
ul.footer__social li a:hover {
    background: #E22454;
    color: #fff;
}
/*=========================
COMMON AREA CSS
*/

h5.heading__top1 {
    text-transform: uppercase;
    font-weight: 600;
    border-left: 2px solid #ff5621;
    padding-left: 10px;
    line-height: 20px;
    display: inline-block;
    color: #223645;
    margin-bottom: 10px;
}
h5.heading__top12 {
    border-left: 2px solid #fff;
}
h5.heading__top2 {
    text-transform: uppercase;
    font-weight: 600;
    border-left: 2px solid #ff5621;
    border-right: 2px solid #ff5621;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 20px;
    display: inline-block;
    color: #223645;
    margin-bottom: 10px;
}
h5.heading__top2.v2 {
    border-left: 2px solid #356fe8;
    border-right: 2px solid #356fe8;
}
.heading p {
    margin-top: 20px;
}
.heading2 h2 {
    font-size: 58px;
    letter-spacing: -2px;
    line-height: 70px;
}
h5.heading__top__white {
    color: #fff
}
.heading {
    position: relative;
    z-index: 2;
}
h1.heading__shadow__text {
    position: absolute;
    z-index: -1;
    color: #EEF8FF;
    display: block;
    width: 100%;
    top: -50%;
    font-size: 160px;
}
.upbtn__area {
    position: fixed;
    right: 5%;
    bottom: 5%;
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
}
.header__area.sticky .upbtn__area {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}
.up__btn__wrap {
    background-color: #f44336;
    width: 50px;
    height: 50px;
    position: relative;
    -webkite-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: pulsate 1s infinite;
    animation: pulsate 1s infinite;
    z-index: 9999;
}
.up__btn__wrap:after,
.up__btn__wrap:before {
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    background-color: #f44336;
    position: absolute;
    border-radius: 50%;
    z-index: 99;
}
.up__btn__wrap:after {
    top: -25px;
    left: -0px;
}
.up__btn__wrap:before {
    top: 0px;
    left: -25px;
}
a.upbtn {
    display: block;
    height: 45px;
}
a.upbtn {
    opacity: 0
}
.black,
.black a,
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6,
.black small,
.red,
.red a,
.red h1,
.red h2,
.red h3,
.red h4,
.red h5,
.red h6,
.red small,
.white,
.white a,
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white small {
    color: #ffffff;
}
h5.v2 {
    border-color: #1C58D5;
}
.blog__area2 .blog__tags a,
.blog__area2 .single__blog:after,
a.cta__btn2,
ul.footer__social2 li a:hover,
.about2__form a.nav-link.active,
.team2__icon {
    background: -webkit-gradient(linear, left top, right top, from(#1b57d5), to(#4f87fb));
    background: -o-linear-gradient(left, #1b57d5 0%, #4f87fb 100%);
    background: linear-gradient(90deg, #1b57d5 0%, #4f87fb 100%);
}
.blog__area3 .blog__tags a,
.blog__area3 .single__blog:after,
a.cta__btn3,
ul.footer__social3 li a:hover,
.about3__form a.nav-link.active,
.team3__icon,
.team2__icon.v1 {
    background: #E02454;
}
/*=========================
PRELOADER CSS
*/

.prelaoder__wrap {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #233645;
    z-index: 9999;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.heart-loader {
    background-color: #f44336;
    width: 50px;
    height: 50px;
    position: relative;
    -webkite-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: pulsate 1s infinite;
    animation: pulsate 1s infinite;
}
.heart-loader::before,
.heart-loader::after {
    display: inline-block;
    content: "";
    width: 50px;
    height: 50px;
    background-color: #f44336;
    position: absolute;
    border-radius: 50%;
}
.heart-loader::before {
    top: 0px;
    left: -25px;
}
.heart-loader::after {
    top: -25px;
    left: -0px;
}

/* PACMAN */

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
    5% {
        -webkit-transform: rotate(45deg) scale(0.9);
        transform: rotate(45deg) scale(0.9);
    }
    10% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
    15% {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
    100% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
    5% {
        -webkit-transform: rotate(45deg) scale(0.9);
        transform: rotate(45deg) scale(0.9);
    }
    10% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
    15% {
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
    }
    50% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
    100% {
        -webkit-transform: rotate(45deg) scale(0.8);
        transform: rotate(45deg) scale(0.8);
    }
}