@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body {
	font-family: "Outfit", sans-serif;
}

p {
	font-family: "Outfit", sans-serif;
	font-weight: 400;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*-- FAQ Section --*/
.faq-sec{
	width: 100%;
	background: #F5FAFD;
	margin: 0;
	padding: 60px 0;
	float: left;
}

.faq-sec h2 {
	margin: 0 0 30px;
	padding: 0 0 20px;
	color: #1d243c;
	font-size: 45px;
	font-weight: 700;
	position: relative;
}

.faq-sec h2::after {
	width: 100px;
	height: 4px;
	background: #27c8c3;
	content: "";
	display: block;
	margin: 14px auto 0;
}

.faq-sec .accordion-item {
	background-color: inherit;
	border: none;
	border-bottom: solid 1px #c9d6e1;
}

.faq-sec .accordion-button {
	background-color: inherit;
	color: #4f5972;
	font-size: 20px;
	font-weight: 600;
}

.faq-sec .accordion-button:focus {
	outline: 0;
	box-shadow: inherit;
}

.faq-sec .accordion-button:not(.collapsed) {
	background: #ffffff;
	box-shadow: inherit;
	color: #1d243c;
}

.faq-sec .accordion-button:hover{
	color: #1d243c;	
}

.faq-sec .accordion-body {
	background: #fff;
	padding: 0 40px 30px;
	font-size: 17px;
	line-height: 26px;
	color: #4f5972;

}

.faq-sec .accordion-button::after {
	flex-shrink: 0;
	width: 14px;
	height: 14px;
	margin-left: auto;
	content: "";
	background-image: url("../png/plus-2.png");
	background-repeat: no-repeat;
	background-size: 14px;
	transition: transform .2s ease-in-out;

}

.accordion-button:not(.collapsed)::after{
	background-image: url("../png/minus-2.png");
}

.faq-sec .accordion-item:last-of-type .accordion-button.collapsed{
	border-radius: 0;
}
.block {
	position: absolute;
	z-index: -1;
	top: -43px;
	width: 100%;
}
#totop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 999;
	height: 0;
	width: 0;
	font-size: 0;
	text-align: center;
	transition: inherit;
	width: 60px;
	text-decoration: none;

}
#totop span {
	color: #000;
	font-size: 10px;

}

#totop i {
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	background: linear-gradient(90deg, var(--c1, #19a5a0), var(--c2, #23c8c3) 51%, var(--c1, #19a5a0)) var(--x, 0)/200%;
	width: 40px;
	height: 40px;
	font-weight: 900;
	color: #fff;
	font-size: 22px;
	margin-top: 3px;

}

.container {
	max-width: 1440px;

}

.block-header {
	position: absolute;
	z-index: 0;
	bottom: -4px;
	width: 100%;

}

header {
	width: 100%;
	margin: 0;
	padding: 50px 0 0px;
	float: left;
	background: url(../jpg/banner.jpg) no-repeat center top #1d1c70;
	background-size: cover;
	position: relative;

}

div.sec-two-over {
	margin-top: -125px;

}

header p {
	font-size: 16px;
	font-family: "Outfit", sans-serif;
	font-weight: 400;
	color: #ff911b;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 170px 0 10px;
	padding: 0;

}

header h1 {
	font-size: 60px;
	/*font-size: 65px;*/
	line-height: 1.2;
	font-weight: 700;
	color: #ffffff;
	margin: 0 28px 0 0;
	padding: 0;
}

.form-div {
	background: #f5f5fa;
	border-radius: 25px;
	margin: 0;
	padding: 40px 45px 45px;

}

.form-div h4 {
	font-size: 32px;
	font-weight: 700;
	color: #1d243c;
	text-transform: uppercase;
	text-align: center;

}

.form-div h4 span {
	display: block;

}

.form-div form {
	margin: 30px 0 0;
}

.form-div form .form-group input,
.form-div form .form-group textarea,
.form-div form .form-group select {
	border: solid 1px #d2d7eb;
	background: #ffffff;
	font-size: 15px;
	font-weight: 400;
	color: #535b79;
	margin: 0 0 15px;
	padding: 12px 15px;
	width: 100%;

}

.form-div form .form-group input::placeholder,
.form-div form .form-group textarea::placeholder {
	color: #535b79;
	opacity: 1;
}

.form-div form .form-group input:-ms-input-placeholder,
.form-div form .form-group textarea:-ms-input-placeholder {
	color: #535b79;
}

.form-div form .form-group input::-ms-input-placeholder,
.form-div form .form-group textarea::-ms-input-placeholder {
	color: #535b79;
}

.form-div form .form-group textarea {
	height: 120px;
}


.form-div form .form-group select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(../jpg/select-arrow.jpg) no-repeat 98% 25px #ffffff;
	word-wrap: normal;
	font-weight: 400;
}



