body {
    font-family: "Be Vietnam Pro", sans-serif;
    position: relative;
    min-height: 100%;
    overflow-x: hidden;

}

h1 {}

a {
    text-decoration: none;
	color:black;
}

#cursor {
    position: absolute;
    width: 10px;
    height: 10px;
    background: rgb(0, 0, 0);
    border-radius: 50%;
    mix-blend-mode: difference;
    pointer-events: none;
    transition: transform .15s ease-in-out;
}

/* 
.body-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-around;
    height: 100%;
    z-index: -1;
} */

img {
    width: 100%;
}

.body-line div {
    width: 1px;
    height: 100%;
    background-color: #e3e3e3
}

.sec-1 {
    margin: 20px;
}

.carousel-caption {
    right: inherit;
    left: 46px;
    z-index: 99999;

}

/* .carousel-caption h5 {
    font-size: 33px;
    font-weight: 600;
}

.carousel-caption h5 span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 48px;

} */

.banner-ab h5 {
    font-size: 33px;
    color: white;
    font-weight: 600;
}

.banner-ab h5 span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 48px;
    color: white;


}

.carousel-item {
    position: relative;
}

.carousel-item img {
    overflow: hidden;
    animation: zoomInOut 5s ease-in-out infinite alternate;
    height: 610px;
    object-fit: cover;
}

.carousel-item::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(49, 49, 49, 0.226);
    z-index: 99;
}

.navbar-light .navbar-nav .nav-link {
    color: white;
    font-weight: 600;
    padding: 0px 20px;
    font-size: 15px;
}

.header-2 .navbar-light .navbar-nav .nav-link {
    color: rgb(0, 0, 0);
}

sup {
    font-size: 10px;
    padding-left: 5px;
}

.navbar-light .navbar-nav .nav-link.active {
    color: #bc4a3c;
}

.navbar-light .navbar-brand {
    width: 115px;
}


.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(188 74 60);
}




.hamburger {
    cursor: pointer;
}

.hamburger input {
    display: none;
}

.hamburger svg {
    /* The size of the SVG defines the overall size */
    height: 35px;

    /* Define the transition for transforming the SVG */
    transition: transform 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line {
    fill: none;
    stroke: white;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
    /* Define the transition for transforming the Stroke */
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line-top-bottom {
    stroke-dasharray: 12 63;
}

.hamburger input:checked+svg {
    transform: rotate(-45deg);
}

.hamburger input:checked+svg .line-top-bottom {
    stroke-dasharray: 20 300;
    stroke-dashoffset: -32.42;
}

.humb-btn {
    border: 1px solid rgba(255, 255, 255, 0.507);
    background-color: transparent;
    height: 50px;
    width: 50px;
    border-radius: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.humb-btn:hover {
    background-color: white;
}

.humb-btn:hover .line {
    stroke: rgb(0, 0, 0);
    transition: 0.5s;
}

.common-padding {
    padding: 0px 25px;
}

.head-btn button {
    background-color: white;
    border: 0;
    padding: 12px 20px;
    color: black;
    font-size: 15px;
    border-radius: 4px;
    transition: all .3s;
}

.head-btn button:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
    background-color: #bc4a3c;
    color: white;
    transition-timing-function: cubic-bezier(0, .71, .4, 1);


}





.header-2 .head-btn button {
    background-color: rgb(0, 0, 0);
    border: 0;
    padding: 12px 20px;
    color: rgb(255, 255, 255);
    font-size: 15px;
    border-radius: 4px;
    transition: all .3s;
}

.header-2 .head-btn button:hover {
    transform: translate3d(0, -2px, 0);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
    background-color: #bc4a3c;
    color: white;
    transition-timing-function: cubic-bezier(0, .71, .4, 1);


}





/* .head-btn i { */
    /* opacity: 0; */
/* } */

.head-btn button:hover i {
    opacity: 1;
}

.zoom-effect {
    overflow: hidden;
    position: relative;
    animation: zoom 5s infinite alternate;
}

@keyframes zoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
}

.direct-box {
    padding: 30px;
}

.direct-box a {
    font-size: 18px;
    color: black;
    font-weight: 600;
}

.direct-box i {
    font-size: 24px;


}

.direct-box {
    border-right: 1px solid #e3e3e3
}

.direct-bottom {
    border-bottom: 1px solid #e3e3e3;
}

.redirect-top {
    border-top: 1px solid #e3e3e3;
}


.dot {
    position: fixed;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -3px;
    background-color: black;
    border-radius: 50%;
    pointer-events: none;
    /* Ensures the dot doesn't interfere with interactions */
    z-index: 9999;
    /* Ensure dot is above other elements */
    transition: width 0.3s, height 0.3s;
    /* Add transition effect for smooth resizing */
}


.sec-2 {
    padding-top: 50px;
}

.sec-2 h6 {
    font-size: 12px;
    letter-spacing: 1px;
    color: #bc4a3c;
}

.home-sec-2 h1 {
    font-size: 12px;
    letter-spacing: 1px;
    color: #bc4a3c;
}
/* .sec-2 span {
    font-family: 'Playfair', serif;
    font-style: italic;
} */

.sec-2 h3 {
    font-size: 45px;
}

.sec-2 p {
    font-size: 16px;

}

.sec-2 img {
    width: 75% !important;

}

.counts {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.counts h2 {
    font-size: 110px;
    font-weight: 700;
    opacity: 0.8;
}

.counts h6 {
    font-size: 14px;
    color: black;
}

.custom-img {
    margin: 0px 40px;
}

.sec-3 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.slick-track {
    display: flex;
    align-items: center;
}

.serv-span span {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: normal;
    margin: 0px 0px 0px 0px;
    padding: 4px 10px;
    background-color: #E3E3E3;
    border-radius: 100px;
}

.left-space {
    padding-left: 100px;
}

.index-service-sec h3 {
    font-size: 50px;

}

.accordion-button {
    background-color: transparent;
    padding: 1rem 0.25rem;
    color: #000;
    font-weight: 600;
}

.accordion-button:focus {
    box-shadow: inherit;
    border-color: transparent;
}

.accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #000;
    font-weight: 600;
}

.accordion-button:not(.collapsed) {
    box-shadow: inherit;
}

.accordion-item {
    border: 0px;
    background-color: transparent;
}

.accordion-body {
    padding: 1rem 0.25rem;
    font-size: 15px;
    width: 81%;
}



#before-after-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 3px solid white;
}

