@import 'https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap';
.p0 {
	padding: 0
}

h1, h2 {
	font-family: bebas neue, cursive;
	margin:      0
}

h3, a, li, span, button, p, h4, h5, h6 {
	font-family: poppins, sans-serif
}

body {
	overflow-x: hidden
}

a:hover, a:focus, button:hover, button:focus, .form-btn-st:focus {
	text-decoration: none !important;
	outline:         none
}

.logo img {
	width:  170px !important;
	filter: brightness(0) invert(1)
}

.logo {
	margin-top: 10px
}

.head_top {
	padding:  15px 0;
	z-index:  9;
	position: absolute;
	padding:  0;
	width:    100%
}

section {
	float: left;
	width: 100%
}

.head_top .row {
	display:         flex;
	align-items:     center;
	justify-content: space-between
}

.serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn {
	justify-content: flex-end
}

.serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn a.serv-cta-tel {
	margin-right: 15px;
	color:        #FFFFFF
}

.serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn a.serv-cta-tel.popup-btn {
	margin-right: 0
}

.serv-cta-btn.inr-tab-btn.header-btn.cta-tab-btn a.serv-cta-chat:hover {
	color: #FFFFFF
}

.main-banner {
	overflow:            hidden;
	position:            relative;
	padding:             150px 0 0;
	background:          url(../images/banner-bg.html);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center;
	z-index:             2
}

.bnr-txt h1 {
	font-size:   55px;
	font-weight: 400;
	text-align:  center;
	color:       #FFFFFF
}

.banner-img-bk img {
	width:          60%;
	display:        table;
	opacity:        .4;
	filter:         blur(1px);
	-webkit-filter: blur(1px);
	z-index:        -1;
	position:       relative;
	margin:         50px auto 0
}

.bnr-txt p {
	font-size:     16px;
	font-weight:   400;
	color:         #FFFFFF;
	text-align:    center;
	line-height:   30px;
	margin-bottom: 0
}

.main-banner .form-st form {
	display:         flex;
	justify-content: center
}

.main-banner .form-st {
	border-radius: 6px;
	padding:       0 30px;
	width:         auto;
	margin:        25px 0 0
}

.main-banner .form-st .form-div input, .main-banner .form-st .form-div {
	width: 100%
}

.main-banner .form-st .form-div input {
	background:    #000000;
	border:        0;
	padding:       15px 20px;
	border-radius: 6px;
	color:         #FFFFFF;
	font-size:     16px
}

.main-banner .form-st .form-div {
	margin: 0 10px
}

.main-banner .form-st .form-div input::placeholder {
	color: #FFFFFF
}

.form-div-btn input {
	padding:       15px 35px;
	border:        0;
	border-radius: 6px;
	background:    #3388A4;
	color:         #FFFFFF;
	font-size:     16px
}

.form-div-btn .fa-arrow-right {
	position:            absolute;
	top:                 18px;
	right:               15px;
	color:               #FFFFFF;
	transition-duration: 1s
}

.form-div-btn {
	position: relative;
	margin:   0 10px
}

.form-div-btn:hover .fa-arrow-right {
	right: -15px
}

.client-logo {
	padding:          20px 0;
	margin-bottom:    80px;
	background-color: #000000
}

.client-logo img {
	filter: brightness(100)
}

.our-serv-sec .client-logo .col-sm-12 {
	display: block
}

.our-serv-sec {
	padding:             0 0 40px;
	background:          url(../images/service-bg.jpg);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: top center
}

.serv-cta {
	align-items: center
}

.serv-cta-div {
	display:         flex;
	align-items:     center;
	justify-content: center;
	background:      #096689;
	border-radius:   8px;
	padding:         20px
}

.serv-cta h3 {
	font-size:      22px;
	color:          #FFFFFF;
	margin:         0;
	padding-bottom: 30px
}

.serv-cta-tel {
	border:              1px solid #FFFFFF;
	color:               #FFFFFF;
	padding:             12px 15px;
	font-size:           13px;
	background:          0 0;
	position:            relative;
	z-index:             1;
	transition-duration: .7s
}

.serv-cta-chat {
	color:               #FFFFFF;
	padding:             12px 20px;
	font-size:           13px;
	margin-left:         15px;
	border:              1px solid #000000;
	z-index:             1;
	position:            relative;
	transition-duration: .7s
}

.serv-cta-btn {
	display: flex
}

.serv-cta-chat:before {
	content:             '';
	background:          #000000;
	position:            absolute;
	left:                0;
	top:                 0;
	bottom:              50%;
	right:               0;
	z-index:             -1;
	transition-duration: .7s
}

.serv-cta-chat:after {
	transition-duration: .7s;
	content:             '';
	background:          #000000;
	position:            absolute;
	left:                0;
	bottom:              0;
	top:                 50%;
	z-index:             -1;
	right:               0
}

