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

Global CSS

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

body{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 400;

	font-size:14px;

	color:#888;

}

#scrollUp {

	bottom: 15px;

	right: 15px;

	padding: 10px 20px;

	background: #1a76d1;

	color: #fff;

	font-size: 25px;

	width: 45px;

	height: 45px;

	text-align: center;

	line-height: 45px;

	padding: 0;

	border-radius: 3px;

	box-shadow: 0px 0px 10px #00000026;

}

#scrollUp:hover{

	background:#2C2D3F;

}

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

Header Section Style

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

.header{

	background-color:#fff;

	position:relative;

}

.header .navbar-collapse{

	padding:0;

}

.header .header-inner {

	padding: 10px 0;

	background:#fff;

	z-index:1;

	width:100%;

	border-bottom: 1px solid #eee;

}

.header .logo {

	float: left;

	margin-top: 9px;

}

.header .mobile-navigation{

/*	display: flex; 

	justify-content: center;*/

}

.header .navbar {

	background: none;

	box-shadow: none;

	border: none;

	margin: 0;

	height: 0px;

	min-height: 0px;

}

.header .nav{

	display: block;

}

.header .nav li{

	padding: 0 10px;

  float: right;

	position:relative;

}

.header .nav li:last-child{

	margin:0;

}

.header .nav li a {

	color: #5c5c5c;

	font-size: 15px;

	font-weight: 500;

	text-transform: capitalize;

	padding: 25px 0;

	position: relative;

	display: inline-block;

}

.header .nav li a::before {

	position: absolute;

	content: "";

	left: 0;

	bottom: 0;

	height: 3px;

	width:0%;

	background: #00AA45;

	border-radius: 5px 5px 0 0;

	opacity:0;

	visibility:hidden;

	-webkit-transition:all 0.4s ease;

	-moz-transition:all 0.4s ease;

	transition:all 0.4s ease;

}

.header .nav li.active a{

	color:#00AA45;

}

.header .nav li:hover a{

	color:#00AA45;

}

.header .nav li a i {

	display: inline-block;

	margin-left: 57px;

	font-size: 20px;

}

/*

---------------------------------------------

Popup Section Style

--------------------------------------------- 

*/

.popup{

    position: fixed;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    display: none;

    z-index: 1;

}

.contentBox{

	margin:100px;

    position: relative;

    display: flex;

    box-shadow: 0 5px 15px rgba(0,0,0,0.1);

}

.contentBox img{

    position: relative;

    width: 100%;

	border-radius: 5px;

    z-index: 1;

}

.close{

    position: absolute;

    top: 10px;

    right: 10px;

    width: 40px;

    height: 40px;

    background: #0d8800 url("https://plexus.com.bd/public/frontend/img/close1.png");

    background-repeat: no-repeat;

    background-size: 10px;

    background-position: center;

    cursor: pointer;

    border-radius: 50%;

    z-index: 10;

}

@media (max-width : 575.98px){

	.popup{

	 top: 50%;

	}

	.contentBox{

	 margin: -30px;

	}

	.contentBox img{

	 position: relative;

	 width: 100%;

	 z-index: 1;

	}

	.close{

	 top: 10px;

	 right: 10px;

	 width: 25px;

	 height: 25px;

	 background: #0C8241 url("https://plexus.com.bd/public/frontend/img/close1.png");

	 background-repeat: no-repeat;

	 background-size: 10px;

	 background-position: center;

	}

}

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

Home Hero Section Style

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

.hero{}

.heroContainer{

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    padding: 160px 0;

    text-align: start;

}

.heroContainer h1{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 70px;

	color: #fff;

	padding: 0 70px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.heroContainer h1{

		font-size: 55px;

	}

}

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

Service Section Style

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

.services{

	padding: 20px 0;

	background-color: #f5f5f5;

}

.services .serviceHeading{

	padding: 10px 50px;

	text-align: center;

}

.services .serviceHeading h2{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #353535;

	text-align: center;

}

.services .serviceHeading p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #353535;

	padding: 30px 50px;

}

.services .serviceHeading img{



}

.services .serviceContainer {

	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);

}

.services .serviceContainer .serviceImage {}

.services .serviceContainer .serviceImage img {

	width: 100%;

}

.services .serviceContainer .serviceContent{

	text-align: center;

	background-color: #FECF0A;

	padding: 0 10px;

	min-height: 312px;

}

.services .serviceContainer .serviceContent h3{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 600;

	font-size: 30px;

	color: #fff;

	padding: 10px 0;

}

.services .serviceContainer .serviceContent p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 18px;

	color: #fff;

	padding-bottom: 15px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.services .serviceHeading{

		padding: 10px 0;

	}

	.services .serviceHeading p{

		padding: 30px 0;

	}

	.services .serviceHeading h2{

		font-size: 35px;

	}

	.services .serviceContainer {

		margin: 10px 0;

	}

}

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

