@font-face {
    font-family: 'Cormorant Garamond Medium';
    src: url('../fonts/CormorantGaramond-Medium.eot');
    src: url('../fonts/CormorantGaramond-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CormorantGaramond-Medium.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Medium.woff') format('woff'),
        url('../fonts/CormorantGaramond-Medium.ttf') format('truetype'),
        url('../fonts/CormorantGaramond-Medium.svg#CormorantGaramond-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cormorant Garamond Bold';
    src: url('../fonts/CormorantGaramond-Bold.eot');
    src: url('../fonts/CormorantGaramond-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CormorantGaramond-Bold.woff2') format('woff2'),
        url('../fonts/CormorantGaramond-Bold.woff') format('woff'),
        url('../fonts/CormorantGaramond-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Host Grotesk SemiBold';
    src: url('../fonts/HostGrotesk-SemiBold.eot');
    src: url('../fonts/HostGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HostGrotesk-SemiBold.woff2') format('woff2'),
        url('../fonts/HostGrotesk-SemiBold.woff') format('woff'),
        url('../fonts/HostGrotesk-SemiBold.ttf') format('truetype'),
        url('../fonts/HostGrotesk-SemiBold.svg#HostGrotesk-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Host Grotesk Bold';
    src: url('../fonts/HostGrotesk-Bold.eot');
    src: url('../fonts/HostGrotesk-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HostGrotesk-Bold.woff2') format('woff2'),
        url('../fonts/HostGrotesk-Bold.woff') format('woff'),
        url('../fonts/HostGrotesk-Bold.ttf') format('truetype'),
        url('../fonts/HostGrotesk-Bold.svg#HostGrotesk-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Host Grotesk ExtraBold';
    src: url('../fonts/HostGrotesk-ExtraBold.eot');
    src: url('../fonts/HostGrotesk-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HostGrotesk-ExtraBold.woff2') format('woff2'),
        url('../fonts/HostGrotesk-ExtraBold.woff') format('woff'),
        url('../fonts/HostGrotesk-ExtraBold.ttf') format('truetype'),
        url('../fonts/HostGrotesk-ExtraBold.svg#HostGrotesk-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Host Grotesk Medium';
    src: url('../fonts/HostGrotesk-Medium.eot');
    src: url('../fonts/HostGrotesk-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HostGrotesk-Medium.woff2') format('woff2'),
        url('../fonts/HostGrotesk-Medium.woff') format('woff'),
        url('../fonts/HostGrotesk-Medium.ttf') format('truetype'),
        url('../fonts/HostGrotesk-Medium.svg#HostGrotesk-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Host Grotesk Light';
    src: url('../fonts/HostGrotesk-Light.eot');
    src: url('../fonts/HostGrotesk-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HostGrotesk-Light.woff2') format('woff2'),
        url('../fonts/HostGrotesk-Light.woff') format('woff'),
        url('../fonts/HostGrotesk-Light.ttf') format('truetype'),
        url('../fonts/HostGrotesk-Light.svg#HostGrotesk-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Host Grotesk Regular';
    src: url('../fonts/HostGrotesk-Regular.eot');
    src: url('../fonts/HostGrotesk-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HostGrotesk-Regular.woff2') format('woff2'),
        url('../fonts/HostGrotesk-Regular.woff') format('woff'),
        url('../fonts/HostGrotesk-Regular.ttf') format('truetype'),
        url('../fonts/HostGrotesk-Regular.svg#HostGrotesk-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html{
		font-size:calc(100vw * 16/1920);	
		scroll-behavior: smooth;
	}
html{ scroll-padding-top: 0px;scroll-behavior: smooth;}
body {font-family: 'Host Grotesk Regular'; background:#fff url(../images/homepages.jpg) top 0px center no-repeat !important;
	background-size: 100% !important;  font-size: 1.75rem; line-height: 2.5rem;color: #555555;    overflow-x: hidden !important;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450;
	color: #000;
}
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle, .btn-check:focus+.btn-primary, .btn-primary:focus
 {background: url(../images/more.png) no-repeat right center;color: #00272E; border: none;background-size: 3rem;
}
.btn:focus-visible {
    border: none !important;
    outline:none !important;
}
*:focus {
    outline: none;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{box-shadow: none;}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow:none !important;}
:focus{outline: 0px !important;}
::-webkit-input-placeholder{
    color: #7F9296;font-size: 2.25rem; line-height: 2.5rem; 
  }
:-ms-input-placeholder{
   color: #7F9296;font-size: 2.25rem; line-height: 2.5rem;   
  }
::placeholder {
    color: #7F9296;font-size: 2.25rem; line-height: 2.5rem; 
  }
span.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 17px;
    top: -11px;
    left: 5px;
    background: #ffedde;
    padding-right: 20px;
    width: 97%;
    line-height: 4rem;
}
section.homesec10 .homefrm span.wpcf7-not-valid-tip{background:#f8f4f1;}
.wpcf7-response-output{display: none !important;}
p {
    font-size: 1.75rem; line-height: 2.5rem;color: #555555; 
    -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;margin-bottom: 23px;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {

    font-size: 8.25rem;
    line-height: 8.25rem;
    margin-bottom: 20px;
   font-family: 'Cormorant Garamond Medium';
    color: #BA9874;  
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}
a {
	color: #645D3B;
	text-decoration: none;-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.grecaptcha-badge {
    display: none !important;
}
.hovImg{overflow: hidden;}
.hovImg  img{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.hovImg:hover img{transform: scale(1.05);}
a:hover{color: #7F4F24;}

.btn {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    padding:0px 3.5px 0px 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    min-width: 10rem;
    border-radius: 6.25rem; text-transform: uppercase;
    font-family: 'Host Grotesk SemiBold';
}
.btn-primary {
     border: 1px solid transparent;
    color: #00272E; 
    background: url(../images/more.png) no-repeat right center;
     background-size: 3rem;
        padding-right: 3.5rem;
     
    
}
.btn-primary:hover{  background: url(../images/more.png) no-repeat right center; color: #00272E;border: 0px solid transparent;  background-size: 3rem;
        padding-right: 3.5rem; color: #BA9874; }
 
.btn-secondary {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 1rem 2rem;
}
.btn-secondary:hover {
    background:#fff; color: #BA9874;  
}
.bannbtn .btn-primary {
    border: 1px solid #fff;
}
img {
	max-width: 100%;
}
.hovImg  img{-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}

.hovImg:hover img{transform: scale(1.05);}

ul{list-style: none; margin: 0px; padding: 0px;}
  .sec04Left h2 {
    font-family: 'Kalam';
    font-size: 95px;
    line-height: 120px;
}
section {
    display: block;
    width: 100%;
}
/*********************************************************/
#mainmenu,
#mainmenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#mainmenu li {
    position: relative;
    text-align: left;
/*     background: url(../images/more.png) no-repeat left top 2.3rem; */
    background-size: 2.2rem;
    padding-left: 0rem;
}

#mainmenu ul {
    display: none;
    position: absolute;
    top: 43%;
    left: 100%;
    min-width: 24rem;
    z-index: 999;
    padding-left: 6rem;
    text-align: left;
}

section.menuCvr {
  
    width: 100%;
    background: #000;
}
.menuimage {
    width: 49.75rem;
    margin-top: 4rem;
    margin-left: 3rem;
}
.menuimgcvr {
    padding-left: 5rem;
}
section.menuCvr {
    position: absolute;
    left: -100%;
     width: 100%;
    background: #00272E url(../images/menuimg-vector.png) no-repeat top right;
    height: 100%;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    bottom: 0%;
    -webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;    z-index: 112;    background-size: 90rem;
}
.menutest {
    font-size: 25rem;
    line-height: 9rem;
    color: #BA9874;
    opacity: 0.1;
}
section.menuCvr.active{left: 0rem;  bottom: 0rem;height: 100%;}
ul.mainmenu li a {
    font-size: 3rem;
    font-family: 'Cormorant Garamond Medium';
    line-height: 4.5rem;color: #BA9874; color:#FFFFFF; padding-left:4rem;
}
li.current-menu-item.current_page_item  a {
     color: #BA9874;
    font-size: 3.5rem;
    line-height: 5rem;
    background: url(../images/sec03logo.png) no-repeat left center;
    background-size: 1.938rem;
}

li.current-menu-item.current_page_item  a:after{position: absolute;
    height: 15px;
    content: "";
    left: 0px;
    bottom: -4px;
    background: url(../images/menu-line.png) no-repeat bottom left 4rem;
       width: 13rem;
    background-size: 71%;}
section.menuCvr.active:after {
    position: absolute;
    left: 0;
    top: 1rem;
    content: '';
    background:url(../images/menutop.png) no-repeat center;
    width: 100%;
    height: 1rem;
    background-size: 82%;
}
span.toggle-sub {
    background: url(../images/menusub.png) no-repeat center;
    background-size: 100%;
    width: 3.25rem;
    height: 1.563rem;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -3rem;
    z-index: 1000;
    cursor: pointer;
}
ul.mainmenu li ul li a {
    font-size: 2rem;
    line-height: 2.5rem;
}
span.close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
    background: url(../images/closebtn.png) no-repeat center;
    border-radius: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Host Grotesk SemiBold';
    color: #fff;cursor: pointer; background-size:100%;
}
.innerbanner img,section.sec02Abt img,section.abtsec07 img,.caseimg img,.storyImg img,.servRightImg img,section.sec05bottom img,.projCvleft img, .wowstsec08Cvr img,.contactRightImg img,.cntbgImg img {
    width: 100%;
}section.menuCvr{overflow:hidden;}
section.menuCvr.active:before {
    position: absolute;
    right: -16rem;
    top: -16rem;
    content: '';
    background: lch(65.35 25.78 68.63 / 0.16);
    width: 25.5rem;
    height: 25.5rem;
    border-radius: 100%;
}
/*************************************************************/
 
.container {
    max-width: 107.125rem; margin: 0px auto;padding-left: 4.9%;
}
header {
	position: fixed;
	z-index: 111;
	width: 96px;
    height: 100vh;
	left: 0px;
	top: 0px; 
     -webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s; 	 
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column; --tw-bg-opacity: .1;
    background-color: #00272ee8;
      -webkit-backdrop-filter: blur(3.6500000953674316px);
    backdrop-filter: blur(6px);
}
 
.mobnumb{display: none;}
.logo {
    max-width: 100%;
    display: flex;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;margin-top: 28px;
     
    
    
}
.menu {
    width: 100%;cursor: pointer;margin-top: 1rem;
}
ul.social li {
    margin-top: 6px;
}
ul.social{margin-bottom: 15px;}
header.aniPos .logo {
 
}
 header.aniPos .header-bottom {
    padding: 5px 0px;
}
.logo img {
	max-width: 100%;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
 
.inputfield {
    width: 100%;
    height: 80px;
    color: #6d6c6c;
    font-size: 20px;
    background: transparent;
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #BA9874;
    padding-left: 8px;
}
 
input[type="checkbox"] {
    width: 26px;
    height: 26px;border: 1px solid #CFD0FF;
}

span.wpcf7-spinner {
    position: absolute;
}

 
/***************************************************************/
section.homeSec02 {
    padding: 239px 0px; position: relative;
}
section.homeSec02:after{content: ''; position: absolute; width: 20px; height: 208px; left: 52.3%; top: 0px; margin-left: -10px; background: url(../images/homeabttop.png) no-repeat bottom center;}
section.homeSec02:before{content: ''; position: absolute; width: 8px; height: 208px; left: 52.3%; bottom: 0px; margin-left: -4px; background: url(../images/homeabottom.png) no-repeat bottom center;}
.homeSec01Cnt{text-align: center;}
.homeSec01Cnt p {
    font-size: 48px;
    line-height: 65px;
    color: #00272E;margin-bottom: 76px;
}
.movingabt {
    position: absolute;
    bottom: -340px;
    left: 3.5%;animation: mymove32 5s infinite;    z-index: 1;
}

section.homeSec02 .container {
    position: relative;
}
section.banner.innerbanner.servicebann  .bannervt1 {
    animation: mymove32 5s infinite;
    	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
  section.banner.innerbanner.servicebann  .bannervt2{ animation: mymove32 5s infinite;}
  @keyframes mymove32 {
    0%   {bottom: -340px; left: 3.5%; position: absolute;}
    50%   {bottom: -280px; left: 1.5%; position: absolute;}
    100% {bottom: -340px; left: 3.5%; position: absolute;}
  }
.homesec03{height: 100vh;  background: #ba98731a;position: relative;}
.sec03Left{text-align: right;padding-right: 3%;}
.sec03Right{text-align: left;padding-left: 3%;}
.sec03center {text-align: center; position: relative;}
.sec03center img {
    width: 54%;
    animation: mymove2 5s infinite;
    position: absolute;
    left: 23%;
    top: -30px;
    
    	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
@keyframes mymove2 {
    0%   {top: -30px;}
    50%   {top: -20px;}
    100% {top: -30px; }
  }
.sec03Left,.sec03Right{font-size: 80px; line-height: 120px; font-family: 'Host Grotesk SemiBold'; color: #00272E;}
.homesec2Cvr {
    height: 100vh;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.homesec2Cvr .row {
    width: 100%;
}
a.scridw {
    position: absolute;
    left: 52.7rem;
    font-size: 1.75rem;
    color: #BA9874;
    bottom: -1.5rem;
    letter-spacing: 0.594rem;
    padding-bottom:3.438rem;
    background: url(../images/down.gif) no-repeat bottom center;-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	background-size: 2.75rem;z-index:111;
}
@keyframes mymove3 {
    0%   {bottom: -40px;}
    50%   {bottom: -30px;padding-bottom: 71px;}
    100% {bottom: -40px;}
  }
  section.sec04 {
    padding-top: 190px;
}
.prohmcnt a {
    color: #fff;
}
.homserRight p {
    font-size: 36px;
    color: #00272E;  font-family: 'Host Grotesk Medium';
}

.homserRight p strong {
    color: #7F9296;  font-family: 'Host Grotesk Medium';font-weight: normal;
}
.homserRight {
    padding-left: 8.5%;
}
section.sec04{
    padding-top: 244px; position: relative;
}
/* section.sec04:before{content: '';position: absolute; top: 40px; width: 59%; height: 100%; left: 50%;z-index:-1; margin-left: -29.5%; background: url(../images/service-vector.png) no-repeat top center;background-size: 100%;} */
.homserRight p {
    font-size: 36px;
    color: #00272E;
    font-family: 'Host Grotesk Medium';
    line-height: 48px;
}
.col-lg-12.servBtm {
    padding: 60px 0px 0px;overflow: hidden;
}
.row.servicloop {
    margin-bottom: 190px;
}
.servimgLeft {width: 59%;}
.servimgLeft {
    width: 57.5%;    margin-left: 2%;
    border-radius: 40px;
    overflow: hidden; transform: rotate(-4deg); /* Equal to rotateZ(45deg) */
}
.serImg {
    position: relative;min-height: 100%;display: flex
;
    align-items: center;
    justify-content: flex-start;
}
.servicloop {
    padding: 0px 18px;    margin-bottom: 205px; 
}
.servimgright {
    width: 37.5%;
    border-radius: 40px;
     
    transform: rotate(6.44deg);
    position: absolute;
    right: 4%;
    top: 14%;
    
}
.innerCntcomm{padding:7rem 0rem 0rem;}
.servimgLeft img,.servimgright img{width: 100%; }
 
  .servHeading {
    color: #00272E;
    font-size: 96px;
    line-height: 120px;    margin-bottom: 16px;
}
.cound {
    font-size: 32px;
    color: #BA9874;font-family: 'Host Grotesk Light';    margin-bottom: 26px;
}
.servicELeft {
   min-height: 100%;
    padding-left: 6.8%;
    padding-right: 7%;
    background: url(../images/readmore.png) no-repeat left 7.5% bottom;
    padding-bottom: 32px;
    flex-direction: column;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.servicELeft p {
    font-size: 28px;
    line-height: 40px;
    color: #7F9296;
}
 
 .fullheightanimat {
  height: 0;width: 100%;
background: url(../images/service-vector.png) no-repeat top 39px center;left: 0%; 
  transition: height 0.7s;position: absolute; top: 0px; background-size: 100%;-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}
section.sec04 .container {
    position: relative;
    z-index: 11;
}
.servicloop:nth-child(2n) .row {
    flex-direction: row-reverse;
}
.servicloop:nth-child(2n) .servicELeft {
        padding-right: 6.8%;
    padding-left: 0%;
    padding-top: 14px;    background-position: left 0px bottom;
}
.servicloop:nth-child(2n) .servimgright{right: 0px;    top: 10%;}
.servicloop:nth-child(2n) .servimgLeft{margin-left: 5%; width: 57.5%;}
section.sec05 {
    margin-top: 70px;padding-bottom: 238px;position: relative;
}
section.sec05:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 238px;
    background: url(../images/vector3.png) no-repeat bottom center;
    bottom: 0px;
    left: 52.3%;
    margin-left: -7px;
}
.projecthomeCvr{ position: relative; border-radius: 40px; overflow: hidden;}
.projecthomeCvr:after{width: 100%; height: 100%;position: absolute; content: ''; background: url(../images/imagemask.png) no-repeat center; background-size: cover; top: 0px; left: 0px;}
section.sec05 img{width: 100%;}
.prohmcnt{position: absolute;top:0px; left: 0px;width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 11;}
.prohmcnt h2 {
    color: #fff;
    font-family: 'Host Grotesk SemiBold';
}
.prohmcnt ul li a{ color: #fff;
    font-family: 'Host Grotesk SemiBold';text-align: center;    font-size: 8.25rem;
    line-height: 8.25rem;}
    ul.text-slider li {
    text-align: center;
}
.projecthomeCvr img {
    max-height: 95vh;
    object-fit: cover;
}
section.sec06 {
    padding: 132px 0px 120px;background: #ba98731a;
}

section.sec06 h2 {
    text-align: center;line-height: 130px;    margin-bottom: 12px;
}
.defcomm p {
    font-size: 36px;
    line-height: 48px;
    color: #7F9296;
}
.defBX1,.defBX3 {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;position: relative;
    padding-right:8%;margin-bottom: 6px; ;}

.defBX1:after, .defBX3:after {
    width: 10%;
    height: 14px;
    content: '';
    position: absolute;
    right: -7.8%;
    top: 50%;
    margin-top: -7px;
    background: url(../images/vector1.png) no-repeat right center;
    background-size: 100%;
}
.defBX2:after {
    width: 10%;
    height: 14px;
    content: '';
    position: absolute;
    right: 11%;
    top: 50%;
    margin-top: -7px;
    background: url(../images/vector1.png) no-repeat right center;
    background-size: 100%;
}
.defBX2{
    text-align: right;position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right:8%;margin-bottom: 6px;
}
.defBX1 p, .defBX2 p, .defBX3 p {
    width: 80%;
}
.defBX4, .defBX6 {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 8%;
    margin-bottom: 6px;
    padding-right: 22%;
    margin-bottom: 54px;position: relative;
}
.defBX5 {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 28%;
    margin-bottom: 6px;position: relative;
}
.defcenImg {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.defBX3, .defBX6,.defBX3 p, .defBX6 p{margin-bottom: 0px;}
.defBX4:after, .defBX6:after {
    width: 10%;
    height: 14px;
    content: '';
    position: absolute;
    left: -7.8%;
    top: 50%;
    margin-top: -7px;
    background: url(../images/vector2.png) no-repeat left  center;
    background-size: 100%;
}
.defBX5:after {
    width: 10%;
    height: 14px;
    content: '';
    position: absolute;
    left: 11%;
    top: 50%;
    margin-top: -7px;
    background: url(../images/vector2.png) no-repeat left center;
    background-size: 100%;
}
section.sec07 {
    padding: 237px 0px 198px;position: relative;
}
section.sec07:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 238px;
    background: url(../images/vector3.png) no-repeat bottom center;
    top: 0px;
    left: 52.3%;
    margin-left: -7px;
}
section.sec07:after {
    content: '';
    position: absolute;
    width: 37%;
    height: 179px;
    background: url(../images/vector4.png) no-repeat bottom center;
    bottom: 0px;
    left: 16%;
}

.styled p {
    font-size: 36px;
    color: #00272E;
    font-family: 'Host Grotesk Medium';
    line-height: 50px;
}

.styled p strong {
    font-weight: normal;
    color: #7F9296;
}
.brands {
    margin-top: 40px;
}
section.sec08 {
    padding: 140px 0px 120px;
    background: #ba98731a;
}
.happycust{background: url(../images/sec03logo.png) no-repeat center center; background-size: 24%;width: 10rem;}
.happycust img {
  animation: mymove 9s infinite;
}

@keyframes mymove {
  50% {transform: rotate(180deg);}
}
.testicnt p {
    font-size: 48px;
    color: #00272E;
    line-height: 63px;
}

.hometestimoni {
    padding-top: 152px;
   background: url(../images/vector5.png) no-repeat top left;background-size: 9.9%;
}
.testName {
    font-size: 40px;
    color: #BA9874;
    line-height: 105px;
}
.owl-carousel.testimonials {
    margin-bottom: 37px;
}
section.sec09 {
    padding: 235px 0px 210px; position: relative;
}
section.sec09:after{content: '';
    content: '';
    position: absolute;
    width: 14px;
    height: 212px;
    background: url(../images/vector3.png) no-repeat bottom center;
    top: 0px;
    left: 16%;
   }
   .rigntBtn {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.csCvr {
    margin-top: 5px;
}
.csLeftsec {
    padding:0rem  2.5rem;
}
.caseimg {
    border-radius: 40px;
    overflow: hidden;
}
.caseimg:before {
    position: absolute;
    content:'';
    width: 100%;
    height: 100%;
    background: #383535;
    background: -webkit-linear-gradient(1deg, rgba(56, 53, 53, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: -moz-linear-gradient(1deg, rgba(56, 53, 53, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(1deg, rgba(56, 53, 53, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#383535", endColorstr="#000000", GradientType=0);
    left: 0px;
    top: 0px;
    /*z-index: 11;*/
}
.casestuCvr:last-child {
    margin-bottom: 0px;
}
.secsec02Cvr p:last-child {
    margin-bottom: 0rem;
}
.casestuCvr {
    position: relative;
    margin-bottom: 30px; border-radius: 40px;overflow: hidden;
}


.csLeftsec {
    width: 32.398%;
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 100%;
    background-color: rgb(0 0 0 / 40%);
    -webkit-backdrop-filter: blur(3.6500000953674316px);
    backdrop-filter: blur(3.6500000953674316px);
}

.csleftTop {
    position: relative;
    height: 33rem;padding-right: 5rem;
    font-size: 3rem;line-height: normal;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
    
}
.csleftbottom {
    border-top: 1px solid #BA9874;
    height: 6.5rem;
    display: flex
;
    align-items: center;
}
.csleftbottom p {
    font-size: 1.5rem;
    color: #fff; margin-bottom: 0px;
}
.csleftbottom {
    border-top: 1px solid#BA9874;
    height: 6.5rem; 
}
.caseRightCvr {
    width:67.602%;
    margin-left: auto;
    position: absolute;
    top: -100%;
    right: 0px;
    height: 100%;
    background-color: rgb(0 0 0 / 66%);
    padding: 2.5rem;
    z-index: 11;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.casestuCvr:hover .caseRightCvr{top: 0px;}
.headingcststud {
    width: 100%;
    color: #fff;
    font-size: 2.5rem;
    line-height: normal;margin-bottom: 1.5rem;
}
.casrRgRw {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;    margin-bottom: 1.5rem;
}
.rgrwLeft {
    width: 38%;
    font-size: 1.75rem;
    line-height: normal;
    color: #fff;
    background-size: 2rem !important;
    padding-left: 3.4rem;
}
.rgrwRight {
    margin-left: auto;
    width: 62%;
    font-size: 1.75rem;
    line-height: 2.5rem;
    color: #fff;
}
.serico{background: url(../images/services-icon.png) no-repeat left top 0.16rem;}
.areaico{background: url(../images/area-icon.png) no-repeat left top 0.16rem;}
.timeico{background: url(../images/timeline-icon.png) no-repeat left top 0.16rem;}
.yearico{background: url(../images/year-icon.png) no-repeat left top 0.16rem;}
.homefrmsec {
    background: url(../images/contactbg.png) no-repeat left 16% top 5%;
    background-size: 31%;
}
.caseRightCvr a{display: block;}
.csreadimg{width: 6rem;}
.hmfrmLeft h3{
    font-size: 72px;
    line-height: 72px;
    color: #00272e80;
    font-family: 'Cormorant Garamond Medium'; margin-bottom: 25px;
}
.hmfrmLeft h2{font-size: 160px; line-height: 128px; color: #00272E;font-family: 'Cormorant Garamond Bold';}
section.homesec10 { padding: 118px 0px 58px;background: #ba98731a;}

.homefrm {
    margin-top: 28px;
}
.homefrm ul li{margin-bottom: 60px;}
.homefrm ul li:last-child {
    text-align: right;
}
section.sec11 {
    padding: 200px 0px 190px;
    background: url(../images/storybgline.png) no-repeat top 406px left 62%;
    background-size: 41.2%;position: relative;
}
section.sec11:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 13.25rem;
    background: url(../images/vector3.png) no-repeat bottom center;
    top: 0px;
    left: 16%;
}
 
.col-lg-12.storyTop {
    margin-bottom: 5px;
}
.stryLeft {
    padding-right: 9%;
}
.stryRight {
    padding-left: 9%;
}
.storyImg {
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 20px;
}

.storyHeading {
    font-size: 2.5rem;
    color: #00272E;
    line-height: normal;
    padding-right: 1.5rem;
}
.storyCvr {
    background: url(../images/readmore.png) no-repeat left bottom;
    background-size: 6rem;
}
.storyCvr a {
    padding-bottom: 5rem;
    display: block;
}
.stryRight {
    padding-left: 9%;
    padding-top: 200px;
}
.storyItem {
    margin-bottom: 120px;
}
.explomr {
    width: 100%;
    height: 550px;
    border-radius: 40px;
    overflow: hidden;
    background:url(../images/explormore.jpg) no-repeat center; background-size: cover;display: flex;align-items: center; justify-content: center; flex-direction: column; text-align: center;
}
.explomr p{font-size: 2rem; line-height: 2.5rem; color: #BA9874;}
.faqLeft h3{line-height:normal;}
section.sec012 {
    min-height: 84vh;
    padding: 100px 0px; background: url(../images/homecontact.jpg) no-repeat center; background-size: cover;
    display: flex;
    align-items: center;
}
.sec12Cvr {
    margin-top: 54px;
}
.sec12Cvr p {
    font-size: 40px;
    line-height: 45px;
    font-family: 'Host Grotesk Light';
    color: #fff;
    margin-bottom: 0px;
}
.sec12Cvr a {
    font-size: 132px;
   font-family: 'Cormorant Garamond Bold';
    color: #fff;line-height: 180px;
}
.sec12Cvr a.phn {
    margin-bottom: 48px;
    display: block;
    font-family: serif;font-weight: 500;
}
section.sec013  {
    padding: 235px 0px 200px;position: relative;background: url(../images/vector6.png) no-repeat left 25% bottom 0px;background-size: 36%;
}
section.sec013:after{
    content: '';
    position: absolute;
    width: 14px;
    height: 212px;
    background: url(../images/vector3.png) no-repeat bottom center;
    top: 0px;
    left: 16%;
}
 .faqCvr .accordion-item {
        background-color: transparent;
        border: none;
        border-bottom:1px solid #B5B5B5;
    }
.faqCvr .accordion-button { font-size: 2.25rem; line-height:normal;
           color: #00272E;    font-family: 'Host Grotesk SemiBold';
        background-color: transparent;
        padding: 32px 0px 32px;
    }
    .faqCvr .accordion-body {
        padding: 0px 0px 0px;
        box-shadow: none;
    }
    
    .bordnone {
        border: none !important;
        padding-left: 0px !important;
        background-color: transparent !important;
        height: 29px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    a.btn.btn-primary.bordnone:hover {
        filter: brightness(0.5) invert(1);
    }
    
    .accordion-button:after{background-image: url(../images/plus.png) !important;-webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;}
        .accordion-button.open:after{background-image: url(../images/minus.png) !important;}
    .accordion-button::after{
        /*transform: rotate(90deg);*/ width: 48px;
        height: 48px; background-size: 48px !important;
        background-position: center;}
        .accordion-button:not(.collapsed){    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0%); padding: 40px 0px;}
        .accordion-collapse.collapse::after {
        
        /* transform: rotate(0deg); */
        width: 48px;
        height: 48px;
        background-size: 48px !important;
        background-position: center;
    }
     
    .faqCvr .accordion-item:last-child {
        border-bottom: 0px;
    }
    .accordion-collapse p {
    font-size: 36px; color: #7F9296;line-height: 52px;
}
.faqLeft h3{margin-bottom:3rem;}
.emailsign {
    text-align: center;
}
section.sec14 {
    padding: 207px 0px;
}
section.sec14 {
    padding: 120px 0px 95px;background: #ba98731a;
}
.emailsign {
    margin-bottom: 54px;
    text-align: center;
}
.emailsign img {
    margin-bottom: 15px;
}.emailsign p{font-size:36px; color:#7F9296; line-height: 42px;}

.newslet .inputfield {font-size:48px;text-align: center; color: #00272e80; height: 82px;}

.newslet .inputfield::-webkit-input-placeholder{
    color: #00272e80;font-size: 3rem; line-height: 2.5rem; text-align: center;
  }
.newslet .inputfield:-ms-input-placeholder{
   color: #00272e80;font-size: 3rem; line-height: 2.5rem; text-align: center;
  }
.newslet .inputfield::placeholder {
    color: #00272e80;font-size: 3rem; line-height: 2.5rem;text-align: center;
  }
  .newslet ul li:last-child{text-align: center;}
  .newslet .btn{margin-top: 30px; }
  footer {
    padding: 92px 0px 0px;
}
.footTopLeft .logo {
    margin-bottom: 40px;
}
.footTopLeft p{font-size: 24px; line-height: 40px; color: #7F9296;}
.footTopLeft p span{color: #BA9874;}
.footbox {padding-left: 65px; margin-top: 44px;}
.footHead {
    font-size: 24px;
    text-transform: uppercase;
    color: #BA9874;margin-bottom: 20px;
}
ul.footmenu li a {
    font-size: 28px;
    line-height: 40px;color: #00272E;
}
ul.footmenu li a:hover{color: #BA9874;}
ul.footmenu li {
    margin-bottom: 20px;
}
ul.footmenu {
    margin-bottom: 35px;
}
.footbtLeft p {
    font-size: 1rem;
    line-height:1.5rem;
    color: #fff;
    font-family: 'Host Grotesk Light';
}
.footbtLeft p {
     
    color: #fff;
    font-family: 'Host Grotesk Light';margin-bottom: 0px;
}

.footbtRight ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.footbtRight ul a {
    color: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: 'Host Grotesk Light';
    text-decoration: underline;
    margin-left: 33px;display:block;
}
.copyRigt {
    padding: 18px 0px 11px 0px; /*background: url(../images/footerbtbg.png) no-repeat top center;*/
	background: #BA9874;
}
 
   
/********************************inner*******************************/
.txt-white{color: #fff;}
section.innerpagebanner{position: relative;}
.innerbannercnt{position: absolute; top: 0px; left: 0px; text-align: center;width: 100%; height: 100%; display: flex; align-items: center;}
.sec01innerCnt {
    position: relative;
}
.abtimg1 {
    position: absolute;
    left: 5%;
    top: 6px;
}
section.innerCnt {
    padding: 236px 0px 248px;text-align: center;
}
 
.abtimg1 img,.abtimg2 img {
    width: 100%;
}
.sec01innerCnt h2 {
    font-size: 5rem;
    line-height: 6rem;
    font-family: 'Host Grotesk Regular';
    color: #00272E;
    max-width: 57.063rem;
    margin: 0px auto 1.5rem;
    text-align: center;}
     .sec01innerCnt p:nth-child(3){color: #00272E;margin-bottom: 40px;}
 .sec01innerCnt p {
    font-size: 28px;
    line-height: 40px;color: #7F9296;
    
}
.sec01innerCnt a.btn {
    margin-top: 48px;
}
.abtimg1 {
    position: absolute;
    left: 4.7rem;
    top: 0rem;
    width: 10.17rem;
    border-radius: 2.5rem;
    transform: rotate(-4deg);
}
.abtimg1:after {
    position: absolute;
    content: '';
    top: -34px;
    left: -31%;
    width: 43%;
    height: 71px;
    background: url(../images/abt1corner.png) no-repeat left top;background-size: 100%;
}
.abtimg1:before {
    position: absolute;
    content: '';
    bottom: -4rem;
    right: -1rem;
    width: 5.668rem;
    height: 6.121rem;
    background: url(../images/abt1corner1.png) no-repeat left top;
    background-size: 100%;
}
.abtimg2 {
    position: absolute;
    right: 4.2rem;
    top: 6.01rem;
    border-radius: 2.5rem;
    transform: rotate(4deg);
    width: 10rem;
    height: 10.188rem;
}
.abtimg2:after {
    position: absolute;
    content: '';
    top: -34px;
    right: -31%;
    width: 43%;
    height: 71px;
    background: url(../images/abt2corner.png) no-repeat right top;background-size: 100%;
}
.abtimg2:before {
    position: absolute;
    content: '';
    top: -3rem;
    left: -1rem;
    width: 4.65rem;
    height: 4.9rem;
    background: url(../images/abt2corner2.png) no-repeat left top;
    background-size: 100%;
}
.abtimg1 .hovImg,.abtimg2 .hovImg{border-radius: 2.5rem;position: relative;}
.abtsec02cvr {
    margin-top: -180px;
    position: relative;
}
.sec02AbtCvr{position: relative; margin-top: -165px;}
section.sec02Abt {
    position: relative;background: #F9F5F2;padding-bottom: 98px;
}

section.sec02Abt:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 39%;
    left: 0px;
    top: 47.875rem;
    background: #F9F5F2;
    background: -webkit-linear-gradient(180deg, rgba(249, 245, 242, 0) 0%, rgba(249, 245, 242, 1) 79%, rgba(249, 245, 242, 1) 100%);
    background: -moz-linear-gradient(180deg, rgba(249, 245, 242, 0) 0%, rgba(249, 245, 242, 1) 79%, rgba(249, 245, 242, 1) 100%);
    background: linear-gradient(180deg, rgba(249, 245, 242, 0) 0%, rgba(249, 245, 242, 1) 79%, rgba(249, 245, 242, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F9F5F2", endColorstr="#F9F5F2", GradientType=0);
}
section.abtsec03 {
    padding: 19.188rem 0px 15.563rem;
}
.sec03abtTop h2 {
    text-align: center;
    margin: 0px auto 20px;max-width: 81rem;
}

.sec03abtTop {
    text-align: center;
}
.sec03abtTop  p{color: #7F9296;}
.secabt3list 
 {
    margin-top: 5.188rem;
    padding-left: 5.5rem;
    background: url(../images/abt3vectior.png) no-repeat top 3.813rem left 19.5rem;
    background-size:52.7rem;
}
.secabt3list ul li{ width: 100%; text-align: left;margin-bottom:4.35rem;}
.secabt3list ul li:nth-child(2n){text-align: right;}
.secabt3list ul li span {
    font-size: 4rem;
    color: #00272E;
    display: inline-block;
    padding: 3.125rem 2.84%; background: #F9F5F2; border-radius: 2.5rem;
}
.sec03abtTop a.btn {
    margin-top: 2.8rem;
}
section.abtsec04 {
    padding:9.8rem 0px 5.4rem;    background: #ba98731a;
}
.abtsec04top h3 {
    max-width: 53%;
}
 .abtsec04top p {
    font-size: 2.235rem;
    line-height: 3.1rem;
    color: #7F9296;
}
.abtsec04top {
    border-bottom: 1px solid #BA9874;
    padding-bottom:0.9rem;
}
.abtsecbtm {
    margin-top:4rem;
    border-bottom: 1px solid #BA9874;
    padding-bottom:2.28rem
}
.abtsc4BxCvr span {
    font-size: 6rem;
    line-height: 6rem;
    font-family: 'Host Grotesk Bold';
    color: #f8f4f1;
     text-shadow:
    -1px -1px 0 #BA9874,
     1px -1px 0 #BA9874,
    -1px  1px 0 #BA9874,
     1px  1px 0 #BA9874;
    margin-bottom: 0.938rem;
    display: inline-block;
}
.abtsc4BxCvr p {
    color: #00272E;
}
.btoomtextsec04 {
    font-size: 3.99rem;
    color: #00272E;
    max-width: 58.5rem;
    padding-top: 2.6rem;
    line-height: 5.18rem;
}
.abtsc4BxCvr {
    padding-right: 2%;
}
 .sec04rgarrow img {
    width: 20rem;
}
.sec04rgarrow {
    margin-top: -1.4rem;
    margin-left: -6rem;
}
 
section.abtsec05
 {
    padding: 8.5em 0px 10.9rem;
}
.abtsec5Left {
    background: url(../images/contactbg.png) no-repeat right 37% top 5%;
    padding: 7rem 0px;
    background-size: 76%;
    position: sticky;
    top: 9.609rem;
}
.abtsec05Right {
    padding-left: 8%;
}
.abtsc5BxCvr span {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #00272E;
    font-family: 'Host Grotesk SemiBold';
}
.abtsec05Right {
    padding-left: 2.85rem;
    padding-top: 4.7rem;position: relative;
}
.abtsc5BxCvr span {
    font-size: 2.25rem;
    line-height: 2.5rem;
    color: #00272E;
    font-family: 'Host Grotesk SemiBold';
      margin-bottom: 0.75rem;
      display: block;
}
 
.abtsc5BxCvr {
    padding-bottom: 1.438rem;    padding-left:0.813rem;margin-bottom: 3.25rem;border-bottom: 1px solid #BA9874;
}
.abtsec05Right:after {
    content: '';
    position: absolute;
    height: 100%;top: 0px; left: -14px;
    width: 8px;
    background: url(../images/abtsec5vtr.png) no-repeat top left;background-size: 100%;
}
 
 
.movbottom {
    width: 3rem;
    height: 5rem;
    position: sticky;
    top: 35.5rem;
    font-size: 2.5rem;
    font-weight: bold;
    margin-left: -5rem;
    background: url(../images/sec03logo.png) no-repeat center;
    background-size: 100%;
    z-index: 1;
}
.abtsc5BxCvr p {
    color: #7F9296;
}
.abtsec6leftCvr {
    padding-left: 12.8%;position: relative;
}
section.abtsec06 {
    padding: 10rem 0px 10rem;background: #ba98731a;
}
.abtsec6leftCvr p {
    padding-right: 6.9rem;
    margin-top: -0.2rem;
    color: #7F9296;
}
.abtsec6rightCvr {
    padding-left: 8.85rem;
    padding-right: 5.31rem;
    margin-top: 8rem;
    position: relative;
    margin-bottom: 6rem;
}
.abtsec6rightCvr p{ 
    margin-top: 27px;
    color: #7F9296;}
.abtsec6leftCvr:after {
    position: absolute;
    content: '';
    width: 15rem;
    height: 16.5rem;
    right: -8.5rem;
    bottom: -6.05rem;
    background: url(../images/abtsec06vector.png) no-repeat right top;
    background-size: 100%;
}
.abtsec6rightCvr:after {
    position: absolute;
    content: '';
    width: 12.6rem;
    height: 22rem;
    left: -8rem;
    bottom: -12rem;
    background: url(../images/abtsec06vector2.png) no-repeat right top;
    background-size: 100%;
}
.sbtsec07Cvr p {
    color: #fff;
}

.sbtsec07Cvr h2, .sbtsec07Cvr h3, .sbtsec07Cvr h4 {
    color: #fff;
    font-family: 'Host Grotesk Medium';
    font-size: 4rem;
}

section.abtsec07 .container {
 
    position: relative;
}
.abt7Cvrmn {
    position: absolute;
    top: 39.375rem;
    left: 0px;
}

section.abtsec07 {
    position: relative;
    text-align: center;
}
.abtin2Right p {
    color: #7F9296;
}
.servRightImg {
    width: 61.75rem;
}
section.servsigle {
    position: relative;
}
.bannerHead {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 100%;display: flex;
    align-items: center;
}
.servRightImg {
    width: 61.75rem;
    position: relative;
    z-index: 11; 
    
}
.serviceSec02 {
    padding: 10rem 0rem;background: #ba98731a;
}
.servinnerCnt {
    padding-left: 4.5rem;
}
.servinnerCnt  h1{
        margin-bottom: 7.7rem;
    line-height: normal;
}
.secsec02Cvr h2,.secsec02Cvr h3,.secsec02Cvr h4,.secsec02Cvr h5{
    font-size: 4rem;line-height: normal; color: #00272E; font-family: 'Host Grotesk Regular';text-transform: capitalize;margin-bottom: 1.55rem;
}
.secsec02Cvr p{margin-bottom: 2.5rem;color: #7F9296;}
.secsec02Cvr p strong{color: #000}
.secsec02Cvr a.btn{margin-top: 1.7rem;}
.secsec02Cvr a.btn {
    margin-top: 0.6rem;
}
.video-container iframe {
    width: 100%;
    height: 57.125rem;border-radius: 2.5rem;
}
.serviceSec03 {
    padding: 11.4rem 0rem;
}
.video-container{border-radius: 2.5rem; overflow: hidden;}
    .serviceSec03 .col-lg-12.ms-auto.me-auto{padding: 0.2rem;}
.video-wrapper{
      position: relative;
      padding-bottom: 56.25%; /* 16:9 aspect ratio */
      height: 0;
      overflow: hidden;
      max-width: 100%;
       
    }

    .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
    }
    .play-btn {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background: rgba(0,0,0,0.6);
      border-radius: 50%;
      width: 80px;
      height: 80px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .play-btn::before {
      content: "";
      border-style: solid;
      border-width: 15px 0 15px 25px;
      border-color: transparent transparent transparent white;
      margin-left: 5px;
    }
    .video-wrapper img {
    width: 100%;
}

.video-wrapper {
    overflow: hidden;
    border-radius: 2.5rem;background: #f9e9ca;
}
.vp-target.content-area-sibling-enabled {
    z-index: 1 !important;
}
.toggle-btn {
    position: absolute;
    width: 6.125rem;
    height: 6.125rem;
    left: 50%;
    margin-left: -3rem;
    margin-top: -3rem;cursor: pointer;
    top: 50%;z-index: 11 !important;background: url(../images/play.png) no-repeat center; background-size: 100%;
}
.toggle-btn.pause{background: url(../images/pause.png) no-repeat center; background-size: 100%; opacity: 0;}
.video-wrapper:hover .toggle-btn.pause{opacity: 1;}


.servlist p {
    color: #7F9296;
}
.serinlistcvr:first-child .servlist {
    padding-top: 4.75rem;
    padding-right: 4.5rem;padding-left: 0rem;background: url(../images/union.png) no-repeat top left;
    background-size: 2rem;
}
.servlist {
    padding-top: 4.75rem;
    padding-right: 1.5rem;
    padding-left: 2.5rem;background: url(../images/union.png) no-repeat top left 2.5rem;
    background-size: 2rem;
}
.serinlistcvr {
    margin-bottom: 1.5rem;
}
section.serviceSec04
 {
    padding-bottom: 9.5rem;
}
section.serviceSec04.vdeopad {
    padding-top: 9.5rem;
}

.secsec02Cvr.project02Cvr a.btn {
    margin-top: 2rem;
}
.secsec02Cvr.project02Cvr a.btn {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}
section.projectCvr03 {
    padding: 12.3rem 0rem 0rem;
}
.projectListCvr {
    margin-bottom: 12.2rem;
}
.projectListCvr:nth-child(2n) .row {
    flex-direction: row-reverse;
}
.projCvleft {
    border-radius: 2.5rem;
    overflow: hidden;position: relative;
}
.projCvleftmain{position: relative;}
.projCvleftmain:after {
    width: 6.5rem;
    height: 6.5rem;
    position: absolute;
    content: '';
    right: -3rem;
    bottom: -3rem;
    background: url(../images/right-corn.png) no-repeat center;background-size: 100%;
}
.projectListCvr:nth-child(2n) .row .projCvleftmain:after {
    left: -3rem;right: auto;
    bottom: -3rem;
    background: url(../images/left-corn.png) no-repeat center;
}
.projectListCvr:nth-child(2n) .row .col-lg-6.ms-auto{margin-left: 0rem !important; margin-right: auto;}
.projCvright {
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;position: relative;
}

.projHead {
    font-size: 4rem;
    line-height: 5rem;
    color: #00272E;    margin-bottom: 1rem;
}

.projSubHead {
    font-size: 3.5rem;
    line-height: 5rem;
    color: #BA9874;
    font-family: 'Cormorant Garamond Bold';margin-bottom: 1rem;
}

.projCvright p {
    color: #7F9296;
}
.projectListCvr:last-child{position: relative;}
.projectListCvr:last-child:after {
    background: url(../images/projectbtm.png) no-repeat center;
    width: 100%;
    height: 1rem;
    content: '';
    position: absolute;
    bottom: -10.7rem;
    background-size: 93.75rem;
}
.secsec02Cvr.project02Cvr {
    position: relative;
}

.secsec02Cvr.project02Cvr:after {
    position: absolute;
    content: '';
    width: 15rem;
    height: 16.5rem;
    right: 31.5rem;
    bottom: -5.5rem;
    background: url(../images/abtsec06vector.png) no-repeat right top;
    background-size: 100%;
}
.bannerHead:after{position: absolute;
    content: '';
    width: 15rem;
    height: 16.5rem;
        right: 5rem;
    bottom: 3rem;
    background: url(../images/abtsec06vector.png) no-repeat right top;
    background-size: 100%;}
.projectBxCvr p{color:#7F9296 ;}
.projectBxCvr span{font-size: 6rem;
    line-height: 6rem;
    font-family: 'Host Grotesk Bold';
    color: #f8f4f1;
    text-shadow: -1px -1px 0 #00272E, 1px -1px 0 #00272E, -1px 1px 0 #00272E, 1px 1px 0 #00272E;
    margin-bottom: 0.938rem;
    display: inline-block;}
    section.projectSec04 {
    padding:10rem 0rem 9rem;background: #ba98731a;
}
.promain {
    margin-bottom: 8.5rem;position: relative;
}
.promain:after {position: absolute;
    content: '';
    width: 15rem;
    height: 16.5rem;
    right: -14rem;
    bottom: -5rem;
    background: url(../images/abtsec06vector.png) no-repeat right top;
    background-size: 100%;}
.col-lg-10.promain:nth-child(2n) {
    margin-left: auto;  margin-bottom: 14.5rem
}
.col-lg-10.promain:nth-child(2n):after {
    content: '';
    width: 13rem;
    height: 16.5rem;
    left: -13.5rem;
    bottom: -11.8rem;
    background: url(../images/abtsec06vector2.png) no-repeat right top;
    background-size: 100%;
}
.col-lg-10.promain:last-child:after {display: none;}
.col-lg-10.promain:last-child{margin-bottom:0px ;}
.projectGallery {
    padding: 12.4rem 0rem 8.4rem;
}
section.projectGallery h2 {
    font-size: 4rem;
    line-height: normal;
    font-family: 'Host Grotesk Regular';
    color: #00272E;
    max-width: 62%;
    margin: 0px 0px 24px;
}
.gallery-col.col-left {
    padding-right: 4.5rem;
    padding-top: 7.7rem;
}
.gallery-col.col-right {
    padding-left: 4.5rem;
}
.gallery-itemCvr {
    margin-bottom: 4.35rem;
}
.gallerythum {
    border-radius: 2rem;
    overflow: hidden;
    margin-bottom: 1.1rem;
}
.galltitle {
    background: url(../images/readmore.png) no-repeat left bottom;
    padding-bottom: 4rem;
    background-size: 6rem;
}
.galltitle a{font-size: 2.5rem; line-height: normal;color: #00272E;}
.galleIntop a {
    font-size: 1.25rem;
    line-height: 2.5rem;
    color: #7F9296;
    background: url(../images/back.png) no-repeat left center;
    padding-left: 2.5rem; background-size: 1.75rem;;margin-bottom: 2rem;
    display: inline-block;
}
.seperate {
    background: url(../images/projectbtm.png) no-repeat center;
    width: 100%;
    height: 1rem;
    background-size: 100%;
    margin-top: 7.5rem;
}
.galleIntop {
    text-align: center;position: relative;
}
.seperate{}
section.galleryTop {
    padding-top: 9.8rem;
}
 

.galleIntop h1 {
    font-size: 5rem;
    line-height: 6rem;margin-bottom: 2.2rem;
}
.nav-tabs{border: none !important; text-align: center;display: flex; align-items: center; justify-content: center;}
    .nav-tabs .nav-link {width:12.563rem; height: 4.813rem;
         color: #7F9296; font-size: 2rem; line-height: normal; font-family: 'Host Grotesk SemiBold'; text-align: center;
    }
    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active,.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{background:url(../images/activgall.png) no-repeat center;color: #0E100F; background-size: 100%; border: none !important;}
nav.projecttab {
    margin-bottom: 2.43rem;
} 
.gallerythImg {
    border-radius: 2rem;
    overflow: hidden;
}
.galeryCVrm {
    margin-bottom: 2.4rem;
}
.gallerythImg img {
    min-height: 23.5rem;
    max-height: 23.5rem;
    width: 100%;
    object-fit: cover;
}
section.clientMaincvr {
    padding: 10rem 0rem 1rem;text-align: center;
}
.clentinnerCnt h2 {
    font-size: 4rem;
    line-height: normal;
    color: #00272E;    font-family: 'Host Grotesk Regular';
}
.clentinnerCnt p{color:#7F9296}
.clientimainCvr{border: 1px solid #A9B8BB; display: flex; align-items: center; justify-content: flex-start; flex-flow: row wrap; border-right: 0px; border-bottom: 0px;}
.clintBxCvr img{max-width: 22.375rem; max-height:10.5rem; object-fit: cover; filter: grayscale(1);}
.clientCvr {
    width: 25%;
    height: 23rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #A9B8BB;
    border-bottom: 1px solid #A9B8BB; 
}
.clientCvr :hover img{filter: grayscale(0);}
.caseStudyCvr{padding: 12.5rem 0rem 2rem;}
section.prosnap {padding: 12.5rem  0rem;}

section.prosnap h2 {
    font-size: 4rem;
    font-family: 'Host Grotesk Regular';
    line-height: normal;
    color: #00272E;
}
.prsnTitle {
    font-size: 1.75rem;
    color: #7F9296;
}

.prsncnt p {
    font-size: 1.75rem;
    line-height: normal;
    color: #00272E; text-align: right;font-family: 'Host Grotesk Medium';margin-bottom: 0px;
}
.snaploop{background: url(../images/projectbtm.png) no-repeat bottom center; background-size: 100%;    padding: 1.5rem 0rem;}
section.casestudSec05 {
  padding: 12.5rem  0rem;
}
.cs05left h3 {
    font-size: 4rem;
    line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
    text-transform: capitalize;
    margin-bottom: 1.55rem;
}
.cs05left {
    padding-right: 1rem;
    position: sticky;
    top: 19rem;
}
.sec06BottomLeft,.sec08BottomLeft{ position: sticky;
    top: 5rem;}
.csRightbox span {
    font-size: 6rem;
    line-height: 6rem;
    font-family: 'Host Grotesk Bold';
    color: #ffffff;
    text-shadow: -1px -1px 0 #00272E, 1px -1px 0 #00272E, -1px 1px 0 #00272E, 1px 1px 0 #00272E;
    margin-bottom: 1rem;
    display: block;
}
.csRightbox p {
    color: #7F9296; margin-bottom: 5rem;
}
.cs05Right {
    position: relative;
}

.cs05Right:after {
    width: 5.313rem;
    height: 2.5rem;
    position: absolute;
    content: '';
    left: -7rem;
    top: 4.5rem;
    background: url(../images/csrightarrow.png) no-repeat top center; background-size: 100%;
}
section.casestudSec06 {
    padding: 12.5rem 0rem;
}
.casestudSec06 h2,.casestudSec06 h3,.casestudSec06 h3,.casestudSec06 h4{ font-size: 4rem;
    line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
    text-transform: capitalize;
    margin-bottom: 1.55rem;}
   .casestudSec06 ul li {
    background: url(../images/union.png) no-repeat top .2rem left;
    background-size: 1.313rem;
    padding-left: 2.313rem;
    margin-bottom: 2.5rem; color: #7F9296; font-size: 1.75rem;
}
.cssec6centerLeft {
    padding-right: 1.7rem;
}
.cssec6centerRight{ padding-left: 1.7rem;}
.cssec6centerImg {
    border-radius: 2.5rem;
}
.cssec6centerImg img{width: 100%;}
.cssec6center {
    padding: 12.5rem 0rem;
}
.casestudSec06 ul li:last-child{margin-bottom: 0rem;}
.sec06BottomRight {
    padding-left: 3.125rem; background: url(../images/cs6leftbar.png) no-repeat left top; 
}
.sec06BottomLeft {
   
}
.sec06BottomLeft:after {
    position: absolute;
    width: 15.188rem;
    height: 11.188rem;
    content: '';
    right: 0rem;
    bottom: -12rem;
    background: url(../images/cs6corn.png) no-repeat;background-size: 100%;
}
.sec06BottomLeft.roatt:after {
    background: url(../images/faq-right.png) no-repeat;
    background-size: 100%;
    transform: rotate(131deg);
    height: 17rem;
    bottom: -17rem;
    right: 2rem;
}
.sec06BottomLeft p {
    color: #7F9296;
}
.sec06BottomRight ul li {
    margin-bottom: 1.5rem;
    background: none;
    position: relative;
}

.sec06BottomRight ul li:after {
    width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    content: '';
    background: #7F9296;
    border-radius: 5rem;
    left: 0rem;
    top: 0.8rem;
}
 section.casestudSec07 {
    background: #ba98731a; padding: 10rem 0rem 7.5rem;
}
.casestudSec07 h2,.casestudSec07 h3,.casestudSec07 h4,.casestudSec07 h5{
     font-size: 4rem;
 line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
    text-transform: capitalize;
    margin-bottom: 1.55rem;
}
.casestudSec07 ul li {
    background: url(../images/union.png) no-repeat top .2rem left;
    background-size: 1.313rem;
    padding-left: 2.313rem;
    margin-bottom: 2.5rem; color: #7F9296; font-size: 1.75rem;
}
.casestudSec07 ul li ul{margin-top: 2rem;}
.casestudSec07 ul li ul li{
    background: none; padding-left: 0px; margin-bottom: 0.7rem;
}
.casestudSec07 ul li ul li{position: relative;padding-left: 2.313rem;}
.casestudSec07 ul li ul li:after{width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    content: '';
    background: #7F9296;
    border-radius: 5rem;
    left: 0rem;
    top: 0.8rem;}

    .casestudSec08 ul li {
    background: url(../images/union.png) no-repeat top .2rem left;
    background-size: 1.313rem;
    padding-left: 2.313rem;
    margin-bottom: 2.5rem; color: #7F9296; font-size: 1.75rem;
}
.servinnerCnt.casestu h1 {
    font-size: 5rem;line-height: 6rem;
}
.casestudSec08 ul li ul{margin-top: 2rem;}
.casestudSec08 ul li ul li{
    background: none; padding-left: 0px; margin-bottom: 0.7rem;
}
.casestudSec08 ul li ul li{position: relative;padding-left: 2.313rem;}
.casestudSec08 ul li ul li:after{width: 0.7rem;
    height: 0.7rem;
    position: absolute;
    content: '';
    background: #7F9296;
    border-radius: 5rem;
    left: 0rem;
    top: 0.8rem;}

 .sec08BottomLeft h3 {
    font-size: 4rem;
    line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
    text-transform: capitalize;
    margin-bottom: 1.55rem;
} 
 .sec08BottomLeft:after {
    position: absolute;
    width: 15.188rem;
    height: 11.188rem;
    content: '';
    right: 0rem;
    bottom: -12rem;
    background: url(../images/cs6corn.png) no-repeat;
    background-size: 100%;
}
.sec08BottomRight {
    padding-left: 3.125rem;
    background: url(../images/cs6leftbar.png) no-repeat left top;
}
section.casestudSec08 {
    padding-bottom: 11rem;
}
section.casestudSec09{padding: 12.5rem 0rem; background: #ba98731a;}
.seccasse9Cvr{position: relative;text-align: center;}
.seccasse9Cvr::after{
    position: absolute;
    content: '';
    width: 6.563rem;
    height:6.563rem;
    right: 0rem;
    top: -6rem;
    background: url(../images/cs8right.png) no-repeat right top;
    background-size: 100%;
}
.seccasse9Cvr::before{
    position: absolute;
    content: '';
    width: 6.563rem;
    height:6.563rem;
    left: 0rem;
    bottom: -6rem;
    background: url(../images/cs8left.png) no-repeat right top;
    background-size: 100%;
}



.seccasse9Cvr h2,.seccasse9Cvr h3,.seccasse9Cvr h3,.seccasse9Cvr h4{ font-size: 4rem;
    line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
    text-transform: capitalize;
    margin-bottom: 1.55rem;}
 section.sec11.innstory {
    background: none;padding-bottom: 0rem;
}
section.sec11.innstory .stryRight {
    padding-top: 0rem;
}
.wowLeftcnt {
    margin-bottom: 7.5rem;
}

.wowLeftcnt p {
    color: #7F9296;
}
.storyItem:last-child{margin-bottom: 0rem;}
section.casestudSec.strovdo
 {
    padding-top: 12.5rem;
}
.csRightbox:last-child p {
    margin-bottom: 0px;
}
section.casestudSec06.wowstorsec06.bg{ background: #ba98731a;}
.sec06BottomLeft p strong {
    color: #BA9874;
    font-weight: normal;
    font-family: 'Cormorant Garamond Bold';
    font-size: 3.5rem;
    line-height: 5rem;
}
.wowstsec08Cvr {
    position: relative;
    border-radius: 2.5rem;
    overflow: hidden;margin-bottom: 5rem;
}
.wowstsec08Cvr h4 {
    font-size: 4rem;
    line-height: normal;
    color: #fff;
    position: absolute;
    top: 0px;
    height: 100%;
    margin-bottom: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Host Grotesk Regular';padding: 2rem;
    text-align: center;
}
section.wowstorsec10 {
    padding: 10rem 0rem;
    background: #ba98731a url(../images/projectbtm.png) no-repeat bottom center;
    text-align: center;
    background-size: 100%;
}
section.wowstorsec10 h2,section.wowstorsec10 h2,section.wowstorsec10 h3,section.wowstorsec10 h4{ font-size: 4rem;
    line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
    text-transform: capitalize;
    margin-bottom: 1.55rem;}
    section.wowstorsec08 {
    padding-top: 12.5rem;
}
.testicin {
    width: 23.878rem;
    height: 27.507rem;
}
.testNamehead {
    color: #00272E;
    font-size: 2.5rem;
    font-family: 'Host Grotesk Bold';
    line-height: 3.5rem;
    margin-bottom: 2rem;
}
.testicntin p {
    color: #7F9296;
    font-size: 1.75rem;
    line-height: 2.5rem; margin-bottom: 2rem;
}
.testNamein {
    color: #BA9874;
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-family: 'Host Grotesk Bold';
}

.testimCvrin {
    border-left: 0.125rem solid #BA9874;
    padding-left: 2rem;
}

.testimonailsBx {
    margin-bottom: 12.5rem;position: relative; padding-left: 8.625rem;
}
.testicin {
    margin-top: 4.125rem;
    position: sticky;
    top: 15rem;
}
section.testimonialinner {
    padding: 7.5rem 0px 0rem;
}
.testimonailsBx span {
    font-size: 4rem;
    line-height: 3.5rem;
    font-family: 'Host Grotesk Bold';
    color: #ffffff;
    text-shadow: -1px -1px 0 #00272E, 1px -1px 0 #00272E, -1px 1px 0 #00272E, 1px 1px 0 #00272E;
    margin-bottom: 1rem;
    display: block;    position: absolute;
    left: 0rem;
}
.testimonailsBx:last-child{margin-bottom: 0px;}
.faqCvrin {
    border: 0.063rem solid #BA9874;
    margin-bottom: 5rem;
    padding: 2.25rem;
    border-radius: 2.5rem;position: relative;
}
.faqHeadn {
    color: #00272E;
    font-size: 2.25rem;
    line-height: normal;
    font-family: 'Host Grotesk semiBold';
    margin-bottom: 0.75rem;
}
.faqCvrin:after {
    width: 14.688rem;
    height: 17.563rem;
    position: absolute;
    content: '';
    right: -14.688rem;
    bottom: -3rem;
    background: url(../images/faq-right.png) no-repeat right center;
    background-size: 100%;
}

section.faqinner .col-lg-9:nth-child(2n) {
    margin-left: auto;
}
section.faqinner .col-lg-9:nth-child(2n) .faqCvrin:after {
    width: 14.688rem;
    height: 17.563rem;
    position: absolute;
    content: '';
    left: -14.688rem;
    bottom: -3rem;
    background: url(../images/faq-left.png) no-repeat right center;
    background-size: 100%;
}
section.faqinner {
    padding: 7.5rem 0rem 0rem;
}
section.faqinner .col-lg-9:last-child .faqCvr{margin-bottom: 0px;}
h1.txt-white.cntbn {
    max-width: 87rem;
    margin: 0px auto;
}
.cntsec1left h2 {
        font-size: 4rem;
    line-height: normal;
    color: #00272E;
    font-family: 'Host Grotesk Regular';
}
.cntsec1Right p {
    color: #7F9296;
}
.cntsec1left {
    position: relative;
}

 
.cntsec1left:after {
    position: absolute;
    content: '';
    background: url(../images/contactvect1.png) no-repeat center;
    width: 14.688rem;
    height: 17.563rem;
    right: -8rem;
    bottom: 2.8rem;
    background-size: 100%;
}
section.innerContact {
    padding: 10rem 0rem 2rem; background: #ba98731a;
}
section.contactsec02{background: #ba98731a;padding-bottom: 7.375rem;}
.seperate.cnt {
    margin: 5rem 0rem;
}
ul.cntdet li span {
    display: block;
    color: #BA9874;
    font-size: 2.25rem;
    line-height: normal;
    font-family: 'Host Grotesk Medium';margin-bottom: 0.75rem;;
}
ul.cntdet li {
    margin-bottom: 4rem;
     color: #00272E;
    font-size: 2.25rem;
    line-height: normal;
    font-family: 'Host Grotesk Medium';padding-right: 5rem; padding-left: 7rem;
}

ul.cntdet li a {
    color: #00272E;
    font-size: 2.25rem;
    line-height: normal;
    font-family: 'Host Grotesk Medium';
}
li.cntico.phn{background: url(../images/call-icon.png) no-repeat left top; background-size: 4rem;}
li.cntico.maiil{background: url(../images/mail-icon.png) no-repeat left top; background-size: 4rem;}
li.cntico.adrsicon{background: url(../images/address-icon.png) no-repeat left top; background-size: 4rem;}
.cntform p{color: #00272E;}
.formin ul li:last-child {
    text-align: right;
    margin-top: 3rem;
}
.locHead {
    color: #00272E;
    font-size: 2.25rem;
    line-height: normal;
    margin-bottom: 0.5rem;
}

.locadrs {
    color: #7F9296;
    margin-bottom: 1.25rem;
}
.locadrs p{ color: #7F9296;}
.contactLiico a {
    width: 3rem;
    height: 3rem;
    display: inline-block; margin-right: 1.5rem;
}
a.locad{background: url(../images/call.png) no-repeat left top; background-size: 100%;}
a.maincnt{background: url(../images/mail.png) no-repeat left top; background-size: 100%;}
a.mapcnt{background: url(../images/maps.png) no-repeat left top; background-size: 100%;}
.contactLiico {
    margin-bottom: 3.5rem;
}
section.contactsec03 {
    padding: 10rem 0rem 8rem;
}
.contactRightImg {
    border-radius: 2.5rem;position: sticky;
    top: 5rem;
}
section.ContactBtm {
    position: relative;
}

.btmcontentsec {
    position: absolute;
    top: 0rem;
    height: 100%;
    display: flex;
    align-items: center;
    left: 0rem;
    width: 100%;
}
.btmcontentsec h3 {
    color: #fff;
    max-width: 85rem;
}
.btmcontentsec p {
    font-size: 2.25rem;
    color: #fff;
    margin-bottom: 0rem;
    font-family: 'Host Grotesk Medium';
}
.bannercontent {
    padding-bottom: 14rem;
}
section.sec11.innstory:after {
    display: none;
}
section.sec11.innstory {
    padding: 7.5rem 0rem;
}
section.wowstorsec08 p {
    color: #7F9296;
}
.wow10Cvr p {
    color: #7F9296;
}
.snaploop:last-child {
    background: none;
    padding-bottom: 0rem;
}
.projCvright a {
    width: 6rem;
}
.gallerythum img {
    width: 100% !important;
    height: auto !important;
}
.brandlog img {
    filter: grayscale(1);
}
.brandlog:hover img {
    filter: grayscale(0);
}
.faqCvrin p {
    color: #7F9296;
}
/*****************************************************/
.virSlide {
  position: relative;
  height:7.4rem; /* height of one h2 */
  overflow: hidden;width: 100%;margin-bottom: 2.5rem;
}

.text-slider {
  top: 0;
  left: 0;
  animation: slideUp 6s infinite;
}

.text-slider li a {
  margin: 0;
  height: 7.5rem;
  line-height: 7.4rem;
}

@keyframes slideUp {
  0%, 20%   { transform: translateY(0); }
  33%, 53%  { transform: translateY(-9rem); }
  66%, 86%  { transform: translateY(-18rem); }
  100%      { transform: translateY(0); }
}
.wtscall a{display:flex; font-size:1.5rem; line-height:2.5rem; color:#7F9296; margin-top:1.75rem; padding-left:3.25rem;}
.wtscall .footwtsp{background:url(../images/whatsapp.png) no-repeat left center; background-size:2.5rem;}
.wtscall .callfoot{background:url(../images/callus.png) no-repeat left center; background-size:2.5rem;}
.storybann:after {
    display: none;
}
.banneBtmstr {
    padding-left: 5rem;
}
.banneBtmstrin{border-top:1px solid #BA9874; padding:2rem 0rem; font-size:1.25rem; line-height:2rem;color:#7F9296; background:url(../images/postdt.png) no-repeat left top 1.8rem;background-size:2.5rem; padding-left:3.5rem;} 
.banneBtmstrin span{color:#00272E;}
.soshare {
    font-size: 1.25rem;
    line-height: 2rem;
    color: #7F9296;
    display: flex
;
    align-items: center;
    justify-content: flex-end;
}
.video-banner {
  position: relative;
  height: 100vh; /* full screen height */
  overflow: hidden;
}

.video-banner .video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* cover area like background-size: cover */
}
.seccasse9Cvr p {
    color: #7F9296;
}
.casestudSec07 ul li:last-child {
    
}
.commcnts h2, .commcnts h3, .commcnts h4, .commcnts h5, .commcnts h6 {
    font-size: 4rem;
}
.footbtLeft {
    color: #fff;
    font-size: 1rem;
    font-family: 'Host Grotesk Light';
    display: flex;
    align-items: center;
	   font-size: 1rem;
    line-height: 1.5rem;
}
.footbtLeft div{padding:0px 0.2rem}
 

 
/********************************inner*******************************/ 
@media all and (max-width:1537px) {
.container { 
        padding-left: 5.1%;}
  /*  p,body {
        font-size: 28px;
        line-height: 40px;} */
          /* h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
        font-size: 105px;
        margin-bottom: 20px;
    } */
        p{margin-bottom: 18px;}
         
          
   
header{width: 75px;}
ul.social li {
    width: 40px;
    margin-top: 10px;
}
.logo {
     margin-top: 20px;
    width: 40px;
}
section.banner {
    height: 100vh;
}

section.banner img {
    height: 100vh;width: 100%;
    object-fit: cover;
}
section.homeSec02 {
    padding: 190px 0px;}
    .homeSec01Cnt p {
    font-size: 38px;
    line-height: 52px;
      margin-bottom: 49px;
}
section.homeSec02:before {
     width: 10px;
    height: 162px;}
    section.homeSec02:after {
    
    width: 10px;
    height: 165px;
    margin-left: -5px;}
.movingabt {
    width: 14.5%;
    margin-left: -7px;
    bottom: -268px;
}
 @keyframes mymove32 {
    0%   {bottom: -268px; left: 3.5%; position: absolute;}
    50%   {bottom: -200px; left: 1.5%; position: absolute;}
    100% {bottom: -268px; left: 3.5%; position: absolute;}
  }
  .homesec03{height: auto;}
  .homesec2Cvr {
    height: 105vh;}
  .sec03Left, .sec03Right {
    font-size: 64px;
    line-height: 84px;}
    .sec03Left{padding-right: 1%;}
    .sec03Right {
    text-align: left;
    padding-left: 1.6%; }
    .fullheightanimat {
    height: 0;
    width: 100%;
    background: url(../images/service-vector.png) no-repeat top 26px center; background-size: 100%;}
    section.sec04 {
    padding-top: 188px;}
    .homserRight p {
    font-size: 28.5px;
    color: #00272E;
    font-family: 'Host Grotesk Medium';
    line-height: 39px;
    margin-left: -13px;
}
.col-lg-12.servBtm {
    padding: 49px 0px 0px;
}
.servHeading {
      font-size: 75px;
    line-height: 80px;
    margin-bottom: 16px;
}
.cound {
    font-size: 24px;}
.servicELeft p {
    font-size: 22px;
    line-height: 33px;
   
}
a.scridw {
    position: absolute;
    left: 52.7rem;
    font-size: 1.75rem;
    color: #BA9874;
    bottom: -2rem;
    letter-spacing: 0.594rem;
    padding-bottom: 5.438rem;
    background: url(../images/down.gif) no-repeat bottom center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background-size: 4rem;z-index:111;
}
.servicELeft {
    background: url(../images/readmore.png) no-repeat left 7.5% bottom;
    background-size: 10%;padding-bottom: 25px;
}
.servicloop {
    padding: 0px 18px;
    margin-bottom: 163px;
}
.servicloop:nth-child(3) {
    margin-bottom: 192px;
}
.servicloop:nth-child(4) {
    margin-bottom: 177px;
}
.servicloop:nth-child(5) {
    margin-bottom: 187px;
}
.servicloop:nth-child(6) {
    margin-bottom: 187px;
}
section.sec05 {
    margin-top: 0px;}
    .projecthomeCvr img{max-height: max-content;}
section.sec05 {
    padding-bottom: 190px;}
section.sec05:after {
    content: '';
    position: absolute;
    width: 10px;
            height: 14.5rem;}
section.sec06 {
    padding: 95px 0px 120px;
    background: #ba98731a;
}
.defcenImg img {
    max-width: 83%;}

.defcomm p {
    font-size: 29px;
    line-height: 37px;
    color: #7F9296;
}
    section.sec06 h2 {
        text-align: center;
        line-height: 100px;
        margin-bottom: 14px;
        margin-top: 13px;
    }
    .defBX1, .defBX3 {
     padding-right: 7%;
  
}
    section.sec06 {
        padding: 95px 0px 96px;}
section.sec07:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 173px;}
section.sec07 {
    padding: 193px 0px 94px;
    position: relative;
}
.styled p {
    font-size: 28px;
    color: #00272E;
    font-family: 'Host Grotesk Medium';
    line-height: 39px;
}
    section.sec07 {
        padding: 193px 0px 158px;}
section.sec07:after {
    background-size: 100% !important;
}
.hometestimoni {
    padding-top: 126px;}
section.sec08 {
    padding: 105px 0px 94px;
    background: #ba98731a;
}
.owl-carousel.testimonials {
    margin-bottom: 28px;
}
.testicnt p {
    font-size: 38px;
    color: #00272E;
    line-height: 52px;
}
.testName {
    font-size: 32px;
    line-height: 80px;}

section.sec09 {
    padding: 190px 0px 168px;
    position: relative;
}

 
.hmfrmLeft h2 {
    font-size: 127px;
    line-height: 100px;
}
.hmfrmLeft h3 {
    font-size: 58px;
    line-height: 57px;
}
section.homesec10 {
    padding: 94px 0px 76px;}
    
  .homefrm {
    margin-top: 18px;
}
.homefrm ul li {
    margin-bottom: 29px;
}
section.sec11 {
    padding: 163px 0px 150px;background: url(../images/storybgline.png) no-repeat top 344px left 62%;background-size: 41.2%;}
    .stryRight {
  padding-top: 157px;
}
.storyImg {
    margin-bottom: 15px;
}
 
  .storyItem {
    margin-bottom: 90px;
}   
.explomr {
    width: 100%;
    height: 442px;}
.sec12Cvr a {
    font-size: 104px; line-height: 130px;}
.sec12Cvr a.phn {
    font-size: 96px;
}
.sec12Cvr p {
    font-size: 32px;
    line-height: 26px;}
section.sec012 {
    min-height: 89vh;} 
.faqCvr .accordion-button { font-size: 28.5px;}
section.sec013 {
    padding: 184px 0px 232px;}
.accordion-collapse p {
    font-size: 28px;
    line-height: 39px;
    
}
.emailsign img {
    margin-bottom: 11px;
}
.emailsign h3 {
    margin-bottom: 2rem;
}
.faqLeft {
    margin-top: 8px;
}
 
section.sec14 {
    padding: 94px 0px 95px;
    background: #ba98731a;
}
.accordion-button::after {
    
    width: 40px;
    height: 40px;
    background-size: 40px !important;
 
}
.accordion-button:not(.collapsed) {
    padding: 25px 0px;
}
.emailsign img {  width: 6.8%; }
.emailsign p {
    font-size: 29px;
    color: #7F9296;
    line-height: 37px;
}
.emailsign {
    margin-bottom: 30px;
    text-align: center;
}
.newslet .inputfield {
    font-size: 38px;
    text-align: center;
    color: #00272e80;
    height: 80px;
}

.newslet .inputfield::-webkit-input-placeholder{
    color: #00272e80;  text-align: center;
  }
.newslet .inputfield:-ms-input-placeholder{
   color: #00272e80;  text-align: center;
  }
.newslet .inputfield::placeholder {
    color: #00272e80;  text-align: center;
  }
.newslet .btn {
    margin-top: 20px;
}
section.sec14 {
        padding: 94px 0px 77px;
        background: #ba98731a;
    }
    .footTopLeft .logo {
    width: 64%;margin-bottom: 35px;
}
footer {
    padding: 74px 0px 0px;
}
.footTopLeft p{
    font-size: 19px;
    line-height: 31px;
    color: #7F9296;
}
.footbox {
    padding-left: 17.4%;
    margin-top: 35px;
}
.footHead {
    font-size: 19px;
    text-transform: uppercase;
    color: #BA9874;
    margin-bottom: 12px;
}
ul.footmenu li a {
    font-size: 22px;
    line-height: 36px;}
    ul.footmenu li {
    margin-bottom: 12px;
}
ul.footmenu {
    margin-bottom: 26px;
}
 
    .footbtRight ul a {
      margin-left: 21px;
}
.copyRigt {
    padding: 14px 0px 11px 0px;}
    section.sec013:after{height: 175px;}
    section.sec09:after{height: 175px;}
    .brands {
    margin-top: 31px;
}
.col-lg-12.storyTop {
    margin-bottom: 0px;
}
/********************************************************************/
 section.innerCnt {
    padding: 15rem 0px 15rem;
}
.sec01innerCnt h2 {
    font-size: 5rem;
    line-height: 6rem;max-width: 50rem;margin-bottom: 1.15rem;}
    .sec01innerCnt p:nth-child(4) {
     
    margin-bottom: 2.5rem;
}
.sec01innerCnt p{ font-size: 1.75rem;
    line-height: 2.5rem;}
    .sec01innerCnt a.btn {
    margin-top: 3rem;
}
.sec02AbtCvr {
    position: relative;
    margin-top: -9.9rem;
}
section.sec02Abt {
    padding-bottom: 6.2rem;
}}
/********************************************************************/

  @media all and (max-width:1445px) {
     
        .container {
       
        padding-left: 5.5%;
    }
        
    section.homeSec02 {
        padding: 179px 0px;
    }
        .homeSec01Cnt p {
        font-size: 35px;
        line-height: 48px;
        margin-bottom: 46px;
    }
        .sec03Left, .sec03Right {
        font-size: 58px;}
.homesec03 {
    height: auto}
    .homesec2Cvr{height: 79vh;}
    .homserRight {
    padding-left: 7.8%;
}
section.sec04 {
        padding-top: 183px;
    }
.homserRight p {
        font-size: 26.7px;
         line-height: 36px;
      
    }
        .col-lg-12.servBtm {
        padding: 34px 0px 0px;
    }
    .servicELeft{padding-top: 10px;}
    .cound{margin-bottom: 21px;}
        .servHeading {
        font-size: 70px;
        line-height: 84px;}
        .servicELeft p {
        font-size: 21px;
        line-height: 30px;}
            .servicloop { margin-bottom: 146px;   }
.servicloop:nth-child(3) {margin-bottom: 175px; }
.servicloop:nth-child(4) {  margin-bottom: 163px;  }
.servicloop:nth-child(5) { margin-bottom: 138px;  }
.servicloop:nth-child(6) .serImg {  margin-top: 20px;}
.servicloop:nth-child(6) { margin-bottom: 178px;   }
section.sec05 {padding-top: 10px;}
    section.sec05 {
        padding-bottom: 174px;
    }
    section.sec06 {
        padding: 85px 0px 96px;
    }
        section.sec06 h2 { margin-bottom: 10px;   }
           .defcomm p {
        font-size: 25px;
        line-height: 36px;
    }
    .defcomm.defBX4 {
    margin-bottom: 42px;
}
    section.sec07 {
        padding: 178px 0px 158px;
    }
    .styled p {
        font-size: 26.8px;  line-height: 52px;
    }
    section.sec07 {
        padding: 178px 0px 153px;
    }
    section.sec08 {
        padding: 99px 0px 94px;}
        .hometestimoni {
        padding-top: 116px;
    }
        .testicnt p {
        font-size: 35.6px;
        color: #00272E;
        line-height: 48px;
    }
        section.sec08 {
        padding: 99px 0px 83px;}
        section.sec09 {
        padding: 179px 0px 162px;
        position: relative;
    }
    section.sec09 {
        padding: 179px 0px 162px;
        position: relative;
    }
    .hmfrmLeft h2 {
        font-size: 118px;
        line-height: 92px;
    }
    .inputfield {
    width: 100%;
    height: 70px;
    font-size: 26px;
}
.homefrm ul li:last-child {
    text-align: right;
    margin-top: 43px;
    margin-bottom: 0px;
}
section.homesec10 {
        padding: 94px 0px 68px;
    }
        section.sec11 {
        padding: 153px 0px 150px;}
            
 .storyItem { margin-bottom: 88px; }
.stryRight {
        padding-top: 152px;
    }
        section.sec11 {
        padding: 153px 0px 140px;
        background: url(../images/storybgline.png) no-repeat top 322px left 62%;
        background-size: 40%;
    }
    section.sec012 {
        min-height: 68vh;
    }
    section.sec013 {
        padding: 157px 0px 220px;
    }
    .accordion-button:not(.collapsed) {
        padding: 23px 0px;
    }
        .accordion-collapse p {
        font-size: 28px;
        line-height: 27px;
    }
        .emailsign img {
        margin-bottom: 8px;
    }
    .emailsign p {
        font-size: 27px;
        line-height: 35px;
    }
.newslet .inputfield {
          height: 73px;
    }
        .footTopLeft .logo {
        width: 64%;
        margin-bottom: 25px;
    }
        section.sec14 {
        padding: 94px 0px 66px;}
        .footTopLeft p {
        font-size: 18px;
        line-height: 30px;
        color: #7F9296;
    }
        .footbox {
        padding-left: 16.4%;
        margin-top: 25px;
    }
        .footHead {
        font-size: 17px;}
        ul.footmenu li {
        margin-bottom: 9px;
    }
        .faqCvr .accordion-button {
        font-size: 27.5px;
    }
    section.homeSec02:after {
        width: 10px;
        height: 165px;
        margin-left: -1px;
    }
}
/*******************************************************************/
    
@media all and (max-width:1367px) {
    .container {
          
    }
    
           /* h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
        font-size: 93.5px;
        margin-bottom: 17px;
    } */
      section.homeSec02 {
        padding: 168px 0px 176px;
    }
        .homeSec01Cnt p {
        font-size: 33.5px;
        line-height: 46px;
        margin-bottom: 46px;
    }
    .homeSec01Cnt {  padding: 0px 4%;}
   
    .movingabt {
    width: 13.5%;
    margin-left: 15px;
    bottom: -268px;
}
 @keyframes mymove32 {
    0%   {bottom: -268px; left: 5.5%; position: absolute;}
    50%   {bottom: -200px; left: 3.5%; position: absolute;}
    100% {bottom: -268px; left: 5.5%; position: absolute;}
  }
  .homesec2Cvr {
        height: 88vh;
    }
   
section.sec04 {
        padding-top: 169px;
    }
    .homserRight p {
        font-size: 25.5px;
        line-height: 34px;
    }
        .col-lg-12.servBtm {
        padding: 30px 0px 20px;
    }
        .servHeading {
        font-size: 67px;
        line-height: 74px;
    }
        .servicloop {
        margin-bottom: 128px;
    }
    .servicloop:nth-child(3) {
        margin-bottom: 157px;
    }
    .servicloop:nth-child(4) {  margin-bottom: 146px;  }
.servicloop:nth-child(5) {
        margin-bottom: 120px;
    }
        .servicloop:nth-child(6) {
        margin-bottom: 172px;
    }
    .servicloop {
        margin-bottom: 125px;
    }
        section.sec05 {
        padding-bottom: 157px;
    }
        section.sec05:after {
          height: 157px;
    }
        section.sec06 {
        padding: 78px 0px 96px;
    }
        section.sec06 h2  {
        margin-bottom: 2px;
    }
    .defcomm p {
        font-size: 25px;
        line-height : 34.5px;
    }
        section.homeSec02:after {
        width: 10px;
        height: 165px;
        margin-left: -5px;
    }
    section.homeSec02:after{left:52.3%;}
}
     
@media all and (max-width:1282px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,header .container {
	 
	}
   
      /* h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
        font-size: 86px;
        margin-bottom: 17px;
    } */
    .homeSec01Cnt p {
        font-size: 28px;
        line-height: 46px;
        margin-bottom: 46px;
    }
        .col-lg-12.servBtm {
        padding: 10px 0px 20px;
    }
    .servicloop {
        margin-bottom: 105px;
    }
    .servicloop:nth-child(3) {
        margin-bottom: 125px;
    }
    .servicloop:nth-child(5) {
        margin-bottom: 80px;
    }
    .servicloop:nth-child(6) {
        margin-bottom : 72px;
    }
        .servicloop {
        margin-bottom: 93px;
    }
}
 
@media all and (max-width:1025px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,header .container {  padding-left: 8%;}	 
   
    p, body {
        font-size: 22px;
        line-height: 33px;
    }
    section.homeSec02:after {  height: 115px;   }
    .menu {
    display: flex;
    align-items : center;
    justify-content: center;
    padding-left: 5px;
}
.menu img {
    width: 90%;
}
ul.social li {
        width: 35px;
}
/* h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading  {
        font-size: 68px;
        margin-bottom: 15px;
    } */
    .homeSec01Cnt {
        padding: 0px;
    }
        .homeSec01Cnt p {
        font-size: 28px;
        line-height: 46px;
        margin-bottom: 29px;
    }
        section.homeSec02 {
        padding: 118px 0px 110px;
    }
        section.homeSec02:before {
        width: 10px;
        height: 100px;
    }
       .movingabt {
    width: 13.5%;
    margin-left: 15px;
    bottom: -268px;
}
 @keyframes mymove32 {
    0%   {bottom: -268px; left: 8.5%; position: absolute;}
    50%   {bottom: -200px; left: 5.5%; position: absolute;}
    100% {bottom: -268px; left: 8.5%; position: absolute;}
  }
      
section.sec04 { padding-top: 127px; }
    .homserRight p {
        font-size: 22px;
        line-height: 34px;
    }
      
        .servicELeft p {
        font-size: 16px;
        line-height: 27px;
    }
        .cound {
        font-size: 18px;
        margin-bottom: 10px;
    }
        .servHeading {
        font-size: 42px;
        line-height: 44px;
    }
        .servicloop {
        margin-bottom: 50px;
    }
    .servicloop:nth-child(2){ margin-bottom: 95px;}
        .servicloop:nth-child(4) {
        margin-bottom: 90px;
    }
        .servicloop:nth-child(6) {
        margin-bottom: 132px;
    }
    .servicloop:last-child {
    margin-bottom: 148px;
}
.defcomm p {
        font-size: 18px;
        line-height: 28.5px;
    }
        .testicnt p {
        font-size: 22px;
        color: #00272E;
        line-height: 35px;
    }
  
        section.sec09:after {
        height: 100px;
    }
        section.sec09 {
        padding: 89px 0px 70px;
        position: relative;
    }
        .csleftbottom {
         padding-top: 17px;
    }
        .hmfrmLeft h3 {
        font-size: 42px;
        line-height: 45px;
    }
        .hmfrmLeft h2 {
        font-size: 93px;
        line-height: 74px;
    }
        
            section.sec11 {
        padding: 70px 0px 50px;
        background: url(../images/storybgline.png) no-repeat top 262px left 62%;
        background-size: 40%;
    }
        .sec12Cvr a.phn {
        font-size: 70px;
    }
    .sec12Cvr a {
        font-size: 74px;
        line-height: 110px;
    }
    .sec12Cvr a.phn {
        font-size: 60px;
    }
       section.sec013:after {
        left: 49%;
        height: 4rem;
    }
        .accordion-collapse p {
        font-size: 19px;
        line-height: 27px;
    }
        .faqCvr .accordion-button {
        font-size: 20px;
    }
        .accordion-button:not(.collapsed) {
        padding: 15px 0px;
    }
        section.sec013 {
        padding: 87px 0px 130px;
    }
        .accordion-button::after {
        width: 30px;
        height: 39px;
        background-size: 30px !important;
    }
        ul.footmenu li a {
        font-size: 18px;
        line-height: 31px;
    }
    .footbtLeft p {
        font-size: 14px;
        line-height: 20px;
    }
        .footbtRight ul a {
        font-size: 14px;
        line-height: 24px;
        margin-left: 13px;
    }

        }

@media all and (max-width:992px) {
    html{
		font-size:calc(100vw * 16/768);	
		scroll-behavior: smooth;
	}
    p {
        font-size: 1rem;
        line-height: 1.8rem;}
h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
   font-size: 2.8rem;
        line-height: 2.9rem;
        margin-bottom: 0.7rem;
   font-family: 'Cormorant Garamond Medium';
    color: #BA9874;  
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,header .container {max-width: 100% !important; padding: 0px 25px; }	
a.menubtn {
    display: none;
}   
html {
    overflow-x: hidden !important;
}
 header {
    width: 100%;
    height: 90px;
    position: fixed; 
}
header.aniPos {
    background-color:#00272ed6;
}
 header  ul.social{display: none;}
 .menu {
    width: 71px;
    position: absolute;
    right: 10px;
    top: 0px;        margin-top: 0rem;
}
.defcomm:after, .defcomm:after{right: 0px;display: none !important;}
section{ }
.stryRight { padding-left: 0%;}
    .homesec2Cvr {
        height: auto;
    }
.sec03center img{position: initial;}
a.scridw {
    display: none;        max-width: 130px;
}
section.banner{height: auto;}
    .sec03center img {
        position: initial;
        width: 100%;
        max-width: 90px;
    }
.sec03Left { padding-right: 0px; text-align: center;}
    .sec03Left, .sec03Right {
        font-size: 30px;
        text-align: center;
    }
       section.homeSec02:after {
        height: 45px;
        left:52.8%;
    }
section.homeSec02 { padding: 70px 0px 70px;}
    section.homeSec02:before { width: 10px;  height: 45px; background-image:url(../images/mobvect.png); }
    section.sec05:after{ width: 10px;  height: 45px; background-image:url(../images/mobvect.png); }
    
     /* h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
        font-size: 42px;
        margin-bottom: 15px;
        line-height: 40px;
    } */
    /* .btn {*/
    /*text-align: center;*/
    /*font-size: 1rem;}*/
    .btn {
    width: 3.5rem;
    overflow: hidden;
    background-position: center !important;
    text-indent: -10000px;
    padding-right: 0px !important;
}
.homeSec01Cnt p { font-size: 20px; line-height: 36px;  margin-bottom: 29px; }
.fullheightanimat{background:none;}
    section.sec04 { padding-top: 50px;  text-align: center; }
.homserRight { padding-left: 0px;  }    
  .servicELeft {
        padding: 30px 0px 0px 0px;
        text-align: center;
        align-items: center;
    }
.servicELeft {
        padding: 30px 0px 30px 0px;
        text-align: center;
        align-items: center;
        background-position: bottom center;
    }
    
    .servicloop:nth-child(2n) .servicELeft {
    padding-right:0px;
    padding-left: 0%;
    padding-top: 30px;
    background-position: bottom center;
}
.col-lg-12.servBtm {
        padding: 10px 0px 20px;
        margin-top: 20px;
    }
.servicloop:nth-child(2) {
        margin-bottom: 35px;
    }
.servicloop:nth-child(2n) .servimgLeft {margin-left: 2%;}
.servicloop:nth-child(2n) .servimgright { right: 4%;  top: 14%; }
.servicloop:nth-child(3) { margin-bottom: 35px; }
.servicloop:nth-child(4) { margin-bottom: 50px;}
.servicloop:nth-child(5) {margin-bottom: 20px; }
.servicloop:nth-child(6) { margin-bottom: 50px;}
.servHeading {font-size: 36px;line-height: 44px; }
.servicloop:last-child {margin-bottom: 10px; }
section.sec05:after { height: 70px;}
section.sec05 {padding-bottom: 70px;}
.defcenImg img {
        max-width: 150px;
    }
    .defcomm {
    text-align: center !important;
    padding: 0px !important;
    justify-content: center;
    position: relative;
    padding-bottom: 19px !important;
    margin-bottom: 11px !important;
}

.defcomm:after {
    position: absolute;
    content: '';
     
    display: block !important;
    left: 50%;#b89774;
    bottom: 0px;
   width: 8px;  height: 35px; background-image:url(../images/mobvect.png); 
    top: auto;
    margin-left: -4px; background-position:bottom center;background-size:100%;
}
        section.sec06 {
        padding: 0px 0px 10px;
    }
    section.sec11:after{ width: 10px;  height: 45px; background-image:url(../images/mobvect.png);left:50%; margin-left:-5px; }
 .defcomm.defBX3:after,.defcomm.defBX6:after {
    display: none !important;
}
.defcenImg {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    height: auto;
}
    section.sec07:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 63px;
        margin-left: -5px;
        left: 50%;
    }
        section.sec07 {
        padding: 68px 0px 83px;
        text-align: center;
    }
.styled p {
        font-size: 16px;
        line-height: 31px;  }
  
section.sec08 { text-align: center; }
    section.sec08 {
        padding: 50px 0px 50px;
    }
        .hometestimoni {
        padding-top: 86px;
        background-position: top 20px center;
    }
        .testName {
        font-size: 22px;
        line-height: 38px;
    }
    .casestuCvr,.caseimg{border-radius: 20px;}
    .happycust {
      width: 140px;
        margin: 0px auto;
    }
        section.sec09:after {
        height: 70px;
        left: 50%;
        margin-left: -7px;
    }
        section.sec09 {
        padding: 89px 0px 30px;
        position: relative;
        text-align: center;
    }
    .rigntBtn {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.csleftTop {
        font-size: 26px;
        line-height: 32px;
        padding: 25px;
    }
        .csleftbottom {
        padding-top: 0px;
        height: 18%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 10px !important;
    }
    .csleftbottom p{margin-bottom: 0px;}
section.homesec10 {
        padding: 50px 0px 20px;
    }
    .hmfrmLeft h2 {
        font-size: 62px;
        line-height: 38px;
    }
     ::-webkit-input-placeholder{
    color: #7F9296;font-size: 18px; line-height: 40px; 
  }
:-ms-input-placeholder{
   color: #7F9296;font-size: 18px; line-height: 40px;  
  }
::placeholder {
    color: #7F9296;font-size: 18px; line-height: 40px; 
  }
  .newslet .inputfield::-webkit-input-placeholder{
    color: #00272e80;font-size: 18px; line-height: 40px; text-align: center;
  }
.newslet .inputfield:-ms-input-placeholder{
   color: #00272e80;font-size: 18px; line-height: 40px;  text-align: center;
  }
.newslet .inputfield::placeholder {
    color: #00272e80;font-size: 18px; line-height: 40px; text-align: center;
  }
  .inputfield,.newslet .inputfield{font-size: 18px;height: 50px;}
      .homefrm ul li {margin-bottom: 15px;}
      .hmfrmLeft {
    text-align: center;
}
    .homefrm ul li:last-child {
        text-align: center;}
        section.sec11 {
        padding: 40px 0px 50px;
        background: url(../images/storybgline.png) no-repeat top 262px left 62%;
        background-size: 40%;text-align: center;
    }
    .stryLeft {
    padding-right: 0%;
}
  
.storyItem {
        margin-bottom: 30px;
    }
.stryRight {
        padding-top: 0px;
    }
        section.sec012 {
        min-height: auto;
        padding: 50px 0px;
    }
        .sec12Cvr a.phn,.sec12Cvr a {
        font-size: 38px;
        line-height: 48px;
    }
        .sec12Cvr p {
        font-size: 20px;
        line-height: 26px;
    }
    .sec12Cvr {
    margin-top: 0;
}
    section.sec013 {
        padding: 87px 0px 30px;
        background: none;
    }
        section.sec14 {
        padding: 40px 0px 30px;
    }
        footer {
        padding: 50px 0px 0px;
        text-align: center;
    }
        .footTopLeft .logo {
        width: 190px;
        margin-bottom: 25px;
        margin: 0px auto;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
    }
    .footbox{padding-left: 0px;}
       footer li.menu-item.current-menu-item a {
        color: #000;
    }
    .fullheightanimat {
    height: auto !important;
}
.footbtRight {
    display: flex;
    align-items: center;
    justify-content: center;
}
    section.banner img {
        height: auto;
        width: 100%;
        object-fit: cover;
    }
    section.banner {
    margin-top: 90px;
}
    section.innerCnt {
        padding: 4rem 0px 2rem;
    }
        .sec01innerCnt h2 {
        font-size: 1.5rem;
        line-height: 1.4rem;
        max-width: 50rem;
        margin-bottom: 1.15rem;
    }
        .sec01innerCnt p {
        font-size: 1rem;
        line-height: 1.7rem;
    }
.abtimg1, .abtimg2 {
        position: relative;
        width: 10rem;
        left: auto;
        height: 8.5rem;
        top: 0rem;right: auto;
    }
.abtimg1 .hovImg, .abtimg2 .hovImg {
    border-radius: 1rem;
}
 .abtimg2{display: none !important;}
.hovImg img {
    width: 100%;
}
.abtimg1:before {
    position: absolute;
    content: '';
    bottom: -2rem;
    right: -1rem;
    width: 3.668rem;
    height: 4.121rem;
    background: url(../images/abt1corner1.png) no-repeat left top;
    background-size: 100%;
}
.sec01innerCnt {
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
           .sec01innerCnt h2 {
       font-size: 1.65rem;
        line-height: 2rem;
        max-width: 50rem;
        margin-bottom: 1.15rem;
        position: relative;
       margin-top: 3.2rem;
    }
.sec01innerCnt p:nth-child(4) {
        margin-bottom: 0rem;
    }
    .sec01innerCnt a.btn {
        margin-top: 1.8rem;
    }
.sec02AbtCvr {
        position: relative;
        margin-top: 2rem;text-align: center;
    }
            section.sec02Abt {
        padding-bottom: 1rem;
    }
    section.abtsec03 {
    padding: 2rem 0rem;
}
.secabt3list ul li {
    width: 100%;
    text-align: center;
    margin-bottom: 0.8rem;
}
    .secabt3list {
        padding-left: 0rem;
        margin-top: 2rem;
        background-position: top center;
        background-size: 8rem;
        background-repeat: repeat-y;
    }
.secabt3list ul li span {
    font-size: 1.5rem;
    padding: 0.6rem 1.8rem;
   border-radius: 1.5rem;
}
.secabt3list ul li:nth-child(2n) {
    text-align: center;
}
section.abtsec04 {
    padding: 2rem 0px 2rem;
    background: #ba98731a;
    text-align: center;
}
section.sec02Abt:before{display: none;}
.sec03abtTop a.btn {
    margin-top: 0.5rem;
}
.abtsec04top h3 {
    max-width: 100%;
}
.abtsec04top p {
    font-size: 1rem;
    line-height: 1.7rem;}
.abtsec04top {
    border-bottom: 1px solid #BA9874;
    padding-bottom: 0.8rem;
}
.abtsecbtm{margin-top: 0.8rem;}
.abtsc4BxCvr span{
    font-size: 4rem;
    line-height: 2.5rem;
  }
.abtsc4BxCvr span{margin-bottom: 0rem;}
.abtsecbtm {
     padding-bottom: 2rem;
}
.btoomtextsec04 {
    font-size: 1rem;
    color: #00272E;
    max-width: 100%;
    padding-top: 2rem;
    line-height: 1.5rem;
}
.sec04rgarrow {
    margin-top: 0rem;
    margin-left: 0rem;
}
.sec04rgarrow img {
    width: 7rem;
}
section.abtsec05 {
    padding: 1rem 0rem;
}
.movbottom {
    display: none;
}
.abtsec05Right:after{display: none;}
.abtsec05Right{padding: 0rem; text-align: center;}
    .abtsec5Left {
        background-size: 10rem;
        background-position: center;
        text-align: center;
        padding: 5rem 0rem;
    }
    .abtsc5BxCvr span {
    font-size: 1.5rem;
    line-height: 1.5rem;
     margin-bottom: 0.5rem;
  
}
.abtsc5BxCvr {
    padding-bottom:0rem;
    padding-left: 0rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid #BA9874;
}
section.abtsec06 {
    padding: 2rem 0rem;
    background: #ba98731a;
}
.abtsec6leftCvr:after {
        position: absolute;
        content: '';
        width: 4rem;
        height: 16.5rem;
        right: 5.5rem;
        bottom: -104px;
        background: url(../images/abtsec06vector.png) no-repeat right top;
        background-size: 100%;
    }
    .abtsec6rightCvr{text-align: center;width: 100%; padding-left: 0rem;padding-right: 0rem;margin-top: 0rem; margin-bottom: 2rem;}
     .abtsec6rightCvr:after {
        position: absolute;
        content: '';
        width: 2.6rem;
        height: 5rem;
        left: 1rem;
        bottom: 4rem;
        background: url(../images/abtsec06vector2.png) no-repeat right top;
        background-size: 100%;
    }
.abtsec6leftCvr {
    padding-left: 0rem;
    position: relative;
    text-align: center;
}
.abtsec6leftCvr p {
    padding-right: 0rem;}
    .abt7Cvrmn {
        position: inherit;
        top: 0rem;
        left: 0px;
        margin-top: -10rem;
        background: #B48F6B;
background: -webkit-linear-gradient(1deg, rgba(180, 143, 107, 1) 0%, rgba(180, 143, 107, 1) 31%, rgba(180, 143, 107, 0.83) 54%, rgba(180, 143, 107, 0) 100%);
background: -moz-linear-gradient(1deg, rgba(180, 143, 107, 1) 0%, rgba(180, 143, 107, 1) 31%, rgba(180, 143, 107, 0.83) 54%, rgba(180, 143, 107, 0) 100%);
background: linear-gradient(1deg, rgba(180, 143, 107, 1) 0%, rgba(180, 143, 107, 1) 31%, rgba(180, 143, 107, 0.83) 54%, rgba(180, 143, 107, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#B48F6B", endColorstr="#B48F6B", GradientType=0);
    }
    .sbtsec07Cvr h2, .sbtsec07Cvr h3, .sbtsec07Cvr h4{font-size: 2rem;}
    section.innerpagebanner {
    position: relative;
    margin-top: 4.5rem;
}
section.servsigle{
    position: relative;
    margin-top: 5rem;
}
.secsec02Cvr h2, .secsec02Cvr h3, .secsec02Cvr h4, .secsec02Cvr h5{
    font-size: 1.65rem;
        line-height: 2rem;margin-bottom: 1.15rem;}
        section.serviceSec02 {
    padding: 2rem 0rem;
    text-align: center;
}
.secsec02Cvr p {
    margin-bottom: 1rem;
}
.serviceSec03 {
    padding: 2rem 0rem;
}
.toggle-btn {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: 50%;
    margin-left: -2rem;
    margin-top: -2rem;
    cursor: pointer;
    top: 50%;
    z-index: 11 !important;
    background: url(../images/play.png) no-repeat center;
    background-size: 100%;
}
.servlist {
    padding-top: 3.5rem !important;
    padding-left: 0rem !important;
    padding-right: 0rem !important;
    text-align: center;
    background-position: top center !important;
}
.serinlistcvr
{
    margin-bottom: 0.2rem;
}
section.serviceSec04.vdeopad {
    padding-top: 2rem;
}
section.serviceSec04{padding-bottom: 2rem;}
.bannerHead {
    position: inherit;
    height: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}.bannerHead {
    padding: 1.5rem 0rem;
}
.servinnerCnt h1 {
    margin-bottom: 0rem;}
    .servinnerCnt {
    padding-left: 0rem;
}
.servRightImg {
    width: 100%;}
.secsec02Cvr.project02Cvr:after {
    position: absolute;
    content: '';
    width: 6rem;
    height: 9.5rem;
    right: 5rem;
    bottom: -1.5rem;
    background: url(../images/abtsec06vector.png) no-repeat right top;
    background-size: 100%;
}
.secsec02Cvr.project02Cvr a.btn {
    margin-top: 0.5rem;}
    section.projectCvr03 {
    padding: 2rem 0rem 0rem;
}
.projHead {
   font-size: 1.65rem;
   line-height: 2rem;
   margin-bottom: 1.15rem;
}
.projSubHead {
    font-size: 1.6rem;
    line-height: 1.7rem;
}
.projCvleft {
    border-radius: 1.6rem;}
    .projCvleftmain:after {
        width: 3.5rem;
        height: 3.5rem;
        right: -1.6rem;
        bottom: -1.1rem;
    }
    .projectListCvr:nth-child(2n) .row .projCvleftmain:after {
    left: -1.6rem;
    right: auto;
    bottom: -1.1rem;
    background: url(../images/left-corn.png) no-repeat center;background-size: 100%;
}
.projCvright a img {
    width: 3rem;
}
.projectListCvr {
    margin-bottom: 3.2rem;
}
.projectListCvr:last-child:after {
    background: url(../images/projectbtm.png) no-repeat center;
    width: 100%;
    height: 1rem;
    content: '';
    position: absolute;
    bottom: -4rem;
    background-size: 100%;
}
.abtsecbtm {
        padding-bottom: 2rem;
        padding-top: 1rem;
    }

.bannerHead:after {
   display: none; 
    width: 6rem;
    height: 7.5rem;
    right: 5rem;
    bottom: 1rem;
     
    background-size: 100%;
}
.secsec02Cvr p:last-child {
    margin-bottom: 0rem;
}
section.projectSec04 {
    padding: 2rem 0rem;
    text-align: center;
}
.promain,.col-lg-10.promain:nth-child(2n) {
    margin-bottom: 1rem;}
    section.projectGallery {
    padding: 2rem 0rem;
    text-align: center;
}
    section.projectGallery h2 {
        max-width: 100%;
        font-size: 1.65rem;
        line-height: 2rem;
        margin-bottom: 1.15rem;
    }
    .gallery-col.col-left {
    padding-right: 0rem;
    padding-top: 0rem;
}
.galltitle {
    background-position: bottom center;
    padding-bottom: 3rem; background-size: 4rem;
}
.galltitle a {
    font-size: 1.5rem;
    line-height: normal;
    color: #00272E;
}
.gallery-itemCvr {
    margin-bottom: 2rem;
}
.gallery-col.col-right {
    padding-left: 0rem;
}
.galleIntop h1 {
    font-size: 2.8rem;
    line-height: 2.9rem;
    margin-bottom: 1.2rem;
}
.nav-tabs .nav-link{font-size: 1rem;}
.nav-tabs .nav-link {
    width: 9.563rem;
    height: 3.813rem;}
section.galleryTop {
    padding-top: 7rem;
}
.galleIntop a{margin-bottom: 1rem;}
.gallerythImg img {
    min-height: 15.5rem;
    max-height: 15.5rem;}
    .gallerythImg {
    border-radius: 1rem;}
    .galeryCVrm {
    margin-bottom: 1rem;
}
.seperate {
     margin-top: 1.5rem;
}
section.clientMaincvr {
    padding: 2rem 0rem;}
    .clentinnerCnt h2 {
    font-size: 2.8rem;}
  section.clientMaincvr {
        padding: 2rem 0rem 0rem;
    }
    .clientCvr {
    width: 25%;
    height: 8rem;}
    .caseStudyCvr { padding: 2rem 0rem;}
    .rgrwLeft {
    font-size: 1rem;
    line-height: normal;
    color: #fff;
    background-size: 1rem !important;
    padding-left: 1.4rem;
}
.rgrwRight {
    font-size: 0.8rem;
    line-height: 1.2rem;
    line-height: 1rem;
    color: #fff;
}
.headingcststud {
    width: 100%;
    color: #fff;
    font-size: 1.2rem;
    line-height: normal;
    margin-bottom: 1.5rem;        margin-bottom: 1rem;
}
 
.casrRgRw {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 0.7rem;
}
.csreadimg {
    width: 3rem;
}
.csleftTop{height: 100%;}
    .csleftTop {height: 20vh;}
    .csleftbottom {
        padding-top: 0px;
        height: 4.9rem;justify-content: flex-start;}
        .csLeftsec {
    padding: 0rem 1rem;
}
.csleftbottom p {
    font-size: 0.95rem;
    line-height: 1.2rem;
    color: #fff;
    margin-bottom: 0px;
}
    .csleftTop {
        font-size: 1.7rem;
        line-height: 2.2rem;
    }
    .servinnerCnt.casestu h1 {
    font-size: 2.8rem;
    line-height: 2.9rem;
    margin-bottom: 0.7rem;
}
.secsec02Cvr h2, .secsec02Cvr h3, .secsec02Cvr h4, .secsec02Cvr h5,section.prosnap h2,.cs05left h3,.casestudSec06 h2,
.casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4,.casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3,
.casestudSec06 h4,.casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4,.sec08BottomLeft h3,
.seccasse9Cvr h2, .seccasse9Cvr h3, .seccasse9Cvr h3, .seccasse9Cvr h4,.casestudSec07 h2, .casestudSec07 h3, .casestudSec07 h4, .casestudSec07 h5,section.wowstorsec10 h2, section.wowstorsec10 h2, section.wowstorsec10 h3, section.wowstorsec10 h4,
.cntsec1left h2{font-size: 1.65rem;
      font-size: 2rem;
        line-height: 2.5rem;text-align: center;width: 100%;
        }
section.prosnap {
    padding: 2rem 0rem;
}
.prsnTitle {
    font-size: 1.3rem;}
    .prsncnt p{ font-size: 1.3rem; line-height: 2rem;}
    .snaploop {padding: 0.7rem 0rem;}
    section.casestudSec05 {
    padding: 2rem 0rem; text-align: center;}
.csRightbox span {font-size: 4rem;line-height: 3rem;}
.csRightbox p {color: #7F9296; margin-bottom: 1rem;}
section.casestudSec06 {  padding: 2rem 0rem; }
.casestudSec06 ul li,.casestudSec07 ul li,.casestudSec08 ul li {
    font-size: 1rem;
    line-height: 1.7rem;
    background-size: 1rem;
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.casestudSec07 ul li ul li,.casestudSec08 ul li ul li {
     font-size: 1rem;
    line-height: 1.7rem;
    background-size: 1rem;
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.cssec6center {
    padding: 2rem 0rem;
}
.cssec6centerLeft{padding-right: 0rem; margin-bottom: 15px;}
.cssec6centerRight{padding-left: 0rem;}
.sec06BottomLeft p {
    text-align: center;
}
.sec06BottomRight,.sec08BottomRight {
    padding-left: 0rem;
    background: none;
}
.sec06BottomLeft:after{display: none;}
.sec06BottomRight ul li:after,.casestudSec07 ul li ul li:after,.casestudSec08 ul li ul li:after {
    width: 0.5rem;
    height: 0.5rem;
    position: absolute;
    content: '';
    background: #7F9296;
    border-radius: 5rem;
    left: 0rem;
    top: 0.5rem;
}
section.casestudSec07 {
  padding: 2rem 0rem;
}
.sec08BottomLeft:after{display: none;}
.casestudSec08 ul li ul,.casestudSec07 ul li ul {
    margin-top: 1rem;
}
section.casestudSec08 {
    padding-bottom: 2rem;
}
.casestudSec06 ul li:last-child, .casestudSec07 ul li:last-child, .casestudSec08 ul li:last-child{margin-bottom: 0rem;}
.casestudSec07 ul li ul li:last-child, .casestudSec08 ul li ul li:last-child{margin-bottom: 1rem;}
section.casestudSec09{padding: 2rem 0rem;}
.seccasse9Cvr::after {
     width: 2.563rem;
    height: 2.563rem;
    right: 0rem;
    top: -1rem; }
    .seccasse9Cvr::before{ width: 2.563rem;
    height: 2.563rem; bottom: -1.5rem;}
    .wowLeftcnt {
    margin-bottom: 2rem;
}
.storyCvr {
    background: url(../images/readmore.png) no-repeat bottom center;
    background-size: 4rem;
}
.storyCvr a {
    padding-bottom: 2.5rem;
    display: block;
}
.storyHeading {
    font-size: 1.5rem;
    line-height: normal;
    padding-right: 0rem;
}
section.casestudSec.strovdo {
    padding-top: 2rem;
}
.video-wrapper {
    overflow: hidden;
    border-radius: 1.5rem;
}
.sec06BottomLeft p strong {
      font-size: 2rem;
    line-height: 2rem;
}
section.wowstorsec08 {
    padding-top: 2rem;
}
.wowstsec08Cvr {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
}
.wowstsec08Cvr h4 {
    font-size: 2rem;}
    section.wowstorsec10 {
    padding: 2rem 0rem;}
    .wow10Cvr p:last-child {
    margin-bottom: 0px;
}
section.wowstorsec08 {
    text-align: center;
}
    .sec06BottomLeft p strong {
        font-size: 1.5rem;
        line-height: 1.6rem;
    }
    .wowstsec08Cvr h4 {
        font-size: 1.3rem;
    }
    .testicin {
    margin-top: 0rem;
    position: sticky;
    top: 0rem;
    width: 4rem;
    height: 5rem;display: none;
}
section.testimonialinner {
    padding: 2rem 0px 0rem;
}
.testimonailsBx span {
    font-size: 3rem;
    line-height: 2.5rem;
      margin-bottom: 1rem; }
      .testimonailsBx {
    margin-bottom: 12.5rem;
    position: relative;
    padding-left: 5rem;
}
.testNamehead {
    color: #00272E;
    font-size: 1.5rem;
    font-family: 'Host Grotesk Bold';
    line-height: 2.5rem;
    margin-bottom: 0.5rem;
}
.testicntin p {
    color: #7F9296;
    font-size: 1rem;
    line-height: 1.7rem;
    margin-bottom: 2rem;margin-bottom: 1rem;
}
.testNamein {
    font-size: 1rem;
    line-height: 1.5rem;   
}
    .testimonailsBx {
        margin-bottom: 2rem;
        position: relative;
        padding-left: 5rem;
    }
    section.faqinner {
    padding: 2rem 0rem 0rem;
}
.faqCvrin:after {
        width: 2.688rem;
        height: 2.563rem;
        position: absolute;
        content: '';
        right: 20rem;
        bottom: -1.5rem;
        background: url(../images/faq-right.png) no-repeat right center;
        background-size: 100%;
    }
    .faqHeadn {
    
    font-size: 1.25rem;
    line-height: normal;
      margin-bottom: 0.75rem;
}
.faqCvrin {
    border: 0.063rem solid #BA9874;
    margin-bottom: 2rem;
    padding: 1.2rem;
    border-radius: 1.5rem;
    position: relative;        text-align: center;
}
section.innerContact {
    padding: 2rem 0rem 2rem;}
    .cntsec1left:after{display: none;}
    .cntsec1Right {
    text-align: center;}
    .seperate.cnt {
    margin: 0rem 0rem 0.5rem;}
    ul.cntdet li {
    padding-left: 0rem !important;
    background-position: top center !important;
    background-size: 3rem !important;
    padding-top: 3.7rem;
    text-align: center;
    padding-left: 0rem;
    padding-right: 0rem; font-size: 1.5rem;
}
ul.cntdet li span {
    display: block;
    color: #BA9874;
    font-size: 1.25rem;
    line-height: normal;
    font-family: 'Host Grotesk Medium';
    margin-bottom: 0.25rem;
}
ul.cntdet li a {
   font-size: 1.5rem;
    line-height: normal;
 
}
ul.cntdet li {
    margin-bottom: 1rem;}
    .cntform p {
    text-align: center;
}
section.contactsec02 {
    background: #ba98731a;
    padding-bottom: 1.3rem;
}
section.contactsec03 {
    padding: 1.5rem 0rem;
}

section.contactsec03 {
    padding: 1.5rem 0rem;
}
.adreesList {
    text-align: center;
}
.contactLiico a {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    margin-right: 0.5rem;
}
.locHead {
     font-size: 1.45rem;
     margin-bottom: 0.5rem;
}
.contactLiico {
    margin-bottom: 1.5rem;
}
.contactLiico {
    margin-bottom: 1.5rem;
}
.btmcontentsec h3 {
    color: #fff;
    max-width: 100%;
}
.btmcontentsec p {
    font-size: 1.25rem;
    color: #fff;}
    .btmcontentsec {
    text-align: center;
}
.innerCntcomm {
    padding: 1rem 0rem 0rem;}
    
    section.sec11.innstory {
    padding: 2rem 0rem;
}
ul.mainmenu li a {
    font-size: 2rem; line-height: 3rem; }
    section.menuCvr {  z-index: 1023;overflow-y: auto !important;
}
 
ul.mainmenu li a{padding-left:3rem;}
li.current-menu-item.current_page_item a {
    color: #BA9874;
    font-size: 2.5rem;
    line-height: 4rem;
    background: url(../images/sec03logo.png) no-repeat left center;
    background-size: 1.2rem;
}
li.current-menu-item.current_page_item a:after {
    position: absolute;
    height: 15px;
    content: "";
    left: 0px;
    bottom: 2px;
    background: url(../images/menu-line.png) no-repeat bottom left 3rem;
    width: 11rem;
    background-size: 53%;
}
.menuimage {
    width: 18.75rem;
    margin-top: 4rem;
    margin-left: 0rem;
}
    section.menuCvr {
        background: #00272E url(../images/menuimg-vector.png) no-repeat top 16rem right;
        
        background-size: 39rem;
    }
.menutest {
    font-size: 9rem;
    line-height: 4rem;}
span.close {
    width: 2.5rem;
    height: 2.5rem;}
    
    .storyItem:last-child { margin-bottom: 20px;}
    .faqLeft a.btn {
    display: none;
}
.newslet span.wpcf7-not-valid-tip {
    text-align: center;
}
.newslet inputtext{text-alighn:center}
.bannercontent {
    padding-bottom: 0rem;
}
.virSlide {
  position: relative;
  height:4.4rem; /* height of one h2 */
  overflow: hidden;width: 100%;margin-bottom: 2.5rem;
}

.text-slider {
  top: 0;
  left: 0;
  animation: slideUp 6s infinite;
}

.text-slider li a {
  margin: 0;
  height: 4.5rem;
  line-height: 4.4rem;
}

@keyframes slideUp {
  0%, 20%   { transform: translateY(0); }
  33%, 53%  { transform: translateY(-6rem); }
  66%, 86%  { transform: translateY(-12rem); }
  100%      { transform: translateY(0); }
}
.prohmcnt ul li a {
    color: #fff;
    font-family: 'Host Grotesk SemiBold';
    text-align: center;
    font-size: 3.25rem;
    line-height: 5.25rem;
}
.wtscall {
    display: flex;
    align-items: center;
    justify-content: center;margin-bottom:1rem;
}
.wtscall a{width:37%;display:flex; align-items:center; justify-content:center; margin-top:0rem;}
    .video-banner {
        margin-top: 80px;
        height: 33rem;
        object-fit: cover;
    }
    .banneBtmstrin {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0px;
    background-position: top 1rem center;
    padding-top: 4.5rem;margin-top: 2rem;
}
.soshare {
    justify-content: center;
    margin-top: 1rem;
}
.banneBtmstr {
    padding-left: 0rem;
}
.commcnts{text-align:center;}
.commcnts h2, .commcnts h3, .commcnts h4, .commcnts h5, .commcnts h6 {
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
}
.movingabt{display:none;}
    .emailsign img {
        width: 20%;
    }
.faqLeft {
    text-align: center;
}
	.contactsec03Left {
    text-align: center;
}
	.locadrs p {
    font-size: 22px;
    line-height: 33px;
    color: #7F9296;
}
	span.wpcf7-not-valid-tip{line-height:2rem}
	.sec12Cvr {
    text-align: center;
}
	.footbtLeft {
    align-items: center;
    justify-content: center;
}
.csleftbottom {
   justify-content: center;
    }
}
@media all and (max-width:767px) {
     html{
		font-size:calc(100vw * 16/370);	
		scroll-behavior: smooth;
	}
    html{max-width: 100%; overflow-x: hidden !important;}
   body{ font-size: 1rem;max-width: 100%; overflow-x: hidden !important;
        line-height: 1.6rem;}
     section{
        max-width: 100% !important;overflow: hidden !important;
    }
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, header .container {
        max-width: 100% !important; padding: 0px 12px;
    }
     h1, h2, h3, h4, .mainhead,.heading {
        font-size: 1.75rem;
        line-height: 2rem;
    } 
        h1, h2, h3, h4, .h1, .h2, .h3, .h4, .heading {
        font-size: 2.1rem;
        line-height: 2.7rem;
         
    } p{ font-size: 1rem;
        line-height: 1.6rem;}
        .homeSec01Cnt p {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 10px;
    }
        section.homeSec02 {
        padding: 50px 0px 60px;
    }
        .homserRight p {
        font-size: 16px;
        line-height: 30px;
    }
        .homserRight p {
        margin-left: 0px;
        margin-bottom: 0px;
    }
        section.sec04 {
        padding-top: 35px;
        text-align: center;position:relative;
    }
section.sec04:after {
        position: absolute;
        content: '';
        display: block !important;
        left: 50%;
        top: 0px;
        width: 8px;
        height: 35px;
        background-image: url(../images/mobvect.png);
        bottom: auto;
        margin-left: -4px;
        background-position: bottom center;
        background-size: 100%;
    }
    .servicELeft {
    background-size: 50px;
    padding-bottom: 20px !important;
}
.servimgLeft,.servimgright,.projecthomeCvr{border-radius: 25px;}
.servHeading {
        font-size: 28px;
        line-height: 34px;
    }
section.sec06 h2 {  margin-bottom: 2px; line-height: 50px; }
    .brands {
        margin-top: 0px;
    }
        section.sec07 {
        padding: 50px 0px 50px;
        text-align: center;
    }
    .col-lg-12.servBtm {
        padding: 10px 0px 0px;
         
    }
    .logo {
    margin-right: auto;
    margin-left: 12px;        margin-top: 0px;
}
header{height: 80px;        display: flex;
        align-items: center;
        justify-content: center;}
    .testicnt p {
        font-size: 18px;
        color: #00272E;
        line-height: 30px;
    }
    section.banner {
        margin-top: 80px;
    }
        .testName {
        font-size: 18px;
        line-height: 24px;
    }
        section.sec08 {
        padding: 30px 0px 30px;
    }
        section.sec08 {
        padding: 30px 0px 30px;
    }
        section.sec07:before {height: 45px; }
            section.sec09:after {
        height: 45px;}
            section.sec09 {
        padding: 50px 0px 30px;}
 
.caseimg {
    border-radius: 15px 15px 0px 0px;
}

.casestuCvr {
    border-radius: 15px;margin-bottom: 0.7rem;
}
    section.homesec10 {
        padding: 30px 0px 10px;
    }
        .hmfrmLeft h3 {
        font-size: 32px;
        line-height: 38px;
    }
        .hmfrmLeft h2 {
        font-size: 40px;
        line-height: 28px;
    }
    .homefrm ul li:last-child{margin-top: 25px;}
        section.sec11 {
        padding: 45px 0px 30px;}
 section.sec013:after{width: 10px;
        height: 45px;
        background-image: url(../images/mobvect.png);
        left: 50%;
        margin-left: -5px;}     
        .storyItem {
        margin-bottom: 20px;
    }
        .explomr {
        width: 100%;
        height: 242px;
        border-radius: 20px;
    }
    .explomr p {
    font-size: 24px;
    line-height: 33px;
    color: #BA9874;
}
.sec12Cvr {
    text-align: center;
}
    .sec12Cvr a.phn, .sec12Cvr a {
        font-size: 24px;
        line-height: 34px;
    }
    .sec12Cvr a.phn {
    margin-bottom: 10px;}
    .sec12Cvr p {
        font-size: 16px;
        line-height: 18px;
    }
        section.sec013:after {
        height: 45px;
    }
        section.sec013 {
        padding: 37px 0px 30px;}
            .accordion-collapse p {
        font-size: 16px;
        line-height: 26px;
    }
    .faqCvr .accordion-button {
        font-size: 18px;
    }
        .accordion-button::after {
        width: 20px;
        height: 20px;
        background-size: 20px !important;
    }
    .faqCvr .accordion-button {
     padding: 10px 0px 10px;
}
.faqLeft h3 {
        margin-bottom: 15px;
    }
        section.sec14 {
        padding: 30px 0px 5px;
    }
        .emailsign p {
        font-size: 18px;
        line-height: 27px;
    }
    .emailsign p, .emailsign 
 {
    margin-bottom: 3px;
}
    .newslet .btn {
        margin-top: 0px;
    }
        footer {
        padding: 30px 0px 0px;}
            .footTopLeft p {
        font-size: 16px;
        line-height: 26px;display:none;}
            ul.footmenu li a {
        font-size: 16px;
        line-height: 24px;
    }
        ul.footmenu {
        margin-bottom: 5px;
    }
        .footbox {
       
        margin-top: 10px;
    }
    .abt7Cvrmn
 
 {
        position: inherit;
        top: 0rem;
        left: 0px;
        margin-top: -5rem;
        background: #B48F6B !important;
}
    .sbtsec07Cvr h2, .sbtsec07Cvr h3, .sbtsec07Cvr h4 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .abtsec6rightCvr p {
    margin-top: 0rem;}
    section.servsigle{
    position: relative;
    margin-top: 4.2rem;
}
.video-wrapper {
    overflow: hidden;
    border-radius: 1rem;
}
.serviceSec03 .col-lg-12.ms-auto.me-auto {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}
    .toggle-btn {
        position: absolute;
        width: 3rem;
        height: 3rem;
        left: 50%;
        margin-left: -1.5rem;
        margin-top: -1.5rem;
        cursor: pointer;
        top: 50%;
        z-index: 11 !important;
        background: url(../images/play.png) no-repeat center;
        background-size: 100%;
    }
    .secsec02Cvr.project02Cvr:after{display: none;}
    .projCvleftmain:after {
        width: 2.3rem;
        height: 2.5rem;
        right: -0.9rem;
        bottom: -1rem;
    }
    .projCvright
 {
    text-align: center;
    align-items: center;
    padding-top: 1rem;
}
    .projHead {
        margin-bottom: 0.5rem;
    }
    .projSubHead {
    margin-bottom: 0.5rem;
}
.projectListCvr {
        margin-bottom: 1.5rem;
    }
        .projectListCvr:nth-child(2n) .row .projCvleftmain:after {
        left: -0.9rem;
         bottom: -1.1rem;
       
    }
    .projectListCvr:last-child:after {
        
        bottom: -31px;
      
    }
        section.innerpagebanner {
        position: relative;
        margin-top: 4.3rem;
    }
        .abtsc4BxCvr span {  font-size: 3rem;}
            .abtsecbtm {
        padding-bottom: 2rem;
        padding-top: 0.5rem;
    }
        .bannerHead:after {
        width: 4rem;
        height: 4.5rem;
        right: 0rem;
        bottom: 2rem;
        background-size: 100%;
    }
    .projectBxCvr span {
    font-size: 3rem;
    line-height: 2rem;}
.gallerythum img {
    width: 100% !important;
    height: auto !important;
}
.galltitle a { font-size: 1.3rem;}
    .galltitle {
        background-position: bottom center;
        padding-bottom: 1.7rem;
        background-size: 3rem;
    }
        .gallery-itemCvr {
        margin-bottom: 1.2rem;
    }
        section.projectGallery {
        padding: 2rem 0rem 1rem;
        text-align: center;
    }
   .galleIntop h1 {
        font-size: 1.75rem;
        line-height: 2rem;
        margin-bottom: 0.5rem;
    }
        .galleIntop a {
        margin-bottom: 1rem;
        font-size: 1rem;
        background-size: 1.2rem;
        padding-left: 2rem;        line-height: 1rem;
    }
    nav.projecttab {
    margin-bottom: 1rem;
}
    .galeryCVrm:last-child {
        margin-bottom: 0rem;
    }
        .clentinnerCnt h2 {
        font-size: 1.65rem;
        line-height: 2rem;
    }
        .clientCvr {
        width: 50%;
        height: 6rem;
    }
    .caseRightCvr {
    display: none;
}
.caseimg img {
    height: 175px;
    object-fit: cover;
}
.csLeftsec {
    width: 100%;
    height: auto;
    position: inherit;
    background-color: rgb(0 0 0);
}
 .csleftTop {
        height: auto;
        padding: 0.5rem 0rem;
        font-size: 1.3rem;justify-content: center;
    }
    .csleftbottom {
    padding: 0.7rem 0rem !important;
    height: auto; justify-content: center;
}
    .caseStudyCvr {
        padding: 1rem 0rem 0rem;
    }
    .servinnerCnt.casestu h1 {
    font-size: 1.75rem;
    line-height: 2rem; margin-bottom: 0rem;
}
    .secsec02Cvr h2, .secsec02Cvr h3, .secsec02Cvr h4, .secsec02Cvr h5, section.prosnap h2, .cs05left h3, .casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4, .casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4, .casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4, .sec08BottomLeft h3, .seccasse9Cvr h2, .seccasse9Cvr h3, .seccasse9Cvr h3, .seccasse9Cvr h4, .casestudSec07 h2, .casestudSec07 h3, .casestudSec07 h4, .casestudSec07 h5 {
      font-size: 1.5rem;
        line-height: 2.1rem;
        text-align: center;
        width: 100%;display: inline-block;margin-bottom: 0.8rem;
    }
    .prsnTitle{text-align: center;font-size: 1rem;}
    .prsncnt p {
        font-size: 1.1rem;
        line-height: 1.5rem;text-align: center;
    }
        .csRightbox span {
        font-size: 3rem;
        line-height: 2.3rem;
    }
    .cssec6centerImg{border-radius: 1rem;}
    .casestudSec06 ul li, .casestudSec07 ul li, .casestudSec08 ul li{margin-bottom: 0.5rem;}
        .sec06BottomRight ul li:after, .casestudSec07 ul li ul li:after, .casestudSec08 ul li ul li:after {
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        content: '';
        background: #7F9296;
        border-radius: 5rem;
        left: 0.5rem;
        top: 0.7rem;
    }
        .cssec6center {
        padding: 2rem 0rem 0.3rem;
    }
    .casestudSec07 ul li ul li, .casestudSec08 ul li ul li {
       
        margin-bottom: 0.5rem;
    }
        .seccasse9Cvr::after {
        width: 1.563rem;
        height: 1.563rem;
        right: 0rem;
        top: -1.5rem;
    }
    .sec06BottomLeft {
    position: relative;
    margin-top: 0.5rem;top:auto;
}
    .testimonailsBx {
        margin-bottom: 2rem;
        position: relative;
        padding-left: 0rem;
        border-left: 0px;
    }
    .testimCvrin {
    border-left: 0;
    padding-left: 0rem;
}
    .testimonailsBx span {
        font-size: 3rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
        position: inherit;
        margin: 0px auto 0.5rem;
    }
	.sec06BottomRight p {
    text-align: center;
}
    .testiInnerCvr {
    text-align: center;
}
.faqCvrin:after{left: 50%; margin-left: -1.344rem;}
    .secsec02Cvr h2, .secsec02Cvr h3, .secsec02Cvr h4, .secsec02Cvr h5, section.prosnap h2, .cs05left h3, .casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4, .casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4, .casestudSec06 h2, .casestudSec06 h3, .casestudSec06 h3, .casestudSec06 h4, .sec08BottomLeft h3, .seccasse9Cvr h2, .seccasse9Cvr h3, .seccasse9Cvr h3, .seccasse9Cvr h4, .casestudSec07 h2, .casestudSec07 h3, .casestudSec07 h4, .casestudSec07 h5, section.wowstorsec10 h2, section.wowstorsec10 h2, section.wowstorsec10 h3, section.wowstorsec10 h4, .cntsec1left h2 {
        
        font-size: 1.7rem;
        line-height: 2.3rem;
        
    }
    ul.cntdet li{background-size: 2.5rem !important;}
    section.innerContact {
        padding: 2rem 0rem 1rem;
    }
        .btmcontentsec {
        text-align: center;
        position: inherit;
        background: #ba9874;
        padding: 1rem;
    }
     @keyframes mymove32 {
    0%   {bottom: -104px; left: 8.5%; position: absolute;}
    50%   {bottom: -50px; left: 5.5%; position: absolute;}
    100% {bottom: -104px; left: 8.5%; position: absolute;}
  }
  section.homeSec02 {
    overflow: inherit !important;
}
.abtsec6leftCvr:after,.abtsec6rightCvr:after{display:none}
    .nav-tabs .nav-link {
        width: 7.563rem;}
        .fancybox-slide{padding:10px !important;}
        .newslet span.wpcf7-not-valid-tip {
    top: -8px;
    padding: 3px 5px;
    left: 0px;
    width: 100%;
}
.wtscall a {
     font-size: 1rem;
    line-height: 2rem;
    color: #7F9296;
    margin-top: 1rem;
    padding-left: 0rem;
    background-size: 2rem !important;
    padding-top: 2rem;
    background-position: top center !important;
}
.video-banner{
    margin-top:79px;
    height: 16rem;
    object-fit: cover;
}
      section.homeSec02:after {
        height: 30px;
        left: 53%;
        background-size: 15px;
        width: 10px;
        filter: brightness(0.9);
    }
	
   .virSlide,.mob-none{display:none;} 
	.footbtLeft {
      justify-content: center;
}
section.menuCvr.active {
     width: 100%;
}	

.contactsec03Left {
    text-align: center;
} 
    .locadrs p {
        color: #7F9296;
        font-size: 1rem;
        line-height: 1.6rem;
    }
.servicloop {
        background: url(../images/mobvect.png) no-repeat bottom center;
        background-size: 0.33rem;
        padding-bottom: 5rem;margin-bottom: 2rem;
    }
	    section.sec05:after {
        height: 70px;
        background-size: 0.33rem;
        background-position: top center;
    }
section.sec09 .col-lg-2 {
    order: 3;
}   
    span.close {
        width: 2rem;
        height: 2rem;
        z-index: 1111;
    }
    section.menuCvr.active:before {
    position: absolute;
    right: -18rem;
    top: -18rem;}
    ul#mainmenu {
    margin-top: 6rem }
    .menuimgcvr {
    padding-left: 0rem;
}
    .menuimage {
        width: 100%;
        margin-top: 2rem;}
            .menutest {
        font-size: 8rem;
        line-height: 4rem;
    }
        section.menuCvr {
        background: #00272E url(../images/menuimg-vector.png) no-repeat bottom 0rem right;
        background-size: 32rem;
    }
        ul.mainmenu li a {
        padding-left: 2.5rem;
    }
        li.current-menu-item.current_page_item a {
        color: #BA9874;
        font-size: 2.2rem;}
li.current-menu-item.current_page_item a:after {
        position: absolute;
        height: 15px;
        content: "";
        left: 0px;
        bottom: 2px;
        background: url(../images/menu-line.png) no-repeat bottom left 2.5rem;
        width: 11rem;
        background-size: 53%;
    }
    section.menuCvr.active:after{top:0px;}
}
@media all and (max-width:360px) {
       html{
		font-size:calc(100vw * 16/360);	
		scroll-behavior: smooth;
	}
        section.servsigle {
        position: relative;
        margin-top: 5rem;
    }
        section.innerpagebanner {
        position: relative;
        margin-top: 5rem;
    }
    
   }

@media all and (max-width:320px) {
     html{
		font-size:calc(100vw * 16/320);	
		scroll-behavior: smooth;
	}
       }