/**
 * Stylesheet:  style.css
 * Theme:       ConstructPro - Building Company HTML5 Responsive Template
 * Version:     1.0
 * Author:     	The Theme Pond
 * URL:         https://themeforest.net/user/thethemepond
 * 
 */
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section 
21.Appoitment Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
}

html,
body {
    height: 100%;
    font-size: 15px;
    color: #424242;
    font-family: "Open Sans", sans-serif;
    vertical-align: baseline;
    line-height: 26px;
    background: #fff;
}

a:focus {
    outline: 0px solid;
}

img {
    max-width: 100%;
    height: auto;
}

p {
    margin: 0 0 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 20px;
    font-weight: 600;
    font-family: "Roboto", sans-serif;
    color: #000;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 18px;
}

a {
    transition: all 0.5s ease-out;
    text-decoration: none;
    color: #4c4c4c;
}

a:active,
a:hover {
    outline: 0 none;
    color: #000;
    text-decoration: none;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

::-moz-selection {
    background: var(--theme-color);
    text-shadow: none;
    color: #fff;
}

::selection {
    background: var(--theme-color);
    text-shadow: none;
    color: #fff;
}

textarea:focus,
input:focus {
    outline: none;
}

.slider-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 80vh;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.images-overlay {
    background-color: rgba(32, 35, 64, 0.96);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-50 {
    padding-bottom: 50px;
}

.bg-gray {
    background: #ececec;
}

/*
1.Preloader
============================*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999999;
    right: 0;
    bottom: 0;
}

#preloader-status {
    height: 210px;
    width: 210px;
    background: url("../../img/preloader.gif");
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    position: absolute;
    left: 50%;
    top: 50%;
}

/*
2.Scrollup
==============*/
#scrollUp {
    background: #1c1b18 none repeat scroll 0 0;
    border-radius: 100%;
    bottom: 5px;
    color: #fff;
    font-size: 25px;
    height: 40px;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 40px;
}

#scrollUp:hover {
    opacity: 1;
    color: #000 !important;
    background: #727272;
}

#scrollUp i {
    display: block;
    font-weight: bold;
    padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
    background: #000 none repeat scroll 0 0;
    padding: 6px 0;
}

.hd-lft li {
    color: #f9f9f9;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    font-size: 14px;
}

.hd-lft li a {
    color: #fff;
}

.hd-lft li:hover a {
    color: var(--theme-color);
}

.hd-lft li i {
    margin-right: 10px;
    color: var(--theme-color);
}

.hd-rgt {
    float: right;
}

.hd-rgt li {
    display: inline-block;
    position: relative;
}

.hd-rgt li a {
    color: #f9f9f9;
    font-size: 14px;
    padding: 0 10px;
    position: relative;
    text-transform: capitalize;
    transition: all 0.36s ease-out 0s;
}

.hd-rgt li a i {
    margin-right: 8px;
}

.hd-rgt li a:hover {
    color: #f9f9f9;
}

/*
4.Menu  Section
=================*/
.mnmenu-sec {
    /* background: #202340; */
    background: #fff;
}

.sticky-wrapper {
    position: absolute;
    width: 100%;
    z-index: 9999;
}

#sticky_menu {
    background-color: rgba(36, 45, 52, 0.5);
    transition: all 0.36s ease-out 0s;
}

.is-sticky #sticky_menu {
    background-color: #28344a;
}

.is-sticky .logo {
    padding: 11px 0px;
    transition: all 0.36s ease-out 0s;
}

.logo {
    padding: 15px 0px;
    transition: all 0.36s ease-out 0s;
    position: relative;
    z-index: 2;
}
header .index1 .logo a img{
    height: 56px;
    width: 100%;
    object-fit: contain;
}

.logo::before {
    /* background: var(--theme-color) none repeat scroll 0 0; */
    background: #1c1b18 none repeat scroll 0 0;
    content: " ";
    height: 100%;
    position: absolute;
    right: -30px;
    top: 0;
    transform: skewX(-48deg);
    width: 2000px;
    z-index: -1;
}

.main-menu ul {
    /* float : right; */
    margin-left: 30px;
    list-style: none outside none;
    /* margin : 0; */
    padding: 0;
    position: relative;
}

.main-menu ul ul {
    margin-left: 0px;
}

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

.main-menu>ul>li>a {
    color: #fff;
    display: block;
    /* font-size: 18px; */
    font-size: 15px;
    font-weight: bold;
    /* padding: 28px 20px; */
    padding: 28px 14px;
    text-decoration: none;
    text-transform: capitalize;
    transition: all 0.4s ease 0s;
    position: relative;
}

.is-sticky .main-menu ul li a {
    padding: 28px 14px;
}

.is-sticky .main-menu .submenu li a {
    padding: 10px 16px;
}

.main-menu ul li.active a {
    color: var(--theme-color);
    position: relative;
}

.main-menu ul li ul:hover .main-menu ul li>a {
    background: #ddd;
}

.main-menu ul li a:hover {
    transition: all 0.4s 0s ease;
    color: #000 !important;
}

.main-menu ul ul {
    background: #1c1b18 none repeat scroll 0 0;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: left;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    z-index: 99999;
    opacity: 0;
    top: 140px;
}

.menu .main-menu .submenu {
    width: 300px;
}

.main-menu ul ul li {
    float: none;
    width: 100%;
}

.main-menu ul ul li a {
    padding: 10px 16px;
    color: #fff;
    display: block;
    font-weight: 600;
    /* font-size: 16px; */
    font-size: 15px;
}

