:root {
    --accent-color: #b58d34;
}

body {
    font-size: 18px;
}

.loading-container,
.loading {
    height: 150px;
    width: 150px;
}

.preloader {
    background-color: #fff4dc;
}

.loading {
    border-color: transparent var(--accent-color) transparent var(--accent-color);
}

.main-menu ul li.nav-item .nav-link {
    background-color: #000;
}

.navbar {
    background-color: transparent;
}

.main-menu ul li.nav-item .nav-link {
    background-color: transparent;
}

.main-menu ul li.nav-item .nav-link {
    font-weight: 700;
}

.txt-color {
    color: var(--accent-color) !important;
}

.topbar {
    padding: 10px 50px;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    border-bottom: 1px solid var(--dark-divider-color);
}

.topbar.fixed-header {
    background-color: #fff;
    box-shadow: 0 0 5px gray;
}

.topbar.fixed-header .main-menu ul li.nav-item .nav-link {
    color: #000;
    font-weight: 400;
}

.second-logo img {
    width: 100px;
}

.site-logo img {
    width: 60px;
}

.hero {
    height: 75vh;
    background: none;
}
span.no-tel {
  display: contents;
  pointer-events: none;
  color: var(--text-color) !important;
  text-decoration: none !important;
}
.section-title h1 span,
.section-title h2 span {
    color: #7c5b00;
}

.our-services {
    padding: 100px 0 180px;
}

.service-body {
    margin-bottom: 0px;
}

.what-we-do-item {
    width: 100%;
    height: 100%;
}

.section-title {
    margin-bottom: 30px;
}

.what-we-do-item .icon-box {
    margin-bottom: 15px;
}

.what-we-do {
    background-position: bottom right;
}

.hero.hero-video .hero-bg-video video {
    object-position: bottom;
}

.project-image img {
    aspect-ratio: 1;
}

.project-content {
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 20px;
    background: rgb(255 255 255 / 80%);
    width: 95%;
    margin: auto;
    border-radius: 40px;
}

.project-image {
    margin-bottom: 0px;
}

.sector-boxes {
    padding-bottom: 50px;
}

.sector-boxes .swiper-pagination-bullet-active {
    background: var(--accent-color, var(--swiper-theme-color));
    width: 20px;
    border-radius: 5px;
}

.sector-boxes .swiper-pagination-bullet {
    background: var(--accent-color, #000);
}

.process-step-item {
    padding: 20px 30px;
    margin-bottom: 0px;
}

.process-steps-box {
    display: flex;
    flex-wrap: wrap;
}

.process-step-item {
    padding: 20px 30px;
    margin-bottom: 0px;
    display: block;
    height: 100%;
    background-color: #fff;
}

.process-step-no {
    margin-right: 0;
    margin-bottom: 12px;
}

.process-step-no h2 {
    margin-top: -40px;
    position: absolute;
    top: 20px;
    z-index: -1;
    opacity: .2;
    right: -20px;
    font-size: 70px;
}

ol,
ul {
    padding-left: 1rem;
}

.process-step-item.active .process-step-content ul,
.process-step-item.active .process-step-no h3,
.process-step-item.active .process-step-no h2,
.process-step-item:hover .process-step-content ul,
.process-step-item:hover .process-step-no h3,
.process-step-item:hover .process-step-no h2 {
    color: var(--white-color);
}

.our-process {
    padding: 100px 60px;
    background: url(../images/testimonial-bg.png), var(--secondary-color);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.post-item-content {
    width: 100%;
}

.footer-copyright {
    padding: 30px 0;
}

.footer-copyright-text a {
    color: #fff;
    font-weight: 600;
}

.topbar-contact-info ul {
    margin-right: 20px;
    padding-right: 40px;
}

.main-menu ul li.nav-item .nav-link {
    padding: 10px;
}

.topbar {
    padding: 10px;
}

.what-we-do-list-box-1,
.what-we-do-list-box-2 {
    gap: 0;
    align-items: stretch;
}

.what-we-do-content {
    padding: 60px 100px 60px 100px;
}

.what-we-do-list-box-1>div:nth-child(even) .what-we-do-item {
    background: var(--dark-divider-color);
}

#mission .what-we-do-list-box-2.what-we-do-item {
        background: #ffffff;
        transform: translateY(0px);
        transition: all 0.3s linear;
        position: relative;
        overflow: hidden;height: 430px;
    }

#mission .what-we-do-list-box-2.what-we-do-item:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        transition: all 0.5s linear;
        z-index: -1;
    }

