/* End */
.heading {
    font-family: Didot;
    font-style: italic;
    color: #1a1a1a;

}

hr.heading_underline {
    background-color: #e44e35;
    height: 1.5px;
    margin: 10px auto 25px auto;
    width: 10%;
}

#form2 {
    height: 315px !important;
}

.submit_btn_custom {
    color: #ffffff;
    padding: 5px 20px;
    font-family: Proxima Nova Regular;
    font-size: 16px;
    background-color: #e44e35;
    /* background-image: linear-gradient(30deg, #b3b3b3, #b3b3b3); */
    transition: .5s ease;
    border-radius:0;
}

.submit_btn_custom:hover {
    color: #ffffff;
    padding: 5.5px 20.5px;
    font-family: Proxima Nova Regular;
    /* font-size: 27px; */
    background-image: linear-gradient(90deg, #e54e35, #e56e45);
    box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.1);
}



@media (max-width: 1440px) {

    .slider_heading { font-size: 82px; }

    .d-flex.justify-content-around.flex-wrap.py-4.mx-md-5.px-5 { padding: 0 15px !important; }
    .testimonial-slider .testimonial-box img { width: 120px; }

    .prduct_contentArea .subText { padding: 50px 0 60px 260px; }
    .leftSidebar .leftText ul li a { font-size: 18px; }

    .heading2 h2 { font-size: 34px; }

}

@media (max-width: 1365px) {

    #navbarSupportedContent .dropdowMenu { width: 1110px; right: -300px; }

}




@media (max-width: 1279px) {

    .prduct_contentArea .slick-arrow, .getInstantArea .slick-arrow { left: 0; right: 0; margin: 0 auto; top: auto; bottom: -80px; }
    .prduct_contentArea .slick-arrow.slick-next, .getInstantArea .slick-arrow.slick-next { right: -60px; }
    .prduct_contentArea .slick-arrow.slick-prev, .getInstantArea .slick-arrow.slick-prev { left: -60px; }

    

    .getInstantArea .subText .itemBox { margin: 0 0 50px; }


    #navbarSupportedContent .dropdowMenu { width: 1070px; right: -330px; }

    




}
@media (max-width: 1199px) {


    .nav-item.active .nav-link { font-size: 20px; }
    .nav-item a, .nav-item a:hover {  font-size: 18px; }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .3rem !important;
        padding-left: .3rem !important;
    }

    .slider_heading { font-size: 72px; }

    .testimonial-slider .testimonial-box { padding: 30px 20px; }
    testimonial-slider .testimonial-box p { font-size: 18px; }
    .testimonial-slider .testimonial-box img { width: 110px; }

    .testimonial-slider .testimonial-box h4 { font-size: 22px; }

    .leftSidebar { width: 230px; }
    .prduct_contentArea .subText { padding: 50px 0 60px 240px; }
    .prduct_contentArea .subText .leftContant { width: calc(50% - 14px); }
    .prduct_contentArea .subText .righttContant { width: calc(50% - 14px); }
 
    .heading2 h2 { font-size: 32px; }

    .getInstantArea .subText .itemBox .item h2 { font-size: 16px; }
    .getInstantArea .subText .disflexArea div { line-height: 1; }
    .getInstantArea .subText .flowText a.Btn { font-size: 16px; }
 

    #navbarSupportedContent .dropdowMenu { width: 932px; right: -289px; }
    .dropdowMenu .itemMenu { width: 20%; }
    #navbarSupportedContent .dropdowMenu .itemMenu h3 { font-size: 20px; }
    .dropdowMenu .itemMenu ul li a { font-size: 16px; }

}

@media (max-width: 991px) {


    .navbar .logo {
        width: 120px;
    }
    .menu-button{ display: block; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; }

    .itemMenu h3 { padding: 0 0 10px; font-size: 22px; font-weight: 700; color: #fff; position: relative; }
 .itemMenu h3:before {
        content: "";
        width: 50px;
        height: 4px;
        position: absolute;
        top: 100%;
        left: 0;
        background: #e44e35;
    }
 
    #navbarSupportedContent { display: block; }
   #navbarSupportedContent ul.navbar-nav.ml-auto.h-100 { display: none }
   button.navbar-toggler.align-self-center {
    display: none;
}

    .container, .container-md, .container-sm {
        max-width: initial !important;
    }
    

    .d-flex.justify-content-around.flex-wrap.py-4.mx-md-5.px-5 {
    padding: 0 15px !important; }

    .LogoImare {
        width: 25%;
        margin: 0 0 20px;
    }

    .FacLogoArea { width: 33.333%; }

    .slider_heading { font-size: 62px; }

    #about_afc .content { font-size: 20px; }
 

    .testimonial-slider { padding: 0 50px; }
    
    .testimonial-slider .testimonial-box img { width: 80px; }

    

    .testimonial-slider .testimonial-box p { font-size: 16px; }
    .testimonial-slider .testimonial-box h4 { font-size: 20px; }

    /* .testimonial-slider .testimonial-box h4 { padding: 0 0 30px; } */
    
    .px-md-3.text-center {
        width: 33.33%;
    }

    

    .prduct_contentArea .subText .leftContant h2 { font-size: 28px; }
    .prduct_contentArea .subText .leftContant { width: calc(100% - 0px);  margin: 80px 0 0; }
    .prduct_contentArea .subText .rightContant {  width: calc(100% - 0px); order: -1; }
    .prduct_contentArea .subText p { font-size: 16px; }

    .getInstantArea .subText .flowText { width: 33%; }
    .getInstantArea .subText .itemBox {  width: calc(66% - 0px);  }

}
   

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }

}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
    transition: .5s ease;
}

