/*
  Theme Name: Heus - One Page Creative Agency Template
  Author: webmakerbd
  Support: webmakerbddotcom@gmail.com
  Description: Heus - One Page Creative Agency Template
  Version: 1.0
*/


/* CSS Index
-----------------------------------
1. Theme default css 
2. Main Menu css
3. Hero area css
4. Feature css
5. About Area Css
6. service area css 
7. Portfolio Area css
8. Team Area Css
9. Video area css
10. Price Area Css
11. Ploan Area css
12. Testimonial Area Css
13. Blog area Css
14. Contact area Css
15. Breadcum area Css
16. Footer Area Css
17. Prealoader Area css 
*/


/* 1. Theme default css */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
body {
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    color: #8a8d91;
}

.img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.fix {
    overflow: hidden
}

a,
.button {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
    color: #2B96CC;
    text-decoration: none;
}

a,
button {
    color: #1696e7;
    outline: medium none;
}

button:focus,
input:focus,
input:focus,
textarea,
textarea:focus {
    outline: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    color: #0a0c19;
    margin: 0px;
    font-style: normal;
    font-weight: 600;
    text-transform: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style: none
}

p {
    margin-bottom: 15px;
}

hr {
    border-bottom: 1px solid #eceff8;
    border-top: 0 none;
    margin: 30px 0;
    padding: 0;
}

