body p{font-size:16px;}

.header-banner{}
.page-head{background-color:transparent;}
.rd-navbar{background-color:transparent;}
.web-design-dev-banner{
	position:relative;
}
.blur-circle{position:absolute; width:300px; height:300px; background:#cfaa45; filter: blur(7.5rem); bottom:0px; left:0px; opacity:0.4;}
.blur-circle.blur-circle1{width:500px; height:400px; left:46%; top:-60px; opacity:0.15; z-index:999; background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); }

.wddb-inner{position:relative; display:flex; justify-content:space-between; align-items:center; padding:50px 0px;}
.banner-left{display:flex; align-items:center; flex-direction:column; justify-content:start; padding-right:80px; max-width:54%;}
.banner-text{display:block; }
.banner-left h1{display:block; background: -webkit-linear-gradient(#cfaa45 , #25313d);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.banner-left h1 span{display:block;}
.banner-left p{font-size:16px; margin:50px 0px 60px;}
.banner-right{max-width:510px; width:100%; position:relative;}

.banner-btns{display:flex; margin-top:30px;}
.banner-btns .btn{margin:0px 15px 0px 0px !important; border-radius:50px 0px;}
.banner-btns .btn.btn-secondary{border-color:#25313d !important; color:#25313d !important; background-color:transparent;}
.banner-btns .btn.btn-secondary:hover{background-color:#25313d !important; color:#fff !important;}


.light-bg{
background: #31301c;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #000, #18180e, #31301c);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #000, #18180e, #31301c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }
 .light-bg p{color:#939153; font-size:16px;}
 .light-bg .icon-box:before, .icon-box:after{border-color:#626037;}
 .light-bg .box-body p{color:#939153; font-size:16px; text-align:justify;}
 .light-bg h5{background: -webkit-linear-gradient(#fff , #aca961);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }
.light-bg h3{background: -webkit-linear-gradient(#fff , #aca961);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.iconbox-second .icon-box{background:#917730;
background-image: linear-gradient(
  135deg,
  hsl(148deg 83% 93%) 0%,
  hsl(113deg 74% 93%) 10%,
  hsl(88deg 74% 89%) 24%,
  hsl(74deg 75% 86%) 39%,
  hsl(66deg 76% 82%) 57%,
  hsl(61deg 77% 78%) 73%,
  hsl(58deg 84% 75%) 86%,
  hsl(56deg 91% 70%) 95%,
  hsl(55deg 96% 65%) 100%,
  hsl(55deg 100% 50%) 100%
);
}
.iconbox-second .icon-box:before, .iconbox-second .icon-box:after{border-color:#917730}
.iconbox-second .icon-box{padding:40px 30px 30px 30px; width:100%;}


.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap:15px;
}
.grid-item {
  background-color: #151107;
  padding:15px;
  font-size: 30px;
  text-align: center;
}

.our-recent-works{position:relative;}
.our-recent-works .blur-circle.blur-circle1{left:80%; top:20px; background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); opacity:0.2}
.recent-works-images img{opacity:0.4;}
.recent-works-images img:hover{opacity:0.9;}


.our-team-sec{position:relative;}
.our-team-sec .blur-circle.blur-circle1{left:80%; top:20px; background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%); opacity:0.2}

.box-header h5{font-size:25px;}
.box-header h5 a span{display:block; font-size:20px}

.features-list{margin:0px; padding:0px; margin-top:10px;}
.features-list li{border-bottom:solid 1px #917730; padding:6px 0px;}

/**
.bg-ebony-clay{background:#151107;}
.footer p, .footer a{color:#6b6145 !important; font-size:13px;}

.page a.icon-pciked-bluewood{background:#3e3315;}
.bg-ebony-clay hr{border-color:#3e3315;}
.page .text-shuttle-gray{color:#e7d5a2;}
*/
.ui-to-top, .ui-to-top:active, .ui-to-top:focus{background:#3e3315;}

.rd-navbar-static.rd-navbar--is-stuck img {max-width:70%;}
.rd-navbar-corporate-light.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a{margin-top:4px;}
.rd-navbar-corporate-light.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-group{padding-top:12px; padding-bottom:12px;}
.rd-navbar-corporate-light.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > a{font-size:14px;}


.pricing-box{position:relative; 
border:solid 0px #defcec;
/*background-image: linear-gradient(
  135deg,
  hsl(148deg 83% 93%) 0%,
  hsl(113deg 74% 93%) 10%,
  hsl(88deg 74% 89%) 24%,
  hsl(74deg 75% 86%) 39%,
  hsl(66deg 76% 82%) 57%,
  hsl(61deg 77% 78%) 73%,
  hsl(58deg 84% 75%) 86%,
  hsl(56deg 91% 70%) 95%,
  hsl(55deg 96% 65%) 100%,
  hsl(55deg 100% 50%) 100%
);*/
background: #31301c;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #18180e, #31301c, #31301c);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #18180e, #31301c, #31301c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

padding:50px 20px 40px;
overflow:hidden;
}

.light-bg .pricing-box h5{font-size:40px;}
.pricing-box .plan-ribbon{position:absolute; left:0px; top:0px; background:#000000; padding:3px 22px 3px 15px; border-radius:0px 0px 20px 0px; color:#aca961; font-size:11px; text-transform:uppercase; font-weight:bold; }
.pb-header svg{margin-right:0px; fill:#aca961;}

.pb-body{border:dotted 2px #aca961; margin-top:20px;}
.pb-body h6{color:#f5f18a; margin-top:10px; font-weight:normal; font-size:18px;}
.pb-body .features-list li{border-top:dotted 2px #aca961; border-bottom:none; color:#fff;}

.pricing-box .btn.btn-primary{border-radius:0px 50px; background:#939153; color:#18180e;
background: #c4c16e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #c4c16e, #c4c16e, #f5f18a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #c4c16e, #c4c16e, #f5f18a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border:none !important; transition:all 0.4s;
}
.pricing-box .btn.btn-primary:hover{border-radius:50px 0px; background: #c4c16e; 
background: -webkit-linear-gradient(to top, #f5f18a, #c4c16e, #c4c16e); 
background: linear-gradient(to top, #f5f18a, #c4c16e, #c4c16e); }


.popular-ribbon{background: #00919d;
    position: absolute;
    right: -30px;
    top: 16px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 2px 5px;
    transform: rotate(45deg);
    width: 132px;
background-image: linear-gradient(to right top, #c70039, #d21235, #dc2130, #e62e29, #ef3b21, #f55119, #fa640f, #fe7600, #ff9200, #ffac00, #fdc500, #f8de22);
	}
	
.popular-ribbon.popular-trending{background-image: linear-gradient(to right top, #5800ff, #333fff, #005bff, #006fff, #0081ff, #008fff, #009cff, #00a8ff, #00b5ff, #00c1ff, #00ccff, #00d7ff);}

.getin-touchform{position:relative;}
.getin-touchform .blur-circle.blur-circle1{left:60%; top:0px;}
.getin-touchform .form-modern .form-control{border:solid 2px #939153; padding:8px 15px 10px !important; color:#18180e;}
.getin-touchform .form-modern .form-label {
    left: 15px;
    top: 23px;
	color:#18180e;
}
.getin-touchform .textarea-lined-wrap{background:none; color:#18180e;}

h3{display: block;
    background: -webkit-linear-gradient(#cfaa45, #25313d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
	.gt-btns{text-align:right;}
	.gt-btns .btn{margin:0px; width:calc(50% - 10px)}
.gt-btns .btn-silver-outline{margin-right:10px;border-radius:0px 50px;}
.gt-btns .btn-primary{margin-left:10px; 
border-radius:0px 50px; background:#939153; color:#18180e;
background: #c4c16e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #c4c16e, #c4c16e, #f5f18a);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #c4c16e, #c4c16e, #f5f18a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
border:none !important; transition:all 0.4s;}

.gt-btns .btn-primary.btn-primary:hover{border-radius:50px 0px; background: #c4c16e; 
background: -webkit-linear-gradient(to top, #f5f18a, #c4c16e, #c4c16e); 
background: linear-gradient(to top, #f5f18a, #c4c16e, #c4c16e); }

.startsFrom{color:#fff;}

.progressBars {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
}
.progressBars .block {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 180px;
	height: 180px;
	border-radius: 50%;
}

.progressBars .box {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: calc(100% - 50px);
	height: calc(100% - 50px);
	border-radius: 50%;
	background-color: #7b7945;
	background: #31301c;
    background: -webkit-linear-gradient(to top, #7c6116, #a5811d, #d3aa3a);
    background: linear-gradient(to top, #7c6116, #a5811d, #d3aa3a);
	/*box-shadow: 0 0 5px 3px #000;*/
}

.progressBars .box::before {
	position: absolute;
	content: '';
	width: calc(100% + 28px);
	height: calc(100% + 28px);
	border-radius: 50%;
	border: 1px solid #f5f18a;
}

.progressBars .box .number span {
	color: #fff !important;
}

.progressBars .box .number .num {
	font-size: 35px !important;
	font-weight: bold;
	line-height:20px;
}

.progressBars .box .number .sub {
	font-size: 20px;
}

.progressBars .box .title {
	font-size: 15px;
	color: #e7d092; margin:0px;
}

.progressBars .dots {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transition: 2s transform, 2s opacity ease;
}

.progressBars .dots::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	top: 5px;
	left: 50%;
	border-radius: 50%;
	background-color:white;
	box-shadow: 0 0 0px 0px #f5f18a;
	transform: translateX(-50%);
}

.progressBars .svg {
	position: absolute;
	width: 100%;
	height: 100%;
	fill: none;
	transform: rotate(-90deg); 
}

.progressBars .circle {
	stroke: #f5f18a;
	stroke-width: 4px;
	stroke-dasharray: 503;
	stroke-dashoffset: 503;
	animation-duration: 2s;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	transition: 2s stroke-dashoffset;
}


.footer .shell hr{border-color:#3e3315; display:none;}
/**.page-foot{padding:15px 0px; border-top:solid 0px #3e3315; background:#000;}
*/
.knowmore-btn{border:none !important; margin-top:10px !important; padding:0px !important; font-family:"Open Sans", Helvetica, Arial, sans-serif; text-decoration:underline; font-size:12px; color:#f5f18a;}

.modla-pricing-body{text-align:left; font-family:"Open Sans", Helvetica, Arial, sans-serif; padding-top:20px;}
.modla-pricing-body p{margin-bottom:20px;}
.modla-pricing-body p, .modla-pricing-body li{text-align:left; font-family:"Open Sans", Helvetica, Arial, sans-serif !important; font-size:13px !important; list-style:inside disc;}
.modla-pricing-body h6{font-family:"Open Sans", Helvetica, Arial, sans-serif !important; margin-bottom:15px;}

.modal-header .close{margin-top: -2px;
    OPACITY: 3;
    BACKGROUND: RED;
    PADDING: 5PX 10PX;
    BORDER-RADIUS: 4PX;
    COLOR: #FFF;}
	
	
.our-team-sec .thumbnail-variant-1 .thumbnail-image > img{width:189px; height:189px;}
.getin-touchform .blur-circle.blur-circle1{z-index:1;}
.getin-touchform .rd-mailform{z-index:2;}

.privacy-policy-page p{font-size:13px;}
.privacy-policy-page ul{margin-left:40px;}
.privacy-policy-page ul li{list-style-type:disc;}
.privacy-policy-page a{color:red;}
.privacy-policy-page p+p{margin-top:0px;}
.privacy-policy-page p{margin-bottom:15px;}
.privacy-policy-page h1, .privacy-policy-page .h1, .privacy-policy-page h2, .privacy-policy-page .h2{font-size:40px;}
.privacy-policy-page h3,.privacy-policy-page .h3 {
	font-size:30px;
}

.privacy-terms-page .rd-navbar-corporate-light.rd-navbar-static .rd-navbar-group{ justify-content:center;}

.page .footer .icon-xs{font-size:14px;}

.portfolioSection a{display:block; max-height:180px; overflow:hidden; border:solid 10px #fff; margin-bottom:30px; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.portfolioSection a:hover{ transition:all 0.3s; transform:scale(1.1)}


.styled-lists{margin-top:15px;}
/*.styled-lists li{list-style:disc;     list-style-position: inside; margin-left:5px;} */

.text-secondary h4 {text-align:left;}