/* display 3 */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
        transition: .5s ease;
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
        transition: .5s ease;
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
    transition: .5s ease;

}

#our_clients .carousel-item {
    background-color: white;

}

.certification_icons {
    height: 100px;
    width: 95px;
}

#footer {
    background-color: #f2f2f2;
}

.footer_link, .footer_content {
    font-family: Proxima Nova Regular;
    color: #1a1a1a;
    font-size: 22px;
}

.footer_link:hover {
    font-family: Proxima Nova Regular;
    color: #1a1a1a;
    font-size: 20px;
}

.footer-menu {
    padding: 2px 24px;
    font-size: 22px;
}

.form-control {
    font-family: Proxima Nova Light;
    color: #1a1a1a;
     height: 38px !important;
    padding: 0 10px !important; font-size: 16px !important;

}

.social_icons {
    position: fixed;
    bottom: 0.5%;
    /*transform: translateY(50%);*/
    right: 0%;
    z-index: 9999;
    background-color: #1a1a1a;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.social_icon img {
    width: 50px;
}

.social_icon div img {
    width: 55px;
    height: 60px;
}

.footer_icon img {
    width: 25px;
}

.social_icons_mobile {
    position: fixed;
    bottom: 0%;
    right: 0%;
    z-index: 10;
    background-color: #1a1a1a;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.social_label, .social_label:hover {
    font-family: Proxima Nova Regular;
    color: #ffffff;
    font-size: 17px;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    
    .nav_prod_category {
        width: 30vw;
    }

    .nav_prod_category.active .dropdown-item {
        font-family: Proxima Nova Regular !important;
        background-color: transparent;
        font-size: 10px !important;
        color: #ffffff !important;
    }
}

.logo {
    width: 160px;
}
}






/*Zoom Effect*/
/* [1] The container */
.img-hover-zoom {
    overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
    transition: transform 3.5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
    transform: scale(1.1);
}

.img-hover-zoom:hover .overlay {
    background-color: rgba(0, 0, 0, 0.4);
}

/*End*/
.prod_title {
    font-family: Proxima Nova Light;
    color: #ffffff;
}

.prod_title:after {
    content: '';
    height: 2.5px;
    background: #e44e35;
    width: 50%;
    margin: 0px auto;
    display: block;
}

/* End */





hr.heading_underline{
border-color: #e44e35;
border-width: 3px;
margin: 5px auto 25px auto;
width: 14%;
margin-top: -8px !important;
}

#it_ites,#gov_psu{
background-color: #f2f2f2;
}
.clients_logos{
width: 15%;
height: 40%;
}
.icons_nav{
position: sticky;
top: 0%;
z-index: 3;
background-color: #ffffff;
}
.sequezed .about_icons{
    width: 60px;
}
.sequezed .icon_heading,.squezeed .icon_heading:hover{
font-size: 12px;
}
@media (max-width: 768px) {
.about_icons{
    width: 35px;
}
.sequezed .about_icons{
    width: 30px;
}
.sequezed .icon_heading,.squezeed .icon_heading:hover{
    font-size: 7px;
}
.icon_heading,.icon_heading:hover{
    font-size: 8px;
}
.icons_nav{
    position: sticky;
    top: 20%;
}
}



/* latest */


.slider_heading{
    font-family: Didot;
    font-style: italic;
    color:#1a1a1a;
    letter-spacing: 1.2px;
}
.slider_heading:after{
    content: '';
    height: 3px;
    background: #e44e35; 
    width: 32%;
    margin:20px 4%;
    display: block;
}
.new_content{
    font-size: 20px;
    font-family: Proxima Nova Regular;
    color:#1a1a1a;
}
.new_image{
    height: 35vh;
}
.sub_heading{
    font-family: Proxima Nova Light;
    color:#1a1a1a;
}
.fri_col-7{
    width: 60vw;
    height: 75vh;
}
.fri_col-5{
    width: 40vw;
    height:75vh;
}
.fri_col-6{
    height: 60vh;
}
/*Zoom Effect*/
/* [1] The container */
.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform 3.5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}
.img-hover-zoom:hover .overlay {
  background-color: rgba(0,0,0,0.4);
}
/*End*/
@media (max-width: 768px) {
    .fri_col-7{
        height: 30vh;
    }
    .fri_col-5{
        height:30vh;
    }
    .fri_col-6{
        height: 30vh;
    }
}


/* contact */
#contact_slider {
    
    background-image:url("../static/images/contact_us_home.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100vh;
}

#contact_slider .layer {
    /* background-color: rgba(0, 0, 0, 0.6); */
    height: 100vh;
}

.contact-section{
    background-color: #000;
}

