/*====================== Google fonts ========================*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Courier+Prime:wght@400;700&display=swap");

/*====================== Basic css ========================*/

html {

  font-size: 62.5%;

}



:root {

  scroll-behavior: unset;

}



html,

body,

div,

span,

h1,

h2,

h3,

h4,

h5,

h6,

p,

a,

strong,

i,

ol,

ul,

li,

form,

label,

footer,

header,

menu,

nav,

section {

  margin: 0;

  padding: 0;

}



ol,

ul {

  list-style: none;

}



a,

a:hover {

  text-decoration: none;

}



button:focus,

a:focus,

input:focus,

textarea:focus {

  outline: none;

}



/* body */

body {

  font-size: 1.6rem;

  font-weight: 400;

  line-height: 1.3;

  font-family: "Open Sans";

  background-color: #fff;

  color: #333b55;

}



/*====================== Header area start ========================*/

header {

  position: fixed;

  top: 0;

  left: 0;

  z-index: 1024;

  width: 100%;

  padding: 2rem 0;

  transition: 3ms;

}



/*sticky*/

header.sticky {

  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;

  box-shadow: 0 0.8rem 2rem 0 rgba(0, 0, 0, 0.1);

  background-color: #d9d3bb;

  background-image: none;

  padding: 1rem 0;

}



/* menu */

#menu {

  text-align: right;

  padding: unset;

  margin: unset;

  display: flex;

  justify-content: end;

  align-items: center;

}



#menu li {

  color: #2e2e2e;

  margin-right: 4rem;

  padding-left: 1rem;

}



#menu li:last-child {

  margin-right: 0;

}



#menu li:first-child {

  list-style: none;

}



#menu li a {

  color: #000000;

  transition: 0.3s;

  font-size: 2rem;

  font-family: "Bebas Neue";

  text-transform: uppercase;

}



#menu > li > a.active,

#menu > li > a:hover {

  border-bottom: 3px solid #c9353b;

}



#menu > li > a.last-btn {

  color: #fff;

  padding: 0.7rem 1.8rem;

  background: #4caf50;

  border-radius: 0.8rem;

}



#menu > li > a.last-btn:hover {

  border-bottom: 0px solid;

}



/*Hamburger menu*/

.hamburger-menu {

  cursor: pointer;

  position: relative;

  display: none;

  z-index: 999;

}



.hamburger-menu span {

  background: #000000;

  width: 3rem;

  height: 0.3rem;

  display: block;

  margin: 0.5rem 0;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}



.hamburger-menu:hover .line-top {

  -webkit-transform: translateY(-100%);

  -ms-transform: translateY(-100%);

  transform: translateY(-100%);

}



.hamburger-menu:hover .line-bottom {

  -webkit-transform: translateY(100%);

  -ms-transform: translateY(100%);

  transform: translateY(100%);

}



.hamburger-menu .line-top.current {

  -webkit-transform: translateY(200%) rotate(135deg);

  -ms-transform: translateY(200%) rotate(135deg);

  transform: translateY(200%) rotate(135deg);

}



.hamburger-menu .line-center.current {

  opacity: 0;

}



.hamburger-menu .line-bottom.current {

  -webkit-transform: translateY(-375%) rotate(-135deg);

  -ms-transform: translateY(-375%) rotate(-135deg);

  transform: translateY(-375%) rotate(-135deg);

}



/*ofcanvas menu*/

.ofcavas-menu {

  position: fixed;

  width: 100%;

  height: 100%;

  background: #fff;

  z-index: -1;

  top: 0;

  display: none;

  left: -100%;

  transition: 0.3s;

}



.ofcavas-menu.current {

  left: 0;

}



.ofcavas-menu ul {

  margin-top: 15rem;

  text-align: center;

}



.ofcavas-menu li {

  padding: 1.3rem 0;

}



.ofcavas-menu a {

  color: #000000;

  font-size: 2rem;

  text-transform: uppercase;

  font-weight: 400;

  font-family: "Bebas Neue";

}



.ofcavas-menu a.last-btn {

  color: #fff;

  padding: 0.5rem 1.8rem;

  background: #4caf50;

  border-radius: 0.8rem;

}



/*========== Page loader CSS ==========*/

#preloader {

  position: fixed;

  background: #fff;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 99999;

  height: 100vh;

  width: 100vw;

  display: flex;

  align-items: center;

  justify-content: center;

}



.loader3 {

  width: 5rem;

  height: 5rem;

  display: inline-block;

  padding: 0;

  text-align: left;

}



