*,

body {

	outline: 0
}



*,

h1,

h2,

h3,

h4,

h5,

h6,

p,

ul {

	padding: 0;

	margin: 0
}



a,

a:hover {

	text-decoration: none
}



.half-bg-ree:before,

.ree-text:after {

	content: ""

}



::-webkit-scrollbar {

	width: 6px
}



::-webkit-scrollbar-track {

	background: #fff
}



::-webkit-scrollbar-thumb:hover {

	background: #cacaca
}



::-webkit-scrollbar-thumb {

	background: #b5b5b5;

	border-radius: 100px
}



::-moz-selection {

	background: rgb(255 226 217 / 50%)
}



::selection {

	background: rgb(255 226 217 / 50%)
}



* {

	-webkit-font-smoothing: antialiased;

	-moz-os-font-smoothing: grayscale;

	box-sizing: border-box;

	vertical-align: baseline
}



body {

	font-family: Roboto, sans-serif;

	color: #52525d;

	font-weight: 400;

	font-style: normal;

	line-height: 1;

	font-size: 19px;

	overflow-x: hidden
}



article,

aside,

details,

figcaption,

figure,

footer,

header,

nav,

section,

summary {

	display: block
}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: Poppins, sans-serif;

	color: #30303c
}



a {

	color: #30303c;

	background-color: transparent
}



ul {

	list-style: none
}



a:hover {

	color: initial
}



button:focus {

	outline: 0 !important
}



.animation,

.dskt-logo,

.half-blog-card,

.img-hor,

.img-hover img,

.mini-header-bar,

.ree-btn,

.ree-btn-grdt1,

.ree-btn-grdt1:hover,

.ree-btn-grdt2,

.ree-header,

.ree-media-crd,

.setps,

.stats-box,

.sticky,

.whatsapp-bg,

a,

a.menu-links,

button {

	-webkit-transition: 1.1s cubic-bezier(.16, .84, .442, .98);

	-o-transition: 1.1s cubic-bezier(.16, .84, .442, .98);

	transition: 1.1s cubic-bezier(.16, .84, .442, .98)
}



.text-bold {

	font-weight: 700
}



.text-normal {

	font-weight: 400
}



.text-light {

	font-weight: lighter
}



.h1,

.h1a,

h1,

h1.h1,

h2,

h3,

h4 {

	font-weight: 700
}



.vcenter {

	align-items: center;

	align-self: center
}



.h1a {

	font-size: 50px;

	line-height: 62px
}



h1.h1 {

	font-size: 60px;

	line-height: 72px
}



.h1,

h1 {

	font-size: 40px;

	line-height: 57px
}



h2 {

	font-size: 40px;

	line-height: 52px
}



h3 {

	font-size: 34px;

	line-height: 46px
}



h4 {

	font-size: 18px;

	line-height: 32px
}



h5,

h6 {

	font-weight: 600
}



h5 {

	font-size: 20px;

	line-height: 30px
}



h6 {

	font-size: 17px;

	line-height: 26px
}



.h-light,

.ree-btn {

	font-weight: 500
}



p {

	font-size: 16px;

	line-height: 28px
}



.ptb130 {

	padding-top: 130px;

	padding-bottom: 130px
}



body .t-dark,

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: #30303c
}



.mr5 {

	margin-right: 5px
}



.m0 {

	margin: 0 !important
}



html .mt0 {

	margin-top: 0
}



html .mt5 {

	margin-top: 5px
}



html .mt10 {

	margin-top: 10px
}



html .mt15 {

	margin-top: 15px
}



html .mt20 {

	margin-top: 20px
}



html .mt25 {

	margin-top: 25px
}



html .mt30 {

	margin-top: 30px
}



html .mt35 {

	margin-top: 35px
}



html .mt40 {

	margin-top: 40px
}



html .mt45 {

	margin-top: 45px
}



html .mt50 {

	margin-top: 50px
}



html .mt55 {

	margin-top: 55px
}



html .mt60 {

	margin-top: 60px
}



html .mt65 {

	margin-top: 65px
}



html .mt70 {

	margin-top: 70px
}



html .mt75 {

	margin-top: 75px
}



html .mt80 {

	margin-top: 80px
}



html .mt85 {

	margin-top: 85px
}



html .mt90 {

	margin-top: 90px
}



html .mt95 {

	margin-top: 95px
}



html .mt100 {

	margin-top: 100px
}



html .mt106 {

	margin-top: 105px
}



html .mt110 {

	margin-top: 110px
}



html .mt115 {

	margin-top: 115px
}



html .mt120 {

	margin-top: 120px
}



html .mt125 {

	margin-top: 125px
}



html .mt130 {

	margin-top: 130px
}



html .mt135 {

	margin-top: 135px
}



html .mt140 {

	margin-top: 140px
}



html .mt145 {

	margin-top: 145px
}



html .mt150 {

	margin-top: 150px
}



html .mb0 {

	margin-bottom: 0
}



html .mb5 {

	margin-bottom: 5px
}



html .mb10 {

	margin-bottom: 10px
}



html .mb15 {

	margin-bottom: 15px
}



html .mb20 {

	margin-bottom: 20px
}



html .mb25 {

	margin-bottom: 25px
}



html .mb30 {

	margin-bottom: 30px
}



html .mb35 {

	margin-bottom: 35px
}



html .mb40 {

	margin-bottom: 40px
}



html .mb45 {

	margin-bottom: 45px
}



html .mb50 {

	margin-bottom: 50px
}



html .mb55 {

	margin-bottom: 55px
}



html .mb60 {

	margin-bottom: 60px
}



html .mb65 {

	margin-bottom: 65px
}



html .mb70 {

	margin-bottom: 70px
}



html .mb75 {

	margin-bottom: 75px
}



html .mb80 {

	margin-bottom: 80px
}



html .mb85 {

	margin-bottom: 85px
}



html .mb90 {

	margin-bottom: 90px
}



html .mb95 {

	margin-bottom: 95px
}



html .mb100 {

	margin-bottom: 100px
}



html .mb105 {

	margin-bottom: 105px
}



html .mb110 {

	margin-bottom: 110px
}



html .mb115 {

	margin-bottom: 115px
}



html .mb120 {

	margin-bottom: 120px
}



html .mb125 {

	margin-bottom: 125px
}



html .mb130 {

	margin-bottom: 130px
}



html .mb135 {

	margin-bottom: 135px
}



html .mb140 {

	margin-bottom: 140px
}



html .mb145 {

	margin-bottom: 145px
}



html .mb150 {

	margin-bottom: 150px
}



html .ml5 {

	margin-left: 5px
}



html .ml10 {

	margin-left: 10px
}



html .ml15 {

	margin-left: 15px
}



html .ml20 {

	margin-left: 20px
}



html .ml25 {

	margin-left: 25px
}



html .ml30 {

	margin-left: 30px
}



html .ml35 {

	margin-left: 35px
}



html .ml40 {

	margin-left: 40px
}



html .ml45 {

	margin-left: 45px
}



html .ml50 {

	margin-left: 50px
}



html .mr5 {

	margin-right: 5px
}



html .mr10 {

	margin-right: 10px
}



html .mr15 {

	margin-right: 15px
}



html .mr20 {

	margin-right: 20px
}



html .mr25 {

	margin-right: 25px
}



html .mr30 {

	margin-right: 30px
}



html .mr35 {

	margin-right: 35px
}



html .mr40 {

	margin-right: 40px
}



html .mr45 {

	margin-right: 45px
}



html .mr50 {

	margin-right: 50px
}



html .pt0 {

	padding-top: 0
}



html .pt5 {

	padding-top: 5px
}



html .pt10 {

	padding-top: 10px
}



html .pt15 {

	padding-top: 15px
}



html .pt20 {

	padding-top: 20px
}



html .pt25 {

	padding-top: 25px
}



html .pt30 {

	padding-top: 30px
}



html .pt35 {

	padding-top: 35px
}



html .pt40 {

	padding-top: 40px
}



html .pt45 {

	padding-top: 45px
}



html .pt50 {

	padding-top: 50px
}



html .pt55 {

	padding-top: 55px
}



html .pt60 {

	/* padding-top: 60px */
	padding-top: 80px
}



html .pt65 {

	padding-top: 65px
}



html .pt70 {

	padding-top: 70px
}



html .pt75 {

	padding-top: 75px
}



html .pt80 {

	padding-top: 80px
}



html .pt85 {

	padding-top: 85px
}



html .pt90 {

	padding-top: 90px
}



html .pt95 {

	padding-top: 95px
}



html .pt100 {

	padding-top: 100px
}



html .pt105 {

	padding-top: 105px
}



html .pt110 {

	padding-top: 110px
}



html .pt115 {

	padding-top: 115px
}



html .pt120 {

	padding-top: 120px
}



html .pt125 {

	padding-top: 125px
}



html .pt130 {

	padding-top: 130px
}



html .pt135 {

	padding-top: 135px
}



html .pt140 {

	padding-top: 140px
}



html .pt145 {

	padding-top: 145px
}



html .pt150 {

	padding-top: 150px
}



html .pb0 {

	padding-bottom: 0
}



html .pb5 {

	padding-bottom: 5px
}



html .pb10 {

	padding-bottom: 10px
}



html .pb15 {

	padding-bottom: 15px
}



html .pb20 {

	padding-bottom: 20px
}



html .pb25 {

	padding-bottom: 25px
}



html .pb30 {

	padding-bottom: 30px
}



html .pb35 {

	padding-bottom: 35px
}



html .pb40 {

	padding-bottom: 40px
}



html .pb45 {

	padding-bottom: 45px
}



html .pb50 {

	padding-bottom: 50px
}



html .pb55 {

	padding-bottom: 55px
}



html .pb60 {

	/* padding-bottom: 60px */
	padding-bottom: 100px
}



html .pb65 {

	padding-bottom: 65px
}



html .pb70 {

	padding-bottom: 70px
}



html .pb75 {

	padding-bottom: 75px
}



html .pb80 {

	padding-bottom: 80px
}



html .pb85 {

	padding-bottom: 85px
}



html .pb90 {

	padding-bottom: 90px
}



html .pb95 {

	padding-bottom: 95px
}



html .pb100 {

	padding-bottom: 100px
}



html .pb105 {

	padding-bottom: 105px
}



html .pb110 {

	padding-bottom: 110px
}



html .pb115 {

	padding-bottom: 115px
}



html .pb120 {

	padding-bottom: 100px
}



html .pb125 {

	padding-bottom: 125px
}



html .pb130 {

	padding-bottom: 130px
}