.form-div form p.req-field {
	text-align: center;
	font-size: 15px;
	color: #9b9eae;
	font-weight: 400;
	font-style: italic;
	text-transform: capitalize;

}

.form-div form .form-group .send-btn {
	background: linear-gradient(90deg, var(--c1, #f66302), var(--c2, #ff901b) 51%, var(--c1, #19a5a0)) var(--x, 0)/ 200%;
	border-radius: 3px;
	border:none;
	margin: 0;
	padding: 15px 0;
	color:#ffffff;
	font-family: "Outfit", sans-serif;
	font-weight:600;
	font-size: 18px;
	text-transform:uppercase;
	transition: all 0.3s ease 0s;
	letter-spacing: 1px;
	text-align:center;
}

.form-div form .form-group .send-btn:hover {
	--x: 100%;
}

.reqst-1 {
	--c1: #19a5a0;
	--c2: #23c8c3;
}
.reqst-2 {
	--c1: #f66302;
	--c2: #ff901b;
}


/*.form-div form .form-group .send-btn {

background: #f66402;

background: -moz-linear-gradient(left, #f66402 0%, #ff901b 100%);

background: -webkit-linear-gradient(left, #f66402 0%, #ff901b 100%);

background: linear-gradient(to right, #f66402 0%, #ff901b 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f66402', endColorstr='#ff901b', GradientType=1);

border-radius: 3px;

border: none;

margin: 0;

padding: 15px 0;

color: #ffffff;
font-weight: 600;

font-size: 18px;

text-transform: uppercase;

letter-spacing: 1px;

text-align: center;

}*/

.contact-info {
	margin: 0 auto;
	width: fit-content;
	position: relative;

}

.contact-num {
	border: solid 1px #8c8bbc;
	margin: 30px 0 50px;
	padding: 12px 20px;
	float: left;

}

.contact-num .cont-txt {
	text-transform: uppercase;
	color: #27c8c3;
	font-size: 20px;
	font-weight: 600;
	margin: 0 15px 0 0;
	padding: 10px 0px 0 0;
	float: left;

}

.contact-num .cont-number {
	float: right;
	color: #ffffff;
	font-size: 17px;
	font-weight: 400;
	line-height: 23px;
	background: url(../png/phone-icon-8.png) no-repeat left 55%;
	margin: 0;
	padding: 0 0 0 35px;

}

.contact-num .cont-number a {
	color: #ffffff;
	text-decoration: none;
}



div.content-sec-one {
	width: 100%;
	margin: 0;
	padding: 80px 0 70px;
	float: left;
	background: #f5fafd url(../jpg/content-bg-2.jpg) no-repeat right center;
	position: relative;
}

div.content-sec-one h6,
div.content-sec-two .heading-txt h6 {
	margin: 0 0 10px;
	padding: 0;
	color: #f66402;
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
}

div.content-sec-one h2,
div.content-sec-two .heading-txt h2{
	margin: 0 0 30px;
	padding: 0 0 20px;
	color: #1d243c;
	font-size: 45px;
	font-weight: 700;
	position: relative;
}

div.content-sec-one h2:after {
	width: 100px;
	height: 4px;
	background: #27c8c3;
	content: '';
	display: block;
	margin: 14px 0 0;
}

div.content-sec-one p {
	margin: 0 0 20px;
	padding: 0;
	color: #323c55;
	font-size: 22px;
	font-weight: 300;
}

div.content-sec-one p a,
.whatweoffer-inn p a,
.whatweoffer-list .list-txt ul li a {
	color: #19a5a0;
}

div.content-sec-two {
	width: 100%;
	margin: 0;
	padding: 60px 0 10px;
	float: left;
	background: #ffffff;
	position: relative
}

.heading-txt {
	text-align: center;
}



div.content-sec-two .heading-txt h2 {
	margin: 0;
	padding: 0;
}



div.content-sec-two .heading-txt p {
	margin: 0 0 20px;
	padding: 0 0 35px;
	color: #4f5972;
	font-size: 18px;
	font-weight: 300;
}



div.content-sec-two .heading-txt p:after {
	width: 100px;
	height: 4px;
	background: #27c8c3;
	content: "";
	display: block;
	margin: 14px auto 0;
}



.whatweoffer-list {
	margin: 30px 0;
	padding: 0;
}



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



.whatweoffer-list-ul-li {
	margin: 0 40px 0px 0;
	width: 46%;
	float: left;
}



.whatweoffer-list-ul-li:last-child {
	margin-right: 0;
	width: 45%;
}



.whatweoffer-inn {
	float: left;
	margin-bottom: 30px;
}



.list-circle {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9720a+0,ff911b+100 */

background: #f9720a;

/* Old browsers */

background: -moz-linear-gradient(top, #f9720a 0%, #ff911b 100%);

/* FF3.6-15 */

background: -webkit-linear-gradient(top, #f9720a 0%, #ff911b 100%);

/* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, #f9720a 0%, #ff911b 100%);

/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9720a', endColorstr='#ff911b', GradientType=0);

/* IE6-9 */

margin: 0;

padding: 24px;

text-align: center;

border-radius: 50%;

float: left;

width: 100px;

height: 100px;

}


.list-txt {
	float: right;
	width: 80%;
}

.whatweoffer-list .list-txt h3 {
	margin: 0 0 15px;
	padding: 0;
	color: #1d243c;
	font-size: 28px;
	font-weight: 600;
}



.whatweoffer-list .list-txt p {
	font-size: 17px;
	line-height: 26px;
	margin: 0 0 20px;
	padding: 0;
	color: #4f5972;
}



.whatweoffer-list .list-txt ul {
	list-style: none;
	padding: 0;
	text-align: left;
}



.whatweoffer-list .list-txt ul li {
	font-size: 17px;
	line-height: 26px;
	list-style: none;
	background: url(../png/list-icon.png) left 8px no-repeat;
	margin: 0;
	color: #4f5972;
	padding: 5px 0 5px 30px;
}



div.getting-str-sec {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b2070+0,292c8b+79,4142ba+100 */
	background: #1b2070;
	/* Old browsers */
	background: -moz-linear-gradient(left, #1b2070 0%, #292c8b 79%, #4142ba 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1b2070 0%, #292c8b 79%, #4142ba 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1b2070 0%, #292c8b 79%, #4142ba 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b2070', endColorstr='#4142ba', GradientType=1);
	/* IE6-9 */
	position: relative;
	z-index: 99;
}



div.getting-str-sec-svg {
	position: absolute;
	top: -45px;
	left: 0;
	width: 100%;
	z-index: -1;

}



div.getting-str-sec-svg img {
	width: 100%;

}



.getting-str-left {
	width: 36%;
	float: left;
	margin: 10px 0 0 15px;

}



.getting-str-right {
	width: 41%;
	float: right;
	margin-right: 15px;

}



.getting-cnt {
	border: solid 2px #1db7b1;
	border-radius: 30px;
	margin: 95px 0 0 0;
	padding: 50px 60px;
	float: right;
	text-align: center;

}



.getting-cnt h4 {
	color: #ffffff;
	font-size: 45px;
	font-weight: 600;
	margin: 0;
	padding: 0;

}



.getting-cnt p {
	color: #ffffff;
	font-size: 20px;
	font-weight: 300;
	margin: 0;
	padding: 0;

}



.getting-cnt p.privacy-txt {
	font-size: 16px;

}



.getting-cnt a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #23c6c2;
	border-radius: 3px;
	margin: 18px 0 40px;
	padding: 11px 45px;
	display: inline-block;
	transition: all 0.3s ease 0s;
}
.getting-cnt a:hover {
	background: #19a5a0;
	transition: all 0.3s ease 0s;
}



/*.client-logos {
	width: 100%;
	margin: 0;
	padding: 65px 0 55px;
	float: left;
	border-bottom: solid 1px #d6e1eb;
	text-align: center;

}





.client-logos ul {
	text-align: center;

}



.client-logos ul li {
	display: inline-block;
	margin: 0 30px;
	text-align: left;

}



.ingram-log {
	background: url(../images/ingram.png) left top no-repeat;
	width: 160px;
	height: 50px;

}



.ingram-log:hover {
	background: url(../images/ingram-hover.png) left top no-repeat;

}



.fujitso-log {
	background: url(../images/fujitso.png) left top no-repeat;
	width: 101px;
	height: 50px;

}

.fujitso-log:hover {
	background: url(../images/fujitso-hover.png) left top no-repeat;

}

.cisco-log {
	background: url(../images/cisco.png) left top no-repeat;
	width: 86px;
	height: 50px;

}

.cisco-log:hover {
	background: url(../images/cisco-hover.png) left top no-repeat;

}

.centurylink-log {
	background: url(../images/centurylink.png) left top no-repeat;
	width: 190px;
	height: 50px;
}

.centurylink-log:hover {
	background: url(../images/centurylink-hover.png) left top no-repeat;

}

.att-log {
	background: url(../images/att.png) left top no-repeat;
	width: 111px;
	height: 50px;
}

.att-log:hover {
	background: url(../images/att-hover.png) left top no-repeat;

}

.chick-log {
	background: url(../images/chick.png) left top no-repeat;
	width: 125px;
	height: 50px;
}

.chick-log:hover {
	background: url(../images/chick-hover.png) left top no-repeat;

}

.juniper-log {
	background: url(../images/juniper.png) left top no-repeat;
	width: 115px;
	height: 50px;

}

.juniper-log:hover {
	background: url(../images/juniper-hover.png) left top no-repeat;

}

.silverpeak-log {
	background: url(../images/silverpeak.png) left top no-repeat;
	width: 170px;
	height: 50px;

}
.silverpeak-log:hover {
	background: url(../images/silverpeak-hover.png) left top no-repeat;

}*/

.brand-slider .item img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	opacity: 1;
	transition: all 0.3s;
}

.brand-slider .item img:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;

}

.brand-slider .owl-nav {
	display: none;

}

.owl-carousel.brand-slider .owl-item img {
	width: auto;
	display: inherit;
}

.owl-carousel.brand-slider .owl-item .item {
	width: 100%;
	text-align: center;
	display: inline-block;
	margin: 0 0 25px;

}
.owl-carousel.brand-slider .owl-dots .owl-dot {
	border: none;
	outline: none;

}

footer {
	clear: both;
}

/*footer {
	background: #f5fafd;
	padding: 35px 0;
	text-align: center;
	width: 100%;
	float: left;

}
footer p {
	color: #465073;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 5px;

}

footer p a {
	color: #465073;
	font-size: 15px;
	font-weight: 400;
	text-decoration: none;

}



footer p a:hover {
	color: #282d8c;

}*/


/* Form Success msg */
.msg.success-msg {
	color:#333;
	margin:24px 0 5px 0;
	padding:5px;
	text-align:center;
	border:2px solid #42a263;
	font-size:20px;
	font-weight:600;
}
.msg.success-msg p {
	margin:0;
}
.msg.error-msg {
	color:#333;
	margin:5px 0;
	padding:5px;
	text-align:center;
	border:2px solid red;
	font-size:20px;
	font-weight:600;
}
.msg.error-msg p {
	margin:0;
}


@media (min-width: 1440px) and (max-width: 1700px) {
	div.content-sec-one {
		background-size: contain;
	}
	.block {
		top: -38px;
		z-index: -1;
	}
	div.content-sec-one p {
		font-size: 19px;
		font-weight: 400;
	}

}



@media (min-width: 1440px) and (max-width: 1445px) {
	div.sec-two-over {
		margin-top: -164px;
	}
	div.content-sec-two {
		padding-right: 15px;
		padding-left: 15px;
	}
	div.content-sec-one {
		background-size: contain;
	}

}



@media (min-width: 1200px) and (max-width: 1439px) {
	div.sec-two-over {
		margin-top: -128px;
	}
	.getting-cnt {
		margin: 50px 0 0 0;
	}
	div.content-sec-two {
		padding-right: 15px;
		padding-left: 15px;
	}
	div.getting-str-sec-svg {
		top: -28px;
	}
	.form-div h4 {
		font-size: 30px;
	}
	div.content-sec-one {
		background-size: contain;
	}
	div.content-sec-one p {
		font-size: 16px;
		font-weight: 400;
	}
	div.content-sec-one h2 {
		font-size: 30px;
	}
	.client-logos ul li {
		margin: 0 12px;
	}
	.block {
		top: -26px;
	}
	.block-header {
		bottom: -2px;
	}

}



@media (min-width: 1025px) and (max-width: 1199px) {
	.list-txt {
		width: 87%;
	}
	div.getting-str-sec-svg {
		top: -23px;
	}
	.getting-cnt {
		margin: 30px 0 0 0;
		padding: 30px 60px;
	}
	.getting-cnt h4 {
		font-size: 35px;
	}
	div.content-sec-one,
	div.content-sec-two,
	header {
		padding-right: 15px;
		padding-left: 15px;
	}
	header p {
		margin: 55px 0 10px;
	}
	.form-div h4 span {
		display: inline-block;
	}
	header {
		background: #1E2275;
	}
	div.sec-two-over {
		margin-top: 0;
	}
	div.content-sec-one {
		background-image: inherit;
	}
	.list-txt {
		width: 73%;
	}
	header h1 {
		font-size: 55px;
		line-height: 70px;
		margin: 0 0 30px 0;
	}
	.client-logos ul li {
		margin: 20px 30px 0;
	}
	.block {
		top: -25px;
	}
	.block-header {
		display: none;
	}

}



@media (min-width: 768px) and (max-width: 1024px) {
	footer .container {
		padding-left: 50px;
		padding-right: 50px;
	}
	.faq-sec h2 {
		font-size: 35px;
	}
	header {
		background: #1E2275;
	}
	header h1 {
		font-size: 55px;
		line-height: 70px;
		margin: 0 0 30px;
	}
	header p {
		margin: 55px 0 10px;
	}
	div.sec-two-over {
		margin-top: 0;
	}
	div.content-sec-one {
		background-image: inherit;
	}
	div.content-sec-one,
	div.content-sec-two,
	header {
		padding-right: 15px;
		padding-left: 15px;
	}
	div.content-sec-two .heading-txt h2{
		font-size: 35px;
	}
	.getting-str-left,
	div.getting-str-sec-svg {
		display: none;
	}
	.getting-str-right {
		width: 100%;
		float: left;
		margin: 0;
	}
	.getting-cnt {
		margin: 30px 0;
		float: left;
		width: 100%;
	}
	.list-txt {
		float: right;
		width: 65%;
	}
	.whatweoffer-list .list-txt h3 {
		font-size: 25px;
	}
	.client-logos ul li {
		margin: 20px 30px 0;
	}
	.block,
	.block-header {
		display: none;
	}
	.whatweoffer-list .list-txt ul {
		margin: 0 0 20px;
	}

}



@media (max-width:767px) {
	footer .container {
		padding-left: 30px;
		padding-right: 30px;
	}
	.faq-sec h2 {
		font-size: 25px;
	}
	header {
		background: #1E2275;
		padding: 28px 0 0px;
	}
	header h1 {
		font-size: 28px;
		line-height: 35px;
		margin: 0 0 35px;
		text-align: center;
	}
	.form-div h4 {
		font-size: 18px;
	}
	.form-div {
		padding: 30px 30px 40px;
	}
	.form-div form .form-group .send-btn {
		font-size: 15px;
	}
	header p {
		margin: 35px 0 10px;
		text-align: center;
		font-size: 14px;
	}
	div.content-sec-one h6,
	div.content-sec-two .heading-txt h6 {
		font-size: 14px;
	}
	.whatweoffer-list .list-txt h3 {
		font-size: 25px;
	}
	.getting-cnt p {
		font-size: 16px;
	}
	div.sec-two-over {
		margin-top: 0;
		text-align: center;
	}
	div.content-sec-one {
		background-image: inherit;
	}
	div.content-sec-two .heading-txt h2 {
		margin: 0 0 20px;
		font-size: 35px;
	}
	div.content-sec-one,
	div.content-sec-two {
		padding-top: 38px;
		padding-bottom: 15px;
	}
	div.content-sec-one,
	div.content-sec-two,
	header {
		padding-right: 15px;
		padding-left: 15px;
	}
	.whatweoffer-list-ul-li,
	.whatweoffer-list-ul-li:last-child {
		width: 100%;
		margin: 0;
	}
	.getting-str-left,
	div.getting-str-sec-svg {
		display: none;
	}
	.getting-str-right {
		width: 100%;
		float: left;
		margin: 0;
	}
	.getting-cnt {
		margin: 30px 0;
		padding: 30px 55px;
		float: left;
		width: 100%;
	}

	.list-circle {
		display: none;
	}
	.list-txt {
		width: 100%;
		text-align: center;
	}
	div.content-sec-one h2,
	div.content-sec-two .heading-txt h2 {
		font-size: 25px;
		margin: 0 0 10px;
	}
	div.content-sec-one p {
		font-size: 16px;
	}
	div.content-sec-one h2:after {
		margin: 14px auto 0;
	}
	.whatweoffer-list {
		margin: 0;
	}
	.contact-num .cont-number {
		float: left;
	}
	.getting-cnt h4 {
		font-size: 27px;
	}
	.form-div form .form-group input,
	.form-div form .form-group textarea,
	.form-div form .form-group select {
		padding: 9px 15px;
	}
	.form-div form .form-group textarea {
		height: 100px;
	}
	.form-div form .form-group .send-btn {
		padding: 10px 0;
	}
	.contact-num {
		margin: 30px 0 40px;
	}
	.whatweoffer-inn {
		border-bottom: solid 1px #eeeeee;
	}
	.whatweoffer-inn.order-8 {
		border-bottom: none;
		margin-bottom: 0;
	}
	div.content-sec-two .heading-txt p {
		margin: 0 0 10px;
		padding: 0 0 20px;
	}
	.client-logos {
		padding: 0px 0 0px;
	}
	.block,
	.block-header {
		display: none;
	}
	.whatweoffer-list .list-txt ul {
		margin: 0 0 20px;
	}

}