.loader3 span {

  position: absolute;

  display: inline-block;

  width: 5rem;

  height: 5rem;

  border-radius: 100%;

  background: #f33737;

  -webkit-animation: loader3 1.5s linear infinite;

  animation: loader3 1.5s linear infinite;

}



.loader3 span:last-child {

  animation-delay: -0.9s;

  -webkit-animation-delay: -0.9s;

}



@keyframes loader3 {

  0% {

    transform: scale(0, 0);

    opacity: 0.8;

  }

  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}

@-webkit-keyframes loader3 {

  0% {

    -webkit-transform: scale(0, 0);

    opacity: 0.8;

  }

  100% {

    -webkit-transform: scale(1, 1);

    opacity: 0;

  }

}

/*========== return-to-top ==========*/

.back-to-top {

  width: 4.5rem;

  height: 4.5rem;

  line-height: 4.5rem;

  text-align: center;

  display: none;

  position: fixed;

  bottom: 3rem;

  right: 2rem;

  border-radius: 50%;

  background: #f2da55;

  z-index: 1000;

}



.sec-heading {

  font-size: 5rem;

  color: #353535;

  font-weight: 700;

  font-family: "Bebas Neue";

  margin-bottom: 1rem;

  letter-spacing: 0.2rem;

}



.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {



    background-color: #fff;



padding-bottom: 10px;

}



.owl-carousel .owl-nav button.owl-next:hover,

 .owl-carousel .owl-nav button.owl-prev:hover

{





    padding-bottom: 20px;

    padding-top: 10px;



}



.sec-border {

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 5rem;

}

.sec-border .sb-1 {

  width: 6rem;

  height: 0.3rem;

  background: #fff;

  display: block;

}

.sec-border .sb-2 {

  width: 1.5rem;

  height: 1.5rem;

  background: #fff;

  display: block;

  margin: 0 1rem;

  transform: rotate(45deg);

}





.pl3rm {

  padding-left: 3rem !important;

}



.pr3rm {

  padding-right: 3rem !important;

}



/* logo */

.logo-img {

  max-width: 22.5rem;

  object-fit: contain;

  -webkit-transition: width 0.5s ease-in-out;

  -moz-transition: width 0.5s ease-in-out;

  -o-transition: width 0.5s ease-in-out;

  transition: width 0.5s ease-in-out;

  width: 100%;

}



header.sticky .logo-img {

  width: 30%;

}



.cbtn {

  border: none;

  font-size: 1.6rem;

  line-height: 1.5rem;

  letter-spacing: 0.1rem;

  color: #ffffff;

  font-weight: 400;

  font-family: "Bebas Neue";

  text-align: center;

  width: 13.9rem;

  height: 5rem;

  border-radius: 1rem;

  background-color: #01a8af;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: all linear .3s;

}



.cbtn:hover {

  color: #fff;

  background: #e73243;

  transition: all linear .3s;

}



/* hero area */

.hero_area {

  background-image: url("../img/hero-bg2.jpg");

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  padding-top: 25rem;

  padding-bottom: 17rem;

  display: flex;

  align-items: center;

  min-height: 100vh;

}

.hero_area .herocon-wrap {

  max-width: calc(100% - 15%);

  padding-left: 1.5rem;

  padding-right: 1.5rem;

  margin: 0 auto;

}

.hero_area .herocon-wrap .row {

  display: flex;

  align-items: center;

}

.hero_area .hero-con-1 {

  margin-top: 5rem;

  padding-right: 3.5rem;

}

.hero_area .hero-con-1 h2 {

  font-size: 2.4rem;

  letter-spacing: 0.2rem;

  color: #353535;

  font-weight: 700;

  font-family: "Bebas Neue";

  border-bottom: 0.4rem solid #cb262b;

  display: inline-block;

  padding-bottom: 0.5rem;

  margin-bottom: 2rem;

}

.hero_area .hero-con-1 h2 span {

  font-size: 3.9rem;

}

.hero_area .hero-con-1 p {

  font-size: 1.4rem;

  letter-spacing: 0.1rem;

  color: #353535;

  font-family: "Calibri";

  margin-bottom: 5rem;

}

.hero_area .hero-con-1 img {

  height: 13.5rem;

  width: 7.5rem;

  object-fit: contain;

  margin-top: -5rem;

}

.hero_area .hero-con-2 {

  padding: 0 4rem;

}

.hero_area .hero-con-2 img {

  margin-bottom: 17rem;

}

.hero_area .hero-con-2 h1 {

  font-size: 3.5rem;

  letter-spacing: 0.2rem;

  color: #333;

  font-weight: 700;

  font-family: "Bebas Neue";
  text-align: center;

}

