/*html {
	scroll-behavior: smooth;
}*/


body{font-family: 'Open Sans', sans-serif;}
body.mainbody{overflow-x: hidden;}
#Header.innerheader{cursor: url('https://d1k47okj0blyru.cloudfront.net/images/banner-arrow-down.svg'), auto; }
#Header.innerheader{background:url('../images/banner-blurred-bg.png') no-repeat center right #eddfd7; background-size: cover !important; position: relative; overflow: initial;} 
@font-face {
    font-family: 'cairoitalic';
    src: url('../fonts/cairo-oblique-webfont.woff2') format('woff2'),
         url('../fonts/cairo-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'cairoregular';
    src: url('../fonts/cairo-webfont.woff2') format('woff2'),
         url('../fonts/cairo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}


    /* shiny layer masked by logo */
    .shine {
      position: absolute;
      inset: 0;
      background: linear-gradient(
        120deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.7) 50%,
        rgba(255, 255, 255, 0) 100%
      );
      transform: skewX(-25deg);
      animation: shine 3s infinite;
      
      /* Mask effect */
      -webkit-mask-image: url("../images/logo-grey.svg");
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;

      mask-image: url("../images/logo-grey.svg");
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
    }

    @keyframes shine {
      0% {
        left: -75%;
      }
      100% {
        left: 125%;
      }
    }

*{outline: none;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
/* @font-face {font-family: 'Open Sans', sans-serif;font-weight:400; font-display: swap;} */
button:focus{outline: none;}
a {color: #D9D3CA;}
.ios-development .header-contentbody {
	color: #000;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'cairoregular';
	margin-bottom: 20px;letter-spacing: 1px;font-weight: 400
}
h1 {
	font-size: 34px;
	letter-spacing: .68px
}
h2.submian-title {
	font-size: 34px;
	letter-spacing: .68px
}
/* h2 {
	font-size: 40px;
} */
h3 {
	font-size: 30px;
}
.homeabouttext h2 {font-size: 50px;}
img {
	max-width: 100%;
	height: auto
}
.titles {
	font-size: 34px;
	color: #3d3d3d;
	letter-spacing: .68px
}
h3.titles {
	font-size: 24px;
	letter-spacing: .48px;
	font-weight: 600
}
p {
	font-size: 20px;
	letter-spacing: .4px;
	margin-bottom: 20px;
	line-height: 30px;
}
a {
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	outline: 0;
	text-decoration: none
}
a:hover {
	text-decoration: none;
	color: #6b5753
}
.showinmobile{display: none;}
select.form-control{height: auto; padding-top: 13px; padding-bottom: 13px;}
#newMobilemenu.collapse.show {
	display: none
}
#newMobilemenu ul{padding:0}
#newMobilemenu ul li a {
	width: 100%;
	color: #333
}
#Header {
	height: 100vh;
	position: relative;
	z-index: 999;
}
.navbar-toggler>.close {
	display:inline;
	opacity: 1; width: 1.1em; height: 1.5em; background: url('https://d1k47okj0blyru.cloudfront.net/images/menu-x.png') no-repeat center center;
}
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
	display:none;
}

@keyframes rotate {
	0% {
		background-position:0 0
	}
	100% {
		background-position:1920px 0
	}
}
@-moz-keyframes rotate {
	0% {
		background-position:0 0
	}
	100% {
		background-position:1920px 0
	}
}
@-webkit-keyframes rotate {
	0% {
		background-position:0 0
	}
	100% {
		background-position:1920px 0
	}
}
@-ms-keyframes rotate {
	0% {

		background-position:0 0
	}
	100% {
		background-position:1920px 0
	}
}
@-o-keyframes rotate {
	0% {
		background-position:0 0
	}
	100% {
		background-position:1920px 0
	}
}
@keyframes rotate2 {
	0% {
		background-position:0 0
	}
	100% {
		background-position:-1920px 0
	}
}
@-moz-keyframes rotate2 {
	0% {
		background-position:0 0
	}
	100% {
		background-position:-1920px 0
	}
}
@-webkit-keyframes rotate2 {
	0% {
		background-position:0 0
	}
	100% {
		background-position:-1920px 0
	}
}
@-ms-keyframes rotate2 {
	0% {
		background-position:0 0
	}
	100% {
		background-position:-1920px 0
	}
}
@-o-keyframes rotate2 {
	0% {
		background-position:0 0
	}
	100% {
		background-position:-1920px 0
	}
}
.navbar {
	padding: 30px 0 0
}
.logo {
	padding: 0;
	float: left;
	position: relative
}
body #Header .navbar {
	/*position: fixed;*/
	width: 100%;
	background-color: transparent;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 99;
	padding-right: 0 !important
}
body.bodynoscroll #Header .navbar {
	position: fixed;
}

