:root{
	/* Color */
	--primary_color: #FB6C51;
	--secondary_color: #272727;

	/* Font Size */
	--jumbo_taxt: 3rem;
	--title: 1.5rem;
	--jumbo_m-size: 2.4rem;
	--sub_title: .9rem;
	--cont_heading: 1.1rem;
	--containt: .9rem;
}

.banner{
     background-image:  linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%), url('../../web/images/cloud-&_devops_banner.jpg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
}

.menu-item{
	color: #000 !important;
	font-size: 14px;
}

.banner-hight{
     height: 400px;
}

.btn_get-in-touch{
     border: 2px solid #fff;
     padding: 8px 35px;
     position: relative;
     overflow: hidden;
}

.btn_get-in-touch span{
     color: #fff;
     transition: 0.3s;
     position: relative;
     z-index: 1;
}

.btn_get-in-touch:hover span{
     color: rgb(53, 53, 53);
}

.btn_get-in-touch::after{
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     background-color: #fff;
     transition: 0.3s ease;
     transform: skewX(0);
     transform-origin: left;
}

.btn_get-in-touch:hover::after{
     width: 100%;
     transform: skewX(1);
     transform-origin: left;
}

.icon-box{
	display: inline-block;
	width: 80px;
	height: 80px;
	padding: 0px;
	text-align: center;
	border-radius: 50px 0 50px 50px;
}

.icofont-dbl_size{
	font-size: 40px;
}

.icon-box_gradient-approx{
	background: linear-gradient(40deg,#fb6c51 0%,#fdc0b5 100%);
	box-shadow: 0 14px 30px rgb(251 108 81 / 40%);
	color: #FFF !important;
}

.icon-box_gradient-dark{
	background: linear-gradient(40deg,#272727 0%,#5a5a5a 100%);
	box-shadow: 0 14px 30px rgb(39 39 39 / 40%);
	color: #FFF;
}

.icon-box_gradient-light{
	background: linear-gradient(40deg,#879a9f 0%,#c0cacc 100%);
	box-shadow: 0 14px 30px rgb(135 154 159 / 40%);
	color: #FFF;
}

.icon-box_gradient-ash{
	background: linear-gradient(40deg,#82786e 0%,#b2aba4 100%);
	box-shadow: 0 14px 30px rgb(130 120 110 / 40%);
	color: #FFF;
}

.development_service-card{
     background-color: #fff;
     padding: 2.5rem;
     position: relative;
     border: 1px solid #d8d8d8;
}

.ico-moon{
     transition: 0.3s;
}

.development_service-card:hover{
     background-color: #5f5f5f;
     color: #fff;
}

.ico_font-dbl-size{
     font-size: 40px;
}

.rotate-animation{
     transform: rotate(150deg);
     position: absolute;
     top: 15px;
     right: 20px;
     color: #e4e4e4;
     transition: 0.3s;
}

.development_service-card:hover .rotate-animation{
     transform: rotate(-220deg);
}

.development_service-card:hover .ico-moon{
     color: #fff;
}