/*
Theme Name: Edge-Stone Theme
Author: Acrobat@team
Author URI: https://acrobatsolution.com/
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.5
Requires PHP: 7.0
Version: 1.1
*/
body {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    color: #333;
}

a:hover {
    text-decoration: none
}

picture {
    margin: 0px;
}

.main-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-list ul li a {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 143%;
    align-items: center;
    /* text-align: right; */
    text-transform: capitalize;
    color: #fff;
}

.nav-list ul li a:hover {
    color: #1125de;
}

.nav-list ul li.current-menu-item a {
    color: #1125de;
}

.nav-list ul li ul li a {
    color: #333;
}

ul.slimmenu li .sub-toggle > i {
    color: #fff;
}

.bar {
    color: #000;
    font-size: 30px;
}

.bar:hover {
    color: #a86922;
}

.main-header {
    padding: 22px 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 111;
}

.banner-sec {
    position: relative;
    height: 100vh;
}

.banner-sec img {
    position: relative;
    height: 100%;
    object-fit: cover;
}

.banner-sec:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
    mix-blend-mode: normal;
    z-index: 1;
}

.main-header .slimmenu li ul {
    padding: 0;
    width: 260px;
    background: #fff;
    border-radius: 0px;
    text-align: left;
}

.main-header .slimmenu li ul li {
    background: transparent;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #f2f2f2;
}

.main-header .slimmenu li ul li:last-child {
    border-bottom: none;
}

.main-header .slimmenu li ul li a {
    padding: 10px 15px;
    text-align: left;
}

.main-header .slimmenu li .sub-toggle {
    background: transparent;
    width: auto;
}

.banner-cnt {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 1;
}

.banner-title {
    font-style: normal;
    font-weight: 500;
    font-size: 58px;
    line-height: 1.4;
    letter-spacing: 0.2em;
    text-transform: capitalize;
    color: #fff;
    padding: 6px 30px;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    width: 100%;
    display: block;
    max-width: 1160px;
    margin: 0px auto;
}

.banner-title span {
    display: block;
}

.logo {
    width: 100%;
    max-width: 200px;
}

.btn {
    font-size: 19px;
    padding: 10px 26px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    border-radius: 0px;
    background: #2C3696;
    background: linear-gradient(153deg,rgba(44, 54, 150, 1) 0%, rgba(17, 14, 13, 1) 100%);
    color: #fff;
    border: solid 1px rgba(17, 14, 13, 1);
}

.btn:hover {
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    border: solid 1px #fff;
    color: #fff;
    background: transparent;
}

.headerBtn .btn {
    margin-left: 10px;
}

.pPad {
    padding: 60px 0px;
}

.title {
    color: #fff;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 300;
    font-size: 1.3rem;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 34px;
    font-family: "Montserrat", sans-serif;
}

.ServiceCard {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    cursor: pointer;
    margin: 15px 0px;
    display: block;
}

.ServiceCard img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    transition: transform 0.4s ease;
}

.ServiceCard:hover img {
    transform: scale(1.05);
}

.ServiceCard .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 10px 25px;
    background: linear-gradient(to top, rgb(0 0 0 / 85%), transparent);
    margin-bottom: 0px;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 35px;
    letter-spacing: 1.2px;
    color: #fff;
    text-align: center;
}

.expertsSec p {
    line-height: 2;
    font-family: "Montserrat", sans-serif;
}

.expertsSec .title {
    color: #000000;
}

.bookCta {
    position: relative;
    padding: 203px 0px;
}

.bookCta .container {
    position: relative;
    z-index: 1;
}

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

.bookCtaBx {
    text-align: center;
    background: #fff;
    padding: 35px 25px;
}

.bookCtaBx .title {
    color: #333;
    font-size: 25px;
    margin-bottom: 6px;
}

.bookCtaBx h3 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 23px;
    margin-bottom: 25px;
}

.bookCtaBx p {
    line-height: 2;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}

.bookCtaBx .btn {
    color: #fff;
    margin-top: 20px;
}