html .pb135 {

	padding-bottom: 135px
}



html .pb140 {

	padding-bottom: 140px
}



html .pb145 {

	padding-bottom: 145px
}



html .pb150 {

	padding-bottom: 150px
}



.sec-pad {

	padding-top: 80px;

	padding-bottom: 100px
}

.sec-load {
	padding-top: 20px;
	padding-bottom: 100px;
}

.float {

	position: fixed;

	width: 60px;

	height: 60px;

	bottom: 18%;

	right: 6px;

	background-color: #25d366;

	color: #FFF;

	border-radius: 50px;

	text-align: center;

	font-size: 30px;

	/* box-shadow: 2px 2px 3px #999; */

	z-index: 100;

}

#preloader {

	background-color: #fff;

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 999999999;

}



#loader {

	display: block;

	position: relative;

	left: 50%;

	top: 50%;

	width: 150px;

	height: 150px;

	margin: -75px 0 0 -75px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #381587;

	-webkit-animation: spin 2s linear infinite;

	animation: spin 2s linear infinite;

}

.pre-img {

	display: block;

	position: relative;

	left: 45%;

	top: 30%;

	margin: 17px 0 0 25px;

}

#loader:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 5px;

	right: 5px;

	bottom: 5px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #0097d8;

	-webkit-animation: spin 3s linear infinite;

	animation: spin 3s linear infinite;

}



#loader:after {

	content: "";

	position: absolute;

	top: 15px;

	left: 15px;

	right: 15px;

	bottom: 15px;

	border-radius: 50%;

	border: 3px solid transparent;

	border-top-color: #391486;

	-webkit-animation: spin 1.5s linear infinite;

	animation: spin 1.5s linear infinite;

}



@-webkit-keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

@keyframes spin {

	0% {

		-webkit-transform: rotate(0deg);

		transform: rotate(0deg);

	}

	100% {

		-webkit-transform: rotate(360deg);

		transform: rotate(360deg);

	}

}

.my-float {

	margin-top: 16px;

}

.shadows {

	-webkit-box-shadow: 0 19px 40px -10px #ffe0d2;

	box-shadow: 0 19px 40px -10px #ffe0d2
}



.no-shadows {

	-webkit-box-shadow: none !important;

	box-shadow: none !important
}

h1.h1 {

	font-size: 40px;

	line-height: 46px;

}

.height-f {

	height: 100vh
}



body .r-bg-x {

	background: #fff
}



body .r-bg-a {

	background: #fbf1ef
}



body .r-bg-b {

	background: #009cd9
}



body .r-bg-c {

	background: #f7f7f7
}



body .r-bg-d {

	background: #ffdbca
}



body .r-bg-e {

	background: #5a428e
}



body .r-bg-f {

	background: #452650
}



.ree-text1 {

	background: #009cd9;

	border-radius: 4px;

	padding: 0 4px;

	color: #fff
}



.ree-text,

.rt40,

.rt60 {

	position: relative;

	z-index: 5
}

.head-clr {

	color: #009cd9;

}

.ree-text:after {

	/*	position: absolute;

	background: #ffc5b2;

	right: 0;

	left: 0;

	height: 10px;

	z-index: -5*/

}



.rt40:after {

	bottom: 10px
}



.rt45:after {

	bottom: 13px
}



.rt60:after {

	bottom: 18px
}



.ct-sol-img,

.sol-image,

.sol-img {

	border-radius: 14px;

	overflow: hidden;

	width: fit-content;

	margin: 0 auto
}


.web-img img {
	max-width: 420px;
}
.header-im img {
   max-width: 450px;
}
.we-img img {
	max-width: 650px;
}
.roww {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap
}



.ree-btn,

.ree-btn2 {

	display: inline-block
}



.underline {

	text-decoration: underline
}


.fb-bigon {

	font-size: 20px;

	margin-right: 8px
}



.whatsapp-bg {

	background: #4ee464;

	border: 1px solid #4ee464;

	-webkit-box-shadow: 0 19px 40px -10px rgb(78 228 100 / 30%);

	box-shadow: 0 19px 40px -10px rgb(78 228 100 / 30%)
}



.ree-btn-grdt1,

.ree-btn-grdt1:hover {

	-webkit-box-shadow: 0 19px 40px -10px #ffe0d2
}



.ree-btn.whatsapp-bg:hover {

	background: #fff;

	color: #110a32;

	border: 1px solid #110a32
}



.ree-btn,

.ree-btn2,

.ree-btn:hover {

	color: #fff
}



.ree-btn0 {

	line-height: 48px !important
}



.ree-btn2 {

	font-size: 18px;

	border-radius: 14px;

	line-height: 50px;

	width: 50px;

	height: 50px;

	text-align: center
}



.ree-btn {

	font-size: 14px;

	border-radius: 10px;

	padding: 0 22px;

	font-weight: 500;

	line-height: 60px;

	white-space: nowrap;

}

.ree-logo {

	width: 80%;

}

.btn-sets,

.menu-header,

.vid-btntitl {

	display: flex
}



.ree-btn-round {

	border-radius: 100%;

	width: 60px;

	height: 60px;

	text-align: center;

	padding: 0
}



.ree-btn-grdt1:hover {

	background: #fff;

	color: #009cd9;

	box-shadow: 0 19px 40px -10px #ffe0d2;

	border: 1px solid #009cd9
}



.ree-btn-grdt1,

.ree-btn-grdt2:hover {

	background: #009cd9;

	border: 1px solid #009cd9
}



.ree-btn-grdt1 {

	box-shadow: 0 19px 40px -10px #ffe0d2
}



.ree-btn-grdt2 {

	background: #fff;

	color: #009cd9;

	border: 1px solid #009cd9;

	/*-webkit-box-shadow: 0 19px 40px -10px #ffe0d2;*/

	/*box-shadow: 0 19px 40px -10px #ffe0d2*/

}



.vide-btntitl {

	margin-left: 10px
}



.ree-header.sticky .dskt-logo {

	float: left;

	line-height: 70px
}



.ree-header.sticky {

	background: rgb(255 255 255 / 60%);

	-webkit-backdrop-filter: blur(12px);

	backdrop-filter: blur(12px);

	height: 70px
}



.ree-header.sticky .ree-btn,

.ree-header.sticky .ree-btn-grdt1 {

	box-shadow: none
}



.sticky .nav-list li a.menu-links {

	line-height: 70px !important
}



.menu-header {

	align-items: center;

	justify-content: space-between;

	width: 100%
}



.dskt-logo {

	float: left;

	line-height: 85px
}



.dskt-logo .nav-brand img {

	max-height: 75px
}



.ree-nav .nav-list li a.menu-links {

	font-size: 14px;

	color: #08182b;

	font-weight: 600;

	padding: 0 25px;

	line-height: 85px;

	text-transform: uppercase;

	position: relative;

	overflow: hidden
}



.ree-nav .nav-list li {

	display: inline-flex
}



.owl-carousel .owl-item img {

	display: block;

	max-width: 100%;

	width: inherit;

	text-align: center;

	margin: 0 auto
}



.home-hero-a {

	position: relative;

	height: 100vh;

	align-items: center;

	display: grid
}



.hero-brand-block {

	position: absolute;

	right: 0;

	left: 0;

	bottom: 10px
}



.fa-btn,

.ree-card {

	position: relative
}



.fa-btn {

	font-size: 11px;

	margin-left: 4px;

	display: inline-block;

	top: -2px
}

.color {

	color: #ffb100;

}

.sub-heading {

	font-weight: 600;

	font-size: 18px;

	line-height: 30px;

	display: block;

	color: #009cd9;

	text-transform: uppercase;

}



.company-budges {

	display: flex;

	justify-content: space-around;

	align-items: center
}



.img-budges {

	padding: 0 20px;

	width: 33.333%;

	text-align: center
}



.company-stats {

	padding-left: 5%
}



.ree-card,

.stats-box {

	padding: 40px 30px;

	border-radius: 14px
}



.stats-box h3 {

	font-size: 40px;

	font-weight: 700
}



.stats-box p {

	font-size: 16px;

}



.stats-box:hover {

	-webkit-box-shadow: 0 10px 15px 0 rgb(241 99 52 / 10%);

	box-shadow: 0 10px 15px 0 rgb(241 99 52 / 10%)
}



.stats-box {

	min-height: 320px;

	background-color: #fff
}



.home-services .ree-card {

	min-height: 330px;

	background-color: #fff
}



.ree-card {

	background: #fff;

	place-items: start;

	display: grid;

	-webkit-box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);

	box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%)
}



