h1, h2, h3, h4 {
    font-family: 'NeuePowerTrial-Bold';
    font-weight: 600;
    font-size: 3rem !important;
    }
    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: rgba(10, 11, 27, 1);
    position: relative;
    overflow: hidden;
    }
    
    /* banner */
    
    .banner-wrap {
    position: relative;
    margin-bottom: 0;
    text-align: left;
    left: 14.55rem;
    }
    
    .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: 60%;
    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: 1rem;
    margin: 0 1rem;
    border-radius: 0;
    }
    .slick-dots li button {
    height: 0.15rem;
    background: #8f8a8a;
    padding: 0;
    width: 3rem;
    border-radius: 0;
}
.slick-dots li.slick-active button {
    background: #fff;
}

    .slick-dots li.slick-active button:before {
    opacity: 1;
    color: transparent;
    }
    
    .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6.3rem;
    color: transparent;
    border: 0;
    opacity: 1;
    width: 3rem;
    border-radius: 0;
    height: 1rem;
    }
    
    .slick-dots {
    bottom: -5rem;
    }
    
    .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;
    }
        .services-wrap .services-grid img:hover {
    opacity: 1;
    }
    /* 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:first-child {
    }
    
    .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%;
    }
    
    .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;
    }
    
    .tab-content {
    text-align: center;
    width: 85%;
    margin: 1rem auto;
    }
    
    .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: 75%;
    }
    .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;
    }
    .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: 80%;
    margin: 0 auto;
    padding: 7rem 3rem 3rem;
    margin-top: -3rem;
    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: 0.1rem solid #fff;
    }
    .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;
    }
    .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/layere-hero-desktop.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center center;
    color: #fff;
    min-height: 92vh;
    padding-top: 0;
    /* box-shadow: 12px 21px 46px 11px rgb(0 0 0 / 89%); */
    justify-content: flex-start;
    }
    
    section.fold3-wrap-pg3 {
    background-image: url(./images/page3-fold3-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
    color: #fff;
    height: 48rem;
    }
    
    
    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;
    }
    .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/neimg.png);
    padding: 1.55rem 1.55rem 2rem;
    height: 28.1rem;
    background-repeat: no-repeat;
    background-position: right bottom;
    border-radius: 1.4rem;
    background-size: 15.5rem;
    }
    #img2 .blocn1 {
        background-image: url(../images/page4/vr.png);
    }
    #img3 .blocn1 {
        background-image: url(../images/page4/puzzle.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;
    margin-left: -1.8rem;
    background-size: 2rem;
    margin-bottom: 2rem;
    }
    section.unlock-fold2 {
    position: relative;
    }
    .gchat {
    background: url(../images/gchat.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    position: absolute;
    left: 0;
    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;
    }
    span.ic-points {
    text-align: center;
    display: block;
    }
    .product-btm-strip .cnt {
    text-align: center;
    }
    .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: 80%;
    }
    .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;
    }
    .pg3-fold4-wrap .logo-wrap-grid-sec img {
    width:100%;
    height: 8rem;
    object-fit: contain;
    }
    .col-gap-wrap {
    width: 100%;
    float: left;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    }
    .col-gap-wrap .col-gap {
    width: calc(100% / 3 - 3rem);
    margin-bottom: 1rem;
    }
    
    /* slide fold page4 */
    small {
    font-size: 1rem;
    color: #fff6;
    text-transform: capitalize;
    }
    .cardslider-bg2col-cntwrap {
    background-color: rgb(43, 37, 139);
    border-radius: 0.75rem;
    border: 0.1rem solid transparent;
    border-color: rgb(130, 106, 226);
    position: relative;
    overflow: hidden;
    min-height: 30rem;
    }
    .cardslider-bg2col-cntwrap.bgclr2 {
        background-color: rgb(130, 106, 226);
    }
    .cardslider-bg2col-cntwrap .slie-cardcnt-left.mh {
    padding: 4rem 3rem;
    width: 65%;
    margin: 0;
    }
    .intro {
    text-align: center;
    }
    .cardslider-bg2col .intro h2 {
    width: 100%;
    margin: 0.35rem 0 4rem 0;
    }
    .slie-cardimg-right.mh {
    position: absolute;
    top: auto;
    right: -12rem;
    bottom: -3rem;
    width: 60%;
    }