#mission .what-we-do-list-box-1.what-we-do-item {
        border: 1px solid #b58d35;
        transform: translateY(0px);
        transition: all 0.3s linear;
        position: relative;
        overflow: hidden;
    }

#mission .what-we-do-list-box-1.what-we-do-item:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        transition: all 0.5s linear;
        z-index: -1;
    }

#mission .what-we-do-item:hover {
        transform: translateY(-10px);
        transition: all 0.3s linear;
    }

#mission .what-we-do-item p {
        color: var(--text-color);
    }

#mission .what-we-do-item:hover p {
        color: #ffffff;
    }

#mission .what-we-do-item:hover h3 {
        color: #ffffff !important;
    }

#mission .what-we-do-item:hover .icon-box img {
        filter: brightness(5);
    }

    /* .what-we-do-list-box-2.what-we-do-item:hover {
            background: var(--accent-color);
        } */
#mission .what-we-do-list-box-2.what-we-do-item:hover:after {
        height: 100%;
        transition: all 0.5s linear;
        background: var(--accent-color);

    }

#mission .what-we-do-list-box-1.what-we-do-item:hover:after {
        height: 100%;
        transition: all 0.5s linear;
        background: var(--accent-color);
    }





.slicknav_collapsed ul {
    display: none;
}

.slicknav_open ul {
    display: block !important;
}

.pro-sec .post-item-content span {
    color: var(--accent-color);
    font-weight: 400;
    /* display: block; */
    margin-right: 0.5rem;
}

.pro-sec .post-item-content p {
    display: flex;
}

.pro-sec .post-item {
    /*height: calc(100% - 30px);*/    
	height:100%;
    /*margin-bottom: 30px;*/
    margin-bottom: 0px;
    background: #fffaed !important;
    /*padding: 2rem 1rem;*/
    padding: 1rem 1rem;
    border-radius: 40px;
    /* box-shadow: 1px 1px 3px 3px #efefef; */
    display: flex;
    align-items: center;
}

.pro-sec .post-featured-image {
    margin-bottom: 0px;
    width: 40%;
}

.pro-sec .post-item-body {
    width: 60%;
    padding-left: 2rem;
}

.pro-sec .post-item-content h2 {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4em;
    color: #7c5b00;
    margin-bottom: 1rem;
}

.pro-sec .post-item-body.right {
    padding-right: 2rem;
    padding-left: 1rem;
}

.nums {
    position: absolute;
    top: -20px;
    right: 20px;
    font-size: 80px;
    margin: 0;
    font-weight: 900;
    /* color: var(--accent-color); */
    color: #dedede54;
    /* display: none; */
    /* bottom: -20px; */
}

.service-item:hover .service-body p {
    color: #fff;
}

.service-item:hover .nums {
    color: #ffffff54;
}

.our-story-img.img-1 img {
    aspect-ratio: unset !important;
}

.our-story-img.img-1 {
    width: 31%;
    float: left;
}


.team-member-box {
    background: var(--accent-color);
}

.team-member-name h3 {
    font-size: 26px;
    font-weight: 600;
    color: #ffffff;
}

.team-member-name p {
    color: #222222;
}

.team-member-name {
    margin-bottom: 0px;
}

.team-member-image figure {
    background-color: #fff;
}

.modal-con h3 {
    color: #ffffff;
}

.modal-con p {
    text-align: justify;
}

.btn-close {
    font-size: 12px;
    /* position: relative; */
    position: absolute;
    right: 6px;
    padding: 0.5rem;
    top: 6px;
    z-index: 99;
}

.dir-img {
    background: var(--accent-color);
    border-radius: 20px;
}

.modal-con span {
    /*color: #323131;*/
    color: #fff;
    margin-bottom: 1rem;
}

.btn-close::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid var(--accent-color);
    border-radius: 6px;
}

/* .visin .what-we-do-item {
    width: 50%;
    height: 100%;
} */

/* .visin.what-we-do {
    background-color: var(--accent-color);
} */
.team-member-item {
    position: relative;
    box-shadow: 1px 1px 4px #eaeaea;
    border-radius: 20px;
    overflow: hidden;
}

.team-member-item:hover .team-image figure::before {
    content: unset;
}