.serv-cta-chat:hover {
	border-color: #FFFFFF
}

.serv-cta-chat:hover::before, .serv-cta-chat:hover::after {
}

.serv-cta-chat:hover::before {
	bottom:     0 !important;
	background: 0 0
}

.serv-cta-chat:hover::after {
	top:        0 !important;
	background: 0 0
}

.serv-cta-chat:hover {
	color:      #FFFFFF;
	background: 0 0
}

.serv-cta-tel:before {
	content:             '';
	position:            absolute;
	top:                 0;
	bottom:              0;
	left:                0;
	right:               0;
	margin:              auto;
	background:          0 0;
	z-index:             -1;
	transition-duration: .7s
}

.serv-cta-tel:after {
	content:             '';
	background:          0 0;
	position:            absolute;
	top:                 0;
	left:                0;
	bottom:              0;
	right:               0;
	margin:              auto;
	z-index:             -1;
	transition-duration: .7s
}

.serv-cta-tel:hover::after {
	background:          #000000;
	top:                 50%;
	transition-duration: .7s
}

.serv-cta-tel:hover::before {
	background:          #000000;
	bottom:              50%;
	transition-duration: .7s
}

.serv-cta-tel:hover {
	color:        #FFFFFF;
	border-color: #000000
}

.our-serv-sec .col-sm-12 {
	display:         flex;
	align-items:     center;
	flex-wrap:       wrap;
	justify-content: center
}

.hd-txt h2 {
	font-size:      60px;
	padding-bottom: 25px;
	color:          #0B0B0B
}

.hd-txt p {
	font-size:   16px;
	font-weight: 400;
	color:       #0B0B0B
}

.serv-cta-img {
	margin-top: -60px
}

.serv-col-main {
	padding: 50px 0 0
}

.serv-bx {
	padding:       30px 20px;
	background:    0 0;
	margin-bottom: 20px;
	transition:    all .3s ease-in-out;
	background:    rgb(36 11 31/5%);
	line-height:   24px;
}


.serv-bx:hover {
	background: rgb(36 11 31/10%)
}

section.sec_portfolio {
	padding:             50px 0;
	background:          url(../images/portfolio-bg.jpg);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center
}

.slider-bnt-st {
	text-align: center;
	margin-top: 80px
}

section.sec_portfolio h2.heading {
	text-align: center;
	color:      #FFFFFF
}

section.sec_portfolio p.para {
	color:         #FFFFFF;
	text-align:    center;
	margin-bottom: 40px
}

section.sec_portfolio .resume_inner .resume_box img {
	width: 100%
}

section.sec_portfolio .resume_inner .col-md-2 {
	padding: 0 6px
}

section.sec_portfolio .resume_inner .slick-dots li.slick-active button {
	background: #3388A4;
	color:      #3388A4
}

section.sec_portfolio .resume_inner .slick-dots li button {
	background:    #FFFFFF;
	border-radius: 50px;
	color:         #2CC05B;
	width:         10px;
	height:        10px
}

section.sec_portfolio .resume_inner .slick-dots {
	bottom: -55px
}

section.sec_portfolio .resume_inner .slick-dots li {
	width: auto
}

.box18 {
	overflow: hidden
}

.box18 {
	text-align: center;
	position:   relative
}

.box18:after, .box18:before {
	content:           "";
	width:             2px;
	height:            2px;
	border-radius:     50%;
	background:        rgba(0, 0, 0, .35);
	position:          absolute;
	top:               50%;
	left:              50%;
	-webkit-transform: scale(0);
	-moz-transform:    scale(0);
	-ms-transform:     scale(0);
	-o-transform:      scale(0);
	transform:         scale(0)
}

.box18:hover:after, .box18:hover:before {
	-webkit-transform: scale(400);
	-moz-transform:    scale(400);
	-ms-transform:     scale(400);
	-o-transform:      scale(400);
	transform:         scale(400)
}

.box18:before {
	-o-transition:      all .5s linear .3s;
	-moz-transition:    all .5s linear .3s;
	-ms-transition:     all .5s linear .3s;
	-webkit-transition: all .5s linear .3s;
	transition:         all .5s linear .3s
}

.box18:hover:before {
	-moz-transition-delay:    0s;
	-webkit-transition-delay: 0s;
	-o-transition-delay:      0s;
	-ms-transition-delay:     0s;
	transition-delay:         0s
}

.box18:after {
	-o-transition:      all .5s linear .6s;
	-moz-transition:    all .5s linear .6s;
	-ms-transition:     all .5s linear .6s;
	-webkit-transition: all .5s linear .6s;
	transition:         all .5s linear .6s
}

.box18:hover:after {
	-moz-transition-delay:    .2s;
	-webkit-transition-delay: .2s;
	-o-transition-delay:      .2s;
	-ms-transition-delay:     .2s;
	transition-delay:         .2s
}

