p{
	padding:10px 0px 30px 0px;
}
.custom-btn{	
	background-color: transparent;
    padding: 16px 5px 16px 16px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1em;
    color: #000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #000;
    border-radius: 999px 999px 999px 999px;
}
.custom-btn i{
	margin-left: 20px;
	background-color: #E28F19;
    padding: 15px 15px 15px 15px;
    border-radius: 9999px 9999px 9999px 9999px;
	    transform: rotate(-45deg) translateX(0px) translateY(1px);
    transition: all 0.4s;
}

.custom-btn:hover{
	background:#000;
	color:#fff;
}

.custom-btn:hover i{color:#000; background:#fff;}

/*custom button 2*/
.custom-btn2{	
	background-color: transparent;
    padding: 16px 5px 16px 16px;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 1em;
    color: #fff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #fff;
    border-radius: 999px 999px 999px 999px;
}
.custom-btn2 i{
	margin-left: 20px;
	background-color: #E28F19;
    padding: 15px 15px 15px 15px;
    border-radius: 9999px 9999px 9999px 9999px;
	    transform: rotate(-45deg) translateX(0px) translateY(1px);
    transition: all 0.4s;
}

.custom-btn2:hover{
	background:#fff;
	color:#000;
}

.custom-btn2:hover i{color:#fff; background:#000;}

.banner-title{
	font-size:90px ;
}
@media (max-width: 767px) {

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

  
  
}

.elementor-heading-title{
	color:#FFFFFFAD;
}
.sub-title-box{
	width:118px;
padding: 6px 15px 5px 15px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #DBDBDB;
    border-radius: 999px 999px 999px 999px;
}
.sub-title {
    color: #E28F19;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 15px;

}

.who-we-are-section{
	background-color:#fff;
	border-radius: 50px 50px 0px 0px;
	margin-top: -40px;
    z-index: 9;
    position: relative;
    padding: 50px 0px;	
}

.big-title{
	font-size:60px;
	font-weight:bold;
	padding-bottom: 37px;
}
.exp-section{
	padding:50px 0px;
}
.exp-title{
	font-size:90px;
	font-weight:bold;
}
.whoweare-icon img{
	width:25%;
}


.what-we-offer-section{
	background-color:#fcf3e8;
	border-radius: 50px 50px 0px 0px;
    z-index: 9;
    position: relative;
    padding: 50px 0px;	
	margin-top: -30px;
}

/*============= SERVICE CSS AREA ===============*/
.whoweare2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.whoweare2 .service-h2-boxarea {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #F1F2F3;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 30px;
}

.whoweare2 .service-h2-boxarea:hover .img1 img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.whoweare2 .service-h2-boxarea:hover .pera-arrow .arrow {
  background: var(--ztc-bg-bg-3);
  transition: all 0.4s;
  transform: rotate(-45deg);
}

.whoweare2 .service-h2-boxarea:hover .pera-arrow .arrow svg {
  filter: brightness(0) invert(1);
  transition: all 0.4s;
}

.whoweare2 .service-h2-boxarea .title {
  color: var(--ztc-text-text-2);
  font-family: var(--ztc-family-font1);
  font-size: 28px;
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 28px;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.4s;
}

.whoweare2 .service-h2-boxarea .title:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.whoweare2 .service-h2-boxarea .img1 {
  border-radius: 8px;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
}

.whoweare2 .service-h2-boxarea .img1 img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

.whoweare2 .service-h2-boxarea .pera-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.whoweare2 .service-h2-boxarea .pera-arrow p {
  color: var(--ztc-text-text-3);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-regular);
  line-height: 26px;
}

.whoweare2 .service-h2-boxarea .pera-arrow .arrow {
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  background: var(--ztc-bg-bg-1);
  display: inline-block;
  transition: all 0.4s;
  color: var(--ztc-text-text-2);
  min-width: 50px;
  min-height: 50px;
}

.whoweare2 .service-h2-boxarea .pera-arrow .arrow svg {
  transition: all 0.4s;
}

/*card 1 starts*/

.custom-wrapper .card1 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 10px;
}

.custom-wrapper .card1:hover .image-content .card-image::after {
  visibility: visible;
  opacity: 50%;
  transform: scale(1);
  transition: all 0.4s;
}

.custom-wrapper .card1:hover .image-content .card-image img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}




.custom-wrapper .card1 .image-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.custom-wrapper .card1 .image-content .card-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 30px 30px 30px 30px;
}

.custom-wrapper .card1 .image-content .card-image::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  left: 0;
  top: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    opacity: .9;

  visibility: visible;
  opacity: 1;
}

.custom-wrapper .card1 .image-content .card-image img {
  height: 580px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

.custom-wrapper .card1 .card-content {
  position: absolute;
      width: 72%;
  bottom: 0;
  left: 16px;
  transition: all 0.6s;
  z-index: 2;
}

.custom-wrapper .card1 .card-content a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
  padding-bottom: 12px;
}

.custom-wrapper .card1 .card-content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.custom-wrapper .card1 .card-content p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
}

.custom-wrapper .card1 .button {
  height: 54px;
  width: 54px;
  border: none;
  outline: none;
  border: none;
  display: inline-block;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 82%;
  left: 80%;
  margin-top: -27px;
  margin-left: 0;
  transition: all 0.8s;
  z-index: 2;
  visibility: visible;
  opacity: 1;
}
/*card 1 ends*/


/*card 2 starts*/

.custom-wrapper .card2 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 10px;
}

.custom-wrapper .card2:hover .image-content .card-image::after {
  visibility: visible;
  opacity: 50%;
  transform: scale(1);
  transition: all 0.4s;
}