#after-image {
    display: block
}

#before-image {
    position: absolute;
    height: 100%;
    width: 50%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
}

#resizer {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 5;
    top: 0;
    left: 50%;
    height: 100%;
    width: 4px;
    background: white;
    /*Stop vertical scrolling on touch*/
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

#resizer:after {
    height: 70px;
    width: 70px;
    border-radius: 27px;
    margin-top: -35px;
    margin-inline-start: -35px;
    background-color: #fff;

    content: '\f07e';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 0, 0);
    position: absolute;
    z-index: -1;
    border: 3px solid white;

}

#resizer svg {
    z-index: 999;
}

.sec-4 {
    padding-top: 70px;
}

.serv-direct {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.serv-direct svg {
    width: 40px;
}

.serv-direct span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 25px;
    padding-right: 5px;
}

.serv-direct h4 {
    font-size: 22px;
    font-weight: 600;
}

.serv-direct p {
    color: #000000A1;
    font-size: 14px;
    width: 80%;
}

.sec-6 {
    padding-top: 60px;
}

.counter h3 {
    color: #303030;
    font-size: 85px;
  font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.85px;
	margin-bottom:0;
}

.counter p {
    padding-top: 20px;
    font-size: 14px;
    color: #000000A1;
}

.sec-7 {
    padding-top: 100px;
}

.top-span {
    font-size: 15px;
    font-weight: 600;
    white-space: normal;
    color: #7E7E7E;
}

.how-work-h3 {
    font-size: 47px;
    color: #000;
    font-weight: 600;
    padding-top: 15px;
}

.how-work-p {
    font-size: 17px;
    line-height: 1.52em;
    padding-top: 10px;
}

.we-work-col-4 p {
    font-size: 14px;
    color: #7E7E7E;
    font-weight: 600;
    margin-bottom: 4px;
}

.we-work-col-4 h6 {
    font-size: 17px;
    color: #111111;
    font-weight: 600;
}

.we-work-col-4 i {
    font-size: 17px;

}

.vid-ply {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: flex;
    bottom: 0;
    align-items: center;
    justify-content: center;
}

.vid-ply img {
    width: 50px;
	    height: auto !important;
}


.client_sec {
    background-image: url(../images/index/client.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    background-attachment: fixed;
}


.cleint_head h4 {
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0.24px;
}

.cleint_head p {
    color: #FFF;
    font-size: 19px;
    text-align: center;
    font-weight: 500;
    line-height: 21.9px;
}

.col_ten {
    flex: 0 0 auto;
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.8s;

}




.testi-sec h3 {
    font-size: 30px;
    font-weight: 500;
    padding-bottom: 20px;
}

.testi-box {
    width: 60%;
    margin: auto;
    text-align: center;
}





.slider-testi .slick-dots{
	display:none !important;
}


/* .slider-testi .slick-dots { */
    /* padding-left: 0; */
    /* display: flex; */
    /* background: transparent; */
    /* width: fit-content; */
    /* padding: 5px 15px; */
    /* justify-content: center; */
    /* align-items: center; */
    /* border-radius: 18px; */
    /* margin: auto; */
    /* margin-top: 10px; */
    /* position: relative; */
/* } */

/* .slider-testi .slick-dots li { */
    /* list-style: none; */
    /* padding-left: 10px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
/* } */

/* .slider-testi .slick-dots li button { */
    /* font-size: 0; */
    /* border: 0; */
    /* height: 7px; */
    /* width: 3px; */
    /* border-radius: 490px; */
    /* background: #06359d1a; */

    /* padding: 5px; */
/* } */

/* .slider-testi .slick-active button { */
    /* background: #000000 !important; */
/* } */

/* .slider-testi { */
    /* position: relative; */
/* } */

/* .slider-testi .slick-next { */

    /* display: block !important; */
    /* font-size: 0; */
    /* border: 0; */
    /* background-image: url(../images/index/right.png); */
    /* height: 40px; */
    /* width: 50px; */
    /* background-repeat: no-repeat; */
    /* background-color: transparent; */
    /* position: absolute; */
    /* top: 29px; */
    /* right: 50px; */
    /* z-index: 99999999; */

/* } */

/* .slider-testi .slick-next:before { */
    /* color: rgb(255, 255, 255); */
    /* font-size: 0; */
/* } */

/* .slider-testi .slick-next:hover { */
    /* background-image: url(../images/index/right.png); */
    /* background-repeat: no-repeat; */
    /* background-color: transparent; */
/* } */


.slider-testi .slick-prev {
    display: block !important;
    font-size: 0;
    border: 0;
    background-image: url(../images/index/left.png);
    height: 40px;
    width: 50px;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    top: 139px;
    left: 50px;
    z-index: 99999999;
}

.slider-testi .slick-prev:before {
    color: rgb(255, 255, 255);
    font-size: 0;
}

/* .slider-testi .slick-prev:hover { */
    /* background-image: url(../images/index/left.png); */
    /* background-repeat: no-repeat; */
    /* background-color: transparent; */
/* } */

.slider-testi .slick-dots li button:before {
    font-size: 0;
}



.sec-10 {
    padding-top: 100px;
    padding-bottom: 50px;
}

.blog-sec h3 {
    font-size: 45px;
    font-weight: 600;
}

.blog-sec span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 48px;
}

.raed-more-btn {
    width: 85px;
    height: 40px;
    color: #000;
    font-size: 15px;
    padding: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: white;
}

.blog-box {
    position: relative;
}

.blog-cont {
    padding-top: 40px;
}

.blog-cont h6 {
    font-size: 20px;
    line-height: 1.3333333333em;
    font-weight: 600;
	  overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.blog-box {
    overflow: hidden;
}

.blog-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.8s;
	height: 280px;
}

.blog-box img:hover {
    transform: scale(1.2);
}

.sec-11 {
    padding-top: 100px;
	padding-bottom:80px;
}

.frq-accord h3 {
    font-size: 45px;
    font-weight: 600;
}

.frq-accord span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 48px;
}

.accord-sec p {
    font-size: 16px;
    line-height: 1.56em;
    color: #000000BF;
    width: 70%;
}

.seemore {
    width: 122px;
}