.box18 img {
	width:  100%;
	height: auto
}

.box18 .box-content {
	width:              100%;
	height:             100%;
	position:           absolute;
	top:                0;
	left:               0;
	background:         0 0;
	color:              #FFFFFF;
	padding-top:        25px;
	-webkit-transform:  scale(0);
	-moz-transform:     scale(0);
	-ms-transform:      scale(0);
	-o-transform:       scale(0);
	transform:          scale(0);
	-ms-transition:     all .3s linear 0s;
	-o-transition:      all .3s linear 0s;
	-webkit-transition: all .3s linear 0s;
	-moz-transition:    all .3s linear 0s;
	transition:         all .3s linear 0s;
	z-index:            1;
	display:            flex;
	justify-content:    center;
	align-items:        center
}

.box18:hover .box-content {
	-webkit-transform:        scale(1);
	-moz-transform:           scale(1);
	-ms-transform:            scale(1);
	-o-transform:             scale(1);
	transform:                scale(1);
	-moz-transition-delay:    .4s;
	-webkit-transition-delay: .4s;
	-o-transition-delay:      .4s;
	-ms-transition-delay:     .4s;
	transition-delay:         .4s
}

.box18 .title {
	font-size:      21px;
	font-weight:    700;
	text-transform: uppercase;
	border-bottom:  1px solid #FFFFFF;
	padding-bottom: 20px;
	margin-top:     20px
}

.box18 .description {
	font-size:  14px;
	font-style: italic;
	padding:    0 10px;
	margin:     15px 0
}

.box18 .read-more {
	display:        block;
	width:          120px;
	background:     #178993;
	border-radius:  5px;
	font-size:      14px;
	color:          #FFFFFF;
	text-transform: capitalize;
	padding:        10px 0;
	margin:         0 auto
}

@media only screen and (max-width: 990px) {
	.box18 {
		margin-bottom: 30px
	}
}

@media only screen and (max-width: 479px) {
	.box18 .box-content {
		padding-top: 0
	}
}

@media only screen and (max-width: 359px) {
	.box18 .title {
		padding-bottom: 10px
	}
}

.box18:hover .box-content i {
	font-size: 40px;
	color:     #FFFFFF
}

section.sec_portfolio .hd-txt {
	text-align:     center;
	padding-bottom: 20px
}

section.sec_portfolio .hd-txt h2 {
	padding-bottom: 10px;
	color:          #FFFFFF
}

section.sec_portfolio .hd-txt p {
	color: #FFFFFF
}

.industry-sec {
	padding:             50px 0;
	background:          url(../images/industry-bg.jpg);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center
}

.industry-sec .hd-txt h2 {
	text-align: center
}

.indust-tab-lst .nav-tabs {
	border: 0
}

.indust-tab-lst .nav-tabs li.active a, .indust-tab-lst .nav-tabs li.active:hover a, .indust-tab-lst .nav-tabs li a:hover {
	border:     0;
	background: #096689;
	color:      #FFFFFF
}

.indust-tab-lst .nav-tabs li a {
	border:        0;
	background:    0 0;
	color:         #000000;
	border-radius: 0;
	margin:        0 6px;
	transition:    all .5s ease-in-out;
	font-size:     25px;
	font-family:   bebas neue, cursive
}

.industry-sec .tab-content {
	padding-top: 120px
}

.industry-sec .tab-content .col-sm-12 {
	display:         flex;
	align-items:     center;
	justify-content: center
}

.serv-cta-btn.inr-tab-btn .serv-cta-tel {
	color:        #000000;
	border-color: #096689;
	position:     relative;
	z-index:      1
}

.serv-cta-btn.inr-tab-btn .serv-cta-tel:hover {
	color: #FFFFFF
}

