@font-face{
    font-family: 'Segoe UI';
    src: url(../fonts/Segoe\ UI.woff) format('woff2'),
         url(../fonts/Segoe\ UI\ Bold.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    list-style: none;
    text-decoration: none !important;
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
}


/*html, body {*/
/*  overflow-x: hidden;*/
/*}*/
/**/
/*img, video {*/
/*  max-width: 100%;*/
/*  height: auto;*/
/*}*/
/*body{*/
/*    overflow-x: hidden !important;*/
/*}*/

/*html{*/
/*    overflow: hidden;*/
/*}*/

/*section{*/
/*    overflow: hidden;*/
/*}*/
.pg_pgMn{
     transition:0.5s;
}
.pg_pgMn:hover{
       color:#e3000e !important;
}
.ftNmHv{
       transition:0.5s;
}
.ftNmHv:hover{
        color:#e3000e;
}
.copy_pgg a{
    color: #ababab;
    transition:0.5s;
}
.copy_pgg a:hover{
    color:#e3000e;
}

.trmsCond_sec h2{
        color: #e3000e;
    font-size: 33px;
    font-weight: 600;
}
.trmsCond_sec a{
    color:#e3000e;
}
.trmsCond_sec ul li{
    list-style: initial;

}

.contMargTp{
        margin-top: 110px;
}

.breadcrumb-item+.breadcrumb-item::before{
    color:#e3000e !important;
}
.hdBtm{
        padding-bottom: 20px;
}

.overPop{
    background: #e3000e91;
    width: 94%;
    height: 0%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    bottom: 0;
    /* left: 50%; */
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}
.popImggg:hover .overPop{
     height: 100%;
      opacity:1;    
}





a{
    font-family: "Poppins", sans-serif;
}

header{
    z-index: 9999;
    background-color: #fff !important;
    /*overflow:hidden;*/
}

.nav-left a img{
    width: 100%;
}

#add{
    width: 10%;
}
#call{
    width: 17%;
}
.call-us p{
    color: #565654 !important;
}

.call-us a{
    color: #e3000e !important;
}

.your-prop p{
    color: #565654 !important;
}

.your-prop p:nth-child(2){
    color: #e3000e !important;
}
.navtop .container{
    position: relative;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;    
}
.navbar .container{
    position: relative;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;    
}
.navbar{
    /* right: 0; */
    top: 92.5px;
    width: 100%;
    background-color: #e3000e!important;
    clip-path: polygon(2% 0%, 98% 0%, 100% 50%, 98% 100%, 2% 100%, 0 50%);
    position: fixed !important;
    transition: top 0.5s ease-in-out;
    z-index: 1000;
    /* box-shadow: 0 0 30px 10px rgba(255, 0, 0, 0.7),
    0 0 60px 20px rgba(255, 0, 0, 0.4),
    0 0 100px 30px rgba(255, 0, 0, 0.2); */

}
.nav-menu ul li a{
    color: white !important;
    font-family: "Poppins", sans-serif;
}
.nav-menu ul{
    position: relative !important;
    top: 20% !important;
}

.nav-menu{
    z-index: 9999;
}
/*.navtop.scrolled,*/
/*.navbar.scrolled {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    z-index: 999;*/
/*    box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
/*}*/

/*.navbar.scrolled {*/
/*    top: 0px;*/
/*}*/
.hamburger {
    width: 30px;
    height: 24px;
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    flex-direction: column;
    justify-content: space-between;
    z-index: 1100;
    margin-left: auto;
  }
  
  .hamburger span {
    display: block;
    height: 3px;
    width: 100%;
    background: white;
    border-radius: 2px;
    transition: 0.4s ease;
  }
  
  .hamburger.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
  }
  .hamburger.active span:nth-child(2) {
    opacity: 0;
  }
  .hamburger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
  }
  .your-prop p:nth-child(2){
      margin: unset;
  }
/* =============== banner =============== */
.banner{
    min-height: 685px !important;
    background: url(../img/bskBANN_imgNew.jpg) no-repeat center center / cover;
    padding-top: 255px !important;
}

.banner .container{
    top: 65%;
    left: -1%;
    position: relative;
    /*padding: 0 15px;*/
    margin: 0 auto;
    max-width: 100%; 
    position: unset !important;
    
}

.banner .container .row{
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
}
.banner .container .row span{
    color: #ceceb8 !important;
}