.slider_heading{
font-family: Didot;
font-style: italic;
color:#ffffff;
letter-spacing: 1.2px;
}
.slider_heading:after {
content: '';
height: 3px;
background: #e44e35; 
width: 64%;
margin:20px 18%;
display: block;
}
.slider_heading2{
font-family: Didot;
font-style: italic;
color:#ffffff;
letter-spacing: 1.2px;
}
.slider_heading2:after {
content: '';
height: 3px;
background: #e44e35; 
width: 24%;
margin:20px 0px;
display: block;
}
#query_form_image{
background-image:url("../static/images/contact_form_image.html");
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.form_heading{
font-family: Didot;
font-style: italic;
color:#fff;
letter-spacing: 1.2px;
}
.form_subheading{
font-family: Proxima Nova Light;
color:#fff;
line-height: 1.7;
}
/* .form-control{
border-radius: 10px;
} */
/*.form-control::placeholder{*/
/*color:#1a1a1a;*/
/*}*/
.btn_custom{
color:#ffffff;
padding: 6px 25px;
font-family: Proxima Nova Regular;
font-size: 24px;
background-image: linear-gradient(30deg, #e54e35, #e56e45);
transition: .5s ease;
}
.btn_custom:hover{
color:#ffffff;
padding: 7px 26px;
font-family: Proxima Nova Regular;
font-size: 25px;
background-image: linear-gradient(90deg, #e54e35, #e56e45);
box-shadow: 7px 7px 10px rgba(0,0,0,0.1);
}
#afc_location{

background-color:black;
background-repeat: no-repeat;
background-size: 100% 100%;
}
#afc_location hr.heading_underline{
border-color: #e44e35;
border-width: 3px;
margin: -15px 0px 25px;
width: 18%;
}
.location_heading{
font-family: Didot Bold;
font-style: bold;
color:#ffffff;
}
#afc_location h6{
font-size: 16px;
letter-spacing: 1.3px;
line-height: 1.3;
}




/* ------------------------------ */