label {
    color: #444;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

*::-moz-selection {
    background: #d6b161;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #444;
    color: #fff;
    text-shadow: none;
}

*::-moz-placeholder {
    color: #8a8d91;
    font-size: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

*::-webkit-input-placeholder {
    color: #8a8d91;
    font-size: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

*:-ms-input-placeholder {
    color: #8a8d91;
    font-size: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

*::placeholder {
    color: #8a8d91;
    font-size: 14px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.theme-overlay {
    position: relative
}

.separator {
    border-top: 1px solid #f2f2f2
}

input[type="email"],
input[type="submit"],
input[type="tel"],
input[type="text"],
button[type="submit"],
input[type="password"],
textarea {
    padding: 20px 22px;
    border: 2px solid #0f85e4;
    font-size: 14px;
    color: #0f85e4;
}

button[type="submit"] {
    background: #0f85e4;
    color: #fff;
    border-color: #0f85e4;
}

.feature-inner-content h4,
.section-title h1,
.single-service h4,
.team-meta h4,
.video-content-inner h1,
.price-value h1,
.client-meta p,
.form-area h4,
.single-blog-list h3,
.widget h3,
h2.post-title,
.widget.sidebar_content h2.widget-title,
h3.comment-title,
ul.comment-list li.comment-item .comment-metadata h4,
h3.comment-form-title {
    font-family: 'Poppins', sans-serif;
}

.section-title h4,
.team-meta h4 span,
.video-content-inner h5,
.price-value h1 span,
.single-testimonial h5,
.client-meta p span {
    font-family: 'Robik', sans-serif;
}


/* 2. Main Menu css */

header.header-area {
    position: absolute;
    top: 22px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 3;
    -webkit-transition: .4s;
    transition: .4s;
}

.site-logo img {
    max-width: 100%;
}

.site-logo a {
    display: inline-block;
}

.site-logo.site-top-logo {
    margin-top: 22px;
}

.heus-main-menu ul li {
    display: inline-block;
    position: relative;
}

.heus-main-menu ul li a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    margin-left: 25px;
    padding: 25px 0;
}

.heus-main-menu nav {
    margin-right: 220px;
}

.heus-main-menu ul li ul {
    position: absolute;
    left: 0;
    top: 75px;
    width: 250px;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    left: -100px;
    border-radius: 5px;
}

.heus-main-menu ul li ul li {
    display: block;
    text-align: left;
}

.heus-main-menu ul li ul li a {
    padding: 0;
    color: inherit;
    margin: 0;
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
}

.heus-main-menu ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
}

.heus-main-menu ul li ul li:last-child a {
    border-bottom: none;
}

.heus-main-menu ul li:hover>a {
    color: #0f85e4;
}

.heus-main-menu ul li ul li ul {
    top: 0;
    right: 0;
    left: 250px !important;
}

.responsive-menu .slicknav_menu {
    display: none
}

header.header-area.sticky {
    position: fixed;
    width: 100%;
    height: auto;
    background: #222;
    padding: 5px 0;
    top: 0;
}

.support-btn.btn {
    position: absolute;
    right: 0;
    top: -6px;
}

.support-btn.btn a,
.btn.btn-filled {
    background: #fff;
    padding: 12px 30px;
    display: inline-block;
    border-radius: 50px;
    color: #1085e4;
    text-transform: capitalize;
}

.heuse-hero-btn a.btn.btn-filled {
    background: #1085e4;
    color: #fff;
}

.support-btn.btn a span {
    display: block;
    font-size: 18px;
    font-weight: 600;
}


/* 3. Hero area css */

section.hero-area {
    width: 100%;
    height: 750px;
    /* height: 1485px; */
    background-size: cover;
    background-position: left bottom;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
    background-color: #fff;
}

.hero-inner-content {
    margin-top: 350px;
    padding-right: 23px;
}

.hero-inner-content,
.hero-inner-content h1,
.hero-inner-content h4 {
    color: #fff;
}

.hero-inner-content h1 {
    font-size: 60px;
    margin: 0 0 30px;
    line-height: 1.1;
}

.hero-inner-content h4 {
    font-size: 20px;
    line-height: 1.6;
    margin: 0 0 10px;
}

.hero-area-shape img {
    max-width: 100%;
}

.hero-area-shape {
    margin-top: 155px;
    margin-right: -30px;
}

.hero-area-shape-1 {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}

.hero-area-shape-1 {
    z-index: -1;
}

.hero-area-shape-2 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.hero-area-shape-1 img {
    max-width: 61%;
}

.hero-area-shape-2 img {
    max-width: 48%;
}

.hero-area-shape-2 {
    text-align: right;
}

.hero-area-shape-3,
.hero-area-shape-4,
.hero-area-shape-5 {
    position: absolute;
}

.hero-area-shape-4 {
    right: 0;
    bottom: 12%;
}

.hero-area-shape-5 {
    bottom: -3%;
}

.hero-area-shape-3 {
    top: 11%;
    left: 11%;
}


/* 4. Feature css */

.feature-row {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 40px 0px rgba(16, 133, 228, 0.25);
    padding: 45px 0;
    position: relative;
}

.feature-inner-content {
    padding: 0px 25px;
    position: relative;
}

.feature-inner-content h4 {
    font-size: 24px;
    color: #161c42;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.feature-inner-content p:last-child {
    margin: 0;
}

.feature-inner-content:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #e9e9e9;
}

.feature-vectore-icon {
    position: absolute;
    left: -75px;
    top: -86px;
}

.feature-row .col-xl-4:last-child .feature-inner-content:after {
    display: none
}


/* 5. About Area Css */

.about-area-image {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 48%;
    height: 78%;
}

.about-area-image img {
    width: 100%;
    height: 100%;
}

.section-title h1 {
    font-size: 40px;
    color: #161c42;
    line-height: 1.1;
}

.section-title h4 {
    font-size: 18px;
    color: #1085e4;
}


/* 6. service area css */

.single-service img {
    display: inline-block;
    width: 40px !important;
    height: 60px;
    margin: 0 auto;
}

.single-service {
    border: 1px solid #b8dbf8;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    background: #e4f3ff;
}

.service-icon i.fa {
    font-size: 60px;
    color: #0f85e4;
}

.single-service a {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #0f85e4;
    color: #fff;
    line-height: 50px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: -23px;
    margin-left: -25px;
    opacity: 0;
    visibility: hidden;
}

.single-service:hover a {
    opacity: 1;
    visibility: visible;
}

.services-item.owl-carousel .owl-stage {
    padding-bottom: 28px;
}

.single-service h4 {
    font-size: 24px;
    color: #161c42;
}

.single-service:hover {
    background: #fff;
    border-color: #0f85e4;
}

.single-service:hover a {
    background-color: rgb(16, 133, 228);
    box-shadow: 0px 10px 20px 0px rgba(16, 133, 228, 0.5);
    color: #fff;
}

.services-item .owl-nav.disabled,
.portfolio-item .owl-nav.disabled,
.blog-list.owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    right: 0;
    top: -35%;
}

.services-item .owl-nav.disabled button,
.portfolio-item .owl-nav.disabled button,
.blog-list.owl-carousel .owl-nav.disabled button {
    width: 65px;
    height: 65px;
    background: #efefef;
    display: inline-block;
    border-radius: 50%;
    margin-left: 45px;
    -webkit-transition: .4s;
    transition: .4s;
}

.services-item .owl-nav.disabled button i.fa,
.portfolio-item .owl-nav.disabled button i.fa,
.blog-list.owl-carousel .owl-nav.disabled button i.fa {
    font-size: 24px;
    color: #a1a1a1;
}

.services-item .owl-nav.disabled button:hover,
.portfolio-item .owl-nav.disabled button:hover,
.blog-list.owl-carousel .owl-nav.disabled button:hover {
    background-color: rgb(16, 133, 228);
    box-shadow: 0px 10px 20px 0px rgba(16, 133, 228, 0.5);
    color: #fff;
}

.services-item .owl-nav.disabled button:hover i.fa,
.portfolio-item .owl-nav.disabled button i.fa,
.blog-list.owl-carousel .owl-nav.disabled button i.fa {
    color: #ffffff;
}


/* 7. Portfolio Area css */

.single-portfolio-item {
    width: auto;
    height: 355px;
    background-size: cover;
    background-position: center;
    background-color: #ddd;
}

div.no-padding {
    padding: 0;
}

.portfolio-item .owl-nav.disabled {
    position: relative;
    text-align: center;
    margin-top: 60px;
}

.portfolio-item .owl-nav.disabled button {
    margin: 0 22.5px;
}


/* 8. Team Area Css */

.team-bg {
    height: 355px;
    width: 100%;
}

.single-team {
    position: relative;
    overflow: hidden;
}

.member-social-link {
    position: absolute;
    bottom: 7%;
    left: -100%;
    width: 100%;
    height: auto;
    padding: 0 35px;
    -webkit-transition: .4s;
    transition: .4s;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.single-team:hover .member-social-link {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    left: 0;
}

.team-meta h4 {
    font-size: 24px;
    line-height: 1.25;
}

.team-meta h4 span {
    display: block;
    font-size: 16px;
    color: #63688e;
    margin-top: 18px;
    text-transform: uppercase;
}

.single-team:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    width: 100%;
    background: #0f85e4;
}

.team-bg {
    background-size: cover;
    background-position: center;
}

.member-social-link ul {
    background: #0f85e4;
    padding: 15px 35px;
    border-radius: 50px;
}

.member-social-link ul li,
.social-list ul li {
    display: inline-block;
}

.member-social-link ul li a,
.social-list a {
    display: block;
    width: 35px;
    height: 35px;
    -webkit-transition: .4s;
    transition: .4s;
    background: #0b75c9;
    color: #fff;
    border-radius: 50%;
    line-height: 37px;
    margin: 0 5px;
}

.member-social-link ul li a:hover,
.social-list a:hover {
    background: #fff;
    color: #0b75c9;
}


/* 9. Video area css */

section.video-area {
    background-image: -moz-linear-gradient( -18deg, rgb(10, 32, 144) 0%, rgb(37, 123, 208) 100%);
    background-image: -webkit-linear-gradient( -18deg, rgb(10, 32, 144) 0%, rgb(37, 123, 208) 100%);
    background-image: -ms-linear-gradient( -18deg, rgb(10, 32, 144) 0%, rgb(37, 123, 208) 100%);
    z-index: 1;
}

.video-content-inner,
.video-content-inner h1,
.video-content-inner h5,
.video-content-inner a {
    color: #fff;
}

.video-content-inner h1 {
    font-size: 45px;
    line-height: 1.2;
}

.video-content-inner h5 {
    font-size: 18px;
    line-height: 1.6;
}

.video-btn a {
    text-decoration: underline;
}

.video-before.align-items-center {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 42%;
    background-color: #ddd;
    background-size: cover;
    background-position: center;
}

.video-after-shape {
    position: absolute;
    right: 4%;
    top: 19%;
    height: 100%;
    width: 51%;
    z-index: -1;
}

.video-after-shape img {
    max-width: 100%;
}

section.video-area {
    z-index: 1;
}

.video-before-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140px;
    height: 140px;
    text-align: center;
    background: #50b0fe;
    border-radius: 50%;
    color: #fff;
    z-index: 1;
    margin-top: -70px;
    margin-left: -70px;
}