.banner .container .row .container h1{
    font-size: 67px;
    text-transform: uppercase;
}

.banner .container .row .container a{
    width: 24%;
    padding: 8px 28px;
    position: relative;
    left:-0%;
    border: 2px solid #e3000e;
    border-radius: 50px;
    background-color: #e3000e;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s ease;
}

.banner .container .row a:hover{
    background-color: #fff;
    color: #000 !important;
}

/* =============best ================ */
.best .container{
    position: relative;
    /*padding: 0 15px;*/
    margin: 0 auto;
    width: 100%; 
}

.best .container .row img{
    top: 23%;
    left: -10%;
}

.best .img-container{
    padding-left: 121px;
    /* padding: 50px; */
}

.best-left-1 img{
    width: 100%;
}
.best-left-2 img{
    width: 100%;
}
.best-left-2{
    width: 25%;
    top: 25%;
    left: 0%;
}

.best .col-lg-6 .heading h2{
    color: #e3000e;
}

.best .container .row .col-lg-6 .twenty{
    bottom: 0%;
    left: -1%;
    width: 186px;
    padding: 5px;
    /* background-color: #e3000e; */
}

.best .container .row .col-lg-6 .twenty p{
    font-size: 57px;
    font-weight: bold;
    color: #fff;
    line-height: 1.0;
    color: #e3000e;
}

.best .container .row .col-lg-6 .twenty p:nth-child(2){
    font-size: 18px;
}

.best .container .row .col-lg-6 .twenty p span{
    font-size: 18px;
    line-height: 1.2;
    color: #e3000e;
}

.best .container .row .col-lg-6 .line {
    display: block;
    width: 113px;
    height: 2px;
    background-color: #e3000e;
}
.best .container .row .col-lg-6 .bsk{
    color: #e3000e;
    font-weight: bold;
}

.prof-left img{
    width: 100%;
}

.prof-left{
    background-color: #e3000e;
    padding: 10px;
    padding-block: 11px;
    border-top-left-radius:40%;
    border-bottom-right-radius:40%;
    width: 10%;
}

.prof-right h3{
    color: #e3000e;
    font-size: 25px;
}
.twenty-left img{
    width: 100%;
}

.twenty-left{
    background-color: #e3000e;
    padding: 8px;
    padding-block: 10px;
    border-top-left-radius:40%;
    border-bottom-right-radius:40%;
    width: 10%;
}

.best .col-lg-6 .buttons .read{
    padding: 6px 23px;
    background-color: #e3000e;
    color: white;
    border-radius: 50px;
    font-weight: bold;
    border: 2px solid #e3000e;
    transition: all 0.1s ease;
}

.best .col-lg-6 .buttons .read:hover{
    background-color: white;
    color: black;
}

.best .col-lg-6 .buttons .number{
    padding: 5px 15px;
    border: 2px solid #e3000e;
    color: black;
    border-radius: 50px;
    font-weight: bold;
    transition: all 0.3s ease;
}
.best .col-lg-6 .buttons .number i{
    color: #e3000e;
}

.best .col-lg-6 .buttons .number:hover{
    background-color: #e3000e;
    color: white;
  
}
.best .col-lg-6 .buttons .number:hover   i{
        color: white;
    }
/* ================ service =============== */
.service .container{
    position: relative;
    /*padding: 0 15px;*/
    margin: 0 auto;
    width: 100%; 
}

.service .container .our{
    width: 680px;
    height: 88px;
    border: 2px solid #e3000e
}

.service .container .our h2{
    position: absolute;
    left: 34%;
    top: -13%;
    background-color: #fff;
    padding-inline: 30px;
    font-size: 50px;
    text-transform: uppercase;
    color: #e3000e
}

.service .container .our p{
    font-size: 20px;
}

.service .container #serv-back{
    background: url("../img/serv-back.png")no-repeat center center/cover;
    width: 100%;
    height: 100%;
}

.service .container .heading p{
    font-size: 15px;
}

/* ========= service-grid ============= */
.service-grid{
    min-height: 1055px;
    background: url("../img/serv-back.png") no-repeat center center/cover;
    margin-top: 250px;
    position: relative;
}