.seemore a {
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

.freq .accordion-button {
    padding: 2rem 0.25rem;
    border-bottom: 1px solid #e7e7e7;
}

.frq-bg {
    width: 50%;
    position: absolute;
    top: -48px;
    z-index: -1;
}


section {
    z-index: 100;
}

footer {
    background-image: url(../images/banner/patt.svg);

    background-color: #1C1C1C;
    width: 100%;
    z-index: 999;
    /* position: sticky;
    bottom: 0;
    overflow: hidden;
    z-index: -9; */
    padding-top: 50px;
    /* position: sticky;
    bottom: 0;
    z-index: 0; */
    /* margin-top: 75px; */
}

.footer-head h3 {
    color: white;
    font-size: 45px;

}

.footer-head span {
    font-size: 48px;
    font-family: 'Playfair', serif;
    font-style: italic;
}

.borderd-line {
    border: 1px solid rgb(136, 136, 136);
    width: fit-content;
    padding: 13px 50px;
    position: relative;
    transition: all .3s;
}

.borderd-line a {
    color: white;
}

.left-span {
    position: absolute;
    border-style: solid;
    border-color: rgb(136, 136, 136);
    border-width: 0px 1px 1px 0px;
    height: 10px;
    width: 10px;
    left: -10px;
    top: -10px;

}

.right-span {
    position: absolute;
    border-style: solid;
    border-color: rgb(136, 136, 136);
    border-width: 0px 0px 1px 1px;
    height: 10px;
    width: 10px;
    right: -10px;
    top: -10px;
}

.right-2-span {
    position: absolute;
    border-style: solid;
    border-color: rgb(136, 136, 136);
    border-width: 1px 0px 0px 1px;
    height: 10px;
    width: 10px;
    right: -10px;
    bottom: -10px;
}

.left-2-span {
    position: absolute;
    border-style: solid;
    border-color: rgb(136, 136, 136);
    border-width: 1px 1px 0px 0px;
    height: 10px;
    width: 10px;
    left: -10px;
    bottom: -10px;
}

.borderd-line:hover {
    border: 1px solid white;
    background-color: white;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .12);
    transition-timing-function: cubic-bezier(0, .71, .4, 1);

}

.borderd-line:hover a {
    color: black;
}

.borderd-line:hover span {
    border-color: white;
}

.footer-p p {
    font-size: 10px;
    font-style: italic;
    color: #ffffff9f;
    padding-top: 40px;
}

.footer-socials i {
    font-size: 25px;
    color: white;
    /* padding: 15px; */
    border: 1px solid rgb(93 93 93);
    border-radius: 94px;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px !important;
    margin-left: 15px;
}
.offcanvas-burg svg{
	margin-right:15px;
}
.offcanvas-burg .footer-socials i{
	  font-size: 25px;
    color: black;
    /* padding: 15px; */
    border: 1px solid black;
    border-radius: 94px;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0px !important;
    margin-left: 15px;
}

.footer-socials {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: start;
}

.footer_btm_cont.fsrt {
    border-bottom: 1px solid #ffffff80;
    margin-bottom: 25px;
}

.footer_btm_cont h6 {
    color: #FBF8E9;

    font-size: 14px;
    font-weight: 800;
    line-height: 18.672px;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.footer_btm_cont ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
}

.footer_btm_cont ul li {
    margin: 0 10px 15px 0;
    border-right: 1px solid #a5a5a561;
    padding-right: 10px;
}

.footer_btm_cont ul li a {
    white-space: nowrap;
    color: #fbfbfba6;
    font-size: 14px;
}

.footer_bottom {
    background: #bc4a3c;
    margin-top: 20px;
}

.footer_bottom p {
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 21.9px;
}












/* Define initial styles for the header */
header {
    background-color: transparent;
    /* Set initial background color */
    transition: background-color 0.3s ease;
    /* Add transition for smooth color change */
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* 
nav.nav-scrolled {
    background-color: #ffffff;

    margin-top: 10px !important;
}


nav ul.navbar-nav li.nav-item a.nav-link {
    color: #fff;

    transition: color 0.3s ease;

}

nav.nav-scrolled ul.navbar-nav li.nav-item a.nav-link {
    color: #000;

}

.nav-scrolled .humb-btn {
    background-color: #2f2a2a !important;

} */

.navbar.sticky {
    background-color: white;
    margin: 0 !important;
    transition-duration: 1s;
}

.navbar.sticky li.nav-item a.nav-link {
    color: #000000;

    transition: color 0.3s ease;
}

.navbar.sticky .head-btn button {
    background-color: black;
    color: white;
}

.white-logo {
    display: block;
}

.dark-logo {
    display: none;
}

.navbar.sticky .dark-logo {
    display: block;
}

.navbar.sticky .white-logo {
    display: none;
}

.navbar.sticky .humb-btn {
    border-color: #000;
}

.header-2 .humb-btn {
    border-color: #000;
}

.header-2 .line {
    stroke: #000;
}


.header-2 .navbar-light .navbar-nav .nav-link.active {
    color: #bc4a3c;
}

.navbar.sticky .line {
    stroke: #000;
}

.abt-first-sec {
    padding-top: 100px;
}

.abt-first-head span {
    font-size: 100px;
    font-family: 'Playfair', serif;
    font-style: italic;
}
.abt-first-head a
{
text-decoration: none !important;
color:#000 !important;
}
.abt-first-head h1 {
    font-size: 100px;
    font-weight: 600;
    line-height:105px;
}
.abt-first-head h2 {
    font-size: 100px;
    font-weight: 600;
}
.border-bottom-black {
    border-bottom: 2px solid black;
}

.border-bottom-black p {
    font-size: 12px;
    font-weight: 400;
}

.abt-service span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    white-space: normal;
    margin: 0px 0px 0px 0px;
    padding: 4px 10px;
    background-color: #D9534F;
    color: white;
    border-radius: 90px;

}

.abt-service h6 {
    font-size: 14px;
    font-weight: 500;
    color: black;
}

.abt-service h5 {
    font-size: 24px;
    font-weight: 600;
}

.img-abt-slider  {
    margin: 0px 40px;

}
.img-abt-slider img{
	height:400px;
	object-fit:cover;
}

.slider-abt {
    padding-left: 100px;
}





.slider-abt .slick-dots {
    padding-left: 0;
    display: flex;
    background: transparent;
    width: fit-content;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    margin: auto;
    margin-top: 10px;
}

