:root {
  --white-color: #ffffff;
  --black-color: #000;
  --blue-color: #0CA6EE;
  --Kanit-font: 'Kanit';
  --jura-font:'Jura';
  --martel-font: 'Martel';
}
/*------------Section Head------------------*/
.section-head h3 {
  font: bold 70px/83px var(--jura-font);
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.08);
}
.section-head h4{
  font: bold 38px/45px var(--jura-font);
  letter-spacing: 0px;
  color: var(--black-color);
}
.section-head{
  position: relative;
}
.section-title-box {
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
}

/*-------Slider ------------*/

#slider{
  position: relative;
}
/*#slider #sync2{
  position: absolute;
  bottom: 48px;
}*/
#slider #sync2 img {
  position: relative;
}
#slider .owl-carousel .owl-stage {
  display: flex;
  align-items: baseline;
}
#slider .owl-carousel .caption {
  text-align: center;
}
#slider .slider-content{
  position: absolute;
  top:16%;
  width:100%;
  left:0px; 
  right:0px;
  bottom:0px;
  max-width:700px;
  margin:auto;
}
#slider h1{
  font: 400 54px/90px Signika;
  letter-spacing: 0px;
  color:#fff;
}
#slider p{
  font: 300 18px/32px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-bottom: 35px;
}
#sync1 .item{
  /*padding: 10px 0px;
  margin: 25px;*/
  color: #FFF;
  text-align: center;
}
#sync2 .item{
  margin: 5px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
}
#slider .navigation-thumbs {
  position: absolute;
  bottom: 27px;
  left: 0;
  width: 100%;
  text-align: center;
  }
#sync2 .item h1{
  font-size: 18px;
}
#sync2 .synced .item{
}
#slider .slide-btn .btn-outline-warning{
  font: normal normal normal 19px/30px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding: 0.475rem 1rem;
  border-radius: 0px;
  border:3px solid #F78112;
}
#slider .slide-btn a{
  color: #FFFFFF;
}
#slider .slide-btn .btn-outline-warning:hover{
  background-color:#F78112; 
  border-radius: 10px
}
#slider .count{
  position: absolute;
  top: 0px;position: absolute;
  top: -8px;
  right: 18px;
  display: block;
  font: 400 45px/90px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  }

/*----------------Record-----------------*/
section#about-record{
  background-position: center;
  background-size: unset;
}
#our_records .record-count-no{
  font: 74px/91px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight:400;
}
#our_records .record-count-no .suppix{
  color: #F78112;
  margin-left: -13px;
}
#our_records .our-records-wrapper .record-count-title{
  text-align: center;
  font: 18px/35px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  border-radius: 10px;
  margin-top:38px;
  padding:4px;
  background:#c9c1c166;
}
/*----------------About Us-----------------*/
section#about{
  padding-top:50px;
  padding-bottom:0px;
}
#about .right-section-heading{
  padding-top:100px;
}
#about .small-img{
  text-align: center;
  padding:40px 0px;
}
#about .right-small-img1{
  text-align: center;
    padding: 77px 0px 54px 0px;
}
#about .right-small-img2{
  text-align: center;
}
#about h3{
  text-align: left;
  font: 48px/70px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#about .first-para{
  margin-bottom:0px;
  padding-top:20px;
}
#about h3.second-text{
  color: #F78112;
}
#about .about-sec-para{
  text-align: left;
  font: 20px/35px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight:300;
}
#about img{
  transition: opacity .3s ease 0s, transform .3s ease 0s;
  transform: scale(1) rotate(0.001deg); 
}
#about img:hover {
  z-index: 10;
  transform: scale(1.1) rotate(0.001deg);
}
/*------------Services-----------------*/
#services .service-title h3{
  font: 55px Signika;
 letter-spacing: 0px;
 color: #FFFFFF;
 text-align:center;
 font-weight:400;
}
#services .service-content h5{
  text-align:center;
}
#services .service-content h5 a{
  font: 28px/90px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight:400;
}
#services .service_text{
  color:#fff;
  opacity: 0;
  position: absolute;
  top:0px;
  right:0px;
  left:0px;
  bottom:0px;
  text-align:center;
  background-color:rgba(0,0,0,0.9);
  padding: 70px 20px;
  /*transform: rotateY(90deg);
  transition: all 0.50s ease 0.4s;*/
  
}
#services .service_text p{
  font: 19px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight:400;
  line-height:35px;
}
#services .service-image:hover .service_text{
  opacity: 1;
  /*transform: rotateY(0deg);*/
}
#services .service-image img{
  position: relative;
}
#services .service-image {
  position: relative;
}
/*-------commertial what can we do------------*/
#whatcando h3{
  font: 55px/90px Signika;
  letter-spacing: 0px;
  font-weight:500;
  color:#fff;
}
#whatcando .owl-nav{
  top:89%;
}
#whatcando button.owl-prev{
  float: left;
  text-align: left;
  left: 10%;
  position: absolute;
}
#whatcando button.owl-next{
  text-align: right;
  position: absolute;
  right: 10%;
  left: auto;
}
#whatcando .owl-nav i{
  background-color:unset;
}
#whatcando .owl-item.active.center {
  transform: scale(1.1, 1.2);
 } 
 #whatcando .owl-item > div {
  cursor: pointer;
  margin: 6% 6%;
  transition: margin 0.4s ease;
  padding: 0px 16px;
  
}
#whatcando .owl-item.center > div .whatdo-title{
  font: 45px Signika;
  letter-spacing: 0px;
  color:#fff;
  position: relative;
  top: -40px;
}