.bookCtaBx .btn:hover {
    color: #333;
    border-color: #333;
}

.bgDark {
    background: #110e0d;
}

.bgBlue {
    background: #2c3696;
}

.project-single {
    position: relative;
}

.project-single .project-content {
    background: #fff;
    padding: 25px;
    width: 95%;
    margin: auto;
    margin-top: -30px;
    position: relative;
}

.project-single .project-content h3 {
    text-transform: capitalize;
    font-size: 26px;
    font-family: "Montserrat", sans-serif;
    color: #333;
    line-height: 1.5;
    min-height: 80px;
}

.project-single .project-content p {
    color: #333;
    line-height: 2;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}

.project-single img {
    height: 300px;
    object-fit: cover;
}

.projectSlider .owl-nav.disabled {
    display: flex !important;
    text-align: center;
    margin-top: 30px;
    justify-content: center;
    gap: 30px;
}

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

.book1CtaBx {
    padding: 110px 0;
}

.book1CtaBx p {
    color: #fff;
    line-height: 2;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
    margin-bottom: 30px;
}

.right-0 {
    right: 0;
    left: auto;
}

.cta3 {
    position: relative;
}

.cta3-content {
    position: relative;
    z-index: 1;
    text-align: center;
}

.book1CtaBx2 {
    text-align: center;
    z-index: 9;
    position: relative;
}

.book1CtaBx2 .btn {
    margin-top: 20px;
}

.book1CtaBx2 p {
    color: #fff;
}

.bookCta2:before {
    position: absolute;
    z-index: 1;
    background: rgb(0 0 0 / 62%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
}

.tips-single {
    position: relative;
}

.tips-single img {
    height: 400px;
    object-fit: cover;
}

.tips-single .tips-content {
    background: #110e0d;
    padding: 25px;
    width: 95%;
    margin: auto;
    margin-top: -30px;
    position: relative;
    box-shadow: 3px 5px 12px 0px rgba(0, 0, 0, 0.09);
    min-height: 270px;
}

.tips-single .tips-content h3 {
    text-transform: capitalize;
    font-size: 26px;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    line-height: 1.5;
}

.tips-single .tips-content ul {
    padding: 0;
    list-style: none;
    margin-top: 20px;
}

.tips-single .tips-content ul li {
    color: #fff;
    padding: 5px 0;
}

.tips-single .tips-content ul li svg {
    fill: #fff;
    width: 17px;
    margin-right: 10px;
}

.tips .title {
    color: #333;
}

.faq .card,.faq .card-header {
    border: none;
    margin-bottom: 5px
}

.faq .card {
    background: 0 0;
    border-bottom: 1px solid #ccc;
}

.faq .card-header,.inner-contact-us .ft-contact,.inner-content ul {
    padding: 0;
    background: transparent;
}

.faq .card-header a {
    font-size: 22px;
    color: #333;
    font-weight: 600;
    display: inline-block;
    padding: 13px 110px 13px 30px;
    width: 100%;
    position: relative;
    font-family: "Montserrat", sans-serif;
    background: transparent;
}

.faq .card-body ol,.ft-contact ul li .ft-cnt-bx,.ft-ul li a,.furniture-disposal-banner .inner-banner-content ul {
    padding-left: 20px
}

.faq .card-body {
    padding: 30px;
    background: #fff;
}

.faq .card-body p {
    color: #3d3d3d
}

.faq .card-body ol li {
    color: #3d3d3d;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 15px
}

.blog_sidebar .blog_left:last-child,.faq,.faq .card-body ol li:last-child,.ft-cnt p,.ft-contact ul li:last-child,.ft-ul li:last-child,.inner-content ul li h2,.inner-content ul li h3 {
    margin-bottom: 0
}

.faq .card .card-header .card-link:after {
    content: "\f106";
    font: 30px/1 FontAwesome;
    width: 70px;
    height: 100%;
    border: 1px solid;
    border-radius: 0;
    right: 0;
    padding: 3px 8px;
    display: inline-block;
    transition: .4s;
    color: #333;
    position: absolute;
    left: auto;
    top: 0;
    border: none;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(0 0,100% 0,100% 100%,25% 100%);
    -o-clip-path: polygon(0 0,100% 0,100% 100%,25% 100%);
    -webkit-clip-path: polygon(0 0,100% 0,100% 100%,25% 100%)
}

.faq .card .card-header .card-link.collapsed:after {
    content: "\f107";
    font: 30px/1 FontAwesome;
    transition: .4s
}

footer {
    background: #191818;
    padding-top: 50px;
    font-family: "Montserrat", sans-serif;
}

footer .logo img {
    max-width: 300px;
}

.social-links {
}

.footer-social {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}

.footer-social span {
    font-size: 20px;
    font-weight: 600;
    margin-right: 20px;
}

.social-links a svg {
    height: 30px;
    fill: #fff;
}

.social-links a {
    width: 55px;
    height: 55px;
    border: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 5px;
}

.footer-menu {
    border-bottom: 1px solid #353535;
    border-top: 1px solid #353535;
    margin-top: 30px;
}

.footer-menu ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 15px;
    justify-content: center;
}