What will we do Section Style

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

.whatWeDo{

	padding: 50px 0;

	background-color: #1288C8;

}

.whatWeDo .whatWeDoHeading{

	padding: 10px 50px;

	text-align: center;

}

.whatWeDo .whatWeDoHeading h2{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #fff;

	text-align: center;

}

.whatWeDo .whatWeDoHeading p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #fff;

	padding: 10px 50px;

}

.whatWeDo .whatWeDoContainer {

	text-align: center;

	position: relative;

	padding: 30px 0;

	margin-bottom: 90px;

}

.whatWeDo .whatWeDoContainer img{

	width: 90%;

}

.whatWeDo .whatWeDoContainer #polygon{

	position: absolute;

	left: 102%;

	bottom: 45%;

	width: 10%;

}

.whatWeDo .whatWeDoContainer .vl{

	border-left: 3px dotted #fff;

	height: 70px;

	position: absolute;

	left: 50%;

	bottom: -19%;

}

.whatWeDo .whatWeDoContainer .hl{

	border-bottom: 3px dotted #fff;

	width: 111%;

	position: absolute;

	bottom: -15%;

}

.whatWeDo .whatWeDoContainer .circle {

	width: 20px;

	height: 20px;

	background: #fff;

	border-radius: 50%;

	position: absolute;

	left: 45%;

	bottom: -19%;

	z-index: 1;

}

.whatWeDo .whatWeDoContainer p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #fff;

	position: absolute;

	left: 85%;

	bottom: -40%;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.whatWeDo{

		padding: 50px 0;

		background-color: #1288C8;

	}

	.whatWeDo .whatWeDoHeading{

		padding: 10px 0;

		text-align: center;

	}

	.whatWeDo .whatWeDoHeading h2{

		font-size: 35px;

	}

	.whatWeDo .whatWeDoHeading p{

		font-size: 20px;

		padding: 10px 0;

	}

	.whatWeDo .whatWeDoContainer{

		margin-bottom: 0;

	}

	.whatWeDo .whatWeDoContainer img{

		width: 90%;

	}

	.whatWeDo .whatWeDoContainer #polygon{

		display: none;

	}

	.whatWeDo .whatWeDoContainer .vl{

		display: none;

	}

	.whatWeDo .whatWeDoContainer .hl{

		display: none;

	}

	.whatWeDo .whatWeDoContainer .circle {

		display: none;

	}

	.whatWeDo .whatWeDoContainer p{

		position: unset;

		font-size: 30px;

		margin-top: 15px;

	}

}

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

Service Section Style

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

.whyUs{

	padding: 20px 0;

}

.whyUs .whyUsHeading{

	padding: 10px 50px;

	text-align: center;

}

.whyUs .whyUsHeading h2{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #353535;

	text-align: center;

}

.whyUs .whyUsHeading p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #353535;

	padding: 30px 50px;

}

.whyUs .whyUsHeading img{



}

.whyUs .whyUsContainer {

	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);

	border-radius: 15px;

}

.whyUs .whyUsContainer .whyUsImage {}

.whyUs .whyUsContainer .whyUsImage img {

	width: 100%;

}

.whyUs .whyUsContainer .whyUsContent{

	text-align: center;

	background-color: #fff;

	padding: 20px 15px;

	min-height: 220px;	

}

.whyUs .whyUsContainer .whyUsContent h3{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 600;

	font-size: 30px;

	color: #353535;

	padding: 10px 0;

}

.whyUs .whyUsContainer .whyUsContent p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 18px;

	color: #353535;

	padding-bottom: 15px;

}

.whyUs .formAction{

	background-color: #007EA5;

	padding: 75.4px 50px;

	text-align: end;

	border-radius: 10px 0 0 10px;

	margin-left: 10px;

	margin-top: 40px;

}

.whyUs .formAction h3{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 80px;

	color: #fff;

}

.whyUs .formAction h4{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 30px;

	color: #fff;

}

.whyUs .formAction p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #fff;

	margin-bottom: 10px;

}

.whyUs .formFillUp{

	padding: 10px 50px;

	border-radius: 0 10px 10px 0;

	background-color: #f5f5f5;

	margin-right: 10px;

	margin-top: 40px;

}

.whyUs .formFillUp .formHeading{

	padding: 20px 0;

}

.whyUs .formFillUp .formHeading h4{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #353535;

}

.whyUs .formFillUp .formDetails{



}

.whyUs .formFillUp .formDetails form{



}

.whyUs .formFillUp .formDetails form input{

	width: 100%;

    padding: 10px 10px;

    margin: 10px 0;

}

