html {
  color-scheme: light;
  background: #FFFFFF !important; 
}
@font-face {
    font-family: "Branch";
    src: url("Branch.ttf") format('truetype');
    font-style: normal;
    font-weight: 400;
}
*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    --prime: #1D2C3E;
    --sec: #D7F9FA;
    --light-bg: #D7F9FA;
    scroll-behavior: smooth;
}
html {
	scroll-behavior: smooth; 
}
body{
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	overflow-x: hidden;
	--screen-width: calc(100vw - (100vw - 100%));
}
a {
    text-decoration: none;
    color: inherit;
}
button {
    border: none;
    background: none;
}
.text-prime {
    color: var(--prime);
}
.btn-prime {
    background: var(--prime);
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    color: #fff;
    min-height: 42px;
    padding: 7px 16px;
    border: none;
    border-radius: 6px;
}
header {
    position: sticky;
    top: 0;
    z-index: 999;
}
.navbar {
	background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0.0));
}
.navbar-nav .nav-link {
    color: #fff;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    font-weight: 600;
    color: #0066B2;
}
#navbar-toggler:checked~.collapse {
    display: block;
}
p{
	font-size: 16px;
	line-height: 26px;
}
ul{
	padding: 0;
	margin: 0;
}
/* Forms */
form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
select,
input,
textarea {
    border: 1px solid transparent;
    outline: none;
    border-radius: 5px;
    padding: 10px 20px;
    background: #fff;
    width: 100%;
}
select {
    padding: 11px 20px;
}
select:focus,
input:focus,
textarea:focus {
    border: 1px solid var(--prime);
    background: #fff;
}
/* Animations - Effective if user has no preferance for reduced motion */
@media (prefers-reduced-motion: no-preference) {
.animate-this {
    opacity: 0;
    transform: translateY(50px);
}
.animate-this.animated {
    animation: fade-in 0.8s ease-in-out forwards;
}
@keyframes fade-in {
    to {
       opacity: 1;
       transform: translateY(0px);
	}
}
/**********/
h1 { font-size: 64px; }
h3 { font-size: 48px;  }

.header {  background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0.0));
position: absolute; left: 0; top: 0; width: 100%;     transition: 0.3s all ease-in-out; }
.navbar-brand {  padding: 0; width: 145px;}
ul.navbar-nav li { margin-right: 30px; }
ul.navbar-nav li a.nav-link{ color: #FFFFFF; font-size:18px; position: relative; font-weight: 300; 
    transition: 0.3s all ease-in-out;}
ul.navbar-nav li a.nav-link:before { content: '';  position: absolute; left: 0; right: 0; margin: 0 auto;
 bottom: -1px; width: 0;  height: 3px;  background: #FFFFFF; background-size: cover;
 -webkit-transition: all ease 250ms; }
