* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, div, img, ul, li, a, p, ol, body {
  margin: 0;
  padding: 0;
  font-family: 'BasicSansRegular';
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
  padding: 0;
  font-family: 'BasicSansBold';
  color: #1D1919;font-weight: 700;
}
h1, .h1 {font-size: 36px;line-height: 46px;letter-spacing: 2px;}
h2, .h2 {font-size: 30px;line-height: 38px;letter-spacing: 2px;}
h3, .h3 {font-size: 28px;line-height: 36px;}
h4, .h4 {font-size: 22px;line-height: 30px;}
h5, .h5 {font-size: 21px;line-height: 26px;}
h6, .h6 {font-size: 19px;line-height: 26px;}

ul, a, input {
  text-decoration: none;
  list-style: none;
  text-decoration: none;
  outline: none;
}

:focus {
  outline: 0;
}

.clear {
  clear: both;
}

a {transition: 0.6s all;-moz-transition: 0.6s all;-webkit-transition: 0.6s all;}

a:hover {
  text-decoration: none;
}
.container {
    display: block;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    width: 100%;position: relative;
}
.container.width90 {width: 90%;}
.container.width80 {width: 80%;}
.container.width75 {width: 75%;}
.container.width70 {width: 70%;}
.container.width60 {width: 60%;}
.container.width50 {width: 50%;}

