@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro: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&display=swap');

body {
  font-family: "Quicksand", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.75em;
  color: #888;
  overflow-x: hidden !important;
  background: #fff;
} 

h6 { font-size: 18px;}
h1, h2, h3, h4, h5, h6 {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 20px 0;
}

p {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.75em;
  color: #414141;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  font-family: "Quicksand", sans-serif;
}

p b{font-weight: 600;  color: #414141;}

.loader span {
  position: absolute;
  width: 45px;
  height: 45px;
  top: -2px;
  left: -2px;
  border: 2px solid transparent;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: transparent;
  border-top: 2px solid #9f5647;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.logo {
  padding: 0;
  width: 200px;
  text-align: center;
}

.nav-scroll .logo { width: 187px;}
.navbar{height: 115px; padding-top: 5px;}
.nav-scroll {   background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(10px); }
.nav-scroll .navbar-nav .active { color: #ce6c31 !important;}

.section-subtitle {
  color: #9f5647;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0px;
  letter-spacing: 1px;
  font-family: "Quicksand", sans-serif;
  line-height: 1.3;
} 

.line-vr-section {
    position: relative;
    margin: -45px auto;
    border: 0;
    border-left: 1px solid;
    border-color: #9f5647;
    width: 2px;
    height: 90px;
    z-index: 10;
}

.line-hr-primary { width: 70px; border-top: 1px solid #ce6c31 !important;}
.line-hr-secondary {width: 70px; border-top: 1px solid #ce6c31 !important;}
.btn-curve.btn-borderyellow::after {background: #9f5647;}

.header .caption h6 {
  font-size: 13px !important;
  font-weight: 300;
  color: #ff6000;
  text-align: left;
  margin-bottom: 0px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: "Quicksand", sans-serif;
}

.owl-theme .owl-nav [class*="owl-"] {
  width: 40px;
  height: 40px;
  line-height: 34px;
  background: transparent;
  border-radius: 0px;
  color: #fff;
  font-size: 12px;
  margin-right: 2px;
  cursor: pointer;
  border: 1px solid #ce6c31;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
  transform: scale(1.0);
}

.owl-theme .owl-nav [class*="owl-"] {
  width: 40px;
  height: 40px;
  line-height: 34px;
  background: transparent;
  border-radius: 0px;
  color: #fff;
  font-size: 12px;
  margin-right: 2px;
  cursor: pointer;
  border: 1px solid #ce6c31;
  opacity: 0.7;
  transition: all 0.2s ease-in-out;
  transform: scale(1.0);
}

.owl-theme .owl-nav [class*="owl-"]:hover {
  transform: scale(0.9);
  background: #ce6c31;
  border: 1px solid #ce6c31;
  color: #fff;
} 

.about-since { background: #9f5647;}

.services .item:hover {
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.05);
  border-color: transparent;
  background-color: #ce6c31;
}

.services .item .icon {
  color: #ce6c31;
  font-size: 40px;
  z-index: 2;
  margin-bottom: 20px;
}

.nopixel-blog .content .date h1 {
  font-size: 65px;
  font-weight: 600;
  color: #ce6c31;
  margin-bottom: 0px;
}

.nopixel-blog .content .info .tags { color: #ce6c31;}

.nopixel-blog .content .cont .more::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #ce6c31;
  position: absolute;
  top: 50%;
  left: 0px;
}

.circle-fill circle {opacity: 1; fill: rgba(206, 109, 49, 0.596);}

.testimonials-box {
  position: relative;
  background: #ce6c31;
  padding: 60px 45px;
  margin-bottom: -90px;
}

.progress-wrap::after {  color: #ce6c31;}
.progress-wrap svg.progress-circle path {  stroke: #ce6c31;}
.navbar .navbar-nav .active {color: #a45949 !important;}
.navbar .navbar-nav .nav-link:hover { color: #9f5647;}

.dropdown-menu .dropdown-item:hover, .sub-menu .dropdown-item:hover {
  background: transparent;
  padding-left: 20px;
  color: #ffc6ba !important;
}  
 
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(159, 86, 71, 0.808);
  backdrop-filter: blur(2px);
} 

.main-footer .usful-links ul li a:hover { color: #ce6c31;}
.main-footer .abot .social-icon a:hover { color: #ce6c31;}
.main-footer .sub-footer p a:hover { color: #ffffff8a;}
 
.navbar .navbar-nav .nav-link {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 3px 3px;
  -webkit-transition: all .4s;
  transition: all .4s;
  font-family: "Quicksand", sans-serif;
}

.dropdown-menu .dropdown-item, .sub-menu .dropdown-item {
  font-size: 12px;
  font-weight: 700;
  color: #5a5a5a;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Quicksand", sans-serif;
}

.nav-scroll .navbar-nav .nav-link {color: #414141;}

.header .caption h1 {
  position: relative;
  margin-bottom: 0;
  font-size: 85px;
  text-transform: uppercase;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  color: #fff;
  font-weight: 600;
  letter-spacing: 3px;
  font-family: "Quicksand", sans-serif;
}

.header .caption .btn-curve {
  margin-top: 10px;
  margin-bottom: 30px;
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
} 

.section-title.logo_sparsh {
  font-size: 36px;
  line-height: 1.25em;
  font-weight: 200;
  color: #9f5647;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 20px;
   font-family: "Be Vietnam Pro", sans-serif;
} 
 
.project-texts p{
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  position: relative;
}

.project-texts h6{
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  position: relative;
  color: #FFF;
  margin-bottom: 7px;
}
 
.navbar .navbar-nav .nav-link.lastnavi { margin: 3px 0px 3px 3px;}

.btn-curve {
  background: transparent;
  padding: 2px 10px;
  border: 1px solid #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.btn-curve:focus { outline: none;}
.btn-curve:hover { outline: none;}

.btn-curve:hover:after {
  bottom: -30px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.btn-curve:hover span { color: #fff;}

.btn-curve.btn-borderyellow {border-color: #5c5c5c;  color: #fff;}

.nav-scroll .btn-curve.btn-borderyellow {
  border-color: #9f5647;
  color: #4e4e4e;
}

.btn-curve:after {
  content: '';
  position: absolute;
  top: -30px;
  left: -30px;
  right: -30px;
  bottom: 140%;
  background: #1b1b1b;
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  transform: rotate(-5deg);
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}

.btn-curve span {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  position: relative;
  z-index: 2;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  font-family: "Quicksand", sans-serif;
}

.btn-curve.btn-borderyellow:hover span {color: #FFF;}

.header .caption h1 span {
  position: relative;
  margin-bottom: 0;
  font-size: 45px;
  text-transform: uppercase;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  font-weight: 600;
  letter-spacing: 3px;
  color: transparent;
  -webkit-text-stroke: 1px #ccc;
  opacity: .8;
  font-family: "Quicksand", sans-serif;
}
 
.header .caption h1 {
  position: relative;
  margin-bottom: 0;
  font-size: 39px !important;
  text-transform: uppercase;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  color: #fff;
  font-weight: 100;
  letter-spacing: 1px;
  font-family: "Quicksand", sans-serif;
} 

.welcome_more {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #888;
  position: relative;
  padding-left: 50px;
  font-family: "Quicksand", sans-serif;
  transition: all 0.3s ease-in-out;
}

.welcome_more a{ transition: all 0.5s ease-in-out;}
.welcome_more:hover a{transform: translateX(5px); transition: all 0.5s ease-in-out; color: #9f5647;}

.welcome_more::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #ce6c31;
  position: absolute;
  top: 50%;
  left: 0px;
} 
 
.about-img .about-img-2 {
  width: 25% !important;
  position: absolute;
  bottom: 12px;
  right: 45px;
  z-index: 3;
  padding: 5px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 2px;
  font-size: 10px;
  line-height: 1.5em;
  text-align: center;
  font-family: "Quicksand", sans-serif;
  max-width: 100px;
}

.v-middle {
  position: absolute;
  width: 100%;
  top: 85%;
  left: 0;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
} 

.section-title {
  font-size: 36px;
  line-height: 1.25em;
  font-weight: 200;
  color: #1b1b1b;
  position: relative;
  text-transform: uppercase;
  letter-spacing:2px;
  margin-bottom: 20px;
  font-family: "Be Vietnam Pro", sans-serif;
} 
 
.project-container h5 {
  font-size: 30px !important;
  font-weight: 200;
  line-height: 1.5em;
  color: #fff;
  margin-bottom: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "Be Vietnam Pro", sans-serif;
} 
 
.project-texts .line {
  height: 1px;
  width: 60px;
  margin-top: 12px;
  margin-bottom: 15px;
  background-color: rgb(171, 104, 87);
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.recognition_main{ width: 100%;}
.recognition_flex{ display: flex; justify-content: space-between; width: 100%;}

.recognition_right {
  width: 50%;
  background-color: rgba(247, 247, 247, 0);
  display: flex;
  align-items: center;
  overflow: hidden;
}

.recognition_right img{ width: 100%; }
.recognition_left {  width: 50%;}
.awards{ width: 100%;}

.awards h3{ 
  position: relative;
  margin-bottom: 0;
  text-transform: uppercase;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  color: #9f5647;
  letter-spacing: 1px;
  font-family: "Quicksand", sans-serif;
  font-size: 15px !important;
  font-weight: 600;
}

.awards h4{
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1.75em;
  color: #414141;
  margin-bottom: 20px;
  letter-spacing: 0.5px;
  font-family: "Quicksand", sans-serif;
}

.awards h4 span{
  font-size: 14px;
  font-weight: 600;
  line-height: 1.75em;
  color: #414141;
  letter-spacing: 0.5px;
  font-family: "Quicksand", sans-serif;
}

.awards p{
  font-size: 14px;
  line-height: 1.75em;
  color: #414141;
  margin-bottom: 0px;
  letter-spacing: 0.5px;
  font-family: "Quicksand", sans-serif;
}
 
.awards small{
  font-size: 80%;
  font-weight: 600;
  letter-spacing: 1px;
}

b { font-weight:600;  color: #414141;}
.section-padding-last { padding: 120px 0;}
.shorts_main{ display: flex; width: 100%;gap: 20px;}
.shorts_videos{ width: 30%;}
.shorts_videos iframe{ width: 100%; min-height: 590px;}

.main-footer .fothead h6 {
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px !important;
  margin-bottom: 0;
} 

p.phone_ft a b{  color: #fff;}
.main-footer .fotcont p {margin-bottom: 0px; color: #fff;}
.main-footer { padding: 30px 0 0;}

.main-footer .sub-footer {
  padding: 3px 0;
  margin-top: 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.0);
}
 
.main-footer .sub-footer p {
  font-size: 9px;
  color: #ffffff8a;
  margin-bottom: 0;
  letter-spacing: 1px;
}

.main-footer .sub-footer p a{ color: #ffffff8a;}

.main-footer .abot .social-icon a {
  font-size: 14px;
  margin-right: 10px;
  color: #fff;
} 

.dropdown-menu,
.sub-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    width: 238px;
    padding: 15px 10px;
    border-radius: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: all .3s;
    transition: all .3s;
    backdrop-filter: blur(10px);
} 
.dropdown-menu,
.sub-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    width: 279px;
    padding: 15px 10px;
    border-radius: 0;
    border: 0;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .3s;
    transition: all .3s;
    backdrop-filter: blur(10px);
}
 
.dropdown-menu .dropdown-item,
.sub-menu .dropdown-item {
    padding: 5px 15px;
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    -webkit-transition: all .4s;
    transition: all .4s;
    border-bottom: 1px solid rgba(58, 58, 58, 0.562);
    background-color: transparent;
}
 
.mb10{ margin-bottom: 10px !important;}

.banenr_more {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  padding-left: 50px;
  font-family: "Quicksand", sans-serif;
}

.banenr_more a{ transition: all 0.5s ease-in-out; color: #ffffff;}
.banenr_more:hover a{transform: translateX(5px); transition: all 0.5s ease-in-out; color: #ff6000;}

.welcome_more::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #9f5647;
  position: absolute;
  top: 50%;
  left: 0px;
}

.banenr_more::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #ce6c31;
  position: absolute;
  top: 50%;
  left: 0px;
}

.awards.ad h4 {
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  color: #414141;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
  font-family: "Quicksand", sans-serif;
}

.section-padding { padding: 80px 0;}

.main-footer.dark.ft_foot {
  position: relative;
  color: #ffcaaa;
  background: #CE6C31;
  background: -webkit-linear-gradient(183deg, rgba(206, 108, 49, 1) 0%, rgba(140, 64, 17, 1) 100%);
  background: -moz-linear-gradient(183deg, rgba(206, 108, 49, 1) 0%, rgba(140, 64, 17, 1) 100%);
  background: linear-gradient(183deg, rgba(206, 108, 49, 1) 0%, rgba(140, 64, 17, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#CE6C31", endColorstr="#8C4011", GradientType=0);
}

.main-footer .fotcont .fothead h6::after{ display: none;}
.main-footer .abot .social-icon { margin-top: 3px;}
.main-footer .fotcont .fothead h6 { position: relative;  padding-bottom: 0px;}

.section_title_foot {
  font-size: 20px;
  line-height: 1.25;
  font-weight: 200;
  color: rgb(255, 255, 255);
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom:20px;
  text-align: center;
}

.ph{ color: #FFF; margin-bottom: 20px;}
.ph p { color: #FFF; margin-bottom: 0;}
.ph p a{ color: #FFF;}

.custom_footer{ background:#faf8f5; padding:50px 0px 0 0;  color:#222;}
.custom_footer-container{display:flex; justify-content:space-between; gap:70px;}
.custom_footer-column{flex:1;}
.center{ border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 30px;}
.custom_logo{ width: 188px;}

.logo span{
    display:block;
    margin-top:12px;
    font-family:'Montserrat';
    letter-spacing:8px;
    font-size:12px;
    color:#777;
}

.line{
    width:55px;
    height:2px;
    background:#9f5647;
    margin: 53px 0px 15px 0px;
}

.line2 {
  width: 55px;
  height: 2px;
  background: #9f5647;
  margin: 100px 0px 15px 0px;
}
 
.line3 {
  width: 55px;
  height: 2px;
  background: #9f5647;
  margin: 30px 0px 15px 0px;
}

.custom_footer p{ 
    color:#444;
    max-width:100%;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.custom_footer h4{
    font-size:13px !important;
    letter-spacing:2px;
    font-weight:600;
    margin-bottom:15px;
}
 
.custom_footer ul{ list-style:none;}

.custom_footer li{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75em;
} 
 
.custom_footer li i{
    color:#9f5647;
    width:18px;
}

.social{
    display:flex;
    gap:27px;
    margin-bottom:5px;
}

.social a{
    color:#222;
    font-size:14px;
    transition:.3s;
}

.social a img{
    width: 22px;
    transition:.3s;
}

.social a:hover{ color:#b36b3d; transform: translateY(2px); transition: all 0.5s ease-in-out;}

.custom_footer-bottom{
    border-top:1px solid #ddd;
    margin-top:10px;
    padding-top:10px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:10px;
}

.custom_footer-bottom a{
    color:#333;
    text-decoration:none;
}

.custom_footer-bottom span{
    margin:0 12px;
    color:#999;
}

.top{
    display:flex;
    align-items:center;
    gap:10px;
    color:#b36b3d !important;
}

.top i{ font-size:12px;}

.custom_footer-bottom p{
  font-size: 9px;
  font-weight: 600;
  line-height: 1.75em;
}

.custom_footer li i { font-size: 17px;}
 
.scroll-gallery {
    width: 100%;
    max-width: 400px;
    overflow: hidden;
    position: relative;
}

.scroll-track {
    display: flex;
    width: max-content;
    animation: scrollLeft 120s linear infinite;
}

.scroll-track img {
    width: 250px;

    object-fit: cover;
    margin-right: 20px;
    flex-shrink: 0;
    border-radius: 8px;
}

.scroll-gallery:hover .scroll-track { animation-play-state: paused;}
.video_hover{ width: 100%; height: 100%; transition: all 0.5s ease-in-out;}
.video_hover:hover .video_btn{  opacity: 1; transition: all 0.5s ease-in-out;}

.black_layer_video {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  width: 100%;
  height: 100%;
  background: #00000021;
  z-index: 1;
  transition: all 0.5s ease-in-out;
} 

.video_btn{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 64px;
  height: 64px;
  color: #000;
  background: #ffffff8c;
  border-radius: 100%;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  scale: 0.6;
}

.video_animation{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.31);
  border-radius: 100%;
  animation: video_ani 4s linear 0s infinite;
  -ms-animation: video_ani 4s linear 0s infinite;
  -o-animation: video_ani 4s linear 0s infinite;
  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

.video_animation.line-video-2 {
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.video_animation.line-video-3 {
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  -o-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

@keyframes video_ani {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale(1.24);
    -moz-transform: scale(1.24);
    -o-transform: scale(1.24);
    transform: scale(1.24);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2.1);
    -moz-transform: scale(2.1);
    -o-transform: scale(2.1);
    transform: scale(2.1);
    opacity: 0;
  }
}

@keyframes scrollLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(calc(-50%));
    }
} 

.my_class {
  position: relative;
  left: 20px;
  background-color: #f7f7f7;
}

.justify_content_end{ display: flex; justify-content: end; align-items: end;}

.view_work {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #888;
  position: relative;
  padding-left: 50px;
  font-family: "Quicksand", sans-serif;
}

.view_work::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #9f5647;
  position: absolute;
  top: 41%;
  left: 0px;
}

.view_work a{ transition: all 0.5s ease-in-out;}
.view_work:hover a{transform: translateX(5px); transition: all 0.5s ease-in-out; color: #9f5647;}

.consultation_cta {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #222;
  position: relative;
  padding-left: 50px;
  font-family: "Quicksand", sans-serif;
}

.consultation_cta::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #ce6c31;
  position: absolute;
  top: 23%;
  left: 0px;
}

.nav-scroll .stay_connected_line {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #1b1b1b;
  position: relative;
  padding-left: 50px;
  font-family: "Quicksand", sans-serif;
}

.stay_connected_line {
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  padding-left: 50px;
  font-family: "Quicksand", sans-serif;
}

.stay_connected_line::after {
  content: '';
  width: 40px;
  height: 1px;
  background: #ce6c31;
  position: absolute;
  top: 43%;
  left: 0px;
}

.stay_connected{ position: absolute; right: 25px; top: 50px;}
.relative{ position: relative;}

.progress-wrap {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 30px;
    width: 30px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.progress-wrap::after {
    position: absolute;
    font-family: 'themify';
    content: '\e648';
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #f5634b;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.progress-wrap svg path {fill: none;}

.progress-wrap svg.progress-circle path {
    stroke: rgba(0, 0, 0, 0.2);
    stroke-width: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
}

.progress-wrap {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.progress-wrap::after { color: #9f5647;}
.progress-wrap svg.progress-circle path { stroke: #9f5647;}
.dropdown-menu.last { left: 0%;  width: 122px !important;}

.youtube-container {
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16/9;
  pointer-events: none;
}

.youtube-container iframe {
  width: 300%;
  height: 100%;
  margin-left: -100%;
}

.www{ text-align:right;padding-top: 10px; font-size:11px; }
.www a{ color: #888;}
.www img{ width:25px;}   
.mobstart { display: none;}
.navbar.nav-scroll .navbar-nav .active.submmm { color:#a05748 !important}

.mr_10{ margin-right: 10px;}
.mr_st1{ margin-right: 16px;} 
.mr_st2{ margin-left: 15px;} 
.pb00{ padding-bottom: 0px;}

.navbar .navbar-nav .nav-link:hover {  color: #a05748 !important;}


.navbar .navbar-nav .active.home_active {  color: #ffc6ba !important;}
.home_pg .navbar.nav-scroll .navbar-nav .active.home_active { color:#9f5647 !important}

.home_pg .navbar .navbar-nav .nav-link:hover {  color: #ffc6ba !important;}
.home_pg .navbar.nav-scroll .navbar-nav .nav-link:hover {  color: #9f5647 !important;}

@media screen and (min-width:1900px) and (max-width:1920px){
.home_pg .fancybox__content{
  width: 330px !important;
  height: 590px !important;
}
}

@media screen and (min-width:1800px) and (max-width:1899px){
  .home_pg .fancybox__content{
    width: 310px !important;
  height: 550px !important;
  }
}

@media screen and (min-width:1700px) and (max-width:1799px){
  .home_pg .fancybox__content{
    width: 300px !important;
    height: 530px !important;
  }
}

@media screen and (min-width:1600px) and (max-width:1699px){
.home_pg .fancybox__content{
  width: 300px !important;
  height: 530px !important;
}
}

@media screen and (min-width:1500px) and (max-width:1599px){
.home_pg .fancybox__content{
  width: 320px !important;
  height: 570px !important;
}
}

@media screen and (min-width:1400px) and (max-width:1499px){
.home_pg .fancybox__content{
  width: 300px !important;
  height: 530px !important;
}
}

@media screen and (min-width:1300px) and (max-width:1399px){
.home_pg .fancybox__content{
  width: 220px !important;
  height: 400px !important;
}
}

@media screen and (min-width:1050px) and (max-width:1366px){
body { overflow-x: hidden !important;}
html {overflow-x: hidden !important;}
.container {max-width: 1050px;}
.header .caption h1{ font-size: 25px !important;}
.section-title.logo_sparsh{ font-size: 25px !important;}
.section-title{ font-size: 25px !important;}
.progress-wrap { bottom: 2px;  right: 10px;}
.project-container h5 {  font-size:25px !important;}
.project-texts h6 {  font-size: 12px;}
}

@media screen and (min-width:1200px) and (max-width:1299px){
.home_pg .fancybox__content{
  width: 300px !important;
  height: 530px !important;
}
}

@media screen and (min-width:1100px) and (max-width:1199px){
.home_pg .fancybox__content{
  width: 300px !important;
  height: 530px !important;
}
}

@media screen and (min-width:1050px) and (max-width:1099px){
.home_pg .fancybox__content{
  width: 290px !important;
  height: 520px !important;
}
}
 
@media screen and (max-width:767px) {
.video_hover {  width: 100%;  height: 100%; transition: all 0.5s ease-in-out; padding-right: 10px;  padding-left: 10px;}
.section-padding { padding: 60px 0 10px 0;}
.header { min-height: auto;  overflow: hidden;}
.section-title.logo_sparsh { font-size: 25px;  margin-bottom: 10px;}
.section-title { font-size: 25px;  margin-bottom: 10px;  letter-spacing: 1px;}
.recognition_left { width: 100%;  order: 2;}
.recognition_right { width: 100%;   order: 1;  margin-bottom: 10px;}
.recognition_flex { flex-direction: column;}
.mob__mb0 { margin-bottom:0px !important;}
.mob__mb10 { margin-bottom:10px !important;}
.mob__mb20 { margin-bottom:20px !important;}
.mob__mb30 { margin-bottom:30px !important;}
.mob__mt0 { margin-top:0px !important;}
.mob__mt10 { margin-top:10px !important;}
.mob__mt20 { margin-top:20px !important;}
.mob__mt30 { margin-top:30px !important;}
.project-container h5 { font-size: 20px !important;}
.project-texts h6 { font-size: 10px; letter-spacing: 1px;}
.section-subtitle {margin-bottom: 5px;}
.custom_footer-container { gap: 20px; flex-wrap: wrap;}
.center { border-left: 0px solid #ddd;  border-right: 0px solid #ddd;  padding: 0px;}
.line { margin: 3px 0px 15px 0px; display: none;}
.line2 { margin: 13px 0px 15px 0px; display: none;}
.line3 { margin: 3px 0px 15px 0px; display: none;}
.custom_logo { width: 110px;}
.social a img { width: 16px;}
.custom_footer {  padding: 20px 0px 0 0;}
.custom_footer-bottom{ flex-wrap: wrap;}
.custom_footer p{ margin-bottom: 5px;}
.www { padding-top: 0px;}
.custom_footer h4 { font-size: 11px !important;}
.custom_footer-column p{ display: none;}
.fancybox__carousel .fancybox__slide.has-video .fancybox__content { width: 960px;  height: 500px!important;  max-width: 280px !important;  max-height: 100%!important;}
.mobstart { display: flex;  justify-content: start;  align-items: start;}
.custom_footer {  background: #f4ece0;}
.custom_footer-column {  flex: unset;}
.last_pro {padding-bottom: 70px;  padding-top: 10px;}
.last_pro50 {padding-bottom: 50px;}
.custom_footer.cp1 { padding: 0px}
.custom_footer-bottom.cp2 {
  margin-top: 0px;
  padding-top: 0px;
  border-top: 0px solid #ddd;
}
}