.modal-content {

  background-color: #d9d3bb;
}

.modal-title{

font-size: 3.5rem;

letter-spacing: 0.2rem;

color: #333;

font-weight: 700;

font-family: "Bebas Neue";

}
.hero_area .hero-con-2 p {

  font-size: 1.8rem;

  color: #181716;

  font-family: "Courier";

  text-align: center;

}

.hero_area .hero-con-3 {

  padding-left: 1rem;

}

.hero_area .hero-con-3 img {

  width: 12.5rem;

  height: 12.5rem;

  object-fit: cover;

  margin-right: 1.5rem;

}





.hero_area .hero-con-3 h1 {

  font-size: 4.1rem;

  letter-spacing: 0.2rem;

  color: #c42d2f;

  font-weight: 700;

  font-family: "Bebas Neue";

}

.hero_area .hero-con-3 .align-items-end {

  margin-bottom: 1.5rem;

}

.hero_area .hero-con-3 h2 {

  font-size: 2.4rem;

  letter-spacing: 0.1rem;

  color: #353535;

  font-weight: 600;

  font-family: "Bebas Neue";

  margin-bottom: 1.5rem;

}

.hero_area .hero-con-3 p {

  font-size: 1.4rem;

  letter-spacing: 0.1rem;

  color: #353535;

  font-family: "Calibri";

  margin-bottom: 4rem;

}



/* about area */

.about_area {

  padding-bottom: 10rem;

  padding-top: 10rem;

  /* min-height: 90vh; */

  background: #353535;

  color: #fff;

}

.about_area .sec-heading {

  color: #fff;

}

.about_area .sec-border {

  margin-bottom: 12rem;

}

.about_area p {

  font-size: 1.4rem;

  letter-spacing: 0.1rem;

  color: #ffffff;

  font-family: "Arial";

}

.about_area img {

  width: 51rem;

  object-fit: contain;

}



/* SERVICES area */

.service_area {

  padding-bottom: 12rem;

  padding-top: 12rem;

  /* min-height: 97vh; */

  background: #d9d3bb;

}

.service_area .sec-border {

  margin-bottom: 12rem;

}

.service_area .sec-border .sb-1 {

  background-color: #29435a;

}

.service_area .sec-border .sb-2 {

  background-color: #000;

}

.service_area .ser-con-wrap {

  padding: 1.3rem !important;

}

.service_area .img-box-wrap-3,

.service_area .img-box-wrap-1,

.service_area .img-box-wrap-2 {

  width: 100%;

  height: 23.5rem;

  background: #b9ab89;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  margin-bottom: 3rem;

}

.service_area .img-box-wrap-3::before,

.service_area .img-box-wrap-1::before,

.service_area .img-box-wrap-2::before {

  content: "";

  border: 2px solid #fff;

  width: calc(100% - 2rem);

  height: calc(100% - 2rem);

}

.service_area .img-box-wrap-3 img,

.service_area .img-box-wrap-1 img,

.service_area .img-box-wrap-2 img {

  position: absolute;

}

.service_area .img-box-wrap-2 {

  background: #70b2ab;

}

.service_area .img-box-wrap-1 {

  background: #ef4f53;

}

.service_area h3 {

  font-size: 3.5rem;

  letter-spacing: 0.1rem;

  transition: 3ms;

  font-weight: 700;

  font-family: "Bebas Neue";

  margin-bottom: 2rem;

}

.service_area h3 a {

  color: #000;

}

.service_area h3 a:hover {

  color: #353535;

}

.service_area p {

  font-size: 1.6rem;

  letter-spacing: 0.1rem;

  color: #353535;

  font-family: "Courier";

}



.sec-border .sec-sb3{

  width:  8rem;

}



/* Refarence area */

.refarence_area {

  padding-bottom: 16rem;

  padding-top: 10rem;

  /* min-height: 90vh; */

  background: #5bb1b2;

}

.refarence_area .sec-heading {

  color: #fff;

}

.refarence_area .ref-con {

  text-align: center;

  font-size: 2rem;

  color: #ffffff;

  font-family: "Courier";

  margin-bottom: 9.5rem;

}

.refarence_area .sec-border {

  margin-bottom: 7rem;

}

.refarence_area .slider-wrap {

  position: relative;

}

.refarence_area .slider-wrap .owl-prev {

  border: none;

  background: rgba(255, 255, 255, 0);

  position: absolute;

  top: 55%;

  z-index: 999;

  transform: translate(-0.5rem, -81%);

  left: 1rem;

  font-size: 6rem;

}

.refarence_area .slider-wrap .owl-prev:focus {

  outline: none;

  box-shadow: none;

}