#whatcando .owl-item:not(.center) > div .slider-fox1 .whatdo-title{
  font: 300 24px/227px Signika;
 letter-spacing: 0px;
 color:#fff;
 transform: rotate(-90deg);
 position: absolute;
  top: 8px;
  left: auto;
  color: #fff;
  padding: 0 35px;
  z-index: 999;
  left:-149;
  right:-136px;
  display: none;
}
#whatcando .owl-item:not(.center) > div .slider-fox3 .whatdo-title{
  font: 300 24px/227px Signika;
 letter-spacing: 0px;
 color:#fff;
 transform: rotate(-90deg);
 position: absolute;
  top: 18px;
  right: -159px;
  color: #fff;
  padding: 0 35px;
  z-index: 999;
  left:-150px;
  right:auto;
  display: none;
}

#whatcando .owl-item:not(.center) > div .slider-fox2 .whatdo-title{
  font: 300 24px/227px Signika;
 letter-spacing: 0px;
 color:#fff;
 transform: rotate(-90deg);
 position: absolute;
  top: 18px;
  right: -159px;
  color: #fff;
  padding: 0 35px;
  z-index: 999;
  right:0px;
  left:-656px;
  display: none;
}

#whatcando .owl-item.center > div {
  cursor: auto;
  margin: 0;
}
#whatcando .owl-item:not(.center) > div:hover {
  opacity: .75;
}
#whatcando .innergallery{
  padding:86px 0px;
  margin-top:23px;
}
#whatcando .owl-nav i{
  font-size:40px;
}
.whatdo-content{
  position: relative;
}
.slidetitle{
  position: absolute;
}
/*-----------Achiement----------------*/
#achiement{
  color:#fff;
}
#achiement h3{
  font: 55px/90px Signika;
  letter-spacing: 0px;
  font-weight:500;
  color:#fff;
}
#achiement .inner-tab{
  padding-top:50px;
  padding-bottom: 50px;
}
#achiement .nav-tabs .nav-link.active {
  color:#fff;
  background-color: unset;
  border-color:unset;
}
#achiement .nav-tabs .nav-item.show .nav-link{
  background-color: unset;
  border-color:unset;
}
#achiement .nav-tabs .nav-link{
  border:none;
}
#achiement .nav-tabs .nav-link h4{
  color:#fff;
  font: 24px/90px Lato;
  letter-spacing:0px;
  font-weight:400;
  color: #FFFFFF;
}
#achiement ul li{
  text-align:center;
}
#achiement .quote-bg{
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    height: 280px;
}
#achiement .nav-tabs{
  border-bottom:0px;
}
#achiement .achievement-editor{
  max-width: 97%;
  margin: auto;
  text-align:center;
  padding-top:62px;
}
#achiement .achievement-editor p{
  font: 26px/60px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
}


