/* You can add global styles to this file, and also import other style files */
*{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
*:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
table { border-collapse:collapse; border-spacing:0;}
.nav-link1 {color: #FFF;}
fieldset,img{border:0;display: initial;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
.img64 img {height: 64px !important;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

/************Firefox*****************/
input[type=number] {-moz-appearance: textfield;}
button:focus, input:focus{outline: none ;box-shadow: none;outline-color: transparent;outline-width: 0;}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin-bottom: 0;}
html, body{max-width: 100%;overflow-x: hidden;}
.modal-content{border: 0;}
.custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
a, a:hover{text-decoration: none;outline: 0;outline-color: transparent;outline-width: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body{font-size:16px;width: 100%!important;overflow-x: hidden;font-family:apice;font-weight: normal;font-style: normal;}
.form-group{position: relative;}
.wrapper{overflow: hidden;}
:root{
--black:#000000;
--white:#fff;
--orange:#593124;
--grey:#8D8D8D;
--poem:#FF6231;
--p:#F0B084;

--lightcream:#FBFBFB;
--fw400: 400;
--fw500: 500;
--fw600: 600;
--fw700: 700; 
--fw700: 800; 
--fw700: 900; 
--bold:bold;
--box-shadows: 0px 1px 17px 9px rgba(0, 0, 0, 0.25);
}



html {scroll-behavior: smooth;}
img{width: 100%;height: auto; padding: 0; margin: 0 ;border:none;offset:none;}

a:focus, a:hover {text-decoration: none;outline: 0;color: var(--white);}


.tab {
    overflow: hidden;
    border: none !iportant;
    background-color: none !iportant;
}

/******css for the naiation of navbar********/
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;animation:fadeInDown 500ms linear 1;}
@keyframes fadeInDown{
0%{ opacity: 0;transform: translateY(-20px);}
100%{ opacity: 1;transform: translateY(0);}
}

/**********css for the navigation bar**********/
.nav{position: relative;}
.headbg{background: var(--neutral-main-50, #FBFBFB);box-shadow: 0px 1px 17px 9px rgba(0, 0, 0, 0.25);}
/* .headbg {content: '';top: 0;left: 0;background: var(--lightcream);width: auto;height: auto;background-repeat: repeat;z-index: 9999;left: 0%;right: 0;top: 0%;object-fit: cover;} */
.navbar-brand img{height: 60px;float: left;width: auto;margin: auto;}
#navbar_top .nav-item .nav-link{font:normal 400 16px/24px 'Inter';color: var(--black);text-transform: uppercase;margin-right: 4px;position: relative;display: inherit;}
/* #navbar_top .nav-item a::after{position: absolute;content:'';background: var(--orange);border-radius: 20px;  transform: matrix(1, 0, 0, -1, 0, 0);width: 0%; height: 2px;top: inherit;bottom: -60%; left: 0%;z-index: 2;} */
/* #navbar_top .nav-item.active a:after{width: 100%;} */
#navbar_top .nav-item .nav-btn{max-width: 170px;padding: 8px 34px;}
.bg-btn{border-radius: 8px; background: linear-gradient(270deg, #F4933A -9.31%, #9B4F4F 50%);color: var(--lightcream) !important;font:normal 400 16px/24px 'Inter'!important;text-transform: capitalize !important;}
.enquire-btn{ padding: 8px 40px;border: none;outline: none;}
.btn-font{color: var(--lightcream);font:normal 400 20px/24px 'Inter';}
#navbar_top .nav-item a::before {position: absolute;content: '';background:  linear-gradient(270deg, #F4933A 17.06%, #9B4F4F 132.35%);transform: matrix(1, 0, 0, -1, 0, 0);width: 0%;height: 2px;top: inherit;bottom: -60%;left: 0%;}

#navbar_top .nav-item:hover a::before {width: 100%;}
.modal-content {border-radius: 1.3rem;}

.header{background-color: #FFF;}
.header .nav-link{color: #000; padding: 28px 20px !important;}
.header .nav-link.active{color: #FFF;background-color:#754F23;}
 

 /***********************marque css********************/
#maindiv{overflow:hidden;background:var(--poem);width:100%}
#div1{font:normal 400 21px/30px 'Poppins';padding:10px;width:100%; animation:25s linear .3s infinite marquee;}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-50%)}}
.blinking{animation:1.2s  linear infinite blinkingText}
@keyframes blinkingText{0%,100%,49%{color:#333}60%,99%{color:#ccc;}}

/***********css for the banner section**********/
.banner-slider {position: relative;}
.overlap{position: absolute;content: ''; height: 100%;width: 100%;top: 0;left: 0;right: 0; bottom: 0;}
.font-overlap{max-width: 350px;transform: translate(-50%,-50%);left: 20%;top: 50%;position: absolute; }
.font-overlap h1{position: relative; color: #FFF;font:normal 400 80px/100% 'noto serif'; text-transform: capitalize;border: 6px solid #FFF;padding: 20px;}
.font-overlap h1::before{width: 82px;height: 28px; position: absolute;content: ''; bottom: 0;right:10px;display: block; z-index: 99;}
.font-overlaph{transform: translate(-50%,-50%);left: 20%;top: 50%;position: absolute; }
.font-overlaph h1{position: relative; color: #FFF;font:normal 400 80px/100% 'noto serif'; text-transform: capitalize;border: 6px solid #FFF;padding: 20px;}
.font-overlaph h1::before{background: #754F23;width: 82px;height: 28px; position: absolute;content: ''; bottom: 0;right:10px;display: block; z-index: 99;}

/**********css for the about us section ***************/
.aboutus{padding: 128px 60px;}
.projects-heading h1,.aboutlines h1,.bussiness-heading h1{position: relative; color: #000; font:normal 400 48px/110% 'noto';text-transform: capitalize;}
.aboutlines p{color: #000;font:normal 400 15px/23px 'Noto serif';margin-top: 9px;margin-right: 30px;text-align: justify;}

.aboutimgholder{position: relative;display: block;margin-top: 40px;}
/* .aboutimgholder::after{position: absolute;content: '';background: url(./img/export/aboutimgafter.svg);top:0;right: 0;transform: translate(-50%,-50%);background-size: cover;height: 100%;width: 100%;}
.aboutimgholder::before{position: absolute;content: '';background: url(./img/export/aboutimgbefore.svg);top:0;right: 0;transform: translate(-50%,-50%);background-size: cover;height: 100%;width: 100%;} */
.aboutimgholder::after {content: "";position: absolute;border:1px solid #754F23;height: 112%;top: -15px;left: 59%;width: 15em;z-index: -1;}
.aboutimgholder::before {content: "";position: absolute;border:1px solid #754F23;height: 112%;top: -30px;left: 62%;width: 15em;z-index: -1;}
.social-media a .fa{border-radius: 6px; background: #000;color: #fff;height: 35px;width: 35px;justify-content: center;text-align: center;margin: auto;padding: 10px;}
.social-media a {margin: 4px;}
.cta{margin-top: 35px;}
.cta a{color: #754F23;font:normal 400 15px/23px 'Noto Serif';}


/**********out prestigious projects section **************/
.bussiness-heading h1::after,
.projects-heading h1::after{position: absolute; content: '';top:50%;left: 0;transform: translate(-50%,-50%) rotate(-90deg); background: linear-gradient(180deg, #754F23 0%, rgba(255, 255, 255, 0.00) 100%);width: 54px;height: 338px;}
.projects-heading p{max-width: 880px; color: #000;font:normal 400 15px/26px 'Noto Serif';margin: 12px 10px;}
.projects-sliding{margin-top: 50px;}

.projects-sliding li{padding: 25px;}
.projects-sliding li img{height: 100%;height: 350px;}
.projects-sliding li > div {max-width: 250px;position: relative; }
.projects-sliding li > div::before {z-index: -1; position: absolute;content: ''; width: 250px;height: 150px;transform: translate(-50%,-50%);top:17% ;left: 55% ;  border: 1px solid #333;padding: 10px;}
.projects-sliding li > div::after {z-index: -1; position: absolute;content: ''; width: 250px;height: 150px;transform: translate(-50%,-50%);bottom:-25% ;left: 45% ;  border: 1px solid #333;padding: 10px;}
/* .projects-sliding li > div::before {width: 250px;border: 1px solid #333;padding: 10px;} */
 .projects-sliding  .slick-dots {position: absolute;bottom: -50px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
/* .projects-sliding .slick-dots li button::before{opacity:0.5; content: '';background: #000;height: 11px;width: 15px; } */
 /* .projects-sliding .slick-dots li.slick-active button::before {color: #754F23;opacity:1  } */
 .projects-sliding .slick-dots li button::before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 14px;
	content: '';
	text-align: center;
	opacity: .7;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #000;
} .projects-sliding .slick-dots li.slick-active button::before {
	opacity: 1;
	color: #754F23;
	height: 14px;
	width: 15px;
	content: '';
	background: #754F23;
}

/********css for the counter section**************/
.counter-section {margin-top: 100px; display: flex; text-align: center; justify-content: center;align-items: center; position: relative;min-height: 203px; background: url(./img/export/counter-bg.jpg)no-repeat;background-size: cover; }
.counter {margin: auto;position: relative;}
.counter * {color: #fff;}
.counter h4{font:normal 400 32px/100% 'Noto Serif';}
.counter p{margin-top: 15px; font:normal 400 15px/100% 'Noto Serif';}
.counter::after{position: absolute;content: '';background: #fff;top: 50%;right: -15px;transform: translate(-50%,-50%);height: 90px;width: 2px; }
.counter::after:nth-last-child(){background:none;}


/*********css for the our bussiness section****************/
.our-bussiness{position: relative;padding-top: 100px;}
.bussiness-slide .card-slider{padding: 20px;min-height: 240px; position: relative;border: 1px solid #333;}
.bussiness-slide .card-slider::after{position: absolute;background: #754F23;content: '';width: 174px; height: 18px;bottom: 0px;right:0px}
.bussiness-slide{margin-top: 70px;}
.bussiness-slide li {padding: 0 20px;}
.bussiness-slide .slick-prev::before,
 .bussiness-slide .slick-next::before {
	position: absolute;
	content: '';
	background: url(./img/export/arrow.svg);
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	border: 2px solid #754F23;
	border-radius: 8px;
	background-position: center;
	background-size: inherit;
}.bussiness-slide .slick-prev::before{ 
    position: absolute;left: -50%;
	content: '';
	background: url(./img/export/leftarrow.svg);
	height: 30px;
	width: 30px;
	background-repeat: no-repeat;
	border: 2px solid #754F23;
	border-radius: 8px;
	background-position: center;
	background-size: inherit;}


.card-slider *{color:#000}
.card-slider h2{font:normal 400 24px/100% 'Noto Serif';text-transform: uppercase;}
.card-slider p{font:normal 400 15px/100% 'Noto Serif';width: 220px;margin: 16px 0 34px;}
.card-slider a{font:normal 400 16px/100% 'Noto Serif'; text-transform: capitalize;}
/* .card-slider img{width: 86px;height: 70px;position: absolute; bottom: 20px;right:20px} */
.card-slider img{ margin-top: 10px; float: right;width: 80px;height: 60px;object-fit: contain;}

/***********css for the testimonial section*********/
.testimonial-section{margin-top: 110px;}
/* .testimonial-section .bussiness-heading p{max-width: 675px;padding-top: 20px;} */
.testimonial-section .bussiness-heading p{max-width: 675px;padding-top: 20px;color: #000;font:normal 400 16px/100% 'Noto Serif';}
.testimonial-card {background: rgba(117, 79, 35, 0.14);backdrop-filter: blur(3px);}
.testimonial-card img{height:50px;width: 60px;margin: 23px 0 0 34px; }
.testimonial-card .card-content{min-height: 158px;padding: 27px 22px 25px 30px;}
.testimonial-card .card-content p {font:normal 400 16px/normal 'Noto Serif';color: #000;}
/* .testimonial-card .card-content p{color: #000;font:normal 400 16px/100% 'Noto Serif';} */
.testimonial-card .cent h4{color: #000;font:normal 400 20px/100% 'Noto Serif';}
.testimonial-card .cent ul li img{height: 22px;width: 22px;}
.testimonial-card .cent h5{padding-top: 10px; color: #000;font:normal 400 12px/100% 'Noto Serif';}
.testimonial-slide{margin-top: 72px;}
.testimonial-card{padding: 20px; margin: 10px;}
.testimonial-slide .slick-dots li button::before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 13px;
	height: 14px;
	content: '';
	text-align: center;
	opacity: .7;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #000;
}.testimonial-slide .slick-dots li.slick-active button::before {opacity: 1;color: #754F23;height: 14px;width: 15px;content: '';background: #754F23;}
.testimonial-slide .slick-list {padding-bottom: 64px;}
.slick-arrow{
z-index: 9999 !important;
}
.slick-prev {
  left: 25px !important;
}
.slick-next {
  right: 25px !important;
}
.slick-track {
/*left: 20px !important;*/
}
.slick-prev::before, .slick-next::before {
  font-size: 50px !important;
}

 .col-md-12 {

    padding-left: 0px !important;
  }
/*********css for the cta section*************/
.cta-section{background: linear-gradient(90deg, #754F23 38.79%, rgba(117, 79, 35, 0.00) 100.27%); width: 100%;height: 147px;}
.cta-section .cta-column h4{color: #FFF;font:normal 400 32px/38px 'Noto Serif';}
.cta-section .cta-column a{padding: 8px 12px; color: #000;font:normal 400 20px/120% 'Noto Serif';border-radius: 10px;background: #FFF;}
/* .cta-column {place-content: center;display: grid;align-content: center;grid-template-columns: auto auto auto;gap: 15px;padding: 50px;margin: auto;} */
.cta-column {align-items: center; place-content: center;display: grid;align-content: center;grid-template-columns: auto auto auto;gap: 15px;margin: auto;position: relative;top: 200%;transform: translate(-50%,-50%);right: -50%;}
.cta-column::after{position: absolute;content: '';background: url(./img/export/hand.png);transform: translate(-50%,-50%);top: -33%;left: 6%;height: 200px;width: 250px; }

/**********css for the contact us section*************/
.contactus-section{padding-top: 110px;}
.contactus-section .bussiness-heading{padding-bottom: 55px;}
.footer-first img{border-radius: 10px;
    border: 1px solid #000;padding: 10px;
    background: #FFF;width: 154px; 
    box-shadow: 0px 15px 30px 0px rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(15px); }
.contactus-section .footer{padding: 60px; width: 100%; position: relative; background: url(./img/export/footer-bg.png)  center no-repeat;background-size: cover;}
.contactus-section .footer::before{ position: absolute; background:#754F23E0;content: '';height: 100%;width: 100%;top: 0;left: 0;bottom: 0; }
.footer-first a p{margin: 30px 0 40px; color: #FFF;font:normal 400 13px/22px 'Noto Serif';}
.footer-first .footer-btn{margin: 40px 0 40px; color: #FFF;padding: 10px 15px; font:normal 400 16px/22px 'Noto Serif';border: 1px solid #FFF; }
.footer-first .social-media.m-auto {padding-top: 40px;}
.disclamerr {margin: 30px 0 40px; color: #FFF;font:normal 400 13px/22px 'Noto Serif';}
.footer ul li b{color: #FFF;font:normal 400 24px/22px 'Noto Serif';}
.footer ul li{ margin-bottom: 30px; color: #FFF;font:normal 400 12px/22px 'Noto Serif';}
#eform{border: 1px solid #fff;padding: 5px;}
#eform .form-control{color: #fff;background-color: transparent;}
#eform input::placeholder{color: #fff;background-color: transparent;}

#eform *{color:#FFF}
#eform .quick-btn span{color: #000;} 
#eform .quick-btn {color: #000;font:normal 400 14px/15px 'Noto Serif';padding: 6px;margin-left: 16px;margin-bottom: 10px;background: #fff;border: none;outline: none;}