.whyUs .formFillUp .formDetails form textarea{

    padding: 10px 10px;

    margin: 10px 0;

}

.whyUs .formFillUp .formDetails button{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 16px;

	color: #fff;

	background-color: #C51852;

	padding: 10px 30px;

	margin-bottom: 20px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.whyUs{

		padding: 0;

	}

	.whyUs .whyUsContainer .whyUsContent{

		margin: 10px 0;

		padding: 20px 15px;

		min-height: 243px;	

	}

	.whyUs .whyUsContainer .whyUsContent h3{

		font-size: 30px;

	}

	.whyUs .whyUsContainer .whyUsContent p{

		font-size: 18px;

	}

	.whyUs .formFillUp{

		border-radius: 0;

		margin-right: 0;

		margin-top: 10px;

	}

	.whyUs .formFillUp .formHeading{

		padding: 20px 0;

	}

	.whyUs .formFillUp .formHeading h4{

		font-size: 35px;

	}

	.whyUs .formAction{

		display: none;

	}

	.whyUs .whyUsHeading{

		padding: 10px 0;

	}

	.whyUs .whyUsHeading p{

		padding: 30px 0;

	}

	.whyUs .whyUsHeading h2{

		font-size: 35px;

	}

}

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

Isp Billing Hero Section Style

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

.ispHero{}

.ispHeroContainer{

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    padding: 109px 118px;

}

.ispHeroContainer h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 74px;

	line-height: 75px;

	color: #C3FF00;

	margin-bottom: 35px;

}

.ispHeroContainer h4{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 600;

	font-size: 65px;

	color: #C3FF00;

	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);

}

.ispHeroContainer h5{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 600;

	font-size: 40px;

	color: #fff;

	margin-bottom: 10px;

}

.ispHeroContainer h6{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 40px;

	color: #fff;

	margin-bottom: 40px;

}

.ispHeroContainer a{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #000 !important;

	background-color: #fff;

	padding: 10px 15px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.ispHeroContainer{

	    padding: 50px 15px;

	}

	.ispHeroContainer h1{

		font-size: 40px;

		line-height: 45px;

	}

	.ispHeroContainer h4{

		font-size: 40px;

	}

	.ispHeroContainer h5{

		font-size: 20px;

	}

	.ispHeroContainer h6{

		font-size: 16px;

	}

	.ispHeroContainer a{

		font-size: 16px;

	}

}

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

Isp Billing Offer Section Style

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

.ispBillingOffer {

	background-color: #FECF0A;

	position: relative;

}

.ispBillingOffer .ispBillingOfferWrapper{

	background-color: #C3FF00;

	position: absolute;

	height: 147px;

	text-align: start;

	padding: 10px;

	bottom: -32px;

	border-radius: 2px;

}

.ispBillingOffer .ispBillingOfferWrapper h2{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 600;

	font-size: 80px;

	color: #000;

}

.ispBillingOffer .ispBillingOfferWrapper h3{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 600;

	font-size: 33px;

	color: #000;

}

.ispBillingOffer form{

	padding: 10px 0;

}

.ispBillingOffer form input{

    font-family: 'Hind Siliguri', sans-serif;

	width: 100%;

    padding: 10px 10px;

    margin: 10px 0;

    border: none;

}

.ispBillingOffer button{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 16px;

	color: #fff;

	background-color: #C51852;

	padding: 15px 30px;

	margin-top: 10px;

	border: none;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.ispBillingOffer {

		padding-top: 40px;

	}

	.ispBillingOffer .ispBillingOfferWrapper{

		height: 90px;

		right: 10px;

		top: -46px;

	}

	.ispBillingOffer .ispBillingOfferWrapper h2{

		font-size: 40px;

	}

	.ispBillingOffer .ispBillingOfferWrapper h3{

		font-size: 20px;

	}

	.ispBillingOffer form{}

	.ispBillingOffer form input{}

	.ispBillingOffer button{}

}

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

Isp Billing Offer Section Style

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

.ispBillingWhy{

	padding: 85px 0;

}

.ispBillingWhy .ispBillingWhyHeading{

	border-right: 1px solid #222222;

	text-align: end;

}

.ispBillingWhy .ispBillingWhyHeading h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 60px;

	color: #000;

	padding-right: 30px;

}

.ispBillingWhy .ispBillingWhyHeading h2{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 35px;

	color: #000;

	padding-right: 30px;

}

.ispBillingWhy .ispBillingWhyDetails{}