.team-content {
    text-align: center;
    /* position: absolute;
    left: 2%;
    bottom: 2%; */
    background: #fff;
    width: 100%;
    /* border-radius: 20px; */
    padding: 1rem 0.5rem;
}

.team-image img {
    background: #eeeeee;
    padding-top: 1rem;
}

.team-image {
    margin-bottom: 0;
}

.team-member-item:hover .team-content {
    transform: translateZ(10px);
}

.dir-info {
    background-color: var(--accent-color);
    height: 100%;
    text-align: center;
    margin-left: -1px;
    padding: 1rem;
}

.dir-info img {
    border-radius: 20px;
    background: #fff;
    margin: 1rem auto;
}

.modal-con .row {
    align-items: stretch;
}

.modal-content {
    border: none;
    border-radius: 10px;
    overflow: hidden;
}

.view-btn {
    display: none;
}

.visin.what-we-do {
    background: url(../images/what-we-do-bg.svg), var(--accent-color);
}

.visin .what-we-do-item .icon-box img {
    max-width: 50px;
    filter: brightness(9.5);
}

.logo-img {
    border: 1px dashed #d1d1d1;
    border-radius: 20px;
    padding: 1rem;
    text-align: center;
    margin-top: 1.5rem;
    transition: all 0.5s linear;
}

.logo-img:hover {
    border: 1px dashed var(--accent-color);
    transform: translateY(-10px);
    transition: all 0.5s linear;
}

.log1 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /*justify-content: space-between;*/
    justify-content: flex-start;
    width: 100%;
}

.logo-sec {
    width: 19%;padding: 0 10px 0 10px;
}

.main-menu ul li.submenu>ul li.submenu>a:after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 14px;
    margin-left: 8px;
}

.pro-sec .post-item.last {
    height: calc(100% - 0px);
}

.banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cv-img {
    width: 100px;
    background: #7d5b0012;
    border-radius: 20px;
    padding: 1rem;
    margin-right: 1rem;
}

.form-check-input:checked {
    background-color: #b58d35;
    border-color: #b58d35;
}

.form-check-input:focus {
    box-shadow: 0 0 0 .25rem rgb(181 141 53 / 26%);
}