html, body, body p {font-size: 18px;line-height: 26px;color: #0b519f;}
body p, body ul li, body ol li {margin: 0 0 10px;}
.text_center {text-align: center;}
.one_half {float: left;width: 48%;margin: 0 4% 0 0;}
.one_half.last {margin-right: 0;}
.d_flex {display: flex;}
.align_items_center {align-items: center;}
.btn {display: inline-block;background-color: #0b519f;border: solid 1px #0b519f;border-radius: 10px;-moz-border-radius: 10px;
  -webkit-border-radius: 10px;padding: 6px 30px;font-size: 20px;line-height: 28px;color: #fff;text-transform: uppercase;
  transition: 0.6s all;-moz-transition: 0.6s all;-webkit-transition: 0.6s all;
}
.btn:hover {background-color: transparent;color: #0b519f;}
.text_transform {text-transform: uppercase;}
.bg_blue {background-color: #0b519f;}
.color_white {color: #fff;}
.sec_title {display: inline-block;color: #0b519f;position: relative;letter-spacing: 3px;}
.sec_title:before {content: '';width: 14px;height: 14px;background-color: #ff9223;border-radius: 50%;-moz-border-radius: 50%;
  -webkit-border-radius: 50%;position: absolute;left: -40px;top: 11px;
}
.sec_title:after {content: '';width: 16px;height: 16px;background-color: #ff9223;border-radius: 50%;-moz-border-radius: 50%;
  -webkit-border-radius: 50%;position: absolute;right: -40px;top: 11px;
}
.d_block {display: block;clear: both;}
.fa.fa-twitter{
  font-family:sans-serif;
}
.fa.fa-twitter::before{
  content:"𝕏";
  font-size:1.2em;
}
.p_0 {padding: 0;}

header.site-header {float: left;width: 100%;padding: 12px 0 6px;}
header .site_logo {float: right;}
header .site_logo a {float: left;line-height: 0;}
header .site_logo img {display: inline-block;max-width: 140px;}

section {float: left;width: 100%;padding: 30px 0;}
.home_banner_section {padding: 0;}
.home_banner_section img {display: inline-block;width: 100%;}

.genps_logo img {display: inline-block;max-width: 320px;}
.contact_form {display: inline-block;width: 100%;border: solid 2px #a1a1a1;border-radius: 30px;-moz-border-radius: 30px;
  -webkit-border-radius: 30px;padding: 15px 25px;
}
form .form_field {float: left;width: 100%;margin: 8px 0;}
form label {font-size: 13px;line-height: 16px;color: #dadbe1;font-family: 'BasicSansBold';margin: 0 0 0 15px;}
form .input_field {float: left;width: 100%;border: solid 2px #bababa;border-radius: 10px;-moz-border-radius: 10px;
  -webkit-border-radius: 10px;padding: 6px 20px;display: flex;flex-wrap: nowrap;align-items: center;
}
form .input_icon {float: left;padding: 0 8px 0 0;line-height: 0;}
form .input_icon img {display: inline-block;max-width: 24px;max-height: 22px;line-height: 0;}
form .form_control {float: left;width: 100%;border: 0;font-size: 16px;line-height: 24px;color: #323232;font-family: 'BasicSansBold';
  background: transparent;
}
form .btn,
form select.form_control {cursor: pointer;}
form .checkbox_field {font-size: 14px;line-height: 20px;color: #323232;font-family: 'BasicSansRegular';margin: 15px 0 0;}
form input[type="checkbox"] {cursor: pointer;}
form ::placeholder {
  color: #323232;
  opacity: 1; /* Firefox */
}

form ::-ms-input-placeholder { /* Edge 12 -18 */
  color: #323232;
}

.form_response {float: left;width: 100%;text-align: center;}
.form_response .loader {display: inline-block;}
.form_response .loader img {display: inline-block;max-width: 100px;}

.sec_head {padding: 15px 0;}
.sec_head h2 {margin: 0;font-family: 'BasicSansRegular';letter-spacing: 4px;}

.joinpt_section {float: left;width: 100%;padding: 30px 0;margin: 30px 0 0;}
.joinpt_lists {float: left;width: 100%;display: flex;align-items: center;flex-wrap: wrap;text-align: center;}
.joinpt_lists .jpt_item {display: inline-block;width: 33.33%;padding: 15px;position: relative;}
.joinpt_lists .jpt_item:after {content: '';height: 100%;width: 6px;position: absolute;right: 0;top: 0;
  background-image: url('../images/icons/border-design.png');background-repeat: no-repeat;background-position: left top;
  background-size: 100% 100%;
}
.joinpt_lists .jpt_item:nth-child(3n):after {display: none;}
.joinpt_lists .jpt_item h4 {color: #fff;margin: 0;font-family: 'BasicSansRegular';letter-spacing: 1px;}

.taxBenefit_lists {float: left;width: 100%;padding: 20px 0 0;text-align: center;display: flex;flex-wrap: wrap;}
.taxBenefit_lists .txbt_item {display: inline-block;width: 32.5%;margin: 5px 1.2% 5px 0;border-radius: 40px 0 40px 0;
  -moz-border-radius: 40px 0 40px 0;-webkit-border-radius: 40px 0 40px 0;overflow: hidden;background-color: #0b519f;
}
.taxBenefit_lists .txbt_item:nth-child(3n) {margin-right: 0;}
.taxBenefit_lists .txbt_item .head_area {display: inline-block;width: 100%;background-color: #e2e2e2;padding: 10px 30px;
  min-height: 110px;display: flex;align-items: center;justify-content: center;
}
.taxBenefit_lists .txbt_item .head_area h4 {margin: 0;color: #0b519f;}
.taxBenefit_lists .txbt_item .details {display: inline-block;width: 100%;padding: 25px 15px 15px;text-align: left;}
.taxBenefit_lists .txbt_item .details ul {float: left;width: 100%;margin: 0;padding: 0;list-style: none;}
.taxBenefit_lists .txbt_item .details ul li {float: left;width: 100%;position: relative;color: #fff;padding: 0 0 0 20px;}
.taxBenefit_lists .txbt_item .details ul li:before {content: '';background-image: url('../images/icons/li-before.png');
  background-repeat: no-repeat;background-position: left top;background-size: 100% auto;position: absolute;left: 0;top: 7px;
  width: 12px;height: 145px;
}
.whyuti_section {float: left;width: 100%;padding: 40px 0;}
.whyuti_section .whyuti_lists {display: flex;flex-wrap: wrap;text-align: center;justify-content: center;}
.whyuti_lists .slick-slide {height: inherit !important;padding: 0 10px;}
.whyuti_lists .slick-slide > div {height: 100%;}

.whyuti_section .why_item {display: inline-block;border-radius: 0 40px 40px 40px;min-height: 210px;
  -moz-border-radius: 0 40px 40px 40px;-webkit-border-radius: 0 40px 40px 40px;overflow: hidden;background-color: #0b519f;
  height: 100%;
}
.whyuti_section .why_item:nth-child(3n) {margin-right: 0;}
.whyuti_section .why_item .icon {float: left;width: 90px;height: 90px;border-radius: 0 50% 50%;-moz-border-radius: 0 50% 50%;
  -webkit-border-radius: 0 50% 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;
  position: relative;
}
.whyuti_section .why_item .icon:after {content: '';background-image: url('../images/icons/star-icon.png');
  background-repeat: no-repeat;background-position: left top;background-size: 100% auto;position: absolute;
  right: -40px;bottom: 10px;width: 20px;height: 20px;
}
.whyuti_section .why_item .icon img {display: inline-block;max-width: 50px;max-height: 70px;}
.whyuti_section .why_item .details {float: left;width: 100%;padding: 20px;text-align: center;}
.whyuti_section .why_item .details h5 {font-size: 20px;color: #fff;font-family: 'BasicSansRegular';margin: 0;}

.slick-slider .slick-dots {display: inline-block;line-height: 0;margin: 10px 0 0;padding: 0;list-style: none;}
.slick-slider .slick-dots li {display: inline-block;margin: 0 3px;line-height: 0;background-color: transparent;
    border: solid 1px #0b519f;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;
    width: 20px;height: 20px;padding: 2px;vertical-align: middle;
}
.slick-slider .slick-dots li button {display: inline-block;width: 100%;height: 100%;font-size: 0;border-radius: 50%;
    -moz-border-radius: 50%;-webkit-border-radius: 50%;padding: 0;border: 0;vertical-align: middle;
    background-color: transparent;cursor: pointer;
}
.slick-slider .slick-dots li.slick-active button {background-color: #0b519f;}

.rctblog_section {float: left;width: 100%;padding: 40px 0;}
.recent_blogs {float: left;width: 100%;display: flex;align-items: center;flex-wrap: wrap;margin: 0 0 30px;}
.recent_blogs .blog_item {display: inline-block;width: 32%;margin: 5px 2% 5px 0;border-radius: 10px;-moz-border-radius: 10px;
  -webkit-border-radius: 10px;overflow: hidden;box-shadow: 0px 2px 8px 5px #ebebeb;position: relative;
}
.recent_blogs .blog_item:nth-child(3n) {margin-right: 0;}
.recent_blogs .blog_item .more_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 9;}
.recent_blogs .blog_item .bitem_head {float: left;width: 100%;padding: 20px 12px;}
.recent_blogs .blog_item .bitem_head h4 {font-size: 20px;line-height: 26px;color: #0b519f;margin: 0;}
.recent_blogs .blog_item .blog_thumb {float: left;width: 100%;line-height: 0;}
.recent_blogs .blog_item .blog_thumb img {display: inline-block;width: 100%;height: 100%;}

footer.site-footer {float: left;width: 100%;background-color: #0b519f;padding: 25px 0 15px;}
footer .social_links {float: left;width: 100%;text-align: center;margin: 0 0 15px;}
footer .social_links ul {display: inline-block;margin: 0;padding: 0;list-style: none;}
footer .social_links ul li {display: inline-block;padding: 0 10px;margin: 0;}
footer .social_links ul li a {display: inline-block;width: 42px;height: 42px;border-radius: 50%;-moz-border-radius: 50%;
  -webkit-border-radius: 50%;border: solid 1px #fff;font-size: 24px;line-height: 42px;color: #fff;
}
footer .social_links ul li a:hover {opacity: 0.7;}
footer .copyright {float: left;width: 100%;}
footer .copyright p {color: #fff;margin: 0;font-size: 17px;}

@media only screen and (max-width: 1023px) {
  h1, .h1 {font-size: 36px;line-height: 44px;}
  h2, .h2 {font-size: 32px;line-height: 38px;}
  h3, .h3 {font-size: 28px;line-height: 34px;}
  h4, .h4 {font-size: 23px;line-height: 28px;}
  h5, .h5 {font-size: 21px;line-height: 26px;}
  h6, .h6 {font-size: 20px;line-height: 25px;}

  .container.width90 {width: 95%;}
  .container.width80 {width: 85%;}
  .container.width75 {width: 80%;}
  .container.width70 {width: 75%;}
  .container.width60 {width: 70%;}
  .container.width50 {width: 60%;}
}
@media only screen and (max-width: 980px) {
  html, body, body p {font-size: 18px;line-height: 24px;}
  h1, .h1 {font-size: 34px;line-height: 42px;}
  h2, .h2 {font-size: 30px;line-height: 36px;}
  h3, .h3 {font-size: 26px;line-height: 32px;}
  h4, .h4 {font-size: 22px;line-height: 27px;}
  h5, .h5 {font-size: 20px;line-height: 25px;}
  h6, .h6 {font-size: 19px;line-height: 25px;}

  .container.width90 {width: 100%;}
  .container.width80 {width: 90%;}
  .container.width75 {width: 85%;}
  .container.width70 {width: 80%;}
  .container.width60 {width: 80%;}
  .container.width50 {width: 80%;}

  header.site-header {padding: 10px 0 6px;}
  header .site_logo img {max-width: 120px;}
  section {padding: 30px 0;}
  .d_flex {display: block;}
  .one_half {width: 100%;margin: 0;}
  .genps_logo img {max-width: 280px;margin: 0 0 20px;}
  .taxBenefit_lists .txbt_item .head_area h4 br {display: none;}
}
@media only screen and (max-width: 768px) {
  html, body, body p {font-size: 16px;line-height: 22px;}
  body p, body ul li, body ol li {margin: 0 0 8px;}
  h1, .h1 {font-size: 30px;line-height: 38px;}
  h2, .h2 {font-size: 24px;line-height: 34px;}
  h3, .h3 {font-size: 22px;line-height: 30px;letter-spacing: 1px;}
  h4, .h4 {font-size: 20px;line-height: 26px;}
  h5, .h5 {font-size: 19px;line-height: 25px;}
  h6, .h6 {font-size: 18px;line-height: 24px;}

  .sec_title:before {width: 12px;height: 12px;left: -30px;top: 9px;}
  .sec_title:after {width: 12px;height: 12px;right: -30px;top: 9px;}
  .container.width80 {width: 100%;}
  .container.width75 {width: 95%;}
  .container.width70 {width: 90%;}
  .container.width60 {width: 90%;}
  .container.width50 {width: 90%;}
  .genps_logo img {max-width: 200px;}
  .contact_form {padding: 10px 20px;}
  form .form_field {margin: 8px 0;}
  form .input_field {padding: 6px 15px;}
  form .input_icon img {max-width: 22px;max-height: 18px;}
  form .form_control {font-size: 15px;line-height: 20px;}
  .btn {padding: 6px 26px;font-size: 20px;line-height: 26px;}
  .whyuti_section,
  .rctblog_section,
  section {padding: 25px 0;}
  .joinpt_section {padding: 25px 0;margin: 25px 0 0;}
  .joinpt_lists {display: block;}
  .joinpt_lists .jpt_item {width: 100%;}
  .joinpt_lists .jpt_item:after {display: none;}
  .taxBenefit_lists {padding: 15px 0 0;display: block;}
  .taxBenefit_lists .txbt_item {width: 100%;margin: 5px 0;}
  .taxBenefit_lists .txbt_item .head_area {min-height: unset;}
  .sec_head {padding: 20px 0;}
  .whyuti_section .whyuti_lists {display: block;}
  .whyuti_section .why_item {width: 100%;margin: 5px 0;}
  .recent_blogs {display: block;max-width: 0 0 20px;}
  .recent_blogs .blog_item {width: 100%;margin: 5px 0;}
  footer .social_links ul li {padding: 0 5px;}
  footer .social_links ul li a {width: 40px;height: 40px;font-size: 22px;line-height: 40px;}
  footer .copyright p {font-size: 14px;}
}
@media only screen and (max-width: 480px) {
  h1, .h1 {font-size: 25px;line-height: 34px;}
  h2, .h2 {font-size: 22px;line-height: 30px;}
  h3, .h3 {font-size: 20px;line-height: 28px;letter-spacing: 0;}
  h4, .h4 {font-size: 18px;line-height: 25px;}
  h5, .h5 {font-size: 17px;line-height: 24px;}
  h6, .h6 {font-size: 16px;line-height: 24px;}
  .whyuti_section
  section {padding: 20px 0;}
  .rctblog_section {padding: 20px 15px;}
  .genps_logo img {max-width: 160px;}
  footer .social_links ul li a {width: 34px;height: 34px;font-size: 19px;line-height: 34px;}
  footer .copyright p {font-size: 13px;}
  .sec_title:before {width: 10px;height: 10px;left: -22px;top: 8px;}
  .sec_title:after {width: 10px;height: 10px;right: -22px;top: 8px;}
}