/*----------Newsletter--------------------------*/
#our_newsletter span.your-email:before {
  content: '\f0e0';
  position: absolute;
  left: 3px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 22px;
  top: -4px;
  color: #000;
}
#our_newsletter .wpcf7-form-control-wrap{
  float: unset;
}
#our_newsletter input[type="email"] {
  width: 100%;
  background: transparent;
  border-bottom: 1px solid #979797;
  padding-left: 34px;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  font: 22px Lato;
  letter-spacing: 0px;
  color: #979797;
  right:68px;

}
#our_newsletter [type=submit]{
  background: transparent;
  border:0px;
  color: #000;
  padding: 16px 32px;
  font-size: 22px;
  border-radius: 0px;
  position: absolute;
  font-weight:900;
  right:-17px;
}
#our_newsletter input[type="email"]::placeholder{
  font: normal normal 200 18px/27px var(--Kanit-font);
  color: #4D4B4B;
}
#our_newsletter input[type="email"]:focus{
  outline: none;
}
#our_newsletter .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: 800;
  display: inline-block;
  position: absolute;
  bottom: auto;
  top: 55px;
  left: 0;
  right: 0;
}
#our_newsletter .wpcf7 form .wpcf7-response-output{
  color: #000;
}
#our_newsletter .section-head h3{
  color: var(--white-color);
  opacity: 0.22;
}
#our_newsletter .section-head h4{
  color: #000;
}
#our_newsletter .newsletter-form {
    padding-top: 2em;
}
#our_newsletter .newsletter-form{
  width: 50%;
  margin: auto;
  position: relative;
}
section#our_newsletter{
  padding:0px 0px;
  padding-top:83px;
}
/*--------------latest project-----------------*/
section#project{
  padding:0px 0px;
}
#project{
  background-color:#fff;
  background-position: center;
}
#project .testimonial-inner{
  position:relative;
  top:-67px;
}
#project .section-heading h3{
  font: 68px Signika;
  letter-spacing: 0px;
  color: #222222;
  font-weight:400;
}
#project .section-heading {
  padding-top:60px;
}
#project .project-content h5{
  font: 24px Lato;
  letter-spacing: 0px;
  color: #000000;
  padding-top: 14px;
  padding-bottom: 7px;
}
#project .project-content h5 a{
  color: #000000;
}
#project .date-location{
  font: 18px Lato;
  letter-spacing: 0px;
  color: #F78112;
}
#project .owl-nav{
  display:block;
  position: absolute;
  top: 62%;
  left: -332px;
  text-align:left;
  width:30%;
}
#project button.owl-prev, #project button.owl-next{
  height: 35px;
  width: 35px;
}
#project .owl-nav i{
  background:transparent;
  border:1px solid #222;
  color:#F78112;
  padding:9px 14px;
}
#project .owl-nav i:hover, #project .owl-nav i:hover{
  background:#F78112;
  color:#fff;
}
#project button.owl-next{
  margin-left: 38px;
}

#extra-work .project-image {
  position: relative;
}
#project .project-image::before {
  right: 0;
  opacity:0.4;
  top: 0;
}
#project .project-image::after {
  bottom: 0;
  opacity: 0.4;
  left: 0;
}
#project .project-image::before, #project .project-image::after {
  content: "";
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s !important;
}
#project .project-image:hover::after, #project .project-image:hover::before{
  height: 100%;
  opacity: 0;
  width: 100%;

}

/*--------------latest blog-----------------*/

#blog .owl-carousel .owl-item:hover img{
  transform: scale(1);
  transition-duration: 1s;
}
#blog .owl-carousel .owl-stage-outer{
  padding-top:50px;
  padding-bottom:50px;
}
#blog .blog-date{
  font: 12px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight:300;
  padding-top:27px;
}
#blog .blog-title {
  font: 22px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding:12px 0px;
}
#blog .blog-title a{
  color: #FFFFFF;
}
#blog .blog-cat{
  font: 14px Lato;
  letter-spacing: 0px;
  color: #F78112;
  font-weight:300;
}
#blog .section-title-box h4{
  font: 52px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-weight:400;
}
#blog .box {
  position: relative;
}
#blog .box::before {
  right: 0;
  opacity:0.4;
  top: 0;
}
#blog .box::after {
  bottom: 0;
  opacity: 0.4;
  left: 0;
}
#blog .box::before, #blog .box::after {
  content: "";
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s !important;
}
#blog .box:hover::after, #blog .box:hover::before{
  height: 100%;
  opacity: 0;
  width: 100%;
}
/*--------- Testimonial ---------------*/