div#ws-set2 .slie-cardimg-right.mh {
    right: 0;
    bottom: 0;
}
div#ws-set3 .slie-cardimg-right.mh {
    right: -7rem;
    bottom: 0;
}
div#ws-set5 .slie-cardimg-right.mh {
    right: 0;
    bottom: 0;
}
div#ws-set6 .slie-cardimg-right.mh {
    right: 0;
    bottom: -4rem;
    width: 52%;
}
.cardslider-slis .slick-list {
    overflow: visible;
}
    .overflow-clip {position: relative;max-width: 100%;/* overflow: hidden; */}
    .span1 {
    background: radial-gradient(70.34% 70.34% at 50% 50%, rgba(174, 161, 255, 0.50) 0%, rgba(38, 15, 178, 0.50) 100%), rgba(130, 106, 226, 0.20);
    box-shadow: 0px 0px 50px 0px rgba(202, 130, 248, 0.80) inset;
    position: absolute;
    border-radius: 100%;
    z-index: 0;
    width: 25rem;
    height: 25rem;
    right: -36rem;
    top: auto;
    bottom: -29rem;
    }
    .span2 {
    background: rgba(130, 106, 226, 0.20);
    position: absolute;
    border-radius: 100%;
    z-index: 0;
    width: 35rem;
    height: 35rem;
    right: -39rem;
    top: auto;
    bottom: -33rem;
    }
    .slie-cardcnt-left .desc p {
    font-size: 0.95rem;
    font-weight: 600;
    }
    .slie-cardcnt-left ul li {
    font-weight: 300;
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
    }
    .cardslider-bg2col-cntwrap .flex {
    justify-content: flex-start;
    }
    .small-top {
    margin-bottom: 0.35rem;
    }
    .slie-cardcnt-left h4 {
    margin-bottom: 1.55rem;
    font-size: 3.55rem;
    text-transform: uppercase;
    }
    .services-wrap.brands-wrap {
     background: rgba(10, 11, 27, 1);
    }
    /* page 4 fold 4 */
    .glow-gridbox {
        background-color: rgb(18 18 18);
        border: 0.1rem solid transparent;
        border-color: rgb(130 106 226);
        transition: all .3s ease-in-out;
        border-radius: 1rem;
        padding: 0;
        margin-bottom: 2rem;
        overflow: hidden;
        position: relative;
    }
    .glow-gridbox:hover {
        opacity: 1;
        box-shadow: 0 0 100px #1b2393, 0 1px 0 5px #1b239340;
        transform: scale(1.05);
    }
    .glow-gridbox .head {
        padding: 2rem;
    }
.glow-gridbox.ggb-sec3 .head {
    position: relative;
    top: 6rem;
}
    .glow-gridbox .head h4 {
        font-size: 6rem !important;
    }
    .glow-gridbox img {
        transform: scale(1.5);
    }
    .glow-gridbox.ggb-sec1 img {
        position: relative;
        right: -4rem;
    }