.main-menu ul ul li a:hover {
    color: #fff;
    /* background:#1c1b18; */
    background: #fff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset,
        rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

.main-menu ul ul ul {
    top: 0;
    left: 100%;
}

.main-menu ul li:hover ul {
    visibility: visible;
    transition: all 0.4s ease 0s;
    opacity: 1;
    /* top:93px; */
    top: 82px;
    opacity: 1;
}

.main-menu ul li a i {
    font-size: 13px;
    margin-left: 6px;
    color: #000;
}

/*index 1*/
.index1 .main-menu>ul>li>a {
    color: #383838;
}

.slider.index1 .slider-text {
    top: 50%;
}

/*
5.Slider Section
======================*/
.slider {
    position: relative;
}

/* .all-slide .owl-item {
  height: 650px;
} */
.all-slide .single-slide {
    background-position: center center;
    background-size: cover;
    /* height: 100%; */
    height: 80vh;
    background-repeat: no-repeat;
}

.slider-text {
    left: 0;
    position: relative;
    right: 0;
    top: 55%;
    transform: translateY(-50%);
    z-index: 2;
    width: 1170px;
    padding: 0px 15px;
    margin: 0px auto;
}

.slider-wraper {
    width: 800px;
    text-align: left;
}

.slider-text h1 {
    color: #fff;
    font-size: 52px;
    text-transform: capitalize;
    transition: all 0.2s ease 0s;
    text-shadow: 4px 2px 4px #000000;
    animation-duration: 2s !important;
}

.slider-text h1 span {
    color: var(--theme-color);
}

.slider-text p {
    color: #fff;
    padding: 0 100px 0 0;
}

.slider-text li {
    display: inline-block;
    margin: 0px 10px;
}

.slider-text li a {
    color: #fff;
    display: inline-block;
    margin-top: 8px;
    padding: 12px 30px;
    text-transform: uppercase;
    border: 1px solid var(--theme-color);
}

.slider-text li:last-child a {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #222;
}

.slider-text li:last-child a:hover {
    background: #fff none repeat scroll 0 0;
    transition: all 0.4s ease 0s;
    color: #222;
}

.all-slide .owl-controls {
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 99;
    transform: translateY(-50%);
}

.all-slide .owl-controls .owl-buttons div {
    background: none;
    opacity: 1;
}

.all-slide .owl-controls .owl-prev {
    left: 10px;
    position: absolute;
}

.all-slide .owl-controls .owl-next {
    right: 10px;
    position: absolute;
}

.all-slide .owl-controls .owl-prev i,
.all-slide .owl-controls .owl-next i {
    background: transparent;
    color: #fff;
    font-size: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all 0.5s ease-out 0s;
    width: 50px;
    /* border: 1px solid #fff; */
}

.all-slide .owl-controls .owl-next i:hover {
    transition: all 0.5s ease-out 0s;
    color: #6e6e6e;
    border-color: #6e6e6e;
}

.all-slide .owl-controls .owl-prev i:hover {
    transition: all 0.5s ease-out 0s;
    color: #6e6e6e;
    border-color: #6e6e6e;
}

/*
6.Title Section
=================*/
.sec-title {
    margin: 0 250px 30px;
    text-align: center;
}

.sec-title h1 {
    font-size: 38px;
    font-weight: bold;
}

.sec-title h1 span {
    position: relative;
    /* color: var(--theme-color); */
    color: #292929;
}

.sec-title h1 span::before {
    position: absolute;
    width: 50px;
    height: 1px;
    background: var(--theme-color);
    bottom: -3px;
    content: "";
    left: 5px;
}

.border-shape {
    border-bottom: 3px solid #fff;
    display: block;
    left: 0;
    margin: -5px auto;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100px;
}

.sec-title p {
    margin-bottom: 0;
    margin-top: 20px;
}

/*
7.About Section
===================*/
.about {
    padding-bottom: 30px;
    padding-top: 50px;
}

.about h3 {
    text-transform: uppercase;
}

/*
8.Service Section
============================*/
.service-thumb img {
    width: 100%;
}

.why-choose i {
    font-size: 26px;
    height: 60px;
    text-align: center;
    width: 60px;
    color: var(--theme-color);
}

.service-page .service-item .col-md-4.col-sm-6 {
    padding: 0px 15px;
}

.service-page .service-inner {
    margin-bottom: 30px;
}

.service-item .col-md-4.col-sm-6 {
    padding: 2px;
    /* padding: 0; */
}

.service-item .inner:hover .service-icon i {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.service-icon i {
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px;
    transition: all 0.4s ease 0s;
    color: var(--theme-color);
    border-radius: 100%;
}

.service-item .media {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 10px 5px #ddd;
}

.service-item .inner {
    margin-bottom: 0px;
}

.readmore {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-transform: capitalize;
    top: -8px;
    /* border-bottom: 1px solid; */
}

.readmore:after {
    content: "\f101";
    /* fa-angle-right */
    font-family: "FontAwesome";
    color: #fff;
    padding-left: 5px;
    /* right:-20px;
position:absolute */
}

.service-item .inner h2 {
    font-size: 18px;
    margin-top: 20px;
    text-transform: capitalize;
}

.service-item .inner:hover h2 a {
    color: var(--theme-color);
}

.service-item .inner:nth-child(3n + 1) {
    clear: both;
}

.btn.rdmorebtn {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.btn.rdmorebtn:hover {
    background: #000;
    transition: all 0.4s ease-in-out 0s;
}

.service-inner {
    position: relative;
    overflow: hidden;
    margin-bottom: 00px;
}

.service-details {
    position: absolute;
    top: 178px;
    height: 100%;
    padding: 20px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.555);
    text-shadow: 0px 3px 8px #000000;
    /* background-color:rgb(28 27 24); */

    transition: all 0.6s ease 0s;
}

.service-details h2 a span {
    float: right;
}

.service-inner:hover .service-details {
    /* background-color: rgb(28 27 24 / 91%);
  border-bottom: 4px solid #6e3023; */
    background-color: #504d47d4;
    border-bottom: 4px solid var(--theme-color);
    color: #ffffff;
}

.service-inner:hover .service-details {
    top: 0;
}

.service-inner:hover .service-details h2 a {
    color: #ffffff;
}

.service-details h2 a {
    color: #ffffff;
}

.service-details h2 {
    font-size: 20px;
}

.service-img {
    height: 240px;
}

/*
10.Why Choose Us Section
============================*/
.project-sec .item {
    overflow: hidden;
    position: relative;
    transition: all 0.4s ease-in-out 0s;
    margin-bottom: 30px;
}

.project-sec .item:hover .project-hoverlay {
    visibility: visible;
    opacity: 1;
    left: 0%;
}

.project-hoverlay {
    background-color: rgb(28 27 24 / 55%);
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0%;
    transition: all 0.4s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
    left: 100%;
}

.project-text {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    right: 100%;
    transition: all 0.7s ease 0s;
}

.project-sec .item:hover .project-text {
    right: 0;
}

.project-text a {
    width: 50px;
    height: 50px;
    display: inline-block;
    background: #fff;
    line-height: 50px;
    border-radius: 100%;
    margin-bottom: 15px;
    color: #6e3023;
}

.project-text h3 {
    color: #fff;
    text-transform: uppercase;
}

.project-sec .item img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* .project-gallery {
margin-bottom:50px
} */
.simplefilter {
    text-align: center;
    position: relative;
}

.shorttitle {
    display: none;
}

.simplefilter li {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 6px;
    padding: 10px 30px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
    z-index: 2;
}

.simplefilter li::before {
    position: absolute;
    top: 0;
    content: "";
    background: #292929;
    width: 100%;
    height: 100%;
    left: 0;
    transform: skewX(-30deg);
    z-index: -1;
}

.simplefilter li.active::before {
    position: absolute;
    top: 0;
    content: "";
    background: var(--theme-color);
    width: 100%;
    height: 100%;
    left: 0;
    transform: skewX(-30deg);
    z-index: -1;
}

.why-choose .inner {
    margin-bottom: 30px;
}

.why-choose-item h2 {
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 10px;
}

.why-choose-item i {
    float: left;
}

.read-more a {
    display: inline-block;
    margin-top: 8px;
    padding: 10px 30px;
    text-transform: uppercase;
    border: 1px solid #f0f0f0;
    position: relative;
    z-index: 2;
    font-size: 14px;
    font-weight: 600;
}

.read-more a::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    background: var(--theme-color);
    left: 0;
    width: 0%;
    height: 100%;
    transition: all 0.4s ease 0s;
}

.why-choose-item:hover .read-more a span i {
    color: #fff;
}

.why-choose-item:hover .read-more a::before {
    width: 100%;
    transition: all 0.4s ease 0s;
}

.why-choose-item:hover .read-more a {
    color: #fff;
    border-color: var(--theme-color);
}

.project-gallery-bg {
    position: relative;
}

/* .project-gallery-bg::after {
	position: absolute;
	content: "";
	background-image: url(../img/gallary_sec_bg.png);
	width: 200px;
	height: 200px;
	top: -230px;
	right: -100px;
	background-repeat: no-repeat;
	z-index: -1;
} */
/*
11.Call To Action Section
============================*/
.call-to-action-sec {
    background: var(--theme-color) none repeat scroll 0 0;
    /* background-image: url("../img/images/checkmate-images/img-4.jpeg"); */
    background-image: url("../../img/images/checkmate-images/img-4.jpeg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.call-to-action-text p {
    margin-bottom: 0;
}

.call-to-action-text {
    color: #fff;
    margin-top: 80px;
}

.call-to-action-text h2 {
    color: #fff;
    text-transform: uppercase;
}

.call-to-action-text a.btn {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    font-weight: bold;
    margin-top: 30px;
    padding: 12px 36px;
    text-transform: uppercase;
    color: #292929;
    position: relative;
    z-index: 2;
    border: 0;
}

.call-to-action-text a.btn::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    background: var(--theme-color);
    left: 0;
    width: 0%;
    height: 100%;
    transition: all 0.4s ease 0s;
}

.call-to-action-sec:hover .call-to-action-text a.btn {
    color: #fff;
}

.call-to-action-sec:hover .call-to-action-text a.btn::before {
    width: 100%;
}

.call-to-action-img {
    max-width: 100%;
    height: 100%;
}

.call-to-action-img img {
    margin-top: -45px;
    float: right;
}

/*
13.Blog Section
==================*/
.blog-thumb {
    position: relative;
    overflow: hidden;
}

.blog-thumb img {
    transform: scale(1);
    transition: all 0.8s ease 0s;
}

.post-date {
    position: absolute;
    bottom: 0%;
    width: 160px;
    height: 160px;
    z-index: 99;
    left: -100%;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

.single-post:hover .blog-thumb img {
    transition: all 0.4s ease 0s;
    transform: scale(1.2);
}

.single-post:hover .single-post-desc h2 a {
    color: #1c1b18;
    transition: all 0.4s ease 0s;
}

.single-post:hover .post-date {
    transition: all 0.4s ease 0s;
    left: 0%;
}

.post-date h4 {
    transform: translateY(-50%);
    top: 80%;
    position: relative;
    padding: 15px;
    color: #fff;
}

.post-date::before {
    background-color: var(--theme-color);
    content: "";
    height: 100%;
    left: -106px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -9;
    transform: skewX(45deg);
}

.single-post-desc {
    padding: 0 10px;
}

.single-post-desc h2 {
    margin: 0 0 10px;
}

.single-post-desc h2 a {
    font-size: 18px;
    margin-top: 20px;
    display: inline-block;
    width: 100%;
    transition: all 0.4s ease 0s;
    color: #5a5a5a !important;
}

.single-post-desc h2 a:hover {
    color: #1c1b18 !important;
}

.single-post-desc a.post-link {
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.36px;
    background: #aeaeae;
    padding: 5px 10px;
}

.service .service-details .readmore {
    padding: 5px 10px;
    /* background: #aeaeae30; */
}

.single-post-desc a.post-link:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
    /* box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset; */
}

.blog-meta h4 a {
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
}

.blog-meta h4 {
    margin-bottom: 10px;
}

.home-blog-sec .blog-item:hover .item img {
    transform: scale(1.2);
    transition: all 0.7s ease 0s;
}

.item img {
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 0.7s ease 0s;
}

.inner.blog-item {
    padding-left: 0;
    padding-right: 0;
}

.blog-item .item {
    margin-bottom: 15px;
    margin-left: 15px;
}

.blog-meta {
    bottom: 0;
    position: absolute;
    text-align: left;
    width: 100%;
    padding: 10px;
}

.blog-meta li {
    display: inline-block;
    padding: 5px 8px;
}

.blog-meta li a {
    color: #fff;
}

.blog-meta li a i {
    margin-right: 5px;
}

.blog-classic-sec .post-meta li:last-child {
    float: none;
}

.blog-classic-sec .single-post-text {
    padding: 0px;
    border: none;
}

.blog-classic-sec .pagination.custom-pagination {
    text-align: left;
}

.blog-classic-img {
    position: relative;
    margin-bottom: 20px;
}

.single-post:hover .blog-classic-overlay {
    visibility: visible;
    opacity: 1;
    transition: all 0.4s ease 0s;
}

.single-post:hover .blog-classic-overlay li a {
    transform: scale(1);
    transition: all 0.4s ease 0s;
}

.blog-classic-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(239, 187, 32, 0.96);
    visibility: hidden;
    transition: all 0.4s ease 0s;
    opacity: 0;
}

