h1, h2, h3, h4 {
    font-family: 'NeuePowerTrial-Bold';
    font-weight: 600;
    font-size: 3rem !important;
    letter-spacing: normal;
}
section.unlock-fold2 .intro h2 {
    width: 50%;
    text-transform: capitalize;
}
.home-fold4  h1, div#sz h1.ff {
    text-transform: capitalize;
}
section.unlock-fold2 .intro h2 {
    width: 50%;
    text-transform: capitalize;
}
section#home-fold4 .w-layout-grid.grid {
    margin-top: 2rem;
}
a.big-txt {
    font-size: 3.55rem;
    color: #fff;
    line-height: 1.15;
}
a.big-txt:hover {
    color: #fff;
}
.ft-menu li a {
    opacity: .4;
}
.ft-menu li a:hover {
    opacity: 1;
}
.ft-menu li a svg {
    margin-left: -1rem;
    transition: all .4s ease-out;
}
.ft-menu li a:hover svg {
    transform: rotate(180deg);
}
/* header */

.mob-only {
    display: none;
}
a.btn:hover {
    text-decoration: none !important;
}
.logo-wrap.desk-only {
    padding: 1rem 0rem;
    width: 6rem;
}
header .row.flex {
    position: relative;
    top: 1.55rem;
}
.logo-wrap img{
    width: 6.9rem;
    /* margin-top: 1rem; */
}

.col-mobhide {
    padding-left: 0;
}

.logo-wrap.desk-only img {
    width: 100%;
    height: auto;
    transform: scale(1.5);
    margin-left: 2.55rem;
}

header {
    position: relative;
    width: 100%;
    top: 0;
    background: transparent;
    min-height: 6rem;
    z-index: 1000;
    padding: 0.55rem 0;
    padding-top: 0;
}

ul.mtree.bubba li a.active { 
    color: #fff;
}

.social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    float: right;
}

.social-icons li img {
    width: 1.35rem;
    height: 1.35rem;
    object-fit: contain;
}

.social-icons li {
    list-style: none;
    margin-right: 1rem;
}

.social-icons li:last-child {
    margin-right: 0;
}

.col-pr-0 {
    padding-right: 0;
}

.top-menu {
    background: #000;
    color: #fff;
}

#menu-header{
    /* margin-top: 1rem; */
}

#menu-header .btn{
    border: 0.1rem solid #fff;
    background: none;;
    border-radius: 1rem;
    padding: 0.7rem 2.3rem;
    text-transform: unset;
    margin-top: -0.7rem;
    margin-right: 2.1rem;
    color: #fff;
}

#menu-header .btn:hover{
    border: 0.1rem solid #fff;
    background: #fff;;
    border-radius: 1rem;
    padding: 0.7rem 2.3rem;
    text-transform: unset;
    margin-top: -0.7rem;
    color: #000;
    margin-right: 2.1rem;
}


.btn{
    border: 0.1rem solid #fff;
    background: none;;
    border-radius: 1rem;
    padding: 0.7rem 2.3rem;
    text-transform: unset; 
    color: #fff;
}


.btn:hover{
    border: 0.1rem solid #fff;
    background: #fff;;
    border-radius: 1rem;
    padding: 0.7rem 2.3rem;
    text-transform: unset; 
    color: #000;
}