.serv-cta-btn.inr-tab-btn .serv-cta-tel:hover::before, .serv-cta-btn.inr-tab-btn .serv-cta-tel:hover::after {
	background: #096689;
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat:hover {
	border-color: #3388A4;
	color:        #000000
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat:before, .serv-cta-btn.inr-tab-btn a.serv-cta-chat:after {
	background: #096689;
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat {
	border-color: #096689;
}

.serv-cta-btn.inr-tab-btn a.serv-cta-chat:hover::before, .serv-cta-btn.inr-tab-btn a.serv-cta-chat:hover::after {
	background: 0 0
}

.indus-tab-txt h2 {
	font-size:      60px;
	color:          #000000;
	padding-bottom: 20px
}

.indus-tab-txt p {
	padding-bottom: 30px
}

.indus-tab-img {
	border-radius:    17px;
	padding-bottom:   20px;
	background-color: #000000
}

.indus-tab-img img {
	width:      100%;
	margin-top: -60px
}

.why-choose-img img {
	width: 100%
}

.why-choose-img {
	position: relative
}

.why-img-txt {
	position:   absolute;
	bottom:     3px;
	text-align: center;
	left:       0;
	right:      0
}

.why-img-txt h2 {
	font-size: 60px;
	color:     #FFFFFF
}

.why-img-txt h3 {
	font-size:   38px;
	font-family: bebas neue, cursive;
	color:       #FFFFFF;
	margin:      0
}

.why-img-txt span {
	display:     block;
	font-size:   38px;
	color:       #FFFFFF;
	font-family: bebas neue, cursive
}

.why-img-txt a {
	font-size:   27px;
	color:       #FFFFFF;
	font-family: bebas neue, cursive
}

.why-choose-sec {
	padding: 50px 0
}

.why-choose-list ul {
	padding:         0;
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center
}

.why-choose-list ul li {
	list-style:    none;
	width:         50%;
	margin-bottom: 25px
}

.why-box {
	margin:        0 20px;
	background:    #E1E1E1;
	border-radius: 5px;
	padding:       20px
}

.why-choose-img img {
	width: 100%
}

.why-choose-img {
	position: relative
}

.why-img-txt {
	position:   absolute;
	bottom:     3px;
	text-align: center;
	left:       0;
	right:      0
}

.why-img-txt h2 {
	font-size: 60px;
	color:     #FFFFFF
}

.why-img-txt h3 {
	font-size:   38px;
	font-family: bebas neue, cursive;
	color:       #FFFFFF;
	margin:      0
}

.why-img-txt span {
	display:     block;
	font-size:   38px;
	color:       #FFFFFF;
	font-family: bebas neue, cursive
}

.why-img-txt a {
	font-size:   27px;
	color:       #FFFFFF;
	font-family: bebas neue, cursive
}

.why-choose-sec {
	padding:             50px 0;
	background:          url(../images/why-choose-bg.webp);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center
}

.why-choose-list ul {
	padding:         0;
	display:         flex;
	flex-wrap:       wrap;
	justify-content: center;
	margin-bottom:   0
}

.why-choose-list ul li {
	list-style:    none;
	width:         50%;
	margin-bottom: 25px
}

.why-box {
	margin:        0 20px;
	background:    #E1E1E1;
	border-radius: 5px;
	padding:       25px 20px
}

.why-box p {
	min-height: 85px
}

.why-box.why-bx-2, .why-box.why-bx-3, .why-box.why-bx-6 {
	background: #EBEBEB
}

.why-box h3 {
	font-size:   30px;
	font-family: bebas neue, cursive;
	margin:      0
}

.why-box.why-bx-5 {
	margin-bottom: 0
}

.why-box.why-bx-6 {
	margin-bottom: 0
}

section.why-choose-sec .hd-txt {
	text-align:     center;
	padding-bottom: 30px
}

section.why-choose-sec .hd-txt h2 {
	padding-bottom: 10px
}

.why-box:hover {
	background: #096689;
}

.why-box:hover h3, .why-box:hover p {
	color: #FFFFFF
}

section.cta-sec .hd-txt h2 {
	font-size: 47px;
	color:     #FFFFFF
}

.cta-sec {
	padding:             50px 0 45px;
	background:          url(../images/cta-bg.jpg);
	background-size:     cover;
	background-position: center;
	background-repeat:   no-repeat
}

section.cta-sec .hd-txt p {
	color: #FFFFFF
}

.cta-tab-btn {
	margin-top: 30px
}

.cta-sec .serv-cta-btn.cta-tab-btn a {
	color: #FFFFFF
}

.cta-sec .serv-cta-btn.cta-tab-btn:hover a.serv-cta-chat {
	color: #FFFFFF
}

.cta-sec .serv-cta-btn.cta-tab-btn a.serv-cta-tel.popup-btn {
	margin-left: 15px
}

.cta-side-img img {
	width: 100%
}

.cta-side-img {
	margin-top: -85px
}

.serv-cta-btn.inr-tab-btn .serv-cta-tel img {
	margin-right: 5px
}

.process-sec {
	padding: 50px 0 180px
}

.process-sec .hd-txt {
	text-align:     center;
	padding-bottom: 50px
}

.process-sec .hd-txt h2 {
	padding-bottom: 10px
}

.process-box span {
	font-size:   55px;
	font-family: bebas neue, cursive
}

.process-box h2 {
	font-size:      30px;
	text-transform: uppercase;
	padding-bottom: 10px
}

.process-box p {
	font-size: 13px
}

.process-sec .row {
	position: relative
}

.proces-line-img {
	left:     -50px;
	position: absolute;
	bottom:   -38px;
	filter:   hue-rotate(180deg) brightness(0.6);
}

.process-box {
	position: relative
}

.procs-bx-2 {
	top: 125px
}

.procs-bx-4 {
	top:  125px;
	left: 10px
}

.testi-sec .hd-txt {
	text-align:     center;
	padding-bottom: 50px
}

.testi-sec {
	padding:             50px 0;
	background:          url(../images/testi-bg.webp);
	background-size:     cover;
	background-repeat:   no-repeat;
	background-position: center
}

.testi-box-st {
	background:    #FFFFFF;
	margin:        0 10px;
	padding:       20px;
	box-shadow:    0 0 4px #979797;
	margin-bottom: 10px;
	margin-top:    10px
}

a.trust-pilot img {
	width:            80px;
	background-color: #F7F7F7;
	padding:          4px 7px
}

.testi-img-txt h4 {
	font-size:   20px;
	font-weight: 700;
	color:       #202020
}

.testi-img-txt span {
	display:     block;
	font-size:   16px;
	font-weight: 400;
	color:       #202020
}

.testi-img-txt {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	margin-bottom:   0
}

.color i {
	color:     #096689;
	font-size: 15px
}

.cta-sec-2 .hd-txt {
	text-align: center
}

.cta-sec-2 .cta-tab-btn {
	justify-content: center
}

.copy-sec {
	text-align: center;
	padding:    10px 0;
	background: #E1E1E1
}

.copy-sec p {
	margin-bottom: 5px
}

section.cta-sec.cta-sec-2 {
	padding-bottom: 50px
}

.privacy-txt a {
	color:  #000000;
	margin: 0 8px
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin:             0
}

.testi-slider-st .slick-dots {
	position:   absolute;
	bottom:     -50px;
	display:    block;
	width:      100%;
	padding:    0;
	margin:     0;
	list-style: none;
	text-align: center
}

.testi-slider-st .slick-dots li.slick-active button {
	background: #096689;
}

.feature-box {
	display:       flex;
	gap:           15px;
	font-size:     17px;
	margin-bottom: 5px
}
.feature-box a {
	font-weight: 600;
	color:       #333333;
}
.social-wrapper {
	display:     flex;
	align-items: center
}

.social-wrapper i {
	color:            #FFFFFF;
	padding:          10px;
	background-color: #3B5998
}

.footer-logo-wrapper img {
	width: 230px;
}

.footer-logo-wrapper {
	margin-top:    15px;
	margin-bottom: 10px
}

.footer-widgets-wrap {
	padding: 40px 0;
	float:   left;
	width:   100%
}

.testi-slider-st .slick-dots li button:before {
	font-size:   0;
	line-height: 0
}

.testi-slider-st .slick-dots li button {
	background-color: #E5E5E5;
	border-radius:    50px;
	width:            10px;
	height:           10px
}

.testi-box-st p {
	min-height: 105px;
	margin-top: 15px
}

#entry-popup {
	position:           fixed;
	width:              100%;
	height:             100%;
	z-index:            99999990;
	align-items:        center;
	background-color:   rgba(0, 0, 0, .62);
	display:            none;
	-webkit-transition: all .5s ease;
	-moz-transition:    all .5s ease;
	-ms-transition:     all .5s ease;
	-o-transition:      all .5s ease;
	transition:         all .5s ease;
	top:                0;
	left:               0
}

.entry-box {
	width:             845px;
	margin:            0 auto;
	border-radius:     20px;
	position:          relative;
	height:            533px;
	padding:           20px 40px 20px 360px;
	background-repeat: no-repeat !important;
	background-size:   cover !important
}

a#entry-box_close {
	background:    #096689;
	width:         59px;
	height:        59px;
	display:       block;
	line-height:   59px;
	color:         #FFFFFF;
	border-radius: 50%;
	font-size:     32px;
	text-align:    center;
	position:      absolute;
	right:         32px;
	top:           10px;
	z-index:       999
}

.entry-box .text-1 h1 {
	font-size:      30px;
	text-transform: uppercase;
	font-weight:    700;
	color:          #FFFFFF;
	line-height:    34px;
	margin-bottom:  12px
}

.entry-box .text-1 h1 span.red {
	color:          #096689;
	text-transform: uppercase
}

.col-sm-12.entry-right {
	padding-left:  40px;
	padding-right: 40px;
	padding-top:   40px
}

.entry-box .text-1 p {
	color:       #FFFFFF;
	font-size:   19px;
	line-height: 22px
}

.entry-box .text-1 p strong {
	text-transform: uppercase
}

.text-1 {
	position:      relative;
	padding-left:  27px;
	margin-bottom: 20px
}

.text-1:before {
	content:          "";
	width:            10px;
	height:           100%;
	position:         absolute;
	left:             0;
	background-color: #096689;
	border-radius:    100px
}

.entry-box .form-control {
	min-height:       50px;
	border-radius:    7px;
	background-color: rgba(250, 250, 250, .92);
	border-color:     transparent;
	color:            #060606;
	font-size:        16px;
	width:            100%;
	display:          block;
	padding:          15px
}

.entry-box .form-control::placeholder {
	color: #000000
}

.entry-box button {
	border-radius:    5px;
	background-color: #3376EE
}

.entry-box button {
	border-radius:    5px;
	background-color: #171717;
	color:            #FFFFFF;
	width:            auto;
	text-transform:   uppercase;
	font-size:        15px;
	font-weight:      700;
	height:           50px;
	cursor:           pointer;
	padding:          0 30px
}

.entry-box ul li {
	color:         #111322;
	font-size:     16px;
	font-weight:   500;
	width:         49%;
	display:       inline-block;
	margin-bottom: 4px
}

.entry-box ul li i {
	color: #EB0000
}

.form-group {
	margin-bottom: 1rem
}

.form-btn {
	text-align: center
}

.two-title p {
	padding-bottom: 25px
}

#entry-popup .container {
	max-width: 1574px !important;
	width:     100%;
	margin:    0 auto !important;
	float:     none !important;
	padding:   0 15px !important
}

