body{
    font-family: 'Open Sans', sans-serif;
  letter-spacing: 1px;
  transition: 1s;
}

/****************ABOUT **************/
/****************ABOUT **************/
/****************ABOUT **************/
#internel_header {
    height:200px;
    background-image: url(../images/index/slider09.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:  fixed;
}

.h4-type1 {
    font-family: poppins;
    font-size: 36px;
    margin: 50px 0 0 0px;
    font-weight: bolder;
    color: #ffffff;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.17);
}


.border-bar1 {
    height: 5px;
    width: 80px;
    margin: 5px;
    background: #264892;
}

.breadcrumb {
    padding: .4rem 0rem;
    background-color: transparent;
}

.breadcrumb li{
	font-size: 17px;
}

.breadcrumb-item a{
	color: #fff;	
	text-decoration: none;
}

.breadcrumb-item.active {
    color: #264892;
    font-weight: 600;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    color: #fff;
    content: '\f100'; 
  	font-size: 16px;
  	font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
}

/*Who We Are*/

#about_wwr{
  padding:40px 0px;
  background-color: #fff;
}

.border-bar2 {
    height: 5px;
    width: 80px;
    margin: 20px auto;
    background: #264892;
}

.p-type-3 {
    line-height: 1.6;
    font-weight: 300;
}


/*mission vission*/

#misvis{
	padding:40px 0px;
  	background-color: #F7F7F7;
}

.h4-type3 {
    font-family: poppins;
    font-size: 36px;
    color: #264892;
}

.border-bar3 {
    height: 5px;
    width: 80px;
    margin: 20px 0px;
    background: #264892;
}

.p-type-4 {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 300;
    text-align: justify;
    width: 90%;
}


/*about what we do*/

#about_wwd{
   /*padding:40px 0px;
   background-color: #fff;*/
}

.parallax-window {
    height: 400px;
}


/****************ABOUT **************/
/****************ABOUT **************/
/****************ABOUT **************/



/****************services**************/
/****************services**************/
/****************services**************/



#heading_services{
	background: #f7f7f7;
	padding:20px 0px;
}

#Website_design_info { 
 	/*padding-top:40px;*/
 	/*padding-bottom: 40px;*/
}

.h4-web {
    font-family: poppins;
    font-size: 30px;
    color: #264892;
    font-variant: small-caps;
}

.p-web {
    line-height: 1.6;
    font-weight: 300;
    text-align: justify;
    width: 90%;
    margin: 20px 0px;
}

#website_list{
    padding: 40px 0px;
    background-color: #f7f7f7;
}

.h4-weblist {
    font-family: poppins;
    font-size: 24px;
    color: #264892;
    font-variant: small-caps;
}

.h3-weblist{
    font-family: poppins;
    font-size: 22px;
    color: #000;
    font-variant: small-caps;
}

.list-marked{
    margin: 20px 0px;
}

.list-marked li {
    color: #000;
    position: relative;
    list-style-type: none;
    padding:10px 10px 10px 30px;
}

.list-marked li:before {
    position: absolute;
    top: 10;
    left: 0;
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
    display: inline-block;
    font-size: 16px;
    line-height: inherit;
    vertical-align: middle;
    color: #266b9d;
}


/****************services**************/
/****************services**************/
/****************services**************/


/****************product**************/
/****************product**************/
/****************product**************/

#products{
    padding:40px 0px;
    background-color: #fff;
}

.carousel-control-prev-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' f…3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E);
    background: none;
}

.carousel-control-next-icon {
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' f…3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E);
    background: none;
}

.carousel-control-prev,.carousel-control-next i{
    color:#000;
    font-size: 20px;
}

/****************product**************/
/****************product**************/
/****************product**************/

/****************client**************/
/****************client**************/
/****************client**************/


#clients_page{
    padding:40px 0px;
    background-color: #fff;
}

#clients_page .col-xl-4.col-lg-4.col-md-4{
    padding-top:20px;
    padding-bottom:20px;
}

#clients_page .img-thumbnail {
    padding: 1rem;
    background-color: #f7f7f7;
}

/****************client**************/
/****************client**************/
/****************client**************/


/****************career**************/
/****************career**************/
/****************career**************/


#career_page{
    padding:40px 0px;
}


/****************contact**************/
/****************contact**************/
/****************contact**************/


#contact_form {
    padding: 40px 0;
}

#contact_form .get_in_touch_form h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 24px;
    color: #000;
}

#contact_form .get_in_touch_form p {
    font-size: 14px;
    color: rgb(41, 41, 41);
    padding: 20px 0;
    line-height: 1.6;
    letter-spacing: 0.2px;
    font-weight: 500;
}

#contact_form .get_in_touch_form .input_text {
    width: 100%;
    height: 50px;
    border: 1px solid #ddd;
    margin: 10px 0 0 0;
    padding: 0 15px;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 1px 4px 8px -3px rgb(221, 221, 221);
    outline: none;
}

#contact_form .get_in_touch_form .form-control {
    /*width: 100%;*/
    height: 150px;
    border: 1px solid #ddd;
    margin: 10px 0 0 0;
    padding: 10px 15px;
    border-radius: 2px;
    font-size: 14px;
    box-shadow: 1px 4px 8px -3px rgb(221, 221, 221);
    outline: none;
}

#contact_form .get_in_touch_form .input_submit {
    border: none;
    outline: none;
    padding: 10px 30px;
    margin: 20px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    background-color: #264892;
    letter-spacing: 1px;
    border-radius: 0px;
    cursor: pointer;
    box-shadow: 0px 4px 12px -1px rgba(38, 107, 157, 0.63);
}

#contact_form .contact_detail {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.29);
}

#contact_form .contact_detail p {
    font-size: 18px;
    color: #424242;
    margin: 10px 0;
    line-height: 1.6;
    padding: 16px;
}

#contact_form .contact_detail i.fas {
    display: inline-block;
    background-color: #fff;
    font-size: 40px;
    text-align: center;
    padding: 16px;
    border: 2px solid #264892;
    border-radius: 100%;
    color: #264892;
    margin: 10px 0;
}

/****************contact**************/
/****************contact**************/
/****************contact**************/