.slider-abt .slick-dots li {
    list-style: none;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-abt .slick-dots li button {
    font-size: 0;
    border: 0;
    height: 7px;
    width: 3px;
    border-radius: 490px;
    background: #06359d1a;

    padding: 5px;
}

.slider-abt .slick-active button {
    background: #000000 !important;
}

.abt-h3 h3 {
    font-size: 45px;
    font-weight: 600;
}

.abt-h3 span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 50px;
}

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

.overlay-team {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000086;
    transform: translateX(-110%);
    transition-duration: 1s;
}
.blog-box:hover .overlay-team {
    transform: translateX(0%);
    transition-duration: 1s;

}

.team-box:hover .overlay-team {
    transform: translateX(0%);
    transition-duration: 1s;

}

.overlay-team h4 {

    transform: rotate(181deg) translate(-3px);
    writing-mode: vertical-lr;
    text-align: left;
    margin-bottom: 0;
    font-size: 20px;

    line-height: 1;
    margin-top: 149px;

    color: white;

}

.team-name h6 {
    font-size: 17px;
}

.abt-foot p {
    font-size: 13px;
}

.abt-foot h5 {
    font-size: 18px;
    font-weight: 600;
}

.col-three-border {
    width: 70%;
    height: 2px;
    background-color: black;
    margin-top: 45px;
}

.ser-span {
    padding: 4px 10px;
    background-color: rgb(219, 219, 219);
    color: black;
    font-size: 10px;
    width: fit-content;
    border-radius: 90px;
}

.service-abt-sec h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 53px;
    padding-top: 20px;
}

.service-abt-sec p {
    font-size: 16px;
    line-height: 1.65em;
}

.service-abt-sec-cont {
    width: 85%;

}

.serivice-page-slider {
    padding-top: 100px;
}

/* .serivice-page-accord { */
    /* padding-top: 100px; */

/* } */

.serivice-page-accord-head h3 {
    font-size: 40px;
    font-weight: 600;
}

.serivice-page-accord-head p {
    font-size: 12px;
    color: #000;
}

.serivice-page-accord-head {
    padding-left: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.accordion-button::after {
    background-image: url("../images/index/plus.png");
    margin-right: 62px;
    width: 10px;
    height: 10px;
    background-size: 8px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../images/index/minus.png");

}

.serivice-page-proces {
    padding-top: 100px;
}

.footer-sub-cont a {
    font-size: 25px;
    color: #7E7E7E;
    font-weight: 400;
}

.footer-sub {
    background-color: #F4F4F4;
    padding-top: 100px;
    padding-bottom: 100px;
}

.footer-sub-cont {
    text-align: center;
}

.footer-sub-cont h2 {
    font-size:2.8vw;
    line-height: 1.2em;
}

.offcanvas {

    z-index: 9999999;
    /* background-color: #ffffff; */
    background-image: url(../images/index/square-pattern.svg);
}

.offcanvas-start {
    width: 900px;

}

.offcanvas-img {
    position: absolute;
    bottom: 0;
    right: 10px;
        opacity: 1;
    width: 60%;
}

.offcanvas-cont {
    padding: 60px;
	padding-top: 40px;
}
.canv-logo{
	    width: 150px;
		padding-bottom:60px;
}

.offcanvas-cont h2 {
    font-size: 48px;
    line-height: 1.2em;
    color: #000;
    font-weight: 600;

}

.serv-det .carousel-item img {
    height: 80vh;
    object-fit: cover;
}

.serv-det-box {
    margin-top: -80px;
    background-color: white;
       z-index: 99;
    position: relative;
    padding: 50px;
    border-radius: 10px;
}

.serv-det-box h2 {
    font-size: 45px;
    line-height: 1.0666666667em;
}

.serv-det-box h1 {
    font-size: 45px;
    line-height: 1.0666666667em;
}
.serv-det-box-row {
    padding-top: 50px;
}

.serv-det-box-row h2, .serv-det-box-row h3 {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.50em;
}
.serv-det-box-row h6 {
    color: #000000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.50em;
}
.serv-det-box-row p, .serv-det-box-row a {
    font-size: 15px;
    padding-top: 10px;
    color: #7E7E7E !important;
}

.search-box label {
    color: #7E7E7E;
    font-size: 20px;
    font-weight: 500;
}

.search-box input {
    width: 100%;
    border-radius: 7px;
    border: 1px solid rgb(182, 182, 182);
    padding: 7px;
}

.search-box button {
    background-color: black;
    padding: 3px 20px;
    color: white;
    border: 0px;
    border-radius: 10px;
    font-size: 14px;
    margin-top: 10px;
}

.residentail-box {
    /* border: 1px solid rgb(196, 196, 196); */
    border-radius: 5px;
    padding: 15px;
    /* margin-top: 30px; */
}

.residentail-box h3 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
}

.residentail-box h5 {
    font-size: 16px;
    color: #7E7E7E;
    border-bottom: 1px solid rgb(223, 223, 223);
    padding-bottom: 10px;
}

.service-link-sec {
    background-image: url("../images/banner/service-l.jpg");
    width: 100%;
    background-size: cover;
    height: 650px;
    display: flex;
    align-items: center;
}

.service-link-sec h1 {
    font-size: 70px;
    color: white;
    text-align: center;
}

.service-link-sec h2 {
    font-size: 70px;
    color: white;
    text-align: center;
}

.link-sec-flex {
    display: flex;
    justify-content: center;
    align-items: center;
	position:relative;
	z-index:999;
    flex-direction: column;
}

.link-banner-flex {
    display: flex;
    padding-top: 30px;
}

.link-banner-flex h6 {
    color: white;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
}

.link-banner-flex p {
    color: white;
    font-weight: 600;
    font-size: 15px;
    text-align: center;

}

.link-banner-flex img {
    border-radius: 90px;

}

.link-quote h2 {
    font-size: 31px;
    color: #000000;
    font-style: italic;
}

.link-quote {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
}

.links-cont h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.15em;
    color: #000;
}

.links-cont p {
    font-size: 14px;
    color: #000000BF;
}

.italic {
    color: #808291;
    font-size: 15px;
    text-align: center;
    font-style: italic;
}

.also-like {
    background-color: #F5F6F8;
    padding-top: 70px;
    padding-bottom: 70px;
}

.also-like h3 {
    font-size: 32px;
    color: #000;
}