#testi .testimonial-image img,#testi .quote-icon img{
  width: max-content;
  margin: auto;
}
#testi h3{
  font: 52px/90px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-align: center;
  font-weight:400;
  padding-bottom:50px;
}
#testi .testimonial-content{
  background: transparent linear-gradient(143deg, #999191fa 0%, #00000099 100%) 0% 0% no-repeat padding-box;
opacity: 1;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
  text-align: center;
  padding:40px 20px;
}

#testi .testi-text{
  font: 20px/40px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
}
#testi .testi-text{
  padding-top:26px;
  padding-bottom:34px;
}
#testi h5{
  font: 25px/30px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-align:left;
}
#testi h5 a{
  color: #FFFFFF;
}
#testi .feature-heading{
  font: 300 20px/67px Lato;
  letter-spacing: 0px;
  color: #F78112;
  text-align: left;
}
/*--------- our team  ---------------*/
#team h3{
  text-align: center;
  font: 400 54px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-bottom:50px;
}
#team .team-content .team-image::after{
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 50px;
}
#team .team-content .team-image{
  position:relative;
}

#team .team-content .team-image::after {
  bottom: 0;
  -webkit-box-shadow: 0px -25px 16px -10px rgba(0, 0, 0, 0.8) inset;
  box-shadow: 0px -25px 16px -10px rgba(0, 0, 0, 0.8) inset;
}

#team .team-content{
  text-align: center;
}
#team .team-content .team-heading {
  font: 300 18px Lato;
  letter-spacing: 0px;
  color: #F78112;
}
#team .team-content h5 {
  font: 28px Lato;
  letter-spacing: 0px;
  padding-top:30px;
  padding-bottom:20px;
}
#team .team-content h5 a{
  color: #FFFFFF;
}
#team .team-content .team-image{
  transition: opacity .3s ease 0s, transform .3s ease 0s;
  transform: scale(1) rotate(0.001deg); 
}
#team .team-content .team-image:hover {
  z-index: 10;
  transform: scale(1.1) rotate(0.001deg);
}
/*--------------Extra ordinary -----------------*/
#extra-work h2{
  font: 400 54px/90px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  max-width:47%;
}
#extra-work .first-row figure.first-inner1{
  /*padding:20px;*/
  padding:80px 20px 20px 20px;
}
#extra-work .first-row figure.first-inner2{
  padding:20px 20px 20px 20px;
  
}
#extra-work .second-row figure.first-inner3{
  /*padding:20px;*/
  padding:0px 20px 20px 20px;
}
#extra-work .second-row figure.first-inner4{
  padding: 26px 20px 20px 20px;
  
}
#extra-work .second-row figure.first-inner5{
  padding: 24px 20px;
}
#extra-work .third-row{
  position: relative;
  margin-top: -155px;
}
#extra-work .third-row figure.first-inner6{
  padding: 20px 20px;
}
#extra-work .third-row figure.first-inner7{
  padding: 24px 20px;
}
#extra-work .third-row figure.first-inner8{
  padding: 24px 20px;
}
#extra-work .inner-work{
  margin-top: 75px;
}
#extra-work .shopbtn{
  font: 20px/35px Lato;
  letter-spacing: 0px;
  color: #FFFFFF;
  margin-bottom:2.3rem;
  
}
#extra-work .shopbtn a{
  color: #FFFFFF;
}
#extra-work .shopbtn a.btnpadding{
  background: #e1d6d666;
  border-radius: 10px;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding:10px 30px;
  transition: 1s;
}
#extra-work .shopbtn i{
  padding-left:5px;
  padding-top:2px;
}
#extra-work .shopbtn a.btnpadding:hover{
  background-color:#F78112;
  padding-left:10px;
}

/* Circle */
#extra-work figure {
  position: relative;
}
#extra-work figure::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  content: '';
  width: 0;
  height: 0;
  background: rgba(255,255,255,.2);
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
#extra-work figure:hover::before {
  -webkit-animation: circle .75s;
  animation: circle .75s;
}
@-webkit-keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@keyframes circle {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
/*--------------gallery-----------------*/
#gallery h2{
  font: 400 54px/90px Signika;
  letter-spacing: 0px;
  color: #FFFFFF;
  max-width:47%;
}
.wpcf7-submit {
font-family:"Font Awesome 5 Free" !important;
}
.wpcf7-form-control-wrap{
font-family: "Font Awesome 5 Free" !important;
}