hr{position: relative;z-index: 100;}
	.slider_heading{
			font-family: Didot;
			font-style: italic;
			color:#ffffff;
			letter-spacing: 1.2px;
		}
	.slider_heading:after {
			content: '';
			height: 3px;
			background: #e44e35; 
			width: 64%;
			margin:20px 18%;
			display: block;
		}
	
	#testimonialCarousel hr.heading_underline{
		border-color: #e44e35;
		border-width: 3px;
		margin: -15px auto 25px auto;
		width: 50%;
	}
	.btn_custom{
		color:#ffffff;
		padding: 6px 25px;
		font-family: Proxima Nova Regular;
		font-size: 24px;
		background-image: linear-gradient(30deg, #e54e35, #e56e45);
		transition: .5s ease;
	}
	.btn_custom:hover{
		color:#ffffff;
		padding: 7px 26px;
		font-family: Proxima Nova Regular;
		font-size: 25px;
		background-image: linear-gradient(90deg, #e54e35, #e56e45);
		box-shadow: 7px 7px 10px rgba(0,0,0,0.1);
	}
	/* Home Slider */
		#home_slider1{
            background-image:url("../static/images/homebanner/AFC-HomePage-HeaderBanner-00.png");			
			background-repeat: no-repeat;
			background-size: 100% 100%;
			height: 100vh;
		}
	
    	#home_slider2{
            background-image:url("../static/images/homebanner/AFC-HomePage-HeaderBanner-01.png");			
			background-repeat: no-repeat;
			background-size: 100% 100%;
			height: 100vh;
		}
	
    	#home_slider3{
			background-image:url("../static/images/homebanner/AFC-HomePage-HeaderBanner-02.png");			
			background-repeat: no-repeat;
			background-size: 100% 100%;
			height: 100vh;
		}
	
    	#home_slider4{
			background-image:url("../static/images/homebanner/AFC-HomePage-HeaderBanner-03.png");			
			background-repeat: no-repeat;
			background-size: 100% 100%;
			height: 100vh;
		}
	
    	#home_slider5{
			background-image:url("../static/images/homebanner/AFC-HomePage-HeaderBanner-04.png");			
			background-repeat: no-repeat;
			background-size: 100% 100%;
			height: 100vh;
		}
	
    /* End */
	
	/* About AFC */
		#about_afc .content{
			font-family: Proxima Nova Light;
			color:#1a1a1a;
			font-size: 21px;
			line-height: 1.7;
			text-align: justify;
		}
		.about_icons{
			width: 90px;
            transition: 0.5s;
            cursor: pointer;
		}
		.icon_heading{
			font-family: Proxima Nova Regular;
			font-size: 17px;
		}
	/* End */

	#our_products .prod_block{
		position: relative;
	}	

	.prod_col-7{
		width: 54%;
		height: 120vh;
	}
	.prod_col-5{
		width: 46%;
		height:120vh;
	}
	.prod_col-5 .col-12{
		height:59.4vh;
	}
	.prod_col-6{
		width: 49vw;
		height: 60vh;
	}

	.overlay{
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.6);
	}

	/*Zoom Effect*/
	/* [1] The container */
	.img-hover-zoom {
	  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
	}

	/* [2] Transition property for smooth transformation of images */
	.img-hover-zoom img {
	  transition: transform 3.5s ease;
	}

	/* [3] Finally, transforming the image when container gets hovered */
	.img-hover-zoom:hover img {
	  transform: scale(1.1);
	}
	.img-hover-zoom:hover .overlay {
	  background-color: rgba(0,0,0,0.4);
	}
	/*End*/

	.prod_title{
		font-family: Proxima Nova Light;
		color:#ffffff;
	}
	.prod_title:after {
		content: '';
		height: 4px;
		background: #e44e35; 
		width: 50%;
		margin: 0px auto;
		display: block;
	}

	#projectCarousel1 .carousel-item #Concentrix{
        background-image:url("../static/images/Projects/Concentrix/main.jpg");		
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 70vh;
	}

    #projectCarousel1 .carousel-item #Indiamart{
        background-image:url("../static/images/Projects/IndiaMart/main.html");			
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 70vh;
	}
	#projectCarousel1 .carousel-item #HCL{        
        background-image:url("../static/images/Projects/HCLNagpur/main.html");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 70vh;
	}
	#projectCarousel1 .carousel-item #R1{
        background-image:url("../static/images/Projects/R1RCM/main.png");        
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 70vh;
	}
	#projectCarousel1 .carousel-item #Axis{
        background-image:url("../static/images/Projects/AxisBank-2/Main.html");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 70vh;
	}
	#projectCarousel1 .carousel-item #Genpact{
        background-image:url("../static/images/Projects/Genpact/main.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 70vh;
	}
	#projectCarousel2 .carousel-item #Concentrix{
        background-image:url("../static/images/Projects/Concentrix/main.jpg");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 55vh;
	}

	#projectCarousel2 .carousel-item #Indiamart{
        background-image:url("../static/images/Projects/IndiaMart/main.html");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 55vh;
	}
	#projectCarousel2 .carousel-item #HCL{
        background-image:url("../static/images/Projects/HCLNagpur/main.html");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 55vh;
	}
	#projectCarousel2 .carousel-item #R1{
        background-image:url("../static/images/Projects/R1RCM/main.png");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 55vh;
	}
	#projectCarousel2 .carousel-item #Axis{
        background-image:url("../static/images/Projects/AxisBank-2/Main.html");
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 55vh;
	}
	#projectCarousel2 .carousel-item #Genpact{
        background-image:url("../static/images/Projects/Genpact/main.png");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		height: 55vh;
	}
	.carousel-item .overlay_proj{
		background-color: rgba(0,0,0,0.6);
		border:5px solid white;
	}
	#our_projects{
		height: 100vh;
	}
	.proj_title{
		font-family: Proxima Nova Regular;
		color:#ffffff;
		cursor: pointer;
	}
	#projectCarousel1 .proj_title:after {
		content: '';
		height: 2px;
		background: #e44e35; 
		width: 60%;
		margin: 0px auto;
		display: block;
	}
	#projectCarousel1 .carousel-item{
		background-color: white;
	}
	#projectCarousel1 .carousel-control-next,
	#projectCarousel1 .carousel-control-prev{
		opacity: 1;
	}
	#projectCarousel1 .carousel-control-next span,
	#projectCarousel1 .carousel-control-prev span{
		font-size: 100px;
		font-weight: 100;
		opacity: 1;
	}
	.projectCarousel2_bg{
		position: absolute;
		top:-1vh;
		left:50%;
		transform: translateX(-50%);
		z-index: 99999;
		margin-bottom: 50vh;
		background-color:rgba(0,0,0,0.2);
		height: 100vh; 
	}
	#projectCarousel2{
		position: absolute;
		top:-1vh;
		left:50%;
		transform: translateX(-50%);
		z-index: 99999;
		margin-bottom: 50vh;
		background-color:#1a1a1a;
		height: 80vh; 
		box-shadow: 30px 30px 30px rgba(0,0,0,0.7);
	}
	#projectCarousel2 .carousel-control-next,
	#projectCarousel2 .carousel-control-prev{
		opacity: 1;
	}
	#projectCarousel2 .carousel-control-next span,
	#projectCarousel2 .carousel-control-prev span{
		font-size: 100px;
		font-weight: 100;
		opacity: 1;
	}
	.carousel_close{
		z-index: 2;
		font-size: 40px;
	}
	#testimonialCarousel .carousel-control-next,
	#testimonialCarousel .carousel-control-prev{
		opacity: 1;
	}
	#testimonialCarousel .carousel-control-next span,
	#testimonialCarousel .carousel-control-prev span{
		font-size: 100px;
		font-weight: 100;
		color:#1a1a1a;
		opacity: 1;
	}
	#testimonialCarousel .carousel-item .col-12{
		
		background-repeat: no-repeat;
		background-size: 80vw 80vh;
		background-position: center;
		
	}
	.testimonial_content{
		font-family: Didot;
		font-style: italic;
		color:#ffffff;
	}
		#our_products .prod_block{
		position: relative;
	}	
	.prod_col-6{
		width: 49vw;
		height: 80vh;
	}
	.prod_col-3{
		width: 25vw;
		height: 80vh;
	}
	.prod_col-3 .col-12{
		height: 39.5vh;
	}

	.overlay{
		position: absolute;
		left: 0;
		top: 0;
		background-color: rgba(0,0,0,0.6); width: 100% !important; height: 100% !important; 
    }
    

	/*Zoom Effect*/
	/* [1] The container */
	.img-hover-zoom {
	  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
	}

	/* [2] Transition property for smooth transformation of images */
	.img-hover-zoom img {
      transition: transform 1s ease;
      /* height: auto !important; */
	}

	/* [3] Finally, transforming the image when container gets hovered */
	.img-hover-zoom:hover img {
	  transform: scale(1.1);
	}
	.img-hover-zoom:hover .overlay {
	  background-color: rgba(0,0,0,0.4);
	}
	/*End*/

	.prod_title{
		font-family: Proxima Nova Light;
		color:#ffffff;
	}
	.prod_title:after {
		content: '';
		height: 4px;
		background: #e44e35; 
		width: 50%;
		margin: 0px auto;
		display: block;
	}


	@media (max-width: 768px) {
			.prod_col-6{
				width: 49vw;
				height: 40vh;
			}
			.prod_col-3{
				width: 25vw;
				height: 40vh;
			}
			.prod_col-3 .col-12{
				height: 19.5vh;
			}
			#testimonialCarousel .carousel-item .col-12{
		
				background-repeat: no-repeat;
				background-size: 80vw 30vh;
				background-position: center;
				height: 30vh;
			}
			
    }
    


    .box{
        width: 400px;        
        border:1px solid #ccc;
        padding: 10px;
    }
    .box img{
        width: 90px;
        height: 90px;
        border-radius: 50%;
        margin-right: 20px;
       
    }

