/*---------------------------------------------
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 {
	font-family: 'Hind Siliguri', sans-serif;
	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://openwifi.info/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://openwifi.info/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: 'Hind Siliguri', 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: 25px;
		padding: 0;
	}
	.heroContainer{
	    padding: 80px 0;
	    text-align: center;
	}
}

/*---------------------------------------------
Service Section Style
--------------------------------------------- */
.whyUs{
	padding: 40px 0;
}
.whyUs .formAction{
	background-color: #007EA5;
	padding: 75.4px 50px;
	text-align: start;
	/*border-radius: 10px 0 0 10px;*/
	margin-left: 10px;
	margin-top: 40px;
}
.whyUs .formAction h3{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 80px;
	color: #fff;
}
.whyUs .formAction h4{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 500;
	font-size: 30px;
	color: #fff;
}
.whyUs .formAction p{
    font-family: 'Noto Sans Bengali', sans-serif;
	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: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 50px;
	color: #606060;
}
.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: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 16px;
	color: #fff;
	background-color: #C51852;
	padding: 10px 30px;
	margin-bottom: 20px;
	border-radius: 0;
}
/*================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{
	background-color: #1288C8;
}
.ispHeroContainer{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding: 109px 0;
}
.ispHeroContainer h1{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 74px;
	line-height: 75px;
	color: #fff;
	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: #19714A !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: #9CCD5E;
	position: relative;
}
.ispBillingOffer .ispBillingOfferWrapper{
	background-color: #EA4335;
	position: absolute;
	height: 160px;
	text-align: center;
	padding: 20px;
	bottom: -35px;
	border-radius: 2px;
}
.ispBillingOffer .ispBillingOfferWrapper h2{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 600;
	font-size: 80px;
	color: #fff;
	margin-bottom: -5px;
}
.ispBillingOffer .ispBillingOfferWrapper h3{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 600;
	font-size: 33px;
	color: #fff;
}
.ispBillingOffer form{
	padding: 10px 0;
}
.ispBillingOffer form input{
	font-family: 'Hind Siliguri', sans-serif;
	width: 100%;
	padding: 10px 10px 7px 10px;
	margin: 10px 0;
	border: none;
	font-size: 17px;
}
.ispBillingOffer button{
    font-family: 'Hind Siliguri', sans-serif;
	font-size: 17px;
	color: #fff;
	background-color: #EA4335;
	padding: 13px 20px 10px 20px;
	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 85px 20px;
}
.ispBillingWhy .ispBillingWhyHeading{
	border-right: 1px solid #222222;
	text-align: end;
}
.ispBillingWhy .ispBillingWhyHeading h1{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 45px;
	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: 5px 0;
	line-height: 29px;
}
/*================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: 35px;
		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 30px;
	/*background-color: #555555;*/
	margin: 10px 0;
	border: 2px solid #fff;
	min-height: 25rem;
	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: 0 0 15px;
}
.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;
}
.serviceLocationBurger .callToAction{
	text-align: center;
	padding: 20px 0;
}
.serviceLocationBurger .callToAction h4{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 45px;
	color: #000;
	margin-bottom: 20px;
}
.serviceLocationBurger .callToAction a{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #000;
	border: none;
	background-color: #A7CD2B;
	padding: 10px 30px;
}
/*================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{}
	.serviceLocationBurger .callToAction{}
	.serviceLocationBurger .callToAction h4{
		font-size: 40px;
	}
	.serviceLocationBurger .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: #9CCD5E;
	border-radius: 40px 40px 0 0;
}
.serviceLocationBurger .serviceLocationBurgerBox h2{
    font-family: 'Hind Siliguri', sans-serif;
	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: 40px;
}
.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: 30px;
	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: #A7CD2B;
}
.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;
	margin-bottom: 5px;
}
.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: 58px 30px;
}
.developWrapper .contentWrapperDown h3{
    font-family: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 25px;
	color: #000;
	margin-bottom: 5px;
}
.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: #CEF33F;
	text-align: center;
	min-height: 225px;
}
.doubleColContentWrapper .doubleColImageWrapper img{
	padding: 30px;
	width: 50%;
}
.doubleColContentWrapper .doubleColtextWrapper{
	padding: 40px;
	min-height: 335px;
}
.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%;
	}
}
/*---------------------------------------------
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: 20px 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: 'Hind Siliguri', sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #000;
	padding: 13px 0;
}
.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: #606060;
}
.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: 'Hind Siliguri', 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-size: 15px;
	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{}
}*/