@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Manrope:wght@200;300;400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,200;0,8..60,300;0,8..60,400;0,8..60,500;0,8..60,600;0,8..60,700;0,8..60,800;0,8..60,900;1,8..60,200;1,8..60,300;1,8..60,400;1,8..60,500;1,8..60,600;1,8..60,700;1,8..60,800;1,8..60,900&display=swap');

/************* Global**************/
* {
    padding: 0;
    margin: 0;
    outline: none;
  }

  
  html ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
  }
  
  html img {
    max-width: 100%;
    height: auto;
  }
  
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6 {
    margin: 0;
    line-height: 100%;
  }
  
  html body {
    overflow-x: hidden;
    height: 100%;
  }
  
  html button {
    outline: none;
    box-shadow: none;
    border: none;
  }
  
  html textarea {
    resize: none;
  }
  
  html a,
  html button {
    transition: 0.5s;
    text-decoration: none;
  }
  a { color: #c9a227; transition: all .5s; cursor: pointer;}
  a:hover { color:#c9a227;transition: all .5s;}
  
  body {
    color: #444444;
    font-family: 'Manrope', sans-serif;
    transition: all .5s;
  }


  
  ::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.75rem;
  }
  
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: gray;
  }

  h2 {font-family: 'Source Serif 4', serif; font-size: 62px; font-weight: 900;}

  /************* Global**************/

  /********** home page start *************/
  .top-header { background: url(../images/top-head-pattern.jpg) repeat; padding: 15px 0;}
  .top-header-cont ul { display: flex; align-items: center; justify-content: space-between;}
  .icon-box {display: flex;align-items: center;font-family: 'Manrope', sans-serif;font-size: 18px;}
  .icon-box .icon {background: url(../images/icon-border.png) no-repeat;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;margin-right: 12px;}
  .icon-box .icon i {color:#edc531; font-size: 24px;}
  .icon-details span {display: block;color: #fff; font-weight: 200;}
  .icon-details a { color: #fff; font-weight: 500;}
  .icon-details a:hover { color: #c9a227;}

  .navigation {background: #a47e1b;position: relative;top: 0; font-family: 'Barlow', sans-serif;}
  .navigation:before {background: #c9a227;content: '';position: absolute;height: 100%;top: 0;clip-path: polygon(100% 0, 38% 100%, 100% 100%);width: 35px;right: 34.98%;}
  .navigation:after {background: #c9a227;content: '';position: absolute;right: 0;width: 35%;height: 100%;top: 0;}
  .navigation .navbar-brand { display: none;}

  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
}
  .navbar-expand-lg .navbar-nav .nav-link { color: #fff;font-weight: 600;position: relative;}
  /* .navigation .navbar-expand-lg .navbar-nav .nav-link.active {padding: 0;} */
  .navigation .navbar-expand-lg .navbar-nav .nav-link.active:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #edc531;}
   .navbar-expand-lg .navbar-nav .nav-link:hover { color:#edc531 ;}
  .navigation .nav-item {padding: 0 35px;position: relative;}
  .navigation .nav-item:first-child { padding-left: 0;}
   /******* dropdown****************/
   .dropdown-menu-nav {
    background-color: #a47e1b;
    display: none;
    position: absolute;
    z-index: 999;
    color: #fff;
}
.submenu-button {position: absolute;right: -14px;top: 8px;font-size: 25px;color: #ffc000;display: none;}
.submenu-button:after {content: "\f107"; font-family: 'FontAwesome';}
.sub-menu:hover .dropdown-nav a{ color: #fff;}
.dropdown-nav {position: relative;}
.dropdown-nav:after {content: '\f0d7';font-family:'FontAwesome';top: 7px;position: absolute;right: 28px;color: #fff;}
.dropdown-nav:hover.dropdown-nav:after,  .dropdown-nav:hover .nav-link {color: #edc531;}
.dropdown-menu-nav li .dropdown-item {padding: 0.5rem 1rem;border-bottom: 1px solid #edc531;color: #fff;font-weight: 600;}
.dropdown-menu-nav li:last-child .dropdown-item { border-bottom: none;}
.dropdown-menu-nav li .dropdown-item:hover {background: #6e4c0d;color: #edc531;}
  /******* dropdown****************/
  .c-header-search button { background: none;}
  .c-header-search button i {color: #fff;font-size: 24px;}
  .c-header-search-form {position: absolute;right: 0;top: 52px;width: 280px;background: #c9a227;z-index: 9;padding: 4px;display: none;box-shadow: 0 0 5px;}
  .c-header-search-form .btn-primary {background: #714e0e;border: none;}
  .c-header-search-form .btn-primary i {font-size: 22px;}

  .colored-btn-wrap { overflow: hidden;position: relative;max-width: 225px;}
  .colored-btn {position: relative;overflow: hidden;z-index: 99;isolation: isolate;}
  .colored-btn a {background: #6e4c0d;color: #fff;font-weight: 600;display: inline-block;padding: 15px 45px;text-transform: uppercase; position: relative; z-index: 10;}
  .colored-btn a:before {
    content: "";
    z-index: -1;
    position: absolute;
    right: -15px;
    top: 0;
    width: 45px;
    height: 100%;
    background: #926c15;
    transform: skewX(-22deg);
    transition: all 0.5s ease;
    isolation: isolate;
  }
  .colored-btn a:hover:before { background: #a47e1b; content: ''; position: absolute; top: 0;width: 100%; height: 100%; transform: none;  transition: all 0.5s ease; right: 0;}

  .hero { position: relative; margin-bottom: 100px;}  
  .hero .hero-img {position: relative; }
  .hero .hero-img::before { background: rgba(20,43,59,0.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';}
  .hero .hero-img img { width: 100%; object-fit: cover;}
  .hero-mask-img {position: absolute;bottom: -1px;left: 0;width: 100%;}
  .hero-mask-img img { width: 100%; height: 130px;}
  .hero-text-wrap {width: 100%;position: absolute;top: 40%;transform: translateY(-40%);}
  .hero-text-cont{position: relative;padding: 30px;color: #fff;}
  .hero-text-cont::before {content: '';left: 0;top: -30px;background: url(../images/hero-text-img.png) no-repeat left;height: 100%;position: absolute;width: 100%;}
  .hero-welcome-text { display: flex; align-items: center; gap: 10px;}
  .hero h1 {
    font-size: 62px;
    font-family: "SourceSerif436pt";
    color: rgb(255, 255, 255);
    line-height: 1.1;
    text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75);
    font-weight: 800;
    }

    .hero .home-banner h2 {
      font-size: 62px;
      font-family: "SourceSerif436pt";
      color: rgb(255, 255, 255);
      line-height: 1.1;
      text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75);
      font-weight: 800;
      }
 
    .hero-text-cont p {font-family: 'Manrope', sans-serif;font-size: 16px;max-width: 60%;font-weight: 400;padding: 30px 0;}


    .usp { padding: 75px 0;}
    .usp-content ul {display: flex;justify-content: center;}
    .usp-content ul li {border-right: 1px dashed #6e4c0d;padding: 0 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;white-space: nowrap; color: #6e4c0d; font-weight: 600;}
    .usp-content ul li:last-child { border: none;}
    .usp-content ul li .usp-pic { max-height: 64px; width: auto; margin-bottom: 30px;}

    .welcome { background: #f7f2ec; padding: 85px 0;}
    .title-text-small { color: #6e4c0d; font-family: 'Barlow', sans-serif; font-size: 20px; font-weight: 600; }
    .welcome h2 {color: #b69121;line-height: 1.2;padding-bottom: 30px;}
    .welcome-icon-text ul {display: flex;gap: 40px;padding: 30px 0;}
    .welcome-icon-text ul li { color: #6e4c0d; font-size: 22px; font-family: 'Barlow', sans-serif; font-weight: 500; display: flex; gap: 10px; align-items: center;}
    .welcome-text-cont .colored-btn-wrap { max-width: 207px;}

    .why-choose {padding: 75px 0;}
    .why-choose  .title-text-small  { color: #6e4c0d;}
    .why-choose h2 {color: #b69121;max-width: 80%;margin: 0 auto;}
    .why-choose-content {display: flex;align-items: center;margin: 30px 0;}
    .yellow-bg-wrap { position: relative;max-width: 700px;}
    .yellow-bg-cont {position: absolute;padding: 40px;top: 0; margin: 0 10px 0 0;}
    .yellow-bg-cont ul { display: flex; gap: 30px; flex-direction: column;}
    .yellow-bg-cont ul li {display: flex;align-items: center;}
    .yellow-bg-cont ul li span {width: 15%;height: 70px;display: block;padding-right: 20px;}
    .yellow-bg-cont ul li span img {width: 100%;object-fit: contain;height: 100%;}
    .yellow-bg-cont .heading {font-size: 26px;color: #6e4c0d;font-weight: 700; padding-bottom: 20px;font-family: 'Barlow', sans-serif;}
    .yellow-bg-txt {width: 85%;}
    .video-pic-section { position: relative;}
    .video-pic {
      position: relative;
      box-shadow: 0 0 5px #666;
      margin: 0 0 0 -40px;
  }

.video-wrap {position: absolute;top: 50%;transform: translate(-40%,-50%);cursor: pointer;left: 40%;}
.video-wrap a {background: #dab94c;width: 85px;height: 85px;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;}
.video-wrap a:hover { background: #000;}
.video-wrap a:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 100px;
    height: 100px;
    background-color: #dab94c;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}


.video-wrap a i {color: #6e4c0d;font-size: 35px;}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.modal-dialog,
.modal-content {
    /* 80% of window height */
    height: 96%;
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 80px);
    overflow-y: scroll;
}
.modal video { width: 100%; height: 100%; object-fit: cover;}


.our-service { position: relative;}
.service-bg img { width: 100%;}
.service-content { width: 100%; position: absolute; top: 40%; transform: translateY(-40%);}
.service-content h2 { color: #dbb42c; max-width: 70%;  margin: 0 auto; text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75);}
.our-service .colored-btn-wrap {max-width: 263px;}
.service-content-main {padding: 40px 0;}
.service-box { position: relative;}
.service-box:before {content: '';position: absolute;width: 80%;background: #fff;bottom: 0;left: 0;height: 90%;z-index: -1;}
.service-icon {
  display: flex;
  margin-left: auto;
  justify-content: end;
}
.service-box-info {
  padding: 15px;
  max-width: 80%;
}
.box-img {padding: 12px;position: relative;z-index: 1;margin-top: -12%;}
.box-info {min-height: 100px;}
.box-arrow a { color: #fff; display: block; background: #926c15;width: 64px;height: 64px;display: flex;text-align: center;justify-content: center;align-items: center;margin-left: 65%;color: #fff;position: relative;z-index: 2;}
.box-arrow a:hover { color: #dab94c; background: #000;}
.box-img img { width: 100%;}
.box-heading { font-size: 30px;font-family: 'Barlow', sans-serif; font-weight: 800; padding-bottom: 20px; color: #6e4c0d;}

.our-work-process { background: #f7f7f7; padding: 80px 0;}
.our-work-process h2 {color: #b69121;max-width: 65%;margin: 0 auto;}

.round-block-step-wrap ul {display: flex;justify-content: center;align-items: center;text-align: center;}
.round-block-step-wrap ul li .round-block-wrap { position: relative;}
.round-block-step-wrap ul li {max-width: 24%;}
.round-block-step-wrap ul li .round-block-wrap .round-block {width: 200px;height: 200px;background: #fff;border: 8px solid #dbb42c;position: relative;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin: 0 auto;z-index: 10;}
.round-step-info {width: 64px;height: 64px;background: #dbb42c;border-radius: 50%;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 24px;font-family: 'Manrope', sans-serif;font-weight: 800;position: absolute;left: 0;top: 0;}
.round-block-step-wrap ul li .round-block-wrap:after { content: ''; position: absolute; right: 0; background: url(../images/curved-arrow.png) no-repeat; width: 119px; height: 72px; z-index: 1;}
.round-block-step-wrap ul li:first-child .round-block-wrap:after {top: 95px;right: -53px;}
.round-block-step-text { margin-top: 30px;}
.step-head{color: #6e4c0d; font-size: 30px; font-weight: 800;font-family: 'Barlow', sans-serif; padding-bottom: 30px;}
.round-block-step-text p {font-size: 14px;max-width: 78%;margin: 0 auto;}

.round-block-step-wrap ul li:nth-child(2),.round-block-step-wrap ul li:last-child {padding-top: 12%;}
.round-block-step-wrap ul li:nth-child(2) .round-block-wrap:after {top: -2px;transform: rotate(-26deg);right: -46px;}
.round-block-step-wrap ul li:nth-child(3) .round-block-wrap:after {
  top: 59px;
  transform: rotate(29deg);
  right: -18%;
}
.round-block-step-wrap ul li:last-child .round-block-wrap:after { display: none;}

.our-projects { position: relative;}
.projects-bg img { width: 100%; object-fit: cover;}

.projects-cont {width: 100%;position: absolute;top: 10%;transform: translateY(-10%);}

.projects-cont h2 {
  color: #dbb42c;
  max-width: 70%;
  margin: 0 auto;
  text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75);
}
.projects-pic-wrap ul { display: flex; gap: 20px; position: relative; margin-top: -10%;}
.projects-pic-wrap ul li { width: 20%; overflow: hidden;}
.projects-pic-wrap ul li img { width: 100%; object-fit: cover;}
.projects-pic-wrap ul li a img {transition: all .5s;}
.projects-pic-wrap ul li a:hover img { transform: scale(1.2); transition: all .5s;}


.testimonial {position: relative;padding-top: 75px;}
.testimonial:before {content: '';position: absolute;width: 100%;height: 100%;clip-path: polygon(37% 0, 100% 23%, 100% 99%, 0 100%, 0 22%);background: #f7f7f8;z-index: -1;}
.testimonial-main { padding-top: 75px;}
.testimonial-main h2 { color: #b69121;}
.client-img-designation-wrap {display: flex;align-items: center;gap: 10px;}
.client-img {position: relative;width: 100px;height: 100px;overflow: hidden;box-shadow: 0 5px 10px rgba(0,0,0.27);border-radius: 50%;margin-left: 10px;}
.client-img:before {box-shadow: inset 0px -7px 0px 0px rgba(255, 255, 255, 0.82);content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 0 0 50% 50%;}
.client-img:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0;}
.testimonial-carousel { padding: 50px 0;}
.designation .name { color: #6e4c0d; font-size: 20px;font-family: 'Barlow', sans-serif; font-weight: 600;}
.designation .desig { color: #c9a227;font-family: 'Manrope', sans-serif; font-size: 20px; font-weight: 400; padding-top: 5px;}
.client-say { margin-top: 50px; border: 3px solid #fad643; padding: 30px; position: relative;}
.client-say:before { content: ''; position: absolute; left: 35px; top: -23px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); width: 25px; height: 20px;  z-index: 1; background: #fad643;}
.testimonial .owl-theme .owl-nav { display: flex; justify-content: start;gap: 40px; margin-top: 40px;}
.testimonial .owl-theme .owl-nav button.owl-prev:hover,.testimonial .owl-theme .owl-nav button.owl-next:hover { background: transparent;}

.contact { padding:75px 0;}
.contact .row { background:#c9a227; ;} 

.contact-info { padding-left: 20%; }
.contact-info h2 { max-width: none;}
.contact-info p {max-width: 80%;padding-top: 20px;}
.contact-pic-wrap { width: 100%; position: relative;}
.contact-pic-wrap img { width: 100%; object-fit: cover;}

/* Custom Select wrapper */
.select {
  position: relative;
  display: flex;
  width: 100%;
  height: 5em;
  overflow: hidden;
  color: #000;
  padding: 0;
}

/* Arrow */
.select::after {
  content: '\25BC';
  position: absolute;
  top: 14px;
  right: 0;
  padding: 1em;
  transition: .25s all ease;
  pointer-events: none;
  color: #704d0d;
}

/* Transition */
.select:hover::after {
  color:#030303;
}

.form-control option {
  background: #6e4c0d; color: #fff;}
.dateinput {-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image: url(../images/calender-big.jpg);background-repeat: no-repeat;background-position: 98% 52%;}
 input[type="date"]::-webkit-inner-spin-button,
 input[type="date"]::-webkit-calendar-picker-indicator { opacity:0; }

 .form-section { max-width: 90%; overflow: hidden;}
 .form-section input, .form-section textarea {border-radius: 0;padding: 20px 20px;}
 .form-section select { border-radius: 0;}

 .form-section input[type='submit'] { overflow: hidden;position: relative;max-width: 225px; position: relative;overflow: hidden;z-index: 99;isolation: isolate; background: #6e4c0d;color: #fff;font-weight: 600;display: inline-block;padding: 15px 45px;text-transform: uppercase; border: none; cursor: pointer; }
  .form-section input[type='submit']:hover{ background:#000;}
  .help-info {background: #c9a227;border: 20px solid #fff;padding: 20px;color: #76520e;font-size: 28px;font-weight: 700;font-family: 'Barlow', sans-serif;max-width: 260px;position: absolute;bottom: -67px;line-height: 1.2;}
  .help-info span { display: block;}
  footer { background: url(../images/footer-bg.jpg) no-repeat; background-size: cover; width: 100%; height: 100%;}
  .footer-cont { padding: 40px 0;}
  .footer-block p {color: #fad643;font-family: 'Manrope', sans-serif;font-size: 16px;padding: 20px 0;}
  .social-media p {font-family: 'Barlow';color: #fff;padding: 0;font-size: 20px;font-weight: 500;margin-bottom: 9px;}
  .social-media ul { display: flex; gap: 20px;}
  .social-media ul li a i  {color: #fad643;font-size: 24px;}
  .social-media ul li a:hover i { color: #fff;}
  .footer-link-head {font-family: 'Source Serif 4', serif;font-weight: 700;font-size: 24px;color: #fff;}
  .footer-link ul { padding: 10px 0;}
  .footer-link ul li {padding: 10px 0;}
  .footer-link ul li a {color: #fad643;font-family: 'Manrope', sans-serif;font-weight: 300;}
  .footer-link ul li a:hover,.footer-link ul li a.active { color:#fff ; padding-left: 5px;}
  .footer-link ul li { color: #fad643;}
  .copy { border-top: 1px solid #c9a227; text-align: center; padding: 10px 0; margin-top: 30px;}
  /********** home  page end *************/  

  /********** Inner Pages Start 

  /******** about*****/
  .h-600 { max-height: 600px; overflow: hidden;}
  .inner-hero-text-wrap {width: 100%;position: absolute;top: 40%;transform: translateY(-40%);}
  .inner-hero-banner-text { display: flex; align-items: center; }
  .breadcrumb-wrap {padding: 20px 0 0 60px;}
  .breadcrumb-item+.breadcrumb-item::before { content: '\f178'; font-family: 'FontAwesome'; color: #fff;}
  .breadcrumb-item.active { color: #fff;}
  
  .about-top-cont h2 { color:#b69121;}
  .about-top-cont .colored-btn-wrap { width: 207px;}

  .journey { padding: 75px 0; }
  .journey-cont { background: url(../images/bg-1.png) no-repeat right; height: 589px; width: 100%;}
  .journey-pic { width: 100%;}
  .journey-pic img { width: 100%;}
  .journey-cont h2 { color: #b69121;}
  .journey-cont .row { padding-top: 30px;}
  .journey-pic-info {
    padding: 0px 30px 0 0;
}

  .expert { padding: 75px 0; }
  .expert-cont { background: url(../images/bg-2.png) no-repeat left; height: 589px; width: 100%;}
  .expert-pic { width: 100%;}
  .expert-pic img { width: 100%;}
  .expert-cont h2 { color: #b69121;}
  .expert-cont .row { padding-top: 30px;}
  .expert-pic-info{
    padding: 0 0 0 30px ; 
}

.boxes-wrap { padding: 75px 0;}
.boxes-wrap ul { display: flex; gap: 10px;}
.boxes-wrap ul li .box {border: 1px solid #cccccc;padding: 20px 30px;min-height: 320px; height: 320px; overflow: hidden;}
.boxes-wrap ul li .box .box-top {display: flex;align-items: center;gap: 10px;color: #6e4c0d;font-size:22px;font-family: 'Barlow', sans-serif;font-weight: 600;margin: 0 0 20px;}
.boxes-wrap ul li .box p {font-family: 'Manrope', sans-serif; color: #444444; font-size: 16px;}
.boxes-wrap ul li:nth-child(2) {background: url(../images/box-bg.jpg)no-repeat;height: 100%; background-size: cover;}
.boxes-wrap ul li:nth-child(2) .box-top { color: #000;}
.boxes-wrap ul li:nth-child(2) .box p { color: #010101;}

/********** project ****/
.success-bg img { width: 100%; object-fit: cover;}
.project-inner { position: relative;}
.project-inner-cont {width: 100%;position: absolute;top: 20%;transform: translateY(-20%);}
.project-inner-cont h2 {color: #dbb42c; text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75); }

.gallery-item {
  margin-bottom: 20px;
  position: relative;
  height: 340px;
  overflow: hidden;
  box-shadow: 0 0 5px #000;
}

.gallery-item .g-item {
  width: 100%;
  height: 340px;
  object-fit: cover;
}

.gallery-item a:before {
  content: "\f08e";
  font-family: 'FontAwesome';
  font-size: 40px;
  position: absolute;
  transform: translate(-50%, 0%);
  display: block;
  left: 50%;
  top: 0%;
  transition: 0.5s;
  z-index: 2;
  color: #fff;
  opacity: 0;
}

.gallery-item a:hover:before {
  transform: translate(-50%, -50%);
  top: 50%;
  opacity: 1;

}

.gallery-item a:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(201, 162, 39, 0.651);
  opacity: 0;
  transition: 0.5s;
  transform: translate(-50%, -50%);
  opacity: 1;
}

.gallery-item a:hover::after {
  width: 96%;
  height: 96%;
  opacity: 0.7;
}

.gallery-item a span {
  position: absolute;
  left: 50%;
  top: 10%;
  transform: translate(-50%, -60%);
  z-index: 5;
  color: #fff;
  font-size: 30px;
  visibility: hidden;
  transition: all .5s;
}

.gallery-item a:hover span {
  visibility: visible;
  transition: all .5s;
  top: 60%;
}

/********** contact ****/
.get-in-touch { background: #dbb42c; padding: 75px 0;}
.get-in-touch h2 { text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.32);}
.get-info {/* background: rgb(204,165,40); */background: linear-gradient(292deg, rgb(219 180 44) 5%, rgba(211,171,42,1) 100%);padding: 20px 0;}
.get-info-cont ul {display: flex;justify-content: center;/* gap: 150px; */}
.get-info-cont ul li {border-right: 1px solid #926c15;padding: 20px;color: #6e4c0d;min-width: 33.333%;}
.get-info-cont ul li .info-box {display: flex;justify-content: space-between;align-items: center;flex-direction: column;gap: 15px; font-size: 18px;}
.get-info-cont ul li .info-box i { font-size: 36px;}
.get-info-cont ul li .info-box a:hover { color: #6e4c0d !important;}
.get-info-cont ul li .info-box .box-label { font-weight: 600;}
.bg-yellow {  background: url(../images/world-map.jpg) no-repeat center #dbb42c; height: 100%; width: 100%;}
.bg-yellow .row {background:transparent}
.bg-yellow .contact-info  { padding: 0;}
.bg-yellow .contact-info p { max-width: none;}
.bg-yellow .form-section { max-width: none;}
.map { width: 100%; margin-bottom: 75px;}

/******** inner-service****/
.canopy { padding: 75px 0; background: url(../images/canopy-bg.jpg) no-repeat bottom left; width: 100%; height: 100%;}
.canopy-box-section h2 { color: #b69121;}
.canopy .colored-btn-wrap { max-width: 207px;}

.canopy-info { position: relative; padding: 75px 0;}
.canopy-info-cont { position: absolute; top: 40%; transform: translateY(-40%); width: 100%;}
.canopy-pic img { width: 100%; height: 100%; object-fit: cover;}
.canopy-info-block .row:nth-child(even) { flex-direction: row-reverse;}

.canopy-info-block h2 { color: #dbb42c; text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75);}

.duckting { padding: 75px 0; background: url(../images/duckting-bg.jpg) no-repeat bottom left; width: 100%; height: 100%;}
.duckting h2 { color: #b69121;}
.canopy .colored-btn-wrap { max-width: 207px;}

.yellow-bg-tile { background: url(../images/yellow-bg.jpg) no-repeat; width: 100%; height: 100%; background-size: cover;}
.yellow-bg-tile-cont { padding: 75px 0;}

.line-box-wrap { display: flex; gap: 30px;}
.line-box-wrap .line-box {margin-bottom: 50px;}
.line-box-wrap .line-box:nth-child(2) { margin-top: 50px;}
.line-box-wrap .line-box:last-child {margin-top: 75px;}
.line-box {border: 2px solid #b69121;padding: 20px;max-width: 280px;position: relative;/*height: 200px;*/display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.box-no {position: absolute;top: -30px;width: 50px;height: 50px;border-radius: 50%;background: #b69121;color: #ffffff;font-family: 'Source Serif 4', serif;display: flex;align-items: center;justify-content: center;}
.line-box-head { color:#76520e; font-size: 22px; font-weight: 600; font-family: 'Barlow', sans-serif; padding: 10px 0;}
.flat-packed-duckting-pic img { width: 100%; object-fit: cover; box-shadow: 0 0 5px #666;}
.yellow-bg-tile-cont h2 {   text-shadow: 0px 3px 4px rgba(3, 4, 4, 0.43);}

.application { background: url(../images/application-bg.jpg) no-repeat; width: 100%; height: 100%; background-size: cover;}
.application-cont {padding: 75px 0 25px;}
.application-cont h2 { color: #b69121;}

.application-box {background-color: rgb(255, 255, 255);box-shadow: 0px 0px 12px 0px rgba(3, 4, 4, 0.48);width: 100%;min-height: 180px;}  
.application-box .application-box-corner { display: flex; justify-content: end; position: relative; z-index: 1;}
.application-box-text {display: flex;justify-content: center;flex-direction: column;align-items: center;width: 85%;margin: -60px auto;position: relative;z-index: 2;text-align: center;}
.application-box-head {font-family: 'Barlow', sans-serif;font-size: 20px;color: #76520e;padding-bottom: 10px;font-weight: 600;}
.application-box-text p { font-family: 'Manrope', sans-serif; font-size: 16px;}
.applicationbox-wrap {padding: 50px 0;}

.why-choose { background: url(../images/why-choose-bg.jpg) no-repeat; width: 100%; height: 100%; background-size: cover;}
.why-choose h2 { color: #fad643; text-shadow: 0px 3px 6px rgba(22, 47, 68, 0.75);}
.yellow-line-box {width: 100%;position: relative;border: 2px solid rgb(237, 197, 49);background-color: rgba(237, 197, 49, 0.141);min-height: 220px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;color: #fff;}
.why-choose-cont {
  padding: 100px 0 0;
}
.hexa-icon {
  position: absolute;
  top: -53px;
}
.heading-text { font-weight: 600; font-family: 'Barlow', sans-serif; font-size: 22px; padding-bottom: 5px;}
.yellow-line-boxcont { padding-top: 30px;}

.fans {background: url(../images/fans-bg.jpg) no-repeat;width: 100%;height: 100%;background-size: cover;padding: 75px 0;}
.fans .colored-btn-wrap { max-width: 207px;}
.fans-bottom { background: url(../images/fans-bg-bottom.jpg) no-repeat; width: 100%; height: 100%; background-size: cover;padding: 75px 0; }
.fans-bottom h2 { color: #76520e;}
.fans-bottom-cont { padding-top: 75px;}
.fan-service-box {box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.4);border-top: 9px solid #926c15;padding: 10px;min-height: 240px;}
.fan-service-box .heading {color: #76520e;font-size: 19px;font-weight: 600;padding-bottom: 10px;}

.grease {background: url(../images/grease-bg.jpg) no-repeat;width: 100%;height: 100%;background-size: cover;padding: 75px 0;}

.shelving { padding: 75px 0;}
.shelving .colored-btn-wrap { max-width: 207px;}
.shelving-bottom { position: relative;}
.sheliving-pic img { width: 100%; height: 100% ; object-fit: cover;}
.shelving-pic-content { width: 100%; position: absolute; top: 40%; transform: translateY(-40%);}
.shelving-pic-content h2 {text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.45); color: rgb(250, 214, 67);}
.shelving-pic-content p { color: #fff;}
.shelving-info-block .row{ padding: 40px 0;}
.shelving-info-block .row:nth-child(even) { flex-direction: row-reverse;}

/********** Location **************/
.location-txt h1 { text-align: center; font-size: 28px;}
.location-txt h1 a:hover { color:#edc531;;}

.location-cont h2{
  color: #6e4c0d;
  font-weight: 900;
  font-size: 40px;
  line-height: 44px;
  display: block;
}
.location-cont-link ul {
  display: grid;
  gap: 10px;
  justify-content: center;
  grid-template-columns: repeat(4,1fr);
  text-align: center;
}
.location-cont-link ul li a {display: block;background-color: #fff;border:  2px solid #926c15;padding: 10px 30px;line-height: 18px; font-size: 14px;font-weight: 500;color: #000;}
.location-cont-link ul li a:hover {background-color: #926c15; color: #fff; }
.other-service-location { margin-top: 20px;}
.other-service-location h2 {color: #b69121;}

/*Krittibas*/
.link {color:#6f3a0d !important; font-weight:600;}
.mag1 {margin-top:80px!important;}
.back1 {background: #5d4404;}
.back2 {background: #2d2100;}