/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap');




 body {
   font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #000;
	padding: 0px;
	margin: 0px;
}
.container{ max-width: 1280px;}

.banner_bgbox {
	padding-top: 40px;
    padding-bottom: 310px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 1;
	animation: fadeIn 5s;
}
.banner_headingspan{ color: #f8ff00;}
.banner_bgbox::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(23, 26, 41, 0.3);
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner_bgbox .svg-shape {
    position: absolute;
    bottom: -17%;
    left: -26%;
    width: 100%;
}



.logo_box img{ max-width: 200px;}
ul.menu_list{ list-style: none; margin: 0px; padding: 0px; text-align: right;}
ul.menu_list li{ display: inline-block; color: #fff; padding-left: 70px; font-weight: 600;}
ul.menu_list li a{ text-decoration: none; color: #fff;}


.banner_section{ color: #fff; padding-top: 100px; max-width: 900px;}
.h1text{ font-weight: 800; font-size: 60px; padding-left: 30px; border-left: solid 8px #ED2D40; margin-top: 40px; margin-bottom: 40px;}

.btn_box{ background: #ED2D40; font-weight: 700; color: #fff; padding: 15px 30px; border-radius: 8px; display: inline-block; text-decoration: none;}
.btn_box:hover{ background: #D12637; color: #fff; text-decoration: none;}



ul.socialmedia{ list-style: none; margin: 0px; padding: 0px; display: inline-block;}
ul.socialmedia li{ display: inline-block; position:relative; top: 15px; margin-left: 10px;}



.facebook{background:url("../images/facebook.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}
.linkden{background:url("../images/linkden.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}
.twitter{background:url("../images/twitter.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}
.instagram{background:url("../images/instagram.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}


.title{ color: #ED2D40; }
h2{ font-size: 30px; font-weight: 700;}
.whoweare_imgbox img{ max-width: 510px; margin: auto;}
.whoweare_textbox{ background: #FFF5F4; border-radius: 8px; padding: 50px 30px;  }
.whoweare_texticon { background: url(../images/text_icon.svg) no-repeat; width: 35px; height: 25px; background-size: 100%; display: block; float: left; margin-right: 10px;margin-top: 4px;}
.whoweare_btn{ font-size: 16px; font-weight: 700;}
.whoweare_btn::before{ content: ""; display: inline-block;  background: url(../images/arrow_icon.svg) no-repeat; width: 21px; height: 21px; background-size: 100%;
margin-right: 10px; position: relative; top: 4px; }



 
.whatweprovide_section {background: #f8f8f8;background-repeat: no-repeat;background-size: cover;background-position: center center; padding-bottom: 20px;}

.whatweprovide_box{ border-radius: 8px; background: #fff; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05); padding: 20px; margin-bottom: 30px;}
h3{ font-size: 18px; font-weight: 700;}
.services_iconbox{ width: 50px; height: 50px; margin-bottom: 10px; margin-top: 10px;}
.services_iconbox img{ width: 100%;  }
.services_linkbox{ border-top: solid #EAEAEA 1px; margin-top: 15px; padding-top: 15px;  font-weight: 700;} 
.services_linkbox::before{ content: ""; display: inline-block;  background: url(../images/arrow_icon.svg) no-repeat; width: 21px; height: 21px; background-size: 100%;
margin-right: 10px; position: relative; top: 5px; }



.howwedo_box{ border-top: solid 2px #EAEAEA; position: relative; padding-top: 30px;}
.howwedo_icon{ width: 75px; height: 75px; position: absolute; top: -55px; left: 0px; }
.howwedo_icon img{ width: 100%; }
.howwedo_box:before {content: ""; background: url("../images/arrowright_icon.svg") no-repeat; width: 21px; height: 12px; background-size: 100%; position: absolute; left: 50%; top: -7px; z-index: 1;}
ul.howwedo_list{ list-style: none; margin: 0px; padding: 0px; margin-top: 30px;}
ul.howwedo_list li{ font-weight: 700; padding-bottom: 15px;}



ul.howwedo_list li::before{ content: ""; background: url("../images/tick_icon.svg") no-repeat; width: 13px; height: 12px; background-size: 100%; display: inline-block;
margin-right: 10px; position: relative; top: 1px;}

.slidleft_icon{ background: url("../images/slideleft_icon.svg") no-repeat; width: 25px; height: 25px; background-size: 100%; display: inline-block; cursor: pointer; margin-left: 10px;}
.slidright_icon{background: url("../images/slideright_icon.svg") no-repeat; width: 25px; height: 25px; background-size: 100%; display: inline-block; cursor: pointer; margin-left: 10px;}

.expertise_section{ background: #ED2D40; padding-top: 50px; padding-bottom: 50px; color: #fff;}

.white_text{color: #fff;}
.black_text{ color: #000;}



.expertise_project{ font-size: 15px;}
.expertise_title{ font-size: 20px; font-weight: 700; position: relative;}
.expertise_text{ display: inline-block; padding-bottom: 30px; border-bottom: solid 1px #fff;}

.expertise_count{ font-size: 50px; position: relative; top: 5px; color: #000;}


.expertise_icon {
    background: url(../images/project_icon.svg) no-repeat;
    width: 51px;
    height: 51px;
    background-size: 100%;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -60px;
}

.customer_icon {
    background: url("../images/customer_icon.svg") no-repeat;
    width: 51px;
    height: 51px;
    background-size: 100%;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -60px;
}
.time_icon {
    background: url("../images/time_icon.svg") no-repeat;
    width: 51px;
    height: 51px;
    background-size: 100%;
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: -60px;
}





.our_clientssection{
   background-repeat: no-repeat;
    background-size: contain;
    background-position: 60% 100%;
	background-position: top right;
}


.clients_staricon{  background: url("../images/clients_star.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}




.clients_box {
    border-radius: 8px;
    background: #fff;
    box-shadow: 0px 0px 55px rgba(0, 0, 0, 0.14);
    padding: 30px 75px;
    position: relative;
    margin-right: 50px;
    padding-right: 0px;
}


.clients_namebox{ padding-top: 10px; border-top: solid 1px #ddd; margin-top: 10px;}
.clients_company{ color: #A8A8A8;}
.clients_imgbox{ border-radius: 16px; background: #ed2d40; height: 120px; width: 120px; position: absolute; top: 25%; left: -60px;}
.clients_picture{ height: 120px; width: 120px; background-repeat: no-repeat; background-size: contain; border-radius: 16px; margin-top: -5px; margin-left: -5px; } 



.ourwork_box{ border-radius: 8px; background: #fff; box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.14); margin-bottom: 30px;}
.ourwork_box img{ width: 100%;}

.whychoose_section{ background: #ED2D40; padding-top: 50px; padding-bottom: 50px; color: #fff;}
.quality_heading{ font-weight: 700; margin-top: 10px; margin-bottom: 10px;}
.quality_icon{  background: url("../images/quality_icon.svg") no-repeat; width: 80px; height: 80px; background-size: 100%; display: inline-block;}
.simplicity_icon{  background: url("../images/simplicity_icon.svg") no-repeat; width: 80px; height: 80px; background-size: 100%; display: inline-block;}
.reliability_icon{  background: url("../images/reliability_icon.svg") no-repeat; width: 80px; height: 80px; background-size: 100%; display: inline-block;}



.contact_section{ background-repeat: no-repeat; background-size: contain; background-position: 60% 100%;}


.contact_formbox{ background: #f8f8f8; border-radius: 16px; padding: 50px 20px;}
.contact_input{ border-radius: 8px; border: 1px solid #ebebeb; background: #fff; height: 45px; width: 100%; padding: 5px; font-size: 12px; margin-bottom: 15px;}
.contact_input:focus, .contact_textaria:focus{ outline: none;}
.contact_textaria{ border-radius: 8px; border: 1px solid #ebebeb; background: #fff; height: 100px; width: 100%; padding: 10px; font-size: 12px; margin-bottom: 15px; resize: none;}
.contact_btn{ background: #ed2d40; border-radius: 8px; width: 100%; color: #fff; font-weight: 700; border: 0px; padding: 15px;}
 
.contact_heading{ font-size: 30px; font-weight: 700; border-left: solid 4px #ed2d40; padding-left: 30px;}
 


.contact_phone::before {
    content: "";
    background: url(../images/phone_icon.svg) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    position: relative;
    top: 4px;
}
.contact_email::before {
    content: "";
    background: url(../images/email_icon.svg) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    position: relative;
    top: 4px;
}
.contact_location::before {
    content: "";
    background: url(../images/location_icon.svg) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    display: inline-block;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    position: relative;
    top: 4px;
}

.contact_text{ font-size: 16px; font-weight: 700;}



footer{ background: #000;}
 
.subscribe_box{ background: #ED2D40; padding: 15px 40px; border-radius: 16px; position: relative; top: -50px; margin-bottom: -50px;}
.subscribe_text{ font-size: 30px; font-weight: 700; color: #fff; line-height: 33px;}

.subscribe_icon {
    background: url(../images/subscribe_icon.svg) no-repeat;
    width: 130px;
    height: 130px;
    background-size: 100%;
    display: inline-block;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
}

 
.subscribe_inputbox{ position: relative;}
.subscribe_input{ background: #fff; border: 0px; border-radius: 8px 0px 0px 8px; height: 50px; width: 98%; padding: 10px; padding-right: 100px;}
.subscribe_btn{ background: #000; border: 0px; border-radius: 0px 8px 8px 0px; height: 50px; color: #fff; font-weight: 600; padding: 10px; position: absolute; right: 0px;}
.subscribe_input:focus{ outline: none;}

.footer_section{ color: #fff;} 
.footer_logo{ width: 200px; }
.footer_logo img{ width: 100%;}
.footer_heading{ font-size: 16px; font-weight: 700;}
ul.footer_menulist{ list-style:none; padding: 0px;}

ul.footer_menulist li{ margin-bottom: 20px;}




ul.socialmedia_footer{ list-style: none; margin: 0px; padding: 0px; display: inline-block;}
ul.socialmedia_footer li{ display: inline-block; position:relative; top: 15px; margin-left: 10px;}




.facebook_footer{background:url("../images/facebook_footer.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}
.linkden_footer{background:url("../images/linkden_footer.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}
.twitter_footer{background:url("../images/twitter_footer.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}
.instagram_footer{background:url("../images/instagram_footer.svg") no-repeat; width: 40px; height: 40px; background-size: 100%; display: inline-block;}





.copyrights_box{ border-top: solid 1px #707070; text-align: center; margin-top: 40px; padding-top: 20px; margin-bottom: 20px; color: #707070; font-size: 12px;}


.owl-carousel.owl-drag .owl-item{ padding-top: 20px;}
 
.owl-nav {
    position: absolute;
    top: -122px;
    right: 114px;
}


.owl-next {
    background: url(../images/slideright_icon.svg) no-repeat !important;
    width: 25px;
    height: 25px;
    background-size: 100% !important;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}

.owl-prev {
    background: url(../images/slideleft_icon.svg) no-repeat !important;
    width: 25px;
    height: 25px;
    background-size: 100% !important;
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}
.owl-dots{ display: none;} 

.howwedo_textbox{ max-width: 350px;}


.owl-next span ,.owl-prev span{ display: none;}

ul.mobile_menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.mobile_menu li {
    display: block;
}
ul.mobile_menu li a {
    background: #fff;
    text-decoration: none;
    font-size: 16px;
    color: #000;
    padding: 20px;
    display: block;
}
.mobile_logo {
    width: 200px;
    padding-left: 25px;
}
.mobile_logo img {
    width: 100%;
}



.hamburger_btn {
    display: none;
    cursor: pointer;
	float: right;
	position: relative;
	z-index: 99;
}

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 40px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #ED2D40;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

 
 
/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 12px;
}

#nav-icon3 span:nth-child(4) {
  top: 24px;
}

#nav-icon3.open span:nth-child(1) {
  top: 15px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 15px;
  width: 0%;
  left: 50%;
}


/*NAV*/
nav {
	background-color: #fff;
	border-right: solid 5px #007A2B;
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	height: 100%;
	max-width: 100%;
	width: 70%;
	overflow-y: auto;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
nav.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	padding: 35px 0px;
	padding-top: 10px;
	padding-bottom: 0px;
}


/*OVERLAY*/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #39393a;
	opacity: 0;
	visibility: hidden;
}
.overlay.show {
	opacity: 0.8;
	visibility: visible;
}
 
 
.fixed {
    margin-top: 0px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #000c;
    z-index: 9999999;
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.09);
    transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
    padding: 20px;
}

.owl-carousel {
     
    z-index: 0;
}

.mt_5{ margin-top: 5px;}
.mt_10{ margin-top: 10px;}
.mt_20{ margin-top: 20px;}
.mt_30{ margin-top: 30px;}
.mt_40{ margin-top: 40px;}
.mt_50{ margin-top: 50px;}
.mt_100{ margin-top: 100px;}





.carousel-3d-slide {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.14);
	border: solid 1px #ddd;
	border-radius: 4px;
}
.prev[data-v-05517ad0] {
    left: 244px !important;
    top: 0px !important;
}
.next[data-v-05517ad0] {
    right: 225px !important;
    top: 0px !important;
}
.Next slide span {
    font-size: 20px;
}
.carousel-3d-container .next span {
    font-size: 40px;
}
.carousel-3d-container .prev span {
    font-size: 40px;
}
.carousel-3d-slide {
    width: 400px !important;
}