.footer-menu ul a {
    color: #fff;
    font-size: 18px;
    padding: 15px;
    display: inline-block;
}

.footer-copy {
    text-align: center;
    color: #fff;
    padding: 20px 0;
}

.footer-copy p {
    margin-bottom: 0;
}

.review {
}

.review .title {
    color: #333;
}

.review .review-single {
    padding: 20px;
    box-shadow: 6px 8px 18px 0px rgba(0, 0, 0, 0.09);
    border: 1px solid #D9D9D9;
    height: 100%;
}

.review .review-single .review-single-top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.review .review-single .review-single-top span {
    margin-left: 20px;
}

.review .review-single .review-single-top img {
    width: 50px;
    height: 50px;
}

.review .review-single .review-retting {
    margin-bottom: 20px;
}

.review .review-single .review-retting i {
    color: #fbbc05;
}

.review .review-single .review-content {
    color: #333;
    font-family: "Montserrat", sans-serif;
    line-height: 2;
    height: 300px;
    overflow: auto;
    max-height: 300px;
}

.review-head-right {
    color: #333;
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
}

.review-head-right img {
    max-width: 150px;
    margin-right: 10px;
}

.project-head .btnStyle {
    min-width: 200px;
}

.main-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000;
    backdrop-filter: blur(4px);
    padding: 10px 0px;
    animation: smoothScroll 1s forwards;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.chooseBx {
    display: flex;
    flex-wrap: wrap;
}

.chooseBx .chooseBxText {
    background: #212a83;
    padding: 55px 55px;
    min-height: 337px;
}

.chooseBx .chooseBxText h3 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 26px;
    font-family: "Montserrat", sans-serif;
}

.chooseBx .chooseBxText p {
    color: #fff;
    line-height: 2;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 0px;
    font-size: 16px;
}

.chooseBx picture {
}

.chooseBx picture img {
}

.oderChoose .chooseBxText {
    order: 2;
}

.oderChoose picture {
    order: 1;
}

.comBX {
    padding: 25px;
    border: solid 1px #e3e3e3;
    height: 100%;
}

.comBX picture {
    display: block;
}

.comBX picture img {
    width: 100%;
}

.comBX .comBXText {
    padding-top: 25px;
    - tpadding: ;
    - tpadding: 2;
    - tpadding: 25;
    - tpadding: 2;
}

.comBX .comBXText h3 {
    color: #000;
    margin-bottom: 15px;
    font-size: 26px;
    font-family: "Montserrat", sans-serif;
}

.comBX .comBXText p {
    line-height: 2;
    font-family: "Montserrat", sans-serif;
}

.grid {
  margin: 0 auto;
}

.grid-item {
  width: 500px;
  margin-bottom: 10px;
}