.custom-wrapper .card2:hover .image-content .card-image img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.custom-wrapper .card2 .image-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.custom-wrapper .card2 .image-content .card-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 30px 30px 30px 30px;
}

.custom-wrapper .card2 .image-content .card-image::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  left: 0;
  top: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    opacity: .9;

  visibility: visible;
  opacity: 1;
}

.custom-wrapper .card2 .image-content .card-image img {
  height: 500px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

.custom-wrapper .card2 .card-content {
  position: absolute;
      width: 72%;
  bottom: 0;
  left: 16px;
  transition: all 0.6s;
  z-index: 2;
}

.custom-wrapper .card2 .card-content a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
  padding-bottom: 12px;
}

.custom-wrapper .card2 .card-content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.custom-wrapper .card2 .card-content p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: 13px;
  font-style: normal;
  line-height: 16px;
}

.custom-wrapper .card2 .button {
  height: 54px;
  width: 54px;
  border: none;
  outline: none;
  border: none;
  display: inline-block;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 82%;
  left: 80%;
  margin-top: -27px;
  margin-left: 0;
  transition: all 0.8s;
  z-index: 2;
  visibility: visible;
  opacity: 1;
}
/*card 2 ends*/


/*card 3 starts*/

.custom-wrapper .card3 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 10px;
}

.custom-wrapper .card3:hover .image-content .card-image::after {
  visibility: visible;
  opacity: 50%;
  transform: scale(1);
  transition: all 0.4s;
}

.custom-wrapper .card3:hover .image-content .card-image img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.custom-wrapper .card3 .image-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.custom-wrapper .card3 .image-content .card-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 30px 30px 30px 30px;
}

.custom-wrapper .card3 .image-content .card-image::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  left: 0;
  top: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    opacity: .9;

  visibility: visible;
  opacity: 1;
}

.custom-wrapper .card3 .image-content .card-image img {
  height: 500px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

.custom-wrapper .card3 .card-content {
  position: absolute;
      width: 72%;
  bottom: 0;
  left: 16px;
  transition: all 0.6s;
  z-index: 2;
}

.custom-wrapper .card3 .card-content a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
  padding-bottom: 12px;
}

.custom-wrapper .card3 .card-content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.custom-wrapper .card3 .card-content p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
}

.custom-wrapper .card3 .button {
  height: 54px;
  width: 54px;
  border: none;
  outline: none;
  border: none;
  display: inline-block;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 82%;
  left: 80%;
  margin-top: -27px;
  margin-left: 0;
  transition: all 0.8s;
  z-index: 2;
  visibility: visible;
  opacity: 1;
}
/*card 3 ends*/

/*card 4 starts*/

.custom-wrapper .card4 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin: 0 10px;
}

.custom-wrapper .card4:hover .image-content .card-image::after {
  visibility: visible;
  opacity: 50%;
  transform: scale(1);
  transition: all 0.4s;
}

.custom-wrapper .card4:hover .image-content .card-image img {
  transform: scale(1.1) rotate(-4deg);
  transition: all 0.4s;
}

.custom-wrapper .card4 .image-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.custom-wrapper .card4 .image-content .card-image {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 30px 30px 30px 30px;
}

.custom-wrapper .card4 .image-content .card-image::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  left: 0;
  top: 0;
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background: linear-gradient(0deg, #000, transparent);
    opacity: .9;

  visibility: visible;
  opacity: 1;
}

.custom-wrapper .card4 .image-content .card-image img {
  height: 500px;
  width: 100%;
  object-fit: cover;
  border-radius: 8px;
  transition: all 0.4s;
}

.custom-wrapper .card4 .card-content {
  position: absolute;
      width: 72%;
  bottom: 0;
  left: 16px;
  transition: all 0.6s;
  z-index: 2;
}

.custom-wrapper .card4 .card-content a {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s32);
  font-style: normal;
  font-weight: var(--ztc-weight-semibold);
  line-height: 32px;
  display: inline-block;
  transition: all 0.4s;
  padding-bottom: 12px;
}

.custom-wrapper .card4 .card-content a:hover {
  color: var(--ztc-text-text-4);
  transition: all 0.4s;
}

.custom-wrapper .card4 .card-content p {
  color: var(--ztc-text-text-1);
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s16);
  font-style: normal;
  font-weight: var(--ztc-weight-medium);
  line-height: 16px;
}

.custom-wrapper .card4 .button {
  height: 54px;
  width: 54px;
  border: none;
  outline: none;
  border: none;
  display: inline-block;
  background: var(--ztc-bg-bg-3);
  color: var(--ztc-text-text-1);
  transition: all 0.4s;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 82%;
  left: 80%;
  margin-top: -27px;
  margin-left: 0;
  transition: all 0.8s;
  z-index: 2;
  visibility: visible;
  opacity: 1;
}
/*card 4 ends*/

.why-us{
	padding:50px 0px;
}
.why-us .accordion-item{border:0;}
.why-us .accordion-button:focus{box-shadow:none;}
.why-us .accordion-item:first-of-type > .accordion-header .accordion-button{border-radius:0px !important;}
.why-us .accordion-header .accordion-button{
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #DBDBDB;
	background:#fff !important;
	border-radius:0px;
	font-weight: bold;
    font-size: 26px;
	

}
.why-us .accordion-button{
	color:#7A7A7A;
}
.accordion-button:not(.collapsed){
	color:#000;
}

.why-us .accordion-button::after{
	
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;	
}

.why-us .accordion-button:not(.collapsed)::after{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");	
	
}

.our-projects{
background:	#fcf3e8;
padding:50px 0px;
	border-radius: 50px 50px 0px 0px;
}