*{ 
	font-family:'Quicksand';
}
.text-center img {
	display: inline-block;
}
body {
}
header {
	padding: 0px;
}
.header-top {
    padding: 20px 0px;
    background-color: #fff;
}
.inner-top{
	position: relative !important;
}
header .mainmenu {
    float: right;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    align-content: center;
}
header .mainmenu ul li a {
	text-decoration: none;
	font-size: 17px;
	color: #1a1a1a;
	font-weight: 600;
	padding: 5px 10px;
	border-radius: 25px;
}
header .mainmenu ul li {
	padding: 0px 15px;
}
header .mainmenu ul li:last-child {
	padding-right: 0px !important;
}
/*************SUB MENU*************/
.mainmenu .sub-menu {list-style: outside none none;  min-width: 250px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}
.mainmenu li:last-child:hover .sub-menu {right: 0;}
.mainmenu li:hover .sub-menu{ display:block; }
.mainmenu .sub-menu li{padding:0px !important;}
.mainmenu .sub-menu li a { background-color: #fff;  display: block;  padding: 10px 15px !important;  text-align: left; color: #000 !important;  text-decoration: none;  transition: all 1s ease-in-out 0s;}
.mainmenu .sub-menu li a:hover { background:#fff !important; padding-left:25px; color: #000 !important;}
.col-md-5ths {
	width: 20%;
	float: left;
}

/*******MAIN MENU*********/
header .mainmenu .navbar {
	margin: 0px;
	padding: 0px;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
  margin: 0px;
}
.owl-theme .owl-nav {
	margin-top: 0;
}
header .mainmenu .navbar-nav a.active,
header .mainmenu .navbar-nav a:focus,
header .mainmenu .navbar-nav a:hover {
	color: white;
	 background: rgb(0,79,159);
	background: linear-gradient(90deg, rgba(0,79,159,1) 40%, rgba(0,156,225,1) 100%); 

}
header .header-bottom {
	position: relative;
	background: url(img/banner/banner.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	padding: 5% 0% 25%;
	background-color: #f6f6f6;
}
.banner-info h1 {
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 700;
	background: linear-gradient(to right, #0050a0, #009ce1);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.divider-img img {
	margin-top: -20px;
}

/*********** CAROUSEL NAV***********/
header .header-bottom .owl-prev {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("img/icons/banner-left-arrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	margin:0px !important;
	display: inline-block;
	height: 64px;
	left: 5%;
	position: absolute;
	text-indent: -99999px;
	top: 45%;
	width: 33px;
	outline: none !important;
	opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
header .header-bottom .owl-next {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("img/icons/banner-right-arrow.png") !important;
	background-repeat: no-repeat !important;
	background-position: 0 0;
	margin:0px !important;
	display: inline-block;
	height: 64px;
	right: 5%;
	position: absolute;
	text-indent: -99999px;
	top: 45%;
	width: 33px;
	outline: none !important;
	opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
header .header-bottom:hover .owl-prev {
	opacity: 1;
	left: 2%;
}
header .header-bottom:hover .owl-next {
	opacity: 1;
	right: 2%;
}

/**********CAROUSEL DOTS***************/
header .header-bottom .owl-theme .owl-controls {
    margin-top: 0;
}
header .header-bottom .owl-dots {
	bottom: 5%;
	left: 0;
	position: absolute;
	right: 0;
}
header .header-bottom .owl-theme .owl-dots .owl-dot span {
	background-color: #fff;
}
header .header-bottom  .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #edb200;
}
.header-wrap .row .col-lg-3.col-md-3 {
	align-content: center;
}
.header-wrap .row .col-lg-2.d-none.d-lg-block.d-md-block.d-sm-none {
	align-content: center;
	text-align: right;
}
.header-btn a {
	background: white;
	color: #004e9e;
	text-decoration: none;
	padding: 10px 15px;
	border-radius: 25px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	font-weight: 600;
}
.banner-info p {
	font-size: 22px;
	color: #282828;
	font-weight: 500;
	line-height: 1.2;
}
.bidmaker-btn a {
  color: white;
  background: #ef7f05;
  border-radius: 25px;
  padding: 8px 20px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-decoration: none;
  font-weight: 600;
}
.bidmaker-btn a:hover {
	color: white;
	background: #ef7f05;
}

.banner-wrap {
	padding-bottom: 50px;
}

.banner-shape {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
}
.heading h3 {
	font-size: 45px;
	color: #00549a;
	font-weight: 700;
	font-family: "Montserrat";
}
.heading h3 span {
	font-size: 45px;
	color: #0fa2db;
	font-weight: 700;
	font-family: "Merriweather";
	font-style: italic;
}
.heading h5 {
	font-size: 25px;
	color: #282828;
	font-weight: 700;
}
.heading p {
	font-size: 18px;
	color: #282828;
	font-weight: 400;
	line-height: 1.7;
}
.heading h6 {
    font-size: 30px;
    color: #00549a;
    font-weight: 700;
    font-family: "Montserrat";
    margin-bottom: 20px;
}
.heading h6 span {
	font-size: 30px;
	color: #0fa2db;
	font-weight: 700;
	font-family: "Merriweather";
	font-style: italic;
}
.heading p {
	font-size: 20px;
	font-weight: 500;
	color: #282828;
}
.banner-shape img {
	width: 100%;
}
.video-column {
	position: relative;
}

.banner-video-overlay { 
  position: relative;
  z-index: 9;
  overflow: hidden;
  border: solid #fff;
  border-radius: 16px;
  border-width: 6px;
  filter: drop-shadow(4px 4px 4px #ddd);
}

.cn {
	position: absolute;
	opacity: 1;
	vertical-align: middle;
	text-align: center;
	margin: auto;
	z-index: 99;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto;
	top: 160px;
	display: block !important;
	width: 100%;
}

.large {
	font-size: 4.5em;
	color: white;
	text-decoration: none;
}

.cn:hover .large {
 color: white; 
}
.bidmarker-img img {
	border-radius: 25px;
	border: 5px solid white;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background: black;
}

div.inner {
    display: block;
    width: 100%;
    height: 100%;
}
.modal-content {
	background-color: #fff0 !important;
	border: none !important;
}
.modal-content button {
	width: 30px;
	color: white;
	background: #ef7f05;
	border: 0px;
	border-radius: 50%;
	font-size: 20px;
	height: 30px;
	padding: 0px 10px 6px 9px;
}

.banner-box {
	width: 150px;
	height: 150px;
	border: 3px solid #ef830d;
	position: absolute;
	right: -30px;
	border-radius: 15px;
	top: -30px;
	z-index: 1;
}
.banner-product {
	position: absolute;
	z-index: 99;
	right: 0;
	left: 0;
}
.right-for-you-section {
	padding: 30% 0% 5%;
	background: url(img/others/right-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.right-head h2 {
	color: white !important;
}
.right-head h2 span {
	color: white !important;
}
.right-wrap {
	padding: 20px 0px;
}
.req-text-content {
	padding-top: 15px;
}
.req-text-content p {
	text-align: justify;
	color: white;
	font-size: 20px;
}
.req-points {
	padding-left: 10px;
}
.req-points ul li img {
	padding-right: 10px;
}
.req-points ul li {
	color: white;
	font-size: 20px;
	padding-bottom: 30px;
}
.our-work-section {
	padding: 5% 0%;
}
.heading h2 {
	font-size: 52px;
	color: #009de2;
	font-weight: 400;
	text-transform: uppercase;
}
.heading h2 span {
	font-weight: 700;
	color: #0050a0;
}
.our-work-wrap {
	padding-top: 40px;
}
.work-box-border {
background: white;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding: 30px;
position: relative;
background-clip: padding-box;
border-radius: 15px;
border: 3px solid transparent;
}
.work-box-border:hover {
background: linear-gradient(white,white) padding-box, linear-gradient(90deg, #0052a2, #0099df) border-box !important;
}
.work-box-border:hover .work-wrap-icon {
	background: #ef7f05;
}
.work-box-border:hover .work-wrap-icon img {
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(231deg) brightness(102%) contrast(101%);
}
.work-wrap-icon {
	background: #fdf2e6;
	display: inline-flex;
	padding: 15px;
	border-radius: 50%;
	margin-bottom: 20px;
}
.work-wrap-icon img {
	width: 50px;
}
.work-box-border p {
	color: #282828;
	font-size: 20px;
	font-weight: 500;
	min-height: 200px;
	padding-top:40px;
}
.our-story-section {
	padding: 5% 0%;
	background: #f3f7f9;
	background-image: url(img/others/story-right-bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.story-content p {
	font-size: 18px !important;
	padding-bottom: 20px;
}
.our-story-section .row .col-md-6.align-image {
	align-content: center;
}
.test-client {
	padding: 5% 0%;
}
.test-wrap {
	padding-top: 40px;
}
.test-contents-wrap {
	margin: 50px 15px 15px 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
}
.test-contents img {
	width: auto !important;
	display: block;
	margin: auto;
}
.text-client-img img {
	width: auto !important;
	display: block;
	margin: auto;
	border-radius: 50%;
	border: 5px solid #eaeaea;
}
.text-client-img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
}
.test-contents {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border-radius: 10px;
	padding: 80px 25px 25px 25px;
}
.test-contents h4 {
	color: #0053a2;
	font-size: 21px;
	text-transform: uppercase;
	font-weight: 600;
}
.test-contents h6 {
	color: #009be0;
	font-size: 17px;
	font-weight: 500;
}
.test-contents p {
	color: #282828;
	font-size: 17px;
	font-weight: 500;
	padding-top: 10px;
}
.test-client .owl-nav.disabled {
 display: block !important;
}
.test-client {
 padding: 5% 0%;
 position: relative;
}
.test-client button.owl-prev {

  position: absolute;
  left: -45px;
  top: 50%;

}
.test-client button.owl-next {

  position: absolute;
  right: -45px;
  top: 50%;

}
.test-client .owl-nav button span {
    font-size: 25px;
    width: 30px;
    background-color: #e5edf5;
    padding: 1px 16px 8px 16px;
    border-radius: 50%;
    color: #0053a2;
}
.test-client .owl-nav button span:hover {
	color: white !important;
	background: #ef7f05 !important;
}
.test-client .owl-nav button:hover {
	background: transparent !important;
}

.our-approach {
	background-image: url(img/others/works-bg.png);
	background-position: top;
	background-repeat: no-repeat;
	background-size: 100% 50% !important;
	padding: 5% 0% !important;
}
.approach-content h2 {
	color: #fff !important;
}
.approach-content h2 span{
	color: #fff !important;
}
.approach-box h5 {
	color: #004e9e !important;
	font-weight: bold !important;
	text-transform: uppercase;
	font-size: 23px !important;
	padding: 5% 0% 2% 0% !important;
}

.approach-box p {
	color: #282828 !important;
	font-weight: 600 !important;
	font-size: 18px !important;
	min-height: 220px !important;
}
.approach-box {
	background: #fff !important;
	border-radius: 15px !important;
	padding: 25px !important;
	margin: 0px !important;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.aproch-wrap-icon {
	background: #ef7f05;
	display: inline-flex;
	padding: 15px;
	border-radius: 50%;
	margin-bottom: 20px;
}
.approach-content .row {
	padding-top: 30px;
}

.request-section {
	padding: 5% 0%;
}
.request-img {
	padding-top: 30px;
}


.automate-sec {
	background: rgb(243,247,249);
	background: linear-gradient(180deg, rgba(243,247,249,1) 50%, rgba(255,255,255,0) 50%);
	background-position: center;
	padding: 5% 0%;
}
.gredient {
	background: linear-gradient(to right, #0050a0, #009ce1);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	font-weight: bold !important;
}
.auto-img-wrap {
	padding-top: 40px;
}


.footer-section {
    padding: 5% 0% 0%;
}
.col-md-3.footer-middle {
	align-content: center;
}
.foot h4 {
	color: #1a1a1a;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
}
.foot ul {
	padding-left: 15px;
	padding-top: 10px;
}
.foot ul li a {
	color: #1a1a1a;
	text-decoration: none;
	font-size: 17px;
	padding-left: 10px;
}
.foot ul li {
	padding-bottom: 10px;
}
.foot ul li::marker {
	color: #ef7f05;
}
.address-menu ul {
	padding-left: 0;
}
.address-menu ul li {
	padding-bottom: 15px;
}
.address-menu ul li a {
	padding-left: 0px;
}
.address-menu ul li a i {
	margin-right: 15px;
}
.address-menu ul li a i {
	margin-right: 15px;
	color: #ef7f05;
	padding: 8px;
	border-radius: 50%;
	font-size: 15px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.footer-bottom {
	border-top: 1px solid #cdcdcd;
	padding: 20px 0px;
}
.copyrights p {
	color: #282828;
	font-size: 18px;
	font-weight: 400;
	text-align: right;
}
.social-icon {
	text-align: right;
}
.social-icon ul li {
	padding-left: 15px;
}
.social-icon ul li a i {
	width: 20px;
	text-align: center;
}
.social-icon ul li a {
	background: white;
	padding: 8px;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	color: #265fa5;
}
.social-icon ul li a:hover {
	background: #ef7f05;
	color: white;
}


/*RESPONSIVE*/
@media screen and (max-width: 4000px) {
	.right-for-you-section {
		padding: 15% 0% 5%;
	}
}

@media screen and (max-width: 1920px) {
	.right-for-you-section {
		padding: 26% 0% 5%;
	}
	header .header-bottom {
		padding: 5% 0% 15%;
	}
	.our-story-section {
		background-size: 30%;
	}
	.approach-box p {
		min-height: 160px !important;
	}

}
@media screen and (max-width: 1680px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {

}

@media screen and (max-width: 1366px) {
	.approach-box p {
	min-height: 220px !important;
}

}

@media screen and (min-width: 1100px) and (max-width: 1280px) {

}
@media screen and (max-width: 1279px) {
	.approach-box p {
	min-height: 220px !important;
	font-size: 17px !important;
}
header .mainmenu ul li {
	padding: 0px 7px;
}
header .mainmenu ul li a {
	font-size: 16px;
}
.header-btn a {
	font-size: 14px;
}
.banner-info h1 {
	font-size: 32px;
}
.work-box-border p {
	font-size: 17px;
}
.right-for-you-section {
	padding: 35% 0% 5%;
}
.heading h2 {
	font-size: 42px;
}
.story-content p {
	font-size: 17px !important;
}
.heading p {
	font-size: 18px;
}
.heading p {
	font-size: 17px;
}
.copyrights p {
	font-size: 17px;
}

}

@media screen and (max-width: 1023px) {
	header .mainmenu ul li a {
	font-size: 14px;
}
header .mainmenu ul li {
	padding: 0px 2px;
}
.header-btn a {
	padding: 6px 10px;
	font-size: 10px;
}
.banner-info h1 {
	font-size: 26px;
}
header .mainmenu ul li a {
	font-size: 12px;
}
.banner-info p {
	font-size: 19px;
}
.bidmaker-btn a {
	padding: 7px 13px;
	font-size: 14px;
}
.banner-product img {
	width: 80%;
}
.cn {
	top: 90px;
}
.large {
	font-size: 3em;
}
.banner-box {
	width: 130px;
	height: 130px;
	right: -20px;
	top: -20px;
}
.right-for-you-section {
	padding: 25% 0% 5%;
}
.req-text-content {
	padding-right: 20px;
}
.req-points {
	padding-left: 10px;
}
.req-text-content p {
	font-size: 15px;
}
.heading h2 {
	font-size: 32px;
}
.req-points ul li {
	font-size: 15px;
}
.heading p {
	font-size: 16px;
}
.work-box-border p {
	font-size: 15px;
}
.work-box-border {
	padding: 15px;
}
.story-content p {
	font-size: 15px !important;
}
.text-client-img img {
	width: 40% !important;
}
.test-contents {
	padding: 60px 15px 15px 15px;
}
.test-contents h4 {
	font-size: 19px;
}
.test-contents h6 {
	font-size: 15px;
}
.test-contents p {
	font-size: 14px;
}
.test-contents-wrap {
	margin: 50px 10px 10px 10px;
}
.test-client button.owl-prev {
	position: absolute;
	left: -40px;
	top: 50%;
}
.test-client button.owl-next {
	position: absolute;
	right: -40px;
	top: 50%;
}
.approach-box h5 {
	font-size: 17px !important;
}
.aproch-wrap-icon {
	padding: 10px;
	margin-bottom: 10px;
}
.approach-box {
	padding: 15px !important;
}
.approach-box p {
	min-height: 190px !important;
	font-size: 14px !important;
}
.foot h4 {
	font-size: 17px;
}
.foot ul li a {
	font-size: 12px;
	padding-left: 5px;
}
.address-menu ul li a i {
	padding: 8px;
	font-size: 10px;
}
.copyrights p {
	font-size: 15px !important;
}
.social-icon ul li a {
	padding: 5px;
}

}

@media screen and (max-width: 767px) {
	header .header-logo {
		text-align: center;
	}
	header .header-logo img {
		display: inline-block;
	}
	header .mainmenu .navbar {
	  margin: 0;
	  padding: 0;
	}
	.icon-bar {
		background-color: #0050a0;
		border-radius: 1px;
		display: block;
		height: 2px;
		width: 22px;
	}
	.icon-bar + .icon-bar {
		margin-top: 4px;
	}
	button:focus {
		outline: none;
	}
	.navbar-toggler {
	  background-color: transparent;
	  background-image: none;
	  border-radius: 0;
	  padding: 9px 10px;
	}
	.navbar-dark .navbar-toggler {
	  border: medium none;
	}
	#collapsibleNavbar ul {
	padding-top: 20px;
}
#collapsibleNavbar ul li {
	padding-bottom: 10px;
}
header .mainmenu {
	float: none;
	height: 100%;
	vertical-align: middle;
	align-items: center;
	align-content: center;
}
.mainmenu .navbar a img {
	width: 70%;
}
.header-top {
	padding: 10px 0px;
}
header .mainmenu ul li a {
	font-size: 14px;
}
.banner-info h1 {
	text-align: center;
}
.banner-info {
	text-align: center;
}
.video-column {
	margin-top: 50px;
}
.banner-box {
	width: 100px;
	height: 100px;
	right: -10px;
	top: -10px;
}
.heading h2 {
	font-size: 28px;
}
.req-text-content p {
	text-align: center;
}
.req-points {
	padding-left: 10px;
	padding-top: 20px;
}
.req-text-content {
	padding-right: 0px;
	border: none;
}
.banner-product img {
	width: 95%;
}
.banner-shape {
	display: none;
}
.right-for-you-section {
	padding: 40% 0% 10%;
}
.right-wrap {
	padding: 10px 0px;
}
.our-work-wrap {
	padding-top: 20px;
}
.our-work-section {
	padding: 10% 0%;
}
.box-gradiant-border {
	padding-bottom: 30px;
}
.work-box-border p {
	min-height: max-content;
}
.our-story-section {
	padding: 10% 0%;
	background-size: 0;
	text-align: center;
}
.story-map-image {
	padding-top: 40px;
}
.test-client button.owl-prev {
	position: absolute;
	left: -10px;
	top: 50%;
}
.test-client button.owl-next {
	position: absolute;
	right: -10px;
	top: 50%;
}
.text-client-img img {
	width: 30% !important;
}
.test-contents {
	padding: 80px 20px 20px 20px;
}
.test-client {
	padding: 10% 0%;
}
.our-approach {
	padding: 10% 0% !important;
}
.approach-box {
	padding: 20px !important;
	margin-bottom: 30px !important;
}
.approach-box p {
	min-height: max-content !important;
}
.footer-logo {
	padding-bottom: 30px;
	text-align: center;
}
.foot ul {
	padding-left: 15px;
	padding-top: 0px;
}
.foot ul li a {
	font-size: 14px;
}
.address-menu ul {
	padding-left: 0 !important;
}
.copyrights p {
	text-align: center;
}
.social-icon {
	text-align: center;
}

}
@media screen and (max-width: 480px) {


}
@media screen and (max-width: 387px) {

}
@media screen and (max-width: 375px) {

}
@media screen and (max-width: 360px) {

}
@media screen and (max-width: 320px) {

}