.grid-item img {
  display: block;
  max-width: 100%;
  border-radius: 8px;
}
.innerBanner{
    height: auto;
}
.ppList .project-content{
    background: #110e0d;
}
.ppList .project-content h3{
    color: #fff;
}
.ppList .project-content p{
    color: #fff;
}
.ppList .project-content svg path{
    fill: #fff;
}
.projectGallerySlider .owl-nav{
    text-align: center;
    margin-top: 25px;
}
.projectGallerySlider .owl-nav button{
    margin: 0px 10px;
}
.projectGallerySlider .owl-nav.disabled {
    display: flex !important;
    text-align: center;
    margin-top: 30px;
    justify-content: center;
    gap: 30px;
}
.projectGallerySlider .owl-nav button img{
    filter: invert(1) brightness(1);
}
.blogBanner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000de;
}
.blogDetails h2{
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
}
.blogDetails h1{
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
}
.blogDetails h3{
     font-size: 26px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
}
.blogDetails ul{
    padding-left: 15px;
}
.blogDetails ul li{
    line-height: 2;
    font-family: "Montserrat", sans-serif;
}

.step {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    justify-content: center;
  }
  .step:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: center;
  }

.step .icon {
    flex: 0 0 510px;
    color: #2c3696;
    text-align: center;
  }
.step .icon img {
    width: 130px;
    height: 130px;
    object-fit: contain;
  }

.step .content {
    background: white;
    padding: 50px 30px;
    border-radius: 15px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 0.1);
    max-width: 510px;
    text-align: center;
  }

  .step:nth-child(odd) .content {
    margin-left: 20px;
  }
  .step:nth-child(even) .content {
    margin-right: 20px;
  }

.step .step-number {
    font-weight: 300;
    font-size: 38px;
    color: #888888;
    letter-spacing: 2px;
    margin-bottom: 5px;
  }
.step .step-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    color: #000;
    text-transform: uppercase;
  }
.step .step-desc {
    font-weight: 300;
    font-size: 16px;
    color: #666;
    line-height: 1.8;
  }
  .innerCnt h1{
    font-size: 36px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
  }
  .innerCnt h2{
    font-size: 30px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
  }
  .innerCnt h3{
    font-size: 24px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
  }
  .innerCnt h4{
    font-size: 20px;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 15px;
  }
  .innerCnt ul{
    padding-left: 15px;
  }
  .innerCnt ul li{
    line-height: 2;
    font-family: "Montserrat", sans-serif;
  }
   .contactInfoBx{
    text-align: center;
    padding: 0px 15px;
  }
  .contactInfoBx p, .contactInfoBx a{
    color: #fff;
    font-size: 22px;
    line-height: 2;
    font-weight: 300;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    display: block;
    margin-bottom: 0;
  }
  .contactInfoBx .contactIcon{
    width: 100px;
    height: 100px;
    border: solid 1px #fff;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
  }
  .contactInfoBx .contactIcon img{
        width: 40px;
  }
  .borderRgt{
    border-right: solid 1px #ffffff0d;
  }
  .conactFormBx{

  }



/* Flexbox for full name and phone number inputs side by side */
.conactFormBx .form-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

/* Each form field group */
.conactFormBx .form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Labels styling */
.conactFormBx label {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 14px;
    margin-top: 15px;
}

.conactFormBx label span.required {
    color: red;
}

/* Inputs and textarea styling */
.conactFormBx input[type="text"],
.conactFormBx input[type="email"],
.conactFormBx input[type="tel"],
.conactFormBx textarea {
    padding: 8px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 2px;
    resize: vertical;
    font-family: inherit;
    width: 100%;
    height: 55px;
}

/* Email input full width */
.conactFormBx .email-group input[type="email"] {
    width: 100%;
}

/* Preferred services container */
.conactFormBx .preferred-services {
    margin-bottom: 20px;
}

/* Checkbox groups in line */
.conactFormBx .checkbox-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
    margin-top: 10px;
}