.also-like-col-1 img {
    height: 600px;
    object-fit: cover;
}

.also-like-col-2 img {
    height: 300px;
    object-fit: cover;
}

.also-like-col-3 img {
    height: 300px;
    object-fit: cover;
    padding-top: 20px;
}

.also-like-col-cont h6 {
    padding: 7px;
    margin-top: 10px;
    color: #ffff;
    font-size: 14px;
    background-color: #000;
    width: fit-content;
}

.also-like-col-cont h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.15em;
    color: #000;
    padding-top: 10px;
}

.also-like-col-cont p {
    font-size: 15px;
    color: #696969;
    padding-top: 5px;
	 overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}

.link-form h3 {
    font-size: 34px;
    font-weight: 600;
}

.link-form input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgb(206, 206, 206);
}

.link-form textarea {
    width: 100%;
    border: 0;
    border-bottom: 1px solid rgb(206, 206, 206);
}

.link-form button {
    font-size: 14px;
    color: #fff;
    border: 0;
    background-color: #000;
    padding: 9px 30px;
    margin-top: 20px;
}

.blog_list .item:nth-child(2) {
    height: 500px;
}

.blog_list .item {
    display: inline-block;
    margin: 0 0 20px;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    width: 100%;

    border-radius: 8px;
    margin-top: 20px;

}

.item-img {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.blog_list .item:nth-child(3) {
    height: 500px;
}

.blog_list .item:nth-child(4) {
    height: 250px;
}

.blog_list .item:nth-child(5) {
    height: 250px;
}

.blog_list .item:nth-child(6) {
    height: 500px;
}

.blog_list .item .item-img .img_blg {
    width: 100%;
    height: 100%;

    object-fit: cover;
}


/* .blog_list { */
    /* -moz-column-count: 3; */
    /* column-count: 3; */
    /* -moz-column-gap: 20px; */
    /* column-gap: 40px; */
    /* -moz-column-fill: balance; */
    /* column-fill: balance; */
/* } */

.blog_list .item:first-child {
    height: 250px;
}

.project-cont h4 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.15em;
}

.project-cont p {
    color: #000;
    font-size: 13px;
    opacity: .5;
}

.proj-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000bd;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(-110%);
    transition-duration: 0.8s;

}

.proj-overlay i {
    color: white;
    font-size: 30px;
}

.blog_list .item:hover .proj-overlay {
    transform: translateX(0%);
    transition-duration: 0.8s;
}

.proj-h6 {
    background-color: #000;
    padding: 3px 20px;

    width: fit-content;
    color: white;
    margin-bottom: 0;
    border-radius: 90px;

}

.proj-h6 h6 {
    margin-bottom: 0;
    font-size: 13px;

}

.proj-det {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: 100px;
}

.proj-det {
    border-top: 1px solid rgb(216, 216, 216);
    border-bottom: 1px solid rgb(216, 216, 216);
}


.proj-det-pad h1 {
    font-size: 67px;
    line-height: 77px;
}


.proj-det-pad span {
    font-size: 20px;
}

.proj-det-pad a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
}

.slider-for img {
    height: 600px;
    object-fit: contain;
}

.slider-for {
    margin-bottom: 20px;
}

.slider-nav div {
    margin: 0px 4px;
}

.slider-nav .slick-list {
    padding: 0px !important;
}

.slider-nav .slick-dots {
    display: none !important;
}

.slider-nav .slick-next {
    display: none !important;
}

.slider-nav .slick-prev {
    display: none !important;
}

/* .slider-for .slick-next { */
    /* display: block; */
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* height: fit-content; */
    /* margin: auto; */
    /* right: 10px; */
    /* background-image: url("../images/index/right.png"); */
    /* width: 50px; */
    /* height: 50px; */
    /* background-color: white; */
    /* border-radius: 90px; */
    /* font-size: 0px; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* border: 0; */
    /* opacity: 0; */
    /* transition: 0.5s; */

/* } */

/* .slider-for .slick-prev { */
    /* display: block; */
    /* position: absolute; */
    /* top: 0; */
    /* bottom: 0; */
    /* height: fit-content; */
    /* margin: auto; */
    /* left: 10px; */
    /* z-index: 999; */
    /* background-image: url("../images/index/left.png"); */
    /* width: 50px; */
    /* height: 50px; */
    /* background-color: white; */
    /* border-radius: 90px; */
    /* font-size: 0px; */
    /* background-repeat: no-repeat; */
    /* background-position: center; */
    /* border: 0; */
    /* opacity: 0; */
    /* transition: 0.5s; */
/* } */

/* .slider-for:hover .slick-next { */
    /* opacity: 1; */
    /* transition: 0.5s; */
/* } */

/* .slider-for:hover .slick-prev { */
    /* opacity: 1; */
    /* transition: 0.5s; */
/* } */

.overview-cont P {
    font-size: 14px;
    color: #000000BF;
    padding-top: 30px;
}

.over-sec {
    padding-bottom: 50px;
}

.over-view-req h6 {
    color: #7c7c7c;
    font-size: 13px;
}

.over-view-req h4 {
    color: #000;
    font-size: 15px;
}

.over-view-req {
    padding-top: 80px;
}

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

.over-view-mian-cont h2 {
    font-size: 45px;
    color: #000;
    font-weight: 600;
}

.over-view-mian-cont {
    padding-left: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.over-view-mian-cont p {
    color: #000000BF;
    font-size: 14px;
}

.related-proj-sec {
    padding-top: 70px;
    padding-bottom: 70px;
}

.related-cont h4 {
    text-align: center;
    font-size: 32px;
    color: #000;
}

.related-proj-box {
    margin: 0px 20px;
}

.related-proj-box img {
    height: 260px;
    object-fit: cover;
    border-radius: 4px;
}

.related-proj-box h5 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.15em;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 0px;
}

.related-proj-box p {
    color: #6d6d6d;
    font-size: 14px;
    text-align: center;

}

.slider-projects .slick-dots {
    padding-left: 0;
    display: flex;
    background: transparent;
    width: fit-content;
    padding: 5px 15px;
    justify-content: center;
    align-items: center;
    border-radius: 18px;
    margin: auto;
    margin-top: 10px;
}