/*  CSS by Webrat  */
.text-black{
    color: #000;
}
.footer-heading{
    font-size: 2.2rem;
}

.footer-subscription{
    margin-top: 35px;
}

.about-heading{
    font-size:3.9rem;
}


/* 2020-11-21 */

.slider-project img{
    width: 100%;
}
.custom-nav li{
    line-height: 80px;
}

@media (max-width:1024px){
    .infra2_col-7 {
        width: 52%;
       
    }
}

@media (max-width:768px){
    .infra2_col-7 {
        width: 52%;
       
    }
}



@media (max-width:767px){

    .custom-nav li{
        text-align: center;
    }
    .heading2 h2{

    }

    .bannerboxArea {
        margin: 73px 0 0;
    }
    .getInstantArea .subText .flowText .disflexArea div { display: none; }
    
    .navbar { background-image: linear-gradient(#4e4e50, #363435 ); }

    #about_slider { height: 300px; }

    .getInstantArea .subText .flowText .heading2 h2:before {
        content: "";
        width: 80px;
        height: 4px;
        position: absolute;
        top: 100%;
        left: 0;
        background: #ff7000;
        right: 0;
        margin: 0 auto;
    }
    .getInstantArea .subText .flowText .heading2 h2 {
        text-align: center;
    }

    .slider_heading {
        font-size: 54px !important;
    }

    .slider_heading:after {  margin: 15px 18% 0; }
    .navbar .logo {
        width: 100px;
    }

    .carousel-inner .carousel-item .slider_layer.w-100.h-100.py-5 {
        padding-top: 90px !important;
    }
    .prod_col-6{
        width: 100vw;
        margin-bottom: 10px;
        height: auto !important;
    }
    .prod_col-3{
        width: 100vw;
        margin-bottom: 10px;
        height: auto !important;
    }
    .d-unset{
        display:unset !important;
    }
    /* .prod_block{
        height: 40vh !important;

    } */

    .prod_col-3 .col-12 {
        height: auto;
    }
.infrastructure-div{
    padding-top: 0px !important;
}

    .infrastructure-div .infra1_col-7, .infrastructure-div .infra1_col-5, .infrastructure-div .infra_col-6, 
    .infrastructure-div .infra2_col-7, .infrastructure-div .infra2_col-5, .infrastructure-div .infra_col-6{
        width: 100%;
        margin-top: 10px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-left: 0px !important;
    }
    .clearfix{
        clear: both;
    }


    .display-4 { font-size: 3.1rem !important; }
    #about_afc .content { font-size: 17px; }

    #about_afc .px-md-3.text-center {
        width: 50%;
    }

    .d-flex.justify-content-around.flex-wrap.py-4.mx-md-5.px-5 {
        padding: 0 15px !important;
    }

    .LogoImare {
        width: 50%;
    }

    .d-flex.flex-wrap.justify-content-around.align-items-center.px-5.py-4.aos-init.aos-animate {
        padding: 40px 15px !important;
    }


    .d-flex.flex-wrap.justify-content-around.align-items-center.px-5.py-4.aos-init.aos-animate {
        padding: 40px 0px !important;
        
    }

    div#our_clients {
        padding: 50px 0;
    }

    .testimonial-slider { padding: 0 15px; }
    .testimonial-slider .slick-arrow::after { display: none; }

    
    .testimonial-slider .testimonial-box {  min-height: auto; }
    .testimonial-slider .testimonial-box img { width: 120px; margin-top: -10px; padding: 10px; background: #ffffff; }

    .testimonial-slider .slick-arrow { display: none !important; }

    /* .testimonial-slider .testimonial-box h4 { padding: 0 0 20px; } */


    .col-md-3.team_card.mx-4.my-3 { margin: 0 0 20px !important; }

    #mission_vision .d-flex.flex-column.justify-content-center.align-items-center.h-100.my-5.pb-5.px-5.aos-init.aos-animate { padding: 0 20px !important; }
    h4.mission_content.text-center.pt-md-4.pb-0 { font-size: 18px; margin: 0 0 20px; }
    #mission_vision .d-flex.flex-column.justify-content-center.align-items-center.h-100.my-5.pb-5.px-5.aos-init.aos-animate { padding: 0 20px !important; margin: 20px 0 !important; }
    h4.mission_content.text-center.pt-md-4.pb-0:last-child { margin: 0; }


    .leftSidebar {
        width: 100%;
        position: relative;
    }
    .prduct_contentArea .subText {
        padding: 50px 0 60px 0px;
        width: 100%;
    }

    .prduct_contentArea .subText .itemBox {
        margin: 0 0 20px;
    }
    
    .prduct_contentArea .subText .leftContant h2 {
        font-size: 26px;
    }

   

    #our_team .col-md-4.team_card.mx-4.my-3 {
        margin: 0 0 30px !important;
        
    }

    .getInstantArea .subText .flowText {
        width: 100%;
        margin: 0 0 20px;
    }
    .getInstantArea .subText .itemBox {
        width: calc(100% - 0px);
    }

    .getInstantArea { padding: 10px 0 30px; }


    /* .leftSidebar .leftText ul { display: none; } */

    .d-flex.flex-column.justify-content-center.h-100.px-5.aos-init.aos-animate {
        padding: 0 20px !important;
    }
    .prduct_contentArea .subText .rightContant .item .subContant { padding: 10px; }
    .prduct_contentArea .subText .rightContant .item .subContant h3 { font-size: 20px; }

    .projectslidArea .row.slider-project.m-0.mb-4.mt-4 {
        margin: 0 0 0px !important;
    }
    .projectslidArea .col-md-6 .project-group.mobile-mb-25 {
        margin: 0 !important;
    }
    .projectslidArea .col-md-6 { margin: 0 0 10px; }

    a.footer_icon.my-0.mx-1 i { padding: 0 2px; font-size: 16px; }
    .footer_link, .footer_content { font-size: 20px; }
    .footer-menu {  padding: 2px 7px; font-size: 20px; }
    


    

}