.christmas-popup {
	position: absolute;
	left:     -10px;
	top:      34px;
	filter:   hue-rotate(152deg) brightness(1);
}

.loader {
	margin-top: 8px
}

.loader img {
	width: 8%
}

.row.banner-row {
	display:         flex;
	align-items:     center;
	justify-content: center
}

.color {
	margin-top: 5px
}

.testi-img-txt img {
	max-width: 80px
}

ul#nav-tabs-wrapper-1 a {
	color: #FFFFFF
}

ul#nav-tabs-wrapper-1 {
	display:         flex;
	align-items:     center;
	justify-content: center;
	margin-bottom:   30px
}

.resume_box {
	margin-bottom: 12px
}

.main-banner-right {
	position: absolute;
	bottom:   0;
	right:    -200px;
	z-index:  -1
}

@media (min-width: 320px) and (max-width: 767px) {
	.main-banner {
		overflow: hidden
	}
	
	.main-banner-right {
		width:      100%;
		right:      -90px;
		text-align: right
	}
	
	.main-banner-right img {
		width: 300px
	}
	
	.feature-box {
		padding-left: 15px;
		font-size:    15px
	}
	
	.footer-widgets-wrap {
		padding: 0 0 20px
	}
	
	.logo img {
		width: 180px !important
	}
	
	ul#nav-tabs-wrapper-1 {
		flex-wrap: wrap
	}
	
	.cta-tab-btn {
		margin-top: 4px
	}
	
	.logo {
		margin-top: 8px
	}
	
	.christmas-popup {
		display: none
	}
	
	.entry-box {
		width:            100%;
		padding:          0;
		background-image: none !important;
		background-color: #25292E !important;
		height:           auto
	}
	
	.col-sm-12.entry-right {
		padding: 20px
	}
	
	a#entry-box_close {
		right:       0;
		font-size:   20px;
		width:       40px;
		height:      40px;
		line-height: 40px
	}
	
	.entry-box .form-control {
		height:         45px;
		min-height:     45px;
		padding-top:    0;
		padding-bottom: 0
	}
}