.refarence_area .slider-wrap .owl-next {

  border: none;

  background: rgba(255, 255, 255, 0);

  position: absolute;

  right: 1rem;

  top: 55%;

  transform: translate(0.5rem, -81%);

  font-size: 6rem;

}

.refarence_area .slider-wrap .owl-next:focus {

  outline: none;

  box-shadow: none;

}

.refarence_area .slider-wrap .owl-dots {

  display: flex;

  justify-content: center;

  margin-top: 6rem;

}

.refarence_area .slider-wrap .owl-dots .owl-dot {

  width: 1.5rem;

  height: 1.5rem;

  margin: 0 1.5rem;

  border-radius: 100%;

  background: #d9d9d9;

}

.refarence_area .slider-wrap .owl-dots button.active {

  background: #fff;

}

.refarence_area .slider-wrap .slider .ser-con-wrap {

  border: 1.3rem solid #fff;

  background: #fff;

}

.refarence_area .slider-wrap .slider .ser-con-wrap img {

  width: 100%;

  object-fit: cover;

}

.refarence_area .slider-wrap .slider .ser-con-wrap h3 {

  font-size: 2.4rem;

  color: #5d5959;

  text-align: center;

  font-family: "Arial";

  padding-top: 1.3rem;

}



.sec-border .sb-4{

  width: 8.3rem;

}



/* Refarence area */

.footer_area {

  padding-bottom: 3rem;

  padding-top: 11rem;

  /* min-height: 90vh; */

  background-image: url("../img/footerbg.png");

  background-repeat: no-repeat;

  background-size: cover;

  margin-top: -0.8rem;

  color: #fff;

}

.footer_area .sec-heading {

  color: #fff;

}

.footer_area .sec-border {

  margin-bottom: 14rem;

}

.footer_area input {

  height: 5.8rem;

  margin-bottom: 4rem;

  width: 100%;

  background: #e3decb;

  border: none;

  padding-left: 3rem;

  font-size: 2.3rem;

  color: #333333;

  font-family: "Courier";

}

.footer_area input:focus {

  outline: none;

}

.refarence_area .slider-wrap .owl-dots {
    display: none;
}



.footer_area textarea {

  width: 100%;

  height: 20rem;

  background: #e3decb;

  margin-bottom: 3rem;

  border: none;

  padding: 3rem;

  resize: none;

  font-size: 2.3rem;

  color: #333333;

  font-family: "Courier";

}

.footer_area button[type="submit"] {
    min-width: 18.5rem;
    height: 5.2rem;
    border-radius: 1.2rem;
    background: #01a6af;
    color: #fff;
    border: none;
    font-family: courier;
    padding: 0;
    transition: all linear .3s;
    font-size: 2rem;
}
.footer-bottom{

  margin-top: 5rem;
}
.footer_area button[type="submit"]:hover{

  background-color: #E73243;

  transition: all linear .3s;

}

.footer_area .foot-con-1 {

  padding-right: 4rem;

}

.footer_area .foot-con-2 {

  padding-left: 4rem;

}

.footer_area .foot-con-2 h3 {

  font-size: 3.6rem;

  margin-bottom: 4rem;

  text-transform: uppercase;

  color: #fffefe;

  letter-spacing: 0.2rem;

  font-weight: 400;

  font-family: "Bebas Neue";

}

.footer_area .foot-con-2 p {

  font-size: 1.6rem;

  color: #fffefe;

  font-family: "Courier";

  margin-bottom: 6rem;

}

.footer_area .foot-con-2 ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.footer_area .foot-con-2 ul li {

  padding: 2rem 0;

}

.footer_area .foot-con-2 ul li a {

  font-size: 1.8rem;

  color: #fffefe;

  font-family: "Courier";

}

.footer_area .foot-con-2 ul li a strong {

  font-size: 2rem;

}

.footer_area .copywritetext p {

  font-size: 1.8rem;

  letter-spacing: 0.1rem;

  color: #f8f4ec;

  font-family: "Calibri";

}

.footer_area .footer-menu {

  display: flex;

  list-style: none;

  padding: 0;

  margin: 0;

  justify-content: end;

  align-items: center;

}

.footer_area .footer-menu li {

  margin-left: 5rem;

}

.footer_area .footer-menu li a {

  font-size: 2.1rem;

  letter-spacing: 1px;

  color: #000000;

  font-weight: 400;

  font-family: "Bebas Neue";

  color: #fff;

}

.footer_area .footer-menu li a:hover {

  color: #fff;

}



.sec-border .sb-5{

  width: 17rem;

}