.conactFormBx .checkbox-group label {
    font-weight: 400;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

/* Textarea height */
.conactFormBx textarea {
    min-height: 120px;
    width: 100%;
}

/* Button styling */
.conactFormBx .submitBtn {
    background: #2C3696;
    background: linear-gradient(153deg, rgba(44, 54, 150, 1) 0%, rgba(17, 14, 13, 1) 100%);
    color: white;
    padding: 10px 20px;
    font-size: 21px;
    font-weight: 600;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border: solid 1px rgba(17, 14, 13, 1);
    text-transform: uppercase;
}

.conactFormBx .submitBtn:hover {
    color: #333;
    border-color: #333;
    background: transparent;
}
.errorSec{
    text-align: center;
}
.errorSec h1{
    color: #fff;
}
.errorSec .errorImg{
    width: 100%;
    max-width: 660px;
}
.errorSec{
    padding-top: 150px;
}
.contactmap p{
    height: 450px;
}
.contactmap iframe{
    height: 100%;
}
.comBXText ul{
    padding-left: 35px;
}
.comBXText li{
    line-height: 2;
}
.comBXText li a{
    color: #000;
}
.comBXText li a:hover{
    color: #1125de;
}
.mobileCall{
    display: none;
}
.conactFormBx label span{
    color: red;
}
@media (min-width: 1299px) {
    .container {
        max-width: 1240px;
    }

    .nav-list ul li a {
        padding: 0px 20px 0px 20px;
    }
}

@media (min-width: 1399px) {
    .container {
        max-width: 1340px;
    }
}

@media (min-width: 1599px) {
    .container {
        max-width: 1360px;
    }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1560px;
    }
}

@media (max-width: 1599px) {
    .nav-list ul li a {
        font-size: 16px;
    }

    .logo {
        max-width: 150px;
    }

    .btn {
        font-size: 17px;
        padding: 7px 20px;
    }

    .banner-title {
        font-size: 52px;
    }

    .title {
        font-size: 25px;
    }

    .bookCta {
        padding: 83px 0px;
    }

    .project-single .project-content h3 {
        font-size: 19px;
    }

    .tips-single .tips-content h3 {
        font-size: 18px;
    }

    .faq .card-header a {
        font-size: 19px;
    }

    .tips-single .tips-content {
        min-height: 238px;
    }
    .chooseBx .chooseBxText{
        padding: 25px;
    }
    .chooseBx .chooseBxText h3 {
        margin-bottom: 15px;
        font-size: 20px;
    }
    .chooseBx .chooseBxText p{
        line-height: 1.8;
        font-size: 14px;
    }
    .chooseBx .chooseBxText{
        min-height: 246px;
    }
    .comBX .comBXText p{
        font-size: 14px;
    }
    .comBX .comBXText h3{
        font-size: 20px;
    }
    .comBX{
        padding: 15px;
    }
    .grid-item {
        width: 32.33%;
    }
    .blogBanner .banner-title {
        font-size: 36px;
    }
    .innerBanner{
        height: 340px;
    }
    .innerBanner .banner-title {
        font-size: 32px;
    }
    .contactInfoBx p, .contactInfoBx a{
        font-size: 16px;
    }
    .contactInfoBx{
        padding: 0px 5px;
    }
    .errorSec .errorImg{
        max-width: 530px;
    }
}