.slider-projects .slick-dots li {
    list-style: none;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider-projects .slick-dots li button {
    font-size: 0;
    border: 0;
    height: 7px;
    width: 3px;
    border-radius: 490px;
    background: #06359d1a;

    padding: 5px;
}

.slider-projects .slick-active button {
    background: #000000 !important;
}

.contact-head h1, .contact-head h2, .contact-head h3 {
    font-size: 56px;
    font-weight: 600;
    text-transform: none;
    line-height: 1.1em;
    letter-spacing: 0px;
} 

.contact-head {
    padding-top: 50px;
    padding-bottom: 50px;
}

.conatct-flex p {
    font-size: 15px;
    line-height: 1.33em;
}

.conatct-flex {
    display: flex;
    width: 50%;
    padding-top: 20px;
}

.contact-row input {
    border: 0;
    width: 100%;
	    font-size: 18px;
	
}
.contact-row input::placeholder{
	color: #BAB6B6;
}

.contact-row input:not([type=submit]){
	color: #BAB6B6;
}

.contact-row input:not([type=submit]):focus{
	    color: #000000;
}


.contact-row select{
	 border: 0;
    width: 100%;
	padding-top:10px;
	color: #BAB6B6;
	font-size: 18px;
}
.contact-row select option{
	
}
.contact-form textarea {
    border: 0;
    width: 100%;
		color: black;
	font-size: 18px;
}
.contact-form textarea::placeholder{
	color: #BAB6B6;
}

.border-lefts {
    border-left: 1px solid rgb(231 231 231);
}

.border-rights {
    border-right: 1px solid rgb(231 231 231);
}

.border-tops {
    border-top: 1px solid rgb(231 231 231);
}

.border-bottoms {
    border-bottom: 1px solid rgb(231 231 231);
}

.contact-form label {}

.form-check label {
    font-size: 12px;
}

.contact-form-btn button {
    width: 100%;
    background-color: #000;
    padding: 18px;
    color: white;
    border: 0;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 5px;
    padding: 12px;
}

.hover-link:hover .dropdown-content {
    display: block !important;
}

.hover-link {
    position: relative;
}

.dropdown-content p:hover a {
    color: #bc4a3c;

}

.dropdown-content p a {
    color: #000;
}


/* .slider-testi .slick-track, .slick-list{
    height: auto !important;
} */




































.nav-dots {
    position: fixed;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.nav-dot {
    width: 12px;
    height: 12px;
    border: 2px solid #52616a;
    border-radius: 50%;
    list-style: none;
    background: #c9d6de;
    transition: all 0.3s;
}

.nav-dot:not(:last-of-type) {
    margin-bottom: 20px;
}

.nav-dot:hover,
.nav-dot.is-active {
    transform: scale(1.8);
    background: transparent;
}

.section {
    display: grid;
    justify-content: center;
    align-content: center;
    height: 100vh;
}

.section:nth-of-type(1) {
    background-color: #a5d296;
}

.section:nth-of-type(2) {
    background-color: #47b8e0;
}

.section:nth-of-type(3) {
    background-color: #ffc952;
}

.section:nth-of-type(4) {
    background-color: #ff7473;
}

.section__heading {
    margin: 0;
    color: white;
    font-size: 32px;
    text-transform: capitalize;
}









.intro {
    height: 100vh;
    width: 100%;
    background: #999;
}

.vertical-slider .container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 100vh;
    color: #333;
}

/* .vertical-slider .slick-track,
.slick-list {
    height: 100vh;
} */

.vertical-slider .slick-dotted.slick-slider {
    margin: 0;
}

.vertical-slider .slides {
    width: 100%;
    height: 100vh;
}

.vertical-slider .slides .slide {
    color: #419be0;
    background: white;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
}

/* Style for the slide dots */
.vertical-slider .slick-dots {
    position: absolute;
    bottom: 20px;
    left: auto;
    text-align: right;
    right: 0;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    width: fit-content;
    height: 100%;
    align-items: center;
}

/* Style for individual dot */
.vertical-slider .slick-dots li {
    list-style-type: none;
    /* Remove default list style */
    margin: 0 5px;
    /* Adjust spacing between dots */
}

/* Style for the dot content */
.vertical-slider .slick-dots li button {
    font-size: 14px;
    /* Adjust font size as needed */
    color: #000;
    /* Change dot color */
    background-color: transparent;
    /* Remove default dot background */

    border: 1px solid gainsboro;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 90px;
    margin-bottom: 26px;
}

/* Add numbering to the dot content */
.vertical-slider .slick-dots li button:before {
    content: attr(data-slick-index);
    /* Use the index number as content */
}


.vertical-slider .slick-dots li.slick-active button {
    color: #000000;
    font-weight: 700;
    border: 1px solid black;
}

.vertical-slider .slick-dots li {
    display: block;
    margin: 18px 40px;
}


.vertical-slider img {
    height: 100vh;
	object-fit:cover;
}

.vertical-cont {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-left: 50px;
    width: 80%;

}

.vertical-cont span {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 58px;
    color: black;

}

.vertical-cont h3 {

    font-size: 55px;
    font-weight: 600;
    color: black;
}

.vertical-cont p {
    font-size: 14px;
    color: rgb(102, 102, 102);
}

.vertical-cont h6 {
    padding: 3px;
    background-color: rgb(219, 219, 219);
    color: black;
    width: fit-content;
    border-radius: 4px;
    font-size: 14px;
}

/* .pt-6 {
    padding-top: 300px;
} */

.vert-a a {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    position: relative;
    padding-left: 41px;
}

.vert-a a::before {
    position: absolute;
    top: 11px;
    left: 0;
    content: "";
    width: 32px;
    height: 2px;
    background-color: black;
}


.center-pt {
    padding-left: 100px;
    padding-top: 80px !important;
}



#before-after-slider {
    height: 550px;
}

#before-after-slider img {
    height: 100%;
    object-fit: cover;
}

#after-image IMG {
    height: 550px;

}

.testi-share p {
    font-size: 17px;
    font-weight: 600;
    color: rgb(206, 206, 206);
    margin-bottom: 0 !important;
}

.coumter-plus {
    font-size: 110px !important;
    font-weight: 700;
    opacity: 0.8;
}

.counter span {
    color: #303030;
    font-size: 65px;
      font-style: normal;
    /* font-weight: 500; */
    line-height: normal;
    letter-spacing: -35.15px;

}

