/*======================================
Theme Name: Divi-Child
Theme URI: https://divicake.com/
Description: it's a child theme for DIVI
Version: 3.19.18
Author: Chandan Roy
Author URI: http://www.winwebtech.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
#et-info {
    float: left;
    width: 100%;
}
.et_fixed_nav #top-header {
    padding: 5px;
}
#top-header .et-social-icons {
    display: inline-block;
    float: right;
}


/*********************/
.form-area	{
    position: absolute;
    width: 420px;
    right: 20%;
    top: 11%;
	padding:20px;
	background:rgba(13, 66, 100, 0.84);
	line-height:22px;
	color:#FFF;
	z-index:1;
	font-size:13px;
	border-radius:6px;
}
.form-area h3{
font-family: 'Montserrat';
font-weight: 600;
text-align: center;
margin-top: 0px;
font-size: 30px;
margin-bottom: 0px;
	color:#FFF;
	
}
.from-main form{
	background:rgba(174, 200, 218, 0.74);
	padding:20px;
	border-radius:6px;
	margin-top:13px;
	}

.form-area input	{
   width:100%;
   padding:8px;
   border:1px solid #8abbd3;
  float:left;
	height: 40px;
	margin-bottom:10px;
}
.form-area textarea	{
   width:100%;
   padding:8px;
   border:1px solid #8abbd3;
  float:left;
	height: 90px;
	margin-bottom:10px;
}
.form-area input[type="submit"]	{
   width:100%;
   padding:8px;
   border:1px solid #8abbd3;
  float:left;
	background: rgb(177,7,18);
background: linear-gradient(90deg, rgba(177,7,18,1) 0%, rgba(235,39,51,1) 100%);
	border: 2px solid #af0812;
	color:#FFF;
	font-size:16px;
	text-transform:uppercase;
	cursor:pointer;
	text-decoration: none;
	border-radius:3px;
	font-weight:600;
}
/*******************/
.we h2 span{
	color:#e20714;
}
.properties h2 span{
	color:#e20612;	
}
.courses{
	border:7px solid #FFF;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(36,36,36,.5);
-moz-box-shadow: 0px 0px 8px 0px rgba(36,36,36,.5);
box-shadow: 0px 0px 8px 0px rgba(36,36,36,.5);
	border-radius:6px;
	position:relative;
	line-height:0px;
}
.courses img{
	width:100%;
}
.courses .c-name{
	position: absolute;
padding: 6px 25px;
background: #1275b6;
bottom: 38px;
left: -22px;
font-size: 15px;
color: #FFF;
font-family: 'Poppins', sans-serif;
line-height: 25px;
}
.courses .c-name a{
	color:#FFF;	
	text-transform:uppercase;
}
.courses::after{
	content: "";
    position: absolute;
    left: -22px;
    bottom: 23px;
    border-style: solid;
    border-width: 0 15px 15px 0;
    border-color: transparent #054873 transparent transparent;	
}
/*********************/
#footer-info {
   
}
.sm222{
	width:100%;
	margin-top:30px;
}
.sm222 ul{
	text-align:left;
	float:left;
}
.sm222 ul.et-social-icons li{
	margin-left:0px;
	margin-right:20px;
}
.sm222 .et-social-icon a {
	color:#0a4972;
}

.img89{
	padding:5px;
	border:3px solid #cb361a;
	border-radius:3px;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(69,69,69,1);
-moz-box-shadow: 0px 0px 14px 0px rgba(69,69,69,1);
box-shadow: 0px 0px 14px 0px rgba(69,69,69,1);
}
.btn85{
	background: #cb3417!Important;
padding: 8px 20px;
border-radius: 4px;
display: inline-block;
margin-top: 15px;
color: #FFF;
text-transform: uppercase;
font-weight: 600;
}
.welcome {
	font-size:15px;
	line-height:26px;
	}
.welcome h1{
	margin-bottom: 5px;
margin-top: 0;
font-size: 42px;

font-weight: bold;
color:#333;
position:relative;
padding-left:20px;
	}
.welcome h1::after{
	content: "";
position: absolute;
width: 7px;
height: 62%;
background: #cb3417;
left: 0px;
top: 7px;
	}		
.welcome h1 span{
	color:#cb3417;
	}
.welcome ul{
	padding:0px!important;
	margin:0px!important;
	}
.welcome ul li{
	padding:7px 7px 7px 20px;
	list-style:none;
	background:url(http://itechdevelopment.in/atoz/wp-content/uploads/2019/04/tick.png) no-repeat 0px 14px
	}
.clients87 h3{
	margin-bottom:20px;
}
.clients87 h2{
	margin-bottom:20px;
	margin-top:20px;
}
.clientlist ul{
	padding:0px;
	margin:0px;
}
.clientlist ul li{
	width:30%;
	float:left;
	margin:0px 1.5%;
	list-style:none;
	position:relative;
}
.clientlist ul li::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #FFF;
    left: 0px;
    top: 10px;
	border-radius:100%;
}
.clientlist ul li a{
	color:#FFF;
	padding:7px 7px 7px 12px;
	font-size: 13px;
}
.brand h2 {
	position:relative;
	margin-bottom:18px;
}
.brand h2 span {
	color:#cb3417;
}
.brand h2::after{
	content: "";
position: absolute;
width: 50px;
height: 4px;
background: #cb3417;
left: 50%;
top: 100%;
	margin-left:-25px;
}

.fwidget h4{
	font-size:20px;
	font-weight:700;
	color:#ffffff!important;
	padding-left:0px;
	position:relative;
		margin-bottom:15px;
	}
.fwidget h4::after{	
content:"";
	position:absolute;
	width:30px;
	height:4px;
	background:#4672eb;
	left:0px;
	top:100%;
	border-radius:4px;
}
.footer-widget li::before {
    border-color: #4672eb;
}

.inner-banner h1{
	font-size:50px;
	color:#FFF;
	text-align:center;
	
}
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_grid_item{
	width: 22.5%!important;
margin-right: 2.5%!important;
margin-bottom: 2.5%!important;
}
.contact-form label{
	color:#222;
}
.contact-form input{
	padding:8px;
	width: 100%;
}
.contact-form textarea{
	height:150px;
	margin-bottom: 10px;
	width: 100%;
}
.contact-form input[type="submit"]{
	padding:10px;
	width:120px;
	color:#FFF;
	background:#023d8a;
	border:0px;
	text-transform:uppercase;
	margin-top: 5px;
	width: 100%;
}
@media screen and (max-width:1600px){	
	.form-area {
    right: 14%;
}
}
@media screen and (max-width:1440px){
.form-area {
    right: 10.5%;
}
}
@media screen and (max-width:1366px){	
	.form-area {
    right: 9%;
}
}
@media screen and (max-width:1024px){	
	.form-area {
    right: 9%;
		top:12%;
}



}
@media screen and (max-width:980px){	
	.form-area {
    right: 0;
    top: 0%;
    width: 90%;
    margin-left: 5%;
    margin-top: 50px;
		position:relative;
}
}



@media only screen and ( min-width: 980px ) {
	.cu-blog .column.size-1of4 {
	    width: 24%!important;
	    margin-right: 1%;
	}
}
@media only screen and ( max-width: 980px ) {
	.cu-blog .column.size-1of4 {
		width:100% !important;
		margin-right:0%;
	}
}
@media screen and (max-width:767px){
	.clientlist ul li {
    width: 100%;
    float: left;
    margin: 0px 0%;
}
	.welcome h1 {
    font-size: 32px;

}
}