header {
	position: absolute;
	width:    100%;
	padding:  20px 0;
	z-index:  1
}

.h-contact-info {
	text-align: right
}

.h-contact-info ul {
	display:         flex;
	align-items:     center;
	justify-content: end;
	padding:         0;
	list-style:      none
}

.h-contact-info ul li {
	margin-right: 30px;
	text-align:   left
}

.h-contact-info ul li a {
	color:        #FFFFFF;
	position:     relative;
	font-weight:  600;
	font-size:    20px;
	padding-left: 55px;
	display:      inline-block
}

.h-contact-info ul li a i {
	background:          url(../images/images-sprite.png) no-repeat;
	background-position: -274px -4px;
	width:               47px;
	height:              47px;
	position:            absolute;
	left:                0
}

.h-contact-info ul li span {
	margin-bottom:  -4px;
	display:        block;
	color:          #FFFFFF;
	font-size:      12px;
	text-transform: uppercase
}

.banner-style-1 {
	position:            relative;
	background-repeat:   no-repeat;
	background-position: top center;
	background-size:     cover;
	display:             flex;
	align-items:         center;
	padding-top:         12rem;
}

.banner-style-1 h2 {
	color:         #FFFFFF;
	font-size:     62px;
	line-height:   60px;
	margin-bottom: 15px
}

.h-contact-info ul li a i.ic2 {
	background-position: -273px -58px;
	width:               55px;
	height:              47px
}

.btn-style-1 {
	background-image: #096689;
	color:            #FFFFFF !important;
	font-size:        18px !important;
	font-weight:      500 !important;
	border-radius:    50px;
	padding:          9px 28px !important;
	border:           1px solid #FFFFFF
}

.h-contact-info ul li:last-child {
	margin-right: 0
}

.banner-style-1 p {
	color:       #FFFFFF;
	font-family: poppins, sans-serif
}

.banner-style-1 .pointers {
	font-size:     0;
	margin-bottom: 40px;
	list-style:    none;
	padding-left:  0
}