.ispBillingWhy .ispBillingWhyDetails p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #222222;

	padding: 20px 0;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.ispBillingWhy{

		padding: 20px 0;

	}

	.ispBillingWhy .ispBillingWhyHeading{

		text-align: center;

		border: none;

	}

	.ispBillingWhy .ispBillingWhyHeading h1{

		font-size: 25px;

		padding: 0;

	}

	.ispBillingWhy .ispBillingWhyHeading h2{

		font-size: 25px;

		padding: 0;

	}

	.ispBillingWhy .ispBillingWhyDetails{}

	.ispBillingWhy .ispBillingWhyDetails p{

		text-align: center;

	}

}

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

Isp Billing Offer Section Style

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

.ispBillingFeatures{

	background-color: #1288C8;

	padding: 20px 0;

}

.ispBillingFeatures .ispBillingFeaturesHeading{

	padding: 10px 50px;

	text-align: center;

}

.ispBillingFeatures .ispBillingFeaturesHeading h2{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #fff;

	text-align: center;

}

.ispBillingFeatures .ispBillingFeaturesDetails{

	padding: 10px 50px;

	text-align: center;

	margin: 20px;

}

.ispBillingFeatures .ispBillingFeaturesDetails img{

	width: 20%;

	margin-bottom: 20px;

}

.ispBillingFeatures .ispBillingFeaturesDetails h4{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 30px;

	color: #fff;

}

.ispBillingFeatures .ispBillingFeaturesDetails p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 15px;

	color: #fff;

	padding: 0 40px;

}

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

Isp Billing Offer Section Style

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

.ispBillingBenefits{

	padding: 85px 0;

}

.ispBillingBenefits .ispBillingBenefitsHeading{

	text-align: end;

}

.ispBillingBenefits .ispBillingBenefitsHeading h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 60px;

	color: #000;

	padding-right: 30px;

}

.ispBillingBenefits .ispBillingBenefitsDetails{

	background-color: #FECF0A;

	padding: 20px 10px;

	margin: 10px;

	text-align: center;

	border-radius: 10px;

}

.ispBillingBenefits .ispBillingBenefitsDetails h5{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

}

.ispBillingBenefits .ispBillingBenefitsDetails p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 15px;

	color: #000;

}

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

Service Page (Request Demo Section) Section Style

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

.ispBillingOffer .ispBillingServiceWrapper{

	background-color: #C3FF00;

	position: absolute;

	height: 125px;

	text-align: end;

	padding: 10px;

	bottom: -20px;

	border-radius: 2px;

}

.ispBillingOffer .ispBillingServiceWrapper h2{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 600;

	font-size: 50px;

	color: #000;

}

.ispBillingOffer .ispBillingServiceWrapper h3{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 600;

	font-size: 40px;

	color: #000;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.ispBillingOffer .ispBillingServiceWrapper{

		position: absolute;

		height: 105px;

		text-align: end;

		padding: 10px;

		right: 12px;

		top: -60px;

	}

	.ispBillingOffer .ispBillingServiceWrapper h2{

		font-size: 40px;

	}

	.ispBillingOffer .ispBillingServiceWrapper h3{

		font-size: 30px;

	}

}

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

Service Page (Why Us Section)

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

.ispBillingWhyEnglish{

	padding: 85px 0;

}

.ispBillingWhyEnglish .ispBillingWhyEnglishHeading{

	border-right: 1px solid #222222;

	text-align: end;

}

.ispBillingWhyEnglish .ispBillingWhyEnglishHeading h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 40px;

	color: #000;

	padding-right: 30px;

}

.ispBillingWhyEnglish .ispBillingWhyEnglishDetails{}

.ispBillingWhyEnglish .ispBillingWhyEnglishDetails p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #222222;

	padding-right: 100px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.ispBillingWhyEnglish{

		padding: 20px 0;

	}

	.ispBillingWhyEnglish .ispBillingWhyEnglishHeading{

		border-right: none;

		text-align: center;

	}

	.ispBillingWhyEnglish .ispBillingWhyEnglishHeading h1{

		font-size: 30px;

		padding: 0;

	}

	.ispBillingWhyEnglish .ispBillingWhyEnglishDetails{

		text-align: center;

	}

	.ispBillingWhyEnglish .ispBillingWhyEnglishDetails p{

		font-size: 20px;

		padding: 0;

	}

}

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

Service Page (Service Location Section)

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

.serviceLocation{

	padding: 40px 0;

	background-color: #F5F5F5;

}

.serviceLocation .serviceLocationHeading{

	text-align: center;

	margin-bottom: 20px;

}

.serviceLocation .serviceLocationHeading h1{

    font-family: 'Poppins', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}

.serviceLocation .serviceLocationHeading p{

    font-family: 'Poppins', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #000;

}

.serviceLocation .serviceLocationBox{

	/*text-align: center;*/

	padding: 35px 25px;

	/*background-color: #555555;*/

	margin: 10px 0;

	border: 2px solid #fff;

	min-height: 19rem;

}