.text-gray {
    color: gray;
}
/*File Upload*/
.file-upload{display:block;text-align:center;font-size: 12px;}
.file-upload .file-select{display:block;border: 2px solid #eaeaea;color: #34495e;cursor:pointer;height:45px;line-height:45px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select .file-select-button{background:#b6b6b6;padding:0 20px;display:inline-block;height:45px;line-height:45px;color:#fff;    position: absolute; right: 0;}
.file-upload .file-select .file-select-name{line-height:45px;display:inline-block;padding:0 10px;}
.file-upload .file-select:hover{border-color:#eaeaea;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select:hover .file-select-button{background:#b6b6b6;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select{border-color:#3fa46a;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload.active .file-select .file-select-button{background:#3fa46a;color:#FFFFFF;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;}
.file-upload .file-select input[type=file]{z-index:100;cursor:pointer;position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.file-upload .file-select.file-select-disabled{opacity:0.65;}
.file-upload .file-select.file-select-disabled:hover{cursor:default;display:block;border: 2px solid #dce4ec;color: #34495e;cursor:pointer;height:40px;line-height:40px;margin-top:5px;text-align:left;background:#FFFFFF;overflow:hidden;position:relative;}
.file-upload .file-select.file-select-disabled:hover .file-select-button{background:#dce4ec;color:#666666;padding:0 10px;display:inline-block;height:40px;line-height:40px;}
.file-upload .file-select.file-select-disabled:hover .file-select-name{line-height:40px;display:inline-block;padding:0 10px;}


@media (min-width: 1200px) and (max-width: 1300px) {

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        width: 96%;
    }
}

@media only screen and (max-width: 1366px) {
    .what-we-do-content {
        padding: 100px 50px 80px 50px;
    }

    .our-process {
        padding: 100px 30px;
    }
}

@media only screen and (max-width: 1290px) {
    .main-menu ul li.nav-item .nav-link {
        padding: 10px 8px;
    }

    .second-logo img {
        width: 70px;
    }

    .topbar-contact-info ul {
        padding-right: 0px;
    }

    .our-process {
        padding: 100px 0px;
    }

    .what-we-do-content {
        padding: 100px 20px 80px 20px;
    }
}

@media only screen and (max-width: 1050px) {
    .site-logo {
        display: none;
    }

    .responsive-menu,
    .navbar-toggle {
        display: block;
    }

    .topbar-contact-info {
        justify-content: space-between;
    }

    .navbar {
        width: 100%;
    }

    .navbar>div {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .second-logo {
        display: none;
    }

    .main-header {
        width: 100%;
    }

    header.main-header .header-sticky {
        padding: 0 30px;
    }

    .topbar-contact-info ul {
        border-right: none;
    }

    .topbar-contact-info ul li {
        display: block;
    }

    .topbar-contact-info ul li a {
        align-items: start;
        justify-content: start;
    }

    .topbar-contact-info ul {
        padding: 30px 20px;
    }

    .main-header .navbar-brand img {
        margin-right: 10px;
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav li a {
        font-size: 18px;
    }

    .slicknav_menu ul ul {
        padding: 10px 20px;
    }

    .topbar-contact-info ul li {
        margin-right: 0;
    }
	#mission .what-we-do-list-box-2.what-we-do-item{height: 506px;}

    /* .slicknav_icon .slicknav_icon-bar{
        height: 5px;
    width: 35px;
    margin: 7px auto !important;
    }
    .slicknav_btn{
        width: 70px;
    height: 70px;
    }
    .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1) {
        transform: rotate(-45deg) translate(-6px, 10px);
    }
    .navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3) {
        transform: rotate(45deg) translate(-6px, -10px);
    } */
}

@media (max-width:1200px) {
    .our-story-img.img-1 {
        width: 31%;
        float: left;
        margin-right: 40px;
    }
}

@media (max-width:992px) {
    .logo-sec {
        width: 22%;
        margin: 0 0.5rem;
    }

    .log1 {
        justify-content: center;
    }
}

@media only screen and (max-width: 600px) {
    .main-header .navbar-brand img {
        max-width: 50px;
        margin-right: 10px;
    }

    header.main-header {
        width: 100%;
    }

    .footer-logo {
        text-align: center;
    }
   
    .topbar {
        padding: 0;
        /* background: #ffffffd6; */
    }
     
    .navbar {
        padding: 10px 0;
    }

    .slicknav_menu {
        position: absolute;
        width: 85%;
        padding: 0;
        background: var(--accent-color);
        margin: auto;
        left: 7.5%;
        border-radius: 10px;

    }


    .slicknav_menu .slicknav_nav {
        height: 84vh;
        overflow: auto;
    }
	#mission .what-we-do-list-box-2.what-we-do-item{height: auto;}

    /* .slicknav_hidden {
        height: 0;
    } */

    .pro-sec .post-item {
        display: grid;
    }

    .pro-sec .post-featured-image {
        width: 100%;
    }

    .pro-sec .post-item-body {
        width: 100%;
        padding-left: 0;
        margin-bottom: 20px;
    }

    .pro-sec .post-item-body.right {
        padding-right: 0;
        padding-left: 0;
    }

    .pro-sec .post-featured-image {
        margin-bottom: 30px;
    }

    .pro-sec .post-item-content p {
        display: block;
    }

    .pro-sec .post-item-content h2 {
        font-size: 20px;
        margin-bottom: 1rem;
    }

    .what-we-do-item {
        border: 2px solid var(--dark-divider-color);
    }
}

@media only screen and (max-width: 767px) {
    .logo-sec {
        width: 45%;
        margin: 0 0.5rem;
    }


    .pro-page .service-body h3 {
        font-size: 22px;
    }

    .pro-sec .post-item {
        padding: 1rem;
        padding-bottom: 2rem;
    }

    .post-featured-image figure,
    .post-featured-image a,
    .post-featured-image img {
        aspect-ratio: 0 / 0.73;
        height: 100%;
        width: 100%;
        object-fit: contain;
    }

    .our-story-img.img-1 {
        width: 100%;
        float: left;
        margin-right: 0px;
        margin-top: 20px;
    }

    .dir-info {
        background-color: var(--accent-color);
        height: 100%;
        text-align: center;
        margin-left: 1px;
        width: 80%;
        margin: auto;
        border-radius: 20px;
        /* padding-bottom: 1rem; */
        margin-top: 1rem;
    }

    .team-content {
        text-align: left;
        padding: 1rem 1rem;
        display: flex;
        justify-content: space-between;
    }

    .view-btn {
        background: var(--accent-color);
        color: #fff;
        padding: 0.5rem 1rem;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: fit-content;
    }

    .view-btn a {
        color: #fff;
    }
}