.project-group {
    position: relative;
}
.project-name {
    position: absolute;
    bottom: 0;
    font-size: 25px;
    background-color: rgb(0 0 0 / 63%);
    width: 100%;
    text-align: center;
    padding: 10px 0;
    color: #fff; margin: 0;
}




html {
    width: 100%;
    height: auto;
}

body {
    width: 100%;
    height: auto;
}

/*image hover*/

.feature-block .hover-block {
  border-radius: 15px;
  transition: all .2s cubic-bezier(.07,.68,1,.2);
}
.feature-block .hover-block:hover{
  box-shadow: 0 5px 50px -5px rgba(51,71,91,0.12);
  transform: translateY(-10px);
}



/*Header*/

.about {
   $cubic: cubic-bezier(0.64, 0.01, 0.07, 1.65);
   $transition: 0.6s $cubic;
   $size: 40px;
   position: fixed;
   z-index: 10;
   bottom: 10px;
   right: 10px;
   width: $size;
   height: $size;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
   transition: all 0.2s ease;

   .bg_links {
      width: $size;
      height: $size;
      border-radius: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: rgba(#000000, 0.2);
      border-radius: 100%;
      backdrop-filter: blur(5px);
      position: absolute;
   }

   .logo {
      width: $size;
      height: $size;
      z-index: 9;
      background-image: url(https://rafaelalucas91.github.io/assets/codepen/logo_white.svg);
      background-size: 50%;
      background-repeat: no-repeat;
      background-position: 10px 7px;
      opacity: 0.9;
      transition: all 1s 0.2s ease;
      bottom: 0;
      right: 0;
   }

   .social {
      opacity: 0;
      right: 0;
      bottom: 0;

      .icon {
         width: 100%;
         height: 100%;
         background-size: 20px;
         background-repeat: no-repeat;
         background-position: center;
         background-color: transparent;
         display: flex;
         transition: all 0.2s ease, background-color 0.4s ease;
         opacity: 0;
         border-radius: 100%;
      }

      &.portfolio {
         transition: all 0.8s ease;

         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/link.svg);
         }
      }

      &.dribbble {
         transition: all 0.3s ease;
         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/dribbble.svg);
         }
      }

      &.linkedin {
         transition: all 0.8s ease;
         .icon {
            background-image: url(https://rafaelalucas91.github.io/assets/codepen/linkedin.svg);
         }
      }
   }

   &:hover {
      width: 105px;
      height: 105px;
      transition: all $transition;

      .logo {
         opacity: 1;
         transition: all 0.6s ease;
      }

      .social {
         opacity: 1;

         .icon {
            opacity: 0.9;
         }

         &:hover {
            background-size: 28px;
            .icon {
               background-size: 65%;
               opacity: 1;
            }
         }

         &.portfolio {
            right: 0;
            bottom: calc(100% - 40px);
            transition: all 0.3s 0s $cubic;
            .icon {
               &:hover {
                  background-color: #698fb7;
               }
            }
         }

         &.dribbble {
            bottom: 45%;
            right: 45%;
            transition: all 0.3s 0.15s $cubic;
            .icon {
               &:hover {
                  background-color: #ea4c89;
               }
            }
         }

         &.linkedin {
            bottom: 0;
            right: calc(100% - 40px);
            transition: all 0.3s 0.25s $cubic;
            .icon {
               &:hover {
                  background-color: #0077b5;
               }
            }
         }
      }
   }
}