.video-before-content a {
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 127px;
}

.video-before-content:after {
    position: absolute;
    left: 10%;
    top: 10%;
    width: 80%;
    height: 80%;
    content: "";
    background: #0f85e4;
    border-radius: 50%;
    z-index: -1;
}

.video-before-content a:hover {
    color: #fff;
}


/* 10. Price Area Css */

.single-price {
    border: 2px solid #0f85e4;
}

.price-value h1 {
    color: #161c42;
    font-size: 45px;
    line-height: 1.3;
    font-weight: normal;
}

.price-value h1 span {
    color: #8a8d91;
    font-size: 18px;
    margin-left: 10px;
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
}

.price-value p {
    color: #0f85e4;
}

.price-boady ul li {
    display: block;
    color: #8a8d91;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.price-head i.fa {
    font-size: 195px;
    height: 180px;
    color: #0f85e4;
}

.price-tab-btn ul {
    text-align: center;
    float: right;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    background-color: rgb(249, 249, 255);
    overflow: hidden;
}


}
.price-tab-btn {
    text-align: right;
    overflow: hidden;
}
.price-tab-btn ul li {
    display: inline-block;
}
.price-btn .btn.btn-filled {
    text-transform: uppercase;
}
.price-tab-btn ul {
    border-radius: 50px;
}
.price-tab-btn ul li a.nav-link.active {
    background-color: rgb(16, 133, 228);
    box-shadow: 0px 8px 24px 0px rgba(16, 133, 228, 0.5);
    color: #fff;
}
.price-tab-btn ul li a.nav-link {
    padding-top: 17px;
    padding-bottom: 17px;
    padding-left: 40px;
    padding-right: 40px;
    text-transform: capitalize;
    color: #63688e;
    font-size: 16px;
    border-radius: 50px;
}
.price-btn {
    margin-bottom: -80px;
}