.light-grdnt {

	background: linear-gradient(180deg, #fff5f9 50%, #f2fcff 100%)
}



.cta-block-a,

.ree-card-img {

	background: #fff
}



.ree-card-img {

	box-shadow: 0 15px 30px -10px rgb(0 0 0 / 14%);

	padding: 15px;

	border-radius: 14px;

	position: absolute;

	width: 80px;

	height: 80px;

	top: -30px;

	left: 30px
}



.ree-card-img img {

	width: 100%
}



.ree-card-content h3 {

	font-size: 28px;

	line-height: 38px
}



.ree-card-link {

	display: block;

	color: #110a32;

	font-size: 18px
}



.ree-card-link:hover {

	color: #009cd9
}



.cta-heading-wide-bt {

	display: inline-flex;

	align-items: center
}

.view-all-block {
    margin-top: 50px;
    text-align: center;
	@media screen and (max-width: 600px) {
		margin-top: 30px;
	}
}

.view-all-block .btn-block {
    height: 100%;
    padding: 15px 15px;
    background-color: #fff;
    border-radius: 14px;
    color: #000;
    font-size: 16px;
    margin: 0 auto;
    max-width: 100px;
    width: 100%;
}

.view-all-block a {
    color: #000;
}

.cta-heading-wide-bt h3 {

	margin-right: 20px
}



.ctablock {

	padding: 50px;

	border-radius: 14px;

	overflow: hidden
}



.home-portfolio {

	background: #ecf4fa
}



.full-work-block:hover .owl-nav button {

	opacity: 1
}



.full-work-block .owl-nav button {

	width: 40px;

	height: 50px;

	background: #fff !important;

	border-radius: 14px;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	color: #009cd9 !important
}



.full-work-block .owl-nav .owl-prev {

	left: 5px
}



.full-work-block .owl-nav .owl-next {

	right: 5px
}



.link-sol-header {

	text-align: right
}



.form-block p.trm,

.home-review-slider,

.icon-with-title,

.play-vid-review,

.review-slider,

.work-thumbnails {

	text-align: center
}



.fwb-main {

	padding: 50px 70px;

	border-radius: 14px;

	background: #ffdbca
}



.work-thumbnails {

	align-items: flex-end;

	border-radius: 14px;

	overflow: hidden;

	border: 4px solid #fff
}



.work-thumbnails img {

	margin: 0 auto
}



.full-work-block .owl-stage-outer {

	border-radius: 14px;

	overflow: hidden
}



.work-details {

	padding: 30px 20px
}



.fwb-main-x {

	background: #fff;

	border-radius: 14px
}



.tab-17.tabs-layout .nav-tabs .nav-link.active {

	color: #009cd9;

	background-color: transparent;

	border-color: transparent;

	border-radius: 0;

	border-bottom: 1px solid #009cd9
}



.tab-17.tabs-layout .nav-tabs .nav-link {

	font-weight: 500;

	border: 0 solid transparent;

	color: #110a32;

	background-color: transparent;

	border-radius: 0;

	padding: 15px;

	border-bottom: 0 solid #f6f6f7
}



.tabs-layout .nav-tabs .nav-link.active {

	color: #fff;

	background-color: #00baff;

	border-color: #00baff;

	border-radius: 100px
}



.tabs-layout .nav-tabs .nav-link {

	border: 0 solid transparent;

	color: #6a6a8e;

	background-color: #efefef;

	border-radius: 100px;

	padding: 10px 35px
}



.tabs-layout .tab-content {

	padding: 30px 0 0
}

.iwt-content {
    padding: 0 10px;
}

.iwt-content p {

	font-size: 14px;

	line-height: 26px
}



.home-technologies {

	background: #fff
}



.icon-with-title {

	padding: 20px 0;

	background: #f7f7f7;

	border-radius: 14px;

	margin-bottom: 30px;
	min-height: 166px;
	display: flex;
	align-items: center;
	justify-content: center;
}



.iwt-icon {

	padding: 0 0 20px;
	min-height: 100px;
	max-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}



.iwt-icon img {

	width: 80px
}



.home-review-block {

	position: relative;

	background: #fff1e5
}



.home-review-slider .owl-dots {

	margin-top: 20px
}



.review-slider {

	width: 60%;

	margin: 0 auto
}



.reviewers-img {
	border-radius: 100px;
	width: 90px;
	height: 90px;
	margin: 0 auto 10px;
	position: relative;
	-webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 10px 15px 0 rgb(0 3 23 / 20%);
	img {
		border-radius: 100px;
		width: 100%;
	}
}

.play-vid-review {

	font-size: 15px;

	position: absolute;

	right: 0;

	top: 0;

	background: #fff;

	color: #009cd9;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 100%;

	-webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / 20%);

	box-shadow: 0 10px 15px 0 rgb(0 3 23 / 20%)
}



.home-partners-block .brand-logo img {

	max-width: 120px
}



.clients-logos ul li {

	display: inline-block;

	padding: 30px 5px 0
}



.clients-logos ul li p {

	font-size: 16px;

	padding-top: .5em;

	letter-spacing: 0
}



.brand-logo {

	max-width: 220px;

	margin: 0 auto;

	padding: 10px
}



.half-bg-ree {

	position: relative
}



.half-bg-ree:before {

	background: #ffdbca;

	position: absolute;

	height: 520px;

	right: 0;

	left: 0;

	top: 0;

	background-size: auto
}



.cta-bg-img,

.email-subs-form,

.home-contact {

	position: relative
}



.half-blog-card {

	border-radius: 14px;

	overflow: hidden;

	border: 5px solid #fff;

	border-bottom: 0;

	background: #f7f7f7;

	-webkit-box-shadow: 0 10px 15px 0 rgb(0 0 0 / 7%);

	box-shadow: 0 10px 15px 0 rgb(0 0 0 / 7%)
}



.half-blog-img {

	height: 280px
}



.half-blog-img img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	object-position: center
}



.half-blog-content {

	padding: 40px 25px;

	background: #fff
}



.half-blog-content h3 {

	font-size: 28px;

	line-height: 38px
}



.blog-quick-inf {

	font-weight: 300;

	font-size: 17px
}



.blog-quick-inf span+span {

	margin-left: 15px
}



.half-blog-content h4 {

	font-weight: 600
}



.cta-bg-img {

	right: -54px;

	bottom: -50px
}



.cta-block-b {

	background: #fff
}



.email-subs-form input {

	width: 100%;

	height: 65px;

	padding: 0 175px 0 30px;

	margin: 0;

	color: #172b43;

	font-size: 18px;

	outline: 0;

	background: #fff;

	border: 1px solid #e6e6e6;

	-webkit-border-radius: 14px;

	border-radius: 14px
}



.home-contact-block {

	color: #fff;

	padding-top: 155px
}



.review-text p::after,

.review-text p::before {

	font-family: 'Font Awesome 5 Free';

	font-weight: 700;

	color: #009cd9
}



.review-text p::before {

	content: "\f10d";

	margin: 0 8px 0 0
}



.review-text p::after {

	content: "\f10e";

	margin: 0 0 0 8px
}



.c-infot span,

.live-review- span {

	font-weight: 300;

	font-size: 16px;

	/*letter-spacing: 1px*/

}



.col-right-a,

.col-right-b {

	width: 50%;

	padding-right: 15px;

	padding-left: 15px
}



.home-contact {

	margin-top: 155px;

	background-size: contain
}



.home-contact:before {

	content: '';

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	opacity: .85;

	right: 0;

	left: 0;

	z-index: 0;

	background: #009cd9
}



.c-infot a,

.live-review- a {

	background: #fff;

	padding: 20px;

	border-radius: 14px
}



.contact-infos {

	display: flex
}



.c-infot+.c-infot {

	margin-left: 15px
}



.c-infot {

	width: 40%
}



.c-infot span {

	display: block;

	margin: 3px 0 10px
}



.c-infot a i {

	margin: 0 10px 0 0
}



.c-infot a {

	display: inline-flex;

	width: 100%
}



.live-review- span {

	display: block;

	margin: 0 0 10px
}



.live-review- a {

	display: inline-block;

	width: 32%;

	margin: 0 5px 0 0
}



.form-block input,

.form-block select,

.form-block textarea {

	margin: 0 0 15px;

	color: #172b43;

	background: #fff;

	width: 100%;

	outline: 0
}



.livrve {

	display: flex
}



.live-review- a img {

	max-width: 100%
}



.label-f-form {

	font-size: 16px;

	line-height: 25px
}



.form-block input,

.form-block select {

	height: 50px;

	padding: 0 15px;

	font-size: 17px;

	border: 0;

	border-bottom: 2px solid #e6e6e6;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	font-weight: 400
}



.form-block textarea {

	height: 100px;

	padding: 15px;

	font-size: 18px;

	border: 0;

	border-bottom: 2px solid #e6e6e6;

	-webkit-border-radius: 4px;

	border-radius: 4px
}



.form-block p.trm {

	font-size: 13px;

	width: 100%;

	margin: 10px 0 0
}



.form-block input:focus,

.form-block textarea:focus {

	border-bottom: 2px solid #009cd9
}



.form-block p.trm i {

	padding: 5px 5px 0 0
}



.form-body {

	padding: 0 40px 40px
}



.form-head {

	padding: 40px
}



.fourc-up-a,

.fourc-up-b {

	margin: -150px 0 0
}



.form-block {

	border-radius: 14px;

	overflow: hidden;

	background: #f7f7f7;

	-webkit-box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);

	box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%)
}



body .bg-w {

	background: #fff
}



.location-home {

	padding-top: 60px;

	background: 0 0
}



.location-block- {

	padding: 0 5%
}



.loc-icon-nam {

	display: inline-flex;

	align-items: center
}



.loc-icon-nam img {

	width: 42px
}



.loc-icon-nam p {

	font-weight: 700;

	font-size: 27px;

	font-family: Poppins, sans-serif;

	margin-left: 15px;

	color: #30303c
}

.ree-card-content-link {

	width: 100%;

}

.loc-contct a+a {

	padding-left: 10px
}



.loc-contct a {

	padding-right: 10px;

	display: inline-block;

	font-size: 20px
}



.footer-a {

	background: #30303c
}



.footer-ree-lg span.checked {

	color: #ffb100;

	font-size: 18px
}



.footer-links-list li {

	display: flex;

	padding: 0 0 5px
}



.footer-links-list li a {

	font-size: 16px;

	line-height: 34px;

	color: #adb7c5
}



.footer-links-list li a:hover {

	color: #009cd9
}



.footer-head h5 {

	padding: 30px 0 20px;

	color: #adb7c5
}



.footer-ree-lg h6 {

	color: #adb7c5;

	font-weight: 500
}



.footer-rowset {

	display: grid;

	justify-content: space-between;

	grid-template-columns: auto auto auto auto auto
}



.ree-media-sets,

.ref-logo {

	grid-template-columns: auto auto auto auto
}



.social-linkz a span i {

	font-size: 20px
}



.social-linkz a span {

	width: 20px;

	display: inline-block;

	text-align: center;

	margin-right: 10px
}



.ft-btn,

.ft-r {

	text-align: right
}



.footer-abt {

	border-top: 1px solid #353544;

	border-bottom: 1px solid #353544
}



.ft-abt p,

.ft-copyright p,

.ft-copyright p a {

	font-size: 16px;

	line-height: 27px;

	color: #adb7c5
}



.ft-copyright {

	padding: 15px 0
}



.center-btn,

.link-serv,

.service-page {

	text-align: center
}



.ref-logo {

	display: grid;

	justify-content: space-between;

	grid-gap: 15px
}



.ref-logo a img {

	width: 120px
}



.zup {

	z-index: 10;

	position: relative
}



.flx-end {

	align-items: flex-end;

	align-self: flex-end
}



.contact-details-block {

	padding: 30px;

	border-radius: 14px;

	background: #fff
}



.ree-row-set {

	align-items: flex-start;

	display: flex;

	vertical-align: top
}



.ree-icon-set {

	display: inline-table;

	vertical-align: top
}



.dtb-details span {

	margin: 0 0 15px;

	font-size: 17px;

	display: block;

	font-weight: 500;

	letter-spacing: 1px
}



.dtb-icon i {

	font-size: 24px
}



.dtb-details a {

	letter-spacing: .5px;

	display: block;

	font-size: 20px;

	font-weight: 400
}



.ree-details-set {

	width: calc(100% - 80px);

	padding-left: 20px;

	-ms-flex: 1;

	flex: 1
}



.dtb-details a+a {

	margin-top: 10px
}