.btm-menu {
    background: linear-gradient(180deg, rgba(82, 87, 163, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
    color: #fff;
}

.right-dropmenu a:before,
.right-dropmenu a:after {
    display: none;
}

.right-dropmenu span.icon-bar {
    color: #fff;
    background: #fff;
    display: block;
    width: 2rem;
    height: 0.11rem;
    border-radius: 0rem;
    margin-bottom: 0.4rem;
    transition: all 0.4s ease 0s;
}

.right-dropmenu ul li {
    display: block;
    float: none;
    width: 100%;
}

ul.mtree.transit li,
.footer-menu li {
    border: 0;
    display: inline-flex;
    margin: 0;
    padding: 0;
    height: 100%;
}

ul.mtree.transit {
    /* margin-left: -1rem; */
    height: 100%;
}

ul.mtree.bubba li:last-child {
    /* float: right; */
    /* margin-right: -3.35rem; */
}

ul.mtree.bubba ul.dropdown-menu {
    margin-left: 0;
}

ul.mtree.bubba li a {
    float: left;
    display: inline-block;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    font-size: 1rem;
}

ul.mtree.bubba ul.dropdown-menu li,
ul.mtree.bubba ul.dropdown-menu li a {
    display: block;
    width: 100%;
    float: none;
}

ul.mtree.bubba ul.dropdown-menu li a {
    padding-left: 1.55rem;
}

.right-dropmenu img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.bar-wrap {
    margin-left: 1.55rem;
}

.right-dropmenu:hover span.icon-bar,
.right-dropmenu.mtree-active.mtree-open span.icon-bar {
    color: #000;
    background: #000;
}

.dropdown-menu {
    min-width: 100%;
    padding: 0;
    margin: 0;
    font-size: 1.15rem;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0.1rem 0.4rem rgb(0 0 0 / 18%);
}

/* common */



a.active:hover {
    color: #000;
}

/* section */

section {
    padding: 8rem 0;
    background-color: transparent;
}

/* banner */

.banner-wrap {
    position: relative;
    /* min-height: 100vh; */
    /* max-height: 100vh; */
    margin-bottom: 0;
    text-align: left;
    /* padding-top: 0; */
}

.banner-wrap img {
    width: 100%;
    height: auto;
}

.banner-wrap h1,
.banner-wrap h2 {
    font-size: 3.35rem !important;
    color: #fff;
    line-height: 1.15;
    width: 100%;
    padding: 0.35rem 0;
    margin: 0;
    font-weight: 300;
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 1rem;
}

.banner-wrap p {
    color: #fff;
    width: 75%;
    font-size: 1.25rem;
}

.banner-wrap h1 strong,
.banner-wrap h2 strong {
    font-weight: bold;
}
.banner-wrap .container {
}
.banner-wrap .banner-cnt {
    width: 61%;
    margin: 0;
    text-align: left;
}
.btm-cta a {
    margin-right: 1rem
}
.banner-wrap img {
    width: 100%;
    height: 48rem;
    object-fit: cover;
    object-position: top center;
}

.no-slider .banner-wrap img {
    height: 24rem;
}

.no-slider .banner-wrap {
    min-height: 100%;
    max-height: 100%;
}

.banner-wrap:before {
    /* content:''; */
    background: rgb(0 0 0 / 50%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.banner-wrap .button-sec h3 {
    margin-top: .55rem;
    color: #fff;
    font-size: 1.95rem;
    font-family: 'Roboto', sans-serif;
    font-weight: 500
}

section.banner-section {
    padding-bottom: 0;
    /* background: #000; */
    /* background-color: rgb(0 0 0 / 51%); */
    /* background: linear-gradient(175deg, #000 1.65%, rgba(39, 44, 120, 0.83) 49.83%, #000 87.5%); */
}

section.banner-section .slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-dots li {
    width: 2rem;
    height: 0rem;
    margin: 0;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #d4192a;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 1.3rem;
    color: #fff;
    border: 0;
    opacity: 1;
}

.slick-dots {
    bottom: 3rem
}

.banner-section {
    position: relative;
    padding: 3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 10;
    margin: 0;
}

.slide-arrow li {
    list-style: none;
    display: inline-block;
    margin: 0 1rem;
    position: relative;
    background: #ff0a0a;
    padding: 0;
    cursor: pointer;
}

.slide-arrow li.right-side {
    position: absolute;
    right: 0;
    float: right;
}

.slide-arrow li img {
    width: 2rem;
    height: 2rem;
    object-fit: contain;
    padding: 0.15rem;
}

/* intro section */

.intro h2 {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 3.85rem;
    width: 75%;
    margin: 1rem auto;
    line-height: 1.05;
}
section.unlock-fold2  .publishlayer-fold .intro h2 {
    text-align: left;
    margin: 1rem 0;
    margin-bottom: 4rem;
    width: 80%;
}

/* icon */

.icon img {
    width: 3rem;
    height: 3rem;
    object-fit: contain;
}

.icon {
    color: #000;
}

/* about */

.cnt.text-center {
    width: 95%;
    margin: 0 auto;
}

/* services */

.intro p {
    text-align: center;
    width: 75%;
    margin: 1rem auto;
    margin-bottom: 2rem;
}

.bg-black .intro p {
    color: #fff;
}

.bg-black {
    /* background: transparent; */
    /* color: #fff; */
}

.services-wrap a,
.services-wrap p {
    color: #fff;
}

.services-grid {
    text-align: center;
    margin: 6rem 2rem;
}

.services-grid img {
    margin-bottom: 0;
}

.services-grid a {
    font-size: 1.0rem;
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.services-grid a:hover {
    color: #d4192a;
}
.buto a.btn {
    margin-bottom: 0;
}
.services-wrap .container {
    /* max-width: 85rem; */
}

.services-wrap .services-grid img {
    width: 100%;
    height: 10rem;
    object-fit: contain;
    object-position: top;
}

/* red strip */

.media-inqus.red-strip {
    background: #f50016;
    color: #fff;
    padding: 1.55rem 0;
}

.media-inqus.red-strip h3,
.media-inqus.red-strip p {
    color: #fff;
}

.media-inqus.red-strip h3 {
    font-size: 2rem;
    font-weight: 500;
    margin-top: 0;
}

.media-inqus.red-strip p {
    font-size: 1.45rem;
    font-weight: 300;
    color: #ffff;
}

.media-inqus.red-strip span,
.media-inqus.red-strip p {
    opacity: 0.9;
    margin-bottom: 0;
}

.media-inqus.red-strip span {
    margin: 0 1.55rem;
    position: relative;
}

.media-inqus.red-strip span:before {
    content: '';
    background: #fff;
    width: 0.10rem;
    height: 1.95rem;
    position: absolute;
    top: -0.1rem;
}

/* product */

.bg-gray {
    background: #232020;
}

.our-products {
    position: relative;
}

.products-slide {
    background: #000;
    padding: 0.55rem;
    width: 75%;
    margin: 1rem auto;
    border-radius: 0.5rem;
}

.products-slide p {
    color: #fff;
    font-size: 1rem;
    margin: 1rem 0;
    width: 85%;
}

.products-slide .slide-cnt {
    padding: 2rem;
}

.products-slide img {
    width: 100%;
    margin: 0;
    border-radius: 0.5rem;
    height: 20rem;
    object-fit: cover;
    object-position: top;
}

.products-slide iframe {
    width: 100%;
}

.products-slide .slide-cnt h3 {
    font-weight: 400;
}

.our-products .slide-arrow {
    width: 78%;
    margin: 0 auto;
}

ul.rel-slide-icon {
    padding: 0;
    margin: 0;
}

.nav-tabs a:nth-child(3) {
}

.nav-tabs a:nth-child(2) {
}

/* footer */

footer .social-icons {
    float: left;
    padding-left: 0;
    margin-top: 2rem;
}

footer .social-icons li:first-child {
    padding-left: 0;
}

footer .social-icons li {
    margin-right: 0.25rem;
}

.address p {
    margin-bottom: 0;
    color: #fff;
    font-size: 0.75rem;
    opacity: 0.8;
}

.address a {
    text-decoration: underline;
}

.footer_bar_wrapper span {
    color: #000;
}

.footer_bar_wrapper span a {
    color: #EE7300;
}

.foooter-logo img {
    width: 10rem;
    height: 4rem;
    object-fit: contain;
}

.footer-menu li {
    display: block;
    text-align: left;
    margin-bottom: 1rem;
}

.footer-menu li a {
    font-weight: 300;
}

.footer-menu a {
    padding-left: 0;
}

.foot-head h3 {
    color: #fff;
    font-size: 1.75rem !important;
    font-weight: 300;
    margin: 0;
    margin-bottom: 0.25rem;
    font-family: 'Inter', sans-serif;
    opacity: 0.4;
    letter-spacing: normal;
}

/* tab */

nav {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.nav-tabs {
    border-bottom: 0;
    text-align: center;
    margin: 1rem auto;
    display: flex;
    position: relative;
    margin-bottom: 3rem;
    background: #000;
    padding: 0.75rem;
    border-radius: 1rem;
    align-items: center;
    justify-content: center;
    width: 78%;
}

.nav-tabs a {
    background: transparent;
    padding: 0.55rem 1rem;
    color: #fff;
    font-weight: 500;
    border-radius: 1rem;
    font-size: 1.15rem;
    float: none;
    width: 100%;
    border: 0.1rem solid #fff;
    margin: 0 1rem;
}

.nav-tabs a.active {
    background: #4A40C2;
    color: #fff;
}
.enterprise-popview-wrap img {
    border-radius: 1rem;
    width: 75%;
}
.tab-content {
    text-align: center;
    width: 100%;
    margin: 1rem auto;
}
#product-fold .container {
    max-width: 90%;
}
.tab-content .col-tabgroup {
    margin-bottom: 2rem;
}

.tab-content iframe {}

.tab-content h3 {
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
}

.tab-content iframe {
    width: 100%;
    height: 18rem;
    background: transparent;
}

/* services */

.banner-wrap .banner-cnt.no-slide {
    bottom: 30%;
    width: 85%;
    background: transparent;
}

ul.mtree.transit li a {
    font-weight: 400;
}

ul.mtree.bubba li:last-child>a {
    font-weight: 300;
}

.tab-content .col-tabgroup img {
    width: 100%;
    height: 15rem;
    object-fit: cover;
    object-position: top;
}

.mobile-shs {
    display: none;
}

/* header drop */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #d4192a;
    min-width: 18rem;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    top: 2.6rem;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width: 100%;
}

.dropdown-content a:hover {
    background-color: #333;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.head-dropicon {
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
    cursor: pointer;
    position: relative;
    top: -0.1rem;
    left: 0.35rem;
}

.fa-angle-down:before,
.fa-bars:before {
    font-size: 1.35rem;
}

i.fa.fa-angle-down,
i.fa.fa-bars {
    position: absolute;
    right: 0.2rem;
    top: 0.65rem;
}

i.fa.fa-bars {
    right: 0.6rem;
}

li.menu-item.dropdown.m-others {
    padding-right: 0;
    float: right;
    margin-right: -2.15rem;
}

li.menu-item.dropdown.m-others a {
    padding-right: 3rem;
}

li.menu-item.dropdown.m-others:hover {
    background: #fff;
}

li.menu-item.dropdown.m-others:hover a {
    color: #000;
}

li.menu-item.dropdown.m-others:hover .dropdown-content a {
    color: #fff;
}

.txt-white {
    color: #fff;
}

.cus-head strong {
    font-size: 1.85rem;
}

.banner-wrap iframe {
    width: 100%;
    height: 31rem;
    position: relative;
    top: 6rem;
}

li.menu-item.dropdown.m-others:hover {
    background: #fff;
}

ul.mtree.transit li.mtree-active>a {
    background: transparent;
    color: #fff;
}

.accordion p {
	color: #000;
	margin-bottom: 0;
}
/* bg */
header {
    width: 100%;
    height: 100%;
    background-position: bottom;
    background: linear-gradient(to top,rgb(0 0 0 / 83%) 79%,transparent 100%);
}
footer {background: #3E4279;background: linear-gradient(to top, #3E4279 0%, #000000 100%);}
.faq-wrap {
    background: #000;
    background-image: url(./images/faqbg.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
}
footer ul li {
    list-style: none;
    margin-bottom: 1rem;
    text-align: left;
}
footer ul li a {
    position: relative;
}
footer .ft-menu ul li a:before {
/* 
    content: '';
    position: absolute;
    background: url(../images/ft-bullet.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    left: -1.25rem;
    right: 0rem;
    z-index: 1;
    margin: 0;
    width: 0.75rem;
    height: 0.75rem;
    top: 0.25rem;
*/
}
.home-fold4  {
    background: #3E4279;
    background: linear-gradient(to bottom, #3E4279 0%, #000000 100%);
    background: transparent;
    position: relative;
}
.home-fold4 .f4-btm-bg {position: absolute;background: linear-gradient(to bottom, #201e4d 0%, rgb(0 0 0) 100%);width: 100%;height: 20rem;bottom: 0;z-index: 0;}
.home-fold4 .composibility {
    padding-bottom: 5rem;
}


 .in-cnt.purple-bg {
    background: rgb(123 105 195 / 31%);
    border: 0.1rem solid rgba(130, 106, 226, 1);
    /* padding: 3rem 2rem 2rem; */
    border-radius: 1.4rem;
    min-height: 20.2rem;
    margin: 4rem 0 2rem;
    background-color: #312D75;
    background-image: linear-gradient(146deg, rgba(43, 11, 240, 0.20) 20.88%, rgba(0, 0, 0, 0.00) 111.94%);
    background-size: cover;
    background-position: top right;
    box-shadow: 0 0 100px #1b2393, 0 1px 0 5px #1b239340;
}
.in-cnt.purple-bg .in-para p {
    font-size: 0.9rem;
    opacity:0.6;
    width: 100%;
}
.publishlayer-fold {
    background: #090913;
    color: #fff;
    border-radius: 2rem;
    padding: 2.4rem 3.1rem;
    box-shadow: 0 0 10px rgb(40 3 115 / 80%), 0 1px 0 5px #1b239340;
    margin-top: 3rem;
    width: 90%;
    margin: 3rem auto auto;
}
.publishlayer-fold  .in-cnt {
    width:100%;
}
.publishlayer-fold .in-cnt span.dim-txt {
    color: #405060;
}
.publishlayer-fold .in-cnt h3 {
    width: 95%;
    font-size: 1.95rem !important;
    margin-top: 0.15rem;
    font-weight: normal;
    min-height: 4rem;
}
.publishlayer-fold .in-para p {
    width: 90%;
    margin-bottom: 0.15rem;
}
.corner-icon img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}
.product-btm-strip {
    background: #000;
    max-width: 90%;
    margin: 0 auto;
    padding: 10rem 3rem 2rem;
    margin-top: -9rem;
    border-radius: 1.75rem;
}
.panel-heading {
    padding: 1rem 0;
    border-bottom: 0.1rem solid #fff;
    border-radius: 0;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top-color: transparent;
}
.panel-group .panel-heading+.panel-collapse.in>.panel-body {
    border-top: 0;
}
.panel-body {
    padding: 1rem 0;
}
.panel {
    margin-bottom: 1rem;
    background-color: transparent;
    border: 0;
    border-bottom: 0.1rem solid #fff;
    border-radius: 0;
    box-shadow: none;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
}
.panel-default>.panel-heading {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
    font-weight: 300;
}
.accordion p {
    color: #fff;
    font-size: 0.90rem;
    font-family: 'Inter', sans-serif;
}
.panel-title {
    font-size: 1.55rem;
}
.panel-title  a:hover, .panel-title a:active, .panel-title a:focus {
    color: #fff;
}
.faq-wrap .intro h2 {
    text-align: left;
    width: 100%;
}
.faq-wrap .intro p {
    text-align: left;
    width: 75%;
    margin: 1.35rem 0;
    font-size: 1.05rem;
    font-weight: 300;
}
.banner-left-sec img {
    width: 100%;
    padding: 0;
}
.banner-wrap .btm-cta a {
    margin-bottom: 0;
}
.footer-footer {
    background: #3E4279;
    background: linear-gradient(to top, #3E4279 0%, #000000 100%);
    
  }
  section.banner-section {
    background-image: url(./images/PublishLayer-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center left;
    color: #fff;
    min-height: 90vh;
    padding-top: 0;
    box-shadow: 12px 21px 46px 11px rgb(0 0 0 / 89%);
  }
  body {
    background-image: url(./images/bg/bg-one.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
    color: #fff;
  }
  .scrollitems.es.ths {
    border: 0;
    background-color: rgb(62 66 121);
    background-color: transparent;
    border-radius: 0 !important;
  }
  footer .btm-footer {
    background: transparent;
  }
  footer .btm-footer p, footer .btm-footer p a {
    color: #fff;
    font-size: 0.75rem;
  }
  .home-fold4 {
      padding-top: 0;
      padding-bottom: 0;
  }
  .home-fold4 .composibility {
    padding-bottom: 5rem;
}



body{
  /*  background: linear-gradient(175deg, #000 1.65%, rgba(39, 44, 120, 0.83) 49.83%, #000 87.5%); */
}


.unlock-fold2{
    background: rgb(62 66 121);
    background: transparent;
    background: linear-gradient(175.09deg, #000000 1.65%, rgba(39, 44, 120, 0.83) 49.83%, #000000 87.5%);
}
.secction.collabs {
    background: transparent !important;
    border-radius: 0 !important;
}

.unlock-fold2 .container {
    /* max-width: 76.1rem; */
}             
.log{
    display: flex;
    justify-content: space-around;
    padding: 0 3rem;
    list-style: none;
    margin: 0;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.log li{
    list-style: none;
    margin: 0;
    padding: 0;
}
.log li img{
    height: 1.7rem;
}
.blocn1{
    background-image: url(./images/card/card1.png);
    padding: 2rem 1.55rem 2rem;
    height: 20.1rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 1.4rem;
    background-size: 15.5rem;
}
.unlock-fold2 .blocn1{
    background-image: url(../images/neimg.png);
}
.unlock-fold2 .blocn1.rg {
    background-image: url(../images/img3.png);
}
#img2 .blocn1{
    background-image: url(./images/card/card2.png);
}
#img3 .blocn1{
    background-image: url(./images/card/card3.png);
}
#img4 .blocn1{
    background-image: url(./images/card/card4.png);
}


.blocn2{
    background-image: url(../images/img3.png);
    padding: 3rem 2rem 2rem;
    height: 20.1rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 1.4rem;
    background-size: 15.5rem;

}
.lhanrd {
    background: url(../images/handim.png);
    background-repeat: no-repeat;
    background-position: 0.5rem 2.4rem;
    padding-left: 3.2rem;
    background-size: 2rem;
    margin-bottom: 1rem;
}
section.unlock-fold2 {
    position: relative;
}
.gchat {
    background: url(../images/gchat.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    position: absolute;
    left: 1rem;
    z-index: 1;
    width: 5rem;
    height: 8rem;
    top: 0.55rem;
}
#product-fold {
    position: relative;
}
#product-fold:before {
    content: '';
    position: absolute;
    background: url(../images/product-circle.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    left: 0;
    right: 0;
    z-index: -1;
    margin: 0 auto;
    width: 55%;
    height: 100%;
}
.ic-points img {
    width: 1.55rem;
    height: 1.55rem;
    object-fit: contain;
}
span.ic-points {
    display: block;
    background: #927df9;
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    text-align: center;
    margin: 0.35rem auto;
}
.product-btm-strip .cnt {
    text-align: center;
}
.product-btm-strip .cnt p {
    font-weight: 300;
    font-size: 0.90rem;
}
.right-star-icon img {
    width: 8rem;
    height: 8rem;
    object-fit: contain;
    position: absolute;
    right: 5rem;
    bottom: 5rem;
}
.value-scroll .in-cnt.left-sec h2 {font-weight: 300;font-size: 2.45rem !important;width: 75%;margin-top: 2rem;position: relative;}
.value-scroll .in-cnt.left-sec h2:before {
    content:'';
    background:#fff;
    position: absolute;
    width: 1.55rem;
    height: 1.55rem;
    border-radius: 100%;
    left: -2rem;
    top: 0.55rem;
}
.value-scroll .container {
    margin-top: 5rem;
    max-width: 75%;
}
.value-scroll .in-cnt.purple-bg .in-para p {
    font-size: 1.10rem;
    opacity: 0.6;
    width: 95%;
}
.unlock-fold2 .row.flex {
    justify-content: space-between;
} 
footer .btm-footer .flex {
    justify-content: center;
}
header .btn {
    /* margin-top: 1rem; */
    margin-bottom: 0;
    float: right;
}
.container {
    width: 100%;
    padding-right: 1.071rem;
    padding-left: 1.071rem;
    max-width: 70rem;
    margin: 0 auto;
}

/* faq */
.accordion h4 {
    font-size: 1.28rem !important;
    font-weight: 300;
    font-family: 'Inter', sans-serif;
}

.hover-underline-animation {
display: inline-block;
position: relative;
color: #fff;
}
.hover-underline-animation::after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 0.35rem;
bottom: 0;
left: 0;
background-color: #fff;
transform-origin: top left;
transition: transform 0.45s ease-out;
}
.hover-underline-animation:hover::after {
transform: scaleX(1);
transform-origin: top left;
}
div#purple-bg-wrap-row {
    width: 95%;
    margin: 0 auto;
}
div#purple-bg-wrap-row .col-md-6.col-xs-12 {
    padding: 0 1.55rem;
}
.unlock-fold2 .cnt.text-center {
    width: 100%;
}
div#publishlayer-fold-wrap-row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-wrap .btn {
    background: #664EF4;
}
.faq-wrap .btn:hover {
    background: transparent;
    color: #fff;
}
.faq-wrap .accordion h4 a {
    position: relative;
    width: 100%;
    display: block;
}
.faq-wrap .accordion h4 a:before {
    content: '';
    position: absolute;
    background-image: url(./images/faq-title.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 1.55rem;
    background-position: right;
    right: 0;
    display: block;
}
footer .top-footer {
    padding: 6rem 3rem 2rem;
    z-index: 100;
    position: relative;
}
section.faq-wrap {
    position: relative;
    margin-top: -12rem;
}
#heading1, #img1 {
margin-top: 4rem;
}
#heading2, #img2 {
    margin-top: 4rem;
}
#heading3, #img3 {
    margin-top: 4rem;
}
#heading4, #img4 {
    margin-top: 4rem;
}
.float-tophed {
    position: absolute;
    top: -13rem;
    width: 100%;
    left: 16rem;
}
#hd-shs-mob {
    display: none !important;
}

/* media start */

@media(max-width: 1024px) {
    .our-products .slide-arrow {
        width: 75%;
    }
    .services-wrap .services-grid img {
        width: 14rem;
    }
    .collabs-slider {
        min-height: 49vh;
    }
    section.banner-section {;
        min-height: 50vh;
    }
    header .btn {
        float: right;
    }
}

@media(max-width: 991px) {
    #heading1, #img1 {
        margin-top: 0rem;
        }
        #heading2, #img2 {
            margin-top: 0rem;
        }
        #heading3, #img3 {
            margin-top: 0rem;
        }
        #heading4, #img4 {
            margin-top: 0rem;
        }
    .tab-content .col-tabgroup {
        width: 50%;
    }
    section.faq-wrap {
    margin-top: 0rem;
}
#hd-shs-mob {
    display: block !important;
}
    header .btn {
    right: 1rem;
    position: relative;
}
        .banner-wrap {
        margin-left: 2rem;
    }
    .faq-wrap .container {
    padding: 0 2rem;
}
    .nav-tabs a {
        margin: 0 0.55rem;
        font-size: 1rem;
    }
    .services-wrap .services-grid img {
        width: 100%;
    }
    .div-block-117 {
        padding: 2rem 3rem;
    }
    .ff {
        margin-bottom: 1rem;
        font-size: 2rem !important;
        line-height: 1.15 !important;
        text-align: left;
    }
    .services-grid a {
        font-size: 2rem;
    }
    .cnt.text-center {
        width: 100%;
    }
    .products-slide .flex {
        display: block;
    }
    .bar-wrap {
        margin-right: 1rem;
    }
    .btm-menu {
        height: 100%;
    }
    .banner-wrap h1,
    .banner-wrap h2 {
        font-size: 2rem;
    }
    .media-inqus.red-strip span:before {
        top: 0rem;
    }
    footer .top-footer {
        padding: 2rem 1rem;
    }
    i.fa.fa-angle-down,
    i.fa.fa-bars {
        right: -0.2rem;
    }
    .media-inqus.red-strip span:before {
        width: 0.15rem;
    }
    section.our-products ul.rel-slide-icon {
        display: none;
    }
    .products-slide p {
        width: 100%;
    }
    .products-slide {
        width: 95%;
    }
    .tab-content h3 {
        font-size: 1.55rem;
    }
    li.menu-item.dropdown.m-others {
        margin-right: -1.75rem;
    }
    .banner-left-sec img {
        width: 90%;
        padding: 1.55rem;
        margin: 1rem auto;
        display: block;
    }
    .banner-wrap .banner-cnt {
        width: 100%;
    }
    .intro h2 {
        font-size: 2rem;
        width: 95%;
    }
    .btm-menu  .container.flex {
        display: block;
    }
    section.unlock-fold2 .intro h2 {
        width: 90%;
    }
    .publishlayer-fold .in-cnt h3 {
        font-size: 1.75rem !important;
    }
    .in-cnt.purple-bg .in-para p {
        font-size: 1.15rem;
    }
}

