*{
    margin: 0px;
    padding: 0px;
}

html{
    overflow-x: hidden;
}
@font-face {
    font-family: "Nexa Bold";
    src: url('../fonts/Nexa_Bold/Nexa\ Bold.woff') format('woff'),
        url('../fonts/Nexa_Bold/Nexa\ Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Montserrat";
    src: url('../fonts/Montserrat/Montserrat.woff') format('woff'),
        url('../fonts/Montserrat/Montserrat.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


.pding{
    padding: 50px 0px;
}

.centeraling{
    display: flex;
    align-items: center;
}

.deskview{
    display: block !important;
}

.mblview{
    display: none !important ;
}

h2{
    font-family: "Nexa Bold" !important;
}

p{
    font-family: "Montserrat" !important;
    font-size: 15px;
}

a{
    font-family: "Montserrat" !important;
    text-decoration: none;
}
 

.abt a{
    color: #fff;
    background: #b99956;
    padding: 3px 12px !important;
    border-radius: 46px;
    border: none !important;
    text-align: center;
}


/* banner section */
.banner_slidbx{
    position: relative;
}
.banner_sliders  .slick-next {
    right: 70px  !important;
    background-image: url(../images/banner_rightarow.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px  !important;
    height: 100px  !important;
    bottom: 0px  !important;
    top: inherit !important;

}

.banner_sliders  .slick-next:hover {
    right: 70px  !important;
    background-image: url(../images/banner_rightarow.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px  !important;
    height: 100px  !important;
    bottom: 0px  !important;
    top: inherit !important;

}

.banner_sliders  .slick-next:focus {
    right: 70px  !important;
    background-image: url(../images/banner_rightarow.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px  !important;
    height: 100px  !important;
    bottom: 0px  !important;
    top: inherit !important;

}

.banner_sliders  .slick-prev {
    left: inherit !important;
    z-index: 9 !important;
    right: 12% !important;
    background-image: url(../images/banner_rightarow.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px !important;
    height: 100px !important;
    bottom: 50px !important;
    top: inherit !important;
}
.banner_sliders  .slick-prev:hover {
    left: inherit !important;
    z-index: 9 !important;
    right: 12% !important;
    background-image: url(../images/banner_rightarow.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px !important;
    height: 100px !important;
    bottom: 50px !important;
    top: inherit !important;
}

.banner_sliders  .slick-prev:focus {
    left: inherit !important;
    z-index: 9 !important;
    right: 12% !important;
    background-image: url(../images/banner_rightarow.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100px !important;
    height: 100px !important;
    bottom: 50px !important;
    top: inherit !important;
}


/*.banner_sliders .slick-prev:before{*/
/*    display: none !important;*/
/*}*/

.banner_sliders .slick-next:before{
    display: none !important;
}

/* abouttabsec */
.abouttabsec{
    padding: 50px 0px;
    position: relative;
    background-color: #252e3600;
 
}

.abouttabsec::after{
    position: absolute;
    top: 0px;
    width: 100%;
    background-color: #252e36;
    width: 100%;
    height: 660px;
    content: '';
    left: 0px;
    z-index: -1;
}

.abouttabsecleft h3{
    color: #fff;
    font-size: 33px;
}

.abouttabsecright p{
    color: #fff;
}

.tabsectionslider{
    display: flex !important;
    background: #fff;
    margin-top: 35px;
}

.tabsectionsliderleft{
    width: 70%;
}
.tabsectionsliderleft img{
    width: 100%;
}
.tabsectionsliderright {
    width: 30%;
}

.tabsectionsliderright h4{
    font-size: 40px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin-top: 80px;
}

.tabsectionsliderright img{
    width: 80%;
    margin-bottom: 13px;
    margin-top: 30%;
}
.tabsectionsliderright {
    padding: 20px;
}
.tabsectionsliderright p{
    font-weight: 700;
    color: #000;
}
.tabsectionsliderright p span{
    font-weight: 700;
}
 
.tabsbtnabt{
    margin-top: 22px;
}   

.tabsbtnabt a{
    background-color: #faa74a;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 7px;
    transition: 0.5s ease;
    border: 1px solid transparent;
    text-decoration: none !important;
}


.tabsbtnabt a:hover{
    background-color: #fff;
    border: 1px solid #faa74a;
    font-size: 15px;
    color: #faa74a;
    text-decoration: none !important
}

.tabsectionsliderbox .slick-dots li {
    width: 45px !important;
}
.tabsectionsliderbox .slick-dots li button:before {
    background: #080817 !important;
    left: 0;
    width: 37px !important;
    height: 4px !important;
    content: '' !important;
    text-align: center;
 
}
.tabsectionsliderbox .slick-dots {
     bottom: -46px !important;
}


.tabsectionsliderbox .slick-prev {
    z-index: 9 !important;
    left: -5% !important;
    background-image: url(../images/nextpagehmtabs.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px !important;
    height: 40px !important;    
}
.tabsectionsliderbox .slick-prev:hover {
    z-index: 9 !important;
    left: -5% !important;
    background-image: url(../images/nextpagehmtabs.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px !important;
    height: 40px !important;    
}
.tabsectionsliderbox .slick-prev:focus {
    z-index: 9 !important;
    left: -5% !important;
    background-image: url(../images/nextpagehmtabs.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px !important;
    height: 40px !important;    
}

.tabsectionsliderbox .slick-prev{

}
.tabsectionsliderbox  .slick-prev:before{
    display: none !important;
} 
.tabsectionsliderbox .slick-next:before{
    display: none !important;
}


.tabsectionsliderbox .slick-next  {
    left: inherit !important;
    z-index: 9 !important;
    right: -5% !important;
    background-image: url(../images/pre-pagehmtabs.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px !important;
    height: 40px !important;    
    
}
.tabsectionsliderbox .slick-next:hover  {
    left: inherit !important;
    z-index: 9 !important;
    right: -5% !important;
    background-image: url(../images/pre-pagehmtabs.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px !important;
    height: 40px !important;    
    
}
.tabsectionsliderbox .slick-next:focus  {
    left: inherit !important;
    z-index: 9 !important;
    right: -5% !important;
    background-image: url(../images/pre-pagehmtabs.webp);
    transform: rotate(179deg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 40px !important;
    height: 40px !important;    
    
}
.tababt1{
    border-radius: 08px 0px 0px 8px;
}
.tababt2{
    border-radius: 0px 08px 08px 0px;
}
/* counter abt */

.about_section{
    position: relative;
    background-image: url(../images/abtbg_up.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 300px;
    margin-top: -260px;
    z-index: 1;
}
.tabsectionsliderbox{

}
.about_main{
    text-align: center;
    color: #fff;
}
 
.about_main img{
    width: 10%;
}

.about_main h2{
     position: relative;
    text-align: center;
    width: 190px;
     margin: 10px auto 14px auto;
    font-size: 34px;

}

.about_main h2::after{
    position: absolute;
    top: 21px;
    left: -99px;
    content: '';
    background-color: #b18557;
    width: 90px;
    height: 1px;

}

.about_main h2::before{
    position: absolute;
    top: 21px;
    right: -99px;
    background-color: #b28e5b;
    width: 90px;
    height: 1px;
    content: '';
}
.about_mainpara{
width: 85%;
    margin: 0 auto;
    font-weight: 200;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 16px;
    margin-top: 25px;
}


.about_main_counter {
    display: flex;
    justify-content: space-around;
}

.about_main_counterbxs{
    margin-top: 20px;
}
.about_main_counterbxs h5{
    font-size: 40px;
    font-family: "Nexa Bold";
}

.about_main_counterbxs h5 span{
    /* font-size: 40px; */
    font-family: "Nexa Bold";
}


.about_main_counterbxs p{
    font-size: 22px;
    font-weight: 700;
}   


/* our_projects  */
 
 
.abt_orpjc {
    text-align: center;
    margin: -70px 0px 70px 0px;
}

.abt_orpjc a{
    background: #b99956;
    padding: 9px 34px !important;
    border-radius: 46px;
    border: none !important;
    text-align: center;
    font-size: 15px;
    color: #fff;
}


.abt_orpjc a:hover{
    text-decoration: none;
    color: #fff;
}

.ourclientsspeaks {
    padding: 35px 0px 65px 0px;
    background-color: #252e36;
     background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
}

.ourclientsspeaksmain h2{
    text-align: center;
    color: #fff;
}

.ourclientsspeaksmain p{
    text-align: center;
    color: #fff;
}

.ourclients{
    margin-top: 40px;
}


 

/* .blogbx */
.blogbx img{
    width: 100%;
    height: 215px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 18px;

}

.blogbx h6{
    font-size: 13px;
    color: #b18557;
    font-weight: 700;
    margin-bottom: 5px;
}
a:hover{
    text-decoration: none !important;
}
.blogbx h3{
    position: relative;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    font-family: "Nexa Bold" !important;
}

.blogbx h3 img{
    width: 10px !important;
    position: absolute;
    right: 0px;
    top: 0px;
    height: inherit !important;
    object-fit: inherit !important;
    border-radius: inherit !important;
    margin-bottom: 0px !important;
}

.blogbx p{
    font-size: 14px;
    font-weight: 900;
}


.ourclientspeak{
    background-color: #212C33;
}

.ourclientspeaksliderbx{
    border: 1px solid #fff;
     padding: 15px;
    text-align: center;
    padding-top: 25px;
    margin: 0px 25px;
    margin-top: 31px;
    position: relative;
    border-radius: 20px;
    opacity: 0.2;
    transition: 0.8s ease;
 }

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

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


.ourclientspeaksliderbx h6{
    font-size: 19px;
    background-color: #b18557;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: -45px;
}

   .slick-center {
    background-color: #b18557;
    transform: scale(1.2);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 11;
    opacity: 1;
}



.ourclientspeakslider .slick-list{
    padding: 40px 0px !important;
}

.ourclientspeaksliderbx p{
    color: #fff;
    font-size: 14px;
    margin-top: 15px;
    height: 210px;
}

.ourclientspeaksliderbx h3{
    color: #fff;
    font-size: 18px;
}

.ourclientspeaksliderbx .slick-active{
    background-color: #b28e5b !important;
}
 
.ourclientspeak h2{
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}
.ourclientspeak p{
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}

.slick-center h6{
    background-color: #fff !important;
    color: #b18557  !important;
}

.ourclientspeakslider .slick-dots{
    margin-bottom: -16px !important;
}

.ourclientspeakslider .slick-dots li {
    width: 45px !important;
}
.ourclientspeakslider .slick-dots li button:before {
    background: #ffffff !important;
    left: 0;
    width: 37px !important;
    height: 4px !important;
    content: '' !important;
    text-align: center;
 
}

/* frequently_quest */
.frequently_quest {
    background-color: #252e36;
}
.frequently_quest h2{
    margin-bottom: 30px;
    color: #fff;
}
.faq-content-inner p{
    color: #fff;
}

.faqssv{
    
}

/* footer_section */
.footer_section{
    padding: 50px 0px 0px 0px;
    background-color: #fff;
    background-attachment: fixed;
    position: relative;
    background-size: cover;
    background-position: revert;
    background-repeat: no-repeat;
}
.footer_sectionrow{
    border-top: 1px solid #c9c9c9;
    padding-top: 30px;
    padding-bottom: 15px;
}
.foot1 img{
    margin-bottom: 20px;
}

.foot1 h3{
    color: #000;
    font-size: 25px;
    margin-bottom: 12px;
}
.foot1 h5{
    color: #000;
}
.foot1 p {
    color: #000;
    display: flex;
    font-weight: 700;
    margin: 0px;
}

.foot1 p img{
    width: 17px;
    margin-right: 6px;
}

.foot1 a {
    text-decoration: none;

}
.foot1 a:hover{
    text-decoration: none;
} 
li{
    list-style-type: none !important;
}
.footlinks{

}

.footlinks ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-right: 30px;
    margin-left: 7px;
}

.footlinks ul li {
    margin-bottom: 16px;
    margin-top: 4px;
}

.footlinks ul li a{
    color: #000;
    font-size: 15px;
    text-decoration:none;
    font-weight: 700;
    cursor: pointer;
}

.footfm h3{
    color: #000;
    font-size: 25px;
    margin-bottom: 12px;
}

.fotfmbtn{
    text-align: center;
}

.footfm input{
    margin-bottom: 15px;
}

.footfm button{
    color: #fff;
    background: #b99956;
    padding: 3px 12px !important;
    border-radius: 46px;
    border: none !important;
    text-align: center;
}
.footlinksuls{
    display: flex;
}
 

/* ================  home page end  */

/* inner about page css */

.banner_inner{
    position: relative;
}

.banner_inner img{
    width: 100%;
    margin-top: -70px;
}

.banner_inner h4{
    margin-top: -132px;
    font-size: 43px;
     position: relative;
    color: #fff;
    z-index: 9;
    font-family: "Playfair Display Italic" !important;
}

 .innerabtrt{
    text-align: center;
 }
 .innerabtrt p{
    width: 73%;
    margin: 0 auto;
 }

 .inabtmissiovsn{
    background-image: url(../images/inneraboutbg.webp);
    background-position: center;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
 }

.innerabtmission {
    margin-left: 4%;
    margin-bottom: 40px;
}


.innerabtmissionfirstbximg{
    position: absolute;
    right: 24px;
    top: -14px;
    width: 133px;
    height: 133px;
}

.innerabtmission h3{
     font-size: 33px;
     font-family: "Nexa Bold";
}

.innerabtmission p {
    margin-left: 100px;
    width: 75%;
    font-size: 15px;
}


.innerabtmission1{
    margin-left: 15%;
}

.ourcorevaluesabtpg{
    background-image: url(../images/valusbgabtpg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    background: #212c33;

}

.ourcorevaluesbxs{
    background-image: url(../images/abt_vlsbg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 12px;
    width: 85%;
    margin: 0 auto;
    border-radius: 8px;
    transition: 0.5s ease;
    border: 1px solid #f9a64a;
}

.ourcorevaluesbxs:hover{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.ourcorevaluesabtpg h2{
    margin-bottom: 30px;
    color: #fff;
}

.ourcorevaluesbxs img{
    width: 70px; 
    margin-bottom: 35px;
    transition: 0.5s ease;
}

.ourcorevaluesbxs:hover img{
    width: 78px; 
    margin-bottom: 25px;
}

.ourcorevaluesbxs h4{
    color: #fff;
}

.ourcorevaluesbxs p{
    color: #fff;
    width: 79%;
    margin: 0 auto;
}

/* cozyessenctimelineabtinner */
.cozyessenctimelineabtinner{
    background-color: #212C33;
    text-align: center;
}
.cozyessenctimelineheadingabtiner h2{
    color: #fff;
}
.cozyessenctimelineparahdabtiner p{
 
    padding-left: 40px;
    text-align: left;
    color: #fff;
    margin-top: 17px;
}

.cozyessenctimeltabs img{
    width: 100%;
}

.innerabouttab{
    display: flex;
        justify-content: space-between;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 40px;
        margin-top: 30px;
        border-top: 1px solid #c9c9c9;
        padding-top: 23px;
}

.innerabouttab button{
    border: none !important;
    background-color: transparent;
    outline: none !important;
    font-size: 50px;
    position: relative;
}

.innerabouttab button::after{
    position: absolute;
    top: -23px;
    left: 50%;
    background-color: #c9c9c9;
    width: 1px;
    height: 27px;
    content: '';
}
.cozyessenctimeltabs{
    width: 80%;
}

.alingend {
    align-items: end;
    display: flex;
}

/*  */
.projecthding{
    text-align: center;
}
.projecthding h2{
    margin-bottom: 30px;
}
.projectpageboxs img{
    width: 100%;
}


.projectpageboxscontent{
    margin-top: -123px;
    background: #0000009e;
    z-index: 1;
    position: relative;
    padding: 12px;
    padding-right: 127px;
    height: 123px;
}

.projectpageboxs{
    margin-bottom: 30px;
    position: relative;
}

.projectpageboxs h6{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #b18557;
    padding: 6px 20px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.projectpageboxscontent h4{
    color: #fff;
    font-family: "Jost";
    font-family: "Nexa Bold" !important;
}
.projectpageboxscontent p{
    color: #fff;
    margin-bottom: 9px;
}

.servicescozy_whychoos{
    background-color: #212C33;
}

.innerprojctarow{
    width: 60px  !important;
    position: absolute;
    top: 23%;
    right: 6%;
}

.whychoosinerdesigboxs{
    display: flex;
    width: 65%;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 20px;
}

.whychoosedesigpage h2{
    margin-bottom: 30px;
    color: #fff;
}

.whychoosboxsconten h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 2px;
    font-family: "Nexa Bold" !important;
}

.whychoosboxsconten p{
    color: #fff;
}

.whychoosinerdesigboxs img{
    width: 40px;
    height: 40px;
    margin-right: 12px;
    margin-top: 10px;
}

.whychoosebigpag img{
    width: 95%;
    margin: 25px auto 0 auto;
    display: flex;
}

.whychoosboxsconten p{
    width: 95%;
}


/* blogs */
.bolgsencebox img{
    width: 100%;
}

.bloghding{
    margin-top: 108px;
    margin-bottom: -25px;
}

.bolgsencebox{
    margin-bottom: 30px;
    text-decoration: none !important;

}
.bolgsence a{
    cursor: pointer;
    text-decoration: none  !important;
}

.bolgsence a:hover{
    cursor: pointer;

    text-decoration: none  !important;
}

.bolgsencebox:hover{
    cursor: pointer;

    text-decoration: none !important;
}
.bolgsencebox h3{
    font-size: 18px;
    font-family: "Jost";
    color: #212C33;
    text-decoration: none;
    width: 85%;
}

.bolgsencebox h5{
    font-family: "Jost";
    font-size: 13px;
    color: #b18557;
    font-weight: 500;
    position: relative;
    margin-top: 14px;
}
.blogpagebxarow {
    position: absolute;
    right: 22px;
    top: 25px;
    width: 19px !important;
}

.bolgsencebox p{
    font-size: 14px;
    color: #212c33;
    font-family: "Jost";
}


/* contact us page */

.contact_left{
    background-color: #212C33;
    padding: 36px 35px;
    border-radius: 10px;
    width: 82%;
    margin: 0 auto;
}

.contact_left h2{
    color: #fff;
}

.contact_left h5{
    margin-bottom: 4px;
    font-size: 18px;
    color: #fff;
    margin-top: 25px;
}

.contact_left p{
  font-size: 14px;
  color: #fff;
}

.contact_left p a{
   color: #fff;
   text-decoration: none;
}

.contact_right {
    width: 431px;
     margin: auto 15px auto auto;
}

.contactpg_bx{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}
.contactpg_bx p{
    font-weight: 700;
}
.contactpg_bx p a{
  color: #000;
}
.contactpg_bx p a img{
    width: 20px;
    margin-right: 8px;
}
.contactpg_bx p a{
    text-decoration: none !important;
}

.contactpg_bx p a:hover{
    text-decoration: none !important;
}

.contact_right  label {
   font-size: 14px;
   display: block;
   margin: 20px 0 5px;
}
.contact_right input, textarea {
   width: 100%;
   padding: 10px;
   border: 1px solid #ddd;
   border-radius: 5px;
   font-size: 14px;
   background-color: #f8f8f8;
}

.contact_right textarea {
   height: 80px;
}

.contact_right .btn {
   width: 28%;
   background-color: #c49a6c;
   color: white;
   padding: 6px 6px;
   border: none;
   border-radius: 29px;
   font-size: 16px;
   cursor: pointer;
   margin-top: 15px;
   border: none;
   outline: none !important;
}

.contact_right .btn:hover {
   background-color: #b18557;
}

.social_iconscontact{
   display: flex;
}

.social_iconscontact a{
   color: #fff;
}

.social_iconscontact a i{
    color: #fff;
    font-size: 18px;
    margin: 0px 9px;
    margin-top: 12px;
}

.contact_ifream iframe{
    width: 100%;
    height: 500px;
    margin-top: 40px;
}

.slide-counter {
    position: absolute;
  bottom: 0%;
        right: 9%;
    background: transparent;
    padding: 5px 10px;
    border-radius: 5px;
    color: white;
    font-size: 21px;
    font-weight: bold;
}

.slide-counter span {
    font-size: 14px;
    opacity: 0.7;
}

.carousel-container {
    position: relative;
    width: 600px; /* Adjust as needed */
    margin: auto;
}

.totalSlides {
    font-size: 33px !important;
}

.slide-counter #currentSlide {
    font-size: 30px;
    /* font-weight: bold; */
}

.tabsecabt{
    position: relative;
    z-index: 111;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
    margin-top: 120px;
}

.tabsecabt .tab{
    display: flex;
        width: 750px;
        border-radius: 171px;
        margin: 0 auto;
        margin-top: 35px;
}

.tablinksfive  {
    width: 50%;
    border: none !important;
    outline: none;
    padding: 7px 10px;
}

.tabsecabt .tab .active{
    background: #c49a6c;
    color: #fff;
    border: none !important;
    outline: none;
}

.header_innerhd{
    background-color: #252e36;
    margin-bottom: 70px;
}

.projectinnercontainer{
    padding: 50px 0px;
}



















.submainbxleft{

}

.submainbxleft img{
    width: 100%;
}
.subbloghdingbx{
    border-bottom: 1px solid #c4c4c4;
    margin-bottom: 30px;
}

.subbloghdingbx p{
 
}
.submainbxleft h3{
    font-weight: 700;
    font-family: "Nexa Bold" !important;
}
.submainbx h3{
    font-weight: 700;
    font-family: "Nexa Bold" !important;

}

.subbloghdingbx span{
    margin-right: 30px;
    font-weight: 400;
}

.popinputs{

}
.modal-title{
    margin: auto 0px auto auto  !important;
}
.popinputs input {
    width: 100%;
    margin-bottom: 15px;
    padding: 2px 8px;
    border: 1px solid #dadada;
}
.popinputs textarea{
    width: 100%;
    margin-bottom: 15px;
    padding: 2px 8px;
    border: 1px solid #dadada;
}
 
.popinputs .popbtn{
    background-color: #b89856;
    padding: 5px 17px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: 0.5s ease;
    border: none !important;
    border-radius: 4px;
    margin: 0 auto;
    display: flex;
}
.footsocial{
    display: flex;
    margin-top: 12px;
}
.footsocial a{
    color: #000;
    text-decoration: none;
}

.footsocial img {
    width: 17px;
    margin: 10px 17px 0px 0px;
    margin-top: 12px;
}

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

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

@media (max-width:1300px) {
  .banner-sec .slide-counter {
    position: absolute;
  bottom: 0%;
        right: 9%;
}

}

@media (max-width:768px) {
    .about_maincol{
        background: #252e36;
         padding-bottom: 35px;
    }
    .tabsecabt {
       margin-top: 50px;
    }
    .footer_sectionrow{
        text-align: center;
    }
    .foot1 a {
        text-decoration: none;
        justify-content: center;
        display: flex    ;
    }
    .footlinksuls {
       
        justify-content: center;
        margin: 21px 0px 16px 0px;
    }
    .footsocial {
         margin-top: 12px;
         margin-bottom: 13px;
         justify-content: center;
    }
    .innerabtmissionfirstbximg{
        display: none;
    }
    .projectinnercontainer{
        padding: 20px 0px 40px 0px;
    }
    .innerabtmission p {
        margin-left: 0px;
        width: 100%;
        font-size: 15px;
    }
    .innerabtmission1 {
        margin-left: 0%;
    }
    .innerabtmission {
        margin-left: 0px;
        margin-bottom: 20px;
        background: #ac9464;
        color: #fff;
        padding: 13px 15px 2px 15px;
        border-radius: 8px;
    }
    .innerabtmission1{
        background: #252e36 !important;
    }
    .inabtmissiovsn hr{
        display: none ;
    }
    .ourcorevaluesbxs {
        margin-bottom: 15px;
    }

    .projectpageboxscontent {
        margin-top: 0px;
        z-index: 1;
        padding: 9px;
        padding-right: 128px;
        height: auto;
        background: #000;
    }
    .servicescozyessenceleft{
        text-align: center;
    }
    .responsivedesignstudio  .slick-next{
        display: none !important;
    }
    .contact_right {
        width: 100%;
        margin: auto 0 auto auto;
    }
    .deskview{
        display: none !important;
    }
    .mblview{
        display: block  !important;
    }
    .banner_slidbxcontent {
        top: 27%  !important;
        left: 15px !important;
        transform: inherit !important;
        width: 90%;
    }
    .tabsectionslider {
        display: block !important;
    }
    .innerabtrt p {
        width: 100%;
    }
    .tabsecabt .tab {
         width: 100%;
    }
    .banner_slidbxcontent h2{
        font-size: 43px !important;
    }
    .banner_sliders .slick-prev {
        left: 25px !important;
         right: inherit !important;
         bottom: 80px !important;
        top: inherit !important;
    }

    .banner_sliders .slick-prev:focus {
        left: 25px !important;
         right: inherit !important;
         bottom: 80px !important;
        top: inherit !important;
    }

    .banner_sliders .slick-prev:active {
        left: 25px !important;
         right: inherit !important;
         bottom: 80px !important;
        top: inherit !important;
    }
    .banner_sliders .slick-next {
        left: 114px !important;
        bottom: 31px !important;
         right: inherit !important;
    }


    .banner_sliders .slick-next:focus {
        left: 114px !important;
        bottom: 31px !important;
         right: inherit !important;
    }


    .banner_sliders .slick-next:active {
        left: 114px !important;
        bottom: 31px !important;
         right: inherit !important;
    }

    .slide-counter {
        position: absolute;
        bottom: 26%  !important;
        left: 10%  !important;
        right: inherit  !important;
    }

    .abouttabsecleft{
        text-align: center;
    }
 
    .tabsectionsliderleft {
        width: 100%;
    }
    .about_section {
         margin-top: -79px  !important;
    }
    .tabsectionsliderright{
        padding: 15px;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }

    .tabsectionsliderright img {
        width: 70%;        
        margin-top: 1%;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .tabsectionsliderright h4{
        margin-top: 8px;
    }
    .about_main h2::before {
         top: 21px;
        right: -56px;
         width: 53px;
        height: 1px;
     }
     .about_main h2::after {
         top: 21px;
        left: -55px;
         width: 52px;
        height: 1px;
     }
     .about_main img {
        width: 25%;
    }
    .about_main_counter {
        display: block;
     }

     .tabsectionsliderbox .slick-prev {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
                bottom: -59px;
        top: inherit;
        left: 12% !important;
     }

     .tabsectionsliderbox .slick-prev:focus {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
                bottom: -59px;
        top: inherit;
        left: 12% !important;
     }

     .tabsectionsliderbox .slick-prev:hover {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
                bottom: -59px;
        top: inherit;
        left: 12% !important;
        
     }

     .tabsectionsliderbox .slick-next {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
        transform: rotate(-1deg) !important;
        bottom: -59px;
        top: inherit;
        left:inherit;
        right: 12% !important;
     }
     .tabsectionsliderbox .slick-next:focus {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
 
        transform: rotate(-1deg) !important;
       bottom: -59px;
        top: inherit;
        left:inherit;
        right: 12% !important;
     }

     .tabsectionsliderbox .slick-next:hover {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
        transform: rotate(-1deg) !important;
        bottom: -59px;
        top: inherit;
        left:inherit;
        right: 12% !important;

     }
     
     
     .tabsectionsliderbox .slick-next:active {
        background-image: url(../images/nextpagehmtabsmbl.webp)  !important;
        transform: rotate(-1deg) !important;
        bottom: -59px;
        top: inherit;
        left:inherit;
        right: 12% !important;

     }
     
     .whychoosinerdesigboxs {
         width: 98%;
     }
     .bloghding h2{
        text-align: center !important;
        width: 100%;
     }
     .pding {
        padding: 25px 0px;
    }
}



.footerbottom1 h5{
    font-weight: 700;
    font-family: "Montserrat" !important;
  }

  .footerbottom2 h4{
    font-family: "Montserrat" !important;
    font-weight: 700;
  }

.abouttabsec{
    position: relative;
}

  .abouttabsec::before {
    position: absolute;
    bottom: 70%;
    left: -26px;
    background-color: transparent;
    /* border: 1px solid #ffffff; */
    width: 65px;
    height: 65px;
    content: '';
    animation: autorotateanimation;
    animation-timeline: view();
    box-shadow: 0 0 20px rgba(127, 255, 212, 0.112);
    border: 1px solid #b18557a1;
    transform: scale(1.0);
}

@keyframes autorotateanimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }

  .about_section  {
    position: relative;
  }


  
  .about_section::before {
    position: absolute;
    top: 28%;
    right: -26px;
    background-color: transparent;
    border: 1px solid #ffffff;
    width: 83px;
    height: 83px;
    content: '';
    animation: autorotateanimation;
    animation-timeline: view();
    box-shadow: 0 0 20px rgba(127, 255, 212, 0.112);
    border: 1px solid #b18557a1;
    transform: scale(1.0);
}

@keyframes autorotateanimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }

  .ourclientspeak {
    position: relative;
  } 

  
  .ourclientspeak::before {
    position: absolute;
    bottom: 70%;
    left: -26px;
    background-color: transparent;
    /* border: 1px solid #ffffff; */
    width: 65px;
    height: 65px;
    content: '';
    animation: autorotateanimation;
    animation-timeline: view();
    box-shadow: 0 0 20px rgba(127, 255, 212, 0.112);
    border: 1px solid #b18557a1;
    transform: scale(1.0);
}

@keyframes autorotateanimation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }
  .aboutctahm {
      margin-top: 20px;
  } 
  .aboutctahm a{
    padding: 7px 10px;
    background: #c49a6c;
    color: #fff;
    border: none !important;
    border-radius: 6px;
    outline: none;
    font-size: 16px;
    font-weight: 600;
  }
 


  @media (max-width:768px) {
    .ourclientspeak::before {
        bottom: 10%;
        left: 0px;
        background-color: transparent;
        /* border: 1px solid #ffffff; */
        width: 10px;
        height: 10px;
    }


 

    .about_section::before {
         top: 14%;
        right: 0px;
         width: 10px;
        height: 10px;
     }

     
  .abouttabsec::before {
     bottom: 20%;
    left: 0px;
      width: 10px;
    height: 10px;
  }
  .ourclientspeaksliderbx{
     margin: 0px 32px;
     padding-top: 45px;
       margin-top: 24px !important;
  }
  .blog_sectionhding h2{
    text-align: center !important;
}
.getintuchnavbtn {
    border: 2px solid #faa74a;
    width: 55%;
    text-align: center;
    }
    
    .ourclientspeaksliderbx h6 {
         margin-top: -63px;
    }
  }