.col_ten:hover {
    transform: scale(1.2);
    transition: 0.8s;
}

.w-fit {
    width: 600px !important;
    text-align: left;
}

.w-fit .slick-next {
    display: none !important;
}

.w-fit .slick-prev {
    display: none !important;
}

.w-fit .item h3 {
    font-family: 'Playfair', serif;
    font-style: italic;
    font-size: 50px;
    text-align: left;
    color: white;
}


.counter5 h3{
	color: #303030;
    font-size: 50px;
	font-weight:700;
}
.counter5  span{
	color: #303030;
    font-size: 50px;
	font-weight:700;
}
.counter5  p{
	font-size: 19px;
}





#spin:after {
    content: "";
    animation: spin 20s linear infinite;
}

@keyframes spin {
    0% {
        content: "Design";
    }

    10% {
        content: "Build"; 
    }

    20% {
        content: "Furnish";
    }

    30% {
        content: "Design";
    }

    40% {
        content: "Build";
    }

    50% {
        content: "Furnish";
    }

    60% {
        content: "Design";
    }

    70% {
        content: "Build";
    }

    80% {
        content: "Furnish";
    }

    90% {
        content: "Build";
    }
}




#number {
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: 0.2em;
    width: 0;
    overflow: hidden;
    height: 124px;
    width: 100% !important;
    transition: width 1.8s ease;
    font-size: 141px;
    font-weight: 700;
    font-family: "Be Vietnam Pro", sans-serif !important;
    
  }
  
  #number > span {
    display: flex;
    text-align: center;
    flex-direction: column;
    opacity: 0;
    flex-shrink: 2;
    flex-basis: 48px;
    width: 1px; 
    position: absolute;
    right: 0;
    font-family: "Be Vietnam Pro", sans-serif !important;
    line-height: 125px;
    transition: all 2s ease;
  }
  
  #number > span.visible {
    position: static;
    width: 90px;
    opacity: 1;
    flex-shrink: 1;
    font-family: "Be Vietnam Pro", sans-serif !important;
  }







  #number2 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: 0.2em;
    width: 0;
    overflow: hidden;
    height: 82px;
    width: fit-content !important;
    transition: width 1.8s ease;
    font-size: 141px;
    font-weight: 700;
    font-family: "Be Vietnam Pro", sans-serif !important;
    margin-right: -28px;
    line-height: 82px;
}
  
  #number2 > span {
    display: flex;
    text-align: center;
    flex-direction: column;
    opacity: 0;
    flex-shrink: 2;
    flex-basis: 48px;
    width: 1px; 
    position: absolute;
    right: 0;
    font-family: "Be Vietnam Pro", sans-serif !important;
    line-height: 125px;
    transition: all 2s ease;
  }
  
  #number2 > span.visible {
    position: static;
    width: 90px;
    opacity: 1;
    flex-shrink: 1;
    font-family: "Be Vietnam Pro", sans-serif !important;
  }




  #number3 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: 0.2em;
    width: 0;
    overflow: hidden;
    height: 82px;
    width: fit-content !important;
    transition: width 1.8s ease;
    font-size: 141px;
    font-weight: 700;
    font-family: "Be Vietnam Pro", sans-serif !important;
    margin-right: -28px;
    line-height: 82px;
}
  
  #number3 > span {
    display: flex;
    text-align: center;
    flex-direction: column;
    opacity: 0;
    flex-shrink: 2;
    flex-basis: 48px;
    width: 1px; 
    position: absolute;
    right: 0;
    font-family: "Be Vietnam Pro", sans-serif !important;
    line-height: 125px;
    transition: all 2s ease;
  }
  
  #number3 > span.visible {
    position: static;
    width: 90px;
    opacity: 1;
    flex-shrink: 1;
    font-family: "Be Vietnam Pro", sans-serif !important;
  }



  
  #number4 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: 0.2em;
    width: 0;
    overflow: hidden;
    height: 82px;
    width: fit-content !important;
    transition: width 1.8s ease;
    font-size: 141px;
    font-weight: 700;
    font-family: "Be Vietnam Pro", sans-serif !important;
    margin-right: -28px;
    line-height: 82px;
}
  
  #number4 > span {
    display: flex;
    text-align: center;
    flex-direction: column;
    opacity: 0;
    flex-shrink: 2;
    flex-basis: 48px;
    width: 1px; 
    position: absolute;
    right: 0;
    font-family: "Be Vietnam Pro", sans-serif !important;
    line-height: 125px;
    transition: all 2s ease;
  }
  
  #number4 > span.visible {
    position: static;
    width: 90px;
    opacity: 1;
    flex-shrink: 1;
    font-family: "Be Vietnam Pro", sans-serif !important;
  }







  .main-sec-span{
    font-family: 'Playfair', serif;
    font-style: italic;
  }

  .count-flexx{
    display: flex;
  }

  .banner-ab{
    position: absolute;
    bottom: 50px;
    left: 100px;
  }
  .banner-imgs{
    overflow: hidden;
  }
  .banner-imgs img{
    height: 710px;
    object-fit: cover;
    position: relative;
  }
  .banner-imgs .zoom-effect::after{
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.226);
    z-index: 99;
  }
  .baner-slider .slick-dots{
    display: none !important    ;
  }
.baner-slider .slick-prev {
	display:none !important;
}
.baner-slider .slick-next {
	display:none !important;
}
  .slick-dots li button:before{
    display: none;
  }

.process-p{
    font-size: 14px;
}


.blog-det-after{
	position:relative;
}
.blog-det-after::after{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #00000069;
}
.blog-det-after h2{
	font-size: 50px;
}
.more_blog{
	    font-size: 31px;
    padding-bottom: 30px;
}
.det-nav-img{
	    object-fit: cover;
    height: 115px;
}
.alert-primary {
        color: #000000;
    background-color: transparent;
    border-color: transparent;
    width: fit-content;
    text-align: center !important;
    margin: auto !important;
    font-size: 22px;
}
.testi-img img{
	width: 173px !important;
    height: 80px !important;
    border-radius: 90px;
    margin: auto;
    object-fit: contain;
}
.testi-img{
	text-align:center;
	margin-bottom:20px;
}
.serv-abt-im{
	height: 100%;
}

.serv-abt-im img{
	height: 100%;
	object-fit:cover;
}

.offcanvas-burg h6{
	font-size: 25px;
    font-weight: 500;
	color:black;
}
.offcanvas-burg a{
	color:black;
}