.service-grid .container{
    position: absolute;
    top: -20%;
}
.service-grid .container .grid-container .serv-img-1{
    background:linear-gradient(to top,rgba(0, 0, 0, 2.473),rgba(0, 0, 0, 0)),url(../img/grid-serv-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.service-grid .container .grid-container .serv-img-1 h3{
    color: #fff;
}

.service-grid .container .grid-container .serv-img-1 p{
    color: #fff
}
.service-grid .container .grid-container .serv-img-2{
    background:linear-gradient(to top,rgba(0, 0, 0, 2.473),rgba(0, 0, 0, 0)),url(../img/IMG_3773.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.service-grid .container .grid-container .serv-img-2 img{
    width: 900% !important;
}

.service-grid .container .grid-container .serv-img-2 h3{
    color: #fff;
}

.service-grid .container .grid-container .serv-img-2 p{
    color: #fff
}
.service-grid .container .grid-container .serv-img-3{
    background:linear-gradient(to top,rgba(0, 0, 0, 2.473),rgba(0, 0, 0, 0)),url(../img/IMG_0550.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    
}

.service-grid .container .grid-container .serv-img-3 h3{
    color: #fff;
}

.service-grid .container .grid-container .serv-img-3 p{
    color: #fff
}
.service-grid .container .grid-container .serv-img-4{
    background:linear-gradient(to top,rgba(0, 0, 0, 2.473),rgba(0, 0, 0, 0)),url(../img/bthBssskk.JPG );
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.service-grid .container .grid-container .serv-img-4 h3{
    color: #fff;
}

.service-grid .container .grid-container .serv-img-4 p{
    color: #fff
}
.service-grid .container .grid-container {
    display: grid;
    grid-template-columns: repeat(8, 1fr);  
    gap: 10px;
    width: 100%;
}
.service-grid .container .grid-container .serv-img-1{
    min-height: 518px;
    grid-column: span 4;
}
.service-grid .container .grid-container .serv-img-2{
    min-height: 518px;
    grid-column: span 4;
}
.service-grid .container .grid-container .serv-img-3{
    min-height: 518px;
    grid-column: span 4;
}
.service-grid .container .grid-container .serv-img-4{
    min-height: 518px;
    grid-column: span 4;
}
.service-grid .container .grid-container .serv-img-1 img{
    width: 100%;
}
.service-grid .container .grid-container .serv-img-2 img{
    width: 100%;
}
.service-grid .container .grid-container .serv-img-3 img{
    width: 100%;
}
.service-grid .container .grid-container .serv-img-4 img{
    width: 100%;
}
.service-grid .container .quick{
    height: 212px;
    background-color: #000;
    margin-top: 49px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
.service-grid .container .quick h2{
    color: #fff;
}

.service-grid .container .quick .quick-right a{
    padding: 20px 24px;
    border: 2px solid #ffffffa1;
    color: #fff !important;
    border-radius: 50px;
}

.custom-icon .custom-path {
    stroke: red;
}

.service-grid .container .quick .quick-right .call{
    width: 12% !important;
}

.grid-inf h3 a {
    font-weight: bold;
    color: #fff !important;
    text-decoration: none;
}

/* =========== book  ================= */
.book{
    margin-top: 128px;
}

.book .container{
    position: relative;
}

.book .container .row .our{
    width: 491px;
    height: 88px;
    border: 2px solid #e3000e;
}

.book .container .row .our h2{
    position: absolute;
    font-size: 60px;
    top: -8%;
    left: 2%;
    color: #e3000e;
    background-color: #fff;
}
p#book-2{
    font-size: 14px;
    width: 91%;
}

.book .container .row button{
    width: 45% !important;
    border: none;
    border-radius: 20px;
    background-color: #E23C3C;
    font-weight: bold;
    color: #fff;
    font-size: 20px;
    padding-inline: 20px;
}

.book .container .row .img-container img{
    width: 85%;
    object-fit: cover;
}

.book .container .row .img-container{
    position: absolute;
    top: -3%;
}

.form-select{
    width: 100%;
}

.form-control{
    width: 100%;
}

/* ================ property ============ */
.property {
    min-height: 481px;
    background-color: #ffdada;
    /*margin-top: 400px;*/
    position: relative;
    margin-bottom: 137px !important;
    margin-top: 137px !important;
}

.property .container{
    position: relative;
}
#property-img{
    height: auto;
}

#property-img img{
    height: 836px;
    width: 100%;
}

#property-right{
    height: 836px;
    border: 2px solid #e3000e;
    border-left: none;
    background-color: #fff;
    padding: 40px;
}

#property-right span{
    font-size: 60px;
}

#property-right h2{
    font-size: 46px;
    color: #e3000e;
    line-height: 1.2;
}

#property-right p{
    margin-bottom: unset !important;
}