/* 11. Ploan Area css */
.plan-inner-content l:last-child {
    margin: 0;
}
.plan-inner-content p:last-child {
    margin: 0;
    padding: 0;
}
.plan-inner-content p {
    margin: 0;
}
.plan-inner-content ul li {
    display: block;
    position: relative;
    padding-left: 17px;
    margin-bottom: 5px;
}
.plan-inner-content ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-family: fontAwesome;
    color: #0f85e4;
}
img.image-plan-right {
    max-width: 100%;
}
.plan-area-image {
    margin-right: -60px;
}
.col-xl-6.col-lg-6.-mt-125 {
    margin-top: -125px;
}

/* 12. Testimonial Area Css */
.testimonial-area {
    background-size: cover;
    background-position: center;
    z-index: 1;
    background-color: #ddd;
    color: #fff;
}
section.testimonial-area:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #1085e4;
    z-index: -1;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.testimonial-area h1,
.testimonial-area h4,
.testimonial-area h5 {
    color: #fff;
}
.single-testimonial h5 {
    font-size: 18px;
    line-height: 1.8;
    font-style: italic;
}
.single-testimonial {
    border: 4px solid #63aeeb;
    position: relative;
}
.client-meta p {
    margin: 0;
    font-weight: 600;
}
.client-meta p span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.8;
}
.clint-image {
    margin-bottom: -35px;
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 100%;
    height: auto;
}
.clint-image img {
    max-width: 95px;
}