.trust-logo-block ul {

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap
}



.trust-logo-block li {

	width: 33.333%;

	margin: 10px 0;

	padding: 0 15px
}



.trust-logo-block li img {

	width: 100%
}



.img-round80 {

	border-radius: 100%;

	width: 80px;

	height: 80px;

	overflow: hidden
}



.icon-setss {

	display: flex;

	justify-content: space-between
}



.icon-imgg img {

	width: 42px
}



.icon-rows {

	padding: 0
}



.icon-txt p {

	margin-top: 8px;

	font-size: 14px;

	font-weight: 500
}



.portfolio-source {

	display: flow-root
}



.port-ref-link img {

	width: 40px
}



.port-ref-link a {

	display: block
}



.port-ref-link a span {

	display: block;

	margin-top: 15px;

	font-size: 19px;

	line-height: 28px
}



.port-ref-link {

	width: 20%;

	float: left;

	margin-top: 30px;

	display: flex;

	flex-wrap: nowrap;

	align-content: stretch;

	justify-content: space-between
}



.company-stats {

	display: flex
}



.statsnum {

	width: 25%
}



.statsnum span {

	font-size: 44px;

	color: #009cd9;

	font-weight: 700
}



.statsnum p {

	font-size: 18px;

	font-weight: 500;

	margin-bottom: 15px
}



.countrr span,

.port-title-main {

	font-weight: 700;

	font-family: Poppins, sans-serif
}



.portfolio-detls {

	position: relative;

	z-index: 50;

	margin-top: 50px
}



.pdr-dtls {

	margin-left: 30px
}



.pdl-dtls {

	margin-right: 30px
}



.port-tags {

	font-size: 20px;

	margin-bottom: 15px;

	color: #009cd9
}



.port-title-main {

	display: block;

	font-size: 35px;

	line-height: 45px;

	margin-bottom: 30px
}



.port-links {

	display: block;

	font-size: 20px;

	letter-spacing: .5px;

	color: #52525d
}



.item-logo {

	display: inline-block
}



.portfolio-items .row+.row {

	margin-top: 120px
}



.hovr-scale-main .hovr-scale-base {

	border-radius: 14px;

	overflow: hidden;

	-webkit-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1)
}



.hovr-scale-main:hover .hovr-scale-base {

	-webkit-transform: scale(.97);

	-ms-transform: scale(.97);

	transform: scale(.97)
}



.hovr-scale-main:hover .hovr-scale-base img {

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1)
}



.hovr-scale-base img,

.hovr-scale-main .hovr-scale-base {

	-webkit-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

	-o-transition: 1.2s cubic-bezier(.17, .85, .438, .99);

	transition: 1.2s cubic-bezier(.17, .85, .438, .99)
}



.ic-img img {

	width: 120px
}



.vrt-tabb.nav-pills .nav-link {

	border-radius: 14px;

	margin-bottom: 8px
}



.vrt-tabb.nav-pills .nav-link+.nav-link {

	margin-top: 8px
}



.vrt-tabb li {

	width: 100%
}



.vrt-tabb .nav-link {

	width: 100%;

	display: block;

	padding: 20px;

	background: #fff
}



.vrt-tabb .nav-link i {

	margin-right: 15px;

	background: #fff;

	padding: 10px;

	border-radius: 100px;

	height: 40px;

	width: 40px;

	color: #009cd9;

	box-shadow: 0 10px 10px hsl(18deg 100% 57% / 25%)
}



.vrt-tabb .nav-link.active,

.vrt-tabb .show>.nav-link {

	color: #009cd9;

	background-color: #ffdbca
}



.tab-bg {

	padding: 0
}



.vrt-tabb {

	padding-right: 100px
}



.about-pag-head {

	position: relative;

	overflow: hidden
}



.about-pag-head:after {

	content: "";

	position: absolute;

	right: -50rem;

	bottom: -60.625rem;

	width: 88.75rem;

	height: 88.75rem;

	border: 14.0625rem solid #fbf1ef;

	border-radius: 50%;

	z-index: -1
}



.serv-page-head,

.servic-block-a {

	position: relative
}



.ul-list-icon li {

	font-size: 19px;

	line-height: 30px;

	text-indent: -18px;

	padding-left: 48px
}



.ul-list-icon li+li {

	margin-top: 10px
}



.ul-list-icon li i {

	margin-right: 10px
}



.ree-media-sets {

	display: grid;

	grid-gap: 20px
}



.ree-stat-icn {

	width: 80px;

	height: 80px;

	padding: 14px;

	border-radius: 100px;

	background: #009cd9
}



.countrr span {

	font-size: 35px;

	color: #110a32;

	margin-bottom: 8px;

	display: inline-block
}



.round-bdr {

	border: 1px solid #e2e2e2;

	padding: 20px;

	border-radius: 20px;

	background: #fff
}



.icon70 {

	width: 70px
}



.services-blocks-set {

	list-style-type: none;

	padding: 0;

	display: flex;

	justify-content: space-between;

	margin: 0 0 0 auto;

	flex-wrap: wrap
}



.call-us,

.or {

	display: inline-block
}



.servic-block-a {

	width: 48%;

	margin-top: 30px;

	padding: 40px 30px;

	background: #fff;

	border-radius: 14px;

	-webkit-box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%);

	box-shadow: 0 10px 15px -2px rgb(82 0 57 / 8%)
}



.link-serv,

.setps {

	position: absolute
}



.servic-block-a:hover .link-serv {

	opacity: 1
}



.link-serv:hover {

	background: #009cd9;

	color: #fff
}



.link-serv {

	right: 20px;

	top: 40px;

	color: #009cd9;

	background: #ffdbca;

	width: 50px;

	height: 50px;

	line-height: 50px;

	border-radius: 100px;

	font-size: 18px
}



.or {

	padding: 0 10px
}



.call-us {

	color: #009cd9;

	font-weight: 500;

	font-size: 22px
}



.ree-why-sec h4,

.ree-why-sec p,

.ree-why-sec p a {

	color: #110a32
}



.ree-why-sec p {

	padding: 0 15%;

	font-size: 20px;

	font-weight: 500
}



.setps {

	opacity: 0;

	font-size: 74px;

	font-weight: 700;

	right: 30px;

	top: 30px;

	font-family: Poppins, sans-serif;

	color: #ffdbca;

	z-index: 99
}



.owl-carousel .owl-dots .owl-dot.active:after,

.owl-carousel .owl-dots .owl-dot.active:before,

.process-content:hover .setps {

	opacity: 1
}



.process-block h4 {

	margin-bottom: 15px
}



.process-content {

	min-height: 330px;

	overflow: hidden
}



.process-content:hover:after {

	width: 100%
}



.process-content:after {

	content: '';

	position: absolute;

	left: 0;

	width: 0;

	bottom: 0;

	height: 4px;

	background: linear-gradient(270deg, #009cd9 35%, #ffcd04 100%);

	transition: all .5s ease;

	-moz-transition: all .5s ease;

	-webkit-transition: all .5s ease
}



.industry-workfor {

	background: #f7f7f7;

	padding: 15px 20px;

	border-radius: 14px;

	margin-top: 30px;

	display: flex;

	align-items: center
}



.industry-workfor img {

	width: 55px
}



.industry-workfor h6 {

	margin: 0 0 0 15px
}



.ree-subs-from {

	margin-left: 20%
}



.ree-subs-from form {

	position: relative
}



.subs-input {

	width: 100%;

	height: 65px;

	padding: 0 100px 0 30px;

	margin: 0;

	color: #172b43;

	font-size: 18px;

	outline: 0;

	background: #fff;

	border: 1px solid #e6e6e6;

	-webkit-border-radius: 14px;

	border-radius: 14px
}



.subs-btn {

	width: max-content;

	position: absolute;

	top: 4px;

	right: 5px;

	border-radius: 8px;

	padding: 0 30px;

	line-height: 55px;

	font-size: 18px;

	color: #fff
}



.ree-media-crd {

	background: #fff;

	margin-top: 40px;

	border-radius: 14px;

	overflow: hidden;

	border: 5px solid #f7f7f7
}



.ree-media-crd:hover {

	-webkit-box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);

	box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%)
}



.mega-small .menu-block-set,

.shadow2 {

	-webkit-box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%)
}



.rpl-contt {

	padding: 20px 20px
}

.portfolioSlider {
	margin-bottom: 50px;
}

.rpl-img {
	overflow: hidden;
	height: 200px;
}



.tags a+a {

	margin-left: 10px
}



.tags a {

	color: #8383a2;

	margin: 30px 0 20px;

	display: inline-block;

	font-size: 16px
}



.bread-active a,

.info-b-left a {

	color: #009cd9
}



.fill-fixed {

	object-fit: cover;

	max-height: 100%;

	width: 100%;

	/*height: 300px*/

}



.ul-list li {

	font-size: 19px;

	line-height: 45px;

	list-style-type: circle
}



.ul-list {

	padding: 0 0 0 40px
}

.ree-media-crd{
	height: 300px;
}


.info-bar {

	display: flex;

	justify-content: space-between;

	margin: 30px 0
}



.info-b-left a+a {

	margin-left: 10px
}



.blog-details h1,

.blog-details h2,

.blog-details h3,

.blog-details h4,

.blog-details h5,

.blog-details h6 {

	margin-bottom: 15px
}



.blog-details p,

.text {

	margin: 0 0 20px
}



.breadcrus {

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	align-items: center;

	list-style-type: none
}



.center-btn {

	margin-top: 60px
}



ul.bottom-nav li svg {

	fill: #110a32;

	display: inline-block;

	vertical-align: middle;

	width: 22px;

	height: 22px
}



.hc-offcanvas-nav:not(.touch-device) li:not(.nav-item-custom) a:not([disabled]):hover {

	background: #efefef;

	border-radius: 0
}



#main-nav,

.hc-nav-original.hc-nav-1 {

	display: none
}



.hc-offcanvas-nav .nav-back span::before,

.hc-offcanvas-nav .nav-next span::before {

	content: '';

	position: absolute;

	top: 50%;

	left: 50%;

	width: 8px;

	height: 8px;

	margin-left: -2px;

	box-sizing: border-box;

	border-top: 2px solid #110a32;

	border-left: 2px solid #110a32;

	transform-origin: center
}



.hc-offcanvas-nav .nav-content,

.hc-offcanvas-nav.nav-levels-expand .nav-wrapper.nav-wrapper-0 {

	max-height: 100vh;

	background: #fff
}