#property-right img{
    position: relative;
    left: -5%
}

#property-right .button .read{
    padding: 6px 23px;
    background-color: #e3000e;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #e3000e;
    transition: all 0.4s ease;
}

#property-right .button .read:hover{
    background-color: #fff;
    color: #000 !important;
}

#property-right .button .phone{
    padding: 3px 14px;
    border: 3px solid #e3000e;
    border-radius: 50px;
    color: #e3000e;
    font-weight: bold;
    font-size: 22px;
    transition: all 0.2s ease;
}

#property-right .button .phone:hover{
    background-color: #fff;
    color: #000 !important;
}
.brand-img img{
    margin-inline: 20px
}

.ram{
    width: 30% !important;
    padding: 26px;
    background-color: #f8f8fa;
    box-shadow: 0px 0px 41px #00000036;
}

.napit{
    width: 14% !important;
    padding: 20px;
    background-color: #f5f5f5;
    box-shadow: 0px 0px 41px #00000036;
}

.trustmark{
    width: 29% !important;
    padding: 20px;
    background-color: #f8f8fa;
    box-shadow: 0px 0px 41px #00000036;
}
.areas{
    width: 213px;
    height: 191px;
    position: absolute;
    bottom: -10%;
    border-radius: 20px;
    background-color: #000 !important;
    padding: 19px;
}
.areas .loc-img img{
    width: 100%;
}

.areas .loc-img{
    width: 14%;
}

.areas-list{
    position: relative;
    left: -10%;
}

/*.areas ul{*/
/*    padding-left: unset !important;*/
/*}*/

.areas ul li{
    list-style: disc;
    color: #bdaaab;
}

.areas ul li p{
    color: white;
    font-size: 15px;
}

.areas .areas-up h3{
    color: #df7e84 !important;
    font-size: 16px;
    margin: unset;
}
/* =========== chooe =========== */
.choose{
    min-height: auto;
}
.choose .container{
    position: relative;
}
.choose .container .row .our{
    width: 518px;
    height: 88px;
    border: 2px solid #e3000e;
}

.choose .container .row .our h2{
    position: absolute;
    top: 5%;
    left: 3%;
    font-size: 50px;
    background-color: #fff;
    padding-inline: 21px;
    color: #e3000e;
}

.choose-right{
    position: absolute;
    width: 415px;
    height: 323px;
    padding: 50px;
    /* border: 1px solid #edc77c; */
    bottom: 20%;
    right: -30%;
    background-color: #fff;
    left: 35%;
    box-shadow: 0 0 10px 6px #b3b3b34d;
}

.choose-right img{
    position: absolute;
    top: -40%;
    left: -3%;
    width: 30%;
}
.choose-right p{
    font-size: 12px;
    padding-top: 20px;
}

.choose-right h3{
    font-size: 23px !important;
}


/* ============= latest ======= */
.latest{
    background-color: #ffdada;
}
.latest .container{
    position: relative;
}

.latest .container .heading p{
    font-size: 15px !important;
}
.latest .container .our{
    width: 680px;
    height: 88px;
    border: 2px solid #e3000e;
}

.latest .container .our h2{
    position: absolute;
    top:-1%;
    font-size: 50px;
    background-color: #ffdada;
    padding-inline: 21px;
    color: #e3000e;
}

.latest .container .our p{
    font-size: 20px;
    color: #000;
}

.latest .container .grid-container-latest {
    display: flex;
    width: 100%;
    margin: auto;
}

.latest .container .grid-container-latest .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

/*.latest .container .grid-container .image-wrapper .img1 {*/
/*    grid-column: span 1; */
/*    grid-row: span 2;*/
/*}*/

/*.latest .container .grid-container .image-wrapper .img2 {*/
/*    grid-column: 2 / 3;*/
/*    grid-row: 1 / 2;*/
/*}*/

/*.latest .container .grid-container .image-wrapper .img3 {*/
/*    grid-column: 2 / 3;*/
/*    grid-row: 2 / 3;*/
/*}*/

/*.latest .container .grid-container .image-wrapper .img4 {*/
/*    grid-column: span 1; */
/*    grid-row: span 2;*/
/*    width:100%;*/
/*}*/