.serviceLocation .serviceLocationBox:hover{

	box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);

	background-color: #fff;

	border-radius: 5px;

}

.serviceLocation .serviceLocationBox img{

	padding: 10px;

	background-color: #FCE300;

	border-radius: 4px;

}

.serviceLocation .serviceLocationBox h2{

    font-family: 'Poppins', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

	padding: 10px 0;

}

.serviceLocation .serviceLocationBox p{

    font-family: 'Poppins', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #000;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.serviceLocation{

		padding: 20px 0;

	}

	.serviceLocation .serviceLocationHeading{}

	.serviceLocation .serviceLocationHeading h1{

		font-size: 30px;

	}

	.serviceLocation .serviceLocationHeading p{

		padding: 0;

	}

	.serviceLocation .serviceLocationBox{}

	.serviceLocation .serviceLocationBox:hover{}

	.serviceLocation .serviceLocationBox img{}

	.serviceLocation .serviceLocationBox h2{}

	.serviceLocation .serviceLocationBox p{}

}

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

Service Page (How Works Section)

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

.howDevelopBrand{

	padding: 40px 0;

	background-color: #fff;

}

.howDevelopBrand .howDevelopBrandHeading{

	text-align: center;

	margin-bottom: 20px;

}

.howDevelopBrand .howDevelopBrandHeading h1{

    font-family: 'Poppins', sans-serif;

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}

.howDevelopBrand .howDevelopBrandBox{

	padding: 35px 25px;

	/*background-color: #555555;*/

	margin: 10px 0;

	border: 2px solid #fff;

	min-height: 27rem;

	box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);

}

.howDevelopBrand .howDevelopBrandBox:hover{

/*	box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);

	background-color: #fff;

	border-radius: 5px;*/

}

.howDevelopBrand .howDevelopBrandBox img{

	padding: 10px;

}

.howDevelopBrand .howDevelopBrandBox h2{

    font-family: 'Poppins', sans-serif;

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

	padding: 10px 0;

}

.howDevelopBrand .howDevelopBrandBox p{

    font-family: 'Poppins', sans-serif;

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #000;

}

.howDevelopBrand .callToAction{

	text-align: center;

	padding: 20px 0;

}

.howDevelopBrand .callToAction h4{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 45px;

	color: #000;

	margin-bottom: 10px;

}

.howDevelopBrand .callToAction a{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #fff;

	border: none;

	background-color: #EA4335;

	padding: 10px 15px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.howDevelopBrand{

		padding: 20px 0;

	}

	.howDevelopBrand .howDevelopBrandHeading{}

	.howDevelopBrand .howDevelopBrandHeading h1{

		font-size: 30px;

	}

	.howDevelopBrand .howDevelopBrandBox{}

	.howDevelopBrand .howDevelopBrandBox:hover{}

	.howDevelopBrand .howDevelopBrandBox img{}

	.howDevelopBrand .howDevelopBrandBox h2{}

	.howDevelopBrand .howDevelopBrandBox p{}

	.howDevelopBrand .callToAction{}

	.howDevelopBrand .callToAction h4{

		font-size: 40px;

	}

	.howDevelopBrand .callToAction button{}

}

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

Service Page (How Works Section)

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

.features{

	padding: 40px 0;

	background-color: #fff;

}

.features .featuresHeading{

	text-align: center;

	margin-bottom: 20px;

}

.features .featuresHeading h1{

    font-family: 'Poppins', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}

.features .featuresHeading p{

    font-family: 'Poppins', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #000;

}

.features .allHexas {

	position: relative;

	height: 31rem;

}