body .hc-offcanvas-nav h2 {

	font-size: 22px;

	font-weight: 400;

	text-align: left;

	padding: 10px 17px !important;

	background: #009cd9;

	margin: 0 !important
}



.hc-offcanvas-nav .nav-back a,

.hc-offcanvas-nav .nav-item-link,

.hc-offcanvas-nav li.nav-close a {

	padding: 15px 17px;

	font-size: 15px;

	color: #110a32;

	z-index: 1;

	background: #ffdbca;

	border-radius: 0;

	transition: .05s background ease
}



.hc-offcanvas-nav.nav-close-button-empty .nav-title {

	margin: 0;

	padding: 10px
}



.hc-offcanvas-nav .nav-close-button span::after,

.hc-offcanvas-nav .nav-close-button span::before {

	width: 8px;

	height: 8px
}



.hc-offcanvas-nav .nav-title+.nav-close a:not(.has-label) {

	position: absolute;

	width: 40px;

	height: 40px;

	line-height: 40px;

	top: 12px;

	right: 15px
}



.hc-nav-trigger,

.mob-nav2 li,

ul.pagination {

	position: relative
}



.hc-offcanvas-nav .nav-content {

	padding: 0
}



.hc-offcanvas-nav .nav-item-link,

body.theme-carbon .hc-offcanvas-nav .nav-back a,

body.theme-carbon .hc-offcanvas-nav li.nav-close a {

	padding: 15px 17px;

	font-size: 16px;

	color: #110a32;

	z-index: 1;

	background: #fff;

	border-radius: 5px;

	transition: .05s background ease
}



.mob-nav2 {

	display: flex
}



.mobile-menu2 .navm- {

	margin: 0 0 0 15px
}



.hc-nav-trigger {

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	display: none;

	top: 0;

	z-index: 9980;

	width: 30px;

	min-height: 48px
}



.mobile-menu2 {

	display: none
}



ul.pagination {

	background: #ffdbca;

	display: flex;

	padding: 10px 20px;

	border-radius: 50px;

	width: fit-content;

	margin: 0 auto
}



ul.pagination li {

	list-style: none;

	line-height: 50px;

	margin: 0 5px
}



ul.pagination li.pageNumber {

	width: 50px;

	height: 50px;

	line-height: 50px;

	text-align: center
}



ul.pagination li a {

	display: block;

	text-decoration: none;

	color: #009cd9;

	font-weight: 600;

	border-radius: 50%;

	font-size: 17px
}



ul.pagination li.pageNumber.active a,

ul.pagination li.pageNumber:hover a {

	background: #009cd9;

	color: #fff
}



ul.pagination li:first-child {

	margin-right: 30px;

	font-weight: 700;

	font-size: 20px
}



ul.pagination li:last-child {

	margin-left: 30px;

	font-weight: 700;

	font-size: 20px
}



.owl-carousel .owl-dots .owl-dot {

	position: relative;

	display: inline-block;

	width: 18px;

	height: 18px;

	margin: 0 2px;

	vertical-align: middle
}



.owl-carousel .owl-dots .owl-dot.active:before {

	top: 0;

	right: 0;

	bottom: 0;

	left: 0
}



.owl-carousel .owl-dots .owl-dot:after,

.owl-carousel .owl-dots .owl-dot:before {

	content: '';

	position: absolute;

	border-radius: 50%;

	-webkit-transition: ease-out .16s;

	transition: ease-out .16s
}



.owl-carousel .owl-dots .owl-dot:before {

	top: 2px;

	right: 2px;

	bottom: 2px;

	left: 2px;

	opacity: 0;

	background: 0 0;

	border: 1px solid #009cd9
}



.owl-carousel .owl-dots .owl-dot:after {

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	opacity: .8;

	background: #009cd9;

	width: 10px;

	height: 10px
}



.trust-review.owl-carousel .owl-dots {

	position: absolute;

	bottom: 40px;

	right: 30px;

	text-align: right;

	background: #ffdbca;

	border-radius: 50px;

	height: auto;

	padding: 5px;

	width: fit-content
}



#scrollUp {

	bottom: 8%;

	right: 10px;

	width: 22px;

	height: 40px;

	-webkit-border-radius: 100px;

	border-radius: 100px;

	color: #fff;

	background: url(../images/icons/up-arrow.svg) center center no-repeat, center center no-repeat #ffdbca;

	background-size: 18px
}



.ree-nav .dropdown-item {

	display: block;

	width: 100%;

	padding: 15px;

	clear: both;

	font-weight: 400;

	color: #110a32;

	text-align: inherit;

	white-space: nowrap;

	background-color: transparent;

	border: 0;

	font-size: 14px
}



.custom-control-input:checked~.custom-control-label::before,

.custom-control-input:not(:disabled):active~.custom-control-label::before {

	color: #333;

	background-color: #009cd9;

	border-color: #009cd9
}



.dropdown:hover .dropdown-menu {

	margin-top: 0
}



.onloadpage {

	position: fixed;

	z-index: 99999999;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	display: block;

	background: #fff
}



.onloadpage .loader-div {

	top: 50%;

	position: relative;

	right: 0;

	left: 0;

	text-align: center;

	transform: translateY(-50%)
}



.on-img img {

	max-width: 120px
}



.technolo-sec {

	display: grid;

	justify-content: space-evenly;

	grid-template-columns: auto auto auto;

	grid-gap: 30px;

	text-align: center
}



.technolo-sec .icon-with-title {

	background: 0 0
}



.arrow-li li:before {

	content: "\f00c"

}



.list-li li:before {

	font-family: "Font Awesome 5 Free";

	font-weight: 700;

	position: absolute;

	left: 0;

	top: 2px;

	font-size: 15px
}



.typo-head h2,

.typo-head p {

	font-family: Poppins, sans-serif
}



.list-li li {

	padding: 0 0 12px 29px;

	position: relative;

	line-height: 22px;

	font-size: 16px
}



.collapsible-link::after,

.collapsible-link::before {

	content: '';

	background: #333;

	position: absolute;

	display: block;

	transition: all .3s
}



.collapsible-link::before {

	width: 14px;

	height: 2px;

	top: calc(50% - 1px);

	right: 1rem
}



.collapsible-link::after {

	width: 2px;

	height: 14px;

	top: calc(50% - 7px);

	right: calc(1rem + 6px)
}



.ac-1 .card-header h6 a,

.team-img {

	position: relative
}



.collapsible-link[aria-expanded=true]::after {

	transform: rotate(90deg) translateX(-1px)
}



.collapsible-link[aria-expanded=true]::before {

	transform: rotate(180deg)
}



.ac-1 .card-header {

	padding: 10px 15px;

	margin-bottom: 0;

	background-color: transparent;

	border-bottom: 0 solid rgba(0, 0, 0, .125)
}



.ac-1 .card-header h6 {

	font-weight: 500;

	font-size: 17px;

	line-height: 27px
}



.typo-head h2,

.typo-para h2 {

	font-size: 80px;

	margin-bottom: 20px
}



.cards .card-header h6 a {

	position: relative;

	padding: 0 40px 0 0
}



.typo-set {

	display: grid;

	grid-template-columns: auto auto;

	justify-content: flex-start;

	grid-gap: 100px
}



.typo-para h2,

.typo-para p {

	font-family: Roboto, sans-serif
}



.typo-set p span {

	display: block;

	color: #999
}



.color-box1 {

	width: 70px;

	height: 70px;

	border-radius: 100px
}



.cbx0 {

	background: #000
}



.cbx1 {

	background: #7F95D1
}



.cbx2 {

	background: #FF82A9
}



.cbx3 {

	background: #FFC0BE
}



.cbx4 {

	background: #FFEBE7
}



.color-detailss p {

	color: #999
}



.team-img {

	height: 400px;

	width: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: 320px;

	transition: background .8s;

	overflow: hidden;

	display: flex;

	justify-content: center;

	align-items: center
}



.ree-media-crd:hover .team-img {

	background-size: 500px;

	background-position: left center
}



.ree-media-crd:hover .icons a {

	opacity: 1
}



.icons a {

	color: #30303c;

	transition: opacity 1s;

	opacity: 0
}



.icons {

	position: absolute;

	height: 160px;

	top: 20px;

	left: 20px;

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: space-around
}



.hero-sec {

	position: relative;

	height: 100vh;

	align-items: center;

	display: grid
}



.shape-dot-bg {

	width: 200px;

	height: 200px;

	background: #ffece4;

	border-radius: 100px;

	position: absolute;

	z-index: 0
}



.uniq-points {

	display: grid;

	grid-template-columns: auto auto auto;

	grid-gap: 30px;

	text-align: center
}



.uniq-card i {

	margin-bottom: 15px;

	font-size: 35px
}



.btn-sets2 {

	display: flex
}



.uca {

	background: #e7e9ff;

	color: #838ae0
}



.ucb {

	background: #ffefe8;

	color: #ec7c47
}



.ucc {

	background: #fff7df;

	color: #8c8265
}



.key-highlt-b,

.w-txt {

	color: #fff
}



.key-and-award {

	margin-top: -150px
}



.quick-key-points {

	background: #009cd9;

	padding: 40px 60px;

	display: grid;

	grid-template-columns: auto 30%;

	grid-gap: 30px;

	border-radius: 14px
}



.key-highlights {

	display: grid;

	grid-template-columns: auto auto;

	grid-gap: 30px;

	justify-content: space-between
}



.key-highlt-b img {

	width: 65px
}



.key-highlt-b h3 {

	margin: 15px 0 10px;

	color: #fff;

	font-size: 45px;

	line-height: 55px
}



.our-app-d {

	text-align: left
}



.ree-app-st-a {

	width: 40%
}



.ree-app-st-b {

	width: 60%
}



.agency-info-anim {

	display: flex;

	align-items: center
}



.animated-logo {

	position: relative;

	width: 160px;

	height: 160px;

	margin: 0 auto
}



.animated-logo .logo-anim {

	top: 50%;

	position: absolute;

	transform: translateY(-50%);

	/*width: 110px;*/

	right: 0;

	left: 0;

	margin: 0 auto
}



.animated-logo .circle-anim {

	width: 159px;

	height: 159px;

	animation: rotation 14s infinite linear;

	position: relative
}



@keyframes rotation {

	from {

		transform: rotate(0)
	}

	to {

		transform: rotate(360deg)
	}

}



.app-awards {

	display: grid;

	grid-template-columns: 200px 200px 200px 200px 200px;

	grid-gap: 0;

	justify-content: space-between
}



.award-achivt {

	text-align: center;

	padding: 0 20px;

	white-space: initial
}