@media (max-width: 767px) {
    .hide-mob {
        display: none;
    }
    html, body {
        overflow-x: hidden;
    }
    div#publishlayer-fold-wrap-row {
    display: block;
}
    .value-scroll .in-cnt.left-sec, .value-scroll .in-cnt.purple-bg {
        transform: none !important;
        opacity: 1 !important;
    }
    header .mob-8 {
        width:80%;
    }
    .logo-wrap img {
        width: 100%;
    }
    header .row.flex {
        top: 0.65rem;
        left: -0.55rem;
    }
    .banner-wrap h1, .banner-wrap h2 {
        font-size: 2rem !important;
    }
    .banner-wrap .banner-cnt.no-slide {
        position: absolute;
    }
    li.menu-item.dropdown.m-others {
        margin-right: 0;
    }
    .media-inqus.red-strip span:before {
        width: 0.18rem;
    }
    .desk-shs {
        display: none;
    }
    .slide-arrow li img {
        width: 3rem;
        height: 3rem;
    }
    ul.mtree.bubba li a {
        width: 100%;
    }
    ul.mtree.bubba li a.active { 
        width: 100%;
    }
    .mobile-shs {
        display: inline-flex;
        margin-top: 1rem;
    }
    .mobile-shs img {
        width: 2rem;
        height: 2rem;
        object-fit: contain;
    }
    ul.mtree.bubba li.mtree-node>a {
        display: inline-flex;
    }
    .tab-content .col-tabgroup {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .global-footer .flex {
        display: flex;
    }
    footer {
        padding: 0rem;
    }
    .global-footer .container,
    .global-footer .flex div {
        padding: 0;
    }
    footer p {
        margin-bottom: 2rem;
    }
    footer .scs-head.pull-right,
    .footer_bar_wrapper span {
        float: left !important;
        text-align: center;
    }
    .footer_bar_wrapper {
        padding: 1rem;
        float: left;
        width: 100%;
    }
    .footer_bar_wrapper a {
        margin-bottom: 2rem;
    }
    .logo-wrap.desk-only {
        width: 75%;
    }
    .col-mobhide {
        padding-left: 0;
    }
    .banner-wrap .banner-cnt {
        width: 100%;
    }
    .intro p {
        width: 90%;
    }
    .services-wrap .services-grid img {
        /* height: auto; */
        /* width: 80%; */
    }
    .services-grid {
    margin: 1rem 0;
}
    ul.mtree.transit {
        margin-left: 0;
        height: 100vh;
        top: 0;
    }
    ul.mtree.bubba li:last-child {
        margin-right: 0;
        margin-top: 0;
        float: none;
    }
    .tab-content iframe {
        height: 100%;
    }
    .products-slide {
        width: 95%;
    }
    .products-slide p {
        width: 100%;
    }
    .products-slide .slide-cnt {
        padding: 0.35rem;
    }
    .products-slide img {
        width: 100%;
        margin-bottom: 1rem;
    }
    .our-products .slide-arrow {
        width: 95%;
    }
    iframe {
        width: 100%;
        height: 100%;
        margin: 1rem auto;
    }
    .btm-menu {
        height: 100%;
        position: relative;
        top: 0;
        right: 0;
        background: transparent;
    }
    ul.mtree.transit li a {
        color: #fff;
        float: none;
        display: block;
        font-weight: 300;
        padding: 1rem 1.55rem;
        border-bottom: 0.1rem solid #fff;
    }
    ul.mtree.transit li {
        height: auto;
    }
    .banner-wrap h1,
    .banner-wrap h2 {
        padding: 1rem 0;
        width: 95%;
        font-size: 2.55rem;
        padding-bottom: 0;
    }
    ul.mtree.bubba li:last-child>a {
        justify-content: flex-start;
    }
    .right-dropmenu span.icon-bar {
        height: 0.12rem;
    }
    .tab-content .col-tabgroup img {
        height: 20rem;
    }
    footer .top-footer .col-md-4 {
        margin-bottom: 1.55rem;
    }
    footer .top-footer .col-md-4:last-child {
        margin-bottom: 0;
    }
    footer .social-icons li {
        margin-bottom: 0;
    }
    .banner-wrap img {
        height: 35rem;
        object-fit: cover;
    }
    .no-slider .banner-wrap img {
        height: 18rem;
    }
    .banner-wrap {
        min-height: 100%;
        max-height: 100%;
    }
    .banner-wrap .banner-cnt {
        min-height: 100%;
        display: block;
    }
    section.banner-section {
        top: 0;
        /* margin-top: 3.85rem; */
        padding-top: 0;
    }
    i.fa.fa-angle-down,
    i.fa.fa-bars {
        right: 2rem;
    }
    .media-inqus.red-strip span {
        margin: 0 0.55rem;
    }
    li.menu-item.dropdown.mtree-active .dropdown-content {
        display: block;
        width: 100%;
    }
    li.menu-item.dropdown .dropdown-content,
    .dropdown:hover .dropdown-content {
        display: none;
    }
    .products-slide .btn {
        margin-bottom: 2rem;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0.55rem;
    }
    li.menu-item.dropdown.m-others {
        padding-right: 0;
        float: left;
    }
    .menu-open .mob_btn .icon-bar-close:before {
        opacity: 0;
    }
    .menu-open .mob_btn .icon-bar {
        opacity: 1;
    }
    .banner-section .col {
        width: 100%;
    }
    .banner-wrap p {
        width: 100%;
    }
 .services-wrap .flex {
     display: inline-block;
     float: left;
 }
     .services-wrap .flex img {
width: 45%;
 }
 .intro h2 {
    font-size: 2rem !important;
    width: 85%;
}
section.unlock-fold2 .intro h2 {
    text-align: left;
    width: 80%;
}
    #menu-header .btn {
    margin: 0.55rem 2rem;
}
    .new-wrapper {
        border-radius: 0;
        background-image: none;
    }
    .ll {
        margin: 0;
        padding: 0;
    }
    .header-menu.btm-menu .container {
        width: 90%;
    }
    .global-footer .container {
        width: 90%;
        margin: 0rem auto;
    }
    footer .top-footer {
        padding: 2rem 1rem 0rem;
    }
    footer .btm-footer {
        padding-bottom: 2rem;
    }
    .logo-wrap.desk-only {
        width: 100%;
    }
    .heading-3 {
        margin-bottom: 1rem !important;
        font-size: 2rem !important;
        line-height: 1.15 !important;
        max-width: 100% !important;
    }
    .allwrapper {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
    }
    a.big-txt {
        font-size: 2.55rem;
    }
    .div-block-118 {
        padding: 1.55rem 1rem !important;
    }
    .heading-12 {
        margin-bottom: 1.55rem !important;
    }
    ul.mtree.transit li:first-child {
        margin-top: 6rem;
    }
    .menu-open .mob_btn .icon-bar.bar1 {
        transform: rotate(45deg);
    }
    .menu-open .mob_btn .icon-bar.bar2 {
        opacity: 0;
    }
    .menu-open .mob_btn .icon-bar.bar3 {
        transform: rotate(-45deg);
        position: relative;
        top: -1.35rem;
    }
    .publishlayer-fold {
        padding: 2.4rem 2.85rem;
    }
    .publishlayer-fold .in-cnt h3 {
        width: 100% !important;
    }