.latest .button .read{
    padding: 2px 14px;
    background-color: #e3000e;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    border: 2px solid #e3000e;
    transition: all 0.1s ease;
    /* padding-bottom: 17px; */
    display: block;
    /* border: 3px solid #000; */
    text-align: center;
    width: 14%;
}

.uk-inline {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 20px;
}

.uk-inline::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Black with 50% opacity */
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 20px;
}

.uk-inline:hover::after {
  opacity: 1;
}

.uk-inline img {
  transition: transform 0.3s ease;
}

.uk-inline:hover img {
  transform: scale(1.43);
}

.latest .button .read:hover{
    background-color: #000;
    color: #fff !important;
}

.latest .button .phone{
    padding: 12px 43px;
    border: 3px solid #000;
    border-radius: 50px;
    color: #000;
    font-weight: bold;
    font-size: 22px;
    transition: all 0.2s ease;
}

.latest .button .phone:hover{
    background-color: #e3000e;
    color: #fff  !important;
    /* border: none; */
}

/*  .grid-container {*/
/*      display: flex;*/
/*      gap: 20px;*/
/*      flex-wrap: wrap;*/
/*      justify-content: center;*/
/*    }*/

/*    .image-wrapper {*/
/*      position: relative;*/
/*      width: 250px;*/
/*      cursor: pointer;*/
/*    }*/

/*    .image-wrapper img {*/
/*      width: 100%;*/
/*      height: auto;*/
/*      border-radius: 8px;*/
/*    }*/

/*   .lightbox {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0; left: 0;*/
/*    width: 100%; height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.8);*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    z-index: 9999;*/
/*    flex-direction: column;*/
/*    }*/

/*.lightbox img {*/
/*  max-width: 90%;*/
/*  max-height: 80%;*/
/*  border-radius: 10px;*/
/*}*/

/*.lightbox .close,*/
/*.lightbox .nav {*/
/*  position: absolute;*/
/*  color: white;*/
/*  font-size: 2rem;*/
/*  cursor: pointer;*/
/*  user-select: none;*/
/*}*/

/*#closeBtn {*/
/*  top: 20px;*/
/*  right: 30px;*/
/*}*/

/*#prevBtn {*/
/*  top: 50%;*/
/*  left: 30px;*/
/*  transform: translateY(-50%);*/
/*}*/

/*#nextBtn {*/
/*  top: 50%;*/
/*  right: 30px;*/
/*  transform: translateY(-50%);*/
/*}*/

/*    .uk-grid>* {*/
/*        padding-left: 37px !important;*/
/*    }*/
    
.latest .swiper {
    max-width: 100%;
    height: 100%;
    overflow: hidden;
  }

 .latest .swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
  }

 .latest .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    width: 100%;
    height: auto;
    z-index: 0;
    position: relative;
  }
  
  .swiper-slide a::before {
     content: '';
     position: absolute;
     top: 0; left: 0;
     width: 100%; height: 100%;
     background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */
     opacity: 0;
     transition: opacity 0.3s ease;
     z-index: 1;
  }
  
  .swiper-slide a:hover::before {
    opacity: 1;
   }
/* ============ reviews =========== */
.reviews{
    min-height: 600px;
    /*padding: 100px;*/
    background-color: rgb(238, 233, 233);
}
.reviews .container{
    position: relative;
}
.reviews .container .our{
    width: 680px;
    height: 88px;
    border: 2px solid #e3000e;
}

.reviews .container .our h2{
    position: absolute;
    top:-6%;
    font-size: 50px;
    background-color: rgb(238, 233, 233);
    padding-inline: 21px;
    color: #e3000e;
}

.reviews .container .our p{
    font-size: 20px;
}

.reviews-slider {
  max-width: 100%;
  /*max-width: 763px;*/
  margin: auto;
  padding: 40px 0;
  overflow: hidden;
}

.reviews .container .swiper-wrapper{
  box-sizing: border-box;
}

.reviews .container .swiper-slide {
  background: #f4f4f4;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  text-align: center;
  width: 307px !important;
  max-width: 100%;
}

.reviewer .client-img {
    width: 60px; 
    height: 60px;
    border-radius: 50%;
    overflow: hidden; 
}

.reviewer .client-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bi.bi-star-fill{
    color: #ffd700;
}
/* ============= end ============ */
.end{
    min-height: 455px;
}