.features .allHexas .hexagon1 {

	position: absolute;

	left: 37%;

	width: 250px;

	height: 200px;

	background-color: #f5f5f5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon2 {

	position: absolute;

	top: 22%;

	left: 19%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon3 {

	position: absolute;

	top: 22%;

	left: 55%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon4 {

	position: absolute;

	top: 44%;

	left: 1%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon5 {

	position: absolute;

	top: 44%;

	left: 37%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon6 {

	position: absolute;

	top: 44%;

	left: 73%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon7 {

	position: absolute;

	top: 66%;

	left: 19%;

	width: 250px;

	height: 200px;

	background-color: #f5f5f5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagon8 {

	position: absolute;

	top: 66%;

	left: 55%;

	width: 250px;

	height: 200px;

	background-color: #f5f5f5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.features .allHexas .hexagonWrapper{

    padding: 35px 0;

    text-align: center;

}

.features .allHexas .hexagonWrapper img{

	width: 30%;

	margin-bottom: 10px;

}

.features .allHexas .hexagonWrapper h4{

	font-family: 'Poppins', sans-serif;

	font-size: 16px;

	font-weight: 600;

	color: #000;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.features{}

	.features .featuresHeading{}

	.features .featuresHeading h1{

		font-size: 30px;

	}

	.features .featuresHeading p{

		font-size: 20px;

		padding: 0 40px;

	}

	.features .allHexas {

		height: 115rem;

	}

	.features .allHexas .hexagon1 {

		left: 15%;

	}

	.features .allHexas .hexagon2 {

		top: 13%;

		left: 15%;

	}

	.features .allHexas .hexagon3 {

		top: 26%;

		left: 15%;

	}

	.features .allHexas .hexagon4 {

		top: 39%;

		left: 15%;

	}

	.features .allHexas .hexagon5 {

		top: 52%;

		left: 15%;

	}

	.features .allHexas .hexagon6 {

		top: 65%;

		left: 15%;

	}

	.features .allHexas .hexagon7 {

		top: 78%;

		left: 15%;

	}

	.features .allHexas .hexagon8 {

		top: 91%;

		left: 15%;

	}

}

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

Service Page (Service Location Section)

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

.serviceLocationBurger{

	padding: 40px 0;

	background-color: #F5F5F5;

}

.serviceLocationBurger .serviceLocationBurgerHeading{

	text-align: center;

	margin-bottom: 20px;

}

.serviceLocationBurger .serviceLocationBurgerHeading h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}

.serviceLocationBurger .serviceLocationBurgerBox{

	text-align: center;

	padding: 10px 25px;

	/*background-color: #555555;*/

	margin: 10px 0;

}

.serviceLocationBurger .serviceLocationBurgerBox img{

	padding: 30px;

	background-color: #FCE300;

	border-radius: 40px 40px 0 0;

}

.serviceLocationBurger .serviceLocationBurgerBox h2{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

	padding: 10px 0;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.serviceLocationBurger{

		padding: 20px 0;

	}

	/*.serviceLocationBurger .serviceLocationBurgerHeading{}*/

	.serviceLocationBurger .serviceLocationBurgerHeading h1{

		font-size: 25px;

	}

/*	.serviceLocationBurger .serviceLocationBurgerBox{}

	.serviceLocationBurger .serviceLocationBurgerBox img{}*/

	.serviceLocationBurger .serviceLocationBurgerBox h2{

		font-size: 16px;

	}

}

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

Service Page (How Works Section)

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

.howDevelopBrandBn{

	padding: 40px 0;

	background-color: #fff;

}

.howDevelopBrandBn .howDevelopBrandBnHeading{

	text-align: center;

	margin-bottom: 20px;

}

.howDevelopBrandBn .howDevelopBrandBnHeading h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}

.howDevelopBrandBn .howDevelopBrandBnHeading h2{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 50px;

	color: #000;

}

.developWrapper{

	overflow: hidden;

	background: #FFFFFF;

	box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);

}

.developWrapper .imageWrapper{

	width: 30%;

	float: left;

	background-color: #0581A9;

}

.developWrapper .imageWrapper img{

	padding: 40px;

}

.developWrapper .contentWrapper{

	width: 70%;

	float: right;

	background-color: #fff;

	padding: 85px 40px;

}

.developWrapper .contentWrapper h3{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

}

.developWrapper .contentWrapper p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #000;

}

.developWrapper .imageWrapperDown{

	width: 30%;

	float: right;

	background-color: #A7CD2B;

}

.developWrapper .imageWrapperDown img{

	padding: 40px;

}

.developWrapper .contentWrapperDown{

	width: 70%;

	float: left;

	background-color: #fff;

	padding: 60px 30px;

}

.developWrapper .contentWrapperDown h3{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

}

.developWrapper .contentWrapperDown p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #000;

}

.doubleColContentWrapper{

	background: #FFFFFF;

	box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);

	margin: 25px 0;

}

.doubleColContentWrapper .doubleColImageWrapper{

	background-color: #CA1E56;

	text-align: center;

	min-height: 225px;

}

.doubleColContentWrapper .doubleColImageWrapper img{

	padding: 30px;

	width: 50%;

}

.doubleColContentWrapper .doubleColtextWrapper{

	padding: 30px;

	min-height: 300px;

}

.doubleColContentWrapper .doubleColtextWrapper h3{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #000;

}

.doubleColContentWrapper .doubleColtextWrapper p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #000;

	margin-top: 10px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.howDevelopBrandBn{

		padding: 20px 0;

	}

	.howDevelopBrandBn .howDevelopBrandBnHeading{}

	.howDevelopBrandBn .howDevelopBrandBnHeading h1{

		font-size: 30px;

	}	

	.howDevelopBrandBn .howDevelopBrandBnHeading h2{

		font-size: 30px;

	}

	.developWrapper .imageWrapper{

		width: unset;

		float: none;

	}

	.developWrapper .contentWrapper{

		width: unset;

		float: none;

		padding: 40px 30px;

	}

	.developWrapper .imageWrapperDown{

		width: unset;

		float: none;

	}

	.developWrapper .contentWrapperDown{

		width: unset;

		float: none;

		padding: 60px 30px;

	}

}

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