.banner-style-1 .pointers li {
	color:         #FFFFFF;
	font-size:     16px;
	font-family:   poppins, sans-serif;
	width:         50%;
	display:       inline-block;
	margin-bottom: 10px;
	padding-left:  18px;
	position:      relative
}

.banner-style-1 .pointers li:before {
	content:       '';
	background:    #FFFFFF;
	width:         8px;
	height:        8px;
	position:      absolute;
	left:          0;
	top:           0;
	bottom:        0;
	margin:        auto;
	border-radius: 50px
}

.inline-flex > li {
	margin-right: 20px
}

.btn-style-2 {
	background-color: #000000;
	color:            #FFFFFF;
	font-size:        18px;
	font-weight:      500;
	border-radius:    50px;
	padding:          9px 40px
}

.inline-flex {
	display:       inline-flex;
	align-items:   center;
	list-style:    none;
	padding-left:  0;
	margin-bottom: 0
}

.banner-form {
	background-color: rgb(255 255 255/50%);
	border:           1px solid #111111;
	border-radius:    20px
}

.banner-top {
	padding:    20px 0 15px;
	text-align: center
}

.banner-top h4 {
	font-size:      34px;
	color:          #111111;
	margin:         0;
	text-transform: uppercase;
	animation:      blink1 1s cubic-bezier(.4, 0, 1, 1) infinite;
	font-weight:    700
}

.banner-top h5 {
	margin:    0;
	font-size: 20px;
	color:     #111111
}

.banner-middle {
	background: #096689;
	text-align: center;
	padding:    7px 0
}

.banner-middle p {
	color:  #FFFFFF;
	margin: 0
}

.banner-middle p span {
	color:       #FFF000;
	font-weight: 600
}

.banner-last {
	padding: 30px 22px
}

.custom-input-style {
	width:            100%;
	font-size:        15px;
	color:            #666666;
	background-color: #FFFFFF;
	border:           1px solid #FFFFFF;
	border-radius:    50px;
	padding:          15px 25px
}

.custom-submit-style {
	width:         100%;
	background:    #096689;
	color:         #FFFFFF;
	font-size:     19px;
	font-weight:   600;
	border:        2px solid #FFFFFF;
	border-radius: 100px;
	padding:       11px 0
}

@keyframes blink1 {
	0%, 100% {
		color: #000000
	}
	
	50% {
		color: red
	}
}

.banner-content p {
	font-size:     16px;
	line-height:   25px;
	margin-bottom: 15px
}

.partner-image {
	margin-top:    40px;
	margin-bottom: 40px
}

.btn-yellow {
	background-color: #096689;
	color:            #FFFFFF !important;
}

.serv-bx img {
	filter: hue-rotate(166deg) brightness(0.6);
}

footer#footer a {
	color: #096689;
}

/* Responsive */

@media only screen and (max-width: 1024px) {
	.banner-form {
		margin-top: 50px !important;
	}
	
	.cta-sec {
		padding-bottom: 45px !important;
	}
}

@media only screen and (max-width: 960px) {
	
	.col-lg-12.text-center.order-3.partner-image img {
		width: 100%;
	}
	
	.serv-cta-div {
		justify-content: unset !important;
	}
}
@media only screen and (max-width: 768px) {
	.serv-cta-img img {
		width: 100%;
	}
	
	.why-choose-img.chats {
		text-align: center !important;
	}
	
	.why-choose-img img {
		width: 49%;
	}
	
	.why-img-txt h2 {
		font-size: 50px;
	}
	
	.why-img-txt span {
		font-size: 33px;
	}
	
	.why-img-txt h3 {
		font-size: 32px;
	}
	
	.cta-side-img img {
		width: 38%;
	}
	
	.cta-side-img {
		text-align: center;
	}
}