.footer-deg2 h5 {

	padding: 30px 0 20px;

	color: #adb7c5
}



.footer-deg2 {

	color: #adb7c5
}



.footer-deg2 p {

	font-size: 16px;

	line-height: 24px
}



.bt-top {

	border-top: 1px solid #353544
}



.footer_social {

	display: flex;

	align-items: center
}



.footer_social li a {

	color: #adb7c5;

	font-size: 18px
}



.footer_social li+li {

	margin-left: 15px
}



.col-5s {

	width: 20%;

	padding-right: 15px;

	padding-left: 15px
}



.owl-nv:hover .owl-nav button {

	opacity: 1
}



.owl-nv .owl-nav button {

	width: 40px;

	height: 50px;

	background: #fff !important;

	border-radius: 14px;

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	color: #009cd9 !important
}



.owl-nv .owl-nav .owl-prev {

	left: 5px
}



.owl-nv .owl-nav .owl-next {

	right: 5px
}



.dot-c1 img {

	width: 100%
}



.dot-c1 {

	width: 100px;

	height: 100px;

	border-radius: 14px;

	border: 0;

	overflow: hidden
}



.dot-c1.active {

	position: relative
}



.dot-c1.active::after {

	content: "";

	position: absolute;

	width: 10px;

	height: 10px;

	background: #009cd9;

	left: 5px;

	top: 5px;

	border-radius: 50px
}



.header--btn {

	display: flex;

	justify-content: space-between;

	padding: 0;

	align-items: center
}



.price-table-heading ul {

	display: flow-root
}



.price-table-heading ul li:first-child {

	width: 20%;

	background-color: #fff;

	border-radius: 14px 0 0;

	color: #30303c
}



.price-table-heading ul li {

	float: left;

	background-color: #fbc3a9;

	padding: 18px 25px;

	color: #30303c;

	width: 60%;

	font-size: 19px;

	font-weight: 700
}



.price-table-heading ul li:last-child {

	width: 20%;

	background-color: #fff;

	text-align: center;

	border-radius: 0 14px 0 0
}



.price-table-ree ul li.heading {

	font-size: 22px;

	width: 20%;

	padding: 10px 25px;

	font-weight: 700;

	text-align: left;

	position: relative;

	color: #30303c;

	background: #fff;

	border-top: 1px solid #fbc3a9
}



.price-ree li {

	padding: 10px 15px;

	display: table-cell;

	align-items: center;

	vertical-align: middle
}



.price-table-ree li.content {

	width: 60%;

	font-weight: 400;

	padding: 30px 25px;

	color: #050748;

	background: #fff4f4;

	border-top: 1px solid #fbc3a9
}



.price-table-ree ul li.price {

	font-size: 25px;

	font-weight: 700;

	width: 20%;

	text-align: center;

	justify-content: center;

	color: #050748;

	background: #fff;

	border-top: 1px solid #fbc3a9
}



span.price-title {

	font-weight: 400;

	font-size: 14px;

	text-transform: none;

	width: 100%;

	display: block;

	margin: 0 0 10px
}



.price-off {

	display: block;

	font-size: 16px;

	margin: 10px 0 0;

	text-decoration: line-through;

	color: #636363
}



.br-bl {

	border-radius: 0 0 0 14px
}



.br-br {

	border-radius: 0 0 14px
}



.job-detail h4,
a,

.text-link {

	color: #009cd9
}



.career-detail {

	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%
}



.career-detail p:last-child {

	font-weight: 700;

	text-align: right
}



.career-detail p {

	font-size: 17px;

	list-style: outside
}



.job-titl p:first-child {

	font-size: 16px
}



.career-detail+.career-detail {

	margin-top: 10px
}



.job-titl {

	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%
}



.loader-div span {

	display: block;

	margin: 20px 0 0
}



.hero-content-a>p {

	font-size: 20px;

	line-height: 29px;

}



.uniq-card {

	border-radius: 14px;

	padding: 20px 15px;

	display: flex;

	align-items: center;

	justify-content: flex-start;

	align-content: center;

	flex-direction: row;

	text-align: left
}



.bhv-tt,

.bottom-tags,

.dottss .owl-dots,

.icon-block-ree,

.list-check li:before,

.number-f h2,

.ref-links,

.slide-hero .owl-dots,

.webiocon {

	text-align: center
}



.uniq-card p {

	font-size: 16px;

	line-height: 24px;

	padding-left: 12px
}



.home-app {

	height: auto;

	min-height: 935px
}



.megamenu:hover>a {

	color: #009cd9 !important
}



.megamenu>a::before {

	content: "•";

	position: absolute;

	right: 10px;

	color: #009cd9
}



.mega-small {

	position: relative
}



.mega-small .menu-block-set {

	display: inline-table;

	border: 0;

	border-top: 2px solid #009cd9;

	box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);

	padding: 10px 0;

	border-radius: 0 0 14px 14px
}



.ree-nav>ul.nav-list>li:hover .menu-dropdown {

	opacity: 1;

	top: 85px;

	pointer-events: auto
}



.menu-dropdown,

.ree-nav .dropdown-menu {

	opacity: 0;

	-webkit-transition: .4s ease all;

	-o-transition: .4s ease all;

	-moz-box-transition: .4s ease all
}



.menu-dropdown {

	height: auto;

	left: 0;

	pointer-events: none;

	top: 115px;

	z-index: 99999;

	position: absolute;

	width: 100%;

	transition: .4s ease all
}



.menu-block-set {

	box-shadow: 0 10px 20px 0 rgb(0 0 0 / 4%);

	border-top: 2px solid #f3f3f3;

	width: 100%;

	padding: 40px 0;

	display: inline-block;

	background-color: #fff;

	margin-top: 4px
}



.menu-dropdown p {

	font-size: 17px;

	line-height: 27px
}



.menu-block-a {

	display: grid;

	grid-template-columns: 20% auto;

	grid-gap: 30px
}



.menu-headings {

	position: relative;

	color: #009cd9;

	margin-bottom: 15px;

	font-size: 17px;

	line-height: 25px;

	font-weight: 500
}



.menu-headings:after {

	content: '';

	display: block;

	width: 40px;

	height: 2px;

	background-color: #ff7575;

	margin: 5px 0 0
}



.menu-inner-block-a {

	display: grid;

	grid-template-columns: auto auto auto auto;

	grid-gap: 30px
}



.ree-nav ul .menu-li-link li {

	display: block;

	width: 100%
}



.ree-nav ul .menu-li-link li+li {

	margin-top: 10px
}



.menu-li-link li a {

	width: 100%;

	font-size: 14px;

	color: #52525d;

	position: relative;

	line-height: 26px;

	font-weight: 400
}



.menu-li-link li a:hover {

	color: #009cd9
}



.menu-extra-info {

	background: #009cd947;

	padding: 20px 0;

	border-bottom: 2px solid #009cd9;

}



.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li a {

	font-size: 16px;

	color: #fff;

	padding-left: 10px
}



.ree-nav>ul>li.megamenu>div>div.menu-extra-info>div>div>ul>li {

	display: inline-flex;

	align-items: center;

	width: 20%
}



.menu-extra-info-inner ul {

	display: flex;

	grid-gap: 60px
}



.menu-icon-ree {

	width: 45px
}



.menu-icon-ree img {

	width: 35px
}



.webiocon {

	background: #fff;

	color: #009cd9;

	width: 40px;

	height: 40px;

	line-height: 40px;

	border-radius: 50px;

	/*	-webkit-box-shadow: 0 19px 40px -10px #ffa880;

	box-shadow: 0 10px 30px -6px #ffa880*/

}



html body .bd-rds {

	border-radius: 14px
}



.pera-block p+p {

	margin: 15px 0 0
}



.pera-block h1,

.pera-block h2,

.pera-block h3,

.pera-block h4,

.pera-block h5,

.pera-block h6 {

	margin-bottom: 15px
}



.d-ml50 {

	margin-left: 50px
}



.shadow2 {

	box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%)
}



.ucd {

	background-color: #ffe0e0;

	color: #ff7575
}



.ree-nav .dropdown-menu {

	display: block;

	visibility: hidden;

	transform: translateY(50px);

	border-radius: 14px;

	border: 0;

	border-top: 2px solid #009cd9;

	-webkit-box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);

	box-shadow: 0 10px 15px 0 rgb(82 0 57 / 10%);

	transition: .4s ease all
}



.dropdown:hover .dropdown-menu {

	display: block;

	visibility: visible;

	opacity: 1;

	transform: translateY(0);

	-webkit-transition: .4s ease all;

	-moz-box-transition: .4s ease all;

	-o-transition: .4s ease all;

	transition: .4s ease all
}



.head-opacity {

	padding: 150px 0 120px;

	position: relative;

	overflow: hidden;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat
}



.head-opacity:before {

	content: '';

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	opacity: .85;

	right: 0;

	left: 0;

	z-index: 0;

	background: #fff
}



.item-filter {

	border-bottom: 1px solid #eaeaea
}



.filter-bx .custom-select {

	border: 0;

	height: 60px;

	outline: 0;

	box-shadow: none
}



.filter-bx {

	padding: 0 20px;

	border-right: 1px solid #eaeaea;

	height: 60px;

	align-items: center;

	display: flex;

	max-width: 240px
}



.filter-bx:last-child {

	border-right: 0
}



.sub-heading2 {

	font-weight: 300;

	font-size: 16px;

	line-height: 30px;

	color: #009cd9;

	background: #ffdbca;

	display: inline-block;

	border-radius: 50px;

	padding: 2px 15px
}



.full-card--title,

.itemcont h5 {

	line-height: 28px;

	font-weight: 600
}



.item-author-infos {

	display: flex;

	align-items: center
}



.itemcont a {

	color: #009cd9;

	display: inline-block;

	padding-top: 4px
}



.itemcont {

	margin-left: 40px
}



.img-hover:hover .img-hor,

.img-hover:hover img {

	-webkit-transform: scale3d(1.1, 1.1, 1);

	transform: scale3d(1.1, 1.1, 1)
}



.itemcont h5 {

	font-size: 19px
}



.full-card--title {

	color: #fff;

	position: absolute;

	bottom: 30px;

	padding: 0 30px;

	font-size: 18px
}



.full-card-link {

	position: relative;

	display: inline-block;

	overflow: hidden;

	border-radius: 14px 14px 0 0;

	z-index: 2;

	width: 100%
}



.img-full-bgimg:after {

	content: "";

	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%);

	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%);

	background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .8) 100%);

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%
}



.img-full-bgimg img {

	object-fit: cover;

	max-height: 100%;

	width: 100%;

	height: 550px
}