Service Page (How Works Section)

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

.featuresBn{

	padding: 40px 0;

	background-color: #F5F5F5;

}

.featuresBn .featuresHeading{

	text-align: center;

	margin-bottom: 20px;

}

.featuresBn .featuresHeading h1{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}

.featuresBn .featuresHeading p{

    font-family: 'Hind Siliguri', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #000;

}

.featuresBn .allHexas {

	position: relative;

	height: 40rem;

}

.featuresBn .allHexas .hexagon1 {

	position: absolute;

	left: 37%;

	width: 250px;

	height: 200px;

	background-color: #fff;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon2 {

	position: absolute;

	left: 1%;

	width: 250px;

	height: 200px;

	background-color: #fff;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon3 {

	position: absolute;

	left: 73%;

	width: 250px;

	height: 200px;

	background-color: #fff;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon4 {

	position: absolute;

	top: 17%;

	left: 19%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon5 {

	position: absolute;

	top: 17%;

	left: 55%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon6 {

	position: absolute;

	top: 34%;

	left: 1%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon7 {

	position: absolute;

	top: 34%;

	left: 37%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon8 {

	position: absolute;

	top: 34%;

	left: 73%;

	width: 250px;

	height: 200px;

	background-color: #ebffd5;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon9 {

	position: absolute;

	top: 51%;

	left: 19%;

	width: 250px;

	height: 200px;

	background-color: #fff;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon10 {

	position: absolute;

	top: 51%;

	left: 55%;

	width: 250px;

	height: 200px;

	background-color: #fff;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagon11 {

	position: absolute;

	top: 68%;

	left: 37%;

	width: 250px;

	height: 200px;

	background-color: #fff;

	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);

}

.featuresBn .allHexas .hexagonWrapper{

    padding: 35px 0;

    text-align: center;

}

.featuresBn .allHexas .hexagonWrapper img{

	width: 30%;

	margin-bottom: 10px;

}

.featuresBn .allHexas .hexagonWrapper h4{

	font-family: 'Hind Siliguri', sans-serif;

	font-size: 16px;

	font-weight: 600;

	color: #000;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.featuresBn{}

	.featuresBn .featuresHeading{}

	.featuresBn .featuresHeading h1{

		font-size: 30px;

	}

	.featuresBn .featuresHeading p{

		font-size: 20px;

		padding: 0 40px;

	}

	.featuresBn .allHexas {

		height: 160rem;

	}

	.featuresBn .allHexas .hexagon1 {

		left: 15%;

	}

	.featuresBn .allHexas .hexagon2 {

		top: 9%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon3 {

		top: 18%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon4 {

		top: 27%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon5 {

		top: 36%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon6 {

		top: 45%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon7 {

		top: 54%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon8 {

		top: 63%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon9 {

		top: 72%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon10 {

		top: 81%;

		left: 15%;

	}

	.featuresBn .allHexas .hexagon11 {

		top: 90%;

		left: 15%;

	}

}

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

Service Page (How Works Section)

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

.featuredSaas{

	padding: 40px 0;

	background-color: #fff;

}

.featuredSaas .featuredSaasHeading{

	text-align: center;

	margin-bottom: 20px;

}

.featuredSaas .featuredSaasHeading h1{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 50px;

	color: #000;

}
.featuredSaas .featuredSaasBox{

}
.featuredSaas .featuredSaasBox .featuredSaasBoxtext{

	padding: 35px 25px;

	background-color: #028C5A;

	margin: -4px 0;

	border: 2px solid #fff;

	box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);

}

.featuredSaas .featuredSaasBox .featuredSaasBoxtext:hover{

	/*box-shadow: 0px 6px 47px -1px rgba(0, 0, 0, 0.07);*/

	background-color: #03af71;

	/*border-radius: 5px;*/

}

.featuredSaas .featuredSaasBox img{
	padding: 2px;
}

.featuredSaas .featuredSaasBox h2{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 25px;

	color: #fff;

	padding: 10px 0;

}

.featuredSaas .featuredSaasBox a{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #fff;

}

.featuredSaas .callToAction{

	text-align: center;

	padding: 20px 0;

}

.featuredSaas .callToAction h4{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 45px;

	color: #000;

	margin-bottom: 10px;

}

.featuredSaas .callToAction a{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #fff;

	border: none;

	background-color: #EA4335;

	padding: 10px 15px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {



}

/*---------------------------------------------
Form Section Style
--------------------------------------------- */
.reg-form{
	background-color: #e5f6ff;
	padding: 30px 0 30px 0;
	font-family: 'Hind Siliguri', sans-serif;
}
.chosen-container{
	width: 100%;

}
.chosen-container-single .chosen-single{
	width: 100%;
    height: 42px;
    background: #fff !important;
    border: 1px solid #ced4da;
    border-radius: 3px;
    box-shadow: none;
}
.chosen-container-single .chosen-single span{
    font-size: 16px;
    color: #495057;
    padding: 10px;
}
.chosen-container-single .chosen-single div{
    top: 10px;
}
.form-button{
	padding: 5px 15px;
    color: #fff;
    background: #008000;
    border: 1px solid #008000;
}
.card{
  background: #c7ecff;
  border-color: #0082AA;
}
.card-header{
    background: #0082AA;
    height: 45px;
}
.card-header h6{
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  /*margin-top: 5px;*/
  /*text-align: center;*/
}
.form-control{
	font-family: 'Hind Siliguri', sans-serif;
	height: 38px;
}
#lat{
	    padding: 0 0 0 10px;
}
#lng{
	    padding: 0 0 0 10px;
}
label{
	font-size: 16px;
	color: #444444;
}
input[type="text"],
input[type="email"] {
    padding: 8px 14px;
}
input[type="text"]:focus,
input[type="email"]:focus {
    border: 1px solid #DC3545;
    border-radius: 5px;
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: none !important;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.form-check-input:checked[type=radio],
.form-check-input:checked[type=radio]:hover,
.form-check-input:checked[type=radio]:focus,
.form-check-input:checked[type=radio]:active {
    border: none !important;
    -webkit-outline: 0px !important;
    box-shadow: none !important;
}
.form-check-input:focus,
input[type="radio"]:hover {
    box-shadow: none;
    cursor: pointer !important;
}
#success {
    display: none;
}
#success h4 {
    color: #DC3545;
}
.back-link {
    font-weight: 700;
    color: #DC3545;
    text-decoration: none;
    font-size: 18px;
}
.back-link:hover {
    color: #82000a;
}
/*Checkbox Alignment*/
.form-check{
  
}
.left_checkbox{
  float: left;
  width: 50%;
}
.right_checkbox{
  float: right;
  width: 50%;
}
/*================For different divice =================*/
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	.chosen-container-single .chosen-single{
	    width: 273px;
	}
}
/*---------------------------------------------

Footer Section Style

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

.footer{

	background-color: #F0F0F0;

	padding: 50px 0;

}

.footer .footerWrapper{



}

.footer .footerWrapper .footerLogo{

	text-align: center;

}

.footer .footerWrapper .footerLogo img{}

.footer .footerWrapper .sologan{

	text-align: center;

}

.footer .footerWrapper .sologan h5{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 700;

	font-size: 30px;

	color: #000;

}

.footer .footerWrapper .socialMedia{

	text-align: center;

}

.footer .footerWrapper .socialMedia ul{

	margin: 10px 0;

}

.footer .footerWrapper .socialMedia ul li{

	display: inline-block;

}

.footer .footerWrapper .socialMedia ul li a{

	padding: 10px;

}

.footer .footerWrapper .socialMedia ul li a i{

	font-size: 25px;

	color: #C51852;

}

.footer .footerWrapper .footerNav{

	text-align: center;

}

.footer .footerWrapper .footerNav ul{}

.footer .footerWrapper .footerNav ul li{

	display: inline-block;

}

.footer .footerWrapper .footerNav ul li a{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 20px;

	color: #000;

	padding: 10px;

}

.footer .footerWrapper .copywriteText{

	text-align: center;

}

.footer .footerWrapper .copywriteText p{

    font-family: 'Ubuntu', sans-serif;

	font-weight: 500;

	font-size: 16px;

	color: #000;

	padding: 10px;

}

/*================For different divice =================*/

 /*Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {

	.footer{}

	.footer .footerWrapper{}

	.footer .footerWrapper .footerLogo{}

	.footer .footerWrapper .footerLogo img{}

	.footer .footerWrapper .sologan{}

	.footer .footerWrapper .sologan h5{}

	.footer .footerWrapper .socialMedia{}

	.footer .footerWrapper .socialMedia ul{}

	.footer .footerWrapper .socialMedia ul li{}

	.footer .footerWrapper .socialMedia ul li a{}

	.footer .footerWrapper .socialMedia ul li a i{}

	.footer .footerWrapper .footerNav{}

	.footer .footerWrapper .footerNav ul{}

	.footer .footerWrapper .footerNav ul li{}

	.footer .footerWrapper .footerNav ul li a{}

	.footer .footerWrapper .copywriteText{}

	.footer .footerWrapper .copywriteText p{}

}