body {
   font-family: 'IBM Plex Mono', monospace;
   font-family: 'IBM Plex Sans', sans-serif;
   font-family: 'IBM Plex Serif', serif;
   margin: 0;

}

/* swiper */

.swiper-container {
   padding: 0;
   height: 700px;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
   .swiper-container {
      height: 500px;
   }
}

.swiper-slide {
   width: 100%;
   background-size:cover;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}

.swiper-slide:after {
   content:'';
   background-image: linear-gradient(0deg, black, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
   position: absolute;
   width: 100%;
   height: 100%;
   bottom:0;
   z-index: 1;
   opacity: 0.3;
}

.swiper-slide:before {
   content:'';
   background-color: rgba(69, 69, 78, 0.2);
   background-image: linear-gradient(180deg, rgba(255, 234, 213, 0.3), rgba(241, 244, 255, 0.3));
   position: absolute;
   width: 100%;
   height: 100%;
   bottom:0;
   z-index: 1;
}


/* swiper arrows */

.swiper-button-prev,
.swiper-button-next {
   width: 50px;
   height: 50px;
   background-image: none;
   display: flex;
   align-items: center;
   justify-content: center;
}

.swiper-button-prev {
   left: 30px;
}

.swiper-button-next {
   right: 30px;
}


.swiper-button-prev span,
.swiper-button-next span {
   width: 10px;
   height: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: transparent;
   position: absolute;
   border: solid 2px white;
   border-left:0;
   border-bottom: 0;
   transition: all 0.3s ease;
} 

.swiper-button-prev span {
   transform: rotate(-135deg);
   left: 50%;
}

.swiper-button-next span {
   transform: rotate(45deg);
   right: 50%;
}


.swiper-button-prev span:after,
.swiper-button-next span:after {
   content:'';
  position: absolute;
  background-color: white;
  width: 0px;
  height: 2px;
  transition: all 0.3s ease;
  transform: rotate(-45deg);
}

.swiper-button-prev:hover span{
   left:30%;
}
.swiper-button-next:hover span{
   right:30%;
}

.swiper-button-prev:hover span:after,
.swiper-button-next:hover span:after {
   width: calc(20px - 4px);
}

/* swiper arrows mobile */

@media screen and (max-width: 768px) {
   .swiper-button-prev {
      left: 0px;
   }
   
   .swiper-button-next {
      right: 0px;
   }
   .swiper-button-prev:hover span{
      left:50%;
   }
   .swiper-button-next:hover span{
      right:50%;
   }

   .swiper-button-prev:hover span:after,
   .swiper-button-next:hover span:after {
      display: none;
   }
}


/* swiper pagination */

.swiper-pagination{
   height: 40px;
}

.swiper-pagination-bullet {
  background-color: transparent;
  border: solid 1px white;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.swiper-pagination-bullet:hover {
   background-color: white;
}

.swiper-pagination-bullet-active {
  width: 20px;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  left:0;
  background-color: transparent;
  border: solid 1px white;
}

/* text content */

.slide-text {
   text-align: center;
   color: white;
   opacity: 1;
   z-index: 2;
   font-family: 'IBM Plex Sans', sans-serif;
   width: 80%;
   max-width: 500px;
}


.slide-text h1 {
   font-family: 'IBM Plex Sans', sans-serif;
   font-size: 30px;
   letter-spacing: 0.03em;
}


.slide-text p {
   font-size: 16px;
   font-family: 'IBM Plex Mono', monospace;
}


/* text mobile */

@media screen and (max-width: 768px) {
   .slide-text {
      width: 60%;
   }
   
   .slide-text h1 {
      font-size: 20px;
      letter-spacing: 0.02em;
   }
   
   .slide-text p {
      font-size: 14px;
   }
}

/* button */

.slide-text .btn {
   font-family: 'IBM Plex Mono', monospace;
   background-color: transparent;
   border: solid 1px white;
   padding: 15px 30px;
   min-width: 100px;
   width: fit-content;
   font-size: 14px;
   letter-spacing: 2px;
   color: white;
   position: relative;
   border-radius: 80px;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
   margin-top: 20px;
}

.slide-text .btn:after {
   content: '';
   background-color: rgba(255,255,255, 0.1);
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   z-index:2;
   left: 0px;
   top: 0px;
   border-radius: inherit;
   transition: all 0.3s ease-in-out;
}

.slide-text .btn:hover::after {
   left: 4px;
   top: 5px;
   background-color: rgba(255,255,255, 0.3);
}

.slide-text .btn:hover {
   font-weight: 800;
}

@media screen and (max-width: 768px) {
   .slide-text .btn:hover::after {
      left: 0px;
      top: 0px;
      background-color: rgba(255,255,255, 0.1);
   }
}


button:focus {outline:0;}




--------------------------------------------------------------*/
#hero {
  width: 100%;
  /*height: 100vh;
*/  background-color: rgba(4, 12, 21, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel, #hero .carousel-inner, #hero .carousel-item, #hero .carousel-item::before {
  /*position: absolute;*/
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}

#hero .carousel-item::before {
  content: '';
  background-color: rgba(4, 12, 21, 0.5);
}

#hero .carousel-container {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 82px;
  left: 50px;
  right: 50px;
}