/* 13. Blog area Css */
.section-title.blog-title h1 {
    position: relative;
}
.section-title.blog-title h1:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 4px;
    content: "";
    background: #0f85e4;
}
.form-area h4 {
    color: #161c42;
    font-size: 20px;
    line-height: 1.6;
    padding-right: 127px;
}
.form-area form {
    width: 100%;
}
.form-area form input[type="email"] {
    float: left;
    width: 80%;
}
.form-area form button[type="submit"] {
    width: 20%;
    float: right;
}
.single-blog-list {
    border: 2px solid #cfe6fa;
    position: relative;
    z-index: 3;
    overflow: visible;
    margin-bottom: 30px;
    -webkit-transition: .4s;
    transition: .4s;
}
.single-blog-list p {
    font-size: 16px;
    line-height: 1.85;
    margin: 0;
}
.single-blog-list h3 {
    font-size: 24px;
    line-height: 1.5;
    color: #161c42;
}
.single-blog-list h5 {
    font-size: 14px;
    font-weight: normal;
    color: #1085e4;
    line-height: 2;
}
.blog-readmore-btn a {
    text-transform: capitalize;
    color: #1085e4;
}
.blog-after,
.blog-before {
    position: absolute;
    left: 5%;
    bottom: -15px;
    content: "";
    height: 15px;
    width: 90%;
    z-index: -1;
    border-left: 2px solid #cfe6fa;
    border-bottom: 2px solid #cfe6fa;
    border-right: 2px solid #cfe6fa;
    -webkit-transition: .4s;
    transition: .4s;
}
.blog-before {
    bottom: -30px;
    width: 80%;
    left: 10%;
    z-index: 2;
}
.blog-after {
    z-index: 3;
}
.single-blog-list:hover {
    background: #0f85e4;
    color: #fff;
    border-color: #fff;
}
.single-blog-list :hover h3,
.single-blog-list :hover h5,
.single-blog-list :hover a {
    color: #fff;
}
.single-blog-list:hover .blog-readmore-btn a {
    color: #fff;
}
.single-blog-list:hover .single-blog-list h3 {
    color: #fff !important;
}
.single-blog-list:hover h3 {
    color: #fff;
}
.single-blog-list:hover h5 {
    color: #fff;
}
.single-blog-list:hover .blog-readmore-btn a {
    color: #fff;
}
.single-blog-list:hover .single-blog-list h3 {
    color: #fff !important;
}
.single-blog-list:hover h3 {
    color: #fff;
}
.single-blog-list:hover h5 {
    color: #fff;
}
.single-blog-list:hover .blog-after,
.single-blog-list:hover .blog-before {
    background: #0f85e4;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    border-color: #0f85e4;
}
.single-blog-list:hover .blog-before {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.blog-list.owl-carousel .owl-nav.disabled {
    top: 50%;
    margin-top: -95px;
    right: -70px;
}
.blog-list.owl-carousel .owl-nav.disabled button {
    display: inherit;
    margin: 15px 0;
}
.single-blog-content {
    position: relative;
    z-index: 1;
}
.single-blog-content iframe {
    width: 100%;
    height: 450px;
}
.single-blo-feature-image {
    position: relative;
    background-size: cover;
    background-position: center;
    background-color: #ddd;
}
.single-blo-feature-image {
    height: 450px;
}
.blog-meta-date {
    position: absolute;
    right: -30px;
    bottom: 25px;
    width: auto;
    height: auto;
    color: #fff;
}
.blog-meta-date a {
    color: #fff;
}
.blog-post-date-content {
    text-transform: capitalize;
    padding: 10px;
    background: #0f85e4;
    border-radius: 5px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.post-meta.ppst-meta-content ul {
    margin: 0;
    padding: 0;
}
.post-meta.ppst-meta-content ul li {
    display: inline-block;
    margin-right: 10px;
}
.post-meta.ppst-meta-content ul li a {
    color: #0f85e4;
}
h2.post-title {
    font-size: 35px;
    line-height: 1.3;
    margin-bottom: 20px;
}
.blog-post-inner-content h2.post-title a {
    color: inherit;
}
.single-feature-slider {
    height: 450px;
}
.single-feature-slider {
    background-size: cover;
    background-position: center;
    background-color: #ddd;
}
section.blog-post-area .blog-slider-feature-area .owl-nav button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    height: 60px;
    background: #fff;
    border-radius: 0px 5px 5px 0px;
    margin-top: -30px;
    font-size: 20px;
}
section.blog-post-area .blog-slider-feature-area .owl-nav button.owl-next {
    left: auto;
    right: 0;
    border-radius: 5px 0px 0px 5px;
    -webkit-transition: .4s;
    transition: .4s;
}
section.blog-post-area .blog-slider-feature-area .owl-nav button:hover {
    background: #0f85e4;
    color: #fff;
}
.nav-links a {
    display: inline-block;
    padding: 12px 16px;
    text-align: center;
    line-height: 1.8;
    background: #ddd;
    margin-right: 10px;
    color: inherit;
}
.nav-links a:hover {
    background: #0f85e4;
    color: #fff;
}
.nav-links a.active {
    background: #222;
    color: #fff;
}
.widget.sidebar_content {
    background: #f7f5f2;
    border: 1px solid #e2e1de;
}
.widget.sidebar_content h2.widget-title {
    border-bottom: 1px solid #e2e1de;
    font-size: 18px;
    text-transform: uppercase;
    padding: 25px 40px 18px;
}
.widget.sidebar_content ul {
    padding: 25px 40px 18px;
}
.widget.sidebar_content ul li {
    display: block;
    border-bottom: 1px solid #e2e1de;
    padding: 7px 0;
}
.widget.sidebar_content ul li a {
    display: inline-block;
    color: #222;
    text-transform: capitalize;
    font-weight: 500;
}
.widget.sidebar_content ul li span.cat-ribon {
    float: right;
    width: 25px;
    height: 25px;
    background: #222;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: inherit;
    font-size: 14px;
}
.widget.sidebar_content ul li:last-child {
    border: navajowhite;
}
.widget.sidebar_content form.search-form {
    margin: 25px 40px 18px;
}
.widget.sidebar_content form.search-form label {
    width: 100%;
    position: relative;
    margin: 0;
}
.widget.sidebar_content form.search-form label span.screen-reader-text {
    display: none;
}
.widget.sidebar_content form.search-form label input {
    width: 100%;
    padding: 10px 30px;
    border: 1px solid #e2e1de;
}
.search-form {
    position: relative;
}
form.search-form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 11px;
    background: none;
    z-index: 111;
    text-indent: -999px;
}
form.search-form:after {
    position: absolute;
    right: 8px;
    top: 0;
    content: "\f002";
    font-family: fontAwesome;
    font-size: 16px;
    line-height: 50px;
    z-index: 0;
}
ul.comment-list li.comment-item {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 25px;
}
ul.comment-list li.comment-item .comment-metadata h4 {
    font-size: 20px;
    margin-bottom: 10px;
}
ul.comment-list li.comment-item span.comment-reply-link {
    float: right;
    border: 2px solid #ddd;
    padding: 5px 20px;
    -webkit-transition: .4s;
    transition: .4s;
}
ul.comment-list li.comment-item span.comment-reply-link:hover {
    background: #222;
    color: #fff;
    border-color: #222;
}
.comment-form-wrap form input,
.comment-form-wrap form textarea {
    width: 100%;
    border-color: #ddd;
}
.comment-form-wrap form input[type="submit"] {
    width: auto;
    background: #222;
    border-color: #222;
    color: #fff;
    text-transform: uppercase;
}
.comment-form-wrap form textarea {
    height: 230px;
}