.blog-classic-overlay ul {
    top: 50%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
}

.blog-classic-overlay li {
    display: inline-block;
    margin: 0px 5px;
}

.blog-classic-overlay li a {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    width: 50px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    transform: scale(0);
}

.blog-sec.blog-bg {
    background-color: #fff;
    /* background-image: url("../img/blog_bg.html"); */
    background-image: url("../../img/blog_bg.html");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.single-post {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

.single-blog.inner .single-post {
    margin-bottom: 10px;
}

.blog-detail-page .single-post-text {
    padding: 0;
    margin-top: 25px;
}

.single-post-text {
    background: #fff none repeat scroll 0 0;
    padding: 10px 10px;
    border: 1px solid #f0f0f0;
}

.single-blog.inner .single-post-text {
    padding: 0;
}

.single-blog.inner .single-post img {
    margin-bottom: 25px;
}

.single-blog.inner {
    margin-bottom: 40px;
}

.post-meta {
    display: inline-block;
    width: 100%;
}

.post-meta li {
    display: inline-block;
    margin-right: 10px;
    text-transform: capitalize;
    font-size: 14px;
}

.post-meta li a,
.post-tags li a {
    color: var(--theme-color);
}

.post-meta li span,
.post-tags li span {
    color: #292929;
    float: left;
    font-weight: 600;
    margin-right: 10px;
}

.post-tags {
    display: inline-block;
    float: right;
}

.single-post-text a.post-link {
    color: #777777;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 600;
    border: 1px solid #f0f0f0;
    padding: 10px 20px;
    position: relative;
}

.single-post:hover .single-post-text a.post-link {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #fff;
    border-color: transparent;
}

.blog-title h2 {
    color: #0f0f0f;
    font-size: 24px;
    font-weight: 900;
    line-height: 30px;
}

.single-post-text a {
    color: #292929;
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}

.pst_info {
    float: left;
    display: inline-block;
}

.post-date h2 {
    background: var(--theme-color);
    text-align: center;
    padding: 10px 5px;
    font-size: 18px;
    color: #fff;
}

.blog-title {
    padding-bottom: 20px;
}

.single-post img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.comment-list {
    border: 1px solid #fafafa;
    font-size: 18px;
    padding: 14px;
    text-align: center;
}

.comment-list h5 {
    margin-bottom: 0;
}

.single-post-text h2 {
    margin-bottom: 15px;
    margin-top: 5px;
}

.post-meta li:last-child {
    float: right;
}

.post-meta li:last-child {
    float: right;
}

.single-post-text li a {
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin-left: 1px;
    padding-right: 15px;
    text-transform: capitalize;
}

.single-post-text li a i {
    margin-right: 5px;
    color: var(--theme-color);
}

.post-date h1 {
    background: #f3af1e none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-top: 13px;
    padding: 15px;
    text-align: center;
    text-transform: none;
}

.commentar-sec img {
    float: left;
    margin-right: 20px;
    width: 100px;
    border-radius: 100%;
    height: 100px;
}

.comment-author {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
    color: #292929;
}

.comment-time {
    color: #9a9999;
    font-family: open sans;
    font-size: 14px;
}

.commentar-sec .media.mt-3 {
    margin-top: 40px;
}

.single-post .contact-field h2 {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 40px;
    text-transform: uppercase;
    font-weight: bold;
    color: #292929;
}

.commentar-sec h2 {
    margin-top: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.replay-button a {
    float: right;
    font-family: open sans;
    color: #aaa9a9;
    font-weight: 600;
}

.replay-button a:hover {
    color: var(--theme-color);
}

.commentar-sec.author ul li {
    display: inline-block;
    margin-right: 20px;
}

.commentar-sec.author {
    position: relative;
}

.commentar-sec.author ul li a i {
    color: #cbc8c8;
}

.commentar-sec.author ul li a i:hover {
    transition: all 0.4s ease 0s;
    color: #29ace4;
}

.commentar-sec.author .media-body {
    padding-left: 100px;
}

.commentar-sec.author .media {
    background: #fafafa none repeat scroll 0 0;
    border-radius: 30px;
    padding: 30px 0;
    margin-left: 20px;
}

.author-thumb {
    border-radius: 100%;
    float: left;
    height: 100px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 70px;
    width: 100px;
}

.author-thumb img {
    height: 100%;
    width: 100%;
}

.pagination.custom-pagination {
    text-align: center;
    width: 100%;
    margin: 0;
    position: relative;
    top: 6px;
}

.post-share-link {
    display: inline-block;
    width: 100%;
    border: 1px solid #f0f0f0;
    margin-top: 30px;
}

.post-share-link span {
    background: var(--theme-color);
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 30px;
    display: inline-block;
}

.post-share-link ul {
    display: inline-block;
    float: right;
    padding: 10px 0px;
}

.post-share-link li {
    display: inline-block;
    margin-right: 20px;
}

.post-share-link li a {
    color: #d0cece;
}

.post-share-link li a:hover {
    color: #555;
    transition: all 0.4s ease 0s;
}

.code-text {
    font-style: italic;
    padding: 10px 40px;
    font-size: 15px;
    position: relative;
}

.code-text::before {
    color: #bebaba;
    content: "";
    font-family: fontawesome;
    font-size: 30px;
    left: 20px;
    position: absolute;
    top: 25px;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    font-style: normal;
}

/*
22.Sidebar Section
=====================*/
.sidebar h1 {
    display: inline-block;
    font-size: 20px;
    margin-top: 70px;
    text-transform: uppercase;
    width: 100%;
    color: #292929;
    position: relative;
    padding-bottom: 10px;
    font-weight: bold;
    margin-bottom: 40px;
}

.sidebar h1::before {
    background: var(--theme-color) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    width: 50px;
}

.search-field form {
    display: inline-block;
    width: 100%;
    position: relative;
}

.search-field input[type="text"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    padding: 10px 35px 10px 10px;
    width: 100%;
}

.search-field button {
    color: #e0dddd;
    padding: 10px;
    position: absolute;
    right: 0;
    background: transparent;
    top: 0;
}

.blog-sec .inner:nth-child(2n + 1) {
    clear: both;
}

.abt_dec>p {
    margin-top: 20px;
}

.sidebar ul li a {
    font-size: 16px;
    font-weight: normal;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out 0s;
}

.sidebar ul li a:hover {
    transition: all 0.4s ease-in-out 0s;
    color: var(--theme-color);
}

.widget-archive li {
    position: relative;
}

.widget-archive li:last-child {
    border-bottom: none;
}

.widget-cat li:last-child {
    border-bottom: none;
}

.widget-cat li {
    position: relative;
}

.widget-cat li {
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
}

.widget-tag li a:hover {
    transition: all 0.4s ease-in-out 0s;
    color: var(--theme-color) !important;
}

.relative-post h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #777777;
}

.single_r_dec li {
    display: inline-block;
    margin-right: 10px;
}

.single_r_dec li a {
    font-weight: 600;
    text-transform: capitalize;
}

.single_r_dec li a i {
    color: var(--theme-color);
    margin-right: 5px;
}

.relative-post {
    display: inline-block;
    padding: 12px 0;
    width: 100%;
}

.relative-post-thumb {
    float: left;
    margin-right: 15px;
}

.single_r_dec a {
    color: #555;
    line-height: 20px;
}

.single_r_dec a:hover {
    transition: all 0.4s ease-in-out 0s;
    color: var(--theme-color);
}

.all_r_pst .media {
    margin-top: 0;
}

.widget-archive li {
    display: inline-block;
    position: relative;
    width: 100%;
    border-top: 1px solid #f0f0f0;
    padding: 10px 0;
}

.widget-archive li:last-child {
    border-bottom: 1px solid #f0f0f0;
}

.widget-archive span {
    float: right;
}

.widget-tag a {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
}

.author_dec h3 {
    margin: 0;
    color: #333333;
    font-size: 14px;
    margin-bottom: 11px;
}

.author_info {
    border-bottom: 1px solid #e3e3e3;
    display: inline-block;
    padding: 22px 0;
    margin-bottom: 30px;
}

.author_info>img {
    float: left;
    margin-right: 35px;
    height: 80px;
}

.social_link {
    margin: 0;
    padding: 0;
    float: right;
    display: inline-flex;
}

.social_link li {
    list-style: none;
}

.social_link li a i {
    color: #363636;
    float: left;
    padding: 6px;
}

.donor-testimonial-widget.no-margin {
    margin-bottom: 0;
}

/*
15.Testimonial Section
=========================*/
.service,
.testimonial-sec,
.all-patner-sec {
    /* background:#f9f9fb */
    background: #f7f8fd !important;
}

.testimonial-text span {
    color: var(--theme-color);
    display: inline-block;
    margin-bottom: 14px;
}

.testimonial-text>h1 {
    color: #292929;
    font-size: 36px;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 30px;
    margin-top: 20px;
}

.testimonial-text a {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 14px 30px;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.testimonial-text a::before {
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    background: #222;
    left: 0;
    width: 0%;
    height: 100%;
    transition: all 0.4s ease 0s;
}

.testimonial-text:hover.testimonial-text a::before {
    width: 100%;
    transition: all 0.4s ease 0s;
}

.no-padding {
    padding: 0;
}

.all-testimonial.owl-carousel .owl-item img {
    border-radius: 100%;
}

.all-testimonial .owl-controls {
    bottom: -10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.all-testimonial .owl-controls .owl-buttons div {
    background: none;
    opacity: 1;
}

.client-thumb {
    border-radius: 100%;
    height: 80px;
    margin-right: 50px;
    width: 80px;
    position: absolute;
    z-index: 9;
    margin: 0px auto;
    left: 0;
    right: 0;
    top: 0;
    border: 2px solid var(--theme-color);
}

.sngl-client {
    border: 1px solid #fafafa;
    margin-bottom: 30px;
    text-align: center;
    margin: 5px;
}

.single-testimonial {
    display: inline-block;
    margin-bottom: 50px;
    padding: 0 10px;
    width: 100%;
}

.client-comment h2 {
    color: #545454;
    font-size: 18px;
    margin-bottom: 5px;
    margin-top: 30px;
    text-transform: capitalize;
    font-weight: bold;
    -webkit-line-clamp: 2;
    height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.client-comment span {
    color: #777777;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
}

.client-comment span::before {
    height: 1px;
    background: #1c1b18;
    width: 40px;
    content: "";
    position: absolute;
    bottom: 0;
}

.client-comment h3 {
    color: var(--theme-color);
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: normal;
    font-style: italic;
}

.client-comment {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ddd;
    margin-top: 40px;
    padding: 20px 19px 20px 20px;
    position: relative;
    border-top: 2px solid var(--theme-color);
    text-align:justify;
}

.client-comment::before {
    color: var(--theme-color);
    content: "";
    font-family: fontawesome;
    font-size: 150px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    opacity: 0.1;
}

.client-reviews i {
    color: #1c1b18;
    font-size: 13px;
}

.client-comment>ul {
    padding-bottom: 15px;
}

.client-comment li {
    display: inline-block;
}

.client-comment li a {
    border: 2px solid var(--theme-color);
    border-radius: 100%;
    color: var(--theme-color);
    display: inline-block;
    height: 30px;
    line-height: 26px;
    width: 30px;
    margin: 0px 5px;
}

.client-comment li a:hover {
    background: var(--theme-color);
    transition: all 0.4s ease-in-out 0s;
    color: #fff;
}

.client-sec .owl-controls {
    display: none;
}

.all-testimonial.owl-theme .owl-dots .owl-dot {
    border: 2px solid #1c1b18;
    border-radius: 100%;
    height: 16px;
    margin: 5px;
    width: 16px;
    display: inline-block;
}

.all-testimonial.owl-theme .owl-dots .owl-dot span {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 10px;
    left: -2px;
    margin: 3px;
    position: relative;
    top: -5px;
    transition: all 0.9s ease 0s;
    width: 10px;
}

.all-testimonial.owl-carousel.owl-theme .owl-dot.active {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #1c1b18;
}

.all-testimonial.owl-carousel.owl-theme .owl-dot.active span {
    background: #1c1b18 none repeat scroll 0 0;
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
    /* background-image: url("../img/pg_hd.jpg"); */
    background-image: url("../../img/pg_hd.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    padding: 50px 0;
    position: relative;
    background-size: cover;
}

.pagehding-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

.page-heading h1 {
    color: #fff;
    font-size: 36px;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
}

.page-heading ul {
    text-align: center;
    margin-top: 10px;
}

.page-heading li {
    display: inline-block;
    position: relative;
    padding: 0px 14px;
}

.page-heading li a {
    color: #fff;
}

.page-heading li:last-child a {
    color: var(--theme-color);
}

.page-heading li::before {
    content: "/";
    height: 60%;
    position: absolute;
    right: -5px;
    top: 0px;
    color: #fff;
}

.page-heading li:last-child::before {
    display: none;
}

/*
17.Team section
=================*/

.team-member {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 20px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease-in-out 0s;
}

.team-member:hover.team-member {
    background: var(--theme-color);
    transition: all 0.4s ease-in-out 0s;
}

.team-member:hover .team-overlay {
    visibility: visible;
    transition: all 0.4s ease-in-out 0s;
    opacity: 1;
    top: 0px;
}

.team-member:hover.team-member h2 {
    color: #fff;
    transition: all 0.4s ease-in-out 0s;
}

.team-member:hover.team-member h3 {
    color: #fff;
    transition: all 0.4s ease-in-out 0s;
}

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

.team-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    top: 100%;
    background-color: rgba(210, 176, 76, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out 0s;
}

.team-overlay ul {
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    transform: translateY(-50%);
}

.team-member img {
    width: 100%;
}

.team-member h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out 0s;
}

.team-member h3 {
    font-size: 14px;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out 0s;
}

.team-overlay li {
    transition: 0.6s;
    -webkit-transition: 0.3s;
    -khtml-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    display: inline-block;
    padding: 0 10px;
}

.team-member:hover .team-overlay li {
    transform: translateX(0px);
}

.team-overlay li:nth-child(1) {
    transform: translateX(20px);
    transition-delay: 0.1s;
}

.team-overlay li:nth-child(2) {
    transform: translateX(40px);
    transition-delay: 0.2s;
}

.team-overlay li:nth-child(3) {
    transform: translateX(60px);
    transition-delay: 0.3s;
}

.team-overlay li:nth-child(4) {
    transform: translateX(80px);
    transition-delay: 0.4s;
}

.team-overlay li:nth-child(5) {
    transform: translateX(100px);
    transition-delay: 0.5s;
}

.team-member li i {
    color: #fff;
}

.testimonial-text.expert-team {
    position: relative;
    padding-bottom: 70px;
}

/* .testimonial-text.expert-team::before {
	position: absolute;
	content: "";
	background-image: url(../img/team_sec_bg.png);
	width: 100%;
	height: 100%;
	top: 0;
	left: -165px;
	background-repeat: no-repeat;
	z-index: -1;
} */

/*
18.About Page
================*/
.abtdsc-sec p {
    color: #fff;
}

.abt-lft h2 {
    color: #292929;
}

.abt-img img {
    width: 100%;
}

.about-sec {
    background: var(--theme-color) none repeat scroll 0 0;
    /* background-image: url("../../assets/images/about/img-4.jpeg"); */
    background-image: url("../../assets/images/about/IMG_0144.JPG");
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: top;
}

.about-sec-overlay {
    background-color: rgb(255 255 255 / 89%);
    height: 100%;
    /* position: absolute; */
    width: 100%;
}

.about-text>span {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--theme-color);
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.about-text h1 {
    color: #292929;
    display: inline-block;
    margin-bottom: 14px;
    font-size: 30px;
    font-weight: bold;
    text-transform: capitalize;
}

.about-text h1>span {
    color: var(--theme-color);
}

.about-countup {
    margin: 50px 0px;
}

.counting-inner {
    display: inline-block;
    padding-right: 80px;
}

.counting-inner:last-child {
    padding-right: 0px;
}

.counting-inner h2 {
    font-size: 36px;
    color:var(--theme-color);
    font-weight: bold;
    position: relative;
}

.counting-inner h2::before {
    position: absolute;
    content: "";
    width: 40px;
    height: 2px;
    background: #4d5b75;
    bottom: -10px;
    font-weight: bold;
}

.counting-inner h4 {
    color: #292929;
    text-transform: capitalize;
    font-size: 20px;
    font-family: open sans;
}

/*
19.Contact Page
============================*/
.map-location {
    position: relative;
}

.map-location-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    width: 330px;
    background-color: rgba(0, 0, 0, 0.8);
    border: 15px solid rgba(255, 254, 255, 0.2);
    padding: 15px;
}

.map-location-overlay p {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 10px;
}

.map-location-overlay a {
    background: var(--theme-color) none repeat scroll 0 0;
    border-bottom: 2px solid #1ebd7d;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 14px 30px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact-info .help-box-text {
    text-align: left;
}

.contact-info .help-box-text p {
    margin-bottom: 0px;
}

.contact-info .help-box-item {
    margin-bottom: 40px;
}

.contact-page-form .contact-field h2 {
    color: #292929;
    text-transform: uppercase;
    font-size: 22px;
}

.contact-field.contact-form h2 {
    text-transform: capitalize;
}

.contact-field.contact-form {
    width: 40%;
    padding: 30px;
}

.map-sec {
    width: 60%;
    float: left;
}

.contact-field .col-md-6.col-sm-6.col-xs-12 {
    padding-left: 0;
}

.contact-field.contact-form input {
    margin-bottom: 5px;
}

.contact-field.contact-form textarea {
    height: 110px;
}

.contact-field.contact-form input[type="submit"] {
    background: var(--theme-color);
    width: 150px;
    border-color: var(--theme-color);
}

.contact-info h3 {
    color: #464646;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
}

.contact-info i {
    margin-right: 10px;
}

.contact-field input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #f0f0f0;
    margin-top: 30px;
    padding: 10px;
    width: 100%;
}

.contact-field .message-input {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}

.single-input-field textarea {
    border: 1px solid #f0f0f0;
    width: 100%;
    height: 200px;
    padding: 10px;
}

.single-input-fieldsbtn input[type="submit"] {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 14px 30px;
    text-transform: uppercase;
    width: 150px;
    margin-top: 40px;
    border: 0;
    transition: all 0.4s ease 0s;
}

.single-input-fieldsbtn input[type="submit"]:hover {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.contact-field {
    display: inline-block;
    width: 100%;
}

.single-input-field h4 {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
}

.contact-page-form {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}

.map-sec iframe {
    width: 100%;
    height: 450px;
}

.contact-single-info h2 {
    text-transform: capitalize;
    margin-bottom: 10px;
}

.contact-single-info {
    margin-bottom: 40px;
}

/*
20.Footer Section 
======================*/
footer {
    background: url(../images/background/footer-bg.jpg);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

footer .cus-footer-overlay {
    width: 100%;
    /* height: 100%; */
    background: #000000d4;
}

.footer-overlay {
    /* background-color: rgba(0, 0, 0, 0.8); */
    /* background: rgb(30 0 0); */
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.footer-sec {
    padding-top: 50px;
    padding-bottom: 50px;
    /* background: rgb(28 27 24); */
}

.footer-sec h2 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
    /* padding-bottom: 10px; */
    position: relative;
    text-transform: capitalize;
    width: fit-content;
}

.footer-sec h2::after {
    content: "";
    position: absolute;
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, var(--theme-color), transparent);
    left: 0;
    bottom: -3px;
}

.footer-sec p {
    color: #ededed;
    font-size: 14px;
    text-align: justify;
}

.footer-wedget-one img {
    margin-bottom: 15px;
}

.footer-social-profile li {
    display: inline-block;
    margin-right: 15px;
}

.footer-social-profile li a {
    color: #ededed;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    width: 34px;
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social-profile li a::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #595959;
    /* transform: rotate(48deg); */
    left: 0;
    border-radius: 100%;
    transition: all ease 0.5s;
}

.footer-social-profile li a:hover {
    transform: scale(1.2);
    /* font-size: 16px; */
}

.footer-wedget-one ul {
    margin-top: 15px;
}

.footer-wedget-three li i {
    display: inline-block;
    margin-right: 10px;
}

.ft-menu ul {
    padding: 0px 20px;
}

.ft-menu h2 {
    display: inline-block;
    text-align: left;
}

.footer-widget-menu li:before {
    color: var(--theme-color);
    content: "\f101";
    font-family: fontawesome;
    font-size: 14px;
    left: -4px;
    position: absolute;
    top: 0;
}

.footer-widget-menu li {
    position: relative;
}

.footer-widget-menu li a {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding-bottom: 10px;
    margin-left: 14px;
    text-transform: capitalize;
}

.footer-widget-menu li a:hover {
    color: #fff;
    transition: all 0.4s ease 0s;
}

.bussiness-time>span {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.bussiness-time li {
    color: #ededed;
    padding-bottom: 10px;
    text-transform: capitalize;
    font-size: 14px;
}

.bussiness-time li span {
    color: var(--theme-color);
}

.wedget-newsletter form {
    background: #000 none repeat scroll 0 0;
    margin-bottom: 25px;
    margin-top: 25px;
    position: relative;
}

.wedget-newsletter input[type="email"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #fff;
    padding: 10px 58px 10px 10px;
    text-transform: capitalize;
    width: 100%;
    font-style: italic;
    font-weight: 600;
    color: #282828;
}

.wedget-newsletter input[type="submit"] {
    background: var(--theme-color) none repeat scroll 0 0;
    color: #fff;
    font-weight: 600;
    padding: 11px 20px;
    position: absolute;
    right: 0;
    top: 0;
}

.footer-bottom-sec {
    /* border-top: 2px solid rgba(221, 221, 221, 0.8); */
    padding: 10px 0;
    background: #000;
}

.footer-bottom-sec p {
    color: #f4f4f4;
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.copy-right span,
.copy-right a {
    color: var(--theme-color);
    text-transform: capitalize;
}

.copy-right a:hover {
    color: #b18501;
}

/*
21.Appoitment Section
============================*/
.appoitment-area {
    /* background-image: url("../img/appoitment.jpg"); */
    background-image: url("../../img/appoitment.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-attachment: fixed;
    overflow: hidden;
}

.appoitment-area .images-overlay {
    background: rgba(24, 27, 36, 0.9);
}

.appoitment-area .sec-title {
    color: #fff;
}

.appoitment-area .sec-title h1 {
    color: #fff;
}

.appointment-form {
    position: relative;
    z-index: 1;
    padding: 100px 0px 100px 40px;
}

.appointment-form::before {
    background-color: var(--theme-color);
    content: "";
    height: 101%;
    left: -100px;
    position: absolute;
    top: 0;
    width: 5000px;
    z-index: -9;
    transform: skewX(-20deg);
}

.appointment-form fieldset {
    margin-left: -15px;
}

.appoitment-area .appointment-form .sngl-field {
    margin-bottom: 30px;
    margin-top: 0;
}

.appoitment-area .appointment-form .sngl-field input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    background: none;
}

.appoitment-area .appointment-form .sngl-field textarea {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 0;
    font-weight: 600;
    margin-top: -15px;
    width: 100%;
    padding: 8px 10px;
    background: none;
}

.appoitment-area .appointment-form .sngl-field select {
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #fff;
    width: 100%;
    padding: 8px 10px;
    cursor: pointer;
    margin-bottom: 15px;
    color: #fff;
    font-weight: 600;
    background: none;
}

.appoitment-area .appointment-form .sngl-field select option {
    background: #fff none repeat scroll 0 0;
    color: #555;
}

.appoitment-area .appointment-form .filed-submitbtn input[type="submit"] {
    margin: 0;
    background: #282828;
    border: 0;
    padding: 12px 40px;
    font-weight: 600;
    color: #fff;
    transition: all 0.4s ease 0s;
}

.appoitment-area .appointment-form .filed-submitbtn input[type="submit"]:hover {
    background: #fff;
    color: #292929;
    transition: all 0.4s ease 0s;
}

.appoitment-area .appointment-form .sngl-field .select-arrow {
    position: relative;
}

.appoitment-area .appointment-form .sngl-field .select-arrow:before {
    color: #fff;
    content: "\f107 ";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 10px;
}

.appoitment-area .appointment-form .sngl-field input[type="text"]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field input[type="email"]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field option::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field input[type="text"]::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field input[type="email"]::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field textarea::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.appoitment-area .appointment-form .sngl-field option::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.company-openingtime {
    width: 250px;
    padding-top: 100px;
}

.appointment-form h2,
.company-openingtime h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
}

.company-openingtime ul li {
    display: inline-block;
    padding: 8px 0;
    width: 100%;
    color: #fff;
    border-bottom: 1px dashed #ddd;
    font-weight: bold;
}

.company-openingtime ul li span {
    float: right;
    font-weight: normal;
    color: var(--theme-color);
}

/*
22.Patner Section 
======================*/
.all-patner-sec {
    padding:0 0 40px 0;
    background: #fdfdfd;
}

.all-patner.owl-carousel.owl-theme .owl-item {
    padding: 0 40px;
}

/* .single-patner:hover{
	border-color:#1e0000;
} */
.single-patner {
    height: 86px;
    padding: 30px;
    border: 1px solid #ebeaea;
    background: #fff;
}

.all-patner.owl-carousel.owl-theme img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.all-patner .owl-controls {
    position: absolute;
    top: 27%;
    width: 100%;
    z-index: 99;
    transform: translateY(-50%);
}

.all-patner .owl-controls .owl-buttons div {
    background: none;
    opacity: 1;
}

.all-patner .owl-controls .owl-prev {
    left: -30px;
    position: absolute;
    transition: all 0.4s ease 0s;
    background: #f7f8fd;
}

.all-patner .owl-controls .owl-next {
    right: -5px;
    position: absolute;
    transition: all 0.4s ease 0s;
    background: #f7f8fd;
}

.all-patner .owl-controls .owl-prev i,
.all-patner .owl-controls .owl-next i {
    border: 1px solid #ddd;
    border-radius: 100%;
    color: #777;
    font-size: 30px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    transition: all 0.5s ease-out 0s;
    width: 40px;
    background: #f7f8fd;
}

.all-patner .owl-controls .owl-next i:hover {
    transition: all 0.5s ease-out 0s;
    background: #1c1b18;
    color: #fff;
    border-color: #1c1b18;
}

.all-patner .owl-controls .owl-prev i:hover {
    transition: all 0.5s ease-out 0s;
    background: #1c1b18;
    color: #fff;
    border-color: #1c1b18;
}

/* The End */

/* Shubham Changes Starts */

.about-us-sec .sec-title p,
.service .sec-title p,
.project-sec .sec-title p,
.testimonial-sec .sec-title p,
.blog-sec .sec-title p {
    /* font-size: 18px; */
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #1e00008a;
    /* display: inline-block; */
    width: 100%;
    margin-bottom: 10px;
}

.mnmenu-sec.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
    background-color: #000219f5;
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

.mnmenu-sec.is-sticky {
    background: #fff;
}

/* .mnmenu-sec .main-menu .get-quote {
	padding: 28px 15px;
} */
.mnmenu-sec .main-menu .get-quote a {
    font-weight: 600;
    color: #ffffff;
    padding: 10px 17px 10px;
    -webkit-transition: all ease 0.5s;
    transition: all ease 0.5s;
    background-color: #1c1b18;
    text-decoration: none;
}

.mnmenu-sec .main-menu .get-quote a:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px -50px 36px -28px inset;
    background: #919191 !important;
    color: #ffffff !important;
    transition: 0.3s;
}

footer .footer-sec .footer-widget-menu ul {
    column-count: 2;
}

footer .footer-sec .bussiness-time a {
    color: #fff;
}

footer .footer-sec .bussiness-time a:hover {
    color: var(--theme-color);
}

.service-details .readmore:hover {
    color: rgb(218, 218, 218);
}

/* stroke */
/* nav.stroke ul li a{
  position: relative;
} */
.mnmenu-sec .stroke ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 40px;
    right: 0;
    margin: auto;
    width: 0%;
    content: ".";
    color: transparent;
    background: rgb(0, 0, 0);
    height: 3px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.mnmenu-sec .stroke ul li a:hover:after {
    width: 80%;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all 0.5s;
}

.main-menu ul li ul li a:hover {
    color: rgb(0, 0, 0) !important;
}

.mnmenu-sec .stroke ul li ul li a:after {
    background-color: unset;
}

.mnmenu-sec .stroke ul li .get-quote a:last-child:hover:after {
    width: 0%;
}

.single-post-desc a.post-link:hover {
    color: #ffffff;
    background: var(--theme-color);
}

.single-post-desc a.post-link:hover .post-link:after {
    color: #fff;
}

.blog-sec .media:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
        rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    transition: 0.5s;
}

.post-link:after {
    content: "\f101";
    font-family: "FontAwesome";
    color: rgb(0, 0, 0);
    padding-left: 5px;
    /* right: -20px; */
    /* position: absolute; */
}

.post-link:after:hover {
    color: #fff;
}

.about-us-sec,
.project-sec,
.blog-sec {
    background: #fff;
}
.about-us-sec, .order-2 p{
    margin-bottom:10pt !important;
}
.about-us-sec .abt-lft p,
.about-sec .about-text p {
    text-align: justify;
}

.footer-sec .footer-widget-menu ul li a:hover {
    color: #bcbcbc;

    /* padding-left: 10px;
		transition: 0.5s all ease-in-out; */
}

.about-sec .about-us-img img {
    width: 100%;
    height: 385px;
    object-fit: contain;
}


/* Comstom Popup start*/

.img-replace {
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

/* .customization_popup_trigger {
	display: block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 50em;
	background: #2196f3;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);
  } */

/* @media only screen and (min-width: 1170px) {
	.customization_popup_trigger {
	  margin: 6em auto;
	}
  } */

/* --------------------------------
  
  xpopup
  
  -------------------------------- */

.customization_popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.customization_popup.is-visible {
    opacity: 1;
    z-index: 9;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}

.customization_popup_container {
    position: absolute;
    width: 30%;
    /*     max-width: 400px; */
    margin: 0 auto;
    right: 0;
    top: 0;
    height: 100vh;
    background: #fff;
    border-radius: 0.25em 0.25em 0.4em 0.4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translatex(400px);
    -moz-transform: translatex(400px);
    -ms-transform: translatex(400px);
    -o-transform: translatex(400px);
    transform: translatex(400px);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/* .customization_popup_container p {
	padding: 3em 1em;
  } */

.customization_popup_container .customization_popup_buttons:after {
    content: "";
    display: table;
    clear: both;
}

.customization_popup_container .customization_popup_buttons li {
    float: left;
    width: 50%;
    list-style: none;
}

.customization_popup_container .customization_popup_buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.customization_popup_container .customization_popup_buttons li:first-child a {
    background: #fc7169;
    border-radius: 0 0 0 0.25em;
}

.no-touch .customization_popup_container .customization_popup_buttons li:first-child a:hover {
    background-color: #fc8982;
}

.customization_popup_container .customization_popup_buttons li:last-child a {
    background: #b6bece;
    border-radius: 0 0 0.25em 0;
}

.no-touch .customization_popup_container .customization_popup_buttons li:last-child a:hover {
    background-color: #c5ccd8;
}

.customization_popup_container .customization_popup_close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}

.customization_popup_container .customization_popup_close::before,
.customization_popup_container .customization_popup_close::after {
    content: "";
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #8f9cb5 !important;
}

.customization_popup_container .customization_popup_close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.customization_popup_container .customization_popup_close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

.is-visible .customization_popup_container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.customization_popup .customization_popup_container .contact-form-action label {
    padding-bottom: 7px;
}

.customization_popup .customization_popup_container .contact-form-action input {
    /* margin-left: 33px; */
    width: 100%;
}

.question-form label {
    display: flex;
    gap: 10px;
}

.user-area-style .contact-form-action .account-title {
    margin-bottom: 30px;
}

.user-area-style .contact-form-action.side_form {
    background-color: unset !important;
    text-align: left;
    padding: 40px 30px 30px 30px;
}

/* @media only screen and (min-width: 1170px) {
	.customization_popup_container {
	  margin: 8em auto;
	}
  } */

/* Comstom Popup End*/

.form-input {
    height: 40px;
    color: #000;
    border: 1px solid #ebebeb;
    background-color: transparent;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 20px;
    /* width: 100%; */
}

.single-input-field,
.textarea {
    margin-bottom: 20px;
}

/* Shubham Changes End */
.reqst-a-quote-Modal label.error {
    color: var(--theme-color);
}


.activee a{
    color:var(--theme-color) !important;
}
/*.activee .high{*/
/*    color:red !important;*/
/*}*/
.active-single .high
{
    color:var(--theme-color) !important;
}
/*uday's css start*/

header .index1 .menu
{
    text-align:end;
}
.mnmenu-sec .main-menu .get-quote a
{
    margin:0 0 0 15px;
}

/*uday's css end*/