@charset "UTF-8";
.container-new {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 30px;
}
p {
  font-size: 17px;
  line-height: 1.6;
  margin: 0 0 20px
}
/*banner section starts*/
.cmn-breadcrum a {
  color: #fff !important;
}
.cmn-breadcrum .root-page {
  color: #fff !important;
}
.cmn-breadcrum .bread-crumb-arrow {
  color: #fff !important;
}
.cmn-breadcrum > a:hover {
  color: #fff !important;
}
.cmn-breadcrum a::after {
  background: #fff;
}
.banner-bg {
  background: url(../images/premium-support.png), #045fd2;
  background-position: center center;
  height: 800px;
  background-size: cover;
}
.banner {
  text-align: center;
  color: #fff;
  padding: 75px 0px 0px 0px;
}
.banner h1 {
  font: 56px/1.2 Zoho_Puvi_Bold !important;
  max-width: 750px;
  margin: 0 auto;
  letter-spacing: -0.1px;
}
.banner p {
  font: 22px/1.5 Zoho_Puvi_Regular;
  margin: 15px 0px 30px 0px;
}
.banner h1, .banner p {
  padding: 0px 30px;
}
a.cta {
  padding: 14px 40px;
  background: #FFC538;
  color: #000;
  border: 1px solid #FFC538;
  border-radius: 4px;
  display: inline-block;
  font: 17px/1.2 Zoho_Puvi_SemiBold;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0px 0px 50px 0px
}
.banner a:hover {
  background: transparent;
  border: 1px solid #FFC538;
  color: #FFC538;
}
span.arrow-animation-btn {
  display: inline-block;
  vertical-align: middle;
  transition: all 0.3s ease-in;
  margin-left: 5px;
}
a.cta:hover span.arrow-animation-btn {
  transform: translateX(5px);
  transition: all .3s ease;
}
/*banner section ends*/
.inner-sections-bg {
  padding: 100px 0px;
}
p.about-premium {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 100px auto;
}
h2.key-benefits-title {
  text-align: center;
  margin: 50px auto 30px auto;
  font: 36px/1.2 Zoho_Puvi_SemiBold;
}
/*key benefits section starts*/
ul.key-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.key-items li {
  box-sizing: border-box;
  max-width: 30%;
  margin: 20px;
  padding: 30px 50px;
  border: 1px solid #85abfe;
  border-radius: 5px;
  position: relative;
  transition: transform 0.5s ease-in-out;
}
ul.key-items li:hover {
  transform: translateY(-10px);
  box-shadow: 0px 15px 20px #ddd;
}
.key-benefits-icon {
  background: url("../../images/premium-support-sprite.png");
  display: block;
  margin: auto;
  background-size: 1800px;
}
.kb-icon1 {
  width: 117px;
  height: 112px;
}
.kb-icon2 {
  background-position: -126px 0px;
  width: 76px;
  height: 112px;
}
.kb-icon3 {
  background-position: -214px 0px;
  width: 83px;
  height: 112px;
}
.kb-icon4 {
  background-position: -313px 0px;
  width: 81px;
  height: 112px;
}
.kb-icon5 {
  background-position: -408px 0px;
  width: 84px;
  height: 112px;
}
/*key benefits section ends*/
/*Accordion style starts here*/
.compare-bg {
  background: #0360d2;
}
h2.compare-title {
  color: #fff;
  text-align: center;
  margin: 0px 0px 50px 0px;
  font: 36px/1.2 Zoho_Puvi_SemiBold
}
table.sup-programs {
  width: 100%;
}
table.sup-programs tr, th, td {
  /*border: 1px solid #0360d217;*/
  text-align: left;
  padding: 20px;
}
table.sup-programs tbody {
  background: #fff;
}
table.sup-programs th {
  background: #fbabaf;
  font: 20px/1.3 Zoho_Puvi_Bold;
  text-align: center;
}
th.table-header-first-child, th.table-header-second-child {
  border-right: 1px solid #dd9094 !important;
}
th.table-header-first-child {
  border-top-left-radius: 7px;
}
th.table-header-third-child {
  border-top-right-radius: 7px;
}
table.sup-programs tr:nth-child(odd) {
  background: #f5faff;
}
table.sup-programs tr td:nth-child(2) {
  border-right: 1px solid #0360d217;
  border-left: 1px solid #0360d217;
}
table.sup-programs tr td:nth-child(2) img, table.sup-programs tr td:nth-child(3) img {
  width: 26px;
}
img.dash {
  width: 21px !important;
}
table.sup-programs tr td:nth-child(2), table.sup-programs tr td:nth-child(3) {
  width: 25%;
  text-align: center;
  height: 50px;
  vertical-align: middle;
}
.accordion-wrapper {
  padding: 10px 0px;
}
.accordion {
  font-family: Zoho_Puvi_SemiBold;
  cursor: pointer;
  width: 100%;
  text-align: left;
  background: transparent;
  display: flex;
  justify-content: space-between;
  margin: 0px 0px 10px 0px;
  flex-wrap: wrap;
}
span.accordion-heading {
  font-size: 18px;
  width: 100%;
}
.accordion-button {
  position: relative;
  font-size: 14px;
  color: #375CD5;
  margin-right: 15px;
}
.accordion-button:after {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 2px solid #375CD5;
  border-right: 2px solid #375CD5;
  transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transition: all 0.2s ease-in-out;
  top: 5px;
  right: -15px;
}
.accbutton-active:after {
  transform: rotate(-45deg);
  transition: all 0.2s ease-in-out;
  top: 10px;
}
.panel {
  display: none;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.panel p, p {
  font-size: 17px;
}
.fixed-header {
  position: sticky;
  top: 50px;
  z-index: 999;
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
}
tr.table-header.fixed-header th {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
p.table-info {
  text-align: center;
  color: #fff;
  margin: 50px auto 0px auto;
  max-width: 70%;
}
p.table-info a {
  color: #95d7ff;
  text-decoration: none;
  border-bottom: 1px dotted;
}
.footer-cta-section-bg {
  padding: 100px 0px 50px 0px;
}
.footer-cta-section {
  text-align: center;
}
.footer-cta-section h2 {
  font: 36px / 1.2 Zoho_Puvi_SemiBold;
  max-width: 60%;
  margin: 0px auto 35px auto;
}
.footer-cta-section a {
  color: #0360d2;
  text-decoration: none;
  border-bottom: 1px dotted;
}
/*Accordion style ends here*/
/*Animation style starts*/
.anim1, .anim2, .anim3, .anim4, .anim5 {
  opacity: 0;
  -moz-transform: translateY(60px);
  -webkit-transform: translateY(60px);
  -moz-transform: translateY(60px);
}
.active-anim .anim1, .active-anim .anim2, .active-anim .anim3, .active-anim .anim4, .active-anim .anim5 {
  opacity: 1;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: inherit;
}
.anim1 {
  transition: transform 0.7s ease;
  -webkit-transition: transform 0.7s ease;
}
.anim2 {
  transition: transform 1.4s ease;
  -webkit-transition: transform 1.4s ease;
}
.anim3 {
  transition: transform 2.1s ease;
  -webkit-transition: transform 2.1s ease;
}
.anim4 {
  transition: transform 2.3s ease;
  -webkit-transition: transform 2.3s ease;
}
.anim5 {
  transition: transform 2.5s ease;
  -webkit-transition: transform 2.5s ease;
}
/*Animation style ends*/
@media only screen and (max-width:1024px) {
  .banner-bg {
    margin-top: 20px;
    background: #045fd2;
    height: auto;
  }
  .banner {
    padding: 75px 0px;
  }
  ul.key-items li {
    max-width: 45%;
  }
  .fixed-header {
    top: 90px;
  }
  .footer-cta-section h2 {
    max-width: 80%;
  }
}
@media only screen and (max-width:768px) {
  .globe-type-menu-page .cmn-breadcrum {
    width: auto;
  }
  .banner h1 {
    font-size: 55px !important;
  }
  ul.key-items li {
    max-width: 100%;
  }
  p.table-info {
    max-width: 100%;
  }
  .footer-cta-section h2 {
    max-width: 100%;
  }
}
@media only screen and (max-width:414px) {
  .fixed-header {
    top: 0px;
  }
  .banner {
    padding: 50px 0px;
  }
  .banner h1 {
    font-size: 40px !important;
  }
  h2.key-benefits-title, h2.compare-title, .footer-cta-section h2 {
    font: 30px / 1.2 Zoho_Puvi_SemiBold;
  }
  .inner-sections-bg {
    padding: 75px 0px;
  }
  ul.key-items li {
    margin: 20px 0px 20px 0px;
    padding: 30px;
  }
  .table-wrapper {
    overflow-x: auto;
  }
  p.table-info {
    max-width: 100%;
  }
  .accordion {
    flex-wrap: wrap;
  }
  .footer-cta-section-bg {
    padding: 75px 0px 25px 0px;
  }
  .footer-cta-section h2 {
    max-width: 100%;
  }
}