.pg-4.fold4-wrap .container {
    max-width: 80rem;
}
.pg-4.fold4-wrap {
    padding-top: 18rem;
}
.glow-gridbox.ggb-sec1, .glow-gridbox.ggb-sec4 {
}
.glow-gridbox.ggb-sec2 {
    position: relative;
    top: -4rem;
}
.glow-gridbox.ggb-sec2:before {
    content: '';
    background: url(../images/back-dots.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.glow-gridbox.ggb-sec3:before {
    content: '';
    background: url(../images/disc-decoration.png);
    background-repeat: no-repeat;
    background-position: center top -6rem;
    background-size: contain;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.glow-gridbox.ggb-sec3 {
    position: relative;
    top: -4rem;
    min-height: 16rem;
}
.glow-gridbox.ggb-sec4 {
    position: relative;
    top: -9rem;
}
    .glow-gridbox.ggb-sec4 img {
        position: relative;
        height: 19rem;
        object-fit: cover;
        object-position: bottom;
        margin-bottom: 3rem;
    }
    .banner-wrap .btm-cta a svg {
        position: relative;
        top: 0.18rem;
    }
    .banner-wrap .btm-cta a:hover {
        background: rgb(245 245 245 / 41%);
        color: #fff;
    }
#heading1, #img1 {
margin-top: 4rem;
}
#heading2, #img2 {
margin-top: 4rem;
}
#heading3, #img3 {
margin-top: 4rem;
}
  
    
    /* media start */
    
    @media(max-width: 1024px) {
    .our-products .slide-arrow {
    width: 75%;
    }
    .services-wrap .services-grid img {
    height: 14rem;
    }
    .collabs-slider {
    min-height: 49vh;
    }
    section.banner-section {
    min-height: 50vh;
    padding-bottom: 0;
    }
    header .btn {
    float: right;
    }
    }
    
    @media(max-width: 991px) {
    .tab-content .col-tabgroup {
    width: 50%;
    }
    header .btn {
    right: 1rem;
    position: relative;
    }
    .banner-wrap {
    margin-left: 0;
    left: 4rem;
    }
    .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%;
    }
    .slie-cardimg-right.mh {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0rem;
    width: 85%;
    padding: 0 2rem;
    }
    .cardslider-bg2col-cntwrap {
    min-height: 47rem;
    }
    .span1 {
    bottom: -54rem;
    }
    .span2 {
    bottom: -58rem;
    }
    .cardslider-bg2col-cntwrap .slie-cardcnt-left.mh {
    width: 100%;
    padding: 2rem;
    }
    .slie-cardcnt-left .desc p, .slie-cardcnt-left ul li {
    font-size: 1.25rem;
    }
    .glow-gridbox.ggb-sec2, .glow-gridbox.ggb-sec3, .glow-gridbox.ggb-sec4 {
        top: 0;
    }
    .glow-gridbox img {
        transform: none;
        right: 0;
    }
    .glow-gridbox.ggb-sec3:before, .glow-gridbox.ggb-sec2:before {
        background-size: cover;
    }
    .glow-gridbox.ggb-sec3, .glow-gridbox.ggb-sec2 {
        min-height: 30rem;
    }
    .glow-gridbox p {
        font-size: 1.55rem;
    }
    .glow-gridbox.ggb-sec3 .head {
        top: 22rem;
    }
    .in-cnt.purple-bg .in-para p {
    font-size: 1.5rem;
}
#heading1, #img1 {
    margin-top: 0rem;
    }
    #heading2, #img2 {
    margin-top: 0rem;
    }
    #heading3, #img3 {
    margin-top: 0rem;
    }
    }
    
    @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; */
    }
    .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%;
    left: 2rem;
    }
    .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: 1.75rem !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%;
    }
    .faq-wrap .intro {
    margin-left: 1rem;
    }
    .faq-wrap .intro p {
    width: 100%;
    }
    section.fold3-wrap-pg3 {
    height: 30rem;
    }
    section {
    padding: 4rem 0;
    }
    .col-gap-wrap .col-gap {
    width: calc(100% / 2);
    }   
    .slie-cardcnt-left .desc p, .slie-cardcnt-left ul li {
        font-size: 1.05rem;
    }
    .glow-gridbox.ggb-sec3, .glow-gridbox.ggb-sec2 {
        min-height: 18rem;
    }
    .glow-gridbox.ggb-sec3 .head {
        top: 12rem;
    }
    .glow-gridbox .head {
        padding: 2rem 1.55rem;
    }
    .glow-gridbox p {
        font-size: 1rem;
    }
    .pg-4.fold4-wrap {
        padding-top: 3rem;
    }
    .glow-gridbox:hover {
        box-shadow: 0 0 50px #1b2393, 0 1px 0 5px #1b239340;
    }
.mob-rm-incol .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}
.services-wrap.brands-wrap {
    background: rgba(10, 11, 27, 1);
    padding-top: 5rem;
}
.in-cnt.purple-bg .in-para p {
    font-size: 0.85rem;
    width: 100%;
}
.blocn1 {
    height: 25rem;
    background-size: 10.5rem;
}
.blocn1 h3 {
    font-size: 1.75rem !important;
}
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;
}
div#ws-set3 .slie-cardimg-right.mh {
    right: 0rem;
    bottom: 0;
}
div#ws-set6 .slie-cardimg-right.mh {
    right: 0;
    bottom: 0rem;
    width: 100%;
}
section.banner-section:before {
    content: '';
    background: rgb(0 0 0 / 60%);
    width: 100%;
    height: 100%;
    position: absolute;
}
.slie-cardcnt-left h4 {
    font-size: 2rem !important;
}
.intro {
    width: 95%;
    margin: 0 auto;
}

}