.full-card-footer {

	padding: 30px 20px;

	display: flex;

	align-content: center;

	justify-content: space-between;

	border-radius: 0 0 14px 14px
}



.itmmlogo img {

	max-width: 130px
}



.what-youget .stats-box img {

	width: 52px;

	margin-bottom: 30px
}



.list-icon li {

	padding: 0 0 12px 29px;

	position: relative;

	line-height: 27px;

	font-size: 17px
}



.dottss .owl-dots {

	margin-top: 30px
}



.list-icon li+li {

	margin-top: 20px
}



.list-icon li:before {

	font-family: "Font Awesome 5 Free";

	font-weight: 700;

	position: absolute;

	left: 0;

	top: 2px;

	font-size: 15px
}



.quote-line::after,

.quote-line::before {

	font-family: 'Font Awesome 5 Free';

	font-weight: 700
}



.list-check li:before {

	content: "\f00c";

	color: #4caf50;

	border-radius: 50px;

	border: 1px solid #4caf50;

	width: 30px;

	height: 30px;

	line-height: 30px;

	margin: 0
}



.list-check li {

	padding: 0 0 0 45px
}



.case-study-about {

	display: flex
}



.csa-block+.csa-block {

	margin-left: 30px
}



.numbers-feature {

	display: grid;

	grid-template-columns: 80px auto;

	grid-gap: 20px
}



.number-f h2 {

	font-size: 45px;

	line-height: 80px;

	color: #009cd9;

	background: #fbf1ef;

	border-radius: 50%;

	width: 80px;

	height: 80px
}



.quote-line::before {

	content: "\f10d";

	margin: 0 8px 0 0;

	color: #009cd9
}



.quote-line::after {

	content: "\f10e";

	margin: 0 0 0 8px;

	color: #009cd9
}



.dark-deep .ree-header.sticky {

	background: rgb(0 0 0 / 60%);

	-webkit-backdrop-filter: blur(12px);

	backdrop-filter: blur(12px)
}



.header-dark .ree-nav .nav-list li a.menu-links {

	color: #fcfcfd
}



.header-dark.sticky .ree-nav .nav-list li a.menu-links {

	color: #08182b
}



.header-dark .l-dark {

	display: none
}



.header-dark .l-white {

	display: block
}



.header-dark.sticky .l-white {

	display: none
}



.header-dark.sticky .l-dark {

	display: block
}



.header-dark.sticky .ree-btn-grdt3 {

	background: #009cd9;

	color: #fff;

	border: 1px solid #009cd9;

	-webkit-box-shadow: none;

	box-shadow: none
}



.dark-bg h2,

.dark-bg h2 a,

.dark-bg h3,

.dark-bg h3 a,

.dark-bg h4,

.dark-bg h4 a,

.dark-bg h5,

.dark-bg h5 a,

.dark-bg h6,

.dark-bg h6 a,

.dark-deep .header-dark .ree-nav .nav-list li a.menu-links,

.dark-deep .header-dark.sticky .ree-nav .nav-list li a.menu-links,

html .dark-bg h1,

html .dark-bg h1 a {

	color: #000;

}



body .dark-bg p,

body.dark-bg {

	color: #d0d0d0;

}



body .home-creative-agency p {

	color: #fcfcfd
}



.dark-deep .ree-btn,

.dark-deep .ree-btn2 {

	box-shadow: none !important
}



.dark-deep {

	background-color: #0b0b0f
}



.dark-light-a {

	background: #373738;

}



.dark-bg .half-blog-content,

.dark-bg .icon-with-title {

	background: #1b1c22
}



.dark-bg .half-blog-card {

	border: 5px solid #1b1c22;

	background: #1b1c22
}



.dark-bg label a {

	color: #009cd9
}



.dark-bg .custom-control-input:checked~.custom-control-label::before {

	color: #333;

	border-color: #009cd9;

	background-color: #009cd9
}



.ree-btn-grdt3 {

	background: 0 0;

	color: #fcfcfd;

	border: 1px solid #fcfcfd;

	-webkit-box-shadow: none;

	box-shadow: none
}



.home-creative-agency:after {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .9) 100%);

	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .9) 100%);

	background-image: linear-gradient(-180deg, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .9) 100%)
}



.bg-opcty,

.bottom-tags,

.head-dez3 {

	position: relative
}



.home-creative-agency {

	background-size: cover;

	background-position: -2px 0;

	height: 935px;

	width: calc(100% + 0px);

	position: relative
}



.dark-bg .ree-text:after {

	background: #525252
}



.creative-service {

	margin-top: -15vh
}



.sevctxt h3 {

	font-size: 28px;

	line-height: 38px
}



.work-thumbnail {
	text-align: center;
	border-radius: 14px;
	overflow: hidden;
	width: 100%;
	max-height: 280px;
	min-height: 280px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #e5e5e5;
	@media screen and (max-width: 600px) {
		max-height: 200px;
		min-height: 200px;
	}
}

.work-thumbnail a {
    display: block;
    max-width: 80%;
    margin: 0 auto;
	max-height: 80%;
    overflow: hidden;
	border-radius: 14px;
}

.work-thumbnail img {
	width: 100%;
    border-radius: 14px;
}

.creative-service .img-full-bgimg:after {
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .3) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .3) 100%);
	background-image: linear-gradient(-180deg, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .3) 100%)
}

.creative-service .img-full-bgimg img {

	height: auto
}

.bottom-tags a {

	color: #939db2;

	display: inline-block;

	font-size: 15px;

	line-height: 25px;

	font-weight: 600;

	padding: 0 10px
}



.bottom-tags {

	background: #12186d;

	top: -4px;

	padding: 10px;

	display: block;

	border-radius: 0 0 14px 14px;

	z-index: 1;

	margin: 0 auto;

	width: 90%
}



.counter-c-a {

	display: flex;

	flex-direction: column;

	align-items: center
}



.input-ree {

	width: 100%;

	height: 50px;

	padding: 0;

	margin: 0 0 25px;

	color: #939db2;

	font-size: 17px;

	outline: 0;

	background: 0 0;

	border: 0;

	border-bottom: 2px solid #585858;

	-webkit-border-radius: 4px;

	border-radius: 0;

	font-weight: 400;

	-webkit-appearance: none
}



.form-blocks textarea {

	height: 100px
}



.form-blocks input:focus,

.form-blocks textarea:focus {

	border-bottom: 2px solid #009cd9
}



.form-blocks::-webkit-input-placeholder {

	color: #939db2
}



.form-blocks::-moz-placeholder {

	color: #939db2
}



.form-blocks:-ms-input-placeholder {

	color: #939db2
}



.form-blocks:-moz-placeholder {

	color: #939db2
}



.form-blocks select option {

	padding: 10px;

	background-color: #141416;

	color: #939db2
}



.our-map iframe {

	width: 100%;

	height: 150px;

	border-radius: 14px;

	border: 0
}



.home-contact-blocks .c-infot {

	width: 50%
}



.form-blocks {

	padding-left: 50px
}



.l-white {

	display: none
}



.dark-bg .l-white {

	display: block
}



.dark-bg .l-dark {

	display: none
}



.contact-detalnk a {

	display: table;

	font-size: 18px;

	text-indent: -20px;

	line-height: 30px;

	padding-left: 40px
}



.contact-detalnk i {

	margin-right: 15px
}



.contact-detalnk a+a {

	margin-top: 20px
}



.contact-detalnk a:hover span {

	box-shadow: inset 0 -30px #009cd9;

	color: #fff
}



.contact-detalnk a span {

	padding: 4px 6px;

	box-shadow: inset 0 -2px #009cd9;

	transition: box-shadow 250ms ease, color 250ms ease
}



.get-conct-2 .footer_social li a {

	color: #30303c;

	font-size: 18px
}



.icon-block-ree {

	display: grid;

	grid-template-columns: auto auto auto auto auto;

	grid-gap: 30px
}



.icon-block-ree img {

	width: 80px;

	margin-bottom: 20px
}



.icon-block-ree p {

	font-size: 14px;

	font-weight: 600;

	line-height: 30px
}



.icon-card-title {

	padding: 0 30px
}



.head-dez3 {

	padding-top: 110px;

	background: #fff;

}



.reebga {

	background: #fff2e2
}



.reebgb {

	background: #feeae3
}



.reebgc {

	background: #c8ebff
}



.reebgd {

	background: #eee0f7
}



.personal.footer_social {

	display: flex;

	align-items: center;

	justify-content: space-evenly;

	padding: 20px 0;

	margin-top: 30px
}



.ref-links a {

	color: #adb7c5;

	padding: 0 15px
}



.ref-links {

	display: inline-block;

	width: 100%
}



.freelancer .footer_social a {

	color: #30303c
}



.home-hero-pp {

	display: flex;

	min-height: auto;

	align-items: center;

	background: #ffe0e0;

	padding-top: 140px;

	padding-bottom: 100px
}



.hero-right-cnt .media {

	align-items: flex-start;

	padding-left: 80px
}



.hero-right-cnt .media h4 {

	font-size: 35px;

	line-height: 45px
}



.sideone a.contactinfo,

.sidetwo a {

	font-size: 16px
}



.noise-bg-effct {

	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==) #ffdfbd
}



.home-hero-pp .ree-stat-icn {

	padding: 18px;

	background: #fff
}



.logo-design {

	background: #fff;

	padding-top: 140px;

	padding-bottom: 80px;

	color: #000;

}



.bg-perallx,

.owlbg11 {

	background-repeat: no-repeat
}



.bg-opcty,

.owlbg11 {

	background-size: cover
}



.logo-design h1 {

	color: #000;

}



.logo-design .hero-content-a {

	padding-right: 80px
}



.bg-perallx {

	min-height: 550px
}



.owlbg11 {

	background-position: center top
}



.dsbld {

	color: #c5c5c5 !important;

	cursor: not-allowed
}



.ree-nav>ul.nav-list>li:hover .h-bhv {

	top: 115px
}



.header-bhv {

	display: block !important
}



.mini-header-bar,

.sideone,

.slide-hero {

	display: flex;

	align-content: center
}



.ree-nav .h-bhv {

	top: 145px
}



.mini-header-bar {

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

	max-height: 30px;

	min-height: 30px;

	background: #fbf1ef;

	margin: 0 -20px;

	padding: 0 20px
}



.sideone {

	align-items: center;

	flex-direction: row;

	justify-content: flex-start
}



.sideone a i {

	margin-right: 5px
}



.sideone a+a {

	margin-left: 15px
}