.end .container{
    display: flex; 
    justify-content: center; 
    align-items: center;
    flex-direction: column;
}

.end .container a img{
    width:100%;
}

/*.end .container a{*/
/*    width: 46% !important;*/
/*}*/

.end .container .row .text-light{
    width: auto;
    display: flex;
    justify-content: center; 
    align-items: center;
    cursor: pointer;
}

.end .container .row .text-light a{
    color: white;
}

.end .container .col img{
    width: 9% !important;
}

#row-down .text-light{
    width: 350px;
    display: flex;
    justify-content: center; 
    align-items: center;
    overflow: hidden;
}

#row-down .text-light a .clUs{
    color: #edc77c;
}

#row-down .text-light img{
    width: 10%;
}

footer .lstFt_bT{
    border-top: 1px solid #525252;
    padding-block: 20px;
    background-color: #212529;
}

footer .container-fluid .rights span{
    color: #e3000e;
}

footer .container-fluid .design span{
    color: #e3000e;
}
.form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ccc !important; /* You can change this color */
}
 #serviceSelect:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #ccc !important; /* You can change this color */
}
/* =============== about-page ========================== */
/* =============== banner-about ==================== */
.banner-about{
    min-height: 400px;
    background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(0, 0, 0, 0.856)),url(../img/X-Local-Landlord.jpg) no-repeat center center/cover;
}

.banner-about h1{
    font-size: 50px;
}

.banner-about ol li a:hover{
    color: #e3000e !important;
}

/* ============= about =============== */
.about .col-lg-6 h2{
    font-size: 48px;
    color: #e3000e;
}

.abt-btn{
    padding: 10px 14px;
    background-color: #e3000e;
    max-width: max-content;
    border-radius: 10px;
    border: 1px solid #e3000e;
    transition: all 0.3s ease;
    cursor: pointer;
}

.abt-btn a span:hover{
    color: #000 !important;
}

.abt-btn:hover{
    background-color: #fff;
 
}
.abt-btn:hover  a{
        color: #000 !important;
    }
.abt-btn:hover  span{
        display: none;
    }
  
   
.about-para{
    font-size : 24px;
}

.about .abt-right img{
    height: 500px;
    width: 100%;
}

.about-list .abt-left {
    width: 100%;
    flex: 1;
}

.about-list .abt-left img {
    display: block;
    width: 100%;
    height: 500px !important;
}
/* =============== about-list ================= */
.about-list{
    padding-bottom: 50px;
}

.about-list .col-lg-6 h2{
    font-size: 48px;
    color: #e3000e;
}

/* ============= cta =================== */
.cta{
    background-color: #ffdada;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.cta span{
    color: #e3000e;
    transition: all 0.3s ease;
}

/* =============== about page ends ======= */
/* =============== service page starts  == */
.banner-serv{
    min-height: 400px;
    background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(0, 0, 0, 0.856)),url(../img/service.jpg) no-repeat center top/cover;
}

.service-list .heading span{
    color: #e3000e;
    font-weight: bold;
}

.service-list .heading h2{
    font-size: 65px;
    font-weight: bold;
}

.service-list .container .row .book-serv{
    border: 2px solid #000 !important;
    transition: all 0.3s ease;
}

.service-list .container .row .book-serv:hover{
    background-color: #e3000e;
    color: #fff !important;
}

.service-list .container .row .read{
    border: 1px solid #e3000e;
    background-color: #e3000e !important;
    transition: all 0.3s ease;
}

.service-list .container .row h3{
    color: #e3000e;
    font-weight: bold;
}

.service-list .container .row .p-3{
    box-shadow: 0 0 6px 0px #00000099;
    border-radius: 20px;
}

.service-list .container .list-img img{
    width: 407px;
    height: 270px;
}

/* =========== faq ========== */
.faq .container .heading span{
    color: #e3000e;
}

.faq .container .heading h2{
    font-size: 45px;
}

.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.5);
    border-color: red;
}
.accordion-button:not(.collapsed) {
    background-color: #e3000e;
    color: white;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1); /* White arrow */
}

.accordion-button::after {
    color: red;
    filter: brightness(0) saturate(100%) invert(15%) sepia(96%) saturate(6265%) hue-rotate(356deg) brightness(99%) contrast(125%);
}

.faq .contact .contact-us a{
    background-color: #e3000e !important;
    border: 2px solid #e3000e;
    transition: all 0.3s ease;
}