/* 14. Contact area Css */
.color-white,
.color-white h4,
.color-white h1 {
    color: #fff;
}
.contact-form {
    position: relative;
}
.form-element {
    position: relative;
    color: #8a8d91;
}
.form-element input,
.form-element textarea {
    width: 100%;
    padding-right: 65px;
}
.form-element input,
.form-element textarea {
    color: #8a8d91;
    border-color: #f9f9ff;
    background: #f9f9ff;
    -webkit-transition: .4s;
    transition: .4s;
}
.form-element i {
    position: absolute;
    right: 30px;
    top: 50%;
    font-size: 16px;
    margin-top: -8px;
}
.form-element textarea {
    height: 225px;
}
section.contact-area {
    background-color: #ddd;
    background-position: top bottom;
}

/* 15. Breadcum area Css */
section.breadcum-area {
    z-index: 1;
}
.black-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #222;
    z-index: -1;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.breadcum-content,
.breadcum-content h4 {
    color: #fff;
    font-size: 20px;
}
.breadcum-content h4 {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 1.7;
}
.breadcum-nav nav ol.breadcrumb {
    background: none;
    font-size: 16px;
    color: inherit;
    margin: 0;
    padding: 0;
    float: right;
}
.breadcum-nav {
    overflow: hidden;
    margin-top: 13px;
}
.breadcum-nav nav ol.breadcrumb a {
    color: #fff;
}
.breadcum-nav nav ol.breadcrumb li:before {
    color: #fff;
}