#hero h2 {
  color: #fff;
  margin: 0;
  font-size: 48px;
  font-weight: 700;
}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  color: #fff;
  margin-top: 10px;
}

@media (min-width: 1200px) {
  #hero p {
    width: 50%;
  }
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
  left: 0;
  transform: translate3d(0, 0, 0);
}





#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  opacity: .6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #ed502e;
}

#hero .btn-get-started {
  font-family: "Raleway", sans-serif;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 32px;
  border-radius: 4px;
  transition: 0.5s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  background: #ed502e;
  margin-top: 15px;
}

#hero .btn-get-started:hover {
  background: #ef6445;
}

@media (max-width: 992px) {
  /*#hero {
    height: 100vh;
  }*/
  #hero .carousel-container {
    text-align: center;
    top: 74px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 30px;
  }
}

@media (min-width: 1024px) {
  #hero .carousel-control-prev, #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  transition: all 0.5s;
  z-index: 997;
  padding: 8px 0;
  background-image: linear-gradient(#4e4e50, #363435 );
  position: sticky;
  border-bottom: none;
}

#header .logo {
  font-size: 30px;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#header .logo a {
  color: #fff;
}

#header .logo img {
  max-height: 50px;
}

#header.header-scrolled, #header.header-inner-pages {
  background-image: linear-gradient(#4e4e50, #363435 );
  padding: 12px 0;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar > ul > li {
  white-space: nowrap;
  padding: 10px 0 10px 24px;
}

.navbar a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Poppins", sans-serif;
  color: #fff;
  font-size: 15px;
  padding: 0 4px;
  white-space: nowrap;
  transition: 0.3s;
  letter-spacing: 0.4px;
  position: relative;
}

.navbar a i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar > ul > li > a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #e43c5c;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {
  visibility: visible;
  transform: scaleX(1);
}

.navbar a:hover, .navbar .active, .navbar li:hover > a {
  color: #fff;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 24px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  color: #493c3e;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
  color: #e43c5c;
}

.navbar .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }
  .navbar .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #fff;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }
  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(45, 37, 38, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile > ul > li {
  padding: 0;
}

.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {
  visibility: hidden;
}

.navbar-mobile a {
  padding: 10px 20px;
  font-size: 15px;
  color: #493c3e;
}

.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
  color: #e43c5c;
}

.navbar-mobile .getstarted {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
  color: #e43c5c;
}

.navbar-mobile .dropdown > .dropdown-active {
  display: block;
}


#footer {
  /*background: #587187;*/
  background-image: linear-gradient(#4e4e50, #363435 );
  padding: 0 0 30px 0;
  color: #fff;
  font-size: 14px;
}

#footer .footer-top {
  /*background: #5c768d;*/
  background-image: linear-gradient(#4e4e50, #363435 );
  border-top: 1px solid #768fa6;
  border-bottom: 1px solid #67839c;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #4e4e50;
  color: #fff;
  border: 1.5px solid #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.2s;
}

#footer .footer-top .social-links a:hover {
  background: #fff;
  color: black;
  text-decoration: none;
  border: 1.5px solid #fff;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #9eccf4;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  color: #9eccf4;
}

#footer .footer-top .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 110px);
}

#footer .footer-top .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #4e4e50;
  border: 1px solid #fff;
  color: #fff;
  transition: 0.3s;
  border-radius: 4;
}

#footer .footer-top .footer-newsletter form input[type="submit"]:hover {
  background: #5295ce;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}

#footer .credits {
  padding-top: 10px;
  text-align: center;
  font-size: 13px;
  color: #fff;
}

#footer .credits a {
  color: #9eccf4;
}


@media (max-width: 1200px){
    #form1{
        display: none;
    }

}

@media (max-width: 1199.99px){
    #form2{
        display: block !important;
    }
}

@media (min-width: 1200px){
    #form2{
        display: none !important;
    }
}
@media (max-width: 420px) {
    .float-cont {
        padding: 42px 16px 1px 5px !important;
    }
}

         
.fa-phone::before {
  padding: 10px;
}
.fa-envelope::before {
    padding: 10px;


  }
.contact {
  height: 100%;
  padding: 23px;
  padding-top: 100px;
}

.float-box {
  height: 100%;
  padding: 0;
}
.col-md-6.fl-l {
  padding: 30px;
}

.col-md-6.fl-r {
  padding: 50px;
  line-height: 2;
}

/*contact*/
#contact-page{
  padding-top: 0;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  
}

textarea#message{
  resize: none;
  padding: 10px;
  height: 70px !important;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}
.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}