body #Header .navbar #navbarCollapse,body #Header .navbar #navbarCollapse1 {
	width: auto;
	float: right;
	/*margin-right: 50px*/
	margin-top: 5px;
}
body #Header .navbar #navbarCollapse.opencontact,body #Header .navbar #navbarCollapse1.opencontact{margin-right: 50px;}
body #Header .navbar #navbarCollapse ul li.nav-item,body #Header .navbar #navbarCollapse1 ul li.nav-item{margin-right:30px;}
body #Header .navbar #navbarCollapse ul li.nav-item:last-child,body #Header .navbar #navbarCollapse1 ul li.nav-item:last-child{margin-right: 0;}
body #Header .navbar #navbarCollapse ul li#contactmenu {margin-top:4px;}
body #Header .navbar .row {
	width: 100%;
}
body.sticky-header #Header .navbar.stickymenu {
	background: rgb(233, 216, 207,0.8);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	padding: 10px 0;
	position: fixed;
}
body.bodynoscroll{overflow:hidden; height: 100vh;}
.navbar-dark .navbar-nav .active > .nav-link {color: #5F464A;}
p.nav-link {line-height: normal;}

.navbar-dark .navbar-nav .nav-link {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #5F464A;
	letter-spacing: .5px;
	text-transform: uppercase;
	padding: 14px 2px;
	position: relative;
	font-weight: 600;
}
/* .navbar-dark .navbar-nav .nav-link:active, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: #5F464A!important;
	background: 0 0!important
} */

/* navbar CSS for dark header */
.whitelogo .navbar-dark .navbar-nav .nav-link {color: #e8cba9;}
.whitelogo .navbar-dark .navbar-nav .nav-link:hover {color: #e8cba9;}
.whitelogo.sticky-header .navbar-dark .navbar-nav .nav-link {color: #5F464A;}
.whitelogo .navbar-dark .navbar-nav .nav-link::before {background: #e8cba9; }


.innerpage .navbar-dark .navbar-nav .nav-link:active,.innerpage .navbar-dark .navbar-nav .nav-link:focus,.innerpage .navbar-dark .navbar-nav .nav-link:hover {
	color: #281f1e!important;
	background: 0 0!important
}
.navbar-dark .navbar-nav .nav-link:before {
	content: '';
	position: absolute;
	width: 0%;
	height: 2px;
	background: #fff;
	bottom: 0;
	left: 0;
	transition: all ease .4s
}
.innerpage .navbar-dark .navbar-nav .nav-link:before{background: #534644;}
.navbar-dark .navbar-nav .nav-item.active .nav-link:before, .navbar-dark .navbar-nav .nav-link:active:before, .navbar-dark .navbar-nav .nav-link:focus:before, .navbar-dark .navbar-nav .nav-link:hover:before {
	width: 100%
}

.see-btn {
	background: -webkit-linear-gradient(right, #75e9ff, #219bff);
	border-radius: 100px;
	font-size: 15px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 700;
	padding: 15px 30px 13px 30px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all .5s ease;
	transition: all .5s ease
}
.see-btn:hover {
	color: #fff;
	background: #4a90e2
}
section {
	z-index: 1;position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}
.btn{border-radius: 50px; border:solid 2px #D9D3CA; padding: 15px 25px; text-transform: uppercase;}
.btn-primary:hover {background-color: #281f1e!important; color: #fff;}
.btn-outline-primary{font-size: 24px; font-weight: 600; letter-spacing: 0.92px; color: #D9D3CA;}
.btn-outline-primary:hover {background-color: #281f1e!important; color: #fff; border-color: #281f1e;}
.btn-outline-secondary{font-size: 24px; font-weight: 600; letter-spacing: 0.92px; color: #433735; border-color: #433735; background: none;}
.btn-outline-secondary:hover {background-color: #433735!important; color: #FFF!important; border-color: #433735;}
.btn:focus{
	box-shadow: none !important;
}
.cta-link {color: #90653b;text-decoration: underline;text-underline-position: under;font-weight: 600;}
#Header.innerheader .thankyou-banner h1 {letter-spacing: 0;}
.overflowhidden {
	overflow: hidden
}
.partnersmenu {
	margin-left: 12px;
	position: fixed;
	top: 30px;
	right: 30px;
	z-index: 999;
	-webkit-transition: top .5s ease;
	transition: top .5s ease
}
.sticky-header .partnersmenu {
	top: 10px
}
.partnersmenu .bar a {
	width: 26px;
	height: 24px;
	background: url('https://d1k47okj0blyru.cloudfront.netimages/menu-icon.png') no-repeat 0 0;
	display: block;
	margin-top: 12px
}
.partnersmenu .bar a.menu-expanded {
	background: url('https://d1k47okj0blyru.cloudfront.netimages/close.png') no-repeat 0 0
}
.navbar-dark .navbar-nav .partnersmenu .bar .nav-link:hover {
	background: url('https://d1k47okj0blyru.cloudfront.netimages/menu-icon.png') no-repeat 0 0!important
}
.partnersmenu-collapsed {
	width: 0%;
	height: 0%;
	top: 0;
	right: 0;
	position: fixed;
	z-index: 9;
	overflow: hidden;
	transition: all .25s;
	background-image: linear-gradient(-225deg, #75e9ff 0, #219bff 100%);
	-webkit-border-bottom-left-radius: 100%;
	-moz-border-radius-bottomleft: 100%;
	border-bottom-left-radius: 100%
}
.partnersmenu-collapsed.menu-expanded {
	width: 100%;
	height: 100%;
	padding-top: 100px;
	position: fixed;
	z-index: 98;
	border-radius: 0
}
.partnersmenu-collapsed ul {
	position: absolute;
	width: 100%;
	height: 100%;
	list-style: none;
	padding-right: 150px!important;
	padding-top: 40px!important;
	background: url('https://d1k47okj0blyru.cloudfront.net/images/corner_logo.png') no-repeat bottom 100px left 0
}
.partnersmenu-collapsed ul li {
	float: left;
	width: 100%;
	text-align: right;
	font-size: 30px!important;
	color: #b0ebff;
	text-transform: uppercase;
	padding-bottom: 20px!important
}
.partnersmenu-collapsed ul li a {
	color: #b0ebff
}
.partnersmenu-collapsed ul li a:hover {
	color: #fff;
	font-size: 50px
}
.menu-collapsed {
	transition: all .25s;
	text-align: center;
	line-height: 200px;
	height: 100%;
	width: 100%;
	border-radius: 0;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.85)
}
.sitelogo, .whitelogo .menulogo {
	display: block
}
.menulogo, .whitelogo .sitelogo {
	display: none
}
.newmainmenu-collapsed {
	width: 100%;
	height: 0%;
	opacity: 0;
	top: 0;
	right: 0;
	position: fixed;
	z-index: 0;
	overflow: hidden;
	transition: all 2s;
	background-image: linear-gradient(-225deg, #75e9ff 0, #219bff 100%)
}
.newmainmenu-collapsed.menu-expanded {
	width: 100%;
	height: 100%;
	opacity: 1;
	padding-top: 0;
	position: fixed;
	z-index: 1000
}
.newmainmenu-collapsed {
	transition: all .25s;
	text-align: center
}
.newmainmenu-collapsed span.bannerwave {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 170px;
	content: '';
	z-index: 10;
	background: url(../images/waves-banner1.png) 0 0 repeat;
	background-size: 1920px;
	animation: rotate 30s linear infinite;
	-webkit-animation: rotate 30s linear infinite;
	-moz-animation: rotate 30s linear infinite;
	-ms-animation: rotate 30s linear infinite;
	-o-animation: rotate 30s linear infinite;
	-webkit-transition: -webkit-transform 3s linear;
	-webkit-transform-style: preserve-3d;
	-moz-transition: -moz-transform .2s linear;
	-moz-transform-style: preserve-3d;
	transition: transform 3s linear;
	transform-style: preserve-3d;
	z-index: 1000!important
}

.inquiremenubtn {
	border: solid 2px #fff; background: #fff; padding: 8px 25px; color: #1f1f20; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', sans-serif;
}
.inquiremenubtn:hover {
  color: #E8CBA9;
  border: 2px solid transparent;
  background: #7d5a56;
}
#Header span.bannerwave, #Header:after, #Header:before, .newmainmenu-collapsed:after, .newmainmenu-collapsed:before {
	pointer-events: none
}

.newmainmenu-close {
	width: 26px;
	height: 24px;
	background: url(../images/close-mainmenu.png) no-repeat 0 0;
	display: block;
	cursor: pointer;
	margin-left: 12px;
	position: fixed;
	top: 39px;
	right: 30px;
	z-index: 999;
	-webkit-transition: top .5s ease;
	transition: top .5s ease
}
.newmainmenu-collapsed .container.openmainmenu {
	width: 100%;
	max-width: 100%;
	padding: 0
}
.menuboxmain {
	width: 100%;
	float: left;
	vertical-align: top;
	height: 100vh;
	background: #6a6a6a
}
.menustyle {
	float: left;
	height: 100vh;
	width: 20%;
	padding: 80px 25px 0 0
}
.menucompany, .menudesign, .menudevelopment, .menumarketing, .menuportfolio {
	background-image: linear-gradient(45deg, #b1b1b1 0, #6a6a6a 100%);
	position: relative
}
.menucompany:before, .menudesign:before, .menudevelopment:before, .menumarketing:before, .menuportfolio:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out
}
.menuportfolio:before {
	background-image: linear-gradient(0deg, #fb8ab6 0, #e35969 100%)
}
.menudesign:before {
	background-image: linear-gradient(-134deg, #276174 0, #33c58e 50%, #63fd88 100%)
}
.menudevelopment:before {
	background-image: linear-gradient(-135deg, #ea5a6f 0, #e26e3b 32%, #de791e 50%, #fccf3a 100%)
}
.menumarketing:before {
	background-image: linear-gradient(-135deg, #274b74 0, #593ea0 27%, #8233c5 50%, #e963fd 100%)
}
.menucompany:before {
	background-image: linear-gradient(-135deg, #74276c 0, #c53364 50%, #fd8263 100%)
}
.menucompany:hover:before, .menudesign:hover:before, .menudevelopment:hover:before, .menumarketing:hover:before, .menuportfolio:hover:before {
	opacity: 1
}
.menuportfolio:after {
	background: url(../images/menu/portfoliopattern.png) no-repeat 0 0;
	content: '';
	width: 193px;
	height: 437px;
	top: 50%;
	margin-top: -218px;
	left: 0;
	position: absolute;
	z-index: 0;
	animation: menuportfolio 10s infinite
}
.newmainmenu-collapsed .navbar {
	padding-right: 0!important
}
.newmainmenu-collapsed .navbar .container {
	width: 100%;
	max-width: 100%
}
.newmainmenu-collapsed .newmainmenu-close {
	right: 25px
}
@keyframes menuportfolio {
	0% {
		margin-top:-218px
	}
	25% {
		margin-top:-180px
	}
	50% {
		margin-top:-218px
	}
	75% {
		margin-top:-260px
	}
	100% {
		margin-top:-218px
	}
}
.menudesign:after {
	background: url(../images/menu/designpattern.png) no-repeat 0 0;
	content: '';
	width: 137px;
	height: 339px;
	top: 50%;
	margin-top: -170px;
	left: 0;
	position: absolute;
	z-index: 0;
	animation: menudesign 10s infinite
}
@keyframes menudesign {
	0% {
		margin-top:-170px
	}
	25% {
		margin-top:-280px
	}
	50% {
		margin-top:-170px
	}
	75% {
		margin-top:-110px
	}
	100% {
		margin-top:-170px
	}
}
.menudevelopment:after {
	background: url(../images/menu/developpattern.png) no-repeat 0 0;
	content: '';
	width: 100px;
	height: 305px;
	top: 50%;
	margin-top: -153px;
	left: 0;
	position: absolute;
	z-index: 0;
	animation: menudevelopment 10s infinite
}
@keyframes menudevelopment {
	0% {
		margin-top:-153px
	}
	25% {
		margin-top:-80px
	}
	50% {
		margin-top:-153px
	}
	75% {
		margin-top:-240px
	}
	100% {
		margin-top:-153px
	}
}
.menumarketing:after {
	background: url(../images/menu/marketingpattern.png) no-repeat 0 0;
	content: '';
	width: 211px;
	height: 267px;
	top: 50%;
	margin-top: -134px;
	left: 0;
	position: absolute;
	z-index: 0;
	animation: menumarketing 10s infinite
}
@keyframes menumarketing {
	0% {
		margin-top:-134px
	}
	25% {
		margin-top:-70px
	}
	50% {
		margin-top:-134px
	}
	75% {
		margin-top:-200px
	}
	100% {
		margin-top:-134px
	}
}
.menucompany:after {
	background: url(../images/menu/companypattern.png) no-repeat 0 0;
	content: '';
	width: 128px;
	height: 421px;
	top: 50%;
	margin-top: -210px;
	left: 0;
	position: absolute;
	z-index: 0;
	animation: menucompany 10s infinite
}
@keyframes menucompany {
	0% {
		margin-top:-210px
	}
	25% {
		margin-top:-180px
	}
	50% {
		margin-top:-210px
	}
	75% {
		margin-top:-260px
	}
	100% {
		margin-top:-210px
	}
}
.menusvg {
	width: 100%
}
.menusvg svg {
	width: 100%;
	height: auto
}
.menulist, .menusvg, .menutitle {
	z-index: 1;
	position: relative
}
.menusvg, .menutitle {
	padding-left: 25px
}
.menutitle {
	font-size: 30px;
	color: #fff;
	letter-spacing: 1.38px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align: left
}
.menutitle a {
	color: #fff
}
.menulist {
	text-align: left
}
.menulist ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.menulist ul li {
	padding-bottom: 10px!important;
	padding-left: 25px!important;
	overflow: hidden
}
.menulist ul li a {
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	padding: 5px 0;
	position: relative;
	display: inline-block
}
.menulist ul li a.extlink{padding-right:20px; background:url(../images/ext_link.png) no-repeat center right 2px;}
.menulist ul li a:before {
	width: 0;
	height: 4px;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	right: 0;
	margin-right: -160px;
	content: '';
	background: #fff;
	-webkit-transition: width ease .5s;
	-o-transition: width ease .5s;
	transition: width ease .5s
}
.menulist ul li a:after {
	width: 0;
	height: 4px;
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 0;
	margin-left: -15px;
	content: '';
	background: #fff;
	-webkit-transition: width ease .5s;
	-o-transition: width ease .5s;
	transition: width ease .5s
}
.menulist ul li a:hover:before {
	width: 150px
}
.menulist ul li a:hover:after {
	width: 10px
}
.menulist ul li a sup {
	font-size: 10px
}
#footer {
	width: 100%;
	float: left;
	/* padding: 50px 0 50px; */
	/* margin: 50px 0 0; */
	/* background: #1f1f20; */
	background: url(../images/footer-gradient-bg.png);background-size: cover;background-position: center;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #D9D3CA;
	letter-spacing: 1px;
	line-height: 30px;
	font-weight: 400;
	position: relative;
	z-index: 5;
}
#footer p {
	font-size: 12px;
	color: #D9D3CA
}
#footer .container {
	position: relative;
	z-index: 10
}

#footer h3 {
	margin-bottom: 30px;
	font-size: 14px;
	color: #fff;
	letter-spacing: 1px
}
#footer .about-content {
	font-size: 12px;
	color: #fff;
	line-height: 22px;
	font-weight: 400;
	padding-top: 15px
}
#footer .footerLinks {
	float: left;
	width: 100%;
	padding: 0 0 0 50px
}
#footer .footerLinks ul {
	list-style: none;
	padding: 0
}
#footer .footerLinks ul li a,.contact-info a {
	color: #fff
}
#footer .footerLinks ul li a.active, #footer .footerLinks ul li a:hover,.contact-info a:hover {
	opacity: 1;
	color: #219bff
}
#footer .footerLinks.fooinfo{padding-left: 0;}

.wveicon{background: url(../images/footer/foo-wve.svg) no-repeat 0 4px;}
.wveaddress{background: url(../images/footer/foo-pin.svg) no-repeat 0 4px;}
.wvetel{background: url(../images/footer/foo-phone.svg) no-repeat 0 3px;}
.wvemail{background: url(../images/footer/foo-mail.svg) no-repeat 0 3px;}
.wveicon,.wveaddress,.wvetel,.wvemail{padding-left:40px; background-size:25px; margin-bottom: 10px;}
.footertoprow{min-height: 300px;}


.btm-links a {
	opacity: 1;
	color: #fff;
	padding-right: 25px
}
.btm-links a:hover {
	color: #5eaae5;
	opacity: 1
}
.bottom-footer {
	padding-top: 350px;
	padding-bottom: 30px;
	position: relative
}





.socialmedia {text-align: center;}
.socialmedia a {margin-left: 20px; margin-right: 20px;	font-size: 15px; color: #D9D3CA;}
/* .socialmedia a:last-child {margin-right: 0}
.socialmedia a:first-child {margin-left: 0} */
.socialmedia a:hover {opacity: 1}
.dmcs{display: inline-block;}

#footer .footer-social a {
	display: inline-block;
	margin-right: 5px
}
.foolink a{color: #D9D3CA; margin-right: 15px;}

.fa .hidetext{display: inline-block; text-indent: -9999px;}

/********************************/
.form-control{background:#939393; font-size: 20px; padding:30px 20px; line-height: 1.75; letter-spacing: 0.42px; color: #fff; border:none; border-radius: 0;}
.form-control::-webkit-input-placeholder {color: #fff;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::placeholder {color: #fff;}


/************** Animation Start *******************/
.animation {
	opacity: 0;
	-webkit-transition: all .6s linear;
	transition: all .6s linear
}
.fadeRight {
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}
.fadeLeft {
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}
.fadeTop {
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0)
}
.fadeBottom {
	-webkit-transform: translate3d(0, -20px, 0);
	transform: translate3d(0, -20px, 0)
}
.fadeBottom.in-view, .fadeLeft.in-view, .fadeRight.in-view, .fadeTop.in-view {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.linedraw.in-view.onlinetrading-img:after, .linedraw.in-view.onlinetrading-img:before {
	transform: scaleY(1);
	-webkit-transform: scaleY(1)
}
.linedraw.in-view .onlinetradingimg:after, .linedraw.in-view .onlinetradingimg:before {
	transform: scaleX(1);
	-webkit-transform: scaleX(1)
}
.in-view {
	opacity: 1!important
}

/************** Animation End *******************/
/********* Inner Page ***********/
.innerheader .container .row.bannertext{min-height: 100vh; padding-bottom:200px;}

.innerpage section.contentsection h2{font-size: 52px;letter-spacing: 2px; margin-bottom: 30px;color: #CCAF7B}
.innerpage section.contentsection.lightsection h2 {color: #38302A;}
.innerpage section.contentsection p{font-size: 24px; font-weight: normal; line-height: 1.67; letter-spacing: 0.46px; margin-bottom: 30px;}
.innerpage section.contentsection ul{margin: 0; padding: 0; list-style: none;}
.innerpage section.contentsection ul li{padding-left: 60px; font-size: 32px; font-weight: normal; margin-bottom:20px;}

.darksection{background-color: #5F464A !important;}
.darksection *{color:#D9D3CA;}
.lightsection{background-color: #F7E9E1 !important;}
.lightsection.graysection{background-color: #f7e9e1 !important;}
.lightsection *{color:#38302A;}

.lightsection p a{color: #534644;text-decoration: #ccaa97 underline;text-underline-position: under;}
.darksection p a{color: #E8CBA9;;}

.dark-brown-bg {background-color: #5e4346;}
.dark-brown-bg > * {color: #D9D3CA;}
.brown-bg {background-color: #695552;}
.brown-bg > * {color: #D9D3CA;}

.row.centerheight h3 {font-size: 24px;}


.lightsection a.btn-outline-secondary{border-color:#534644;}
/* background:url(../images/services/banner-pttrn.png */
/* #Header.innerheader:after{position: absolute; content: ''; background: #1f1f20; bottom: -2px; left: 0; width: 100%; height: 100px; clip-path: polygon(0 99px, 100% 5px, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0 99px, 100% 5px, 100% 100%, 0% 100%);} */
.homemenulogo{display: none;}
.innermenulogo{display: block;}
.homemenulogo img,.innermenulogo img{width: 120px;}
/* .homemenulogo img,.innermenulogo img{width: 120px;height: 60px} */
#Header.innerheader h1{font-size: 65px; font-weight: 400; letter-spacing: 3px; color: #534644; margin-bottom:25px;text-align: center;}
#Header.innerheader h2{font-size: 24px; font-weight: normal;font-family: unset; letter-spacing: 1px; color: #534644; line-height:40px;width: 80%; margin: 0 auto;text-align: center;}

.lightheader.sticky-header .navbar-dark .navbar-nav .nav-link {color: #392732;}
.lightheader.sticky-header .inquiremenubtn {color: #e9d8cf;background:#7d5a56}
.lightheader.sticky-header .inquiremenubtn:hover {color: #7d5a56;border: solid 2px transparent;background:#e9d8cf;}

.innerpage .inquiremenubtn{color:#fff; border-color: transparent; background: #534644;height: 100%;}
.innerpage .inquiremenubtn:hover{ color: #534644;border-color: transparent;background: #e9d8cf;}

.inquiremenubtn {border: solid 2px transparent; background: #E8CBA9; padding: 8px 25px;border-radius: 50px; color: #65494E; display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}

#contactmenu {animation: rotation 3s linear 0s infinite;padding: 2px;border-radius: 50px; }
#newMobilemenu .inquiremenubtn {animation: rotation 3s linear 0s infinite;border-radius: 50px; }
#contactmenu:hover{background: linear-gradient(var(--gradient-angle), #FEE7B1, #5C4E4C);}
/* .inquiremenubtn{background-color: rgba(0, 0, 0, 0.903);color: rgb(255, 255, 255);} */

@keyframes rotation 
{
	0%{--gradient-angle: 0deg;}
	100%{--gradient-angle: 360deg;}    
}
@property --gradient-angle
{
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}


section.fullheight{height: 100%; padding-top: 70px; padding-bottom: 50px;}
section.halfheight{padding-top:100px; padding-bottom: 100px;}
section.fullheight .inner,section.halfheight .inner{position: relative; transform: translateY(0%); top: 0;}
.row.centerheight{min-height: 100vh;}
.row.centerheight h2{margin-bottom: 40px;color: #E8CBA9;}
.row.centerheight p{margin-bottom: 30px;}
.row.centerheight .hcsbtn{margin-bottom: 30px;}

section.halfheight h2 {color: #E8CBA9;}
section.lightsection.halfheight h2 , .lightsection .row.centerheight h2  {color: #534644;}

.listicon{margin:40px 0 0 0; padding: 0; font-size: 20px; list-style: none;}
.listicon li{margin: 0 0 30px; padding: 5px 20px 5px 60px; background: no-repeat 0 0;}

.devserv h4{font-size: 24px; border-bottom: 1px #1f1f20 solid; padding-bottom: 15px; padding-top: 25px;}
.darksection .devserv h4{border-bottom: 1px #fff solid;}

.devprocess{padding-top: 25px;}
.devprocess h5{font-size: 24px; line-height: 34px;}
.devprocess h3{font-size: 22px; font-weight: 600; line-height: 30px;}
.devprocess p{padding-right: 10%;}
.iconwithnum{padding:25px 0 25px 82px; min-height:100px; background: no-repeat 0 0; margin-bottom: 10px;}
.iconwithnum span,.numbox span{background: #fff; text-align: center; font-size:16px; font-weight: bold; color: #1f1f20; border-radius: 20px; height: 30px; width: 30px; padding:4px; display: inline-block;}

.lightsection .iconwithnum span,.numbox span{background:#1f1f20; color: #fff;}
.numbox span{padding: 0;}

.bigicon{padding:25px 0 25px 75px; min-height: 100px; background: no-repeat 0 0; margin-bottom: 10px;}

.probgcolor{width: 100%; height: 500px; position: relative;}
.probgcolor:after{background:no-repeat top center; position: absolute; top:0; left: 0; content:''; width: 100%; height: 100%;}
.proslidertitle{text-align: left; float: left; width: calc(100% - 150px); font-size: 20px; font-weight: 600; letter-spacing: 1px; color: #1f1f20; margin-top: 10px; margin-bottom: 30px;}
.proslidertech{text-align: right; float: right; width: 140px; font-size: 16px; color:rgba(0,0,0,0.8); font-weight: normal; margin-top: 10px; margin-bottom: 30px;}



/*****************/
section.fullheight.lookingto{padding: 80px 8%;background-color: #f7e9e1;}

.tick-style {margin: 0;	padding: 0;	list-style-type: none}
.tick-style li {
	background: url(../images/tick.png) no-repeat 0 0; letter-spacing: .4px;	padding-left: 42px; margin-bottom: 25px}
/**************** 404 ***********/
.nospace #footer{margin-top: 0;}

/******** Marketing Start **************/
.iconimg{margin-bottom:10px;}
/******** Marketing End ********/
.vieweork a{width:auto; color: #1f1f20 !important;text-decoration: none !important; display:inline-block; padding-right:60px; background: url(../images/work/arrow-b.svg) no-repeat top 7px right; font-size: 20px;}
.vieweork a:hover{color:#1f1f20 !important;}

.darksection .vieweork a{color: #D9D3CA !important; background: url(../images/work/arrow-w.svg) no-repeat top 7px right;}



.porlogo{display: block; width: 100%; padding-bottom:30px;}
.projinfo,.projinfo h3,.projinfo p{z-index: 4; position: relative;}
.projinfo h3{margin-bottom: 30px;}


ul.list{list-style: none; padding: 0;}
ul.list li{padding-left: 15px; position: relative;}
ul.list li:after{position: absolute; top:2px; left: 0; content: '-';}
ul.list li p{margin-bottom: 10px !important;}


/*************** New 2020 CSS Start************/
.imagewithgradientbh{width: 100%; display: block; position: relative; padding:30px 20%; margin-top: 50px;}
.imagewithgradientbh.padlr5{padding-left: 5%; padding-right: 5%;}
.imagewithgradientbh:before{border-bottom-left-radius: 20px; background-image: linear-gradient(244deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); display: block; height:100%; width: 100%; position: absolute; top:0; left: 0; content: '';}
.newdevprocess{padding-top: 25px;}
.newdevprocess h3{font-size: 24px; line-height: 34px; padding-left:40px; position: relative; margin-top:30px;}
.newdevprocess h3 span{position: absolute; top:0; left: 0;}
.newdevprocess h6{font-size: 22px; font-weight: 600; line-height: 30px;}
.newdevprocess p{padding-right: 10%; padding-left: 40px;}

.process1,.process3{padding-bottom:200px}
.process1:before,.process3:before{position: absolute; width: 13px; height:270px; content: ''; background: url(../images/design/logodesign/arrow-down.svg) no-repeat center bottom; bottom:-80px; left: 200px;}
.process1:after{position: absolute; width:455px; height:75%; content: ''; background: url(../images/design/logodesign/arrow-cross.svg) no-repeat right top; bottom:-80px; right:0px;}



.dcrightarrow:before,.dcleftarrow:before{position: absolute; width:80%; height:13px; content: ''; top:80px; left:15%;}
.dcrightarrow:before{background: url(../images/design/designconsulting/right-arrow.svg) no-repeat right center;}
.dcleftarrow:before{background: url(../images/design/designconsulting/left-arrow.svg) no-repeat left center;}
.dcbottomarrow,.dcbottomarrow2{padding-bottom: 140px;}
.dcbottomarrow:before{position: absolute; width:13px; height:55%; content: ''; left:20px; top:200px; background: url(../images/design/designconsulting/down-arrow.svg) no-repeat bottom center;}

.dcbottomarrow2:after{position: absolute; width:13px; height:55%; content: ''; left:20px; top:200px; background: url(../images/design/designconsulting/down-arrow.svg) no-repeat bottom center;}

.listicondiv{margin-bottom:40px;}
.listiconwithgradient{border-bottom-left-radius: 20px; background-image: linear-gradient(244deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1)); display: block; width: 100%; position: relative; padding:30px 30px 30px 80px; height: 100%;}
.listiconwithgradient span{position: absolute; top:20px; left:30px;}

.listiconwithgradient.listbigicon{min-height: 110px; padding-left: 110px;}
.listiconwithgradient.listbigicon span{top:5px; left: 5px;}


/*************** New 2020 CSS End************/

select.form-control {
	padding-right: 40px;
	background-image: url(../images/arrowdown.png);
	background-repeat: no-repeat;
	background-position: 96%;
	background-size: 16px;
}
select::-ms-expand{display:none;}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
:focus { outline: none;box-shadow:none;}


@media (max-width:1659px) {
	p{font-size: 15px; letter-spacing: normal;}
	h3{font-size:36px}
	.homeabouttext h2 {font-size: 36px;}
	.process1:after{width:455px; height:65%;}
}
@media (max-width:1439px) {
	.process1:after{width: 60%; right: -40px; height: 65%;}
}
@media (max-width:1280px) {
	
}
@media (max-width:1199px){
	.navbar-dark .navbar-toggler{float: right; border-color: rgba(255,255,255,.5);}
	
	#Header .navbar .container{z-index: 2; justify-content: center;}
	#newMobilemenu {
		display: none;
		position: absolute;
		width: 100%;
		z-index: 1;
		padding:130px 0 15px;
		top: 0;
		left: 0;
		/*background: -webkit-linear-gradient(right, #75e9ff, #219bff);*/
		background: #fff;
		/*height: 100vh;*/
		overflow-x: hidden;
		overflow-y: scroll
	}
	.index #newMobilemenu{background: #2d2423;}
	#newMobilemenu.collapse.show {
		display: block;
		-webkit-box-shadow: 0px 2px 12px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 2px 12px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 2px 12px 0px rgba(50, 50, 50, 0.75);
	}
	#newMobilemenu a.mobilemenutoggle {
		padding: 10px 15px;
		display: block;
		font-size: 20px;
		background: url(../images/arrowright.png) no-repeat top 13px right 15px
	}
	#newMobilemenu a.mobilemenutoggle.activeopening {
		background-image: url(../images/arrowdown.png)
	}
	#newMobilemenu ul.openinginfo {
		padding: 0 15px 0 25px
	}
	#newMobilemenu ul.openinginfo li {
		padding-top: 0;
		padding-bottom: 13px
	}
	.navbar-toggler {
		float: right
	}
	#newMobilemenu .inquiremenubtn {
		background: transparent;
		color: #333;
		font-size: 16px;
		border:2px #333 solid;
		margin-top: 0;
		text-align: center;
	}
	#newMobilemenu .menuinquire {
		padding: 10px 15px 0
	}
	
	.index #newMobilemenu ul li a{color:#fff;}
	.index #newMobilemenu .inquiremenubtn{border:2px #fff solid}
	
	.process1, .process3{padding-bottom: 90px;}
	.process1:before, .process3:before{height: 180px;}
}
@media (max-width:991px) {
	#Header{height: auto;}
	/* #footer{padding-bottom: 20px;} */
	.foolink{text-align: center;}
	.row.centerheight{min-height: auto;}
	.projectsliderimg{display: none;}
	
	.process1:after{height: 45%;}
	.process1:before, .process3:before{left: 130px;}
	.newdevprocess p{padding-right: 0;}
	.dcrightarrow:before, .dcleftarrow:before{width: 50%; left: 35%;}
}
@media (max-width:767px) {
	#footer .footerLinks{padding: 0;}
	#footer .footerLinks ul{margin-bottom:30px;}
	.socialmedia{margin-top: 15px; margin-bottom: 15px;}
	.innerheader .container .row.bannertext{padding-bottom: 100px;}
	
	.process1,.process3,.dcbottomarrow,.dcbottomarrow2{padding-bottom:10px}
	.process1:before,.process3:before,.process1:after,.dcrightarrow:before,.dcleftarrow:before,.dcbottomarrow:before,.dcbottomarrow2:after{display: none;}
	
	.captcha-input{
		width: 185px !important;
	}

}
.pr-slider-section {
	display: flex;
	align-items: center;
	justify-content: center;
}
/* Safari Start */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{ 
	*{-webkit-appearance:none;appearance:none;}
}
/* Safari End */

.lightsection a.btn-outline-secondary:hover {
	background-color: #534644!important;
	color: #fff !important;
	border-color: #534644;
}
.form-control:focus {
	border-color:#141415;
	outline: 0;
	box-shadow: none;
}
label {
	letter-spacing: 1px;
}
.socialmedia a:hover,.foolink a:hover {
	opacity: 0.5;
}

/* Miami Page CSS */
.miami-page #Header.innerheader::after {display: none;}
/* .miami-page #Header.innerheader {clip-path: polygon(0 0 , 100% 0 , 100% 85%, 0 100%);} */
.home-contact a {
	font-size: 30px;
	font-weight: 600;
	line-height: 36px;
	color: #262628;
	padding-left: 35px;
	display: block;
	word-break: break-all;
}
.home-contact .conttext a {
	font-size: 30px;
	padding-left: 0;
	word-break: break-word;
}
.home-contact.contact {
	padding: 50px 0;background-color: #F7E9E1;
}
.home-contact.contact .conttext{margin-bottom: 0;}
.home-contact.contact .conticon {padding-bottom: 0;margin-top: 0;}
.home-contact.contact .conticon img{margin-right: 30px;}
.footer-mt-0 #footer{margin-top: 0;}

/* CONTACT MIAMI page CSS */
.about-miami{background-image: linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url(https://d1k47okj0blyru.cloudfront.net/images/miami-bg-img.png);background-size: cover;background-position: right;color: #D9D3CA;}
.pressdiv.miami {background: url(https://d1k47okj0blyru.cloudfront.net/images/about/miami-dark-section-img.png) no-repeat 0;background-size: auto 100%;background-color: #1f1f20 !important;}
.pressdiv.miami .row.centerheight p{margin-bottom: 0;}

.about-miami img{margin-bottom: 30px;}
.about-miami .row.centerheight h2 {margin-bottom: 10px;font-size: 44px;font-weight: 400;}
.about-miami .row.centerheight p {margin-bottom: 20px;font-size: 24px;font-weight: 300;line-height: 40px;}
.about-miami .row.centerheight p.sub-title{font-size: 30px; font-style: italic;margin-bottom: 20px;font-family: 'cairoregular';}
.about-miami .content-box {width: 55%;}
.about-miami.apple-vsn{background: url(https://d1k47okj0blyru.cloudfront.net/images/apple-vsn.png) no-repeat 0;background-size:cover;background-position: right;}

section.fullheight.lookingto p{margin-bottom: 0;}
.miami-aspects {padding: 100px 0;background-color: #F7E9E1;color: #1f1f20;}
.miami-aspects h2 {font-size: 34px;font-weight: 600;margin-bottom: 100px;}
.miami-aspects h3 {font-size: 28px;font-weight: 600;width: 80%;line-height: 38px;}
.miami-aspects p{width: 91%; font-size: 24px;line-height: 40px;font-weight: 300;margin-bottom: 0;font-weight: 400;}
.miami-aspects .common-box:not(:last-of-type){margin-bottom:100px;}
.miami-aspects .common-box img {width: 100%;}

/* WORK page Slider CSS */
/* #portfolio #Header.innerheader::after {display: none;} */
.work-slider-section {clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);}
/* .work-slider-section::after{
	position: absolute;
content: '';
background: #1f1f20;
bottom: -2px;
left: 0;
width: 100%;
height: 100px;
clip-path: polygon(0 99px, 100% 5px, 100% 100%, 0% 100%);
-webkit-clip-path: polygon(0 99px, 100% 5px, 100% 100%, 0% 100%);
} */
.work-slider-section .container {display: flex;justify-content: space-between;align-items:flex-end;padding:200px 80px 70px;color: #fff;letter-spacing: 2px;}
.work-slider-section .container h2 {font-size: 47px;font-weight: 700;margin-bottom: 30px;width: 80%;}
.work-slider-section .container .left-box{width: 50%;}
.work-slider-section .container .img-box .img-container {display: flex;justify-content: end;align-items: baseline;position: relative;}
.work-slider-section .container .img-box .img-container img{transition: all 0.5s ease-in;box-shadow:0 0 40px -10px #000;border-radius: 35px;}
.work-slider-section .container .img-box .img-container .img-1 {position:absolute;right: 35%;z-index: -1;}
.work-slider-section .container:hover .img-box .img-container .img-1 {transition: all 0.5s ease-in;animation:moveFront 5s ;}
.work-slider-section .container:not(:hover) .img-box .img-container .img-1 {transition: all 0.5s ease-in;animation:moveBack 5s ;}
.work-slider-section .container .img-box .img-container .img-2 {transition: all 0.5s ease-in;}
.work-slider-section .container:hover .img-box .img-container .img-2 {transition: all 0.5s ease-out;}
.work-slider-section .container .left-box img.work-icon {margin-bottom: 20px;display: block;}
.work-slider-section .container a , .work-slider-section .container p{font-size: 24px;font-weight: 600;color: #fff;}
.work-slider-section .container p{margin-bottom: 110px;}
.work-slider-section .container a img {display: inline-block;width: auto !important;}
/* .work-slider-section .item{background-color: #1F1F20;}  #F1514F*/
.work-slider-section .item.red{background-color: #EC403E;}
.work-slider-section .item.blue{background-color: #0080C1;}
.work-slider-section .item.yellow{background-color: #D1B44C;}
.work-slider-section .item.purple{background-color: #275E95;}
.work-slider-section .item.violet{background-color: #56519B;}
.work-slider-section .item.grey{background-color: #B04121;}
.work-slider-section .container .img-box .img-container {display: flex;justify-content: end;align-items: baseline;}
/* on hover animation CSS */
@keyframes moveFront {
	0% {z-index:-1;right:50%;}
	50% {z-index:1;right:35%;}
	100% {z-index:1;right:35%;}
}
@keyframes moveBack {
	0% {z-index:-1;right:50%;}
	50% {z-index:-1;right:35%;}
	100% {z-index:-1;right:35%;}
}

/* New About Page CSS 2023 */
.flex-box {display: flex;justify-content:center;align-content: center;}
.transparent-box {border-radius: 24px;background: rgba(141, 100, 92, 0.3);box-shadow: 0px 12px 36px -7px rgba(0, 0, 0, 0.09);padding: 40px;}

.about-section .transparent-box {position: absolute;width: 70%;text-align: left;left: -50%;top: 82%;backdrop-filter: blur(5px);}
.about-section .transparent-box h3 {font-size: 28px;font-weight: 700;color: #CCAF7B;}
.about-section .transparent-box h3.vision {margin-top: 50px;}
.about-section .transparent-box p{margin-bottom: 0;}
.about-section .col-sm-7 {text-align: right;}
.about-section video{width: 840px;border-radius: 24px;}

.press-about .title {margin-bottom: 70px;}
.press-about .title p {margin-bottom: 0;}
.press-about .title .title-head {width: 60%;margin: 0 auto;text-align: center;}
/* .press-about .title .title-head h2{color: #E8CBA9;} */
.press-about .press-box {margin-bottom: 100px;}
.press-about .press-box a{display: inline-block;}
.press-about .press-box h3 {font-size: 30px;font-weight: 500;width: 60%;}
.press-about .press-box .inner-con {margin-top: 60px;padding-left: 70px;}
.blue-line {position: absolute;top: 60px;right: 90%;animation: leftRight 0.9s linear infinite;}
.blue-line.flip {rotate: -180deg;left: 82%;z-index: 1;}
.press-about .press-box.bottom .inner-con {padding-left: 190px;}
.press-about .press-box.bottom h3 {width: 80%;}

.home-contact.contact.miami .conttext a{color: #38302A;}

.join-team{padding: 100px 0;background: linear-gradient(206deg, #D2A89A 4.34%, #EBDBD4 85.24%);}
.join-team p {margin-bottom: 10px;}
.join-team h2 {margin-bottom: 0;}
.join-team h2 a {color: #6b5753;}

.story-timeline h2{margin-bottom: 100px;}
.story-timeline .upper{align-content: space-between;}
.story-timeline .lower {flex-flow: row-reverse;}
.story-timeline .common-box p{margin-bottom: 10px;}
.story-timeline .common-box {height: 315px;width: 100%;justify-content: center;align-items: center;position: relative;text-align: center;}
.story-timeline .common-box::before{content: '';display: block;width: 100%;border: 1px dashed #B7B7B7;top:18%;transform: translateY(-50%);position:absolute;z-index: -1;}
.story-timeline .common-box span {content:'';justify-content: center; height: 30px;width: 30px;border-radius: 50%;background-color:#fff;border: 8px solid #219BFF; position: relative;left: 50%;transform: translateX(-50%);transition: all 0.5s ease-in}
.story-timeline .common-box.show span {box-shadow: 0px 0px 15px 2px rgba(62, 182, 255, 0.88);border-color: #fff;background-color: #219BFF;transition: all 0.5s ease-in;}
.story-timeline .common-box span img {display: none;}
.story-timeline .common-box h4{margin-bottom: 0;position: relative;transition: all 0.5s ease-in;margin-top: 10px;}
/* .story-timeline .common-box h4::after{content: '';display: block;height:75px; border: 1px dashed #B7B7B7;position: absolute;top:-80px; right: 50%;z-index: 3;} */
.story-timeline .hover-box {position: absolute;width:50vw;height:100vh;right:-100%;z-index: 2;top: -72px;transition: all 0.8s ease-in;}
.story-timeline .hover-box.left {left:-100%;}
.story-timeline .hover-box.right {right:-100%;}
.story-timeline .common-box:hover {cursor: pointer;}
.story-timeline .common-box:hover + .hover-box {opacity:1;width: 50vw;height: 100vh;}
.story-timeline .common-box:hover h4 {transition: all 0.3s ease-in;transform: scale(1.1);}
.story-timeline .common-box.show + .hover-box.left {position: absolute;left: 0;z-index: 2;top: -72px;transition: all 0.8s ease-in;}  
.story-timeline .common-box.show + .hover-box.right {position: absolute;right: 0;z-index: 2;top: -72px;transition: all 0.8s ease-in;} 

/* Contact page */
.wve-place {display: block;}
.wve-place .addresstitle {transition: all 0.5s ease-in;}
.wve-place:hover .addresstitle {color: #6b5753;transition: all 0.5s ease-in;}
.contact-places .col-lg-4:hover .wve-place .addresstitle {color: #6b5753;transition: all 0.5s ease-in;cursor:pointer}

.about-miami.la {background-image:linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/la-bg-img.png');}
.about-miami.ny {background-image:linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/newyork-bg-img.png');}
.about-miami.milan {background-image:linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/milan-bg-img.png');}

.pressdiv.la{background: url(https://d1k47okj0blyru.cloudfront.net/images/about/la-dark-section-img.png) no-repeat 0;background-size: auto 100%;background-color: #1f1f20 !important;}
.pressdiv.miami p {font-size: 24px;line-height: 40px;}
.pressdiv.miami .presscont{padding-left: 45%;}
.pressdiv.miami h2 {font-size: 34px;font-weight: 500;}

#portfolio #Header.innerheader::after {display: none;}

/* Back to top button */
#back-to-top {position: fixed;right: 30px;bottom: -80px;width: 50px;height: 50px;animation: upDown 1s linear infinite;transition: bottom 0.5s ease-in-out;
	display: flex;justify-content: center;align-content: center;background: linear-gradient(180deg,#865f59  0%, #3a2834 100%);border-radius: 50%;z-index: 9999;}
#back-to-top svg {width: 45%;height: 100%;}
#back-to-top svg path {fill: #fff;}
@keyframes upDown {
	0% {transform: translateY(5px);}
	50% {transform: translateY(-5px);}
	100% {transform: translateY(5px);}
}
#back-to-top.floating {bottom: 30px;transition: bottom 0.5s ease-in-out;}
#footer figure img {width: 400px;}
#footer .contact-info img {height: 120px;display: block;}

.wrapper {position: relative;z-index: 6;}
.footer-section #footer {padding: 0;margin: 0;}
#footer .main-footer {padding: 100px 0;position: relative;z-index: 2;}
#footer .main-footer .featured {width: 50%;gap: 30px;}
#footer .main-footer .featured img {max-width: 104px;width:104px;margin: auto;}
#footer .main-footer .about-footer {width:48%;}

.btn-outline-primary:not(:disabled):not(.disabled):active , .btn-outline-secondary:not(:disabled):not(.disabled):active {background-color: transparent;border-color: transparent;}

#footer .main-footer .about-footer .wve .about-content {padding-top: 0;width: 60%;}
#footer .main-footer .about-footer ul li {width: 49%;display: inline-block;}

#footer .main-footer .about-footer ul li:not(:last-child){margin-bottom: 10px;}
#footer .main-footer .about-footer ul li:nth-last-child(2){margin-bottom: 0;}
#footer .main-footer .about-footer ul li a {font-size: 18px; color: #D9D3CA;font-weight: 700;}
#footer .main-footer .about-footer ul li a:hover{color: #2d2423;transition: all 0.5s ease-in-out;}
#footer .about-content p {font-size: 16px;line-height: 28px;margin-bottom: 0;width: 90%;font-weight: 400;}

#footer .get-quote {padding-bottom: 100px;}
#footer .get-quote a:hover {color: #d9d3ca;transition: all 0.5s ease-in;}
#footer .get-quote a.quote {font-size: 70px;font-weight: 400;width: 41%;letter-spacing: 1px; display: block;color: #D9D3CA;line-height: 90px;position: relative;font-family: 'cairoregular';}
#footer .get-quote a.quote::before{content:'';background: #d9d3ca;position: absolute;left: 0;bottom:-8px;display: block;height: 2px;width: 0;transition: width 0.3s cubic-bezier(.4,0,.2,1);}
#footer .get-quote a:hover::before {width: 100%;}
#footer .get-quote a img {margin-left:5px;width: 92px;height: auto;animation:leftRight 0.9s linear infinite }
#footer .get-quote .contact-box {width: 50%;text-align: right;}
#footer .get-quote .contact-box a{font-size: 22px;font-weight: 500;line-height: 34px;display: block;transition: all 0.5s ease-in;}
#footer .get-quote .contact-box a:hover{color: #2D2423;transition: all 0.5s ease-in;}
@keyframes leftRight {
	0%{transform: translateX(5px);}
	50%{transform: translateX(-5px);}
	100%{transform: translateX(5px);}
}

#footer .fixed-footer {padding: 100px 0 50px 0;border-top: 1px solid #ffffff21;}
/* #footer .fixed-footer {padding: 100px 0 50px 0;background-color: #1f1f20;position:fixed;bottom: 0; left: 0;right: 0;z-index: 1;overflow: hidden;} */
#footer .fixed-footer li{display: inline-block;}
#footer .fixed-footer svg {fill:#D9D3CA;height: 20px;width: 20px;}
#footer .fixed-footer .site-links {margin-bottom: 30px;}
/* #footer .fixed-footer .dmcs img {margin-right: 20px;} */
#footer .fixed-footer .foolink , #footer .fixed-footer .right-dmc{width: 18%;}
#footer .dmcs img {width: 121px;}

/* Timeline curve */
.story-timeline .common-box.curve::before , .story-timeline .common-box.btm-curve::before {width: 60%;}
.curve::after {
	content: '';
	position: absolute;
	width: 150px;
	height: 315px;
	border-top-right-radius: 150px;
	right: 43px;
	top: 56px;
	border-bottom-right-radius: 150px;
	border: 2px dashed #b7b7b7;
	border-left: none;
}


/*  */
.hidden-box {width: 250px;background-color: red;height: 250px;}

.avservice {padding: 100px 0;}
.avservice .common-service {width: 46%;background-color:linear-gradient(225deg, rgba(31, 31, 32, 0.00) 0%, #000 100%);}
.avservice .av-inner {flex-wrap: wrap;gap: 100px;}
.avservice .common-service .inner-box{padding: 46px;height:100%;background-image:linear-gradient(225deg, rgba(31, 31, 32, 0.00) 0%, #000 100%);border-radius: 24px 0 0 24px;}
.avservice .common-service .inner-box .img-box{margin-bottom: 30px;}
.avservice .common-service .inner-box .img-box img{width: auto;}
.avservice .common-service .inner-box h3{font-size: 24px;}
.avservice .common-service .inner-box p{font-size: 18px;margin-bottom: 0;}

/* Clutch custom css - not working */
.clutch-widget .carousel_widget__wrapper {margin: 0 auto !important;}
.clutch-widget .carousel_widget__wrapper {max-width: 100% !important;width: 100% !important;}
.clutch-widget .carousel_widget {background: none !important;}

#attach_cv {height: 60px;padding: 12px 20px;display: block;}
.clutch-reviews .title span {position: relative;display:inline-block;}
.clutch-reviews .title span:before {content: '';display:block ;height:3px;width: 110%;background-color: #000;position: absolute;top:50%;left: -3px;right: 0;}

/* Contact form Timeframe radiobuttons added */
#contact_form1 .radio-box {background: transparent;padding: 20px;border-radius: 30px;border: 1px solid #B1917F;}
#contact_form1 .radio-box .form-check {display: inline-block;width: 49%;margin-bottom: 10px;}
#contact_form1 .radio-box .form-check:nth-of-type(3) , #contact_form1 .radio-box .form-check:nth-of-type(4) {margin-bottom: 0;}
#contact_form1 .radio-box .form-check input[type="radio"] {accent-color: #CCAF7B;}
textarea.form-control {border-radius: 30px;}
#Header.innerheader.thank-you::after {background:#000}

/* #ContactModal */
#contactModal #contact_form1 .radio-box {background: transparent;border: 1px solid #B1917F;color: #534644;}

#footer .get-quote .contact-box a.con-text {font-size: 34px;margin-top: 15px;font-weight: 600;}
.navbar .call-on {margin-left: 20px;}
.navbar .call-on img {width: 38px;}

/* WORK PAGE - COlORED Expanding slider */
.works-section {clip-path: polygon(0 15%, 100% 0%, 100% 100%, 0% 100%);height: 100vh;}
.works-section ul {display: flex;justify-content: space-between;height: 100%;}
.works-section ul li{width: 100%;transition: all 1s ease-in-out;position: relative;overflow: hidden;}
.works-section ul li.active {width: 100%;transition: all 1s ease-in-out;transition-delay: 1s;}
.works-section ul li:hover {width: 100%;transition: all 1s ease-in-out;}
.works-section ul.twenty li{width: 20%;}
.works-section ul li{width: 13%;}
.works-section ul li::before {content: '';display: block;height: 100%;width: 0; position: absolute;visibility: hidden;transition: all 1s ease-in-out;}
.works-section ul li:hover::before {visibility: visible;width: 100%;transition: all 1s ease-in-out;}
.works-section ul li.active:hover::before {z-index: -1;}
.works-section .container {transform: translateX(-100%);transition: transform 1s ease-in-out; display: flex;justify-content: space-between;align-items:center;padding: 60px;letter-spacing: 2px;color: #fff;height: 100%;}
.works-section li.active .container {transform: translateX(0);transition: transform 1s ease-in-out;}
.works-section .container h2 {font-size: 47px;font-weight: 600;margin-bottom: 30px;width: 80%;letter-spacing: 0;}
.works-section .container .left-box{width: 50%;}
.works-section .container .img-box{width: 50%;}
.works-section li .logo-box {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);display: flex;align-items: self-end;}
.works-section li .logo-box p {letter-spacing: 1px;margin: 0;writing-mode: vertical-lr;transform: rotate(180deg);}
.works-section .container a, .works-section .container p , .works-section li .logo-box p{font-size: 24px;font-weight: 600;color: #fff;}
.works-section li .container .left-box .con-box, .works-section li .container .img-box img {display: none}
.works-section li.active .container .left-box .con-box, .works-section li.active .container .img-box img  {display: block;}
.works-section li .container .left-box .con-box a {display: block;}
.works-section li .container .left-box img.comp-logo {margin-bottom: 30px;}
.works-section li .container .left-box .con-box .app-btn {margin-bottom: 30px;display: flex;gap: 30px;}
.works-section li.inactive .container .left-box .logo-box img {width: 198px;}
/* .works-section li .logo-box {transition: rotate 0.5s ease-in-out;writing-mode: sideways-lr;} */
.works-section li .logo-box img {width: auto;}
.works-section li.active .logo-box {rotate: 0deg;display: none;}
.works-section li.inactive .logo-box p {display:none}
.works-section li .logo-box .h-icon {display: none;}
.works-section .container a {letter-spacing: 0;}
/* .works-section li.active.red{background-color: #EC403E;}
.works-section li.active.blue{background-color: #0080C1;}
.works-section li.active.yellow{background-color: #D1B44C;}
.works-section li.active.purple{background-color: #275E95;}
.works-section li.active.grey{background-color: #B04121;} */

/* COLORED PORTFOLIO PAGE*/
.works-section.colored {clip-path: none;}
.works-section.colored li{background-size: cover;background-position: center;}
.works-section.colored li::before {content: '';height: 100%;width: 100%;position: absolute;top: 0;opacity:0.8;visibility: visible;}

.works-section.colored li.red{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/jnc-bg.png);}
.works-section.colored li.red::before {background-color: #EC403E;}
.works-section.colored li.active.red{background-color: #EC403E;background-image: none;}

.works-section.colored li.purple{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/sherpa-bg.png);}
.works-section.colored li.purple::before{background-color: #275E95;}
.works-section.colored li.active.purple{background-color: #275E95;background-image: none;}

.works-section.colored li.yellow{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/unity-bg.png);}
.works-section.colored li.yellow::before{background-color: #1bb586;}
.works-section.colored li.active.yellow{background-color: #1bb586;background-image: none;}

.works-section.colored li.blue{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/puff-bg.jpg);}
.works-section.colored li.blue::before{background-color: #0080C1;}
.works-section.colored li.active.blue{background-color: #0080C1;background-image: none;}

.works-section.colored li.sky-blue{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/ovvy-bg.jpg);}
.works-section.colored li.sky-blue::before{background-color:#41A6F4;}
.works-section.colored li.active.sky-blue{background-color:#41A6F4;background-image: none;}

.works-section.colored li.violet{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/raiders-bg.jpg);}
.works-section.colored li.violet::before{background-color:#36454F;}
/* .works-section.colored li.violet::before{background: linear-gradient(180deg, rgba(86, 81, 155, 0.92) 0%, #56519B 100%);} */
.works-section.colored li.active.violet{background-color:#36454F;background-image: none;}

.works-section.colored li.grey{background-image: url(https://d1k47okj0blyru.cloudfront.net/images/work/new-work/watch-bg.jpg);}
.works-section.colored li.grey::before{background-color: #B04121;}
.works-section.colored li.active.grey{background-color: #B04121;background-image: none;}


/* NEW PORTFOLIO SECTION */

.wve-projects-section .inner-container {display: grid;grid-template-columns: repeat(3,33.33%);}
.wve-projects-section .project-title {display: flex;padding-left: 60px;padding-bottom: 50px;}
.wve-projects-section .project-title img {width: auto;}
.wve-projects-section .wve-project-box {position: relative; color: #000;height: 90vh;padding-top: 60px; overflow: hidden;transition: all 0.5s ease-in-out;}
.wve-projects-section .project-desc {opacity: 0;top: 50%;transition: all 0.5s ease-in-out;position: absolute;transform: translateY(-50%);padding: 0 60px;width: 100%;text-align: center;z-index: -1;transition: all 0.5s ease-in;transition-delay: -0.2s;}
.wve-projects-section .project-desc h4 {font-size: 28px; font-weight: 500;}
.wve-projects-section .project-desc p {font-size: 18px; font-weight: 400;}
.wve-projects-section .project-desc a {font-weight: 600;font-size: 18px;color: #1f1f20;margin-top: 65px;display: block;}
.wve-projects-section .wve-project-box:nth-child(even) {background-color: #FBFBF9;}
.wve-projects-section .project-img {display: flex;justify-content: center;flex-wrap: wrap;z-index: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;width: 100%;}
.wve-projects-section .project-img img {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);border-radius: 23px;}
.wve-project-box.web .project-img {padding-top: 150px;}
.wve-project-box:hover .project-desc{z-index: 9;opacity: 1;transition: all 0.5s ease-in;transition-delay: 0.3s;}
.wve-project-box.web .screenOne {position: absolute;top: 55%;transform: translate(40px,-50%);transition: all 0.5s ease-in;}
.wve-project-box.web .screenTwo {position: absolute;top: 45%;transform: translate(35%,-50%);z-index: -1;transition: all 0.5s ease-in;}
.wve-project-box.web:hover .screenOne {transform: translate(0%,0%);transition: all 0.5s ease-in;}
.wve-project-box.web:hover .screenTwo {transform: translateX(120%);transform: all 0.5s ease-in;}
.wve-project-box.web:hover .project-desc{top: 40%;}
.wve-project-box.no-img .project-desc{opacity: 1;z-index: 1;}
.wve-project-box.no-img .project-desc img.comp-logo {margin-bottom: 30px;}
.wve-project-box.app .screenOne {position: absolute;top: 50%;transform: translate(-120px,-50%);transition: all 0.5s ease-in;}
.wve-project-box.app .screenTwo {position: absolute;transform: translate(120px,-50%);top: 60%;transition: all 0.5s ease-in;}
.wve-project-box.app:hover .screenOne {transform: translate(-80%,-50%);rotate: -25deg;top: 50%; transition: all 0.5s ease-in;}
.wve-project-box.app:hover .screenTwo { transform: translate(80%,-50%);rotate: 25deg;top:50%; transition: all 0.5s ease-in;}
.wve-projects-section .wve-project-box a img {margin-left: 10px;transition: all 0.5s ease-in-out;}

/* Clutch Landing Page CSS*/
.index.clutch-page section{height: auto;}
#Header.clutch-header {height: auto ;overflow: visible;}
#Header.clutch-header .navbar-dark .navbar-nav .nav-link {color: #E8CBA9}
.sticky-header #Header.clutch-header .navbar-dark .navbar-nav .nav-link {color: #5F464A}
#Header.clutch-header .navbar-dark .navbar-nav .nav-link::before {background-color: #E8CBA9}
.sticky-header #Header.clutch-header .navbar-dark .navbar-nav .nav-link::before {background-color: #5F464A}
.darksection .inquiremenubtn {color: #1f1f20}
.darksection .inquiremenubtn:hover {color: #fff;}
.clutch-page .inner-container {width: 100%;}
.clutch-page .inner-container .know-more-btn:hover {transform: translateX(20px);}
.wve-services-section .container , .clutch-contact-section .container , .wve-techs-section .container , .wve-solutions-section .container{display: flex;justify-content: space-between;align-items: center;height: inherit;}
.clutch-contact-section .light-title {font-size: 18px;font-weight: 500;display: block;}
.locations-div {display: flex;justify-content: start;align-items: start;gap:65px;flex-wrap: wrap;text-align: center;}
.locations-div .wve-place {width: 17%;}
.locations-div .wve-place img {height: 70px;margin-bottom: 15px;}
.clutch-contact-section .con-box {margin-bottom: 30px;}
.clutch-contact-section .con-box a {font-size: 32px;font-weight: 600;color: #E8CBA9;font-family: 'cairoregular';}
.locations-div .wve-place p{font-size: 16px;font-weight: 300; margin-bottom: 0;}
.clutch-contact-section .contact-box {margin-bottom: 50px;}
.clutch-contact-section h1, .clutch-contact-section h2 {font-weight: 500;}
/* .wve-services-section .service-box a:hover {color: #E8CBA9;} */
.clutch-contact-section h1 {margin-bottom: 30px;}
.saudi-arabia-page .darksection h3 {color: #E8CBA9;}

.wve-services-section , .wve-solutions-section{background-color: #F7E9E1;}
.wve-services-section .services {flex-wrap: wrap;gap: 70px;margin-top: 65px;}
.wve-services-section .service-box {width: 30%; border-radius: 0px 0px 0px 24px;background: linear-gradient(270deg, rgba(255, 255, 255, 0.19) 15%, #EFD6C9 130.49%);padding:50px 30px;transition: all 0.8s ease;}
.wve-services-section .title , .wve-solutions-section .title {width: 95%;}
.wve-services-section .service-box p {font-size: 18px;line-height: auto;}
.wve-services-section .service-box ul {padding-left: 20px;}
.wve-services-section .service-box ul li {margin-bottom: 3px;list-style: disc;}
.wve-services-section .service-box ul li p {margin-bottom: 0;}
.wve-services-section .service-box a {color: #212529;}
.wve-services-section .service-box img {margin-bottom: 30px;transition: transform 0.5s ease;}
.wve-services-section .service-box:hover {background: linear-gradient(270deg, #EFD6C9 18.49%, rgba(255, 255, 255, 0.19) 130.66%);transition: all 0.8s ease;}
.wve-services-section .service-box:hover img {transform: translateY(-10px);transition: transform 0.5s ease;}
/* .wve-services-section .service-box h4 {margin-bottom: 0;} */
.wve-solutions-section .solutions-div {margin-top: 30px;}
.wve-solutions-section .solutions-div ul {flex-wrap: wrap;gap: 50px;}
.wve-solutions-section .solutions-div ul li {position: relative;padding-left: 30px;width: 30%;}
.wve-solutions-section .solutions-div ul li:before {content:'';position: absolute;height: 15px;width: 15px;border-radius: 50%;border: 1px solid #1F1F20;left: 0;top: 12px;transition: all 0.5s ease;}
.wve-solutions-section .solutions-div ul li a {font-size: 24px;color: #373A40;}
/* .wve-solutions-section .solutions-div ul li:hover a {color: #209AFE;} */
.wve-solutions-section .solutions-div ul li:hover:before {border: 1px solid #38302A;background-color: #38302A;transition: all .5s ease;;}

.common-section {padding: 100px 0;}
.wve-techs-section .techs-box {margin-top: 50px;}
.wve-techs-section span {font-size: 26px;font-weight: 500;margin-bottom: 15px;display: block;}
.wve-techs-section .techs-box ul {gap: 15px;}
.wve-techs-section .common-tech-box:not(:last-of-type) {margin-bottom: 60px;}
.wve-techs-section  .right-box {width: 45%;}

.common-section {padding: 100px 0;}

.clutch-page .wve-projects-section {height: auto;}
.clutch-page .wve-project-box {background-size: cover;background-position: center;}
.clutch-page .wve-project-box.neurocycle {background-image: url(../images/clutch-landing/background/neuro-bg.png);}
.clutch-page .wve-project-box.unity {background-image: url(../images/clutch-landing/background/unity-bg.png);}
.clutch-page .wve-project-box.puffcount {background-image: url(../images/clutch-landing/background/puff-bg.png);}

/* .clutch-page .wve-project-box.unity > * , .clutch-page .wve-project-box.unity a {color: #fff;} */

.index section.web-cta h6 {font-size: 24px;}

.index section.web-cta {height: auto;}
.index section.footer-section , .clutch-page .clutch-reviews{height: auto;}
.web-cta ul {width: 40%;margin: 0 auto;border-top: 1px solid #DDD7CF78;padding-top: 30px;margin-top: 30px;}
.web-cta ul a {font-size: 20px;font-weight: 700;}
.web-cta ul a:hover {color: #CCAF7B;transition: all 0.5s ease-in;}
.web-cta ul li {position: relative;}
.web-cta ul li::before {content: '';position: absolute;top: 13px;left: -45px;height: 8px;width: 8px;border-radius: 50%;background-color: #CCAF7B;}
.web-cta ul li:first-child::before {display: none;}

.brands-logo {border-bottom: 1px solid #e6e6e6;padding: 50px 0;}
.brands-logo .speed-test-item img {margin:0 50px;}

.about-miami.riyadh {background-image: linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/riyadh-bg-img.png');}
.about-miami.saudi-arabia {background-image: linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/saudi-arabia-bg-img.png');}

/* SVG animation on hover */
/* #contact-icon:hover path {animation: dash 2s forwards;} */
/* @keyframes dash {
	0% {stroke-dasharray: 0, 0, 0, 314.90081787109375;}
	100% {stroke-dasharray: 314.90081787109375, 0, 0, 0;}
} */

.light-bg {background-color: #F7E9E1 !important;}
.btn.loadmore-btn { border: none;font-weight: 600;text-transform: none;font-size: 22px;transition: all 0.5s ease-in;}
.btn.loadmore-btn svg{ margin-top: -5px;}
.btn.loadmore-btn:hover {color: #fff;opacity: 0.6;transition: all 0.5s ease-in;}

@keyframes bounceAlpha {
	0% {opacity: 1; transform: translateY(0px) scale(1);}
	25%{opacity: 0; transform:translateY(10px) scale(0.9);}
	26%{opacity: 0; transform:translateY(-10px) scale(0.9);}
	55% {opacity: 1; transform: translateY(0px) scale(1);}
}

.bounceAlpha {
	animation-name: bounceAlpha;
	animation-duration:1.4s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
}

.saudi-contact-form .form-box{padding-right: 80px;}
.inner.saudi-cta{background-color: #EDEBEE;padding: 0 50px 0 50px;border-radius: 20px;}
.inner.saudi-cta a {margin-top: 20px;}
.startup-section h3 {font-size: 40px;letter-spacing: 2px;}
.startup-section p {font-size: 24px;letter-spacing: 0.5px;line-height: 50px;}
.startup-section p:not(:last-child){margin-bottom: 0;}


/* .brands-logo.no-border {border-bottom: none;} */
.bottom-left-radius {border-bottom-left-radius: 20px;}
.saudi-services-section .d-flex , .saudi-industries .d-flex{gap: 30px;}
.saudi-services-section .common-box {padding: 45px;width: 32%;}
.saudi-services-section .common-box img{margin-bottom: 30px;}
.saudi-section .common-box h4{font-size: 22px;margin-bottom: 20px;color: #E8CBA9;}
.saudi-section .common-box p{font-size: 16px;margin-bottom: 0;}
.saudi-industries .common-box {padding: 45px;width: 48%;}

.saudi-industries.halfheight , .startup-section.neom.halfheight {padding-bottom: 0;background-color: #f7e9e1;}
.saudi-services-section, .startup-section {padding-bottom: 0;background-color: #f7e9e1;}
.startup-section.saudi-path.halfheight {padding-top: 0;}

.darksection .btn-outline-secondary {border-color: #D9D3CA;}
.darksection .btn-outline-secondary:hover {border-color: #433735 ;}

/* Toggle language switch for Saudi Arabia page */

.sticky-header .switch-lang {top: 19px;}
.switch-lang {display: inline-block;position: fixed;top: 39px;right: 5%;z-index: 999;}
.switch-lang {display: none;}
.flag-switch {
    position: relative;
    outline: 0;
	width: 85px;
    height: 41px;
    appearance: none;
	perspective: 1000;
    -webkit-perspective: 1000;
	backface-visibility :hidden;
    -webkit-backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-color: #fff;
	border-radius: 50px;
}

.flag-switch:before, .flag-switch:after {position: absolute;color: #1f1f20;top: 9px;font-size: 16px;font-weight: 700;}
.flag-switch:before {right: 15px;content: 'AR';}
.flag-switch:after {left: 15px;content: 'EN';}
.flag-switch input {display: none;}
.flag-switch label span {position: absolute;color: #fff;left: 6px;top: 4px;}
.flag-switch input + label {display: block;position: absolute;cursor: pointer;user-select: none;width: 85px;margin-bottom: 0;}
.flag-switch input + label:before, .flag-switch input + label:after {content: "";position: absolute;transition: all 0.25s ease-in-out;z-index: 9999;}
.flag-switch input + label:before {height: 41px;width: 85px;background-color: transparent;border: 2px solid #1F1F20;border-radius: 50px;}
.flag-switch input + label:after {
	top: 3px;
	left: 3px;
	width:35px;
	height:35px;
	border-radius: 50%;
	background: url(../images/saudi.svg) center;
	background-size: cover;
	transform: translate(44px, 0);
	-webkit-transform: translate(44px, 0);
}

.flag-switch input:checked + label:after {background: url(../images/british-flag.png);background-size: cover;transition: all 0.25s ease-in-out;-webkit-transform: translate(0, 0);transform: translate(0, 0);z-index: 99999;}
.flag-switch:before + input:checked {opacity: 1;}

/* Newport Beach page */
.about-miami.newport{background-image: linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/newport-bg-img.png');background-size: cover;background-position: right;color: #fff;}
.specialities-section.halfheight {padding-bottom: 0;}
.specialities-section p{font-size: 34px;line-height: normal;margin-bottom: 0;}
.specialities-section .wve-work {margin-top: 90px;}
.specialities-section .wve-work , .specialities-section .wve-work .d-flex{gap: 59px;}
.specialities-section .wve-work .img-box {width: 30%;}
.specialities-section .wve-work .img-box.mid {width: 40%;}
.specialities-section .wve-work .img-box img{width: 100%;}

.newport-full-section {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/newport-full-img.png');background-size: cover;background-position: center;padding: 120px 0;}
.newport-full-section .title {width: 82%;margin: 0 auto;}
.newport-full-section .title h3 {font-size: 34px;width: 60%;margin: 0 auto;margin-bottom: 35px;color: #E8CBA9;}
.newport-full-section .title p{font-size: 24px;line-height: 65px;margin-bottom: 0;}

.newport-full-section.dallas {background-image: url('https://d1k47okj0blyru.cloudfront.net/images/dallas-full-img.png');}
.about-miami.dallas {background-image: linear-gradient(90deg, #624648 27.83%, rgba(91, 67, 69, 0.1) 85.6%), url('https://d1k47okj0blyru.cloudfront.net/images/dallas-bg-img.png');}

/* Branding Page 30/01/2025 */
.crafting-brands .inner-container {gap: 50px;flex-wrap: wrap;margin-top: 80px;}
.crafting-brands .inner-container .common-box {gap: 25px;width: 30%;}
.crafting-brands h5 {font-size: 25px;font-weight: 600;margin-bottom: 15px;}
/* .crafting-brands .con-box p {font-size: 16px;} */
.branding-slider {padding: 130px 0;}
.branding-slider h2 {font-size: 54px;}
.branding-slider .title {margin-bottom: 80px;}
.branding-slider p.subtitle {font-size: 34px;width: 75%;margin: 0 auto;line-height: 40px;}

.loader-wrapper {
    background: rgba(255,255,255,0.7);
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}

#loading-bar-spinner.spinner {
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 19 !important;
    transform: translate(-50%, -50%);
}

@keyframes loading-bar-spinner {
  0%   { transform: rotate(0deg);   transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}

/* Blogs section CSS */
.blogs-section {background-color: #F4E5DE;padding: 80px 0;z-index: 7;}
.blogs-section .btn {border: 2px solid #6b5753;color: #6b5753;font-weight: 600;}
.blogs-section .btn:hover {background-color: #6b5753;color: #fff;;}
.blogs-section .blogs-container {margin-top: 50px;gap: 40px;flex-wrap: wrap;}
.blogs-section .blogs-container .common-box {width: 31%; border: 1px solid #BA9366;border-image-source: linear-gradient(to top, #583C40, #CAB691);
  border-image-slice: 1;
  color:#6b5753;
  padding: 15px;
  background-color: transparent;
}
.blogs-section .blogs-container .common-box h5{font-weight: 600;transition: all 0.3s ease-in;word-break: break-word;}
.blogs-section .blogs-container .common-box:hover h5{color: #ccaf7b;transition: all 0.3s ease-in;}
.blogs-section .blogs-container .common-box .img-box {width: 100%;height: 330px;position: relative;overflow: hidden;}
.blogs-section .blogs-container .common-box .img-box img{width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in;border-radius: inherit;}
.blogs-section .blogs-container .common-box .content-box{padding:20px 15px;}
.blogs-section .blogs-container .common-box .content-box p {word-break: break-word;font-size: 18px;margin-bottom: 15px;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 0;}
.blogs-section .blogs-container .common-box .content-box a {color: #ccaf7b;font-size: 18px;font-weight: 600;text-decoration: underline;text-underline-position: under;}
.blogs-section .blogs-container .common-box .img-box img.wve-icon {display: none; position: absolute;width: auto;height: auto;bottom: 20px;z-index: 99;right: 20px;}
.blogs-section .blogs-container .common-box:hover .img-box img{transform: scale(1.1);transition: all 0.3s ease-in;}

#Header.innerheader.blogs::after {background: #fafafa;}
.inner-blogs {background-color: #F7E9E1;}
 
/* Inner blogs page */
.inner-blogs .blog-img {width: 60%;height: 550px;object-fit: contain;margin: 30px auto;display: block;}
.inner-blogs .disc-list {padding-left: 20px;margin-bottom: 20px;}
.inner-blogs .disc-list li {list-style: disc;}
.inner-blogs .disc-list li {font-size: 20px;}
.inner-blogs .disc-list li p {margin-bottom: 10px;}
.inner-blogs strong {font-weight: 600;letter-spacing: 0;}
.blogs-section .mobile-btn-box {display: none;}

.blogs-section .img-box .keywords {position: absolute;top: 15px;left: 15px;flex-wrap: wrap;gap:10px;}
.blogs-section .img-box .keywords p {padding: 4px 8px;font-size: 12px;border: none;background-color: #fafafa;}


.big-text {font-size: 55px;line-height: normal;letter-spacing: 0;font-weight: 700;width: 80%;margin: 30px auto;font-style: italic;}
.inner-blogs .disc-list.box-list {margin-bottom: 20px;border: 1px solid #B1917F;padding: 20px;padding-left: 40px;background-color: transparent;width: 65%;margin:30px auto;position: relative;}
.inner-blogs .disc-list.box-list h5 {text-align: center;}
.inner-blogs .disc-list.box-list img.wve-icon{position: absolute;width: 250px;opacity: 0.1;right: 25px;top: 50%;transform: translateY(-50%);filter: grayscale(100);}
.keywords {gap: 15px;margin-bottom: 20px;flex-wrap: wrap;}
.keywords p {margin-bottom: 0;border: 1px solid #c8a58d;color: #534644; background-color: #F7E9E1;padding: 7px 14px;line-height: normal;font-size: 16px;border-radius: 50px;}
.blogs-cta {padding: 30px 50px;border: 1px solid #CAB691}
.inner-blogs .margin-box { margin-bottom: 50px;}
.inner-blogs .margin-box h5.square-bullet{ margin-bottom: 5px;position: relative;padding-left: 25px;}
.inner-blogs .margin-box h5.square-bullet::before{ content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 10px;height: 10px;background-color: #CCAF7B;}
.inner-blogs a {color: #534644;}

/* Questionnaire CSS*/
.questionnaire .call-on.homemenulogo {display: none;}
.index.questionnaire section {height: auto;}
body.questionnaire #Header .navbar #navbarCollapse ul li.nav-item:not(:last-child) {display: none;}
.questionnaire #Header h1 p {margin-top: 20px;font-weight: 500;}
.questionnaire .form-control {background-color: transparent;font-size: 18px;border: 1px solid #CCC;color: #000;padding: 15px 20px;height: auto;border-radius: 0;}
.questionnaire label {letter-spacing: 0;font-size: 16px;font-weight: 600;}
.questionnaire label br {display: none;}
.questionnaire h2 {margin-bottom: 40px;}
.questionnaire .form-control::placeholder {color: #818181;}
.questionnaire .form-group {margin-bottom: 40px;}
.questionnaire .ref-block {margin-top: 20px;gap: 20px;}
.questionnaire .radio-box {gap: 50px;}
.questionnaire .note p {font-size: 14px;color: #696969;margin-bottom: 0;line-height: normal;margin-top: 5px;}
.questionnaire .note p a {text-decoration: underline;text-underline-position: under;font-weight: 600;color: #554745;}
.questionnaire .upload-btn {position: relative;}
.questionnaire .upload-btn input[type=file] {position: absolute;right: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;}
.questionnaire .uploaded-file p {margin-bottom: 0;font-size: 18px;line-height: normal;padding: 5px 10px;background-color: #f7f5f5;}
.questionnaire .uploaded-file svg {width: 20px;height: 20px;vertical-align: middle;}
.questionnaire .uploaded-file button{background-color: transparent;border: none;margin-left: 3px;}
.questionnaire .con-box {margin-bottom: 20px;position: relative;}
.questionnaire .con-box label {font-weight: 500;}
.questionnaire #submitbutton {border-color: #281F1E;color: #281F1E;}
.questionnaire #submitbutton:hover {color:#fff}


.questionnaire .uploaded-file {gap: 10px;margin-top: 10px;flex-wrap: wrap;}
.questionnaire .uploaded-file p {margin-bottom: 0;font-size: 18px;line-height: normal;display: -webkit-box;line-clamp: 2;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.questionnaire .uploaded-file .uploaded-filename {padding: 5px 10px;background-color: #f7f5f5;}
.questionnaire .upload-btn {position: absolute;right: 0;top: -15px;text-transform: unset;}
.questionnaire .upload-btn .btn {padding: 10px 20px;text-transform: unset;border-width: 1px;}
.questionnaire .upload-btn .btn img{margin-left: 8px;width: 23px;}

/* Custom Radio button Questionnaire */
.questionnaire [type="radio"]:checked, .questionnaire [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
.questionnaire [type="radio"]:checked + label, .questionnaire [type="radio"]:not(:checked) + label{margin-bottom: 0; position: relative;padding-left: 32px;cursor: pointer;line-height: 24px;display: inline-block;color: #666;}
.questionnaire [type="radio"]:checked + label {color: #1F1F20;}
.questionnaire [type="radio"]:checked + label:before,
.questionnaire [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0;width: 24px;height: 24px;border: 1px solid #CCCCCC;border-radius: 100%;background: #fff;}
.questionnaire [type="radio"]:checked + label:after,
.questionnaire [type="radio"]:not(:checked) + label:after {content: '';width: 12px;height: 12px;background: #1F1F20;position: absolute;top: 6px;left: 6px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.questionnaire [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.questionnaire [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.questionnaire [type="radio"]:checked + label::before {border-color: #1F1F20;}
.questionnaire .uploaded-file div {border: 1px solid #CCC;padding:15px 20px;width: 100%;}

/* About- Badges section CSS April 2025 */
.badges-section {padding: 70px 0;background: linear-gradient(270deg, #322633 0%, #624648 49.04%, #89625B 100%);}
.badges-section .wve-badges {gap: 80px;}
.badges-section h2 {color: #E8CBA9;margin-bottom: 50px;}
.badges-section img {width: 150px; height: 150px; object-fit: contain;color: #fff;}
.badges-section .owl-carousel {overflow: hidden;width: 100%;}
.badges-section .owl-stage {display: flex;justify-content: center;align-items: center;}
.badges-section .owl-stage .owl-item {width: auto !important;}
.badges-section .owl-nav.disabled {display: none;}
.clutch-reviews.common-section {padding-bottom: 50px;background: linear-gradient(206deg, #F2E6E2 4.34%, #F9F4F2 85.24%);}

.privacy-list {margin-bottom: 30px;padding-left: 20px;}
.privacy-list li {margin-bottom: 8px;color: #77d2ff;list-style: disc;font-size: 20px;}
.row.centerheight .privacy-list p {margin-bottom: 0;}
/* 
.badges-section::before , .badges-section::after {content: "";position: absolute;top: 0;bottom: 0;height: 100%;width: 150px;z-index: 2;}
.badges-section::before {background: linear-gradient(90deg, rgba(31, 31, 32, 0.00) 17.01%, #1F1F20 79.43%);right: 0;}
.badges-section::after {background: linear-gradient(270deg, rgba(31, 31, 32, 0.00) 17.01%, #1F1F20 79.43%);left: 0;} */


/* background-image: linear-gradient(270deg, #D9D3CA 0%, #c9b27e 17%, #c9b27e 85%, #D9D3CA 100%); */
.common-top-section {padding-top: 70px;}
#contactModal .btn-outline-primary {border-color:#534644;color:#534644}
#contactModal .btn-outline-primary:hover {border-color:#281f1e;color:#fff}

/* New gradients classes */
.dark-coffee-bg {background-image: url(../images/dark-coffee-bg.png);background-size: cover;background-position: center;}
.light-golden-bg {background-image: url(../images//light-bg-gradient.png);background-size: cover;background-position: right;}

.common-btn.light-gradient-btn {display: inline-block;border-radius: 50px;background: linear-gradient(269deg, rgba(240, 175, 162, 0.80) 3.41%, #F2C397 99.62%);padding: 15px 32px;color: #5F464A;font-size: 18px;transition: all 0.3s ease-in;}
.common-btn.light-gradient-btn svg {margin-left: 15px;vertical-align: middle;transition: all 0.3s ease-in;}
.common-btn.light-gradient-btn:hover{background: linear-gradient(270deg, #BC8078 0%, #614549 100%);color: #F2E2DA; transition: all 0.3s ease-in;}

.error-page a {text-decoration: underline;color:#534644; text-underline-position: under;}


/* Expertise dropdown CSS */
.dropdown_menu-inner {display: flex;gap: 15px;align-items: center;}
.dropdown_menu {display: none;position: absolute;right: -100%;border-radius: 100px;background: rgba(255, 255, 255, 0.07);border: 2px solid rgba(255, 255, 255, 0.7);backdrop-filter: blur(7px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);box-shadow: 0 0 50px rgba(0,0,0,0.1) , inset 0 0px 2px rgba(255, 255, 255, 0.2);padding: 20px 60px;}
.dropdown:hover .dropdown_menu {display: flex; }
.dropdown li {width: 150px;text-align: center;transition: scale 0.3s ease-in}
.dropdown li .img-box {transition: all 0.3s ease-in;margin-bottom: 5px;}
.dropdown li .img-box img {width: auto;transition: all 0.3s ease-in;object-fit: cover;}
.dropdown li h4 {font-size: 16px;margin-bottom: 0;transition: all 0.3s ease-in;font-family: 'Open Sans', sans-serif;letter-spacing: 0;font-weight: 600;color: #3d2b35;text-shadow: 0 0 22px #fff;}
.dropdown li:hover {scale:1.1; transition: scale 0.3s ease-in}
.dropdown li a {color: #C2BDB7;}

#newMobilemenu ul li a.other-btn {font-weight: 600;background-color: #ddc4b9;border: 1px solid #4C4645;padding: 8px 20px;border-radius: 50px;display: table-cell;}
#newMobilemenu ul li a.other-btn:hover {background-color: #534644;color: #e5d3ca;}

.glass::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(233, 216, 207, 0.7);border-radius: inherit;backdrop-filter: blur(1px);box-shadow: inset -11px -8px 0px -11px rgba(255, 255, 255, 0.8),inset 11px -8px 0px -11px rgba(255, 255, 255, 0.8);opacity: 0.6;z-index: -1;filter: blur(1px) drop-shadow(0px 5px 15px #0000004a) brightness(110%); }
.glass::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: inherit;z-index: -1;box-shadow: inset 7px 8px 0px -10px rgba(255, 255, 255, 0.7),inset -10px 8px 0px -13px rgba(255, 255, 255, 0.7);}

 
.thankyou-banner h1, .thankyou-banner h2 {text-align: left;width: 100%;}

@media (max-width: 1199px) {
	.index #newMobilemenu , #newMobilemenu {background: #E9D8CF;}
	.innerpage .navbar-dark .navbar-nav .nav-link {color: #534644!important;}
	.index #newMobilemenu .inquiremenubtn {border-color:#534644 ;color: #fff;}
	.index #newMobilemenu ul li a {color: #534644;}
	#newMobilemenu .inquiremenubtn{background-color: #534644;border: transparent;color: #fff;}
	#newMobilemenu .inquiremenubtn:hover {border: 2px solid transparent;background-color:#e9d8cf;color: #534644;}
	.nav-item.about {margin-bottom: 15px;}
}