/* 16. Footer Area Css */
footer.footer-area {
    background: #f2f9ff;
    position: relative;
}
.site-logo.footer-site-info a {
    display: inline-block;
}
.site-logo.footer-site-info a img {
    max-width: 165px;
}
.widget p {
    margin-bottom: 0;
}
.widget ul li {
    display: block;
}
.widget ul li a {
    display: block;
    color: #8a8d91;
    line-height: 35px;
    -webkit-transition: .4s;
    transition: .4s;
}
.widget ul li a:before {
    content: "";
    margin-right: 20px;
    font-family: fontAwesome;
}
.widget ul li a:hover {
    color: #0f85e4;
}
.widget h3 {
    font-weight: 600;
    color: #161c42;
    font-size: 24px;
}
.social-list a {
    display: inline-block;
    text-align: center;
    border: 1px solid #0f85e4;
    background: no-repeat;
    color: #0f85e4;
    padding: 0;
    margin: 0;
    margin-right: 18px;
    -webkit-transition: .4s;
    transition: .4s;
}
.social-list a:hover {
    background-color: rgb(16, 133, 228);
    box-shadow: 0px 5px 20px 0px rgba(16, 133, 228, 0.45);
    color: #fff;
}
.header-bootom {
    border-top: 1px solid #dddddd;
}
.header-bootom p {
    margin-bottom: 0;
}
.footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer-menu ul li {
    display: inline-block;
}
.footer-menu ul li a {
    display: block;
    color: #8a8d91;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 35px;
    text-transform: capitalize;
}
.footer-menu ul li a:hover {
    color: #0f85e4;
}

/* 17. Prealoader Area css */
.prealoader-area-wrapepr {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-image: -moz-linear-gradient( -18deg, rgb(10, 32, 144) 0%, rgb(37, 123, 208) 100%);
    background-image: -webkit-linear-gradient( -18deg, rgb(10, 32, 144) 0%, rgb(37, 123, 208) 100%);
    background-image: -ms-linear-gradient( -18deg, rgb(10, 32, 144) 0%, rgb(37, 123, 208) 100%);
}
.prealoader-area-wrapepr .sk-chase {
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}
.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-animation: sk-chase 2.5s infinite linear both;
    animation: sk-chase 2.5s infinite linear both;
}
.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: sk-chase-dot 2.0s infinite ease-in-out both;
    animation: sk-chase-dot 2.0s infinite ease-in-out both;
}
.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.sk-chase-dot:nth-child(3) {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.sk-chase-dot:nth-child(3):before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}
@-webkit-keyframes sk-chase {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes sk-chase {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes sk-chase-dot {
    80%,
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes sk-chase-dot {
    80%,
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes sk-chase-dot-before {
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    
    100%,
    0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
@keyframes sk-chase-dot-before {
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    
    100%,
    0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
@media (max-width: 768px) {
  .custom-col {
    max-width: 100% !important;
    margin-top: 0 !important;
  }
  .img-fluid{
    width: 15%;
  }
}
 .whatsapp-float {
      position: fixed;
      bottom: 20px;
      right: 20px;
      z-index: 100;
    }

    .whatsapp-float img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      cursor: pointer;
    }