.header-main {position: relative !important;}
#header-top-bar {background: #204b6a;}
.inner-banner {height: 650px;padding-top: 80px;position: relative;background-image: url("../images/help-center-banner.jpg");background-position: top center;background-size: 100%;background-repeat: no-repeat;color: #fff;}
.inner-banner h1{font-family: Lato, sans-serif;font-size: 60px;font-weight: 900;margin-bottom: 15px;color: #fff;line-height: 1.2}.inner-banner h2{font-family: 'Poppins-Regular';font-size: 18px;margin: 20px 0px 0px 0px;line-height: 26px}
.navigate{padding: 60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;background: #dbe9fc;}
.navigate h2 {padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}
.navigate p {font-family: 'Poppins-Regular'; font-size: 18px;margin: 0 auto 50px auto;width: 100%;text-align: center;color: #565559;}

.navigate section:hover .icon img {transform: rotateY(180deg);}
.navigate section .content {padding: 0 15px;}
.navigate section .content h5 {font-size: 20px;font-family: 'Poppins-Medium';color: #000;  margin: 10px 0px;line-height: 1.6;}
.navigate section .content p {color: #000;	margin-bottom:10px;font-size:16px !important;padding: 0px 20px;}
.icon img {transform: rotateY(0deg);	transition: .5s;}
.but{
	position: relative;
	line-height:33px;
	overflow: hidden;
	text-align:center;
	border-radius:50px;
	display:inline-block;
	color: #fff;
	font-size: 16px;
	padding: 5px 24px 5px;background: #fb7820;margin-top: 10px;}
.but:before{
	-webkit-transition-duration: 800ms;
	transition-duration: 800ms;
	position: absolute;
	width: 200%;
	height: 200%;
	content: "";
	top: -200%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
	z-index: 1;
	background: #1766ae;
}
.but:hover:before{top: 0%;}
.but .btn-wrap{position:relative;z-index:1;	float:left;overflow: hidden;display: block;}
.but .btn-wrap .text-one{
	position: relative;
	display: block;
	color: #fff;
	transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.but:hover .btn-wrap  .text-one:first-child{
	-webkit-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
    transform: translateY(-150%);
}
.but .btn-wrap .text-two{position: absolute;top: 100%;display: block;	color: #fff;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.but:hover .btn-wrap .text-two{top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.but:hover .btn-wrap .text-two{color: #fff;}
.but .arrow{
	position:relative;
	z-index:1;
	top:1px;
	line-height:34px;
	text-align:center;
	display:inline-block;
	color: #fff;
	font-family: "flaticon";
	-webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	margin-left:10px;
	transform:rotate(-45deg);
}
.but:hover .arrow{transform:rotate(0deg);}
.but:hover:before{top: -40%;}


.support{padding: 50px 0px;position: relative;background-image: url(../images/support-bg.jpg); background-repeat: no-repeat;height: 600px;}
.support h2{color: #222d39;font-family: 'Exo 2', sans-serif;font-size:44px;font-weight: 400; width: 100%; padding: 0% 36% 0% 0%;margin-bottom: 30px;}
.support p{color:#4a4a4a;font-family:'Poppins-Regular';font-size: 18px;width: 100%;margin-bottom: 40px;}
.support section{background: #fff;border-radius: 4px;margin-right: 10px;display: inline-block;  text-align: center;top: 12px;width: 30%;transition: all .3s ease-in-out;}
.support section:hover{background: #65b647;}
.support section:hover p, .support section:hover i{color:#fff!important;}
.support section a{text-decoration: none;display: inline-block;padding: 30px 20px;}
.support section i{text-align:center; font-size:30px;color:#65b647;}
.support section p{font-size:20px; font-family: 'Poppins-Regular';margin-bottom: 0px;padding: 5px 0px;}
.support img{top: -50px;position: relative;left: -280px;max-width: 1018px;}
.pd{position: relative!important;height:134px !important;padding: 0px !important;}
.tp{top:-10px!important;position: relative!important;}

.que{padding: 60px 0px;position: relative; font-family: 'Poppins-Regular';color: #2a2a2a;}
.que h2{padding: 0px 30px;color: #1e1e1e; font-size: 34px;text-align: center;width: 100%;}
.que h3{font-size: 22px;width: 100%;margin-bottom: 20px;}
.que p{font-family: 'Poppins-Regular'; font-size: 18px;width: 100%;margin-bottom: 50px;text-align: center;}
.que img{padding: 0px;}
.que ul{padding: 0px;}
.que ul li{font-size: 18px;padding: 10px 0px;margin-left: 30px;}
.que ul li::before{font-family: "FontAwesome";content: "\f0da";margin-left: 30px;color: #1766ae;left: 0;position: absolute;margin-top: 2px;}
.que ul li a{color: #2a2a2a;font-size: 18px;transition: all .3s ease-in-out;text-decoration: underline;background: none !important;padding: 0px !important;}
.que ul li a:hover{color: #1766ae;text-decoration: none;}
.que .bt{margin: 10px 0px 0px 16px;}
.que .bt a{background: #1766ae;color: #fff; border-radius: 18px;padding: 5px 18px; font-size: 18px;transition: all .3s ease-in-out;text-decoration: underline;text-decoration: none;margin-top: 10px;}
.que .bt a:hover{background:#fb7820;}
.que .bt a i{font-size: 20px;}


@media only screen and (min-width:320px)and (max-width:479px) {
  .inner-banner {padding-top: 20px;height: 180px;background: #204b6a;  }
  .inner-banner h1 {font-size: 32px;}
  .inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px}
  .inner-banner h2 {font-size: 16px;margin: 10px 0px 0px 0px;line-height: 22px;}
 
  .navigate{padding: 30px 0px;}
  .navigate h2{font-size: 22px;}
  .navigate h3{font-size: 18px;}
  .navigate p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .navigate section h3{font-size: 20px;}
  .navigate section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .navigate section .content h5{font-size: 18px;}
  .navigate section .content p{font-size: 14px !important;}
  .but{font-size: 14px;padding: 0px 24px 0px;}

  .support{padding: 30px 0px;text-align: center;height: 340px;background: #c4c3bf;}
  .support h2{font-size: 22px;text-align: center;padding: 0% 5% 0% 5%;margin-bottom: 10px;}
  .support p{font-size: 14px;margin: 0 auto 10px auto;}
  .support section a{padding: 10px 20px;}
  .support section{width: auto;}
  .support img{display: none;}
  .pdng{height: 90px !important;}
  .pd {height: 92px !important;  }
  
  .que{padding:30px 15px;}
  .que h2{font-size: 18px;}
  .que h3{font-size: 18px;text-align: justify;line-height: 40px;margin-bottom: 0px;}
  .que p{font-size: 14px;padding: 0px 20px;margin-bottom: 20px;}
  .que ul{margin-left: 10px;}
  .que ul li{font-size: 14px;padding: 5px 0px;margin-left: 20px;}
  .que ul li a{font-size: 14px}
  .que .bt a{font-size: 16px;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
  .inner-banner{padding-top: 20px;height: 280px;background: #204b6a}
  .inner-banner h1{font-size: 35px}.inner-banner h2{font-size: 16px;margin: 10px 0px 0px 0px;line-height: 22px}.inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px}.inner-banner h2{font-size: 25px}

  .navigate{padding: 30px 0px;}
  .navigate h2{font-size: 22px;}
  .navigate h3{font-size: 18px;}
  .navigate p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .navigate section h3{font-size: 20px;}
  .navigate section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .navigate section .content h5{font-size: 18px;}
  .navigate section .content p{font-size: 14px !important;}
  .but{font-size: 14px;padding: 0px 24px 0px;}

  .support{padding: 30px 0px;text-align: center;height: 340px;}
  .support h2{font-size: 22px;text-align: center;padding: 0% 5% 0% 5%;}
  .support p{font-size: 14px;margin: 0 auto 30px auto;}
  .support a{padding: 10px 30px;}
  .support .amt{margin-top: 10px;}
  .support .amt h3{font-size: 100px;}
  .support .amt h3 sup{font-size: 30px;top: -50px;}
  .support .amt h3 span{font-size: 30px;}
  .support img{display: none;}

  .que{padding:30px 15px;}
  .que h2{font-size: 18px;}
  .que h3{font-size: 18px;text-align: justify;line-height: 40px;margin-bottom: 0px;}
  .que p{font-size: 14px;padding: 0px 20px;margin-bottom: 20px;}
  .que ul{margin-left: 10px;}
  .que ul li{font-size: 14px;padding: 5px 0px;margin-left: 20px;}
  .que ul li a{font-size: 14px}
  .que .bt a{font-size: 16px;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .inner-banner{padding-top: 20px;height: 200px;background: #204b6a}
  .inner-banner h1{font-size: 35px}
  .inner-banner h2{font-size: 18px!important;margin: 10px 0px 0px 0px;line-height: 24px}.inner-banner p{font-size: 16px;line-height: 24px;margin-bottom: 15px}
  .navigate{padding: 30px 0px;}
  .navigate h2{font-size: 22px;}
  .navigate h3{font-size: 18px;}
  .navigate p{font-size: 14px;padding: 0% 5% 0% 5%;margin-bottom: 30px;}
  .navigate section{padding: 0px 0px 10px 0px;}
  .navigate section h3{font-size: 20px;}
  .navigate section p{font-size: 14px;padding: 0px;margin-bottom: 0px;}
  .navigate section .content h5{font-size: 18px;}
  .navigate section .content p{font-size: 14px !important;}
  .but{font-size: 14px;padding: 0px 24px 0px;}
  .support{padding: 30px 0px;height: 410px;}
  .support h2{font-size: 24px;padding:0% 5% 0% 0%;}
  .support p{font-size: 14px;margin: 0 auto 30px auto;}
  .support a{padding: 10px 30px;}
  .support .amt{margin-top: 10px;}
  .support .amt h3{font-size: 100px;}
  .support .amt h3 sup{font-size: 30px;top: -50px;}
  .support .amt h3 span{font-size: 30px;}
  .support img{top: -30px;max-width: 700px;left: -280px;}
  .support section{width: auto;margin-right: 0px;}
  .support section a{padding: 10px 20px;}
  .support section p{font-size: 16px;}
  .pdng{height: 86px !important;}
  .pd {height: 87px !important;}
  .que{padding:30px 15px;}
  .que h2{font-size: 18px;}
  .que h3{font-size: 18px;text-align: justify;line-height: 40px;margin-bottom: 0px;}
  .que p{font-size: 14px;padding: 0px 20px;margin-bottom: 20px;}
  .que ul{margin-left: 10px;}
  .que ul li{font-size: 14px;padding: 5px 0px;margin-left: 20px;}
  .que ul li a{font-size: 14px}
  .que .bt a{font-size: 16px;}
}
@media only screen and (min-width:1024px) and (max-width:1280px) {
  .banner {padding-top: 140px;}
  .banner .banner-content h1 {font-size: 50px;}
  .banner .banner-content p {font-size: 20px;margin-bottom: 16px;}

  .que{padding:40px 15px;}
  .que h2{font-size: 22px;}
  .que p{font-size: 14px;}
  .que ul{margin-left: 10px;}
  .que ul li{font-size: 14px;padding: 5px 0px;}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  .inner-banner {padding-top: 20px;height: 450px;}
  .inner-banner h1 {font-size: 35px;}
  .inner-banner p {font-size: 16px;line-height: 24px;margin-bottom: 15px;}
  .inner-banner h2 {font-size:18px; margin: 10px 0px 0px 20px;}
}
@media (min-width: 1080px) {
  .inner-banner {padding-top: 40px;height: 350px;}
  .inner-banner h1 {font-size: 35px;}
  .inner-banner h2{margin: 10px 0px 0px 0px;}
  .navigate h2{font-size: 22px;}
  .navigate h3{font-size: 18px;}
  .navigate p{font-size: 16px !important;}
  .navigate section h3{font-size: 28px;}
  .navigate{padding: 30px 0px;}
}
@media (min-width:1920px) {
  .inner-banner {padding-top: 160px;height: 460px;}
  .inner-banner h1 {font-size: 52px;}
  .inner-banner p {font-size: 24px;line-height: 34px;}
  .navigate{padding: 60px 0px;}
  .navigate h2{font-size: 34px;}
  .navigate h3{font-size: 20px;}
  .navigate p{font-size: 18px!important;}
  .navigate section h3{font-size: 30px;}
}