.faq .contact span{
    color: #e3000e;
}

.faq .contact .contact-us a:hover{
    background-color: #000 !important;
    
}

/*================= projects ==================*/
.banner-proj{
      min-height: 400px;
    background: linear-gradient(to left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.856)), url(../img/prjBskBack.jpg) no-repeat center center / cover;
}

.filter-btn.active {
    background-color: #e3000e;
    color: white;
  }
  .filter-btn {
    border: none;
    background-color: #f1f1f1;
    margin-right: 10px;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
  }
  .gallery-img {
    width: 100% !important;
    height: 420px !important;
    border-radius: 5px;
  }
  .gallery-item {
    display: none;
  }
  .gallery-item.show {
    display: block;
    animation: fadeIn 0.5s ease-in;
  }

 
  
  /* ======================== service-inner ====================== */
.serv-inn-ban{
    min-height: 400px;
    background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(0, 0, 0, 0.856)),url(../img/home-imp-ban.jpg) no-repeat center center/cover;
}

.service-blog .container .heading span{
    color: #e3000e;
    font-weight: bold;
}

.service-blog .container .heading h1 span{
    color: unset;
}

.service-blog .container .blog-image img{
    height: 371px !important;
    width: 88%;
    border-radius: 20px;
    width: 100%;
}

.blog-abs p{
    font-size: 14px;
}

.related-blogs .heading span{
    color: #e3000e;
}

.related-blogs .row .col .p-3{
    box-shadow: 0px 0px 5px #00000049;
    border-radius: 20px;
}

.related-blogs .row .col img{
    height: 294px;
    width: 322px;
}

.related-blogs .row .col .p-3 span{
    height: 2px;
    width: 53px;
    background-color: #e3000e;
    display: block;
}

.related-blogs .row .col i{
    font-size: 44px;
    color: #e3000e;
    padding-bottom: 20px;
}


.service-blog .container .row .col-lg-3 .p-3{
    box-shadow: 0px 0px 5px #00000063;
    border: 1px solid #e3000e;
    border-radius: 10px;
}

.service-blog .container .row .col-lg-3 .p-3 ul li a{
    transition: all 0.3s ease;
}

.service-blog .container .row .col-lg-3 .p-3 ul li a:hover{
    color: #e3000e !important;
}

.service-blog .container .row .col-lg-3 .p-3 i{
    /* padding: 5px;
    border: 1px solid #e3000e; */
    color: #e3000e;
}

#prop-inner .p-3{
    min-height: 300px;
    background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.4)),url(../img/prope-inner.jpg) no-repeat center center/cover;
}

#prop-inner .p-3 span{
    width: 60px;
    background-color: #fff !important;
    height: 2px;
    display: block;
}

#prop-inner .p-3 h3{
    font-size: 38px !important;
}

.service-blog .container .sign{
    transition: all 0.3s ease;
    border-radius: 20px;
}

.service-blog .container .sign:hover{
    background-color: #e3000e;
    color: #fff !important;
}

.inner-cta{
    background-color: #f5eeee;
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}
.inner-cta span{
    color: #e3000e;
    transition: all 0.3s ease;
}

.recent img{
    border-radius: 20px;
}

/*================= contact =============*/

.banner-contact{
    min-height: 400px;
    background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(0, 0, 0, 0.856)),url(../img/banner.png) no-repeat center center/cover;
}

.banner-contact h1{
    font-size: 50px;
}

.banner-contact ol li a:hover{
    color: #e3000e !important;
}

.contact-form .row .col-lg-6.p-3{
    background-color: #f2f4f8;
}

.contact-form .form-control::placeholder {
    color: #999;
    font-weight: 500;
}
.contact-form .form-control, .btn {
    font-size: 1rem;
}
.contact-form .form-control h2 {
    color: #231f20;
}
.badge{
    max-width: max-content;
}

.modal-content {
  padding: 2px;
  margin-top: 104px;
}
.modal-header {
  border-bottom: none;
}

.recent-snap-1 img{
    width: 100%;
}

.recent-snap-1{
    width: 50%;
}

.sticky-box-row{
    position: sticky !important;
    top: 170px;
}

#formSuccessMsg {
  position: fixed;
  top: 20px;
  right: 0;
  background-color: #4CAF50;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  transform: translateX(100%);
  transition: transform 0.5s ease;
  display: none;
  z-index: 1055;
}