.value-scroll .in-cnt.left-sec h2 {
    width: 90%;
    margin-left: 2rem;
}
    .accordion h4  {
    font-size: 1.55rem !important;
}
    .faq-wrap .container {
    padding: 0 1rem;
}
.in-cnt.purple-bg h2 {
    font-size: 2rem !important;
}
.value-scroll .container {
    max-width: 95%;
}
.product-btm-strip {
    padding: 4rem 1rem 1rem;
}
.nav-tabs {
    width: 100%;
    display: block;
    text-align: center;
}
.nav-tabs a {
    text-align: center;
    width: 48%;
    display: inline-block;
    float: left;
    font-size: 0.75rem;
    margin: 0.55rem 0.15rem;
}
.nav-tabs a:nth-child(3) {
    left: 0;
    width:50%;
    margin: 0.55rem auto;
    display: block;
    float: none;
    right: 0;
    position: relative;
    clear: both;
}
.faq-wrap .intro {
    margin-left: 1rem;
}
.faq-wrap .intro p {
    width: 100%;
}
.unlock-fold2 .blocn1 {
    height: 26rem;
}
.in-cnt.purple-bg .in-para p,
section.unlock-fold2 .publishlayer-fold .intro h2 {
    width: 100%;
}   
 .services-wrap {
    margin-top: 4rem;
}
section {
    padding: 4rem 0;
}
.publishlayer-fold .in-para p {
    width: 100%;
    font-size: 1rem;
}
.right-star-icon img {
    width: 6rem;
    height: 6rem;
    right: 1rem;
    bottom: 2rem;
}
.product-btm-strip {
    margin-top: 0;
}
.card-cols-head {
    padding: 1rem 0;
}
.blocn1 {
    height: 25rem;
}
span.icon-bar {
    width: 2rem;
    height: 0.15rem;
}
header {
    background: #000;
    position: fixed;
    top: 0;
    height: 5rem;
    min-height: 5rem;
}
header .row.flex {
    top: 0.35rem;
    left: -0.55rem;
}
.services-wrap .services-grid img.mb-logors {
    /* height: 3rem; */
}
.gchat {
    width: 3rem;
    height: 3rem;
    top: 1rem;
}
section.banner-section {
    min-height: 70vh;
    background-position: right;
    position: relative;
}
section.banner-section:before {
    content: '';
    position: absolute;
    background: rgb(0 0 0 / 45%);
    width: 100%;
    height: 100%;
}
.enterprise-popview-wrap img {
 width: 95%;
 margin-bottom: 1.55rem;
}
#product-fold .container {
    max-width: 100%;
}
#product-fold {
    padding-bottom: 2rem;
}
.faq-wrap .accordion h4 a {
    width: 90%;
    word-break: break-word;
}
.faq-wrap .accordion h4 a:before {
    right: -2rem;
}
}