@media (max-width:1199px){
    .nav-list{
        order: 3;
    }
    .main-head{
        position: relative;
    }
    .collapse-button{
        background-color: #2c3696;
        border-radius: 0px;
    }
    ul.slimmenu{
        position: absolute;
        top: 100%;
        right: 0;
        width: 100%;
        max-width: 440px;
        background: #110e0d;
    }
    .main-header .slimmenu li .sub-toggle {
        width: 40px;
        background: #494747;
    }
    .main-header .slimmenu li ul {
        width: 100%;
        background: transparent;
    }
    .main-header .slimmenu li ul li a{
        color: #fff;
    }
    .main-header .slimmenu li ul li a i{
        display: none;
    }
    .main-header .slimmenu li ul li{
        border-bottom: solid 1px #f2f2f212;
        padding-left: 25px;
    }
    .projectSlider .owl-nav{
        text-align: center;
        margin-top: 40px;
    }
    .projectSlider .owl-nav button, .projectGallerySlider .owl-nav button{
        width: 50px;
        height: 50px;
        margin: 0px 5px;
    }
    .projectSlider .owl-nav button img, .projectGallerySlider .owl-nav button img{
        width: 100%;
    }
    .banner-title {
        font-size: 42px;
    }
    .chooseBx picture img {
        height: 292px;
        object-fit: cover;
    }
    .chooseBx .chooseBxText {
        min-height: 292px;
    }
    .chooseBx .chooseBxText {
        min-height: 382px;
    }
    .chooseBx picture img {
        height: 382px
    }
    .blogDetails h2, .innerCnt h2{
        font-size: 26px;
    }
    .blogDetails h1, .innerCnt h1{
        font-size: 30px;
    }
    .blogDetails h3, .innerCnt h3{
        font-size: 24px;
    }
    .blogDetails h4, .innerCnt h4{
        font-size: 20px;
    }
    .contactInfoBx .contactIcon {
        width: 60px;
        height: 60px;
    }
    .contactInfoBx .contactIcon img {
        width: 30px;
    }
    .contactInfoBx p, .contactInfoBx a {
        font-size: 14px;
    }
    .contactInfoBx {
        padding: 0px;
    }


}
@media (max-width:991px){
    .banner-title {
        font-size: 36px;
    }
    .headerBtn{
        order: 2;
        margin-right: 15px;
        margin-left: auto;
    }
    .collapse-button{
        right: 0;
    }
    .menu-collapser{
        width: 48px;
    }
    .ServiceCard .caption{
        font-size: 15px;
        line-height: 1.6;
        padding: 20px 10px 15px;
    }
    .title {
        font-size: 20px;
    }
    .bookCtaBx .title{
        font-size: 20px;
    }
    .bookCtaBx h3{
        font-size: 18px;
    }
    .bookCtaBx{
        padding: 25px 15px;
    }
    .book1CtaImg{
        width: 100%;
        position: relative;
    }
    .book1CtaBx {
        padding: 50px 0 0;
    }
    .tips-single img{
        height: 260px;
    }

    .step .icon {
        flex: 0 0 300px;
    }
    .step .icon img {
        width: 80px;
        height: 80px;
    }
    .step .step-title{
        font-size: 20px;
    }
    .step .step-desc{
        font-size: 14px;
    }
    .step .content{
        padding: 20px 15px;
    }
    footer .logo img {
        max-width: 210px;
    }
    .borderRgt{
        border: none;
    }
    .contactInfoBx{
        padding: 25px;
    }

}
@media (max-width:767px){
    .banner-title {
        font-size: 28px;
        padding: 0;
    }
    .headerBtn .btn {
        display: none;
    }
    .mobileCall {
        display: inline-block;
        width: 40px;
        height: 40px;
        border: solid 2px #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        color: #fff;
    }
    .mobileCall:hover{
        background-color: #2c3696;
        border-color: #2c3696;
        color: #fff;
    }
    .banner-sec{
        height: 80vh;
    }
    .pPad {
        padding: 35px 0px;
    }
    .title{
        margin-bottom: 20px;
    }
    .project-head{
        text-align: center;
    }
    .project-head .title{
        text-align: center !important;
    }
    .book1CtaImg{
        display: none;
    }
    .book1CtaBx{
        padding-top: 0px;
        text-align: center;
    }
    .book1CtaBx  .title{
        text-align: center !important;
    }
    .faq .card-header a {
        font-size: 16px;
    }
    .footer-menu ul a {
        font-size: 16px;
        padding: 10px;
    }
    footer .logo img {
        max-width: 200px;
    }
    .social-links a svg {
        height: 20px;
    }
    .social-links a {
        width: 45px;
        height: 45px;
    }
    .chooseBx .chooseBxText {
        min-height: auto;
    }
    .chooseBx picture img {
        height: auto;
    }
    .oderChoose picture {
        order: 2;
    }
    .chooseBx{
        margin: 10px 0px;
    }
    .innerBanner{
        height: 300px;
    }
    .step .icon {
        flex: 0 0 130px;
    }
    .banner-cnt{
        top: 60%;
    }
    .projectGallerySlider .owl-nav.disabled{
        gap: 0;
    }
    .contactInfoBx {
        padding: 25px 10px;
    }
    .borderRgt {
        border-bottom: solid 1px #ffffff0d;
    }
    .errorSec .errorImg {
        max-width: 380px;
    }
    .errorSec{
        padding-top: 150px;
    }
}
@media (max-width:575px){
    .banner-title {
        font-size: 24px;
    }
    ul.slimmenu{
        max-width: 100%;
    }
    .expertsSec p, .bookCtaBx p, .book1CtaBx p{
        text-align: justify;
        text-align-last: center;
    }
    .book1CtaBx p{
        margin-bottom: 15px;
    }
    .tips-single .tips-content {
        min-height: auto;
    }
    .faq .card-header a{
        padding: 10px 50px 10px 10px;
    }
    .footer-copy p{
        font-size: 14px;
    }
    .footer-menu ul a {
        font-size: 14px;
        padding: 6px 5px;
    }
    footer .logo img {
        max-width: 160px;
    }
    .social-links a {
        width: 35px;
        height: 35px;
    }
    .social-links a svg {
        height: 15px;
    }
    .footer-social span {
        font-size: 16px;
    }
    footer{
        padding-top: 30px;
    }
    .faq .card-body{
        padding: 15px 5px;
    }
    .faq .card-body p{
        line-height: 1.8;
    }
    body{
        font-size: 16px;
    }
    .projectSlider .owl-nav.disabled{
        gap: 0;
        margin-top: 15px;
    }
    .chooseBx .chooseBxText{
        text-align: center;
    }
    .chooseBx .chooseBxText p{
        text-align: justify;
        text-align-last: center;
    }
    .step{
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .step .icon {
        flex: 0 0 100%;
    }
    .step:nth-child(odd) .content {
        margin-left: 0;
    }
    .step .content{
        padding: 15px;
        margin-top: 15px;
    }
    .step .icon img {
        width: 50px;
        height: 50px;
    }
    .innerBanner .banner-title {
        font-size: 22px;
    }
    .blogDetails h2, .innerCnt h2{
        font-size: 24px;
        text-align: center;
    }
    .blogDetails h1, .innerCnt h1{
        font-size: 26px;
        text-align: center;
    }
    .blogDetails h3, .innerCnt h3{
        font-size: 22px;
        text-align: center;
    }
    .blogDetails h4, .innerCnt h4{
        font-size: 20px;
        text-align: center;
    }
    .contactmap {
        height: 340px;
    }
    .checkbxList div label{
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }
    .errorSec h1{
        font-size: 20px;
    }
    .comBXText li{
        text-align: left;
    }
    .comBXText li a{
        font-weight: 300;
    }


}


@media (max-width:479px){
    .banner-title {
        font-size: 21px;
    }
    .bookCtaBx .title {
        font-size: 16px;
    }
    .bookCtaBx h3 {
        font-size: 16px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .title {
        font-size: 18px;
    }
    .project-single .project-content h3{
        min-height: auto;
    }
    .project-single .project-content{
        padding: 15px;
    }
    .footer-menu ul{
        gap: 5px;
    }
    .tips-single .tips-content{
        padding: 15px;
    }
    .tips-single .tips-content ul li{
        font-size: 14px;
    }
    .bookCta{
        padding: 30px 0px;
    }
    .chooseBx .chooseBxText {
        padding: 15px;
    }
    .chooseBx .chooseBxText h3 {
        margin-bottom: 15px;
        font-size: 17px;
    }
    .comBX {
        padding: 10px;
    }
    .comBX .comBXText{
        padding-top: 15px;
        text-align: center;
    }
    .step .step-title {
        font-size: 16px;
    }
    .step .step-desc{
        text-align: justify;
        text-align-last:center;
    }
    .project-single .project-content h3{
        text-align: center;
    }
    .project-single{
        text-align: center;
    }
}

@media (max-width:375px){
    
}