.sidetwo a {

	padding: 0 10px
}



html body .header-bhv {

	height: 115px;

	-webkit-box-shadow: 0 10px 15px -10px #ffe0d2;

	box-shadow: 0 10px 15px -10px #ffe0d2
}



html body .header-bhv.sticky .mini-header-bar {

	max-height: 0;

	min-height: 0;

	opacity: 0
}



.ree-header.sticky .ree-nav>ul.nav-list>li:hover .menu-dropdown {

	opacity: 1;

	top: 65px;

	pointer-events: auto
}



.hero-content-x span {

	font-size: 55px;

	line-height: 67px;

	font-weight: 700
}



.hero-content-x h1 {

	font-weight: 600
}



.slide-hero {

	background: rgb(255 255 255);

	margin-top: 115px;

	min-height: 600px;

	align-items: flex-start;

	flex-direction: row
}



.slide-hero .row {

	padding-top: 50px;

	padding-bottom: 100px
}



.slide-hero .owl-dots {

	position: absolute;

	bottom: 10px;

	right: 0;

	left: 0
}



.ree-tt {

	background: #009cd9;

	background: -moz-linear-gradient(right, #009cd9, #f5324f);

	background: -webkit-linear-gradient(right, #009cd9, #f5324f);

	background: linear-gradient(right, #009cd9, #f5324f);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent
}



.client-logo-set {

	display: grid;

	grid-template-columns: auto auto auto auto auto auto;

	grid-gap: 30px
}



.client-logo-set a {

	display: flex;

	background: #fff;

	padding: 20px;

	border-radius: 6px;

	-webkit-box-shadow: 0 19px 40px -10px #ffe0d2;

	box-shadow: 0 19px 40px -10px #ffe0d2;

	align-items: center;

	justify-content: center
}



.client-logo-set a img {

	max-width: 100px;

	max-height: 50px
}



.bhv-tt .creative-img {

	width: 100%;

	margin: 0 auto 40px;

	border-radius: 14px;

	padding: 15px
}



.bhv-tt .ree-card-link {

	color: #009cd9
}



.digi-service {

	position: relative;

	overflow: hidden
}



.digi-service:after,

.digi-service:before {

	content: "";

	position: absolute;

	width: 40rem;

	height: 40rem;

	z-index: -1
}



.digi-service:after {

	right: -20rem;

	top: -20rem;

	border: 6.0625rem solid #eff0fb;

	border-radius: 50%
}



.digi-service:before {

	left: -20rem;

	bottom: -20rem;

	border: 6.0625rem solid #e2f6ff;

	border-radius: 50%
}



.cta-info-tt {

	background: #fff;

	z-index: 11;

	position: relative;

	padding: 50px;

	border-radius: 14px;

	margin: -106px 15px 50px;

	box-shadow: 0 20px 50px rgb(103 34 0 / 10%);

	-moz-box-shadow: 0 20px 50px rgb(103 34 0 / 10%);

	-webkit-box-shadow: 0 20px 50px rgb(103 34 0 / 10%)
}



.w80 {

	width: 80px
}



.ourinfo p {

	color: #fff;

	padding-bottom: 10px
}



.ourinfo h5 a {

	color: #fff
}



.formnews input {

	width: 100%;

	height: 40px;

	padding: 0 45px 0 0;

	margin: 0;

	color: #fff;

	font-size: 17px;

	outline: 0;

	background: 0 0;

	border: 0;

	border-bottom: 2px solid #e6e6e6;

	-webkit-border-radius: 4px;

	border-radius: 0;

	font-weight: 400
}



.formnews button {

	position: absolute;

	right: 0;

	top: 0;

	border: 0;

	background: 0 0;

	color: #fff;

	padding: 10px
}



.formnews {

	position: relative
}



.formnews input::placeholder {

	color: #fff;

	opacity: 1
}



.formnews input::-ms-input-placeholder {

	color: #fff
}



.lead-gen {

	margin-top: 85px;

	padding-top: 100px;

	padding-bottom: 100px
}



.lead-number img {

	width: 80px;

	margin-top: 40px
}



.lead-number h2 {

	font-size: 50px;

	line-height: 60px;

	font-weight: 600;

	margin-bottom: 30px
}



.ree-header {

	padding: 0 20px;

	height: 85px;

	z-index: 9995;

	border-bottom: 1px solid rgb(115 113 113 / 32%);

	display: flex;

	align-content: center;

	align-items: center
}



.dark-bg .hc-nav-trigger span,

.dark-bg .hc-nav-trigger span::after,

.dark-bg .hc-nav-trigger span::before {

	display: block;

	position: absolute;

	left: 0;

	height: 4px;

	background: #fff;

	transition: all .2s ease
}

/* home contact */

.home-contact.home-contact-section {
	padding: 80px 0;
	margin: 0;
}

.home-contact-section .sub-heading {
	color: #fff;
}

.home-contact-section .home-contact-block {
	padding: 0;
	margin-top: 50px;
}

/* footer */
.home-footer .logo-block {
	max-width: 200px;
	width: 100%;
}

.home-footer .logo-block img {
	display: block;
	width: 100%;
}

.home-footer .copyright-block {
	border-top: 1px solid #f7f7f7;
	margin-top: 25px;
}

header .menu-logo .nav-brand {
	max-width: 180px;
	width: 100%;
	display: block;
}

header .menu-logo .nav-brand img {
	width: 100%;
	height: 100%;
}

/* technologies */
.technologies-section {
	padding: 60px 0 60px;
}

.home-about {
	padding-top: 100px;
	padding-bottom: 80px;
}

/* our work */
.our-work-section {
	padding: 80px 0;
}

/* testimonial */
.testimonial-section {
	padding: 80px 0;
	.reviewers-nam {
		.project-name {
			opacity: 0.5;
			font-size: 15px;
		}
	}
}

/* form */
.sales-department-block .c-infot {
	width: fit-content;
}

/* header */
.menu-header .megamenu .menu-extra-info {
	background-color: #009bb7;
}

/* page heading */
.page-heading {
	font-size: 70px;
}

/* portfolio */
.portfolio-about-section .portfolio-banner-section {
	padding: 180px 0 100px;
}

.portfolio-about-section .portfolio-work-section {
	padding: 80px 0 100px;
}

.portfolio-about-section .portfolio-work-section .portfolio-work-listing {
	margin: 50px 0 0;
}

.custom-control-label::after {
	cursor: pointer;
}

.swiper {
	width: 100%;
	height: 100%;
}
.slider-media-crd {
	border: 5px solid #f7f7f7;
	border-radius: 14px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
}
.sliderbtn {
	text-align: right;
}
.sliderbtn button {
    background-color: #e1e1e1;
    border-radius: 100%;
    padding: 8px;
    font-size: 14px;
    border: none;
}

.appDevSlider {
	margin-bottom: 50px;
}

.graphicsSlider {
	margin-bottom: 50px;
}

.portfolioSlider {
	text-wrap: wrap;
}

/* selected work */
.selected-work-sec {
	.w-txt {
		margin-bottom: 0;
	}
	.dark-bg {
		@media screen and (max-width: 600px) {
			margin-top: 0;
		}
	}
}

/* portfolio */
.portfolio-work-listing {
	.tab-pane {
		overflow: hidden;
	}
	.tab-content {
		overflow: hidden;
	}
}

.portfolioSlider {
    @media screen and (max-width: 600px) {
		margin-bottom: 20px;
	}
}

.graphicsSlider {
    @media screen and (max-width: 600px) {
		margin-bottom: 20px;
	}
}

.appDevSlider {
	.slider-media-crd {
		max-width: 250px;
		width: 100%;
		height: 500px;
		position: relative;
		overflow: hidden;
		.rpl-contt {
			position: absolute;
			bottom: 0;
			background-color: #323232;
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 10px 10px !important;
			h4 {
				a {
					color: white;
				}
			}
		}
		.rpl-img {
			height: 100%;
			width: 100%;
		}
	}
}

.portfolio-work-section {
	.tab-data-cont {
		@media screen and (max-width: 600px) {
			position: relative;
			.sliderbtn {
				position: absolute;
				bottom: 50%;
				z-index: 2;
				width: 100%;
				display: flex;
				justify-content: space-between;
				transform: translateY(50%);
				button {
					padding: 15px;
				}
			}
		}
	}
}

.work-thumbnail {
	@media screen and (max-width: 600px) {
		max-height: 200px;
		min-height: 200px;
	}
}

/* media query */
@media screen and (max-width: 1300px) {
	.ree-nav .nav-list li a.menu-links {
		padding: 0 15px;
	}

	.ree-nav .nav-list li a.menu-links::before {
		right: 0;
	}
}

@media screen and (max-width: 1200px) {
	.page-heading {
		font-size: 60px;
	}

	.portfolio-about-section .portfolio-banner-section {
		padding: 150px 0 100px;
	}

	.portfolio-about-section .portfolio-work-section .portfolio-work-listing {
		margin: 30px 0 0;
	}

	/* home about */
	.home-about {
		padding: 80px 0 80px;
	}

	.home-about .about-content-home {
		margin: 0 0 70px;
	}
}

@media screen and (max-width: 1100px) {

	/* home contact */
	.home-contact.home-contact-section .col-right-b {
		margin: 50px 0 0;
	}
}

@media screen and (max-width: 1024px) {
	.portfolio-about-section .portfolio-work-section {
		padding: 50px 0 70px;
	}
}

@media screen and (max-width: 992px) {
	.page-heading {
		font-size: 50px;
	}

	.portfolio-about-section .portfolio-banner-section {
		padding: 150px 0 70px;
	}
}

@media screen and (max-width: 768px) {
	.page-heading {
		font-size: 40px;
	}

	.portfolio-about-section .portfolio-banner-section {
		padding: 130px 0 50px;
	}

	.portfolio-about-section .portfolio-work-section .portfolio-work-listing {
		margin: 20px 0 0;
	}

	/* home about */
	.home-about {
		padding: 60px 0 60px;
	}

	.home-about .satisfied-client-block {
		margin: 20px 0 0;
	}

	.home-about .about-content-home {
		margin: 0 0 50px;
	}

	/* home our work */
	.our-work-section {
		padding: 60px 0 60px;
	}

	/* home testimonial */
	.testimonial-section {
		padding: 60px 0;
	}

	/* home contact */
	.home-contact.home-contact-section {
		padding: 60px 0;
	}
}

@media screen and (max-width: 600px) {
	.page-heading {
		font-size: 35px;
	}
	.work-thumbnail {
		max-height: 200px;
		min-height: 200px;
	}
}