@media only screen and (max-width: 767px) {
	.h-contact-info ul {
		display:     block !important;
		padding-top: 28px !important;
		
	}
	
	.banner-style-1 .pointers li:before {
		display: none !important;
	}
	
	.h-contact-info ul li a {
		font-size: 16px !important;
		display:   inline-block !important;
	}
	
	.h-contact-info ul li span {
		font-size:      10px !important;
		padding-bottom: 8px !important;
	}
	
	.btn-style-1 {
		font-size: 14px !important;
	}
	
	.col-lg-8.order-md-1.order-2 {
		padding-top: 140px;
		text-align:  center;
		padding-top: 172px;
	}
	
	.h-contact-info ul li {
		text-align: center;
		padding:    5px 0px;
	}
	
	.indus-tab-img img {
		width:      50%;
		margin-top: -60px;
	}
	
	.banner-style-1 h2 {
		font-size:   50px;
		line-height: 56px;
		padding:     0px 20px !important;
	}
	
	.banner-top h4 {
		font-size: 30px;
	}
	
	.banner-top h5 {
		font-size: 18px;
	}
	
	.custom-submit-style {
		font-size: 16px;
	}
	
	.client-logo img {
		width: 66%;
	}
}
@media only screen and (max-width: 425px) {
	.h-contact-info ul li a {
		font-size: 14px !important;
	}
	
	.h-contact-info ul li {
		padding: 10px 0px;
	}
	
	.banner-style-1 h2 {
		font-size:   38px;
		line-height: 46px;
		padding:     0px 20px !important;
	}
	
	.banner-top h4 {
		font-size: 28px;
	}
	
	.banner-top h5 {
		font-size:   16px;
		padding-top: 15px !important;
	}
	
	.custom-submit-style {
		font-size: 14px;
	}
	
	.col-lg-12.text-center.order-3.partner-image img {
		width:    100% !important;
		overflow: hidden !important;
	}
	
	.btn-style-2 {
		background-color: #000000;
		font-size:        14px;
	}
	
	.client-logo img {
		width: 38% !important;
	}
	
	.serv-cta-img img {
		width: 68% !important;
	}
	
	section.sec_portfolio .hd-txt p {
		font-size: 15px !important;
		padding:   0px 20px;
	}
	
	.indust-tab-lst .nav-tabs li a {
		font-size: 22px;
	}
	
	.hd-txt h2 {
		font-size: 36px;
	}
	
	.indus-tab-txt h2 {
		font-size: 34px;
	}
	
	.why-choose-img img {
		width: 58%;
	}
	
	.why-img-txt h2 {
		font-size: 27px;
	}
	
	.why-img-txt span {
		font-size: 18px;
	}
	
	.why-img-txt h3 {
		font-size: 23px;
	}
	
	.why-img-txt a {
		font-size: 22px;
	}
	
	.entry-box {
		width:  100%;
		margin: 0 !important;
	}
	
	.footer-logo-wrapper img {
		width: 206px;
	}
	
	section.cta-sec .hd-txt h2 {
		font-size: 25px;
	}
	
	.entry-box .text-1 h1 {
		font-size: 18px;
	}
	
	.entry-box .text-1 p {
		font-size: 14px;
	}
	
	.text-1:before {
		width: 4px;
	}
	
	a#entry-box_close {
		font-size: 15px;
		width:     39px;
		height:    41px;
	}
	
	.entry-box .form-control {
		font-size: 14px;
	}
	
	.entry-box button {
		font-size: 12px;
	}
	
	.entry-box .form-control {
		height:     40px;
		min-height: 40px;
	}
	
	.hd-txt h2 {
		font-size: 37px !important;
	}
	
	.nav-tabs > li {
		float: unset !important
	}
	
	.indus-tab-img img {
		width: 64%;
	}
	
	.cta-side-img img {
		width: 50%;
	}
	
	ul#nav-tabs-wrapper-1 {
		display: unset !important;
	}
	
	.banner-content p {
		font-size: 15px !important;
	}
	
	.banner-style-1 .pointers li {
		font-size:    15px;
		padding-left: 0px !important;
	}
	
	.hd-txt p {
		font-size: 15px;
	}
	
	.widget.clearfix p strong {
		font-size: 13px;
	}
	
	.feature-box {
		margin-bottom: 6px;
		font-size:     14px;
	}
	
	ul#nav-tabs-wrapper-1 a {
		padding: 4px 0px !important;
	}
	
	.indust-tab-lst .nav-tabs li a {
		padding: 4px 0px !important;
	}
}


@media only screen and (max-width: 375px) {
	.btn-style-1 {
		padding: 7px 13px !important;
	}
	
	.btn-style-2 {
		padding: 9px 26px;
	}
	
	.hd-txt p {
		font-size:   14px;
		font-weight: 400;
		color:       #0B0B0B;
	}
	
	.process-box span {
		font-size: 44px;
	}
	
	.testi-img-txt h4 {
		font-size: 18px;
	}
	
	.hd-txt h2 {
		font-size: 34px !important;
	}
	
	.banner-top h4 {
		font-size: 22px;
	}
	
	.why-choose-img img {
		width: 67%;
	}
	
	.entry-box .form-control {
		font-size: 12px;
	}
	
	.entry-box .text-1 h1 {
		letter-spacing: 1px;
	}
	
	.h-contact-info ul li a {
		font-size: 13px !important;
	}
}

@media only screen and (max-width: 320px) {
	.btn-style-2 {
		padding:   9px 14px;
		font-size: 13px;
	}
	
	.custom-input-style {
		font-size: 14px;
	}
	
	.custom-submit-style {
		font-size: 13px;
	}
	
	.serv-cta-chat {
		padding:   12px 7px;
		font-size: 12px;
	}
	
	.serv-cta-tel {
		padding:   12px 6px;
		font-size: 13px;
	}
	
	.why-choose-img img {
		width: 78%;
	}
}