ul.navbar-nav li a.nav-link.active { color: #FFFFFF; }
ul.navbar-nav li a.nav-link.active:before{  width: 40px; }
ul.navbar-nav li a.nav-link:hover:before { width: 40px; }
ul.navbar-nav li:last-child a.nav-link:before { display: none; }
a.btn-outline{ display: inline-block; align-items: center; text-decoration: none; border-radius: 0px;
padding: 12px 50px !important; border: 1px solid #EEEEEE; text-transform: capitalize; }
a.btn-outline img{ width: 37px; }
a.logo img{ width: 145px;     transition: 0.3s all ease-in-out; }
.header.sticky { position: fixed; background-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));}
.header.sticky a.logo img { width: 115px; transition: 0.3s all ease-in-out; }
.header.sticky ul.navbar-nav li a.nav-link { font-size: 16px; transition: 0.3s all ease-in-out; }
/*********/
.slider-wrap{ position: relative; }
.banner-main { position: relative; }
.banner-image { border-radius: 0 0 80px 80px; }
.banner-image img {width: 100%;height: 100vh;object-fit: cover;border-radius: 0 0 80px 80px; 
object-position: top right; }
.banner-text { position: absolute;left: 0; width: 100%; top: 0;padding-top: 50px;top: 50%; padding-top: 65px;
transform: translateY(-50%);}
.banner-maintext{max-width: 716px;}
.banner-maintext h1{color: #E9E9E9;font-size: 64px;line-height: 1;margin-bottom: 5px;
font-family: "Branch", sans-serif;}
.banner-maintext p{color:#E9E9E9;font-weight: 300;max-width: 631px;}
.banner-slider button.owl-prev {
    background: url('../../images/arrow-left.svg') no-repeat !important;
    left: 36%;
    top: auto;
    bottom: 80px;
    position: absolute;
    transform: inherit;
    width: 48px;
    height: 40px;
    font-size: 0 !important;
	z-index: 99;
}
.banner-slider button.owl-next {
    background: url('../../images/arrow-right.svg') no-repeat !important;
	left: 39%;
    top: auto;
	right: auto;
    bottom: 80px;
    position: absolute;
    transform: inherit;
    width: 48px;
    height: 40px;
	font-size: 0 !important;
	z-index: 99;
}
.owl-counter {position: absolute;bottom: 80px;left: 0px;color: white;font-weight: bold;font-size: 18px;
width: 100%;}
.owl-counterwrap {position: relative;z-index: 9;display: flex;gap: 15px;align-items: center;width: 345px;}
.slider-progress {width: 250px;height: 4px;background: rgba(255, 255, 255, 0.2);overflow: hidden;}
.slider-progress .progress {height: 100%;background: #fff;transition: width 0.3s ease;border-radius: 0;}
.owl-counter span{color: #FFFFFF;font-size: 32px;font-weight: 400;}
.owl-counter span.total{color: rgba(255, 255, 255, 0.2);}
/*********/
.comon-padd { padding: 60px 0px; }
.homeabout_sec  { position: relative; }
.homeabout_sec:before { content: ''; position: absolute;  right: 0; top: 12px; width: 142px; height: 192px; background: url('../../images/start-bg.png') no-repeat;z-index: 9;  }
.homeabout_sec:after { content: ''; position: absolute;  right: 0; bottom: 0px; width: 100%; height: 100%; background: url('../../images/about-bg.webp') no-repeat;  }
.homeabout_sec .container { position: relative; z-index: 9; }
.homeabout_text { display: flex; gap: 35px; margin-bottom: 50px; }
.homeabout_text h3 { color: #010D25; font-family: "Branch", sans-serif; width: 450px;   }
.homeabout_text p { color: #000000; width: calc(100% - 450px); }
.homeabout_text p strong { display: block; font-size: 20px; }
.homeabout_image img { margin-bottom: 35px; border-radius: 36px; }
.homeabout_image p { color: rgba(0, 0, 0, 0.7); max-width: 1124px; margin: 0 auto; text-align: center; }
/****vision_sec****/
.vision_sec {  background: url('../../images/vision-bg.webp') no-repeat; background-size: cover; }
.vision_title { position: relative; padding-bottom: 30px; margin-bottom: 30px;  }
.vision_title:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 970px; height: 25px; background: url('../../images/divider.svg') no-repeat; background-size:100% 100%; margin: 0 auto; }
.vision_title h3 { color: #FFFFFF; font-family: "Branch", sans-serif; }
.vision_box {  background: url('../../images/visionbox-bg1.webp') no-repeat; background-size: 100% 100%; 
 border-radius: 40px;  padding: 13px 10px; height: 100%;   }
.vision_innbox { padding: 32px 56px;    position: relative;  height: 100%;}
.vision_image { width: 110px; height: 110px; display: flex; align-items: center; justify-content: center; 
padding: 13px 13px; background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.1)); margin: 0 auto; border-radius: 40px; position: relative; margin-bottom: 30px; }
.vision_image:before { content: ''; position: absolute; left: -13px; right: 0; top: -13px; width: 138px; 
height: 138px;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.0)); margin: 0 auto; border-radius: 40px; }
.vision_image img { width: 72px; }
.vision_txt { text-align: center; } 
.vision_txt h4 { text-transform: capitalize; background-image: linear-gradient(to right, #FFFFFF, #999999);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 600; font-size: 36px; 
margin-bottom: 20px; padding-bottom: 20px; position: relative; }
.vision_txt h4:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 2px; background: url('../../images/line.svg') no-repeat; background-size:100% 100%; margin: 0 auto; }
.vision_txt p { color: #FFFFFF;        font-weight: 300; }
/****craftman_sec****/
.craftman_sec .row { align-items: center; }
.craftman_text { padding-right: 75px; }
.craftman_text h3 { color: #010D25; font-family: "Branch", sans-serif; margin-bottom: 20px; }
.craftman_text ul li { padding-left: 28px; position: relative;  display: block; margin-bottom: 15px; }
.craftman_text ul li:before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 17px; height: 17px; background: url('../../images/craft-icon.svg') no-repeat; background-size:100% 100%;}
.craftman_text ul li:last-child { margin-bottom: 0; }
.craftman_image img { border-radius: 24px; }

.aboutcraftman .craftman_text { padding-left: 20px;  padding-right: 0px; }
.aboutcraftman .craftman_text p strong { color: rgba(0,0,0,0.7); }
/****project_sec****/
.project_sec  { padding-top: 40px; padding-bottom: 20px; }
.project_title { max-width: 970px; margin:0 auto; margin-bottom: 20px; }
.project_title h3 { color: #010D25; font-family: "Branch", sans-serif; position: relative; padding-bottom: 30px; margin-bottom: 30px;  }
.project_title h3:before { content: ''; position: absolute; left: 0; right: 0; bottom: -7px; width: 100%; height: 25px; background: url('../../images/divider-black.svg') no-repeat; background-size:100% 100%; margin: 0 auto; }
.project_title p { font-weight: 500; }
.project_box { display: flex; gap: 12px; }
.project_bigimage { width: 50%; position: relative; }
.project_bigimage img { height: 100%; object-fit: cover; }
.project_bigimage span { color: #000000; font-size: 21px;  display: inline-block; border-radius: 30px; 
position: absolute; left: 14px; bottom: 14px;  padding: 7px 23px; font-weight: 700; 
background: rgba(255,255,255,0.5);   }
.project_box img { border-radius: 24px; }
.project_smimage { display: flex;  width: 50%; gap: 12px; flex-wrap: wrap; position: relative; 
transition: transform 0.4s ease; }
.project_smbox { width: 48.8%; transition: transform 0.4s ease; }

.project_smbox img{
    transition: transform 0.4s ease;
}
.project_smbox:hover img{
            transform: scale(1.3);
        top: 0;
        left: 0;transition: transform 0.4s ease;
}
.projectslider .owl-stage-outer { padding: 40px 0px; }
.projectslider button.owl-prev {
    background: url('../../images/roundarrow-left.svg') no-repeat !important;
    left: 0px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 90px;
    height: 96px;
    font-size: 0 !important;
	z-index: 99;
	opacity: 1;
	background-size: 90px !important;
}
.projectslider button.owl-next {
    background: url('../../images/roundarrow-right.svg') no-repeat !important;
	right: 0px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 90px;
    height: 96px;
	font-size: 0 !important;
	z-index: 99;
	opacity: 1;
	background-size: 90px !important;
}

.projectslider .owl-stage { display: flex;  align-items: center; }
.projectslider .owl-item .project_box { margin: 0 7px; opacity: 0.3; height: 430px; }
.projectslider .owl-item .project_box img { height: 100%; object-fit: cover; }
.projectslider .owl-item .project_box .project_smimage { height: 100%; }
.projectslider .owl-item .project_box .project_smbox { height: 49%; }
.projectslider .owl-item.active .project_box .project_smbox { height: auto; }
.projectslider .owl-item .project_box .project_smimage img { height: 100%; object-fit: cover; }
.projectslider .owl-item.active .project_box {  padding: 0px; opacity: 1; height: auto; }
.projectslider .owl-item.active .project_box {  padding: 0px; opacity: 1; height: auto; }
.projectslider .owl-dots { margin-top: 25px; }
/****value_sec****/
.value_sec {background: url('../../images/value-bg.webp') no-repeat; background-size: cover; }
.value_sec .container { position:relative;}
.value_sec .container:before { content: ''; position: absolute; left: 0px; top: 10px; width: 140px; height: 140px; background: url('../../images/star-white.png') no-repeat; background-size:100% 100%; margin: 0 auto; }
.value_sec .container:after { content: ''; position: absolute; right: 0px; top: 60px;  width: 90px;
 height: 90px; background: url('../../images/star-white.png') no-repeat; background-size:100% 100%;
 margin: 0 auto; }
.value_title { max-width: 970px; margin:0 auto; margin-bottom: 45px; }
.value_title h3 { color: #010D25; font-family: "Branch", sans-serif; position: relative; padding-bottom: 30px; margin-bottom: 30px;  }
.value_title h3:before { content: ''; position: absolute; left: 0; right: 0; bottom: -7px; width: 100%; height: 25px; background: url('../../images/divider-black.svg') no-repeat; background-size:100% 100%; margin: 0 auto; }
.value_title p { font-weight: 500; }
.value_list ul { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
.value_list ul li { background: #FFFFFF; padding: 5px 2px; border-radius: 100px;  width: 19.1%;
box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center;
margin-bottom: 14px; }
.value_list ul li img { height: 130px; object-fit: contain; }
/****footer****/
.footer { padding: 30px 0 0; background: url('../../images/footer-bg.webp') no-repeat; background-size: cover; }
.footer-top { padding-bottom: 40px; }
.footer-logo { width: 187px; }
.footer-logo img{ width: 100%; }
.footer h6{ color: #FFFFFF; font-size: 20px; font-weight: 700; margin-bottom: 18px; }
.footer_social li{ display: inline-block; margin-right: 12px; }
.footer_social li:last-child{ margin-right: 0; }
.footer_social li a { width: 48px; height: 48px; border: 1px solid #EDEDED; border-radius: 100px; display: flex;
align-items: center; justify-content: center; }
.footer_social li a img{ width: 24px; }
.footer-link ul li{ display: block; margin-bottom: 14px; }
.footer-link ul li a{ color: #FFFFFF; font-size: 18px;font-weight: 300; }
.footer-link ul li a:hover{ color: #aa7e14; }
.footer-link, .footer_reach { padding-top: 20px; }
.footer_reach p { color: #FFFFFF;  font-size: 18px; display: block; font-weight: 300;}
.footer_reach p a { color: #FFFFFF;        font-family: "Arial", sans-serif; font-weight: 300;}
.footerbtm { padding: 25px 0px; border-top: 1px solid #FFFFFF; justify-content: space-between; flex-wrap: wrap;
align-items: center; }
.footerbtm p{ margin-bottom: 0; color: #FFFFFF; }
.footerbtm p a{ color: #FFFFFF;	transition: all 0.3s ease-in-out;  }
.footerbtm ul.footer_btmlink{ gap: 16px; display: flex; }
.footerbtm ul.footer_btmlink li { display: inline-block; }
.footerbtm ul.footer_btmlink li a{color: #FFFFFF; }

#backtop { position:fixed; right: 25px; bottom: 30px; cursor:pointer; width:50px; height:50px; background-color:#ffffff; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 9; border: 2px solid #0f1521;}
#backtop span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#0f1521; }
/*****hero_banner*****/
.hero_banner h3 { font-size: 54px; color: #E9E9E9; font-family: "Branch", sans-serif; }
.hero_banner p { color: #E9E9E9; }
.hero_py { padding: 95px 0px; width: 100%; top: 50%; transform: translateY(-50%); }
.hero_banner img { width: 100%; object-fit: cover; object-position: top right; border-radius: 0 0 80px 80px;
height: 665px !important; }
.product_title { text-align: center; padding: 0px 28px; margin-bottom: 40px; position: relative;  z-index: 9; }
.product_title:before { content: ''; position: absolute; left: -55px; top: -22px; width: 118px; height: 118px; background: url('../../images/star.png') no-repeat; background-size:100% 100%; margin: 0 auto; z-index: -1; }
.product_title:after { content: ''; position: absolute; right: -45px; top: 65px; width: 82px; height: 82px; background: url('../../images/star.png') no-repeat; background-size:100% 100%; margin: 0 auto;  z-index: -1; }

.product_title h3 { margin-bottom: 30px;  font-size: 76px; font-family: "Branch", sans-serif;  }
.product_title h3 span {  font-size: 56px; font-family: "Branch", sans-serif;   }
.product_bigimage img { border-radius: 36px;  }
.product_smimage { margin-top: 40px; }
.product_smimage img { border-radius: 36px;  }

.collect_title { max-width: 970px; margin: 0 auto; }
.homecollect .container { position: relative; }
.homecollect .container:after { content: ''; position: absolute; left: 0; right: 0; top: -40px; width: 100%; height: 2px; background: url('../../images/collect-line.svg') no-repeat; background-size:100% 100%; 
margin: 0 auto; }

.collect_sec h3 { margin-bottom: 40px; text-align: center; color: #010D25; font-family: "Branch", sans-serif;  }
.homecollect { background: url('../../images/homecollect-bg.webp') no-repeat; background-size: 100% 100%; 
padding-bottom: 40px; }
.homecollect h3 { margin-bottom: 10px; }
.owl-dot {  display: inline-block;width: 6px;height: 6px; margin: 0 5px;border-radius: 50%;  cursor: pointer;
 background-color: rgba(0, 0, 0, 0.3) !important; transition: background-color 0.3s ease;}
.owl-dots { text-align: center;}
.owl-dot.active, .owl-dot:hover { background-color: #000000 !important;}
/*****awardslider*****/
.awardslider { padding: 0px 15px; }
.award_box { background-image: linear-gradient(to right, #e5e5e5, #ebebeb); padding: 10px 10px; border-radius: 24px; position: relative; margin: 20px 0px; transition: all 0.3s ease;
box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1); }
.award_box:hover { transform: translateY(-8px); }
.award_innbox { background: #FFFFFF; border-radius: 24px; padding: 10px 10px; }
.award_image { position: relative; padding-bottom: 120%; }
.award_image img { border-radius: 24px; width: 100%; height: 100%; position: absolute; left: 0; top: 0;
object-fit: cover; }
.award_txt { padding: 24px 30px; text-align: center; position: absolute; left: 0; bottom: 20px; width: 100%; }
.award_txt:before { content: ''; position: absolute; left: 0; right: 0; top: -10px; width: 100%; height: 16px; background: url('../../images/award-divider.svg') no-repeat; background-size:100% 100%; margin: 0 auto; }
.award_txt h6{ font-size: 18px; color: #FFFFFF; text-transform: capitalize; font-weight:700; margin-bottom: 8px;}
.award_txt p { color: #FFFFFF; margin: 0; }
.awardslider .owl-item { padding: 10px; }
.awardslider button.owl-prev {
    background: url('../../images/roundarrow-left.svg') no-repeat !important;
    left: 0px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 90px;
    height: 96px;
    font-size: 0 !important;
	z-index: 99;
	opacity: 1;
	background-size: 90px !important;
}
.awardslider button.owl-next {
    background: url('../../images/roundarrow-right.svg') no-repeat !important;
	right: 0px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 90px;
    height: 96px;
	font-size: 0 !important;
	z-index: 99;
	opacity: 1;
	background-size: 90px !important;
}
/*****contact_sec*****/
.contact_sec { background: url('../../images/contact-bg.webp') no-repeat; background-size: cover; 
margin-top: -80px; padding-top: 140px; overflow: hidden; }
.contact_info { gap: 35px; }
.contact_main { max-width: 996px; margin: 0 auto; position: relative; }
.contact_main:before { content: ''; position: absolute; left: -55px; top: 5px; width: 118px; height: 118px; background: url('../../images/star-white.png') no-repeat; background-size:100% 100%; margin: 0 auto; }
.contact_main:after { content: ''; position: absolute; right: -55px; top: 95px; width: 82px; height: 82px; background: url('../../images/star-white.png') no-repeat; background-size:100% 100%; margin: 0 auto; }
.contact_title { max-width: 552px; margin: 0 auto; text-align: center; margin-bottom: 40px; position: relative; }
.contact_title h3 { margin-bottom: 12px;  font-size: 40px; font-family: "Branch", sans-serif;  }
.contact_info { max-width: 746px; margin: 0 auto; margin-bottom: 40px; justify-content: center; }
.info_box { width: 25%;}
.info_box:nth-child(2) { width: 35%;}
.info_box h5 { color: #000000; font-size: 20px; font-weight: 500; margin-bottom: 14px; }
.info_box p { color: #000000; font-size: 14px; margin-bottom: 0; }
.info_box ul { gap: 14px; }
.info_box ul li { display: inline-block; }
.contact_form { border: 1px solid rgba(189, 31, 36, 0.3);   padding: 30px 30px; border-radius: 24px; background: #FFFFFF;
 box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1); }
.contact_form h4 { font-size: 32px; font-family: "Branch", sans-serif; margin-bottom: 34px;  }
.contact_form form div.halfs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px;  }
.contact_form label { color: #000000; font-size: 16px; font-weight: 500; }
.contact_form input { padding: 12px 0px; color: rgba(0,0,0,0.5); font-size: 16px; border: 0;
 border-bottom: 1px solid rgba(0,0,0,0.5);  border-radius: 0px; }
.contact_form textarea { padding: 12px 0px; color: rgba(0,0,0,0.5); font-size: 16px; border: 0;
 border-bottom: 1px solid rgba(0,0,0,0.5);  border-radius: 0px; }
.contact_form button[type=submit] {  background-color: #000000; border-radius: 26px; color: #fff; 
padding: 15px 19px; font-size: 18px; border-radius: 0; }
/*****aboutpage*****/
.precision_sec  { padding-bottom: 80px; }
.precision_title{ max-width:1071px; margin: 0 auto; position: relative; text-align:center; margin-bottom:47px;
z-index: 9; }
.precision_title:before { content: ''; position: absolute; left: 0px; top: -22px; width: 118px; height: 118px; background: url('../../images/star.png') no-repeat; background-size:100% 100%; margin: 0 auto; z-index: -1; }
.precision_title:after { content: ''; position: absolute; right: 120px; top: 44px; width: 82px; height: 82px; background: url('../../images/star.png') no-repeat; background-size:100% 100%; margin: 0 auto; z-index: -1; }
.precision_title h3 { max-width: 649px; margin: 0 auto; margin-bottom:12px; font-family: "Branch", sans-serif;  }

.precision_image { position: relative; }
.precision_image img { border-radius: 36px; }
.precision_txt { position: absolute;left: 0; right: 0; margin: 0 auto; display: block; bottom: 40px;
text-align: center; }
.precision_txt span { color: #000000; font-size: 21px;  border-radius: 30px; padding: 7px 23px 9px; font-weight: 700; background: rgba(255,255,255,0.5);  }

.legacy_sec { background: url('../../images/legacy-bg.webp') no-repeat; background-size: cover;  }
.legacy_title { align-items: center; margin-bottom: 50px; }
.legacy_title h3 { font-family: "Branch", sans-serif; color: #010D25; }
.legacy_title p { max-width: 481px; margin-left: auto; }
.legacy_box { display: flex; gap: 27px; margin-bottom: 40px; height: 100%;}
.legacy_box:nth-child(even) { flex-direction: row-reverse; }
.legacy_image { width: 50%; }
.legacy_image img { border-radius: 24px; height: 100%; object-fit: cover; }
.legacy_txt { background: #FFFFFF; border-radius: 24px; padding: 40px 9px 20px; text-align: center; width: 50%;
 box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);  }
.legacy_txt h4{ font-weight: 800; font-size:24px; padding-bottom: 40px; margin-bottom: 12px; position:relative; }
.legacy_txt h4:before { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 16px; background: url('../../images/divider-small.svg') no-repeat; background-size:100% 100%; margin: 0 auto; }

.legacy_btm { max-width: 1124px; margin: 0 auto; text-align: center; }
.legacy_btm p { margin-bottom: 0; }
.capability_sec { background: url('../../images/capability-banner.webp') no-repeat; background-size: cover;  
        padding-bottom: 80px;}
.capability_title { max-width: 738px; margin: 0 auto; margin-bottom: 45px;  text-align: center; }
.capability_title h3 { font-family: "Branch", sans-serif; color: #FFFFFF; }
.capability_title p {  color: #FFFFFF;        font-weight: 300; }

.capability_box { background: url('../../images/capability-bg.webp') no-repeat; background-size: cover; 
border-radius: 24px; border: 1px solid #FFFFFF; padding: 5px 10px; text-align: center; }
.capability_image { height: 210px; }
.capability_image img { width: auto !important;          margin: 0 auto; }
.capability_text p { color: #FFFFFF; font-weight: 400; }
.aboutaward_slider button.owl-prev {
    background: url('../../images/roundarrow-left.svg') no-repeat !important;
    left: -10px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 90px;
    height: 96px;
    font-size: 0 !important;
	z-index: 99;
	opacity: 1;
	background-size: 90px !important;
}
.aboutaward_slider button.owl-next {
    background: url('../../images/roundarrow-right.svg') no-repeat !important;
	right: -10px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    width: 90px;
    height: 96px;
	font-size: 0 !important;
	z-index: 99;
	opacity: 1;
	background-size: 90px !important;
}
/*****essence_sec*****/
.essence_sec { background: rgba(221, 100, 19, 0.14); }
.essence_image { border-radius: 24px; position: relative;  }
.essence_imagetxt { position: absolute;left: 0; right: 0; margin: 0 auto; display: block; bottom: 24px;
text-align: center; }
.essence_imagetxt span { color: #000000; font-size: 21px;  border-radius: 30px; padding: 7px 23px; font-weight: 700; background: rgba(255,255,255,0.5);  }
.essence_txt { text-align: center; padding-top: 40px; }
.essence_txt h3 { font-family: "Branch", sans-serif; }

.aboutaward_sec { background: url('../../images/aboutaward-bg.webp') no-repeat; background-size: cover;  
background-position: bottom; }
.aboutaward_title { margin-bottom: 70px; }
.aboutaward_title h3 { font-family: "Branch", sans-serif; }

.aboutaward_box { background: #FFFFFF; border: 10px solid #EEEEEE; border-radius: 30px; padding: 10px 10px; }
.aboutaward_image { margin-bottom: 24px; position: relative; padding-bottom: 72%; background: #F5F5F5;  
border-radius: 24px;}
.aboutaward_image img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;   border-radius: 24px; }
.aboutaward_text { padding-top: 24px; position: relative; text-align: center; min-height: 52px; }
.aboutaward_text:before { content: '';  position: absolute; left: 0px;  top: 0px; width: 100%; height: 16px;
 background: url(../../images/divider-small.svg) no-repeat; background-size: 100% 100%; margin: 0 auto; }
.aboutaward_text p { color: #000000; font-weight: 600; font-size: 17px;  padding: 0px 15px; }
.aboutaward_slider .center .aboutaward_image {     padding-bottom: 95%; }
.aboutaward_slider .owl-stage { display: flex; align-items: flex-end; }
.aboutaward_slider .owl-dots { margin-top: 20px; }
/*********/
.amenities_sec{ background: url('../../images/amenities_bg.webp') no-repeat; background-size: cover;
padding: 80px 0px 130px; }
.amenities_sec .title_box{ margin-bottom: 55px; }
.amenities_sec .title_box h3 { background-image: linear-gradient(to right, #FFFFFF, rgba(255, 255, 255, 0.6));
-webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.amenities_sec .title_box p{ color: #FFFFFF; }
.amenities_box{ background: #FFFFFF; padding: 28px 28px; border-radius: 24px; display: flex; }
.amenities_boximage{ width: 50%; position: relative; padding-bottom: 33%; border: 0;}
.amenities_boximage img{ border-radius: 12px; object-fit: cover; position: absolute; top: 0; left: 0;
 width: 100%;  height: 100%; }
.amenities_boxtxt { padding-left: 50px;	width: 50%; }
.amenities_boxtxt h5{ font-size: 32px; font-weight: 900; text-transform: capitalize;color: #000000;
margin-bottom: 12px; }
.amenities_boxtxt ul{display: flex;gap: 12px;margin-bottom: 15px;}
.amenities_boxtxt p {margin-bottom: 48px;}
.amenities_boxtxt ul li{background: rgba(13, 15, 17, 0.05);color: #16191A;text-transform: capitalize;
padding: 9px 20px;border-radius: 20px;display: inline-block;}
.amenities_floorplan {position: relative;}
.amenities_floorplan .floorplan_boximage {overflow: hidden;}
.amenities_floorplan .floorplan_boximage img{width: 100%;height: 100vh;object-fit: cover;padding-bottom: 138px;
padding-top: 30px;}
/*****responsive*****/
@media (max-width: 1539px) {
.hero_banner img { height: 500px !important; }
}
@media (max-width: 1439px) {
.banner-slider button.owl-next {
   left: 40%;
}
.banner-maintext p {
    margin-bottom: 40px;
}
.product_title h3 { 
	font-size: 65px;  
}
.product_title h3 span {
    font-size: 50px;
}
.vision_innbox {
    padding: 32px 25px;
}
.value_sec .container:before { left: -75px; }
.value_sec .container:after {  right: -20px; }
}
@media (max-width: 1365px) {
.banner-maintext h1 {
    font-size: 56px;
}
.product_title h3, h3 {
    font-size: 54px;
}
.product_title h3 span {
    font-size: 44px;
}
.awardslider button.owl-prev, .projectslider button.owl-prev {
    width: 72px;
    height: 80px;
	background-size: 72px !important;
}
.awardslider button.owl-next, .projectslider button.owl-next {
    width: 72px;
    height: 80px;
    background-size: 72px !important;
}
.collect_sec h3 {
    margin-bottom: 25px;
}
.product_title:before {
    width: 85px;
    height: 85px;
}
.craftman_text {
    padding-right: 25px;
}
}
@media (max-width: 1279px) {
.value_list ul {
    gap: 10px;
}
}
@media (max-width: 1199.9px) {
ul.navbar-nav li {
    margin-right: 18px;
}
a.btn-outline span {
	padding: 16px 25px;
	font-size: 16px;
}
.banner-slider button.owl-prev {
    left: 45%;
}
.banner-slider button.owl-next {
    left: 50%;
}
.footer-mainlink {
    gap: 30px;
}
.owl-counter {
    bottom: 110px;
}
.banner-slider button.owl-prev {
	left: 44%;
    bottom: 115px;
}
.banner-slider button.owl-next {
	bottom: 115px;
}
.hero_py {
    padding: 140px 0px 80px;
}
.hero_banner h3 {
    font-size: 40px;
}
.contact_form button[type=submit] {
    padding: 14px 24px;
    font-size: 16px;
}
.product_title h3, h3 {
    font-size: 46px;
}
.product_title h3 span {
    font-size: 38px;
}
.project_smimage {
    gap: 11px;
}
.value_list ul li img {
        height: 120px;
}
}
@media (max-width: 1079px) {
.banner-slider button.owl-prev {
    left: 53%;
}
.banner-slider button.owl-next {
    left: 60%;
}
.vision_title:before { 
	width: 100%;
}
.project_smimage {
    gap: 10px;
}
.projectslider .owl-item .project_box {
    height: 340px;
}
.value_list ul li {
    width: 24.1%;
}
}
@media (max-width: 991.9px) {
body.open .header, body.open .header.sticky {
    background-image: linear-gradient(to bottom, #000000, #000000);
}
.banner-slider button.owl-next {
    left: 62%;
}
.banner-slider button.owl-prev {
    left: 55%;
}
.navbar-toggler {
    background-color: #fff;
}
.navbar-collapse {
	position: absolute;
	width: 100%;
    background: #000;
    top: 100%;
    left: 0;
	right: 0;
}

ul.navbar-nav li {
    margin-right: 0;
}
ul.navbar-nav, .contact-btn {
	max-width: 90%;
    padding: 0px 20px 10px;
	margin: 0 auto;
}
ul.navbar-nav li {
	margin-bottom: 10px;
}

ul.navbar-nav li a.nav-link {
	padding:  0px !important;
	font-size: 16px;
	display: inline-block;
}
a.logo img {
    width: 110px;
}
.footerbtm  { 
	gap: 10px; 
}
.contact_sec {
    padding-top: 115px !important;
}
.contact_title h3 {  
	font-size: 32px; 
}
.contact_main:before , .precision_title:before{
    left: -35px;
    width: 90px;
    height: 90px;
}
.contact_main:after, .precision_title:after {
    right: -25px;
    width: 70px;
    height: 70px;
}
.footer-logo {
    width: 150px;
}
.product_title h3, h3 {
    font-size: 36px;
}
.product_title h3 span {
    font-size: 34px;
}
.product_title:before {
    width: 72px;
    height: 72px;
}
.product_title:after {
    right: -30px;
    top: 40px;
    width: 60px;
    height: 60px;
}
.container {
    max-width: 90%;
}
.craftman_image { 
	margin: 20px 0; 
}
.aboutcraftman .craftman_text {
    padding-left: 0;
}
.comon-padd {
    padding: 40px 0px;
}
.essence_txt {
    padding-top: 20px;
}
.vision_innbox {
    padding: 30px 30px;
}
.vision_image {
    width: 90px;
    height: 90px;
    border-radius: 30px;
}
.vision_image:before {
    width: 115px;
    height: 115px;
	border-radius: 30px;
}
.vision_image img {
    width: 54px;
}
.aboutaward_title {
    margin-bottom: 30px;
}
.value_list ul {
    gap: 8px;
}
.project_smimage {            
	gap: 7px; 
}
.projectslider .owl-item .project_box {
    height: 260px;
}
.homeabout_text {
    margin-bottom: 20px;
}
.homeabout_text h3 {
    width: 40%;
}
.homeabout_text p {
    width: calc(100% - 40%);
}
ul.navbar-nav li a.nav-link.btn-outline {       
	padding: 8px 30px !important;
}
.footer-link ul li a, .footer_reach p {
    font-size: 16px;
}
.homeabout_text p strong {
    font-size: 18px;
}
.hero_banner img {
    height: 350px !important;
}
.aboutaward_slider button.owl-prev {left: -20px;}
.aboutaward_slider button.owl-next {right: -20px;}
}
@media (max-width: 767.9px) {
.banner-maintext h1 {
    font-size: 38px;
	margin-bottom: 15px;
}	
.banner-maintext p {
    margin-bottom: 20px;
}
.slider-progress {
    width: 110px;
	background: rgba(255, 255, 255, 0.5);
}
.owl-counter span {
    color: #FFFFFF;
    font-size: 24px;
}
.owl-counterwrap {
    width: 170px;
}
.navbar-toggler {
    padding: 1px 6px;
}
.banner-image img {
    object-fit: cover;
    object-position: top center;
	height: 100% !important;
	border-radius: 0;
}
.banner-text {
	padding: 30px 0 60px;
	position: relative;
	top: 0;
	        transform: inherit;
}
.banner-slider button.owl-prev ,.banner-slider button.owl-next {
    bottom: 107px;
}
.contact_info { 
	flex-wrap: wrap;
}
.contact_info { 
	gap: 20px; 
}
.hero_banner { 
	padding-bottom: 0 !important;
}
.footer-link ul li a , .footer_reach p{
	font-size: 15px; 
}
.footer-link ul li {  
	margin-bottom: 7px; 
}
.footer_reach p { 
	margin-bottom: 7px; 
}
.footer-top {
    padding-bottom: 15px;
}
.footer_social li a img {
    width: 22px;
}
.footer_social li a {
    width: 42px;
    height: 42px;
}
.product_smimage {
    margin-top: 20px;
}
.collect_sec h3 {
    margin-bottom: 15px;
}
.product_title {
    padding: 0px 15px;
}
.product_title {
    margin-bottom: 25px;
}
.product_title h3 span {
    font-size: 30px;
}
.hero_banner h3 {
    font-size: 36px;
}
.aboutaward_slider .center .aboutaward_image {
    padding-bottom: 72%;
}
.vision_title {
    margin-bottom: 0px;
}
.vision_col { 
	margin-top: 20px; 
}
.capability_title {
    margin-bottom: 30px;
}
.precision_title {
    margin-bottom: 10px;
}
.precision_image { 
	margin-top: 20px; 
}
.legacy_title {
    margin-bottom: 10px;
}
.legacy_box {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    height: 100%;
    flex-wrap: wrap;
}
.legacy_image {
    width: 100%;
}
.legacy_txt {
    width: 100%;        
	padding: 25px 9px 10px;
}
.capability_slider .owl-dot {	
    background-color: rgb(255 255 255 / 30%) !important;
}
.capability_slider .owl-dot.active, .capability_slider .owl-dot:hover {
    background-color: #ffffff !important;
}
#backtop {
    right: 15px;
    bottom: 20px;
    width: 40px;
    height: 40px;
}
.vision_txt h4 {
    font-size: 28px;
}
.craftman_text h3 {
    margin-bottom: 15px;
}
.value_list ul li {
	width: 23.1%;
}
.project_bigimage {
    width: 48%;
}
.project_smimage {
    width: 52%;
}
.project_smbox {
    width: 48.7%;
}
.value_list ul li img {
    height: 100px;
}
.homeabout_text {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}
.homeabout_text h3, .homeabout_text p { 
	width: 100%; 
}
.homeabout_image img {
    margin-bottom: 20px;
}
.project_bigimage span {
    font-size: 16px;
}
.banner-slider button.owl-prev {
	left: 42%;
}
.banner-slider button.owl-next {
    left: 50%;
}
.vision_image {
    width: 75px;
    height: 75px;
}
.vision_image:before {
    width: 100px;
    height: 100px;
}
.vision_image img {
    width: 42px;
}
p , body{
    font-size: 15px;
    line-height: 25px;
}
.precision_txt {
    bottom: 25px;
}
.precision_txt span {
    font-size: 18px;
}
.craftman_text ul li {
    margin-bottom: 10px;
}
.vision_innbox {
	padding: 30px 20px;
}
.product_title:after {
    right: -15px;
}
.homeabout_text p strong {
    font-size: 16px;
 }
.value_sec .container:before {
    width: 85px;
    height: 85px;
}
.value_sec .container:after {
    top: 40px;
    width: 60px;
    height: 60px;
}
.banner-main { 
	background: #01162b;
	padding-top: 55px;
}
.banner-slider .owl-counter {
    bottom: 30px;
}
.banner-slider button.owl-prev, .banner-slider button.owl-next {
    bottom: 24px;
}
.slider-wrap .owl-counter {
            bottom: 32px;
        }
.value_sec .container:after {
            right: 0;
        }
	.banner-image img {
            height: 310px!important;
        }
        .aboutaward_slider button.owl-prev {left: -5px;}
.aboutaward_slider button.owl-next {right: -5px;}
}
@media (max-width: 639.9px) {
.project_smbox {
    width: 48.6%;
}
.banner-slider button.owl-next {
    left: 52%;
}
.banner-image img {
            height: 280px!important;
        }
}
@media (max-width: 575.9px) {
.slider-progress {
	width: 90px; 
}
a.logo img { 
	width: 100px;
}
.header.sticky a.logo img {
	width: 100px; 
}
.info_box h5 { 
	font-size: 18px;
	margin-bottom: 10px; 
}
.contact_form form div.halfs { 
	grid-template-columns: 1fr; 
}
.container { 
	padding: 0px 20px;
}
.hero_py {
	padding: 120px 0px 50px; 
}
.contact_form h4 { 
	font-size: 26px;
	margin-bottom: 15px;
}
.hero_banner img { 
	object-position: top right;
}
.contact_title h3 { 
	font-size: 28px;
}
.contact_form {
	padding: 30px 20px;
}
.container {
    max-width: 98%;
}
.legacy_txt h4 {
    font-size: 22px;
    padding-bottom: 25px;
}
.aboutaward_title {
    margin-bottom: 0;
}
.value_list ul li {
    width: 31.1%;
}	
.project_smbox {
    width: 48.3%;
}
.projectslider .owl-item .project_box {
    height: 165px;
}
.banner-slider button.owl-prev {
    left: 48%;
}
.banner-slider button.owl-next {
    left: 60%;
}
.project_box {
    gap: 8px;
}
.hero_banner:before {
	content: ''; 
	position: absolute; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
	border-radius: 0 0 60px 60px;
}
.hero_banner img {
    border-radius: 0 0 60px 60px;
}
.banner-image img {
            height: 235px!important;
        }
}
@media (max-width: 479px) {
.info_box { 
	width: 100%;
}
.contact_main:before, .precision_title:before {
    left: -35px;
    width: 72px;
    height: 72px;
}
.contact_main:after, .precision_title:after {
    right: -15px;
    width: 45px;
    height: 45px;
}
.banner-slider button.owl-prev {
    left: 65%;
}
.banner-slider button.owl-next {
    left: 83%;
}
.project_box {
    flex-wrap: wrap;
}
.project_bigimage {
    width: 100%;
}
.project_smimage {
    width: 100%;
}
.projectslider  {
	padding: 0px 20px;
}
.banner-maintext h1 {
    font-size: 33px;
}
.value_list ul li {
	width: 48.1%;
}
.contact_form input {
    font-size: 15px;
}
        .banner-image img {
            height: 180px !important;
        }
}
@media (max-width: 374px) {
.product_title h3, h3 {
    font-size: 34px;
}
.hero_banner h3 {
    font-size: 30px;
}
.banner-maintext h1 {
    font-size: 27px;
}
        .banner-image img {
            height: 160px!important;
        }
}
@media (max-height: 570px) {
.banner-image img {
    height: 620px;
}
}