.hidden {
    display: none;
}
#seeless{
	display:none;
}

.our-j p{
	font-size: 14px;
}
.slider-abt .slick-dots{
	display:none !important;
}
.vision-mission span{
    color: #b7b7b7;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.vision-mission p{
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.abt-co .counter h3{
	font-size: 35px;
}    
.abt-co .counter span{
	font-size: 35px;
}

.abt-co .counter p{
		padding-top: 0px;
}

.countIcon{
  background: #F4F4F4;
    width: fit-content;
    padding: 15px;
    border-radius: 50%;
    margin-bottom: 15px;
 }
 .countIcon img{
	 width:45px;
 }

.modal-content{
	    border-radius: 22px;
}
.abtVisionMission{
    background-image: url(../images/other/abt-bg.png);
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position:relative;
}
/* .abtVisionMission:after{ */
	    /* position: absolute; */
    /* content: ""; */
    /* top: 0; */
    /* left: 0; */
    /* width: 100%; */
    /* height: 100%; */
    /* background: #161617a1; */
    /* z-index: -1; */

/* } */
/* .missin_visionhEAD{ */
	
/* } */
/* .missin_visionhEAD h3 { */
/* color: white; */
    /* font-size: 50px; */
    /* line-height: .6; */
    /* text-align: center; */
    /* text-transform: uppercase; */
/* } */
/* .missin_visionhEAD h3 span { */
	 /* font-size: 55px; */
    /* color: transparent; */
    /* -webkit-text-stroke: 1px white; */
/* } */
/* .misionVSstru{ */
	    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
/* } */


#successModal  .modal-content{
	    background-color: #5e251e !important;
}
#successModal  .modal-content .alert-primary{
	color: #ffffff !important;
}
#successModal  .modal-content .modal-header{
	border-bottom:0px !important;
}
.alert-dismissible{
	padding-right:0px !important;
}
.contt-imgg img{
	    height: 550px;
    object-fit: cover;
}


#successModal .btn-close{
	background:url("../images/logo/close.png") !important;
	    width: 26px;
    height: 25px;
    background-repeat: no-repeat !important;
}

.video-link{
	position:relative;
}
.video-links-btns{
	
}
.slick-next {
    right: 25px !important;
}
.slick-prev {
    left: 25px !important;
    z-index: 9 !important;
		
}
.slick-prev:before {
     content: "" !important;
	background-image: url("../images/index/left.png");
 width: 24px;
    height: 22px;
    background-repeat: no-repeat;
    display: flex;
    opacity: 1;
    border-radius: 50%;
}
.slick-next:before {
       content: "" !important;
    background-image: url(../images/index/right.png);
    width: 24px;
    height: 22px;
    background-repeat: no-repeat;
    display: flex;
    opacity: 1;
    border-radius: 50%;
}
.slick-prev, .slick-next{
	 width: 45px !important;
    height: 45px !important;
    background: white !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;

}




.video-testi img{
	    height: 350px;
    object-fit: cover;
}

.vision-box{
	background: rgba(255, 255, 255, 0.19);
backdrop-filter: blur(12px);
padding:20px;
width:60%;
height:100%;
}

.vision-box h4{
	color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 49.95px; /* 227.045% */
}

.vision-box p{
color: rgba(255, 255, 255, 0.80);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 30px; 
}

.serivice-page-proces .overlay-team{
	    background-color: #00000000 !important;
}

.testi-box .svg2 path{
	fill:#bc4a3c;
}


.testi-box .svg path{
	stroke:#bc4a3c;
}
.office-inter h2{
	font-size: 37px;
}

.office-inter h4{
	font-size: 37px;
}
.link-pages p{
	font-size: 15px;
    padding-top: 10px;
    color: #7E7E7E;
}

:focus-visible {
outline:0px !important;
}


.head-of{
	    background-color: #000000 !important;
}

.head-of .btn-close{
	background:url("../images/index/cl.png");
	    margin-top: 0.5rem;
		    background-repeat: no-repeat !important;

}
.btn-close:focus{
	box-shadow: inherit !important:
}

.speci p{
	    font-size: 15px;
    padding-top: 10px;
    color: #7E7E7E;
}
.spec-count h4{
	font-size: 35px;
    font-weight: 700;
    color: #bc4a3c;
    margin-bottom: 0px;
}
.spec-count p{
	    font-size: 17px;
    color: black;
    font-weight: 600;
}

#myTabContent .tab-pane p{
	    font-size: 15px;
    padding-top: 10px;
    color: #7E7E7E;
}

.nav-tabs .nav-link{
	color: black;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #ffffff;
    background-color: #bc4a3c;
    border-color: #dee2e6 #dee2e6 #fff;
}

.icons-p i{
	    border: 1px solid grey;
    width: 32px;
    height: 32px;
    text-align: center;
    /* height: auto; */
    border-radius: 91px;
    display: flex;
    justify-content: center;
    align-items: center;
	    margin-right: 13px;
}
.icons-p{
	    display: flex;
    align-items: center;
}

.proc_head h2{
	    font-size: 50px;
    text-align: center;
    padding-top: 10px;
  padding-bottom: 40px;

}
.proc_head span{
	    font-family: 'Playfair', serif;
    font-style: italic;
font-size: 57px;	
}
::selection {
    background-color: transparent; /* Removes the default blue selection color */
    color: inherit; /* Keeps the text color unchanged */
}

.comunity_Section{
	  background-image: url("../images/service/community_banner.png");
}
.museum_section{
	  background-image: url("../images/service/museum_banner.png");
}
.retail_Section{
	  background-image: url("../images/service/retail_banner.png");
}
.warehouse_section{
		  background-image: url("../images/service/warehouse_banner.png");
}
.library_Section{
			  background-image: url("../images/service/Library_banner.png");
}
.hospitality_section{
	 background-image: url("../images/service/hospitality_banner.png");
	
	
}
.restaurent_section{
	 background-image: url("../images/service/restaurent_banner.png");
}
.convention_section{
	background-image: url("../images/service/convention_banner.png");
}
.healthcare_section{
		background-image: url("../images/service/healthcare_banner.png");
}
.government_Section{
	background-image: url("../images/service/goverment_banner.png");
}
.hotel_section{
		background-image: url("../images/service/hotel_banner.png");
}