@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoe_ui-webfont.woff2') format('woff2'),
         url('../fonts/segoe_ui-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segoe_uibold';
    src: url('../fonts/segoe_ui_bold-webfont.woff2') format('woff2'),
         url('../fonts/segoe_ui_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_ptextra_bold';
    src: url('../fonts/futuracyrillicextrabold-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'objectivitybold';
    src: url('../fonts/objectivity-bold-webfont.woff2') format('woff2'),
         url('../fonts/objectivity-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'objectivityextra_bold';
    src: url('../fonts/objectivity-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/objectivity-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body{font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 18px;}
* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:hover, a:visited, a:focus, a:active{ outline: none; border: 0; }
button:focus{ outline: none; border: 0px; }
p{font-size: 20px; line-height: 26px;}
h1, h2, h3, h4, h5, h6{ font-family: 'objectivitybold'; color:#000; font-weight: 700;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  color:#9E9E9E;
}
h1{font-size: 58px; font-weight:900;}
h2{font-size: 58px; font-weight:900;}
a {transition: ease-in-out all 0.25s;  -webkit-transition: ease-in-out all 0.25s;  -ms-transition: ease-in-out all 0.25s;  -o-transition: ease-in-out all 0.25s;  text-decoration: none;  color: #000;  cursor: pointer;}

a:active, a:hover {outline: 0;  text-decoration: none;}
img {max-width: 100%;}
button:focus, a:focus {outline: none;}
a:hover {text-decoration: none;}
.form-control:focus, .btn.focus, .btn:focus {box-shadow: none;}
:root {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-gutter-xx: 0;
  --bs-white:#B7B7B7;
  --bs-base-color: #E5A157;
  --bs-base-blue: #273C65;
  --bs-base-dark-blue:#112240;
  --bs-gray-bg: #f0f0f0;
  --bs-border-color: #9d9d9d;
  --bs-body-font-size:16px;
  --bs-body-font-weight:300;
  --bs-body-line-height: 1.5;
  --bs-body-font-family: "Montserrat", sans-serif;
}
body {
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  overflow-x: hidden;
  
}
p{color:#58585A;}
.card-product-details {--bs-card-spacer-y: 2.5rem;--bs-card-spacer-x: 2.5rem;}
.card-p {--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;}
.card-body {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-white);}
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 1.25rem;
  background: transparent;
}
.gx-10 {--bs-gutter-x: 10px;}
.gx-20, .g-20 {--bs-gutter-x: 1.5rem;}
.gx-30, .g-30 {--bs-gutter-x: 3rem;}
.gx-40 {--bs-gutter-x: 4rem;}
.gx-60 {--bs-gutter-x: 6rem;}
.gy-10 {--bs-gutter-y: 10px;}
.gy-20, .g-20 {--bs-gutter-y: 1.5rem;}
.gy-30, .g-30 {--bs-gutter-y: 3rem;}
.gy-40 {--bs-gutter-y:4rem;}
.gy-60 {--bs-gutter-y:6rem;}
.gyn {--bs-gutter-y: 0;}
.gxn {--bs-gutter-x: 0;}
.g-20.h-100 {  height: calc(100% + 1.25rem) !important;}
.row>* {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.slowgan{font-size:16px; font-weight:900;}
p.slowgan{color:#6F7072;margin-bottom:0;line-height: 1;}
/* Light Theme */
body.light-theme{ background-color: #fff; }
body.light-theme .navbar.scroll{ background-color: #fff;}
body.light-theme .footer{position: relative;height:100vh;background-attachment: fixed; background-size: cover; overflow: hidden;}
/* Dark Theme */
body.dark-theme{ background-color: #000; }
body.dark-theme .navbar.scroll{ background-color: #000 }
body.dark-theme label{ color: #9E9E9E; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: normal; }
body.dark-theme .footer{ background-color: #000; margin: 0; padding: 60px 0; }
.doubleImg {position: relative;}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5   {position: relative; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.upeny-container{padding: 50px 0;background: #D7E9FF;background: -moz-linear-gradient(top, #D7E9FF 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top, #D7E9FF 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom, #D7E9FF 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7E9FF', endColorstr='#ffffff',GradientType=0 );}
.upeny-container h3 {position: relative;font-size:32px ;line-height: 39px;color: #4A4A4A;padding: 0 0 38px 0;}
.upeny-interconnected h4{font-size: 32px; line-height: 39px;}
.hope-container p {color: #4A4A4A;}
.upeny-container h3:after{content: '';padding: 0;margin: 0;width: 100px;height: 8px;display: inline-block;background:#c05c37;position: absolute;left: 0;bottom: 10px;}
.upeny-container .col-md-3 {padding-bottom:50px;}
.hope-purpose .text-right h3:after{ right:0; left: inherit;}
.upeny-interconnected {padding:0 0 100px;}
.upeny-interconnected .red-line{background:#c05c37;width: 100px;height: 8px;}
.padding-top {padding: 250px 0 0 0;}
.upeny-interconnected img {width: 100%;}
.white-text h3, .white-text p, .white-text h3, .white-text p{ color:#ffffff;}
.future-business-card{padding:0 0 10em 0;}
.future-business-card .future-business-card-single {margin-top: 30px;} 
.future-business-card .future-business-card-single:first-child img {transform: rotate(-14deg);-webkit-transform: rotate(-14deg);-ms-transform: rotate(-14deg);transform-origin: bottom left;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;}
.future-business-card .future-business-card-single:last-child img {transform: rotate(14deg);-webkit-transform: rotate(14deg);-ms-transform: rotate(14deg);transform-origin: bottom left;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;}
.seva-container{padding: 50px 0 200px 0;background: #f67c64;background: -moz-linear-gradient(top, #f67c64 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top, #f67c64 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom, #f67c64 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67c64', endColorstr='#ffffff',GradientType=0 );}
.margin-minus-top{ margin:-230px 0 0; position:relative;}
.black-bg{ background:#000;}
.black-bg .padding-top {padding: 0;}
.black-bg h4, .black-bg p{ color:#9E9E9E;} 
.goldcitymall-container{padding: 40px 0;background: #fff5d8;background: -moz-linear-gradient(top, #fff5d8 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top, #fff5d8 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom, #fff5d8 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5d8', endColorstr='#ffffff',GradientType=0 );}
.product-page{padding:0 0 100px 0;}
.product-page img{ width:100%;}
.upeny-img h1 {font-size: 188px;}
/*Global Form CSS*/
.floating-label {position: absolute; top: 0; left: 0; user-select: none; z-index: 1; }
.floating-label-field {color: rgba(44, 62, 80, .75); border-width: 0; z-index: 2; }
.floating-label-field:focus {outline: 0; box-shadow: 0; }
.floating-label-field::placeholder {color: rgba(44, 62, 80, .5); }
.floating-label, .floating-label-field {font: inherit; line-height: 1; display: block; width: 100%; }
.floating-label-field, .floating-label-wrap {position: relative; }
.floating-label-field{ margin-bottom:50px;}
.floating-label-field--s1 {transition: border-color .25s ease-in-out; color: #9E9E9E; border-bottom: 3px solid #9E9E9E; background-color: transparent; font-size:18px; }
.floating-label-field--s1 + .floating-label {transition: transform .25s, opacity .25s ease-in-out; transform-origin: 0 0; opacity: 1; }
.floating-label-field--s1:focus, .floating-label-field--s1:not(:placeholder-shown) {border-color: rgba(239, 9, 2, 0.5); }
.floating-label-field--s1:focus + .floating-label, .floating-label-field--s1:not(:placeholder-shown) + .floating-label {transform: translate(0, -20px) scale(0.8);-webkit-transform: translate(0, -20px) scale(0.8);-ms-transform: translate(0, -20px) scale(0.8);opacity: 1;}
.floating-label-field--s1:valid:not(:placeholder-shown) {border-color: rgb(138, 138, 138); color: #fff;}
.floating-label-field--s1:invalid {border-color: rgba(255, 71, 87, .3); }
.floating-label-field--s1:not(textarea), .floating-label-field--s2:not(textarea), .floating-label-field--s3:not(textarea) {max-height: 64px; }
.floating-label-field--s1, .floating-label-field--s1 + .floating-label, .floating-label-field--s2, .floating-label-field--s2 + .floating-label {padding: 0; height: 40px; line-height:22px;  }
.floating-label-field--s1 + .floating-label, .floating-label-field--s2 + .floating-label {z-index: 1; }
.floating-label-field--s1::placeholder, .floating-label-field--s3::placeholder {color: transparent; }
.floating-label-field--s1{overflow: hidden; resize: none;}
button.btn, a.btn{ background:#c05c37; color: #fff; padding: 15px 23px; border: 0; border-radius: 0px; margin: 49px 0 0; font-family: 'Lato', sans-serif; font-size: 24px; cursor: pointer; }
.okay-btn{ min-width: 220px; }
/* Navigation ---------------------------------------------------------------------------------*/
.navbar{ margin: 0; padding:35px 0 0; width: 100%; position: fixed; z-index: 100; top: 0; left: 0;}
.navbar .container{ max-width: 100%; padding: 0; }
.navbar-toggler {display: flex;border: 0;padding: 0;margin: 0 35px 0 0;border-radius: 0;position: relative;
  background: url(../img/menu.svg) right top no-repeat;width: 60px;height: 52px;font-size: 0;}
.navbar-light .navbar-brand{ display: inline-block; padding: 0; border: 0; border-radius: 0; width:175px; height:56px; margin: 0 0 0 35px; cursor: pointer;}
.navbar-light .navbar-brand img{ max-width: 100%; height: auto; }
.navbar-popup{ position: fixed; right: -100%; top: 0; background-color: #000; display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 35px 35px 0;width: 0; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; z-index: 999; overflow-y: auto;}
.nav-open .navbar-popup{ right: 0; width: 100%; }
.navbar-popup .navbar-toggler-close{ position: absolute; right: 74px; top: 40px; background: transparent; border: 0; cursor: pointer;}
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon { position: absolute; width: 64px; height: 64px; opacity: 1; }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:hover {opacity: 1; }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:before, 
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:after { position: absolute; left: 15px; content: ' '; height: 58px; width: 6px; background-color: #9E9E9E; border-radius: 5px; }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:before {transform: rotate(45deg); }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:after {transform: rotate(-45deg); }
.navbar-popup .navbar-brand{margin:0;}
.navbar-popup ul.navbar-nav{ width: 100%; margin:100px auto 0; padding:0 40px; max-width: 90%; }
.navbar-popup ul.navbar-nav li.nav-item{ padding: 0; margin:0px; position: relative; }
 
.navbar-popup ul.navbar-nav li.nav-item a.nav-link{ color: #fff; font-size: 58px; margin: 0; display:inline-block; width: auto; padding:0rem; background: #000; z-index: 1; font-weight:900;}
.navbar-popup ul.navbar-nav li.nav-item a.nav-link:hover, .navbar-popup ul.navbar-nav li.nav-item.active a.nav-link {color:#c05c37;}
.navbar-popup ul.navbar-nav li.nav-item:nth-child(2n+0) a.nav-link{ padding: .4rem 0rem .4rem 0rem;}
@media (max-width: 767px){
	.navbar{ padding: 15px; }
	.navbar-light .navbar-brand{ height: 50px; width: 50px; }
	.navbar-toggler{ margin: 0;  }
	.navbar-popup{ padding: 20px; }
	.navbar-popup .navbar-toggler-close{ right: 43px; top: 27px; }
	.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon{ width: 34px; height: 34px; }
	.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:before, .navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:after{ height: 34px; }
	.navbar-popup ul.navbar-nav li.nav-item{ margin-bottom:8px; }
	.navbar-popup ul.navbar-nav li.nav-item a.nav-link{ font-size: 26px; padding: .4rem 1rem .4rem 0rem; }
	.navbar-popup ul.navbar-nav li.nav-item:after{ top: 27px; height: 4px; }
	.navbar-popup ul.navbar-nav li.nav-item:nth-child(2n+0) a.nav-link{ padding: .4rem 0rem .4rem 0rem; }
	.navbar-popup ul.navbar-nav li.nav-item:nth-child(2n+0):after{ top: 26px; }
	.navbar-popup ul.navbar-nav{ margin: 50px auto 0; }
  .navbar-popup .container{width: 100%; padding:0;}
}
.main-content{min-height: calc(100vh - 276px); margin: 0; padding: 0; }
.page-title-wrapper{ color: #fff; margin: 140px 0 40px; padding: 0;}
.contact-title{margin-top: 130px;margin-bottom: 60px;}
.page-title{ font-size: 54px; color: #fff; font-family: 'Lato', sans-serif; margin: 0 0 0; }
button.btn.contactbtn{margin-top:30px;}
/* Banner ---------------------------------------------------------------------------------*/
.hero-holder{ width: 100%; height: 100vh; background-repeat: no-repeat; background-position: bottom right;min-height: 500px;}
.hero-holder img{height: 100vh; width: 100%; object-fit: cover;}
.caption-banner { display:block; height:200px; }
a.caption-btn{color:#c05c37;font-size: 27px;display: inline-block;padding: 0 35px 0 0;}
.slick-dots {padding-left: 15px;padding-right: 15px;}
.quotes {display: none;}
.hero-holder video {height: 100vh;width: 100vw;object-fit: cover;}
@media ( max-width: 1199px ){
	.slick-slide{ background-position: center center; background-size: cover;}
	.slick-dotted.slick-slider{ margin-bottom: 0; }
	.slick-dots{ width: calc(100% - 94px); }
	.navbar{ padding:7px 10px; }
  .navbar-light .navbar-brand{margin-left:0;}
	.navbar-toggler{ margin: 0px; }
}
@media (max-width: 767px){
	.slick-dots li {width: 35px;}
	.slick-dots{width: 100%;}
	.slick-dots li button{height: 5px;}
	.hero-banner .slick-dots {bottom: 15px;}
}
/* Home Paage Content Section ---------------------------------------------------------------------------------*/
@media (min-width: 1800px){
	.container { max-width: 82%; }
	.full-width{width: 80%;}
}
.brand-exp-content .section-title, .brand-exp-content.work-section ul.works li .content-wrap h3{ color:#9E9E9E;}
ul, li{ list-style:none; padding:0; margin:0;}
.brand-exp, .brand-exp-content{ background:#000;}
.compelling-section{ background:#000; padding:0 0 150px;}
.compelling-section .section-title{color:#9E9E9E; line-height:64px;}
.compelling-section .col-md-3 .section-title{color:#9E9E9E;font-size:32px;}
.feature{ padding:10px 0 0;}
.feature li{ color:#9E9E9E; font-size: 24px; line-height: 24px; position: relative; padding: 0 0 8px 15px;} 
.feature li:before{ position: absolute; left: 0; top: 8px; background:#c05c37; width: 8px; height: 10px; content: ''; }
.hope-container{padding:50px 0;background: #3468a4;background: -moz-linear-gradient(top,  #3468a4 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top,  #3468a4 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom,  #3468a4 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3468a4', endColorstr='#ffffff',GradientType=0 );}
.hope-container h3{ position:relative; font-size:32px; color:#FFF; padding:0 0 38px 0;}
.hope-container h3:after, .hope-purpose h3:after{content: '';padding: 0;margin: 0;width: 100px;height: 8px;display: inline-block;background:#c05c37;position: absolute;left: 0;bottom: 10px;}
.hope-purpose h3{ position:relative; font-size:32px; color:#000; padding:0 0 38px 0;}
.hope-container p{ color:#FFF; padding: 0 30px 0 0; font-size: 24px;}
.hope-container  .col-md-3{ padding-bottom:50px;}
.hope-scope{ padding:30px 0 0;}
.hope-purpose{margin: 267px 0 0 0; overflow:hidden;}
.right-crove{margin-right: -300px; float: right;}
.purpose-img{position:relative;width: 1920px;margin: 0 auto;max-width: 100%;}
.purpose-img img{ width:100%;}
.purpose-description{ position:absolute; bottom:0px; left:220px; width:550px;}
.purpose-description label, .hope-interconnected label{  background:#c05c37;  width: 100px; height: 8px;}
.hope-interconnected{ padding:40px 0px; width: 100%;display: inline-block;}
.hope-interconnected h4{ width:100%; float:left; font-size: 32px; line-height: 39px;}
.hope-interconnected img{ padding:50px 0 0;}
.color-code {width: 66%;padding: 80px 0 0;display: inline-block;}
.color-code ul{list-style: none; padding: 0; margin:0;}
.color-code ul {display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;box-sizing: border-box;margin-left: -15px;margin-right: -15px;}
.color-code ul li {float: left;flex-basis: 25%;-webkit-flex-basis: 25%;max-width: 25%;padding: 0 15px 90px;}
.color-code ul li div {margin-bottom: 10px;box-shadow: 3px 3px 6px #00000029;}
.color-code ul li span {font-size: 24px;}
.blue-dark{background: #3468a4;}
.blue-mid{background: #449ac1;}
.blue{background: #8dcef1;}
.blue-light{background: #dbf2fc;}
.orange{background: #f1873e;}
.yellow{background: #fcc610;}
.light-yellow{background: #ffe269;}
.gray {background-color: #707070;}
.hope-interconnected .container{padding: 0 30px;}
.benifit-section{padding: 0; position: relative;}
.benifit-right{position: absolute; right:0; top: -200px; width:42%;}
.section-title{ margin: 0; padding: 0 0 26px; text-align: left; font-size:64px; line-height:64px; color: #4A4A4A; position: relative; font-weight: normal; font-family: 'Lato', sans-serif;} 
.section-title:after{ content: ''; background:#c05c37; height: 13px; width: 120px; display: inline-block; position: absolute; left: 0; bottom:0px;}
.compelling-section .col-lg-3 .section-title2 {color: #9E9E9E;font-size: 32px; line-height: 32px; padding-bottom: 30px;}
.section-title2{position: relative; margin-top:40px;} 
.section-title2:after{ content: ''; background:#c05c37; height: 8px; width: 120px; display: inline-block; position: absolute; left: 0; bottom: 0;}
.clients-section h2{padding-bottom:40px;}
.wid-60{width: 60%;}
.wid-20{width: 20%;} 
.award-title{font-weight: 600; font-size: 20px; color:#6f7072;}
.award-list{display:block; list-style: none; width: 100%; margin-top:26px; position: relative;}
.award-list .hiden-img{display: none;transform: rotate(10deg); width:350px; overflow: hidden; position: absolute; top:-30px; right:-110px; display: none;}
.hiden-img img{transform: rotate(0deg);}
.award-list li:nth-child(2n+1):hover .hiden-img{ display: block; transform: rotate(20deg);}
.award-list li:nth-child(2n+2):hover .hiden-img{ display: block; transform: rotate(-20deg);}
.award-list{display:block; list-style: none; width: 100%; margin-top:26px;}
.award-list li{width:100%; padding-bottom:20px; display:flex; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.award-list li:last-child{border: none;}
.text-center{text-align: center;}
/* .panel-default .fade:not(.show) {opacity: 1;} */
.panel-heading ul{border:none;}
.panel-heading ul li{padding-right:20px; position:relative;}
.panel-heading ul li:after{ width: 1px; height: 10px; position: absolute; content: ''; right: 0; top: 0; background:#ccc;}
 
.banner-fade-text{overflow:hidden; height:70px;}
.hero-holder h1{color:#fff;}
.hero-content{position: absolute; text-align: center; top: 50%;width: 100%;
  -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hero-holder:before{background: url(../img/banner-shadow.svg) center top no-repeat;background-size: 100%; content:''; left:0; top:0; width: 100%; height: 100%; position:absolute;}
.down-arrow{position: absolute; width: 100%; text-align: center; z-index: 9; 
  bottom:40px; color:#fff; text-decoration: underline; opacity:0.6;}
.down-arrow a{color:#fff;}
.down-arrow p{margin-bottom:0;}
.down-arrow img{width:32px; height:32px;-webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(1px, 20px);
    opacity: 0;
  }
}
 
.services-section .section-title{ margin: 0 0 46px; }
.services-section{ padding:75px 0;position: relative; margin-top:50px;}
.awards-section{padding-top:140px;margin-top: 70px;}
.services-section .image-wrap{overflow: hidden;display: inline-block;width: 100%;}
.services-section .image-wrap img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); max-width: 100%; height: auto; transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-ms-transition: 0.2s all ease;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
.services-section .image-wrap:hover img {filter: grayscale(0);-webkit-filter: grayscale(0);-ms-filter: grayscale(0);transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.services-section .content-wrap{ text-align: center; }
.services-section .content-wrap h3{ margin: 0; padding: 20px 0 25px 0; font-size:32px; line-height: normal; color: #4A4A4A; font-family: inherit;} 
.services-section .content-wrap h3 a, .work-section ul.works li .content-wrap h3 a {color: #4A4A4A;text-decoration: none;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-ms-transition: 0.2s all ease;}
.services-section .content-wrap h3 a:hover, .work-section ul.works li .content-wrap h3 a:hover {color:#c05c37 !important;}
.services-section .content-wrap p{ font-size: 24px; line-height:29px; color: #4A4A4A; margin: 0 0 14px; padding: 0; font-family: inherit; }
.services-section .content-wrap a.view-more{ font-size:24px; line-height: 29px; font-weight: bold; letter-spacing: 0; color:#c05c37; display: inline-block; font-family: inherit; background: url(../img/arrow.svg) no-repeat 100% 7px; padding: 0 25px 0 0; background-size: 11px;}
.work-section{padding:110px 0 80px 0; margin-top:80px}
.mar-top-100{margin-top: 100px;}
.work-section .section-title{width: 100%; line-height: 64px; padding: 0 0 35px; margin: 0 0 60px; }
.work-section ul.works{width: 100%; display: block; box-sizing: border-box; -ms-column-gap: 15%;-webkit-column-gap: 15%; column-gap: 15%; position: relative; -webkit-column-count: 2; column-count: 2;-ms-column-count: 2; margin: 0; padding: 0;  list-style-type: none; }
.work-section ul.works li{-webkit-column-break-inside: avoid; break-inside: avoid; position: relative; margin-bottom: 107px;}
.work-section ul.works li:first-child{ margin-bottom: 0; }
.work-section ul.works li .image-wrap{margin-top: 0; margin-bottom: 20px; overflow: hidden;transition: transform .2s; position: relative;}
.work-section ul.works li .image-wrap img{max-width: 100%; height: auto; filter: grayscale(100%);transition: transform .4s;}
.work-section ul.works li .image-wrap:hover img{ filter: grayscale(0);transition: transform .6s;transform: scale(1.2); }
.work-section ul.works li .content-wrap h3{margin: 24px 0 12px; font-size: 32px; line-height: 39px; color: #4A4A4A; position: relative; padding: 0 0 20px; display: inline-block;width: 100%;}
.work-section ul.works li .content-wrap h3:after{    content: ''; background:#c05c37; height: 8px; width: 100px; display: inline-block; position: absolute; left: 0; bottom: 0;}
.work-section ul.works li .content-wrap span.work-type{font-size: 24px; width: 100%; line-height: 29px; color: #9E9E9E;}
.gray-bottom{ background:#4A4A4A!important;}
@media (max-width: 1199px){
	.lets-talk-section .container{ height: auto; min-height: auto; }
	.lets-talk-section .container::before{ left: 0; width: 100%; }
	.lets-talk-section .column-wrapper{ flex-wrap: wrap; }
	.lets-talk-section .col-left{ width: 100%; margin: 0; padding: 50px 0 0;}
	.lets-talk-section .col-right{ width: 100%; margin: 0; padding: 35px; }
	.lets-talk-section .col-left h3{ padding: 30px 0 0; }
	.lets-talk-section .col-left a{ margin-top: 30px; }
	.lets-talk-section .col-right p {text-align: center;}
	.work-section ul.works{ -webkit-column-gap: 50px; column-gap: 50px; }
	.work-section .section-title{ font-size: 43px; width: 100%; line-height: 48px; }
}
@media ( max-width: 767px ){
	.section-title{ font-size: 30px; line-height: 38px; padding: 0 0 26px; margin: 0 0 26px; }
	.section-title:after{ height: 6px; }
	.lets-talk-section .col-right{ width: 100%; margin: 0; padding: 0; }
	.lets-talk-section .col-left h3{ font-size: 40px; line-height: 48px; padding: 30px 0 0; }
	.lets-talk-section .col-right{padding: 20px 0;}
	.lets-talk-section .col-right p { font-size: 20px; line-height: 28px;}
	.services-section .col-sm-4{ margin-bottom: 40px;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.services-section .section-title{ margin: 0 0 26px; }
	.work-section { padding: 30px 0; }
	.work-section .section-title{ width: 100%;  line-height: 38px;}
}
.connect-form form{ max-width: 812px; margin:15px auto 75px; padding: 0; }
/* Footer ---------------------------------------------------------------------------------*/
.awards-section{position: relative; padding-bottom: 60px;}
footer{background:#000;}
.example-left{position: absolute; left: 0; right: 0; top:-20px;z-index: -1;} 
.footer .footer-top {padding-bottom: 10%;}
.footer .footer-top h3 { color: #fff; font-size: 58px; padding:0px; line-height: 64px; position: relative; font-weight:900;}
.footer .footer-top p{ color: #fff; font-size:24px; padding: 0 0 0 6px; margin: 0 0 20px;line-height: 39px; }
.footer .footer-top a{ margin-top: 60px; text-decoration:none; text-transform: uppercase; position: relative; background:#c05c37; border: 1px solid #c05c37;font-family: "Montserrat", sans-serif; color:#fff; 
display: inline-block; padding: 16px 0; font-size:16px; width:240px; text-align: center; font-weight:800;}
.footer .footer-top.hm-footer-top {width: 450px;max-width: 100%;height:60vh;padding:9em 0 2em 0;}
.footer .footer-top.hm-footer-top h3 {padding-bottom:10px;margin-bottom:10px;}
.footer .footer-top.hm-footer-top h3 + a {margin-top: 0;}
.footer .footer-bottom {height: 28vh;padding: 50px 0;}
.footer .footer-bottom.mt-100{ margin-top:240px; }
.footer .footer-bottom .social-links{margin:0 0 32px;padding: 0;list-style-type: none;display: inline-block;width: 100%;}
.footer .footer-bottom .social-links li{display: inline-block;vertical-align: middle;margin: 0 8px;}
.footer .footer-bottom .social-links li a{font-size: 0;display: inline-block;background-repeat: no-repeat;background-position: 0 0;vertical-align: top;}
 
.footer .footer-bottom .privacy-policy{color: #fff;text-decoration: underline;font-size: 30px;margin-left: 8px;}
.footer .footer-bottom .privacy-policy:hover{text-decoration: none;}
.footer .footer-bottom .copyright{margin:15px 0 0 6px; color: #fff; font-size: 24px; padding: 0; }
.footer .footer-bottom address{color: #fff;font-size: 32px;display: flex;flex-wrap: wrap;align-items: flex-end;margin:0px 0 0 4px;line-height:39px;}
.footer .footer-bottom address p{margin: 0 0 23px;padding: 0; width: 100%;}
.footer .footer-bottom address p:last-child {margin: 0;}

address p a, .copyright, address p{color:#fff;}
.navbar-popup .social-links{margin:0 0 1rem; min-height:52px; padding: 0;list-style-type: none;display: inline-block;width: 100%;}
.navbar-popup .social-links li{display: inline-block;vertical-align: middle;margin: 0 8px 0 0;}
.navbar-popup .social-links li a{font-size: 0;display: inline-block;background-repeat: no-repeat;background-position: 0 0;vertical-align: top;}
.address p a:hover{text-decoration:underline;}
.navbar-popup .container {
  width: 100%;
  margin:120px auto 0;
  padding: 0 40px;
  max-width: 90%;
}
@media ( max-width: 767px ){
	.footer .footer-bottom.mt-100{ margin-top: 30px; }
	.footer .footer-bottom.mt-100 .col-sm-5{ order:2; }
	.footer .footer-bottom.mt-100 .col-sm-7{ order: 1; }
}
.mob-img{display: none;}
.goldcitymall-content{position: relative; overflow: hidden;}
.goldcitymall-container.upeny-container .col-md-3{padding-bottom: 10px;}
.goldcity-left-img{margin-left: -400px; margin-top: -30px;}
.gcm-cont{margin-left: -100px; width:100%; margin-top: 60px;}
.goldcity-left-img2 img {max-width: 135%;width: auto;float: right;}
.goldcity-left-img2 .doubleImg {display: inline-block;text-underline-position: right;width: 100%;}
.goldcity-left-img2 .doubleImg .backImage {left: auto;}
.padding-top2{padding: 90px 0 0 0;}
.product-img{position: relative; width: 100%;}
.pi-mac-img{position: absolute; bottom: 0; right: 0;}
.posiblity{overflow: hidden;}
.mar-rigt{margin-right: -400px; float: right; width: 90%;}
.text-right{float: right; width: 420px; text-align: left!important;}
.padding-top3{padding-top: 250px;}
.padding-top4{padding-top: 80px;}
.seva-cont{padding:0 0 0 23%;}
.mar-top-300{margin-top: -200px;}
.mar-left-300{margin-left: -300px;}
.seva-banner h3{color: #fff!important;}
img{max-width: 100%;}
 
/* Peter CSS Start Here ============================= */
html {overflow-x: hidden;overflow-y: auto;}
.img-model-base {position: relative;overflow: hidden;display: inline-block;width: 100%;}
.img-model{position:relative;margin:0 auto;overflow:hidden;filter: grayscale();-webkit-filter: grayscale();-ms-filter: grayscale();float: left;width: 100%;transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-ms-transition: 0.4s all ease;}
.img-model-base:hover .img-model {filter: grayscale(0);-webkit-filter: grayscale(0);-ms-filter: grayscale(0);transform: scale(1.02);-webkit-transform: scale(1.02);-ms-transform: scale(1.02);}
.dtable {display: table;height: 100%;width: 100%;}
.dtable-cell {display: table-cell;width: 100%;vertical-align: middle;}
.valign-top {vertical-align: top;}
.valign-bottom {vertical-align: bottom;}
.invert-section {background-color: #000000;color: #9E9E9E;}
.invert-section h2 {color: #9E9E9E;}
.text-black {color: #000 !important;}
.lr-white-shade {position: relative;}
.lr-white-shade::after {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 60%;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 100%);}
.lr-white-shade > div {position: relative;z-index: 9;}
.color-code-img img {width: 100%;}
.fullheight-banner {height: 100vh !important;width: 100%;padding: 130px 0;}
h2 {line-height: 1.1;color: #6F7072;}
.title {position: relative;padding-bottom: 40px;margin-bottom: 30px;}
.title:after {content: '';width: 120px;height: 16px;background:#c05c37;position: absolute;left: 0;bottom: 0;}
.sm-title {font-size: 32px;position: relative;color: #6F7072;padding-bottom: 24px;margin-bottom: 16px;}
.sm-title:after {content: '';width: 120px;height: 8px;background:#c05c37;position: absolute;left: 0;bottom: 0;}
.thanks-section p {font-size: 20px;color: #fff;}

.mw-box {width: 100%;max-width: 470px;}
.mws-box {width: 100%;max-width: 445px;}
.mwb-box {width: 100%;max-width: 600px;}
.res-way-text {margin-bottom: -10%;}
.bg-lt-gray {background-color: #F6F5F5;}
#magic-cursor {position: fixed;width: 30px;height: 30px;pointer-events: none;z-index:1000000;left: 0;top: 0;}
#ball {position: fixed;display: block;left: 0;top: 0;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 25px;height: 25px;background-color:#c05c37;border-radius: 50%;pointer-events: none;opacity:1;z-index: 99999;}
html, html *, body, body * {cursor: none !important;}
html.touch, html.touch *, .touch body, .touch body * {cursor: auto !important;}
.relative, .opcity-bg, .opcity-bg .col{position: relative;}
.bg-black {background-color: #000;}
.opcity-bg:hover .col:before{width:100%; height: 100%; position:absolute; z-index: 1; background:rgba(255,255,255,0.8); content: '';}
.opcity-bg .col:hover .rc-box{position: relative; z-index: 99999;}
/* Cursor CSS*/
.circle-cursor {position: fixed;left: 0;top: 0;pointer-events: none;-webkit-border-radius: 50%;border-radius: 50%;}
/*.circle-cursor.white {mix-blend-mode: difference;-webkit-mix-blend-mode: difference;-ms-mix-blend-mode: difference;}
.circle-cursor.multiply-cursor {mix-blend-mode: multiply;-webkit-mix-blend-mode: multiply;-ms-mix-blend-mode: multiply;}*/
.circle-cursor.first.circle-cursor--inner:after {-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);}
.circle-cursor--outer {z-index: 11000;width: 25px;height: 25px;border: 1px solid #c05c37;background:#c05c37;}
.touch .circle-cursor {display: none !important;}

/* btn css */
.button a{ margin-top:0px; text-decoration:none; text-transform: uppercase; position: relative; background:#c05c37; border: 1px solid #c05c37;font-family: "Montserrat", sans-serif; color:#fff; 
display: inline-block; padding: 16px 0; font-size:16px; width: 240px; text-align: center; font-weight:800;-webkit-box-shadow: 0px 10px 5px 0px rgba(212,212,212,1);
-moz-box-shadow: 0px 10px 5px 0px rgba(212,212,212,1);
box-shadow: 0px 10px 5px 0px rgba(212,212,212,1);}
.responsive{position: relative;}
.work-img .video {width: 100%; position:relative;left: 0;top: 0;}
.work-img .video .vdo, .work-img video {z-index: 1; height:507px; width: 100%; object-fit:cover;}
.work-img .video .bg {width: 100%;height:100vh; z-index: 2;position: absolute;top: 0;}
.mtt8{margin-top:40px; margin-left: 0px;}
.services-section .dtable{width:40%; float: left;}
.right-video-section{width: 60%; float: right; padding: 0 0 0 50px; margin-top:40px; height: 500px;}
.right-video-section video{object-fit:cover; width:100vw; height:100%;}
.footer-bottom a{color:#fff; text-decoration: underline;}
.footer-bottom a:hover{opacity:0.5; text-decoration: none;}
.work-img {height: 530px;}
.mt-14{margin-top:-30px!important;}
.contact-scroll{z-index:1;}
.contact-scroll img{ opacity: 0.4;}
.footz{position: relative; z-index: 2;}
.button a, .footer .footer-top a{transition:0.6s;}
.button a:hover, .footer .footer-top a:hover{background: transparent; box-shadow:none; color:#c05c37;transition:0.6s;}
 
/* animation css */
.rc-box, .rc-box p{transition:0.6s;}
.rc-box img{transform: translateY(0px);transition: 1.0s; filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */object-fit: cover;
    width: 100%;}
.rc-box:hover img{transition: 1.0s; transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px); opacity:1;-webkit-filter: grayscale(0);
  filter: none;}
.rc-box:hover p{
  transition: 1.0s;transform: translateY(-4px);-webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);-ms-transform: translateY(-4px); 
  -o-transform: translateY(-4px); opacity:1;
}
.work-section .rc-box img{-webkit-filter: grayscale(0); filter: none;}

  
  .panel-default-box .tab{display: flex;  flex-wrap: wrap;gap:20px;}
  .panel-default-box .tab li{font-size: 24px; font-weight:700; position: relative;}
  .panel-default-box .tab li::after {
	background: rgba(0,0,0,0.5);
	width: 2px;
	height: 15px;
	top: 7px;
	right: -12px;
	content: '';
	position: absolute;
}
.panel-default-box .tab li:last-child::after{background:transparent;} 
  .tabcontent {display: none;   }
  .panel-body {margin-top: 30px;}
   li.tablinks.active {color:#c05c37;}
  .about-us-sec{padding:90px 0 80px 0;margin-top:130px;}
  .magic-slider.owl-carousel .owl-stage-outer{overflow:visible;}

  /*---------- about-us page style---------- */
  .dilevery-box{text-align:center;}
  .dilevery-box h4{color:#c05c37;    font-size:58px;font-weight:900;}
  .dilevery-box h4 span{color:#c05c37;}
  .dilevery-box p{font-size:28px; font-weight:900; color:#9E9E9E;}
  .prd .col-lg-3 .dilevery-box{border-left:1px solid #9E9E9E;}
  .prd .col-lg-3:last-child .dilevery-box{border-right:1px solid #9E9E9E;}
  .mrt-11{margin-top:1px;}
  .coman-title .slowgan {font-size: 16px;    font-weight: 900;    margin-bottom:0;}
  .coman-title h1{font-size:58px;font-weight:900;color:#6F7072;line-height:1.1;}
  .coman-title h2{font-size:58px;font-weight:900;color:#6F7072;line-height:1.1;}
  
  
     /*--------------inner page style------------- */
/*------------------- story section style---------------- */
.story-sec{padding:120px 0 80px 0;position:relative;}
.story-sec .coman-title{max-width:500px;}
.tory-left-box h2{margin-bottom:20px;}
.magic-icon img{width:100%;object-fit: cover;}
.slick-slider .element{margin:0 10px;}
.story-imgs img {    width: 100%;    object-fit: cover;margin-bottom:-7px;}
.story-slider .slick-arrow {    display: none;}
/*-----------------powering-section style---------------- */
.powering-sec{padding:100px 0 80px 0;position:relative;}
.brand-list{font-size:24px;font-weight:900;color:#9E9E9E;}
.none-desktop{display:none;}
.brant-top-imag img { width:100%;    object-fit: cover;margin-bottom:-7px;}
.mrt-40{margin-top:40px;}
.mrt-20{margin-top:40px;}
.brand-poster{margin-top:30px;}
.sele-box{width: 100%;height:700px; background:#f1f1f1;}
/*----------------dc-worker---section style---------------- */
.work-section.dc-ws{padding:130px 0 80px 0;position:relative;}
.cnt-box{text-align:center !important;}
.cnt-box {margin: 0 auto;    text-align: center !important;}
.footer .footer-bottom .address {    color: #fff;    font-size: 32px;    display: flex;    flex-wrap: wrap;    align-items: flex-end;    margin: 0px 0 0 4px;    line-height: 39px;}
.footer .footer-bottom .address p a{color:#fff;}
.footer .footer-bottom .address p a:hover{color:#c05c37;text-decoration:underline;}
.dc-video video{width:100%;}
.dc-ban img {  height: 100vh;  width: 100%;  object-fit: cover;}


/*----------- replace file style------------ */
.panel-body {margin-top: 60px;}
.ab-btn a:hover{background:#fff;color:#c05c37;}
.services-section h5{font-size:28px;color:#6F7072;font-weight:900;}
.story-slider .slick-list{overflow:visible;}

/*-------------------change-sec--- style---------------- */
.change-sec{padding:100px 0 80px 0;position:relative;}
.change-sec .coman-title{max-width:90%;}
.change-left-box h2{margin-bottom:20px;}
.change-imgs img {    width: 100%;    object-fit: cover;margin-bottom:-7px;}

/*-----------team-section style style------------ */
.team-sec{padding:150px 0 80px 0;position:relative;}

.team-box{position:relative;margin-bottom:100px;}
.team-img img {width: 100%;    object-fit: cover;    margin-bottom: -7px;}
.team-img {border: 1px solid #D1CECE;}
.hide-box p{margin-bottom:0;display:none;transition:0.9s;font-size:20px;color:#fff;}
.hide-box {position:absolute;    width:100%;    left:0;    bottom:-80px;    transition:0.9s; }
.team-box:after{    content: '';    position:absolute;    width:100%;    height:100%;    top:0;    left:0;    }
.team-box:hover:after{background: #c05c37 0% 0% no-repeat padding-box;
mix-blend-mode: darken;}
.hide-box h6{font-size:28px; font-weight:900;color:#6F7072;transition:0.9s;}
.hide-box span{font-size:20px; font-weight:400;color:#6F7072;transition:0.9s;}
.team-box:hover .hide-box {bottom: 20px;      transition: 0.9s;    z-index: 10;    padding: 0 20px;}
.team-box:hover .hide-box h6{color:#fff;}
.team-box:hover .hide-box span{color:#fff;}
.team-box:hover .hide-box p{display:block;transition:0.9s;}

/*-----------Award-section style style------------ */
.awards-sec{padding:150px 0 80px 0;position:relative;}
.clients-section{position:relative;padding:90px 0 80px 0; margin-top:50px;}
.example-left.contact-scroll { margin: 40px 0 0 0;}
/*-----------brand-sec style style------------ */
.brand-sec{padding:150px 0 80px 0;position:relative;}
.brand-back{z-index:10; position:relative; z-index:10;}
.brand-back:before{
  content:'';
  position:absolute;
  width:376px;
  height:352px;
  right:0;
  top:-60px;
  background:url(../img/brand-bf.png)right top no-repeat;
  z-index:-1;
}

/*.brand-acco .accordion{margin-top:40px;}*/
.brand-acco .accordion-item { background-color: #fff;    color: #D1CECE;    border: none;    border-bottom: 1px solid #D1CECE;border-radius: 0;} 
.brand-acco .accordion-item-header {    padding: 15px 30px 15px 0;    font-weight: bold;    align-items: center;    position: relative;}
.brand-acco .accordion-item-header::after {content: '';font-size: 32px;font-weight: 900;float: right;position: absolute;width: 20px;height: 20px;top: 20px;transition: .3s all;        transform: rotate(0deg);        right:15px;        color: #000;        background: url(../img/acco-ar.png) center top no-repeat;  }
.brand-acco .accordion-item-header.active::after {rotate: 180deg; }
.brand-acco .accordion-item-body {max-height: 0;    overflow: hidden;    transition: max-height 0.2s ease-out;  }
.brand-acco .accordion-item-body-content {    padding: 1rem;    line-height: 1.5rem;  }
.brand-img img{width:100%;object-fit:cover;}
.brand-sec .mb1{margin-bottom:20px !important;}
/*--------------- contact foam style------------- */
.content-box.banner-form h3{  padding-bottom: 40px;    margin-bottom: 40px;    font-size: 48px;    line-height: 48px;    color: #fff;    position: relative;    font-weight: 900;}


.banner-form .form-control {  display: block;  width: 100%;  font-size: var(--bs-body-font-size);  padding: 0.475rem 0.475rem 0.475rem 0.7rem;  font-weight: 400;  line-height: 1.3;  color: var(--bs-white);  background: transparent;  background-clip: padding-box; border:none;     border-bottom: 1px solid #707070;  border-radius: 0px;  transition: all 0.4s ease-in-out;}
.form-control { height: calc(2.3em + 0.75rem + 10px);border-radius: 0px;}
.content-box .form-group textarea.form-control { resize: none;}
.form-group {position: relative;    margin-bottom: 0;    padding: 10px 0px;}
.form-group .form-control:focus {color: #fff;  box-shadow: rgba(255, 253, 253, 0.5) 0px 3px 8px;  border: 1px solid red;  transition: all 0.4s ease-in-out;background:transparent;}
.banner-form .btn-form {min-width:200px;text-align: center;position: relative;display: inline-block;text-transform: uppercase;font-size: 18px;font-weight:800;border: 1px solid #c05c37;    background: #c05c37;    color: #fff;    padding: 10px 25px;    transition: 0.3s;}
.banner-form .btn-form:hover {background: transparent;    color: #fff;}
.bd-example table{text-align: left;} 
.coman-tt h1{text-transform: uppercase; position:relative;font-weight:400;padding-left:10px;line-height:1.3;font-size:48px;}
.coman-tt h1 span{color:var(--bs-base-color)}
.coman-tt h1:after{	content: '';	position:absolute;	width:8px;	height:60px;	left:-16px;	top:0;	background:var(--bs-base-color);	border-left:5px solid var(--bs-base-color);}
.banner-form input::placeholder{color:var(--bs-white);}
.rc-box h5{font-size:28px;font-weight:900;color:#6F7072}
body.light-theme .footer.remove-h{padding:100px 0 0px 0;}
.footer.remove-h .footer-bottom {  height:auto;}
.services-section.mmrt-20{padding:100px 0 80px 0;}
    /*------- cms page style-------- */
.cms-page {padding: 100px 0 80px 0;}
.cms-page a {color: #000;font-weight: 600;}
.cms-page a:hover {color: var(--bs-base-color);}
.cms-page ul li,.cms-page ol li{list-style: disc;}
.cms-page ul, .cms-page ol {padding-left: 30px;margin: 15px 0;}
.cms-page table {text-align: center;margin-bottom: 25px; border: 1px solid #000;}
.cms-page table tr th {padding: 5px 10px; border: 1px solid #000;}
.cms-page table tr td {padding: 5px 10px; border: 1px solid #000;}
.tag-list span {background:transparent;padding:10px 26px 4px 0;border-radius: 0px;font-weight: 600; font-size:18px;position:relative;}
.tag-list span::after {
	background: rgba(0,0,0,0.5);
	width: 2px;
	height: 15px;
	top:14px;
	right: 11px;
	content: '';
	position: absolute;
}
.details-taglist span{font-size:20px;font-weight:900;color:#9E9E9E;font-family: 'objectivitybold';}
.details-taglist span::after {
	background:#9E9E9E;
	width: 2px;
	height: 15px;
	top:14px;
	right: 11px;
	content: '';
	position: absolute;
}
.tag-list span:last-child::after, .details-taglist span:last-child::after{background:transparent;} 

.animate-text {height:86px; overflow: hidden;} 
.animate-text span{ display:none;color:#c05c37; width: 100%;}
.animate-text .text-in{display: block; animation: textIn .5s ease;}
.animate-text .text-out{ animation: textOut 5s ease;}
@keyframes textIn{
  0%{
    transform: translateY(100%);
  }
  100%{
    transform: translateY(0%);
  }
}
@keyframes textOut{
  0%{
    transform: translateY(0%);
  }
  100%{
    transform: translateY(-100%);

  }
}
svg text{
  stroke:rgba(255,255,255,0.2);
  font-size:240px;
   font-family: 'futura_ptextra_bold';
  stroke-widthL 1;
  animation: animationEffect 5s infinite alternate;font-weight: normal;
}
.gray-text svg text{stroke:rgba(0,0,0,0.2); font-family: 'futura_ptextra_bold';font-weight: normal;}
@keyframes animationEffect{
  0%{
    stroke-dasharray: 0 50%;
    stroke-dashoffset: 20%;
  }
  100%{
    stroke-dasharray: 50% 0;
    stroke-dashoffset: -20%;
  }
}
.content-box.banner-form h1{color:#fff;}
.content-box.banner-form {position: relative;z-index: 999;}
.page-worklist .mb1{margin-bottom:0!important}
.page-worklist{margin-top:120px;}
.about-client{padding-top: 106px;}
#section06{margin-top:130px; padding-top: 140px;}



/* model */
 

.accordion__header {
  padding: 1em 0;
  background-color:transparent;
  margin-top: 2px;width:50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.accordion__header > * {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.accordion__header.is-active {
  background-color:transparent;
  color: #000;
}
 
.is-active .accordion__toggle {
  background-color:transparent;
}

.is-active .accordion__toggle::before {
  display: none;
}

.accordion__body {
  display: none;
  padding: 1em 0;
  border:none;
  border-top: 0;
}

.accordion__body.is-active {
  display: block;
}
.rvs-position video{width:100%;}
.right-video-section.rvs-position{width:auto;}
.right-video-section.rvs-position {position: absolute;right: 0;top: 0;padding: 0;
  width: 46%; height:auto;}
.pro-reletive-new{position:relative;}
.accordion__header::after {
	content: '';
	font-size: 32px;
	font-weight: 900;
	float: right;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	transition: .3s all;
	transform: rotate(0deg);
	right: 0;
	color: #000;
	background: url(../img/acco-ar.png) center top no-repeat;
}
.accordion__header.is-active::after {
	rotate: 180deg;
}
.accordion__header{position:relative;}
.map-img, .map-img video{width:100%;}

 .custom-modal-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height:100vh;
      background: rgba(0,0,0,0.6);
      z-index: 999;
      justify-content: center;
      align-items: center;
    }

    /* Modal box */
    .custom-modal {
      background: #fff;
      border-radius:0px;
      width: 70%;
      max-width:70%;
      padding:0px;height:70%;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      text-align: center;
      position: relative;top:10%; left:15%;
      animation: fadeIn 0.3s ease;
    }
 .custom-modal video {width: 100%;}
    /* Close button */
    .custom-close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 22px;
      cursor: pointer;
      color: #888;
    }


/* nav hover effect */
.navbar-popup ul.navbar-nav li:nth-child(1):hover::after {
	background: url(../img/hover-work.png) left top no-repeat;
	width: 100%;
	height: 160px;
	position: absolute;
	content: '';
	left: -130px;
	top: -40px;
	background-size:60%;
	opacity:1;
}
.navbar-popup ul.navbar-nav li:nth-child(2):hover::after {
	background: url(../img/hover-about.png) left top no-repeat;
	width: 100%;
	height: 160px;
	position: absolute;
	content: '';
	left: -130px;
	top: -40px;
	background-size:74%;
	opacity: 0.5;
}
.navbar-popup ul.navbar-nav li:nth-child(3):hover::after {
	background: url(../img/hover-service.png) left top no-repeat;
	width: 100%;
	height: 170px;
	position: absolute;
	content: '';
	left: -130px;
	top: -60px;
	background-size: 90%;
	opacity: 0.7;
}
.navbar-popup ul.navbar-nav li:nth-child(4):hover::after {
	background: url(../img/hover-contact.png) left top no-repeat;
	width: 100%;
	height:120px;
	position: absolute;
	content: '';
	left: -130px;
	top: -30px;
	background-size: 100%;
	opacity: 0.7;
}
.navbar-popup ul.navbar-nav li:hover a{background:transparent;}
.navbar-popup ul.navbar-nav li.nav-item a.nav-link { 
    z-index: 999;
    position: relative;
  }
.navbar-popup ul.navbar-nav li.nav-item a.nav-link:hover{background:transparent;}

.custom-close:hover {
      color: #000;
    }
    /* Animation */
    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.9); }
      to { opacity: 1; transform: scale(1); }
    }@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoe_ui-webfont.woff2') format('woff2'),
         url('../fonts/segoe_ui-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segoe_uibold';
    src: url('../fonts/segoe_ui_bold-webfont.woff2') format('woff2'),
         url('../fonts/segoe_ui_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futura_ptextra_bold';
    src: url('../fonts/futuracyrillicextrabold-webfont.woff2') format('woff2'),
         url('../fonts/futuracyrillicextrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'objectivitybold';
    src: url('../fonts/objectivity-bold-webfont.woff2') format('woff2'),
         url('../fonts/objectivity-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'objectivityextra_bold';
    src: url('../fonts/objectivity-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/objectivity-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
body{font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 18px;font-weight:400;}
* {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:hover, a:visited, a:focus, a:active{ outline: none; border: 0; }
button:focus{ outline: none; border: 0px; }
p{font-size: 20px; line-height: 26px;font-weight:400;}
h1, h2, h3, h4, h5, h6{ font-family: 'objectivitybold'; color:#6F7072; font-weight: 700;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  color:#9E9E9E;
}
h1{font-size: 58px; font-weight:900;}
h2{font-size: 58px; font-weight:900;}
a {transition: ease-in-out all 0.25s;  -webkit-transition: ease-in-out all 0.25s;  -ms-transition: ease-in-out all 0.25s;  -o-transition: ease-in-out all 0.25s;  text-decoration: none;  color: #000;  cursor: pointer;}

a:active, a:hover {outline: 0;  text-decoration: none;}
img {max-width: 100%;}
button:focus, a:focus {outline: none;}
a:hover {text-decoration: none;}
.form-control:focus, .btn.focus, .btn:focus {box-shadow: none;}
:root {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-gutter-xx: 0;
  --bs-white:#B7B7B7;
  --bs-base-color: #E5A157;
  --bs-base-blue: #273C65;
  --bs-base-dark-blue:#112240;
  --bs-gray-bg: #f0f0f0;
  --bs-border-color: #9d9d9d;
  --bs-body-font-size:16px;
  --bs-body-font-weight:300;
  --bs-body-line-height: 1.5;
  --bs-body-font-family: "Montserrat", sans-serif;
}
body {
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  overflow-x: hidden;
  
}
.card-product-details {--bs-card-spacer-y: 2.5rem;--bs-card-spacer-x: 2.5rem;}
.card-p {--bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;}
.card-body {flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-white);}
.card {
  --bs-card-spacer-y: 1.25rem;
  --bs-card-spacer-x: 1.25rem;
  --bs-card-title-spacer-y: 0;
  --bs-card-border-width: 0;
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-cap-padding-y: 1.25rem;
  --bs-card-cap-padding-x: 1.25rem;
  background: transparent;
}
.gx-10 {--bs-gutter-x: 10px;}
.gx-20, .g-20 {--bs-gutter-x: 1.5rem;}
.gx-30, .g-30 {--bs-gutter-x: 3rem;}
.gx-40 {--bs-gutter-x: 4rem;}
.gx-60 {--bs-gutter-x: 6rem;}
.gy-10 {--bs-gutter-y: 10px;}
.gy-20, .g-20 {--bs-gutter-y: 1.5rem;}
.gy-30, .g-30 {--bs-gutter-y: 3rem;}
.gy-40 {--bs-gutter-y:4rem;}
.gy-60 {--bs-gutter-y:6rem;}
.gyn {--bs-gutter-y: 0;}
.gxn {--bs-gutter-x: 0;}
.g-20.h-100 {  height: calc(100% + 1.25rem) !important;}
.row>* {
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}
.row {
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}
.slowgan{font-size:16px; font-weight:900;}
p.slowgan{color:#6F7072;margin-bottom:8px;line-height: 1;}
/* Light Theme */
body.light-theme{ background-color: #fff; }
body.light-theme .navbar.scroll{ background-color: #fff;}
body.light-theme .footer{position: relative;height:100vh;background-attachment: fixed; background-size: cover; overflow: hidden;}
/* Dark Theme */
body.dark-theme{ background-color: #000; }
body.dark-theme .navbar.scroll{ background-color: #000 }
body.dark-theme label{ color: #9E9E9E; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: normal; }
body.dark-theme .footer{ background-color: #000; margin: 0; padding: 60px 0; }
.doubleImg {position: relative;}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5   {position: relative; background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;}
.upeny-container{padding: 50px 0;background: #D7E9FF;background: -moz-linear-gradient(top, #D7E9FF 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top, #D7E9FF 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom, #D7E9FF 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7E9FF', endColorstr='#ffffff',GradientType=0 );}
.upeny-container h3 {position: relative;font-size:32px ;line-height: 39px;color: #4A4A4A;padding: 0 0 38px 0;}
.upeny-interconnected h4{font-size: 32px; line-height: 39px;}
.hope-container p {color: #4A4A4A;}
.upeny-container h3:after{content: '';padding: 0;margin: 0;width: 100px;height: 8px;display: inline-block;background:#c05c37;position: absolute;left: 0;bottom: 10px;}
.upeny-container .col-md-3 {padding-bottom:50px;}
.hope-purpose .text-right h3:after{ right:0; left: inherit;}
.upeny-interconnected {padding:0 0 100px;}
.upeny-interconnected .red-line{background:#c05c37;width: 100px;height: 8px;}
.padding-top {padding: 250px 0 0 0;}
.upeny-interconnected img {width: 100%;}
.white-text h3, .white-text p, .white-text h3, .white-text p{ color:#ffffff;}
.future-business-card{padding:0 0 10em 0;}
.future-business-card .future-business-card-single {margin-top: 30px;} 
.future-business-card .future-business-card-single:first-child img {transform: rotate(-14deg);-webkit-transform: rotate(-14deg);-ms-transform: rotate(-14deg);transform-origin: bottom left;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;}
.future-business-card .future-business-card-single:last-child img {transform: rotate(14deg);-webkit-transform: rotate(14deg);-ms-transform: rotate(14deg);transform-origin: bottom left;-webkit-transform-origin: bottom left;-ms-transform-origin: bottom left;}
.seva-container{padding: 50px 0 200px 0;background: #f67c64;background: -moz-linear-gradient(top, #f67c64 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top, #f67c64 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom, #f67c64 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67c64', endColorstr='#ffffff',GradientType=0 );}
.margin-minus-top{ margin:-230px 0 0; position:relative;}
.black-bg{ background:#000;}
.black-bg .padding-top {padding: 0;}
.black-bg h4, .black-bg p{ color:#9E9E9E;} 
.goldcitymall-container{padding: 40px 0;background: #fff5d8;background: -moz-linear-gradient(top, #fff5d8 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top, #fff5d8 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom, #fff5d8 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5d8', endColorstr='#ffffff',GradientType=0 );}
.product-page{padding:0 0 100px 0;}
.product-page img{ width:100%;}
.upeny-img h1 {font-size: 188px;}
/*Global Form CSS*/
.floating-label {position: absolute; top: 0; left: 0; user-select: none; z-index: 1; }
.floating-label-field {color: rgba(44, 62, 80, .75); border-width: 0; z-index: 2; }
.floating-label-field:focus {outline: 0; box-shadow: 0; }
.floating-label-field::placeholder {color: rgba(44, 62, 80, .5); }
.floating-label, .floating-label-field {font: inherit; line-height: 1; display: block; width: 100%; }
.floating-label-field, .floating-label-wrap {position: relative; }
.floating-label-field{ margin-bottom:50px;}
.floating-label-field--s1 {transition: border-color .25s ease-in-out; color: #9E9E9E; border-bottom: 3px solid #9E9E9E; background-color: transparent; font-size:18px; }
.floating-label-field--s1 + .floating-label {transition: transform .25s, opacity .25s ease-in-out; transform-origin: 0 0; opacity: 1; }
.floating-label-field--s1:focus, .floating-label-field--s1:not(:placeholder-shown) {border-color: rgba(239, 9, 2, 0.5); }
.floating-label-field--s1:focus + .floating-label, .floating-label-field--s1:not(:placeholder-shown) + .floating-label {transform: translate(0, -20px) scale(0.8);-webkit-transform: translate(0, -20px) scale(0.8);-ms-transform: translate(0, -20px) scale(0.8);opacity: 1;}
.floating-label-field--s1:valid:not(:placeholder-shown) {border-color: rgb(138, 138, 138); color: #fff;}
.floating-label-field--s1:invalid {border-color: rgba(255, 71, 87, .3); }
.floating-label-field--s1:not(textarea), .floating-label-field--s2:not(textarea), .floating-label-field--s3:not(textarea) {max-height: 64px; }
.floating-label-field--s1, .floating-label-field--s1 + .floating-label, .floating-label-field--s2, .floating-label-field--s2 + .floating-label {padding: 0; height: 40px; line-height:22px;  }
.floating-label-field--s1 + .floating-label, .floating-label-field--s2 + .floating-label {z-index: 1; }
.floating-label-field--s1::placeholder, .floating-label-field--s3::placeholder {color: transparent; }
.floating-label-field--s1{overflow: hidden; resize: none;}
button.btn, a.btn{ background:#c05c37; color: #fff; padding: 15px 23px; border: 0; border-radius: 0px; margin: 49px 0 0; font-family: 'Lato', sans-serif; font-size: 24px; cursor: pointer; }
.okay-btn{ min-width: 220px; }
/* Navigation ---------------------------------------------------------------------------------*/
.navbar{ margin: 0; padding:35px 0 0; width: 100%; position: fixed; z-index: 100; top: 0; left: 0;}
.navbar .container{ max-width: 100%; padding: 0; }
.navbar-toggler {display: flex;border: 0;padding: 0;margin: 0 35px 0 0;border-radius: 0;position: relative;
  background: url(../img/menu.svg) right top no-repeat;width: 60px;height: 52px;font-size: 0;}
.navbar-light .navbar-brand{ display: inline-block; padding: 0; border: 0; border-radius: 0; width:175px; height:56px; margin: 0 0 0 35px; cursor: pointer;}
.navbar-light .navbar-brand img{ max-width: 100%; height: auto; }
.navbar-popup{ position: fixed; right: -100%; top: 0; background-color: #000; display: inline-block; width: 100%; height: 100%; box-sizing: border-box; padding: 35px 35px 0;width: 0; -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; z-index: 999; overflow-y: auto;}
.nav-open .navbar-popup{ right: 0; width: 100%; }
.navbar-popup .navbar-toggler-close{ position: absolute; right: 74px; top: 40px; background: transparent; border: 0; cursor: pointer;}
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon { position: absolute; width: 64px; height: 64px; opacity: 1; }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:hover {opacity: 1; }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:before, 
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:after { position: absolute; left: 15px; content: ' '; height: 58px; width: 6px; background-color: #9E9E9E; border-radius: 5px; }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:before {transform: rotate(45deg); }
.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:after {transform: rotate(-45deg); }
.navbar-popup .navbar-brand{margin:0;}
.navbar-popup ul.navbar-nav{ width: 100%; margin:100px auto 0; padding:0 40px; max-width: 90%; }
.navbar-popup ul.navbar-nav li.nav-item{ padding: 0; margin:0px; position: relative; }
 
.navbar-popup ul.navbar-nav li.nav-item a.nav-link{ color: #fff; font-size: 58px; margin: 0; display:inline-block; width: auto; padding:0rem; background: #000; z-index: 1; font-weight:900;}
.navbar-popup ul.navbar-nav li.nav-item a.nav-link:hover, .navbar-popup ul.navbar-nav li.nav-item.active a.nav-link {color:#c05c37;}
.navbar-popup ul.navbar-nav li.nav-item:nth-child(2n+0) a.nav-link{ padding: .4rem 0rem .4rem 0rem;}
@media (max-width: 767px){
	.navbar{ padding: 15px; }
	.navbar-light .navbar-brand{ height: 50px; width: 50px; }
	.navbar-toggler{ margin: 0;  }
	.navbar-popup{ padding: 20px; }
	.navbar-popup .navbar-toggler-close{ right: 43px; top: 27px; }
	.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon{ width: 34px; height: 34px; }
	.navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:before, .navbar-popup .navbar-toggler-close .navbar-toggler-close-icon:after{ height: 34px; }
	.navbar-popup ul.navbar-nav li.nav-item{ margin-bottom:8px; }
	.navbar-popup ul.navbar-nav li.nav-item a.nav-link{ font-size: 26px; padding: .4rem 1rem .4rem 0rem; }
	.navbar-popup ul.navbar-nav li.nav-item:after{ top: 27px; height: 4px; }
	.navbar-popup ul.navbar-nav li.nav-item:nth-child(2n+0) a.nav-link{ padding: .4rem 0rem .4rem 0rem; }
	.navbar-popup ul.navbar-nav li.nav-item:nth-child(2n+0):after{ top: 26px; }
	.navbar-popup ul.navbar-nav{ margin: 50px auto 0; }
  .navbar-popup .container{width: 100%; padding:0;}
}
.main-content{min-height: calc(100vh - 276px); margin: 0; padding: 0; }
.page-title-wrapper{ color: #fff; margin: 140px 0 40px; padding: 0;}
.contact-title{margin-top: 130px;margin-bottom: 60px;}
.page-title{ font-size: 54px; color: #fff; font-family: 'Lato', sans-serif; margin: 0 0 0; }
button.btn.contactbtn{margin-top:30px;}
/* Banner ---------------------------------------------------------------------------------*/
.hero-holder{ width: 100%; height: 100vh; background-repeat: no-repeat; background-position: bottom right;min-height: 500px;}
.hero-holder img{height: 100vh; width: 100%; object-fit: cover;}
.caption-banner { display:block; height:200px; }
a.caption-btn{color:#c05c37;font-size: 27px;display: inline-block;padding: 0 35px 0 0;}
.slick-dots {padding-left: 15px;padding-right: 15px;}
.quotes {display: none;}
.hero-holder video {height: 100vh;width: 100vw;object-fit: cover;}
@media ( max-width: 1199px ){
	.slick-slide{ background-position: center center; background-size: cover;}
	.slick-dotted.slick-slider{ margin-bottom: 0; }
	.slick-dots{ width: calc(100% - 94px); }
	.navbar{ padding:7px 10px; }
  .navbar-light .navbar-brand{margin-left:0;}
	.navbar-toggler{ margin: 0px; }
}
@media (max-width: 767px){
	.slick-dots li {width: 35px;}
	.slick-dots{width: 100%;}
	.slick-dots li button{height: 5px;}
	.hero-banner .slick-dots {bottom: 15px;}
}
/* Home Paage Content Section ---------------------------------------------------------------------------------*/
@media (min-width: 1800px){
	.container { max-width: 82%; }
	.full-width{width: 80%;}
}
.brand-exp-content .section-title, .brand-exp-content.work-section ul.works li .content-wrap h3{ color:#9E9E9E;}
ul, li{ list-style:none; padding:0; margin:0;}
.brand-exp, .brand-exp-content{ background:#000;}
.compelling-section{ background:#000; padding:0 0 150px;}
.compelling-section .section-title{color:#9E9E9E; line-height:64px;}
.compelling-section .col-md-3 .section-title{color:#9E9E9E;font-size:32px;}
.feature{ padding:10px 0 0;}
.feature li{ color:#9E9E9E; font-size: 24px; line-height: 24px; position: relative; padding: 0 0 8px 15px;} 
.feature li:before{ position: absolute; left: 0; top: 8px; background:#c05c37; width: 8px; height: 10px; content: ''; }
.hope-container{padding:50px 0;background: #3468a4;background: -moz-linear-gradient(top,  #3468a4 56%, #ffffff 56%, #ffffff 56%);background: -webkit-linear-gradient(top,  #3468a4 56%,#ffffff 56%,#ffffff 56%);background: linear-gradient(to bottom,  #3468a4 56%,#ffffff 56%,#ffffff 56%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3468a4', endColorstr='#ffffff',GradientType=0 );}
.hope-container h3{ position:relative; font-size:32px; color:#FFF; padding:0 0 38px 0;}
.hope-container h3:after, .hope-purpose h3:after{content: '';padding: 0;margin: 0;width: 100px;height: 8px;display: inline-block;background:#c05c37;position: absolute;left: 0;bottom: 10px;}
.hope-purpose h3{ position:relative; font-size:32px; color:#000; padding:0 0 38px 0;}
.hope-container p{ color:#FFF; padding: 0 30px 0 0; font-size: 24px;}
.hope-container  .col-md-3{ padding-bottom:50px;}
.hope-scope{ padding:30px 0 0;}
.hope-purpose{margin: 267px 0 0 0; overflow:hidden;}
.right-crove{margin-right: -300px; float: right;}
.purpose-img{position:relative;width: 1920px;margin: 0 auto;max-width: 100%;}
.purpose-img img{ width:100%;}
.purpose-description{ position:absolute; bottom:0px; left:220px; width:550px;}
.purpose-description label, .hope-interconnected label{  background:#c05c37;  width: 100px; height: 8px;}
.hope-interconnected{ padding:40px 0px; width: 100%;display: inline-block;}
.hope-interconnected h4{ width:100%; float:left; font-size: 32px; line-height: 39px;}
.hope-interconnected img{ padding:50px 0 0;}
.color-code {width: 66%;padding: 80px 0 0;display: inline-block;}
.color-code ul{list-style: none; padding: 0; margin:0;}
.color-code ul {display: flex;display: -webkit-flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;box-sizing: border-box;margin-left: -15px;margin-right: -15px;}
.color-code ul li {float: left;flex-basis: 25%;-webkit-flex-basis: 25%;max-width: 25%;padding: 0 15px 90px;}
.color-code ul li div {margin-bottom: 10px;box-shadow: 3px 3px 6px #00000029;}
.color-code ul li span {font-size: 24px;}
.blue-dark{background: #3468a4;}
.blue-mid{background: #449ac1;}
.blue{background: #8dcef1;}
.blue-light{background: #dbf2fc;}
.orange{background: #f1873e;}
.yellow{background: #fcc610;}
.light-yellow{background: #ffe269;}
.gray {background-color: #707070;}
.hope-interconnected .container{padding: 0 30px;}
.benifit-section{padding: 0; position: relative;}
.benifit-right{position: absolute; right:0; top: -200px; width:42%;}
.section-title{ margin: 0; padding: 0 0 26px; text-align: left; font-size:64px; line-height:64px; color: #4A4A4A; position: relative; font-weight: normal; font-family: 'Lato', sans-serif;} 
.section-title:after{ content: ''; background:#c05c37; height: 13px; width: 120px; display: inline-block; position: absolute; left: 0; bottom:0px;}
.compelling-section .col-lg-3 .section-title2 {color: #9E9E9E;font-size: 32px; line-height: 32px; padding-bottom: 30px;}
.section-title2{position: relative; margin-top:40px;} 
.section-title2:after{ content: ''; background:#c05c37; height: 8px; width: 120px; display: inline-block; position: absolute; left: 0; bottom: 0;}
.clients-section h2{padding-bottom:40px;}
.wid-60{width: 60%;}
.wid-20{width: 20%;} 
.award-title{font-weight:800; font-size: 20px; color:#6f7072;}
.award-list{display:block; list-style: none; width: 100%; margin-top:26px; position: relative;}
.award-list .hiden-img{display: none;transform: rotate(10deg); width:350px; overflow: hidden; position: absolute; top:-30px; right:-110px; display: none;}
.hiden-img img{transform: rotate(0deg);}
.award-list li:nth-child(2n+1):hover .hiden-img{ display: block; transform: rotate(20deg);}
.award-list li:nth-child(2n+2):hover .hiden-img{ display: block; transform: rotate(-20deg);}
.award-list{display:block; list-style: none; width: 100%; margin-top:26px;}
.award-list li{width:100%; padding-bottom:20px; display:flex; border-bottom:solid 1px #ccc; margin-bottom:20px;}
.award-list li:last-child{border: none;}
.text-center{text-align: center;}
/* .panel-default .fade:not(.show) {opacity: 1;} */
.panel-heading ul{border:none;}
.panel-heading ul li{padding-right:20px; position:relative;}
.panel-heading ul li:after{ width: 1px; height: 10px; position: absolute; content: ''; right: 0; top: 0; background:#ccc;}
 
.banner-fade-text{overflow:hidden; height:70px;}
.hero-holder h1{color:#fff;}
.hero-content{position: absolute; text-align: center; top: 50%;width: 100%;
  -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hero-holder:before{background: url(../img/banner-shadow.svg) center top no-repeat;background-size: 100%; content:''; left:0; top:0; width: 100%; height: 100%; position:absolute;}
.down-arrow{position: absolute; width: 100%; text-align: center; z-index: 9; 
  bottom:40px; color:#fff; text-decoration: underline; opacity:0.6;}
.down-arrow a{color:#fff;}
.down-arrow p{margin-bottom:0;}
.down-arrow img{width:32px; height:32px;-webkit-animation: sdb05 1.5s infinite;
  animation: sdb05 1.5s infinite;}
@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(0deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(1px, 20px);
    opacity: 0;
  }
}
 
.services-section .section-title{ margin: 0 0 46px; }
.services-section{ padding:75px 0;position: relative; margin-top:50px;}
.awards-section{padding-top:140px;margin-top: 70px;}
.services-section .image-wrap{overflow: hidden;display: inline-block;width: 100%;}
.services-section .image-wrap img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); max-width: 100%; height: auto; transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-ms-transition: 0.2s all ease;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
.services-section .image-wrap:hover img {filter: grayscale(0);-webkit-filter: grayscale(0);-ms-filter: grayscale(0);transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);}
.services-section .content-wrap{ text-align: center; }
.services-section .content-wrap h3{ margin: 0; padding: 20px 0 25px 0; font-size:32px; line-height: normal; color: #4A4A4A; font-family: inherit;} 
.services-section .content-wrap h3 a, .work-section ul.works li .content-wrap h3 a {color: #4A4A4A;text-decoration: none;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-ms-transition: 0.2s all ease;}
.services-section .content-wrap h3 a:hover, .work-section ul.works li .content-wrap h3 a:hover {color:#c05c37 !important;}
.services-section .content-wrap p{ font-size: 24px; line-height:29px; color: #4A4A4A; margin: 0 0 14px; padding: 0; font-family: inherit; }
.services-section .content-wrap a.view-more{ font-size:24px; line-height: 29px; font-weight: bold; letter-spacing: 0; color:#c05c37; display: inline-block; font-family: inherit; background: url(../img/arrow.svg) no-repeat 100% 7px; padding: 0 25px 0 0; background-size: 11px;}
.work-section{padding:110px 0 80px 0; margin-top:80px}
.mar-top-100{margin-top: 100px;}
.work-section .section-title{width: 100%; line-height: 64px; padding: 0 0 35px; margin: 0 0 60px; }
.work-section ul.works{width: 100%; display: block; box-sizing: border-box; -ms-column-gap: 15%;-webkit-column-gap: 15%; column-gap: 15%; position: relative; -webkit-column-count: 2; column-count: 2;-ms-column-count: 2; margin: 0; padding: 0;  list-style-type: none; }
.work-section ul.works li{-webkit-column-break-inside: avoid; break-inside: avoid; position: relative; margin-bottom: 107px;}
.work-section ul.works li:first-child{ margin-bottom: 0; }
.work-section ul.works li .image-wrap{margin-top: 0; margin-bottom: 20px; overflow: hidden;transition: transform .2s; position: relative;}
.work-section ul.works li .image-wrap img{max-width: 100%; height: auto; filter: grayscale(100%);transition: transform .4s;}
.work-section ul.works li .image-wrap:hover img{ filter: grayscale(0);transition: transform .6s;transform: scale(1.2); }
.work-section ul.works li .content-wrap h3{margin: 24px 0 12px; font-size: 32px; line-height: 39px; color: #4A4A4A; position: relative; padding: 0 0 20px; display: inline-block;width: 100%;}
.work-section ul.works li .content-wrap h3:after{    content: ''; background:#c05c37; height: 8px; width: 100px; display: inline-block; position: absolute; left: 0; bottom: 0;}
.work-section ul.works li .content-wrap span.work-type{font-size: 24px; width: 100%; line-height: 29px; color: #9E9E9E;}
.gray-bottom{ background:#4A4A4A!important;}
@media (max-width: 1199px){
	.lets-talk-section .container{ height: auto; min-height: auto; }
	.lets-talk-section .container::before{ left: 0; width: 100%; }
	.lets-talk-section .column-wrapper{ flex-wrap: wrap; }
	.lets-talk-section .col-left{ width: 100%; margin: 0; padding: 50px 0 0;}
	.lets-talk-section .col-right{ width: 100%; margin: 0; padding: 35px; }
	.lets-talk-section .col-left h3{ padding: 30px 0 0; }
	.lets-talk-section .col-left a{ margin-top: 30px; }
	.lets-talk-section .col-right p {text-align: center;}
	.work-section ul.works{ -webkit-column-gap: 50px; column-gap: 50px; }
	.work-section .section-title{ font-size: 43px; width: 100%; line-height: 48px; }
}
@media ( max-width: 767px ){
	.section-title{ font-size: 30px; line-height: 38px; padding: 0 0 26px; margin: 0 0 26px; }
	.section-title:after{ height: 6px; }
	.lets-talk-section .col-right{ width: 100%; margin: 0; padding: 0; }
	.lets-talk-section .col-left h3{ font-size: 40px; line-height: 48px; padding: 30px 0 0; }
	.lets-talk-section .col-right{padding: 20px 0;}
	.lets-talk-section .col-right p { font-size: 20px; line-height: 28px;}
	.services-section .col-sm-4{ margin-bottom: 40px;-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.services-section .section-title{ margin: 0 0 26px; }
	.work-section { padding: 30px 0; }
	.work-section .section-title{ width: 100%;  line-height: 38px;}
}
.connect-form form{ max-width: 812px; margin:15px auto 75px; padding: 0; }
/* Footer ---------------------------------------------------------------------------------*/
.awards-section{position: relative; padding-bottom: 60px;}
footer{background:#000;}
.example-left{position: absolute; left: 0; right: 0; top:-20px;z-index: -1;} 
.footer .footer-top {padding-bottom: 10%;}
.footer .footer-top h3 { color: #fff; font-size: 58px; padding:0px; line-height: 64px; position: relative; font-weight:900;}
.footer .footer-top p{ color: #fff; font-size:24px; padding: 0 0 0 6px; margin: 0 0 20px;line-height: 39px; }
.footer .footer-top a{ margin-top: 60px; text-decoration:none; text-transform: uppercase; position: relative; background:#c05c37; border: 1px solid #c05c37;font-family: "Montserrat", sans-serif; color:#fff; 
display: inline-block; padding: 16px 0; font-size:16px; width:240px; text-align: center; font-weight:800;}
.footer .footer-top.hm-footer-top {width: 450px;max-width: 100%;height:60vh;padding:9em 0 2em 0;}
.footer .footer-top.hm-footer-top h3 {padding-bottom:10px;margin-bottom:10px;}
.footer .footer-top.hm-footer-top h3 + a {margin-top: 0;}
.footer .footer-bottom {height: 28vh;padding: 50px 0;}
.footer .footer-bottom.mt-100{ margin-top:240px; }
.footer .footer-bottom .social-links{margin:0 0 32px;padding: 0;list-style-type: none;display: inline-block;width: 100%;}
.footer .footer-bottom .social-links li{display: inline-block;vertical-align: middle;margin: 0 8px;}
.footer .footer-bottom .social-links li a{font-size: 0;display: inline-block;background-repeat: no-repeat;background-position: 0 0;vertical-align: top;}
 
.footer .footer-bottom .privacy-policy{color: #fff;text-decoration: underline;font-size: 30px;margin-left: 8px;}
.footer .footer-bottom .privacy-policy:hover{text-decoration: none;}
.footer .footer-bottom .copyright{margin:15px 0 0 6px; color: #fff; font-size: 20px; padding: 0; }
.footer .footer-bottom address{color: #fff;font-size: 32px;display: flex;flex-wrap: wrap;align-items: flex-end;margin:0px 0 0 4px;line-height:39px;}
.footer .footer-bottom address p{margin: 0 0 23px;padding: 0; width: 100%;}
.footer .footer-bottom address p:last-child {margin: 0;}

address p a, .copyright, address p{color:#fff;}
.navbar-popup .social-links{margin:0 0 1rem; min-height:52px; padding: 0;list-style-type: none;display: inline-block;width: 100%;}
.navbar-popup .social-links li{display: inline-block;vertical-align: middle;margin: 0 8px 0 0;}
.navbar-popup .social-links li a{font-size: 0;display: inline-block;background-repeat: no-repeat;background-position: 0 0;vertical-align: top;}
.address p a:hover{text-decoration:underline;}
.navbar-popup .container {
  width: 100%;
  margin:120px auto 0;
  padding: 0 40px;
  max-width: 90%;
}
@media ( max-width: 767px ){
	.footer .footer-bottom.mt-100{ margin-top: 30px; }
	.footer .footer-bottom.mt-100 .col-sm-5{ order:2; }
	.footer .footer-bottom.mt-100 .col-sm-7{ order: 1; }
}
.mob-img{display: none;}
.goldcitymall-content{position: relative; overflow: hidden;}
.goldcitymall-container.upeny-container .col-md-3{padding-bottom: 10px;}
.goldcity-left-img{margin-left: -400px; margin-top: -30px;}
.gcm-cont{margin-left: -100px; width:100%; margin-top: 60px;}
.goldcity-left-img2 img {max-width: 135%;width: auto;float: right;}
.goldcity-left-img2 .doubleImg {display: inline-block;text-underline-position: right;width: 100%;}
.goldcity-left-img2 .doubleImg .backImage {left: auto;}
.padding-top2{padding: 90px 0 0 0;}
.product-img{position: relative; width: 100%;}
.pi-mac-img{position: absolute; bottom: 0; right: 0;}
.posiblity{overflow: hidden;}
.mar-rigt{margin-right: -400px; float: right; width: 90%;}
.text-right{float: right; width: 420px; text-align: left!important;}
.padding-top3{padding-top: 250px;}
.padding-top4{padding-top: 80px;}
.seva-cont{padding:0 0 0 23%;}
.mar-top-300{margin-top: -200px;}
.mar-left-300{margin-left: -300px;}
.seva-banner h3{color: #fff!important;}
img{max-width: 100%;}
 
/* Peter CSS Start Here ============================= */
html {overflow-x: hidden;overflow-y: auto;}
.img-model-base {position: relative;overflow: hidden;display: inline-block;width: 100%;}
.img-model{position:relative;margin:0 auto;overflow:hidden;filter: grayscale();-webkit-filter: grayscale();-ms-filter: grayscale();float: left;width: 100%;transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-ms-transition: 0.4s all ease;}
.img-model-base:hover .img-model {filter: grayscale(0);-webkit-filter: grayscale(0);-ms-filter: grayscale(0);transform: scale(1.02);-webkit-transform: scale(1.02);-ms-transform: scale(1.02);}
.dtable {display: table;height: 100%;width: 100%;}
.dtable-cell {display: table-cell;width: 100%;vertical-align: middle;}
.valign-top {vertical-align: top;}
.valign-bottom {vertical-align: bottom;}
.invert-section {background-color: #000000;color: #9E9E9E;}
.invert-section h2 {color: #9E9E9E;}
.text-black {color: #000 !important;}
.lr-white-shade {position: relative;}
.lr-white-shade::after {content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 60%;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(0,0,0,0) 100%);}
.lr-white-shade > div {position: relative;z-index: 9;}
.color-code-img img {width: 100%;}
.fullheight-banner {height: 100vh !important;width: 100%;padding: 130px 0;}
h2 {line-height: 1.1;color: #6F7072;}
.title {position: relative;padding-bottom: 40px;margin-bottom: 30px;}
.title:after {content: '';width: 120px;height: 16px;background:#c05c37;position: absolute;left: 0;bottom: 0;}
.sm-title {font-size: 32px;position: relative;color: #6F7072;padding-bottom: 24px;margin-bottom: 16px;}
.sm-title:after {content: '';width: 120px;height: 8px;background:#c05c37;position: absolute;left: 0;bottom: 0;}
.thanks-section p {font-size: 20px;color: #fff;}

.mw-box {width: 100%;max-width: 470px;}
.mws-box {width: 100%;max-width: 445px;}
.mwb-box {width: 100%;max-width: 600px;}
.res-way-text {margin-bottom: -10%;}
.bg-lt-gray {background-color: #F6F5F5;}
#magic-cursor {position: fixed;width: 30px;height: 30px;pointer-events: none;z-index:1000000;left: 0;top: 0;}
#ball {position: fixed;display: block;left: 0;top: 0;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width: 25px;height: 25px;background-color:#c05c37;border-radius: 50%;pointer-events: none;opacity:1;z-index: 99999;}
html, html *, body, body * {cursor: none !important;}
html.touch, html.touch *, .touch body, .touch body * {cursor: auto !important;}
.relative, .opcity-bg, .opcity-bg .col{position: relative;}
.bg-black {background-color: #000;}
.opcity-bg:hover .col:before{width:100%; height: 100%; position:absolute; z-index: 1; background:rgba(255,255,255,0.8); content: '';}
.opcity-bg .col:hover .rc-box{position: relative; z-index: 99999;}
/* Cursor CSS*/
.circle-cursor {position: fixed;left: 0;top: 0;pointer-events: none;-webkit-border-radius: 50%;border-radius: 50%;}
/*.circle-cursor.white {mix-blend-mode: difference;-webkit-mix-blend-mode: difference;-ms-mix-blend-mode: difference;}
.circle-cursor.multiply-cursor {mix-blend-mode: multiply;-webkit-mix-blend-mode: multiply;-ms-mix-blend-mode: multiply;}*/
.circle-cursor.first.circle-cursor--inner:after {-webkit-transform: translate(-50%,-50%) scale(1);-ms-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1);}
.circle-cursor--outer {z-index: 11000;width: 25px;height: 25px;border: 1px solid #c05c37;background:#c05c37;}
.touch .circle-cursor {display: none !important;}

/* btn css */
.button a{ margin-top:0px; text-decoration:none; text-transform: uppercase; position: relative; background:#c05c37; border: 1px solid #c05c37;font-family: "Montserrat", sans-serif; color:#fff; 
display: inline-block; padding: 16px 0; font-size:16px; width: 240px; text-align: center; font-weight:800;-webkit-box-shadow: 0px 10px 5px 0px rgba(212,212,212,1);
-moz-box-shadow: 0px 10px 5px 0px rgba(212,212,212,1);
box-shadow: 0px 10px 5px 0px rgba(212,212,212,1);}
.responsive{position: relative;}
.work-img .video {width: 100%; position:relative;left: 0;top: 0;}
.work-img .video .vdo, .work-img video {z-index: 1; height:507px; width: 100%; object-fit:cover;}
.work-img .video .bg {width: 100%;height:100vh; z-index: 2;position: absolute;top: 0;}
.mtt8{margin-top:40px; margin-left: 0px;}
.services-section .dtable{width:40%; float: left;}
.right-video-section{width: 60%; float: right; padding: 0 0 0 50px; margin-top:40px; height: 500px;}
.right-video-section video{object-fit:cover; width:100vw; height:100%;}
.footer-bottom a{color:#fff; }
.footer-bottom a:hover{opacity:0.5; text-decoration: none;text-decoration: underline;}
.work-img {height: 530px;}
.mt-14{margin-top:-30px!important;}
.contact-scroll{z-index:1;}
.contact-scroll img{ opacity: 0.4;}
.footz{position: relative; z-index: 2;}
.button a, .footer .footer-top a{transition:0.6s;}
.button a:hover, .footer .footer-top a:hover{background: transparent; box-shadow:none; color:#c05c37;transition:0.6s;}
 
/* animation css */
.rc-box, .rc-box p{transition:0.6s;}
.rc-box img{transform: translateY(0px);transition: 1.0s; filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */object-fit: cover;
    width: 100%;}
.rc-box:hover img{transition: 1.0s; transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px); opacity:1;-webkit-filter: grayscale(0);
  filter: none;}
.rc-box:hover p{
  transition: 1.0s;transform: translateY(-4px);-webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);-ms-transform: translateY(-4px); 
  -o-transform: translateY(-4px); opacity:1;
}
.work-section .rc-box img{-webkit-filter: grayscale(0); filter: none;}

  
  .panel-default-box .tab{display: flex;  flex-wrap: wrap;gap:20px;}
  .panel-default-box .tab li{font-size: 24px; font-weight:700; position: relative;}
  .panel-default-box .tab li::after {
	background: rgba(0,0,0,0.5);
	width: 2px;
	height: 15px;
	top: 7px;
	right: -12px;
	content: '';
	position: absolute;
}
.panel-default-box .tab li:last-child::after{background:transparent;} 
  .tabcontent {display: none;   }
  .panel-body {margin-top: 30px;}
   li.tablinks.active {color:#c05c37;}
  .about-us-sec{padding:90px 0 80px 0;margin-top:130px;}
  .magic-slider.owl-carousel .owl-stage-outer{overflow:visible;}

  /*---------- about-us page style---------- */
  .dilevery-box{text-align:center;}
  .dilevery-box h4{color:#c05c37;    font-size:58px;font-weight:900;}
  .dilevery-box h4 span{color:#c05c37;}
  .dilevery-box p{font-size:28px; font-weight:900; color:#9E9E9E;}
  .prd .col-lg-3 .dilevery-box{border-left:1px solid #9E9E9E;}
  .prd .col-lg-3:last-child .dilevery-box{border-right:1px solid #9E9E9E;}
  .mrt-11{margin-top:1px;}
  .coman-title .slowgan {font-size: 16px;    font-weight: 900;    margin-bottom:0;}
  .coman-title h1{font-size:58px;font-weight:900;color:#6F7072;line-height:1.1;}
  .coman-title h2{font-size:58px;font-weight:900;color:#6F7072;line-height:1.1;}
  
  
     /*--------------inner page style------------- */
/*------------------- story section style---------------- */
.story-sec{padding:120px 0 80px 0;position:relative;}
.story-sec .coman-title{max-width:500px;}
.tory-left-box h2{margin-bottom:20px;}
.magic-icon img{width:100%;object-fit: cover;}
.slick-slider .element{margin:0 10px;}
.story-imgs img {    width: 100%;    object-fit: cover;margin-bottom:-7px;}
.story-slider .slick-arrow {    display: none;}
/*-----------------powering-section style---------------- */
.powering-sec{padding:100px 0 80px 0;position:relative;}
.brand-list{font-size:24px;font-weight:900;color:#9E9E9E;}
.none-desktop{display:none;}
.brant-top-imag img { width:100%;    object-fit: cover;margin-bottom:-7px;}
.mrt-40{margin-top:40px;}
.mrt-20{margin-top:40px;}
.brand-poster{margin-top:30px;}
.sele-box{width: 100%;height:700px; background:#f1f1f1;}
/*----------------dc-worker---section style---------------- */
.work-section.dc-ws{padding:130px 0 80px 0;position:relative;}
.cnt-box{text-align:center !important;}
.cnt-box {margin: 0 auto;    text-align: center !important;}
.footer .footer-bottom .address {    color: #fff;    font-size: 32px;    display: flex;    flex-wrap: wrap;    align-items: flex-end;    margin: 0px 0 0 4px;    line-height: 39px;}
.footer .footer-bottom .address p a{color:#fff;}
.footer .footer-bottom .address p a:hover{color:#c05c37;text-decoration:underline;}
.dc-video video{width:100%;}
.dc-ban img {  height: 100vh;  width: 100%;  object-fit: cover;}


/*----------- replace file style------------ */
.panel-body {margin-top: 60px;}
.ab-btn a:hover{background:#fff;color:#c05c37;}
.services-section h5{font-size:28px;color:#6F7072;font-weight:900;}
.story-slider .slick-list{overflow:visible;}

/*-------------------change-sec--- style---------------- */
.change-sec{padding:100px 0 80px 0;position:relative;}
.change-sec .coman-title{max-width:90%;}
.change-left-box h2{margin-bottom:20px;}
.change-imgs img {    width: 100%;    object-fit: cover;margin-bottom:-7px;}

/*-----------team-section style style------------ */
.team-sec{padding:150px 0 80px 0;position:relative;}

.team-box{position:relative;margin-bottom:100px;}
.team-img img {width: 100%;    object-fit: cover;    margin-bottom: -7px;}
.team-img {border: 1px solid #D1CECE;}
.hide-box p{margin-bottom:0;display:none;transition:0.9s;font-size:16px;color:#fff;}
.hide-box {position:absolute;    width:100%;    left:0;    bottom:-80px;    transition:0.9s; }
.team-box:after{    content: '';    position:absolute;    width:100%;    height:100%;    top:0;    left:0;    }
.team-box:hover:after{background: #c05c37 0% 0% no-repeat padding-box;
mix-blend-mode: darken;}
.hide-box h6{font-size:28px; font-weight:900;color:#6F7072;transition:0.9s;}
.hide-box span{font-size:20px; font-weight:400;color:#6F7072;transition:0.9s;}
.team-box:hover .hide-box {bottom: 20px;      transition: 0.9s;    z-index: 10;    padding: 0 20px;}
.team-box:hover .hide-box h6{color:#fff;}
.team-box:hover .hide-box span{color:#fff;}
.team-box:hover .hide-box p{display:block;transition:0.9s;}

/*-----------Award-section style style------------ */
.awards-sec{padding:150px 0 80px 0;position:relative;}
.clients-section{position:relative;padding:90px 0 80px 0; margin-top:50px;}
.example-left.contact-scroll { margin: 40px 0 0 0;}
/*-----------brand-sec style style------------ */
.brand-sec{padding:150px 0 80px 0;position:relative;}
.brand-back{z-index:10; position:relative; z-index:10;}
.brand-back:before{
  content:'';
  position:absolute;
  width:376px;
  height:352px;
  right:0;
  top:-60px;
  background:url(../img/brand-bf.png)right top no-repeat;
  z-index:-1;
}

/*.brand-acco .accordion{margin-top:40px;}*/
.brand-acco .accordion-item { background-color: #fff;color: #D1CECE;border: none;border-radius: 0;} 
.brand-acco .accordion-item-header { padding:12px 0; font-weight: bold; align-items: center; position: relative;}
.brand-acco .accordion-item-header::after {content: '';font-size: 32px;font-weight: 900;float: right;position: absolute;width: 20px;height: 20px;top: 20px;transition: .3s all; transform: rotate(0deg);right:0px; color: #000;background: url(../img/acco-ar.png) center top no-repeat;  }
.brand-acco .accordion-item-header.active::after {rotate: 180deg;top:10px; }
.brand-acco .accordion-item-body {max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;  }
.brand-acco .accordion-item-body-content {padding:0;line-height: 1.5rem;font-size: 16px;line-height: 26px;
  font-weight: 400;color: #58585A; }
.brand-img img{width:100%;object-fit:cover;}
.brand-sec .mb1{margin-bottom:20px !important;}
/*--------------- contact foam style------------- */
.content-box.banner-form h3{  padding-bottom: 40px; margin-bottom: 40px; font-size: 48px; line-height: 48px; color: #fff;    position: relative; font-weight: 900;}


.banner-form .form-control {  display: block;  width: 100%;  font-size: var(--bs-body-font-size);  padding: 0.475rem 0.475rem 0.475rem 0.7rem;  font-weight: 400;  line-height: 1.3;  color: var(--bs-white);  background: transparent;  background-clip: padding-box; border:none;     border-bottom: 1px solid #707070;  border-radius: 0px;  transition: all 0.4s ease-in-out;}
.form-control { height: calc(2.3em + 0.75rem + 10px);border-radius: 0px;}
.content-box .form-group textarea.form-control { resize: none;}
.form-group {position: relative;    margin-bottom: 0;    padding: 10px 0px;}
.form-group .form-control:focus {color: #fff;  box-shadow: rgba(255, 253, 253, 0.5) 0px 3px 8px;  border: 1px solid red;  transition: all 0.4s ease-in-out;background:transparent;}
.banner-form .btn-form {min-width:200px;text-align: center;position: relative;display: inline-block;text-transform: uppercase;font-size: 18px;font-weight:800;border: 1px solid #c05c37;    background: #c05c37;    color: #fff;    padding: 10px 25px;    transition: 0.3s;}
.banner-form .btn-form:hover {background: transparent;    color: #fff;}
.bd-example table{text-align: left;} 
.coman-tt h1{text-transform: uppercase; position:relative;font-weight:400;padding-left:10px;line-height:1.3;font-size:48px;}
.coman-tt h1 span{color:var(--bs-base-color)}
.coman-tt h1:after{	content: '';	position:absolute;	width:8px;	height:60px;	left:-16px;	top:0;	background:var(--bs-base-color);	border-left:5px solid var(--bs-base-color);}
.banner-form input::placeholder{color:var(--bs-white);}
.rc-box h5{font-size:28px;font-weight:900;color:#6F7072}
body.light-theme .footer.remove-h{padding:100px 0 0px 0;}
.footer.remove-h .footer-bottom {  height:auto;}
.services-section.mmrt-20{padding:100px 0 80px 0;}
    /*------- cms page style-------- */
.cms-page {padding: 100px 0 80px 0;}
.cms-page a {color: #000;font-weight: 600;}
.cms-page a:hover {color: var(--bs-base-color);}
.cms-page ul li,.cms-page ol li{list-style: disc;}
.cms-page ul, .cms-page ol {padding-left: 30px;margin: 15px 0;}
.cms-page table {text-align: center;margin-bottom: 25px; border: 1px solid #000;}
.cms-page table tr th {padding: 5px 10px; border: 1px solid #000;}
.cms-page table tr td {padding: 5px 10px; border: 1px solid #000;}
.tag-list span {background:transparent;padding:10px 26px 4px 0;border-radius: 0px;font-weight: 600; font-size:18px;position:relative;}
.tag-list span::after {
	background: rgba(0,0,0,0.5);
	width: 2px;
	height: 15px;
	top:14px;
	right: 11px;
	content: '';
	position: absolute;
}
.details-taglist span{font-size:20px;font-weight:900;color:#9E9E9E;font-family: 'objectivitybold';}
.details-taglist span::after {
	background:#9E9E9E;
	width: 2px;
	height: 15px;
	top:14px;
	right: 11px;
	content: '';
	position: absolute;
}
.tag-list span:last-child::after, .details-taglist span:last-child::after{background:transparent;} 

.animate-text {height:86px; overflow: hidden;} 
.animate-text span{ display:none;color:#c05c37; width: 100%;}
.animate-text .text-in{display: block; animation: textIn .5s ease;}
.animate-text .text-out{ animation: textOut 5s ease;}
@keyframes textIn{
  0%{
    transform: translateY(100%);
  }
  100%{
    transform: translateY(0%);
  }
}
@keyframes textOut{
  0%{
    transform: translateY(0%);
  }
  100%{
    transform: translateY(-100%);

  }
}
svg text{
  stroke:rgba(255,255,255,0.2);
  font-size:240px;
   font-family: 'futura_ptextra_bold';
  stroke-widthL 1;
  animation: animationEffect 5s infinite alternate;font-weight: normal;
}
.gray-text svg text{stroke:rgba(0,0,0,0.2); font-family: 'futura_ptextra_bold';font-weight: normal;}
@keyframes animationEffect{
  0%{
    stroke-dasharray: 0 50%;
    stroke-dashoffset: 20%;
  }
  100%{
    stroke-dasharray: 50% 0;
    stroke-dashoffset: -20%;
  }
}
.content-box.banner-form h1{color:#fff;}
.content-box.banner-form {position: relative;z-index: 999;}
.page-worklist .mb1{margin-bottom:0!important}
.page-worklist{margin-top:120px;}
.about-client{padding-top: 106px;}
#section06{margin-top:130px; padding-top: 140px;}



/* model */
 

.accordion__header {
  padding: 1em 0;
  background-color:transparent;
  margin-top: 2px;width:50%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.accordion__header > * {
  margin-top: 0;
  margin-bottom: 0;
  font-weight:800; font-size: 20px; color:#6f7072;
}

.accordion__header.is-active {
  background-color:transparent;
  color: #000;
}
 
.is-active .accordion__toggle {
  background-color:transparent;
}

.is-active .accordion__toggle::before {
  display: none;
}

.accordion__body {
  display: none;
  padding: 1em 0;
  border:none;
  border-top: 0;
}

.accordion__body.is-active {
  display: block;
}
.rvs-position video{width:100%;}
.right-video-section.rvs-position{width:auto;}
.right-video-section.rvs-position {position: absolute;right: 0;top: 0;padding: 0;
  width: 46%; height:auto;}
.pro-reletive-new{position:relative;}
.accordion__header::after {
	content: '';
	font-size: 32px;
	font-weight: 900;
	float: right;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 20px;
	transition: .3s all;
	transform: rotate(0deg);
	right: 0;
	color: #000;
	background: url(../img/acco-ar.png) center top no-repeat;
}
.accordion__header.is-active::after {
	rotate: 180deg;
}
.accordion__header{position:relative;}
.map-img, .map-img video{width:100%;}

 .custom-modal-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height:100vh;
      background: rgba(0,0,0,0.6);
      z-index: 999;
      justify-content: center;
      align-items: center;
    }

    /* Modal box */
    .custom-modal {
      background: #fff;
      border-radius:0px;
      width: 70%;
      max-width:70%;
      padding:0px;height:70%;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
      text-align: center;
      position: relative;top:10%; left:15%;
      animation: fadeIn 0.3s ease;
    }
 .custom-modal video {width: 100%;}
    /* Close button */
    .custom-close {
      position: absolute;
      top: 10px;
      right: 15px;
      font-size: 22px;
      cursor: pointer;
      color: #888;
    }


/* nav hover effect */
.navbar-popup ul.navbar-nav li:nth-child(1):hover::after {
	background: url(../img/hover-work.png) left top no-repeat;
	width: 100%;
	height: 160px;
	position: absolute;
	content: '';
	left: -130px;
	top: -40px;
	background-size:60%;
	opacity:1;
}
.navbar-popup ul.navbar-nav li:nth-child(2):hover::after {
	background: url(../img/hover-about.png) left top no-repeat;
	width: 100%;
	height: 160px;
	position: absolute;
	content: '';
	left: -130px;
	top: -40px;
	background-size:74%;
	opacity: 0.5;
}
.navbar-popup ul.navbar-nav li:nth-child(3):hover::after {
	background: url(../img/hover-service.png) left top no-repeat;
	width: 100%;
	height: 170px;
	position: absolute;
	content: '';
	left: -130px;
	top: -60px;
	background-size: 90%;
	opacity: 0.7;
}
.navbar-popup ul.navbar-nav li:nth-child(4):hover::after {
	background: url(../img/hover-contact.png) left top no-repeat;
	width: 100%;
	height:120px;
	position: absolute;
	content: '';
	left: -130px;
	top: -30px;
	background-size: 100%;
	opacity: 0.7;
}
.navbar-popup ul.navbar-nav li:hover a{background:transparent;}
.navbar-popup ul.navbar-nav li.nav-item a.nav-link { 
    z-index: 999;
    position: relative;
  }
.navbar-popup ul.navbar-nav li.nav-item a.nav-link:hover{background:transparent;}

.custom-close:hover {
      color: #000;
    }
    /* Animation */
    @keyframes fadeIn {
      from { opacity: 0; transform: scale(0.9); }
      to { opacity: 1; transform: scale(1); }
    }

.wid-20{
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;color:#58585A;
}
.accordion-item-header { 
	font-weight: 800;
	font-size: 20px;
	color: #6f7072;
}
.rc-box {position: relative;}
.work-img:hover .work-img2{display:none;}
.work-img .work-img2 {position: absolute;left: 0;top: 0;z-index: 1;}